@burdenoff/microfe-timecampus 2026.904.1 → 2026.1025.1

package/dist/timecampus/pages/focus/FocusProtectionPage.js

@@ -0,0 +1,553 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as ee } from "../../components/LoadingSkeleton.js";
+import { useCancelFocusBlockMutation as te, useEndFocusSessionMutation as ne, useGetActiveFocusSessionQuery as re, useGetFocusBlockSuggestionsQuery as ie, useGetFocusPreferencesQuery as ae, useGetFocusProtectionSummaryQuery as oe, useListFocusBlocksQuery as se, useLogFocusInterruptionMutation as ce, useRespondToFocusBlockSuggestionMutation as le, useStartFocusSessionMutation as ue, useUpdateFocusPreferencesMutation as de } from "../../../generated/wspace-operations.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { ToastContainer as fe, useToast as pe } from "../../components/Toast.js";
+import { TimeCampusFocusBlockResponse as i, TimeCampusFocusProtectionLevel as a, TimeCampusFocusSessionStatus as o } from "../../../generated/wspace-types.js";
+import { DAY_MS as me, canStartBlock as he, formatDuration as s, formatRange as c, localDayStart as ge, minutesLeft as _e, minutesToTime as l, parseSiteList as ve, reasonLabel as ye, timeToMinutes as be } from "./focusHelpers.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { AlarmClock as xe, Ban as Se, CalendarClock as Ce, Check as we, Play as Te, Shield as p, ShieldCheck as Ee, Square as De, Target as m, X as Oe } from "lucide-react";
+import { Fragment as ke, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { GlassCard as Ae } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/pages/focus/FocusProtectionPage.tsx
+var _ = "Focus Protection", v = "Adaptive focus blocks and distraction blocking during focus sessions", je = [
+	"GetActiveFocusSession",
+	"GetFocusBlockSuggestions",
+	"ListFocusBlocks",
+	"GetFocusProtectionSummary"
+], y = "rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary", b = "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 bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-surface-hover disabled:opacity-50";
+function S(e) {
+	return e instanceof Error ? e.message : "Something went wrong";
+}
+function C() {
+	let { workspaceId: C = "" } = e(), { toasts: Me, addToast: w, dismissToast: Ne } = pe(), [T, Pe] = f(0), [E, Fe] = f(() => Date.now());
+	u(() => {
+		let e = window.setInterval(() => Fe(Date.now()), 6e4);
+		return () => window.clearInterval(e);
+	}, []);
+	let D = d(() => ge(/* @__PURE__ */ new Date(), T), [T]), Ie = d(() => new Date(D.getTime() + me), [D]), Le = d(() => {
+		let e = /* @__PURE__ */ new Date();
+		return {
+			from: (/* @__PURE__ */ new Date(e.getTime() - 7 * me)).toISOString(),
+			to: e.toISOString()
+		};
+	}, []), O = re({ skip: !C }), k = ie({
+		variables: { dayStart: D.toISOString() },
+		skip: !C
+	}), Re = se({
+		variables: {
+			from: D.toISOString(),
+			to: Ie.toISOString()
+		},
+		skip: !C
+	}), A = ae({ skip: !C }), ze = oe({
+		variables: Le,
+		skip: !C
+	}), j = { refetchQueries: je }, [Be, { loading: M }] = ue(j), [Ve, { loading: N }] = ne(j), [He] = ce(j), [Ue, { loading: P }] = le(j), [We] = te(j), [Ge, { loading: F }] = de({ refetchQueries: ["GetFocusPreferences", "GetFocusBlockSuggestions"] }), [I, Ke] = f(50), [L, qe] = f(!1), R = A.data?.timeCampusFocusPreferences, [z, B] = f("09:00"), [V, H] = f("18:00"), [U, W] = f(90), [Je, G] = f(2), [K, q] = f(10), [Ye, Xe] = f(!0), [Ze, J] = f("");
+	u(() => {
+		R && (B(l(R.workdayStartMinute)), H(l(R.workdayEndMinute)), W(R.preferredBlockMinutes), G(R.maxBlocksPerDay), q(R.meetingBufferMinutes), Xe(R.blockingEnabled), J(R.blockedDomains.join("\n")));
+	}, [R]);
+	let Y = O.data?.timeCampusActiveFocusSession ?? null, Qe = k.data?.timeCampusFocusBlockSuggestions ?? [], $e = Re.data?.timeCampusFocusBlocks ?? [], X = ze.data?.timeCampusFocusSummary, et = !O.data && O.loading || !A.data && A.loading, tt = O.error ?? A.error;
+	async function Z(e, t) {
+		try {
+			await e(), w({
+				title: t,
+				variant: "success"
+			});
+		} catch (e) {
+			w({
+				title: S(e),
+				variant: "error"
+			});
+		}
+	}
+	let nt = (e) => Z(() => Be({ variables: {
+		plannedDurationSeconds: e ? void 0 : I * 60,
+		protectionLevel: L ? a.Strict : a.Standard,
+		focusBlockId: e
+	} }), "Focus session started"), rt = (e) => Y ? Z(() => Ve({ variables: {
+		id: Y.id,
+		status: e
+	} }), e === o.Completed ? "Focus session completed" : "Focus session abandoned") : void 0, Q = (e, t) => Z(() => Ue({ variables: { input: {
+		startTime: e.startTime,
+		endTime: e.endTime,
+		response: t,
+		dayStart: D.toISOString(),
+		snoozeMinutes: t === i.Snooze ? 30 : null
+	} } }), t === i.Accept ? "Focus block scheduled" : t === i.Snooze ? "Snoozed for 30 minutes" : "Suggestion dismissed"), it = () => {
+		let e = be(z), t = be(V);
+		if (e === null || t === null) {
+			w({
+				title: "Use HH:MM for the workday",
+				variant: "error"
+			});
+			return;
+		}
+		Z(() => Ge({ variables: { input: {
+			workdayStartMinute: e,
+			workdayEndMinute: t,
+			preferredBlockMinutes: U,
+			minBlockMinutes: Math.min(45, U),
+			maxBlocksPerDay: Je,
+			meetingBufferMinutes: K,
+			blockingEnabled: Ye,
+			blockedDomains: ve(Ze)
+		} } }), "Focus settings saved");
+	};
+	if (et) return /* @__PURE__ */ h(n, {
+		title: _,
+		description: v,
+		children: /* @__PURE__ */ h(ee, {
+			variant: "card",
+			count: 4
+		})
+	});
+	if (tt && !O.data) return /* @__PURE__ */ h(n, {
+		title: _,
+		description: v,
+		children: /* @__PURE__ */ h("div", {
+			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
+			children: "Failed to load focus protection. Please try again later."
+		})
+	});
+	let $ = Y ? _e(Y.startTime, Y.plannedDurationSeconds, E) : null, at = X ? Math.round(X.averageProtectionRatio * 100) : null;
+	return /* @__PURE__ */ g(n, {
+		title: _,
+		description: v,
+		purpose: "Protect the hours that matter: TimeCampus suggests focus blocks around your meetings and the times you focus best, and blocks distracting sites in your browser while a session runs.",
+		children: [
+			/* @__PURE__ */ h(fe, {
+				toasts: Me,
+				onDismiss: Ne
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ h(t, {
+						featured: !0,
+						title: "Protected Time",
+						value: X ? s(X.totalProtectedSeconds) : "--",
+						icon: /* @__PURE__ */ h(Ee, { className: "h-5 w-5" }),
+						description: "Last 7 days"
+					}),
+					/* @__PURE__ */ h(t, {
+						title: "Protection Ratio",
+						value: at === null ? "--" : `${at}%`,
+						icon: /* @__PURE__ */ h(p, { className: "h-5 w-5" }),
+						description: "Protected vs interrupted"
+					}),
+					/* @__PURE__ */ h(t, {
+						title: "Sessions",
+						value: X ? String(X.totalSessions) : "--",
+						icon: /* @__PURE__ */ h(m, { className: "h-5 w-5" }),
+						description: X ? `${X.completedSessions} completed` : "Last 7 days"
+					}),
+					/* @__PURE__ */ h(t, {
+						title: "Interruptions",
+						value: X ? String(X.totalInterruptionCount) : "--",
+						icon: /* @__PURE__ */ h(Se, { className: "h-5 w-5" }),
+						description: "Logged, detected or bypassed"
+					})
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "mt-6",
+				"data-testid": "focus-session-card",
+				children: /* @__PURE__ */ g(Ae, {
+					treatment: "glass",
+					glow: !0,
+					className: "p-6",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex flex-wrap items-start justify-between gap-4",
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("h3", {
+							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+							children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), "Focus session"]
+						}), Y ? /* @__PURE__ */ g("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							"data-testid": "focus-session-status",
+							children: [
+								$ === null ? "Open-ended session in progress." : $ === 0 ? "Planned time is up — finish when you're ready." : `${$} minute${$ === 1 ? "" : "s"} left.`,
+								" ",
+								Y.interruptionCount,
+								" interruption",
+								Y.interruptionCount === 1 ? "" : "s",
+								",",
+								" ",
+								Y.blockedAttemptCount,
+								" site",
+								Y.blockedAttemptCount === 1 ? "" : "s",
+								" blocked."
+							]
+						}) : /* @__PURE__ */ h("p", {
+							className: "mt-1 text-sm text-text-secondary",
+							children: "No session running. While one is active, the TimeCampus browser extension blocks the sites listed below."
+						})] }), Y && /* @__PURE__ */ h(r, {
+							variant: Y.protectionLevel === a.Strict ? "warning" : "success",
+							label: Y.protectionLevel === a.Strict ? "Strict" : "Standard"
+						})]
+					}), /* @__PURE__ */ h("div", {
+						className: "mt-4 flex flex-wrap items-center gap-3",
+						children: Y ? /* @__PURE__ */ g(ke, { children: [
+							/* @__PURE__ */ g("button", {
+								type: "button",
+								className: b,
+								disabled: N,
+								onClick: () => rt(o.Completed),
+								"data-testid": "focus-end",
+								children: [/* @__PURE__ */ h(De, { className: "h-4 w-4" }), " End session"]
+							}),
+							/* @__PURE__ */ h("button", {
+								type: "button",
+								className: x,
+								disabled: N,
+								onClick: () => rt(o.Abandoned),
+								children: "Abandon"
+							}),
+							/* @__PURE__ */ h("button", {
+								type: "button",
+								className: x,
+								onClick: () => Z(() => He({ variables: { focusSessionId: Y.id } }), "Interruption logged"),
+								"data-testid": "focus-log-interruption",
+								children: "Log an interruption"
+							})
+						] }) : /* @__PURE__ */ g(ke, { children: [
+							/* @__PURE__ */ g("label", {
+								className: "flex items-center gap-2 text-sm text-text-secondary",
+								children: ["Length", /* @__PURE__ */ g("select", {
+									className: y,
+									value: I,
+									onChange: (e) => Ke(Number(e.target.value)),
+									"data-testid": "focus-length",
+									children: [
+										/* @__PURE__ */ h("option", {
+											value: 25,
+											children: "25 min"
+										}),
+										/* @__PURE__ */ h("option", {
+											value: 50,
+											children: "50 min"
+										}),
+										/* @__PURE__ */ h("option", {
+											value: 90,
+											children: "90 min"
+										}),
+										/* @__PURE__ */ h("option", {
+											value: 120,
+											children: "2 hours"
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ g("label", {
+								className: "flex items-center gap-2 text-sm text-text-secondary",
+								children: [/* @__PURE__ */ h("input", {
+									type: "checkbox",
+									checked: L,
+									onChange: (e) => qe(e.target.checked),
+									className: "h-4 w-4 rounded border-border-subtle"
+								}), "Strict (no “continue anyway”)"]
+							}),
+							/* @__PURE__ */ g("button", {
+								type: "button",
+								className: b,
+								disabled: M,
+								onClick: () => nt(),
+								"data-testid": "focus-start",
+								children: [/* @__PURE__ */ h(Te, { className: "h-4 w-4" }), " Start focus session"]
+							})
+						] })
+					})]
+				})
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ g("div", {
+					className: "rounded-xl border border-border-seam bg-bg-surface p-6 shadow-elevation-1",
+					"data-testid": "focus-suggestions",
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-center justify-between gap-2",
+							children: [/* @__PURE__ */ g("h3", {
+								className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+								children: [/* @__PURE__ */ h(Ce, { className: "h-4 w-4" }), "Suggested focus blocks"]
+							}), /* @__PURE__ */ h("div", {
+								className: "flex gap-1",
+								role: "group",
+								"aria-label": "Day to plan",
+								children: ["Today", "Tomorrow"].map((e, t) => /* @__PURE__ */ h("button", {
+									type: "button",
+									"aria-pressed": T === t,
+									className: T === t ? b : x,
+									onClick: () => Pe(t),
+									children: e
+								}, e))
+							})]
+						}),
+						/* @__PURE__ */ h("p", {
+							className: "mt-1 text-xs text-text-secondary",
+							children: "Ranked from your peak hours, meetings and how well past sessions held up. Snoozed and dismissed slots are planned around."
+						}),
+						/* @__PURE__ */ g("div", {
+							className: "mt-4 space-y-3",
+							children: [
+								k.error && /* @__PURE__ */ h("p", {
+									className: "text-sm text-status-error-text",
+									children: S(k.error)
+								}),
+								!k.error && k.data && Qe.length === 0 && /* @__PURE__ */ g("p", {
+									className: "text-sm text-text-secondary",
+									"data-testid": "focus-suggestions-empty",
+									children: [
+										"No free window left for",
+										" ",
+										T === 0 ? "today" : "tomorrow",
+										" — your day is full or you have scheduled your maximum blocks."
+									]
+								}),
+								Qe.map((e) => /* @__PURE__ */ g("div", {
+									className: "rounded-lg border border-border-subtle p-3",
+									"data-testid": "focus-suggestion",
+									children: [
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-wrap items-center justify-between gap-2",
+											children: [/* @__PURE__ */ g("span", {
+												className: "text-sm font-medium text-text-primary",
+												children: [c(e.startTime, e.endTime), /* @__PURE__ */ h("span", {
+													className: "ml-2 text-xs text-text-secondary",
+													children: s(e.durationMinutes * 60)
+												})]
+											}), /* @__PURE__ */ g("span", {
+												className: "text-xs text-text-secondary",
+												children: [
+													"Fit ",
+													Math.round(e.score * 100),
+													"%"
+												]
+											})]
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "mt-2 flex flex-wrap gap-1.5",
+											children: e.reasons.map((e) => /* @__PURE__ */ h(r, {
+												variant: "info",
+												label: ye(e)
+											}, e))
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "mt-3 flex flex-wrap gap-2",
+											children: [
+												/* @__PURE__ */ g("button", {
+													type: "button",
+													className: b,
+													disabled: P,
+													onClick: () => Q(e, i.Accept),
+													"data-testid": "focus-suggestion-accept",
+													children: [/* @__PURE__ */ h(we, { className: "h-4 w-4" }), " Accept"]
+												}),
+												/* @__PURE__ */ g("button", {
+													type: "button",
+													className: x,
+													disabled: P,
+													onClick: () => Q(e, i.Snooze),
+													"data-testid": "focus-suggestion-snooze",
+													children: [/* @__PURE__ */ h(xe, { className: "h-4 w-4" }), " Snooze 30 min"]
+												}),
+												/* @__PURE__ */ g("button", {
+													type: "button",
+													className: x,
+													disabled: P,
+													onClick: () => Q(e, i.Dismiss),
+													"data-testid": "focus-suggestion-dismiss",
+													children: [/* @__PURE__ */ h(Oe, { className: "h-4 w-4" }), " Dismiss"]
+												})
+											]
+										})
+									]
+								}, e.startTime))
+							]
+						})
+					]
+				}), /* @__PURE__ */ g("div", {
+					className: "rounded-xl border border-border-seam bg-bg-surface p-6 shadow-elevation-1",
+					"data-testid": "focus-scheduled",
+					children: [/* @__PURE__ */ g("h3", {
+						className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+						children: [
+							/* @__PURE__ */ h(m, { className: "h-4 w-4" }),
+							"Scheduled (",
+							T === 0 ? "today" : "tomorrow",
+							")"
+						]
+					}), /* @__PURE__ */ g("div", {
+						className: "mt-4 space-y-3",
+						children: [Re.data && $e.length === 0 && /* @__PURE__ */ h("p", {
+							className: "text-sm text-text-secondary",
+							children: "Accept a suggestion to put a focus block on your schedule."
+						}), $e.map((e) => /* @__PURE__ */ g("div", {
+							className: "flex flex-wrap items-center justify-between gap-2 rounded-lg border border-border-subtle p-3",
+							"data-testid": "focus-scheduled-block",
+							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
+								className: "text-sm font-medium text-text-primary",
+								children: c(e.startTime, e.endTime)
+							}), /* @__PURE__ */ g("p", {
+								className: "text-xs text-text-secondary",
+								children: [
+									e.source === "ADAPTIVE" ? "Suggested" : "Manual",
+									" ·",
+									" ",
+									s(e.durationMinutes * 60)
+								]
+							})] }), e.status === "STARTED" ? /* @__PURE__ */ h(r, {
+								variant: "success",
+								label: "Started"
+							}) : /* @__PURE__ */ g("div", {
+								className: "flex gap-2",
+								children: [!Y && he(e.endTime, E) && /* @__PURE__ */ g("button", {
+									type: "button",
+									className: b,
+									disabled: M,
+									onClick: () => nt(e.id),
+									children: [/* @__PURE__ */ h(Te, { className: "h-4 w-4" }), " Start"]
+								}), /* @__PURE__ */ h("button", {
+									type: "button",
+									className: x,
+									onClick: () => Z(() => We({ variables: { id: e.id } }), "Focus block canceled"),
+									"data-testid": "focus-block-cancel",
+									children: "Cancel"
+								})]
+							})]
+						}, e.id))]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "mt-6 rounded-xl border border-border-seam bg-bg-surface p-6 shadow-elevation-1",
+				"data-testid": "focus-settings",
+				children: [
+					/* @__PURE__ */ g("h3", {
+						className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+						children: [/* @__PURE__ */ h(Se, { className: "h-4 w-4" }), "Distraction blocking and planning"]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "mt-4 grid grid-cols-1 gap-6 lg:grid-cols-2",
+						children: [/* @__PURE__ */ g("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ g("label", {
+									className: "flex items-center justify-between gap-4 text-sm text-text-primary",
+									children: ["Block sites during focus sessions", /* @__PURE__ */ h("input", {
+										type: "checkbox",
+										checked: Ye,
+										onChange: (e) => Xe(e.target.checked),
+										className: "h-4 w-4 rounded border-border-subtle",
+										"data-testid": "focus-blocking-enabled"
+									})]
+								}),
+								/* @__PURE__ */ g("label", {
+									className: "block text-sm text-text-primary",
+									children: ["Blocked sites", /* @__PURE__ */ h("textarea", {
+										rows: 6,
+										value: Ze,
+										onChange: (e) => J(e.target.value),
+										className: `${y} mt-1 w-full font-mono`,
+										"aria-describedby": "focus-sites-help",
+										"data-testid": "focus-blocked-sites"
+									})]
+								}),
+								/* @__PURE__ */ h("p", {
+									id: "focus-sites-help",
+									className: "text-xs text-text-secondary",
+									children: "One site per line (subdomains are included). Blocking is enforced by the TimeCampus browser extension while a session is active; allow-listed apps on a session are never blocked."
+								})
+							]
+						}), /* @__PURE__ */ g("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center justify-between gap-4",
+									children: [/* @__PURE__ */ h("span", {
+										className: "text-sm text-text-primary",
+										children: "Workday"
+									}), /* @__PURE__ */ g("span", {
+										className: "flex items-center gap-2",
+										children: [
+											/* @__PURE__ */ h("input", {
+												type: "time",
+												value: z,
+												onChange: (e) => B(e.target.value),
+												className: y,
+												"aria-label": "Workday start"
+											}),
+											/* @__PURE__ */ h("span", {
+												className: "text-text-secondary",
+												children: "to"
+											}),
+											/* @__PURE__ */ h("input", {
+												type: "time",
+												value: V === "24:00" ? "23:59" : V,
+												onChange: (e) => H(e.target.value),
+												className: y,
+												"aria-label": "Workday end"
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ g("label", {
+									className: "flex items-center justify-between gap-4 text-sm text-text-primary",
+									children: ["Preferred block length (minutes)", /* @__PURE__ */ h("input", {
+										type: "number",
+										min: 15,
+										max: 240,
+										step: 15,
+										value: U,
+										onChange: (e) => W(Number(e.target.value)),
+										className: `${y} w-24 text-right`
+									})]
+								}),
+								/* @__PURE__ */ g("label", {
+									className: "flex items-center justify-between gap-4 text-sm text-text-primary",
+									children: ["Focus blocks per day", /* @__PURE__ */ h("input", {
+										type: "number",
+										min: 1,
+										max: 6,
+										value: Je,
+										onChange: (e) => G(Number(e.target.value)),
+										className: `${y} w-24 text-right`
+									})]
+								}),
+								/* @__PURE__ */ g("label", {
+									className: "flex items-center justify-between gap-4 text-sm text-text-primary",
+									children: ["Buffer around meetings (minutes)", /* @__PURE__ */ h("input", {
+										type: "number",
+										min: 0,
+										max: 60,
+										step: 5,
+										value: K,
+										onChange: (e) => q(Number(e.target.value)),
+										className: `${y} w-24 text-right`
+									})]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ h("div", {
+						className: "mt-4 flex justify-end",
+						children: /* @__PURE__ */ h("button", {
+							type: "button",
+							className: b,
+							disabled: F,
+							onClick: it,
+							"data-testid": "focus-save-settings",
+							children: F ? "Saving..." : "Save focus settings"
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { C as FocusProtectionPage };
+
+//# sourceMappingURL=FocusProtectionPage.js.map

package/dist/timecampus/pages/focus/FocusProtectionPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusProtectionPage.js","names":[],"sources":["../../../../src/timecampus/pages/focus/FocusProtectionPage.tsx"],"sourcesContent":["/**\n * Focus Protection (BOFF-4196)\n *\n * One place to protect focus time:\n *  - run a focus session now (standard or strict) and see what it caught;\n *  - review adaptive focus-block suggestions for today or tomorrow, ranked\n *    from your own peak hours, meetings and past sessions, and accept,\n *    snooze or dismiss them;\n *  - start or cancel the blocks you accepted;\n *  - choose the sites the TimeCampus browser extension blocks during a\n *    session and the workday the planner works inside.\n */\nimport { useEffect, useMemo, useState } from \"react\";\nimport {\n  AlarmClock,\n  Ban,\n  CalendarClock,\n  Check,\n  Play,\n  Shield,\n  ShieldCheck,\n  Square,\n  Target,\n  X,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { StatusBadge } from \"../../components/StatusBadge\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { ToastContainer, useToast } from \"../../components/Toast\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  TimeCampusFocusBlockResponse,\n  TimeCampusFocusProtectionLevel,\n  TimeCampusFocusSessionStatus,\n} from \"@/generated/wspace-types\";\nimport {\n  useCancelFocusBlockMutation,\n  useEndFocusSessionMutation,\n  useGetActiveFocusSessionQuery,\n  useGetFocusBlockSuggestionsQuery,\n  useGetFocusPreferencesQuery,\n  useGetFocusProtectionSummaryQuery,\n  useListFocusBlocksQuery,\n  useLogFocusInterruptionMutation,\n  useRespondToFocusBlockSuggestionMutation,\n  useStartFocusSessionMutation,\n  useUpdateFocusPreferencesMutation,\n  type FocusBlockFieldsFragment,\n  type FocusPreferencesFieldsFragment,\n  type FocusSessionFieldsFragment,\n  type GetFocusBlockSuggestionsQuery,\n  type GetFocusProtectionSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\ntype FocusSuggestion =\n  GetFocusBlockSuggestionsQuery[\"timeCampusFocusBlockSuggestions\"][number];\ntype FocusWeekSummary =\n  GetFocusProtectionSummaryQuery[\"timeCampusFocusSummary\"];\nimport {\n  DAY_MS,\n  canStartBlock,\n  formatDuration,\n  formatRange,\n  localDayStart,\n  minutesLeft,\n  minutesToTime,\n  parseSiteList,\n  reasonLabel,\n  timeToMinutes,\n} from \"./focusHelpers\";\n\nconst PAGE_TITLE = \"Focus Protection\";\nconst PAGE_DESCRIPTION =\n  \"Adaptive focus blocks and distraction blocking during focus sessions\";\nconst REFRESH_QUERIES = [\n  \"GetActiveFocusSession\",\n  \"GetFocusBlockSuggestions\",\n  \"ListFocusBlocks\",\n  \"GetFocusProtectionSummary\",\n];\n\nconst inputClass =\n  \"rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm text-text-primary\";\nconst primaryButton =\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 outlineButton =\n  \"inline-flex items-center gap-1.5 rounded-md border border-border-subtle bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-surface-hover disabled:opacity-50\";\n\nfunction errorMessage(err: unknown): string {\n  return err instanceof Error ? err.message : \"Something went wrong\";\n}\n\nexport function FocusProtectionPage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { toasts, addToast, dismissToast } = useToast();\n  const [dayOffset, setDayOffset] = useState(0);\n  const [now, setNow] = useState(() => Date.now());\n\n  // Re-render once a minute so \"minutes left\" and startable blocks stay current.\n  useEffect(() => {\n    const timer = window.setInterval(() => setNow(Date.now()), 60_000);\n    return () => window.clearInterval(timer);\n  }, []);\n\n  const dayStart = useMemo(\n    () => localDayStart(new Date(), dayOffset),\n    [dayOffset],\n  );\n  const dayEnd = useMemo(\n    () => new Date(dayStart.getTime() + DAY_MS),\n    [dayStart],\n  );\n  const weekRange = useMemo(() => {\n    const to = new Date();\n    return {\n      from: new Date(to.getTime() - 7 * DAY_MS).toISOString(),\n      to: to.toISOString(),\n    };\n  }, []);\n\n  const active = useGetActiveFocusSessionQuery({ skip: !workspaceId });\n  const suggestions = useGetFocusBlockSuggestionsQuery({\n    variables: { dayStart: dayStart.toISOString() },\n    skip: !workspaceId,\n  });\n  const blocks = useListFocusBlocksQuery({\n    variables: { from: dayStart.toISOString(), to: dayEnd.toISOString() },\n    skip: !workspaceId,\n  });\n  const prefs = useGetFocusPreferencesQuery({ skip: !workspaceId });\n  const summary = useGetFocusProtectionSummaryQuery({\n    variables: weekRange,\n    skip: !workspaceId,\n  });\n\n  const mutationOptions = { refetchQueries: REFRESH_QUERIES };\n  const [startSession, { loading: starting }] =\n    useStartFocusSessionMutation(mutationOptions);\n  const [endSession, { loading: ending }] =\n    useEndFocusSessionMutation(mutationOptions);\n  const [logInterruption] = useLogFocusInterruptionMutation(mutationOptions);\n  const [respond, { loading: responding }] =\n    useRespondToFocusBlockSuggestionMutation(mutationOptions);\n  const [cancelBlock] = useCancelFocusBlockMutation(mutationOptions);\n  const [savePrefs, { loading: savingPrefs }] =\n    useUpdateFocusPreferencesMutation({\n      refetchQueries: [\"GetFocusPreferences\", \"GetFocusBlockSuggestions\"],\n    });\n\n  // ---- Start-session form ----\n  const [sessionMinutes, setSessionMinutes] = useState(50);\n  const [strict, setStrict] = useState(false);\n\n  // ---- Preferences form ----\n  const loadedPrefs: FocusPreferencesFieldsFragment | undefined =\n    prefs.data?.timeCampusFocusPreferences;\n  const [workdayStart, setWorkdayStart] = useState(\"09:00\");\n  const [workdayEnd, setWorkdayEnd] = useState(\"18:00\");\n  const [blockMinutes, setBlockMinutes] = useState(90);\n  const [maxBlocks, setMaxBlocks] = useState(2);\n  const [buffer, setBuffer] = useState(10);\n  const [blockingEnabled, setBlockingEnabled] = useState(true);\n  const [sitesText, setSitesText] = useState(\"\");\n\n  useEffect(() => {\n    if (!loadedPrefs) return;\n    setWorkdayStart(minutesToTime(loadedPrefs.workdayStartMinute));\n    setWorkdayEnd(minutesToTime(loadedPrefs.workdayEndMinute));\n    setBlockMinutes(loadedPrefs.preferredBlockMinutes);\n    setMaxBlocks(loadedPrefs.maxBlocksPerDay);\n    setBuffer(loadedPrefs.meetingBufferMinutes);\n    setBlockingEnabled(loadedPrefs.blockingEnabled);\n    setSitesText(loadedPrefs.blockedDomains.join(\"\\n\"));\n  }, [loadedPrefs]);\n\n  const session: FocusSessionFieldsFragment | null =\n    active.data?.timeCampusActiveFocusSession ?? null;\n  const suggestionList: FocusSuggestion[] =\n    suggestions.data?.timeCampusFocusBlockSuggestions ?? [];\n  const scheduled: FocusBlockFieldsFragment[] =\n    blocks.data?.timeCampusFocusBlocks ?? [];\n  const week: FocusWeekSummary | undefined =\n    summary.data?.timeCampusFocusSummary;\n\n  // Gate the skeleton on data, not `loading`: refetches after a mutation must\n  // not unmount the page (and the form state in it).\n  const firstLoad =\n    (!active.data && active.loading) || (!prefs.data && prefs.loading);\n  const loadError = active.error ?? prefs.error;\n\n  async function run(action: () => Promise<unknown>, success: string) {\n    try {\n      await action();\n      addToast({ title: success, variant: \"success\" });\n    } catch (err) {\n      addToast({ title: errorMessage(err), variant: \"error\" });\n    }\n  }\n\n  const handleStart = (focusBlockId?: string) =>\n    run(\n      () =>\n        startSession({\n          variables: {\n            plannedDurationSeconds: focusBlockId\n              ? undefined\n              : sessionMinutes * 60,\n            protectionLevel: strict\n              ? TimeCampusFocusProtectionLevel.Strict\n              : TimeCampusFocusProtectionLevel.Standard,\n            focusBlockId,\n          },\n        }),\n      \"Focus session started\",\n    );\n\n  const handleEnd = (status: TimeCampusFocusSessionStatus) =>\n    session\n      ? run(\n          () => endSession({ variables: { id: session.id, status } }),\n          status === TimeCampusFocusSessionStatus.Completed\n            ? \"Focus session completed\"\n            : \"Focus session abandoned\",\n        )\n      : undefined;\n\n  const handleRespond = (\n    s: { startTime: string; endTime: string },\n    response: TimeCampusFocusBlockResponse,\n  ) =>\n    run(\n      () =>\n        respond({\n          variables: {\n            input: {\n              startTime: s.startTime,\n              endTime: s.endTime,\n              response,\n              dayStart: dayStart.toISOString(),\n              snoozeMinutes:\n                response === TimeCampusFocusBlockResponse.Snooze ? 30 : null,\n            },\n          },\n        }),\n      response === TimeCampusFocusBlockResponse.Accept\n        ? \"Focus block scheduled\"\n        : response === TimeCampusFocusBlockResponse.Snooze\n          ? \"Snoozed for 30 minutes\"\n          : \"Suggestion dismissed\",\n    );\n\n  const handleSavePrefs = () => {\n    const startMinute = timeToMinutes(workdayStart);\n    const endMinute = timeToMinutes(workdayEnd);\n    if (startMinute === null || endMinute === null) {\n      addToast({ title: \"Use HH:MM for the workday\", variant: \"error\" });\n      return;\n    }\n    void run(\n      () =>\n        savePrefs({\n          variables: {\n            input: {\n              workdayStartMinute: startMinute,\n              workdayEndMinute: endMinute,\n              preferredBlockMinutes: blockMinutes,\n              minBlockMinutes: Math.min(45, blockMinutes),\n              maxBlocksPerDay: maxBlocks,\n              meetingBufferMinutes: buffer,\n              blockingEnabled,\n              blockedDomains: parseSiteList(sitesText),\n            },\n          },\n        }),\n      \"Focus settings saved\",\n    );\n  };\n\n  if (firstLoad) {\n    return (\n      <PageLayout title={PAGE_TITLE} description={PAGE_DESCRIPTION}>\n        <LoadingSkeleton variant=\"card\" count={4} />\n      </PageLayout>\n    );\n  }\n\n  if (loadError && !active.data) {\n    return (\n      <PageLayout title={PAGE_TITLE} description={PAGE_DESCRIPTION}>\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          Failed to load focus protection. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const left = session\n    ? minutesLeft(session.startTime, session.plannedDurationSeconds, now)\n    : null;\n  const ratio = week ? Math.round(week.averageProtectionRatio * 100) : null;\n\n  return (\n    <PageLayout\n      title={PAGE_TITLE}\n      description={PAGE_DESCRIPTION}\n      purpose=\"Protect the hours that matter: TimeCampus suggests focus blocks around your meetings and the times you focus best, and blocks distracting sites in your browser while a session runs.\"\n    >\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n\n      {/* Last 7 days */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Protected Time\"\n          value={week ? formatDuration(week.totalProtectedSeconds) : \"--\"}\n          icon={<ShieldCheck className=\"h-5 w-5\" />}\n          description=\"Last 7 days\"\n        />\n        <StatCard\n          title=\"Protection Ratio\"\n          value={ratio === null ? \"--\" : `${ratio}%`}\n          icon={<Shield className=\"h-5 w-5\" />}\n          description=\"Protected vs interrupted\"\n        />\n        <StatCard\n          title=\"Sessions\"\n          value={week ? String(week.totalSessions) : \"--\"}\n          icon={<Target className=\"h-5 w-5\" />}\n          description={\n            week ? `${week.completedSessions} completed` : \"Last 7 days\"\n          }\n        />\n        <StatCard\n          title=\"Interruptions\"\n          value={week ? String(week.totalInterruptionCount) : \"--\"}\n          icon={<Ban className=\"h-5 w-5\" />}\n          description=\"Logged, detected or bypassed\"\n        />\n      </div>\n\n      {/* Current session */}\n      <div className=\"mt-6\" data-testid=\"focus-session-card\">\n        <GlassCard treatment=\"glass\" glow className=\"p-6\">\n          <div className=\"flex flex-wrap items-start justify-between gap-4\">\n            <div>\n              <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n                <Shield className=\"h-4 w-4\" />\n                Focus session\n              </h3>\n              {session ? (\n                <p\n                  className=\"mt-1 text-sm text-text-secondary\"\n                  data-testid=\"focus-session-status\"\n                >\n                  {left === null\n                    ? \"Open-ended session in progress.\"\n                    : left === 0\n                      ? \"Planned time is up — finish when you're ready.\"\n                      : `${left} minute${left === 1 ? \"\" : \"s\"} left.`}{\" \"}\n                  {session.interruptionCount} interruption\n                  {session.interruptionCount === 1 ? \"\" : \"s\"},{\" \"}\n                  {session.blockedAttemptCount} site\n                  {session.blockedAttemptCount === 1 ? \"\" : \"s\"} blocked.\n                </p>\n              ) : (\n                <p className=\"mt-1 text-sm text-text-secondary\">\n                  No session running. While one is active, the TimeCampus\n                  browser extension blocks the sites listed below.\n                </p>\n              )}\n            </div>\n            {session && (\n              <StatusBadge\n                variant={\n                  session.protectionLevel ===\n                  TimeCampusFocusProtectionLevel.Strict\n                    ? \"warning\"\n                    : \"success\"\n                }\n                label={\n                  session.protectionLevel ===\n                  TimeCampusFocusProtectionLevel.Strict\n                    ? \"Strict\"\n                    : \"Standard\"\n                }\n              />\n            )}\n          </div>\n\n          <div className=\"mt-4 flex flex-wrap items-center gap-3\">\n            {session ? (\n              <>\n                <button\n                  type=\"button\"\n                  className={primaryButton}\n                  disabled={ending}\n                  onClick={() =>\n                    handleEnd(TimeCampusFocusSessionStatus.Completed)\n                  }\n                  data-testid=\"focus-end\"\n                >\n                  <Square className=\"h-4 w-4\" /> End session\n                </button>\n                <button\n                  type=\"button\"\n                  className={outlineButton}\n                  disabled={ending}\n                  onClick={() =>\n                    handleEnd(TimeCampusFocusSessionStatus.Abandoned)\n                  }\n                >\n                  Abandon\n                </button>\n                <button\n                  type=\"button\"\n                  className={outlineButton}\n                  onClick={() =>\n                    run(\n                      () =>\n                        logInterruption({\n                          variables: { focusSessionId: session.id },\n                        }),\n                      \"Interruption logged\",\n                    )\n                  }\n                  data-testid=\"focus-log-interruption\"\n                >\n                  Log an interruption\n                </button>\n              </>\n            ) : (\n              <>\n                <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n                  Length\n                  <select\n                    className={inputClass}\n                    value={sessionMinutes}\n                    onChange={(e) => setSessionMinutes(Number(e.target.value))}\n                    data-testid=\"focus-length\"\n                  >\n                    <option value={25}>25 min</option>\n                    <option value={50}>50 min</option>\n                    <option value={90}>90 min</option>\n                    <option value={120}>2 hours</option>\n                  </select>\n                </label>\n                <label className=\"flex items-center gap-2 text-sm text-text-secondary\">\n                  <input\n                    type=\"checkbox\"\n                    checked={strict}\n                    onChange={(e) => setStrict(e.target.checked)}\n                    className=\"h-4 w-4 rounded border-border-subtle\"\n                  />\n                  Strict (no &ldquo;continue anyway&rdquo;)\n                </label>\n                <button\n                  type=\"button\"\n                  className={primaryButton}\n                  disabled={starting}\n                  onClick={() => handleStart()}\n                  data-testid=\"focus-start\"\n                >\n                  <Play className=\"h-4 w-4\" /> Start focus session\n                </button>\n              </>\n            )}\n          </div>\n        </GlassCard>\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        {/* Suggestions */}\n        <div\n          className=\"rounded-xl border border-border-seam bg-bg-surface p-6 shadow-elevation-1\"\n          data-testid=\"focus-suggestions\"\n        >\n          <div className=\"flex flex-wrap items-center justify-between gap-2\">\n            <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n              <CalendarClock className=\"h-4 w-4\" />\n              Suggested focus blocks\n            </h3>\n            <div className=\"flex gap-1\" role=\"group\" aria-label=\"Day to plan\">\n              {[\"Today\", \"Tomorrow\"].map((label, index) => (\n                <button\n                  key={label}\n                  type=\"button\"\n                  aria-pressed={dayOffset === index}\n                  className={\n                    dayOffset === index ? primaryButton : outlineButton\n                  }\n                  onClick={() => setDayOffset(index)}\n                >\n                  {label}\n                </button>\n              ))}\n            </div>\n          </div>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Ranked from your peak hours, meetings and how well past sessions\n            held up. Snoozed and dismissed slots are planned around.\n          </p>\n\n          <div className=\"mt-4 space-y-3\">\n            {suggestions.error && (\n              <p className=\"text-sm text-status-error-text\">\n                {errorMessage(suggestions.error)}\n              </p>\n            )}\n            {!suggestions.error &&\n              suggestions.data &&\n              suggestionList.length === 0 && (\n                <p\n                  className=\"text-sm text-text-secondary\"\n                  data-testid=\"focus-suggestions-empty\"\n                >\n                  No free window left for{\" \"}\n                  {dayOffset === 0 ? \"today\" : \"tomorrow\"} — your day is full or\n                  you have scheduled your maximum blocks.\n                </p>\n              )}\n            {suggestionList.map((s) => (\n              <div\n                key={s.startTime}\n                className=\"rounded-lg border border-border-subtle p-3\"\n                data-testid=\"focus-suggestion\"\n              >\n                <div className=\"flex flex-wrap items-center justify-between gap-2\">\n                  <span className=\"text-sm font-medium text-text-primary\">\n                    {formatRange(s.startTime, s.endTime)}\n                    <span className=\"ml-2 text-xs text-text-secondary\">\n                      {formatDuration(s.durationMinutes * 60)}\n                    </span>\n                  </span>\n                  <span className=\"text-xs text-text-secondary\">\n                    Fit {Math.round(s.score * 100)}%\n                  </span>\n                </div>\n                <div className=\"mt-2 flex flex-wrap gap-1.5\">\n                  {s.reasons.map((r: string) => (\n                    <StatusBadge\n                      key={r}\n                      variant=\"info\"\n                      label={reasonLabel(r)}\n                    />\n                  ))}\n                </div>\n                <div className=\"mt-3 flex flex-wrap gap-2\">\n                  <button\n                    type=\"button\"\n                    className={primaryButton}\n                    disabled={responding}\n                    onClick={() =>\n                      handleRespond(s, TimeCampusFocusBlockResponse.Accept)\n                    }\n                    data-testid=\"focus-suggestion-accept\"\n                  >\n                    <Check className=\"h-4 w-4\" /> Accept\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={outlineButton}\n                    disabled={responding}\n                    onClick={() =>\n                      handleRespond(s, TimeCampusFocusBlockResponse.Snooze)\n                    }\n                    data-testid=\"focus-suggestion-snooze\"\n                  >\n                    <AlarmClock className=\"h-4 w-4\" /> Snooze 30 min\n                  </button>\n                  <button\n                    type=\"button\"\n                    className={outlineButton}\n                    disabled={responding}\n                    onClick={() =>\n                      handleRespond(s, TimeCampusFocusBlockResponse.Dismiss)\n                    }\n                    data-testid=\"focus-suggestion-dismiss\"\n                  >\n                    <X className=\"h-4 w-4\" /> Dismiss\n                  </button>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Scheduled blocks */}\n        <div\n          className=\"rounded-xl border border-border-seam bg-bg-surface p-6 shadow-elevation-1\"\n          data-testid=\"focus-scheduled\"\n        >\n          <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n            <Target className=\"h-4 w-4\" />\n            Scheduled ({dayOffset === 0 ? \"today\" : \"tomorrow\"})\n          </h3>\n          <div className=\"mt-4 space-y-3\">\n            {blocks.data && scheduled.length === 0 && (\n              <p className=\"text-sm text-text-secondary\">\n                Accept a suggestion to put a focus block on your schedule.\n              </p>\n            )}\n            {scheduled.map((b) => (\n              <div\n                key={b.id}\n                className=\"flex flex-wrap items-center justify-between gap-2 rounded-lg border border-border-subtle p-3\"\n                data-testid=\"focus-scheduled-block\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    {formatRange(b.startTime, b.endTime)}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {b.source === \"ADAPTIVE\" ? \"Suggested\" : \"Manual\"} ·{\" \"}\n                    {formatDuration(b.durationMinutes * 60)}\n                  </p>\n                </div>\n                {b.status === \"STARTED\" ? (\n                  <StatusBadge variant=\"success\" label=\"Started\" />\n                ) : (\n                  <div className=\"flex gap-2\">\n                    {!session && canStartBlock(b.endTime, now) && (\n                      <button\n                        type=\"button\"\n                        className={primaryButton}\n                        disabled={starting}\n                        onClick={() => handleStart(b.id)}\n                      >\n                        <Play className=\"h-4 w-4\" /> Start\n                      </button>\n                    )}\n                    <button\n                      type=\"button\"\n                      className={outlineButton}\n                      onClick={() =>\n                        run(\n                          () => cancelBlock({ variables: { id: b.id } }),\n                          \"Focus block canceled\",\n                        )\n                      }\n                      data-testid=\"focus-block-cancel\"\n                    >\n                      Cancel\n                    </button>\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Settings */}\n      <div\n        className=\"mt-6 rounded-xl border border-border-seam bg-bg-surface p-6 shadow-elevation-1\"\n        data-testid=\"focus-settings\"\n      >\n        <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n          <Ban className=\"h-4 w-4\" />\n          Distraction blocking and planning\n        </h3>\n        <div className=\"mt-4 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          <div className=\"space-y-3\">\n            <label className=\"flex items-center justify-between gap-4 text-sm text-text-primary\">\n              Block sites during focus sessions\n              <input\n                type=\"checkbox\"\n                checked={blockingEnabled}\n                onChange={(e) => setBlockingEnabled(e.target.checked)}\n                className=\"h-4 w-4 rounded border-border-subtle\"\n                data-testid=\"focus-blocking-enabled\"\n              />\n            </label>\n            <label className=\"block text-sm text-text-primary\">\n              Blocked sites\n              <textarea\n                rows={6}\n                value={sitesText}\n                onChange={(e) => setSitesText(e.target.value)}\n                className={`${inputClass} mt-1 w-full font-mono`}\n                aria-describedby=\"focus-sites-help\"\n                data-testid=\"focus-blocked-sites\"\n              />\n            </label>\n            <p id=\"focus-sites-help\" className=\"text-xs text-text-secondary\">\n              One site per line (subdomains are included). Blocking is enforced\n              by the TimeCampus browser extension while a session is active;\n              allow-listed apps on a session are never blocked.\n            </p>\n          </div>\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between gap-4\">\n              <span className=\"text-sm text-text-primary\">Workday</span>\n              <span className=\"flex items-center gap-2\">\n                <input\n                  type=\"time\"\n                  value={workdayStart}\n                  onChange={(e) => setWorkdayStart(e.target.value)}\n                  className={inputClass}\n                  aria-label=\"Workday start\"\n                />\n                <span className=\"text-text-secondary\">to</span>\n                <input\n                  type=\"time\"\n                  value={workdayEnd === \"24:00\" ? \"23:59\" : workdayEnd}\n                  onChange={(e) => setWorkdayEnd(e.target.value)}\n                  className={inputClass}\n                  aria-label=\"Workday end\"\n                />\n              </span>\n            </div>\n            <label className=\"flex items-center justify-between gap-4 text-sm text-text-primary\">\n              Preferred block length (minutes)\n              <input\n                type=\"number\"\n                min={15}\n                max={240}\n                step={15}\n                value={blockMinutes}\n                onChange={(e) => setBlockMinutes(Number(e.target.value))}\n                className={`${inputClass} w-24 text-right`}\n              />\n            </label>\n            <label className=\"flex items-center justify-between gap-4 text-sm text-text-primary\">\n              Focus blocks per day\n              <input\n                type=\"number\"\n                min={1}\n                max={6}\n                value={maxBlocks}\n                onChange={(e) => setMaxBlocks(Number(e.target.value))}\n                className={`${inputClass} w-24 text-right`}\n              />\n            </label>\n            <label className=\"flex items-center justify-between gap-4 text-sm text-text-primary\">\n              Buffer around meetings (minutes)\n              <input\n                type=\"number\"\n                min={0}\n                max={60}\n                step={5}\n                value={buffer}\n                onChange={(e) => setBuffer(Number(e.target.value))}\n                className={`${inputClass} w-24 text-right`}\n              />\n            </label>\n          </div>\n        </div>\n        <div className=\"mt-4 flex justify-end\">\n          <button\n            type=\"button\"\n            className={primaryButton}\n            disabled={savingPrefs}\n            onClick={handleSavePrefs}\n            data-testid=\"focus-save-settings\"\n          >\n            {savingPrefs ? \"Saving...\" : \"Save focus settings\"}\n          </button>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}