@burdenoff/microfe-mybodyshield 2026.706.1 → 2026.709.1

package/dist/mybodyshield/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/mybodyshield/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * Dashboard — MyBodyShield health & fitness overview.\n * @module mybodyshield/pages\n *\n * KPIs are aggregated client-side from the real `myb*` list endpoints:\n * active programs, this-week's sessions, goal progress, today's macros vs\n * target, latest body weight and recovery readiness. No mock data.\n */\n\nimport { useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport {\n  Dumbbell,\n  Flame,\n  Target,\n  Salad,\n  Moon,\n  ArrowRight,\n  CheckCircle2,\n  Weight,\n  CalendarCheck,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { MiniBar } from '../components/MiniBar';\nimport { LoadingView, Section } from '../components/StateViews';\nimport { EmptyState } from '../components/EmptyState';\nimport {\n  Meter,\n  ProgressRing,\n  MacroBar,\n  MacroLegend,\n  IconChip,\n  GOAL_TYPE_META,\n  RECOVERY_META,\n  WORKOUT_TYPE_META,\n  computeGoalProgress,\n} from './_shared/visuals';\nimport { useMyBodyShield } from '../context';\nimport {\n  useMybPrograms,\n  useMybSessions,\n  useMybGoals,\n  useMybDailyMacros,\n  useMybBodyMetrics,\n  useMybRecoveryLogs,\n} from '../hooks';\nimport {\n  formatNumber,\n  formatRelativeTime,\n  formatKcal,\n  formatWeight,\n  formatPercent,\n  formatEnumLabel,\n} from '../utils/formatters';\n\n/** Shared easing for entrance / hover motion (smooth ease-out). */\nconst EASE_OUT: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\nexport function DashboardPage() {\n  const { navigateTo, currentUser } = useMyBodyShield();\n  const reduceMotion = useReducedMotion();\n\n  /** Staggered fade/rise entrance — one-shot, skipped under reduced motion. */\n  const rise = (i: number) =>\n    reduceMotion\n      ? {}\n      : {\n          initial: { opacity: 0, y: 14 },\n          whileInView: { opacity: 1, y: 0 },\n          viewport: { once: true, amount: 0.15 },\n          transition: { duration: 0.45, delay: Math.min(i, 8) * 0.05, ease: EASE_OUT },\n        };\n\n  /** Gentle hover lift for cards. */\n  const lift = reduceMotion\n    ? {}\n    : { whileHover: { y: -3, transition: { duration: 0.2, ease: EASE_OUT } } };\n\n  /** Hover lift + tap feedback for interactive cards. */\n  const liftTap = reduceMotion\n    ? {}\n    : {\n        whileHover: { y: -3, transition: { duration: 0.2, ease: EASE_OUT } },\n        whileTap: { scale: 0.985 },\n      };\n\n  const programs = useMybPrograms({ status: 'ACTIVE', pagination: { limit: 50 } });\n  const sessions = useMybSessions({ pagination: { limit: 20 } });\n  const goals = useMybGoals({ status: 'ACTIVE', pagination: { limit: 50 } });\n  const macros = useMybDailyMacros();\n  const weightMetrics = useMybBodyMetrics({ type: 'WEIGHT', pagination: { limit: 30 } });\n  const readiness = useMybRecoveryLogs('READINESS');\n\n  const programRows = programs.data?.items ?? [];\n  const sessionRows = sessions.data?.items ?? [];\n  const goalRows = goals.data?.items ?? [];\n  const weightRows = weightMetrics.data?.items ?? [];\n  const readinessRows = readiness.data ?? [];\n\n  const now = new Date();\n  const weekAgo = now.getTime() - 7 * 24 * 60 * 60 * 1000;\n  const sessionsThisWeek = sessionRows.filter((s) => {\n    const ref = s.completedAt ?? s.startedAt ?? s.scheduledFor ?? s.createdAt;\n    return ref ? new Date(ref).getTime() >= weekAgo : false;\n  });\n  const completedThisWeek = sessionsThisWeek.filter((s) => s.status === 'COMPLETED').length;\n  const activeSession = sessionRows.find((s) => s.status === 'IN_PROGRESS');\n  const upcomingSession = sessionRows\n    .filter((s) => s.status === 'SCHEDULED' && s.scheduledFor)\n    .sort((a, b) => new Date(a.scheduledFor!).getTime() - new Date(b.scheduledFor!).getTime())[0];\n\n  const latestWeight = weightRows[0];\n  const priorWeight = weightRows[1];\n  const weightDelta =\n    latestWeight && priorWeight ? latestWeight.value - priorWeight.value : undefined;\n\n  const latestReadiness = readinessRows\n    .slice()\n    .sort((a, b) => new Date(b.loggedAt).getTime() - new Date(a.loggedAt).getTime())[0];\n\n  const goalProgressAvg = useMemo(() => {\n    if (goalRows.length === 0) return 0;\n    const sum = goalRows.reduce((acc, g) => acc + computeGoalProgress(g), 0);\n    return sum / goalRows.length;\n  }, [goalRows]);\n\n  const macroData = macros.data;\n  const caloriePct = macroData?.calorieTarget\n    ? (macroData.calories / macroData.calorieTarget) * 100\n    : 0;\n\n  const isInitialLoading =\n    programs.isLoading && sessions.isLoading && goals.isLoading && macros.isLoading;\n\n  if (isInitialLoading) {\n    return (\n      <PageLayout title=\"MyBodyShield\" titleGradient aurora>\n        <LoadingView label=\"Loading your fitness overview…\" />\n      </PageLayout>\n    );\n  }\n\n  const greetingName = currentUser?.firstName || currentUser?.name || 'there';\n\n  const kpiCards: { id: string; node: ReactNode }[] = [\n    {\n      id: 'programs',\n      node: (\n        <MetricsCard\n          icon={<Dumbbell className=\"h-5 w-5\" />}\n          value={formatNumber(programRows.length)}\n          label=\"Active programs\"\n          footer={\n            <p className=\"text-xs text-text-tertiary\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('programs')}\n                className=\"font-medium text-accent hover:underline\"\n              >\n                Manage programs\n              </button>\n            </p>\n          }\n        />\n      ),\n    },\n    {\n      id: 'sessions',\n      node: (\n        <MetricsCard\n          icon={<Flame className=\"h-5 w-5\" />}\n          value={formatNumber(completedThisWeek)}\n          label=\"Sessions this week\"\n          accent={activeSession ? 'warning' : undefined}\n          footer={\n            activeSession ? (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`train/${activeSession.id}`)}\n                className=\"text-xs font-medium text-status-warning-text hover:underline\"\n              >\n                Resume live session →\n              </button>\n            ) : (\n              <p className=\"text-xs text-text-tertiary\">\n                <span className=\"tabular-nums text-text-secondary\">{sessionsThisWeek.length}</span>{' '}\n                logged\n              </p>\n            )\n          }\n        />\n      ),\n    },\n    {\n      id: 'goals',\n      node: (\n        <MetricsCard\n          icon={<Target className=\"h-5 w-5\" />}\n          value={formatNumber(goalRows.length)}\n          label=\"Active goals\"\n          footer={\n            <div className=\"space-y-2\">\n              <MiniBar value={goalProgressAvg} height={4} barClassName=\"bg-action-primary-bg\" />\n              <p className=\"text-xs text-text-tertiary\">\n                <span className=\"tabular-nums text-text-secondary\">\n                  {formatPercent(goalProgressAvg)}\n                </span>{' '}\n                avg progress\n              </p>\n            </div>\n          }\n        />\n      ),\n    },\n    {\n      id: 'weight',\n      node: (\n        <MetricsCard\n          icon={<Weight className=\"h-5 w-5\" />}\n          value={latestWeight ? formatWeight(latestWeight.value) : '—'}\n          label=\"Latest weight\"\n          footer={\n            weightDelta != null ? (\n              <p className=\"text-xs text-text-tertiary\">\n                <span\n                  className={\n                    weightDelta <= 0\n                      ? 'font-medium text-status-success-text'\n                      : 'font-medium text-text-secondary'\n                  }\n                >\n                  {weightDelta > 0 ? '+' : ''}\n                  {weightDelta.toFixed(1)} kg\n                </span>{' '}\n                vs last\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('progress')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log a measurement →\n              </button>\n            )\n          }\n        />\n      ),\n    },\n    {\n      id: 'recovery',\n      node: (\n        <MetricsCard\n          icon={<Moon className=\"h-5 w-5\" />}\n          value={latestReadiness ? `${latestReadiness.score}` : '—'}\n          label=\"Recovery readiness\"\n          accent={\n            latestReadiness\n              ? latestReadiness.score >= 70\n                ? 'success'\n                : latestReadiness.score >= 40\n                  ? 'warning'\n                  : 'error'\n              : undefined\n          }\n          footer={\n            latestReadiness ? (\n              <p className=\"text-xs text-text-tertiary\">\n                {formatRelativeTime(latestReadiness.loggedAt)}\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('recovery')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log recovery →\n              </button>\n            )\n          }\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"MyBodyShield\"\n      titleGradient\n      aurora\n      description={`Welcome back, ${greetingName} — your training, nutrition, progress & recovery control room.`}\n    >\n      {/* KPI grid */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5\">\n        {kpiCards.map((card, i) => (\n          <motion.div\n            key={card.id}\n            className=\"group relative rounded-2xl transition-shadow duration-300 hover:shadow-float\"\n            {...rise(i)}\n            {...lift}\n          >\n            {/* Emerald top-edge accent — brightens on hover */}\n            <span\n              aria-hidden\n              className=\"pointer-events-none absolute inset-x-6 top-0 z-10 h-px rounded-full bg-gradient-to-r from-transparent via-action-primary-bg to-transparent opacity-40 transition-opacity duration-300 group-hover:opacity-90\"\n            />\n            {card.node}\n          </motion.div>\n        ))}\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Today's nutrition */}\n        <motion.div className=\"lg:col-span-2\" {...rise(0)}>\n          <GlassCard treatment=\"glass\" className=\"h-full p-6\">\n            <div className=\"mb-4 flex flex-wrap items-start justify-between gap-3\">\n              <div>\n                <h2 className=\"text-base font-semibold text-text-primary\">\n                  Today&apos;s nutrition\n                </h2>\n                <p className=\"mt-0.5 text-sm text-text-secondary\">\n                  Calories & macros logged against your active plan.\n                </p>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('nutrition')}\n                className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n              >\n                Nutrition <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {!macroData || (macroData.calorieTarget === 0 && macroData.calories === 0) ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                icon={<Salad className=\"h-10 w-10\" />}\n                title=\"No nutrition data yet\"\n                description=\"Activate a nutrition plan and log meals to track your daily macros here.\"\n              />\n            ) : (\n              <div className=\"flex flex-col gap-8 sm:flex-row sm:items-center\">\n                {/* Calorie ring — the nutrition hero */}\n                <div className=\"relative mx-auto flex shrink-0 items-center justify-center sm:mx-0\">\n                  <span\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-2 rounded-full opacity-70 blur-2xl\"\n                    style={{\n                      background:\n                        'radial-gradient(circle, color-mix(in srgb, var(--color-action-primary-bg) 26%, transparent), transparent 70%)',\n                    }}\n                  />\n                  <ProgressRing value={caloriePct} size={188} stroke={16}>\n                    <span className=\"text-[11px] font-medium uppercase tracking-wide text-text-tertiary\">\n                      Calories\n                    </span>\n                    <span className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                      {formatNumber(macroData.calories)}\n                    </span>\n                    <span className=\"mt-0.5 text-xs text-text-tertiary\">\n                      / {formatNumber(macroData.calorieTarget)} kcal\n                    </span>\n                  </ProgressRing>\n                </div>\n                <div className=\"flex-1 space-y-4\">\n                  <div className=\"space-y-2\">\n                    <MacroBar\n                      proteinG={macroData.proteinG}\n                      carbsG={macroData.carbsG}\n                      fatG={macroData.fatG}\n                      height={12}\n                    />\n                    <MacroLegend />\n                  </div>\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    {(\n                      [\n                        ['Protein', macroData.proteinG, macroData.proteinTarget],\n                        ['Carbs', macroData.carbsG, macroData.carbsTarget],\n                        ['Fat', macroData.fatG, macroData.fatTarget],\n                      ] as const\n                    ).map(([label, val, target]) => {\n                      const pct = target ? (val / target) * 100 : 0;\n                      return (\n                        <div\n                          key={label}\n                          className=\"rounded-2xl bg-bg-sunken/60 p-3 ring-1 ring-inset ring-border-seam/40 transition-shadow hover:shadow-float\"\n                        >\n                          <div className=\"flex items-center justify-between gap-1\">\n                            <p className=\"text-xs font-medium text-text-tertiary\">{label}</p>\n                            <span className=\"text-[11px] tabular-nums text-text-tertiary\">\n                              {formatPercent(pct)}\n                            </span>\n                          </div>\n                          <p className=\"mt-1 text-sm font-semibold tabular-nums text-text-primary\">\n                            {formatNumber(val)}\n                            <span className=\"text-xs font-normal text-text-tertiary\">\n                              {' '}\n                              / {formatNumber(target)} g\n                            </span>\n                          </p>\n                          <Meter value={pct} height={5} className=\"mt-2\" />\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              </div>\n            )}\n          </GlassCard>\n        </motion.div>\n\n        {/* Next up */}\n        <motion.div {...rise(1)}>\n          <GlassCard treatment=\"glass\" className=\"h-full p-6\">\n            <div className=\"mb-4 flex items-center justify-between gap-3\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Next up</h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('train')}\n                className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n              >\n                Train <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {activeSession ? (\n              <motion.button\n                type=\"button\"\n                onClick={() => navigateTo(`train/${activeSession.id}`)}\n                className=\"w-full rounded-2xl border border-status-warning-text/40 bg-status-warning-bg-subtle p-4 text-left transition-shadow hover:shadow-float\"\n                {...liftTap}\n              >\n                <div className=\"flex items-center gap-2\">\n                  <StatusBadge status={activeSession.status} />\n                </div>\n                <p className=\"mt-2 text-sm font-medium text-text-primary\">\n                  Live workout in progress\n                </p>\n                <p className=\"mt-0.5 text-xs text-text-tertiary\">\n                  Started {formatRelativeTime(activeSession.startedAt)}\n                </p>\n              </motion.button>\n            ) : upcomingSession ? (\n              <motion.button\n                type=\"button\"\n                onClick={() => navigateTo(`train/${upcomingSession.id}`)}\n                className=\"w-full rounded-2xl bg-bg-sunken/60 p-4 text-left ring-1 ring-inset ring-border-seam/40 transition-shadow hover:shadow-float\"\n                {...liftTap}\n              >\n                <div className=\"flex items-center gap-2\">\n                  <IconChip icon={<CalendarCheck className=\"h-4 w-4\" />} />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">Scheduled session</p>\n                    <p className=\"text-xs text-text-tertiary\">\n                      {formatRelativeTime(upcomingSession.scheduledFor)}\n                    </p>\n                  </div>\n                </div>\n              </motion.button>\n            ) : (\n              <div className=\"flex flex-col items-center justify-center rounded-2xl border border-dashed border-border-seam py-8 text-center\">\n                <span className=\"flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]\">\n                  <Flame className=\"h-5 w-5 text-accent\" />\n                </span>\n                <p className=\"mt-3 text-sm font-medium text-text-primary\">No session scheduled</p>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('train')}\n                  className=\"mt-1 text-xs font-medium text-accent hover:underline\"\n                >\n                  Start a workout\n                </button>\n              </div>\n            )}\n          </GlassCard>\n        </motion.div>\n      </div>\n\n      {/* Active goals */}\n      <Section\n        title=\"Active goals\"\n        description=\"Your current targets across training, nutrition and body composition.\"\n        action={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('goals')}\n            className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n          >\n            All goals <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        }\n      >\n        {goalRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Target className=\"h-10 w-10\" />}\n            title=\"No active goals\"\n            description=\"Set a goal to give your training and nutrition a clear target to work toward.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {goalRows.slice(0, 6).map((g, i) => {\n              const pct = computeGoalProgress(g);\n              const meta = GOAL_TYPE_META[g.type];\n              const Icon = meta.icon;\n              return (\n                <motion.button\n                  key={g.id}\n                  type=\"button\"\n                  onClick={() => navigateTo('goals')}\n                  className=\"text-left\"\n                  {...rise(i)}\n                  {...liftTap}\n                >\n                  <GlassCard\n                    treatment=\"plain\"\n                    className=\"h-full p-4 transition-shadow hover:shadow-float\"\n                  >\n                    <div className=\"flex items-start gap-3\">\n                      <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-sm font-semibold text-text-primary\">\n                          {g.title}\n                        </p>\n                        <p className=\"text-xs text-text-tertiary\">{formatEnumLabel(g.type)}</p>\n                      </div>\n                    </div>\n                    <div className=\"mt-3 space-y-1.5\">\n                      <Meter value={pct} />\n                      <div className=\"flex items-center justify-between text-xs\">\n                        <span className=\"tabular-nums text-text-secondary\">\n                          {formatNumber(g.currentValue)}\n                          {g.unit ? ` ${g.unit}` : ''} / {formatNumber(g.targetValue)}\n                          {g.unit ? ` ${g.unit}` : ''}\n                        </span>\n                        <span className=\"tabular-nums text-text-tertiary\">\n                          {formatPercent(pct)}\n                        </span>\n                      </div>\n                    </div>\n                  </GlassCard>\n                </motion.button>\n              );\n            })}\n          </div>\n        )}\n      </Section>\n\n      {/* Recent sessions */}\n      <Section\n        title=\"Recent sessions\"\n        description=\"Your latest logged and scheduled workouts.\"\n        action={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('train')}\n            className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n          >\n            All sessions <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        }\n      >\n        {sessionRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Flame className=\"h-10 w-10\" />}\n            title=\"No sessions yet\"\n            description=\"Start a workout session to begin logging sets and tracking your training.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {sessionRows.slice(0, 6).map((s, i) => {\n              const meta = WORKOUT_TYPE_META.STRENGTH;\n              const Icon = s.status === 'COMPLETED' ? CheckCircle2 : meta.icon;\n              return (\n                <motion.button\n                  key={s.id}\n                  type=\"button\"\n                  onClick={() => navigateTo(`train/${s.id}`)}\n                  className=\"text-left\"\n                  {...rise(i)}\n                  {...liftTap}\n                >\n                  <GlassCard treatment=\"plain\" className=\"p-4 transition-shadow hover:shadow-float\">\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n                      <StatusBadge status={s.status} />\n                    </div>\n                    <p className=\"mt-3 text-sm font-medium text-text-primary\">\n                      {s.caloriesBurned > 0\n                        ? `${formatNumber(s.caloriesBurned)} kcal burned`\n                        : 'Workout session'}\n                    </p>\n                    <p className=\"mt-0.5 text-xs text-text-tertiary\">\n                      {formatRelativeTime(s.completedAt ?? s.startedAt ?? s.createdAt)}\n                    </p>\n                  </GlassCard>\n                </motion.button>\n              );\n            })}\n          </div>\n        )}\n      </Section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/mybodyshield/pages/DashboardPage.tsx"],"sourcesContent":["/**\n * Dashboard — MyBodyShield health & fitness overview.\n * @module mybodyshield/pages\n *\n * KPIs are aggregated client-side from the real `myb*` list endpoints:\n * active programs, this-week's sessions, goal progress, today's macros vs\n * target, latest body weight and recovery readiness. No mock data.\n */\n\nimport { useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { motion, useReducedMotion } from 'framer-motion';\nimport {\n  Dumbbell,\n  Flame,\n  Target,\n  Salad,\n  Moon,\n  ArrowRight,\n  CheckCircle2,\n  Weight,\n  CalendarCheck,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { MetricsCard } from '../components/MetricsCard';\nimport { StatusBadge } from '../components/StatusBadge';\nimport { MiniBar } from '../components/MiniBar';\nimport { LoadingView, Section } from '../components/StateViews';\nimport { EmptyState } from '../components/EmptyState';\nimport {\n  Meter,\n  ProgressRing,\n  MacroBar,\n  MacroLegend,\n  IconChip,\n  GOAL_TYPE_META,\n  RECOVERY_META,\n  WORKOUT_TYPE_META,\n  computeGoalProgress,\n} from './_shared/visuals';\nimport { useMyBodyShield } from '../context';\nimport {\n  useMybPrograms,\n  useMybSessions,\n  useMybGoals,\n  useMybDailyMacros,\n  useMybBodyMetrics,\n  useMybRecoveryLogs,\n} from '../hooks';\n\nimport {\n  formatNumber,\n  formatRelativeTime,\n  formatKcal,\n  formatWeight,\n  formatPercent,\n  formatEnumLabel,\n} from '../utils/formatters';\n\n/** Shared easing for entrance / hover motion (smooth ease-out). */\nconst EASE_OUT: [number, number, number, number] = [0.16, 1, 0.3, 1];\n\nexport function DashboardPage() {\n  const { navigateTo, currentUser } = useMyBodyShield();\n  const reduceMotion = useReducedMotion();\n\n  /** Staggered fade/rise entrance — one-shot, skipped under reduced motion. */\n  const rise = (i: number) =>\n    reduceMotion\n      ? {}\n      : {\n          initial: { opacity: 0, y: 14 },\n          whileInView: { opacity: 1, y: 0 },\n          viewport: { once: true, amount: 0.15 },\n          transition: { duration: 0.45, delay: Math.min(i, 8) * 0.05, ease: EASE_OUT },\n        };\n\n  /** Gentle hover lift for cards. */\n  const lift = reduceMotion\n    ? {}\n    : { whileHover: { y: -3, transition: { duration: 0.2, ease: EASE_OUT } } };\n\n  /** Hover lift + tap feedback for interactive cards. */\n  const liftTap = reduceMotion\n    ? {}\n    : {\n        whileHover: { y: -3, transition: { duration: 0.2, ease: EASE_OUT } },\n        whileTap: { scale: 0.985 },\n      };\n\n  const programs = useMybPrograms({ status: 'ACTIVE', pagination: { limit: 50 } });\n  const sessions = useMybSessions({ pagination: { limit: 20 } });\n  const goals = useMybGoals({ status: 'ACTIVE', pagination: { limit: 50 } });\n  const macros = useMybDailyMacros();\n  const weightMetrics = useMybBodyMetrics({ type: 'WEIGHT', pagination: { limit: 30 } });\n  const readiness = useMybRecoveryLogs('READINESS');\n\n  const programRows = programs.data?.items ?? [];\n  const sessionRows = sessions.data?.items ?? [];\n  const goalRows = goals.data?.items ?? [];\n  const weightRows = weightMetrics.data?.items ?? [];\n  const readinessRows = readiness.data ?? [];\n\n  const now = new Date();\n  const weekAgo = now.getTime() - 7 * 24 * 60 * 60 * 1000;\n  const sessionsThisWeek = sessionRows.filter((s) => {\n    const ref = s.completedAt ?? s.startedAt ?? s.scheduledFor ?? s.createdAt;\n    return ref ? new Date(ref).getTime() >= weekAgo : false;\n  });\n  const completedThisWeek = sessionsThisWeek.filter((s) => s.status === 'COMPLETED').length;\n  const activeSession = sessionRows.find((s) => s.status === 'IN_PROGRESS');\n  const upcomingSession = sessionRows\n    .filter((s) => s.status === 'SCHEDULED' && s.scheduledFor)\n    .sort((a, b) => new Date(a.scheduledFor!).getTime() - new Date(b.scheduledFor!).getTime())[0];\n\n  const latestWeight = weightRows[0];\n  const priorWeight = weightRows[1];\n  const weightDelta =\n    latestWeight && priorWeight ? latestWeight.value - priorWeight.value : undefined;\n\n  const latestReadiness = readinessRows\n    .slice()\n    .sort((a, b) => new Date(b.loggedAt).getTime() - new Date(a.loggedAt).getTime())[0];\n\n  const goalProgressAvg = useMemo(() => {\n    if (goalRows.length === 0) return 0;\n    const sum = goalRows.reduce((acc, g) => acc + computeGoalProgress(g), 0);\n    return sum / goalRows.length;\n  }, [goalRows]);\n\n  const macroData = macros.data;\n  const caloriePct = macroData?.calorieTarget\n    ? (macroData.calories / macroData.calorieTarget) * 100\n    : 0;\n\n  const isInitialLoading =\n    programs.isLoading && sessions.isLoading && goals.isLoading && macros.isLoading;\n\n  if (isInitialLoading) {\n    return (\n      <PageLayout title=\"MyBodyShield\" titleGradient aurora>\n        <LoadingView label=\"Loading your fitness overview…\" />\n      </PageLayout>\n    );\n  }\n\n  const greetingName = currentUser?.firstName || currentUser?.name || 'there';\n\n  const kpiCards: { id: string; node: ReactNode }[] = [\n    {\n      id: 'programs',\n      node: (\n        <MetricsCard\n          icon={<Dumbbell className=\"h-5 w-5\" />}\n          value={formatNumber(programRows.length)}\n          label=\"Active programs\"\n          footer={\n            <p className=\"text-xs text-text-tertiary\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('programs')}\n                className=\"font-medium text-accent hover:underline\"\n              >\n                Manage programs\n              </button>\n            </p>\n          }\n        />\n      ),\n    },\n    {\n      id: 'sessions',\n      node: (\n        <MetricsCard\n          icon={<Flame className=\"h-5 w-5\" />}\n          value={formatNumber(completedThisWeek)}\n          label=\"Sessions this week\"\n          accent={activeSession ? 'warning' : undefined}\n          footer={\n            activeSession ? (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo(`train/${activeSession.id}`)}\n                className=\"text-xs font-medium text-status-warning-text hover:underline\"\n              >\n                Resume live session →\n              </button>\n            ) : (\n              <p className=\"text-xs text-text-tertiary\">\n                <span className=\"tabular-nums text-text-secondary\">{sessionsThisWeek.length}</span>{' '}\n                logged\n              </p>\n            )\n          }\n        />\n      ),\n    },\n    {\n      id: 'goals',\n      node: (\n        <MetricsCard\n          icon={<Target className=\"h-5 w-5\" />}\n          value={formatNumber(goalRows.length)}\n          label=\"Active goals\"\n          footer={\n            <div className=\"space-y-2\">\n              <MiniBar value={goalProgressAvg} height={4} barClassName=\"bg-action-primary-bg\" />\n              <p className=\"text-xs text-text-tertiary\">\n                <span className=\"tabular-nums text-text-secondary\">\n                  {formatPercent(goalProgressAvg)}\n                </span>{' '}\n                avg progress\n              </p>\n            </div>\n          }\n        />\n      ),\n    },\n    {\n      id: 'weight',\n      node: (\n        <MetricsCard\n          icon={<Weight className=\"h-5 w-5\" />}\n          value={latestWeight ? formatWeight(latestWeight.value) : '—'}\n          label=\"Latest weight\"\n          footer={\n            weightDelta != null ? (\n              <p className=\"text-xs text-text-tertiary\">\n                <span\n                  className={\n                    weightDelta <= 0\n                      ? 'font-medium text-status-success-text'\n                      : 'font-medium text-text-secondary'\n                  }\n                >\n                  {weightDelta > 0 ? '+' : ''}\n                  {weightDelta.toFixed(1)} kg\n                </span>{' '}\n                vs last\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('progress')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log a measurement →\n              </button>\n            )\n          }\n        />\n      ),\n    },\n    {\n      id: 'recovery',\n      node: (\n        <MetricsCard\n          icon={<Moon className=\"h-5 w-5\" />}\n          value={latestReadiness ? `${latestReadiness.score}` : '—'}\n          label=\"Recovery readiness\"\n          accent={\n            latestReadiness\n              ? latestReadiness.score >= 70\n                ? 'success'\n                : latestReadiness.score >= 40\n                  ? 'warning'\n                  : 'error'\n              : undefined\n          }\n          footer={\n            latestReadiness ? (\n              <p className=\"text-xs text-text-tertiary\">\n                {formatRelativeTime(latestReadiness.loggedAt)}\n              </p>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('recovery')}\n                className=\"text-xs font-medium text-accent hover:underline\"\n              >\n                Log recovery →\n              </button>\n            )\n          }\n        />\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title=\"MyBodyShield\"\n      titleGradient\n      aurora\n      description={`Welcome back, ${greetingName} — your training, nutrition, progress & recovery control room.`}\n    >\n      {/* KPI grid */}\n      <div\n        data-tour=\"mybodyshield-dashboard-kpi-grid\"\n        className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5\"\n      >\n        {kpiCards.map((card, i) => (\n          <motion.div\n            key={card.id}\n            className=\"group relative rounded-2xl transition-shadow duration-300 hover:shadow-float\"\n            {...rise(i)}\n            {...lift}\n          >\n            {/* Emerald top-edge accent — brightens on hover */}\n            <span\n              aria-hidden\n              className=\"pointer-events-none absolute inset-x-6 top-0 z-10 h-px rounded-full bg-gradient-to-r from-transparent via-action-primary-bg to-transparent opacity-40 transition-opacity duration-300 group-hover:opacity-90\"\n            />\n            {card.node}\n          </motion.div>\n        ))}\n      </div>\n\n      <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Today's nutrition */}\n        <motion.div\n          data-tour=\"mybodyshield-dashboard-nutrition\"\n          className=\"lg:col-span-2\"\n          {...rise(0)}\n        >\n          <GlassCard treatment=\"glass\" className=\"h-full p-6\">\n            <div className=\"mb-4 flex flex-wrap items-start justify-between gap-3\">\n              <div>\n                <h2 className=\"text-base font-semibold text-text-primary\">\n                  Today&apos;s nutrition\n                </h2>\n                <p className=\"mt-0.5 text-sm text-text-secondary\">\n                  Calories & macros logged against your active plan.\n                </p>\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('nutrition')}\n                className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n              >\n                Nutrition <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {!macroData || (macroData.calorieTarget === 0 && macroData.calories === 0) ? (\n              <EmptyState\n                illustration=\"empty-data\"\n                icon={<Salad className=\"h-10 w-10\" />}\n                title=\"No nutrition data yet\"\n                description=\"Activate a nutrition plan and log meals to track your daily macros here.\"\n              />\n            ) : (\n              <div className=\"flex flex-col gap-8 sm:flex-row sm:items-center\">\n                {/* Calorie ring — the nutrition hero */}\n                <div className=\"relative mx-auto flex shrink-0 items-center justify-center sm:mx-0\">\n                  <span\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-2 rounded-full opacity-70 blur-2xl\"\n                    style={{\n                      background:\n                        'radial-gradient(circle, color-mix(in srgb, var(--color-action-primary-bg) 26%, transparent), transparent 70%)',\n                    }}\n                  />\n                  <ProgressRing value={caloriePct} size={188} stroke={16}>\n                    <span className=\"text-[11px] font-medium uppercase tracking-wide text-text-tertiary\">\n                      Calories\n                    </span>\n                    <span className=\"text-3xl font-bold tabular-nums text-text-primary\">\n                      {formatNumber(macroData.calories)}\n                    </span>\n                    <span className=\"mt-0.5 text-xs text-text-tertiary\">\n                      / {formatNumber(macroData.calorieTarget)} kcal\n                    </span>\n                  </ProgressRing>\n                </div>\n                <div className=\"flex-1 space-y-4\">\n                  <div className=\"space-y-2\">\n                    <MacroBar\n                      proteinG={macroData.proteinG}\n                      carbsG={macroData.carbsG}\n                      fatG={macroData.fatG}\n                      height={12}\n                    />\n                    <MacroLegend />\n                  </div>\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    {(\n                      [\n                        ['Protein', macroData.proteinG, macroData.proteinTarget],\n                        ['Carbs', macroData.carbsG, macroData.carbsTarget],\n                        ['Fat', macroData.fatG, macroData.fatTarget],\n                      ] as const\n                    ).map(([label, val, target]) => {\n                      const pct = target ? (val / target) * 100 : 0;\n                      return (\n                        <div\n                          key={label}\n                          className=\"rounded-2xl bg-bg-sunken/60 p-3 ring-1 ring-inset ring-border-seam/40 transition-shadow hover:shadow-float\"\n                        >\n                          <div className=\"flex items-center justify-between gap-1\">\n                            <p className=\"text-xs font-medium text-text-tertiary\">{label}</p>\n                            <span className=\"text-[11px] tabular-nums text-text-tertiary\">\n                              {formatPercent(pct)}\n                            </span>\n                          </div>\n                          <p className=\"mt-1 text-sm font-semibold tabular-nums text-text-primary\">\n                            {formatNumber(val)}\n                            <span className=\"text-xs font-normal text-text-tertiary\">\n                              {' '}\n                              / {formatNumber(target)} g\n                            </span>\n                          </p>\n                          <Meter value={pct} height={5} className=\"mt-2\" />\n                        </div>\n                      );\n                    })}\n                  </div>\n                </div>\n              </div>\n            )}\n          </GlassCard>\n        </motion.div>\n\n        {/* Next up */}\n        <motion.div data-tour=\"mybodyshield-dashboard-next-up\" {...rise(1)}>\n          <GlassCard treatment=\"glass\" className=\"h-full p-6\">\n            <div className=\"mb-4 flex items-center justify-between gap-3\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Next up</h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('train')}\n                className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n              >\n                Train <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n            {activeSession ? (\n              <motion.button\n                type=\"button\"\n                onClick={() => navigateTo(`train/${activeSession.id}`)}\n                className=\"w-full rounded-2xl border border-status-warning-text/40 bg-status-warning-bg-subtle p-4 text-left transition-shadow hover:shadow-float\"\n                {...liftTap}\n              >\n                <div className=\"flex items-center gap-2\">\n                  <StatusBadge status={activeSession.status} />\n                </div>\n                <p className=\"mt-2 text-sm font-medium text-text-primary\">\n                  Live workout in progress\n                </p>\n                <p className=\"mt-0.5 text-xs text-text-tertiary\">\n                  Started {formatRelativeTime(activeSession.startedAt)}\n                </p>\n              </motion.button>\n            ) : upcomingSession ? (\n              <motion.button\n                type=\"button\"\n                onClick={() => navigateTo(`train/${upcomingSession.id}`)}\n                className=\"w-full rounded-2xl bg-bg-sunken/60 p-4 text-left ring-1 ring-inset ring-border-seam/40 transition-shadow hover:shadow-float\"\n                {...liftTap}\n              >\n                <div className=\"flex items-center gap-2\">\n                  <IconChip icon={<CalendarCheck className=\"h-4 w-4\" />} />\n                  <div>\n                    <p className=\"text-sm font-medium text-text-primary\">Scheduled session</p>\n                    <p className=\"text-xs text-text-tertiary\">\n                      {formatRelativeTime(upcomingSession.scheduledFor)}\n                    </p>\n                  </div>\n                </div>\n              </motion.button>\n            ) : (\n              <div className=\"flex flex-col items-center justify-center rounded-2xl border border-dashed border-border-seam py-8 text-center\">\n                <span className=\"flex size-11 items-center justify-center rounded-full bg-[var(--color-accent-soft)]\">\n                  <Flame className=\"h-5 w-5 text-accent\" />\n                </span>\n                <p className=\"mt-3 text-sm font-medium text-text-primary\">No session scheduled</p>\n                <button\n                  type=\"button\"\n                  onClick={() => navigateTo('train')}\n                  className=\"mt-1 text-xs font-medium text-accent hover:underline\"\n                >\n                  Start a workout\n                </button>\n              </div>\n            )}\n          </GlassCard>\n        </motion.div>\n      </div>\n\n      {/* Active goals */}\n      <Section\n        data-tour=\"mybodyshield-dashboard-active-goals\"\n        title=\"Active goals\"\n        description=\"Your current targets across training, nutrition and body composition.\"\n        action={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('goals')}\n            className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n          >\n            All goals <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        }\n      >\n        {goalRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Target className=\"h-10 w-10\" />}\n            title=\"No active goals\"\n            description=\"Set a goal to give your training and nutrition a clear target to work toward.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {goalRows.slice(0, 6).map((g, i) => {\n              const pct = computeGoalProgress(g);\n              const meta = GOAL_TYPE_META[g.type];\n              const Icon = meta.icon;\n              return (\n                <motion.button\n                  key={g.id}\n                  type=\"button\"\n                  onClick={() => navigateTo('goals')}\n                  className=\"text-left\"\n                  {...rise(i)}\n                  {...liftTap}\n                >\n                  <GlassCard\n                    treatment=\"plain\"\n                    className=\"h-full p-4 transition-shadow hover:shadow-float\"\n                  >\n                    <div className=\"flex items-start gap-3\">\n                      <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n                      <div className=\"min-w-0 flex-1\">\n                        <p className=\"truncate text-sm font-semibold text-text-primary\">\n                          {g.title}\n                        </p>\n                        <p className=\"text-xs text-text-tertiary\">{formatEnumLabel(g.type)}</p>\n                      </div>\n                    </div>\n                    <div className=\"mt-3 space-y-1.5\">\n                      <Meter value={pct} />\n                      <div className=\"flex items-center justify-between text-xs\">\n                        <span className=\"tabular-nums text-text-secondary\">\n                          {formatNumber(g.currentValue)}\n                          {g.unit ? ` ${g.unit}` : ''} / {formatNumber(g.targetValue)}\n                          {g.unit ? ` ${g.unit}` : ''}\n                        </span>\n                        <span className=\"tabular-nums text-text-tertiary\">\n                          {formatPercent(pct)}\n                        </span>\n                      </div>\n                    </div>\n                  </GlassCard>\n                </motion.button>\n              );\n            })}\n          </div>\n        )}\n      </Section>\n\n      {/* Recent sessions */}\n      <Section\n        data-tour=\"mybodyshield-dashboard-recent-sessions\"\n        title=\"Recent sessions\"\n        description=\"Your latest logged and scheduled workouts.\"\n        action={\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('train')}\n            className=\"inline-flex items-center gap-1 text-sm font-medium text-accent hover:underline\"\n          >\n            All sessions <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        }\n      >\n        {sessionRows.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Flame className=\"h-10 w-10\" />}\n            title=\"No sessions yet\"\n            description=\"Start a workout session to begin logging sets and tracking your training.\"\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {sessionRows.slice(0, 6).map((s, i) => {\n              const meta = WORKOUT_TYPE_META.STRENGTH;\n              const Icon = s.status === 'COMPLETED' ? CheckCircle2 : meta.icon;\n              return (\n                <motion.button\n                  key={s.id}\n                  type=\"button\"\n                  onClick={() => navigateTo(`train/${s.id}`)}\n                  className=\"text-left\"\n                  {...rise(i)}\n                  {...liftTap}\n                >\n                  <GlassCard treatment=\"plain\" className=\"p-4 transition-shadow hover:shadow-float\">\n                    <div className=\"flex items-center justify-between gap-2\">\n                      <IconChip icon={<Icon className=\"h-4 w-4\" />} tint={meta.tint} />\n                      <StatusBadge status={s.status} />\n                    </div>\n                    <p className=\"mt-3 text-sm font-medium text-text-primary\">\n                      {s.caloriesBurned > 0\n                        ? `${formatNumber(s.caloriesBurned)} kcal burned`\n                        : 'Workout session'}\n                    </p>\n                    <p className=\"mt-0.5 text-xs text-text-tertiary\">\n                      {formatRelativeTime(s.completedAt ?? s.startedAt ?? s.createdAt)}\n                    </p>\n                  </GlassCard>\n                </motion.button>\n              );\n            })}\n          </div>\n        )}\n      </Section>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/coaching/CoachingPage.js

@@ -1,20 +1,20 @@
 import { useMyBodyShield as e } from "../../context/MyBodyShieldContext.js";
-import { AnimatePresence as t } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as n } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { useReducedMotion as r } from "../../../node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { formatDate as a } from "../../utils/formatters.js";
-import { StatusBadge as o } from "../../components/StatusBadge.js";
-import { ErrorView as s, LoadingView as c } from "../../components/StateViews.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
-import { IconChip as u } from "../_shared/visuals.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatDate as n } from "../../utils/formatters.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
+import { FilterTabs as s } from "../../components/FilterTabs.js";
 import "../../context/index.js";
-import { useMybCoaching as d, useMybCreateCoaching as f, useMybTransitionCoaching as p } from "../../hooks/useMyBodyShieldApi.js";
+import { useMybCoaching as c, useMybCreateCoaching as l, useMybTransitionCoaching as u } from "../../hooks/useMyBodyShieldApi.js";
 import "../../hooks/index.js";
-import { FilterTabs as m } from "../../components/FilterTabs.js";
-import { MybDiscussion as h } from "../../components/MybDiscussion.js";
-import { UserSearchSelect as g } from "../../components/UserSearchSelect.js";
+import { MybDiscussion as d } from "../../components/MybDiscussion.js";
+import { UserSearchSelect as f } from "../../components/UserSearchSelect.js";
 import "../../components/index.js";
+import { AnimatePresence as p } from "../../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
+import { motion as m } from "../../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+import { useReducedMotion as h } from "../../../node_modules/.bun/framer-motion@12.38.0_8c0d3e65c5d65bc3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.js";
+import { IconChip as g } from "../_shared/visuals.js";
 import { useMemo as _, useState as v } from "react";
 import { CalendarClock as y, CalendarX as b, Check as x, ChevronDown as S, ChevronUp as C, Dumbbell as w, HeartHandshake as T, LineChart as E, MessageSquare as D, Minus as O, Plus as k, Salad as A, User as j } from "lucide-react";
 import { jsx as M, jsxs as N } from "react/jsx-runtime";
@@ -108,9 +108,9 @@ function Q({ id: e, label: t, description: n, checked: r, onChange: i }) {
 	});
 }
 function ee({ open: e, onOpenChange: t, defaultMember: n }) {
-	let r = f(), [i, a] = v(() => Z(n)), [o, s] = v(null), c = (e) => {
+	let r = l(), [i, a] = v(() => Z(n)), [o, s] = v(null), c = (e) => {
 		e || (a(Z(n)), s(null)), t(e);
-	}, l = async () => {
+	}, u = async () => {
 		let e = i.coachId.trim(), o = i.memberId.trim();
 		if (!e) {
 			s("Coach user id is required.");
@@ -141,14 +141,14 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 		children: /* @__PURE__ */ N(z, { children: [/* @__PURE__ */ N(H, { children: [/* @__PURE__ */ M(U, { children: "New coaching" }), /* @__PURE__ */ M(B, { children: "Link a coach and member, and choose exactly what training, nutrition and progress data is shared." })] }), /* @__PURE__ */ N("form", {
 			className: "space-y-4",
 			onSubmit: (e) => {
-				e.preventDefault(), l();
+				e.preventDefault(), u();
 			},
 			children: [
 				o && /* @__PURE__ */ M("p", {
 					className: "rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 					children: o
 				}),
-				/* @__PURE__ */ M(g, {
+				/* @__PURE__ */ M(f, {
 					label: "Coach",
 					required: !0,
 					htmlId: "myb-coaching-coach",
@@ -160,7 +160,7 @@ function ee({ open: e, onOpenChange: t, defaultMember: n }) {
 						coachName: t
 					}))
 				}),
-				/* @__PURE__ */ M(g, {
+				/* @__PURE__ */ M(f, {
 					label: "Member",
 					htmlId: "myb-coaching-member",
 					userId: i.memberId,
@@ -263,8 +263,8 @@ function $({ label: e, icon: t, on: n }) {
 		]
 	});
 }
-function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
-	let l = !!i && e.coachId === i, d = !!i && e.memberId === i, f = Y[e.status], p = e.status === "ACTIVE" || e.status === "PAUSED", [m, g] = v(!1), _ = r();
+function te({ relationship: e, currentUserId: t, busy: i, onTransition: a }) {
+	let o = !!t && e.coachId === t, s = !!t && e.memberId === t, c = Y[e.status], l = e.status === "ACTIVE" || e.status === "PAUSED", [u, f] = v(!1), _ = h();
 	return /* @__PURE__ */ N(F, {
 		treatment: "glass",
 		glow: e.status === "ACTIVE",
@@ -274,7 +274,7 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 				className: "flex items-start justify-between gap-3",
 				children: [/* @__PURE__ */ N("div", {
 					className: "flex min-w-0 items-start gap-3",
-					children: [/* @__PURE__ */ M(u, { icon: /* @__PURE__ */ M(T, { className: "h-4 w-4" }) }), /* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ M(g, { icon: /* @__PURE__ */ M(T, { className: "h-4 w-4" }) }), /* @__PURE__ */ N("div", {
 						className: "min-w-0",
 						children: [/* @__PURE__ */ M("p", {
 							className: "truncate text-sm font-semibold text-text-primary",
@@ -284,7 +284,7 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 							children: "Coach ↔ member"
 						})]
 					})]
-				}), /* @__PURE__ */ M(o, { status: e.status })]
+				}), /* @__PURE__ */ M(r, { status: e.status })]
 			}),
 			/* @__PURE__ */ N("div", {
 				className: "grid grid-cols-2 gap-3",
@@ -292,7 +292,7 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 					className: "flex items-center gap-2.5 rounded-lg bg-bg-sunken/60 p-2.5",
 					children: [/* @__PURE__ */ M("span", {
 						"aria-hidden": "true",
-						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${l ? "bg-[color-mix(in_oklab,var(--color-action-primary-bg)_16%,transparent)] text-action-primary-bg ring-[color-mix(in_oklab,var(--color-action-primary-bg)_40%,transparent)]" : "bg-bg-surface text-text-tertiary ring-border-seam"}`,
+						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${o ? "bg-[color-mix(in_oklab,var(--color-action-primary-bg)_16%,transparent)] text-action-primary-bg ring-[color-mix(in_oklab,var(--color-action-primary-bg)_40%,transparent)]" : "bg-bg-surface text-text-tertiary ring-border-seam"}`,
 						children: /* @__PURE__ */ M(j, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ N("div", {
 						className: "min-w-0",
@@ -302,14 +302,14 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 						}), /* @__PURE__ */ M("p", {
 							className: "mt-0.5 truncate text-sm font-medium text-text-primary",
 							title: e.coachId,
-							children: l ? "You" : `#${X(e.coachId)}`
+							children: o ? "You" : `#${X(e.coachId)}`
 						})]
 					})]
 				}), /* @__PURE__ */ N("div", {
 					className: "flex items-center gap-2.5 rounded-lg bg-bg-sunken/60 p-2.5",
 					children: [/* @__PURE__ */ M("span", {
 						"aria-hidden": "true",
-						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${d ? "bg-[color-mix(in_oklab,var(--color-action-primary-bg)_16%,transparent)] text-action-primary-bg ring-[color-mix(in_oklab,var(--color-action-primary-bg)_40%,transparent)]" : "bg-bg-surface text-text-tertiary ring-border-seam"}`,
+						className: `flex size-8 shrink-0 items-center justify-center rounded-full ring-1 ring-inset ${s ? "bg-[color-mix(in_oklab,var(--color-action-primary-bg)_16%,transparent)] text-action-primary-bg ring-[color-mix(in_oklab,var(--color-action-primary-bg)_40%,transparent)]" : "bg-bg-surface text-text-tertiary ring-border-seam"}`,
 						children: /* @__PURE__ */ M(j, { className: "h-4 w-4" })
 					}), /* @__PURE__ */ N("div", {
 						className: "min-w-0",
@@ -319,7 +319,7 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 						}), /* @__PURE__ */ M("p", {
 							className: "mt-0.5 truncate text-sm font-medium text-text-primary",
 							title: e.memberId,
-							children: d ? "You" : `#${X(e.memberId)}`
+							children: s ? "You" : `#${X(e.memberId)}`
 						})]
 					})]
 				})]
@@ -351,42 +351,42 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 					children: [
 						/* @__PURE__ */ M(y, { className: "h-3.5 w-3.5" }),
 						"Started ",
-						a(e.startedAt)
+						n(e.startedAt)
 					]
 				}), e.endedAt && /* @__PURE__ */ N("span", {
 					className: "inline-flex items-center gap-1",
 					children: [
 						/* @__PURE__ */ M(b, { className: "h-3.5 w-3.5" }),
 						"Ended ",
-						a(e.endedAt)
+						n(e.endedAt)
 					]
 				})]
 			}),
-			f.length > 0 && /* @__PURE__ */ M("div", {
+			c.length > 0 && /* @__PURE__ */ M("div", {
 				className: "mt-auto flex flex-wrap gap-2 pt-1",
-				children: f.map((t) => /* @__PURE__ */ M(P, {
+				children: c.map((t) => /* @__PURE__ */ M(P, {
 					size: "sm",
 					variant: t.primary ? void 0 : "outline",
-					disabled: s,
-					onClick: () => c(e.id, t.to),
+					disabled: i,
+					onClick: () => a(e.id, t.to),
 					children: t.label
 				}, t.to))
 			}),
-			p && /* @__PURE__ */ N("div", {
-				className: `border-t border-border-seam pt-3 ${f.length === 0 ? "mt-auto" : ""}`,
+			l && /* @__PURE__ */ N("div", {
+				className: `border-t border-border-seam pt-3 ${c.length === 0 ? "mt-auto" : ""}`,
 				children: [/* @__PURE__ */ N("button", {
 					type: "button",
-					onClick: () => g((e) => !e),
-					"aria-expanded": m,
+					onClick: () => f((e) => !e),
+					"aria-expanded": u,
 					className: "inline-flex items-center gap-1.5 text-sm font-medium text-accent hover:underline",
 					children: [
 						/* @__PURE__ */ M(D, { className: "h-4 w-4" }),
-						m ? "Hide discussion" : "Discussion",
-						M(m ? C : S, { className: "h-4 w-4" })
+						u ? "Hide discussion" : "Discussion",
+						M(u ? C : S, { className: "h-4 w-4" })
 					]
-				}), /* @__PURE__ */ M(t, {
+				}), /* @__PURE__ */ M(p, {
 					initial: !1,
-					children: m && /* @__PURE__ */ M(n.div, {
+					children: u && /* @__PURE__ */ M(m.div, {
 						initial: _ ? !1 : {
 							opacity: 0,
 							height: 0
@@ -406,7 +406,7 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 						className: "overflow-hidden",
 						children: /* @__PURE__ */ M("div", {
 							className: "mt-3",
-							children: /* @__PURE__ */ M(h, {
+							children: /* @__PURE__ */ M(d, {
 								entityType: "mybodyshield-coaching",
 								entityId: e.id,
 								title: "Coaching discussion",
@@ -420,7 +420,7 @@ function te({ relationship: e, currentUserId: i, busy: s, onTransition: c }) {
 	});
 }
 function ne() {
-	let { currentUser: t } = e(), a = r(), [o, u] = v("ALL"), [f, h] = v(!1), [g, y] = v(null), [b, x] = v(null), S = d(), C = p(), w = S.data ?? [], E = _(() => {
+	let { currentUser: n } = e(), r = h(), [l, d] = v("ALL"), [f, p] = v(!1), [g, y] = v(null), [b, x] = v(null), S = c(), C = u(), w = S.data ?? [], E = _(() => {
 		let e = {
 			PENDING: 0,
 			ACTIVE: 0,
@@ -437,7 +437,7 @@ function ne() {
 		value: e,
 		label: e.charAt(0) + e.slice(1).toLowerCase(),
 		count: E[e]
-	}))], [w.length, E]), O = _(() => o === "ALL" ? w : w.filter((e) => e.status === o), [w, o]), A = async (e, t) => {
+	}))], [w.length, E]), O = _(() => l === "ALL" ? w : w.filter((e) => e.status === l), [w, l]), A = async (e, t) => {
 		y(e), x(null);
 		try {
 			await C.mutateAsync({
@@ -450,49 +450,49 @@ function ne() {
 			y(null);
 		}
 	}, j = S.isLoading && !S.data;
-	return /* @__PURE__ */ N(i, {
+	return /* @__PURE__ */ N(t, {
 		title: "Coaching",
 		description: "Coach ↔ member relationships and what's shared.",
 		actions: /* @__PURE__ */ N(P, {
-			onClick: () => h(!0),
+			onClick: () => p(!0),
 			children: [/* @__PURE__ */ M(k, { className: "mr-2 h-4 w-4" }), "New coaching"]
 		}),
 		children: [
 			/* @__PURE__ */ M("div", {
 				className: "mb-6",
-				children: /* @__PURE__ */ M(m, {
+				children: /* @__PURE__ */ M(s, {
 					options: D,
-					value: o,
-					onChange: u
+					value: l,
+					onChange: d
 				})
 			}),
 			b && /* @__PURE__ */ M("p", {
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
 				children: b
 			}),
-			j ? /* @__PURE__ */ M(c, { label: "Loading coaching relationships…" }) : S.isError ? /* @__PURE__ */ M(s, {
+			j ? /* @__PURE__ */ M(o, { label: "Loading coaching relationships…" }) : S.isError ? /* @__PURE__ */ M(a, {
 				message: "We couldn't load your coaching relationships.",
 				onRetry: () => void S.refetch()
-			}) : O.length === 0 ? /* @__PURE__ */ M(l, {
+			}) : O.length === 0 ? /* @__PURE__ */ M(i, {
 				illustration: "empty-data",
 				icon: /* @__PURE__ */ M(T, { className: "h-10 w-10" }),
 				title: w.length === 0 ? "No coaching relationships" : "No relationships match this filter",
 				description: w.length === 0 ? "Connect a coach and a member to start sharing training, nutrition and progress data." : "Try a different status filter, or create a new coaching relationship.",
 				action: /* @__PURE__ */ N(P, {
-					onClick: () => h(!0),
+					onClick: () => p(!0),
 					children: [/* @__PURE__ */ M(k, { className: "mr-2 h-4 w-4" }), "New coaching"]
 				})
-			}) : /* @__PURE__ */ M(n.div, {
+			}) : /* @__PURE__ */ M(m.div, {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				variants: a ? void 0 : q,
-				initial: a ? !1 : "hidden",
+				variants: r ? void 0 : q,
+				initial: r ? !1 : "hidden",
 				animate: "show",
-				children: O.map((e) => /* @__PURE__ */ M(n.div, {
+				children: O.map((e) => /* @__PURE__ */ M(m.div, {
 					className: "h-full",
-					variants: a ? void 0 : J,
+					variants: r ? void 0 : J,
 					children: /* @__PURE__ */ M(te, {
 						relationship: e,
-						currentUserId: t?.id,
+						currentUserId: n?.id,
 						busy: g === e.id,
 						onTransition: (e, t) => void A(e, t)
 					})
@@ -500,10 +500,10 @@ function ne() {
 			}),
 			/* @__PURE__ */ M(ee, {
 				open: f,
-				onOpenChange: h,
+				onOpenChange: p,
 				defaultMember: {
-					userId: t?.id ?? "",
-					displayName: t?.name || t?.email || ""
+					userId: n?.id ?? "",
+					displayName: n?.name || n?.email || ""
 				}
 			})
 		]