@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

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

@@ -0,0 +1,459 @@
+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 { useGrantSourceConsentMutation as i, useMyContextSharingPolicyQuery as ee, useMyPersonalDataSummaryQuery as te, useMySourceConsentsQuery as ne, useRevokeSourceConsentMutation as re, useUpdateContextSharingPolicyMutation as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { ToastContainer as ie, useToast as ae } from "../../components/Toast.js";
+import "../../components/index.js";
+import { 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 { ArrowUpRight as oe, Building2 as se, Info as h, Lock as g, Plug as _, Share2 as v, ShieldCheck as ce } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as x } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/pages/lifetime/PersonalCorporatePage.tsx
+var S = [
+	{
+		key: "sustainableHours",
+		label: "Sustainable hours",
+		description: "A yes/no signal that your working hours sit within a healthy range — never the hours themselves."
+	},
+	{
+		key: "recoveryBand",
+		label: "Recovery band",
+		description: "Whether you're getting enough recovery between work blocks, as a single band — not what you did to recover."
+	},
+	{
+		key: "workLifeBoundary",
+		label: "Work-life boundary",
+		description: "Whether work is staying inside the hours you've set aside for it — a boundary flag, nothing more."
+	}
+];
+function C(e) {
+	let t = e.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim().toLowerCase();
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function w({ checked: e, onChange: n, disabled: r = !1, ariaLabel: i }) {
+	return /* @__PURE__ */ y("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": e,
+		"aria-label": i,
+		disabled: r,
+		onClick: () => n(!e),
+		className: t("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface", e ? "border-transparent bg-action-primary-bg" : "border-border-subtle bg-bg-sunken", r && "cursor-not-allowed opacity-50"),
+		children: /* @__PURE__ */ y("span", { className: t("inline-block h-4 w-4 transform rounded-full shadow-sm transition-transform motion-reduce:transition-none", e ? "translate-x-6 bg-action-primary-text" : "translate-x-1 bg-bg-surface") })
+	});
+}
+function T() {
+	let { workspaceId: T = "" } = e(), { toasts: E, addToast: D, dismissToast: O } = ae(), k = p(() => ({
+		from: u(30),
+		to: d()
+	}), []), { data: A, loading: j, error: M } = ee({ skip: !T }), { data: N, loading: P, error: F, refetch: I } = te({
+		variables: {
+			from: k.from,
+			to: k.to
+		},
+		skip: !T
+	}), { data: L, loading: R, error: z, refetch: B } = ne({ skip: !T }), [V] = a(), [H] = i(), [U] = re(), [W, G] = m(null), [le, K] = m(null), q = A?.myContextSharingPolicy, J = N?.myPersonalDataSummary, Y = L?.mySourceConsents ?? [], X = p(() => [...J?.byDomain ?? []].sort((e, t) => t.totalSeconds - e.totalSeconds), [J]), Z = X[0]?.totalSeconds ?? 0, Q = J?.sharedAggregates ?? [], $ = {
+		title: "Personal & Corporate",
+		description: "Two contexts, one boundary you control",
+		purpose: "TimeCampus keeps two worlds apart: your private life record, which stays yours, and the workspace you work in. This is where you decide exactly which aggregate work signals — never your personal context — travel up to your employer."
+	};
+	if (!T || j && !A || P && !N) return /* @__PURE__ */ y(o, {
+		...$,
+		children: /* @__PURE__ */ b("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [
+				/* @__PURE__ */ y(r, {
+					variant: "card",
+					count: 1
+				}),
+				/* @__PURE__ */ y(r, {
+					variant: "card",
+					count: 1
+				}),
+				/* @__PURE__ */ y(r, {
+					variant: "card",
+					count: 1
+				})
+			]
+		})
+	});
+	if (M && F && !q && !J) return /* @__PURE__ */ y(o, {
+		...$,
+		children: /* @__PURE__ */ y("div", {
+			className: "rounded-xl border border-status-error-border/50 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
+			children: "We couldn't load your privacy settings right now. Please try again in a moment."
+		})
+	});
+	let ue = async (e, t) => {
+		if (!q) return;
+		let n = S.find((t) => t.key === e)?.label ?? "signal";
+		G(e);
+		try {
+			let r = await V({ variables: { input: {
+				sustainableHours: q.sustainableHours,
+				recoveryBand: q.recoveryBand,
+				workLifeBoundary: q.workLifeBoundary,
+				[e]: t
+			} } });
+			if (r.error) throw Error(r.error.message);
+			await I(), D({
+				title: t ? `Now sharing "${n}"` : `Stopped sharing "${n}"`,
+				description: "Your workspace only ever sees this as an aggregate signal.",
+				variant: "success"
+			});
+		} catch {
+			D({
+				title: "Couldn't update what you share",
+				description: "Nothing was changed. Please try again.",
+				variant: "error"
+			});
+		} finally {
+			G(null);
+		}
+	}, de = async (e, t) => {
+		let n = C(e.source);
+		K(e.source);
+		try {
+			if (t) {
+				let t = await H({ variables: { source: e.source } });
+				if (t.error) throw Error(t.error.message);
+			} else {
+				let t = await U({ variables: { source: e.source } });
+				if (t.error) throw Error(t.error.message);
+			}
+			await B(), D({
+				title: t ? `${n} connected` : `${n} disconnected`,
+				variant: "success"
+			});
+		} catch {
+			D({
+				title: "Couldn't update this source",
+				description: "Nothing was changed. Please try again.",
+				variant: "error"
+			});
+		} finally {
+			K(null);
+		}
+	};
+	return /* @__PURE__ */ b(o, {
+		...$,
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [
+					/* @__PURE__ */ b(x, {
+						treatment: "glass",
+						className: "flex flex-col p-4 sm:p-6",
+						children: [/* @__PURE__ */ b("div", {
+							className: "mb-4 flex items-start gap-3",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+								children: /* @__PURE__ */ y(g, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ b("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("h2", {
+									className: "text-sm font-semibold text-text-primary",
+									children: [
+										"Personal",
+										" ",
+										/* @__PURE__ */ y("span", {
+											className: "font-normal text-text-secondary",
+											children: "(private to you)"
+										})
+									]
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: "Everything you capture about your life. Locked to your account — it never leaves this side."
+								})]
+							})]
+						}), F && !J ? /* @__PURE__ */ y("div", {
+							className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-3 text-xs text-status-error-text",
+							children: "Couldn't load your private data summary right now."
+						}) : !J || J.totalPersonalEvents === 0 ? /* @__PURE__ */ y(c, {
+							illustration: "empty-data",
+							title: "Nothing private captured yet",
+							description: "Log your first life entry and it will live here — always private to you."
+						}) : /* @__PURE__ */ b("div", {
+							className: "flex flex-1 flex-col gap-4",
+							children: [/* @__PURE__ */ y(n, {
+								title: "Private life entries",
+								value: J.totalPersonalEvents.toLocaleString(),
+								icon: /* @__PURE__ */ y(g, { className: "h-5 w-5" }),
+								description: "captured in the last 30 days"
+							}), X.length === 0 ? /* @__PURE__ */ y("p", {
+								className: "text-xs text-text-secondary",
+								children: "No life domains logged in this window yet."
+							}) : /* @__PURE__ */ y("ul", {
+								className: "space-y-2.5",
+								children: X.map((e) => {
+									let t = Z > 0 ? Math.round(e.totalSeconds / Z * 100) : 0;
+									return /* @__PURE__ */ b("li", {
+										className: "rounded-lg border border-border-subtle bg-bg-sunken/40 p-3",
+										children: [/* @__PURE__ */ b("div", {
+											className: "flex items-center justify-between gap-3",
+											children: [/* @__PURE__ */ b("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ y("p", {
+													className: "truncate text-sm font-medium text-text-primary",
+													children: f(e.domain)
+												}), /* @__PURE__ */ b("p", {
+													className: "mt-0.5 text-xs text-text-secondary",
+													children: [
+														l(e.totalSeconds),
+														" ·",
+														" ",
+														e.eventCount.toLocaleString(),
+														" ",
+														e.eventCount === 1 ? "entry" : "entries"
+													]
+												})]
+											}), /* @__PURE__ */ y(g, {
+												className: "h-3.5 w-3.5 shrink-0 text-text-muted",
+												"aria-label": "Private to you"
+											})]
+										}), /* @__PURE__ */ y("div", {
+											className: "mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+											children: /* @__PURE__ */ y("div", {
+												className: "h-full rounded-full bg-action-primary-bg/60",
+												style: { width: `${t}%` }
+											})
+										})]
+									}, e.domain);
+								})
+							})]
+						})]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "flex flex-col gap-4",
+						children: [/* @__PURE__ */ b(x, {
+							treatment: "insight",
+							glow: !0,
+							className: "flex flex-col p-4 sm:p-6",
+							children: [/* @__PURE__ */ b("div", {
+								className: "mb-4 flex items-start gap-3",
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-status-info-bg/40 text-status-info-text",
+									children: /* @__PURE__ */ y(v, { className: "h-5 w-5" })
+								}), /* @__PURE__ */ b("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ y("h2", {
+										className: "text-sm font-semibold text-text-primary",
+										children: "What you share up to work"
+									}), /* @__PURE__ */ y("p", {
+										className: "mt-0.5 text-xs text-text-secondary",
+										children: "Aggregate signals only. Every switch is off until you turn it on."
+									})]
+								})]
+							}), M && !q ? /* @__PURE__ */ y("div", {
+								className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-3 text-xs text-status-error-text",
+								children: "Couldn't load your sharing settings right now."
+							}) : /* @__PURE__ */ y("div", {
+								className: "space-y-3",
+								children: S.map((e) => {
+									let n = q ? q[e.key] : !1, r = W === e.key;
+									return /* @__PURE__ */ y("div", {
+										className: "rounded-lg border border-border-subtle bg-bg-sunken/40 p-3",
+										children: /* @__PURE__ */ b("div", {
+											className: "flex items-start justify-between gap-3",
+											children: [/* @__PURE__ */ b("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ y("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: e.label
+												}), /* @__PURE__ */ y("p", {
+													className: "mt-0.5 text-xs text-text-secondary",
+													children: e.description
+												})]
+											}), /* @__PURE__ */ b("div", {
+												className: "flex shrink-0 flex-col items-end gap-1",
+												children: [/* @__PURE__ */ y(w, {
+													checked: n,
+													disabled: r || !q,
+													ariaLabel: `Share "${e.label}" with your workspace`,
+													onChange: (t) => ue(e.key, t)
+												}), /* @__PURE__ */ y("span", {
+													className: t("text-[0.65rem] font-medium uppercase tracking-wide", n ? "text-status-success-text" : "text-text-muted"),
+													children: r ? "Saving…" : n ? "On" : "Off"
+												})]
+											})]
+										})
+									}, e.key);
+								})
+							})]
+						}), /* @__PURE__ */ y(x, {
+							treatment: "metric",
+							className: "border-status-success-border/40 p-4",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-status-success-bg/40 text-status-success-text",
+									children: /* @__PURE__ */ y(ce, { className: "h-5 w-5" })
+								}), /* @__PURE__ */ y("p", {
+									className: "text-sm font-semibold text-text-primary",
+									children: "Your employer never sees your personal context."
+								})]
+							})
+						})]
+					}),
+					/* @__PURE__ */ b(x, {
+						treatment: "glass",
+						className: "flex flex-col p-4 sm:p-6",
+						children: [/* @__PURE__ */ b("div", {
+							className: "mb-4 flex items-start gap-3",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+								children: /* @__PURE__ */ y(se, { className: "h-5 w-5" })
+							}), /* @__PURE__ */ b("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ b("h2", {
+									className: "text-sm font-semibold text-text-primary",
+									children: [
+										"Corporate",
+										" ",
+										/* @__PURE__ */ y("span", {
+											className: "font-normal text-text-secondary",
+											children: "(your workspace)"
+										})
+									]
+								}), /* @__PURE__ */ y("p", {
+									className: "mt-0.5 text-xs text-text-secondary",
+									children: "What the workspace can actually see about you."
+								})]
+							})]
+						}), /* @__PURE__ */ b("div", {
+							className: "flex flex-1 flex-col gap-4",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "flex items-start gap-2 rounded-lg border border-status-info-border/40 bg-status-info-bg/10 px-3 py-2.5 text-xs text-status-info-text",
+									children: [/* @__PURE__ */ y(h, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ y("span", { children: "Your workspace only ever receives aggregate work signals — coarse yes/no bands, never entries, locations, health or timestamps." })]
+								}),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "mb-2 text-xs font-medium uppercase tracking-wide text-text-muted",
+									children: "Aggregate signals visible to work"
+								}), Q.length === 0 ? /* @__PURE__ */ b("div", {
+									className: "rounded-lg border border-border-subtle bg-bg-sunken/40 p-4 text-center",
+									children: [/* @__PURE__ */ y("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: "Nothing is shared right now"
+									}), /* @__PURE__ */ y("p", {
+										className: "mt-1 text-xs text-text-secondary",
+										children: "Turn on a signal in the middle column and it will appear here."
+									})]
+								}) : /* @__PURE__ */ y("ul", {
+									className: "space-y-2",
+									children: Q.map((e) => /* @__PURE__ */ b("li", {
+										className: "flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-sunken/40 px-3 py-2.5",
+										children: [/* @__PURE__ */ b("span", {
+											className: "flex min-w-0 items-center gap-2 text-sm text-text-primary",
+											children: [/* @__PURE__ */ y(oe, { className: "h-4 w-4 shrink-0 text-status-success-text" }), /* @__PURE__ */ y("span", {
+												className: "truncate",
+												children: C(e)
+											})]
+										}), /* @__PURE__ */ y(s, {
+											variant: "success",
+											label: "Shared",
+											dot: !0
+										})]
+									}, e))
+								})] }),
+								/* @__PURE__ */ y("p", {
+									className: "mt-auto text-xs text-text-muted",
+									children: "This mirrors exactly what you've allowed — change it any time from the switches on the left."
+								})
+							]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ b(x, {
+				treatment: "glass",
+				className: "mt-6 p-4 sm:p-6",
+				children: [/* @__PURE__ */ b("div", {
+					className: "mb-4 flex items-start gap-3",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+						children: /* @__PURE__ */ y(_, { className: "h-5 w-5" })
+					}), /* @__PURE__ */ b("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ y("h3", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Connected sources"
+						}), /* @__PURE__ */ y("p", {
+							className: "mt-0.5 text-xs text-text-secondary",
+							children: "Each capture source only feeds your private record once you consent — and you can withdraw at any moment."
+						})]
+					})]
+				}), z && Y.length === 0 ? /* @__PURE__ */ y("div", {
+					className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-3 text-xs text-status-error-text",
+					children: "Couldn't load your connected sources right now."
+				}) : R && Y.length === 0 ? /* @__PURE__ */ y(r, {
+					variant: "list",
+					count: 3
+				}) : Y.length === 0 ? /* @__PURE__ */ y(c, {
+					illustration: "empty-data",
+					title: "No sources connected yet",
+					description: "When you connect a capture source — a calendar, location or health signal — you'll grant and revoke exactly what it may feed here."
+				}) : /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",
+					children: Y.map((e) => {
+						let n = le === e.source;
+						return /* @__PURE__ */ y(x, {
+							treatment: "metric",
+							className: "p-4",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ b("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ y("p", {
+										className: "truncate text-sm font-medium text-text-primary",
+										children: C(e.source)
+									}), /* @__PURE__ */ b("div", {
+										className: "mt-1.5 flex flex-wrap items-center gap-1.5",
+										children: [
+											/* @__PURE__ */ y(s, {
+												variant: "muted",
+												label: C(e.mode)
+											}),
+											e.onDeviceOnly && /* @__PURE__ */ y(s, {
+												variant: "info",
+												label: "On-device only"
+											}),
+											e.retentionDays != null && /* @__PURE__ */ y(s, {
+												variant: "muted",
+												label: `Kept ${e.retentionDays}d`
+											})
+										]
+									})]
+								}), /* @__PURE__ */ b("div", {
+									className: "flex shrink-0 flex-col items-end gap-1",
+									children: [/* @__PURE__ */ y(w, {
+										checked: e.granted,
+										disabled: n,
+										ariaLabel: `Consent for ${C(e.source)}`,
+										onChange: (t) => de(e, t)
+									}), /* @__PURE__ */ y("span", {
+										className: t("text-[0.65rem] font-medium uppercase tracking-wide", e.granted ? "text-status-success-text" : "text-text-muted"),
+										children: n ? "Saving…" : e.granted ? "Granted" : "Revoked"
+									})]
+								})]
+							})
+						}, e.id);
+					})
+				})]
+			}),
+			/* @__PURE__ */ y(ie, {
+				toasts: E,
+				onDismiss: O
+			})
+		]
+	});
+}
+//#endregion
+export { T as PersonalCorporatePage };
+
+//# sourceMappingURL=PersonalCorporatePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalCorporatePage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/PersonalCorporatePage.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport {\n  Lock,\n  Building2,\n  Share2,\n  ShieldCheck,\n  Plug,\n  Info,\n  ArrowUpRight,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  EmptyState,\n  LoadingSkeleton,\n  ToastContainer,\n  useToast,\n} from \"../../components\";\nimport { cn } from \"../../utils/helpers\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n  useMyContextSharingPolicyQuery,\n  useMySourceConsentsQuery,\n  useMyPersonalDataSummaryQuery,\n  useUpdateContextSharingPolicyMutation,\n  useGrantSourceConsentMutation,\n  useRevokeSourceConsentMutation,\n  type MyPersonalDataSummaryQuery,\n  type MySourceConsentsQuery,\n} from \"@/generated/wspace-operations\";\nimport {\n  lifeDomainLabel,\n  formatSecondsHuman,\n  isoDaysAgo,\n  isoNow,\n} from \"./domains\";\n\ntype PersonalDomainCount =\n  MyPersonalDataSummaryQuery[\"myPersonalDataSummary\"][\"byDomain\"][number];\ntype SourceConsent = MySourceConsentsQuery[\"mySourceConsents\"][number];\n\n/** The three aggregate work signals the user can share up to their workspace. */\ntype PolicyKey = \"sustainableHours\" | \"recoveryBand\" | \"workLifeBoundary\";\n\nconst POLICY_TOGGLES: {\n  key: PolicyKey;\n  label: string;\n  description: string;\n}[] = [\n  {\n    key: \"sustainableHours\",\n    label: \"Sustainable hours\",\n    description:\n      \"A yes/no signal that your working hours sit within a healthy range — never the hours themselves.\",\n  },\n  {\n    key: \"recoveryBand\",\n    label: \"Recovery band\",\n    description:\n      \"Whether you're getting enough recovery between work blocks, as a single band — not what you did to recover.\",\n  },\n  {\n    key: \"workLifeBoundary\",\n    label: \"Work-life boundary\",\n    description:\n      \"Whether work is staying inside the hours you've set aside for it — a boundary flag, nothing more.\",\n  },\n];\n\n/** Turn a raw enum/source token like \"SUSTAINABLE_HOURS\" or \"onDevice\" into prose. */\nfunction humanizeToken(raw: string): string {\n  const spaced = raw\n    .replace(/[_-]+/g, \" \")\n    .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n    .trim()\n    .toLowerCase();\n  return spaced.charAt(0).toUpperCase() + spaced.slice(1);\n}\n\n/**\n * A small, token-styled toggle switch. Kept local to this page (per brief) —\n * a headless button with `role=\"switch\"` so it stays accessible and themable.\n * No hover movement: the track only changes colour.\n */\nfunction ToggleSwitch({\n  checked,\n  onChange,\n  disabled = false,\n  ariaLabel,\n}: {\n  checked: boolean;\n  onChange: (next: boolean) => void;\n  disabled?: boolean;\n  ariaLabel: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      aria-label={ariaLabel}\n      disabled={disabled}\n      onClick={() => onChange(!checked)}\n      className={cn(\n        \"relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors\",\n        \"focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface\",\n        checked\n          ? \"border-transparent bg-action-primary-bg\"\n          : \"border-border-subtle bg-bg-sunken\",\n        disabled && \"cursor-not-allowed opacity-50\",\n      )}\n    >\n      <span\n        className={cn(\n          \"inline-block h-4 w-4 transform rounded-full shadow-sm transition-transform motion-reduce:transition-none\",\n          checked\n            ? \"translate-x-6 bg-action-primary-text\"\n            : \"translate-x-1 bg-bg-surface\",\n        )}\n      />\n    </button>\n  );\n}\n\nexport function PersonalCorporatePage() {\n  const { workspaceId = \"\" } = useTimeCampus();\n  const { toasts, addToast, dismissToast } = useToast();\n\n  // Keep the range identity stable so `isoNow()` doesn't trigger refetch loops.\n  const range = useMemo(() => ({ from: isoDaysAgo(30), to: isoNow() }), []);\n\n  const {\n    data: policyData,\n    loading: policyLoading,\n    error: policyError,\n  } = useMyContextSharingPolicyQuery({ skip: !workspaceId });\n\n  const {\n    data: summaryData,\n    loading: summaryLoading,\n    error: summaryError,\n    refetch: refetchSummary,\n  } = useMyPersonalDataSummaryQuery({\n    variables: { from: range.from, to: range.to },\n    skip: !workspaceId,\n  });\n\n  const {\n    data: consentsData,\n    loading: consentsLoading,\n    error: consentsError,\n    refetch: refetchConsents,\n  } = useMySourceConsentsQuery({ skip: !workspaceId });\n\n  const [updatePolicy] = useUpdateContextSharingPolicyMutation();\n  const [grantConsent] = useGrantSourceConsentMutation();\n  const [revokeConsent] = useRevokeSourceConsentMutation();\n\n  const [savingPolicyKey, setSavingPolicyKey] = useState<PolicyKey | null>(\n    null,\n  );\n  const [savingSource, setSavingSource] = useState<string | null>(null);\n\n  const policy = policyData?.myContextSharingPolicy;\n  const summary = summaryData?.myPersonalDataSummary;\n  const consents: SourceConsent[] = consentsData?.mySourceConsents ?? [];\n\n  // Biggest slices of private time first — most meaningful at a glance.\n  const personalDomains = useMemo<PersonalDomainCount[]>(() => {\n    const list = summary?.byDomain ?? [];\n    return [...list].sort((a, b) => b.totalSeconds - a.totalSeconds);\n  }, [summary]);\n\n  const maxDomainSeconds = personalDomains[0]?.totalSeconds ?? 0;\n  const sharedAggregates: string[] = summary?.sharedAggregates ?? [];\n\n  const pageProps = {\n    title: \"Personal & Corporate\",\n    description: \"Two contexts, one boundary you control\",\n    purpose:\n      \"TimeCampus keeps two worlds apart: your private life record, which stays yours, and the workspace you work in. This is where you decide exactly which aggregate work signals — never your personal context — travel up to your employer.\",\n  } as const;\n\n  const initialLoading =\n    !workspaceId ||\n    (policyLoading && !policyData) ||\n    (summaryLoading && !summaryData);\n\n  if (initialLoading) {\n    return (\n      <PageLayout {...pageProps}>\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n          <LoadingSkeleton variant=\"card\" count={1} />\n          <LoadingSkeleton variant=\"card\" count={1} />\n          <LoadingSkeleton variant=\"card\" count={1} />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  // Both core surfaces failed and we have nothing to show — calm, honest error.\n  if (policyError && summaryError && !policy && !summary) {\n    return (\n      <PageLayout {...pageProps}>\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          We couldn't load your privacy settings right now. Please try again in\n          a moment.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const handlePolicyToggle = async (key: PolicyKey, next: boolean) => {\n    if (!policy) return;\n    const label = POLICY_TOGGLES.find((t) => t.key === key)?.label ?? \"signal\";\n    setSavingPolicyKey(key);\n    try {\n      const res = await updatePolicy({\n        variables: {\n          input: {\n            sustainableHours: policy.sustainableHours,\n            recoveryBand: policy.recoveryBand,\n            workLifeBoundary: policy.workLifeBoundary,\n            [key]: next,\n          },\n        },\n      });\n      if (res.error) throw new Error(res.error.message);\n      // Shared-aggregate list can change with the policy — keep Corporate honest.\n      await refetchSummary();\n      addToast({\n        title: next ? `Now sharing \"${label}\"` : `Stopped sharing \"${label}\"`,\n        description:\n          \"Your workspace only ever sees this as an aggregate signal.\",\n        variant: \"success\",\n      });\n    } catch {\n      addToast({\n        title: \"Couldn't update what you share\",\n        description: \"Nothing was changed. Please try again.\",\n        variant: \"error\",\n      });\n    } finally {\n      setSavingPolicyKey(null);\n    }\n  };\n\n  const handleConsentToggle = async (consent: SourceConsent, next: boolean) => {\n    const label = humanizeToken(consent.source);\n    setSavingSource(consent.source);\n    try {\n      if (next) {\n        const res = await grantConsent({\n          variables: { source: consent.source },\n        });\n        if (res.error) throw new Error(res.error.message);\n      } else {\n        const res = await revokeConsent({\n          variables: { source: consent.source },\n        });\n        if (res.error) throw new Error(res.error.message);\n      }\n      await refetchConsents();\n      addToast({\n        title: next ? `${label} connected` : `${label} disconnected`,\n        variant: \"success\",\n      });\n    } catch {\n      addToast({\n        title: \"Couldn't update this source\",\n        description: \"Nothing was changed. Please try again.\",\n        variant: \"error\",\n      });\n    } finally {\n      setSavingSource(null);\n    }\n  };\n\n  return (\n    <PageLayout {...pageProps}>\n      {/* Three contexts: your private record · what you share · the workspace. */}\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* ── Personal (private to you) ─────────────────────────────────── */}\n        <GlassCard treatment=\"glass\" className=\"flex flex-col p-4 sm:p-6\">\n          <div className=\"mb-4 flex items-start gap-3\">\n            <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n              <Lock className=\"h-5 w-5\" />\n            </div>\n            <div className=\"min-w-0\">\n              <h2 className=\"text-sm font-semibold text-text-primary\">\n                Personal{\" \"}\n                <span className=\"font-normal text-text-secondary\">\n                  (private to you)\n                </span>\n              </h2>\n              <p className=\"mt-0.5 text-xs text-text-secondary\">\n                Everything you capture about your life. Locked to your account —\n                it never leaves this side.\n              </p>\n            </div>\n          </div>\n\n          {summaryError && !summary ? (\n            <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-3 text-xs text-status-error-text\">\n              Couldn't load your private data summary right now.\n            </div>\n          ) : !summary || summary.totalPersonalEvents === 0 ? (\n            <EmptyState\n              illustration=\"empty-data\"\n              title=\"Nothing private captured yet\"\n              description=\"Log your first life entry and it will live here — always private to you.\"\n            />\n          ) : (\n            <div className=\"flex flex-1 flex-col gap-4\">\n              <StatCard\n                title=\"Private life entries\"\n                value={summary.totalPersonalEvents.toLocaleString()}\n                icon={<Lock className=\"h-5 w-5\" />}\n                description=\"captured in the last 30 days\"\n              />\n\n              {personalDomains.length === 0 ? (\n                <p className=\"text-xs text-text-secondary\">\n                  No life domains logged in this window yet.\n                </p>\n              ) : (\n                <ul className=\"space-y-2.5\">\n                  {personalDomains.map((d) => {\n                    const pct =\n                      maxDomainSeconds > 0\n                        ? Math.round((d.totalSeconds / maxDomainSeconds) * 100)\n                        : 0;\n                    return (\n                      <li\n                        key={d.domain}\n                        className=\"rounded-lg border border-border-subtle bg-bg-sunken/40 p-3\"\n                      >\n                        <div className=\"flex items-center justify-between gap-3\">\n                          <div className=\"min-w-0\">\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                              {formatSecondsHuman(d.totalSeconds)} ·{\" \"}\n                              {d.eventCount.toLocaleString()}{\" \"}\n                              {d.eventCount === 1 ? \"entry\" : \"entries\"}\n                            </p>\n                          </div>\n                          <Lock\n                            className=\"h-3.5 w-3.5 shrink-0 text-text-muted\"\n                            aria-label=\"Private to you\"\n                          />\n                        </div>\n                        {/* Data-driven share bar of this window's private time. */}\n                        <div className=\"mt-2 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                          <div\n                            className=\"h-full rounded-full bg-action-primary-bg/60\"\n                            style={{ width: `${pct}%` }}\n                          />\n                        </div>\n                      </li>\n                    );\n                  })}\n                </ul>\n              )}\n            </div>\n          )}\n        </GlassCard>\n\n        {/* ── What you share up to work ─────────────────────────────────── */}\n        <div className=\"flex flex-col gap-4\">\n          <GlassCard\n            treatment=\"insight\"\n            glow\n            className=\"flex flex-col p-4 sm:p-6\"\n          >\n            <div className=\"mb-4 flex items-start gap-3\">\n              <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-status-info-bg/40 text-status-info-text\">\n                <Share2 className=\"h-5 w-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <h2 className=\"text-sm font-semibold text-text-primary\">\n                  What you share up to work\n                </h2>\n                <p className=\"mt-0.5 text-xs text-text-secondary\">\n                  Aggregate signals only. Every switch is off until you turn it\n                  on.\n                </p>\n              </div>\n            </div>\n\n            {policyError && !policy ? (\n              <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-3 text-xs text-status-error-text\">\n                Couldn't load your sharing settings right now.\n              </div>\n            ) : (\n              <div className=\"space-y-3\">\n                {POLICY_TOGGLES.map((toggle) => {\n                  const checked = policy ? policy[toggle.key] : false;\n                  const saving = savingPolicyKey === toggle.key;\n                  return (\n                    <div\n                      key={toggle.key}\n                      className=\"rounded-lg border border-border-subtle bg-bg-sunken/40 p-3\"\n                    >\n                      <div className=\"flex items-start justify-between gap-3\">\n                        <div className=\"min-w-0\">\n                          <p className=\"text-sm font-medium text-text-primary\">\n                            {toggle.label}\n                          </p>\n                          <p className=\"mt-0.5 text-xs text-text-secondary\">\n                            {toggle.description}\n                          </p>\n                        </div>\n                        <div className=\"flex shrink-0 flex-col items-end gap-1\">\n                          <ToggleSwitch\n                            checked={checked}\n                            disabled={saving || !policy}\n                            ariaLabel={`Share \"${toggle.label}\" with your workspace`}\n                            onChange={(next) =>\n                              handlePolicyToggle(toggle.key, next)\n                            }\n                          />\n                          <span\n                            className={cn(\n                              \"text-[0.65rem] font-medium uppercase tracking-wide\",\n                              checked\n                                ? \"text-status-success-text\"\n                                : \"text-text-muted\",\n                            )}\n                          >\n                            {saving ? \"Saving…\" : checked ? \"On\" : \"Off\"}\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </GlassCard>\n\n          {/* Strong, unmissable reassurance. */}\n          <GlassCard\n            treatment=\"metric\"\n            className=\"border-status-success-border/40 p-4\"\n          >\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-status-success-bg/40 text-status-success-text\">\n                <ShieldCheck className=\"h-5 w-5\" />\n              </div>\n              <p className=\"text-sm font-semibold text-text-primary\">\n                Your employer never sees your personal context.\n              </p>\n            </div>\n          </GlassCard>\n        </div>\n\n        {/* ── Corporate (your workspace) ────────────────────────────────── */}\n        <GlassCard treatment=\"glass\" className=\"flex flex-col p-4 sm:p-6\">\n          <div className=\"mb-4 flex items-start gap-3\">\n            <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n              <Building2 className=\"h-5 w-5\" />\n            </div>\n            <div className=\"min-w-0\">\n              <h2 className=\"text-sm font-semibold text-text-primary\">\n                Corporate{\" \"}\n                <span className=\"font-normal text-text-secondary\">\n                  (your workspace)\n                </span>\n              </h2>\n              <p className=\"mt-0.5 text-xs text-text-secondary\">\n                What the workspace can actually see about you.\n              </p>\n            </div>\n          </div>\n\n          <div className=\"flex flex-1 flex-col gap-4\">\n            <div className=\"flex items-start gap-2 rounded-lg border border-status-info-border/40 bg-status-info-bg/10 px-3 py-2.5 text-xs text-status-info-text\">\n              <Info className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n              <span>\n                Your workspace only ever receives aggregate work signals —\n                coarse yes/no bands, never entries, locations, health or\n                timestamps.\n              </span>\n            </div>\n\n            <div>\n              <p className=\"mb-2 text-xs font-medium uppercase tracking-wide text-text-muted\">\n                Aggregate signals visible to work\n              </p>\n              {sharedAggregates.length === 0 ? (\n                <div className=\"rounded-lg border border-border-subtle bg-bg-sunken/40 p-4 text-center\">\n                  <p className=\"text-sm font-medium text-text-primary\">\n                    Nothing is shared right now\n                  </p>\n                  <p className=\"mt-1 text-xs text-text-secondary\">\n                    Turn on a signal in the middle column and it will appear\n                    here.\n                  </p>\n                </div>\n              ) : (\n                <ul className=\"space-y-2\">\n                  {sharedAggregates.map((agg) => (\n                    <li\n                      key={agg}\n                      className=\"flex items-center justify-between gap-3 rounded-lg border border-border-subtle bg-bg-sunken/40 px-3 py-2.5\"\n                    >\n                      <span className=\"flex min-w-0 items-center gap-2 text-sm text-text-primary\">\n                        <ArrowUpRight className=\"h-4 w-4 shrink-0 text-status-success-text\" />\n                        <span className=\"truncate\">{humanizeToken(agg)}</span>\n                      </span>\n                      <StatusBadge variant=\"success\" label=\"Shared\" dot />\n                    </li>\n                  ))}\n                </ul>\n              )}\n            </div>\n\n            <p className=\"mt-auto text-xs text-text-muted\">\n              This mirrors exactly what you've allowed — change it any time from\n              the switches on the left.\n            </p>\n          </div>\n        </GlassCard>\n      </div>\n\n      {/* ── Connected sources & consent ─────────────────────────────────── */}\n      <GlassCard treatment=\"glass\" className=\"mt-6 p-4 sm:p-6\">\n        <div className=\"mb-4 flex items-start gap-3\">\n          <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n            <Plug className=\"h-5 w-5\" />\n          </div>\n          <div className=\"min-w-0\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Connected sources\n            </h3>\n            <p className=\"mt-0.5 text-xs text-text-secondary\">\n              Each capture source only feeds your private record once you\n              consent — and you can withdraw at any moment.\n            </p>\n          </div>\n        </div>\n\n        {consentsError && consents.length === 0 ? (\n          <div className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-3 text-xs text-status-error-text\">\n            Couldn't load your connected sources right now.\n          </div>\n        ) : consentsLoading && consents.length === 0 ? (\n          <LoadingSkeleton variant=\"list\" count={3} />\n        ) : consents.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No sources connected yet\"\n            description=\"When you connect a capture source — a calendar, location or health signal — you'll grant and revoke exactly what it may feed here.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {consents.map((consent) => {\n              const saving = savingSource === consent.source;\n              return (\n                <GlassCard key={consent.id} treatment=\"metric\" className=\"p-4\">\n                  <div className=\"flex items-start justify-between gap-3\">\n                    <div className=\"min-w-0\">\n                      <p className=\"truncate text-sm font-medium text-text-primary\">\n                        {humanizeToken(consent.source)}\n                      </p>\n                      <div className=\"mt-1.5 flex flex-wrap items-center gap-1.5\">\n                        <StatusBadge\n                          variant=\"muted\"\n                          label={humanizeToken(consent.mode)}\n                        />\n                        {consent.onDeviceOnly && (\n                          <StatusBadge variant=\"info\" label=\"On-device only\" />\n                        )}\n                        {consent.retentionDays != null && (\n                          <StatusBadge\n                            variant=\"muted\"\n                            label={`Kept ${consent.retentionDays}d`}\n                          />\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"flex shrink-0 flex-col items-end gap-1\">\n                      <ToggleSwitch\n                        checked={consent.granted}\n                        disabled={saving}\n                        ariaLabel={`Consent for ${humanizeToken(consent.source)}`}\n                        onChange={(next) => handleConsentToggle(consent, next)}\n                      />\n                      <span\n                        className={cn(\n                          \"text-[0.65rem] font-medium uppercase tracking-wide\",\n                          consent.granted\n                            ? \"text-status-success-text\"\n                            : \"text-text-muted\",\n                        )}\n                      >\n                        {saving\n                          ? \"Saving…\"\n                          : consent.granted\n                            ? \"Granted\"\n                            : \"Revoked\"}\n                      </span>\n                    </div>\n                  </div>\n                </GlassCard>\n              );\n            })}\n          </div>\n        )}\n      </GlassCard>\n\n      <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}