@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

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

@@ -0,0 +1,439 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { cn as t, formatTime as n } from "../../utils/helpers.js";
+import { StatCard as r } from "../../components/StatCard.js";
+import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
+import { useLifeTimelineQuery as a, useLogLifeTimeEntryMutation as ee } from "../../../generated/wspace-operations.js";
+import { PageLayout as te } from "../../components/PageLayout.js";
+import { StatusBadge as o } from "../../components/StatusBadge.js";
+import { EmptyState as ne } from "../../components/EmptyState.js";
+import { ChartCard as re } from "../../components/ChartCard.js";
+import { ToastContainer as ie, useToast as ae } from "../../components/Toast.js";
+import { Modal as oe } from "../../components/Modal.js";
+import { DonutChart as se } from "../../components/charts/DonutChart.js";
+import "../../components/index.js";
+import { TimeCampusLifeDomain as s, TimeCampusOwnershipContext as ce } from "../../../generated/wspace-types.js";
+import { PERSONAL_LIFE_DOMAINS as c, formatSecondsHuman as l, isoDaysAgo as u, isoNow as d, lifeDomainLabel as f } from "./domains.js";
+import { useMemo as p, useState as m } from "react";
+import { Activity as le, BookOpen as h, Briefcase as g, Car as _, CircleDashed as v, Clapperboard as y, Dumbbell as b, Heart as x, Hourglass as S, House as C, MessageCircle as w, Moon as T, NotebookPen as E, Plus as ue, Sparkles as D, Wallet as O } from "lucide-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { GlassCard as de } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/pages/lifetime/LifeTimelinePage.tsx
+var M = {
+	[s.Work]: {
+		icon: g,
+		variant: "info"
+	},
+	[s.Sleep]: {
+		icon: T,
+		variant: "muted"
+	},
+	[s.Health]: {
+		icon: b,
+		variant: "success"
+	},
+	[s.Family]: {
+		icon: x,
+		variant: "error"
+	},
+	[s.Learning]: {
+		icon: h,
+		variant: "info"
+	},
+	[s.Leisure]: {
+		icon: y,
+		variant: "default"
+	},
+	[s.Commute]: {
+		icon: _,
+		variant: "warning"
+	},
+	[s.Waiting]: {
+		icon: S,
+		variant: "muted"
+	},
+	[s.Chores]: {
+		icon: C,
+		variant: "warning"
+	},
+	[s.SelfCare]: {
+		icon: D,
+		variant: "success"
+	},
+	[s.Social]: {
+		icon: w,
+		variant: "info"
+	},
+	[s.FinanceAdmin]: {
+		icon: O,
+		variant: "default"
+	},
+	[s.Reflection]: {
+		icon: E,
+		variant: "default"
+	},
+	[s.Other]: {
+		icon: v,
+		variant: "muted"
+	}
+}, fe = {
+	success: "bg-status-success-text",
+	warning: "bg-status-warning-text",
+	error: "bg-status-error-text",
+	info: "bg-status-info-text",
+	default: "bg-action-primary-bg",
+	muted: "bg-muted-foreground"
+}, pe = {
+	success: "bg-status-success-bg text-status-success-text",
+	warning: "bg-status-warning-bg text-status-warning-text",
+	error: "bg-status-error-bg text-status-error-text",
+	info: "bg-status-info-bg text-status-info-text",
+	default: "bg-action-primary-bg/10 text-primary",
+	muted: "bg-bg-sunken text-text-secondary"
+};
+function me(e) {
+	return M[e] ?? M[s.Other];
+}
+var he = [
+	{
+		key: "day",
+		label: "Day"
+	},
+	{
+		key: "7d",
+		label: "7 days"
+	},
+	{
+		key: "30d",
+		label: "30 days"
+	}
+];
+function N(e) {
+	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
+}
+function P(e) {
+	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
+}
+function ge(e) {
+	let t = /* @__PURE__ */ new Date(`${e}T00:00:00`), n = /* @__PURE__ */ new Date(`${e}T23:59:59.999`);
+	return {
+		from: t.toISOString(),
+		to: n.toISOString()
+	};
+}
+function _e(e) {
+	if (e.endTime) return e.endTime;
+	let t = new Date(e.startTime).getTime() + e.durationSeconds * 1e3;
+	return new Date(t).toISOString();
+}
+function F() {
+	let { workspaceId: h = "" } = e(), { toasts: _, addToast: y, dismissToast: b } = ae(), [S, C] = m("day"), [w, T] = m(() => N(/* @__PURE__ */ new Date())), { from: E, to: D } = p(() => S === "day" ? ge(w) : S === "7d" ? {
+		from: u(7),
+		to: d()
+	} : {
+		from: u(30),
+		to: d()
+	}, [S, w]), { data: O, loading: M, error: F, refetch: ve } = a({
+		variables: {
+			from: E,
+			to: D
+		},
+		skip: !h,
+		fetchPolicy: "cache-and-network"
+	}), [ye, { loading: I }] = ee(), L = O?.lifeTimeline, R = L?.summary, z = p(() => [...L?.segments ?? []].sort((e, t) => new Date(e.startTime).getTime() - new Date(t.startTime).getTime()), [L]), B = p(() => R?.byDomain ?? [], [R]), V = R?.totalCoveredSeconds ?? 0, H = R?.unaccountedSeconds ?? 0, be = B.filter((e) => e.domain === s.Work).reduce((e, t) => e + t.totalSeconds, 0), xe = B.filter((e) => e.domain !== s.Work).reduce((e, t) => e + t.totalSeconds, 0), U = p(() => B.filter((e) => e.totalSeconds > 0).map((e) => ({
+		name: f(e.domain),
+		value: e.totalSeconds
+	})), [B]), [Se, W] = m(!1), [G, K] = m(c[0]), [q, J] = m(""), [Y, X] = m("30"), [Z, Q] = m(""), Ce = () => {
+		K(c[0]), J(P(/* @__PURE__ */ new Date())), X("30"), Q(""), W(!0);
+	}, we = async (e) => {
+		e.preventDefault();
+		let t = Number(Y);
+		if (!q || !Number.isFinite(t) || t <= 0) {
+			y({
+				variant: "error",
+				title: "Add a start time and a positive duration"
+			});
+			return;
+		}
+		try {
+			let e = await ye({ variables: {
+				domain: G,
+				startTime: new Date(q).toISOString(),
+				duration: Math.round(t * 60),
+				note: Z.trim() ? Z.trim() : void 0
+			} });
+			if (e.error) throw e.error;
+			y({
+				variant: "success",
+				title: "Life time logged",
+				description: `${f(G)} · ${l(Math.round(t * 60))}`
+			}), W(!1), await ve();
+		} catch (e) {
+			y({
+				variant: "error",
+				title: "Could not log life time",
+				description: e instanceof Error ? e.message : "Please try again."
+			});
+		}
+	}, $ = /* @__PURE__ */ j("button", {
+		type: "button",
+		onClick: Ce,
+		className: "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 transition-colors hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
+		children: [/* @__PURE__ */ A(ue, { className: "h-4 w-4" }), "Log life time"]
+	});
+	return /* @__PURE__ */ j(te, {
+		title: "Life timeline",
+		description: "Your whole day — work and life — in one honest thread",
+		purpose: "This is your life, not just your job. Work sessions captured by TimeCampus sit alongside the sleep, family, health, commute and downtime you log — assembled in order so you can see the real shape of a day and where the hours actually go.",
+		actions: /* @__PURE__ */ j(k, { children: [
+			/* @__PURE__ */ A("div", {
+				className: "flex items-center rounded-lg border border-border-subtle bg-bg-sunken/50 p-0.5",
+				children: he.map((e) => /* @__PURE__ */ A("button", {
+					type: "button",
+					onClick: () => C(e.key),
+					className: t("rounded-md px-2.5 py-1 text-xs font-medium transition-colors", S === e.key ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"),
+					children: e.label
+				}, e.key))
+			}),
+			S === "day" && /* @__PURE__ */ A("input", {
+				type: "date",
+				"aria-label": "Pick a day",
+				value: w,
+				max: N(/* @__PURE__ */ new Date()),
+				onChange: (e) => T(e.target.value),
+				className: "rounded-md border border-border-seam bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40"
+			}),
+			$
+		] }),
+		children: [
+			M && !L ? /* @__PURE__ */ j("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ A(i, {
+					variant: "card",
+					count: 4
+				}), /* @__PURE__ */ A(i, {
+					variant: "list",
+					count: 6
+				})]
+			}) : F ? /* @__PURE__ */ A("div", {
+				className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
+				children: "Failed to load your life timeline. Please try again later."
+			}) : /* @__PURE__ */ j("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ j("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+						children: [
+							/* @__PURE__ */ A(r, {
+								featured: !0,
+								title: "Time covered",
+								value: l(V),
+								icon: /* @__PURE__ */ A(le, { className: "h-5 w-5" }),
+								description: "Accounted-for time in this range"
+							}),
+							/* @__PURE__ */ A(r, {
+								title: "Work",
+								value: l(be),
+								icon: /* @__PURE__ */ A(g, { className: "h-5 w-5" }),
+								description: "Captured work time"
+							}),
+							/* @__PURE__ */ A(r, {
+								title: "Personal",
+								value: l(xe),
+								icon: /* @__PURE__ */ A(x, { className: "h-5 w-5" }),
+								description: "Everything beyond work"
+							}),
+							/* @__PURE__ */ A(r, {
+								title: "Unaccounted",
+								value: l(H),
+								icon: /* @__PURE__ */ A(v, { className: "h-5 w-5" }),
+								description: "Not logged yet"
+							})
+						]
+					}),
+					U.length > 0 && /* @__PURE__ */ A(re, {
+						title: "How your life divided",
+						description: "Share of accounted-for time across life domains",
+						children: /* @__PURE__ */ A(se, {
+							data: U,
+							centerLabel: "Time covered",
+							centerValue: l(V),
+							valueFormat: (e) => l(e),
+							ariaLabel: "Time by life domain"
+						})
+					}),
+					H > 0 && z.length > 0 && /* @__PURE__ */ j("div", {
+						className: "flex items-start gap-2 rounded-lg border border-border-seam bg-bg-surface px-4 py-3 text-sm text-text-secondary",
+						children: [/* @__PURE__ */ A(v, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-tertiary" }), /* @__PURE__ */ j("span", { children: [
+							/* @__PURE__ */ A("span", {
+								className: "font-medium text-text-primary tabular-nums",
+								children: l(H)
+							}),
+							" ",
+							"of this range isn’t accounted for yet. Log life time to fill the gaps and see the true shape of your day."
+						] })]
+					}),
+					z.length === 0 ? /* @__PURE__ */ A(ne, {
+						illustration: "empty-generic",
+						title: "No life yet in this range",
+						description: "Work sessions land here automatically. Add the rest of your day — sleep, family, health, commute, downtime — and your real timeline assembles in order.",
+						action: $
+					}) : /* @__PURE__ */ A(de, {
+						treatment: "glass",
+						glow: !0,
+						className: "overflow-hidden",
+						children: /* @__PURE__ */ A("ol", {
+							className: "divide-y divide-border-seam",
+							children: z.map((e) => {
+								let r = me(e.lifeDomain), i = r.icon, a = e.ownershipContext === ce.Personal;
+								return /* @__PURE__ */ j("li", {
+									className: "flex items-stretch gap-3 p-4 transition-colors hover:bg-bg-sunken/50",
+									children: [
+										/* @__PURE__ */ j("div", {
+											className: "flex w-24 shrink-0 flex-col items-end pt-0.5 text-xs tabular-nums text-text-secondary",
+											children: [/* @__PURE__ */ j("span", { children: [
+												n(e.startTime),
+												" –",
+												" ",
+												n(_e(e))
+											] }), /* @__PURE__ */ A("span", {
+												className: "text-text-tertiary",
+												children: l(e.durationSeconds)
+											})]
+										}),
+										/* @__PURE__ */ A("span", {
+											"aria-hidden": !0,
+											className: t("w-1 shrink-0 rounded-full", fe[r.variant])
+										}),
+										/* @__PURE__ */ A("div", {
+											className: t("mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg", pe[r.variant]),
+											children: /* @__PURE__ */ A(i, { className: "h-4 w-4" })
+										}),
+										/* @__PURE__ */ j("div", {
+											className: "min-w-0 flex-1",
+											children: [/* @__PURE__ */ A("p", {
+												className: "truncate text-sm font-medium text-text-primary",
+												children: e.title || f(e.lifeDomain)
+											}), /* @__PURE__ */ j("div", {
+												className: "mt-1 flex flex-wrap items-center gap-2",
+												children: [
+													/* @__PURE__ */ A(o, {
+														label: f(e.lifeDomain),
+														variant: r.variant,
+														dot: !0
+													}),
+													/* @__PURE__ */ A(o, {
+														label: a ? "Personal" : "Work",
+														variant: "muted"
+													}),
+													e.app && /* @__PURE__ */ A("span", {
+														className: "text-xs text-text-secondary",
+														children: e.app
+													})
+												]
+											})]
+										})
+									]
+								}, e.id);
+							})
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ A(oe, {
+				open: Se,
+				onClose: () => W(!1),
+				title: "Log life time",
+				description: "Add a slice of life — sleep, family, health, downtime — to your timeline.",
+				footer: /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("button", {
+					type: "button",
+					onClick: () => W(!1),
+					className: "rounded-md border border-border-seam bg-bg-surface px-3 py-1.5 text-sm text-text-secondary transition-colors hover:text-text-primary",
+					children: "Cancel"
+				}), /* @__PURE__ */ A("button", {
+					type: "submit",
+					form: "log-life-form",
+					disabled: I,
+					className: "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 transition-colors hover:opacity-90 disabled:opacity-60",
+					children: I ? "Logging…" : "Log life time"
+				})] }),
+				children: /* @__PURE__ */ j("form", {
+					id: "log-life-form",
+					onSubmit: we,
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ j("label", {
+							className: "block",
+							children: [/* @__PURE__ */ A("span", {
+								className: "mb-1 block text-sm font-medium text-text-primary",
+								children: "Life domain"
+							}), /* @__PURE__ */ A("select", {
+								value: G,
+								onChange: (e) => K(e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40",
+								children: c.map((e) => /* @__PURE__ */ A("option", {
+									value: e,
+									children: f(e)
+								}, e))
+							})]
+						}),
+						/* @__PURE__ */ j("label", {
+							className: "block",
+							children: [/* @__PURE__ */ A("span", {
+								className: "mb-1 block text-sm font-medium text-text-primary",
+								children: "Starts"
+							}), /* @__PURE__ */ A("input", {
+								type: "datetime-local",
+								value: q,
+								max: P(/* @__PURE__ */ new Date()),
+								onChange: (e) => J(e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40"
+							})]
+						}),
+						/* @__PURE__ */ j("label", {
+							className: "block",
+							children: [/* @__PURE__ */ A("span", {
+								className: "mb-1 block text-sm font-medium text-text-primary",
+								children: "Duration (minutes)"
+							}), /* @__PURE__ */ A("input", {
+								type: "number",
+								min: 1,
+								step: 1,
+								value: Y,
+								onChange: (e) => X(e.target.value),
+								className: "w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40"
+							})]
+						}),
+						/* @__PURE__ */ j("label", {
+							className: "block",
+							children: [/* @__PURE__ */ j("span", {
+								className: "mb-1 block text-sm font-medium text-text-primary",
+								children: [
+									"Note",
+									" ",
+									/* @__PURE__ */ A("span", {
+										className: "font-normal text-text-tertiary",
+										children: "(optional)"
+									})
+								]
+							}), /* @__PURE__ */ A("textarea", {
+								value: Z,
+								onChange: (e) => Q(e.target.value),
+								rows: 2,
+								placeholder: "What was this time about?",
+								className: "w-full resize-none rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40"
+							})]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ A(ie, {
+				toasts: _,
+				onDismiss: b
+			})
+		]
+	});
+}
+//#endregion
+export { F as LifeTimelinePage };
+
+//# sourceMappingURL=LifeTimelinePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LifeTimelinePage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/LifeTimelinePage.tsx"],"sourcesContent":["import { useMemo, useState, type FormEvent } from \"react\";\nimport {\n  Activity,\n  BookOpen,\n  Briefcase,\n  Car,\n  CircleDashed,\n  Clapperboard,\n  Dumbbell,\n  Heart,\n  Hourglass,\n  House,\n  MessageCircle,\n  Moon,\n  NotebookPen,\n  Plus,\n  Sparkles,\n  Wallet,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  ChartCard,\n  DonutChart,\n  EmptyState,\n  LoadingSkeleton,\n  Modal,\n  useToast,\n  ToastContainer,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { cn, formatTime, type BadgeVariant } from \"../../utils/helpers\";\nimport {\n  PERSONAL_LIFE_DOMAINS,\n  formatSecondsHuman,\n  isoDaysAgo,\n  isoNow,\n  lifeDomainLabel,\n} from \"./domains\";\nimport {\n  TimeCampusLifeDomain,\n  TimeCampusOwnershipContext,\n} from \"@/generated/wspace-types\";\nimport {\n  useLifeTimelineQuery,\n  useLogLifeTimeEntryMutation,\n  type LifeTimelineQuery,\n} from \"@/generated/wspace-operations\";\n\ntype LifeSegment = LifeTimelineQuery[\"lifeTimeline\"][\"segments\"][number];\ntype DomainTotal =\n  LifeTimelineQuery[\"lifeTimeline\"][\"summary\"][\"byDomain\"][number];\n\n/** Per-domain presentation: an icon + a semantic colour family. Identity is\n *  always carried by the label — colour is only a supporting cue, so reusing a\n *  family across domains is honest. Every class here is a registered token. */\nconst DOMAIN_META: Record<\n  TimeCampusLifeDomain,\n  { icon: typeof Briefcase; variant: BadgeVariant }\n> = {\n  [TimeCampusLifeDomain.Work]: { icon: Briefcase, variant: \"info\" },\n  [TimeCampusLifeDomain.Sleep]: { icon: Moon, variant: \"muted\" },\n  [TimeCampusLifeDomain.Health]: { icon: Dumbbell, variant: \"success\" },\n  [TimeCampusLifeDomain.Family]: { icon: Heart, variant: \"error\" },\n  [TimeCampusLifeDomain.Learning]: { icon: BookOpen, variant: \"info\" },\n  [TimeCampusLifeDomain.Leisure]: { icon: Clapperboard, variant: \"default\" },\n  [TimeCampusLifeDomain.Commute]: { icon: Car, variant: \"warning\" },\n  [TimeCampusLifeDomain.Waiting]: { icon: Hourglass, variant: \"muted\" },\n  [TimeCampusLifeDomain.Chores]: { icon: House, variant: \"warning\" },\n  [TimeCampusLifeDomain.SelfCare]: { icon: Sparkles, variant: \"success\" },\n  [TimeCampusLifeDomain.Social]: { icon: MessageCircle, variant: \"info\" },\n  [TimeCampusLifeDomain.FinanceAdmin]: { icon: Wallet, variant: \"default\" },\n  [TimeCampusLifeDomain.Reflection]: { icon: NotebookPen, variant: \"default\" },\n  [TimeCampusLifeDomain.Other]: { icon: CircleDashed, variant: \"muted\" },\n};\n\n/** Colour-family → dot/edge background token (mirrors StatusBadge dotStyles). */\nconst DOT_BY_VARIANT: Record<BadgeVariant, string> = {\n  success: \"bg-status-success-text\",\n  warning: \"bg-status-warning-text\",\n  error: \"bg-status-error-text\",\n  info: \"bg-status-info-text\",\n  default: \"bg-action-primary-bg\",\n  muted: \"bg-muted-foreground\",\n};\n\n/** Colour-family → icon-chip background+text tokens (mirrors StatusBadge). */\nconst CHIP_BY_VARIANT: Record<BadgeVariant, string> = {\n  success: \"bg-status-success-bg text-status-success-text\",\n  warning: \"bg-status-warning-bg text-status-warning-text\",\n  error: \"bg-status-error-bg text-status-error-text\",\n  info: \"bg-status-info-bg text-status-info-text\",\n  default: \"bg-action-primary-bg/10 text-primary\",\n  muted: \"bg-bg-sunken text-text-secondary\",\n};\n\nfunction domainMeta(domain: TimeCampusLifeDomain) {\n  return DOMAIN_META[domain] ?? DOMAIN_META[TimeCampusLifeDomain.Other];\n}\n\ntype RangeKey = \"day\" | \"7d\" | \"30d\";\n\nconst RANGE_OPTIONS: { key: RangeKey; label: string }[] = [\n  { key: \"day\", label: \"Day\" },\n  { key: \"7d\", label: \"7 days\" },\n  { key: \"30d\", label: \"30 days\" },\n];\n\nfunction toLocalDateInput(date: Date): string {\n  const local = new Date(date.getTime() - date.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 10);\n}\n\nfunction toLocalDateTimeInput(date: Date): string {\n  const local = new Date(date.getTime() - date.getTimezoneOffset() * 60_000);\n  return local.toISOString().slice(0, 16);\n}\n\nfunction dayBounds(dateStr: string): { from: string; to: string } {\n  const start = new Date(`${dateStr}T00:00:00`);\n  const end = new Date(`${dateStr}T23:59:59.999`);\n  return { from: start.toISOString(), to: end.toISOString() };\n}\n\n/** End of a segment: explicit endTime, else start + duration. */\nfunction segmentEndTime(segment: LifeSegment): string {\n  if (segment.endTime) return segment.endTime;\n  const endMs =\n    new Date(segment.startTime).getTime() + segment.durationSeconds * 1000;\n  return new Date(endMs).toISOString();\n}\n\nexport function LifeTimelinePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { toasts, addToast, dismissToast } = useToast();\n\n  const [range, setRange] = useState<RangeKey>(\"day\");\n  const [dateStr, setDateStr] = useState(() => toLocalDateInput(new Date()));\n\n  const { from, to } = useMemo(() => {\n    if (range === \"day\") return dayBounds(dateStr);\n    if (range === \"7d\") return { from: isoDaysAgo(7), to: isoNow() };\n    return { from: isoDaysAgo(30), to: isoNow() };\n  }, [range, dateStr]);\n\n  const { data, loading, error, refetch } = useLifeTimelineQuery({\n    variables: { from, to },\n    skip: !workspaceId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const [logLifeTime, { loading: logging }] = useLogLifeTimeEntryMutation();\n\n  const timeline = data?.lifeTimeline;\n  const summary = timeline?.summary;\n\n  const segments = useMemo(\n    () =>\n      [...(timeline?.segments ?? [])].sort(\n        (a, b) =>\n          new Date(a.startTime).getTime() - new Date(b.startTime).getTime(),\n      ),\n    [timeline],\n  );\n\n  const byDomain: DomainTotal[] = useMemo(\n    () => summary?.byDomain ?? [],\n    [summary],\n  );\n  const totalCovered = summary?.totalCoveredSeconds ?? 0;\n  const unaccounted = summary?.unaccountedSeconds ?? 0;\n  const workSeconds = byDomain\n    .filter((d) => d.domain === TimeCampusLifeDomain.Work)\n    .reduce((s, d) => s + d.totalSeconds, 0);\n  const personalSeconds = byDomain\n    .filter((d) => d.domain !== TimeCampusLifeDomain.Work)\n    .reduce((s, d) => s + d.totalSeconds, 0);\n\n  const donutData = useMemo(\n    () =>\n      byDomain\n        .filter((d) => d.totalSeconds > 0)\n        .map((d) => ({\n          name: lifeDomainLabel(d.domain),\n          value: d.totalSeconds,\n        })),\n    [byDomain],\n  );\n\n  // ---- Log life time modal ----\n  const [logOpen, setLogOpen] = useState(false);\n  const [logDomain, setLogDomain] = useState<TimeCampusLifeDomain>(\n    PERSONAL_LIFE_DOMAINS[0],\n  );\n  const [logStart, setLogStart] = useState(\"\");\n  const [logMinutes, setLogMinutes] = useState(\"30\");\n  const [logNote, setLogNote] = useState(\"\");\n\n  const openLog = () => {\n    setLogDomain(PERSONAL_LIFE_DOMAINS[0]);\n    setLogStart(toLocalDateTimeInput(new Date()));\n    setLogMinutes(\"30\");\n    setLogNote(\"\");\n    setLogOpen(true);\n  };\n\n  const handleLog = async (e: FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const minutes = Number(logMinutes);\n    if (!logStart || !Number.isFinite(minutes) || minutes <= 0) {\n      addToast({\n        variant: \"error\",\n        title: \"Add a start time and a positive duration\",\n      });\n      return;\n    }\n    try {\n      const result = await logLifeTime({\n        variables: {\n          domain: logDomain,\n          startTime: new Date(logStart).toISOString(),\n          duration: Math.round(minutes * 60),\n          note: logNote.trim() ? logNote.trim() : undefined,\n        },\n      });\n      if (result.error) {\n        throw result.error;\n      }\n      addToast({\n        variant: \"success\",\n        title: \"Life time logged\",\n        description: `${lifeDomainLabel(logDomain)} · ${formatSecondsHuman(\n          Math.round(minutes * 60),\n        )}`,\n      });\n      setLogOpen(false);\n      await refetch();\n    } catch (err) {\n      addToast({\n        variant: \"error\",\n        title: \"Could not log life time\",\n        description: err instanceof Error ? err.message : \"Please try again.\",\n      });\n    }\n  };\n\n  const logButton = (\n    <button\n      type=\"button\"\n      onClick={openLog}\n      className=\"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 transition-colors hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      Log life time\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title=\"Life timeline\"\n      description=\"Your whole day — work and life — in one honest thread\"\n      purpose=\"This is your life, not just your job. Work sessions captured by TimeCampus sit alongside the sleep, family, health, commute and downtime you log — assembled in order so you can see the real shape of a day and where the hours actually go.\"\n      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((opt) => (\n              <button\n                key={opt.key}\n                type=\"button\"\n                onClick={() => setRange(opt.key)}\n                className={cn(\n                  \"rounded-md px-2.5 py-1 text-xs font-medium transition-colors\",\n                  range === opt.key\n                    ? \"bg-bg-surface text-text-primary shadow-sm\"\n                    : \"text-text-secondary hover:text-text-primary\",\n                )}\n              >\n                {opt.label}\n              </button>\n            ))}\n          </div>\n          {range === \"day\" && (\n            <input\n              type=\"date\"\n              aria-label=\"Pick a day\"\n              value={dateStr}\n              max={toLocalDateInput(new Date())}\n              onChange={(e) => setDateStr(e.target.value)}\n              className=\"rounded-md border border-border-seam bg-bg-surface px-3 py-1.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n            />\n          )}\n          {logButton}\n        </>\n      }\n    >\n      {loading && !timeline ? (\n        <div className=\"space-y-6\">\n          <LoadingSkeleton variant=\"card\" count={4} />\n          <LoadingSkeleton variant=\"list\" count={6} />\n        </div>\n      ) : error ? (\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load your life timeline. Please try again later.\n        </div>\n      ) : (\n        <div className=\"space-y-6\">\n          {/* Work vs Personal vs total */}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <StatCard\n              featured\n              title=\"Time covered\"\n              value={formatSecondsHuman(totalCovered)}\n              icon={<Activity className=\"h-5 w-5\" />}\n              description=\"Accounted-for time in this range\"\n            />\n            <StatCard\n              title=\"Work\"\n              value={formatSecondsHuman(workSeconds)}\n              icon={<Briefcase className=\"h-5 w-5\" />}\n              description=\"Captured work time\"\n            />\n            <StatCard\n              title=\"Personal\"\n              value={formatSecondsHuman(personalSeconds)}\n              icon={<Heart className=\"h-5 w-5\" />}\n              description=\"Everything beyond work\"\n            />\n            <StatCard\n              title=\"Unaccounted\"\n              value={formatSecondsHuman(unaccounted)}\n              icon={<CircleDashed className=\"h-5 w-5\" />}\n              description=\"Not logged yet\"\n            />\n          </div>\n\n          {/* Where life divided (real byDomain distribution) */}\n          {donutData.length > 0 && (\n            <ChartCard\n              title=\"How your life divided\"\n              description=\"Share of accounted-for time across life domains\"\n            >\n              <DonutChart\n                data={donutData}\n                centerLabel=\"Time covered\"\n                centerValue={formatSecondsHuman(totalCovered)}\n                valueFormat={(v) => formatSecondsHuman(v)}\n                ariaLabel=\"Time by life domain\"\n              />\n            </ChartCard>\n          )}\n\n          {/* Honest unaccounted note */}\n          {unaccounted > 0 && segments.length > 0 && (\n            <div className=\"flex items-start gap-2 rounded-lg border border-border-seam bg-bg-surface px-4 py-3 text-sm text-text-secondary\">\n              <CircleDashed className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <span>\n                <span className=\"font-medium text-text-primary tabular-nums\">\n                  {formatSecondsHuman(unaccounted)}\n                </span>{\" \"}\n                of this range isn&rsquo;t accounted for yet. Log life time to\n                fill the gaps and see the true shape of your day.\n              </span>\n            </div>\n          )}\n\n          {/* Chronological life timeline */}\n          {segments.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-generic\"\n              title=\"No life yet in this range\"\n              description=\"Work sessions land here automatically. Add the rest of your day — sleep, family, health, commute, downtime — and your real timeline assembles in order.\"\n              action={logButton}\n            />\n          ) : (\n            <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n              <ol className=\"divide-y divide-border-seam\">\n                {segments.map((segment) => {\n                  const meta = domainMeta(segment.lifeDomain);\n                  const Icon = meta.icon;\n                  const isPersonal =\n                    segment.ownershipContext ===\n                    TimeCampusOwnershipContext.Personal;\n                  return (\n                    <li\n                      key={segment.id}\n                      className=\"flex items-stretch gap-3 p-4 transition-colors hover:bg-bg-sunken/50\"\n                    >\n                      <div className=\"flex w-24 shrink-0 flex-col items-end pt-0.5 text-xs tabular-nums text-text-secondary\">\n                        <span>\n                          {formatTime(segment.startTime)} –{\" \"}\n                          {formatTime(segmentEndTime(segment))}\n                        </span>\n                        <span className=\"text-text-tertiary\">\n                          {formatSecondsHuman(segment.durationSeconds)}\n                        </span>\n                      </div>\n                      <span\n                        aria-hidden\n                        className={cn(\n                          \"w-1 shrink-0 rounded-full\",\n                          DOT_BY_VARIANT[meta.variant],\n                        )}\n                      />\n                      <div\n                        className={cn(\n                          \"mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg\",\n                          CHIP_BY_VARIANT[meta.variant],\n                        )}\n                      >\n                        <Icon className=\"h-4 w-4\" />\n                      </div>\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-sm font-medium text-text-primary\">\n                          {segment.title || lifeDomainLabel(segment.lifeDomain)}\n                        </p>\n                        <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n                          <StatusBadge\n                            label={lifeDomainLabel(segment.lifeDomain)}\n                            variant={meta.variant}\n                            dot\n                          />\n                          <StatusBadge\n                            label={isPersonal ? \"Personal\" : \"Work\"}\n                            variant=\"muted\"\n                          />\n                          {segment.app && (\n                            <span className=\"text-xs text-text-secondary\">\n                              {segment.app}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            </GlassCard>\n          )}\n        </div>\n      )}\n\n      {/* Log life time modal */}\n      <Modal\n        open={logOpen}\n        onClose={() => setLogOpen(false)}\n        title=\"Log life time\"\n        description=\"Add a slice of life — sleep, family, health, downtime — to your timeline.\"\n        footer={\n          <>\n            <button\n              type=\"button\"\n              onClick={() => setLogOpen(false)}\n              className=\"rounded-md border border-border-seam bg-bg-surface px-3 py-1.5 text-sm text-text-secondary transition-colors hover:text-text-primary\"\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              form=\"log-life-form\"\n              disabled={logging}\n              className=\"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 transition-colors hover:opacity-90 disabled:opacity-60\"\n            >\n              {logging ? \"Logging…\" : \"Log life time\"}\n            </button>\n          </>\n        }\n      >\n        <form id=\"log-life-form\" onSubmit={handleLog} className=\"space-y-4\">\n          <label className=\"block\">\n            <span className=\"mb-1 block text-sm font-medium text-text-primary\">\n              Life domain\n            </span>\n            <select\n              value={logDomain}\n              onChange={(e) =>\n                setLogDomain(e.target.value as TimeCampusLifeDomain)\n              }\n              className=\"w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n            >\n              {PERSONAL_LIFE_DOMAINS.map((d) => (\n                <option key={d} value={d}>\n                  {lifeDomainLabel(d)}\n                </option>\n              ))}\n            </select>\n          </label>\n\n          <label className=\"block\">\n            <span className=\"mb-1 block text-sm font-medium text-text-primary\">\n              Starts\n            </span>\n            <input\n              type=\"datetime-local\"\n              value={logStart}\n              max={toLocalDateTimeInput(new Date())}\n              onChange={(e) => setLogStart(e.target.value)}\n              className=\"w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n            />\n          </label>\n\n          <label className=\"block\">\n            <span className=\"mb-1 block text-sm font-medium text-text-primary\">\n              Duration (minutes)\n            </span>\n            <input\n              type=\"number\"\n              min={1}\n              step={1}\n              value={logMinutes}\n              onChange={(e) => setLogMinutes(e.target.value)}\n              className=\"w-full rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n            />\n          </label>\n\n          <label className=\"block\">\n            <span className=\"mb-1 block text-sm font-medium text-text-primary\">\n              Note{\" \"}\n              <span className=\"font-normal text-text-tertiary\">(optional)</span>\n            </span>\n            <textarea\n              value={logNote}\n              onChange={(e) => setLogNote(e.target.value)}\n              rows={2}\n              placeholder=\"What was this time about?\"\n              className=\"w-full resize-none rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/40\"\n            />\n          </label>\n        </form>\n      </Modal>\n\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}