npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.830.2 → 2026.903.1 - Mend

@burdenoff/microfe-timecampus 2026.830.2 → 2026.903.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/timecampus/pages/lifetime/FiniteLifePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FiniteLifePage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/FiniteLifePage.tsx"],"sourcesContent":["import { useMemo, useState, type FormEvent } from \"react\";\nimport {\n Hourglass,\n Sparkles,\n SlidersHorizontal,\n CalendarDays,\n Lock,\n ArrowRight,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n PageLayout,\n ChartCard,\n EmptyState,\n Modal,\n DonutChart,\n WeeksGrid,\n LoadingSkeleton,\n ToastContainer,\n useToast,\n type DonutSlice,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useMyLifeInWeeksQuery,\n useMyLifeProfileQuery,\n useUpdateMyLifeProfileMutation,\n type MyLifeInWeeksQuery,\n} from \"@/generated/wspace-operations\";\nimport { lifeDomainLabel, formatSecondsHuman } from \"./domains\";\n\n/** One life-domain roll-up row, typed from the generated query result. /\ntype LifeDomainRollup =\n MyLifeInWeeksQuery[\"myLifeInWeeks\"][\"domainRollups\"][number];\n\n/* Grouped integer (e.g. 1,742). /\nfunction nf(n: number): string {\n return Math.max(0, Math.round(n)).toLocaleString();\n}\n\n/* Whole-week count → years with one decimal (e.g. 33.5). /\nfunction weeksToYears(weeks: number): string {\n return (Math.round((weeks / 52) 10) / 10).toFixed(1);\n}\n\n/** ISO datetime → the `YYYY-MM-DD` a native date input expects. /\nfunction isoToDateInput(iso: string \| null \| undefined): string {\n if (!iso) return \"\";\n return iso.slice(0, 10);\n}\n\nconst TODAY_DATE_INPUT = new Date().toISOString().slice(0, 10);\n\n/\n FiniteLifePage — the finite-life \"your life in weeks\" memento.\n \n A calm, opt-in, entirely private reflection: each cell is one week of a life,\n * anchored to the gentle north star \"What if today was your last?\". Everything\n * it draws comes from the viewer's own (optional) birth date and life\n * expectancy — never a guessed age or an invented mortality date. It is\n * self-scoped (identity travels in the gateway headers, so the queries take no\n * user argument) and honest by construction: with no birth date it still\n * renders an open horizon and simply invites you to add one. It respects the\n * `hideRemainingWeeks` choice so no one is forced to stare down a countdown.\n /\nexport function FiniteLifePage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n\n const {\n data: weeksData,\n loading: weeksLoading,\n error: weeksError,\n refetch: refetchWeeks,\n } = useMyLifeInWeeksQuery({ skip: !workspaceId });\n\n const {\n data: profileData,\n loading: profileLoading,\n error: profileError,\n refetch: refetchProfile,\n } = useMyLifeProfileQuery({ skip: !workspaceId });\n\n const [updateProfile, { loading: saving }] = useUpdateMyLifeProfileMutation();\n\n const weeks = weeksData?.myLifeInWeeks;\n const profile = profileData?.myLifeProfile;\n\n // ---- Setup modal (opt-in, dismissible) -----------------------------------\n const [setupOpen, setSetupOpen] = useState(false);\n const [birthDateInput, setBirthDateInput] = useState(\"\");\n const [expectancyInput, setExpectancyInput] = useState(\"\");\n const [hideRemainingInput, setHideRemainingInput] = useState(false);\n const [formError, setFormError] = useState<string \| null>(null);\n\n const openSetup = () => {\n setBirthDateInput(isoToDateInput(profile?.birthDate ?? weeks?.birthDate));\n setExpectancyInput(\n profile?.lifeExpectancyYears != null\n ? String(profile.lifeExpectancyYears)\n : weeks?.lifeExpectancyYears != null\n ? String(weeks.lifeExpectancyYears)\n : \"\",\n );\n setHideRemainingInput(\n profile?.hideRemainingWeeks ?? weeks?.hideRemainingWeeks ?? false,\n );\n setFormError(null);\n setSetupOpen(true);\n };\n\n const handleSave = async (e?: FormEvent) => {\n e?.preventDefault();\n setFormError(null);\n\n if (!birthDateInput) {\n setFormError(\"Please add your birth date to continue.\");\n return;\n }\n if (birthDateInput > TODAY_DATE_INPUT) {\n setFormError(\"Your birth date can't be in the future.\");\n return;\n }\n\n let expectancy: number \| null = null;\n if (expectancyInput.trim() !== \"\") {\n const parsed = Number(expectancyInput);\n if (!Number.isInteger(parsed) \|\| parsed < 1 \|\| parsed > 130) {\n setFormError(\n \"Life expectancy should be a whole number of years (1–130).\",\n );\n return;\n }\n expectancy = parsed;\n }\n\n try {\n await updateProfile({\n variables: {\n input: {\n birthDate: new Date(\n `${birthDateInput}T00:00:00.000Z`,\n ).toISOString(),\n lifeExpectancyYears: expectancy,\n hideRemainingWeeks: hideRemainingInput,\n finiteLifeOptIn: true,\n },\n },\n });\n await Promise.all([refetchWeeks(), refetchProfile()]);\n setSetupOpen(false);\n addToast({\n variant: \"success\",\n title: \"Saved — this is just for you\",\n description: \"You can change or turn this off anytime.\",\n });\n } catch {\n addToast({\n variant: \"error\",\n title: \"Couldn't save your settings\",\n description: \"Please try again in a moment.\",\n });\n }\n };\n\n // ---- Derived, honest values ----------------------------------------------\n const hasBirthDate = !!weeks?.birthDate;\n const hideRemaining =\n weeks?.hideRemainingWeeks ?? profile?.hideRemainingWeeks ?? false;\n\n const weeksLived = weeks?.weeksLived ?? null;\n const expectancyYears = weeks?.lifeExpectancyYears ?? null;\n // Only reveal the full mortal horizon when the user hasn't asked to hide it.\n const gridTotalWeeks = hideRemaining\n ? null\n : (weeks?.expectedTotalWeeks ?? null);\n const weeksRemaining =\n hideRemaining \|\| weeks?.weeksRemaining == null\n ? null\n : weeks.weeksRemaining;\n\n // Reflection: where the recent (backend-defined) window actually went.\n const domainSlices: DonutSlice[] = useMemo(() => {\n const rollups: LifeDomainRollup[] = weeks?.domainRollups ?? [];\n return rollups\n .filter((r) => r.totalSeconds > 0)\n .map((r) => ({\n name: lifeDomainLabel(r.domain),\n value: r.totalSeconds,\n }));\n }, [weeks?.domainRollups]);\n const rollupTotalSeconds = domainSlices.reduce((sum, s) => sum + s.value, 0);\n\n const loading = weeksLoading \|\| profileLoading;\n const hardError = (weeksError \|\| profileError) && !weeks && !profile;\n\n const setupAction = (\n <button\n type=\"button\"\n onClick={openSetup}\n className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n >\n <SlidersHorizontal className=\"h-4 w-4\" />\n Life settings\n </button>\n );\n\n if (loading && !weeks && !profile) {\n return (\n <PageLayout\n title=\"Your Life in Weeks\"\n description=\"A calm, private view of the weeks you've lived — and the ones still ahead.\"\n >\n <LoadingSkeleton variant=\"detail\" />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Your Life in Weeks\"\n description=\"A calm, private view of the weeks you've lived — and the ones still ahead.\"\n purpose=\"Each square is a single week of your life. It's a gentle memento — not a countdown — meant only for you, to help this week feel a little more intentional.\"\n actions={setupAction}\n >\n {hardError ? (\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 life view right now. Please try again in a\n moment.\n </div>\n ) : (\n <div className=\"space-y-6\">\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ The grid — the memento itself /}\n <div className=\"lg:col-span-2\">\n <ChartCard\n title=\"Your life in weeks\"\n description={\n hasBirthDate\n ? \"Each row is a year; each square, a week you have lived or have yet to live.\"\n : \"Add your birth date to fill in the weeks you've already lived.\"\n }\n >\n <WeeksGrid\n weeksLived={weeksLived}\n totalWeeks={gridTotalWeeks}\n ariaLabel={\n hasBirthDate\n ? `Your life in weeks: ${nf(weeksLived ?? 0)} weeks lived so far`\n : \"Your life in weeks — birth date not set yet\"\n }\n />\n <div className=\"mt-4 flex flex-wrap items-center gap-x-5 gap-y-2 text-xs text-text-secondary\">\n <span className=\"flex items-center gap-1.5\">\n <span className=\"h-3 w-3 rounded-[3px] bg-action-primary-bg\" />\n Weeks lived\n </span>\n <span className=\"flex items-center gap-1.5\">\n <span className=\"h-3 w-3 rounded-[3px] border-2 border-action-primary-bg bg-bg-surface\" />\n This week\n </span>\n <span className=\"flex items-center gap-1.5\">\n <span className=\"h-3 w-3 rounded-[3px] border border-border-seam\" />\n Ahead\n </span>\n </div>\n </ChartCard>\n </div>\n\n {/ The calm side card /}\n <GlassCard\n treatment=\"glass\"\n glow\n className=\"flex flex-col p-5 sm:p-6\"\n >\n <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/10 text-primary\">\n <Hourglass className=\"h-5 w-5\" />\n </div>\n\n {hasBirthDate ? (\n <div className=\"mt-4 space-y-5\">\n <div>\n <p className=\"text-sm text-text-secondary\">\n You have lived\n </p>\n <p className=\"mt-0.5 text-3xl font-bold tabular-nums text-text-primary\">\n {nf(weeksLived ?? 0)}{\" \"}\n <span className=\"text-xl font-semibold text-text-secondary\">\n weeks\n </span>\n </p>\n </div>\n\n {expectancyYears != null && weeksRemaining != null ? (\n <div>\n <p className=\"text-sm text-text-secondary\">\n If you live to {expectancyYears}, about\n </p>\n <p className=\"mt-0.5 text-2xl font-bold tabular-nums text-text-primary\">\n {nf(weeksRemaining)}{\" \"}\n <span className=\"text-lg font-semibold text-text-secondary\">\n remain\n </span>\n </p>\n <p className=\"mt-1 text-xs text-text-secondary\">\n {weeksToYears(weeksLived ?? 0)} years lived ·{\" \"}\n {weeksToYears(weeksRemaining)} years ahead\n </p>\n </div>\n ) : (\n <p className=\"text-xs text-text-secondary\">\n {hideRemaining\n ? \"You've chosen to see only the weeks you've lived.\"\n : \"Add a life expectancy in settings to gently sketch the weeks ahead.\"}\n </p>\n )}\n\n <div className=\"rounded-lg border border-border-seam bg-bg-surface/40 p-3\">\n <p className=\"flex items-start gap-2 text-sm text-text-primary\">\n <Sparkles className=\"mt-0.5 h-4 w-4 shrink-0 text-primary\" />\n <span>\n What if today was your last? Make this week count.\n </span>\n </p>\n </div>\n </div>\n ) : (\n <div className=\"mt-4 space-y-4\">\n <div>\n <h3 className=\"text-base font-semibold text-text-primary\">\n See your life in weeks\n </h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n Add your birth date and we'll gently fill in the weeks\n you've lived so far — a quiet reminder that time is\n finite, and this week is yours to spend.\n </p>\n </div>\n <button\n type=\"button\"\n onClick={openSetup}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n >\n Add your birth date\n <ArrowRight className=\"h-4 w-4\" />\n </button>\n </div>\n )}\n\n <p className=\"mt-6 flex items-start gap-1.5 text-xs text-text-secondary\">\n <Lock className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n <span>\n Only you can see this. Your birth date is never shared, and\n you can turn this off anytime.\n </span>\n </p>\n </GlassCard>\n </div>\n\n {/ Gentle reflection — only when there's real recent data to show /}\n {domainSlices.length > 0 && (\n <ChartCard\n title=\"Where your recent weeks went\"\n description=\"How your logged time settled across life's domains lately — a mirror, not a scorecard.\"\n >\n <DonutChart\n data={domainSlices}\n centerLabel=\"logged lately\"\n centerValue={formatSecondsHuman(rollupTotalSeconds)}\n valueFormat={(v) => formatSecondsHuman(v)}\n emptyLabel=\"Nothing logged in this window yet.\"\n ariaLabel=\"Recent time by life domain\"\n />\n </ChartCard>\n )}\n\n {/ Honest first-run nudge when nothing has been logged either /}\n {hasBirthDate && domainSlices.length === 0 && (\n <EmptyState\n title=\"Your weeks are yours to shape\"\n description=\"As you capture how you spend your time, a quiet reflection of your recent weeks will appear here — only for you.\"\n />\n )}\n </div>\n )}\n\n {/ Opt-in setup */}\n <Modal\n open={setupOpen}\n onClose={() => setSetupOpen(false)}\n title=\"Your life in weeks\"\n description=\"This is private and entirely optional. Add only what feels comfortable.\"\n footer={\n <>\n <button\n type=\"button\"\n onClick={() => setSetupOpen(false)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n >\n Cancel\n </button>\n <button\n type=\"submit\"\n form=\"finite-life-setup\"\n disabled={saving}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {saving ? \"Saving…\" : \"Save\"}\n </button>\n </>\n }\n >\n <form\n id=\"finite-life-setup\"\n onSubmit={handleSave}\n className=\"space-y-5\"\n >\n <div>\n <label\n htmlFor=\"finite-life-birthdate\"\n className=\"flex items-center gap-1.5 text-sm font-medium text-text-primary\"\n >\n <CalendarDays className=\"h-4 w-4 text-text-secondary\" />\n Your birth date\n </label>\n <input\n id=\"finite-life-birthdate\"\n type=\"date\"\n value={birthDateInput}\n max={TODAY_DATE_INPUT}\n onChange={(e) => setBirthDateInput(e.target.value)}\n className=\"mt-2 w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary\"\n />\n <p className=\"mt-1.5 text-xs text-text-secondary\">\n Used only to count the weeks you've lived. It stays with you.\n </p>\n </div>\n\n <div>\n <label\n htmlFor=\"finite-life-expectancy\"\n className=\"text-sm font-medium text-text-primary\"\n >\n Life expectancy{\" \"}\n <span className=\"font-normal text-text-secondary\">\n (optional)\n </span>\n </label>\n <input\n id=\"finite-life-expectancy\"\n type=\"number\"\n inputMode=\"numeric\"\n min={1}\n max={130}\n step={1}\n placeholder=\"e.g. 90\"\n value={expectancyInput}\n onChange={(e) => setExpectancyInput(e.target.value)}\n className=\"mt-2 w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary\"\n />\n <p className=\"mt-1.5 text-xs text-text-secondary\">\n A gentle horizon for the weeks ahead — never a deadline. Leave it\n blank to simply see the weeks you've lived.\n </p>\n </div>\n\n <label className=\"flex items-start gap-2.5 rounded-lg border border-border-subtle bg-bg-surface/40 p-3\">\n <input\n type=\"checkbox\"\n checked={hideRemainingInput}\n onChange={(e) => setHideRemainingInput(e.target.checked)}\n className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-subtle\"\n />\n <span className=\"text-sm text-text-primary\">\n Hide the weeks ahead\n <span className=\"mt-0.5 block text-xs text-text-secondary\">\n Show only the weeks you've lived — no horizon, no countdown.\n </span>\n </span>\n </label>\n\n {formError && (\n <p className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text\">\n {formError}\n </p>\n )}\n </form>\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"FiniteLifePage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/FiniteLifePage.tsx"],"sourcesContent":["import { useMemo, useState, type FormEvent } from \"react\";\nimport {\n Hourglass,\n Sparkles,\n SlidersHorizontal,\n CalendarDays,\n Lock,\n ArrowRight,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport {\n PageLayout,\n ChartCard,\n EmptyState,\n Modal,\n DonutChart,\n WeeksGrid,\n LoadingSkeleton,\n ToastContainer,\n useToast,\n type DonutSlice,\n} from \"../../components\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useMyLifeInWeeksQuery,\n useMyLifeProfileQuery,\n useUpdateMyLifeProfileMutation,\n type MyLifeInWeeksQuery,\n} from \"@/generated/wspace-operations\";\nimport { lifeDomainLabel, formatSecondsHuman } from \"./domains\";\n\n/** One life-domain roll-up row, typed from the generated query result. /\ntype LifeDomainRollup =\n MyLifeInWeeksQuery[\"myLifeInWeeks\"][\"domainRollups\"][number];\n\n/* Grouped integer (e.g. 1,742). /\nfunction nf(n: number): string {\n return Math.max(0, Math.round(n)).toLocaleString();\n}\n\n/* Whole-week count → years with one decimal (e.g. 33.5). /\nfunction weeksToYears(weeks: number): string {\n return (Math.round((weeks / 52) 10) / 10).toFixed(1);\n}\n\n/** ISO datetime → the `YYYY-MM-DD` a native date input expects. /\nfunction isoToDateInput(iso: string \| null \| undefined): string {\n if (!iso) return \"\";\n return iso.slice(0, 10);\n}\n\nconst TODAY_DATE_INPUT = new Date().toISOString().slice(0, 10);\n\n/\n FiniteLifePage — the finite-life \"your life in weeks\" memento.\n \n A calm, opt-in, entirely private reflection: each cell is one week of a life,\n * anchored to the gentle north star \"What if today was your last?\". Everything\n * it draws comes from the viewer's own (optional) birth date and life\n * expectancy — never a guessed age or an invented mortality date. It is\n * self-scoped (identity travels in the gateway headers, so the queries take no\n * user argument) and honest by construction: with no birth date it still\n * renders an open horizon and simply invites you to add one. It respects the\n * `hideRemainingWeeks` choice so no one is forced to stare down a countdown.\n /\nexport function FiniteLifePage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n\n const {\n data: weeksData,\n loading: weeksLoading,\n error: weeksError,\n refetch: refetchWeeks,\n } = useMyLifeInWeeksQuery({ skip: !workspaceId });\n\n const {\n data: profileData,\n loading: profileLoading,\n error: profileError,\n refetch: refetchProfile,\n } = useMyLifeProfileQuery({ skip: !workspaceId });\n\n const [updateProfile, { loading: saving }] = useUpdateMyLifeProfileMutation();\n\n const weeks = weeksData?.myLifeInWeeks;\n const profile = profileData?.myLifeProfile;\n\n // ---- Setup modal (opt-in, dismissible) -----------------------------------\n const [setupOpen, setSetupOpen] = useState(false);\n const [birthDateInput, setBirthDateInput] = useState(\"\");\n const [expectancyInput, setExpectancyInput] = useState(\"\");\n const [hideRemainingInput, setHideRemainingInput] = useState(false);\n const [formError, setFormError] = useState<string \| null>(null);\n\n const openSetup = () => {\n setBirthDateInput(isoToDateInput(profile?.birthDate ?? weeks?.birthDate));\n setExpectancyInput(\n profile?.lifeExpectancyYears != null\n ? String(profile.lifeExpectancyYears)\n : weeks?.lifeExpectancyYears != null\n ? String(weeks.lifeExpectancyYears)\n : \"\",\n );\n setHideRemainingInput(\n profile?.hideRemainingWeeks ?? weeks?.hideRemainingWeeks ?? false,\n );\n setFormError(null);\n setSetupOpen(true);\n };\n\n const handleSave = async (e?: FormEvent) => {\n e?.preventDefault();\n setFormError(null);\n\n if (!birthDateInput) {\n setFormError(\"Please add your birth date to continue.\");\n return;\n }\n if (birthDateInput > TODAY_DATE_INPUT) {\n setFormError(\"Your birth date can't be in the future.\");\n return;\n }\n\n let expectancy: number \| null = null;\n if (expectancyInput.trim() !== \"\") {\n const parsed = Number(expectancyInput);\n if (!Number.isInteger(parsed) \|\| parsed < 1 \|\| parsed > 130) {\n setFormError(\n \"Life expectancy should be a whole number of years (1–130).\",\n );\n return;\n }\n expectancy = parsed;\n }\n\n try {\n await updateProfile({\n variables: {\n input: {\n birthDate: new Date(\n `${birthDateInput}T00:00:00.000Z`,\n ).toISOString(),\n lifeExpectancyYears: expectancy,\n hideRemainingWeeks: hideRemainingInput,\n finiteLifeOptIn: true,\n },\n },\n });\n await Promise.all([refetchWeeks(), refetchProfile()]);\n setSetupOpen(false);\n addToast({\n variant: \"success\",\n title: \"Saved — this is just for you\",\n description: \"You can change or turn this off anytime.\",\n });\n } catch {\n addToast({\n variant: \"error\",\n title: \"Couldn't save your settings\",\n description: \"Please try again in a moment.\",\n });\n }\n };\n\n // ---- Derived, honest values ----------------------------------------------\n const hasBirthDate = !!weeks?.birthDate;\n const hideRemaining =\n weeks?.hideRemainingWeeks ?? profile?.hideRemainingWeeks ?? false;\n\n const weeksLived = weeks?.weeksLived ?? null;\n const expectancyYears = weeks?.lifeExpectancyYears ?? null;\n // Only reveal the full mortal horizon when the user hasn't asked to hide it.\n const gridTotalWeeks = hideRemaining\n ? null\n : (weeks?.expectedTotalWeeks ?? null);\n const weeksRemaining =\n hideRemaining \|\| weeks?.weeksRemaining == null\n ? null\n : weeks.weeksRemaining;\n\n // Reflection: where the recent (backend-defined) window actually went.\n const domainSlices: DonutSlice[] = useMemo(() => {\n const rollups: LifeDomainRollup[] = weeks?.domainRollups ?? [];\n return rollups\n .filter((r) => r.totalSeconds > 0)\n .map((r) => ({\n name: lifeDomainLabel(r.domain),\n value: r.totalSeconds,\n }));\n }, [weeks?.domainRollups]);\n const rollupTotalSeconds = domainSlices.reduce((sum, s) => sum + s.value, 0);\n\n const loading = weeksLoading \|\| profileLoading;\n const hardError = (weeksError \|\| profileError) && !weeks && !profile;\n\n const setupAction = (\n <button\n type=\"button\"\n onClick={openSetup}\n className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle bg-bg-surface px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken\"\n >\n <SlidersHorizontal className=\"h-4 w-4\" />\n Life settings\n </button>\n );\n\n if (loading && !weeks && !profile) {\n return (\n <PageLayout\n title=\"Your Life in Weeks\"\n description=\"A calm, private view of the weeks you've lived — and the ones still ahead.\"\n >\n <LoadingSkeleton variant=\"detail\" />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Your Life in Weeks\"\n description=\"A calm, private view of the weeks you've lived — and the ones still ahead.\"\n purpose=\"Each square is a single week of your life. It's a gentle memento — not a countdown — meant only for you, to help this week feel a little more intentional.\"\n actions={setupAction}\n >\n {hardError ? (\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 life view right now. Please try again in a\n moment.\n </div>\n ) : (\n <div className=\"space-y-6\">\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n {/ The grid — the memento itself /}\n <div className=\"lg:col-span-2\">\n <ChartCard\n title=\"Your life in weeks\"\n description={\n hasBirthDate\n ? \"Each row is a year; each square, a week you have lived or have yet to live.\"\n : \"Add your birth date to fill in the weeks you've already lived.\"\n }\n >\n <WeeksGrid\n weeksLived={weeksLived}\n totalWeeks={gridTotalWeeks}\n ariaLabel={\n hasBirthDate\n ? `Your life in weeks: ${nf(weeksLived ?? 0)} weeks lived so far`\n : \"Your life in weeks — birth date not set yet\"\n }\n />\n <div className=\"mt-4 flex flex-wrap items-center gap-x-5 gap-y-2 text-xs text-text-secondary\">\n <span className=\"flex items-center gap-1.5\">\n <span className=\"h-3 w-3 rounded-[3px] bg-action-primary-bg\" />\n Weeks lived\n </span>\n <span className=\"flex items-center gap-1.5\">\n <span className=\"h-3 w-3 rounded-[3px] border-2 border-action-primary-bg bg-bg-surface\" />\n This week\n </span>\n <span className=\"flex items-center gap-1.5\">\n <span className=\"h-3 w-3 rounded-[3px] border border-border-seam\" />\n Ahead\n </span>\n </div>\n </ChartCard>\n </div>\n\n {/ The calm side card /}\n <GlassCard\n treatment=\"glass\"\n glow\n className=\"flex flex-col p-5 sm:p-6\"\n >\n <div className=\"flex h-10 w-10 items-center justify-center rounded-xl bg-action-primary-bg/10 text-primary\">\n <Hourglass className=\"h-5 w-5\" />\n </div>\n\n {hasBirthDate ? (\n <div className=\"mt-4 space-y-5\">\n <div>\n <p className=\"text-sm text-text-secondary\">\n You have lived\n </p>\n <p className=\"mt-0.5 text-3xl font-bold tabular-nums text-text-primary\">\n {nf(weeksLived ?? 0)}{\" \"}\n <span className=\"text-xl font-semibold text-text-secondary\">\n weeks\n </span>\n </p>\n </div>\n\n {expectancyYears != null && weeksRemaining != null ? (\n <div>\n <p className=\"text-sm text-text-secondary\">\n If you live to {expectancyYears}, about\n </p>\n <p className=\"mt-0.5 text-2xl font-bold tabular-nums text-text-primary\">\n {nf(weeksRemaining)}{\" \"}\n <span className=\"text-lg font-semibold text-text-secondary\">\n remain\n </span>\n </p>\n <p className=\"mt-1 text-xs text-text-secondary\">\n {weeksToYears(weeksLived ?? 0)} years lived ·{\" \"}\n {weeksToYears(weeksRemaining)} years ahead\n </p>\n </div>\n ) : (\n <p className=\"text-xs text-text-secondary\">\n {hideRemaining\n ? \"You've chosen to see only the weeks you've lived.\"\n : \"Add a life expectancy in settings to gently sketch the weeks ahead.\"}\n </p>\n )}\n\n <div className=\"rounded-lg border border-border-seam bg-bg-surface/40 p-3\">\n <p className=\"flex items-start gap-2 text-sm text-text-primary\">\n <Sparkles className=\"mt-0.5 h-4 w-4 shrink-0 text-primary\" />\n <span>\n What if today was your last? Make this week count.\n </span>\n </p>\n </div>\n </div>\n ) : (\n <div className=\"mt-4 space-y-4\">\n <div>\n <h3 className=\"text-base font-semibold text-text-primary\">\n See your life in weeks\n </h3>\n <p className=\"mt-1 text-sm text-text-secondary\">\n Add your birth date and we'll gently fill in the weeks\n you've lived so far — a quiet reminder that time is\n finite, and this week is yours to spend.\n </p>\n </div>\n <button\n type=\"button\"\n onClick={openSetup}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n >\n Add your birth date\n <ArrowRight className=\"h-4 w-4\" />\n </button>\n </div>\n )}\n\n <p className=\"mt-6 flex items-start gap-1.5 text-xs text-text-secondary\">\n <Lock className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n <span>\n Only you can see this. Your birth date is never shared, and\n you can turn this off anytime.\n </span>\n </p>\n </GlassCard>\n </div>\n\n {/ Gentle reflection — only when there's real recent data to show /}\n {domainSlices.length > 0 && (\n <ChartCard\n title=\"Where your recent weeks went\"\n description=\"How your logged time settled across life's domains lately — a mirror, not a scorecard.\"\n >\n <DonutChart\n data={domainSlices}\n centerLabel=\"logged lately\"\n centerValue={formatSecondsHuman(rollupTotalSeconds)}\n valueFormat={(v) => formatSecondsHuman(v)}\n emptyLabel=\"Nothing logged in this window yet.\"\n ariaLabel=\"Recent time by life domain\"\n />\n </ChartCard>\n )}\n\n {/ Honest first-run nudge when nothing has been logged either /}\n {hasBirthDate && domainSlices.length === 0 && (\n <EmptyState\n title=\"Your weeks are yours to shape\"\n description=\"As you capture how you spend your time, a quiet reflection of your recent weeks will appear here — only for you.\"\n />\n )}\n </div>\n )}\n\n {/ Opt-in setup */}\n <Modal\n open={setupOpen}\n onClose={() => setSetupOpen(false)}\n title=\"Your life in weeks\"\n description=\"This is private and entirely optional. Add only what feels comfortable.\"\n footer={\n <>\n <button\n type=\"button\"\n onClick={() => setSetupOpen(false)}\n className=\"rounded-md border border-border-subtle px-4 py-2 text-sm text-text-secondary hover:bg-bg-sunken hover:text-text-primary\"\n >\n Cancel\n </button>\n <button\n type=\"submit\"\n form=\"finite-life-setup\"\n disabled={saving}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n >\n {saving ? \"Saving…\" : \"Save\"}\n </button>\n </>\n }\n >\n <form\n id=\"finite-life-setup\"\n onSubmit={handleSave}\n className=\"space-y-5\"\n >\n <div>\n <label\n htmlFor=\"finite-life-birthdate\"\n className=\"flex items-center gap-1.5 text-sm font-medium text-text-primary\"\n >\n <CalendarDays className=\"h-4 w-4 text-text-secondary\" />\n Your birth date\n </label>\n <input\n id=\"finite-life-birthdate\"\n type=\"date\"\n value={birthDateInput}\n max={TODAY_DATE_INPUT}\n onChange={(e) => setBirthDateInput(e.target.value)}\n className=\"mt-2 w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary\"\n />\n <p className=\"mt-1.5 text-xs text-text-secondary\">\n Used only to count the weeks you've lived. It stays with you.\n </p>\n </div>\n\n <div>\n <label\n htmlFor=\"finite-life-expectancy\"\n className=\"text-sm font-medium text-text-primary\"\n >\n Life expectancy{\" \"}\n <span className=\"font-normal text-text-secondary\">\n (optional)\n </span>\n </label>\n <input\n id=\"finite-life-expectancy\"\n type=\"number\"\n inputMode=\"numeric\"\n min={1}\n max={130}\n step={1}\n placeholder=\"e.g. 90\"\n value={expectancyInput}\n onChange={(e) => setExpectancyInput(e.target.value)}\n className=\"mt-2 w-full rounded-lg border border-border-subtle bg-bg-sunken px-3 py-2 text-sm text-text-primary\"\n />\n <p className=\"mt-1.5 text-xs text-text-secondary\">\n A gentle horizon for the weeks ahead — never a deadline. Leave it\n blank to simply see the weeks you've lived.\n </p>\n </div>\n\n <label className=\"flex items-start gap-2.5 rounded-lg border border-border-subtle bg-bg-surface/40 p-3\">\n <input\n type=\"checkbox\"\n checked={hideRemainingInput}\n onChange={(e) => setHideRemainingInput(e.target.checked)}\n className=\"mt-0.5 h-4 w-4 shrink-0 rounded border-border-subtle\"\n />\n <span className=\"text-sm text-text-primary\">\n Hide the weeks ahead\n <span className=\"mt-0.5 block text-xs text-text-secondary\">\n Show only the weeks you've lived — no horizon, no countdown.\n </span>\n </span>\n </label>\n\n {formError && (\n <p className=\"rounded-lg border border-status-error-border/50 bg-status-error-bg/10 px-3 py-2 text-sm text-status-error-text\">\n {formError}\n </p>\n )}\n </form>\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}

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

@@ -2,42 +2,42 @@ 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 { EmptyState as i } from "../../components/EmptyState.js";
+import { useMyBalanceTargetsQuery as a, useMyLifeBalanceQuery as o, useSetBalanceTargetMutation as s } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
 import { Modal as u } from "../../components/Modal.js";
 import { ChartCard as d } from "../../components/ChartCard.js";
 import { ToastContainer as f, useToast as p } from "../../components/Toast.js";
 import { ProgressMeter as ee } from "../../components/charts/ProgressMeter.js";
-import { BalanceWheel as m } from "../../components/charts/BalanceWheel.js";
+import { BalanceWheel as te } 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 { ALL_LIFE_DOMAINS as m, formatSecondsHuman as h, isoDaysAgo as g, 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";
+import { Check as C, Clock as w, Gauge as ne, Scale as re, Sparkles as ie, Target as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { GlassCard as ae } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/lifetime/LifeBalancePage.tsx
-var A = [{
+var k = [{
 	label: "7 days",
 	days: 7
 }, {
 	label: "30 days",
 	days: 30
 }];
-function j(e) {
+function A(e) {
 	return Math.round(e * 100);
 }
-function ae(e) {
+function j(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, d] = S({});
+	let [o, { loading: c }] = s(), [l, d] = S({});
 	b(() => {
 		if (!e) return;
 		let t = {};
-		for (let e of h) {
+		for (let e of m) {
 			let n = r[e];
 			t[e] = typeof n == "number" ? String(n) : "";
 		}
@@ -45,33 +45,33 @@ function N({ open: e, onClose: n, currentTargets: r, onSaved: i, notify: a }) {
 	}, [e, r]);
 	let f = x(() => {
 		let e = 0;
-		for (let t of h) {
+		for (let t of m) {
 			let n = l[t], r = n ? Number(n) : NaN;
 			Number.isFinite(r) && r > 0 && (e += r);
 		}
 		return Math.round(e * 10) / 10;
 	}, [l]), p = f > M;
-	return /* @__PURE__ */ k(u, {
+	return /* @__PURE__ */ O(u, {
 		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", {
+		footer: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("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", {
+		}), /* @__PURE__ */ O("button", {
 			onClick: async () => {
 				let e = [];
-				for (let t of h) {
+				for (let t of m) {
 					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: {
+					a !== void 0 && Math.abs(a - i) < 1e-9 || e.push(o({ variables: {
 						domain: t,
 						desiredHoursPerWeek: i
 					} }));
@@ -88,19 +88,19 @@ function N({ open: e, onClose: n, currentTargets: r, onSaved: i, notify: a }) {
 			},
 			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__ */ D(C, { className: "h-4 w-4" }), c ? "Saving…" : "Save targets"]
 		})] }),
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ D("div", {
 			className: "space-y-2",
-			children: h.map((e) => /* @__PURE__ */ k("div", {
+			children: m.map((e) => /* @__PURE__ */ O("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", {
+				children: [/* @__PURE__ */ D("label", {
 					htmlFor: `target-${e}`,
 					className: "min-w-0 flex-1 truncate text-sm text-text-primary",
 					children: v(e)
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "flex shrink-0 items-center gap-2",
-					children: [/* @__PURE__ */ O("input", {
+					children: [/* @__PURE__ */ D("input", {
 						id: `target-${e}`,
 						type: "number",
 						min: 0,
@@ -113,13 +113,13 @@ function N({ open: e, onClose: n, currentTargets: r, onSaved: i, notify: a }) {
 						})),
 						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", {
+					}), /* @__PURE__ */ D("span", {
 						className: "w-12 text-xs text-text-secondary",
 						children: "h / wk"
 					})]
 				})]
 			}, e))
-		}), /* @__PURE__ */ k("p", {
+		}), /* @__PURE__ */ O("p", {
 			className: t("mt-4 text-xs tabular-nums", p ? "text-status-warning-text" : "text-text-secondary"),
 			children: [
 				f.toFixed(1),
@@ -133,38 +133,38 @@ function N({ open: e, onClose: n, currentTargets: r, onSaved: i, notify: a }) {
 }
 function P({ gap: e }) {
 	let t = Math.round(Math.abs(e) * 100);
-	return t < 2 ? /* @__PURE__ */ O(c, {
+	return t < 2 ? /* @__PURE__ */ D(l, {
 		variant: "success",
 		label: "On target"
-	}) : e > 0 ? /* @__PURE__ */ O(c, {
+	}) : e > 0 ? /* @__PURE__ */ D(l, {
 		variant: "warning",
 		label: `+${t}pp over`
-	}) : /* @__PURE__ */ O(c, {
+	}) : /* @__PURE__ */ D(l, {
 		variant: "info",
 		label: `${t}pp under`
 	});
 }
 function F() {
-	let { workspaceId: o = "" } = e(), { toasts: c, addToast: u, dismissToast: y } = p(), b = (e, t, n) => u({
+	let { workspaceId: s = "" } = e(), { toasts: l, addToast: u, dismissToast: y } = p(), b = (e, t, n) => u({
 		variant: e,
 		title: t,
 		description: n
 	}), [C, M] = S(30), [F, I] = S(!1), L = x(() => ({
-		from: te(C),
+		from: g(C),
 		to: _()
-	}), [C]), { data: R, loading: z, error: B, refetch: V } = a({
+	}), [C]), { data: R, loading: z, error: B, refetch: V } = o({
 		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(() => {
+		skip: !s
+	}), { data: H, refetch: oe } = a({ skip: !s }), 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;
+		return m.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),
@@ -178,111 +178,111 @@ function F() {
 		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 = () => {
+	]), 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 = k.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", {
+		actions: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("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", {
+			children: k.map((e) => /* @__PURE__ */ D("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", {
+		}), /* @__PURE__ */ O("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"]
+			children: [/* @__PURE__ */ D(T, { className: "h-4 w-4" }), "Set targets"]
 		})] })
 	};
-	return z && !U ? /* @__PURE__ */ k(s, {
+	return z && !U ? /* @__PURE__ */ O(c, {
 		...$,
-		children: [/* @__PURE__ */ k("div", {
+		children: [/* @__PURE__ */ O("div", {
 			className: "space-y-6",
-			children: [/* @__PURE__ */ O(r, {
+			children: [/* @__PURE__ */ D(r, {
 				variant: "card",
 				count: 4
-			}), /* @__PURE__ */ O(r, {
+			}), /* @__PURE__ */ D(r, {
 				variant: "card",
 				count: 2
 			})]
-		}), /* @__PURE__ */ O(f, {
-			toasts: c,
+		}), /* @__PURE__ */ D(f, {
+			toasts: l,
 			onDismiss: y
 		})]
-	}) : B ? /* @__PURE__ */ k(s, {
+	}) : B ? /* @__PURE__ */ O(c, {
 		...$,
-		children: [/* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ D("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(f, {
-			toasts: c,
+		}), /* @__PURE__ */ D(f, {
+			toasts: l,
 			onDismiss: y
 		})]
-	}) : de ? /* @__PURE__ */ k(s, {
+	}) : de ? /* @__PURE__ */ O(c, {
 		...$,
 		children: [
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ O("div", {
 				className: "space-y-6",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ O(n, {
+						/* @__PURE__ */ D(n, {
 							featured: !0,
 							title: "Tracked time",
-							value: g(J),
-							icon: /* @__PURE__ */ O(w, { className: "h-5 w-5" }),
+							value: h(J),
+							icon: /* @__PURE__ */ D(w, { className: "h-5 w-5" }),
 							description: `Last ${fe}`
 						}),
-						/* @__PURE__ */ O(n, {
+						/* @__PURE__ */ D(n, {
 							title: "Unaccounted",
-							value: g(Y),
-							icon: /* @__PURE__ */ O(T, { className: "h-5 w-5" }),
+							value: h(Y),
+							icon: /* @__PURE__ */ D(ne, { className: "h-5 w-5" }),
 							description: `${Z}% of time is tracked`
 						}),
-						/* @__PURE__ */ O(n, {
+						/* @__PURE__ */ D(n, {
 							title: "Active domains",
 							value: String(ue),
-							icon: /* @__PURE__ */ O(ne, { className: "h-5 w-5" }),
-							description: `of ${h.length} life domains`
+							icon: /* @__PURE__ */ D(re, { className: "h-5 w-5" }),
+							description: `of ${m.length} life domains`
 						}),
-						/* @__PURE__ */ O(n, {
+						/* @__PURE__ */ D(n, {
 							title: "Targets set",
-							value: `${se} / ${h.length}`,
-							icon: /* @__PURE__ */ O(E, { className: "h-5 w-5" }),
+							value: `${se} / ${m.length}`,
+							icon: /* @__PURE__ */ D(T, { className: "h-5 w-5" }),
 							description: G ? "Desired balance declared" : "Not set yet"
 						})
 					]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-					children: [/* @__PURE__ */ k(d, {
+					children: [/* @__PURE__ */ O(d, {
 						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, {
+						children: [/* @__PURE__ */ D(te, {
 							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", {
+						}), /* @__PURE__ */ O("div", {
 							className: "mt-4 border-t border-border-seam pt-4",
-							children: [/* @__PURE__ */ k("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center justify-between text-xs text-text-secondary",
-								children: [/* @__PURE__ */ O("span", { children: "Time tracked" }), /* @__PURE__ */ k("span", {
+								children: [/* @__PURE__ */ D("span", { children: "Time tracked" }), /* @__PURE__ */ O("span", {
 									className: "tabular-nums text-text-primary",
 									children: [
-										g(J),
+										h(J),
 										" of",
 										" ",
-										g(X),
+										h(X),
 										" (",
 										Z,
 										"%)"
 									]
 								})]
-							}), /* @__PURE__ */ O(ee, {
+							}), /* @__PURE__ */ D(ee, {
 								className: "mt-2",
 								value: Z,
 								max: 100,
@@ -291,24 +291,24 @@ function F() {
 								label: "Coverage"
 							})]
 						})]
-					}), /* @__PURE__ */ k(ie, {
+					}), /* @__PURE__ */ O(ae, {
 						treatment: "glass",
 						className: "p-5 sm:p-6",
 						children: [
-							/* @__PURE__ */ O("h2", {
+							/* @__PURE__ */ D("h2", {
 								className: "text-xl font-bold leading-tight text-text-primary",
 								children: "Your week vs the life you want"
 							}),
-							/* @__PURE__ */ O("p", {
+							/* @__PURE__ */ D("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: "Per-domain — hours tracked vs your desired share"
 							}),
-							!G && /* @__PURE__ */ k("div", {
+							!G && /* @__PURE__ */ O("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: [
+								children: [/* @__PURE__ */ D(ie, { className: "mt-0.5 h-4 w-4 shrink-0 text-primary" }), /* @__PURE__ */ O("span", { children: [
 									"You haven't declared a desired balance yet, so the wheel is descriptive only.",
 									" ",
-									/* @__PURE__ */ O("button", {
+									/* @__PURE__ */ D("button", {
 										onClick: () => I(!0),
 										className: "font-medium text-primary underline-offset-2 hover:underline",
 										children: "Set your targets"
@@ -317,38 +317,38 @@ function F() {
 									"to see the gap."
 								] })]
 							}),
-							/* @__PURE__ */ O("ul", {
+							/* @__PURE__ */ D("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", {
+									return /* @__PURE__ */ O("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", {
+											/* @__PURE__ */ O("div", {
 												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ O("p", {
+												children: [/* @__PURE__ */ D("p", {
 													className: "truncate text-sm font-medium text-text-primary",
 													children: v(e.domain)
-												}), /* @__PURE__ */ k("p", {
+												}), /* @__PURE__ */ O("p", {
 													className: "mt-0.5 text-xs text-text-secondary",
 													children: [
-														j(e.actualShare),
+														A(e.actualShare),
 														"% of tracked",
-														G ? ` · ${j(e.desiredShare)}% desired` : "",
+														G ? ` · ${A(e.desiredShare)}% desired` : "",
 														typeof t == "number" ? ` · ${t}h/wk target` : ""
 													]
 												})]
 											}),
-											/* @__PURE__ */ O("div", {
+											/* @__PURE__ */ D("div", {
 												className: "shrink-0 text-right",
-												children: /* @__PURE__ */ k("p", {
+												children: /* @__PURE__ */ O("p", {
 													className: "text-sm font-semibold tabular-nums text-text-primary",
-													children: [ae(e.actualSeconds), "h"]
+													children: [j(e.actualSeconds), "h"]
 												})
 											}),
-											G && /* @__PURE__ */ O("div", {
+											G && /* @__PURE__ */ D("div", {
 												className: "shrink-0",
-												children: /* @__PURE__ */ O(P, { gap: e.gap })
+												children: /* @__PURE__ */ D(P, { gap: e.gap })
 											})
 										]
 									}, e.domain);
@@ -358,39 +358,39 @@ function F() {
 					})]
 				})]
 			}),
-			/* @__PURE__ */ O(N, {
+			/* @__PURE__ */ D(N, {
 				open: F,
 				onClose: () => I(!1),
 				currentTargets: K,
 				onSaved: Q,
 				notify: b
 			}),
-			/* @__PURE__ */ O(f, {
-				toasts: c,
+			/* @__PURE__ */ D(f, {
+				toasts: l,
 				onDismiss: y
 			})
 		]
-	}) : /* @__PURE__ */ k(s, {
+	}) : /* @__PURE__ */ O(c, {
 		...$,
 		children: [
-			/* @__PURE__ */ O(l, {
+			/* @__PURE__ */ D(i, {
 				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", {
+				action: /* @__PURE__ */ O("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"]
+					children: [/* @__PURE__ */ D(T, { className: "h-4 w-4" }), "Declare what you value"]
 				})
 			}),
-			/* @__PURE__ */ O(N, {
+			/* @__PURE__ */ D(N, {
 				open: F,
 				onClose: () => I(!1),
 				currentTargets: K,
 				onSaved: Q,
 				notify: b
 			}),
-			/* @__PURE__ */ O(f, {
-				toasts: c,
+			/* @__PURE__ */ D(f, {
+				toasts: l,
 				onDismiss: y
 			})
 		]