@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/meetings/ParticipantFormModal.js

@@ -1,41 +1,41 @@
-import { MeetingParticipantRole as e, MeetingParticipantStatus as t } from "../../../generated/wspace-types.js";
-import { Modal as n } from "../../components/Modal.js";
+import { Modal as e } from "../../components/Modal.js";
+import { MeetingParticipantRole as t, MeetingParticipantStatus as n } from "../../../generated/wspace-types.js";
 import { useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/timecampus/pages/meetings/ParticipantFormModal.tsx
 var s = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", c = "block text-sm font-medium text-text-primary", l = [
 	{
-		value: e.Required,
+		value: t.Required,
 		label: "Required"
 	},
 	{
-		value: e.Optional,
+		value: t.Optional,
 		label: "Optional"
 	},
 	{
-		value: e.Organizer,
+		value: t.Organizer,
 		label: "Organizer"
 	}
 ], u = [
 	{
-		value: t.Pending,
+		value: n.Pending,
 		label: "Pending"
 	},
 	{
-		value: t.Accepted,
+		value: n.Accepted,
 		label: "Accepted"
 	},
 	{
-		value: t.Tentative,
+		value: n.Tentative,
 		label: "Tentative"
 	},
 	{
-		value: t.Declined,
+		value: n.Declined,
 		label: "Declined"
 	}
 ], d = ({ open: d, onClose: f, defaultUserId: p, submitting: m, error: h, onSubmit: g }) => {
-	let [_, v] = r(p ?? ""), [y, b] = r(e.Required), [x, S] = r(t.Pending), C = !!_.trim() && !m;
-	return /* @__PURE__ */ o(n, {
+	let [_, v] = r(p ?? ""), [y, b] = r(t.Required), [x, S] = r(n.Pending), C = !!_.trim() && !m;
+	return /* @__PURE__ */ o(e, {
 		open: d,
 		onClose: f,
 		title: "Add participant",

package/dist/timecampus/pages/pomodoro/PomodoroAnalyticsPage.js

@@ -3,113 +3,248 @@ import { StatCard as t } from "../../components/StatCard.js";
 import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
 import { useGetPomodoroStatsQuery as r, useListPomodoroSessionsQuery as i } from "../../../generated/wspace-operations.js";
 import { PageLayout as a } from "../../components/PageLayout.js";
-import { BarChart3 as o, Target as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { ChartCard as s } from "../../components/ChartCard.js";
+import { formatNumber as c } from "../../components/charts/chartTheme.js";
+import { BarsChart as l } from "../../components/charts/BarsChart.js";
+import { DonutChart as u } from "../../components/charts/DonutChart.js";
+import { ProgressMeter as d } from "../../components/charts/ProgressMeter.js";
+import "../../components/index.js";
+import { PomodoroSessionType as f } from "../../../generated/wspace-types.js";
+import { BarChart3 as p, Coffee as m, Flame as h, Target as g, Timer as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GlassCard as b } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/pomodoro/PomodoroAnalyticsPage.tsx
-function u() {
-	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = r({
-		variables: { workspaceId: u },
-		skip: !u
-	}), { data: m, loading: h } = i({
+function x(e) {
+	let t = Math.max(0, Math.round(e)), n = Math.floor(t / 60), r = t % 60;
+	return n > 0 ? `${n}h ${r}m` : `${r}m`;
+}
+function S(e) {
+	return new Date(e).toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric"
+	});
+}
+function C(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : t.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+var w = (e) => e === f.ShortBreak || e === f.LongBreak;
+function T() {
+	let { workspaceId: T = "" } = e(), { data: E, loading: D, error: O } = r({
+		variables: { workspaceId: T },
+		skip: !T
+	}), { data: k, loading: A } = i({
 		variables: {
-			workspaceId: u,
+			workspaceId: T,
 			limit: 50
 		},
-		skip: !u
-	}), g = d?.pomodoroStats, _ = m?.pomodoroSessions ?? [];
-	if (f || h) return /* @__PURE__ */ c(a, {
+		skip: !T
+	}), j = E?.pomodoroStats, M = k?.pomodoroSessions ?? [];
+	if (D || A) return /* @__PURE__ */ v(a, {
 		title: "Pomodoro Analytics",
 		description: "Track your focus sessions and productivity",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ v(n, {
 			variant: "card",
 			count: 4
 		})
 	});
-	if (p) return /* @__PURE__ */ c(a, {
+	if (O) return /* @__PURE__ */ v(a, {
 		title: "Pomodoro Analytics",
 		description: "Track your focus sessions and productivity",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ v("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 pomodoro analytics. Please try again later."
 		})
 	});
-	let v = Math.floor((g?.totalFocusMinutes ?? 0) / 60), y = (g?.totalFocusMinutes ?? 0) % 60, b = g?.totalSessions ? (g.totalSessions / 30).toFixed(1) : "0", x = _.filter((e) => e.completed).length;
-	return /* @__PURE__ */ l(a, {
+	let N = Math.floor((j?.totalFocusMinutes ?? 0) / 60), P = (j?.totalFocusMinutes ?? 0) % 60, F = j?.totalSessions ? (j.totalSessions / 30).toFixed(1) : "0", I = /* @__PURE__ */ new Map();
+	for (let e of M) {
+		if (e.type !== f.Focus) continue;
+		let t = new Date(e.startTime);
+		if (Number.isNaN(t.getTime())) continue;
+		let n = new Date(t.getFullYear(), t.getMonth(), t.getDate()), r = String(n.getTime()), i = I.get(r) ?? {
+			ts: n.getTime(),
+			label: S(n.getTime()),
+			completed: 0
+		};
+		e.completed && (i.completed += 1), I.set(r, i);
+	}
+	let L = [...I.values()].sort((e, t) => e.ts - t.ts).slice(-14).map((e) => ({
+		day: e.label,
+		completed: e.completed
+	})), R = 0, z = 0, B = 0, V = 0;
+	for (let e of M) {
+		let t = typeof e.duration == "number" && Number.isFinite(e.duration) ? e.duration : 0;
+		w(e.type) ? (z += t, V += 1) : (R += t, B += 1);
+	}
+	let H = R + z > 0, U = H ? Math.round(R / 60) : B, W = H ? Math.round(z / 60) : V, G = [{
+		name: "Focus",
+		value: U
+	}, {
+		name: "Break",
+		value: W
+	}], K = H ? x : c, q = [...M].sort((e, t) => new Date(t.startTime).getTime() - new Date(e.startTime).getTime()).slice(0, 6), J = j?.completionRate ?? 0, Y = j?.completedSessions ?? 0, X = j?.totalSessions ?? 0;
+	return /* @__PURE__ */ v(a, {
 		title: "Pomodoro Analytics",
 		description: "Track your focus sessions and productivity",
 		purpose: "See whether your focus habit is sticking — completion rate, streaks and focus minutes over time — so you can tell good-focus days from distracted ones and keep your momentum going.",
-		children: [/* @__PURE__ */ l("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+		children: /* @__PURE__ */ y("div", {
+			className: "space-y-6",
 			children: [
-				/* @__PURE__ */ c(t, {
-					featured: !0,
-					title: "Total Sessions",
-					value: String(g?.totalSessions ?? 0),
-					trend: {
-						value: g?.completionRate ?? 0,
-						label: "completion rate"
-					}
-				}),
-				/* @__PURE__ */ c(t, {
-					title: "Total Focus Time",
-					value: `${v}h ${y}m`,
-					trend: {
-						value: g?.averageSessionMinutes ?? 0,
-						label: "avg min/session"
-					}
+				/* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ v(t, {
+							featured: !0,
+							title: "Total Sessions",
+							value: String(j?.totalSessions ?? 0),
+							trend: {
+								value: j?.completionRate ?? 0,
+								label: "completion rate"
+							}
+						}),
+						/* @__PURE__ */ v(t, {
+							title: "Total Focus Time",
+							value: `${N}h ${P}m`,
+							icon: /* @__PURE__ */ v(_, { className: "h-5 w-5" }),
+							trend: {
+								value: j?.averageSessionMinutes ?? 0,
+								label: "avg min/session"
+							}
+						}),
+						/* @__PURE__ */ v(t, {
+							title: "Avg. Sessions/Day",
+							value: F,
+							icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
+							description: `Target: ${j?.totalSessions ?? 0} total`
+						}),
+						/* @__PURE__ */ v(t, {
+							title: "Completion Rate",
+							value: `${j?.completionRate ?? 0}%`,
+							icon: /* @__PURE__ */ v(g, { className: "h-5 w-5" }),
+							trend: {
+								value: j?.streakDays ?? 0,
+								label: "day streak"
+							}
+						})
+					]
 				}),
-				/* @__PURE__ */ c(t, {
-					title: "Avg. Sessions/Day",
-					value: b,
-					description: `Target: ${g?.totalSessions ?? 0} total`
+				/* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ v(s, {
+						className: "lg:col-span-2",
+						title: "Daily Completed Focus Sessions",
+						description: "Pomodoros you finished, by day",
+						children: /* @__PURE__ */ v(l, {
+							data: L,
+							xKey: "day",
+							series: [{
+								key: "completed",
+								label: "Completed"
+							}],
+							height: 260,
+							emptyLabel: "No completed focus sessions yet.",
+							ariaLabel: "Completed focus sessions by day"
+						})
+					}), /* @__PURE__ */ y(b, {
+						treatment: "glass",
+						glow: !0,
+						className: "p-5 sm:p-6",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+								children: [/* @__PURE__ */ v(h, { className: "h-4 w-4 text-primary" }), "Current Focus Streak"]
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "mt-2 text-4xl font-bold tabular-nums text-text-primary",
+								children: [j?.streakDays ?? 0, /* @__PURE__ */ v("span", {
+									className: "ml-1 text-lg font-medium text-text-secondary",
+									children: "days"
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "mt-6 space-y-5",
+								children: [/* @__PURE__ */ v(d, {
+									value: J,
+									max: 100,
+									higherIsWorse: !1,
+									label: "Completion rate",
+									format: (e) => `${Math.round(e)}%`
+								}), /* @__PURE__ */ v(d, {
+									value: Y,
+									max: X > 0 ? X : 1,
+									higherIsWorse: !1,
+									label: "Sessions completed"
+								})]
+							})
+						]
+					})]
 				}),
-				/* @__PURE__ */ c(t, {
-					title: "Completion Rate",
-					value: `${g?.completionRate ?? 0}%`,
-					icon: /* @__PURE__ */ c(s, { className: "h-5 w-5" }),
-					trend: {
-						value: g?.streakDays ?? 0,
-						label: "day streak"
-					}
+				/* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ v(s, {
+						title: "Focus vs Break",
+						description: H ? "Share of tracked time spent focusing vs. on breaks" : "Share of sessions by type",
+						children: /* @__PURE__ */ v(u, {
+							data: G,
+							centerLabel: H ? "total tracked" : "sessions",
+							valueFormat: K,
+							height: 260,
+							emptyLabel: "No sessions recorded yet.",
+							ariaLabel: "Focus versus break split"
+						})
+					}), /* @__PURE__ */ y(b, {
+						treatment: "glass",
+						className: "p-5 sm:p-6",
+						children: [/* @__PURE__ */ y("h3", {
+							className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
+							children: [/* @__PURE__ */ v(_, { className: "h-4 w-4 text-primary" }), "Recent Sessions"]
+						}), q.length === 0 ? /* @__PURE__ */ v("p", {
+							className: "py-6 text-center text-sm text-text-secondary",
+							children: "No focus sessions yet. Start a pomodoro to see it here."
+						}) : /* @__PURE__ */ v("div", {
+							className: "space-y-2.5",
+							children: q.map((e) => {
+								let t = w(e.type), n = typeof e.duration == "number" && Number.isFinite(e.duration) ? `${Math.round(e.duration / 60)}m` : "--";
+								return /* @__PURE__ */ y("div", {
+									className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface/40 p-3",
+									children: [
+										/* @__PURE__ */ v("div", {
+											className: `flex h-9 w-9 shrink-0 items-center justify-center rounded-lg ${t ? "bg-status-info-bg text-status-info-text" : "bg-action-primary-bg/10 text-primary"}`,
+											children: v(t ? m : _, { className: "h-4 w-4" })
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "min-w-0 flex-1",
+											children: [/* @__PURE__ */ v("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: e.notes?.trim() ? e.notes : t ? "Break" : "Focus session"
+											}), /* @__PURE__ */ y("p", {
+												className: "text-xs text-text-secondary",
+												children: [
+													n,
+													" · ",
+													C(e.startTime)
+												]
+											})]
+										}),
+										/* @__PURE__ */ v(o, {
+											variant: e.completed ? "success" : e.interrupted ? "warning" : "muted",
+											label: e.completed ? "Completed" : e.interrupted ? "Interrupted" : "In progress"
+										})
+									]
+								}, e.id);
+							})
+						})]
+					})]
 				})
 			]
-		}), /* @__PURE__ */ l("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-				children: [/* @__PURE__ */ l("div", {
-					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ c(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
-						className: "text-sm font-semibold text-text-primary",
-						children: "Sessions per Day"
-					})]
-				}), /* @__PURE__ */ c("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ c("p", {
-						className: "text-sm text-text-secondary",
-						children: _.length > 0 ? `${x} completed out of ${_.length} sessions` : "No session data available"
-					})
-				})]
-			}), /* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-				children: [/* @__PURE__ */ l("div", {
-					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ c(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
-						className: "text-sm font-semibold text-text-primary",
-						children: "Focus Distribution"
-					})]
-				}), /* @__PURE__ */ c("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ c("p", {
-						className: "text-sm text-text-secondary",
-						children: g ? `${g.streakDays} day streak · ${g.averageSessionMinutes}m avg session` : "No data available"
-					})
-				})]
-			})]
-		})]
+		})
 	});
 }
 //#endregion
-export { u as PomodoroAnalyticsPage };
+export { T as PomodoroAnalyticsPage };
 
 //# sourceMappingURL=PomodoroAnalyticsPage.js.map

package/dist/timecampus/pages/pomodoro/PomodoroAnalyticsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PomodoroAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/pomodoro/PomodoroAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Target } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetPomodoroStatsQuery,\n  useListPomodoroSessionsQuery,\n  type PomodoroSessionFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function PomodoroAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetPomodoroStatsQuery({\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n\n  const { data: sessionsData, loading: sessionsLoading } =\n    useListPomodoroSessionsQuery({\n      variables: { workspaceId, limit: 50 },\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.pomodoroStats;\n  const sessions = sessionsData?.pomodoroSessions ?? [];\n\n  if (statsLoading || sessionsLoading) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Analytics\"\n        description=\"Track your focus sessions and productivity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Analytics\"\n        description=\"Track your focus sessions 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 pomodoro analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalFocusH = Math.floor((stats?.totalFocusMinutes ?? 0) / 60);\n  const totalFocusM = (stats?.totalFocusMinutes ?? 0) % 60;\n  const avgSessions = stats?.totalSessions\n    ? (stats.totalSessions / 30).toFixed(1)\n    : \"0\";\n  const completedCount = sessions.filter(\n    (s: PomodoroSessionFieldsFragment) => s.completed,\n  ).length;\n\n  return (\n    <PageLayout\n      title=\"Pomodoro Analytics\"\n      description=\"Track your focus sessions and productivity\"\n      purpose=\"See whether your focus habit is sticking — completion rate, streaks and focus minutes over time — so you can tell good-focus days from distracted ones and keep your momentum going.\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Total Sessions\"\n          value={String(stats?.totalSessions ?? 0)}\n          trend={{\n            value: stats?.completionRate ?? 0,\n            label: \"completion rate\",\n          }}\n        />\n        <StatCard\n          title=\"Total Focus Time\"\n          value={`${totalFocusH}h ${totalFocusM}m`}\n          trend={{\n            value: stats?.averageSessionMinutes ?? 0,\n            label: \"avg min/session\",\n          }}\n        />\n        <StatCard\n          title=\"Avg. Sessions/Day\"\n          value={avgSessions}\n          description={`Target: ${stats?.totalSessions ?? 0} total`}\n        />\n        <StatCard\n          title=\"Completion Rate\"\n          value={`${stats?.completionRate ?? 0}%`}\n          icon={<Target className=\"h-5 w-5\" />}\n          trend={{ value: stats?.streakDays ?? 0, label: \"day streak\" }}\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop 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              Sessions per Day\n            </h3>\n          </div>\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              {sessions.length > 0\n                ? `${completedCount} completed out of ${sessions.length} sessions`\n                : \"No session data available\"}\n            </p>\n          </div>\n        </div>\n        <div className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop 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              Focus Distribution\n            </h3>\n          </div>\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              {stats\n                ? `${stats.streakDays} day streak · ${stats.averageSessionMinutes}m avg session`\n                : \"No data available\"}\n            </p>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,IAAwB;CACtC,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB;EAC3B,WAAW,EAAE,gBAAa;EAC1B,MAAM,CAAC;EACR,CAAC,EAEI,EAAE,MAAM,GAAc,SAAS,MACnC,EAA6B;EAC3B,WAAW;GAAE;GAAa,OAAO;GAAI;EACrC,MAAM,CAAC;EACR,CAAC,EAEE,IAAQ,GAAW,eACnB,IAAW,GAAc,oBAAoB,EAAE;AAErD,KAAI,KAAgB,EAClB,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,EACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,IAAc,KAAK,OAAO,GAAO,qBAAqB,KAAK,GAAG,EAC9D,KAAe,GAAO,qBAAqB,KAAK,IAChD,IAAc,GAAO,iBACtB,EAAM,gBAAgB,IAAI,QAAQ,EAAE,GACrC,KACE,IAAiB,EAAS,QAC7B,MAAqC,EAAE,UACzC,CAAC;AAEF,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,OAAO,GAAO,iBAAiB,EAAE;KACxC,OAAO;MACL,OAAO,GAAO,kBAAkB;MAChC,OAAO;MACR;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAY,IAAI,EAAY;KACtC,OAAO;MACL,OAAO,GAAO,yBAAyB;MACvC,OAAO;MACR;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO;KACP,aAAa,WAAW,GAAO,iBAAiB,EAAE;KAClD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,GAAO,kBAAkB,EAAE;KACrC,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,OAAO;MAAE,OAAO,GAAO,cAAc;MAAG,OAAO;MAAc;KAC7D,CAAA;IACE;MAEN,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,KAAD;MAAG,WAAU;gBACV,EAAS,SAAS,IACf,GAAG,EAAe,oBAAoB,EAAS,OAAO,aACtD;MACF,CAAA;KACA,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,KAAD;MAAG,WAAU;gBACV,IACG,GAAG,EAAM,WAAW,gBAAgB,EAAM,sBAAsB,iBAChE;MACF,CAAA;KACA,CAAA,CACF;MACF;KACK"}
+{"version":3,"file":"PomodoroAnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/pomodoro/PomodoroAnalyticsPage.tsx"],"sourcesContent":["import { BarChart3, Target, Flame, Timer, Coffee } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  StatCard,\n  ChartCard,\n  BarsChart,\n  DonutChart,\n  ProgressMeter,\n  StatusBadge,\n  LoadingSkeleton,\n  formatNumber,\n  type DonutSlice,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useGetPomodoroStatsQuery,\n  useListPomodoroSessionsQuery,\n  type PomodoroSessionFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { PomodoroSessionType } from \"@/generated/wspace-types\";\n\nfunction formatMinutes(min: number): string {\n  const total = Math.max(0, Math.round(min));\n  const h = Math.floor(total / 60);\n  const m = total % 60;\n  return h > 0 ? `${h}h ${m}m` : `${m}m`;\n}\n\nfunction shortDay(ts: number): string {\n  return new Date(ts).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n  });\n}\n\nfunction shortTime(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return \"\";\n  return d.toLocaleTimeString(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  });\n}\n\nconst isBreak = (t: PomodoroSessionType): boolean =>\n  t === PomodoroSessionType.ShortBreak || t === PomodoroSessionType.LongBreak;\n\nexport function PomodoroAnalyticsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const {\n    data: statsData,\n    loading: statsLoading,\n    error: statsError,\n  } = useGetPomodoroStatsQuery({\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n\n  const { data: sessionsData, loading: sessionsLoading } =\n    useListPomodoroSessionsQuery({\n      variables: { workspaceId, limit: 50 },\n      skip: !workspaceId,\n    });\n\n  const stats = statsData?.pomodoroStats;\n  const sessions = sessionsData?.pomodoroSessions ?? [];\n\n  if (statsLoading || sessionsLoading) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Analytics\"\n        description=\"Track your focus sessions and productivity\"\n      >\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Analytics\"\n        description=\"Track your focus sessions 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 pomodoro analytics. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const totalFocusH = Math.floor((stats?.totalFocusMinutes ?? 0) / 60);\n  const totalFocusM = (stats?.totalFocusMinutes ?? 0) % 60;\n  const avgSessions = stats?.totalSessions\n    ? (stats.totalSessions / 30).toFixed(1)\n    : \"0\";\n\n  // ---- Daily completed focus sessions (BarsChart) --------------------------\n  const dailyMap = new Map<\n    string,\n    { ts: number; label: string; completed: number }\n  >();\n  for (const s of sessions) {\n    if (s.type !== PomodoroSessionType.Focus) continue;\n    const d = new Date(s.startTime);\n    if (Number.isNaN(d.getTime())) continue;\n    const day = new Date(d.getFullYear(), d.getMonth(), d.getDate());\n    const key = String(day.getTime());\n    const entry = dailyMap.get(key) ?? {\n      ts: day.getTime(),\n      label: shortDay(day.getTime()),\n      completed: 0,\n    };\n    if (s.completed) entry.completed += 1;\n    dailyMap.set(key, entry);\n  }\n  const dailyData = [...dailyMap.values()]\n    .sort((a, b) => a.ts - b.ts)\n    .slice(-14)\n    .map((e) => ({ day: e.label, completed: e.completed }));\n\n  // ---- Focus vs break split (DonutChart) -----------------------------------\n  let focusSeconds = 0;\n  let breakSeconds = 0;\n  let focusCount = 0;\n  let breakCount = 0;\n  for (const s of sessions) {\n    const dur =\n      typeof s.duration === \"number\" && Number.isFinite(s.duration)\n        ? s.duration\n        : 0;\n    if (isBreak(s.type)) {\n      breakSeconds += dur;\n      breakCount += 1;\n    } else {\n      focusSeconds += dur;\n      focusCount += 1;\n    }\n  }\n  const useDuration = focusSeconds + breakSeconds > 0;\n  const focusValue = useDuration ? Math.round(focusSeconds / 60) : focusCount;\n  const breakValue = useDuration ? Math.round(breakSeconds / 60) : breakCount;\n  const donutSlices: DonutSlice[] = [\n    { name: \"Focus\", value: focusValue },\n    { name: \"Break\", value: breakValue },\n  ];\n  const donutFormat = useDuration ? formatMinutes : formatNumber;\n\n  // ---- Recent sessions -----------------------------------------------------\n  const recentSessions = [...sessions]\n    .sort(\n      (a, b) =>\n        new Date(b.startTime).getTime() - new Date(a.startTime).getTime(),\n    )\n    .slice(0, 6);\n\n  const completionRate = stats?.completionRate ?? 0;\n  const completedSessions = stats?.completedSessions ?? 0;\n  const totalSessions = stats?.totalSessions ?? 0;\n\n  return (\n    <PageLayout\n      title=\"Pomodoro Analytics\"\n      description=\"Track your focus sessions and productivity\"\n      purpose=\"See whether your focus habit is sticking — completion rate, streaks and focus minutes over time — so you can tell good-focus days from distracted ones and keep your momentum going.\"\n    >\n      <div className=\"space-y-6\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            featured\n            title=\"Total Sessions\"\n            value={String(stats?.totalSessions ?? 0)}\n            trend={{\n              value: stats?.completionRate ?? 0,\n              label: \"completion rate\",\n            }}\n          />\n          <StatCard\n            title=\"Total Focus Time\"\n            value={`${totalFocusH}h ${totalFocusM}m`}\n            icon={<Timer className=\"h-5 w-5\" />}\n            trend={{\n              value: stats?.averageSessionMinutes ?? 0,\n              label: \"avg min/session\",\n            }}\n          />\n          <StatCard\n            title=\"Avg. Sessions/Day\"\n            value={avgSessions}\n            icon={<BarChart3 className=\"h-5 w-5\" />}\n            description={`Target: ${stats?.totalSessions ?? 0} total`}\n          />\n          <StatCard\n            title=\"Completion Rate\"\n            value={`${stats?.completionRate ?? 0}%`}\n            icon={<Target className=\"h-5 w-5\" />}\n            trend={{ value: stats?.streakDays ?? 0, label: \"day streak\" }}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          <ChartCard\n            className=\"lg:col-span-2\"\n            title=\"Daily Completed Focus Sessions\"\n            description=\"Pomodoros you finished, by day\"\n          >\n            <BarsChart\n              data={dailyData}\n              xKey=\"day\"\n              series={[{ key: \"completed\", label: \"Completed\" }]}\n              height={260}\n              emptyLabel=\"No completed focus sessions yet.\"\n              ariaLabel=\"Completed focus sessions by day\"\n            />\n          </ChartCard>\n\n          <GlassCard treatment=\"glass\" glow className=\"p-5 sm:p-6\">\n            <div className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Flame className=\"h-4 w-4 text-primary\" />\n              Current Focus Streak\n            </div>\n            <p className=\"mt-2 text-4xl font-bold tabular-nums text-text-primary\">\n              {stats?.streakDays ?? 0}\n              <span className=\"ml-1 text-lg font-medium text-text-secondary\">\n                days\n              </span>\n            </p>\n            <div className=\"mt-6 space-y-5\">\n              <ProgressMeter\n                value={completionRate}\n                max={100}\n                higherIsWorse={false}\n                label=\"Completion rate\"\n                format={(v) => `${Math.round(v)}%`}\n              />\n              <ProgressMeter\n                value={completedSessions}\n                max={totalSessions > 0 ? totalSessions : 1}\n                higherIsWorse={false}\n                label=\"Sessions completed\"\n              />\n            </div>\n          </GlassCard>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          <ChartCard\n            title=\"Focus vs Break\"\n            description={\n              useDuration\n                ? \"Share of tracked time spent focusing vs. on breaks\"\n                : \"Share of sessions by type\"\n            }\n          >\n            <DonutChart\n              data={donutSlices}\n              centerLabel={useDuration ? \"total tracked\" : \"sessions\"}\n              valueFormat={donutFormat}\n              height={260}\n              emptyLabel=\"No sessions recorded yet.\"\n              ariaLabel=\"Focus versus break split\"\n            />\n          </ChartCard>\n\n          <GlassCard treatment=\"glass\" className=\"p-5 sm:p-6\">\n            <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <Timer className=\"h-4 w-4 text-primary\" />\n              Recent Sessions\n            </h3>\n            {recentSessions.length === 0 ? (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No focus sessions yet. Start a pomodoro to see it here.\n              </p>\n            ) : (\n              <div className=\"space-y-2.5\">\n                {recentSessions.map((s: PomodoroSessionFieldsFragment) => {\n                  const sessionIsBreak = isBreak(s.type);\n                  const durationLabel =\n                    typeof s.duration === \"number\" &&\n                    Number.isFinite(s.duration)\n                      ? `${Math.round(s.duration / 60)}m`\n                      : \"--\";\n                  return (\n                    <div\n                      key={s.id}\n                      className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface/40 p-3\"\n                    >\n                      <div\n                        className={`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg ${\n                          sessionIsBreak\n                            ? \"bg-status-info-bg text-status-info-text\"\n                            : \"bg-action-primary-bg/10 text-primary\"\n                        }`}\n                      >\n                        {sessionIsBreak ? (\n                          <Coffee className=\"h-4 w-4\" />\n                        ) : (\n                          <Timer className=\"h-4 w-4\" />\n                        )}\n                      </div>\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-sm font-medium text-text-primary\">\n                          {s.notes?.trim()\n                            ? s.notes\n                            : sessionIsBreak\n                              ? \"Break\"\n                              : \"Focus session\"}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {durationLabel} · {shortTime(s.startTime)}\n                        </p>\n                      </div>\n                      <StatusBadge\n                        variant={\n                          s.completed\n                            ? \"success\"\n                            : s.interrupted\n                              ? \"warning\"\n                              : \"muted\"\n                        }\n                        label={\n                          s.completed\n                            ? \"Completed\"\n                            : s.interrupted\n                              ? \"Interrupted\"\n                              : \"In progress\"\n                        }\n                      />\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </GlassCard>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}