@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.5

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

@@ -0,0 +1,402 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.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 { useMyBalanceTargetsQuery as i, useMyLifeBalanceQuery as a, useSetBalanceTargetMutation as o } from "../../../generated/wspace-operations.js";
+import { PageLayout as s } from "../../components/PageLayout.js";
+import { StatusBadge as c } from "../../components/StatusBadge.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { ChartCard as u } from "../../components/ChartCard.js";
+import { ToastContainer as d, useToast as f } from "../../components/Toast.js";
+import { Modal as p } from "../../components/Modal.js";
+import { ProgressMeter as ee } from "../../components/charts/ProgressMeter.js";
+import { BalanceWheel as m } from "../../components/charts/BalanceWheel.js";
+import "../../components/index.js";
+import { ALL_LIFE_DOMAINS as h, formatSecondsHuman as g, isoDaysAgo as te, isoNow as _, lifeDomainLabel as v, secondsToHours as y } from "./domains.js";
+import { useEffect as b, useMemo as x, useState as S } from "react";
+import { Check as C, Clock as w, Gauge as T, Scale as ne, Sparkles as re, Target as E } from "lucide-react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { GlassCard as ie } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/pages/lifetime/LifeBalancePage.tsx
+var A = [{
+	label: "7 days",
+	days: 7
+}, {
+	label: "30 days",
+	days: 30
+}];
+function j(e) {
+	return Math.round(e * 100);
+}
+function ae(e) {
+	return y(e).toFixed(1);
+}
+var M = 168;
+function N({ open: e, onClose: n, currentTargets: r, onSaved: i, notify: a }) {
+	let [s, { loading: c }] = o(), [l, u] = S({});
+	b(() => {
+		if (!e) return;
+		let t = {};
+		for (let e of h) {
+			let n = r[e];
+			t[e] = typeof n == "number" ? String(n) : "";
+		}
+		u(t);
+	}, [e, r]);
+	let d = x(() => {
+		let e = 0;
+		for (let t of h) {
+			let n = l[t], r = n ? Number(n) : NaN;
+			Number.isFinite(r) && r > 0 && (e += r);
+		}
+		return Math.round(e * 10) / 10;
+	}, [l]), f = d > M;
+	return /* @__PURE__ */ k(p, {
+		open: e,
+		onClose: n,
+		title: "Set your desired balance",
+		description: "Declare the hours per week you want to spend in each life domain. The wheel compares this to where your time actually goes.",
+		size: "xl",
+		footer: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("button", {
+			onClick: n,
+			disabled: c,
+			className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-60",
+			children: "Cancel"
+		}), /* @__PURE__ */ k("button", {
+			onClick: async () => {
+				let e = [];
+				for (let t of h) {
+					let n = l[t];
+					if (n === void 0 || n.trim() === "") continue;
+					let i = Number(n);
+					if (!Number.isFinite(i) || i < 0) continue;
+					let a = r[t];
+					a !== void 0 && Math.abs(a - i) < 1e-9 || e.push(s({ variables: {
+						domain: t,
+						desiredHoursPerWeek: i
+					} }));
+				}
+				if (e.length === 0) {
+					n();
+					return;
+				}
+				try {
+					await Promise.all(e), a("success", "Targets saved", `Updated ${e.length} ${e.length === 1 ? "domain" : "domains"}.`), i(), n();
+				} catch {
+					a("error", "Couldn't save targets", "Something went wrong. Please try again.");
+				}
+			},
+			disabled: c,
+			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90 disabled:opacity-60",
+			children: [/* @__PURE__ */ O(C, { className: "h-4 w-4" }), c ? "Saving…" : "Save targets"]
+		})] }),
+		children: [/* @__PURE__ */ O("div", {
+			className: "space-y-2",
+			children: h.map((e) => /* @__PURE__ */ k("div", {
+				className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-sunken/40 px-3 py-2",
+				children: [/* @__PURE__ */ O("label", {
+					htmlFor: `target-${e}`,
+					className: "min-w-0 flex-1 truncate text-sm text-text-primary",
+					children: v(e)
+				}), /* @__PURE__ */ k("div", {
+					className: "flex shrink-0 items-center gap-2",
+					children: [/* @__PURE__ */ O("input", {
+						id: `target-${e}`,
+						type: "number",
+						min: 0,
+						step: .5,
+						inputMode: "decimal",
+						value: l[e] ?? "",
+						onChange: (t) => u((n) => ({
+							...n,
+							[e]: t.target.value
+						})),
+						placeholder: "0",
+						className: "w-24 rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-right text-sm tabular-nums text-text-primary outline-none transition-colors focus:border-action-primary-bg"
+					}), /* @__PURE__ */ O("span", {
+						className: "w-12 text-xs text-text-secondary",
+						children: "h / wk"
+					})]
+				})]
+			}, e))
+		}), /* @__PURE__ */ k("p", {
+			className: t("mt-4 text-xs tabular-nums", f ? "text-status-warning-text" : "text-text-secondary"),
+			children: [
+				d.toFixed(1),
+				" of ",
+				M,
+				" hours a week allocated",
+				f ? " — that's more than a week holds; consider trimming." : "."
+			]
+		})]
+	});
+}
+function P({ gap: e }) {
+	let t = Math.round(Math.abs(e) * 100);
+	return t < 2 ? /* @__PURE__ */ O(c, {
+		variant: "success",
+		label: "On target"
+	}) : e > 0 ? /* @__PURE__ */ O(c, {
+		variant: "warning",
+		label: `+${t}pp over`
+	}) : /* @__PURE__ */ O(c, {
+		variant: "info",
+		label: `${t}pp under`
+	});
+}
+function F() {
+	let { workspaceId: o = "" } = e(), { toasts: c, addToast: p, dismissToast: y } = f(), b = (e, t, n) => p({
+		variant: e,
+		title: t,
+		description: n
+	}), [C, M] = S(30), [F, I] = S(!1), L = x(() => ({
+		from: te(C),
+		to: _()
+	}), [C]), { data: R, loading: z, error: B, refetch: V } = a({
+		variables: {
+			from: L.from,
+			to: L.to
+		},
+		skip: !o
+	}), { data: H, refetch: oe } = i({ skip: !o }), U = R?.myLifeBalance, W = x(() => U?.byDomain ?? [], [U]), G = U?.hasTargets ?? !1, K = x(() => {
+		let e = {}, t = H?.myBalanceTargets ?? [];
+		for (let n of t) e[n.domain] = n.desiredHoursPerWeek;
+		return e;
+	}, [H]), se = H?.myBalanceTargets.length ?? 0, q = x(() => {
+		let e = /* @__PURE__ */ new Map();
+		return h.forEach((t, n) => e.set(t, n)), e;
+	}, []), ce = x(() => [...W].sort((e, t) => (q.get(e.domain) ?? 99) - (q.get(t.domain) ?? 99)).map((e) => ({
+		domain: e.domain,
+		label: v(e.domain),
+		actualShare: e.actualShare,
+		desiredShare: G ? e.desiredShare : void 0
+	})), [
+		W,
+		G,
+		q
+	]), le = x(() => [...W].filter((e) => e.actualSeconds > 0 || G && e.desiredShare > 0 || K[e.domain] !== void 0).sort((e, t) => t.actualSeconds - e.actualSeconds), [
+		W,
+		G,
+		K
+	]), J = U?.coveredSeconds ?? 0, Y = U?.unaccountedSeconds ?? 0, X = J + Y, Z = X > 0 ? Math.round(J / X * 100) : 0, ue = W.filter((e) => e.actualSeconds > 0).length, de = J > 0 && W.length > 0, fe = A.find((e) => e.days === C)?.label ?? `${C} days`, Q = () => {
+		V(), oe();
+	}, $ = {
+		title: "Life Balance",
+		description: "How your finite time actually splits across life",
+		purpose: "Your week is a fixed budget of hours. This wheel shows how that budget actually splits across the domains of your life, overlaid with the balance you said you want — so the gap between the two is impossible to ignore.",
+		actions: /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("div", {
+			className: "flex items-center rounded-lg border border-border-subtle bg-bg-sunken/50 p-0.5",
+			children: A.map((e) => /* @__PURE__ */ O("button", {
+				onClick: () => M(e.days),
+				className: t("rounded-md px-2.5 py-1 text-xs font-medium transition-colors", C === e.days ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+				children: e.label
+			}, e.days))
+		}), /* @__PURE__ */ k("button", {
+			onClick: () => I(!0),
+			className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+			children: [/* @__PURE__ */ O(E, { className: "h-4 w-4" }), "Set targets"]
+		})] })
+	};
+	return z && !U ? /* @__PURE__ */ k(s, {
+		...$,
+		children: [/* @__PURE__ */ k("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ O(r, {
+				variant: "card",
+				count: 4
+			}), /* @__PURE__ */ O(r, {
+				variant: "card",
+				count: 2
+			})]
+		}), /* @__PURE__ */ O(d, {
+			toasts: c,
+			onDismiss: y
+		})]
+	}) : B ? /* @__PURE__ */ k(s, {
+		...$,
+		children: [/* @__PURE__ */ O("div", {
+			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
+			children: "We couldn't load your life balance right now. Please try again in a moment."
+		}), /* @__PURE__ */ O(d, {
+			toasts: c,
+			onDismiss: y
+		})]
+	}) : de ? /* @__PURE__ */ k(s, {
+		...$,
+		children: [
+			/* @__PURE__ */ k("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ k("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ O(n, {
+							featured: !0,
+							title: "Tracked time",
+							value: g(J),
+							icon: /* @__PURE__ */ O(w, { className: "h-5 w-5" }),
+							description: `Last ${fe}`
+						}),
+						/* @__PURE__ */ O(n, {
+							title: "Unaccounted",
+							value: g(Y),
+							icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+							description: `${Z}% of time is tracked`
+						}),
+						/* @__PURE__ */ O(n, {
+							title: "Active domains",
+							value: String(ue),
+							icon: /* @__PURE__ */ O(ne, { className: "h-5 w-5" }),
+							description: `of ${h.length} life domains`
+						}),
+						/* @__PURE__ */ O(n, {
+							title: "Targets set",
+							value: `${se} / ${h.length}`,
+							icon: /* @__PURE__ */ O(E, { className: "h-5 w-5" }),
+							description: G ? "Desired balance declared" : "Not set yet"
+						})
+					]
+				}), /* @__PURE__ */ k("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+					children: [/* @__PURE__ */ k(u, {
+						className: "lg:col-span-2",
+						title: "Life Balance Wheel",
+						description: G ? "Solid = where your time actually goes · dashed = the balance you want" : "Where your time actually goes across life domains",
+						children: [/* @__PURE__ */ O(m, {
+							data: ce,
+							height: 360,
+							emptyLabel: "No tracked time in this range yet.",
+							ariaLabel: "Life balance wheel: actual versus desired share of time by domain"
+						}), /* @__PURE__ */ k("div", {
+							className: "mt-4 border-t border-border-seam pt-4",
+							children: [/* @__PURE__ */ k("div", {
+								className: "flex items-center justify-between text-xs text-text-secondary",
+								children: [/* @__PURE__ */ O("span", { children: "Time tracked" }), /* @__PURE__ */ k("span", {
+									className: "tabular-nums text-text-primary",
+									children: [
+										g(J),
+										" of",
+										" ",
+										g(X),
+										" (",
+										Z,
+										"%)"
+									]
+								})]
+							}), /* @__PURE__ */ O(ee, {
+								className: "mt-2",
+								value: Z,
+								max: 100,
+								higherIsWorse: !1,
+								showValue: !1,
+								label: "Coverage"
+							})]
+						})]
+					}), /* @__PURE__ */ k(ie, {
+						treatment: "glass",
+						className: "p-5 sm:p-6",
+						children: [
+							/* @__PURE__ */ O("h2", {
+								className: "text-xl font-bold leading-tight text-text-primary",
+								children: "Your week vs the life you want"
+							}),
+							/* @__PURE__ */ O("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: "Per-domain — hours tracked vs your desired share"
+							}),
+							!G && /* @__PURE__ */ k("div", {
+								className: "mt-3 flex items-start gap-2 rounded-lg border border-border-subtle bg-action-primary-bg/10 p-3 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ O(re, { className: "mt-0.5 h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ k("span", { children: [
+									"You haven't declared a desired balance yet, so the wheel is descriptive only.",
+									" ",
+									/* @__PURE__ */ O("button", {
+										onClick: () => I(!0),
+										className: "font-medium text-primary underline-offset-2 hover:underline",
+										children: "Set your targets"
+									}),
+									" ",
+									"to see the gap."
+								] })]
+							}),
+							/* @__PURE__ */ O("ul", {
+								className: "mt-4 max-h-[30rem] space-y-2 overflow-y-auto pr-1",
+								children: le.map((e) => {
+									let t = K[e.domain];
+									return /* @__PURE__ */ k("li", {
+										className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface/40 px-3 py-2.5",
+										children: [
+											/* @__PURE__ */ k("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ O("p", {
+													className: "truncate text-sm font-medium text-text-primary",
+													children: v(e.domain)
+												}), /* @__PURE__ */ k("p", {
+													className: "mt-0.5 text-xs text-text-secondary",
+													children: [
+														j(e.actualShare),
+														"% of tracked",
+														G ? ` · ${j(e.desiredShare)}% desired` : "",
+														typeof t == "number" ? ` · ${t}h/wk target` : ""
+													]
+												})]
+											}),
+											/* @__PURE__ */ O("div", {
+												className: "shrink-0 text-right",
+												children: /* @__PURE__ */ k("p", {
+													className: "text-sm font-semibold tabular-nums text-text-primary",
+													children: [ae(e.actualSeconds), "h"]
+												})
+											}),
+											G && /* @__PURE__ */ O("div", {
+												className: "shrink-0",
+												children: /* @__PURE__ */ O(P, { gap: e.gap })
+											})
+										]
+									}, e.domain);
+								})
+							})
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ O(N, {
+				open: F,
+				onClose: () => I(!1),
+				currentTargets: K,
+				onSaved: Q,
+				notify: b
+			}),
+			/* @__PURE__ */ O(d, {
+				toasts: c,
+				onDismiss: y
+			})
+		]
+	}) : /* @__PURE__ */ k(s, {
+		...$,
+		children: [
+			/* @__PURE__ */ O(l, {
+				title: "No life data yet",
+				description: "Once you start tracking time across your day, your balance wheel will show how your hours split across each life domain. In the meantime, you can declare the balance you're aiming for.",
+				action: /* @__PURE__ */ k("button", {
+					onClick: () => I(!0),
+					className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90",
+					children: [/* @__PURE__ */ O(E, { className: "h-4 w-4" }), "Declare what you value"]
+				})
+			}),
+			/* @__PURE__ */ O(N, {
+				open: F,
+				onClose: () => I(!1),
+				currentTargets: K,
+				onSaved: Q,
+				notify: b
+			}),
+			/* @__PURE__ */ O(d, {
+				toasts: c,
+				onDismiss: y
+			})
+		]
+	});
+}
+//#endregion
+export { F as LifeBalancePage };
+
+//# sourceMappingURL=LifeBalancePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeBalancePage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/LifeBalancePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { Scale, Target, Clock, Gauge, Sparkles, Check } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  StatCard,\n  ChartCard,\n  EmptyState,\n  StatusBadge,\n  Modal,\n  LoadingSkeleton,\n  BalanceWheel,\n  ProgressMeter,\n  ToastContainer,\n  useToast,\n  type BalanceWheelDatum,\n  type ToastVariant,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { cn } from \"../../utils/helpers\";\nimport {\n  useMyLifeBalanceQuery,\n  useMyBalanceTargetsQuery,\n  useSetBalanceTargetMutation,\n  type MyLifeBalanceQuery,\n  type BalanceTargetFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { TimeCampusLifeDomain } from \"@/generated/wspace-types\";\nimport {\n  ALL_LIFE_DOMAINS,\n  lifeDomainLabel,\n  secondsToHours,\n  formatSecondsHuman,\n  isoDaysAgo,\n  isoNow,\n} from \"./domains\";\n\ntype DomainBalance = MyLifeBalanceQuery[\"myLifeBalance\"][\"byDomain\"][number];\n\ninterface RangeOption {\n  label: string;\n  days: number;\n}\n\nconst RANGE_OPTIONS: RangeOption[] = [\n  { label: \"7 days\", days: 7 },\n  { label: \"30 days\", days: 30 },\n];\n\n/** Percentage points of a 0..1 share, rounded to a whole number. */\nfunction sharePct(share: number): number {\n  return Math.round(share * 100);\n}\n\n/** Fixed one-decimal hours from seconds, e.g. \"40.0\". */\nfunction hoursLabel(seconds: number): string {\n  return secondsToHours(seconds).toFixed(1);\n}\n\n// ---------------------------------------------------------------------------\n// Set-targets modal — declares desired hours/week per life domain.\n// ---------------------------------------------------------------------------\ninterface SetTargetsModalProps {\n  open: boolean;\n  onClose: () => void;\n  /** Current desired hours/week keyed by domain (from myBalanceTargets). */\n  currentTargets: Partial<Record<TimeCampusLifeDomain, number>>;\n  /** Refetch the balance + targets queries after a successful save. */\n  onSaved: () => void;\n  notify: (variant: ToastVariant, title: string, description?: string) => void;\n}\n\nconst HOURS_IN_WEEK = 168;\n\nfunction SetTargetsModal({\n  open,\n  onClose,\n  currentTargets,\n  onSaved,\n  notify,\n}: SetTargetsModalProps) {\n  const [setBalanceTarget, { loading: saving }] = useSetBalanceTargetMutation();\n  const [draft, setDraft] = useState<Record<string, string>>({});\n\n  // Seed the draft from the live targets each time the modal opens.\n  useEffect(() => {\n    if (!open) return;\n    const next: Record<string, string> = {};\n    for (const domain of ALL_LIFE_DOMAINS) {\n      const value = currentTargets[domain];\n      next[domain] = typeof value === \"number\" ? String(value) : \"\";\n    }\n    setDraft(next);\n  }, [open, currentTargets]);\n\n  const allocated = useMemo(() => {\n    let sum = 0;\n    for (const domain of ALL_LIFE_DOMAINS) {\n      const raw = draft[domain];\n      const value = raw ? Number(raw) : NaN;\n      if (Number.isFinite(value) && value > 0) sum += value;\n    }\n    return Math.round(sum * 10) / 10;\n  }, [draft]);\n\n  const overAllocated = allocated > HOURS_IN_WEEK;\n\n  const handleSave = async () => {\n    const pending: Promise<unknown>[] = [];\n    for (const domain of ALL_LIFE_DOMAINS) {\n      const raw = draft[domain];\n      if (raw === undefined || raw.trim() === \"\") continue;\n      const value = Number(raw);\n      if (!Number.isFinite(value) || value < 0) continue;\n      const original = currentTargets[domain];\n      if (original !== undefined && Math.abs(original - value) < 1e-9) continue;\n      pending.push(\n        setBalanceTarget({\n          variables: { domain, desiredHoursPerWeek: value },\n        }),\n      );\n    }\n\n    if (pending.length === 0) {\n      onClose();\n      return;\n    }\n\n    try {\n      await Promise.all(pending);\n      notify(\n        \"success\",\n        \"Targets saved\",\n        `Updated ${pending.length} ${pending.length === 1 ? \"domain\" : \"domains\"}.`,\n      );\n      onSaved();\n      onClose();\n    } catch {\n      notify(\n        \"error\",\n        \"Couldn't save targets\",\n        \"Something went wrong. Please try again.\",\n      );\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Set your desired balance\"\n      description=\"Declare the hours per week you want to spend in each life domain. The wheel compares this to where your time actually goes.\"\n      size=\"xl\"\n      footer={\n        <>\n          <button\n            onClick={onClose}\n            disabled={saving}\n            className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-60\"\n          >\n            Cancel\n          </button>\n          <button\n            onClick={handleSave}\n            disabled={saving}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90 disabled:opacity-60\"\n          >\n            <Check className=\"h-4 w-4\" />\n            {saving ? \"Saving…\" : \"Save targets\"}\n          </button>\n        </>\n      }\n    >\n      <div className=\"space-y-2\">\n        {ALL_LIFE_DOMAINS.map((domain) => (\n          <div\n            key={domain}\n            className=\"flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-sunken/40 px-3 py-2\"\n          >\n            <label\n              htmlFor={`target-${domain}`}\n              className=\"min-w-0 flex-1 truncate text-sm text-text-primary\"\n            >\n              {lifeDomainLabel(domain)}\n            </label>\n            <div className=\"flex shrink-0 items-center gap-2\">\n              <input\n                id={`target-${domain}`}\n                type=\"number\"\n                min={0}\n                step={0.5}\n                inputMode=\"decimal\"\n                value={draft[domain] ?? \"\"}\n                onChange={(e) =>\n                  setDraft((prev) => ({ ...prev, [domain]: e.target.value }))\n                }\n                placeholder=\"0\"\n                className=\"w-24 rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-right text-sm tabular-nums text-text-primary outline-none transition-colors focus:border-action-primary-bg\"\n              />\n              <span className=\"w-12 text-xs text-text-secondary\">h / wk</span>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      <p\n        className={cn(\n          \"mt-4 text-xs tabular-nums\",\n          overAllocated ? \"text-status-warning-text\" : \"text-text-secondary\",\n        )}\n      >\n        {allocated.toFixed(1)} of {HOURS_IN_WEEK} hours a week allocated\n        {overAllocated\n          ? \" — that's more than a week holds; consider trimming.\"\n          : \".\"}\n      </p>\n    </Modal>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Per-domain gap badge (over / under / on-target vs desired share).\n// ---------------------------------------------------------------------------\nfunction GapBadge({ gap }: { gap: number }) {\n  const pp = Math.round(Math.abs(gap) * 100);\n  if (pp < 2) {\n    return <StatusBadge variant=\"success\" label=\"On target\" />;\n  }\n  if (gap > 0) {\n    return <StatusBadge variant=\"warning\" label={`+${pp}pp over`} />;\n  }\n  return <StatusBadge variant=\"info\" label={`${pp}pp under`} />;\n}\n\n// ---------------------------------------------------------------------------\n// Page\n// ---------------------------------------------------------------------------\nexport function LifeBalancePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { toasts, addToast, dismissToast } = useToast();\n  const notify = (variant: ToastVariant, title: string, description?: string) =>\n    addToast({ variant, title, description });\n\n  const [rangeDays, setRangeDays] = useState<number>(30);\n  const [targetsOpen, setTargetsOpen] = useState(false);\n\n  const range = useMemo(\n    () => ({ from: isoDaysAgo(rangeDays), to: isoNow() }),\n    [rangeDays],\n  );\n\n  const {\n    data: balanceData,\n    loading: balanceLoading,\n    error: balanceError,\n    refetch: refetchBalance,\n  } = useMyLifeBalanceQuery({\n    variables: { from: range.from, to: range.to },\n    skip: !workspaceId,\n  });\n\n  const { data: targetsData, refetch: refetchTargets } =\n    useMyBalanceTargetsQuery({ skip: !workspaceId });\n\n  const balance = balanceData?.myLifeBalance;\n  const byDomain = useMemo<DomainBalance[]>(\n    () => balance?.byDomain ?? [],\n    [balance],\n  );\n  const hasTargets = balance?.hasTargets ?? false;\n\n  // Map current targets (desired hours/week) by domain for the modal + list.\n  const targetHoursByDomain = useMemo<\n    Partial<Record<TimeCampusLifeDomain, number>>\n  >(() => {\n    const map: Partial<Record<TimeCampusLifeDomain, number>> = {};\n    const targets: BalanceTargetFieldsFragment[] =\n      targetsData?.myBalanceTargets ?? [];\n    for (const target of targets) {\n      map[target.domain] = target.desiredHoursPerWeek;\n    }\n    return map;\n  }, [targetsData]);\n  const targetsCount = targetsData?.myBalanceTargets.length ?? 0;\n\n  // Canonical display order for the wheel.\n  const orderIndex = useMemo(() => {\n    const map = new Map<TimeCampusLifeDomain, number>();\n    ALL_LIFE_DOMAINS.forEach((domain, i) => map.set(domain, i));\n    return map;\n  }, []);\n\n  const wheelData = useMemo<BalanceWheelDatum[]>(() => {\n    return [...byDomain]\n      .sort(\n        (a, b) =>\n          (orderIndex.get(a.domain) ?? 99) - (orderIndex.get(b.domain) ?? 99),\n      )\n      .map((d) => ({\n        domain: d.domain,\n        label: lifeDomainLabel(d.domain),\n        actualShare: d.actualShare,\n        desiredShare: hasTargets ? d.desiredShare : undefined,\n      }));\n  }, [byDomain, hasTargets, orderIndex]);\n\n  // Ranked list (most-spent domains first) — only domains with real signal.\n  const listRows = useMemo<DomainBalance[]>(() => {\n    return [...byDomain]\n      .filter(\n        (d) =>\n          d.actualSeconds > 0 ||\n          (hasTargets && d.desiredShare > 0) ||\n          targetHoursByDomain[d.domain] !== undefined,\n      )\n      .sort((a, b) => b.actualSeconds - a.actualSeconds);\n  }, [byDomain, hasTargets, targetHoursByDomain]);\n\n  const coveredSeconds = balance?.coveredSeconds ?? 0;\n  const unaccountedSeconds = balance?.unaccountedSeconds ?? 0;\n  const totalSeconds = coveredSeconds + unaccountedSeconds;\n  const coveragePct =\n    totalSeconds > 0 ? Math.round((coveredSeconds / totalSeconds) * 100) : 0;\n  const activeDomains = byDomain.filter((d) => d.actualSeconds > 0).length;\n  const hasData = coveredSeconds > 0 && byDomain.length > 0;\n\n  const rangeLabel =\n    RANGE_OPTIONS.find((o) => o.days === rangeDays)?.label ??\n    `${rangeDays} days`;\n\n  const refetchAll = () => {\n    void refetchBalance();\n    void refetchTargets();\n  };\n\n  // -- Header actions (range selector + set-targets) -------------------------\n  const actions = (\n    <>\n      <div className=\"flex items-center rounded-lg border border-border-subtle bg-bg-sunken/50 p-0.5\">\n        {RANGE_OPTIONS.map((option) => (\n          <button\n            key={option.days}\n            onClick={() => setRangeDays(option.days)}\n            className={cn(\n              \"rounded-md px-2.5 py-1 text-xs font-medium transition-colors\",\n              rangeDays === option.days\n                ? \"bg-bg-surface text-text-primary shadow-sm\"\n                : \"text-text-secondary hover:text-text-primary\",\n            )}\n          >\n            {option.label}\n          </button>\n        ))}\n      </div>\n      <button\n        onClick={() => setTargetsOpen(true)}\n        className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n      >\n        <Target className=\"h-4 w-4\" />\n        Set targets\n      </button>\n    </>\n  );\n\n  const pageProps = {\n    title: \"Life Balance\",\n    description: \"How your finite time actually splits across life\",\n    purpose:\n      \"Your week is a fixed budget of hours. This wheel shows how that budget actually splits across the domains of your life, overlaid with the balance you said you want — so the gap between the two is impossible to ignore.\",\n    actions,\n  } as const;\n\n  // -- Loading --------------------------------------------------------------\n  if (balanceLoading && !balance) {\n    return (\n      <PageLayout {...pageProps}>\n        <div className=\"space-y-6\">\n          <LoadingSkeleton variant=\"card\" count={4} />\n          <LoadingSkeleton variant=\"card\" count={2} />\n        </div>\n        <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n      </PageLayout>\n    );\n  }\n\n  // -- Error ----------------------------------------------------------------\n  if (balanceError) {\n    return (\n      <PageLayout {...pageProps}>\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          We couldn't load your life balance right now. Please try again in a\n          moment.\n        </div>\n        <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n      </PageLayout>\n    );\n  }\n\n  // -- Empty (no tracked time yet) ------------------------------------------\n  if (!hasData) {\n    return (\n      <PageLayout {...pageProps}>\n        <EmptyState\n          title=\"No life data yet\"\n          description=\"Once you start tracking time across your day, your balance wheel will show how your hours split across each life domain. In the meantime, you can declare the balance you're aiming for.\"\n          action={\n            <button\n              onClick={() => setTargetsOpen(true)}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:opacity-90\"\n            >\n              <Target className=\"h-4 w-4\" />\n              Declare what you value\n            </button>\n          }\n        />\n        <SetTargetsModal\n          open={targetsOpen}\n          onClose={() => setTargetsOpen(false)}\n          currentTargets={targetHoursByDomain}\n          onSaved={refetchAll}\n          notify={notify}\n        />\n        <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n      </PageLayout>\n    );\n  }\n\n  // -- Main -----------------------------------------------------------------\n  return (\n    <PageLayout {...pageProps}>\n      <div className=\"space-y-6\">\n        {/* Stat row */}\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            featured\n            title=\"Tracked time\"\n            value={formatSecondsHuman(coveredSeconds)}\n            icon={<Clock className=\"h-5 w-5\" />}\n            description={`Last ${rangeLabel}`}\n          />\n          <StatCard\n            title=\"Unaccounted\"\n            value={formatSecondsHuman(unaccountedSeconds)}\n            icon={<Gauge className=\"h-5 w-5\" />}\n            description={`${coveragePct}% of time is tracked`}\n          />\n          <StatCard\n            title=\"Active domains\"\n            value={String(activeDomains)}\n            icon={<Scale className=\"h-5 w-5\" />}\n            description={`of ${ALL_LIFE_DOMAINS.length} life domains`}\n          />\n          <StatCard\n            title=\"Targets set\"\n            value={`${targetsCount} / ${ALL_LIFE_DOMAINS.length}`}\n            icon={<Target className=\"h-5 w-5\" />}\n            description={\n              hasTargets ? \"Desired balance declared\" : \"Not set yet\"\n            }\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          {/* The wheel */}\n          <ChartCard\n            className=\"lg:col-span-2\"\n            title=\"Life Balance Wheel\"\n            description={\n              hasTargets\n                ? \"Solid = where your time actually goes · dashed = the balance you want\"\n                : \"Where your time actually goes across life domains\"\n            }\n          >\n            <BalanceWheel\n              data={wheelData}\n              height={360}\n              emptyLabel=\"No tracked time in this range yet.\"\n              ariaLabel=\"Life balance wheel: actual versus desired share of time by domain\"\n            />\n            <div className=\"mt-4 border-t border-border-seam pt-4\">\n              <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                <span>Time tracked</span>\n                <span className=\"tabular-nums text-text-primary\">\n                  {formatSecondsHuman(coveredSeconds)} of{\" \"}\n                  {formatSecondsHuman(totalSeconds)} ({coveragePct}%)\n                </span>\n              </div>\n              <ProgressMeter\n                className=\"mt-2\"\n                value={coveragePct}\n                max={100}\n                higherIsWorse={false}\n                showValue={false}\n                label=\"Coverage\"\n              />\n            </div>\n          </ChartCard>\n\n          {/* Headline + per-domain list */}\n          <GlassCard treatment=\"glass\" className=\"p-5 sm:p-6\">\n            <h2 className=\"text-xl font-bold leading-tight text-text-primary\">\n              Your week vs the life you want\n            </h2>\n            <p className=\"mt-1 text-xs text-text-secondary\">\n              Per-domain — hours tracked vs your desired share\n            </p>\n\n            {!hasTargets && (\n              <div className=\"mt-3 flex items-start gap-2 rounded-lg border border-border-subtle bg-action-primary-bg/10 p-3 text-xs text-text-secondary\">\n                <Sparkles className=\"mt-0.5 h-4 w-4 shrink-0 text-primary\" />\n                <span>\n                  You haven't declared a desired balance yet, so the wheel is\n                  descriptive only.{\" \"}\n                  <button\n                    onClick={() => setTargetsOpen(true)}\n                    className=\"font-medium text-primary underline-offset-2 hover:underline\"\n                  >\n                    Set your targets\n                  </button>{\" \"}\n                  to see the gap.\n                </span>\n              </div>\n            )}\n\n            <ul className=\"mt-4 max-h-[30rem] space-y-2 overflow-y-auto pr-1\">\n              {listRows.map((d) => {\n                const target = targetHoursByDomain[d.domain];\n                return (\n                  <li\n                    key={d.domain}\n                    className=\"flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface/40 px-3 py-2.5\"\n                  >\n                    <div className=\"min-w-0 flex-1\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">\n                        {lifeDomainLabel(d.domain)}\n                      </p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\n                        {sharePct(d.actualShare)}% of tracked\n                        {hasTargets\n                          ? ` · ${sharePct(d.desiredShare)}% desired`\n                          : \"\"}\n                        {typeof target === \"number\"\n                          ? ` · ${target}h/wk target`\n                          : \"\"}\n                      </p>\n                    </div>\n                    <div className=\"shrink-0 text-right\">\n                      <p className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                        {hoursLabel(d.actualSeconds)}h\n                      </p>\n                    </div>\n                    {hasTargets && (\n                      <div className=\"shrink-0\">\n                        <GapBadge gap={d.gap} />\n                      </div>\n                    )}\n                  </li>\n                );\n              })}\n            </ul>\n          </GlassCard>\n        </div>\n      </div>\n\n      <SetTargetsModal\n        open={targetsOpen}\n        onClose={() => setTargetsOpen(false)}\n        currentTargets={targetHoursByDomain}\n        onSaved={refetchAll}\n        notify={notify}\n      />\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}