@burdenoff/microfe-timecampus 2026.624.1 → 2026.626.1

package/dist/timecampus/pages/dashboard/AnalyticsPage.js

@@ -1,91 +1,118 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
+import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
 import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
 import { useGetFocusScoreSummaryQuery as r, useGetTimeEntryStatsQuery as i, useGetWorkPatternSummaryQuery as a } from "../../../generated/wspace-operations.js";
-import { BarChart3 as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { BarChart3 as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { GlassCard as u, NextSteps as d } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/dashboard/AnalyticsPage.tsx
-function l() {
-	let { workspaceId: l = "" } = e(), { data: u, loading: d, error: f } = i({ skip: !l }), { data: p, loading: m } = r({ skip: !l }), { data: h, loading: g } = a({ skip: !l }), _ = u?.timeEntryStats, v = p?.focusScoreSummary, y = h?.workPatternSummary;
-	return d || m || g ? /* @__PURE__ */ s(t, {
+function f() {
+	let { workspaceId: f = "" } = e(), p = t(), { data: m, loading: h, error: g } = i({ skip: !f }), { data: _, loading: v } = r({ skip: !f }), { data: y, loading: b } = a({ skip: !f }), x = m?.timeEntryStats, S = _?.focusScoreSummary, C = y?.workPatternSummary;
+	return h || v || b ? /* @__PURE__ */ c(o, {
 		title: "Analytics",
 		description: "Insights into your time tracking and productivity",
-		children: /* @__PURE__ */ s(n, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "card",
 			count: 4
 		})
-	}) : f ? /* @__PURE__ */ s(t, {
+	}) : g ? /* @__PURE__ */ c(o, {
 		title: "Analytics",
 		description: "Insights into your time tracking and productivity",
-		children: /* @__PURE__ */ s("div", {
-			className: "rounded-lg border border-red-200 bg-red-50 p-4 text-sm text-red-600 dark:border-red-800 dark:bg-red-900/20 dark:text-red-400",
+		children: /* @__PURE__ */ c("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load analytics. Please try again later."
 		})
-	}) : /* @__PURE__ */ s(t, {
+	}) : /* @__PURE__ */ l(o, {
 		title: "Analytics",
 		description: "Insights into your time tracking and productivity",
-		children: /* @__PURE__ */ c("div", {
+		purpose: "Turn the raw hours you track into answers — spot whether your focus is improving, where billable time is going, and which habits to change to get more done with less burnout.",
+		children: [/* @__PURE__ */ c(d, {
+			storageKey: "timecampus-analytics",
+			className: "mb-6",
+			steps: [
+				{
+					id: "reports",
+					label: "Build a detailed report",
+					description: "Slice time by project, client or person.",
+					onClick: () => p("/reports")
+				},
+				{
+					id: "focus",
+					label: "Dig into your focus score",
+					description: "Understand what's helping or hurting deep work.",
+					onClick: () => p("/focus-score")
+				},
+				{
+					id: "patterns",
+					label: "Review your work patterns",
+					description: "See how your week actually breaks down.",
+					onClick: () => p("/work-patterns")
+				}
+			]
+		}), /* @__PURE__ */ l("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
-				children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l(u, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6",
+				children: [/* @__PURE__ */ l("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ s(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h3", {
+					children: [/* @__PURE__ */ c(s, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
 						className: "text-sm font-semibold text-text-primary",
 						children: "Productivity Trends"
 					})]
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ c("div", {
+					children: /* @__PURE__ */ l("div", {
 						className: "text-center",
 						children: [
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-sm text-text-secondary",
-								children: v ? `Focus Score: ${Math.round(v.averageScore)}/100 (${v.trend ?? "stable"})` : "No focus score data"
+								children: S ? `Focus Score: ${Math.round(S.averageScore)}/100 (${S.trend ?? "stable"})` : "No focus score data"
 							}),
-							y && /* @__PURE__ */ c("p", {
+							C && /* @__PURE__ */ l("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: [
-									y.averageFocusHours.toFixed(1),
+									C.averageFocusHours.toFixed(1),
 									"h avg focus ·",
 									" ",
-									y.averageMeetingHours.toFixed(1),
+									C.averageMeetingHours.toFixed(1),
 									"h avg meetings"
 								]
 							}),
-							v?.improvementArea && /* @__PURE__ */ c("p", {
+							S?.improvementArea && /* @__PURE__ */ l("p", {
 								className: "mt-1 text-xs text-text-secondary",
-								children: ["Improve: ", v.improvementArea]
+								children: ["Improve: ", S.improvementArea]
 							})
 						]
 					})
 				})]
-			}), /* @__PURE__ */ c("div", {
-				className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
-				children: [/* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ l("div", {
+				className: "rounded-xl border border-border-seam bg-bg-surface shadow-elevation-1 p-6",
+				children: [/* @__PURE__ */ l("div", {
 					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ s(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h3", {
+					children: [/* @__PURE__ */ c(s, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
 						className: "text-sm font-semibold text-text-primary",
 						children: "Time Distribution"
 					})]
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ c("div", {
+					children: /* @__PURE__ */ l("div", {
 						className: "text-center",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "text-sm text-text-secondary",
-							children: _ ? `${Math.round(_.totalHours)}h total · ${Math.round(_.billableHours)}h billable · ${_.totalEntries} entries` : "No time entry data"
-						}), _ && _.activeTimers > 0 && /* @__PURE__ */ c("p", {
+							children: x ? `${Math.round(x.totalHours)}h total · ${Math.round(x.billableHours)}h billable · ${x.totalEntries} entries` : "No time entry data"
+						}), x && x.activeTimers > 0 && /* @__PURE__ */ l("p", {
 							className: "mt-1 text-xs text-text-secondary",
-							children: [_.activeTimers, " timer(s) running"]
+							children: [x.activeTimers, " timer(s) running"]
 						})]
 					})
 				})]
 			})]
-		})
+		})]
 	});
 }
 //#endregion
-export { l as AnalyticsPage };
+export { f as AnalyticsPage };
 
 //# sourceMappingURL=AnalyticsPage.js.map

package/dist/timecampus/pages/dashboard/AnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetFocusScoreSummaryQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function AnalyticsPage() {\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: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\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 focus = focusData?.focusScoreSummary;\n  const pattern = patternData?.workPatternSummary;\n\n  if (statsLoading || focusLoading || patternLoading) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking and productivity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking and productivity\"\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 analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Analytics\"\n      description=\"Insights into your time tracking and productivity\"\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            <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                {focus\n                  ? `Focus Score: ${Math.round(focus.averageScore)}/100 (${focus.trend ?? \"stable\"})`\n                  : \"No focus score data\"}\n              </p>\n              {pattern && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {pattern.averageFocusHours.toFixed(1)}h avg focus ·{\" \"}\n                  {pattern.averageMeetingHours.toFixed(1)}h avg meetings\n                </p>\n              )}\n              {focus?.improvementArea && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Improve: {focus.improvementArea}\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              Time Distribution\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 · ${stats.totalEntries} entries`\n                  : \"No time entry data\"}\n              </p>\n              {stats && stats.activeTimers > 0 && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {stats.activeTimers} timer(s) running\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAQ,GAAW,mBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,KAAgB,IAEhC,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,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,IACG,gBAAgB,KAAK,MAAM,EAAM,aAAa,CAAC,QAAQ,EAAM,SAAS,SAAS,KAC/E;QACF,CAAA;OACH,KACC,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAQ,kBAAkB,QAAQ,EAAE;SAAC;SAAc;SACnD,EAAQ,oBAAoB,QAAQ,EAAE;SAAC;SACtC;;OAEL,GAAO,mBACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAgD,aACpC,EAAM,gBACd;;OAEF;;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,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa,YAC9G;OACF,CAAA,EACH,KAAS,EAAM,eAAe,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAM,cAAa,oBAClB;SAEF;;KACF,CAAA,CACF;MACF;;EACK,CAAA"}
+{"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from \"lucide-react\";\nimport { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  useTimeCampus,\n  useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetFocusScoreSummaryQuery,\n  useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function AnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const navigate = useTimeCampusNavigate();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\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 focus = focusData?.focusScoreSummary;\n  const pattern = patternData?.workPatternSummary;\n\n  if (statsLoading || focusLoading || patternLoading) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking and productivity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Analytics\"\n        description=\"Insights into your time tracking and productivity\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Analytics\"\n      description=\"Insights into your time tracking and productivity\"\n      purpose=\"Turn the raw hours you track into answers — spot whether your focus is improving, where billable time is going, and which habits to change to get more done with less burnout.\"\n    >\n      <NextSteps\n        storageKey=\"timecampus-analytics\"\n        className=\"mb-6\"\n        steps={[\n          {\n            id: \"reports\",\n            label: \"Build a detailed report\",\n            description: \"Slice time by project, client or person.\",\n            onClick: () => navigate(\"/reports\"),\n          },\n          {\n            id: \"focus\",\n            label: \"Dig into your focus score\",\n            description: \"Understand what's helping or hurting deep work.\",\n            onClick: () => navigate(\"/focus-score\"),\n          },\n          {\n            id: \"patterns\",\n            label: \"Review your work patterns\",\n            description: \"See how your week actually breaks down.\",\n            onClick: () => navigate(\"/work-patterns\"),\n          },\n        ]}\n      />\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <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                {focus\n                  ? `Focus Score: ${Math.round(focus.averageScore)}/100 (${focus.trend ?? \"stable\"})`\n                  : \"No focus score data\"}\n              </p>\n              {pattern && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {pattern.averageFocusHours.toFixed(1)}h avg focus ·{\" \"}\n                  {pattern.averageMeetingHours.toFixed(1)}h avg meetings\n                </p>\n              )}\n              {focus?.improvementArea && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  Improve: {focus.improvementArea}\n                </p>\n              )}\n            </div>\n          </div>\n        </GlassCard>\n        <div className=\"rounded-xl border border-border-seam bg-bg-surface shadow-elevation-1 p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Time Distribution\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 · ${stats.totalEntries} entries`\n                  : \"No time entry data\"}\n              </p>\n              {stats && stats.activeTimers > 0 && (\n                <p className=\"mt-1 text-xs text-text-secondary\">\n                  {stats.activeTimers} timer(s) running\n                </p>\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAQ,GAAW,mBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,KAAgB,IAEhC,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV,CAKE,kBAAC,GAAD;GACE,YAAW;GACX,WAAU;GACV,OAAO;IACL;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,WAAW;KACpC;IACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,eAAe;KACxC;IACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,iBAAiB;KAC1C;IACF;GACD,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,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;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,IACG,gBAAgB,KAAK,MAAM,EAAM,aAAa,CAAC,QAAQ,EAAM,SAAS,SAAS,KAC/E;QACF,CAAA;OACH,KACC,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAQ,kBAAkB,QAAQ,EAAE;SAAC;SAAc;SACnD,EAAQ,oBAAoB,QAAQ,EAAE;SAAC;SACtC;;OAEL,GAAO,mBACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAgD,aACpC,EAAM,gBACd;;OAEF;;KACF,CAAA,CACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa,YAC9G;OACF,CAAA,EACH,KAAS,EAAM,eAAe,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAM,cAAa,oBAClB;SAEF;;KACF,CAAA,CACF;MACF;KACK"}

package/dist/timecampus/pages/dashboard/ReportsPage.js

@@ -1,94 +1,100 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetFocusScoreSummaryQuery as r, useGetTimeEntryStatsQuery as i, useGetWorkPatternSummaryQuery as a } from "../../../generated/wspace-operations.js";
-import { Download as o, FileText as s, Plus as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
+import { useGetFocusScoreSummaryQuery as n, useGetTimeEntryStatsQuery as r, useGetWorkPatternSummaryQuery as i } from "../../../generated/wspace-operations.js";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { EmptyState as o } from "../../components/EmptyState.js";
+import { Download as s, FileText as c, Plus as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { GlassCard as f } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/dashboard/ReportsPage.tsx
-function d() {
-	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = i({ skip: !d }), { data: h, loading: g } = a({ skip: !d }), { data: _, loading: v } = r({ skip: !d }), y = f?.timeEntryStats, b = h?.workPatternSummary, x = _?.focusScoreSummary;
-	if (p || g || v) return /* @__PURE__ */ l(t, {
+function p() {
+	let { workspaceId: p = "" } = e(), { data: m, loading: h, error: g } = r({ skip: !p }), { data: _, loading: v } = i({ skip: !p }), { data: y, loading: b } = n({ skip: !p }), x = m?.timeEntryStats, S = _?.workPatternSummary, C = y?.focusScoreSummary;
+	if (h || v || b) return /* @__PURE__ */ u(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		actions: /* @__PURE__ */ u("button", {
+		actions: /* @__PURE__ */ d("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Generate Report"]
+			children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Generate Report"]
 		}),
-		children: /* @__PURE__ */ l(n, {
+		children: /* @__PURE__ */ u(t, {
 			variant: "list",
 			count: 4
 		})
 	});
-	if (m) return /* @__PURE__ */ l(t, {
+	if (g) return /* @__PURE__ */ u(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		children: /* @__PURE__ */ l("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",
+		children: /* @__PURE__ */ u("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load reports data. Please try again later."
 		})
 	});
-	let S = [
-		...y ? [{
+	let w = [
+		...x ? [{
 			id: "time-summary",
 			name: "Time Tracking Summary",
 			type: "time",
-			period: `${Math.round(y.totalHours)}h total · ${y.totalEntries} entries`,
+			period: `${Math.round(x.totalHours)}h total · ${x.totalEntries} entries`,
 			status: "ready"
 		}, {
 			id: "billable-summary",
 			name: "Billable Hours Report",
 			type: "billing",
-			period: `${Math.round(y.billableHours)}h billable · ${y.activeTimers} active`,
+			period: `${Math.round(x.billableHours)}h billable · ${x.activeTimers} active`,
 			status: "ready"
 		}] : [],
-		...b ? [{
+		...S ? [{
 			id: "work-pattern",
 			name: "Work Pattern Analysis",
 			type: "team",
-			period: `${b.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(b.averageProductivity)}% productivity`,
+			period: `${S.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(S.averageProductivity)}% productivity`,
 			status: "ready"
 		}] : [],
-		...x ? [{
+		...C ? [{
 			id: "focus-score",
 			name: "Focus Score Report",
 			type: "productivity",
-			period: `Avg: ${Math.round(x.averageScore)} · High: ${Math.round(x.highestScore)} · Low: ${Math.round(x.lowestScore)}`,
+			period: `Avg: ${Math.round(C.averageScore)} · High: ${Math.round(C.highestScore)} · Low: ${Math.round(C.lowestScore)}`,
 			status: "ready"
 		}] : []
 	];
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ u(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		actions: /* @__PURE__ */ u("button", {
+		purpose: "Package your tracked time into shareable, exportable reports — the deliverables you hand to clients for billing or to leadership for capacity and utilisation decisions.",
+		actions: /* @__PURE__ */ d("button", {
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Generate Report"]
+			children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Generate Report"]
 		}),
-		children: /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface",
-			children: /* @__PURE__ */ l("div", {
+		children: w.length === 0 ? /* @__PURE__ */ u(o, {
+			illustration: "empty-data",
+			title: "No report data available yet",
+			description: "Track some time first — once you have entries, focus scores or work patterns, ready-to-export reports appear here."
+		}) : /* @__PURE__ */ u(f, {
+			treatment: "glass",
+			glow: !0,
+			className: "overflow-hidden",
+			children: /* @__PURE__ */ u("div", {
 				className: "divide-y divide-border",
-				children: S.length === 0 ? /* @__PURE__ */ l("div", {
-					className: "p-8 text-center text-sm text-text-secondary",
-					children: "No report data available yet."
-				}) : S.map((e) => /* @__PURE__ */ u("div", {
+				children: w.map((e) => /* @__PURE__ */ d("div", {
 					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ l(s, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+						children: [/* @__PURE__ */ u(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: e.name
-						}), /* @__PURE__ */ l("p", {
+						}), /* @__PURE__ */ u("p", {
 							className: "text-xs text-text-secondary",
 							children: e.period
 						})] })]
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ l("span", {
-							className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400",
+						children: [/* @__PURE__ */ u("span", {
+							className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-status-success-bg text-status-success-text",
 							children: e.status
-						}), /* @__PURE__ */ l("button", {
+						}), /* @__PURE__ */ u("button", {
 							className: "rounded-md p-1.5 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ l(o, { className: "h-4 w-4 text-text-secondary" })
+							children: /* @__PURE__ */ u(s, { className: "h-4 w-4 text-text-secondary" })
 						})]
 					})]
 				}, e.id))
@@ -97,6 +103,6 @@ function d() {
 	});
 }
 //#endregion
-export { d as ReportsPage };
+export { p as ReportsPage };
 
 //# sourceMappingURL=ReportsPage.js.map

package/dist/timecampus/pages/dashboard/ReportsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { FileText, Plus, Download } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetWorkPatternSummaryQuery,\n  useGetFocusScoreSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ReportsPage() {\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 { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const pattern = patternData?.workPatternSummary;\n  const focus = focusData?.focusScoreSummary;\n\n  const isLoading = statsLoading || patternLoading || focusLoading;\n\n  if (isLoading) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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            Generate Report\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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 reports data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Build dynamic reports from available analytics data\n  const reports = [\n    ...(stats\n      ? [\n          {\n            id: \"time-summary\",\n            name: \"Time Tracking Summary\",\n            type: \"time\",\n            period: `${Math.round(stats.totalHours)}h total · ${stats.totalEntries} entries`,\n            status: \"ready\" as const,\n          },\n          {\n            id: \"billable-summary\",\n            name: \"Billable Hours Report\",\n            type: \"billing\",\n            period: `${Math.round(stats.billableHours)}h billable · ${stats.activeTimers} active`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(pattern\n      ? [\n          {\n            id: \"work-pattern\",\n            name: \"Work Pattern Analysis\",\n            type: \"team\",\n            period: `${pattern.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(pattern.averageProductivity)}% productivity`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(focus\n      ? [\n          {\n            id: \"focus-score\",\n            name: \"Focus Score Report\",\n            type: \"productivity\",\n            period: `Avg: ${Math.round(focus.averageScore)} · High: ${Math.round(focus.highestScore)} · Low: ${Math.round(focus.lowestScore)}`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n  ];\n\n  return (\n    <PageLayout\n      title=\"Reports\"\n      description=\"Generate and view time tracking reports\"\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          Generate Report\n        </button>\n      }\n    >\n      <div className=\"rounded-xl border border-border-subtle bg-bg-surface\">\n        <div className=\"divide-y divide-border\">\n          {reports.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-text-secondary\">\n              No report data available yet.\n            </div>\n          ) : (\n            reports.map((report) => (\n              <div\n                key={report.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                  <FileText className=\"h-5 w-5 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {report.name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {report.period}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400\">\n                    {report.status}\n                  </span>\n                  <button className=\"rounded-md p-1.5 hover:bg-bg-sunken\">\n                    <Download className=\"h-4 w-4 text-text-secondary\" />\n                  </button>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,IAAc;CAC5B,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,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa,oBACvB,IAAQ,GAAW;AAIzB,KAFkB,KAAgB,KAAkB,EAGlD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,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;CAKjB,IAAM,IAAU;EACd,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,EAAM,aAAa;GACvE,QAAQ;GACT,EACD;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa;GAC7E,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,gBAAgB,KAAK,MAAM,EAAQ,oBAAoB,CAAC;GACxG,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,QAAQ,KAAK,MAAM,EAAM,aAAa,CAAC,WAAW,KAAK,MAAM,EAAM,aAAa,CAAC,UAAU,KAAK,MAAM,EAAM,YAAY;GAChI,QAAQ;GACT,CACF,GACD,EAAE;EACP;AAED,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAA8C;KAEvD,CAAA,GAEN,EAAQ,KAAK,MACX,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,CACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAO;OACH,CAAA,EACP,kBAAC,UAAD;OAAQ,WAAU;iBAChB,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA;OAC7C,CAAA,CACL;QACF;OAtBC,EAAO,GAsBR,CACN;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}
+{"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { FileText, Plus, Download } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useGetWorkPatternSummaryQuery,\n  useGetFocusScoreSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ReportsPage() {\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 { data: focusData, loading: focusLoading } =\n    useGetFocusScoreSummaryQuery({\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.timeEntryStats;\n  const pattern = patternData?.workPatternSummary;\n  const focus = focusData?.focusScoreSummary;\n\n  const isLoading = statsLoading || patternLoading || focusLoading;\n\n  if (isLoading) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\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            Generate Report\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Reports\"\n        description=\"Generate and view time tracking reports\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load reports data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Build dynamic reports from available analytics data\n  const reports = [\n    ...(stats\n      ? [\n          {\n            id: \"time-summary\",\n            name: \"Time Tracking Summary\",\n            type: \"time\",\n            period: `${Math.round(stats.totalHours)}h total · ${stats.totalEntries} entries`,\n            status: \"ready\" as const,\n          },\n          {\n            id: \"billable-summary\",\n            name: \"Billable Hours Report\",\n            type: \"billing\",\n            period: `${Math.round(stats.billableHours)}h billable · ${stats.activeTimers} active`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(pattern\n      ? [\n          {\n            id: \"work-pattern\",\n            name: \"Work Pattern Analysis\",\n            type: \"team\",\n            period: `${pattern.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(pattern.averageProductivity)}% productivity`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n    ...(focus\n      ? [\n          {\n            id: \"focus-score\",\n            name: \"Focus Score Report\",\n            type: \"productivity\",\n            period: `Avg: ${Math.round(focus.averageScore)} · High: ${Math.round(focus.highestScore)} · Low: ${Math.round(focus.lowestScore)}`,\n            status: \"ready\" as const,\n          },\n        ]\n      : []),\n  ];\n\n  return (\n    <PageLayout\n      title=\"Reports\"\n      description=\"Generate and view time tracking reports\"\n      purpose=\"Package your tracked time into shareable, exportable reports — the deliverables you hand to clients for billing or to leadership for capacity and utilisation decisions.\"\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          Generate Report\n        </button>\n      }\n    >\n      {reports.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          title=\"No report data available yet\"\n          description=\"Track some time first — once you have entries, focus scores or work patterns, ready-to-export reports appear here.\"\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n          <div className=\"divide-y divide-border\">\n            {reports.map((report) => (\n              <div\n                key={report.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                  <FileText className=\"h-5 w-5 text-text-secondary\" />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {report.name}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {report.period}\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-3\">\n                  <span className=\"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-status-success-bg text-status-success-text\">\n                    {report.status}\n                  </span>\n                  <button className=\"rounded-md p-1.5 hover:bg-bg-sunken\">\n                    <Download className=\"h-4 w-4 text-text-secondary\" />\n                  </button>\n                </div>\n              </div>\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,IAAc;CAC5B,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,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa,oBACvB,IAAQ,GAAW;AAIzB,KAFkB,KAAgB,KAAkB,EAGlD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGX,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAKjB,IAAM,IAAU;EACd,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,EAAM,aAAa;GACvE,QAAQ;GACT,EACD;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa;GAC7E,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,GAAG,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,gBAAgB,KAAK,MAAM,EAAQ,oBAAoB,CAAC;GACxG,QAAQ;GACT,CACF,GACD,EAAE;EACN,GAAI,IACA,CACE;GACE,IAAI;GACJ,MAAM;GACN,MAAM;GACN,QAAQ,QAAQ,KAAK,MAAM,EAAM,aAAa,CAAC,WAAW,KAAK,MAAM,EAAM,aAAa,CAAC,UAAU,KAAK,MAAM,EAAM,YAAY;GAChI,QAAQ;GACT,CACF,GACD,EAAE;EACP;AAED,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAErB;;YAGV,EAAQ,WAAW,IAClB,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA,EACpD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;OACN,CAAA,CACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAO;OACH,CAAA,EACP,kBAAC,UAAD;OAAQ,WAAU;iBAChB,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA;OAC7C,CAAA,CACL;QACF;OAtBC,EAAO,GAsBR,CACN;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}

package/dist/timecampus/pages/email-tracking/EmailAnalyticsPage.js

@@ -1,22 +1,22 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { StatCard as n } from "../../components/StatCard.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useGetEmailTrackingStatsQuery as i } from "../../../generated/wspace-operations.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useGetEmailTrackingStatsQuery as r } from "../../../generated/wspace-operations.js";
+import { PageLayout as i } from "../../components/PageLayout.js";
 import { BarChart3 as a, Clock as o, Mail as s } from "lucide-react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx
 function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i({ skip: !u }), m = d?.emailTrackingStats;
-	if (f) return /* @__PURE__ */ c(t, {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({ skip: !u }), m = d?.emailTrackingStats;
+	if (f) return /* @__PURE__ */ c(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
-		children: /* @__PURE__ */ c(r, {
+		children: /* @__PURE__ */ c(n, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (p) return /* @__PURE__ */ c(t, {
+	if (p) return /* @__PURE__ */ c(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
 		children: /* @__PURE__ */ c("div", {
@@ -25,35 +25,37 @@ function u() {
 		})
 	});
 	let h = Math.round((m?.totalDuration ?? 0) / 60), g = Math.floor(h / 60), _ = h % 60, v = g > 0 ? `${g}h ${_}m` : `${_}m`, y = m?.averageResponseTime == null ? "--" : `${Math.round(m.averageResponseTime)} min`, b = String(m?.totalEmails ?? 0), x = m?.totalEmails ? Math.round(m.importantCount / m.totalEmails * 100) : 0;
-	return /* @__PURE__ */ l(t, {
+	return /* @__PURE__ */ l(i, {
 		title: "Email Analytics",
 		description: "Insights into email time management",
+		purpose: "Know exactly how much of your day email consumes and how fast you respond — so you can set realistic response targets, batch your inbox, and stop email from quietly running your schedule.",
 		children: [/* @__PURE__ */ l("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
+					featured: !0,
 					title: "Emails Today",
 					value: b,
 					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Time on Email",
 					value: v,
 					icon: /* @__PURE__ */ c(o, { className: "h-5 w-5" })
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Avg. Response",
 					value: y,
 					description: "Target: 15 min"
 				}),
-				/* @__PURE__ */ c(n, {
+				/* @__PURE__ */ c(t, {
 					title: "Email Score",
 					value: `${x}%`,
 					icon: /* @__PURE__ */ c(a, { className: "h-5 w-5" })
 				})
 			]
 		}), /* @__PURE__ */ l("div", {
-			className: "rounded-xl border border-border-subtle bg-bg-surface p-6",
+			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
 			children: [/* @__PURE__ */ c("h3", {
 				className: "mb-4 text-sm font-semibold text-text-primary",
 				children: "Email Volume & Response Time"

package/dist/timecampus/pages/email-tracking/EmailAnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Mail, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetEmailTrackingStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function EmailAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useGetEmailTrackingStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.emailTrackingStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load email analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalMinutes = Math.round((stats?.totalDuration ?? 0) / 60);\n  const hours = Math.floor(totalMinutes / 60);\n  const minutes = totalMinutes % 60;\n  const timeOnEmail = hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;\n  const avgResponse =\n    stats?.averageResponseTime != null\n      ? `${Math.round(stats.averageResponseTime)} min`\n      : \"--\";\n  const totalEmails = String(stats?.totalEmails ?? 0);\n  const importantRatio = stats?.totalEmails\n    ? Math.round((stats.importantCount / stats.totalEmails) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Email Analytics\"\n      description=\"Insights into email time management\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Emails Today\"\n          value={totalEmails}\n          icon={<Mail className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Time on Email\"\n          value={timeOnEmail}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Avg. Response\"\n          value={avgResponse}\n          description=\"Target: 15 min\"\n        />\n        <StatCard\n          title=\"Email Score\"\n          value={`${importantRatio}%`}\n          icon={<BarChart3 className=\"h-5 w-5\" />}\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          Email Volume & Response Time\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            Chart will render here\n          </p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAqB;CACnC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,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;aAA2G;GAEpH,CAAA;EACK,CAAA;CAIjB,IAAM,IAAe,KAAK,OAAO,GAAO,iBAAiB,KAAK,GAAG,EAC3D,IAAQ,KAAK,MAAM,IAAe,GAAG,EACrC,IAAU,IAAe,IACzB,IAAc,IAAQ,IAAI,GAAG,EAAM,IAAI,EAAQ,KAAK,GAAG,EAAQ,IAC/D,IACJ,GAAO,uBAAuB,OAE1B,OADA,GAAG,KAAK,MAAM,EAAM,oBAAoB,CAAC,OAEzC,IAAc,OAAO,GAAO,eAAe,EAAE,EAC7C,IAAiB,GAAO,cAC1B,KAAK,MAAO,EAAM,iBAAiB,EAAM,cAAe,IAAI,GAC5D;AAEJ,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAe;KACzB,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cAA+C;IAExD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA;IACA,CAAA,CACF;KACK"}
+{"version":3,"file":"EmailAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/email-tracking/EmailAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Mail, Clock } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { useGetEmailTrackingStatsQuery } from \"@/generated/wspace-operations\";\n\nexport function EmailAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { data, loading, error } = useGetEmailTrackingStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const stats = data?.emailTrackingStats;\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Email Analytics\"\n        description=\"Insights into email time management\"\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Failed to load email analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalMinutes = Math.round((stats?.totalDuration ?? 0) / 60);\n  const hours = Math.floor(totalMinutes / 60);\n  const minutes = totalMinutes % 60;\n  const timeOnEmail = hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;\n  const avgResponse =\n    stats?.averageResponseTime != null\n      ? `${Math.round(stats.averageResponseTime)} min`\n      : \"--\";\n  const totalEmails = String(stats?.totalEmails ?? 0);\n  const importantRatio = stats?.totalEmails\n    ? Math.round((stats.importantCount / stats.totalEmails) * 100)\n    : 0;\n\n  return (\n    <PageLayout\n      title=\"Email Analytics\"\n      description=\"Insights into email time management\"\n      purpose=\"Know exactly how much of your day email consumes and how fast you respond — so you can set realistic response targets, batch your inbox, and stop email from quietly running your schedule.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Emails Today\"\n          value={totalEmails}\n          icon={<Mail className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Time on Email\"\n          value={timeOnEmail}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Avg. Response\"\n          value={avgResponse}\n          description=\"Target: 15 min\"\n        />\n        <StatCard\n          title=\"Email Score\"\n          value={`${importantRatio}%`}\n          icon={<BarChart3 className=\"h-5 w-5\" />}\n        />\n      </div>\n\n      <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n        <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n          Email Volume & Response Time\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\">Chart will render here</p>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,IAAqB;CACnC,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,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;aAA2G;GAEpH,CAAA;EACK,CAAA;CAIjB,IAAM,IAAe,KAAK,OAAO,GAAO,iBAAiB,KAAK,GAAG,EAC3D,IAAQ,KAAK,MAAM,IAAe,GAAG,EACrC,IAAU,IAAe,IACzB,IAAc,IAAQ,IAAI,GAAG,EAAM,IAAI,EAAQ,KAAK,GAAG,EAAQ,IAC/D,IACJ,GAAO,uBAAuB,OAE1B,OADA,GAAG,KAAK,MAAM,EAAM,oBAAoB,CAAC,OAEzC,IAAc,OAAO,GAAO,eAAe,EAAE,EAC7C,IAAiB,GAAO,cAC1B,KAAK,MAAO,EAAM,iBAAiB,EAAM,cAAe,IAAI,GAC5D;AAEJ,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV,CAKE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;KAClC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAe;KACzB,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,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;KAA0B,CAAA;IACjE,CAAA,CACF;KACK"}