@burdenoff/microfe-timecampus 2026.529.2 → 2026.624.1

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

@@ -62,26 +62,26 @@ function f() {
 				})
 			]
 		}), /* @__PURE__ */ u("div", {
-			className: "rounded-xl border border-border bg-card",
+			className: "rounded-xl border border-border-subtle bg-bg-surface",
 			children: /* @__PURE__ */ u("div", {
 				className: "divide-y divide-border",
 				children: S.length === 0 ? /* @__PURE__ */ u("div", {
-					className: "p-8 text-center text-sm text-muted-foreground",
+					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) => {
 					let n = e.utilizationRate ?? (e.allocatedHours > 0 ? Math.round(e.actualHours / e.allocatedHours * 100) : 0);
 					return /* @__PURE__ */ d("div", {
-						className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+						className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
 						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ u("div", {
-								className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-sm font-medium text-primary",
+								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", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: e.userId
 							}), /* @__PURE__ */ d("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: [
 									e.planName,
 									" ·",
@@ -97,7 +97,7 @@ function f() {
 							children: [/* @__PURE__ */ u("div", {
 								className: "text-right",
 								children: /* @__PURE__ */ d("p", {
-									className: "text-sm font-medium text-foreground",
+									className: "text-sm font-medium text-text-primary",
 									children: [e.allocatedHours, "h allocated"]
 								})
 							}), /* @__PURE__ */ d("div", {
@@ -109,7 +109,7 @@ function f() {
 										children: [n, "%"]
 									})
 								}), /* @__PURE__ */ u("div", {
-									className: "h-2 rounded-full bg-muted",
+									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"}`,
 										style: { width: `${Math.min(n, 100)}%` }

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 bg-card\">\n        <div className=\"divide-y divide-border\">\n          {allocations.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\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-muted/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-primary/10 text-sm font-medium text-primary\">\n                        {getInitials(alloc.userId)}\n                      </div>\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground\">\n                          {alloc.userId}\n                        </p>\n                        <p className=\"text-xs text-muted-foreground\">\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-foreground\">\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-muted\">\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 { 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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"}

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

@@ -27,43 +27,43 @@ function l() {
 		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 bg-card p-6",
+				className: "rounded-xl border border-border-subtle bg-bg-surface 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", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: "Hours by Member"
 					})]
 				}), /* @__PURE__ */ s("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ c("div", {
 						className: "text-center",
 						children: [/* @__PURE__ */ s("p", {
-							className: "text-sm text-muted-foreground",
+							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", {
-							className: "mt-1 text-xs text-muted-foreground",
+							className: "mt-1 text-xs text-text-secondary",
 							children: ["Most productive: ", g.mostProductiveDay]
 						})]
 					})
 				})]
 			}), /* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-subtle bg-bg-surface 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", {
-						className: "text-sm font-semibold text-foreground",
+						className: "text-sm font-semibold text-text-primary",
 						children: "Productivity Trends"
 					})]
 				}), /* @__PURE__ */ s("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 					children: /* @__PURE__ */ c("div", {
 						className: "text-center",
 						children: [/* @__PURE__ */ s("p", {
-							className: "text-sm text-muted-foreground",
+							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", {
-							className: "mt-1 text-xs text-muted-foreground",
+							className: "mt-1 text-xs text-text-secondary",
 							children: g.insights[0].title
 						})]
 					})

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 bg-card 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-foreground\">\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\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-muted-foreground\">\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-muted-foreground\">\n                  Most productive: {pattern.mostProductiveDay}\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border bg-card 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-foreground\">\n              Productivity Trends\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <div className=\"text-center\">\n              <p className=\"text-sm text-muted-foreground\">\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-muted-foreground\">\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;gBAAwC;MAEjD,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,CAAkD,qBAC9B,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;gBAAwC;MAEjD,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 { 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"}

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

@@ -25,7 +25,7 @@ function l() {
 		title: "Team Members",
 		description: "Manage team members and roles",
 		actions: /* @__PURE__ */ c("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			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__ */ s(a, { className: "h-4 w-4" }), "Invite Member"]
 		}),
 		children: /* @__PURE__ */ s(r, {
@@ -43,31 +43,31 @@ function l() {
 		title: "Team Members",
 		description: "Manage team members and roles",
 		actions: /* @__PURE__ */ c("button", {
-			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			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__ */ s(a, { className: "h-4 w-4" }), "Invite Member"]
 		}),
 		children: [/* @__PURE__ */ s("div", {
 			className: "mb-4 rounded-lg border border-amber-200 bg-amber-50 p-3 text-xs text-amber-700 dark:border-amber-800 dark:bg-amber-900/20 dark:text-amber-400",
 			children: "Team member data is managed by the groups module. Showing time entry activity by project."
 		}), /* @__PURE__ */ s("div", {
-			className: "rounded-xl border border-border bg-card",
+			className: "rounded-xl border border-border-subtle bg-bg-surface",
 			children: /* @__PURE__ */ s("div", {
 				className: "divide-y divide-border",
 				children: m.length === 0 ? /* @__PURE__ */ s("div", {
-					className: "p-8 text-center text-sm text-muted-foreground",
+					className: "p-8 text-center text-sm text-text-secondary",
 					children: "No time entry data available."
 				}) : m.map((e) => /* @__PURE__ */ c("div", {
-					className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors",
+					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
 					children: [/* @__PURE__ */ c("div", {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ s("div", {
-							className: "flex h-9 w-9 items-center justify-center rounded-full bg-primary/10 text-sm font-medium text-primary",
+							className: "flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary",
 							children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
 						}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-							className: "text-sm font-medium text-foreground",
+							className: "text-sm font-medium text-text-primary",
 							children: e.name
 						}), /* @__PURE__ */ c("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [e.entries, " time entries"]
 						})] })]
 					}), /* @__PURE__ */ c("div", {
@@ -75,10 +75,10 @@ function l() {
 						children: [/* @__PURE__ */ c("div", {
 							className: "text-right",
 							children: [/* @__PURE__ */ s("p", {
-								className: "text-sm font-medium text-foreground",
+								className: "text-sm font-medium text-text-primary",
 								children: t(e.totalHours)
 							}), /* @__PURE__ */ s("p", {
-								className: "text-xs text-muted-foreground",
+								className: "text-xs text-text-secondary",
 								children: "total tracked"
 							})]
 						}), /* @__PURE__ */ s("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"TeamMembersPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamMembersPage.tsx"],"sourcesContent":["import { Users, Plus } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListTimeEntriesQuery,\n  type TimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TeamMembersPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListTimeEntriesQuery({\n    variables: { limit: 100 },\n    skip: !workspaceId,\n  });\n\n  const entries = data?.timeEntries?.items ?? [];\n\n  // Group time entries by project to show team activity (member data comes from groups module)\n  const projectSummary = entries.reduce<\n    Record<string, { name: string; totalHours: number; entries: number }>\n  >(\n    (\n      acc: Record<\n        string,\n        { name: string; totalHours: number; entries: number }\n      >,\n      entry: TimeEntryFieldsFragment,\n    ) => {\n      const projectName = entry.project?.name ?? \"Unassigned\";\n      const projectId = entry.projectId ?? \"unassigned\";\n      if (!acc[projectId]) {\n        acc[projectId] = { name: projectName, totalHours: 0, entries: 0 };\n      }\n      acc[projectId].totalHours += (entry.duration ?? 0) / 3600;\n      acc[projectId].entries += 1;\n      return acc;\n    },\n    {},\n  );\n\n  const summaryList = Object.entries(projectSummary)\n    .map(([id, info]) => ({\n      id,\n      ...(info as { name: string; totalHours: number; entries: number }),\n    }))\n    .sort((a, b) => b.totalHours - a.totalHours);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Members\"\n        description=\"Manage team members and roles\"\n        actions={\n          <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n            <Plus className=\"h-4 w-4\" />\n            Invite Member\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Members\"\n        description=\"Manage team members and roles\"\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 data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Members\"\n      description=\"Manage team members and roles\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Invite Member\n        </button>\n      }\n    >\n      <div className=\"mb-4 rounded-lg border border-amber-200 bg-amber-50 p-3 text-xs text-amber-700 dark:border-amber-800 dark:bg-amber-900/20 dark:text-amber-400\">\n        Team member data is managed by the groups module. Showing time entry\n        activity by project.\n      </div>\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {summaryList.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No time entry data available.\n            </div>\n          ) : (\n            summaryList.map((project) => (\n              <div\n                key={project.id}\n                className=\"flex items-center justify-between p-4 hover:bg-muted/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-primary/10 text-sm font-medium text-primary\">\n                    <Users className=\"h-4 w-4\" />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {project.name}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {project.entries} time entries\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-foreground\">\n                      {formatHours(project.totalHours)}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      total tracked\n                    </p>\n                  </div>\n                  <span className=\"inline-flex rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400\">\n                    active\n                  </span>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAkB;CAChC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAwB;EACvD,WAAW,EAAE,OAAO,KAAK;EACzB,MAAM,CAAC;EACR,CAAC,EAKI,KAHU,GAAM,aAAa,SAAS,EAAE,EAGf,QAI3B,GAIA,MACG;EACH,IAAM,IAAc,EAAM,SAAS,QAAQ,cACrC,IAAY,EAAM,aAAa;AAMrC,SALK,EAAI,OACP,EAAI,KAAa;GAAE,MAAM;GAAa,YAAY;GAAG,SAAS;GAAG,GAEnE,EAAI,GAAW,eAAe,EAAM,YAAY,KAAK,MACrD,EAAI,GAAW,WAAW,GACnB;IAET,EAAE,CACH,EAEK,IAAc,OAAO,QAAQ,EAAe,CAC/C,KAAK,CAAC,GAAI,QAAW;EACpB;EACA,GAAI;EACL,EAAE,CACF,MAAM,GAAG,MAAM,EAAE,aAAa,EAAE,WAAW;AAgC9C,QA9BI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;YAGX,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;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;YAPb,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAgJ;GAGzJ,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAY,WAAW,IACtB,kBAAC,OAAD;KAAK,WAAU;eAAgD;KAEzD,CAAA,GAEN,EAAY,KAAK,MACf,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACzB,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ;OACP,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAQ,SAAQ,gBACf;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAY,EAAQ,WAAW;QAC9B,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAAgC;QAEzC,CAAA,CACA;UACN,kBAAC,QAAD;OAAM,WAAU;iBAAwI;OAEjJ,CAAA,CACH;QACF;OA7BC,EAAQ,GA6BT,CACN;IAEA,CAAA;GACF,CAAA,CACK"}
+{"version":3,"file":"TeamMembersPage.js","names":[],"sources":["../../../../src/timecampus/pages/team/TeamMembersPage.tsx"],"sourcesContent":["import { Users, Plus } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListTimeEntriesQuery,\n  type TimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function TeamMembersPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListTimeEntriesQuery({\n    variables: { limit: 100 },\n    skip: !workspaceId,\n  });\n\n  const entries = data?.timeEntries?.items ?? [];\n\n  // Group time entries by project to show team activity (member data comes from groups module)\n  const projectSummary = entries.reduce<\n    Record<string, { name: string; totalHours: number; entries: number }>\n  >(\n    (\n      acc: Record<\n        string,\n        { name: string; totalHours: number; entries: number }\n      >,\n      entry: TimeEntryFieldsFragment,\n    ) => {\n      const projectName = entry.project?.name ?? \"Unassigned\";\n      const projectId = entry.projectId ?? \"unassigned\";\n      if (!acc[projectId]) {\n        acc[projectId] = { name: projectName, totalHours: 0, entries: 0 };\n      }\n      acc[projectId].totalHours += (entry.duration ?? 0) / 3600;\n      acc[projectId].entries += 1;\n      return acc;\n    },\n    {},\n  );\n\n  const summaryList = Object.entries(projectSummary)\n    .map(([id, info]) => ({\n      id,\n      ...(info as { name: string; totalHours: number; entries: number }),\n    }))\n    .sort((a, b) => b.totalHours - a.totalHours);\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Team Members\"\n        description=\"Manage team members and roles\"\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            Invite Member\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Team Members\"\n        description=\"Manage team members and roles\"\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 data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Team Members\"\n      description=\"Manage team members and roles\"\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          Invite Member\n        </button>\n      }\n    >\n      <div className=\"mb-4 rounded-lg border border-amber-200 bg-amber-50 p-3 text-xs text-amber-700 dark:border-amber-800 dark:bg-amber-900/20 dark:text-amber-400\">\n        Team member data is managed by the groups module. Showing time entry\n        activity by project.\n      </div>\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n        <div className=\"divide-y divide-border\">\n          {summaryList.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No time entry data available.\n            </div>\n          ) : (\n            summaryList.map((project) => (\n              <div\n                key={project.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                    <Users className=\"h-4 w-4\" />\n                  </div>\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {project.name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {project.entries} time entries\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                      {formatHours(project.totalHours)}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      total tracked\n                    </p>\n                  </div>\n                  <span className=\"inline-flex rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400\">\n                    active\n                  </span>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAkB;CAChC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAwB;EACvD,WAAW,EAAE,OAAO,KAAK;EACzB,MAAM,CAAC;EACR,CAAC,EAKI,KAHU,GAAM,aAAa,SAAS,EAAE,EAGf,QAI3B,GAIA,MACG;EACH,IAAM,IAAc,EAAM,SAAS,QAAQ,cACrC,IAAY,EAAM,aAAa;AAMrC,SALK,EAAI,OACP,EAAI,KAAa;GAAE,MAAM;GAAa,YAAY;GAAG,SAAS;GAAG,GAEnE,EAAI,GAAW,eAAe,EAAM,YAAY,KAAK,MACrD,EAAI,GAAW,WAAW,GACnB;IAET,EAAE,CACH,EAEK,IAAc,OAAO,QAAQ,EAAe,CAC/C,KAAK,CAAC,GAAI,QAAW;EACpB;EACA,GAAI;EACL,EAAE,CACF,MAAM,GAAG,MAAM,EAAE,aAAa,EAAE,WAAW;AAgC9C,QA9BI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;YAGX,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;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,gBAErB;;YAPb,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAgJ;GAGzJ,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAY,WAAW,IACtB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAY,KAAK,MACf,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACzB,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAQ;OACP,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAQ,SAAQ,gBACf;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAY,EAAQ,WAAW;QAC9B,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA;UACN,kBAAC,QAAD;OAAM,WAAU;iBAAwI;OAEjJ,CAAA,CACH;QACF;OA7BC,EAAQ,GA6BT,CACN;IAEA,CAAA;GACF,CAAA,CACK"}

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

@@ -62,14 +62,14 @@ function u() {
 				})
 			]
 		}), /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border bg-card p-6",
+			className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 			children: [/* @__PURE__ */ c("h3", {
-				className: "mb-4 text-sm font-semibold text-foreground",
+				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",
+				className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
 				children: /* @__PURE__ */ c("p", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm text-text-secondary",
 					children: "Team activity timeline will render here"
 				})
 			})]

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-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 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-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\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 bg-card p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n          Team Activity Feed\n        </h3>\n        <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n          <p className=\"text-sm text-muted-foreground\">\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;aAA+H;GAExI,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;cAA6C;IAEtD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,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 { 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-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 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-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\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-subtle bg-bg-surface 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;aAA+H;GAExI,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"}

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

@@ -54,24 +54,24 @@ function p() {
 				})
 			]
 		}), /* @__PURE__ */ f("div", {
-			className: "rounded-xl border border-border bg-card p-6",
+			className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 			children: [/* @__PURE__ */ d("h3", {
-				className: "mb-4 text-sm font-semibold text-foreground",
+				className: "mb-4 text-sm font-semibold text-text-primary",
 				children: "Activity Feed"
 			}), /* @__PURE__ */ f("div", {
 				className: "space-y-4",
 				children: [x.length === 0 && !v && /* @__PURE__ */ d("div", {
-					className: "text-center text-sm text-muted-foreground",
+					className: "text-center text-sm text-text-secondary",
 					children: "No recent activity data available."
 				}), x.map((e) => /* @__PURE__ */ f("div", {
 					className: "flex items-start gap-3",
 					children: [/* @__PURE__ */ d("div", {
-						className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-primary/10",
+						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", {
 						className: "flex-1",
 						children: [/* @__PURE__ */ f("p", {
-							className: "text-sm text-foreground",
+							className: "text-sm text-text-primary",
 							children: [
 								/* @__PURE__ */ d("span", {
 									className: "font-medium",
@@ -81,7 +81,7 @@ function p() {
 								e.deepWorkSessions > 0 ? "Completed deep work session" : "Logged work pattern"
 							]
 						}), /* @__PURE__ */ f("p", {
-							className: "text-xs text-muted-foreground",
+							className: "text-xs text-text-secondary",
 							children: [
 								e.focusHours.toFixed(1),
 								"h focus ·",

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-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 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-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border bg-card p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n          Activity Feed\n        </h3>\n        <div className=\"space-y-4\">\n          {patterns.length === 0 && !patternsLoading && (\n            <div className=\"text-center text-sm text-muted-foreground\">\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-primary/10\">\n                <Activity className=\"h-4 w-4 text-primary\" />\n              </div>\n              <div className=\"flex-1\">\n                <p className=\"text-sm text-foreground\">\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-muted-foreground\">\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;aAA+H;GAExI,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;cAA6C;IAEtD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAS,WAAW,KAAK,CAAC,KACzB,kBAAC,OAAD;KAAK,WAAU;eAA4C;KAErD,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 { 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-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 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-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400\"\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface 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;aAA+H;GAExI,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"}

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

@@ -33,9 +33,9 @@ function d() {
 		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl space-y-6",
 			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border bg-card p-6",
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
 				children: [/* @__PURE__ */ l("h3", {
-					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-foreground",
+					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"]
 				}), /* @__PURE__ */ l("div", {
 					className: "space-y-3",
@@ -43,49 +43,49 @@ function d() {
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Show timer events"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: v,
 								onChange: (e) => y(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Show task completions"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: b,
 								onChange: (e) => x(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Show check-ins"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: S,
 								onChange: (e) => C(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						}),
 						/* @__PURE__ */ l("label", {
 							className: "flex items-center justify-between",
 							children: [/* @__PURE__ */ c("span", {
-								className: "text-sm text-foreground",
+								className: "text-sm text-text-primary",
 								children: "Real-time updates"
 							}), /* @__PURE__ */ c("input", {
 								type: "checkbox",
 								checked: w,
 								onChange: (e) => T(e.target.checked),
-								className: "h-4 w-4 rounded border-border"
+								className: "h-4 w-4 rounded border-border-subtle"
 							})]
 						})
 					]
@@ -107,7 +107,7 @@ function d() {
 						} } });
 					},
 					disabled: g,
-					className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+					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"
 				})
 			})]

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-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 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 bg-card p-6\">\n          <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-foreground\">\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-foreground\">Show timer events</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\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">\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\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">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\"\n              />\n            </label>\n            <label className=\"flex items-center justify-between\">\n              <span className=\"text-sm text-foreground\">Real-time updates</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\"\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-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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;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,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;kBAA0B;QAAwB,CAAA,EAClE,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;kBAA0B;QAEnC,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;kBAA0B;QAAqB,CAAA,EAC/D,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;kBAA0B;QAAwB,CAAA,EAClE,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,SAhGS,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;;KAkFM,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 { 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-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 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-subtle bg-bg-surface 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\">Show timer events</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\">Real-time updates</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;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,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;QAAwB,CAAA,EACpE,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;QAAwB,CAAA,EACpE,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,SAhGS,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;;KAkFM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}

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

@@ -49,26 +49,26 @@ function u() {
 		children: /* @__PURE__ */ c("div", {
 			className: "mx-auto max-w-lg",
 			children: /* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border bg-card p-6 text-center",
+				className: "rounded-xl border border-border-subtle bg-bg-surface p-6 text-center",
 				children: [
 					/* @__PURE__ */ c("div", {
-						className: "flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-primary/10",
+						className: "flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-action-primary-bg/10",
 						children: /* @__PURE__ */ c(o, { className: "h-8 w-8 text-primary" })
 					}),
 					/* @__PURE__ */ c("h2", {
-						className: "mt-4 text-lg font-semibold text-foreground",
+						className: "mt-4 text-lg font-semibold text-text-primary",
 						children: "Setting up your workspace"
 					}),
 					/* @__PURE__ */ c("p", {
-						className: "mt-1 text-sm text-muted-foreground",
+						className: "mt-1 text-sm text-text-secondary",
 						children: "Applying the template configuration..."
 					}),
 					/* @__PURE__ */ c("div", {
 						className: "mt-6 space-y-3 text-left",
 						children: h.map((e) => /* @__PURE__ */ l("div", {
-							className: "flex items-center gap-3 rounded-lg border border-border p-3",
+							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-emerald-500" }) : 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-muted-foreground" : "text-foreground"}`,
+								className: `text-sm ${e.status === "completed" ? "text-text-secondary" : "text-text-primary"}`,
 								children: e.label
 							})]
 						}, e.label))

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateApplicationPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateApplicationPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, CheckCircle, Loader2 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateApplicationPage() {\n  const { applicationId } = useParams<{ applicationId: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: applicationId ?? \"\" },\n    skip: !applicationId,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n\n  // Application steps from configuration or defaults\n  const configuredSteps = val.applicationSteps as\n    | Array<{ label: string; status: string }>\n    | undefined;\n  const steps = configuredSteps ?? [\n    { label: \"Project structure\", status: \"pending\" },\n    { label: \"Time categories\", status: \"pending\" },\n    { label: \"Team roles\", status: \"pending\" },\n    { label: \"Dashboard widgets\", status: \"pending\" },\n    { label: \"Workflows\", status: \"pending\" },\n  ];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Applying Template\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Applying Template\"\n        description={`Application ID: ${applicationId}`}\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 template application data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Applying Template\"\n      description={`Application ID: ${applicationId}`}\n    >\n      <div className=\"mx-auto max-w-lg\">\n        <div className=\"rounded-xl border border-border bg-card p-6 text-center\">\n          <div className=\"flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-primary/10\">\n            <Sparkles className=\"h-8 w-8 text-primary\" />\n          </div>\n          <h2 className=\"mt-4 text-lg font-semibold text-foreground\">\n            Setting up your workspace\n          </h2>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            Applying the template configuration...\n          </p>\n\n          <div className=\"mt-6 space-y-3 text-left\">\n            {steps.map((step) => (\n              <div\n                key={step.label}\n                className=\"flex items-center gap-3 rounded-lg border border-border p-3\"\n              >\n                {step.status === \"completed\" ? (\n                  <CheckCircle className=\"h-5 w-5 text-emerald-500\" />\n                ) : step.status === \"in-progress\" ? (\n                  <Loader2 className=\"h-5 w-5 text-primary animate-spin\" />\n                ) : (\n                  <div className=\"h-5 w-5 rounded-full border-2 border-muted\" />\n                )}\n                <span\n                  className={`text-sm ${step.status === \"completed\" ? \"text-muted-foreground\" : \"text-foreground\"}`}\n                >\n                  {step.label}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAA0B;CACxC,IAAM,EAAE,qBAAkB,GAAsC,EAC1D,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAiB,IAAI;EACtC,MAAM,CAAC;EACR,CAAC,EASI,KAPS,GAAM,eACA,SAAqC,EAAE,EAGhC,oBAGK;EAC/B;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAmB,QAAQ;GAAW;EAC/C;GAAE,OAAO;GAAc,QAAQ;GAAW;EAC1C;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAa,QAAQ;GAAW;EAC1C;AAuBD,QArBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAoB,aAAY;YAChD,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MACzC,CAAA;KACN,kBAAC,MAAD;MAAI,WAAU;gBAA6C;MAEtD,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAqC;MAE9C,CAAA;KAEJ,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAM,KAAK,MACV,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIG,EAAK,WAAW,cACf,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA,GAClD,EAAK,WAAW,gBAClB,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA,GAEzD,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,EAEhE,kBAAC,QAAD;QACE,WAAW,WAAW,EAAK,WAAW,cAAc,0BAA0B;kBAE7E,EAAK;QACD,CAAA,CACH;SAfC,EAAK,MAeN,CACN;MACE,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"TemplateApplicationPage.js","names":[],"sources":["../../../../src/timecampus/pages/templates/TemplateApplicationPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { Sparkles, CheckCircle, Loader2 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetConfigurationQuery } from \"@/generated/wspace-operations\";\n\nexport function TemplateApplicationPage() {\n  const { applicationId } = useParams<{ applicationId: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetConfigurationQuery({\n    variables: { id: applicationId ?? \"\" },\n    skip: !applicationId,\n  });\n\n  const config = data?.configuration;\n  const val = (config?.value as Record<string, unknown>) ?? {};\n\n  // Application steps from configuration or defaults\n  const configuredSteps = val.applicationSteps as\n    | Array<{ label: string; status: string }>\n    | undefined;\n  const steps = configuredSteps ?? [\n    { label: \"Project structure\", status: \"pending\" },\n    { label: \"Time categories\", status: \"pending\" },\n    { label: \"Team roles\", status: \"pending\" },\n    { label: \"Dashboard widgets\", status: \"pending\" },\n    { label: \"Workflows\", status: \"pending\" },\n  ];\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Applying Template\" description=\"Loading...\">\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Applying Template\"\n        description={`Application ID: ${applicationId}`}\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 template application data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Applying Template\"\n      description={`Application ID: ${applicationId}`}\n    >\n      <div className=\"mx-auto max-w-lg\">\n        <div className=\"rounded-xl border border-border-subtle bg-bg-surface p-6 text-center\">\n          <div className=\"flex h-16 w-16 mx-auto items-center justify-center rounded-full bg-action-primary-bg/10\">\n            <Sparkles className=\"h-8 w-8 text-primary\" />\n          </div>\n          <h2 className=\"mt-4 text-lg font-semibold text-text-primary\">\n            Setting up your workspace\n          </h2>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Applying the template configuration...\n          </p>\n\n          <div className=\"mt-6 space-y-3 text-left\">\n            {steps.map((step) => (\n              <div\n                key={step.label}\n                className=\"flex items-center gap-3 rounded-lg border border-border-subtle p-3\"\n              >\n                {step.status === \"completed\" ? (\n                  <CheckCircle className=\"h-5 w-5 text-emerald-500\" />\n                ) : step.status === \"in-progress\" ? (\n                  <Loader2 className=\"h-5 w-5 text-primary animate-spin\" />\n                ) : (\n                  <div className=\"h-5 w-5 rounded-full border-2 border-muted\" />\n                )}\n                <span\n                  className={`text-sm ${step.status === \"completed\" ? \"text-text-secondary\" : \"text-text-primary\"}`}\n                >\n                  {step.label}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAA0B;CACxC,IAAM,EAAE,qBAAkB,GAAsC,EAC1D,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAyB;EACxD,WAAW,EAAE,IAAI,KAAiB,IAAI;EACtC,MAAM,CAAC;EACR,CAAC,EASI,KAPS,GAAM,eACA,SAAqC,EAAE,EAGhC,oBAGK;EAC/B;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAmB,QAAQ;GAAW;EAC/C;GAAE,OAAO;GAAc,QAAQ;GAAW;EAC1C;GAAE,OAAO;GAAqB,QAAQ;GAAW;EACjD;GAAE,OAAO;GAAa,QAAQ;GAAW;EAC1C;AAuBD,QArBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAoB,aAAY;YAChD,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,mBAAmB;YAEhC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MACzC,CAAA;KACN,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAE5C,CAAA;KAEJ,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAM,KAAK,MACV,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIG,EAAK,WAAW,cACf,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA,GAClD,EAAK,WAAW,gBAClB,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA,GAEzD,kBAAC,OAAD,EAAK,WAAU,8CAA+C,CAAA,EAEhE,kBAAC,QAAD;QACE,WAAW,WAAW,EAAK,WAAW,cAAc,wBAAwB;kBAE3E,EAAK;QACD,CAAA,CACH;SAfC,EAAK,MAeN,CACN;MACE,CAAA;KACF;;GACF,CAAA;EACK,CAAA"}