+ ${cardHtml('weight', 'Weight', state.unitSystem === 'US' ? 'lbs' : 'kg', latestLabel('weight'))}
+ ${cardHtml('bp', 'Blood Pressure', 'mmHg', latestLabel('bp'))}
+ ${cardHtml('pulse', 'Pulse', 'bpm', latestLabel('pulse'))}
+
`;
+
+ setTimeout(() => {
+ if (w.values.length) createLineChart('bio-weight', w, w.dateLabels, w.chartDates, null);
+ if (bp.values.length) createLineChart('bio-bp', bp, bp.dateLabels, bp.chartDates, null);
+ if (p.values.length) createLineChart('bio-pulse', p, p.dateLabels, p.chartDates, null);
+ }, 0);
+
+ return html;
+}
+
+export function setBiometricsCategoryRange(range) {
+ window._bioCategoryRange = range;
+ window.navigate?.('biometrics');
+}
+
+export function showBiometricDetailModal(type, range = (window._bioModalRange || 'all')) {
+ window._bioModalRange = range;
+ renderBioModal(type, range);
+}
+
+function renderBioModal(type, range = 'all') {
+ const marker = markerFor(type, range);
+ const modal = document.getElementById('detail-modal');
+ const overlay = document.getElementById('modal-overlay');
+ if (!modal || !overlay) return;
+
+ const b = ensureBio();
+ const rows = sortByDateAsc(type === 'weight' ? b.weight : type === 'bp' ? b.bp : b.pulse);
+ const today = new Date().toISOString().slice(0, 10);
+
+ let rowsHtml = '';
+ for (const r of [...rows].reverse()) {
+ const dateLabel = new Date(r.date + 'T00:00:00').toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
+ const val = type === 'weight' ? `${r.value} ${r.unit}` : type === 'bp' ? `${r.sys}/${r.dia} mmHg` : `${r.value} bpm`;
+ rowsHtml += `
+ html += `
\uD83E\uDDEC Genetics ${gParts.join(' ')}
`;
}
@@ -63,6 +108,22 @@ export function buildSidebar(data) {
// Render blood work categories
html += ``;
+
+ // Biometrics appears as its own category item (only when data exists)
+ const biometrics = state.importedData?.biometrics;
+ const hasBiometricsData = !!(biometrics && (
+ (Array.isArray(biometrics.weight) && biometrics.weight.length > 0) ||
+ (Array.isArray(biometrics.bp) && biometrics.bp.length > 0) ||
+ (Array.isArray(biometrics.pulse) && biometrics.pulse.length > 0)
+ ));
+ if (hasBiometricsData) {
+ const bioCount = (Array.isArray(biometrics.weight) ? biometrics.weight.length : 0)
+ + (Array.isArray(biometrics.bp) ? biometrics.bp.length : 0)
+ + (Array.isArray(biometrics.pulse) ? biometrics.pulse.length : 0);
+ html += `
+ \uD83E\uDE7A Biometrics ${bioCount}
`;
+ }
+
for (const item of bloodWork) html += item.html;
// Render specialty groups
@@ -202,4 +263,4 @@ export function closeMobileSidebar() {
document.getElementById('sidebar-backdrop').classList.remove('show');
}
-Object.assign(window, { buildSidebar, filterSidebar, toggleNavGroup, toggleGroupAIContext, renderProfileDropdown, renderProfileButton, getAvatarColor, toggleMobileSidebar, closeMobileSidebar });
+Object.assign(window, { buildSidebar, filterSidebar, toggleNavGroup, toggleGroupAIContext, renderProfileDropdown, renderProfileButton, getAvatarColor, toggleMobileSidebar, closeMobileSidebar, scrollDashboardSection, openDashboardSection });
diff --git a/js/settings.js b/js/settings.js
index be25998..85aac4b 100644
--- a/js/settings.js
+++ b/js/settings.js
@@ -9,6 +9,7 @@ import { getOllamaConfig, checkOllama, checkOpenAICompatible, saveOllamaConfig,
import { detectHardware, assessModel, assessFitness, getBestModel, getUpgradeSuggestion, saveHardwareOverride, getHardwareOverride } from './hardware.js';
import { renderEncryptionSection, renderBackupSection, loadBackupSnapshots, updateKeyCache } from './crypto.js';
import { isSyncEnabled, enableSync, disableSync, getMnemonic, restoreFromMnemonic, getSyncRelay, setSyncRelay, checkRelayConnection, isMessengerEnabled, getMessengerToken, generateMessengerToken, revokeMessengerToken, pushContextToGateway } from './sync.js';
+import { getWithingsConfig, saveWithingsConfig, getWithingsAuthUrl, syncWithingsWeight, getWithingsLastSync, removeWithingsWeightData } from './withings-weight.js';
// ═══════════════════════════════════════════════
@@ -169,6 +170,12 @@ export function openSettingsModal(tab) {
${renderBackupSection()}
@@ -1628,6 +1635,10 @@ Object.assign(window, {
refreshModelAdvisor,
applyHardwareOverride: applyHardwareOverrideFn,
clearHardwareOverride: clearHardwareOverrideFn,
+ saveWithingsCredentials,
+ authorizeWithings,
+ triggerWithingsWeightSync,
+ deleteWithingsWeightData,
});
function refreshModelAdvisor() {
@@ -1652,3 +1663,103 @@ function clearHardwareOverrideFn() {
const details = window._lastOllamaModelDetails || [];
if (details.length) renderModelAdvisor(details, document.getElementById('local-ai-model-select'), !!window._lastIsOllamaServer);
}
+
+// ═══════════════════════════════════════════════
+// WITHINGS (weight-only)
+// ═══════════════════════════════════════════════
+
+function formatLastSync(ts) {
+ if (!ts) return 'Never';
+ try { return new Date(ts).toLocaleString(); } catch { return ts; }
+}
+
+function renderWithingsSection() {
+ const cfg = getWithingsConfig() || {};
+ const connected = !!cfg.accessToken;
+ const lastSync = getWithingsLastSync();
+
+ return `
+
+
Status
+
${connected ? '● Connected' : '● Not connected'}
+
+
Last sync: ${formatLastSync(lastSync)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Imports only weight into existing biometrics structure (kg/lbs converted to current unit system). No other Withings measurements are imported.
+
+
`;
+}
+
+function refreshWithingsSection() {
+ const el = document.getElementById('withings-section');
+ if (el) el.innerHTML = renderWithingsSection();
+}
+
+function saveWithingsCredentials() {
+ const clientId = document.getElementById('withings-client-id')?.value?.trim();
+ const clientSecret = document.getElementById('withings-client-secret')?.value?.trim();
+ const redirectUri = document.getElementById('withings-redirect-uri')?.value?.trim();
+
+ if (!clientId || !clientSecret || !redirectUri) {
+ showNotification('Please fill all Withings credential fields', 'error');
+ return;
+ }
+
+ const prev = getWithingsConfig() || {};
+ saveWithingsConfig({ ...prev, clientId, clientSecret, redirectUri });
+ showNotification('Withings credentials saved', 'success');
+ refreshWithingsSection();
+}
+
+function authorizeWithings() {
+ const cfg = getWithingsConfig();
+ if (!cfg?.clientId || !cfg?.clientSecret || !cfg?.redirectUri) {
+ showNotification('Save Withings credentials first', 'error');
+ return;
+ }
+ const url = getWithingsAuthUrl(cfg);
+ window.location.href = url;
+}
+
+async function triggerWithingsWeightSync() {
+ try {
+ const r = await syncWithingsWeight();
+ showNotification(`Withings sync complete (${r.count} day${r.count === 1 ? '' : 's'} updated)`, 'success');
+ if (window.showDashboard) window.showDashboard();
+ refreshDataEntriesSection();
+ refreshWithingsSection();
+ } catch (e) {
+ showNotification(`Withings sync failed: ${e.message}`, 'error');
+ }
+}
+
+async function deleteWithingsWeightData() {
+ const ok = confirm('Delete all Withings-imported weight rows and disconnect Withings?');
+ if (!ok) return;
+ try {
+ const r = await removeWithingsWeightData();
+ showNotification(`Removed ${r.removed} Withings weight entr${r.removed === 1 ? 'y' : 'ies'}`, 'success');
+ if (window.showDashboard) window.showDashboard();
+ refreshDataEntriesSection();
+ refreshWithingsSection();
+ } catch (e) {
+ showNotification(`Delete failed: ${e.message}`, 'error');
+ }
+}
diff --git a/js/views.js b/js/views.js
index a1db0f9..422e3eb 100644
--- a/js/views.js
+++ b/js/views.js
@@ -7,6 +7,7 @@ import { getChartColors } from './theme.js';
import { getActiveData, filterDatesByRange, destroyAllCharts, getEffectiveRange, getEffectiveRangeForDate, getLatestValueIndex, getAllFlaggedMarkers, statusIcon, detectTrendAlerts, getKeyTrendMarkers, getFocusCardFingerprint, saveImportedData, recalculateHOMAIR, updateHeaderDates, renderDateRangeFilter, renderChartLayersDropdown, convertDisplayToSI } from './data.js';
import { profileStorageKey } from './profile.js';
import { createLineChart, getMarkerDescription, getNotesForChart, getSupplementsForChart, refBandPlugin, noteAnnotationPlugin, supplementBarPlugin, phaseBandPlugin } from './charts.js';
+import { renderBiometricsCategoryView } from './biometrics-view.js';
import { renderSupplementsSection } from './supplements.js';
import { renderGeneticsSection } from './dna.js';
import { renderMenstrualCycleSection } from './cycle.js';
@@ -32,6 +33,7 @@ export function navigate(category, data) {
if (category === "dashboard") showDashboard(data);
else if (category === "correlations") showCorrelations(data);
else if (category === "compare") showCompare(data);
+ else if (category === "biometrics") showBiometrics(data);
else showCategory(category, data);
}
@@ -42,7 +44,12 @@ export function navigate(category, data) {
export function showDashboard(data) {
if (!data) data = getActiveData();
const main = document.getElementById("main-content");
- const hasData = data.dates.length > 0 || Object.values(data.categories).some(c => c.singlePoint && c.singleDate);
+ const hasBiometricsData = !!(state.importedData?.biometrics && (
+ (Array.isArray(state.importedData.biometrics.weight) && state.importedData.biometrics.weight.length > 0) ||
+ (Array.isArray(state.importedData.biometrics.bp) && state.importedData.biometrics.bp.length > 0) ||
+ (Array.isArray(state.importedData.biometrics.pulse) && state.importedData.biometrics.pulse.length > 0)
+ ));
+ const hasData = data.dates.length > 0 || Object.values(data.categories).some(c => c.singlePoint && c.singleDate) || hasBiometricsData;
// Show/hide import FAB based on whether dashboard has data
const importFab = document.getElementById('import-fab');
@@ -507,6 +514,24 @@ export function dismissOnboarding() {
// CATEGORY VIEWS
// ═══════════════════════════════════════════════
+export function showBiometrics(preData) {
+ const rawData = preData || getActiveData();
+ const data = filterDatesByRange(rawData);
+ const main = document.getElementById("main-content");
+ const b = state.importedData?.biometrics || {};
+ const weightCount = Array.isArray(b.weight) ? b.weight.length : 0;
+ const bpCount = Array.isArray(b.bp) ? b.bp.length : 0;
+ const pulseCount = Array.isArray(b.pulse) ? b.pulse.length : 0;
+ const total = weightCount + bpCount + pulseCount;
+
+ let html = ``;
+
+ html += renderBiometricsCategoryView();
+
+ main.innerHTML = html;
+}
+
export function showCategory(categoryKey, preData) {
const rawData = preData || getActiveData();
const data = filterDatesByRange(rawData);
diff --git a/js/withings-weight.js b/js/withings-weight.js
new file mode 100644
index 0000000..28df520
--- /dev/null
+++ b/js/withings-weight.js
@@ -0,0 +1,228 @@
+// withings-weight.js — Withings OAuth + weight-only import into biometrics
+
+import { state } from './state.js';
+import { showNotification } from './utils.js';
+import { saveImportedData } from './data.js';
+
+const WITHINGS_ENDPOINTS = {
+ AUTHORIZE: 'https://account.withings.com/oauth2_user/authorize2',
+ TOKEN: 'https://wbsapi.withings.net/v2/oauth2',
+ MEASURE_GETMEAS: 'https://wbsapi.withings.net/measure'
+};
+
+const STORAGE_KEY = (profileId) => `withings_${profileId}`;
+const LAST_SYNC_KEY = (profileId) => `withings_last_sync_${profileId}`;
+const OAUTH_STATE_KEY = 'withings_oauth_state';
+
+function profileId() {
+ return state.currentProfile || 'default';
+}
+
+export function getWithingsConfig() {
+ try {
+ const raw = localStorage.getItem(STORAGE_KEY(profileId()));
+ return raw ? JSON.parse(raw) : null;
+ } catch {
+ return null;
+ }
+}
+
+export function saveWithingsConfig(cfg) {
+ localStorage.setItem(STORAGE_KEY(profileId()), JSON.stringify(cfg));
+}
+
+export function clearWithingsConfig() {
+ localStorage.removeItem(STORAGE_KEY(profileId()));
+ localStorage.removeItem(LAST_SYNC_KEY(profileId()));
+}
+
+export function getWithingsLastSync() {
+ return localStorage.getItem(LAST_SYNC_KEY(profileId())) || null;
+}
+
+function setWithingsLastSync(tsIso) {
+ localStorage.setItem(LAST_SYNC_KEY(profileId()), tsIso);
+}
+
+export function getWithingsAuthUrl(config) {
+ const st = Math.random().toString(36).slice(2) + Date.now().toString(36);
+ sessionStorage.setItem(OAUTH_STATE_KEY, st);
+ const redirectUri = config.redirectUri || `${window.location.origin}${window.location.pathname}`;
+ const params = new URLSearchParams({
+ response_type: 'code',
+ client_id: config.clientId,
+ scope: 'user.metrics',
+ redirect_uri: redirectUri,
+ state: st,
+ });
+ return `${WITHINGS_ENDPOINTS.AUTHORIZE}?${params.toString()}`;
+}
+
+async function exchangeCodeForToken(code, config) {
+ const redirectUri = config.redirectUri || `${window.location.origin}${window.location.pathname}`;
+ const body = new URLSearchParams({
+ action: 'requesttoken',
+ grant_type: 'authorization_code',
+ client_id: config.clientId,
+ client_secret: config.clientSecret,
+ code,
+ redirect_uri: redirectUri
+ });
+
+ const resp = await fetch(WITHINGS_ENDPOINTS.TOKEN, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ body: body.toString()
+ });
+ const data = await resp.json();
+ if (data.status !== 0) throw new Error(`Withings token exchange failed (${data.status})`);
+
+ const expiresAt = Date.now() + ((data.body?.expires_in || 0) * 1000);
+ saveWithingsConfig({
+ ...config,
+ accessToken: data.body.access_token,
+ refreshToken: data.body.refresh_token,
+ tokenExpires: expiresAt,
+ userId: data.body.userid
+ });
+}
+
+async function refreshToken(config) {
+ const body = new URLSearchParams({
+ action: 'requesttoken',
+ grant_type: 'refresh_token',
+ client_id: config.clientId,
+ client_secret: config.clientSecret,
+ refresh_token: config.refreshToken
+ });
+
+ const resp = await fetch(WITHINGS_ENDPOINTS.TOKEN, {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+ body: body.toString()
+ });
+ const data = await resp.json();
+ if (data.status !== 0) throw new Error(`Withings token refresh failed (${data.status})`);
+
+ const expiresAt = Date.now() + ((data.body?.expires_in || 0) * 1000);
+ const updated = {
+ ...config,
+ accessToken: data.body.access_token,
+ refreshToken: data.body.refresh_token,
+ tokenExpires: expiresAt,
+ };
+ saveWithingsConfig(updated);
+ return updated.accessToken;
+}
+
+async function getValidAccessToken() {
+ const cfg = getWithingsConfig();
+ if (!cfg?.accessToken) throw new Error('Withings is not connected');
+
+ const needsRefresh = !cfg.tokenExpires || (Date.now() + 5 * 60 * 1000) >= cfg.tokenExpires;
+ if (needsRefresh && cfg.refreshToken) return refreshToken(cfg);
+ return cfg.accessToken;
+}
+
+export async function maybeHandleWithingsOAuthCallback() {
+ const params = new URLSearchParams(window.location.search);
+ const code = params.get('code');
+ const stateParam = params.get('state');
+ const expectedState = sessionStorage.getItem(OAUTH_STATE_KEY);
+ const cfg = getWithingsConfig();
+
+ if (!code || !expectedState || stateParam !== expectedState || !cfg?.clientId || !cfg?.clientSecret) return false;
+
+ try {
+ await exchangeCodeForToken(code, cfg);
+ showNotification('Withings connected', 'success');
+ } catch (e) {
+ showNotification(`Withings authorization failed: ${e.message}`, 'error');
+ } finally {
+ sessionStorage.removeItem(OAUTH_STATE_KEY);
+ const clean = new URL(window.location.href);
+ clean.searchParams.delete('code');
+ clean.searchParams.delete('state');
+ window.history.replaceState({}, '', clean.toString());
+ }
+
+ return true;
+}
+
+function withingsToWeightKg(meas) {
+ if (meas?.type !== 1) return null; // weight
+ if (typeof meas.value !== 'number' || typeof meas.unit !== 'number') return null;
+ const v = meas.value * Math.pow(10, meas.unit);
+ return Number.isFinite(v) ? v : null;
+}
+
+function toDisplayWeight(kg) {
+ if (state.unitSystem === 'US') return { value: +(kg * 2.205).toFixed(1), unit: 'lbs' };
+ return { value: +kg.toFixed(1), unit: 'kg' };
+}
+
+export async function syncWithingsWeight() {
+ const token = await getValidAccessToken();
+ const params = new URLSearchParams({ action: 'getmeas', access_token: token });
+
+ const lastSync = getWithingsLastSync();
+ if (lastSync) {
+ const ts = Math.floor(new Date(lastSync).getTime() / 1000);
+ if (Number.isFinite(ts) && ts > 0) params.set('lastupdate', String(ts));
+ }
+
+ const resp = await fetch(`${WITHINGS_ENDPOINTS.MEASURE_GETMEAS}?${params.toString()}`);
+ const data = await resp.json();
+ if (data.status !== 0) throw new Error(`Withings fetch failed (${data.status})`);
+
+ const groups = data.body?.measuregrps || [];
+ if (!state.importedData) state.importedData = { entries: [] };
+ if (!state.importedData.biometrics) state.importedData.biometrics = { weight: [], bp: [], pulse: [] };
+ if (!Array.isArray(state.importedData.biometrics.weight)) state.importedData.biometrics.weight = [];
+
+ // Map each day to latest measurement in that day (no cross-day copying)
+ const latestByDate = new Map();
+ for (const grp of groups) {
+ if (!Array.isArray(grp?.measures) || typeof grp?.date !== 'number') continue;
+ const date = new Date(grp.date * 1000).toISOString().slice(0, 10);
+ for (const meas of grp.measures) {
+ const kg = withingsToWeightKg(meas);
+ if (kg == null) continue;
+ const prev = latestByDate.get(date);
+ if (!prev || grp.date >= prev.ts) latestByDate.set(date, { ts: grp.date, kg });
+ }
+ }
+
+ let addedOrUpdated = 0;
+ const arr = state.importedData.biometrics.weight;
+ for (const [date, { kg }] of latestByDate.entries()) {
+ const disp = toDisplayWeight(kg);
+ const existingIdx = arr.findIndex(e => e.date === date && e.source === 'withings');
+ const record = { date, value: disp.value, unit: disp.unit, source: 'withings' };
+ if (existingIdx >= 0) arr[existingIdx] = record;
+ else {
+ // keep one entry per day if existing manual value is present, preserve manual by only replacing withings-sourced rows
+ arr.push(record);
+ }
+ addedOrUpdated += 1;
+ }
+
+ arr.sort((a, b) => a.date.localeCompare(b.date));
+ setWithingsLastSync(new Date().toISOString());
+ await saveImportedData();
+
+ return { success: true, count: addedOrUpdated };
+}
+
+export async function removeWithingsWeightData() {
+ if (!state.importedData?.biometrics?.weight) {
+ clearWithingsConfig();
+ return { removed: 0 };
+ }
+ const before = state.importedData.biometrics.weight.length;
+ state.importedData.biometrics.weight = state.importedData.biometrics.weight.filter(e => e.source !== 'withings');
+ const removed = before - state.importedData.biometrics.weight.length;
+ clearWithingsConfig();
+ await saveImportedData();
+ return { removed };
+}