@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

package/dist/timecampus/pages/lifetime/RecommendationsPage.js

@@ -0,0 +1,422 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useAcceptRecommendationMutation as r, useDismissRecommendationMutation as i, useGenerateMyRecommendationsMutation as a, useMyRecommendationsQuery as o, useSnoozeRecommendationMutation as s } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { ToastContainer as d, useToast as ee } from "../../components/Toast.js";
+import "../../components/index.js";
+import { TimeCampusLifeDomain as f } from "../../../generated/wspace-types.js";
+import { lifeDomainLabel as p } from "./domains.js";
+import { useMemo as m, useState as h } from "react";
+import { Briefcase as g, Bus as _, Check as v, CheckCircle2 as y, Circle as b, Clock as x, Coffee as S, GraduationCap as C, Handshake as w, Heart as T, HeartPulse as E, Home as D, Hourglass as O, Lightbulb as k, Moon as A, ShieldCheck as j, Sparkles as M, Users as N, Wallet as P, X as F } from "lucide-react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { GlassCard as z } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/pages/lifetime/RecommendationsPage.tsx
+var B = {
+	New: "NEW",
+	Snoozed: "SNOOZED",
+	Accepted: "ACCEPTED",
+	Dismissed: "DISMISSED",
+	Expired: "EXPIRED"
+}, te = [
+	{
+		key: B.New,
+		label: "New"
+	},
+	{
+		key: B.Snoozed,
+		label: "Snoozed"
+	},
+	{
+		key: B.Accepted,
+		label: "Accepted"
+	},
+	{
+		key: B.Dismissed,
+		label: "Dismissed"
+	}
+];
+function V(e) {
+	return e === B.New || e === B.Snoozed;
+}
+function ne() {
+	return new Date(Date.now() + 7 * 864e5).toISOString();
+}
+var H = (e) => Math.min(1, Math.max(0, e)), U = (e) => `${Math.round(H(e) * 100)}%`;
+function W(e) {
+	return new Date(e).toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	});
+}
+function G(e) {
+	return e.toLowerCase().split(/[_\s]+/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+var K = {
+	[f.Work]: g,
+	[f.Sleep]: A,
+	[f.Health]: E,
+	[f.Family]: N,
+	[f.Learning]: C,
+	[f.Leisure]: S,
+	[f.Commute]: _,
+	[f.Waiting]: O,
+	[f.Chores]: D,
+	[f.SelfCare]: T,
+	[f.Social]: w,
+	[f.FinanceAdmin]: P,
+	[f.Reflection]: M,
+	[f.Other]: b
+};
+function q(e) {
+	return e ? K[e] ?? k : k;
+}
+function J(e) {
+	switch (e) {
+		case B.Accepted: return {
+			variant: "success",
+			label: "Accepted"
+		};
+		case B.Snoozed: return {
+			variant: "warning",
+			label: "Snoozed"
+		};
+		case B.Dismissed: return {
+			variant: "muted",
+			label: "Dismissed"
+		};
+		case B.Expired: return {
+			variant: "muted",
+			label: "Expired"
+		};
+		default: return {
+			variant: "info",
+			label: "New"
+		};
+	}
+}
+var Y = "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50", X = "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50", Z = "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary";
+function re({ rec: e, busy: t, onAccept: n, onSnooze: r, onDismiss: i }) {
+	let a = q(e.domain), o = V(e.state), s = J(e.state);
+	return /* @__PURE__ */ R(z, {
+		treatment: "glass",
+		className: "flex flex-col gap-3 p-4 sm:p-5",
+		children: [
+			/* @__PURE__ */ R("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ R("div", {
+					className: "flex min-w-0 items-center gap-3",
+					children: [/* @__PURE__ */ L("span", {
+						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+						children: /* @__PURE__ */ L(a, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ R("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ L("p", {
+							className: "truncate text-xs font-medium uppercase tracking-wide text-text-secondary",
+							children: G(e.kind)
+						}), /* @__PURE__ */ L("h3", {
+							className: "mt-0.5 text-base font-semibold text-text-primary",
+							children: e.title
+						})]
+					})]
+				}), e.confidence != null && /* @__PURE__ */ L(l, {
+					variant: "info",
+					label: `${U(e.confidence)} confident`,
+					className: "shrink-0"
+				})]
+			}),
+			/* @__PURE__ */ L("p", {
+				className: "text-sm text-text-secondary",
+				children: e.rationale
+			}),
+			/* @__PURE__ */ R("div", {
+				className: "flex flex-wrap items-center gap-1.5",
+				children: [
+					e.domain && /* @__PURE__ */ L("span", {
+						className: Z,
+						children: p(e.domain)
+					}),
+					e.valueAlignment != null && /* @__PURE__ */ R("span", {
+						className: Z,
+						children: [
+							/* @__PURE__ */ L(j, { className: "h-3 w-3" }),
+							"Aligns with your values · ",
+							U(e.valueAlignment)
+						]
+					}),
+					e.state === B.Snoozed && e.snoozeUntil && /* @__PURE__ */ R("span", {
+						className: Z,
+						children: [
+							/* @__PURE__ */ L(x, { className: "h-3 w-3" }),
+							"Snoozed until ",
+							W(e.snoozeUntil)
+						]
+					})
+				]
+			}),
+			o ? /* @__PURE__ */ R("div", {
+				className: "flex flex-wrap items-center gap-2 pt-1",
+				children: [
+					/* @__PURE__ */ R("button", {
+						type: "button",
+						onClick: () => n(e.id),
+						disabled: t,
+						className: Y,
+						children: [/* @__PURE__ */ L(v, { className: "h-4 w-4" }), "Accept"]
+					}),
+					/* @__PURE__ */ R("button", {
+						type: "button",
+						onClick: () => r(e.id),
+						disabled: t,
+						className: X,
+						children: [/* @__PURE__ */ L(x, { className: "h-4 w-4" }), "Snooze"]
+					}),
+					/* @__PURE__ */ R("button", {
+						type: "button",
+						onClick: () => i(e.id),
+						disabled: t,
+						className: X,
+						children: [/* @__PURE__ */ L(F, { className: "h-4 w-4" }), "Dismiss"]
+					})
+				]
+			}) : /* @__PURE__ */ R("div", {
+				className: "flex items-center justify-between gap-2 pt-1",
+				children: [/* @__PURE__ */ L(l, {
+					variant: s.variant,
+					label: s.label
+				}), /* @__PURE__ */ L("span", {
+					className: "text-xs text-text-secondary",
+					children: W(e.createdAt)
+				})]
+			})
+		]
+	});
+}
+function ie(e) {
+	switch (e) {
+		case B.Snoozed: return {
+			title: "Nothing snoozed",
+			description: "Suggestions you snooze for later will wait here quietly until they're worth another look."
+		};
+		case B.Accepted: return {
+			title: "Nothing accepted yet",
+			description: "When you accept a suggestion it moves here, so you can see the changes you chose to make."
+		};
+		case B.Dismissed: return {
+			title: "Nothing dismissed",
+			description: "Suggestions you dismiss are kept here — TimeCampus learns from them and won't keep nagging."
+		};
+		default: return {
+			title: "You're all caught up",
+			description: "No new suggestions right now. Generate again after a few more days of tracked time."
+		};
+	}
+}
+function Q() {
+	let { workspaceId: l } = e(), { toasts: f, addToast: p, dismissToast: g } = ee(), [_, v] = h(B.New), [b, S] = h(null), { data: C, loading: w, error: T, refetch: E } = o({
+		variables: { state: null },
+		skip: !l
+	}), [D, { loading: O }] = a(), [k] = r(), [A] = i(), [N] = s(), P = m(() => C?.myRecommendations ?? [], [C?.myRecommendations]), F = m(() => {
+		let e = {};
+		for (let t of P) e[t.state] = (e[t.state] ?? 0) + 1;
+		return e;
+	}, [P]), V = m(() => P.filter((e) => e.state === _), [P, _]), H = F[B.New] ?? 0, U = F[B.Accepted] ?? 0, W = F[B.Snoozed] ?? 0, G = async () => {
+		try {
+			let e = (await D()).data?.generateMyRecommendations ?? [];
+			p({
+				title: e.length > 0 ? `${e.length} suggestion${e.length === 1 ? "" : "s"} ready` : "No new suggestions",
+				description: e.length > 0 ? "Fresh, values-aware ideas are in your New feed." : "You're all caught up — nothing new to suggest right now.",
+				variant: e.length > 0 ? "success" : "info"
+			}), v(B.New), await E();
+		} catch {
+			p({
+				title: "Couldn't generate recommendations",
+				description: "Please try again in a moment.",
+				variant: "error"
+			});
+		}
+	}, K = async (e) => {
+		S(e);
+		try {
+			await k({ variables: { id: e } }), p({
+				title: "Accepted — nice",
+				variant: "success"
+			}), await E();
+		} catch {
+			p({
+				title: "Couldn't accept that one",
+				variant: "error"
+			});
+		} finally {
+			S(null);
+		}
+	}, q = async (e) => {
+		S(e);
+		try {
+			await N({ variables: {
+				id: e,
+				until: ne()
+			} }), p({
+				title: "Snoozed for a week",
+				description: "It'll resurface later — no nagging in between.",
+				variant: "info"
+			}), await E();
+		} catch {
+			p({
+				title: "Couldn't snooze that one",
+				variant: "error"
+			});
+		} finally {
+			S(null);
+		}
+	}, J = async (e) => {
+		S(e);
+		try {
+			await A({ variables: { id: e } }), p({
+				title: "Dismissed",
+				variant: "success"
+			}), await E();
+		} catch {
+			p({
+				title: "Couldn't dismiss that one",
+				variant: "error"
+			});
+		} finally {
+			S(null);
+		}
+	}, X = /* @__PURE__ */ R("button", {
+		type: "button",
+		onClick: G,
+		disabled: O || !l,
+		className: Y,
+		children: [/* @__PURE__ */ L(M, { className: "h-4 w-4" }), O ? "Generating…" : "Generate recommendations"]
+	}), Z = "Gentle, values-aware nudges built from your real timeline — protect a focus block, reclaim a commute, guard family time. Accept the ones that fit, snooze the rest, and dismiss what doesn't. TimeCampus never optimises for more output — only for time that matches what you value.", Q = /* @__PURE__ */ L(z, {
+		treatment: "insight",
+		className: "mt-6 p-4 sm:p-5",
+		children: /* @__PURE__ */ R("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ L("span", {
+				className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-status-info-bg text-status-info-text",
+				children: /* @__PURE__ */ L(j, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ R("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ L("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Never optimises for more output."
+				}), /* @__PURE__ */ L("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Every suggestion protects something you value — rest, focus, relationships — not your throughput. Snooze or dismiss freely; TimeCampus takes the hint and won't keep nagging."
+				})]
+			})]
+		})
+	});
+	if (!l || w) return /* @__PURE__ */ L(c, {
+		title: "Recommendations",
+		description: "Values-aware suggestions from your real timeline",
+		purpose: Z,
+		actions: X,
+		children: /* @__PURE__ */ L(n, {
+			variant: "list",
+			count: 4
+		})
+	});
+	if (T) return /* @__PURE__ */ L(c, {
+		title: "Recommendations",
+		description: "Values-aware suggestions from your real timeline",
+		purpose: Z,
+		actions: X,
+		children: /* @__PURE__ */ L("div", {
+			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
+			children: "Couldn't load your recommendations right now. Please try again in a moment."
+		})
+	});
+	let ae = P.length > 0, $ = ie(_);
+	return /* @__PURE__ */ R(c, {
+		title: "Recommendations",
+		description: "Values-aware suggestions from your real timeline",
+		purpose: Z,
+		actions: X,
+		children: [ae ? /* @__PURE__ */ R("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ R("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+					children: [
+						/* @__PURE__ */ L(t, {
+							featured: !0,
+							title: "New for you",
+							value: String(H),
+							icon: /* @__PURE__ */ L(M, { className: "h-5 w-5" }),
+							description: "Awaiting your call"
+						}),
+						/* @__PURE__ */ L(t, {
+							title: "Accepted",
+							value: String(U),
+							icon: /* @__PURE__ */ L(y, { className: "h-5 w-5" }),
+							description: "Changes you chose to make"
+						}),
+						/* @__PURE__ */ L(t, {
+							title: "Snoozed",
+							value: String(W),
+							icon: /* @__PURE__ */ L(x, { className: "h-5 w-5" }),
+							description: "Waiting for a better moment"
+						})
+					]
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ L("div", {
+						className: "inline-flex items-center rounded-lg border border-border-subtle bg-bg-sunken/50 p-0.5",
+						role: "tablist",
+						"aria-label": "Filter recommendations by state",
+						children: te.map((e) => {
+							let t = e.key === _, n = F[e.key] ?? 0;
+							return /* @__PURE__ */ R("button", {
+								type: "button",
+								role: "tab",
+								"aria-selected": t,
+								onClick: () => v(e.key),
+								className: t ? "flex items-center gap-1.5 rounded-md bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary shadow-sm" : "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary",
+								children: [e.label, /* @__PURE__ */ L("span", {
+									className: t ? "rounded-full bg-action-primary-bg/15 px-1.5 text-xs font-semibold text-primary" : "rounded-full bg-bg-sunken px-1.5 text-xs font-semibold text-text-secondary",
+									children: n
+								})]
+							}, e.key);
+						})
+					})
+				}),
+				V.length === 0 ? /* @__PURE__ */ L(u, {
+					illustration: "empty-data",
+					title: $.title,
+					description: $.description,
+					action: _ === B.New ? X : void 0
+				}) : /* @__PURE__ */ L("div", {
+					className: "space-y-4",
+					children: V.map((e) => /* @__PURE__ */ L(re, {
+						rec: e,
+						busy: b === e.id,
+						onAccept: K,
+						onSnooze: q,
+						onDismiss: J
+					}, e.id))
+				}),
+				Q
+			]
+		}) : /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L(u, {
+			illustration: "empty-data",
+			title: "No recommendations yet",
+			description: "TimeCampus turns your real timeline into gentle, values-aware suggestions — like protecting a focus block or reclaiming a commute. Generate your first set to see what it notices.",
+			action: X
+		}), Q] }), /* @__PURE__ */ L(d, {
+			toasts: f,
+			onDismiss: g
+		})]
+	});
+}
+//#endregion
+export { Q as RecommendationsPage };
+
+//# sourceMappingURL=RecommendationsPage.js.map

package/dist/timecampus/pages/lifetime/RecommendationsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationsPage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/RecommendationsPage.tsx"],"sourcesContent":["import { useMemo, useState, type ComponentType } from \"react\";\nimport {\n  Sparkles,\n  Check,\n  CheckCircle2,\n  X,\n  Clock,\n  ShieldCheck,\n  Lightbulb,\n  Briefcase,\n  Moon,\n  HeartPulse,\n  Users,\n  GraduationCap,\n  Coffee,\n  Bus,\n  Hourglass,\n  Home,\n  Heart,\n  Handshake,\n  Wallet,\n  Circle,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  EmptyState,\n  LoadingSkeleton,\n  ToastContainer,\n  useToast,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { TimeCampusLifeDomain } from \"@/generated/wspace-types\";\nimport {\n  useMyRecommendationsQuery,\n  useGenerateMyRecommendationsMutation,\n  useAcceptRecommendationMutation,\n  useDismissRecommendationMutation,\n  useSnoozeRecommendationMutation,\n  type RecommendationFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { lifeDomainLabel } from \"./domains\";\n\ntype RecItem = RecommendationFieldsFragment;\n\n// ---------------------------------------------------------------------------\n// Recommendation states are stored as free strings on the backend\n// (NEW / ACCEPTED / DISMISSED / SNOOZED / EXPIRED — see the svc schema). We\n// segment the feed by them; unknown states simply don't match a tab.\n// ---------------------------------------------------------------------------\nconst REC_STATE = {\n  New: \"NEW\",\n  Snoozed: \"SNOOZED\",\n  Accepted: \"ACCEPTED\",\n  Dismissed: \"DISMISSED\",\n  Expired: \"EXPIRED\",\n} as const;\n\nconst SEGMENTS = [\n  { key: REC_STATE.New, label: \"New\" },\n  { key: REC_STATE.Snoozed, label: \"Snoozed\" },\n  { key: REC_STATE.Accepted, label: \"Accepted\" },\n  { key: REC_STATE.Dismissed, label: \"Dismissed\" },\n] as const;\n\ntype SegmentKey = (typeof SEGMENTS)[number][\"key\"];\n\n/** A NEW or SNOOZED recommendation is still actionable (accept / snooze / dismiss). */\nfunction isActionable(state: string): boolean {\n  return state === REC_STATE.New || state === REC_STATE.Snoozed;\n}\n\n/** Snooze a week out — long enough to be non-nagging, short enough to resurface. */\nfunction snoozeUntilIso(): string {\n  return new Date(Date.now() + 7 * 86_400_000).toISOString();\n}\n\nconst clamp01 = (n: number) => Math.min(1, Math.max(0, n));\nconst asPercent = (n: number) => `${Math.round(clamp01(n) * 100)}%`;\n\nfunction formatDate(iso: string): string {\n  return new Date(iso).toLocaleDateString(undefined, {\n    month: \"short\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n}\n\n/** Humanise a machine \"kind\" (e.g. FOCUS_DROP → \"Focus Drop\") for the eyebrow. */\nfunction humaniseKind(kind: string): string {\n  return kind\n    .toLowerCase()\n    .split(/[_\\s]+/)\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n}\n\nconst DOMAIN_ICON: Record<\n  TimeCampusLifeDomain,\n  ComponentType<{ className?: string }>\n> = {\n  [TimeCampusLifeDomain.Work]: Briefcase,\n  [TimeCampusLifeDomain.Sleep]: Moon,\n  [TimeCampusLifeDomain.Health]: HeartPulse,\n  [TimeCampusLifeDomain.Family]: Users,\n  [TimeCampusLifeDomain.Learning]: GraduationCap,\n  [TimeCampusLifeDomain.Leisure]: Coffee,\n  [TimeCampusLifeDomain.Commute]: Bus,\n  [TimeCampusLifeDomain.Waiting]: Hourglass,\n  [TimeCampusLifeDomain.Chores]: Home,\n  [TimeCampusLifeDomain.SelfCare]: Heart,\n  [TimeCampusLifeDomain.Social]: Handshake,\n  [TimeCampusLifeDomain.FinanceAdmin]: Wallet,\n  [TimeCampusLifeDomain.Reflection]: Sparkles,\n  [TimeCampusLifeDomain.Other]: Circle,\n};\n\nfunction recIcon(\n  domain?: TimeCampusLifeDomain | null,\n): ComponentType<{ className?: string }> {\n  if (!domain) return Lightbulb;\n  return DOMAIN_ICON[domain] ?? Lightbulb;\n}\n\ntype BadgeTone = \"success\" | \"warning\" | \"muted\" | \"info\";\n\nfunction stateBadge(state: string): { variant: BadgeTone; label: string } {\n  switch (state) {\n    case REC_STATE.Accepted:\n      return { variant: \"success\", label: \"Accepted\" };\n    case REC_STATE.Snoozed:\n      return { variant: \"warning\", label: \"Snoozed\" };\n    case REC_STATE.Dismissed:\n      return { variant: \"muted\", label: \"Dismissed\" };\n    case REC_STATE.Expired:\n      return { variant: \"muted\", label: \"Expired\" };\n    default:\n      return { variant: \"info\", label: \"New\" };\n  }\n}\n\nconst primaryBtn =\n  \"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\";\nconst neutralBtn =\n  \"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\";\nconst chipClass =\n  \"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\";\n\n// ---------------------------------------------------------------------------\n// Recommendation card\n// ---------------------------------------------------------------------------\ninterface RecommendationCardProps {\n  rec: RecItem;\n  busy: boolean;\n  onAccept: (id: string) => void;\n  onSnooze: (id: string) => void;\n  onDismiss: (id: string) => void;\n}\n\nfunction RecommendationCard({\n  rec,\n  busy,\n  onAccept,\n  onSnooze,\n  onDismiss,\n}: RecommendationCardProps) {\n  const Icon = recIcon(rec.domain);\n  const actionable = isActionable(rec.state);\n  const badge = stateBadge(rec.state);\n\n  return (\n    <GlassCard treatment=\"glass\" className=\"flex flex-col gap-3 p-4 sm:p-5\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n            <Icon className=\"h-5 w-5\" />\n          </span>\n          <div className=\"min-w-0\">\n            <p className=\"truncate text-xs font-medium uppercase tracking-wide text-text-secondary\">\n              {humaniseKind(rec.kind)}\n            </p>\n            <h3 className=\"mt-0.5 text-base font-semibold text-text-primary\">\n              {rec.title}\n            </h3>\n          </div>\n        </div>\n        {rec.confidence != null && (\n          <StatusBadge\n            variant=\"info\"\n            label={`${asPercent(rec.confidence)} confident`}\n            className=\"shrink-0\"\n          />\n        )}\n      </div>\n\n      <p className=\"text-sm text-text-secondary\">{rec.rationale}</p>\n\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        {rec.domain && (\n          <span className={chipClass}>{lifeDomainLabel(rec.domain)}</span>\n        )}\n        {rec.valueAlignment != null && (\n          <span className={chipClass}>\n            <ShieldCheck className=\"h-3 w-3\" />\n            Aligns with your values · {asPercent(rec.valueAlignment)}\n          </span>\n        )}\n        {rec.state === REC_STATE.Snoozed && rec.snoozeUntil && (\n          <span className={chipClass}>\n            <Clock className=\"h-3 w-3\" />\n            Snoozed until {formatDate(rec.snoozeUntil)}\n          </span>\n        )}\n      </div>\n\n      {actionable ? (\n        <div className=\"flex flex-wrap items-center gap-2 pt-1\">\n          <button\n            type=\"button\"\n            onClick={() => onAccept(rec.id)}\n            disabled={busy}\n            className={primaryBtn}\n          >\n            <Check className=\"h-4 w-4\" />\n            Accept\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onSnooze(rec.id)}\n            disabled={busy}\n            className={neutralBtn}\n          >\n            <Clock className=\"h-4 w-4\" />\n            Snooze\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => onDismiss(rec.id)}\n            disabled={busy}\n            className={neutralBtn}\n          >\n            <X className=\"h-4 w-4\" />\n            Dismiss\n          </button>\n        </div>\n      ) : (\n        <div className=\"flex items-center justify-between gap-2 pt-1\">\n          <StatusBadge variant={badge.variant} label={badge.label} />\n          <span className=\"text-xs text-text-secondary\">\n            {formatDate(rec.createdAt)}\n          </span>\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Page\n// ---------------------------------------------------------------------------\nfunction segmentEmptyCopy(segment: SegmentKey): {\n  title: string;\n  description: string;\n} {\n  switch (segment) {\n    case REC_STATE.Snoozed:\n      return {\n        title: \"Nothing snoozed\",\n        description:\n          \"Suggestions you snooze for later will wait here quietly until they're worth another look.\",\n      };\n    case REC_STATE.Accepted:\n      return {\n        title: \"Nothing accepted yet\",\n        description:\n          \"When you accept a suggestion it moves here, so you can see the changes you chose to make.\",\n      };\n    case REC_STATE.Dismissed:\n      return {\n        title: \"Nothing dismissed\",\n        description:\n          \"Suggestions you dismiss are kept here — TimeCampus learns from them and won't keep nagging.\",\n      };\n    default:\n      return {\n        title: \"You're all caught up\",\n        description:\n          \"No new suggestions right now. Generate again after a few more days of tracked time.\",\n      };\n  }\n}\n\nexport function RecommendationsPage() {\n  const { workspaceId } = useTimeCampus();\n  const { toasts, addToast, dismissToast } = useToast();\n  const [segment, setSegment] = useState<SegmentKey>(REC_STATE.New);\n  const [busyId, setBusyId] = useState<string | null>(null);\n\n  const { data, loading, error, refetch } = useMyRecommendationsQuery({\n    variables: { state: null },\n    skip: !workspaceId,\n  });\n\n  const [generate, { loading: generating }] =\n    useGenerateMyRecommendationsMutation();\n  const [acceptRec] = useAcceptRecommendationMutation();\n  const [dismissRec] = useDismissRecommendationMutation();\n  const [snoozeRec] = useSnoozeRecommendationMutation();\n\n  const recommendations: RecItem[] = useMemo(\n    () => data?.myRecommendations ?? [],\n    [data?.myRecommendations],\n  );\n\n  const counts = useMemo(() => {\n    const map: Record<string, number> = {};\n    for (const rec of recommendations) {\n      map[rec.state] = (map[rec.state] ?? 0) + 1;\n    }\n    return map;\n  }, [recommendations]);\n\n  const visible = useMemo(\n    () => recommendations.filter((rec) => rec.state === segment),\n    [recommendations, segment],\n  );\n\n  const newCount = counts[REC_STATE.New] ?? 0;\n  const acceptedCount = counts[REC_STATE.Accepted] ?? 0;\n  const snoozedCount = counts[REC_STATE.Snoozed] ?? 0;\n\n  const handleGenerate = async () => {\n    try {\n      const res = await generate();\n      const generated = res.data?.generateMyRecommendations ?? [];\n      addToast({\n        title:\n          generated.length > 0\n            ? `${generated.length} suggestion${generated.length === 1 ? \"\" : \"s\"} ready`\n            : \"No new suggestions\",\n        description:\n          generated.length > 0\n            ? \"Fresh, values-aware ideas are in your New feed.\"\n            : \"You're all caught up — nothing new to suggest right now.\",\n        variant: generated.length > 0 ? \"success\" : \"info\",\n      });\n      setSegment(REC_STATE.New);\n      await refetch();\n    } catch {\n      addToast({\n        title: \"Couldn't generate recommendations\",\n        description: \"Please try again in a moment.\",\n        variant: \"error\",\n      });\n    }\n  };\n\n  const handleAccept = async (id: string) => {\n    setBusyId(id);\n    try {\n      await acceptRec({ variables: { id } });\n      addToast({ title: \"Accepted — nice\", variant: \"success\" });\n      await refetch();\n    } catch {\n      addToast({ title: \"Couldn't accept that one\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleSnooze = async (id: string) => {\n    setBusyId(id);\n    try {\n      await snoozeRec({ variables: { id, until: snoozeUntilIso() } });\n      addToast({\n        title: \"Snoozed for a week\",\n        description: \"It'll resurface later — no nagging in between.\",\n        variant: \"info\",\n      });\n      await refetch();\n    } catch {\n      addToast({ title: \"Couldn't snooze that one\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const handleDismiss = async (id: string) => {\n    setBusyId(id);\n    try {\n      await dismissRec({ variables: { id } });\n      addToast({ title: \"Dismissed\", variant: \"success\" });\n      await refetch();\n    } catch {\n      addToast({ title: \"Couldn't dismiss that one\", variant: \"error\" });\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const generateButton = (\n    <button\n      type=\"button\"\n      onClick={handleGenerate}\n      disabled={generating || !workspaceId}\n      className={primaryBtn}\n    >\n      <Sparkles className=\"h-4 w-4\" />\n      {generating ? \"Generating…\" : \"Generate recommendations\"}\n    </button>\n  );\n\n  const purpose =\n    \"Gentle, values-aware nudges built from your real timeline — protect a focus block, \" +\n    \"reclaim a commute, guard family time. Accept the ones that fit, snooze the rest, and \" +\n    \"dismiss what doesn't. TimeCampus never optimises for more output — only for time that \" +\n    \"matches what you value.\";\n\n  const footerNote = (\n    <GlassCard treatment=\"insight\" className=\"mt-6 p-4 sm:p-5\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-status-info-bg text-status-info-text\">\n          <ShieldCheck className=\"h-5 w-5\" />\n        </span>\n        <div className=\"min-w-0\">\n          <h3 className=\"text-sm font-semibold text-text-primary\">\n            Never optimises for more output.\n          </h3>\n          <p className=\"mt-1 text-sm text-text-secondary\">\n            Every suggestion protects something you value — rest, focus,\n            relationships — not your throughput. Snooze or dismiss freely;\n            TimeCampus takes the hint and won't keep nagging.\n          </p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n\n  if (!workspaceId || loading) {\n    return (\n      <PageLayout\n        title=\"Recommendations\"\n        description=\"Values-aware suggestions from your real timeline\"\n        purpose={purpose}\n        actions={generateButton}\n      >\n        <LoadingSkeleton variant=\"list\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout\n        title=\"Recommendations\"\n        description=\"Values-aware suggestions from your real timeline\"\n        purpose={purpose}\n        actions={generateButton}\n      >\n        <div className=\"rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n          Couldn&apos;t load your recommendations right now. Please try again in\n          a moment.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const hasAny = recommendations.length > 0;\n  const emptyCopy = segmentEmptyCopy(segment);\n\n  return (\n    <PageLayout\n      title=\"Recommendations\"\n      description=\"Values-aware suggestions from your real timeline\"\n      purpose={purpose}\n      actions={generateButton}\n    >\n      {!hasAny ? (\n        <>\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No recommendations yet\"\n            description=\"TimeCampus turns your real timeline into gentle, values-aware suggestions — like protecting a focus block or reclaiming a commute. Generate your first set to see what it notices.\"\n            action={generateButton}\n          />\n          {footerNote}\n        </>\n      ) : (\n        <div className=\"space-y-6\">\n          {/* Summary of where each suggestion stands — from the query only. */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n            <StatCard\n              featured\n              title=\"New for you\"\n              value={String(newCount)}\n              icon={<Sparkles className=\"h-5 w-5\" />}\n              description=\"Awaiting your call\"\n            />\n            <StatCard\n              title=\"Accepted\"\n              value={String(acceptedCount)}\n              icon={<CheckCircle2 className=\"h-5 w-5\" />}\n              description=\"Changes you chose to make\"\n            />\n            <StatCard\n              title=\"Snoozed\"\n              value={String(snoozedCount)}\n              icon={<Clock className=\"h-5 w-5\" />}\n              description=\"Waiting for a better moment\"\n            />\n          </div>\n\n          {/* Segmented control by state. */}\n          <div className=\"overflow-x-auto\">\n            <div\n              className=\"inline-flex items-center rounded-lg border border-border-subtle bg-bg-sunken/50 p-0.5\"\n              role=\"tablist\"\n              aria-label=\"Filter recommendations by state\"\n            >\n              {SEGMENTS.map((seg) => {\n                const active = seg.key === segment;\n                const count = counts[seg.key] ?? 0;\n                return (\n                  <button\n                    key={seg.key}\n                    type=\"button\"\n                    role=\"tab\"\n                    aria-selected={active}\n                    onClick={() => setSegment(seg.key)}\n                    className={\n                      active\n                        ? \"flex items-center gap-1.5 rounded-md bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary shadow-sm\"\n                        : \"flex items-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary\"\n                    }\n                  >\n                    {seg.label}\n                    <span\n                      className={\n                        active\n                          ? \"rounded-full bg-action-primary-bg/15 px-1.5 text-xs font-semibold text-primary\"\n                          : \"rounded-full bg-bg-sunken px-1.5 text-xs font-semibold text-text-secondary\"\n                      }\n                    >\n                      {count}\n                    </span>\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* The feed for the active segment. */}\n          {visible.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-data\"\n              title={emptyCopy.title}\n              description={emptyCopy.description}\n              action={segment === REC_STATE.New ? generateButton : undefined}\n            />\n          ) : (\n            <div className=\"space-y-4\">\n              {visible.map((rec) => (\n                <RecommendationCard\n                  key={rec.id}\n                  rec={rec}\n                  busy={busyId === rec.id}\n                  onAccept={handleAccept}\n                  onSnooze={handleSnooze}\n                  onDismiss={handleDismiss}\n                />\n              ))}\n            </div>\n          )}\n\n          {footerNote}\n        </div>\n      )}\n\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}