@burdenoff/microfe-timecampus 2026.625.1 → 2026.626.2

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

@@ -1,82 +1,112 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { StatCard as t } from "../../components/StatCard.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetTimeEntryStatsQuery as r } from "../../../generated/wspace-operations.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { Clock as a, TrendingUp as o, Users as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetTimeEntryStatsQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { Clock as o, TrendingUp as s, Users as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { NextSteps as d } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/team/TeamPage.tsx
-function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({ skip: !u }), m = d?.timeEntryStats;
-	if (f) return /* @__PURE__ */ c(i, {
+function f() {
+	let { workspaceId: f = "" } = e(), p = t(), { data: m, loading: h, error: g } = i({ skip: !f }), _ = m?.timeEntryStats;
+	if (h) return /* @__PURE__ */ l(a, {
 		title: "Team Overview",
 		description: "Monitor team performance and activity",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ l(r, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (p) return /* @__PURE__ */ c(i, {
+	if (g) return /* @__PURE__ */ l(a, {
 		title: "Team Overview",
 		description: "Monitor team performance and activity",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ l("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 team data. Please try again later."
 		})
 	});
-	let h = Math.floor(m?.totalHours ?? 0), g = Math.round(((m?.totalHours ?? 0) - h) * 60), _ = m?.totalHours ? Math.round((m.billableHours ?? 0) / m.totalHours * 100) : 0;
-	return /* @__PURE__ */ l(i, {
+	let v = Math.floor(_?.totalHours ?? 0), y = Math.round(((_?.totalHours ?? 0) - v) * 60), b = _?.totalHours ? Math.round((_.billableHours ?? 0) / _.totalHours * 100) : 0;
+	return /* @__PURE__ */ u(a, {
 		title: "Team Overview",
 		description: "Monitor team performance and activity",
-		children: [/* @__PURE__ */ l("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ c(t, {
-					title: "Total Entries",
-					value: String(m?.totalEntries ?? 0),
-					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Active Timers",
-					value: String(m?.activeTimers ?? 0),
-					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" }),
-					iconBgColor: "bg-status-success-bg text-status-success-text"
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Total Hours",
-					value: `${h}h ${g}m`,
-					icon: /* @__PURE__ */ c(a, { className: "h-5 w-5" }),
-					trend: {
-						value: m?.billableHours ?? 0,
-						label: "billable hours"
+		purpose: "See how your whole team is spending its time at a glance — who's active, how many hours are billable, and where capacity is going — so you can balance workload and catch problems early.",
+		children: [
+			/* @__PURE__ */ l(d, {
+				storageKey: "timecampus-team",
+				className: "mb-6",
+				steps: [
+					{
+						id: "members",
+						label: "Manage team members",
+						description: "Add people and check individual workloads.",
+						onClick: () => p("/team/members")
+					},
+					{
+						id: "analytics",
+						label: "Open team analytics",
+						description: "Compare utilisation and trends across the team.",
+						onClick: () => p("/team/analytics")
+					},
+					{
+						id: "activity",
+						label: "Watch live team activity",
+						description: "See what people are working on right now.",
+						onClick: () => p("/team-activity")
 					}
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Billable Rate",
-					value: `${_}%`,
-					icon: /* @__PURE__ */ c(o, { className: "h-5 w-5" }),
-					trend: {
-						value: _,
-						label: "of total hours"
-					}
-				})
-			]
-		}), /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-			children: [/* @__PURE__ */ c("h3", {
-				className: "mb-4 text-sm font-semibold text-text-primary",
-				children: "Team Activity Feed"
-			}), /* @__PURE__ */ c("div", {
-				className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-				children: /* @__PURE__ */ c("p", {
-					className: "text-sm text-text-secondary",
-					children: "Team activity timeline will render here"
-				})
-			})]
-		})]
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ l(n, {
+						featured: !0,
+						title: "Total Entries",
+						value: String(_?.totalEntries ?? 0),
+						icon: /* @__PURE__ */ l(c, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ l(n, {
+						title: "Active Timers",
+						value: String(_?.activeTimers ?? 0),
+						icon: /* @__PURE__ */ l(c, { className: "h-5 w-5" }),
+						iconBgColor: "bg-status-success-bg text-status-success-text"
+					}),
+					/* @__PURE__ */ l(n, {
+						title: "Total Hours",
+						value: `${v}h ${y}m`,
+						icon: /* @__PURE__ */ l(o, { className: "h-5 w-5" }),
+						trend: {
+							value: _?.billableHours ?? 0,
+							label: "billable hours"
+						}
+					}),
+					/* @__PURE__ */ l(n, {
+						title: "Billable Rate",
+						value: `${b}%`,
+						icon: /* @__PURE__ */ l(s, { className: "h-5 w-5" }),
+						trend: {
+							value: b,
+							label: "of total hours"
+						}
+					})
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
+				children: [/* @__PURE__ */ l("h3", {
+					className: "mb-4 text-sm font-semibold text-text-primary",
+					children: "Team Activity Feed"
+				}), /* @__PURE__ */ l("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
+					children: /* @__PURE__ */ l("p", {
+						className: "text-sm text-text-secondary",
+						children: "Team activity timeline will render here"
+					})
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { u as TeamPage };
+export { f as TeamPage };
 
 //# sourceMappingURL=TeamPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TeamPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamPage.tsx"],"sourcesContent":["import { Users, Clock, TrendingUp } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetTimeEntryStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function TeamPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.timeEntryStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\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 data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalH = Math.floor(stats?.totalHours ?? 0);\n  const totalM = Math.round(((stats?.totalHours ?? 0) - totalH) * 60);\n  const billablePercent = stats?.totalHours\n    ? Math.round(((stats.billableHours ?? 0) / stats.totalHours) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Team Overview\"\n      description=\"Monitor team performance and activity\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Total Entries\"\n          value={String(stats?.totalEntries ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Active Timers\"\n          value={String(stats?.activeTimers ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-success-bg text-status-success-text\"\n        />\n        <StatCard\n          title=\"Total Hours\"\n          value={`${totalH}h ${totalM}m`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{ value: stats?.billableHours ?? 0, label: \"billable hours\" }}\n        />\n        <StatCard\n          title=\"Billable Rate\"\n          value={`${billablePercent}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={{ value: billablePercent, label: \"of total hours\" }}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Team Activity Feed\n        </h3>\n        <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n          <p className=\"text-sm text-text-secondary\">\n            Team activity timeline will render here\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAW;CACzB,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA0B,EACzD,MAAM,CAAC,GACR,CAAC,EAEI,IAAQ,GAAM;AAEpB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IAAS,KAAK,MAAM,GAAO,cAAc,EAAE,EAC3C,IAAS,KAAK,QAAQ,GAAO,cAAc,KAAK,KAAU,GAAG,EAC7D,IAAkB,GAAO,aAC3B,KAAK,OAAQ,EAAM,iBAAiB,KAAK,EAAM,aAAc,IAAI,GACjE;AAEJ,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAO,IAAI,EAAO;KAC5B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,OAAO;MAAE,OAAO,GAAO,iBAAiB;MAAG,OAAO;MAAkB;KACpE,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAgB;KAC1B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;KACxC,OAAO;MAAE,OAAO;MAAiB,OAAO;MAAkB;KAC1D,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAExD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA;IACA,CAAA,CACF;KACK"}
+{"version":3,"file":"TeamPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamPage.tsx"],"sourcesContent":["import { Users, Clock, TrendingUp } from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport { useGetTimeEntryStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function TeamPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const { data, loading, error } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.timeEntryStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Overview\"\n        description=\"Monitor team performance and activity\"\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 data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalH = Math.floor(stats?.totalHours ?? 0);\n  const totalM = Math.round(((stats?.totalHours ?? 0) - totalH) * 60);\n  const billablePercent = stats?.totalHours\n    ? Math.round(((stats.billableHours ?? 0) / stats.totalHours) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Team Overview\"\n      description=\"Monitor team performance and activity\"\n      purpose=\"See how your whole team is spending its time at a glance — who's active, how many hours are billable, and where capacity is going — so you can balance workload and catch problems early.\"\n    >\n      <NextSteps\n        storageKey=\"timecampus-team\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"members\",\n            label: \"Manage team members\",\n            description: \"Add people and check individual workloads.\",\n            onClick: () => navigate(\"/team/members\"),\n          },\n          {\n            id: \"analytics\",\n            label: \"Open team analytics\",\n            description: \"Compare utilisation and trends across the team.\",\n            onClick: () => navigate(\"/team/analytics\"),\n          },\n          {\n            id: \"activity\",\n            label: \"Watch live team activity\",\n            description: \"See what people are working on right now.\",\n            onClick: () => navigate(\"/team-activity\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Entries\"\n          value={String(stats?.totalEntries ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Active Timers\"\n          value={String(stats?.activeTimers ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-success-bg text-status-success-text\"\n        />\n        <StatCard\n          title=\"Total Hours\"\n          value={`${totalH}h ${totalM}m`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          trend={{ value: stats?.billableHours ?? 0, label: \"billable hours\" }}\n        />\n        <StatCard\n          title=\"Billable Rate\"\n          value={`${billablePercent}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n          trend={{ value: billablePercent, label: \"of total hours\" }}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Team Activity Feed\n        </h3>\n        <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n          <p className=\"text-sm text-text-secondary\">\n            Team activity timeline will render here\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAgB,IAAW;CACzB,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAA0B,EACzD,MAAM,CAAC,GACR,CAAC,EAEI,IAAQ,GAAM;AAEpB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IAAS,KAAK,MAAM,GAAO,cAAc,EAAE,EAC3C,IAAS,KAAK,QAAQ,GAAO,cAAc,KAAK,KAAU,GAAG,EAC7D,IAAkB,GAAO,aAC3B,KAAK,OAAQ,EAAM,iBAAiB,KAAK,EAAM,aAAc,IAAI,GACjE;AAEJ,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV;GAKE,kBAAC,GAAD;IACE,YAAW;IACX,WAAU;IACV,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,kBAAkB;MAC3C;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,UAAA;MACA,OAAM;MACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;MACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;MACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,aAAY;MACZ,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,EAAO,IAAI,EAAO;MAC5B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,OAAO;OAAE,OAAO,GAAO,iBAAiB;OAAG,OAAO;OAAkB;MACpE,CAAA;KACF,kBAAC,GAAD;MACE,OAAM;MACN,OAAO,GAAG,EAAgB;MAC1B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,OAAO;OAAE,OAAO;OAAiB,OAAO;OAAkB;MAC1D,CAAA;KACE;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAExD,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAEvC,CAAA;KACA,CAAA,CACF;;GACK"}

package/dist/timecampus/pages/team-activity/TeamActivityPage.js

@@ -4,83 +4,87 @@ import { StatCard as n } from "../../components/StatCard.js";
 import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
 import { useGetTimeEntryStatsQuery as i, useListWorkPatternsQuery as a } from "../../../generated/wspace-operations.js";
 import { PageLayout as o } from "../../components/PageLayout.js";
-import { Activity as s, CheckCircle as c, Clock as l, Users as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { Activity as c, CheckCircle as l, Clock as u, Users as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/timecampus/pages/team-activity/TeamActivityPage.tsx
-function p() {
-	let { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = i(), { data: _, loading: v, error: y } = a({ variables: { limit: 10 } }), b = m?.timeEntryStats, x = _?.workPatterns ?? [];
-	return h && v ? /* @__PURE__ */ d(o, {
+function m() {
+	let { workspaceId: m = "" } = e(), { data: h, loading: g, error: _ } = i(), { data: v, loading: y, error: b } = a({ variables: { limit: 10 } }), x = h?.timeEntryStats, S = v?.workPatterns ?? [];
+	return g && y ? /* @__PURE__ */ f(o, {
 		title: "Team Activity",
 		description: "Real-time team activity feed",
-		children: /* @__PURE__ */ d(r, {
+		children: /* @__PURE__ */ f(r, {
 			variant: "list",
 			count: 5
 		})
-	}) : g && y ? /* @__PURE__ */ d(o, {
+	}) : _ && b ? /* @__PURE__ */ f(o, {
 		title: "Team Activity",
 		description: "Real-time team activity feed",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("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 team activity data. Please try again later."
 		})
-	}) : /* @__PURE__ */ f(o, {
+	}) : /* @__PURE__ */ p(o, {
 		title: "Team Activity",
 		description: "Real-time team activity feed",
-		children: [/* @__PURE__ */ f("div", {
+		purpose: "A live pulse of what your team is doing right now — who's tracking, recent deep-work sessions, and today's hours — so you stay connected to the team's progress without interrupting anyone.",
+		children: [/* @__PURE__ */ p("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ f(n, {
+					featured: !0,
 					title: "Active Timers",
-					value: String(b?.activeTimers ?? 0),
-					icon: /* @__PURE__ */ d(u, { className: "h-5 w-5" })
+					value: String(x?.activeTimers ?? 0),
+					icon: /* @__PURE__ */ f(d, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ f(n, {
 					title: "Total Entries",
-					value: String(b?.totalEntries ?? 0),
-					icon: /* @__PURE__ */ d(c, { className: "h-5 w-5" }),
+					value: String(x?.totalEntries ?? 0),
+					icon: /* @__PURE__ */ f(l, { className: "h-5 w-5" }),
 					description: "Today"
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ f(n, {
 					title: "Team Hours",
-					value: `${Math.round(b?.totalHours ?? 0)}h`,
-					icon: /* @__PURE__ */ d(l, { className: "h-5 w-5" }),
+					value: `${Math.round(x?.totalHours ?? 0)}h`,
+					icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" }),
 					description: "Total tracked"
 				}),
-				/* @__PURE__ */ d(n, {
+				/* @__PURE__ */ f(n, {
 					title: "Billable Hours",
-					value: `${Math.round(b?.billableHours ?? 0)}h`,
-					icon: /* @__PURE__ */ d(s, { className: "h-5 w-5" }),
+					value: `${Math.round(x?.billableHours ?? 0)}h`,
+					icon: /* @__PURE__ */ f(c, { className: "h-5 w-5" }),
 					iconBgColor: "bg-status-success-bg text-status-success-text"
 				})
 			]
-		}), /* @__PURE__ */ f("div", {
+		}), /* @__PURE__ */ p("div", {
 			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-			children: [/* @__PURE__ */ d("h3", {
+			children: [/* @__PURE__ */ f("h3", {
 				className: "mb-4 text-sm font-semibold text-text-primary",
 				children: "Activity Feed"
-			}), /* @__PURE__ */ f("div", {
+			}), /* @__PURE__ */ p("div", {
 				className: "space-y-4",
-				children: [x.length === 0 && !v && /* @__PURE__ */ d("div", {
-					className: "text-center text-sm text-text-secondary",
-					children: "No recent activity data available."
-				}), x.map((e) => /* @__PURE__ */ f("div", {
+				children: [S.length === 0 && !y && /* @__PURE__ */ f(s, {
+					illustration: "empty-notifications",
+					title: "No recent activity yet",
+					description: "As your team tracks time and completes focus sessions, their activity will stream in here."
+				}), S.map((e) => /* @__PURE__ */ p("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10",
-						children: /* @__PURE__ */ d(s, { className: "h-4 w-4 text-primary" })
-					}), /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ f(c, { className: "h-4 w-4 text-primary" })
+					}), /* @__PURE__ */ p("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ f("p", {
+						children: [/* @__PURE__ */ p("p", {
 							className: "text-sm text-text-primary",
 							children: [
-								/* @__PURE__ */ d("span", {
+								/* @__PURE__ */ f("span", {
 									className: "font-medium",
 									children: e.userId
 								}),
 								" ",
 								e.deepWorkSessions > 0 ? "Completed deep work session" : "Logged work pattern"
 							]
-						}), /* @__PURE__ */ f("p", {
+						}), /* @__PURE__ */ p("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								e.focusHours.toFixed(1),
@@ -102,6 +106,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as TeamActivityPage };
+export { m as TeamActivityPage };
 
 //# sourceMappingURL=TeamActivityPage.js.map

package/dist/timecampus/pages/team-activity/TeamActivityPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamActivityPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivityPage.tsx"],"sourcesContent":["import { Activity, Users, Clock, CheckCircle } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatRelativeTime } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useListWorkPatternsQuery,\n  type WorkPatternFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TeamActivityPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery();\n  const {\n    data: patternsData,\n    loading: patternsLoading,\n    error: patternsError,\n  } = useListWorkPatternsQuery({ variables: { limit: 10 } });\n\n  const stats = statsData?.timeEntryStats;\n  const patterns = patternsData?.workPatterns ?? [];\n\n  if (statsLoading && patternsLoading) {\n    return (\n      <PageLayout\n        title=\"Team Activity\"\n        description=\"Real-time team activity feed\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError && patternsError) {\n    return (\n      <PageLayout\n        title=\"Team Activity\"\n        description=\"Real-time team activity feed\"\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 activity data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity\"\n      description=\"Real-time team activity feed\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Active Timers\"\n          value={String(stats?.activeTimers ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Total Entries\"\n          value={String(stats?.totalEntries ?? 0)}\n          icon={<CheckCircle className=\"h-5 w-5\" />}\n          description=\"Today\"\n        />\n        <StatCard\n          title=\"Team Hours\"\n          value={`${Math.round(stats?.totalHours ?? 0)}h`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"Total tracked\"\n        />\n        <StatCard\n          title=\"Billable Hours\"\n          value={`${Math.round(stats?.billableHours ?? 0)}h`}\n          icon={<Activity className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-success-bg text-status-success-text\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Activity Feed\n        </h3>\n        <div className=\"space-y-4\">\n          {patterns.length === 0 && !patternsLoading && (\n            <div className=\"text-center text-sm text-text-secondary\">\n              No recent activity data available.\n            </div>\n          )}\n          {patterns.map((pattern: WorkPatternFieldsFragment) => (\n            <div key={pattern.id} className=\"flex items-start gap-3\">\n              <div className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10\">\n                <Activity className=\"h-4 w-4 text-primary\" />\n              </div>\n              <div className=\"flex-1\">\n                <p className=\"text-sm text-text-primary\">\n                  <span className=\"font-medium\">{pattern.userId}</span>{\" \"}\n                  {pattern.deepWorkSessions > 0\n                    ? \"Completed deep work session\"\n                    : \"Logged work pattern\"}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {pattern.focusHours.toFixed(1)}h focus &middot;{\" \"}\n                  {pattern.meetingHours.toFixed(1)}h meetings &middot;{\" \"}\n                  {pattern.productivityScore\n                    ? `${pattern.productivityScore}% productivity`\n                    : pattern.date}{\" \"}\n                  &middot; {formatRelativeTime(pattern.createdAt)}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA2B,EACzB,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB,EAAE,WAAW,EAAE,OAAO,IAAI,EAAE,CAAC,EAEpD,IAAQ,GAAW,gBACnB,IAAW,GAAc,gBAAgB,EAAE;AA0BjD,QAxBI,KAAgB,IAEhB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAc,IAEd,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;KACzC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,KAAK,MAAM,GAAO,cAAc,EAAE,CAAC;KAC7C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,KAAK,MAAM,GAAO,iBAAiB,EAAE,CAAC;KAChD,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;KACtC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAExD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,WAAW,KAAK,CAAC,KACzB,kBAAC,OAAD;KAAK,WAAU;eAA0C;KAEnD,CAAA,EAEP,EAAS,KAAK,MACb,kBAAC,OAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MACzC,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAe,EAAQ;SAAc,CAAA;QAAC;QACrD,EAAQ,mBAAmB,IACxB,gCACA;QACF;UACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAQ,WAAW,QAAQ,EAAE;QAAC;QAAiB;QAC/C,EAAQ,aAAa,QAAQ,EAAE;QAAC;QAAoB;QACpD,EAAQ,oBACL,GAAG,EAAQ,kBAAkB,kBAC7B,EAAQ;QAAM;QAAI;QACZ,EAAmB,EAAQ,UAAU;QAC7C;SACA;QACF;OApBI,EAAQ,GAoBZ,CACN,CACE;MACF;KACK"}
+{"version":3,"file":"TeamActivityPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivityPage.tsx"],"sourcesContent":["import { Activity, Users, Clock, CheckCircle } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatRelativeTime } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useListWorkPatternsQuery,\n  type WorkPatternFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TeamActivityPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery();\n  const {\n    data: patternsData,\n    loading: patternsLoading,\n    error: patternsError,\n  } = useListWorkPatternsQuery({ variables: { limit: 10 } });\n\n  const stats = statsData?.timeEntryStats;\n  const patterns = patternsData?.workPatterns ?? [];\n\n  if (statsLoading && patternsLoading) {\n    return (\n      <PageLayout\n        title=\"Team Activity\"\n        description=\"Real-time team activity feed\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError && patternsError) {\n    return (\n      <PageLayout\n        title=\"Team Activity\"\n        description=\"Real-time team activity feed\"\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 activity data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity\"\n      description=\"Real-time team activity feed\"\n      purpose=\"A live pulse of what your team is doing right now — who's tracking, recent deep-work sessions, and today's hours — so you stay connected to the team's progress without interrupting anyone.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Active Timers\"\n          value={String(stats?.activeTimers ?? 0)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Total Entries\"\n          value={String(stats?.totalEntries ?? 0)}\n          icon={<CheckCircle className=\"h-5 w-5\" />}\n          description=\"Today\"\n        />\n        <StatCard\n          title=\"Team Hours\"\n          value={`${Math.round(stats?.totalHours ?? 0)}h`}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description=\"Total tracked\"\n        />\n        <StatCard\n          title=\"Billable Hours\"\n          value={`${Math.round(stats?.billableHours ?? 0)}h`}\n          icon={<Activity className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-success-bg text-status-success-text\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Activity Feed\n        </h3>\n        <div className=\"space-y-4\">\n          {patterns.length === 0 && !patternsLoading && (\n            <EmptyState\n              illustration=\"empty-notifications\"\n              title=\"No recent activity yet\"\n              description=\"As your team tracks time and completes focus sessions, their activity will stream in here.\"\n            />\n          )}\n          {patterns.map((pattern: WorkPatternFieldsFragment) => (\n            <div key={pattern.id} className=\"flex items-start gap-3\">\n              <div className=\"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10\">\n                <Activity className=\"h-4 w-4 text-primary\" />\n              </div>\n              <div className=\"flex-1\">\n                <p className=\"text-sm text-text-primary\">\n                  <span className=\"font-medium\">{pattern.userId}</span>{\" \"}\n                  {pattern.deepWorkSessions > 0\n                    ? \"Completed deep work session\"\n                    : \"Logged work pattern\"}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {pattern.focusHours.toFixed(1)}h focus &middot;{\" \"}\n                  {pattern.meetingHours.toFixed(1)}h meetings &middot;{\" \"}\n                  {pattern.productivityScore\n                    ? `${pattern.productivityScore}% productivity`\n                    : pattern.date}{\" \"}\n                  &middot; {formatRelativeTime(pattern.createdAt)}\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,IAAmB;CACjC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,GAA2B,EACzB,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB,EAAE,WAAW,EAAE,OAAO,IAAI,EAAE,CAAC,EAEpD,IAAQ,GAAW,gBACnB,IAAW,GAAc,gBAAgB,EAAE;AA0BjD,QAxBI,KAAgB,IAEhB,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,KAAc,IAEd,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;YAHV,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,gBAAgB,EAAE;KACvC,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;KACzC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,KAAK,MAAM,GAAO,cAAc,EAAE,CAAC;KAC7C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,KAAK,MAAM,GAAO,iBAAiB,EAAE,CAAC;KAChD,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;KACtC,aAAY;KACZ,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAExD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,WAAW,KAAK,CAAC,KACzB,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA,EAEH,EAAS,KAAK,MACb,kBAAC,OAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MACzC,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAe,EAAQ;SAAc,CAAA;QAAC;QACrD,EAAQ,mBAAmB,IACxB,gCACA;QACF;UACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAQ,WAAW,QAAQ,EAAE;QAAC;QAAiB;QAC/C,EAAQ,aAAa,QAAQ,EAAE;QAAC;QAAoB;QACpD,EAAQ,oBACL,GAAG,EAAQ,kBAAkB,kBAC7B,EAAQ;QAAM;QAAI;QACZ,EAAmB,EAAQ,UAAU;QAC7C;SACA;QACF;OApBI,EAAQ,GAoBZ,CACN,CACE;MACF;KACK"}

package/dist/timecampus/pages/team-activity/TeamActivitySettingsPage.js

@@ -5,22 +5,23 @@ import { PageLayout as i } from "../../components/PageLayout.js";
 import { useEffect as a, useState as o } from "react";
 import { Settings as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/team-activity/TeamActivitySettingsPage.tsx
-var u = "team-activity.settings";
-function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = n({ variables: { key: u } }), [h, { loading: g }] = r(), _ = f?.configurationByKey?.value ?? {}, [v, y] = o(!0), [b, x] = o(!0), [S, C] = o(!0), [w, T] = o(!0);
+var d = "team-activity.settings";
+function f() {
+	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({ variables: { key: d } }), [g, { loading: _ }] = r(), v = p?.configurationByKey?.value ?? {}, [y, b] = o(!0), [x, S] = o(!0), [C, w] = o(!0), [T, E] = o(!0);
 	return a(() => {
-		_ && (y(_.showTimerEvents ?? !0), x(_.showTaskCompletions ?? !0), C(_.showCheckIns ?? !0), T(_.realTimeUpdates ?? !0));
+		v && (b(v.showTimerEvents ?? !0), S(v.showTaskCompletions ?? !0), w(v.showCheckIns ?? !0), E(v.realTimeUpdates ?? !0));
 	}, [
-		_.showTimerEvents,
-		_.showTaskCompletions,
-		_.showCheckIns,
-		_.realTimeUpdates
-	]), p ? /* @__PURE__ */ c(i, {
+		v.showTimerEvents,
+		v.showTaskCompletions,
+		v.showCheckIns,
+		v.realTimeUpdates
+	]), m ? /* @__PURE__ */ c(i, {
 		title: "Team Activity Settings",
 		description: "Configure team activity tracking",
 		children: /* @__PURE__ */ c(t, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(i, {
+	}) : h ? /* @__PURE__ */ c(i, {
 		title: "Team Activity Settings",
 		description: "Configure team activity tracking",
 		children: /* @__PURE__ */ c("div", {
@@ -30,10 +31,13 @@ function d() {
 	}) : /* @__PURE__ */ c(i, {
 		title: "Team Activity Settings",
 		description: "Configure team activity tracking",
+		purpose: "Tune the team activity feed so it shows what matters and nothing more — pick which events appear and whether updates stream live — keeping the team informed without it becoming noise.",
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
+			children: [/* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
 				children: [/* @__PURE__ */ l("h3", {
 					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Activity Feed Settings"]
@@ -47,8 +51,8 @@ function d() {
 								children: "Show timer events"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: v,
-								onChange: (e) => y(e.target.checked),
+								checked: y,
+								onChange: (e) => b(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -59,8 +63,8 @@ function d() {
 								children: "Show task completions"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: b,
-								onChange: (e) => x(e.target.checked),
+								checked: x,
+								onChange: (e) => S(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -71,8 +75,8 @@ function d() {
 								children: "Show check-ins"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: S,
-								onChange: (e) => C(e.target.checked),
+								checked: C,
+								onChange: (e) => w(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
@@ -83,8 +87,8 @@ function d() {
 								children: "Real-time updates"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
-								checked: w,
-								onChange: (e) => T(e.target.checked),
+								checked: T,
+								onChange: (e) => E(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
@@ -94,27 +98,27 @@ function d() {
 				className: "flex justify-end",
 				children: /* @__PURE__ */ c("button", {
 					onClick: async () => {
-						await h({ variables: { input: {
-							key: u,
+						await g({ variables: { input: {
+							key: d,
 							value: {
-								showTimerEvents: v,
-								showTaskCompletions: b,
-								showCheckIns: S,
-								realTimeUpdates: w
+								showTimerEvents: y,
+								showTaskCompletions: x,
+								showCheckIns: C,
+								realTimeUpdates: T
 							},
 							description: "Team activity feed settings",
 							scope: "USER"
 						} } });
 					},
-					disabled: g,
+					disabled: _,
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-					children: g ? "Saving..." : "Save Settings"
+					children: _ ? "Saving..." : "Save Settings"
 				})
 			})]
 		})
 	});
 }
 //#endregion
-export { d as TeamActivitySettingsPage };
+export { f as TeamActivitySettingsPage };
 
 //# sourceMappingURL=TeamActivitySettingsPage.js.map

package/dist/timecampus/pages/team-activity/TeamActivitySettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamActivitySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivitySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"team-activity.settings\";\n\nexport function TeamActivitySettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [showTimerEvents, setShowTimerEvents] = useState(true);\n  const [showTaskCompletions, setShowTaskCompletions] = useState(true);\n  const [showCheckIns, setShowCheckIns] = useState(true);\n  const [realTimeUpdates, setRealTimeUpdates] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setShowTimerEvents(configValue.showTimerEvents ?? true);\n      setShowTaskCompletions(configValue.showTaskCompletions ?? true);\n      setShowCheckIns(configValue.showCheckIns ?? true);\n      setRealTimeUpdates(configValue.realTimeUpdates ?? true);\n    }\n  }, [\n    configValue.showTimerEvents,\n    configValue.showTaskCompletions,\n    configValue.showCheckIns,\n    configValue.realTimeUpdates,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: {\n            showTimerEvents,\n            showTaskCompletions,\n            showCheckIns,\n            realTimeUpdates,\n          },\n          description: \"Team activity feed settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\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 activity settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity Settings\"\n      description=\"Configure team activity tracking\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Activity Feed Settings\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Show timer events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTimerEvents}\n                onChange={(e) => setShowTimerEvents(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Show task completions\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTaskCompletions}\n                onChange={(e) => setShowTaskCompletions(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">Show check-ins</span>\n              <input\n                type=\"checkbox\"\n                checked={showCheckIns}\n                onChange={(e) => setShowCheckIns(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Real-time updates\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={realTimeUpdates}\n                onChange={(e) => setRealTimeUpdates(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,IAAa;AAEnB,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAqB,KAA0B,EAAS,GAAK,EAC9D,CAAC,GAAc,KAAmB,EAAS,GAAK,EAChD,CAAC,GAAiB,KAAsB,EAAS,GAAK;AA0D5D,QAxDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAuB,EAAY,uBAAuB,GAAK,EAC/D,EAAgB,EAAY,gBAAgB,GAAK,EACjD,EAAmB,EAAY,mBAAmB,GAAK;IAExD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAoBE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,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;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,yBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAuB,EAAE,OAAO,QAAQ;QACzD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAqB,CAAA,EACjE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAgB,EAAE,OAAO,QAAQ;QAClD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACF;OACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SApGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QACL;QACA;QACA;QACA;QACD;OACD,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KAsFM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
+{"version":3,"file":"TeamActivitySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/team-activity/TeamActivitySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Settings } 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  useGetConfigurationByKeyQuery,\n  useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"team-activity.settings\";\n\nexport function TeamActivitySettingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationByKeyQuery({\n    variables: { key: CONFIG_KEY },\n  });\n\n  const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n  const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n    string,\n    boolean\n  >;\n\n  const [showTimerEvents, setShowTimerEvents] = useState(true);\n  const [showTaskCompletions, setShowTaskCompletions] = useState(true);\n  const [showCheckIns, setShowCheckIns] = useState(true);\n  const [realTimeUpdates, setRealTimeUpdates] = useState(true);\n\n  useEffect(() => {\n    if (configValue) {\n      setShowTimerEvents(configValue.showTimerEvents ?? true);\n      setShowTaskCompletions(configValue.showTaskCompletions ?? true);\n      setShowCheckIns(configValue.showCheckIns ?? true);\n      setRealTimeUpdates(configValue.realTimeUpdates ?? true);\n    }\n  }, [\n    configValue.showTimerEvents,\n    configValue.showTaskCompletions,\n    configValue.showCheckIns,\n    configValue.realTimeUpdates,\n  ]);\n\n  const handleSave = async () => {\n    await setConfiguration({\n      variables: {\n        input: {\n          key: CONFIG_KEY,\n          value: {\n            showTimerEvents,\n            showTaskCompletions,\n            showCheckIns,\n            realTimeUpdates,\n          },\n          description: \"Team activity feed settings\",\n          scope: \"USER\" as never,\n        },\n      },\n    });\n  };\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\n      >\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Activity Settings\"\n        description=\"Configure team activity tracking\"\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 activity settings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Activity Settings\"\n      description=\"Configure team activity tracking\"\n      purpose=\"Tune the team activity feed so it shows what matters and nothing more — pick which events appear and whether updates stream live — keeping the team informed without it becoming noise.\"\n    >\n      <div className=\"mx-auto max-w-2xl space-y-6\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Settings className=\"h-4 w-4\" />\n            Activity Feed Settings\n          </h3>\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Show timer events\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTimerEvents}\n                onChange={(e) => setShowTimerEvents(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Show task completions\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={showTaskCompletions}\n                onChange={(e) => setShowTaskCompletions(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">Show check-ins</span>\n              <input\n                type=\"checkbox\"\n                checked={showCheckIns}\n                onChange={(e) => setShowCheckIns(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-text-primary\">\n                Real-time updates\n              </span>\n              <input\n                type=\"checkbox\"\n                checked={realTimeUpdates}\n                onChange={(e) => setRealTimeUpdates(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n              />\n            </label>\n          </div>\n        </GlassCard>\n        <div className=\"flex justify-end\">\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n          >\n            {saving ? \"Saving...\" : \"Save Settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAa;AAEnB,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAqB,KAA0B,EAAS,GAAK,EAC9D,CAAC,GAAc,KAAmB,EAAS,GAAK,EAChD,CAAC,GAAiB,KAAsB,EAAS,GAAK;AA0D5D,QAxDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAuB,EAAY,uBAAuB,GAAK,EAC/D,EAAgB,EAAY,gBAAgB,GAAK,EACjD,EAAmB,EAAY,mBAAmB,GAAK;IAExD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAoBE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,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,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAAA,yBAE7B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAuB,EAAE,OAAO,QAAQ;QACzD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAAqB,CAAA,EACjE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAgB,EAAE,OAAO,QAAQ;QAClD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAA4B;QAErC,CAAA,EACP,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SArGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QACL;QACA;QACA;QACA;QACD;OACD,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KAuFM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

package/dist/timecampus/pages/templates/TemplateApplicationPage.js

@@ -5,12 +5,13 @@ import { PageLayout as r } from "../../components/PageLayout.js";
 import { CheckCircle as i, Loader2 as a, Sparkles 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 { GlassCard as u } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/templates/TemplateApplicationPage.tsx
-function u() {
-	let { applicationId: u } = s(), { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = n({
-		variables: { id: u ?? "" },
-		skip: !u
-	}), h = (f?.configuration?.value ?? {}).applicationSteps ?? [
+function d() {
+	let { applicationId: d } = s(), { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({
+		variables: { id: d ?? "" },
+		skip: !d
+	}), g = (p?.configuration?.value ?? {}).applicationSteps ?? [
 		{
 			label: "Project structure",
 			status: "pending"
@@ -32,24 +33,27 @@ function u() {
 			status: "pending"
 		}
 	];
-	return p ? /* @__PURE__ */ c(r, {
+	return m ? /* @__PURE__ */ c(r, {
 		title: "Applying Template",
 		description: "Loading...",
 		children: /* @__PURE__ */ c(t, { variant: "detail" })
-	}) : m ? /* @__PURE__ */ c(r, {
+	}) : h ? /* @__PURE__ */ c(r, {
 		title: "Applying Template",
-		description: `Application ID: ${u}`,
+		description: `Application ID: ${d}`,
 		children: /* @__PURE__ */ c("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 template application data. Please try again later."
 		})
 	}) : /* @__PURE__ */ c(r, {
 		title: "Applying Template",
-		description: `Application ID: ${u}`,
+		description: `Application ID: ${d}`,
+		purpose: "Watch your chosen template build out your workspace step by step — projects, categories, roles, widgets and workflows — so you can see exactly what's being configured as it happens.",
 		children: /* @__PURE__ */ c("div", {
 			className: "mx-auto max-w-lg",
-			children: /* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6 text-center",
+			children: /* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6 text-center",
 				children: [
 					/* @__PURE__ */ c("div", {
 						className: "flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-action-primary-bg/10",
@@ -65,7 +69,7 @@ function u() {
 					}),
 					/* @__PURE__ */ c("div", {
 						className: "mt-6 space-y-3 text-left",
-						children: h.map((e) => /* @__PURE__ */ l("div", {
+						children: g.map((e) => /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-3 rounded-lg border border-border-subtle p-3",
 							children: [e.status === "completed" ? /* @__PURE__ */ c(i, { className: "h-5 w-5 text-status-success-text" }) : e.status === "in-progress" ? /* @__PURE__ */ c(a, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ c("div", { className: "h-5 w-5 rounded-full border-2 border-muted" }), /* @__PURE__ */ c("span", {
 								className: `text-sm ${e.status === "completed" ? "text-text-secondary" : "text-text-primary"}`,
@@ -79,6 +83,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as TemplateApplicationPage };
+export { d as TemplateApplicationPage };
 
 //# sourceMappingURL=TemplateApplicationPage.js.map