@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

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

@@ -0,0 +1,715 @@
+import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { StatCard as t } from "../../components/StatCard.js";
+import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
+import { useCreateLifeGoalMutation as ee, useDeclareLifeValueMutation as te, useDeleteLifeGoalMutation as ne, useDeleteLifeValueMutation as re, useMyLifeGoalsQuery as ie, useMyLifeValuesQuery as ae, useUpdateLifeGoalMutation as oe, useUpdateLifeValueMutation as se } from "../../../generated/wspace-operations.js";
+import { PageLayout as ce } from "../../components/PageLayout.js";
+import { StatusBadge as le } from "../../components/StatusBadge.js";
+import { EmptyState as ue } from "../../components/EmptyState.js";
+import { ChartCard as de } from "../../components/ChartCard.js";
+import { ToastContainer as fe, useToast as pe } from "../../components/Toast.js";
+import { Modal as r } from "../../components/Modal.js";
+import { ProgressMeter as me } from "../../components/charts/ProgressMeter.js";
+import "../../components/index.js";
+import { TimeCampusLifeDomain as i } from "../../../generated/wspace-types.js";
+import { ALL_LIFE_DOMAINS as a, lifeDomainLabel as o } from "./domains.js";
+import { useState as s } from "react";
+import { Briefcase as c, Bus as l, Circle as u, Coffee as he, Compass as ge, Flag as _e, GraduationCap as d, Handshake as f, Heart as ve, HeartPulse as p, Home as m, Hourglass as h, Layers as ye, Moon as be, Pencil as xe, Plus as Se, Sparkles as g, Target as Ce, Trash2 as we, Users as Te, Wallet as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as Ee } from "@burdenoff/fe-libs/ui";
+//#region src/timecampus/pages/lifetime/ValuesGoalsPage.tsx
+var De = [
+	"daily",
+	"weekly",
+	"monthly",
+	"quarterly",
+	"yearly"
+], Oe = [
+	"active",
+	"paused",
+	"completed",
+	"archived"
+], ke = [
+	"hours",
+	"sessions",
+	"days",
+	"times"
+], x = {
+	[i.Work]: c,
+	[i.Sleep]: be,
+	[i.Health]: p,
+	[i.Family]: Te,
+	[i.Learning]: d,
+	[i.Leisure]: he,
+	[i.Commute]: l,
+	[i.Waiting]: h,
+	[i.Chores]: m,
+	[i.SelfCare]: ve,
+	[i.Social]: f,
+	[i.FinanceAdmin]: _,
+	[i.Reflection]: g,
+	[i.Other]: u
+}, S = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", C = "block text-sm font-medium text-text-primary", w = "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50", T = "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50", E = "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50", D = "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary";
+function O(e) {
+	return e && e.charAt(0).toUpperCase() + e.slice(1);
+}
+function k(e) {
+	return x[e] ?? u;
+}
+var A = {
+	name: "",
+	description: "",
+	weight: "1",
+	domains: [],
+	isActive: !0
+}, j = {
+	title: "",
+	domain: i.Health,
+	targetValue: "",
+	unit: "hours",
+	cadence: "weekly",
+	status: "active",
+	valueId: ""
+};
+function M() {
+	let { workspaceId: c = "" } = e(), { toasts: l, addToast: u, dismissToast: he } = pe(), { data: d, loading: f, error: ve, refetch: p } = ae({ skip: !c }), { data: m, loading: h, error: be, refetch: g } = ie({ skip: !c }), [Te, { loading: _ }] = te(), [x, { loading: M }] = se(), [Ae, { loading: N }] = re(), [je, { loading: P }] = ee(), [Me, { loading: Ne }] = oe(), [Pe, { loading: Fe }] = ne(), F = d?.myLifeValues ?? [], I = m?.myLifeGoals ?? [], Ie = F.filter((e) => e.isActive).length, Le = new Set(F.flatMap((e) => e.domains)).size, Re = Math.max(1, ...F.map((e) => e.weight)), ze = new Map(F.map((e) => [e.id, e.name])), [Be, L] = s(!1), [R, z] = s(null), [B, V] = s(A), [H, U] = s(null), [Ve, W] = s(!1), [G, K] = s(null), [q, J] = s(j), [Y, X] = s(null), He = () => {
+		z(null), V(A), L(!0);
+	}, Ue = (e) => {
+		z(e), V({
+			name: e.name,
+			description: e.description ?? "",
+			weight: String(e.weight),
+			domains: [...e.domains],
+			isActive: e.isActive
+		}), L(!0);
+	}, Z = () => {
+		L(!1), z(null);
+	}, We = (e) => {
+		V((t) => ({
+			...t,
+			domains: t.domains.includes(e) ? t.domains.filter((t) => t !== e) : [...t.domains, e]
+		}));
+	}, Ge = B.name.trim().length > 0 && (B.weight === "" || !Number.isNaN(Number(B.weight))), Ke = async () => {
+		if (!Ge) return;
+		let e = B.weight.trim() === "" ? void 0 : Number(B.weight), t = {
+			name: B.name.trim(),
+			description: B.description.trim() || void 0,
+			weight: e,
+			domains: B.domains,
+			isActive: B.isActive
+		};
+		try {
+			R ? (await x({ variables: {
+				id: R.id,
+				input: t
+			} }), u({
+				title: "Value updated",
+				variant: "success"
+			})) : (await Te({ variables: { input: t } }), u({
+				title: "Value declared",
+				variant: "success"
+			})), Z(), await Promise.all([p(), g()]);
+		} catch {
+			u({
+				title: R ? "Failed to update value" : "Failed to declare value",
+				variant: "error"
+			});
+		}
+	}, qe = async () => {
+		if (H) try {
+			await Ae({ variables: { id: H.id } }), u({
+				title: "Value deleted",
+				variant: "success"
+			}), U(null), await Promise.all([p(), g()]);
+		} catch {
+			u({
+				title: "Failed to delete value",
+				variant: "error"
+			});
+		}
+	}, Je = () => {
+		K(null), J(j), W(!0);
+	}, Ye = (e) => {
+		K(e), J({
+			title: e.title,
+			domain: e.domain,
+			targetValue: String(e.targetValue),
+			unit: e.unit,
+			cadence: e.cadence,
+			status: e.status,
+			valueId: e.valueId ?? ""
+		}), W(!0);
+	}, Q = () => {
+		W(!1), K(null);
+	}, Xe = q.title.trim().length > 0 && q.targetValue.trim() !== "" && !Number.isNaN(Number(q.targetValue)), Ze = async () => {
+		if (!Xe) return;
+		let e = {
+			title: q.title.trim(),
+			domain: q.domain,
+			targetValue: Number(q.targetValue),
+			unit: q.unit.trim() || void 0,
+			cadence: q.cadence || void 0,
+			status: q.status || void 0,
+			valueId: q.valueId || void 0
+		};
+		try {
+			G ? (await Me({ variables: {
+				id: G.id,
+				input: e
+			} }), u({
+				title: "Goal updated",
+				variant: "success"
+			})) : (await je({ variables: { input: e } }), u({
+				title: "Goal created",
+				variant: "success"
+			})), Q(), await g();
+		} catch {
+			u({
+				title: G ? "Failed to update goal" : "Failed to create goal",
+				variant: "error"
+			});
+		}
+	}, Qe = async () => {
+		if (Y) try {
+			await Pe({ variables: { id: Y.id } }), u({
+				title: "Goal deleted",
+				variant: "success"
+			}), X(null), await g();
+		} catch {
+			u({
+				title: "Failed to delete goal",
+				variant: "error"
+			});
+		}
+	}, $e = /* @__PURE__ */ b("button", {
+		onClick: He,
+		className: w,
+		children: [/* @__PURE__ */ y(Se, { className: "h-4 w-4" }), "Declare value"]
+	}), $ = /* @__PURE__ */ b("button", {
+		onClick: Je,
+		className: w,
+		children: [/* @__PURE__ */ y(Se, { className: "h-4 w-4" }), "Add goal"]
+	}), et = F.length > 0 || I.length > 0;
+	return f && h && !d && !m ? /* @__PURE__ */ y(ce, {
+		title: "Values & Goals",
+		description: "Declare what matters and set the life goals that shape it",
+		children: /* @__PURE__ */ y(n, {
+			variant: "list",
+			count: 4
+		})
+	}) : /* @__PURE__ */ b(ce, {
+		title: "Values & Goals",
+		description: "Declare what matters and set the life goals that shape it",
+		purpose: "Name the things you value and the goals that serve them. These directly shape your Balance Wheel, your Time-Well-Spent score, and the recommendations TimeCampus surfaces — so your time can follow your intentions, not the other way round.",
+		actions: $e,
+		children: [
+			et && /* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ y(t, {
+						featured: !0,
+						title: "Active values",
+						value: String(Ie),
+						icon: /* @__PURE__ */ y(ge, { className: "h-5 w-5" }),
+						description: `of ${F.length} declared`
+					}),
+					/* @__PURE__ */ y(t, {
+						title: "Life goals",
+						value: String(I.length),
+						icon: /* @__PURE__ */ y(_e, { className: "h-5 w-5" }),
+						description: "targets you're working toward"
+					}),
+					/* @__PURE__ */ y(t, {
+						title: "Domains covered",
+						value: String(Le),
+						icon: /* @__PURE__ */ y(ye, { className: "h-5 w-5" }),
+						description: "life areas your values touch"
+					})
+				]
+			}),
+			/* @__PURE__ */ b("section", {
+				className: "mt-6",
+				children: [/* @__PURE__ */ y("div", {
+					className: "mb-3 flex items-center justify-between gap-3",
+					children: /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "What you value"
+					}), /* @__PURE__ */ y("p", {
+						className: "text-sm text-text-secondary",
+						children: "The priorities that weight your Balance Wheel."
+					})] })
+				}), ve ? /* @__PURE__ */ y("div", {
+					className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
+					children: "Failed to load your values. Please try again later."
+				}) : f && F.length === 0 ? /* @__PURE__ */ y(n, {
+					variant: "list",
+					count: 3
+				}) : F.length === 0 ? /* @__PURE__ */ y(ue, {
+					illustration: "empty-data",
+					title: "Declare what you value",
+					description: "Name the life areas that matter to you — family, health, craft — and give each a weight. TimeCampus uses them to score how well your time is spent.",
+					action: $e
+				}) : /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+					children: F.map((e) => {
+						let t = k(e.domains[0] ?? i.Other);
+						return /* @__PURE__ */ b(Ee, {
+							treatment: "glass",
+							glow: e.isActive,
+							className: "flex flex-col gap-3 p-5",
+							children: [
+								/* @__PURE__ */ b("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary",
+										children: /* @__PURE__ */ y(t, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ b("div", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ y("button", {
+											type: "button",
+											onClick: () => Ue(e),
+											title: "Edit value",
+											className: D,
+											children: /* @__PURE__ */ y(xe, { className: "h-4 w-4" })
+										}), /* @__PURE__ */ y("button", {
+											type: "button",
+											onClick: () => U(e),
+											title: "Delete value",
+											className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg",
+											children: /* @__PURE__ */ y(we, { className: "h-4 w-4" })
+										})]
+									})]
+								}),
+								/* @__PURE__ */ b("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ y("p", {
+										className: "truncate text-base font-semibold text-text-primary",
+										children: e.name
+									}), e.description && /* @__PURE__ */ y("p", {
+										className: "mt-0.5 line-clamp-2 text-sm text-text-secondary",
+										children: e.description
+									})]
+								}),
+								/* @__PURE__ */ y(me, {
+									value: e.weight,
+									max: Re,
+									label: "Importance",
+									higherIsWorse: !1,
+									size: "sm",
+									format: (e) => e.toFixed(1)
+								}),
+								e.domains.length > 0 ? /* @__PURE__ */ y("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: e.domains.map((e) => /* @__PURE__ */ y("span", {
+										className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+										children: o(e)
+									}, e))
+								}) : /* @__PURE__ */ y("p", {
+									className: "text-xs text-text-secondary",
+									children: "No domains linked yet."
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mt-auto pt-1",
+									children: /* @__PURE__ */ y(le, {
+										variant: e.isActive ? "success" : "muted",
+										label: e.isActive ? "Active" : "Inactive"
+									})
+								})
+							]
+						}, e.id);
+					})
+				})]
+			}),
+			/* @__PURE__ */ b("section", {
+				className: "mt-8",
+				children: [/* @__PURE__ */ b("div", {
+					className: "mb-3 flex items-center justify-between gap-3",
+					children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						children: "Key goals"
+					}), /* @__PURE__ */ y("p", {
+						className: "text-sm text-text-secondary",
+						children: "Concrete targets that put your values into practice."
+					})] }), I.length > 0 && $]
+				}), be ? /* @__PURE__ */ y("div", {
+					className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
+					children: "Failed to load your goals. Please try again later."
+				}) : h && I.length === 0 ? /* @__PURE__ */ y(n, {
+					variant: "list",
+					count: 3
+				}) : I.length === 0 ? /* @__PURE__ */ y(ue, {
+					illustration: "empty-data",
+					title: "Set your first life goal",
+					description: "Turn a value into a target — like 'Run a marathon' or '12h of family time a week' — and track it alongside everything else you do.",
+					action: $
+				}) : /* @__PURE__ */ y("div", {
+					className: "overflow-hidden rounded-xl border border-border-seam bg-gloss-card shadow-pop",
+					children: /* @__PURE__ */ y("div", {
+						className: "divide-y divide-border",
+						children: I.map((e) => {
+							let t = k(e.domain), n = e.valueId ? ze.get(e.valueId) : void 0;
+							return /* @__PURE__ */ b("div", {
+								className: "flex flex-col gap-3 p-4 transition-colors hover:bg-bg-sunken/50 sm:flex-row sm:items-center sm:justify-between",
+								children: [/* @__PURE__ */ b("div", {
+									className: "flex min-w-0 items-center 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(t, { className: "h-4 w-4" })
+									}), /* @__PURE__ */ b("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ y("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: e.title
+										}), /* @__PURE__ */ b("p", {
+											className: "truncate text-xs text-text-secondary",
+											children: [o(e.domain), n ? ` · Supports ${n}` : ""]
+										})]
+									})]
+								}), /* @__PURE__ */ b("div", {
+									className: "flex flex-wrap items-center gap-2 sm:justify-end",
+									children: [
+										/* @__PURE__ */ b("span", {
+											className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-1 text-xs font-medium text-text-secondary",
+											children: [
+												/* @__PURE__ */ y(Ce, { className: "h-3.5 w-3.5" }),
+												e.targetValue,
+												" ",
+												e.unit,
+												" ·",
+												" ",
+												O(e.cadence)
+											]
+										}),
+										/* @__PURE__ */ y(le, {
+											status: e.status,
+											label: O(e.status)
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ y("button", {
+												type: "button",
+												onClick: () => Ye(e),
+												title: "Edit goal",
+												className: D,
+												children: /* @__PURE__ */ y(xe, { className: "h-4 w-4" })
+											}), /* @__PURE__ */ y("button", {
+												type: "button",
+												onClick: () => X(e),
+												title: "Delete goal",
+												className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg",
+												children: /* @__PURE__ */ y(we, { className: "h-4 w-4" })
+											})]
+										})
+									]
+								})]
+							}, e.id);
+						})
+					})
+				})]
+			}),
+			F.length > 0 && I.length > 0 && /* @__PURE__ */ y(de, {
+				title: "How your goals map to your values",
+				description: "Every goal counts toward the value it supports — the fuel behind your Balance Wheel.",
+				className: "mt-6",
+				children: /* @__PURE__ */ b("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						I.filter((e) => e.valueId).length,
+						" of ",
+						I.length,
+						" goals are linked to a declared value. Linking a goal to a value tells TimeCampus which priority the time you invest is really serving."
+					]
+				})
+			}),
+			/* @__PURE__ */ y(r, {
+				open: Be,
+				onClose: Z,
+				title: R ? "Edit value" : "Declare a value",
+				description: R ? "Update what this value stands for and how much it weighs." : "Name a life area that matters and how the domains map to it.",
+				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
+					onClick: Z,
+					className: T,
+					children: "Cancel"
+				}), /* @__PURE__ */ y("button", {
+					onClick: Ke,
+					disabled: !Ge || _ || M,
+					className: w,
+					children: _ || M ? "Saving..." : R ? "Save changes" : "Declare value"
+				})] }),
+				children: /* @__PURE__ */ b("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: C,
+							children: "Name"
+						}), /* @__PURE__ */ y("input", {
+							type: "text",
+							placeholder: "e.g. Family, Health, Craft",
+							value: B.name,
+							onChange: (e) => V({
+								...B,
+								name: e.target.value
+							}),
+							className: S
+						})] }),
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: C,
+							children: "Description"
+						}), /* @__PURE__ */ y("textarea", {
+							rows: 2,
+							placeholder: "What does this value mean to you?",
+							value: B.description,
+							onChange: (e) => V({
+								...B,
+								description: e.target.value
+							}),
+							className: S
+						})] }),
+						/* @__PURE__ */ b("div", { children: [
+							/* @__PURE__ */ y("label", {
+								className: C,
+								children: "Weight (relative importance)"
+							}),
+							/* @__PURE__ */ y("input", {
+								type: "number",
+								min: 0,
+								step: "0.1",
+								placeholder: "1",
+								value: B.weight,
+								onChange: (e) => V({
+									...B,
+									weight: e.target.value
+								}),
+								className: S
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: "Higher weights pull your Balance Wheel harder toward this value."
+							})
+						] }),
+						/* @__PURE__ */ b("div", { children: [
+							/* @__PURE__ */ y("label", {
+								className: C,
+								children: "Domains"
+							}),
+							/* @__PURE__ */ y("p", {
+								className: "mt-0.5 text-xs text-text-secondary",
+								children: "Which life domains does this value cover?"
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "mt-2 flex flex-wrap gap-2",
+								children: a.map((e) => /* @__PURE__ */ y("button", {
+									type: "button",
+									onClick: () => We(e),
+									className: B.domains.includes(e) ? "rounded-full bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text" : "rounded-full border border-border-subtle px-3 py-1 text-xs font-medium text-text-secondary hover:bg-bg-sunken/50",
+									children: o(e)
+								}, e))
+							})
+						] }),
+						/* @__PURE__ */ b("label", {
+							className: "flex items-center gap-2 text-sm text-text-primary",
+							children: [/* @__PURE__ */ y("input", {
+								type: "checkbox",
+								checked: B.isActive,
+								onChange: (e) => V({
+									...B,
+									isActive: e.target.checked
+								}),
+								className: "h-4 w-4 rounded border-border-subtle"
+							}), "Active — count this value in my Balance Wheel"]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ y(r, {
+				open: H !== null,
+				onClose: () => U(null),
+				title: "Delete value?",
+				description: H ? `"${H.name}" will be removed from your Balance Wheel.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
+					onClick: () => U(null),
+					className: T,
+					children: "Cancel"
+				}), /* @__PURE__ */ y("button", {
+					onClick: qe,
+					disabled: N,
+					className: E,
+					children: N ? "Deleting..." : "Delete"
+				})] }),
+				children: /* @__PURE__ */ y("p", {
+					className: "text-sm text-text-secondary",
+					children: "This permanently removes the value. Goals linked to it are kept but will no longer point to a value. This cannot be undone."
+				})
+			}),
+			/* @__PURE__ */ y(r, {
+				open: Ve,
+				onClose: Q,
+				title: G ? "Edit goal" : "Add a goal",
+				description: G ? "Update this goal's target and status." : "Set a concrete target that puts one of your values into practice.",
+				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
+					onClick: Q,
+					className: T,
+					children: "Cancel"
+				}), /* @__PURE__ */ y("button", {
+					onClick: Ze,
+					disabled: !Xe || P || Ne,
+					className: w,
+					children: P || Ne ? "Saving..." : G ? "Save changes" : "Add goal"
+				})] }),
+				children: /* @__PURE__ */ b("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: C,
+							children: "Title"
+						}), /* @__PURE__ */ y("input", {
+							type: "text",
+							placeholder: "e.g. Run a marathon, 12h family time",
+							value: q.title,
+							onChange: (e) => J({
+								...q,
+								title: e.target.value
+							}),
+							className: S
+						})] }),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								className: C,
+								children: "Domain"
+							}), /* @__PURE__ */ y("select", {
+								value: q.domain,
+								onChange: (e) => J({
+									...q,
+									domain: e.target.value
+								}),
+								className: S,
+								children: a.map((e) => /* @__PURE__ */ y("option", {
+									value: e,
+									children: o(e)
+								}, e))
+							})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+								className: C,
+								children: "Supports value"
+							}), /* @__PURE__ */ b("select", {
+								value: q.valueId,
+								onChange: (e) => J({
+									...q,
+									valueId: e.target.value
+								}),
+								className: S,
+								children: [/* @__PURE__ */ y("option", {
+									value: "",
+									children: "None"
+								}), F.map((e) => /* @__PURE__ */ y("option", {
+									value: e.id,
+									children: e.name
+								}, e.id))]
+							})] })]
+						}),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+							children: [
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+									className: C,
+									children: "Target"
+								}), /* @__PURE__ */ y("input", {
+									type: "number",
+									min: 0,
+									step: "0.5",
+									placeholder: "12",
+									value: q.targetValue,
+									onChange: (e) => J({
+										...q,
+										targetValue: e.target.value
+									}),
+									className: S
+								})] }),
+								/* @__PURE__ */ b("div", { children: [
+									/* @__PURE__ */ y("label", {
+										className: C,
+										children: "Unit"
+									}),
+									/* @__PURE__ */ y("input", {
+										type: "text",
+										list: "timecampus-goal-units",
+										placeholder: "hours",
+										value: q.unit,
+										onChange: (e) => J({
+											...q,
+											unit: e.target.value
+										}),
+										className: S
+									}),
+									/* @__PURE__ */ y("datalist", {
+										id: "timecampus-goal-units",
+										children: ke.map((e) => /* @__PURE__ */ y("option", { value: e }, e))
+									})
+								] }),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+									className: C,
+									children: "Cadence"
+								}), /* @__PURE__ */ y("select", {
+									value: q.cadence,
+									onChange: (e) => J({
+										...q,
+										cadence: e.target.value
+									}),
+									className: S,
+									children: De.map((e) => /* @__PURE__ */ y("option", {
+										value: e,
+										children: O(e)
+									}, e))
+								})] })
+							]
+						}),
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: C,
+							children: "Status"
+						}), /* @__PURE__ */ y("select", {
+							value: q.status,
+							onChange: (e) => J({
+								...q,
+								status: e.target.value
+							}),
+							className: S,
+							children: Oe.map((e) => /* @__PURE__ */ y("option", {
+								value: e,
+								children: O(e)
+							}, e))
+						})] })
+					]
+				})
+			}),
+			/* @__PURE__ */ y(r, {
+				open: Y !== null,
+				onClose: () => X(null),
+				title: "Delete goal?",
+				description: Y ? `"${Y.title}" will be removed.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
+					onClick: () => X(null),
+					className: T,
+					children: "Cancel"
+				}), /* @__PURE__ */ y("button", {
+					onClick: Qe,
+					disabled: Fe,
+					className: E,
+					children: Fe ? "Deleting..." : "Delete"
+				})] }),
+				children: /* @__PURE__ */ y("p", {
+					className: "text-sm text-text-secondary",
+					children: "This permanently removes the goal. This action cannot be undone."
+				})
+			}),
+			/* @__PURE__ */ y(fe, {
+				toasts: l,
+				onDismiss: he
+			})
+		]
+	});
+}
+//#endregion
+export { M as ValuesGoalsPage };
+
+//# sourceMappingURL=ValuesGoalsPage.js.map