npm - @burdenoff/microfe-mybodyshield - Versions diffs - 2026.1028.1 → 2026.1101.2 - Mend

@burdenoff/microfe-mybodyshield 2026.1028.1 → 2026.1101.2

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

package/dist/mybodyshield/pages/progress/ProgressPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/progress/ProgressPage.tsx"],"sourcesContent":["/*\n Progress — body metrics over time.\n * @module mybodyshield/pages/progress\n \n A single-metric time-series view over the real `mybListBodyMetrics`\n * endpoint: pick a body-metric type (weight, body-fat, measurements…), see the\n * latest value + trend vs the previous reading, a token-styled line chart of the\n * history window, aggregate stats, and an offset-paginated log table. New\n * readings are recorded through `mybRecordBodyMetric`. No mock data — everything\n * derives from the hooks.\n /\n\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n AreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ReferenceDot,\n ResponsiveContainer,\n} from 'recharts';\nimport { motion, useReducedMotion, type MotionProps } from 'framer-motion';\nimport { Plus, Activity, Sigma, ArrowDownUp } from 'lucide-react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n GlassCard,\n Select,\n SelectTrigger,\n SelectContent,\n SelectItem,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n MetricsCard,\n FilterTabs,\n DataTable,\n Pagination,\n LoadingView,\n ErrorView,\n Section,\n EmptyState,\n EvidenceUpload,\n FileLink,\n type Column,\n type FilterOption,\n} from '../../components';\nimport { IconChip, TrendPill, METRIC_META } from '../_shared/visuals';\nimport {\n useMybBodyMetrics,\n useMybRecordBodyMetric,\n useOffsetPager,\n useTr,\n type UploadedMybFile,\n} from '../../hooks';\nimport type { MybBodyMetric, MybBodyMetricType, MybRecordMetricInput } from '../../types';\nimport {\n formatNumber,\n formatDate,\n formatDateTime,\n formatRelativeTime,\n} from '../../utils/formatters';\n\n// Ordered enum surface for the metric-type selector (METRIC_META is a Record).\nconst METRIC_TYPES: MybBodyMetricType[] = [\n 'WEIGHT',\n 'BODY_FAT',\n 'RESTING_HEART_RATE',\n 'WAIST',\n 'CHEST',\n 'HIPS',\n 'ARM',\n 'THIGH',\n];\n\n// Which direction of change is \"good\" per metric (drives TrendPill colouring).\nconst GOOD_DIRECTION: Record<MybBodyMetricType, 'up' \| 'down'> = {\n WEIGHT: 'down',\n BODY_FAT: 'down',\n RESTING_HEART_RATE: 'down',\n WAIST: 'down',\n HIPS: 'down',\n CHEST: 'up',\n ARM: 'up',\n THIGH: 'up',\n};\n\n// Window used for the chart / KPIs / aggregates (the log table paginates on top).\nconst CHART_WINDOW = 100;\nconst PAGE_SIZE = 25;\n\n// Brand emerald accent — the dominant color for the area chart, line & endpoint.\nconst CHART_ACCENT = 'var(--color-action-primary-bg)';\n\ninterface RecordForm {\n type: MybBodyMetricType;\n value: string;\n unit: string;\n measuredAt: string;\n notes: string;\n photo: UploadedMybFile \| null;\n}\n\n/* A `Date` → `<input type=\"datetime-local\">` value (local wall-clock time). /\nconst toLocalInput = (d: Date): string => {\n const pad = (n: number) => String(n).padStart(2, '0');\n return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;\n};\n\nconst makeForm = (type: MybBodyMetricType): RecordForm => ({\n type,\n value: '',\n unit: METRIC_META[type].unit,\n measuredAt: toLocalInput(new Date()),\n notes: '',\n photo: null,\n});\n\n/* Localised label for a body-metric enum value. /\nfunction metricLabel(t: ReturnType<typeof useTr>, type: MybBodyMetricType): string {\n const keyRoot = 'mybodyshield.pages.progress.metricNames';\n switch (type) {\n case 'WEIGHT':\n return t(`${keyRoot}.weight`, 'Weight');\n case 'BODY_FAT':\n return t(`${keyRoot}.bodyFat`, 'Body fat');\n case 'RESTING_HEART_RATE':\n return t(`${keyRoot}.restingHeartRate`, 'Resting heart rate');\n case 'WAIST':\n return t(`${keyRoot}.waist`, 'Waist');\n case 'CHEST':\n return t(`${keyRoot}.chest`, 'Chest');\n case 'HIPS':\n return t(`${keyRoot}.hips`, 'Hips');\n case 'ARM':\n return t(`${keyRoot}.arm`, 'Arm');\n case 'THIGH':\n return t(`${keyRoot}.thigh`, 'Thigh');\n }\n}\n\nexport function ProgressPage() {\n const t = useTr();\n const [selectedType, setSelectedType] = useState<MybBodyMetricType>('WEIGHT');\n const [open, setOpen] = useState(false);\n const [form, setForm] = useState<RecordForm>(() => makeForm('WEIGHT'));\n const [formError, setFormError] = useState<string \| null>(null);\n\n const pager = useOffsetPager(PAGE_SIZE);\n\n // Reset the log table to page 1 whenever the metric type changes.\n // Depend on the stable `pager.reset` (NOT the whole pager, whose identity\n // changes with `page`) so advancing pages doesn't snap back to page 1.\n const resetPager = pager.reset;\n useEffect(() => {\n resetPager();\n }, [selectedType, resetPager]);\n\n // Wide window drives the chart, latest/trend KPIs and aggregate stats.\n const history = useMybBodyMetrics({\n type: selectedType,\n pagination: { limit: CHART_WINDOW },\n });\n // Independent offset-paginated slice powers the log table.\n const table = useMybBodyMetrics({\n type: selectedType,\n pagination: { limit: PAGE_SIZE, offset: pager.offset },\n });\n const record = useMybRecordBodyMetric();\n\n const reduced = useReducedMotion();\n const rise = (delay: number, hover = true): MotionProps =>\n reduced\n ? { initial: false }\n : {\n initial: { opacity: 0, y: 14 },\n animate: { opacity: 1, y: 0 },\n transition: { duration: 0.45, delay, ease: 'easeOut' },\n ...(hover\n ? {\n whileHover: {\n y: -3,\n transition: { type: 'spring', stiffness: 300, damping: 22 },\n },\n }\n : {}),\n };\n\n const meta = METRIC_META[selectedType];\n const MetricIcon = meta.icon;\n const goodDir = GOOD_DIRECTION[selectedType];\n const selectedMetricLabel = metricLabel(t, selectedType);\n\n const historyRows = useMemo<MybBodyMetric[]>(() => history.data?.items ?? [], [history.data]);\n\n // Ascending by measuredAt → chart series + robust latest/prior derivation.\n const ascending = useMemo(\n () =>\n [...historyRows].sort(\n (a, b) => new Date(a.measuredAt).getTime() - new Date(b.measuredAt).getTime()\n ),\n [historyRows]\n );\n\n const latest = ascending[ascending.length - 1];\n const prior = ascending[ascending.length - 2];\n const delta = latest && prior ? latest.value - prior.value : undefined;\n\n const chartData = useMemo(\n () => ascending.map((m) => ({ label: formatDate(m.measuredAt), value: m.value })),\n [ascending]\n );\n const lastPoint = chartData.length > 0 ? chartData[chartData.length - 1] : undefined;\n\n const stats = useMemo(() => {\n if (ascending.length === 0) return null;\n const values = ascending.map((m) => m.value);\n return {\n count: values.length,\n min: Math.min(...values),\n max: Math.max(...values),\n avg: values.reduce((a, b) => a + b, 0) / values.length,\n };\n }, [ascending]);\n\n const metricOptions: FilterOption<MybBodyMetricType>[] = METRIC_TYPES.map((type) => ({\n value: type,\n label: metricLabel(t, type),\n }));\n\n const openRecord = () => {\n setForm(makeForm(selectedType));\n setFormError(null);\n setOpen(true);\n };\n\n const submit = async () => {\n const numValue = Number(form.value);\n if (form.value.trim() === '' \|\| !Number.isFinite(numValue)) {\n setFormError(\n t('mybodyshield.pages.progress.invalidValue', 'Enter a valid measurement value.')\n );\n return;\n }\n setFormError(null);\n const input: MybRecordMetricInput = {\n type: form.type,\n value: numValue,\n unit: form.unit.trim() \|\| METRIC_META[form.type].unit,\n measuredAt: form.measuredAt\n ? new Date(form.measuredAt).toISOString()\n : new Date().toISOString(),\n notes: form.notes.trim() ? form.notes.trim() : null,\n photoFileId: form.photo?.fileId ?? null,\n };\n try {\n await record.mutateAsync(input);\n setOpen(false);\n // Surface the just-recorded type so the new reading is visible immediately.\n setSelectedType(form.type);\n pager.reset();\n } catch (e) {\n setFormError(\n e instanceof Error\n ? e.message\n : t('mybodyshield.pages.progress.failedToRecord', 'Failed to record measurement.')\n );\n }\n };\n\n const tableRows = table.data?.items ?? [];\n const tableColumns: Column<MybBodyMetric>[] = [\n {\n key: 'value',\n header: t('mybodyshield.pages.progress.valueColumn', 'Value'),\n align: 'right',\n sortValue: (row) => row.value,\n render: (row) => (\n <span className=\"font-medium tabular-nums text-text-primary\">\n {formatNumber(row.value)}\n <span className=\"ml-1 text-xs font-normal text-text-tertiary\">{row.unit}</span>\n </span>\n ),\n },\n {\n key: 'measuredAt',\n header: t('mybodyshield.pages.progress.measuredColumn', 'Measured'),\n sortValue: (row) => new Date(row.measuredAt).getTime(),\n render: (row) => (\n <span className=\"whitespace-nowrap text-text-secondary\">\n {formatDateTime(row.measuredAt)}\n </span>\n ),\n },\n {\n key: 'notes',\n header: t('mybodyshield.pages.progress.notesColumn', 'Notes'),\n hideOnMobile: true,\n render: (row) =>\n row.notes ? (\n <span className=\"text-text-secondary\">{row.notes}</span>\n ) : (\n <span className=\"text-text-tertiary\">—</span>\n ),\n },\n {\n key: 'photo',\n header: t('mybodyshield.pages.progress.photoColumn', 'Photo'),\n render: (row) =>\n row.photo?.id ? (\n <FileLink fileId={row.photo.id} />\n ) : (\n <span className=\"text-text-tertiary\">—</span>\n ),\n },\n ];\n\n const recordButton = (\n <Button onClick={openRecord}>\n <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n {t('mybodyshield.pages.progress.recordMeasurement', 'Record measurement')}\n </Button>\n );\n\n return (\n <PageLayout\n title={t('mybodyshield.pages.progress.title', 'Progress')}\n description={t(\n 'mybodyshield.pages.progress.description',\n 'Body metrics over time — weight, composition & measurements.'\n )}\n actions={recordButton}\n >\n {/ Metric-type selector /}\n <div className=\"mb-6 overflow-x-auto\">\n <FilterTabs options={metricOptions} value={selectedType} onChange={setSelectedType} />\n </div>\n\n {history.isLoading && historyRows.length === 0 ? (\n <LoadingView\n label={t('mybodyshield.pages.progress.loading', 'Loading {{metric}} history…', {\n metric: selectedMetricLabel.toLowerCase(),\n })}\n />\n ) : history.isError ? (\n <ErrorView\n message={t(\n 'mybodyshield.pages.progress.error',\n \"We couldn't load your body-metric history.\"\n )}\n onRetry={() => history.refetch()}\n />\n ) : historyRows.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<MetricIcon className=\"h-10 w-10\" />}\n title={t('mybodyshield.pages.progress.emptyTitle', 'No {{metric}} readings yet', {\n metric: selectedMetricLabel.toLowerCase(),\n })}\n description={t(\n 'mybodyshield.pages.progress.emptyDescription',\n 'Record a measurement to start tracking this metric over time.'\n )}\n action={\n <Button onClick={openRecord}>\n <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n {t('mybodyshield.pages.progress.recordMeasurement', 'Record measurement')}\n </Button>\n }\n />\n ) : (\n <div className=\"space-y-6\">\n {/ Latest + trend + chart /}\n <motion.div {...rise(0)}>\n <GlassCard\n treatment=\"glass\"\n className=\"rounded-2xl p-6 transition-shadow duration-300 hover:shadow-2xl\"\n >\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"flex items-center gap-3\">\n <IconChip icon={<MetricIcon className=\"h-5 w-5\" />} tint={meta.tint} />\n <div>\n <h2 className=\"text-base font-semibold text-text-primary\">\n {selectedMetricLabel}\n </h2>\n <p className=\"text-sm text-text-secondary\">\n {latest\n ? t('mybodyshield.pages.progress.lastMeasured', 'Last measured {{time}}', {\n time: formatRelativeTime(latest.measuredAt),\n })\n : t('mybodyshield.pages.progress.noMeasurements', 'No measurements yet')}\n </p>\n </div>\n </div>\n <div className=\"text-right\">\n <p className=\"text-3xl font-bold leading-none tracking-tight tabular-nums text-text-primary sm:text-4xl\">\n {latest ? formatNumber(latest.value) : '—'}\n {latest && (\n <span className=\"ml-1 text-base font-medium text-text-tertiary\">\n {meta.unit}\n </span>\n )}\n </p>\n {delta != null && (\n <div className=\"mt-2 flex justify-end\">\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-1 ring-1 ring-border-seam\">\n <TrendPill delta={delta} unit={` ${meta.unit}`} goodDirection={goodDir} />\n </span>\n </div>\n )}\n </div>\n </div>\n\n <div className=\"mt-6 h-64 w-full\">\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <AreaChart data={chartData} margin={{ top: 8, right: 14, bottom: 4, left: -8 }}>\n <defs>\n <linearGradient id=\"myb-progress-fill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={CHART_ACCENT} stopOpacity={0.38} />\n <stop offset=\"55%\" stopColor={CHART_ACCENT} stopOpacity={0.12} />\n <stop offset=\"100%\" stopColor={CHART_ACCENT} stopOpacity={0} />\n </linearGradient>\n </defs>\n <CartesianGrid\n stroke=\"var(--color-border-seam)\"\n strokeDasharray=\"4 4\"\n vertical={false}\n />\n <XAxis\n dataKey=\"label\"\n stroke=\"var(--color-border-seam)\"\n tickLine={false}\n axisLine={false}\n tick={{ fill: 'var(--color-text-tertiary)', fontSize: 12 }}\n tickMargin={8}\n minTickGap={24}\n />\n <YAxis\n stroke=\"var(--color-border-seam)\"\n tickLine={false}\n axisLine={false}\n tick={{ fill: 'var(--color-text-tertiary)', fontSize: 12 }}\n width={44}\n domain={['auto', 'auto']}\n />\n <Tooltip\n cursor={{ stroke: 'var(--color-border-seam)', strokeDasharray: '4 4' }}\n contentStyle={{\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-seam)',\n borderRadius: 12,\n color: 'var(--color-text-primary)',\n }}\n labelStyle={{ color: 'var(--color-text-tertiary)' }}\n itemStyle={{ color: 'var(--color-text-primary)' }}\n formatter={(value) => [\n `${formatNumber(Number(value))} ${meta.unit}`,\n selectedMetricLabel,\n ]}\n />\n <Area\n type=\"monotone\"\n dataKey=\"value\"\n name={selectedMetricLabel}\n stroke={CHART_ACCENT}\n strokeWidth={2.5}\n fill=\"url(#myb-progress-fill)\"\n fillOpacity={1}\n dot={false}\n activeDot={{\n r: 5,\n strokeWidth: 2,\n stroke: 'var(--color-bg-surface)',\n fill: CHART_ACCENT,\n }}\n isAnimationActive={!reduced}\n animationDuration={900}\n />\n {lastPoint && (\n <ReferenceDot\n x={lastPoint.label}\n y={lastPoint.value}\n r={12}\n isFront\n ifOverflow=\"visible\"\n fill={CHART_ACCENT}\n fillOpacity={0.16}\n stroke=\"none\"\n />\n )}\n {lastPoint && (\n <ReferenceDot\n x={lastPoint.label}\n y={lastPoint.value}\n r={5}\n isFront\n ifOverflow=\"visible\"\n fill={CHART_ACCENT}\n stroke=\"var(--color-bg-surface)\"\n strokeWidth={2}\n />\n )}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n </GlassCard>\n </motion.div>\n\n {/ Aggregate stats over the loaded window (not full history) /}\n {stats && (\n <div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <motion.div {...rise(0.08)}>\n <MetricsCard\n className=\"h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl\"\n icon={<IconChip icon={<Activity className=\"h-5 w-5\" />} tint={CHART_ACCENT} />}\n value={formatNumber(stats.count)}\n label={t('mybodyshield.pages.progress.recentReadings', 'Recent readings')}\n />\n </motion.div>\n <motion.div {...rise(0.14)}>\n <MetricsCard\n className=\"h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl\"\n icon={<IconChip icon={<Sigma className=\"h-5 w-5\" />} tint={CHART_ACCENT} />}\n value={`${formatNumber(stats.avg, { maximumFractionDigits: 1 })} ${meta.unit}`}\n label={t(\n 'mybodyshield.pages.progress.windowAverage',\n 'Window average {{metric}}',\n { metric: selectedMetricLabel.toLowerCase() }\n )}\n />\n </motion.div>\n <motion.div {...rise(0.2)}>\n <MetricsCard\n className=\"h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl\"\n icon={\n <IconChip icon={<ArrowDownUp className=\"h-5 w-5\" />} tint={CHART_ACCENT} />\n }\n value={`${formatNumber(stats.min)}–${formatNumber(stats.max)}`}\n label={t('mybodyshield.pages.progress.windowRange', 'Window range ({{unit}})', {\n unit: meta.unit,\n })}\n />\n </motion.div>\n </div>\n <p className=\"mt-2 text-xs text-text-tertiary\">\n {t(\n 'mybodyshield.pages.progress.basedOnReadings',\n 'Based on your most recent {{count}} {{metric}} reading{{plural}} (up to {{limit}}) — not a full-history total.',\n {\n count: formatNumber(stats.count),\n metric: selectedMetricLabel.toLowerCase(),\n plural: stats.count === 1 ? '' : 's',\n limit: formatNumber(CHART_WINDOW),\n }\n )}\n </p>\n </div>\n )}\n\n {/ Full measurement log /}\n <motion.div {...rise(0.26, false)}>\n <Section\n title={t('mybodyshield.pages.progress.measurementLog', 'Measurement log')}\n description={t(\n 'mybodyshield.pages.progress.measurementLogDescription',\n 'Every recorded reading for this metric.'\n )}\n >\n {table.isError ? (\n <ErrorView\n message={t(\n 'mybodyshield.pages.progress.pageError',\n \"We couldn't load this page of measurements.\"\n )}\n onRetry={() => table.refetch()}\n />\n ) : table.isLoading && tableRows.length === 0 ? (\n <div className=\"py-8 text-center text-sm text-text-secondary\">\n {t('mybodyshield.pages.progress.pageLoading', 'Loading measurements…')}\n </div>\n ) : tableRows.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<MetricIcon className=\"h-10 w-10\" />}\n title={t(\n 'mybodyshield.pages.progress.pageEmptyTitle',\n 'No measurements on this page'\n )}\n description={t(\n 'mybodyshield.pages.progress.pageEmptyDescription',\n 'Go back a page or record a new measurement.'\n )}\n />\n ) : (\n <>\n <DataTable\n columns={tableColumns}\n rows={tableRows}\n rowKey={(row) => row.id}\n defaultSort={{ key: 'measuredAt', dir: 'desc' }}\n />\n <Pagination\n page={pager.page}\n pageSize={PAGE_SIZE}\n itemCount={tableRows.length}\n hasMore={table.data?.pageInfo?.hasMore ?? false}\n onPageChange={(t) => pager.onPageChange(t)}\n />\n </>\n )}\n </Section>\n </motion.div>\n </div>\n )}\n\n {/ Record-measurement dialog /}\n <ResponsiveDialog open={open} onOpenChange={setOpen}>\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>\n {t('mybodyshield.pages.progress.dialogTitle', 'Record measurement')}\n </ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n {t(\n 'mybodyshield.pages.progress.dialogDescription',\n 'Log a new body-metric reading to track your progress over time.'\n )}\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"space-y-4 py-2\">\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-type\">\n {t('mybodyshield.pages.progress.metric', 'Metric')}\n </Label>\n <Select\n value={form.type}\n onValueChange={(v) => {\n // `v` is constrained to METRIC_TYPES by the SelectItems below.\n const nextType = v as MybBodyMetricType;\n setForm((prev) => ({\n ...prev,\n type: nextType,\n unit: METRIC_META[nextType].unit,\n }));\n }}\n >\n <SelectTrigger id=\"myb-metric-type\">\n <SelectValue\n placeholder={t(\n 'mybodyshield.pages.progress.selectMetricPlaceholder',\n 'Select a metric'\n )}\n />\n </SelectTrigger>\n <SelectContent>\n {METRIC_TYPES.map((type) => (\n <SelectItem key={type} value={type}>\n {metricLabel(t, type)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid grid-cols-2 gap-3\">\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-value\">\n {t('mybodyshield.pages.progress.value', 'Value')}\n </Label>\n <Input\n id=\"myb-metric-value\"\n type=\"number\"\n inputMode=\"decimal\"\n step=\"any\"\n value={form.value}\n onChange={(e) => setForm((prev) => ({ ...prev, value: e.target.value }))}\n placeholder=\"0\"\n />\n </div>\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-unit\">{t('mybodyshield.common.unit', 'Unit')}</Label>\n <Input\n id=\"myb-metric-unit\"\n value={form.unit}\n onChange={(e) => setForm((prev) => ({ ...prev, unit: e.target.value }))}\n placeholder={METRIC_META[form.type].unit}\n />\n </div>\n </div>\n\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-measured\">\n {t('mybodyshield.pages.progress.measuredAt', 'Measured at')}\n </Label>\n <Input\n id=\"myb-metric-measured\"\n type=\"datetime-local\"\n value={form.measuredAt}\n onChange={(e) => setForm((prev) => ({ ...prev, measuredAt: e.target.value }))}\n />\n </div>\n\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-notes\">{t('mybodyshield.common.notes', 'Notes')}</Label>\n <Textarea\n id=\"myb-metric-notes\"\n value={form.notes}\n onChange={(e) => setForm((prev) => ({ ...prev, notes: e.target.value }))}\n placeholder={t(\n 'mybodyshield.pages.progress.notesPlaceholder',\n 'Optional context (fasted, post-workout, morning…)'\n )}\n rows={3}\n />\n </div>\n\n {/ Optional progress photo — uploads via useMybFileUpload (byte-progress\n + inline error handled inside EvidenceUpload) and sets photoFileId. /}\n <EvidenceUpload\n id=\"myb-metric-photo\"\n label={t('mybodyshield.pages.progress.progressPhoto', 'Progress photo (optional)')}\n value={form.photo}\n onChange={(photo) => setForm((prev) => ({ ...prev, photo }))}\n accept=\"image/\"\n disabled={record.isPending}\n hint={t(\n 'mybodyshield.pages.progress.progressPhotoHint',\n 'Attach a progress photo for this reading.'\n )}\n />\n\n {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={() => setOpen(false)} disabled={record.isPending}>\n {t('mybodyshield.common.cancel', 'Cancel')}\n </Button>\n <Button onClick={submit} disabled={record.isPending}>\n {record.isPending\n ? t('mybodyshield.common.recording', 'Recording…')\n : t('mybodyshield.pages.progress.record', 'Record')}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,IAAM,IAAoC;CACxC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAGK,KAA2D;CAC/D,QAAQ;CACR,UAAU;CACV,oBAAoB;CACpB,OAAO;CACP,MAAM;CACN,OAAO;CACP,KAAK;CACL,OAAO;CACR,EAGK,IAAe,KACf,IAAY,IAGZ,IAAe,kCAYf,KAAgB,MAAoB;CACxC,IAAM,KAAO,MAAc,OAAO,EAAE,CAAC,SAAS,GAAG,IAAI;AACrD,QAAO,GAAG,EAAE,aAAa,CAAC,GAAG,EAAI,EAAE,UAAU,GAAG,EAAE,CAAC,GAAG,EAAI,EAAE,SAAS,CAAC,CAAC,GAAG,EAAI,EAAE,UAAU,CAAC,CAAC,GAAG,EAAI,EAAE,YAAY,CAAC;GAG9G,KAAY,OAAyC;CACzD;CACA,OAAO;CACP,MAAM,EAAY,GAAM;CACxB,YAAY,kBAAa,IAAI,MAAM,CAAC;CACpC,OAAO;CACP,OAAO;CACR;AAGD,SAAS,EAAY,GAA6B,GAAiC;CACjF,IAAM,IAAU;AAChB,SAAQ,GAAR;EACE,KAAK,SACH,QAAO,EAAE,GAAG,EAAQ,UAAU,SAAS;EACzC,KAAK,WACH,QAAO,EAAE,GAAG,EAAQ,WAAW,WAAW;EAC5C,KAAK,qBACH,QAAO,EAAE,GAAG,EAAQ,oBAAoB,qBAAqB;EAC/D,KAAK,QACH,QAAO,EAAE,GAAG,EAAQ,SAAS,QAAQ;EACvC,KAAK,QACH,QAAO,EAAE,GAAG,EAAQ,SAAS,QAAQ;EACvC,KAAK,OACH,QAAO,EAAE,GAAG,EAAQ,QAAQ,OAAO;EACrC,KAAK,MACH,QAAO,EAAE,GAAG,EAAQ,OAAO,MAAM;EACnC,KAAK,QACH,QAAO,EAAE,GAAG,EAAQ,SAAS,QAAQ;;;AAI3C,SAAgB,IAAe;CAC7B,IAAM,IAAI,IAAO,EACX,CAAC,GAAc,KAAmB,EAA4B,SAAS,EACvE,CAAC,IAAM,KAAW,EAAS,GAAM,EACjC,CAAC,GAAM,KAAW,QAA2B,EAAS,SAAS,CAAC,EAChE,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,IAAQ,GAAe,EAAU,EAKjC,IAAa,EAAM;AACzB,UAAgB;AACd,KAAY;IACX,CAAC,GAAc,EAAW,CAAC;CAG9B,IAAM,IAAU,EAAkB;EAChC,MAAM;EACN,YAAY,EAAE,OAAO,GAAc;EACpC,CAAC,EAEI,IAAQ,EAAkB;EAC9B,MAAM;EACN,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;GAAQ;EACvD,CAAC,EACI,IAAS,IAAwB,EAEjC,IAAU,IAAkB,EAC5B,KAAQ,GAAe,IAAQ,OACnC,IACI,EAAE,SAAS,IAAO,GAClB;EACE,SAAS;GAAE,SAAS;GAAG,GAAG;GAAI;EAC9B,SAAS;GAAE,SAAS;GAAG,GAAG;GAAG;EAC7B,YAAY;GAAE,UAAU;GAAM;GAAO,MAAM;GAAW;EACtD,GAAI,IACA,EACE,YAAY;GACV,GAAG;GACH,YAAY;IAAE,MAAM;IAAU,WAAW;IAAK,SAAS;IAAI;GAC5D,EACF,GACD,EAAE;EACP,EAED,IAAO,EAAY,IACnB,IAAa,EAAK,MAClB,KAAU,GAAe,IACzB,IAAsB,EAAY,GAAG,EAAa,EAElD,IAAc,QAA+B,EAAQ,MAAM,SAAS,EAAE,EAAE,CAAC,EAAQ,KAAK,CAAC,EAGvF,IAAY,QAEd,CAAC,GAAG,EAAY,CAAC,MACd,GAAG,MAAM,IAAI,KAAK,EAAE,WAAW,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,WAAW,CAAC,SAAS,CAC9E,EACH,CAAC,EAAY,CACd,EAEK,IAAS,EAAU,EAAU,SAAS,IACtC,IAAQ,EAAU,EAAU,SAAS,IACrC,IAAQ,KAAU,IAAQ,EAAO,QAAQ,EAAM,QAAQ,KAAA,GAEvD,IAAY,QACV,EAAU,KAAK,OAAO;EAAE,OAAO,EAAW,EAAE,WAAW;EAAE,OAAO,EAAE;EAAO,EAAE,EACjF,CAAC,EAAU,CACZ,EACK,IAAY,EAAU,SAAS,IAAI,EAAU,EAAU,SAAS,KAAK,KAAA,GAErE,IAAQ,QAAc;AAC1B,MAAI,EAAU,WAAW,EAAG,QAAO;EACnC,IAAM,IAAS,EAAU,KAAK,MAAM,EAAE,MAAM;AAC5C,SAAO;GACL,OAAO,EAAO;GACd,KAAK,KAAK,IAAI,GAAG,EAAO;GACxB,KAAK,KAAK,IAAI,GAAG,EAAO;GACxB,KAAK,EAAO,QAAQ,GAAG,MAAM,IAAI,GAAG,EAAE,GAAG,EAAO;GACjD;IACA,CAAC,EAAU,CAAC,EAET,KAAmD,EAAa,KAAK,OAAU;EACnF,OAAO;EACP,OAAO,EAAY,GAAG,EAAK;EAC5B,EAAE,EAEG,UAAmB;AAGvB,EAFA,EAAQ,EAAS,EAAa,CAAC,EAC/B,EAAa,KAAK,EAClB,EAAQ,GAAK;IAGT,KAAS,YAAY;EACzB,IAAM,IAAW,OAAO,EAAK,MAAM;AACnC,MAAI,EAAK,MAAM,MAAM,KAAK,MAAM,CAAC,OAAO,SAAS,EAAS,EAAE;AAC1D,KACE,EAAE,4CAA4C,mCAAmC,CAClF;AACD;;AAEF,IAAa,KAAK;EAClB,IAAM,IAA8B;GAClC,MAAM,EAAK;GACX,OAAO;GACP,MAAM,EAAK,KAAK,MAAM,IAAI,EAAY,EAAK,MAAM;GACjD,YAAY,EAAK,aACb,IAAI,KAAK,EAAK,WAAW,CAAC,aAAa,oBACvC,IAAI,MAAM,EAAC,aAAa;GAC5B,OAAO,EAAK,MAAM,MAAM,GAAG,EAAK,MAAM,MAAM,GAAG;GAC/C,aAAa,EAAK,OAAO,UAAU;GACpC;AACD,MAAI;AAKF,GAJA,MAAM,EAAO,YAAY,EAAM,EAC/B,EAAQ,GAAM,EAEd,EAAgB,EAAK,KAAK,EAC1B,EAAM,OAAO;WACN,GAAG;AACV,KACE,aAAa,QACT,EAAE,UACF,EAAE,8CAA8C,gCAAgC,CACrF;;IAIC,IAAY,EAAM,MAAM,SAAS,EAAE,EACnC,KAAwC;EAC5C;GACE,KAAK;GACL,QAAQ,EAAE,2CAA2C,QAAQ;GAC7D,OAAO;GACP,YAAY,MAAQ,EAAI;GACxB,SAAS,MACP,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACG,EAAa,EAAI,MAAM,EACxB,kBAAC,QAAD;KAAM,WAAU;eAA+C,EAAI;KAAY,CAAA,CAC1E;;GAEV;EACD;GACE,KAAK;GACL,QAAQ,EAAE,8CAA8C,WAAW;GACnE,YAAY,MAAQ,IAAI,KAAK,EAAI,WAAW,CAAC,SAAS;GACtD,SAAS,MACP,kBAAC,QAAD;IAAM,WAAU;cACb,GAAe,EAAI,WAAW;IAC1B,CAAA;GAEV;EACD;GACE,KAAK;GACL,QAAQ,EAAE,2CAA2C,QAAQ;GAC7D,cAAc;GACd,SAAS,MACP,EAAI,QACF,kBAAC,QAAD;IAAM,WAAU;cAAuB,EAAI;IAAa,CAAA,GAExD,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAQ,CAAA;GAElD;EACD;GACE,KAAK;GACL,QAAQ,EAAE,2CAA2C,QAAQ;GAC7D,SAAS,MACP,EAAI,OAAO,KACT,kBAAC,IAAD,EAAU,QAAQ,EAAI,MAAM,IAAM,CAAA,GAElC,kBAAC,QAAD;IAAM,WAAU;cAAqB;IAAQ,CAAA;GAElD;EACF,EAEK,KACJ,kBAAC,GAAD;EAAQ,SAAS;YAAjB;GACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA;GAAC;GACnC,EAAE,iDAAiD,qBAAqB;GAClE;;AAGX,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,qCAAqC,WAAW;EACzD,aAAa,EACX,2CACA,+DACD;EACD,SAAS;YANX;GASE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAY,SAAS;KAAe,OAAO;KAAc,UAAU;KAAmB,CAAA;IAClF,CAAA;GAEL,EAAQ,aAAa,EAAY,WAAW,IAC3C,kBAAC,IAAD,EACE,OAAO,EAAE,uCAAuC,+BAA+B,EAC7E,QAAQ,EAAoB,aAAa,EAC1C,CAAC,EACF,CAAA,GACA,EAAQ,UACV,kBAAC,GAAD;IACE,SAAS,EACP,qCACA,6CACD;IACD,eAAe,EAAQ,SAAS;IAChC,CAAA,GACA,EAAY,WAAW,IACzB,kBAAC,GAAD;IACE,cAAa;IACb,MAAM,kBAAC,GAAD,EAAY,WAAU,aAAc,CAAA;IAC1C,OAAO,EAAE,0CAA0C,8BAA8B,EAC/E,QAAQ,EAAoB,aAAa,EAC1C,CAAC;IACF,aAAa,EACX,gDACA,gEACD;IACD,QACE,kBAAC,GAAD;KAAQ,SAAS;eAAjB;MACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA;MAAC;MACnC,EAAE,iDAAiD,qBAAqB;MAClE;;IAEX,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,EAAO,KAAR;MAAY,GAAI,EAAK,EAAE;gBACrB,kBAAC,IAAD;OACE,WAAU;OACV,WAAU;iBAFZ,CAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAU,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;UAAE,MAAM,EAAK;UAAQ,CAAA,EACvE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;UAAI,WAAU;oBACX;UACE,CAAA,EACL,kBAAC,KAAD;UAAG,WAAU;oBACV,IACG,EAAE,4CAA4C,0BAA0B,EACtE,MAAM,GAAmB,EAAO,WAAW,EAC5C,CAAC,GACF,EAAE,8CAA8C,sBAAsB;UACxE,CAAA,CACA,EAAA,CAAA,CACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACG,IAAS,EAAa,EAAO,MAAM,GAAG,KACtC,KACC,kBAAC,QAAD;WAAM,WAAU;qBACb,EAAK;WACD,CAAA,CAEP;aACH,KAAS,QACR,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,QAAD;WAAM,WAAU;qBACd,kBAAC,IAAD;YAAkB;YAAO,MAAM,IAAI,EAAK;YAAQ,eAAe;YAAW,CAAA;WACrE,CAAA;UACH,CAAA,CAEJ;WACF;WAEN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,IAAD;SAAqB,OAAM;SAAO,QAAO;mBACvC,kBAAC,IAAD;UAAW,MAAM;UAAW,QAAQ;WAAE,KAAK;WAAG,OAAO;WAAI,QAAQ;WAAG,MAAM;WAAI;oBAA9E;WACE,kBAAC,QAAD,EAAA,UACE,kBAAC,kBAAD;YAAgB,IAAG;YAAoB,IAAG;YAAI,IAAG;YAAI,IAAG;YAAI,IAAG;sBAA/D;aACE,kBAAC,QAAD;cAAM,QAAO;cAAK,WAAW;cAAc,aAAa;cAAQ,CAAA;aAChE,kBAAC,QAAD;cAAM,QAAO;cAAM,WAAW;cAAc,aAAa;cAAQ,CAAA;aACjE,kBAAC,QAAD;cAAM,QAAO;cAAO,WAAW;cAAc,aAAa;cAAK,CAAA;aAChD;eACZ,CAAA;WACP,kBAAC,IAAD;YACE,QAAO;YACP,iBAAgB;YAChB,UAAU;YACV,CAAA;WACF,kBAAC,IAAD;YACE,SAAQ;YACR,QAAO;YACP,UAAU;YACV,UAAU;YACV,MAAM;aAAE,MAAM;aAA8B,UAAU;aAAI;YAC1D,YAAY;YACZ,YAAY;YACZ,CAAA;WACF,kBAAC,IAAD;YACE,QAAO;YACP,UAAU;YACV,UAAU;YACV,MAAM;aAAE,MAAM;aAA8B,UAAU;aAAI;YAC1D,OAAO;YACP,QAAQ,CAAC,QAAQ,OAAO;YACxB,CAAA;WACF,kBAAC,IAAD;YACE,QAAQ;aAAE,QAAQ;aAA4B,iBAAiB;aAAO;YACtE,cAAc;aACZ,YAAY;aACZ,QAAQ;aACR,cAAc;aACd,OAAO;aACR;YACD,YAAY,EAAE,OAAO,8BAA8B;YACnD,WAAW,EAAE,OAAO,6BAA6B;YACjD,YAAY,MAAU,CACpB,GAAG,EAAa,OAAO,EAAM,CAAC,CAAC,GAAG,EAAK,QACvC,EACD;YACD,CAAA;WACF,kBAAC,IAAD;YACE,MAAK;YACL,SAAQ;YACR,MAAM;YACN,QAAQ;YACR,aAAa;YACb,MAAK;YACL,aAAa;YACb,KAAK;YACL,WAAW;aACT,GAAG;aACH,aAAa;aACb,QAAQ;aACR,MAAM;aACP;YACD,mBAAmB,CAAC;YACpB,mBAAmB;YACnB,CAAA;WACD,KACC,kBAAC,GAAD;YACE,GAAG,EAAU;YACb,GAAG,EAAU;YACb,GAAG;YACH,SAAA;YACA,YAAW;YACX,MAAM;YACN,aAAa;YACb,QAAO;YACP,CAAA;WAEH,KACC,kBAAC,GAAD;YACE,GAAG,EAAU;YACb,GAAG,EAAU;YACb,GAAG;YACH,SAAA;YACA,YAAW;YACX,MAAM;YACN,QAAO;YACP,aAAa;YACb,CAAA;WAEM;;SACQ,CAAA;QAClB,CAAA,CACI;;MACD,CAAA;KAGZ,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,EAAO,KAAR;QAAY,GAAI,EAAK,IAAK;kBACxB,kBAAC,GAAD;SACE,WAAU;SACV,MAAM,kBAAC,GAAD;UAAU,MAAM,kBAAC,IAAD,EAAU,WAAU,WAAY,CAAA;UAAE,MAAM;UAAgB,CAAA;SAC9E,OAAO,EAAa,EAAM,MAAM;SAChC,OAAO,EAAE,8CAA8C,kBAAkB;SACzE,CAAA;QACS,CAAA;OACb,kBAAC,EAAO,KAAR;QAAY,GAAI,EAAK,IAAK;kBACxB,kBAAC,GAAD;SACE,WAAU;SACV,MAAM,kBAAC,GAAD;UAAU,MAAM,kBAAC,IAAD,EAAO,WAAU,WAAY,CAAA;UAAE,MAAM;UAAgB,CAAA;SAC3E,OAAO,GAAG,EAAa,EAAM,KAAK,EAAE,uBAAuB,GAAG,CAAC,CAAC,GAAG,EAAK;SACxE,OAAO,EACL,6CACA,6BACA,EAAE,QAAQ,EAAoB,aAAa,EAAE,CAC9C;SACD,CAAA;QACS,CAAA;OACb,kBAAC,EAAO,KAAR;QAAY,GAAI,EAAK,GAAI;kBACvB,kBAAC,GAAD;SACE,WAAU;SACV,MACE,kBAAC,GAAD;UAAU,MAAM,kBAAC,IAAD,EAAa,WAAU,WAAY,CAAA;UAAE,MAAM;UAAgB,CAAA;SAE7E,OAAO,GAAG,EAAa,EAAM,IAAI,CAAC,GAAG,EAAa,EAAM,IAAI;SAC5D,OAAO,EAAE,2CAA2C,2BAA2B,EAC7E,MAAM,EAAK,MACZ,CAAC;SACF,CAAA;QACS,CAAA;OACT;SACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,+CACA,kHACA;OACE,OAAO,EAAa,EAAM,MAAM;OAChC,QAAQ,EAAoB,aAAa;OACzC,QAAQ,EAAM,UAAU,IAAI,KAAK;OACjC,OAAO,EAAa,EAAa;OAClC,CACF;MACC,CAAA,CACA,EAAA,CAAA;KAIR,kBAAC,EAAO,KAAR;MAAY,GAAI,EAAK,KAAM,GAAM;gBAC/B,kBAAC,IAAD;OACE,OAAO,EAAE,8CAA8C,kBAAkB;OACzE,aAAa,EACX,yDACA,0CACD;iBAEA,EAAM,UACL,kBAAC,GAAD;QACE,SAAS,EACP,yCACA,8CACD;QACD,eAAe,EAAM,SAAS;QAC9B,CAAA,GACA,EAAM,aAAa,EAAU,WAAW,IAC1C,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAE,2CAA2C,wBAAwB;QAClE,CAAA,GACJ,EAAU,WAAW,IACvB,kBAAC,GAAD;QACE,cAAa;QACb,MAAM,kBAAC,GAAD,EAAY,WAAU,aAAc,CAAA;QAC1C,OAAO,EACL,8CACA,+BACD;QACD,aAAa,EACX,oDACA,8CACD;QACD,CAAA,GAEF,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,IAAD;QACE,SAAS;QACT,MAAM;QACN,SAAS,MAAQ,EAAI;QACrB,aAAa;SAAE,KAAK;SAAc,KAAK;SAAQ;QAC/C,CAAA,EACF,kBAAC,IAAD;QACE,MAAM,EAAM;QACZ,UAAU;QACV,WAAW,EAAU;QACrB,SAAS,EAAM,MAAM,UAAU,WAAW;QAC1C,eAAe,MAAM,EAAM,aAAa,EAAE;QAC1C,CAAA,CACD,EAAA,CAAA;OAEG,CAAA;MACC,CAAA;KACT;;GAIR,kBAAC,IAAD;IAAwB;IAAM,cAAc;cAC1C,kBAAC,IAAD,EAAA,UAAA;KACE,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UACG,EAAE,2CAA2C,qBAAqB,EAC7C,CAAA,EACxB,kBAAC,IAAD,EAAA,UACG,EACC,iDACA,kEACD,EAC2B,CAAA,CACP,EAAA,CAAA;KAEzB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;mBACZ,EAAE,sCAAsC,SAAS;SAC5C,CAAA,EACR,kBAAC,IAAD;SACE,OAAO,EAAK;SACZ,gBAAgB,MAAM;UAEpB,IAAM,IAAW;AACjB,aAAS,OAAU;WACjB,GAAG;WACH,MAAM;WACN,MAAM,EAAY,GAAU;WAC7B,EAAE;;mBATP,CAYE,kBAAC,IAAD;UAAe,IAAG;oBAChB,kBAAC,IAAD,EACE,aAAa,EACX,uDACA,kBACD,EACD,CAAA;UACY,CAAA,EAChB,kBAAC,IAAD,EAAA,UACG,EAAa,KAAK,MACjB,kBAAC,IAAD;UAAuB,OAAO;oBAC3B,EAAY,GAAG,EAAK;UACV,EAFI,EAEJ,CACb,EACY,CAAA,CACT;WACL;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;oBACZ,EAAE,qCAAqC,QAAQ;UAC1C,CAAA,EACR,kBAAC,GAAD;UACE,IAAG;UACH,MAAK;UACL,WAAU;UACV,MAAK;UACL,OAAO,EAAK;UACZ,WAAW,MAAM,GAAS,OAAU;WAAE,GAAG;WAAM,OAAO,EAAE,OAAO;WAAO,EAAE;UACxE,aAAY;UACZ,CAAA,CACE;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;oBAAmB,EAAE,4BAA4B,OAAO;UAAS,CAAA,EAChF,kBAAC,GAAD;UACE,IAAG;UACH,OAAO,EAAK;UACZ,WAAW,MAAM,GAAS,OAAU;WAAE,GAAG;WAAM,MAAM,EAAE,OAAO;WAAO,EAAE;UACvE,aAAa,EAAY,EAAK,MAAM;UACpC,CAAA,CACE;WACF;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;mBACZ,EAAE,0CAA0C,cAAc;SACrD,CAAA,EACR,kBAAC,GAAD;SACE,IAAG;SACH,MAAK;SACL,OAAO,EAAK;SACZ,WAAW,MAAM,GAAS,OAAU;UAAE,GAAG;UAAM,YAAY,EAAE,OAAO;UAAO,EAAE;SAC7E,CAAA,CACE;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAQ;mBAAoB,EAAE,6BAA6B,QAAQ;SAAS,CAAA,EACnF,kBAAC,IAAD;SACE,IAAG;SACH,OAAO,EAAK;SACZ,WAAW,MAAM,GAAS,OAAU;UAAE,GAAG;UAAM,OAAO,EAAE,OAAO;UAAO,EAAE;SACxE,aAAa,EACX,gDACA,oDACD;SACD,MAAM;SACN,CAAA,CACE;;OAIN,kBAAC,IAAD;QACE,IAAG;QACH,OAAO,EAAE,6CAA6C,4BAA4B;QAClF,OAAO,EAAK;QACZ,WAAW,MAAU,GAAS,OAAU;SAAE,GAAG;SAAM;SAAO,EAAE;QAC5D,QAAO;QACP,UAAU,EAAO;QACjB,MAAM,EACJ,iDACA,4CACD;QACD,CAAA;OAED,KAAa,kBAAC,KAAD;QAAG,WAAU;kBAAkC;QAAc,CAAA;OACvE;;KAEN,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,eAAe,EAAQ,GAAM;MAAE,UAAU,EAAO;gBACvE,EAAE,8BAA8B,SAAS;MACnC,CAAA,EACT,kBAAC,GAAD;MAAQ,SAAS;MAAQ,UAAU,EAAO;gBACvC,EAAO,YACJ,EAAE,iCAAiC,aAAa,GAChD,EAAE,sCAAsC,SAAS;MAC9C,CAAA,CACc,EAAA,CAAA;KACD,EAAA,CAAA;IACT,CAAA;GACR"}
1	+ {"version":3,"file":"ProgressPage.js","names":["_Fragment","Fragment$1","METRIC_TYPES","GOOD_DIRECTION","CHART_WINDOW","PAGE_SIZE","CHART_ACCENT","toLocalInput","pad","n","d","makeForm","METRIC_META","type","metricLabel","keyRoot","t","ProgressPage","useTr","selectedType","setSelectedType","useState","open","setOpen","form","setForm","formError","setFormError","pager","useOffsetPager","resetPager","history","useMybBodyMetrics","table","record","useMybRecordBodyMetric","reduced","useReducedMotion","rise","hover","meta","MetricIcon","goodDir","selectedMetricLabel","historyRows","useMemo","ascending","a","b","latest","prior","delta","chartData","formatDate","m","lastPoint","stats","values","metricOptions","openRecord","submit","numValue","input","tableRows","tableColumns","row","formatNumber","formatDateTime","FileLink","recordButton","Button","Plus","PageLayout","FilterTabs","LoadingView","ErrorView","EmptyState","motion","GlassCard","IconChip","formatRelativeTime","TrendPill","ResponsiveContainer","AreaChart","CartesianGrid","XAxis","YAxis","Tooltip","value","Area","ReferenceDot","MetricsCard","Activity","Sigma","ArrowDownUp","Section","DataTable","Pagination","ResponsiveDialog","ResponsiveDialogContent","ResponsiveDialogHeader","ResponsiveDialogTitle","ResponsiveDialogDescription","Label","Select","nextType","v","prev","SelectTrigger","SelectValue","SelectContent","SelectItem","Input","Textarea","EvidenceUpload","ResponsiveDialogFooter"],"sources":["../../../../src/mybodyshield/pages/progress/ProgressPage.tsx"],"sourcesContent":["/*\n Progress — body metrics over time.\n * @module mybodyshield/pages/progress\n \n A single-metric time-series view over the real `mybListBodyMetrics`\n * endpoint: pick a body-metric type (weight, body-fat, measurements…), see the\n * latest value + trend vs the previous reading, a token-styled line chart of the\n * history window, aggregate stats, and an offset-paginated log table. New\n * readings are recorded through `mybRecordBodyMetric`. No mock data — everything\n * derives from the hooks.\n /\n\nimport { useEffect, useMemo, useState } from 'react';\nimport {\n AreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ReferenceDot,\n ResponsiveContainer,\n} from 'recharts';\nimport { motion, useReducedMotion, type MotionProps } from 'framer-motion';\nimport { Plus, Activity, Sigma, ArrowDownUp } from 'lucide-react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n GlassCard,\n Select,\n SelectTrigger,\n SelectContent,\n SelectItem,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport {\n PageLayout,\n MetricsCard,\n FilterTabs,\n DataTable,\n Pagination,\n LoadingView,\n ErrorView,\n Section,\n EmptyState,\n EvidenceUpload,\n FileLink,\n type Column,\n type FilterOption,\n} from '../../components';\nimport { IconChip, TrendPill, METRIC_META } from '../_shared/visuals';\nimport {\n useMybBodyMetrics,\n useMybRecordBodyMetric,\n useOffsetPager,\n useTr,\n type UploadedMybFile,\n} from '../../hooks';\nimport type { MybBodyMetric, MybBodyMetricType, MybRecordMetricInput } from '../../types';\nimport {\n formatNumber,\n formatDate,\n formatDateTime,\n formatRelativeTime,\n} from '../../utils/formatters';\n\n// Ordered enum surface for the metric-type selector (METRIC_META is a Record).\nconst METRIC_TYPES: MybBodyMetricType[] = [\n 'WEIGHT',\n 'BODY_FAT',\n 'RESTING_HEART_RATE',\n 'WAIST',\n 'CHEST',\n 'HIPS',\n 'ARM',\n 'THIGH',\n];\n\n// Which direction of change is \"good\" per metric (drives TrendPill colouring).\nconst GOOD_DIRECTION: Record<MybBodyMetricType, 'up' \| 'down'> = {\n WEIGHT: 'down',\n BODY_FAT: 'down',\n RESTING_HEART_RATE: 'down',\n WAIST: 'down',\n HIPS: 'down',\n CHEST: 'up',\n ARM: 'up',\n THIGH: 'up',\n};\n\n// Window used for the chart / KPIs / aggregates (the log table paginates on top).\nconst CHART_WINDOW = 100;\nconst PAGE_SIZE = 25;\n\n// Brand emerald accent — the dominant color for the area chart, line & endpoint.\nconst CHART_ACCENT = 'var(--color-action-primary-bg)';\n\ninterface RecordForm {\n type: MybBodyMetricType;\n value: string;\n unit: string;\n measuredAt: string;\n notes: string;\n photo: UploadedMybFile \| null;\n}\n\n/* A `Date` → `<input type=\"datetime-local\">` value (local wall-clock time). /\nconst toLocalInput = (d: Date): string => {\n const pad = (n: number) => String(n).padStart(2, '0');\n return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;\n};\n\nconst makeForm = (type: MybBodyMetricType): RecordForm => ({\n type,\n value: '',\n unit: METRIC_META[type].unit,\n measuredAt: toLocalInput(new Date()),\n notes: '',\n photo: null,\n});\n\n/* Localised label for a body-metric enum value. /\nfunction metricLabel(t: ReturnType<typeof useTr>, type: MybBodyMetricType): string {\n const keyRoot = 'mybodyshield.pages.progress.metricNames';\n switch (type) {\n case 'WEIGHT':\n return t(`${keyRoot}.weight`, 'Weight');\n case 'BODY_FAT':\n return t(`${keyRoot}.bodyFat`, 'Body fat');\n case 'RESTING_HEART_RATE':\n return t(`${keyRoot}.restingHeartRate`, 'Resting heart rate');\n case 'WAIST':\n return t(`${keyRoot}.waist`, 'Waist');\n case 'CHEST':\n return t(`${keyRoot}.chest`, 'Chest');\n case 'HIPS':\n return t(`${keyRoot}.hips`, 'Hips');\n case 'ARM':\n return t(`${keyRoot}.arm`, 'Arm');\n case 'THIGH':\n return t(`${keyRoot}.thigh`, 'Thigh');\n }\n}\n\nexport function ProgressPage() {\n const t = useTr();\n const [selectedType, setSelectedType] = useState<MybBodyMetricType>('WEIGHT');\n const [open, setOpen] = useState(false);\n const [form, setForm] = useState<RecordForm>(() => makeForm('WEIGHT'));\n const [formError, setFormError] = useState<string \| null>(null);\n\n const pager = useOffsetPager(PAGE_SIZE);\n\n // Reset the log table to page 1 whenever the metric type changes.\n // Depend on the stable `pager.reset` (NOT the whole pager, whose identity\n // changes with `page`) so advancing pages doesn't snap back to page 1.\n const resetPager = pager.reset;\n useEffect(() => {\n resetPager();\n }, [selectedType, resetPager]);\n\n // Wide window drives the chart, latest/trend KPIs and aggregate stats.\n const history = useMybBodyMetrics({\n type: selectedType,\n pagination: { limit: CHART_WINDOW },\n });\n // Independent offset-paginated slice powers the log table.\n const table = useMybBodyMetrics({\n type: selectedType,\n pagination: { limit: PAGE_SIZE, offset: pager.offset },\n });\n const record = useMybRecordBodyMetric();\n\n const reduced = useReducedMotion();\n const rise = (delay: number, hover = true): MotionProps =>\n reduced\n ? { initial: false }\n : {\n initial: { opacity: 0, y: 14 },\n animate: { opacity: 1, y: 0 },\n transition: { duration: 0.45, delay, ease: 'easeOut' },\n ...(hover\n ? {\n whileHover: {\n y: -3,\n transition: { type: 'spring', stiffness: 300, damping: 22 },\n },\n }\n : {}),\n };\n\n const meta = METRIC_META[selectedType];\n const MetricIcon = meta.icon;\n const goodDir = GOOD_DIRECTION[selectedType];\n const selectedMetricLabel = metricLabel(t, selectedType);\n\n const historyRows = useMemo<MybBodyMetric[]>(() => history.data?.items ?? [], [history.data]);\n\n // Ascending by measuredAt → chart series + robust latest/prior derivation.\n const ascending = useMemo(\n () =>\n [...historyRows].sort(\n (a, b) => new Date(a.measuredAt).getTime() - new Date(b.measuredAt).getTime()\n ),\n [historyRows]\n );\n\n const latest = ascending[ascending.length - 1];\n const prior = ascending[ascending.length - 2];\n const delta = latest && prior ? latest.value - prior.value : undefined;\n\n const chartData = useMemo(\n () => ascending.map((m) => ({ label: formatDate(m.measuredAt), value: m.value })),\n [ascending]\n );\n const lastPoint = chartData.length > 0 ? chartData[chartData.length - 1] : undefined;\n\n const stats = useMemo(() => {\n if (ascending.length === 0) return null;\n const values = ascending.map((m) => m.value);\n return {\n count: values.length,\n min: Math.min(...values),\n max: Math.max(...values),\n avg: values.reduce((a, b) => a + b, 0) / values.length,\n };\n }, [ascending]);\n\n const metricOptions: FilterOption<MybBodyMetricType>[] = METRIC_TYPES.map((type) => ({\n value: type,\n label: metricLabel(t, type),\n }));\n\n const openRecord = () => {\n setForm(makeForm(selectedType));\n setFormError(null);\n setOpen(true);\n };\n\n const submit = async () => {\n const numValue = Number(form.value);\n if (form.value.trim() === '' \|\| !Number.isFinite(numValue)) {\n setFormError(\n t('mybodyshield.pages.progress.invalidValue', 'Enter a valid measurement value.')\n );\n return;\n }\n setFormError(null);\n const input: MybRecordMetricInput = {\n type: form.type,\n value: numValue,\n unit: form.unit.trim() \|\| METRIC_META[form.type].unit,\n measuredAt: form.measuredAt\n ? new Date(form.measuredAt).toISOString()\n : new Date().toISOString(),\n notes: form.notes.trim() ? form.notes.trim() : null,\n photoFileId: form.photo?.fileId ?? null,\n };\n try {\n await record.mutateAsync(input);\n setOpen(false);\n // Surface the just-recorded type so the new reading is visible immediately.\n setSelectedType(form.type);\n pager.reset();\n } catch (e) {\n setFormError(\n e instanceof Error\n ? e.message\n : t('mybodyshield.pages.progress.failedToRecord', 'Failed to record measurement.')\n );\n }\n };\n\n const tableRows = table.data?.items ?? [];\n const tableColumns: Column<MybBodyMetric>[] = [\n {\n key: 'value',\n header: t('mybodyshield.pages.progress.valueColumn', 'Value'),\n align: 'right',\n sortValue: (row) => row.value,\n render: (row) => (\n <span className=\"font-medium tabular-nums text-text-primary\">\n {formatNumber(row.value)}\n <span className=\"ml-1 text-xs font-normal text-text-tertiary\">{row.unit}</span>\n </span>\n ),\n },\n {\n key: 'measuredAt',\n header: t('mybodyshield.pages.progress.measuredColumn', 'Measured'),\n sortValue: (row) => new Date(row.measuredAt).getTime(),\n render: (row) => (\n <span className=\"whitespace-nowrap text-text-secondary\">\n {formatDateTime(row.measuredAt)}\n </span>\n ),\n },\n {\n key: 'notes',\n header: t('mybodyshield.pages.progress.notesColumn', 'Notes'),\n hideOnMobile: true,\n render: (row) =>\n row.notes ? (\n <span className=\"text-text-secondary\">{row.notes}</span>\n ) : (\n <span className=\"text-text-tertiary\">—</span>\n ),\n },\n {\n key: 'photo',\n header: t('mybodyshield.pages.progress.photoColumn', 'Photo'),\n render: (row) =>\n row.photo?.id ? (\n <FileLink fileId={row.photo.id} />\n ) : (\n <span className=\"text-text-tertiary\">—</span>\n ),\n },\n ];\n\n const recordButton = (\n <Button onClick={openRecord}>\n <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n {t('mybodyshield.pages.progress.recordMeasurement', 'Record measurement')}\n </Button>\n );\n\n return (\n <PageLayout\n title={t('mybodyshield.pages.progress.title', 'Progress')}\n description={t(\n 'mybodyshield.pages.progress.description',\n 'Body metrics over time — weight, composition & measurements.'\n )}\n actions={recordButton}\n >\n {/ Metric-type selector /}\n <div className=\"mb-6 overflow-x-auto\">\n <FilterTabs options={metricOptions} value={selectedType} onChange={setSelectedType} />\n </div>\n\n {history.isLoading && historyRows.length === 0 ? (\n <LoadingView\n label={t('mybodyshield.pages.progress.loading', 'Loading {{metric}} history…', {\n metric: selectedMetricLabel.toLowerCase(),\n })}\n />\n ) : history.isError ? (\n <ErrorView\n message={t(\n 'mybodyshield.pages.progress.error',\n \"We couldn't load your body-metric history.\"\n )}\n onRetry={() => history.refetch()}\n />\n ) : historyRows.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<MetricIcon className=\"h-10 w-10\" />}\n title={t('mybodyshield.pages.progress.emptyTitle', 'No {{metric}} readings yet', {\n metric: selectedMetricLabel.toLowerCase(),\n })}\n description={t(\n 'mybodyshield.pages.progress.emptyDescription',\n 'Record a measurement to start tracking this metric over time.'\n )}\n action={\n <Button onClick={openRecord}>\n <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n {t('mybodyshield.pages.progress.recordMeasurement', 'Record measurement')}\n </Button>\n }\n />\n ) : (\n <div className=\"space-y-6\">\n {/ Latest + trend + chart /}\n <motion.div {...rise(0)}>\n <GlassCard\n treatment=\"glass\"\n className=\"rounded-2xl p-6 transition-shadow duration-300 hover:shadow-2xl\"\n >\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"flex items-center gap-3\">\n <IconChip icon={<MetricIcon className=\"h-5 w-5\" />} tint={meta.tint} />\n <div>\n <h2 className=\"text-base font-semibold text-text-primary\">\n {selectedMetricLabel}\n </h2>\n <p className=\"text-sm text-text-secondary\">\n {latest\n ? t('mybodyshield.pages.progress.lastMeasured', 'Last measured {{time}}', {\n time: formatRelativeTime(latest.measuredAt),\n })\n : t('mybodyshield.pages.progress.noMeasurements', 'No measurements yet')}\n </p>\n </div>\n </div>\n <div className=\"text-right\">\n <p className=\"text-3xl font-bold leading-none tracking-tight tabular-nums text-text-primary sm:text-4xl\">\n {latest ? formatNumber(latest.value) : '—'}\n {latest && (\n <span className=\"ml-1 text-base font-medium text-text-tertiary\">\n {meta.unit}\n </span>\n )}\n </p>\n {delta != null && (\n <div className=\"mt-2 flex justify-end\">\n <span className=\"inline-flex items-center rounded-full bg-bg-sunken px-2.5 py-1 ring-1 ring-border-seam\">\n <TrendPill delta={delta} unit={` ${meta.unit}`} goodDirection={goodDir} />\n </span>\n </div>\n )}\n </div>\n </div>\n\n <div className=\"mt-6 h-64 w-full\">\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <AreaChart data={chartData} margin={{ top: 8, right: 14, bottom: 4, left: -8 }}>\n <defs>\n <linearGradient id=\"myb-progress-fill\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={CHART_ACCENT} stopOpacity={0.38} />\n <stop offset=\"55%\" stopColor={CHART_ACCENT} stopOpacity={0.12} />\n <stop offset=\"100%\" stopColor={CHART_ACCENT} stopOpacity={0} />\n </linearGradient>\n </defs>\n <CartesianGrid\n stroke=\"var(--color-border-seam)\"\n strokeDasharray=\"4 4\"\n vertical={false}\n />\n <XAxis\n dataKey=\"label\"\n stroke=\"var(--color-border-seam)\"\n tickLine={false}\n axisLine={false}\n tick={{ fill: 'var(--color-text-tertiary)', fontSize: 12 }}\n tickMargin={8}\n minTickGap={24}\n />\n <YAxis\n stroke=\"var(--color-border-seam)\"\n tickLine={false}\n axisLine={false}\n tick={{ fill: 'var(--color-text-tertiary)', fontSize: 12 }}\n width={44}\n domain={['auto', 'auto']}\n />\n <Tooltip\n cursor={{ stroke: 'var(--color-border-seam)', strokeDasharray: '4 4' }}\n contentStyle={{\n background: 'var(--color-bg-surface)',\n border: '1px solid var(--color-border-seam)',\n borderRadius: 12,\n color: 'var(--color-text-primary)',\n }}\n labelStyle={{ color: 'var(--color-text-tertiary)' }}\n itemStyle={{ color: 'var(--color-text-primary)' }}\n formatter={(value) => [\n `${formatNumber(Number(value))} ${meta.unit}`,\n selectedMetricLabel,\n ]}\n />\n <Area\n type=\"monotone\"\n dataKey=\"value\"\n name={selectedMetricLabel}\n stroke={CHART_ACCENT}\n strokeWidth={2.5}\n fill=\"url(#myb-progress-fill)\"\n fillOpacity={1}\n dot={false}\n activeDot={{\n r: 5,\n strokeWidth: 2,\n stroke: 'var(--color-bg-surface)',\n fill: CHART_ACCENT,\n }}\n isAnimationActive={!reduced}\n animationDuration={900}\n />\n {lastPoint && (\n <ReferenceDot\n x={lastPoint.label}\n y={lastPoint.value}\n r={12}\n isFront\n ifOverflow=\"visible\"\n fill={CHART_ACCENT}\n fillOpacity={0.16}\n stroke=\"none\"\n />\n )}\n {lastPoint && (\n <ReferenceDot\n x={lastPoint.label}\n y={lastPoint.value}\n r={5}\n isFront\n ifOverflow=\"visible\"\n fill={CHART_ACCENT}\n stroke=\"var(--color-bg-surface)\"\n strokeWidth={2}\n />\n )}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n </GlassCard>\n </motion.div>\n\n {/ Aggregate stats over the loaded window (not full history) /}\n {stats && (\n <div>\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <motion.div {...rise(0.08)}>\n <MetricsCard\n className=\"h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl\"\n icon={<IconChip icon={<Activity className=\"h-5 w-5\" />} tint={CHART_ACCENT} />}\n value={formatNumber(stats.count)}\n label={t('mybodyshield.pages.progress.recentReadings', 'Recent readings')}\n />\n </motion.div>\n <motion.div {...rise(0.14)}>\n <MetricsCard\n className=\"h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl\"\n icon={<IconChip icon={<Sigma className=\"h-5 w-5\" />} tint={CHART_ACCENT} />}\n value={`${formatNumber(stats.avg, { maximumFractionDigits: 1 })} ${meta.unit}`}\n label={t(\n 'mybodyshield.pages.progress.windowAverage',\n 'Window average {{metric}}',\n { metric: selectedMetricLabel.toLowerCase() }\n )}\n />\n </motion.div>\n <motion.div {...rise(0.2)}>\n <MetricsCard\n className=\"h-full rounded-2xl transition-shadow duration-300 hover:shadow-xl\"\n icon={\n <IconChip icon={<ArrowDownUp className=\"h-5 w-5\" />} tint={CHART_ACCENT} />\n }\n value={`${formatNumber(stats.min)}–${formatNumber(stats.max)}`}\n label={t('mybodyshield.pages.progress.windowRange', 'Window range ({{unit}})', {\n unit: meta.unit,\n })}\n />\n </motion.div>\n </div>\n <p className=\"mt-2 text-xs text-text-tertiary\">\n {t(\n 'mybodyshield.pages.progress.basedOnReadings',\n 'Based on your most recent {{count}} {{metric}} reading{{plural}} (up to {{limit}}) — not a full-history total.',\n {\n count: formatNumber(stats.count),\n metric: selectedMetricLabel.toLowerCase(),\n plural: stats.count === 1 ? '' : 's',\n limit: formatNumber(CHART_WINDOW),\n }\n )}\n </p>\n </div>\n )}\n\n {/ Full measurement log /}\n <motion.div {...rise(0.26, false)}>\n <Section\n title={t('mybodyshield.pages.progress.measurementLog', 'Measurement log')}\n description={t(\n 'mybodyshield.pages.progress.measurementLogDescription',\n 'Every recorded reading for this metric.'\n )}\n >\n {table.isError ? (\n <ErrorView\n message={t(\n 'mybodyshield.pages.progress.pageError',\n \"We couldn't load this page of measurements.\"\n )}\n onRetry={() => table.refetch()}\n />\n ) : table.isLoading && tableRows.length === 0 ? (\n <div className=\"py-8 text-center text-sm text-text-secondary\">\n {t('mybodyshield.pages.progress.pageLoading', 'Loading measurements…')}\n </div>\n ) : tableRows.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n icon={<MetricIcon className=\"h-10 w-10\" />}\n title={t(\n 'mybodyshield.pages.progress.pageEmptyTitle',\n 'No measurements on this page'\n )}\n description={t(\n 'mybodyshield.pages.progress.pageEmptyDescription',\n 'Go back a page or record a new measurement.'\n )}\n />\n ) : (\n <>\n <DataTable\n columns={tableColumns}\n rows={tableRows}\n rowKey={(row) => row.id}\n defaultSort={{ key: 'measuredAt', dir: 'desc' }}\n />\n <Pagination\n page={pager.page}\n pageSize={PAGE_SIZE}\n itemCount={tableRows.length}\n hasMore={table.data?.pageInfo?.hasMore ?? false}\n onPageChange={(t) => pager.onPageChange(t)}\n />\n </>\n )}\n </Section>\n </motion.div>\n </div>\n )}\n\n {/ Record-measurement dialog /}\n <ResponsiveDialog open={open} onOpenChange={setOpen}>\n <ResponsiveDialogContent>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>\n {t('mybodyshield.pages.progress.dialogTitle', 'Record measurement')}\n </ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n {t(\n 'mybodyshield.pages.progress.dialogDescription',\n 'Log a new body-metric reading to track your progress over time.'\n )}\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"space-y-4 py-2\">\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-type\">\n {t('mybodyshield.pages.progress.metric', 'Metric')}\n </Label>\n <Select\n value={form.type}\n onValueChange={(v) => {\n // `v` is constrained to METRIC_TYPES by the SelectItems below.\n const nextType = v as MybBodyMetricType;\n setForm((prev) => ({\n ...prev,\n type: nextType,\n unit: METRIC_META[nextType].unit,\n }));\n }}\n >\n <SelectTrigger id=\"myb-metric-type\">\n <SelectValue\n placeholder={t(\n 'mybodyshield.pages.progress.selectMetricPlaceholder',\n 'Select a metric'\n )}\n />\n </SelectTrigger>\n <SelectContent>\n {METRIC_TYPES.map((type) => (\n <SelectItem key={type} value={type}>\n {metricLabel(t, type)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid grid-cols-2 gap-3\">\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-value\">\n {t('mybodyshield.pages.progress.value', 'Value')}\n </Label>\n <Input\n id=\"myb-metric-value\"\n type=\"number\"\n inputMode=\"decimal\"\n step=\"any\"\n value={form.value}\n onChange={(e) => setForm((prev) => ({ ...prev, value: e.target.value }))}\n placeholder=\"0\"\n />\n </div>\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-unit\">{t('mybodyshield.common.unit', 'Unit')}</Label>\n <Input\n id=\"myb-metric-unit\"\n value={form.unit}\n onChange={(e) => setForm((prev) => ({ ...prev, unit: e.target.value }))}\n placeholder={METRIC_META[form.type].unit}\n />\n </div>\n </div>\n\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-measured\">\n {t('mybodyshield.pages.progress.measuredAt', 'Measured at')}\n </Label>\n <Input\n id=\"myb-metric-measured\"\n type=\"datetime-local\"\n value={form.measuredAt}\n onChange={(e) => setForm((prev) => ({ ...prev, measuredAt: e.target.value }))}\n />\n </div>\n\n <div className=\"space-y-1.5\">\n <Label htmlFor=\"myb-metric-notes\">{t('mybodyshield.common.notes', 'Notes')}</Label>\n <Textarea\n id=\"myb-metric-notes\"\n value={form.notes}\n onChange={(e) => setForm((prev) => ({ ...prev, notes: e.target.value }))}\n placeholder={t(\n 'mybodyshield.pages.progress.notesPlaceholder',\n 'Optional context (fasted, post-workout, morning…)'\n )}\n rows={3}\n />\n </div>\n\n {/ Optional progress photo — uploads via useMybFileUpload (byte-progress\n + inline error handled inside EvidenceUpload) and sets photoFileId. /}\n <EvidenceUpload\n id=\"myb-metric-photo\"\n label={t('mybodyshield.pages.progress.progressPhoto', 'Progress photo (optional)')}\n value={form.photo}\n onChange={(photo) => setForm((prev) => ({ ...prev, photo }))}\n accept=\"image/\"\n disabled={record.isPending}\n hint={t(\n 'mybodyshield.pages.progress.progressPhotoHint',\n 'Attach a progress photo for this reading.'\n )}\n />\n\n {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={() => setOpen(false)} disabled={record.isPending}>\n {t('mybodyshield.common.cancel', 'Cancel')}\n </Button>\n <Button onClick={submit} disabled={record.isPending}>\n {record.isPending\n ? t('mybodyshield.common.recording', 'Recording…')\n : t('mybodyshield.pages.progress.record', 'Record')}\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/recovery/MindfulnessPage.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export declare function MindfulnessPage(): import("react").JSX.Element;
+export declare function MindfulnessPage(): import('react').JSX.Element;
 //# sourceMappingURL=MindfulnessPage.d.ts.map

package/dist/mybodyshield/pages/recovery/MindfulnessPage.js CHANGED Viewed

@@ -2,14 +2,14 @@ import { PageLayout as e } from "../../components/PageLayout.js";
 import { EmptyState as t } from "../../components/EmptyState.js";
 import { useMybCompleteMindfulnessSession as n, useMybMindfulnessExercises as r, useMybMindfulnessSessions as i } from "../../hooks/useMyBodyShieldApi.js";
 import { useTr as a } from "../../hooks/useTr.js";
-import "../../hooks/index.js";
-import { ErrorView as o, LoadingView as s, Section as c } from "../../components/StateViews.js";
 import "../../components/index.js";
+import { ErrorView as o, LoadingView as s, Section as c } from "../../components/StateViews.js";
+import "../../hooks/index.js";
 import { useEffect as l, useMemo as u, useState as d } from "react";
 import { CheckCircle2 as f, Wind as p } from "lucide-react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Button as g, GlassCard as _, Spinner as v } from "@burdenoff/fe-libs/ui";
-//#region src/mybodyshield/pages/recovery/MindfulnessPage.tsx
+// src/mybodyshield/pages/recovery/MindfulnessPage.tsx
 var y = {
 	READY: "Ready",
 	INHALE: "Inhale",
@@ -175,7 +175,6 @@ function x() {
 		})]
 	});
 }
-//#endregion
 export { x as MindfulnessPage };
 //# sourceMappingURL=MindfulnessPage.js.map

package/dist/mybodyshield/pages/recovery/MindfulnessPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MindfulnessPage.js","names":[],"sources":["../../../../src/mybodyshield/pages/recovery/MindfulnessPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Wind, CheckCircle2 } from 'lucide-react';\nimport { Button, GlassCard, Spinner } from '@burdenoff/fe-libs/ui';\nimport { EmptyState, ErrorView, LoadingView, PageLayout, Section } from '../../components';\nimport {\n useMybCompleteMindfulnessSession,\n useMybMindfulnessExercises,\n useMybMindfulnessSessions,\n useTr,\n} from '../../hooks';\nimport type { MybMindfulnessExercise } from '../../types';\n\ntype Phase = 'READY' \| 'INHALE' \| 'HOLD' \| 'EXHALE' \| 'DONE';\n\nconst phaseLabel: Record<Phase, string> = {\n READY: 'Ready',\n INHALE: 'Inhale',\n HOLD: 'Hold',\n EXHALE: 'Exhale',\n DONE: 'Complete',\n};\n\nfunction phaseDuration(exercise: MybMindfulnessExercise, phase: Phase): number {\n if (phase === 'INHALE') return exercise.inhaleSeconds;\n if (phase === 'HOLD') return exercise.holdSeconds;\n if (phase === 'EXHALE') return exercise.exhaleSeconds;\n return 0;\n}\n\nexport function MindfulnessPage() {\n const t = useTr();\n const exercises = useMybMindfulnessExercises();\n const sessions = useMybMindfulnessSessions();\n const complete = useMybCompleteMindfulnessSession();\n const [selected, setSelected] = useState<MybMindfulnessExercise \| null>(null);\n const [phase, setPhase] = useState<Phase>('READY');\n const [remaining, setRemaining] = useState(0);\n const [cycle, setCycle] = useState(0);\n const [startedAt, setStartedAt] = useState<string \| null>(null);\n\n const exerciseList = exercises.data ?? [];\n const active = selected ?? exerciseList[0];\n const history = sessions.data?.items ?? [];\n const totalCompleted = history.length;\n\n const phaseProgress = useMemo(() => {\n if (!active \|\| phase === 'READY' \|\| phase === 'DONE') return 0;\n const duration = phaseDuration(active, phase);\n return duration > 0 ? Math.max(0, Math.min(1, remaining / duration)) : 0;\n }, [active, phase, remaining]);\n\n useEffect(() => {\n if (!active \|\| phase === 'READY' \|\| phase === 'DONE') return undefined;\n const timer = window.setInterval(() => setRemaining((value) => value - 1), 1000);\n return () => window.clearInterval(timer);\n }, [active, phase]);\n\n useEffect(() => {\n if (!active \|\| phase === 'READY' \|\| phase === 'DONE' \|\| remaining > 0) return;\n const transition = window.setTimeout(() => {\n if (phase === 'INHALE') {\n setPhase(active.holdSeconds > 0 ? 'HOLD' : 'EXHALE');\n setRemaining(active.holdSeconds > 0 ? active.holdSeconds : active.exhaleSeconds);\n } else if (phase === 'HOLD') {\n setPhase('EXHALE');\n setRemaining(active.exhaleSeconds);\n } else if (cycle < active.cycles) {\n const nextCycle = cycle + 1;\n setCycle(nextCycle);\n if (nextCycle >= active.cycles) {\n setPhase('DONE');\n if (startedAt) {\n void complete.mutateAsync({\n exerciseId: active.id,\n startedAt,\n completedAt: new Date().toISOString(),\n durationSeconds: active.durationSeconds,\n cyclesCompleted: active.cycles,\n });\n }\n } else {\n setPhase('INHALE');\n setRemaining(active.inhaleSeconds);\n }\n }\n }, 0);\n return () => window.clearTimeout(transition);\n }, [active, complete, cycle, phase, remaining, startedAt]);\n\n const start = () => {\n if (!active) return;\n setStartedAt(new Date().toISOString());\n setCycle(0);\n setPhase('INHALE');\n setRemaining(active.inhaleSeconds);\n };\n\n if (exercises.isLoading)\n return (\n <LoadingView label={t('mybodyshield.mindfulness.loading', 'Loading breathing exercises…')} />\n );\n if (exercises.isError)\n return (\n <ErrorView\n message={t('mybodyshield.mindfulness.error', 'Could not load breathing exercises.')}\n />\n );\n\n return (\n <PageLayout\n title={t('mybodyshield.mindfulness.title', 'Mindfulness')}\n description={t(\n 'mybodyshield.mindfulness.description',\n 'Short, self-paced breathing exercises. Stop if they feel uncomfortable.'\n )}\n >\n <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_280px]\">\n <GlassCard className=\"p-6\">\n {!active ? (\n <EmptyState\n title=\"No exercises available\"\n description=\"The product-authored exercise catalog is empty.\"\n />\n ) : (\n <div className=\"flex flex-col items-center gap-6 text-center\">\n <div\n className=\"flex h-36 w-36 items-center justify-center rounded-full bg-status-success-bg transition-transform duration-1000\"\n style={{\n transform: `scale(${phase === 'INHALE' ? 1.18 : phase === 'EXHALE' ? 0.88 : 1})`,\n }}\n >\n <Wind className=\"h-14 w-14 text-status-success-text\" aria-hidden=\"true\" />\n </div>\n <div>\n <p className=\"text-sm font-medium uppercase tracking-wide text-status-success-text\">\n {phaseLabel[phase]}\n </p>\n <h2 className=\"mt-1 text-2xl font-semibold text-text-primary\">{active.title}</h2>\n <p className=\"mt-2 max-w-lg text-sm text-text-secondary\">{active.description}</p>\n </div>\n {phase !== 'READY' && phase !== 'DONE' && (\n <div className=\"w-full max-w-sm\" aria-live=\"polite\">\n <div className=\"text-5xl font-semibold tabular-nums\">{remaining}</div>\n <div className=\"mt-3 h-2 overflow-hidden rounded-full bg-bg-subtle\">\n <div\n className=\"h-full bg-status-success-text transition-all\"\n style={{ width: `${phaseProgress * 100}%` }}\n />\n </div>\n <p className=\"mt-2 text-sm text-text-secondary\">\n Cycle {Math.min(cycle + 1, active.cycles)} of {active.cycles}\n </p>\n </div>\n )}\n {phase === 'DONE' ? (\n <div className=\"flex items-center gap-2 text-status-success-text\">\n <CheckCircle2 className=\"h-5 w-5\" /> Session saved\n </div>\n ) : (\n <Button onClick={start} disabled={phase !== 'READY' \|\| complete.isPending}>\n {phase === 'READY' ? 'Start exercise' : 'In progress'}\n </Button>\n )}\n </div>\n )}\n </GlassCard>\n\n <Section title=\"Exercises\">\n <div className=\"space-y-2\">\n {exerciseList.map((exercise) => (\n <button\n key={exercise.id}\n type=\"button\"\n onClick={() => phase === 'READY' && setSelected(exercise)}\n className={`w-full rounded-lg border border-edge-default p-3 text-left ${active?.id === exercise.id ? 'bg-status-success-bg' : 'bg-bg-surface'}`}\n >\n <div className=\"font-medium text-text-primary\">{exercise.title}</div>\n <div className=\"text-sm text-text-secondary\">\n {Math.round(exercise.durationSeconds / 60)} min · {exercise.cycles} cycles\n </div>\n </button>\n ))}\n </div>\n </Section>\n </div>\n <Section title=\"Completed sessions\">\n {sessions.isLoading ? (\n <Spinner size=\"sm\" />\n ) : totalCompleted === 0 ? (\n <EmptyState title=\"No sessions yet\" description=\"Completed exercises will appear here.\" />\n ) : (\n <div className=\"space-y-2\">\n {history.slice(0, 10).map((session) => (\n <div\n key={session.id}\n className=\"flex items-center justify-between rounded-lg border border-edge-default p-3 text-sm\"\n >\n <span className=\"text-text-primary\">{session.exercise.title}</span>\n <span className=\"text-text-secondary\">\n {new Date(session.completedAt).toLocaleDateString()}\n </span>\n </div>\n ))}\n </div>\n )}\n </Section>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"MindfulnessPage.js","names":["phaseLabel","phaseDuration","phase","exercise","MindfulnessPage","t","useTr","exercises","useMybMindfulnessExercises","sessions","useMybMindfulnessSessions","complete","useMybCompleteMindfulnessSession","selected","setSelected","useState","setPhase","remaining","setRemaining","cycle","setCycle","startedAt","setStartedAt","exerciseList","active","history","totalCompleted","phaseProgress","useMemo","duration","useEffect","timer","value","transition","nextCycle","LoadingView","ErrorView","PageLayout","GlassCard","Wind","CheckCircle2","Button","EmptyState","Section","Spinner","session"],"sources":["../../../../src/mybodyshield/pages/recovery/MindfulnessPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Wind, CheckCircle2 } from 'lucide-react';\nimport { Button, GlassCard, Spinner } from '@burdenoff/fe-libs/ui';\nimport { EmptyState, ErrorView, LoadingView, PageLayout, Section } from '../../components';\nimport {\n useMybCompleteMindfulnessSession,\n useMybMindfulnessExercises,\n useMybMindfulnessSessions,\n useTr,\n} from '../../hooks';\nimport type { MybMindfulnessExercise } from '../../types';\n\ntype Phase = 'READY' \| 'INHALE' \| 'HOLD' \| 'EXHALE' \| 'DONE';\n\nconst phaseLabel: Record<Phase, string> = {\n READY: 'Ready',\n INHALE: 'Inhale',\n HOLD: 'Hold',\n EXHALE: 'Exhale',\n DONE: 'Complete',\n};\n\nfunction phaseDuration(exercise: MybMindfulnessExercise, phase: Phase): number {\n if (phase === 'INHALE') return exercise.inhaleSeconds;\n if (phase === 'HOLD') return exercise.holdSeconds;\n if (phase === 'EXHALE') return exercise.exhaleSeconds;\n return 0;\n}\n\nexport function MindfulnessPage() {\n const t = useTr();\n const exercises = useMybMindfulnessExercises();\n const sessions = useMybMindfulnessSessions();\n const complete = useMybCompleteMindfulnessSession();\n const [selected, setSelected] = useState<MybMindfulnessExercise \| null>(null);\n const [phase, setPhase] = useState<Phase>('READY');\n const [remaining, setRemaining] = useState(0);\n const [cycle, setCycle] = useState(0);\n const [startedAt, setStartedAt] = useState<string \| null>(null);\n\n const exerciseList = exercises.data ?? [];\n const active = selected ?? exerciseList[0];\n const history = sessions.data?.items ?? [];\n const totalCompleted = history.length;\n\n const phaseProgress = useMemo(() => {\n if (!active \|\| phase === 'READY' \|\| phase === 'DONE') return 0;\n const duration = phaseDuration(active, phase);\n return duration > 0 ? Math.max(0, Math.min(1, remaining / duration)) : 0;\n }, [active, phase, remaining]);\n\n useEffect(() => {\n if (!active \|\| phase === 'READY' \|\| phase === 'DONE') return undefined;\n const timer = window.setInterval(() => setRemaining((value) => value - 1), 1000);\n return () => window.clearInterval(timer);\n }, [active, phase]);\n\n useEffect(() => {\n if (!active \|\| phase === 'READY' \|\| phase === 'DONE' \|\| remaining > 0) return;\n const transition = window.setTimeout(() => {\n if (phase === 'INHALE') {\n setPhase(active.holdSeconds > 0 ? 'HOLD' : 'EXHALE');\n setRemaining(active.holdSeconds > 0 ? active.holdSeconds : active.exhaleSeconds);\n } else if (phase === 'HOLD') {\n setPhase('EXHALE');\n setRemaining(active.exhaleSeconds);\n } else if (cycle < active.cycles) {\n const nextCycle = cycle + 1;\n setCycle(nextCycle);\n if (nextCycle >= active.cycles) {\n setPhase('DONE');\n if (startedAt) {\n void complete.mutateAsync({\n exerciseId: active.id,\n startedAt,\n completedAt: new Date().toISOString(),\n durationSeconds: active.durationSeconds,\n cyclesCompleted: active.cycles,\n });\n }\n } else {\n setPhase('INHALE');\n setRemaining(active.inhaleSeconds);\n }\n }\n }, 0);\n return () => window.clearTimeout(transition);\n }, [active, complete, cycle, phase, remaining, startedAt]);\n\n const start = () => {\n if (!active) return;\n setStartedAt(new Date().toISOString());\n setCycle(0);\n setPhase('INHALE');\n setRemaining(active.inhaleSeconds);\n };\n\n if (exercises.isLoading)\n return (\n <LoadingView label={t('mybodyshield.mindfulness.loading', 'Loading breathing exercises…')} />\n );\n if (exercises.isError)\n return (\n <ErrorView\n message={t('mybodyshield.mindfulness.error', 'Could not load breathing exercises.')}\n />\n );\n\n return (\n <PageLayout\n title={t('mybodyshield.mindfulness.title', 'Mindfulness')}\n description={t(\n 'mybodyshield.mindfulness.description',\n 'Short, self-paced breathing exercises. Stop if they feel uncomfortable.'\n )}\n >\n <div className=\"grid gap-6 lg:grid-cols-[minmax(0,1fr)_280px]\">\n <GlassCard className=\"p-6\">\n {!active ? (\n <EmptyState\n title=\"No exercises available\"\n description=\"The product-authored exercise catalog is empty.\"\n />\n ) : (\n <div className=\"flex flex-col items-center gap-6 text-center\">\n <div\n className=\"flex h-36 w-36 items-center justify-center rounded-full bg-status-success-bg transition-transform duration-1000\"\n style={{\n transform: `scale(${phase === 'INHALE' ? 1.18 : phase === 'EXHALE' ? 0.88 : 1})`,\n }}\n >\n <Wind className=\"h-14 w-14 text-status-success-text\" aria-hidden=\"true\" />\n </div>\n <div>\n <p className=\"text-sm font-medium uppercase tracking-wide text-status-success-text\">\n {phaseLabel[phase]}\n </p>\n <h2 className=\"mt-1 text-2xl font-semibold text-text-primary\">{active.title}</h2>\n <p className=\"mt-2 max-w-lg text-sm text-text-secondary\">{active.description}</p>\n </div>\n {phase !== 'READY' && phase !== 'DONE' && (\n <div className=\"w-full max-w-sm\" aria-live=\"polite\">\n <div className=\"text-5xl font-semibold tabular-nums\">{remaining}</div>\n <div className=\"mt-3 h-2 overflow-hidden rounded-full bg-bg-subtle\">\n <div\n className=\"h-full bg-status-success-text transition-all\"\n style={{ width: `${phaseProgress * 100}%` }}\n />\n </div>\n <p className=\"mt-2 text-sm text-text-secondary\">\n Cycle {Math.min(cycle + 1, active.cycles)} of {active.cycles}\n </p>\n </div>\n )}\n {phase === 'DONE' ? (\n <div className=\"flex items-center gap-2 text-status-success-text\">\n <CheckCircle2 className=\"h-5 w-5\" /> Session saved\n </div>\n ) : (\n <Button onClick={start} disabled={phase !== 'READY' \|\| complete.isPending}>\n {phase === 'READY' ? 'Start exercise' : 'In progress'}\n </Button>\n )}\n </div>\n )}\n </GlassCard>\n\n <Section title=\"Exercises\">\n <div className=\"space-y-2\">\n {exerciseList.map((exercise) => (\n <button\n key={exercise.id}\n type=\"button\"\n onClick={() => phase === 'READY' && setSelected(exercise)}\n className={`w-full rounded-lg border border-edge-default p-3 text-left ${active?.id === exercise.id ? 'bg-status-success-bg' : 'bg-bg-surface'}`}\n >\n <div className=\"font-medium text-text-primary\">{exercise.title}</div>\n <div className=\"text-sm text-text-secondary\">\n {Math.round(exercise.durationSeconds / 60)} min · {exercise.cycles} cycles\n </div>\n </button>\n ))}\n </div>\n </Section>\n </div>\n <Section title=\"Completed sessions\">\n {sessions.isLoading ? (\n <Spinner size=\"sm\" />\n ) : totalCompleted === 0 ? (\n <EmptyState title=\"No sessions yet\" description=\"Completed exercises will appear here.\" />\n ) : (\n <div className=\"space-y-2\">\n {history.slice(0, 10).map((session) => (\n <div\n key={session.id}\n className=\"flex items-center justify-between rounded-lg border border-edge-default p-3 text-sm\"\n >\n <span className=\"text-text-primary\">{session.exercise.title}</span>\n <span className=\"text-text-secondary\">\n {new Date(session.completedAt).toLocaleDateString()}\n </span>\n </div>\n ))}\n </div>\n )}\n </Section>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/mybodyshield/pages/recovery/RecoveryPage.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@
  * the FilterTabs drive the charted + tabulated metric. New entries go through
  * `mybLogRecovery`. No mock data — everything is derived from the hooks.
  */
-export declare function RecoveryPage(): import("react").JSX.Element;
+export declare function RecoveryPage(): import('react').JSX.Element;
 //# sourceMappingURL=RecoveryPage.d.ts.map