@burdenoff/microfe-timecampus 2026.825.2 → 2026.827.1

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

@@ -1,94 +1,94 @@
 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 { cn as t } from "../../utils/helpers.js";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useAcceptRecommendationMutation as i, useDismissRecommendationMutation as a, useGenerateMyRecommendationsMutation as o, useMyRecommendationPreferencesQuery as s, useMyRecommendationsQuery as c, useSnoozeRecommendationMutation as l, useUpdateMyRecommendationPreferencesMutation as u } from "../../../generated/wspace-operations.js";
+import { PageLayout as d } from "../../components/PageLayout.js";
+import { StatusBadge as f } from "../../components/StatusBadge.js";
+import { EmptyState as p } from "../../components/EmptyState.js";
+import { Modal as m } from "../../components/Modal.js";
+import { ToastContainer as h, useToast as g } 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";
+import { TimeCampusLifeDomain as _ } from "../../../generated/wspace-types.js";
+import { lifeDomainLabel as v } from "./domains.js";
+import { formatEvidenceRef as y, formatHourOfDay as b, humaniseToken as x, parseEvidenceRefs as ee, parseSuggestedAction as S } from "./recommendationEvidence.js";
+import { useMemo as C, useState as w } from "react";
+import { BellOff as T, Briefcase as E, Bus as D, CalendarClock as O, Check as k, CheckCircle2 as te, ChevronDown as ne, Circle as re, Clock as A, Coffee as j, GraduationCap as ie, Handshake as ae, Heart as oe, HeartPulse as se, Home as M, Hourglass as ce, Lightbulb as N, Microscope as le, Moon as ue, ShieldCheck as P, Sparkles as F, Users as I, Wallet as L, X as R } from "lucide-react";
+import { Fragment as de, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { GlassCard as V } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/lifetime/RecommendationsPage.tsx
-var B = {
+var H = {
 	New: "NEW",
 	Snoozed: "SNOOZED",
 	Accepted: "ACCEPTED",
 	Dismissed: "DISMISSED",
 	Expired: "EXPIRED"
-}, te = [
+}, fe = [
 	{
-		key: B.New,
+		key: H.New,
 		label: "New"
 	},
 	{
-		key: B.Snoozed,
+		key: H.Snoozed,
 		label: "Snoozed"
 	},
 	{
-		key: B.Accepted,
+		key: H.Accepted,
 		label: "Accepted"
 	},
 	{
-		key: B.Dismissed,
+		key: H.Dismissed,
 		label: "Dismissed"
 	}
 ];
-function V(e) {
-	return e === B.New || e === B.Snoozed;
+function U(e) {
+	return e === H.New || e === H.Snoozed;
 }
-function ne() {
+function pe() {
 	return new Date(Date.now() + 6048e5).toISOString();
 }
-var H = (e) => Math.min(1, Math.max(0, e)), U = (e) => `${Math.round(H(e) * 100)}%`;
-function W(e) {
+var W = (e) => Math.min(1, Math.max(0, e)), G = (e) => `${Math.round(W(e) * 100)}%`;
+function K(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
+var q = Array.from({ length: 24 }, (e, t) => t), me = {
+	[_.Work]: E,
+	[_.Sleep]: ue,
+	[_.Health]: se,
+	[_.Family]: I,
+	[_.Learning]: ie,
+	[_.Leisure]: j,
+	[_.Commute]: D,
+	[_.Waiting]: ce,
+	[_.Chores]: M,
+	[_.SelfCare]: oe,
+	[_.Social]: ae,
+	[_.FinanceAdmin]: L,
+	[_.Reflection]: F,
+	[_.Other]: re
 };
-function q(e) {
-	return e ? K[e] ?? k : k;
+function he(e) {
+	return e ? me[e] ?? N : N;
 }
-function J(e) {
+function ge(e) {
 	switch (e) {
-		case B.Accepted: return {
+		case H.Accepted: return {
 			variant: "success",
 			label: "Accepted"
 		};
-		case B.Snoozed: return {
+		case H.Snoozed: return {
 			variant: "warning",
 			label: "Snoozed"
 		};
-		case B.Dismissed: return {
+		case H.Dismissed: return {
 			variant: "muted",
 			label: "Dismissed"
 		};
-		case B.Expired: return {
+		case H.Expired: return {
 			variant: "muted",
 			label: "Expired"
 		};
@@ -98,114 +98,370 @@ function J(e) {
 		};
 	}
 }
-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, {
+var J = "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", Y = "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", X = "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 _e({ checked: e, onChange: n, label: r, disabled: i }) {
+	return /* @__PURE__ */ z("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": e,
+		"aria-label": r,
+		disabled: i,
+		onClick: () => n(!e),
+		className: t("relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50", e ? "border-transparent bg-action-primary-bg" : "border-border-subtle bg-bg-sunken"),
+		children: /* @__PURE__ */ z("span", { className: t("inline-block h-3.5 w-3.5 transform rounded-full shadow-sm transition-transform", e ? "translate-x-4 bg-action-primary-text" : "translate-x-0.5 bg-text-secondary") })
+	});
+}
+function ve({ rec: e, busy: n, muted: r, onAccept: i, onSnooze: a, onDismiss: o, onMuteKind: s }) {
+	let c = he(e.domain), l = U(e.state), u = ge(e.state), [d, p] = w(!1), m = ee(e.evidenceRefs), h = S(e.suggestedAction), g = `rec-evidence-${e.id}`;
+	return /* @__PURE__ */ B(V, {
 		treatment: "glass",
 		className: "flex flex-col gap-3 p-4 sm:p-5",
 		children: [
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ R("div", {
+				children: [/* @__PURE__ */ B("div", {
 					className: "flex min-w-0 items-center gap-3",
-					children: [/* @__PURE__ */ L("span", {
+					children: [/* @__PURE__ */ z("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", {
+						children: /* @__PURE__ */ z(c, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ B("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ L("p", {
+						children: [/* @__PURE__ */ z("p", {
 							className: "truncate text-xs font-medium uppercase tracking-wide text-text-secondary",
-							children: G(e.kind)
-						}), /* @__PURE__ */ L("h3", {
+							children: x(e.kind)
+						}), /* @__PURE__ */ z("h3", {
 							className: "mt-0.5 text-base font-semibold text-text-primary",
 							children: e.title
 						})]
 					})]
-				}), e.confidence != null && /* @__PURE__ */ L(l, {
+				}), e.confidence != null && /* @__PURE__ */ z(f, {
 					variant: "info",
-					label: `${U(e.confidence)} confident`,
+					label: `${G(e.confidence)} confident`,
 					className: "shrink-0"
 				})]
 			}),
-			/* @__PURE__ */ L("p", {
+			/* @__PURE__ */ z("p", {
 				className: "text-sm text-text-secondary",
 				children: e.rationale
 			}),
-			/* @__PURE__ */ R("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-1.5",
 				children: [
-					e.domain && /* @__PURE__ */ L("span", {
-						className: Z,
-						children: p(e.domain)
+					e.domain && /* @__PURE__ */ z("span", {
+						className: X,
+						children: v(e.domain)
 					}),
-					e.valueAlignment != null && /* @__PURE__ */ R("span", {
-						className: Z,
+					e.valueAlignment != null && /* @__PURE__ */ B("span", {
+						className: X,
 						children: [
-							/* @__PURE__ */ L(j, { className: "h-3 w-3" }),
+							/* @__PURE__ */ z(P, { className: "h-3 w-3" }),
 							"Aligns with your values · ",
-							U(e.valueAlignment)
+							G(e.valueAlignment)
 						]
 					}),
-					e.state === B.Snoozed && e.snoozeUntil && /* @__PURE__ */ R("span", {
-						className: Z,
+					e.state === H.Snoozed && e.snoozeUntil && /* @__PURE__ */ B("span", {
+						className: X,
 						children: [
-							/* @__PURE__ */ L(x, { className: "h-3 w-3" }),
+							/* @__PURE__ */ z(A, { className: "h-3 w-3" }),
 							"Snoozed until ",
-							W(e.snoozeUntil)
+							K(e.snoozeUntil)
+						]
+					}),
+					l && e.expiresAt && /* @__PURE__ */ B("span", {
+						className: X,
+						children: [
+							/* @__PURE__ */ z(O, { className: "h-3 w-3" }),
+							"Expires ",
+							K(e.expiresAt)
 						]
 					})
 				]
 			}),
-			o ? /* @__PURE__ */ R("div", {
+			h && /* @__PURE__ */ B("div", {
+				className: "rounded-lg border border-border-seam bg-bg-sunken/40 p-3",
+				children: [
+					/* @__PURE__ */ z("p", {
+						className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
+						children: "Suggested action"
+					}),
+					/* @__PURE__ */ z("p", {
+						className: "mt-1 text-sm font-medium text-text-primary",
+						children: x(h.type)
+					}),
+					h.details.length > 0 && /* @__PURE__ */ z("dl", {
+						className: "mt-1.5 flex flex-wrap gap-x-4 gap-y-1",
+						children: h.details.map((e) => /* @__PURE__ */ B("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ z("dt", {
+								className: "text-xs text-text-secondary",
+								children: e.key
+							}), /* @__PURE__ */ z("dd", {
+								className: "text-xs font-medium tabular-nums text-text-primary",
+								children: e.value
+							})]
+						}, e.key))
+					})
+				]
+			}),
+			m.length > 0 && /* @__PURE__ */ B("div", {
+				className: "rounded-lg border border-border-seam bg-bg-sunken/40",
+				children: [/* @__PURE__ */ B("button", {
+					type: "button",
+					onClick: () => p((e) => !e),
+					"aria-expanded": d,
+					"aria-controls": g,
+					className: "flex w-full items-center justify-between gap-2 px-3 py-2 text-left",
+					children: [/* @__PURE__ */ B("span", {
+						className: "flex min-w-0 items-center gap-2",
+						children: [/* @__PURE__ */ z(le, { className: "h-3.5 w-3.5 shrink-0 text-text-secondary" }), /* @__PURE__ */ B("span", {
+							className: "truncate text-xs text-text-secondary",
+							children: [
+								"Evidence: ",
+								y(m[0]),
+								m.length > 1 ? ` · +${m.length - 1} more` : ""
+							]
+						})]
+					}), /* @__PURE__ */ z(ne, { className: t("h-4 w-4 shrink-0 text-text-secondary transition-transform", d && "rotate-180") })]
+				}), d && /* @__PURE__ */ B("dl", {
+					id: g,
+					className: "space-y-1.5 border-t border-border-seam px-3 py-2.5",
+					children: [m.map((e, t) => /* @__PURE__ */ B("div", {
+						className: "flex items-baseline justify-between gap-3",
+						children: [/* @__PURE__ */ z("dt", {
+							className: "text-xs text-text-secondary",
+							children: y(e).split(": ")[0]
+						}), /* @__PURE__ */ z("dd", {
+							className: "text-xs font-medium tabular-nums text-text-primary",
+							children: y(e).split(": ").slice(1).join(": ")
+						})]
+					}, `${e.metric}-${e.period ?? e.domain ?? t}`)), /* @__PURE__ */ z("p", {
+						className: "pt-1 text-xs text-text-tertiary",
+						children: "Measured from your own tracked week. Nothing is applied until you accept."
+					})]
+				})]
+			}),
+			l ? /* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-2 pt-1",
 				children: [
-					/* @__PURE__ */ R("button", {
+					/* @__PURE__ */ B("button", {
+						type: "button",
+						onClick: () => i(e.id),
+						disabled: n,
+						className: J,
+						children: [/* @__PURE__ */ z(k, { className: "h-4 w-4" }), "Accept"]
+					}),
+					/* @__PURE__ */ B("button", {
 						type: "button",
-						onClick: () => n(e.id),
-						disabled: t,
+						onClick: () => a(e.id),
+						disabled: n,
 						className: Y,
-						children: [/* @__PURE__ */ L(v, { className: "h-4 w-4" }), "Accept"]
+						children: [/* @__PURE__ */ z(A, { className: "h-4 w-4" }), "Snooze"]
 					}),
-					/* @__PURE__ */ R("button", {
+					/* @__PURE__ */ B("button", {
 						type: "button",
-						onClick: () => r(e.id),
-						disabled: t,
-						className: X,
-						children: [/* @__PURE__ */ L(x, { className: "h-4 w-4" }), "Snooze"]
+						onClick: () => o(e),
+						disabled: n,
+						className: Y,
+						children: [/* @__PURE__ */ z(R, { className: "h-4 w-4" }), "Dismiss"]
 					}),
-					/* @__PURE__ */ R("button", {
+					/* @__PURE__ */ B("button", {
 						type: "button",
-						onClick: () => i(e.id),
-						disabled: t,
-						className: X,
-						children: [/* @__PURE__ */ L(F, { className: "h-4 w-4" }), "Dismiss"]
+						onClick: () => s(e.kind),
+						disabled: n || r,
+						className: Y,
+						title: r ? `${x(e.kind)} suggestions are already muted` : `Stop generating ${x(e.kind)} suggestions`,
+						children: [/* @__PURE__ */ z(T, { className: "h-4 w-4" }), r ? "Muted" : "Mute this kind"]
 					})
 				]
-			}) : /* @__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", {
+			}) : /* @__PURE__ */ B("div", {
+				className: "flex flex-col gap-2 pt-1",
+				children: [/* @__PURE__ */ B("div", {
+					className: "flex items-center justify-between gap-2",
+					children: [/* @__PURE__ */ z(f, {
+						variant: u.variant,
+						label: u.label
+					}), /* @__PURE__ */ z("span", {
+						className: "text-xs text-text-secondary",
+						children: K(e.createdAt)
+					})]
+				}), e.state === H.Dismissed && e.dismissReason && /* @__PURE__ */ B("p", {
 					className: "text-xs text-text-secondary",
-					children: W(e.createdAt)
+					children: ["Reason given: ", e.dismissReason]
+				})]
+			})
+		]
+	});
+}
+function ye({ prefs: e, loading: n, saving: i, onToggleOutputGuard: a, onQuietHoursChange: o, onUnmuteKind: s }) {
+	if (n) return /* @__PURE__ */ z(r, {
+		variant: "card",
+		count: 1
+	});
+	if (!e) return null;
+	let c = b(e.quietHoursStart), l = b(e.quietHoursEnd), u = c !== null && l !== null, d = "rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40 disabled:opacity-50";
+	return /* @__PURE__ */ B(V, {
+		treatment: "glass",
+		className: "p-4 sm:p-5",
+		children: [
+			/* @__PURE__ */ B("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ z(P, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ z("h3", {
+					className: "text-sm font-semibold text-text-primary",
+					children: "Guardrails"
 				})]
+			}),
+			/* @__PURE__ */ z("p", {
+				className: "mt-1 text-xs text-text-secondary",
+				children: "What TimeCampus is allowed to suggest, and when."
+			}),
+			/* @__PURE__ */ B("div", {
+				className: "mt-4 space-y-4",
+				children: [
+					/* @__PURE__ */ B("div", {
+						className: "flex items-start justify-between gap-3",
+						children: [/* @__PURE__ */ B("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ z("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Never suggest more work"
+							}), /* @__PURE__ */ z("p", {
+								className: "mt-0.5 text-xs text-text-secondary",
+								children: "Output-increasing suggestions are filtered out before they reach you."
+							})]
+						}), /* @__PURE__ */ z(_e, {
+							checked: e.neverOptimiseForOutput,
+							disabled: i,
+							label: "Never suggest more work",
+							onChange: a
+						})]
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "border-t border-border-seam pt-4",
+						children: [
+							/* @__PURE__ */ B("div", {
+								className: "flex items-center justify-between gap-3",
+								children: [/* @__PURE__ */ z("p", {
+									className: "text-sm font-medium text-text-primary",
+									children: "Quiet hours"
+								}), /* @__PURE__ */ z("span", {
+									className: "text-xs text-text-secondary",
+									children: u ? `${c}–${l}` : "Not set"
+								})]
+							}),
+							/* @__PURE__ */ z("p", {
+								className: "mt-0.5 text-xs text-text-secondary",
+								children: "No nudges are sent inside this window."
+							}),
+							/* @__PURE__ */ B("div", {
+								className: "mt-2 flex flex-wrap items-center gap-2",
+								children: [
+									/* @__PURE__ */ B("label", {
+										className: "flex items-center gap-1.5 text-xs text-text-secondary",
+										children: ["From", /* @__PURE__ */ B("select", {
+											className: d,
+											disabled: i,
+											value: e.quietHoursStart ?? "",
+											onChange: (t) => o(t.target.value === "" ? null : Number(t.target.value), e.quietHoursEnd ?? null),
+											children: [/* @__PURE__ */ z("option", {
+												value: "",
+												children: "—"
+											}), q.map((e) => /* @__PURE__ */ z("option", {
+												value: e,
+												children: b(e)
+											}, e))]
+										})]
+									}),
+									/* @__PURE__ */ B("label", {
+										className: "flex items-center gap-1.5 text-xs text-text-secondary",
+										children: ["To", /* @__PURE__ */ B("select", {
+											className: d,
+											disabled: i,
+											value: e.quietHoursEnd ?? "",
+											onChange: (t) => o(e.quietHoursStart ?? null, t.target.value === "" ? null : Number(t.target.value)),
+											children: [/* @__PURE__ */ z("option", {
+												value: "",
+												children: "—"
+											}), q.map((e) => /* @__PURE__ */ z("option", {
+												value: e,
+												children: b(e)
+											}, e))]
+										})]
+									}),
+									u && /* @__PURE__ */ z("button", {
+										type: "button",
+										disabled: i,
+										onClick: () => o(null, null),
+										className: "text-xs font-medium text-text-secondary underline-offset-2 hover:text-text-primary hover:underline disabled:opacity-50",
+										children: "Clear"
+									})
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "border-t border-border-seam pt-4",
+						children: [/* @__PURE__ */ B("div", {
+							className: "flex items-center justify-between gap-3",
+							children: [/* @__PURE__ */ z("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Muted kinds"
+							}), /* @__PURE__ */ z("span", {
+								className: X,
+								children: e.mutedKinds.length
+							})]
+						}), e.mutedKinds.length === 0 ? /* @__PURE__ */ z("p", {
+							className: "mt-0.5 text-xs text-text-secondary",
+							children: "Nothing muted — mute a kind from any suggestion to stop it coming back."
+						}) : /* @__PURE__ */ z("div", {
+							className: "mt-2 flex flex-wrap gap-1.5",
+							children: e.mutedKinds.map((e) => /* @__PURE__ */ B("button", {
+								type: "button",
+								disabled: i,
+								onClick: () => s(e),
+								className: t(X, "hover:text-text-primary disabled:opacity-50"),
+								title: `Unmute ${x(e)} suggestions`,
+								children: [x(e), /* @__PURE__ */ z(R, { className: "h-3 w-3" })]
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ B("div", {
+						className: "border-t border-border-seam pt-4",
+						children: [/* @__PURE__ */ B("div", {
+							className: "flex items-center justify-between gap-3",
+							children: [/* @__PURE__ */ z("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: "Cadence"
+							}), /* @__PURE__ */ z("span", {
+								className: "text-xs text-text-secondary",
+								children: x(e.cadence)
+							})]
+						}), e.optedInDomains.length > 0 && /* @__PURE__ */ B(de, { children: [/* @__PURE__ */ z("p", {
+							className: "mt-3 text-sm font-medium text-text-primary",
+							children: "Opted-in domains"
+						}), /* @__PURE__ */ z("div", {
+							className: "mt-1.5 flex flex-wrap gap-1.5",
+							children: e.optedInDomains.map((e) => /* @__PURE__ */ z("span", {
+								className: X,
+								children: v(e)
+							}, e))
+						})] })]
+					})
+				]
 			})
 		]
 	});
 }
-function ie(e) {
+function be(e) {
 	switch (e) {
-		case B.Snoozed: return {
+		case H.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 {
+		case H.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 {
+		case H.Dismissed: return {
 			title: "Nothing dismissed",
 			description: "Suggestions you dismiss are kept here — TimeCampus learns from them and won't keep nagging."
 		};
@@ -215,208 +471,297 @@ function ie(e) {
 		};
 	}
 }
-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({
+function xe() {
+	let { workspaceId: t } = e(), { toasts: f, addToast: _, dismissToast: v } = g(), [y, b] = w(H.New), [ee, S] = w(null), [T, E] = w(null), [D, O] = w(""), { data: k, loading: ne, error: re, refetch: j } = c({
 		variables: { state: null },
-		skip: !l
-	}), [D, { loading: O }] = a(), [k] = r(), [A] = i(), [N] = s(), P = m(() => C?.myRecommendations ?? [], [C?.myRecommendations]), F = m(() => {
+		skip: !t
+	}), { data: ie, loading: ae, refetch: oe } = s({ skip: !t }), [se, { loading: M }] = o(), [ce] = i(), [N] = a(), [le] = l(), [ue, { loading: I }] = u(), L = ie?.myRecommendationPreferences, U = C(() => new Set(L?.mutedKinds ?? []), [L?.mutedKinds]), W = C(() => k?.myRecommendations ?? [], [k?.myRecommendations]), G = C(() => {
 		let e = {};
-		for (let t of P) e[t.state] = (e[t.state] ?? 0) + 1;
+		for (let t of W) 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 () => {
+	}, [W]), K = C(() => W.filter((e) => e.state === y), [W, y]), q = G[H.New] ?? 0, me = G[H.Accepted] ?? 0, he = G[H.Snoozed] ?? 0, ge = async () => {
 		try {
-			let e = (await D()).data?.generateMyRecommendations ?? [];
-			p({
+			let e = (await se()).data?.generateMyRecommendations ?? [];
+			_({
 				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();
+			}), b(H.New), await j();
 		} catch {
-			p({
+			_({
 				title: "Couldn't generate recommendations",
 				description: "Please try again in a moment.",
 				variant: "error"
 			});
 		}
-	}, K = async (e) => {
+	}, X = async (e) => {
 		S(e);
 		try {
-			await k({ variables: { id: e } }), p({
+			await ce({ variables: { id: e } }), _({
 				title: "Accepted — nice",
 				variant: "success"
-			}), await E();
+			}), await j();
 		} catch {
-			p({
+			_({
 				title: "Couldn't accept that one",
 				variant: "error"
 			});
 		} finally {
 			S(null);
 		}
-	}, q = async (e) => {
+	}, _e = async (e) => {
 		S(e);
 		try {
-			await N({ variables: {
+			await le({ variables: {
 				id: e,
-				until: ne()
-			} }), p({
+				until: pe()
+			} }), _({
 				title: "Snoozed for a week",
 				description: "It'll resurface later — no nagging in between.",
 				variant: "info"
-			}), await E();
+			}), await j();
 		} catch {
-			p({
+			_({
 				title: "Couldn't snooze that one",
 				variant: "error"
 			});
 		} finally {
 			S(null);
 		}
-	}, J = async (e) => {
-		S(e);
+	}, xe = (e) => {
+		O(""), E(e);
+	}, Se = async () => {
+		let e = T;
+		if (!e) return;
+		let t = D.trim();
+		S(e.id);
 		try {
-			await A({ variables: { id: e } }), p({
+			await N({ variables: {
+				id: e.id,
+				reason: t.length > 0 ? t : null
+			} }), _({
 				title: "Dismissed",
 				variant: "success"
-			}), await E();
+			}), E(null), O(""), await j();
 		} catch {
-			p({
+			_({
 				title: "Couldn't dismiss that one",
 				variant: "error"
 			});
 		} finally {
 			S(null);
 		}
-	}, X = /* @__PURE__ */ R("button", {
+	}, Z = async (e, t) => {
+		try {
+			await ue({ variables: { input: e } }), _({
+				title: t,
+				variant: "success"
+			}), await oe();
+		} catch {
+			_({
+				title: "Couldn't save that guardrail",
+				description: "Please try again in a moment.",
+				variant: "error"
+			});
+		}
+	}, Ce = (e) => void Z({ neverOptimiseForOutput: e }, e ? "Output-increasing suggestions are off" : "Output-increasing suggestions allowed"), we = (e, t) => void Z({
+		quietHoursStart: e,
+		quietHoursEnd: t
+	}, e === null && t === null ? "Quiet hours cleared" : "Quiet hours saved"), Te = (e) => {
+		U.has(e) || Z({ mutedKinds: [...U, e] }, `${x(e)} suggestions muted`);
+	}, Ee = /* @__PURE__ */ z(ye, {
+		prefs: L,
+		loading: ae,
+		saving: I,
+		onToggleOutputGuard: Ce,
+		onQuietHoursChange: we,
+		onUnmuteKind: (e) => void Z({ mutedKinds: [...U].filter((t) => t !== e) }, `${x(e)} suggestions unmuted`)
+	}), Q = /* @__PURE__ */ B("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, {
+		onClick: ge,
+		disabled: M || !t,
+		className: J,
+		children: [/* @__PURE__ */ z(F, { className: "h-4 w-4" }), M ? "Generating…" : "Generate recommendations"]
+	}), $ = "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.", De = /* @__PURE__ */ z(V, {
 		treatment: "insight",
 		className: "mt-6 p-4 sm:p-5",
-		children: /* @__PURE__ */ R("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ L("span", {
+			children: [/* @__PURE__ */ z("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", {
+				children: /* @__PURE__ */ z(P, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ B("div", {
 				className: "min-w-0",
-				children: [/* @__PURE__ */ L("h3", {
+				children: [/* @__PURE__ */ z("h3", {
 					className: "text-sm font-semibold text-text-primary",
 					children: "Never optimises for more output."
-				}), /* @__PURE__ */ L("p", {
+				}), /* @__PURE__ */ z("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, {
+	if (!t || ne) return /* @__PURE__ */ z(d, {
 		title: "Recommendations",
 		description: "Values-aware suggestions from your real timeline",
-		purpose: Z,
-		actions: X,
-		children: /* @__PURE__ */ L(n, {
+		purpose: $,
+		actions: Q,
+		children: /* @__PURE__ */ z(r, {
 			variant: "list",
 			count: 4
 		})
 	});
-	if (T) return /* @__PURE__ */ L(c, {
+	if (re) return /* @__PURE__ */ z(d, {
 		title: "Recommendations",
 		description: "Values-aware suggestions from your real timeline",
-		purpose: Z,
-		actions: X,
-		children: /* @__PURE__ */ L("div", {
+		purpose: $,
+		actions: Q,
+		children: /* @__PURE__ */ z("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, {
+	let Oe = W.length > 0, ke = be(y);
+	return /* @__PURE__ */ B(d, {
 		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",
+		purpose: $,
+		actions: Q,
+		children: [
+			Oe ? /* @__PURE__ */ B("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]",
+				children: [/* @__PURE__ */ B("div", {
+					className: "min-w-0 space-y-6",
 					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__ */ B("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+							children: [
+								/* @__PURE__ */ z(n, {
+									featured: !0,
+									title: "New for you",
+									value: String(q),
+									icon: /* @__PURE__ */ z(F, { className: "h-5 w-5" }),
+									description: "Awaiting your call"
+								}),
+								/* @__PURE__ */ z(n, {
+									title: "Accepted",
+									value: String(me),
+									icon: /* @__PURE__ */ z(te, { className: "h-5 w-5" }),
+									description: "Changes you chose to make"
+								}),
+								/* @__PURE__ */ z(n, {
+									title: "Snoozed",
+									value: String(he),
+									icon: /* @__PURE__ */ z(A, { className: "h-5 w-5" }),
+									description: "Waiting for a better moment"
+								})
+							]
 						}),
-						/* @__PURE__ */ L(t, {
-							title: "Accepted",
-							value: String(U),
-							icon: /* @__PURE__ */ L(y, { className: "h-5 w-5" }),
-							description: "Changes you chose to make"
+						/* @__PURE__ */ z("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ z("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: fe.map((e) => {
+									let t = e.key === y, n = G[e.key] ?? 0;
+									return /* @__PURE__ */ B("button", {
+										type: "button",
+										role: "tab",
+										"aria-selected": t,
+										onClick: () => b(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__ */ z("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);
+								})
+							})
 						}),
-						/* @__PURE__ */ L(t, {
-							title: "Snoozed",
-							value: String(W),
-							icon: /* @__PURE__ */ L(x, { className: "h-5 w-5" }),
-							description: "Waiting for a better moment"
-						})
+						K.length === 0 ? /* @__PURE__ */ z(p, {
+							illustration: "empty-data",
+							title: ke.title,
+							description: ke.description,
+							action: y === H.New ? Q : void 0
+						}) : /* @__PURE__ */ z("div", {
+							className: "space-y-4",
+							children: K.map((e) => /* @__PURE__ */ z(ve, {
+								rec: e,
+								busy: ee === e.id || I,
+								muted: U.has(e.kind),
+								onAccept: X,
+								onSnooze: _e,
+								onDismiss: xe,
+								onMuteKind: Te
+							}, e.id))
+						}),
+						De
 					]
-				}),
-				/* @__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, {
+				}), /* @__PURE__ */ z("div", { children: Ee })]
+			}) : /* @__PURE__ */ B("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]",
+				children: [/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z(p, {
 					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
-		})]
+					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: Q
+				}), De] }), /* @__PURE__ */ z("div", { children: Ee })]
+			}),
+			/* @__PURE__ */ B(m, {
+				open: T !== null,
+				onClose: () => E(null),
+				title: "Dismiss this suggestion",
+				description: T?.title,
+				size: "sm",
+				footer: /* @__PURE__ */ B(de, { children: [/* @__PURE__ */ z("button", {
+					type: "button",
+					onClick: () => E(null),
+					className: Y,
+					children: "Cancel"
+				}), /* @__PURE__ */ B("button", {
+					type: "button",
+					onClick: () => void Se(),
+					disabled: ee !== null,
+					className: J,
+					children: [/* @__PURE__ */ z(R, { className: "h-4 w-4" }), "Dismiss"]
+				})] }),
+				children: [
+					/* @__PURE__ */ B("label", {
+						htmlFor: "rec-dismiss-reason",
+						className: "block text-sm font-medium text-text-primary",
+						children: [
+							"Why isn't this one for you?",
+							" ",
+							/* @__PURE__ */ z("span", {
+								className: "font-normal text-text-secondary",
+								children: "(optional)"
+							})
+						]
+					}),
+					/* @__PURE__ */ z("textarea", {
+						id: "rec-dismiss-reason",
+						rows: 3,
+						value: D,
+						onChange: (e) => O(e.target.value),
+						placeholder: "e.g. already handled, not the right week",
+						className: "mt-1.5 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary"
+					}),
+					/* @__PURE__ */ z("p", {
+						className: "mt-2 text-xs text-text-secondary",
+						children: "Saved with the suggestion so you can see why you passed on it later. To stop this kind of suggestion entirely, use Mute this kind."
+					})
+				]
+			}),
+			/* @__PURE__ */ z(h, {
+				toasts: f,
+				onDismiss: v
+			})
+		]
 	});
 }
 //#endregion
-export { Q as RecommendationsPage };
+export { xe as RecommendationsPage };
 
 //# sourceMappingURL=RecommendationsPage.js.map