npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.703.4 → 2026.703.6 - Mend

@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

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 (955) hide show

package/dist/timecampus/pages/lifetime/ValuesGoalsPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ValuesGoalsPage.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/ValuesGoalsPage.tsx"],"sourcesContent":["import { useState, type ComponentType } from \"react\";\nimport {\n Plus,\n Pencil,\n Trash2,\n Compass,\n Flag,\n Layers,\n Target,\n Briefcase,\n Moon,\n HeartPulse,\n Users,\n GraduationCap,\n Coffee,\n Bus,\n Hourglass,\n Home,\n Heart,\n Handshake,\n Wallet,\n Sparkles,\n Circle,\n} from \"lucide-react\";\nimport {\n PageLayout,\n StatCard,\n EmptyState,\n LoadingSkeleton,\n StatusBadge,\n Modal,\n ChartCard,\n ProgressMeter,\n ToastContainer,\n useToast,\n} from \"../../components\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport { lifeDomainLabel, ALL_LIFE_DOMAINS } from \"./domains\";\nimport { TimeCampusLifeDomain } from \"@/generated/wspace-types\";\nimport {\n useMyLifeValuesQuery,\n useMyLifeGoalsQuery,\n useDeclareLifeValueMutation,\n useUpdateLifeValueMutation,\n useDeleteLifeValueMutation,\n useCreateLifeGoalMutation,\n useUpdateLifeGoalMutation,\n useDeleteLifeGoalMutation,\n type LifeValueFieldsFragment,\n type LifeGoalFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\n// ---------------------------------------------------------------------------\n// Static option sets (free-text scalars on the backend — we present a curated\n// list but always send/read a plain string).\n// ---------------------------------------------------------------------------\nconst CADENCE_OPTIONS = [\n \"daily\",\n \"weekly\",\n \"monthly\",\n \"quarterly\",\n \"yearly\",\n] as const;\n\nconst GOAL_STATUS_OPTIONS = [\n \"active\",\n \"paused\",\n \"completed\",\n \"archived\",\n] as const;\n\nconst UNIT_SUGGESTIONS = [\"hours\", \"sessions\", \"days\", \"times\"];\n\n/** Icon per life domain, so a value/goal reads at a glance. */\nconst DOMAIN_ICON: Record<\n TimeCampusLifeDomain,\n ComponentType<{ className?: string }>\n> = {\n [TimeCampusLifeDomain.Work]: Briefcase,\n [TimeCampusLifeDomain.Sleep]: Moon,\n [TimeCampusLifeDomain.Health]: HeartPulse,\n [TimeCampusLifeDomain.Family]: Users,\n [TimeCampusLifeDomain.Learning]: GraduationCap,\n [TimeCampusLifeDomain.Leisure]: Coffee,\n [TimeCampusLifeDomain.Commute]: Bus,\n [TimeCampusLifeDomain.Waiting]: Hourglass,\n [TimeCampusLifeDomain.Chores]: Home,\n [TimeCampusLifeDomain.SelfCare]: Heart,\n [TimeCampusLifeDomain.Social]: Handshake,\n [TimeCampusLifeDomain.FinanceAdmin]: Wallet,\n [TimeCampusLifeDomain.Reflection]: Sparkles,\n [TimeCampusLifeDomain.Other]: Circle,\n};\n\nconst inputClass =\n \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\nconst primaryBtnClass =\n \"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\";\nconst secondaryBtnClass =\n \"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\";\nconst dangerBtnClass =\n \"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\";\nconst iconBtnClass =\n \"rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary\";\n\nfunction titleCase(value: string): string {\n if (!value) return value;\n return value.charAt(0).toUpperCase() + value.slice(1);\n}\n\nfunction domainIcon(\n domain: TimeCampusLifeDomain,\n): ComponentType<{ className?: string }> {\n return DOMAIN_ICON[domain] ?? Circle;\n}\n\n// ---------------------------------------------------------------------------\n// Value form\n// ---------------------------------------------------------------------------\ninterface ValueFormState {\n name: string;\n description: string;\n weight: string;\n domains: TimeCampusLifeDomain[];\n isActive: boolean;\n}\n\nconst emptyValueForm: ValueFormState = {\n name: \"\",\n description: \"\",\n weight: \"1\",\n domains: [],\n isActive: true,\n};\n\n// ---------------------------------------------------------------------------\n// Goal form\n// ---------------------------------------------------------------------------\ninterface GoalFormState {\n title: string;\n domain: TimeCampusLifeDomain;\n targetValue: string;\n unit: string;\n cadence: string;\n status: string;\n valueId: string;\n}\n\nconst emptyGoalForm: GoalFormState = {\n title: \"\",\n domain: TimeCampusLifeDomain.Health,\n targetValue: \"\",\n unit: \"hours\",\n cadence: \"weekly\",\n status: \"active\",\n valueId: \"\",\n};\n\nexport function ValuesGoalsPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const { toasts, addToast, dismissToast } = useToast();\n\n const {\n data: valuesData,\n loading: valuesLoading,\n error: valuesError,\n refetch: refetchValues,\n } = useMyLifeValuesQuery({ skip: !workspaceId });\n\n const {\n data: goalsData,\n loading: goalsLoading,\n error: goalsError,\n refetch: refetchGoals,\n } = useMyLifeGoalsQuery({ skip: !workspaceId });\n\n const [declareValue, { loading: declaringValue }] =\n useDeclareLifeValueMutation();\n const [updateValue, { loading: updatingValue }] =\n useUpdateLifeValueMutation();\n const [deleteValue, { loading: deletingValue }] =\n useDeleteLifeValueMutation();\n const [createGoal, { loading: creatingGoal }] = useCreateLifeGoalMutation();\n const [updateGoal, { loading: updatingGoal }] = useUpdateLifeGoalMutation();\n const [deleteGoal, { loading: deletingGoal }] = useDeleteLifeGoalMutation();\n\n const values: LifeValueFieldsFragment[] = valuesData?.myLifeValues ?? [];\n const goals: LifeGoalFieldsFragment[] = goalsData?.myLifeGoals ?? [];\n\n // Derived, honest summary metrics from the fetched data only.\n const activeValues = values.filter((v) => v.isActive).length;\n const domainsCovered = new Set(values.flatMap((v) => v.domains)).size;\n const maxWeight = Math.max(1, ...values.map((v) => v.weight));\n const valueNameById = new Map(values.map((v) => [v.id, v.name] as const));\n\n // --- Value modal state --------------------------------------------------\n const [valueFormOpen, setValueFormOpen] = useState(false);\n const [editingValue, setEditingValue] =\n useState<LifeValueFieldsFragment | null>(null);\n const [valueForm, setValueForm] = useState<ValueFormState>(emptyValueForm);\n const [deleteValueTarget, setDeleteValueTarget] =\n useState<LifeValueFieldsFragment | null>(null);\n\n // --- Goal modal state ---------------------------------------------------\n const [goalFormOpen, setGoalFormOpen] = useState(false);\n const [editingGoal, setEditingGoal] = useState<LifeGoalFieldsFragment | null>(\n null,\n );\n const [goalForm, setGoalForm] = useState<GoalFormState>(emptyGoalForm);\n const [deleteGoalTarget, setDeleteGoalTarget] =\n useState<LifeGoalFieldsFragment | null>(null);\n\n // --- Value handlers -----------------------------------------------------\n const openCreateValue = () => {\n setEditingValue(null);\n setValueForm(emptyValueForm);\n setValueFormOpen(true);\n };\n\n const openEditValue = (value: LifeValueFieldsFragment) => {\n setEditingValue(value);\n setValueForm({\n name: value.name,\n description: value.description ?? \"\",\n weight: String(value.weight),\n domains: [...value.domains],\n isActive: value.isActive,\n });\n setValueFormOpen(true);\n };\n\n const closeValueForm = () => {\n setValueFormOpen(false);\n setEditingValue(null);\n };\n\n const toggleValueDomain = (domain: TimeCampusLifeDomain) => {\n setValueForm((f) => ({\n ...f,\n domains: f.domains.includes(domain)\n ? f.domains.filter((d) => d !== domain)\n : [...f.domains, domain],\n }));\n };\n\n const valueFormValid =\n valueForm.name.trim().length > 0 &&\n (valueForm.weight === \"\" || !Number.isNaN(Number(valueForm.weight)));\n\n const handleSubmitValue = async () => {\n if (!valueFormValid) return;\n const weight =\n valueForm.weight.trim() === \"\" ? undefined : Number(valueForm.weight);\n const input = {\n name: valueForm.name.trim(),\n description: valueForm.description.trim() || undefined,\n weight,\n domains: valueForm.domains,\n isActive: valueForm.isActive,\n };\n try {\n if (editingValue) {\n await updateValue({ variables: { id: editingValue.id, input } });\n addToast({ title: \"Value updated\", variant: \"success\" });\n } else {\n await declareValue({ variables: { input } });\n addToast({ title: \"Value declared\", variant: \"success\" });\n }\n closeValueForm();\n // Goals reference value names, so refresh both after a value change.\n await Promise.all([refetchValues(), refetchGoals()]);\n } catch {\n addToast({\n title: editingValue\n ? \"Failed to update value\"\n : \"Failed to declare value\",\n variant: \"error\",\n });\n }\n };\n\n const handleDeleteValue = async () => {\n if (!deleteValueTarget) return;\n try {\n await deleteValue({ variables: { id: deleteValueTarget.id } });\n addToast({ title: \"Value deleted\", variant: \"success\" });\n setDeleteValueTarget(null);\n await Promise.all([refetchValues(), refetchGoals()]);\n } catch {\n addToast({ title: \"Failed to delete value\", variant: \"error\" });\n }\n };\n\n // --- Goal handlers ------------------------------------------------------\n const openCreateGoal = () => {\n setEditingGoal(null);\n setGoalForm(emptyGoalForm);\n setGoalFormOpen(true);\n };\n\n const openEditGoal = (goal: LifeGoalFieldsFragment) => {\n setEditingGoal(goal);\n setGoalForm({\n title: goal.title,\n domain: goal.domain,\n targetValue: String(goal.targetValue),\n unit: goal.unit,\n cadence: goal.cadence,\n status: goal.status,\n valueId: goal.valueId ?? \"\",\n });\n setGoalFormOpen(true);\n };\n\n const closeGoalForm = () => {\n setGoalFormOpen(false);\n setEditingGoal(null);\n };\n\n const goalFormValid =\n goalForm.title.trim().length > 0 &&\n goalForm.targetValue.trim() !== \"\" &&\n !Number.isNaN(Number(goalForm.targetValue));\n\n const handleSubmitGoal = async () => {\n if (!goalFormValid) return;\n const input = {\n title: goalForm.title.trim(),\n domain: goalForm.domain,\n targetValue: Number(goalForm.targetValue),\n unit: goalForm.unit.trim() || undefined,\n cadence: goalForm.cadence || undefined,\n status: goalForm.status || undefined,\n valueId: goalForm.valueId || undefined,\n };\n try {\n if (editingGoal) {\n await updateGoal({ variables: { id: editingGoal.id, input } });\n addToast({ title: \"Goal updated\", variant: \"success\" });\n } else {\n await createGoal({ variables: { input } });\n addToast({ title: \"Goal created\", variant: \"success\" });\n }\n closeGoalForm();\n await refetchGoals();\n } catch {\n addToast({\n title: editingGoal ? \"Failed to update goal\" : \"Failed to create goal\",\n variant: \"error\",\n });\n }\n };\n\n const handleDeleteGoal = async () => {\n if (!deleteGoalTarget) return;\n try {\n await deleteGoal({ variables: { id: deleteGoalTarget.id } });\n addToast({ title: \"Goal deleted\", variant: \"success\" });\n setDeleteGoalTarget(null);\n await refetchGoals();\n } catch {\n addToast({ title: \"Failed to delete goal\", variant: \"error\" });\n }\n };\n\n // --- Render helpers -----------------------------------------------------\n const declareValueButton = (\n <button onClick={openCreateValue} className={primaryBtnClass}>\n <Plus className=\"h-4 w-4\" />\n Declare value\n </button>\n );\n\n const addGoalButton = (\n <button onClick={openCreateGoal} className={primaryBtnClass}>\n <Plus className=\"h-4 w-4\" />\n Add goal\n </button>\n );\n\n const hasAnyData = values.length > 0 || goals.length > 0;\n const initialLoading =\n valuesLoading && goalsLoading && !valuesData && !goalsData;\n\n if (initialLoading) {\n return (\n <PageLayout\n title=\"Values & Goals\"\n description=\"Declare what matters and set the life goals that shape it\"\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Values & Goals\"\n description=\"Declare what matters and set the life goals that shape it\"\n 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.\"\n actions={declareValueButton}\n >\n {hasAnyData && (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <StatCard\n featured\n title=\"Active values\"\n value={String(activeValues)}\n icon={<Compass className=\"h-5 w-5\" />}\n description={`of ${values.length} declared`}\n />\n <StatCard\n title=\"Life goals\"\n value={String(goals.length)}\n icon={<Flag className=\"h-5 w-5\" />}\n description=\"targets you're working toward\"\n />\n <StatCard\n title=\"Domains covered\"\n value={String(domainsCovered)}\n icon={<Layers className=\"h-5 w-5\" />}\n description=\"life areas your values touch\"\n />\n </div>\n )}\n\n {/* ------------------------------------------------------------------ */}\n {/* VALUES */}\n {/* ------------------------------------------------------------------ */}\n <section className=\"mt-6\">\n <div className=\"mb-3 flex items-center justify-between gap-3\">\n <div>\n <h2 className=\"text-lg font-semibold text-text-primary\">\n What you value\n </h2>\n <p className=\"text-sm text-text-secondary\">\n The priorities that weight your Balance Wheel.\n </p>\n </div>\n </div>\n\n {valuesError ? (\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load your values. Please try again later.\n </div>\n ) : valuesLoading && values.length === 0 ? (\n <LoadingSkeleton variant=\"list\" count={3} />\n ) : values.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"Declare what you value\"\n 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.\"\n action={declareValueButton}\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n {values.map((value) => {\n const Icon = domainIcon(\n value.domains[0] ?? TimeCampusLifeDomain.Other,\n );\n return (\n <GlassCard\n key={value.id}\n treatment=\"glass\"\n glow={value.isActive}\n className=\"flex flex-col gap-3 p-5\"\n >\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-primary\">\n <Icon className=\"h-5 w-5\" />\n </div>\n <div className=\"flex items-center gap-1\">\n <button\n type=\"button\"\n onClick={() => openEditValue(value)}\n title=\"Edit value\"\n className={iconBtnClass}\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => setDeleteValueTarget(value)}\n title=\"Delete value\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n\n <div className=\"min-w-0\">\n <p className=\"truncate text-base font-semibold text-text-primary\">\n {value.name}\n </p>\n {value.description && (\n <p className=\"mt-0.5 line-clamp-2 text-sm text-text-secondary\">\n {value.description}\n </p>\n )}\n </div>\n\n <ProgressMeter\n value={value.weight}\n max={maxWeight}\n label=\"Importance\"\n higherIsWorse={false}\n size=\"sm\"\n format={(v) => v.toFixed(1)}\n />\n\n {value.domains.length > 0 ? (\n <div className=\"flex flex-wrap gap-1.5\">\n {value.domains.map((domain) => (\n <span\n key={domain}\n className=\"inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n >\n {lifeDomainLabel(domain)}\n </span>\n ))}\n </div>\n ) : (\n <p className=\"text-xs text-text-secondary\">\n No domains linked yet.\n </p>\n )}\n\n <div className=\"mt-auto pt-1\">\n <StatusBadge\n variant={value.isActive ? \"success\" : \"muted\"}\n label={value.isActive ? \"Active\" : \"Inactive\"}\n />\n </div>\n </GlassCard>\n );\n })}\n </div>\n )}\n </section>\n\n {/* ------------------------------------------------------------------ */}\n {/* GOALS */}\n {/* ------------------------------------------------------------------ */}\n <section className=\"mt-8\">\n <div className=\"mb-3 flex items-center justify-between gap-3\">\n <div>\n <h2 className=\"text-lg font-semibold text-text-primary\">\n Key goals\n </h2>\n <p className=\"text-sm text-text-secondary\">\n Concrete targets that put your values into practice.\n </p>\n </div>\n {goals.length > 0 && addGoalButton}\n </div>\n\n {goalsError ? (\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load your goals. Please try again later.\n </div>\n ) : goalsLoading && goals.length === 0 ? (\n <LoadingSkeleton variant=\"list\" count={3} />\n ) : goals.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"Set your first life goal\"\n 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.\"\n action={addGoalButton}\n />\n ) : (\n <div className=\"overflow-hidden rounded-xl border border-border-seam bg-gloss-card shadow-pop\">\n <div className=\"divide-y divide-border\">\n {goals.map((goal) => {\n const Icon = domainIcon(goal.domain);\n const linkedValueName = goal.valueId\n ? valueNameById.get(goal.valueId)\n : undefined;\n return (\n <div\n key={goal.id}\n className=\"flex flex-col gap-3 p-4 transition-colors hover:bg-bg-sunken/50 sm:flex-row sm:items-center sm:justify-between\"\n >\n <div className=\"flex min-w-0 items-center 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 <Icon className=\"h-4 w-4\" />\n </div>\n <div className=\"min-w-0\">\n <p className=\"truncate text-sm font-medium text-text-primary\">\n {goal.title}\n </p>\n <p className=\"truncate text-xs text-text-secondary\">\n {lifeDomainLabel(goal.domain)}\n {linkedValueName\n ? ` · Supports ${linkedValueName}`\n : \"\"}\n </p>\n </div>\n </div>\n <div className=\"flex flex-wrap items-center gap-2 sm:justify-end\">\n <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\">\n <Target className=\"h-3.5 w-3.5\" />\n {goal.targetValue} {goal.unit} ·{\" \"}\n {titleCase(goal.cadence)}\n </span>\n <StatusBadge\n status={goal.status}\n label={titleCase(goal.status)}\n />\n <div className=\"flex items-center gap-1\">\n <button\n type=\"button\"\n onClick={() => openEditGoal(goal)}\n title=\"Edit goal\"\n className={iconBtnClass}\n >\n <Pencil className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n onClick={() => setDeleteGoalTarget(goal)}\n title=\"Delete goal\"\n className=\"rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg\"\n >\n <Trash2 className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n </div>\n );\n })}\n </div>\n </div>\n )}\n </section>\n\n {values.length > 0 && goals.length > 0 && (\n <ChartCard\n title=\"How your goals map to your values\"\n description=\"Every goal counts toward the value it supports — the fuel behind your Balance Wheel.\"\n className=\"mt-6\"\n >\n <p className=\"text-sm text-text-secondary\">\n {goals.filter((g) => g.valueId).length} of {goals.length} goals are\n linked to a declared value. Linking a goal to a value tells\n TimeCampus which priority the time you invest is really serving.\n </p>\n </ChartCard>\n )}\n\n {/* ------------------------------------------------------------------ */}\n {/* Value create / edit modal */}\n {/* ------------------------------------------------------------------ */}\n <Modal\n open={valueFormOpen}\n onClose={closeValueForm}\n title={editingValue ? \"Edit value\" : \"Declare a value\"}\n description={\n editingValue\n ? \"Update what this value stands for and how much it weighs.\"\n : \"Name a life area that matters and how the domains map to it.\"\n }\n footer={\n <>\n <button onClick={closeValueForm} className={secondaryBtnClass}>\n Cancel\n </button>\n <button\n onClick={handleSubmitValue}\n disabled={!valueFormValid || declaringValue || updatingValue}\n className={primaryBtnClass}\n >\n {declaringValue || updatingValue\n ? \"Saving...\"\n : editingValue\n ? \"Save changes\"\n : \"Declare value\"}\n </button>\n </>\n }\n >\n <div className=\"space-y-4\">\n <div>\n <label className={labelClass}>Name</label>\n <input\n type=\"text\"\n placeholder=\"e.g. Family, Health, Craft\"\n value={valueForm.name}\n onChange={(e) =>\n setValueForm({ ...valueForm, name: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Description</label>\n <textarea\n rows={2}\n placeholder=\"What does this value mean to you?\"\n value={valueForm.description}\n onChange={(e) =>\n setValueForm({ ...valueForm, description: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Weight (relative importance)</label>\n <input\n type=\"number\"\n min={0}\n step=\"0.1\"\n placeholder=\"1\"\n value={valueForm.weight}\n onChange={(e) =>\n setValueForm({ ...valueForm, weight: e.target.value })\n }\n className={inputClass}\n />\n <p className=\"mt-1 text-xs text-text-secondary\">\n Higher weights pull your Balance Wheel harder toward this value.\n </p>\n </div>\n <div>\n <label className={labelClass}>Domains</label>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n Which life domains does this value cover?\n </p>\n <div className=\"mt-2 flex flex-wrap gap-2\">\n {ALL_LIFE_DOMAINS.map((domain) => {\n const selected = valueForm.domains.includes(domain);\n return (\n <button\n key={domain}\n type=\"button\"\n onClick={() => toggleValueDomain(domain)}\n className={\n selected\n ? \"rounded-full bg-action-primary-bg px-3 py-1 text-xs font-medium text-action-primary-text\"\n : \"rounded-full border border-border-subtle px-3 py-1 text-xs font-medium text-text-secondary hover:bg-bg-sunken/50\"\n }\n >\n {lifeDomainLabel(domain)}\n </button>\n );\n })}\n </div>\n </div>\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input\n type=\"checkbox\"\n checked={valueForm.isActive}\n onChange={(e) =>\n setValueForm({ ...valueForm, isActive: e.target.checked })\n }\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n Active — count this value in my Balance Wheel\n </label>\n </div>\n </Modal>\n\n {/* Value delete confirm */}\n <Modal\n open={deleteValueTarget !== null}\n onClose={() => setDeleteValueTarget(null)}\n title=\"Delete value?\"\n description={\n deleteValueTarget\n ? `\"${deleteValueTarget.name}\" will be removed from your Balance Wheel.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteValueTarget(null)}\n className={secondaryBtnClass}\n >\n Cancel\n </button>\n <button\n onClick={handleDeleteValue}\n disabled={deletingValue}\n className={dangerBtnClass}\n >\n {deletingValue ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n This permanently removes the value. Goals linked to it are kept but\n will no longer point to a value. This cannot be undone.\n </p>\n </Modal>\n\n {/* ------------------------------------------------------------------ */}\n {/* Goal create / edit modal */}\n {/* ------------------------------------------------------------------ */}\n <Modal\n open={goalFormOpen}\n onClose={closeGoalForm}\n title={editingGoal ? \"Edit goal\" : \"Add a goal\"}\n description={\n editingGoal\n ? \"Update this goal's target and status.\"\n : \"Set a concrete target that puts one of your values into practice.\"\n }\n footer={\n <>\n <button onClick={closeGoalForm} className={secondaryBtnClass}>\n Cancel\n </button>\n <button\n onClick={handleSubmitGoal}\n disabled={!goalFormValid || creatingGoal || updatingGoal}\n className={primaryBtnClass}\n >\n {creatingGoal || updatingGoal\n ? \"Saving...\"\n : editingGoal\n ? \"Save changes\"\n : \"Add goal\"}\n </button>\n </>\n }\n >\n <div className=\"space-y-4\">\n <div>\n <label className={labelClass}>Title</label>\n <input\n type=\"text\"\n placeholder=\"e.g. Run a marathon, 12h family time\"\n value={goalForm.title}\n onChange={(e) =>\n setGoalForm({ ...goalForm, title: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n <div>\n <label className={labelClass}>Domain</label>\n <select\n value={goalForm.domain}\n onChange={(e) =>\n setGoalForm({\n ...goalForm,\n domain: e.target.value as TimeCampusLifeDomain,\n })\n }\n className={inputClass}\n >\n {ALL_LIFE_DOMAINS.map((domain) => (\n <option key={domain} value={domain}>\n {lifeDomainLabel(domain)}\n </option>\n ))}\n </select>\n </div>\n <div>\n <label className={labelClass}>Supports value</label>\n <select\n value={goalForm.valueId}\n onChange={(e) =>\n setGoalForm({ ...goalForm, valueId: e.target.value })\n }\n className={inputClass}\n >\n <option value=\"\">None</option>\n {values.map((v) => (\n <option key={v.id} value={v.id}>\n {v.name}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <div>\n <label className={labelClass}>Target</label>\n <input\n type=\"number\"\n min={0}\n step=\"0.5\"\n placeholder=\"12\"\n value={goalForm.targetValue}\n onChange={(e) =>\n setGoalForm({ ...goalForm, targetValue: e.target.value })\n }\n className={inputClass}\n />\n </div>\n <div>\n <label className={labelClass}>Unit</label>\n <input\n type=\"text\"\n list=\"timecampus-goal-units\"\n placeholder=\"hours\"\n value={goalForm.unit}\n onChange={(e) =>\n setGoalForm({ ...goalForm, unit: e.target.value })\n }\n className={inputClass}\n />\n <datalist id=\"timecampus-goal-units\">\n {UNIT_SUGGESTIONS.map((u) => (\n <option key={u} value={u} />\n ))}\n </datalist>\n </div>\n <div>\n <label className={labelClass}>Cadence</label>\n <select\n value={goalForm.cadence}\n onChange={(e) =>\n setGoalForm({ ...goalForm, cadence: e.target.value })\n }\n className={inputClass}\n >\n {CADENCE_OPTIONS.map((c) => (\n <option key={c} value={c}>\n {titleCase(c)}\n </option>\n ))}\n </select>\n </div>\n </div>\n <div>\n <label className={labelClass}>Status</label>\n <select\n value={goalForm.status}\n onChange={(e) =>\n setGoalForm({ ...goalForm, status: e.target.value })\n }\n className={inputClass}\n >\n {GOAL_STATUS_OPTIONS.map((s) => (\n <option key={s} value={s}>\n {titleCase(s)}\n </option>\n ))}\n </select>\n </div>\n </div>\n </Modal>\n\n {/* Goal delete confirm */}\n <Modal\n open={deleteGoalTarget !== null}\n onClose={() => setDeleteGoalTarget(null)}\n title=\"Delete goal?\"\n description={\n deleteGoalTarget\n ? `\"${deleteGoalTarget.title}\" will be removed.`\n : undefined\n }\n size=\"sm\"\n footer={\n <>\n <button\n onClick={() => setDeleteGoalTarget(null)}\n className={secondaryBtnClass}\n >\n Cancel\n </button>\n <button\n onClick={handleDeleteGoal}\n disabled={deletingGoal}\n className={dangerBtnClass}\n >\n {deletingGoal ? \"Deleting...\" : \"Delete\"}\n </button>\n </>\n }\n >\n <p className=\"text-sm text-text-secondary\">\n This permanently removes the goal. This action cannot be undone.\n </p>\n </Modal>\n\n <ToastContainer toasts={toasts} onDismiss={dismissToast} />\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/lifetime/domains.js ADDED Viewed

@@ -0,0 +1,56 @@
+import { TimeCampusLifeDomain as e } from "../../../generated/wspace-types.js";
+//#region src/timecampus/pages/lifetime/domains.ts
+var t = {
+	[e.Work]: "Work",
+	[e.Sleep]: "Sleep",
+	[e.Health]: "Health",
+	[e.Family]: "Family & relationships",
+	[e.Learning]: "Learning",
+	[e.Leisure]: "Leisure",
+	[e.Commute]: "Commute",
+	[e.Waiting]: "Waiting",
+	[e.Chores]: "Chores",
+	[e.SelfCare]: "Self-care",
+	[e.Social]: "Social",
+	[e.FinanceAdmin]: "Finance & admin",
+	[e.Reflection]: "Reflection",
+	[e.Other]: "Other"
+}, n = [
+	e.Sleep,
+	e.Health,
+	e.Family,
+	e.Learning,
+	e.Leisure,
+	e.Commute,
+	e.Waiting,
+	e.Chores,
+	e.SelfCare,
+	e.Social,
+	e.FinanceAdmin,
+	e.Reflection
+], r = [
+	e.Work,
+	...n,
+	e.Other
+];
+function i(e) {
+	return t[e] ?? String(e);
+}
+function a(e) {
+	return Math.round(e / 3600 * 10) / 10;
+}
+function o(e) {
+	let t = Math.max(0, Math.round(e)), n = Math.floor(t / 3600), r = Math.floor(t % 3600 / 60);
+	return n === 0 && r === 0 ? "0m" : n === 0 ? `${r}m` : r === 0 ? `${n}h` : `${n}h ${r}m`;
+}
+function s(e) {
+	let t = /* @__PURE__ */ new Date(Date.now() - e * 864e5);
+	return t.setHours(0, 0, 0, 0), t.toISOString();
+}
+function c() {
+	return (/* @__PURE__ */ new Date()).toISOString();
+}
+//#endregion
+export { r as ALL_LIFE_DOMAINS, n as PERSONAL_LIFE_DOMAINS, o as formatSecondsHuman, s as isoDaysAgo, c as isoNow, i as lifeDomainLabel, a as secondsToHours };
+//# sourceMappingURL=domains.js.map

package/dist/timecampus/pages/lifetime/domains.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"domains.js","names":[],"sources":["../../../../src/timecampus/pages/lifetime/domains.ts"],"sourcesContent":["import { TimeCampusLifeDomain } from \"@/generated/wspace-types\";\n\n/**\n * Human labels for the life-domain enum, shared by every life-time page so the\n * vocabulary stays consistent. The enum values themselves are the source of\n * truth (stored as category strings on the backend); this only maps them to\n * display text.\n */\nexport const LIFE_DOMAIN_LABEL: Record<TimeCampusLifeDomain, string> = {\n [TimeCampusLifeDomain.Work]: \"Work\",\n [TimeCampusLifeDomain.Sleep]: \"Sleep\",\n [TimeCampusLifeDomain.Health]: \"Health\",\n [TimeCampusLifeDomain.Family]: \"Family & relationships\",\n [TimeCampusLifeDomain.Learning]: \"Learning\",\n [TimeCampusLifeDomain.Leisure]: \"Leisure\",\n [TimeCampusLifeDomain.Commute]: \"Commute\",\n [TimeCampusLifeDomain.Waiting]: \"Waiting\",\n [TimeCampusLifeDomain.Chores]: \"Chores\",\n [TimeCampusLifeDomain.SelfCare]: \"Self-care\",\n [TimeCampusLifeDomain.Social]: \"Social\",\n [TimeCampusLifeDomain.FinanceAdmin]: \"Finance & admin\",\n [TimeCampusLifeDomain.Reflection]: \"Reflection\",\n [TimeCampusLifeDomain.Other]: \"Other\",\n};\n\n/** Domains the user typically logs by hand (excludes WORK, which is captured). */\nexport const PERSONAL_LIFE_DOMAINS: TimeCampusLifeDomain[] = [\n TimeCampusLifeDomain.Sleep,\n TimeCampusLifeDomain.Health,\n TimeCampusLifeDomain.Family,\n TimeCampusLifeDomain.Learning,\n TimeCampusLifeDomain.Leisure,\n TimeCampusLifeDomain.Commute,\n TimeCampusLifeDomain.Waiting,\n TimeCampusLifeDomain.Chores,\n TimeCampusLifeDomain.SelfCare,\n TimeCampusLifeDomain.Social,\n TimeCampusLifeDomain.FinanceAdmin,\n TimeCampusLifeDomain.Reflection,\n];\n\n/** All life domains in a sensible display order. */\nexport const ALL_LIFE_DOMAINS: TimeCampusLifeDomain[] = [\n TimeCampusLifeDomain.Work,\n ...PERSONAL_LIFE_DOMAINS,\n TimeCampusLifeDomain.Other,\n];\n\nexport function lifeDomainLabel(domain: TimeCampusLifeDomain | string): string {\n return LIFE_DOMAIN_LABEL[domain as TimeCampusLifeDomain] ?? String(domain);\n}\n\n/** Whole hours from seconds, one decimal (e.g. 6.5). */\nexport function secondsToHours(seconds: number): number {\n return Math.round((seconds / 3600) * 10) / 10;\n}\n\n/** A compact \"6h 30m\" from seconds. */\nexport function formatSecondsHuman(seconds: number): string {\n const s = Math.max(0, Math.round(seconds));\n const h = Math.floor(s / 3600);\n const m = Math.floor((s % 3600) / 60);\n if (h === 0 && m === 0) return \"0m\";\n if (h === 0) return `${m}m`;\n if (m === 0) return `${h}h`;\n return `${h}h ${m}m`;\n}\n\n/** ISO string for a date `days` ago at the start of the day. */\nexport function isoDaysAgo(days: number): string {\n const d = new Date(Date.now() - days * 86_400_000);\n d.setHours(0, 0, 0, 0);\n return d.toISOString();\n}\n\n/** ISO string for the end of today. */\nexport function isoNow(): string {\n return new Date().toISOString();\n}\n"],"mappings":";;AAQA,IAAa,IAA0D;EACpE,EAAqB,OAAO;EAC5B,EAAqB,QAAQ;EAC7B,EAAqB,SAAS;EAC9B,EAAqB,SAAS;EAC9B,EAAqB,WAAW;EAChC,EAAqB,UAAU;EAC/B,EAAqB,UAAU;EAC/B,EAAqB,UAAU;EAC/B,EAAqB,SAAS;EAC9B,EAAqB,WAAW;EAChC,EAAqB,SAAS;EAC9B,EAAqB,eAAe;EACpC,EAAqB,aAAa;EAClC,EAAqB,QAAQ;CAC/B,EAGY,IAAgD;CAC3D,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACrB,EAAqB;CACtB,EAGY,IAA2C;CACtD,EAAqB;CACrB,GAAG;CACH,EAAqB;CACtB;AAED,SAAgB,EAAgB,GAA+C;AAC7E,QAAO,EAAkB,MAAmC,OAAO,EAAO;;AAI5E,SAAgB,EAAe,GAAyB;AACtD,QAAO,KAAK,MAAO,IAAU,OAAQ,GAAG,GAAG;;AAI7C,SAAgB,EAAmB,GAAyB;CAC1D,IAAM,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,EAAQ,CAAC,EACpC,IAAI,KAAK,MAAM,IAAI,KAAK,EACxB,IAAI,KAAK,MAAO,IAAI,OAAQ,GAAG;AAIrC,QAHI,MAAM,KAAK,MAAM,IAAU,OAC3B,MAAM,IAAU,GAAG,EAAE,KACrB,MAAM,IAAU,GAAG,EAAE,KAClB,GAAG,EAAE,IAAI,EAAE;;AAIpB,SAAgB,EAAW,GAAsB;CAC/C,IAAM,oBAAI,IAAI,KAAK,KAAK,KAAK,GAAG,IAAO,MAAW;AAElD,QADA,EAAE,SAAS,GAAG,GAAG,GAAG,EAAE,EACf,EAAE,aAAa;;AAIxB,SAAgB,IAAiB;AAC/B,yBAAO,IAAI,MAAM,EAAC,aAAa"}

package/dist/timecampus/pages/location-tracking/LocationPrivacySettingsPage.js CHANGED Viewed

@@ -1,119 +1,198 @@
-import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
+import { cn as e } from "../../utils/helpers.js";
 import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
 import { useGetConfigurationByKeyQuery as n, useSetConfigurationMutation as r } from "../../../generated/wspace-operations.js";
 import { PageLayout as i } from "../../components/PageLayout.js";
 import { useEffect as a, useState as o } from "react";
-import { Shield as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { GlassCard as u } from "@burdenoff/fe-libs/ui";
+import { Crosshair as s, Lock as c, MapPin as l, ShieldCheck as u, Users as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx
-var d = "location.privacy";
-function f() {
-	let { workspaceId: f = "" } = e(), { data: p, loading: m, error: h } = n({ variables: { key: d } }), [g, { loading: _ }] = r(), v = p?.configurationByKey?.value ?? {}, [y, b] = o(!0), [x, S] = o(!1), [C, w] = o(!1);
+var h = "location.privacy";
+function g({ checked: t, onChange: n, label: r, disabled: i }) {
+	return /* @__PURE__ */ f("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": t,
+		"aria-label": r,
+		disabled: i,
+		onClick: () => n(!t),
+		className: e("relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border transition-colors disabled:cursor-not-allowed disabled:opacity-50", t ? "border-transparent bg-action-primary-bg" : "border-border-subtle bg-bg-sunken"),
+		children: /* @__PURE__ */ f("span", { className: e("inline-block h-4 w-4 transform rounded-full shadow-sm transition-transform", t ? "translate-x-5 bg-action-primary-text" : "translate-x-1 bg-text-secondary") })
+	});
+}
+function _({ icon: t, title: n, description: r, checked: i, onChange: a }) {
+	return /* @__PURE__ */ p("div", {
+		className: "flex items-center justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface/60 p-4",
+		children: [/* @__PURE__ */ p("div", {
+			className: "flex min-w-0 items-start gap-3",
+			children: [/* @__PURE__ */ f("span", {
+				className: e("mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg transition-colors", i ? "bg-action-primary-bg/15 text-primary" : "bg-bg-sunken text-text-secondary"),
+				children: t
+			}), /* @__PURE__ */ p("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ f("p", {
+					className: "text-sm font-medium text-text-primary",
+					children: n
+				}), /* @__PURE__ */ f("p", {
+					className: "mt-0.5 text-xs text-text-secondary",
+					children: r
+				})]
+			})]
+		}), /* @__PURE__ */ f(g, {
+			checked: i,
+			onChange: a,
+			label: n
+		})]
+	});
+}
+function v() {
+	let { data: e, loading: g, error: v } = n({ variables: { key: h } }), [y, { loading: b }] = r(), x = e?.configurationByKey?.value ?? {}, [S, C] = o(!0), [w, T] = o(!1), [E, D] = o(!1);
 	return a(() => {
-		v && (b(v.trackingEnabled ?? !0), S(v.shareWithTeam ?? !1), w(v.preciseLocation ?? !1));
+		x && (C(x.trackingEnabled ?? !0), T(x.shareWithTeam ?? !1), D(x.preciseLocation ?? !1));
 	}, [
-		v.trackingEnabled,
-		v.shareWithTeam,
-		v.preciseLocation
-	]), m ? /* @__PURE__ */ c(i, {
+		x.trackingEnabled,
+		x.shareWithTeam,
+		x.preciseLocation
+	]), g ? /* @__PURE__ */ f(i, {
 		title: "Location Privacy Settings",
 		description: "Control location tracking and data sharing",
-		children: /* @__PURE__ */ c(t, { variant: "detail" })
-	}) : h ? /* @__PURE__ */ c(i, {
+		children: /* @__PURE__ */ f(t, { variant: "detail" })
+	}) : v ? /* @__PURE__ */ f(i, {
 		title: "Location Privacy Settings",
 		description: "Control location tracking and data sharing",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ f("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 privacy settings. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(i, {
+	}) : /* @__PURE__ */ f(i, {
 		title: "Location Privacy Settings",
 		description: "Control location tracking and data sharing",
 		purpose: "You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.",
-		children: /* @__PURE__ */ l("div", {
-			className: "mx-auto max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ l(u, {
-				treatment: "glass",
-				glow: !0,
-				className: "p-6",
-				children: [/* @__PURE__ */ l("h3", {
-					className: "mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary",
-					children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "Privacy Controls"]
-				}), /* @__PURE__ */ l("div", {
-					className: "space-y-3",
+		children: /* @__PURE__ */ p("div", {
+			className: "mx-auto max-w-3xl space-y-6",
+			children: [
+				/* @__PURE__ */ p(m, {
+					treatment: "glass",
+					glow: !0,
+					className: "p-6 text-center sm:p-8",
 					children: [
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Enable location tracking"
-							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-text-secondary",
-								children: "Allow the app to track your work location"
-							})] }), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: y,
-								onChange: (e) => b(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
+						/* @__PURE__ */ f("div", {
+							className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-action-primary-bg/15 text-primary",
+							children: /* @__PURE__ */ f(u, { className: "h-6 w-6" })
+						}),
+						/* @__PURE__ */ f("h2", {
+							className: "mt-4 text-lg font-semibold text-text-primary sm:text-xl",
+							children: "Your location, your rules."
 						}),
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Share with team"
-							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-text-secondary",
-								children: "Let team members see your current location"
-							})] }), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: x,
-								onChange: (e) => S(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
+						/* @__PURE__ */ f("p", {
+							className: "mx-auto mt-2 max-w-xl text-sm text-text-secondary",
+							children: "TimeCampus only records where you work when you allow it — never in the background, never sold, and never shared beyond the people you choose. Change any of these settings at any time."
 						}),
-						/* @__PURE__ */ l("label", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("span", {
-								className: "text-sm font-medium text-text-primary",
-								children: "Precise location"
-							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-text-secondary",
-								children: "Use precise GPS vs approximate location"
-							})] }), /* @__PURE__ */ c("input", {
-								type: "checkbox",
-								checked: C,
-								onChange: (e) => w(e.target.checked),
-								className: "h-4 w-4 rounded border-border-subtle"
-							})]
+						/* @__PURE__ */ f("div", {
+							className: "mt-5 flex flex-wrap items-center justify-center gap-2",
+							children: [
+								{
+									icon: /* @__PURE__ */ f(c, { className: "h-3.5 w-3.5" }),
+									label: "Encrypted at rest"
+								},
+								{
+									icon: /* @__PURE__ */ f(l, { className: "h-3.5 w-3.5" }),
+									label: "Only recorded when tracking is on"
+								},
+								{
+									icon: /* @__PURE__ */ f(d, { className: "h-3.5 w-3.5" }),
+									label: "Hidden from teammates by default"
+								}
+							].map((e) => /* @__PURE__ */ p("span", {
+								className: "inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken/70 px-3 py-1 text-xs font-medium text-text-secondary",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-primary",
+									children: e.icon
+								}), e.label]
+							}, e.label))
 						})
 					]
-				})]
-			}), /* @__PURE__ */ c("div", {
-				className: "flex justify-end",
-				children: /* @__PURE__ */ c("button", {
-					onClick: async () => {
-						await g({ variables: { input: {
-							key: d,
-							value: {
-								trackingEnabled: y,
-								shareWithTeam: x,
-								preciseLocation: C
-							},
-							description: "Location privacy settings",
-							scope: "USER"
-						} } });
-					},
-					disabled: _,
-					className: "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",
-					children: _ ? "Saving..." : "Save Settings"
+				}),
+				/* @__PURE__ */ p(m, {
+					treatment: "insight",
+					className: "p-5 sm:p-6",
+					children: [/* @__PURE__ */ p("div", {
+						className: "mb-4",
+						children: [/* @__PURE__ */ p("h3", {
+							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+							children: [/* @__PURE__ */ f(l, { className: "h-4 w-4 text-text-secondary" }), "Location tracking"]
+						}), /* @__PURE__ */ f("p", {
+							className: "mt-0.5 text-xs text-text-secondary",
+							children: "Decide whether and how precisely your work location is recorded."
+						})]
+					}), /* @__PURE__ */ p("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ f(_, {
+							icon: /* @__PURE__ */ f(l, { className: "h-4 w-4" }),
+							title: "Enable location tracking",
+							description: "Allow the app to record your work location while you're on the clock.",
+							checked: S,
+							onChange: C
+						}), /* @__PURE__ */ f(_, {
+							icon: /* @__PURE__ */ f(s, { className: "h-4 w-4" }),
+							title: "Precise location",
+							description: "Use precise GPS coordinates instead of an approximate area.",
+							checked: E,
+							onChange: D
+						})]
+					})]
+				}),
+				/* @__PURE__ */ p(m, {
+					treatment: "insight",
+					className: "p-5 sm:p-6",
+					children: [/* @__PURE__ */ p("div", {
+						className: "mb-4",
+						children: [/* @__PURE__ */ p("h3", {
+							className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+							children: [/* @__PURE__ */ f(d, { className: "h-4 w-4 text-text-secondary" }), "Team visibility"]
+						}), /* @__PURE__ */ f("p", {
+							className: "mt-0.5 text-xs text-text-secondary",
+							children: "Control who on your team can see where you are."
+						})]
+					}), /* @__PURE__ */ f("div", {
+						className: "space-y-3",
+						children: /* @__PURE__ */ f(_, {
+							icon: /* @__PURE__ */ f(d, { className: "h-4 w-4" }),
+							title: "Share with team",
+							description: "Let team members see your current location. Off keeps it private to you.",
+							checked: w,
+							onChange: T
+						})
+					})]
+				}),
+				/* @__PURE__ */ p("div", {
+					className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface/60 p-4 sm:flex-row sm:items-center sm:justify-between",
+					children: [/* @__PURE__ */ f("p", {
+						className: "text-xs text-text-secondary",
+						children: "Changes apply across your TimeCampus workspace once you save."
+					}), /* @__PURE__ */ f("button", {
+						onClick: async () => {
+							await y({ variables: { input: {
+								key: h,
+								value: {
+									trackingEnabled: S,
+									shareWithTeam: w,
+									preciseLocation: E
+								},
+								description: "Location privacy settings",
+								scope: "USER"
+							} } });
+						},
+						disabled: b,
+						className: "shrink-0 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",
+						children: b ? "Saving..." : "Save Settings"
+					})]
 				})
-			})]
+			]
 		})
 	});
 }
 //#endregion
-export { f as LocationPrivacySettingsPage };
+export { v as LocationPrivacySettingsPage };
 //# sourceMappingURL=LocationPrivacySettingsPage.js.map

package/dist/timecampus/pages/location-tracking/LocationPrivacySettingsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocationPrivacySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { Shield } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useGetConfigurationByKeyQuery,\n useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"location.privacy\";\n\nexport function LocationPrivacySettingsPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n\n const { data, loading, error } = useGetConfigurationByKeyQuery({\n variables: { key: CONFIG_KEY },\n });\n\n const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n string,\n boolean\n >;\n\n const [trackingEnabled, setTrackingEnabled] = useState(true);\n const [shareWithTeam, setShareWithTeam] = useState(false);\n const [preciseLocation, setPreciseLocation] = useState(false);\n\n useEffect(() => {\n if (configValue) {\n setTrackingEnabled(configValue.trackingEnabled ?? true);\n setShareWithTeam(configValue.shareWithTeam ?? false);\n setPreciseLocation(configValue.preciseLocation ?? false);\n }\n }, [\n configValue.trackingEnabled,\n configValue.shareWithTeam,\n configValue.preciseLocation,\n ]);\n\n const handleSave = async () => {\n await setConfiguration({\n variables: {\n input: {\n key: CONFIG_KEY,\n value: { trackingEnabled, shareWithTeam, preciseLocation },\n description: \"Location privacy settings\",\n scope: \"USER\" as never,\n },\n },\n });\n };\n\n if (loading) {\n return (\n <PageLayout\n title=\"Location Privacy Settings\"\n description=\"Control location tracking and data sharing\"\n >\n <LoadingSkeleton variant=\"detail\" />\n </PageLayout>\n );\n }\n\n if (error) {\n return (\n <PageLayout\n title=\"Location Privacy Settings\"\n description=\"Control location tracking and data sharing\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load privacy settings. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Location Privacy Settings\"\n description=\"Control location tracking and data sharing\"\n purpose=\"You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.\"\n >\n <div className=\"mx-auto max-w-2xl space-y-6\">\n <GlassCard treatment=\"glass\" glow className=\"p-6\">\n <h3 className=\"mb-4 flex items-center gap-2 text-sm font-semibold text-text-primary\">\n <Shield className=\"h-4 w-4\" />\n Privacy Controls\n </h3>\n <div className=\"space-y-3\">\n <label className=\"flex items-center justify-between\">\n <div>\n <span className=\"text-sm font-medium text-text-primary\">\n Enable location tracking\n </span>\n <p className=\"text-xs text-text-secondary\">\n Allow the app to track your work location\n </p>\n </div>\n <input\n type=\"checkbox\"\n checked={trackingEnabled}\n onChange={(e) => setTrackingEnabled(e.target.checked)}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n </label>\n <label className=\"flex items-center justify-between\">\n <div>\n <span className=\"text-sm font-medium text-text-primary\">\n Share with team\n </span>\n <p className=\"text-xs text-text-secondary\">\n Let team members see your current location\n </p>\n </div>\n <input\n type=\"checkbox\"\n checked={shareWithTeam}\n onChange={(e) => setShareWithTeam(e.target.checked)}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n </label>\n <label className=\"flex items-center justify-between\">\n <div>\n <span className=\"text-sm font-medium text-text-primary\">\n Precise location\n </span>\n <p className=\"text-xs text-text-secondary\">\n Use precise GPS vs approximate location\n </p>\n </div>\n <input\n type=\"checkbox\"\n checked={preciseLocation}\n onChange={(e) => setPreciseLocation(e.target.checked)}\n className=\"h-4 w-4 rounded border-border-subtle\"\n />\n </label>\n </div>\n </GlassCard>\n <div className=\"flex justify-end\">\n <button\n onClick={handleSave}\n disabled={saving}\n className=\"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 Settings\"}\n </button>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAa;AAEnB,SAAgB,IAA8B;CAC5C,IAAM,EAAE,iBAAc,OAAO,GAAe,EAEtC,EAAE,SAAM,YAAS,aAAU,EAA8B,EAC7D,WAAW,EAAE,KAAK,GAAY,EAC/B,CAAC,EAEI,CAAC,GAAkB,EAAE,SAAS,OAAY,GAA6B,EAEvE,IAAe,GAAM,oBAAoB,SAAS,EAAE,EAKpD,CAAC,GAAiB,KAAsB,EAAS,GAAK,EACtD,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAiB,KAAsB,EAAS,GAAM;AAmD7D,QAjDA,QAAgB;AACd,EAAI,MACF,EAAmB,EAAY,mBAAmB,GAAK,EACvD,EAAiB,EAAY,iBAAiB,GAAM,EACpD,EAAmB,EAAY,mBAAmB,GAAM;IAEzD;EACD,EAAY;EACZ,EAAY;EACZ,EAAY;EACb,CAAC,EAeE,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD,EAAiB,SAAQ,UAAW,CAAA;EACzB,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,mBAE3B;QACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAiB,EAAE,OAAO,QAAQ;QACnD,WAAU;QACV,CAAA,CACI;;MACR,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAwC;QAEjD,CAAA,EACP,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAEvC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,WAAW,MAAM,EAAmB,EAAE,OAAO,QAAQ;QACrD,WAAU;QACV,CAAA,CACI;;MACJ;OACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,SAtGS,YAAY;AAC7B,YAAM,EAAiB,EACrB,WAAW,EACT,OAAO;OACL,KAAK;OACL,OAAO;QAAE;QAAiB;QAAe;QAAiB;OAC1D,aAAa;OACb,OAAO;OACR,EACF,EACF,CAAC;;KA6FM,UAAU;KACV,WAAU;eAET,IAAS,cAAc;KACjB,CAAA;IACL,CAAA,CACF;;EACK,CAAA"}
1	+ {"version":3,"file":"LocationPrivacySettingsPage.js","names":[],"sources":["../../../../src/timecampus/pages/location-tracking/LocationPrivacySettingsPage.tsx"],"sourcesContent":["import { useState, useEffect, type ReactNode } from \"react\";\nimport { ShieldCheck, MapPin, Crosshair, Users, Lock } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { cn } from \"../../utils/helpers\";\nimport {\n useGetConfigurationByKeyQuery,\n useSetConfigurationMutation,\n} from \"@/generated/wspace-operations\";\n\nconst CONFIG_KEY = \"location.privacy\";\n\ninterface ToggleSwitchProps {\n checked: boolean;\n onChange: (next: boolean) => void;\n label: string;\n disabled?: boolean;\n}\n\n/*\n Local, token-styled switch (no shared component is available in this MFE).\n * The knob translates on the checked state only — never on hover — to respect\n * the repo no-hover-movement mandate.\n */\nfunction ToggleSwitch({\n checked,\n onChange,\n label,\n disabled,\n}: ToggleSwitchProps) {\n return (\n <button\n type=\"button\"\n role=\"switch\"\n aria-checked={checked}\n aria-label={label}\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 disabled:cursor-not-allowed disabled:opacity-50\",\n checked\n ? \"border-transparent bg-action-primary-bg\"\n : \"border-border-subtle bg-bg-sunken\",\n )}\n >\n <span\n className={cn(\n \"inline-block h-4 w-4 transform rounded-full shadow-sm transition-transform\",\n checked\n ? \"translate-x-5 bg-action-primary-text\"\n : \"translate-x-1 bg-text-secondary\",\n )}\n />\n </button>\n );\n}\n\ninterface SettingRowProps {\n icon: ReactNode;\n title: string;\n description: string;\n checked: boolean;\n onChange: (next: boolean) => void;\n}\n\nfunction SettingRow({\n icon,\n title,\n description,\n checked,\n onChange,\n}: SettingRowProps) {\n return (\n <div className=\"flex items-center justify-between gap-4 rounded-lg border border-border-subtle bg-bg-surface/60 p-4\">\n <div className=\"flex min-w-0 items-start gap-3\">\n <span\n className={cn(\n \"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg transition-colors\",\n checked\n ? \"bg-action-primary-bg/15 text-primary\"\n : \"bg-bg-sunken text-text-secondary\",\n )}\n >\n {icon}\n </span>\n <div className=\"min-w-0\">\n <p className=\"text-sm font-medium text-text-primary\">{title}</p>\n <p className=\"mt-0.5 text-xs text-text-secondary\">{description}</p>\n </div>\n </div>\n <ToggleSwitch checked={checked} onChange={onChange} label={title} />\n </div>\n );\n}\n\nexport function LocationPrivacySettingsPage() {\n const { data, loading, error } = useGetConfigurationByKeyQuery({\n variables: { key: CONFIG_KEY },\n });\n\n const [setConfiguration, { loading: saving }] = useSetConfigurationMutation();\n\n const configValue = (data?.configurationByKey?.value ?? {}) as Record<\n string,\n boolean\n >;\n\n const [trackingEnabled, setTrackingEnabled] = useState(true);\n const [shareWithTeam, setShareWithTeam] = useState(false);\n const [preciseLocation, setPreciseLocation] = useState(false);\n\n useEffect(() => {\n if (configValue) {\n setTrackingEnabled(configValue.trackingEnabled ?? true);\n setShareWithTeam(configValue.shareWithTeam ?? false);\n setPreciseLocation(configValue.preciseLocation ?? false);\n }\n }, [\n configValue.trackingEnabled,\n configValue.shareWithTeam,\n configValue.preciseLocation,\n ]);\n\n const handleSave = async () => {\n await setConfiguration({\n variables: {\n input: {\n key: CONFIG_KEY,\n value: { trackingEnabled, shareWithTeam, preciseLocation },\n description: \"Location privacy settings\",\n scope: \"USER\" as never,\n },\n },\n });\n };\n\n if (loading) {\n return (\n <PageLayout\n title=\"Location Privacy Settings\"\n description=\"Control location tracking and data sharing\"\n >\n <LoadingSkeleton variant=\"detail\" />\n </PageLayout>\n );\n }\n\n if (error) {\n return (\n <PageLayout\n title=\"Location Privacy Settings\"\n description=\"Control location tracking and data sharing\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load privacy settings. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n const assurances = [\n { icon: <Lock className=\"h-3.5 w-3.5\" />, label: \"Encrypted at rest\" },\n {\n icon: <MapPin className=\"h-3.5 w-3.5\" />,\n label: \"Only recorded when tracking is on\",\n },\n {\n icon: <Users className=\"h-3.5 w-3.5\" />,\n label: \"Hidden from teammates by default\",\n },\n ];\n\n return (\n <PageLayout\n title=\"Location Privacy Settings\"\n description=\"Control location tracking and data sharing\"\n purpose=\"You're in charge of your location data here — turn tracking on or off, decide whether teammates can see where you are, and choose precise versus approximate positioning before any location is ever recorded.\"\n >\n <div className=\"mx-auto max-w-3xl space-y-6\">\n <GlassCard treatment=\"glass\" glow className=\"p-6 text-center sm:p-8\">\n <div className=\"mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-action-primary-bg/15 text-primary\">\n <ShieldCheck className=\"h-6 w-6\" />\n </div>\n <h2 className=\"mt-4 text-lg font-semibold text-text-primary sm:text-xl\">\n Your location, your rules.\n </h2>\n <p className=\"mx-auto mt-2 max-w-xl text-sm text-text-secondary\">\n TimeCampus only records where you work when you allow it — never in\n the background, never sold, and never shared beyond the people you\n choose. Change any of these settings at any time.\n </p>\n <div className=\"mt-5 flex flex-wrap items-center justify-center gap-2\">\n {assurances.map((item) => (\n <span\n key={item.label}\n className=\"inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-sunken/70 px-3 py-1 text-xs font-medium text-text-secondary\"\n >\n <span className=\"text-primary\">{item.icon}</span>\n {item.label}\n </span>\n ))}\n </div>\n </GlassCard>\n\n <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n <div className=\"mb-4\">\n <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n <MapPin className=\"h-4 w-4 text-text-secondary\" />\n Location tracking\n </h3>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n Decide whether and how precisely your work location is recorded.\n </p>\n </div>\n <div className=\"space-y-3\">\n <SettingRow\n icon={<MapPin className=\"h-4 w-4\" />}\n title=\"Enable location tracking\"\n description=\"Allow the app to record your work location while you're on the clock.\"\n checked={trackingEnabled}\n onChange={setTrackingEnabled}\n />\n <SettingRow\n icon={<Crosshair className=\"h-4 w-4\" />}\n title=\"Precise location\"\n description=\"Use precise GPS coordinates instead of an approximate area.\"\n checked={preciseLocation}\n onChange={setPreciseLocation}\n />\n </div>\n </GlassCard>\n\n <GlassCard treatment=\"insight\" className=\"p-5 sm:p-6\">\n <div className=\"mb-4\">\n <h3 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n <Users className=\"h-4 w-4 text-text-secondary\" />\n Team visibility\n </h3>\n <p className=\"mt-0.5 text-xs text-text-secondary\">\n Control who on your team can see where you are.\n </p>\n </div>\n <div className=\"space-y-3\">\n <SettingRow\n icon={<Users className=\"h-4 w-4\" />}\n title=\"Share with team\"\n description=\"Let team members see your current location. Off keeps it private to you.\"\n checked={shareWithTeam}\n onChange={setShareWithTeam}\n />\n </div>\n </GlassCard>\n\n <div className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface/60 p-4 sm:flex-row sm:items-center sm:justify-between\">\n <p className=\"text-xs text-text-secondary\">\n Changes apply across your TimeCampus workspace once you save.\n </p>\n <button\n onClick={handleSave}\n disabled={saving}\n className=\"shrink-0 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 Settings\"}\n </button>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}