@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

package/dist/timecampus/pages/projects/TasksPage.js

@@ -1,45 +1,58 @@
 import { getPriorityColor as e, getStatusColor as t } from "../../utils/helpers.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useListTasksQuery as i } from "../../../generated/wspace-operations.js";
-import { CheckSquare as a, Plus as o } from "lucide-react";
-import { useParams as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useListTasksQuery as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
+import { EmptyState as a } from "../../components/EmptyState.js";
+import { CheckSquare as o, Plus as s } from "lucide-react";
+import { useParams as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { GlassCard as d } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/projects/TasksPage.tsx
-function u() {
-	let { projectId: u } = s(), { data: d, loading: f, error: p } = i({
-		variables: { projectId: u },
-		skip: !u
-	}), m = d?.tasks?.items ?? [];
-	return p ? /* @__PURE__ */ c(n, {
+function f() {
+	let { projectId: f } = c(), { data: p, loading: m, error: h } = r({
+		variables: { projectId: f },
+		skip: !f
+	}), g = p?.tasks?.items ?? [];
+	return h ? /* @__PURE__ */ l(i, {
 		title: "Tasks",
-		description: `Tasks for project ${u}`,
-		children: /* @__PURE__ */ c("div", {
-			className: "rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400",
+		description: `Tasks for project ${f}`,
+		children: /* @__PURE__ */ l("div", {
+			className: "rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text",
 			children: "Failed to load tasks. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(n, {
+	}) : /* @__PURE__ */ l(i, {
 		title: "Tasks",
-		description: `Tasks for project ${u}`,
-		actions: /* @__PURE__ */ l("button", {
+		description: `Tasks for project ${f}`,
+		purpose: "Break a project down into the concrete pieces of work that need doing, then track hours against each one — so you can see what's done, what's blocking, and where effort is actually being spent.",
+		actions: /* @__PURE__ */ u("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Add Task"]
+			children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), "Add Task"]
 		}),
-		children: f ? /* @__PURE__ */ c(r, {
+		children: m ? /* @__PURE__ */ l(n, {
 			variant: "list",
 			count: 5
-		}) : /* @__PURE__ */ c("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
+		}) : g.length === 0 ? /* @__PURE__ */ l(a, {
+			illustration: "empty-generic",
+			title: "No tasks yet",
+			description: "Add a task to break this project into trackable work.",
+			action: /* @__PURE__ */ u("button", {
+				className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
+				children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), "Add Task"]
+			})
+		}) : /* @__PURE__ */ l(d, {
+			treatment: "glass",
+			glow: !0,
+			className: "overflow-hidden",
 			children: /* @__PURE__ */ l("div", {
 				className: "divide-y divide-border",
-				children: [m.map((n) => /* @__PURE__ */ l("div", {
+				children: g.map((n) => /* @__PURE__ */ u("div", {
 					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ l("div", {
+					children: [/* @__PURE__ */ u("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ c(a, { className: `h-5 w-5 ${n.status === "done" ? "text-emerald-500" : "text-text-secondary"}` }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+						children: [/* @__PURE__ */ l(o, { className: `h-5 w-5 ${n.status === "done" ? "text-status-success-text" : "text-text-secondary"}` }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
 							className: `text-sm font-medium ${n.status === "done" ? "text-text-secondary line-through" : "text-text-primary"}`,
 							children: n.title
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								n.assigneeId ?? "Unassigned",
@@ -49,25 +62,22 @@ function u() {
 								"h tracked"
 							]
 						})] })]
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ c("span", {
+						children: [/* @__PURE__ */ l("span", {
 							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${e(n.priority)}`,
 							children: n.priority
-						}), /* @__PURE__ */ c("span", {
+						}), /* @__PURE__ */ l("span", {
 							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${t(n.status)}`,
 							children: n.status
 						})]
 					})]
-				}, n.id)), m.length === 0 && /* @__PURE__ */ c("div", {
-					className: "p-8 text-center text-sm text-text-secondary",
-					children: "No tasks yet. Add a task to get started."
-				})]
+				}, n.id))
 			})
 		})
 	});
 }
 //#endregion
-export { u as TasksPage };
+export { f as TasksPage };
 
 //# sourceMappingURL=TasksPage.js.map

package/dist/timecampus/pages/projects/TasksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TasksPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/TasksPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Plus, CheckSquare } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor, getPriorityColor } from \"../../utils/helpers\";\nimport {\n  useListTasksQuery,\n  type TaskFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TasksPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n\n  const { data, loading, error } = useListTasksQuery({\n    variables: { projectId: projectId! },\n    skip: !projectId,\n  });\n\n  const tasks = data?.tasks?.items ?? [];\n\n  if (error) {\n    return (\n      <PageLayout title=\"Tasks\" description={`Tasks for project ${projectId}`}>\n        <div className=\"rounded-xl border border-red-200 bg-red-50 p-6 text-sm text-red-700 dark:border-red-900 dark:bg-red-950/50 dark:text-red-400\">\n          Failed to load tasks. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Tasks\"\n      description={`Tasks for project ${projectId}`}\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n          <Plus className=\"h-4 w-4\" />\n          Add Task\n        </button>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"list\" count={5} />\n      ) : (\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n          <div className=\"divide-y divide-border\">\n            {tasks.map((task: TaskFieldsFragment) => (\n              <div\n                key={task.id}\n                className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <CheckSquare\n                    className={`h-5 w-5 ${task.status === \"done\" ? \"text-emerald-500\" : \"text-text-secondary\"}`}\n                  />\n                  <div>\n                    <p\n                      className={`text-sm font-medium ${task.status === \"done\" ? \"text-text-secondary line-through\" : \"text-text-primary\"}`}\n                    >\n                      {task.title}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {task.assigneeId ?? \"Unassigned\"} &middot;{\" \"}\n                      {task.trackedHours}h tracked\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getPriorityColor(task.priority)}`}\n                  >\n                    {task.priority}\n                  </span>\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(task.status)}`}\n                  >\n                    {task.status}\n                  </span>\n                </div>\n              </div>\n            ))}\n            {tasks.length === 0 && (\n              <div className=\"p-8 text-center text-sm text-text-secondary\">\n                No tasks yet. Add a task to get started.\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAY;CAC1B,IAAM,EAAE,iBAAc,GAAkC,EAElD,EAAE,SAAM,YAAS,aAAU,EAAkB;EACjD,WAAW,EAAa,cAAY;EACpC,MAAM,CAAC;EACR,CAAC,EAEI,IAAQ,GAAM,OAAO,SAAS,EAAE;AAYtC,QAVI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAQ,aAAa,qBAAqB;YAC1D,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,qBAAqB;EAClC,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WAErB;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAE5C,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAM,KAAK,MACV,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,WAAW,EAAK,WAAW,SAAS,qBAAqB,yBACpE,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,uBAAuB,EAAK,WAAW,SAAS,qCAAqC;iBAE/F,EAAK;OACJ,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAK,cAAc;QAAa;QAAU;QAC1C,EAAK;QAAa;QACjB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAiB,EAAK,SAAS;iBAErG,EAAK;OACD,CAAA,EACP,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAK,OAAO;iBAEjG,EAAK;OACD,CAAA,CACH;QACF;OA/BC,EAAK,GA+BN,CACN,EACD,EAAM,WAAW,KAChB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,CAEJ;;GACF,CAAA;EAEG,CAAA"}
+{"version":3,"file":"TasksPage.js","names":[],"sources":["../../../../src/timecampus/pages/projects/TasksPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Plus, CheckSquare } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor, getPriorityColor } from \"../../utils/helpers\";\nimport {\n  useListTasksQuery,\n  type TaskFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TasksPage() {\n  const { projectId } = useParams<{ projectId: string }>();\n\n  const { data, loading, error } = useListTasksQuery({\n    variables: { projectId: projectId! },\n    skip: !projectId,\n  });\n\n  const tasks = data?.tasks?.items ?? [];\n\n  if (error) {\n    return (\n      <PageLayout title=\"Tasks\" description={`Tasks for project ${projectId}`}>\n        <div className=\"rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text\">\n          Failed to load tasks. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Tasks\"\n      description={`Tasks for project ${projectId}`}\n      purpose=\"Break a project down into the concrete pieces of work that need doing, then track hours against each one — so you can see what's done, what's blocking, and where effort is actually being spent.\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n          <Plus className=\"h-4 w-4\" />\n          Add Task\n        </button>\n      }\n    >\n      {loading ? (\n        <LoadingSkeleton variant=\"list\" count={5} />\n      ) : tasks.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-generic\"\n          title=\"No tasks yet\"\n          description=\"Add a task to break this project into trackable work.\"\n          action={\n            <button className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\">\n              <Plus className=\"h-4 w-4\" />\n              Add Task\n            </button>\n          }\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n          <div className=\"divide-y divide-border\">\n            {tasks.map((task: TaskFieldsFragment) => (\n              <div\n                key={task.id}\n                className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <CheckSquare\n                    className={`h-5 w-5 ${task.status === \"done\" ? \"text-status-success-text\" : \"text-text-secondary\"}`}\n                  />\n                  <div>\n                    <p\n                      className={`text-sm font-medium ${task.status === \"done\" ? \"text-text-secondary line-through\" : \"text-text-primary\"}`}\n                    >\n                      {task.title}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {task.assigneeId ?? \"Unassigned\"} &middot;{\" \"}\n                      {task.trackedHours}h tracked\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getPriorityColor(task.priority)}`}\n                  >\n                    {task.priority}\n                  </span>\n                  <span\n                    className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(task.status)}`}\n                  >\n                    {task.status}\n                  </span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAgB,IAAY;CAC1B,IAAM,EAAE,iBAAc,GAAkC,EAElD,EAAE,SAAM,YAAS,aAAU,EAAkB;EACjD,WAAW,EAAa,cAAY;EACpC,MAAM,CAAC;EACR,CAAC,EAEI,IAAQ,GAAM,OAAO,SAAS,EAAE;AAYtC,QAVI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAQ,aAAa,qBAAqB;YAC1D,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,qBAAqB;EAClC,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WAErB;;YAGV,IACC,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA,GAC1C,EAAM,WAAW,IACnB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,UAAD;IAAQ,WAAU;cAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,WAErB;;GAEX,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAM,KAAK,MACV,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EACE,WAAW,WAAW,EAAK,WAAW,SAAS,6BAA6B,yBAC5E,CAAA,EACF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OACE,WAAW,uBAAuB,EAAK,WAAW,SAAS,qCAAqC;iBAE/F,EAAK;OACJ,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAK,cAAc;QAAa;QAAU;QAC1C,EAAK;QAAa;QACjB;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAiB,EAAK,SAAS;iBAErG,EAAK;OACD,CAAA,EACP,kBAAC,QAAD;OACE,WAAW,4DAA4D,EAAe,EAAK,OAAO;iBAEjG,EAAK;OACD,CAAA,CACH;QACF;OA/BC,EAAK,GA+BN,CACN;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.js

@@ -1,86 +1,90 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
 import { getInitials as t } from "../../utils/helpers.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { StatCard as r } from "../../components/StatCard.js";
-import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useGetCapacityOverviewQuery as a, useListResourcePlansQuery as o } from "../../../generated/wspace-operations.js";
-import { CalendarRange as s, TrendingUp as c, Users as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetCapacityOverviewQuery as i, useListResourcePlansQuery as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { CalendarRange as c, TrendingUp as l, Users as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx
-function f() {
-	let { workspaceId: f = "" } = e(), p = /* @__PURE__ */ new Date(), m = new Date(p.getFullYear(), p.getMonth(), p.getDate()).toISOString(), h = new Date(p.getFullYear(), p.getMonth(), p.getDate() + 7).toISOString(), { data: g, loading: _, error: v } = o(), { data: y } = a({ variables: {
-		startDate: m,
-		endDate: h
-	} }), b = g?.resourcePlans?.items ?? [], x = y?.capacityOverview, S = b.flatMap((e) => e.allocations.map((t) => ({
+function p() {
+	let { workspaceId: p = "" } = e(), m = /* @__PURE__ */ new Date(), h = new Date(m.getFullYear(), m.getMonth(), m.getDate()).toISOString(), g = new Date(m.getFullYear(), m.getMonth(), m.getDate() + 7).toISOString(), { data: _, loading: v, error: y } = a(), { data: b } = i({ variables: {
+		startDate: h,
+		endDate: g
+	} }), x = _?.resourcePlans?.items ?? [], S = b?.capacityOverview, C = x.flatMap((e) => e.allocations.map((t) => ({
 		...t,
 		planName: e.name
 	})));
-	if (_) return /* @__PURE__ */ u(n, {
+	if (v) return /* @__PURE__ */ d(o, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: /* @__PURE__ */ u(i, {
+		children: /* @__PURE__ */ d(r, {
 			variant: "list",
 			count: 5
 		})
 	});
-	if (v) return /* @__PURE__ */ u(n, {
+	if (y) return /* @__PURE__ */ d(o, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: /* @__PURE__ */ u("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+		children: /* @__PURE__ */ d("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load resource planning data. Please try again later."
 		})
 	});
-	let C = x?.utilizationRate ?? 0, w = x?.overallocatedUsers?.length ?? 0, T = x?.availableCapacity ?? 0;
-	return /* @__PURE__ */ d(n, {
+	let w = S?.utilizationRate ?? 0, T = S?.overallocatedUsers?.length ?? 0, E = S?.availableCapacity ?? 0;
+	return /* @__PURE__ */ f(o, {
 		title: "Resource Planning",
 		description: "Plan and optimize team resource allocation",
-		children: [/* @__PURE__ */ d("div", {
+		purpose: "Match the work ahead to the people you have — see who's over- or under-booked and how much capacity is free this week — so you can commit to deadlines you can actually hit without burning anyone out.",
+		children: [/* @__PURE__ */ f("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ d(n, {
+					featured: !0,
 					title: "Team Utilization",
-					value: `${Math.round(C)}%`,
-					icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" })
+					value: `${Math.round(w)}%`,
+					icon: /* @__PURE__ */ d(l, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ d(n, {
 					title: "Over-allocated",
-					value: String(w),
-					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" }),
-					iconBgColor: "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400"
+					value: String(T),
+					icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" }),
+					iconBgColor: "bg-status-error-bg text-status-error-text"
 				}),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ d(n, {
 					title: "Active Plans",
-					value: String(b.length),
-					icon: /* @__PURE__ */ u(l, { className: "h-5 w-5" })
+					value: String(x.length),
+					icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ u(r, {
+				/* @__PURE__ */ d(n, {
 					title: "Available Capacity",
-					value: `${Math.round(T)}h`,
-					icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
+					value: `${Math.round(E)}h`,
+					icon: /* @__PURE__ */ d(c, { className: "h-5 w-5" }),
 					description: "This week"
 				})
 			]
-		}), /* @__PURE__ */ u("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
-			children: /* @__PURE__ */ u("div", {
+		}), C.length === 0 ? /* @__PURE__ */ d(s, {
+			illustration: "empty-people",
+			title: "No resource allocations found",
+			description: "Create a resource plan to start allocating team members and balancing workload across the week."
+		}) : /* @__PURE__ */ d("div", {
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
+			children: /* @__PURE__ */ d("div", {
 				className: "divide-y divide-border",
-				children: S.length === 0 ? /* @__PURE__ */ u("div", {
-					className: "p-8 text-center text-sm text-text-secondary",
-					children: "No resource allocations found. Create a resource plan to start allocating team members."
-				}) : S.map((e) => {
+				children: C.map((e) => {
 					let n = e.utilizationRate ?? (e.allocatedHours > 0 ? Math.round(e.actualHours / e.allocatedHours * 100) : 0);
-					return /* @__PURE__ */ d("div", {
+					return /* @__PURE__ */ f("div", {
 						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
 								children: t(e.userId)
-							}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 								className: "text-sm font-medium text-text-primary",
 								children: e.userId
-							}), /* @__PURE__ */ d("p", {
+							}), /* @__PURE__ */ f("p", {
 								className: "text-xs text-text-secondary",
 								children: [
 									e.planName,
@@ -92,26 +96,26 @@ function f() {
 									e.endDate.slice(0, 10)
 								]
 							})] })]
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ d("div", {
 								className: "text-right",
-								children: /* @__PURE__ */ d("p", {
+								children: /* @__PURE__ */ f("p", {
 									className: "text-sm font-medium text-text-primary",
 									children: [e.allocatedHours, "h allocated"]
 								})
-							}), /* @__PURE__ */ d("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "w-24",
-								children: [/* @__PURE__ */ u("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "flex items-center justify-between text-xs mb-0.5",
-									children: /* @__PURE__ */ d("span", {
-										className: `font-medium ${n > 100 ? "text-red-500" : n < 70 ? "text-amber-500" : "text-emerald-500"}`,
+									children: /* @__PURE__ */ f("span", {
+										className: `font-medium ${n > 100 ? "text-status-error-text" : n < 70 ? "text-status-warning-text" : "text-status-success-text"}`,
 										children: [n, "%"]
 									})
-								}), /* @__PURE__ */ u("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "h-2 rounded-full bg-bg-sunken",
-									children: /* @__PURE__ */ u("div", {
-										className: `h-2 rounded-full ${n > 100 ? "bg-red-500" : n < 70 ? "bg-amber-500" : "bg-emerald-500"}`,
+									children: /* @__PURE__ */ d("div", {
+										className: `h-2 rounded-full ${n > 100 ? "bg-status-error-text" : n < 70 ? "bg-status-warning-text" : "bg-status-success-text"}`,
 										style: { width: `${Math.min(n, 100)}%` }
 									})
 								})]
@@ -124,6 +128,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as ResourcePlanningPage };
+export { p as ResourcePlanningPage };
 
 //# sourceMappingURL=ResourcePlanningPage.js.map

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcePlanningPage.js","names":[],"sources":["../../../../src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx"],"sourcesContent":["import { CalendarRange, Users, TrendingUp } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor, getInitials } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListResourcePlansQuery,\n  useGetCapacityOverviewQuery,\n  type ResourcePlanFieldsFragment,\n  type ResourceAllocationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ResourcePlanningPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const now = new Date();\n  const startDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  ).toISOString();\n  const endDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate() + 7,\n  ).toISOString();\n\n  const {\n    data: plansData,\n    loading: plansLoading,\n    error: plansError,\n  } = useListResourcePlansQuery();\n  const { data: capacityData } = useGetCapacityOverviewQuery({\n    variables: { startDate, endDate },\n  });\n\n  const plans = plansData?.resourcePlans?.items ?? [];\n  const capacity = capacityData?.capacityOverview;\n\n  // Flatten all allocations across plans for display\n  const allocations = plans.flatMap((plan: ResourcePlanFieldsFragment) =>\n    plan.allocations.map((alloc: ResourceAllocationFieldsFragment) => ({\n      ...alloc,\n      planName: plan.name,\n    })),\n  );\n\n  if (plansLoading) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (plansError) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load resource planning data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const utilizationRate = capacity?.utilizationRate ?? 0;\n  const overallocatedCount = capacity?.overallocatedUsers?.length ?? 0;\n  const availableHours = capacity?.availableCapacity ?? 0;\n\n  return (\n    <PageLayout\n      title=\"Resource Planning\"\n      description=\"Plan and optimize team resource allocation\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Team Utilization\"\n          value={`${Math.round(utilizationRate)}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Over-allocated\"\n          value={String(overallocatedCount)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400\"\n        />\n        <StatCard\n          title=\"Active Plans\"\n          value={String(plans.length)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Available Capacity\"\n          value={`${Math.round(availableHours)}h`}\n          icon={<CalendarRange className=\"h-5 w-5\" />}\n          description=\"This week\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n        <div className=\"divide-y divide-border\">\n          {allocations.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No resource allocations found. Create a resource plan to start\n              allocating team members.\n            </div>\n          ) : (\n            allocations.map(\n              (\n                alloc: ResourceAllocationFieldsFragment & { planName: string },\n              ) => {\n                const utilization =\n                  alloc.utilizationRate ??\n                  (alloc.allocatedHours > 0\n                    ? Math.round(\n                        (alloc.actualHours / alloc.allocatedHours) * 100,\n                      )\n                    : 0);\n                return (\n                  <div\n                    key={alloc.id}\n                    className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary\">\n                        {getInitials(alloc.userId)}\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {alloc.userId}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {alloc.planName} &middot;{\" \"}\n                          {alloc.startDate.slice(0, 10)} to{\" \"}\n                          {alloc.endDate.slice(0, 10)}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-4\">\n                      <div className=\"text-right\">\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {alloc.allocatedHours}h allocated\n                        </p>\n                      </div>\n                      <div className=\"w-24\">\n                        <div className=\"flex items-center justify-between text-xs mb-0.5\">\n                          <span\n                            className={`font-medium ${utilization > 100 ? \"text-red-500\" : utilization < 70 ? \"text-amber-500\" : \"text-emerald-500\"}`}\n                          >\n                            {utilization}%\n                          </span>\n                        </div>\n                        <div className=\"h-2 rounded-full bg-bg-sunken\">\n                          <div\n                            className={`h-2 rounded-full ${utilization > 100 ? \"bg-red-500\" : utilization < 70 ? \"bg-amber-500\" : \"bg-emerald-500\"}`}\n                            style={{ width: `${Math.min(utilization, 100)}%` }}\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                );\n              },\n            )\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResourcePlanningPage.js","names":[],"sources":["../../../../src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx"],"sourcesContent":["import { CalendarRange, Users, TrendingUp } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { getStatusColor, getInitials } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListResourcePlansQuery,\n  useGetCapacityOverviewQuery,\n  type ResourcePlanFieldsFragment,\n  type ResourceAllocationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function ResourcePlanningPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const now = new Date();\n  const startDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  ).toISOString();\n  const endDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate() + 7,\n  ).toISOString();\n\n  const {\n    data: plansData,\n    loading: plansLoading,\n    error: plansError,\n  } = useListResourcePlansQuery();\n  const { data: capacityData } = useGetCapacityOverviewQuery({\n    variables: { startDate, endDate },\n  });\n\n  const plans = plansData?.resourcePlans?.items ?? [];\n  const capacity = capacityData?.capacityOverview;\n\n  // Flatten all allocations across plans for display\n  const allocations = plans.flatMap((plan: ResourcePlanFieldsFragment) =>\n    plan.allocations.map((alloc: ResourceAllocationFieldsFragment) => ({\n      ...alloc,\n      planName: plan.name,\n    })),\n  );\n\n  if (plansLoading) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (plansError) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load resource planning data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const utilizationRate = capacity?.utilizationRate ?? 0;\n  const overallocatedCount = capacity?.overallocatedUsers?.length ?? 0;\n  const availableHours = capacity?.availableCapacity ?? 0;\n\n  return (\n    <PageLayout\n      title=\"Resource Planning\"\n      description=\"Plan and optimize team resource allocation\"\n      purpose=\"Match the work ahead to the people you have — see who's over- or under-booked and how much capacity is free this week — so you can commit to deadlines you can actually hit without burning anyone out.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Team Utilization\"\n          value={`${Math.round(utilizationRate)}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Over-allocated\"\n          value={String(overallocatedCount)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-error-bg text-status-error-text\"\n        />\n        <StatCard\n          title=\"Active Plans\"\n          value={String(plans.length)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Available Capacity\"\n          value={`${Math.round(availableHours)}h`}\n          icon={<CalendarRange className=\"h-5 w-5\" />}\n          description=\"This week\"\n        />\n      </div>\n\n      {allocations.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"No resource allocations found\"\n          description=\"Create a resource plan to start allocating team members and balancing workload across the week.\"\n        />\n      ) : (\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n          <div className=\"divide-y divide-border\">\n            {allocations.map(\n              (\n                alloc: ResourceAllocationFieldsFragment & { planName: string },\n              ) => {\n                const utilization =\n                  alloc.utilizationRate ??\n                  (alloc.allocatedHours > 0\n                    ? Math.round(\n                        (alloc.actualHours / alloc.allocatedHours) * 100,\n                      )\n                    : 0);\n                return (\n                  <div\n                    key={alloc.id}\n                    className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary\">\n                        {getInitials(alloc.userId)}\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {alloc.userId}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {alloc.planName} &middot;{\" \"}\n                          {alloc.startDate.slice(0, 10)} to{\" \"}\n                          {alloc.endDate.slice(0, 10)}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-4\">\n                      <div className=\"text-right\">\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {alloc.allocatedHours}h allocated\n                        </p>\n                      </div>\n                      <div className=\"w-24\">\n                        <div className=\"flex items-center justify-between text-xs mb-0.5\">\n                          <span\n                            className={`font-medium ${utilization > 100 ? \"text-status-error-text\" : utilization < 70 ? \"text-status-warning-text\" : \"text-status-success-text\"}`}\n                          >\n                            {utilization}%\n                          </span>\n                        </div>\n                        <div className=\"h-2 rounded-full bg-bg-sunken\">\n                          <div\n                            className={`h-2 rounded-full ${utilization > 100 ? \"bg-status-error-text\" : utilization < 70 ? \"bg-status-warning-text\" : \"bg-status-success-text\"}`}\n                            style={{ width: `${Math.min(utilization, 100)}%` }}\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                );\n              },\n            )}\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/team/TeamAnalyticsPage.js

@@ -1,33 +1,37 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetTimeEntryStatsQuery as r, useGetWorkPatternSummaryQuery as i } from "../../../generated/wspace-operations.js";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetTimeEntryStatsQuery as n, useGetWorkPatternSummaryQuery as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { BarChart3 as a, Users as o } from "lucide-react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { GlassCard as l } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/team/TeamAnalyticsPage.tsx
-function l() {
-	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = r({ skip: !l }), { data: p, loading: m } = i({ skip: !l }), h = u?.timeEntryStats, g = p?.workPatternSummary;
-	return d || m ? /* @__PURE__ */ s(t, {
+function u() {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = n({ skip: !u }), { data: m, loading: h } = r({ skip: !u }), g = d?.timeEntryStats, _ = m?.workPatternSummary;
+	return f || h ? /* @__PURE__ */ s(i, {
 		title: "Team Analytics",
 		description: "Team performance insights and metrics",
-		children: /* @__PURE__ */ s(n, {
+		children: /* @__PURE__ */ s(t, {
 			variant: "card",
 			count: 4
 		})
-	}) : f ? /* @__PURE__ */ s(t, {
+	}) : p ? /* @__PURE__ */ s(i, {
 		title: "Team Analytics",
 		description: "Team performance insights and metrics",
 		children: /* @__PURE__ */ s("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load team analytics. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(t, {
+	}) : /* @__PURE__ */ s(i, {
 		title: "Team Analytics",
 		description: "Team performance insights and metrics",
+		purpose: "Compare how your team works — hours by member, productive days, focus versus meeting time — so you can rebalance workload, recognise top contributors, and fix the patterns that slow everyone down.",
 		children: /* @__PURE__ */ c("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			children: [/* @__PURE__ */ c(l, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [/* @__PURE__ */ c("div", {
 					className: "mb-4 flex items-center gap-2",
 					children: [/* @__PURE__ */ s(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h3", {
@@ -40,15 +44,15 @@ function l() {
 						className: "text-center",
 						children: [/* @__PURE__ */ s("p", {
 							className: "text-sm text-text-secondary",
-							children: h ? `${Math.round(h.totalHours)}h total · ${Math.round(h.billableHours)}h billable` : "No data available"
-						}), g?.mostProductiveDay && /* @__PURE__ */ c("p", {
+							children: g ? `${Math.round(g.totalHours)}h total · ${Math.round(g.billableHours)}h billable` : "No data available"
+						}), _?.mostProductiveDay && /* @__PURE__ */ c("p", {
 							className: "mt-1 text-xs text-text-secondary",
-							children: ["Most productive: ", g.mostProductiveDay]
+							children: ["Most productive: ", _.mostProductiveDay]
 						})]
 					})
 				})]
 			}), /* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+				className: "rounded-xl border border-border-seam bg-bg-surface shadow-elevation-1 p-6",
 				children: [/* @__PURE__ */ c("div", {
 					className: "mb-4 flex items-center gap-2",
 					children: [/* @__PURE__ */ s(a, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h3", {
@@ -61,10 +65,10 @@ function l() {
 						className: "text-center",
 						children: [/* @__PURE__ */ s("p", {
 							className: "text-sm text-text-secondary",
-							children: g ? `${Math.round(g.averageProductivity)}% avg productivity · ${g.averageFocusHours.toFixed(1)}h avg focus` : "No data available"
-						}), g?.insights && g.insights.length > 0 && /* @__PURE__ */ s("p", {
+							children: _ ? `${Math.round(_.averageProductivity)}% avg productivity · ${_.averageFocusHours.toFixed(1)}h avg focus` : "No data available"
+						}), _?.insights && _.insights.length > 0 && /* @__PURE__ */ s("p", {
 							className: "mt-1 text-xs text-text-secondary",
-							children: g.insights[0].title
+							children: _.insights[0].title
 						})]
 					})
 				})]
@@ -73,6 +77,6 @@ function l() {
 	});
 }
 //#endregion
-export { l as TeamAnalyticsPage };
+export { u as TeamAnalyticsPage };
 
 //# sourceMappingURL=TeamAnalyticsPage.js.map

package/dist/timecampus/pages/team/TeamAnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Users } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function TeamAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: patternData, loading: patternLoading } =\n    useGetWorkPatternSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const pattern = patternData?.workPatternSummary;\n\n  if (statsLoading || patternLoading) {\n    return (\n      <PageLayout\n        title=\"Team Analytics\"\n        description=\"Team performance insights and metrics\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Team Analytics\"\n        description=\"Team performance insights and metrics\"\n      >\n        <div className=\"rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400\">\n          Failed to load team analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Analytics\"\n      description=\"Team performance insights and metrics\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <Users className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Hours by Member\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {stats\n                  ? `${Math.round(stats.totalHours)}h total · ${Math.round(stats.billableHours)}h billable`\n                  : \"No data available\"}\n              </p>\n              {pattern?.mostProductiveDay && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Most productive: {pattern.mostProductiveDay}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Productivity Trends\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {pattern\n                  ? `${Math.round(pattern.averageProductivity)}% avg productivity · ${pattern.averageFocusHours.toFixed(1)}h avg focus`\n                  : \"No data available\"}\n              </p>\n              {pattern?.insights && pattern.insights.length > 0 && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {pattern.insights[0].title}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AASA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,IAEhB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA,EAC1C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,cAC5E;OACF,CAAA,EACH,GAAS,qBACR,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAAgD,qBAC5B,EAAQ,kBACxB;SAEF;;KACF,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAQ,oBAAoB,CAAC,uBAAuB,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,eACvG;OACF,CAAA,EACH,GAAS,YAAY,EAAQ,SAAS,SAAS,KAC9C,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ,SAAS,GAAG;OACnB,CAAA,CAEF;;KACF,CAAA,CACF;MACF;;EACK,CAAA"}
+{"version":3,"file":"TeamAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Users } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function TeamAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: patternData, loading: patternLoading } =\n    useGetWorkPatternSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const pattern = patternData?.workPatternSummary;\n\n  if (statsLoading || patternLoading) {\n    return (\n      <PageLayout\n        title=\"Team Analytics\"\n        description=\"Team performance insights and metrics\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Team Analytics\"\n        description=\"Team performance insights and metrics\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load team analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Analytics\"\n      description=\"Team performance insights and metrics\"\n      purpose=\"Compare how your team works — hours by member, productive days, focus versus meeting time — so you can rebalance workload, recognise top contributors, and fix the patterns that slow everyone down.\"\n    >\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <Users className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Hours by Member\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {stats\n                  ? `${Math.round(stats.totalHours)}h total · ${Math.round(stats.billableHours)}h billable`\n                  : \"No data available\"}\n              </p>\n              {pattern?.mostProductiveDay && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Most productive: {pattern.mostProductiveDay}\n                </p>\n              )}\n            </div>\n          </div>\n        </GlassCard>\n        <div className=\"rounded-xl border border-border-seam bg-bg-surface shadow-elevation-1 p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Productivity Trends\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-text-secondary\">\n                {pattern\n                  ? `${Math.round(pattern.averageProductivity)}% avg productivity · ${pattern.averageFocusHours.toFixed(1)}h avg focus`\n                  : \"No data available\"}\n              </p>\n              {pattern?.insights && pattern.insights.length > 0 && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {pattern.insights[0].title}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAoB;CAClC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,IAEhB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA,EAC1C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,cAC5E;OACF,CAAA,EACH,GAAS,qBACR,kBAAC,KAAD;OAAG,WAAU;iBAAb,CAAgD,qBAC5B,EAAQ,kBACxB;SAEF;;KACF,CAAA,CACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAQ,oBAAoB,CAAC,uBAAuB,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,eACvG;OACF,CAAA,EACH,GAAS,YAAY,EAAQ,SAAS,SAAS,KAC9C,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ,SAAS,GAAG;OACnB,CAAA,CAEF;;KACF,CAAA,CACF;MACF;;EACK,CAAA"}