@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

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

@@ -3,98 +3,131 @@ 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";
+import { useState as s } from "react";
+import { Download as c, FileText as l, RefreshCw as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { GlassCard as p } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/dashboard/ReportsPage.tsx
-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, {
+function m(e, t) {
+	let n = (e) => `"${String(e).replace(/"/g, "\"\"")}"`, r = ["Metric,Value", ...t.map(([e, t]) => `${n(e)},${n(t)}`)].join("\n"), i = new Blob([r], { type: "text/csv;charset=utf-8;" }), a = URL.createObjectURL(i), o = document.createElement("a");
+	o.href = a, o.download = e, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
+}
+function h() {
+	let { workspaceId: h = "" } = e(), [g, _] = s(!1), { data: v, loading: y, error: b, refetch: x } = r({ skip: !h }), { data: S, loading: C, refetch: w } = i({ skip: !h }), { data: T, loading: E, refetch: D } = n({ skip: !h }), O = v?.timeEntryStats, k = S?.workPatternSummary, A = T?.focusScoreSummary, j = async () => {
+		_(!0);
+		try {
+			await Promise.all([
+				x(),
+				w(),
+				D()
+			]);
+		} finally {
+			_(!1);
+		}
+	}, M = (e) => {
+		(e === "time-summary" || e === "billable-summary") && O ? m(`${e}.csv`, [
+			["Total hours", Math.round(O.totalHours)],
+			["Billable hours", Math.round(O.billableHours)],
+			["Total entries", O.totalEntries],
+			["Active timers", O.activeTimers]
+		]) : e === "work-pattern" && k ? m("work-pattern-analysis.csv", [["Average focus hours", k.averageFocusHours.toFixed(1)], ["Average productivity %", Math.round(k.averageProductivity)]]) : e === "focus-score" && A && m("focus-score-report.csv", [
+			["Average score", Math.round(A.averageScore)],
+			["Highest score", Math.round(A.highestScore)],
+			["Lowest score", Math.round(A.lowestScore)]
+		]);
+	};
+	if (y || C || E) return /* @__PURE__ */ d(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		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__ */ u(l, { className: "h-4 w-4" }), "Generate Report"]
+		actions: /* @__PURE__ */ f("button", {
+			disabled: !0,
+			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 opacity-70",
+			children: [/* @__PURE__ */ d(u, { className: "h-4 w-4" }), "Refresh"]
 		}),
-		children: /* @__PURE__ */ u(t, {
+		children: /* @__PURE__ */ d(t, {
 			variant: "list",
 			count: 4
 		})
 	});
-	if (g) return /* @__PURE__ */ u(a, {
+	if (b) return /* @__PURE__ */ d(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load reports data. Please try again later."
 		})
 	});
-	let w = [
-		...x ? [{
+	let N = [
+		...O ? [{
 			id: "time-summary",
 			name: "Time Tracking Summary",
 			type: "time",
-			period: `${Math.round(x.totalHours)}h total · ${x.totalEntries} entries`,
+			period: `${Math.round(O.totalHours)}h total · ${O.totalEntries} entries`,
 			status: "ready"
 		}, {
 			id: "billable-summary",
 			name: "Billable Hours Report",
 			type: "billing",
-			period: `${Math.round(x.billableHours)}h billable · ${x.activeTimers} active`,
+			period: `${Math.round(O.billableHours)}h billable · ${O.activeTimers} active`,
 			status: "ready"
 		}] : [],
-		...S ? [{
+		...k ? [{
 			id: "work-pattern",
 			name: "Work Pattern Analysis",
 			type: "team",
-			period: `${S.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(S.averageProductivity)}% productivity`,
+			period: `${k.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(k.averageProductivity)}% productivity`,
 			status: "ready"
 		}] : [],
-		...C ? [{
+		...A ? [{
 			id: "focus-score",
 			name: "Focus Score Report",
 			type: "productivity",
-			period: `Avg: ${Math.round(C.averageScore)} · High: ${Math.round(C.highestScore)} · Low: ${Math.round(C.lowestScore)}`,
+			period: `Avg: ${Math.round(A.averageScore)} · High: ${Math.round(A.highestScore)} · Low: ${Math.round(A.lowestScore)}`,
 			status: "ready"
 		}] : []
 	];
-	return /* @__PURE__ */ u(a, {
+	return /* @__PURE__ */ d(a, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		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__ */ u(l, { className: "h-4 w-4" }), "Generate Report"]
+		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. Reports build automatically from your data; refresh to pull the latest, and download any report as CSV.",
+		actions: /* @__PURE__ */ f("button", {
+			onClick: j,
+			disabled: g,
+			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 disabled:opacity-70",
+			children: [/* @__PURE__ */ d(u, { className: `h-4 w-4 ${g ? "motion-safe:animate-spin" : ""}` }), g ? "Refreshing..." : "Refresh"]
 		}),
-		children: w.length === 0 ? /* @__PURE__ */ u(o, {
+		children: N.length === 0 ? /* @__PURE__ */ d(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, {
+		}) : /* @__PURE__ */ d(p, {
 			treatment: "glass",
 			glow: !0,
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "divide-y divide-border",
-				children: w.map((e) => /* @__PURE__ */ d("div", {
+				children: N.map((e) => /* @__PURE__ */ f("div", {
 					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ u(c, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ d(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
 							className: "text-sm font-medium text-text-primary",
 							children: e.name
-						}), /* @__PURE__ */ u("p", {
+						}), /* @__PURE__ */ d("p", {
 							className: "text-xs text-text-secondary",
 							children: e.period
 						})] })]
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ u("span", {
+						children: [/* @__PURE__ */ d("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__ */ u("button", {
+						}), /* @__PURE__ */ d("button", {
+							onClick: () => M(e.id),
+							title: "Download as CSV",
+							"aria-label": `Download ${e.name} as CSV`,
 							className: "rounded-md p-1.5 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ u(s, { className: "h-4 w-4 text-text-secondary" })
+							children: /* @__PURE__ */ d(c, { className: "h-4 w-4 text-text-secondary" })
 						})]
 					})]
 				}, e.id))
@@ -103,6 +136,6 @@ function p() {
 	});
 }
 //#endregion
-export { p as ReportsPage };
+export { h 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 { 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"}
+{"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { FileText, RefreshCw, 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\";\n\n/** Trigger a client-side CSV download from an array of [key, value] rows. */\nfunction downloadCsv(filename: string, rows: Array<[string, string | number]>) {\n  const escape = (v: string | number) => `\"${String(v).replace(/\"/g, '\"\"')}\"`;\n  const csv = [\"Metric,Value\", ...rows.map(([k, v]) => `${escape(k)},${escape(v)}`)].join(\n    \"\\n\",\n  );\n  const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n  const url = URL.createObjectURL(blob);\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.download = filename;\n  document.body.appendChild(link);\n  link.click();\n  document.body.removeChild(link);\n  URL.revokeObjectURL(url);\n}\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  const [refreshing, setRefreshing] = useState(false);\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n    refetch: refetchStats,\n  } = useGetTimeEntryStatsQuery({\n    skip: !workspaceId,\n  });\n\n  const {\n    data: patternData,\n    loading: patternLoading,\n    refetch: refetchPattern,\n  } = useGetWorkPatternSummaryQuery({\n    skip: !workspaceId,\n  });\n\n  const { data: focusData, loading: focusLoading, refetch: refetchFocus } =\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 handleRefresh = async () => {\n    setRefreshing(true);\n    try {\n      await Promise.all([refetchStats(), refetchPattern(), refetchFocus()]);\n    } finally {\n      setRefreshing(false);\n    }\n  };\n\n  const handleDownload = (reportId: string) => {\n    if ((reportId === \"time-summary\" || reportId === \"billable-summary\") && stats) {\n      downloadCsv(`${reportId}.csv`, [\n        [\"Total hours\", Math.round(stats.totalHours)],\n        [\"Billable hours\", Math.round(stats.billableHours)],\n        [\"Total entries\", stats.totalEntries],\n        [\"Active timers\", stats.activeTimers],\n      ]);\n    } else if (reportId === \"work-pattern\" && pattern) {\n      downloadCsv(\"work-pattern-analysis.csv\", [\n        [\"Average focus hours\", pattern.averageFocusHours.toFixed(1)],\n        [\"Average productivity %\", Math.round(pattern.averageProductivity)],\n      ]);\n    } else if (reportId === \"focus-score\" && focus) {\n      downloadCsv(\"focus-score-report.csv\", [\n        [\"Average score\", Math.round(focus.averageScore)],\n        [\"Highest score\", Math.round(focus.highestScore)],\n        [\"Lowest score\", Math.round(focus.lowestScore)],\n      ]);\n    }\n  };\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\n            disabled\n            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 opacity-70\"\n          >\n            <RefreshCw className=\"h-4 w-4\" />\n            Refresh\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. Reports build automatically from your data; refresh to pull the latest, and download any report as CSV.\"\n      actions={\n        <button\n          onClick={handleRefresh}\n          disabled={refreshing}\n          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 disabled:opacity-70\"\n        >\n          <RefreshCw\n            className={`h-4 w-4 ${refreshing ? \"motion-safe:animate-spin\" : \"\"}`}\n          />\n          {refreshing ? \"Refreshing...\" : \"Refresh\"}\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\n                    onClick={() => handleDownload(report.id)}\n                    title=\"Download as CSV\"\n                    aria-label={`Download ${report.name} as CSV`}\n                    className=\"rounded-md p-1.5 hover:bg-bg-sunken\"\n                  >\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":";;;;;;;;;;AAQA,SAAS,EAAY,GAAkB,GAAwC;CAC7E,IAAM,KAAU,MAAuB,IAAI,OAAO,EAAE,CAAC,QAAQ,MAAM,OAAK,CAAC,IACnE,IAAM,CAAC,gBAAgB,GAAG,EAAK,KAAK,CAAC,GAAG,OAAO,GAAG,EAAO,EAAE,CAAC,GAAG,EAAO,EAAE,GAAG,CAAC,CAAC,KACjF,KACD,EACK,IAAO,IAAI,KAAK,CAAC,EAAI,EAAE,EAAE,MAAM,2BAA2B,CAAC,EAC3D,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAO,SAAS,cAAc,IAAI;AAMxC,CALA,EAAK,OAAO,GACZ,EAAK,WAAW,GAChB,SAAS,KAAK,YAAY,EAAK,EAC/B,EAAK,OAAO,EACZ,SAAS,KAAK,YAAY,EAAK,EAC/B,IAAI,gBAAgB,EAAI;;AAS1B,SAAgB,IAAc;CAC5B,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,MACP,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,SAAS,MACP,EAA8B,EAChC,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,GAAc,SAAS,MACvD,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAU,GAAa,oBACvB,IAAQ,GAAW,mBAEnB,IAAgB,YAAY;AAChC,IAAc,GAAK;AACnB,MAAI;AACF,SAAM,QAAQ,IAAI;IAAC,GAAc;IAAE,GAAgB;IAAE,GAAc;IAAC,CAAC;YAC7D;AACR,KAAc,GAAM;;IAIlB,KAAkB,MAAqB;AAC3C,GAAK,MAAa,kBAAkB,MAAa,uBAAuB,IACtE,EAAY,GAAG,EAAS,OAAO;GAC7B,CAAC,eAAe,KAAK,MAAM,EAAM,WAAW,CAAC;GAC7C,CAAC,kBAAkB,KAAK,MAAM,EAAM,cAAc,CAAC;GACnD,CAAC,iBAAiB,EAAM,aAAa;GACrC,CAAC,iBAAiB,EAAM,aAAa;GACtC,CAAC,GACO,MAAa,kBAAkB,IACxC,EAAY,6BAA6B,CACvC,CAAC,uBAAuB,EAAQ,kBAAkB,QAAQ,EAAE,CAAC,EAC7D,CAAC,0BAA0B,KAAK,MAAM,EAAQ,oBAAoB,CAAC,CACpE,CAAC,GACO,MAAa,iBAAiB,KACvC,EAAY,0BAA0B;GACpC,CAAC,iBAAiB,KAAK,MAAM,EAAM,aAAa,CAAC;GACjD,CAAC,iBAAiB,KAAK,MAAM,EAAM,aAAa,CAAC;GACjD,CAAC,gBAAgB,KAAK,MAAM,EAAM,YAAY,CAAC;GAChD,CAAC;;AAMN,KAFkB,KAAgB,KAAkB,EAGlD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GACE,UAAA;GACA,WAAU;aAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,UAE1B;;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;GACE,SAAS;GACT,UAAU;GACV,WAAU;aAHZ,CAKE,kBAAC,GAAD,EACE,WAAW,WAAW,IAAa,6BAA6B,MAChE,CAAA,EACD,IAAa,kBAAkB,UACzB;;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;OACE,eAAe,EAAe,EAAO,GAAG;OACxC,OAAM;OACN,cAAY,YAAY,EAAO,KAAK;OACpC,WAAU;iBAEV,kBAAC,GAAD,EAAU,WAAU,+BAAgC,CAAA;OAC7C,CAAA,CACL;QACF;OA3BC,EAAO,GA2BR,CACN;IACE,CAAA;GACI,CAAA;EAEH,CAAA"}