@burdenoff/microfe-timecampus 2026.510.104

package/dist/timecampus/pages/meetings/MeetingDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingDetailPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingDetailPage.tsx"],"sourcesContent":["import { useParams } from \"react-router-dom\";\nimport { CalendarDays, Users, Clock, Video } 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  useGetMeetingQuery,\n  type MeetingParticipantFieldsFragment,\n  type MeetingActionItemFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { formatCurrency } from \"../../utils/helpers\";\n\nexport function MeetingDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useGetMeetingQuery({\n    variables: { id: id ?? \"\", workspaceId },\n    skip: !workspaceId || !id,\n  });\n\n  const meeting = data?.meeting;\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Meeting Details\" description={`Meeting ID: ${id}`}>\n        <LoadingSkeleton variant=\"detail\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !meeting) {\n    return (\n      <PageLayout title=\"Meeting Details\" description={`Meeting ID: ${id}`}>\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          {error\n            ? \"Failed to load meeting details. Please try again later.\"\n            : \"Meeting not found.\"}\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const pendingActions = meeting.actionItems.filter(\n    (a: MeetingActionItemFieldsFragment) => a.status !== \"COMPLETED\",\n  ).length;\n\n  return (\n    <PageLayout title=\"Meeting Details\" description={meeting.title}>\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          title=\"Duration\"\n          value={`${meeting.duration ?? 0} min`}\n          icon={<Clock className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Participants\"\n          value={String(meeting.participants.length)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Cost\"\n          value={meeting.cost != null ? formatCurrency(meeting.cost) : \"N/A\"}\n          description=\"Based on participant rates\"\n        />\n        <StatCard\n          title=\"Action Items\"\n          value={String(meeting.actionItems.length)}\n          description={`${pendingActions} pending`}\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 bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Participants\n          </h3>\n          {meeting.participants.length > 0 ? (\n            <div className=\"space-y-2\">\n              {meeting.participants.map(\n                (p: MeetingParticipantFieldsFragment) => (\n                  <div\n                    key={p.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border px-3 py-2\"\n                  >\n                    <span className=\"text-sm text-foreground\">{p.userId}</span>\n                    <div className=\"flex items-center gap-2\">\n                      <span className=\"text-xs text-muted-foreground\">\n                        {p.role}\n                      </span>\n                      <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                        {p.status}\n                      </span>\n                    </div>\n                  </div>\n                ),\n              )}\n            </div>\n          ) : (\n            <div className=\"flex h-32 items-center justify-center rounded-lg border border-dashed border-border\">\n              <p className=\"text-sm text-muted-foreground\">\n                No participants added\n              </p>\n            </div>\n          )}\n        </div>\n        <div className=\"rounded-xl border border-border bg-card p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-foreground\">\n            Action Items\n          </h3>\n          {meeting.actionItems.length > 0 ? (\n            <div className=\"space-y-2\">\n              {meeting.actionItems.map(\n                (item: MeetingActionItemFieldsFragment) => (\n                  <div\n                    key={item.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border px-3 py-2\"\n                  >\n                    <span className=\"text-sm text-foreground\">\n                      {item.title}\n                    </span>\n                    <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                      {item.status}\n                    </span>\n                  </div>\n                ),\n              )}\n            </div>\n          ) : (\n            <div className=\"flex h-32 items-center justify-center rounded-lg border border-dashed border-border\">\n              <p className=\"text-sm text-muted-foreground\">No action items</p>\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,IAAoB;CAClC,IAAM,EAAE,UAAO,GAA2B,EACpC,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAmB;EAClD,WAAW;GAAE,IAAI,KAAM;GAAI;GAAa;EACxC,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC,EAEI,IAAU,GAAM;AAEtB,KAAI,EACF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,eAAe;YAC9D,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA;AAIjB,KAAI,KAAS,CAAC,EACZ,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,eAAe;YAC9D,kBAAC,OAAD;GAAK,WAAU;aACZ,IACG,4DACA;GACA,CAAA;EACK,CAAA;CAIjB,IAAM,IAAiB,EAAQ,YAAY,QACxC,MAAuC,EAAE,WAAW,YACtD,CAAC;AAEF,QACE,kBAAC,GAAD;EAAY,OAAM;EAAkB,aAAa,EAAQ;YAAzD,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAQ,YAAY,EAAE;KAChC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,EAAQ,aAAa,OAAO;KAC1C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,EAAQ,QAAQ,OAAsC,QAA/B,EAAe,EAAQ,KAAK;KAC1D,aAAY;KACZ,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,EAAQ,YAAY,OAAO;KACzC,aAAa,GAAG,EAAe;KAC/B,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACJ,EAAQ,aAAa,SAAS,IAC7B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,aAAa,KACnB,MACC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,QAAD;OAAM,WAAU;iBAA2B,EAAE;OAAc,CAAA,EAC3D,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA,EACP,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA,CACH;SACF;QAZC,EAAE,GAYH,CAET;KACG,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAEzC,CAAA;KACA,CAAA,CAEJ;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAA6C;KAEtD,CAAA,EACJ,EAAQ,YAAY,SAAS,IAC5B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,YAAY,KAClB,MACC,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK;OACD,CAAA,CACH;QATC,EAAK,GASN,CAET;KACG,CAAA,GAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBAAgC;MAAmB,CAAA;KAC5D,CAAA,CAEJ;MACF;KACK"}

package/dist/timecampus/pages/meetings/MeetingsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function MeetingsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MeetingsPage.d.ts.map

package/dist/timecampus/pages/meetings/MeetingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/meetings/MeetingsPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,YAAY,4CA6F3B"}

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

@@ -0,0 +1,90 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { formatDate as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useListMeetingsQuery as i } from "../../../generated/wspace-operations.js";
+import { CalendarDays as a, Plus as o, Video as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/timecampus/pages/meetings/MeetingsPage.tsx
+function u() {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i({
+		variables: {
+			workspaceId: u,
+			limit: 20
+		},
+		skip: !u
+	}), m = d?.meetings ?? [];
+	return f ? /* @__PURE__ */ c(n, {
+		title: "Meetings",
+		description: "Schedule and track meetings",
+		actions: /* @__PURE__ */ l("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Schedule Meeting"]
+		}),
+		children: /* @__PURE__ */ c(r, {
+			variant: "list",
+			count: 5
+		})
+	}) : p ? /* @__PURE__ */ c(n, {
+		title: "Meetings",
+		description: "Schedule and track meetings",
+		children: /* @__PURE__ */ c("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: "Failed to load meetings. Please try again later."
+		})
+	}) : /* @__PURE__ */ c(n, {
+		title: "Meetings",
+		description: "Schedule and track meetings",
+		actions: /* @__PURE__ */ l("button", {
+			className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+			children: [/* @__PURE__ */ c(o, { className: "h-4 w-4" }), "Schedule Meeting"]
+		}),
+		children: /* @__PURE__ */ c("div", {
+			className: "rounded-xl border border-border bg-card",
+			children: /* @__PURE__ */ c("div", {
+				className: "divide-y divide-border",
+				children: m.length === 0 ? /* @__PURE__ */ c("div", {
+					className: "p-8 text-center text-sm text-muted-foreground",
+					children: "No meetings found."
+				}) : m.map((e) => /* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between p-4 hover:bg-muted/50 transition-colors cursor-pointer",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ c(a, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ c("p", {
+								className: "text-sm font-medium text-foreground",
+								children: e.title
+							}), e.recordingUrl && /* @__PURE__ */ c(s, { className: "h-3.5 w-3.5 text-muted-foreground" })]
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground",
+							children: [
+								t(e.startTime),
+								" ·",
+								" ",
+								e.duration ?? 0,
+								"min ·",
+								" ",
+								e.participants.length,
+								" participants"
+							]
+						})] })]
+					}), /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ c("span", {
+							className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+							children: e.meetingType
+						}), /* @__PURE__ */ c("span", {
+							className: "inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground",
+							children: e.endTime ? "completed" : "scheduled"
+						})]
+					})]
+				}, e.id))
+			})
+		})
+	});
+}
+//#endregion
+export { u as MeetingsPage };
+
+//# sourceMappingURL=MeetingsPage.js.map

package/dist/timecampus/pages/meetings/MeetingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/MeetingsPage.tsx"],"sourcesContent":["import { CalendarDays, Plus, Video } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatDate } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useListMeetingsQuery,\n  type MeetingFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nexport function MeetingsPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n\n  const { data, loading, error } = useListMeetingsQuery({\n    variables: { workspaceId, limit: 20 },\n    skip: !workspaceId,\n  });\n\n  const meetings = data?.meetings ?? [];\n\n  if (loading) {\n    return (\n      <PageLayout\n        title=\"Meetings\"\n        description=\"Schedule and track meetings\"\n        actions={\n          <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n            <Plus className=\"h-4 w-4\" />\n            Schedule Meeting\n          </button>\n        }\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Meetings\" description=\"Schedule and track meetings\">\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 meetings. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Meetings\"\n      description=\"Schedule and track meetings\"\n      actions={\n        <button className=\"inline-flex items-center gap-1.5 rounded-md bg-primary px-3 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90\">\n          <Plus className=\"h-4 w-4\" />\n          Schedule Meeting\n        </button>\n      }\n    >\n      <div className=\"rounded-xl border border-border bg-card\">\n        <div className=\"divide-y divide-border\">\n          {meetings.length === 0 ? (\n            <div className=\"p-8 text-center text-sm text-muted-foreground\">\n              No meetings found.\n            </div>\n          ) : (\n            meetings.map((meeting: MeetingFieldsFragment) => (\n              <div\n                key={meeting.id}\n                className=\"flex items-center justify-between p-4 hover:bg-muted/50 transition-colors cursor-pointer\"\n              >\n                <div className=\"flex items-center gap-3\">\n                  <CalendarDays className=\"h-5 w-5 text-muted-foreground\" />\n                  <div>\n                    <div className=\"flex items-center gap-2\">\n                      <p className=\"text-sm font-medium text-foreground\">\n                        {meeting.title}\n                      </p>\n                      {meeting.recordingUrl && (\n                        <Video className=\"h-3.5 w-3.5 text-muted-foreground\" />\n                      )}\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {formatDate(meeting.startTime)} &middot;{\" \"}\n                      {meeting.duration ?? 0}min &middot;{\" \"}\n                      {meeting.participants.length} participants\n                    </p>\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                    {meeting.meetingType}\n                  </span>\n                  <span className=\"inline-flex rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n                    {meeting.endTime ? \"completed\" : \"scheduled\"}\n                  </span>\n                </div>\n              </div>\n            ))\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAAqB;EACpD,WAAW;GAAE;GAAa,OAAO;GAAI;EACrC,MAAM,CAAC;EACR,CAAC,EAEI,IAAW,GAAM,YAAY,EAAE;AA6BrC,QA3BI,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;YAGX,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAW,aAAY;YACvC,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,UAAD;GAAQ,WAAU;aAAlB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,mBAErB;;YAGX,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;KAAK,WAAU;eAAgD;KAEzD,CAAA,GAEN,EAAS,KAAK,MACZ,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,iCAAkC,CAAA,EAC1D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ;QACP,CAAA,EACH,EAAQ,gBACP,kBAAC,GAAD,EAAO,WAAU,qCAAsC,CAAA,CAErD;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAW,EAAQ,UAAU;QAAC;QAAU;QACxC,EAAQ,YAAY;QAAE;QAAa;QACnC,EAAQ,aAAa;QAAO;QAC3B;SACA,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ;OACJ,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ,UAAU,cAAc;OAC5B,CAAA,CACH;QACF;OA7BC,EAAQ,GA6BT,CACN;IAEA,CAAA;GACF,CAAA;EACK,CAAA"}

package/dist/timecampus/pages/pomodoro/PomodoroAnalyticsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PomodoroAnalyticsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PomodoroAnalyticsPage.d.ts.map

package/dist/timecampus/pages/pomodoro/PomodoroAnalyticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PomodoroAnalyticsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/pomodoro/PomodoroAnalyticsPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,qBAAqB,4CA2HpC"}

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

@@ -0,0 +1,113 @@
+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 { useGetPomodoroStatsQuery as i, useListPomodoroSessionsQuery as a } from "../../../generated/wspace-operations.js";
+import { BarChart3 as o, Target as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/timecampus/pages/pomodoro/PomodoroAnalyticsPage.tsx
+function u() {
+	let { workspaceId: u = "" } = e(), { data: d, loading: f, error: p } = i({
+		variables: { workspaceId: u },
+		skip: !u
+	}), { data: m, loading: h } = a({
+		variables: {
+			workspaceId: u,
+			limit: 50
+		},
+		skip: !u
+	}), g = d?.pomodoroStats, _ = m?.pomodoroSessions ?? [];
+	if (f || h) return /* @__PURE__ */ c(t, {
+		title: "Pomodoro Analytics",
+		description: "Track your focus sessions and productivity",
+		children: /* @__PURE__ */ c(r, {
+			variant: "card",
+			count: 4
+		})
+	});
+	if (p) return /* @__PURE__ */ c(t, {
+		title: "Pomodoro Analytics",
+		description: "Track your focus sessions and productivity",
+		children: /* @__PURE__ */ c("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: "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(t, {
+		title: "Pomodoro Analytics",
+		description: "Track your focus sessions and productivity",
+		children: [/* @__PURE__ */ l("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+			children: [
+				/* @__PURE__ */ c(n, {
+					title: "Total Sessions",
+					value: String(g?.totalSessions ?? 0),
+					trend: {
+						value: g?.completionRate ?? 0,
+						label: "completion rate"
+					}
+				}),
+				/* @__PURE__ */ c(n, {
+					title: "Total Focus Time",
+					value: `${v}h ${y}m`,
+					trend: {
+						value: g?.averageSessionMinutes ?? 0,
+						label: "avg min/session"
+					}
+				}),
+				/* @__PURE__ */ c(n, {
+					title: "Avg. Sessions/Day",
+					value: b,
+					description: `Target: ${g?.totalSessions ?? 0} total`
+				}),
+				/* @__PURE__ */ c(n, {
+					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__ */ l("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+			children: [/* @__PURE__ */ l("div", {
+				className: "rounded-xl border border-border bg-card 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-foreground",
+						children: "Sessions per Day"
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					children: /* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground",
+						children: _.length > 0 ? `${x} completed out of ${_.length} sessions` : "No session data available"
+					})
+				})]
+			}), /* @__PURE__ */ l("div", {
+				className: "rounded-xl border border-border bg-card 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-foreground",
+						children: "Focus Distribution"
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border",
+					children: /* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground",
+						children: g ? `${g.streakDays} day streak · ${g.averageSessionMinutes}m avg session` : "No data available"
+					})
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { u as PomodoroAnalyticsPage };
+
+//# sourceMappingURL=PomodoroAnalyticsPage.js.map

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

@@ -0,0 +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-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 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    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\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 bg-card p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-foreground\">\n              Sessions per Day\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <p className=\"text-sm text-muted-foreground\">\n              {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 bg-card p-6\">\n          <div className=\"mb-4 flex items-center gap-2\">\n            <BarChart3 className=\"h-5 w-5 text-primary\" />\n            <h3 className=\"text-sm font-semibold text-foreground\">\n              Focus Distribution\n            </h3>\n          </div>\n          <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border\">\n            <p className=\"text-sm text-muted-foreground\">\n              {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;aAA+H;GAExI,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;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,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;gBAAwC;MAEjD,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;gBAAwC;MAEjD,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"}

package/dist/timecampus/pages/pomodoro/PomodoroPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PomodoroPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PomodoroPage.d.ts.map

package/dist/timecampus/pages/pomodoro/PomodoroPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PomodoroPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/pomodoro/PomodoroPage.tsx"],"names":[],"mappings":"AAaA,wBAAgB,YAAY,4CAoM3B"}

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

@@ -0,0 +1,160 @@
+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 { useCompletePomodoroSessionMutation as i, useGetActivePomodoroSessionQuery as a, useGetPomodoroStatsQuery as o, useStartPomodoroSessionMutation as s } from "../../../generated/wspace-operations.js";
+import { useCallback as c, useEffect as l, useState as u } from "react";
+import { Pause as d, Play as f, RotateCcw as p, SkipForward as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/timecampus/pages/pomodoro/PomodoroPage.tsx
+function _() {
+	let { workspaceId: _ = "" } = e(), { data: v, loading: y, error: b } = o({
+		variables: { workspaceId: _ },
+		skip: !_
+	}), { data: x, loading: S, error: C } = a({
+		variables: { workspaceId: _ },
+		skip: !_
+	}), [w] = s(), [T] = i(), E = v?.pomodoroStats, D = x?.activePomodoroSession, [O, k] = u(1500), [A, j] = u(!1);
+	l(() => {
+		if (D && !D.completed) {
+			let e = Math.floor((Date.now() - new Date(D.startTime).getTime()) / 1e3), t = D.duration ?? 1500, n = Math.max(0, t - e);
+			k(n), j(n > 0);
+		}
+	}, [D]), l(() => {
+		if (!A || O <= 0) return;
+		let e = setInterval(() => {
+			k((e) => e <= 1 ? (j(!1), 0) : e - 1);
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [A, O]);
+	let M = (e) => {
+		let t = Math.floor(e / 60), n = e % 60;
+		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+	}, N = c(async () => {
+		if (_) {
+			if (D && !D.completed) {
+				j(!0);
+				return;
+			}
+			await w({
+				variables: { input: {
+					workspaceId: _,
+					type: "FOCUS"
+				} },
+				refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"]
+			}), k(1500), j(!0);
+		}
+	}, [
+		_,
+		D,
+		w
+	]), P = c(async () => {
+		!D || !_ || (await T({
+			variables: {
+				id: D.id,
+				workspaceId: _
+			},
+			refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"]
+		}), j(!1), k(1500));
+	}, [
+		D,
+		_,
+		T
+	]), F = () => {
+		j(!1), k(1500);
+	};
+	if (y || S) return /* @__PURE__ */ h(t, {
+		title: "Pomodoro Timer",
+		description: "Focus with the Pomodoro Technique",
+		children: /* @__PURE__ */ h(r, {
+			variant: "card",
+			count: 3
+		})
+	});
+	if (b || C) return /* @__PURE__ */ h(t, {
+		title: "Pomodoro Timer",
+		description: "Focus with the Pomodoro Technique",
+		children: /* @__PURE__ */ h("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: "Failed to load pomodoro data. Please try again later."
+		})
+	});
+	let I = Math.floor((E?.totalFocusMinutes ?? 0) / 60), L = (E?.totalFocusMinutes ?? 0) % 60;
+	return /* @__PURE__ */ g(t, {
+		title: "Pomodoro Timer",
+		description: "Focus with the Pomodoro Technique",
+		children: [/* @__PURE__ */ g("div", {
+			className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+			children: [
+				/* @__PURE__ */ h(n, {
+					title: "Sessions Today",
+					value: String(E?.completedSessions ?? 0),
+					description: `Total: ${E?.totalSessions ?? 0} sessions`
+				}),
+				/* @__PURE__ */ h(n, {
+					title: "Focus Time",
+					value: `${I}h ${L}m`,
+					trend: {
+						value: E?.completionRate ?? 0,
+						label: "completion rate"
+					}
+				}),
+				/* @__PURE__ */ h(n, {
+					title: "Current Streak",
+					value: `${E?.streakDays ?? 0} days`,
+					description: `Avg: ${E?.averageSessionMinutes ?? 0}m per session`
+				})
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: "mx-auto max-w-md",
+			children: /* @__PURE__ */ g("div", {
+				className: "rounded-xl border border-border bg-card p-8 text-center",
+				children: [
+					/* @__PURE__ */ h("div", {
+						className: "mb-2",
+						children: /* @__PURE__ */ h("span", {
+							className: "inline-flex rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary",
+							children: D ? "Focus Session" : "Ready"
+						})
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "text-7xl font-mono font-bold text-foreground",
+						children: M(O)
+					}),
+					/* @__PURE__ */ h("p", {
+						className: "mt-2 text-sm text-muted-foreground",
+						children: E ? `${E.completedSessions} of ${E.totalSessions} sessions` : "No sessions yet"
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "mt-6 flex items-center justify-center gap-3",
+						children: [
+							A ? /* @__PURE__ */ g("button", {
+								onClick: () => j(!1),
+								className: "inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+								children: [/* @__PURE__ */ h(d, { className: "h-4 w-4" }), "Pause"]
+							}) : /* @__PURE__ */ g("button", {
+								onClick: N,
+								className: "inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90",
+								children: [/* @__PURE__ */ h(f, { className: "h-4 w-4" }), "Start"]
+							}),
+							/* @__PURE__ */ g("button", {
+								onClick: P,
+								className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-muted/50",
+								children: [/* @__PURE__ */ h(m, { className: "h-4 w-4" }), "Skip"]
+							}),
+							/* @__PURE__ */ g("button", {
+								onClick: F,
+								className: "inline-flex items-center gap-2 rounded-md border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-muted/50",
+								children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), "Reset"]
+							})
+						]
+					})
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { _ as PomodoroPage };
+
+//# sourceMappingURL=PomodoroPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PomodoroPage.js","names":[],"sources":["../../../../src/timecampus/pages/pomodoro/PomodoroPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from \"react\";\nimport { Play, Pause, SkipForward, RotateCcw } 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  useGetActivePomodoroSessionQuery,\n  useGetPomodoroStatsQuery,\n  useStartPomodoroSessionMutation,\n  useCompletePomodoroSessionMutation,\n} from \"@/generated/wspace-operations\";\n\nexport function PomodoroPage() {\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 {\n    data: activeData,\n    loading: activeLoading,\n    error: activeError,\n  } = useGetActivePomodoroSessionQuery({\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n\n  const [startSession] = useStartPomodoroSessionMutation();\n  const [completeSession] = useCompletePomodoroSessionMutation();\n\n  const stats = statsData?.pomodoroStats;\n  const activeSession = activeData?.activePomodoroSession;\n\n  const [timerSeconds, setTimerSeconds] = useState(25 * 60);\n  const [isRunning, setIsRunning] = useState(false);\n\n  useEffect(() => {\n    if (activeSession && !activeSession.completed) {\n      const elapsed = Math.floor(\n        (Date.now() - new Date(activeSession.startTime).getTime()) / 1000,\n      );\n      const duration = activeSession.duration ?? 25 * 60;\n      const remaining = Math.max(0, duration - elapsed);\n      setTimerSeconds(remaining);\n      setIsRunning(remaining > 0);\n    }\n  }, [activeSession]);\n\n  useEffect(() => {\n    if (!isRunning || timerSeconds <= 0) return;\n    const interval = setInterval(() => {\n      setTimerSeconds((prev) => {\n        if (prev <= 1) {\n          setIsRunning(false);\n          return 0;\n        }\n        return prev - 1;\n      });\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [isRunning, timerSeconds]);\n\n  const formatTimer = (seconds: number) => {\n    const m = Math.floor(seconds / 60);\n    const s = seconds % 60;\n    return `${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n  };\n\n  const handleStart = useCallback(async () => {\n    if (!workspaceId) return;\n    if (activeSession && !activeSession.completed) {\n      setIsRunning(true);\n      return;\n    }\n    await startSession({\n      variables: { input: { workspaceId, type: \"FOCUS\" as never } },\n      refetchQueries: [\"GetActivePomodoroSession\", \"GetPomodoroStats\"],\n    });\n    setTimerSeconds(25 * 60);\n    setIsRunning(true);\n  }, [workspaceId, activeSession, startSession]);\n\n  const handleComplete = useCallback(async () => {\n    if (!activeSession || !workspaceId) return;\n    await completeSession({\n      variables: { id: activeSession.id, workspaceId },\n      refetchQueries: [\"GetActivePomodoroSession\", \"GetPomodoroStats\"],\n    });\n    setIsRunning(false);\n    setTimerSeconds(25 * 60);\n  }, [activeSession, workspaceId, completeSession]);\n\n  const handleReset = () => {\n    setIsRunning(false);\n    setTimerSeconds(25 * 60);\n  };\n\n  if (statsLoading || activeLoading) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Timer\"\n        description=\"Focus with the Pomodoro Technique\"\n      >\n        <LoadingSkeleton variant=\"card\" count={3} />\n      </PageLayout>\n    );\n  }\n\n  if (statsError || activeError) {\n    return (\n      <PageLayout\n        title=\"Pomodoro Timer\"\n        description=\"Focus with the Pomodoro Technique\"\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 pomodoro data. 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\n  return (\n    <PageLayout\n      title=\"Pomodoro Timer\"\n      description=\"Focus with the Pomodoro Technique\"\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n        <StatCard\n          title=\"Sessions Today\"\n          value={String(stats?.completedSessions ?? 0)}\n          description={`Total: ${stats?.totalSessions ?? 0} sessions`}\n        />\n        <StatCard\n          title=\"Focus Time\"\n          value={`${totalFocusH}h ${totalFocusM}m`}\n          trend={{\n            value: stats?.completionRate ?? 0,\n            label: \"completion rate\",\n          }}\n        />\n        <StatCard\n          title=\"Current Streak\"\n          value={`${stats?.streakDays ?? 0} days`}\n          description={`Avg: ${stats?.averageSessionMinutes ?? 0}m per session`}\n        />\n      </div>\n\n      <div className=\"mx-auto max-w-md\">\n        <div className=\"rounded-xl border border-border bg-card p-8 text-center\">\n          <div className=\"mb-2\">\n            <span className=\"inline-flex rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary\">\n              {activeSession ? \"Focus Session\" : \"Ready\"}\n            </span>\n          </div>\n          <p className=\"text-7xl font-mono font-bold text-foreground\">\n            {formatTimer(timerSeconds)}\n          </p>\n          <p className=\"mt-2 text-sm text-muted-foreground\">\n            {stats\n              ? `${stats.completedSessions} of ${stats.totalSessions} sessions`\n              : \"No sessions yet\"}\n          </p>\n          <div className=\"mt-6 flex items-center justify-center gap-3\">\n            {!isRunning ? (\n              <button\n                onClick={handleStart}\n                className=\"inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <Play className=\"h-4 w-4\" />\n                Start\n              </button>\n            ) : (\n              <button\n                onClick={() => setIsRunning(false)}\n                className=\"inline-flex items-center gap-2 rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90\"\n              >\n                <Pause className=\"h-4 w-4\" />\n                Pause\n              </button>\n            )}\n            <button\n              onClick={handleComplete}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-muted/50\"\n            >\n              <SkipForward className=\"h-4 w-4\" />\n              Skip\n            </button>\n            <button\n              onClick={handleReset}\n              className=\"inline-flex items-center gap-2 rounded-md border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-muted/50\"\n            >\n              <RotateCcw className=\"h-4 w-4\" />\n              Reset\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,IAAe;CAC7B,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAyB;EAC3B,WAAW,EAAE,gBAAa;EAC1B,MAAM,CAAC;EACR,CAAC,EAEI,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAAiC;EACnC,WAAW,EAAE,gBAAa;EAC1B,MAAM,CAAC;EACR,CAAC,EAEI,CAAC,KAAgB,GAAiC,EAClD,CAAC,KAAmB,GAAoC,EAExD,IAAQ,GAAW,eACnB,IAAgB,GAAY,uBAE5B,CAAC,GAAc,KAAmB,EAAS,KAAQ,EACnD,CAAC,GAAW,KAAgB,EAAS,GAAM;AAcjD,CAZA,QAAgB;AACd,MAAI,KAAiB,CAAC,EAAc,WAAW;GAC7C,IAAM,IAAU,KAAK,OAClB,KAAK,KAAK,GAAG,IAAI,KAAK,EAAc,UAAU,CAAC,SAAS,IAAI,IAC9D,EACK,IAAW,EAAc,YAAY,MACrC,IAAY,KAAK,IAAI,GAAG,IAAW,EAAQ;AAEjD,GADA,EAAgB,EAAU,EAC1B,EAAa,IAAY,EAAE;;IAE5B,CAAC,EAAc,CAAC,EAEnB,QAAgB;AACd,MAAI,CAAC,KAAa,KAAgB,EAAG;EACrC,IAAM,IAAW,kBAAkB;AACjC,MAAiB,MACX,KAAQ,KACV,EAAa,GAAM,EACZ,KAEF,IAAO,EACd;KACD,IAAK;AACR,eAAa,cAAc,EAAS;IACnC,CAAC,GAAW,EAAa,CAAC;CAE7B,IAAM,KAAe,MAAoB;EACvC,IAAM,IAAI,KAAK,MAAM,IAAU,GAAG,EAC5B,IAAI,IAAU;AACpB,SAAO,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;IAG9D,IAAc,EAAY,YAAY;AACrC,SACL;OAAI,KAAiB,CAAC,EAAc,WAAW;AAC7C,MAAa,GAAK;AAClB;;AAOF,GALA,MAAM,EAAa;IACjB,WAAW,EAAE,OAAO;KAAE;KAAa,MAAM;KAAkB,EAAE;IAC7D,gBAAgB,CAAC,4BAA4B,mBAAmB;IACjE,CAAC,EACF,EAAgB,KAAQ,EACxB,EAAa,GAAK;;IACjB;EAAC;EAAa;EAAe;EAAa,CAAC,EAExC,IAAiB,EAAY,YAAY;AACzC,GAAC,KAAiB,CAAC,MACvB,MAAM,EAAgB;GACpB,WAAW;IAAE,IAAI,EAAc;IAAI;IAAa;GAChD,gBAAgB,CAAC,4BAA4B,mBAAmB;GACjE,CAAC,EACF,EAAa,GAAM,EACnB,EAAgB,KAAQ;IACvB;EAAC;EAAe;EAAa;EAAgB,CAAC,EAE3C,UAAoB;AAExB,EADA,EAAa,GAAM,EACnB,EAAgB,KAAQ;;AAG1B,KAAI,KAAgB,EAClB,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,KAAc,EAChB,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAA+H;GAExI,CAAA;EACK,CAAA;CAIjB,IAAM,IAAc,KAAK,OAAO,GAAO,qBAAqB,KAAK,GAAG,EAC9D,KAAe,GAAO,qBAAqB,KAAK;AAEtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAFd,CAIE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,OAAO,GAAO,qBAAqB,EAAE;KAC5C,aAAa,UAAU,GAAO,iBAAiB,EAAE;KACjD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,EAAY,IAAI,EAAY;KACtC,OAAO;MACL,OAAO,GAAO,kBAAkB;MAChC,OAAO;MACR;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAM;KACN,OAAO,GAAG,GAAO,cAAc,EAAE;KACjC,aAAa,QAAQ,GAAO,yBAAyB,EAAE;KACvD,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,QAAD;OAAM,WAAU;iBACb,IAAgB,kBAAkB;OAC9B,CAAA;MACH,CAAA;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAY,EAAa;MACxB,CAAA;KACJ,kBAAC,KAAD;MAAG,WAAU;gBACV,IACG,GAAG,EAAM,kBAAkB,MAAM,EAAM,cAAc,aACrD;MACF,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACI,IASA,kBAAC,UAAD;QACE,eAAe,EAAa,GAAM;QAClC,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAAA,QAEtB;YAdT,kBAAC,UAAD;QACE,SAAS;QACT,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,QAErB;;OAUX,kBAAC,UAAD;QACE,SAAS;QACT,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAAA,OAE5B;;OACT,kBAAC,UAAD;QACE,SAAS;QACT,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,QAE1B;;OACL;;KACF;;GACF,CAAA,CACK"}

package/dist/timecampus/pages/pomodoro/PomodoroSettingsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function PomodoroSettingsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PomodoroSettingsPage.d.ts.map

package/dist/timecampus/pages/pomodoro/PomodoroSettingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PomodoroSettingsPage.d.ts","sourceRoot":"","sources":["../../../../src/timecampus/pages/pomodoro/PomodoroSettingsPage.tsx"],"names":[],"mappings":"AAUA,wBAAgB,oBAAoB,4CAkMnC"}

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

@@ -0,0 +1,176 @@
+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 { useGetPomodoroSettingsQuery as r, useUpdatePomodoroSettingsMutation as i } from "../../../generated/wspace-operations.js";
+import { useCallback as a, useEffect as o, useState as s } from "react";
+import { Settings as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/timecampus/pages/pomodoro/PomodoroSettingsPage.tsx
+function d() {
+	let { workspaceId: d = "" } = e(), { data: f, loading: p, error: m } = r({
+		variables: { workspaceId: d },
+		skip: !d
+	}), [h, { loading: g }] = i(), _ = f?.pomodoroSettings, [v, y] = s(25), [b, x] = s(5), [S, C] = s(15), [w, T] = s(!0), [E, D] = s(!0), [O, k] = s(!1);
+	o(() => {
+		_ && (y(_.focusDuration), x(_.shortBreakDuration), C(_.longBreakDuration), T(_.soundEnabled), D(_.notificationsEnabled), k(_.autoStartBreaks));
+	}, [_]);
+	let A = a(async () => {
+		d && await h({
+			variables: { input: {
+				workspaceId: d,
+				focusDuration: v,
+				shortBreakDuration: b,
+				longBreakDuration: S,
+				soundEnabled: w,
+				notificationsEnabled: E,
+				autoStartBreaks: O
+			} },
+			refetchQueries: ["GetPomodoroSettings"]
+		});
+	}, [
+		d,
+		v,
+		b,
+		S,
+		w,
+		E,
+		O,
+		h
+	]);
+	return p ? /* @__PURE__ */ l(t, {
+		title: "Pomodoro Settings",
+		description: "Configure your Pomodoro timer preferences",
+		children: /* @__PURE__ */ l(n, { variant: "detail" })
+	}) : m ? /* @__PURE__ */ l(t, {
+		title: "Pomodoro Settings",
+		description: "Configure your Pomodoro timer preferences",
+		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: "Failed to load settings. Please try again later."
+		})
+	}) : /* @__PURE__ */ l(t, {
+		title: "Pomodoro Settings",
+		description: "Configure your Pomodoro timer preferences",
+		children: /* @__PURE__ */ u("div", {
+			className: "mx-auto max-w-2xl space-y-6",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "rounded-xl border border-border bg-card p-6",
+					children: [/* @__PURE__ */ u("h3", {
+						className: "mb-4 flex items-center gap-2 text-sm font-semibold text-foreground",
+						children: [/* @__PURE__ */ l(c, { className: "h-4 w-4" }), "Timer Durations"]
+					}), /* @__PURE__ */ u("div", {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+									className: "text-sm font-medium text-foreground",
+									children: "Focus Duration"
+								}), /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Length of each focus session"
+								})] }), /* @__PURE__ */ l("input", {
+									type: "number",
+									value: v,
+									onChange: (e) => y(Number(e.target.value)),
+									className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+									className: "text-sm font-medium text-foreground",
+									children: "Short Break"
+								}), /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Break between focus sessions"
+								})] }), /* @__PURE__ */ l("input", {
+									type: "number",
+									value: b,
+									onChange: (e) => x(Number(e.target.value)),
+									className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+									className: "text-sm font-medium text-foreground",
+									children: "Long Break"
+								}), /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground",
+									children: "After every 4 focus sessions"
+								})] }), /* @__PURE__ */ l("input", {
+									type: "number",
+									value: S,
+									onChange: (e) => C(Number(e.target.value)),
+									className: "w-20 rounded-md border border-border bg-background px-3 py-1.5 text-sm text-foreground text-right"
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "rounded-xl border border-border bg-card p-6",
+					children: [/* @__PURE__ */ l("h3", {
+						className: "mb-4 text-sm font-semibold text-foreground",
+						children: "Notifications"
+					}), /* @__PURE__ */ u("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ u("label", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-foreground",
+									children: "Sound alerts"
+								}), /* @__PURE__ */ l("input", {
+									type: "checkbox",
+									checked: w,
+									onChange: (e) => T(e.target.checked),
+									className: "h-4 w-4 rounded border-border"
+								})]
+							}),
+							/* @__PURE__ */ u("label", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-foreground",
+									children: "Desktop notifications"
+								}), /* @__PURE__ */ l("input", {
+									type: "checkbox",
+									checked: E,
+									onChange: (e) => D(e.target.checked),
+									className: "h-4 w-4 rounded border-border"
+								})]
+							}),
+							/* @__PURE__ */ u("label", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-sm text-foreground",
+									children: "Auto-start breaks"
+								}), /* @__PURE__ */ l("input", {
+									type: "checkbox",
+									checked: O,
+									onChange: (e) => k(e.target.checked),
+									className: "h-4 w-4 rounded border-border"
+								})]
+							})
+						]
+					})]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex justify-end",
+					children: /* @__PURE__ */ l("button", {
+						onClick: A,
+						disabled: g,
+						className: "rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
+						children: g ? "Saving..." : "Save Settings"
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { d as PomodoroSettingsPage };
+
+//# sourceMappingURL=PomodoroSettingsPage.js.map