incyclist-services 1.7.81 → 1.7.83

package/lib/cjs/routes/list/cards/RouteCard.js

@@ -389,6 +389,13 @@ let RouteCard = (() => {
                         showNextOverwrite = false;
                     }
                 }
+                if (showNextOverwrite) {
+                    const nextVideoEnabled = this.isMobile() ? this.getAppState().hasFeature('MOBILE_NEXT_VIDEO') : true;
+                    if (!nextVideoEnabled) {
+                        showNextOverwrite = false;
+                        uiSettings.nextOverwrite = true;
+                    }
+                }
             }
             catch (err) {
                 this.logError(err, 'openSettings');
@@ -540,6 +547,7 @@ let RouteCard = (() => {
         start() {
             try {
                 const service = (0, service_1.getRouteList)();
+                this.enforceNextVideoOverrideOnMobile();
                 service.select(this.route);
                 service.setStartSettings({ type: this.getCardType(), ...this.startSettings });
                 this.route.description.tsLastStart = Date.now();
@@ -556,6 +564,7 @@ let RouteCard = (() => {
         addWorkout() {
             try {
                 const service = (0, service_1.getRouteList)();
+                this.enforceNextVideoOverrideOnMobile();
                 service.select(this.route);
                 service.setStartSettings({ type: this.getCardType(), ...this.startSettings });
                 this.route.description.tsLastStart = Date.now();
@@ -565,6 +574,21 @@ let RouteCard = (() => {
                 this.logError(err, 'addWorkout');
             }
         }
+        enforceNextVideoOverrideOnMobile() {
+            try {
+                if (!this.isMobile())
+                    return;
+                if (!this.startSettings || !(0, route_1.hasNextVideo)(this.route))
+                    return;
+                const nextVideoEnabled = this.getAppState().hasFeature('MOBILE_NEXT_VIDEO');
+                if (!nextVideoEnabled) {
+                    this.startSettings.nextOverwrite = true;
+                }
+            }
+            catch (err) {
+                this.logError(err, 'enforceNextVideoOverrideOnMobile');
+            }
+        }
         getCurrentDownload() {
             return this.downloadObserver;
         }

package/lib/cjs/workouts/list/service.js

@@ -145,6 +145,10 @@ let WorkoutListService = (() => {
         }
         close() {
             this.getWorkoutCalendar().setActive(false);
+            this.logEvent({ message: 'close workout list' });
+            this.emit('closed', this.observer);
+            this.observer?.emit('stopped');
+            this.observer?.reset();
         }
         openSettings() {
             let workouts;

package/lib/cjs/workouts/page/service.js

@@ -43,6 +43,7 @@ const observer_1 = require("../../base/types/observer");
 const settings_1 = require("../../settings");
 const calendar_1 = require("../calendar");
 const service_1 = require("../list/service");
+const devices_1 = require("../../devices");
 const DEFAULT_IMPORT_GROUP = 'My Workouts';
 const UPCOMING_COLLAPSED_COUNT = 3;
 let WorkoutListPageService = (() => {
@@ -52,6 +53,7 @@ let WorkoutListPageService = (() => {
     let _classThis;
     let _classSuper = pages_1.IncyclistPageService;
     let _instanceExtraInitializers = [];
+    let _getDevicePairing_decorators;
     let _getWorkoutList_decorators;
     let _getWorkoutCalendar_decorators;
     let _getUserSettings_decorators;
@@ -60,10 +62,12 @@ let WorkoutListPageService = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _getDevicePairing_decorators = [decorators_1.Injectable];
             _getWorkoutList_decorators = [decorators_1.Injectable];
             _getWorkoutCalendar_decorators = [decorators_1.Injectable];
             _getUserSettings_decorators = [decorators_1.Injectable];
             _getAppState_decorators = [decorators_1.Injectable];
+            __esDecorate(this, null, _getDevicePairing_decorators, { kind: "method", name: "getDevicePairing", static: false, private: false, access: { has: obj => "getDevicePairing" in obj, get: obj => obj.getDevicePairing }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getWorkoutList_decorators, { kind: "method", name: "getWorkoutList", static: false, private: false, access: { has: obj => "getWorkoutList" in obj, get: obj => obj.getWorkoutList }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getWorkoutCalendar_decorators, { kind: "method", name: "getWorkoutCalendar", static: false, private: false, access: { has: obj => "getWorkoutCalendar" in obj, get: obj => obj.getWorkoutCalendar }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getUserSettings_decorators, { kind: "method", name: "getUserSettings", static: false, private: false, access: { has: obj => "getUserSettings" in obj, get: obj => obj.getUserSettings }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -264,9 +268,15 @@ let WorkoutListPageService = (() => {
                 const card = this.findWorkoutCard(id);
                 if (!card)
                     return;
-                const settings = this.getWorkoutList().getStartSettings();
+                const service = this.getWorkoutList();
+                const pairing = this.getDevicePairing();
+                const settings = service.getStartSettings() ?? {};
                 card.select({ ...settings, noRoute: opts?.noRoute });
-                this.getPageObserver()?.emit('start-ride', { id, noRoute: opts?.noRoute });
+                this.logEvent({ message: 'Attempting to start a ride', id, ...settings, noRoute: opts?.noRoute, readyToStart: pairing.isReadyToStart(), });
+                this.detailWorkoutId = null;
+                service.close();
+                const next = pairing.isReadyToStart() ? '/rideDeviceOK' : '/pairingStart';
+                this.moveTo(next);
             }
             catch (err) {
                 this.logError(err, 'onStart');
@@ -455,6 +465,9 @@ let WorkoutListPageService = (() => {
                 this.logError(err, 'emitImportUpdate');
             }
         }
+        getDevicePairing() {
+            return (0, devices_1.useDevicePairing)();
+        }
         getWorkoutList() {
             return (0, service_1.useWorkoutList)();
         }

package/lib/cjs/workouts/ride/page/service.js

@@ -41,11 +41,13 @@ const types_1 = require("../../../base/types");
 const pages_1 = require("../../../base/pages");
 const display_1 = require("../../../ride/display");
 const activities_1 = require("../../../activities");
+const settings_1 = require("../../../settings");
 const service_1 = require("../service");
 const graph_1 = require("../../base/graph");
 const BACKGROUND_PAUSE_TIMEOUT_MS = 300000;
 const UPCOMING_STEPS_COUNT = 3;
 const DEFAULT_LOAD_INCREMENT = 1;
+const HINTS_WORKOUT_GESTURES_KEY = 'hints.workoutRideGestures';
 let WorkoutRidePageService = (() => {
     let _classDecorators = [types_1.Singleton];
     let _classDescriptor;
@@ -56,6 +58,7 @@ let WorkoutRidePageService = (() => {
     let _getRideDisplay_decorators;
     let _getWorkoutRide_decorators;
     let _getActivityRide_decorators;
+    let _getUserSettings_decorators;
     var WorkoutRidePageService = class extends _classSuper {
         static { _classThis = this; }
         static {
@@ -63,9 +66,11 @@ let WorkoutRidePageService = (() => {
             _getRideDisplay_decorators = [decorators_1.Injectable];
             _getWorkoutRide_decorators = [decorators_1.Injectable];
             _getActivityRide_decorators = [decorators_1.Injectable];
+            _getUserSettings_decorators = [decorators_1.Injectable];
             __esDecorate(this, null, _getRideDisplay_decorators, { kind: "method", name: "getRideDisplay", static: false, private: false, access: { has: obj => "getRideDisplay" in obj, get: obj => obj.getRideDisplay }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getWorkoutRide_decorators, { kind: "method", name: "getWorkoutRide", static: false, private: false, access: { has: obj => "getWorkoutRide" in obj, get: obj => obj.getWorkoutRide }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getActivityRide_decorators, { kind: "method", name: "getActivityRide", static: false, private: false, access: { has: obj => "getActivityRide" in obj, get: obj => obj.getActivityRide }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _getUserSettings_decorators, { kind: "method", name: "getUserSettings", static: false, private: false, access: { has: obj => "getUserSettings" in obj, get: obj => obj.getUserSettings }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             WorkoutRidePageService = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -77,7 +82,7 @@ let WorkoutRidePageService = (() => {
         backgroundTimer;
         backgroundPausedByService = false;
         menuProps = null;
-        isInitialized = false;
+        gestureHintDismissed = false;
         constructor() {
             super('WorkoutRidePage');
             this.rideEventHandler['state-update'] = this.onRideStateUpdate.bind(this);
@@ -92,13 +97,10 @@ let WorkoutRidePageService = (() => {
             try {
                 this.logEvent({ message: 'page shown', page: 'WorkoutRide' });
                 gd_eventlog_1.EventLogger.setGlobalConfig('page', 'WorkoutRide');
+                this.gestureHintDismissed = false;
                 super.openPage();
                 try {
                     const service = this.getRideDisplay();
-                    if (!this.isInitialized) {
-                        service.init();
-                        this.isInitialized = true;
-                    }
                     this.registerRideEventHandlers();
                     this.subscribeToWorkoutObserver();
                     service.start(simulate);
@@ -120,7 +122,6 @@ let WorkoutRidePageService = (() => {
                 this.unregisterRideEventHandlers();
                 this.unsubscribeFromWorkoutObserver();
                 this.menuProps = null;
-                this.isInitialized = false;
                 super.closePage();
             }
             catch (err) {
@@ -168,7 +169,8 @@ let WorkoutRidePageService = (() => {
                     title: wo.title ?? '',
                     graph: this.buildGraphPlan(current, wo.ftp),
                     steps: this.buildUpcomingSteps(current, wo.ftp),
-                    dashboard: this.buildDashboardLine(wo)
+                    dashboard: this.buildDashboardLine(wo),
+                    gestureHint: this.buildGestureHint(base.startOverlayProps === null)
                 };
             }
             catch (err) {
@@ -284,6 +286,18 @@ let WorkoutRidePageService = (() => {
                 this.logError(err, 'onIgnoreStart');
             }
         }
+        onGestureHintDismissed({ dontShowAgain }) {
+            try {
+                this.gestureHintDismissed = true;
+                if (dontShowAgain) {
+                    this.getUserSettings().set(HINTS_WORKOUT_GESTURES_KEY, true);
+                }
+                this.updatePageDisplay();
+            }
+            catch (err) {
+                this.logError(err, 'onGestureHintDismissed');
+            }
+        }
         onCancelStart() {
             try {
                 this.rideObserver?.stop();
@@ -314,19 +328,15 @@ let WorkoutRidePageService = (() => {
             switch (state) {
                 case 'Paused':
                     this.menuProps = { showResume: true, ...this.getStepFlags() };
-                    this.updatePageDisplay();
                     break;
                 case 'Active':
                     this.menuProps = null;
-                    this.updatePageDisplay();
                     break;
                 case 'Finished':
                     this.emitNavigateBack();
-                    break;
-                case 'Error':
-                    this.updatePageDisplay();
-                    break;
+                    return;
             }
+            this.updatePageDisplay();
         }
         onWorkoutUpdate() {
             this.updatePageDisplay();
@@ -367,13 +377,26 @@ let WorkoutRidePageService = (() => {
                 startGateProps: null
             };
         }
+        buildGestureHint(startOverlayCleared) {
+            if (this.gestureHintDismissed || !startOverlayCleared)
+                return null;
+            if (this.getElapsedActivityTime() !== 0 || this.getCurrentCadence() !== 0)
+                return null;
+            if (this.getUserSettings().get(HINTS_WORKOUT_GESTURES_KEY, false))
+                return null;
+            return { visible: true };
+        }
+        getCurrentCadence() {
+            return this.getActivityRide().getCurrentValues?.()?.cadence ?? 0;
+        }
         buildGraphPlan(current, ftp) {
             if (!current) {
                 return { bars: [], ftp: ftp ?? 0, ftpLine: ftp ?? 0, domain: { x: [0, 0], y: [0, 0] } };
             }
             const bars = (0, graph_1.getWorkoutGraphSeries)(current, { ftp, absValues: true });
             const lastBarX = bars.length ? bars.at(-1).x : 0;
-            const maxX = Math.max(this.getLastLogTime(), lastBarX, current.duration ?? 0);
+            const maxXCandidates = [this.getLastLogTime(), lastBarX, current.duration ?? 0].filter(Number.isFinite);
+            const maxX = maxXCandidates.length ? Math.max(...maxXCandidates) : 0;
             const maxBarPower = bars.length ? Math.max(...bars.map(b => b.y)) : 0;
             return {
                 bars,
@@ -460,7 +483,8 @@ let WorkoutRidePageService = (() => {
                 title: '',
                 graph: { bars: [], ftp: 0, ftpLine: 0, domain: { x: [0, 0], y: [0, 0] } },
                 steps: { previous: null, current: null, upcoming: [], hasMore: false },
-                dashboard: { text: '', mode: null }
+                dashboard: { text: '', mode: null },
+                gestureHint: null
             };
         }
         updatePageDisplay() {
@@ -490,6 +514,9 @@ let WorkoutRidePageService = (() => {
         getActivityRide() {
             return (0, activities_1.useActivityRide)();
         }
+        getUserSettings() {
+            return (0, settings_1.useUserSettings)();
+        }
     };
     return WorkoutRidePageService = _classThis;
 })();

package/lib/esm/routes/list/cards/RouteCard.js

@@ -43,7 +43,7 @@ import { valid } from "../../../utils/valid";
 import { waitNextTick } from "../../../utils";
 import { useRouteDownload } from "../../download/service";
 import { EventLogger } from "gd-eventlog";
-import { checkIsLoop, getNextVideoId, getPosition, updateSlopes } from "../../base/utils/route";
+import { checkIsLoop, getNextVideoId, hasNextVideo, getPosition, updateSlopes } from "../../base/utils/route";
 import { getWorkoutList } from "../../../workouts";
 import { checkIsNew } from "../utils";
 import { useOnlineStatusMonitoring } from "../../../monitoring";
@@ -386,6 +386,13 @@ let RouteCard = (() => {
                         showNextOverwrite = false;
                     }
                 }
+                if (showNextOverwrite) {
+                    const nextVideoEnabled = this.isMobile() ? this.getAppState().hasFeature('MOBILE_NEXT_VIDEO') : true;
+                    if (!nextVideoEnabled) {
+                        showNextOverwrite = false;
+                        uiSettings.nextOverwrite = true;
+                    }
+                }
             }
             catch (err) {
                 this.logError(err, 'openSettings');
@@ -537,6 +544,7 @@ let RouteCard = (() => {
         start() {
             try {
                 const service = getRouteList();
+                this.enforceNextVideoOverrideOnMobile();
                 service.select(this.route);
                 service.setStartSettings({ type: this.getCardType(), ...this.startSettings });
                 this.route.description.tsLastStart = Date.now();
@@ -553,6 +561,7 @@ let RouteCard = (() => {
         addWorkout() {
             try {
                 const service = getRouteList();
+                this.enforceNextVideoOverrideOnMobile();
                 service.select(this.route);
                 service.setStartSettings({ type: this.getCardType(), ...this.startSettings });
                 this.route.description.tsLastStart = Date.now();
@@ -562,6 +571,21 @@ let RouteCard = (() => {
                 this.logError(err, 'addWorkout');
             }
         }
+        enforceNextVideoOverrideOnMobile() {
+            try {
+                if (!this.isMobile())
+                    return;
+                if (!this.startSettings || !hasNextVideo(this.route))
+                    return;
+                const nextVideoEnabled = this.getAppState().hasFeature('MOBILE_NEXT_VIDEO');
+                if (!nextVideoEnabled) {
+                    this.startSettings.nextOverwrite = true;
+                }
+            }
+            catch (err) {
+                this.logError(err, 'enforceNextVideoOverrideOnMobile');
+            }
+        }
         getCurrentDownload() {
             return this.downloadObserver;
         }

package/lib/esm/workouts/list/service.js

@@ -142,6 +142,10 @@ let WorkoutListService = (() => {
         }
         close() {
             this.getWorkoutCalendar().setActive(false);
+            this.logEvent({ message: 'close workout list' });
+            this.emit('closed', this.observer);
+            this.observer?.emit('stopped');
+            this.observer?.reset();
         }
         openSettings() {
             let workouts;

package/lib/esm/workouts/page/service.js

@@ -40,6 +40,7 @@ import { Observer } from "../../base/types/observer";
 import { useUserSettings } from "../../settings";
 import { useWorkoutCalendar } from "../calendar";
 import { useWorkoutList } from "../list/service";
+import { useDevicePairing } from "../../devices";
 const DEFAULT_IMPORT_GROUP = 'My Workouts';
 const UPCOMING_COLLAPSED_COUNT = 3;
 let WorkoutListPageService = (() => {
@@ -49,6 +50,7 @@ let WorkoutListPageService = (() => {
     let _classThis;
     let _classSuper = IncyclistPageService;
     let _instanceExtraInitializers = [];
+    let _getDevicePairing_decorators;
     let _getWorkoutList_decorators;
     let _getWorkoutCalendar_decorators;
     let _getUserSettings_decorators;
@@ -57,10 +59,12 @@ let WorkoutListPageService = (() => {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _getDevicePairing_decorators = [Injectable];
             _getWorkoutList_decorators = [Injectable];
             _getWorkoutCalendar_decorators = [Injectable];
             _getUserSettings_decorators = [Injectable];
             _getAppState_decorators = [Injectable];
+            __esDecorate(this, null, _getDevicePairing_decorators, { kind: "method", name: "getDevicePairing", static: false, private: false, access: { has: obj => "getDevicePairing" in obj, get: obj => obj.getDevicePairing }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getWorkoutList_decorators, { kind: "method", name: "getWorkoutList", static: false, private: false, access: { has: obj => "getWorkoutList" in obj, get: obj => obj.getWorkoutList }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getWorkoutCalendar_decorators, { kind: "method", name: "getWorkoutCalendar", static: false, private: false, access: { has: obj => "getWorkoutCalendar" in obj, get: obj => obj.getWorkoutCalendar }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getUserSettings_decorators, { kind: "method", name: "getUserSettings", static: false, private: false, access: { has: obj => "getUserSettings" in obj, get: obj => obj.getUserSettings }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -261,9 +265,15 @@ let WorkoutListPageService = (() => {
                 const card = this.findWorkoutCard(id);
                 if (!card)
                     return;
-                const settings = this.getWorkoutList().getStartSettings();
+                const service = this.getWorkoutList();
+                const pairing = this.getDevicePairing();
+                const settings = service.getStartSettings() ?? {};
                 card.select({ ...settings, noRoute: opts?.noRoute });
-                this.getPageObserver()?.emit('start-ride', { id, noRoute: opts?.noRoute });
+                this.logEvent({ message: 'Attempting to start a ride', id, ...settings, noRoute: opts?.noRoute, readyToStart: pairing.isReadyToStart(), });
+                this.detailWorkoutId = null;
+                service.close();
+                const next = pairing.isReadyToStart() ? '/rideDeviceOK' : '/pairingStart';
+                this.moveTo(next);
             }
             catch (err) {
                 this.logError(err, 'onStart');
@@ -452,6 +462,9 @@ let WorkoutListPageService = (() => {
                 this.logError(err, 'emitImportUpdate');
             }
         }
+        getDevicePairing() {
+            return useDevicePairing();
+        }
         getWorkoutList() {
             return useWorkoutList();
         }

package/lib/esm/workouts/ride/page/service.js

@@ -38,11 +38,13 @@ import { Singleton } from "../../../base/types";
 import { IncyclistPageService } from "../../../base/pages";
 import { useRideDisplay } from "../../../ride/display";
 import { useActivityRide } from "../../../activities";
+import { useUserSettings } from "../../../settings";
 import { useWorkoutRide } from "../service";
 import { getFlattenedSteps, getStepDuration, getStepTargetText, getWorkoutGraphSeries } from "../../base/graph";
 const BACKGROUND_PAUSE_TIMEOUT_MS = 300000;
 const UPCOMING_STEPS_COUNT = 3;
 const DEFAULT_LOAD_INCREMENT = 1;
+const HINTS_WORKOUT_GESTURES_KEY = 'hints.workoutRideGestures';
 let WorkoutRidePageService = (() => {
     let _classDecorators = [Singleton];
     let _classDescriptor;
@@ -53,6 +55,7 @@ let WorkoutRidePageService = (() => {
     let _getRideDisplay_decorators;
     let _getWorkoutRide_decorators;
     let _getActivityRide_decorators;
+    let _getUserSettings_decorators;
     var WorkoutRidePageService = class extends _classSuper {
         static { _classThis = this; }
         static {
@@ -60,9 +63,11 @@ let WorkoutRidePageService = (() => {
             _getRideDisplay_decorators = [Injectable];
             _getWorkoutRide_decorators = [Injectable];
             _getActivityRide_decorators = [Injectable];
+            _getUserSettings_decorators = [Injectable];
             __esDecorate(this, null, _getRideDisplay_decorators, { kind: "method", name: "getRideDisplay", static: false, private: false, access: { has: obj => "getRideDisplay" in obj, get: obj => obj.getRideDisplay }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getWorkoutRide_decorators, { kind: "method", name: "getWorkoutRide", static: false, private: false, access: { has: obj => "getWorkoutRide" in obj, get: obj => obj.getWorkoutRide }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _getActivityRide_decorators, { kind: "method", name: "getActivityRide", static: false, private: false, access: { has: obj => "getActivityRide" in obj, get: obj => obj.getActivityRide }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(this, null, _getUserSettings_decorators, { kind: "method", name: "getUserSettings", static: false, private: false, access: { has: obj => "getUserSettings" in obj, get: obj => obj.getUserSettings }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             WorkoutRidePageService = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -74,7 +79,7 @@ let WorkoutRidePageService = (() => {
         backgroundTimer;
         backgroundPausedByService = false;
         menuProps = null;
-        isInitialized = false;
+        gestureHintDismissed = false;
         constructor() {
             super('WorkoutRidePage');
             this.rideEventHandler['state-update'] = this.onRideStateUpdate.bind(this);
@@ -89,13 +94,10 @@ let WorkoutRidePageService = (() => {
             try {
                 this.logEvent({ message: 'page shown', page: 'WorkoutRide' });
                 EventLogger.setGlobalConfig('page', 'WorkoutRide');
+                this.gestureHintDismissed = false;
                 super.openPage();
                 try {
                     const service = this.getRideDisplay();
-                    if (!this.isInitialized) {
-                        service.init();
-                        this.isInitialized = true;
-                    }
                     this.registerRideEventHandlers();
                     this.subscribeToWorkoutObserver();
                     service.start(simulate);
@@ -117,7 +119,6 @@ let WorkoutRidePageService = (() => {
                 this.unregisterRideEventHandlers();
                 this.unsubscribeFromWorkoutObserver();
                 this.menuProps = null;
-                this.isInitialized = false;
                 super.closePage();
             }
             catch (err) {
@@ -165,7 +166,8 @@ let WorkoutRidePageService = (() => {
                     title: wo.title ?? '',
                     graph: this.buildGraphPlan(current, wo.ftp),
                     steps: this.buildUpcomingSteps(current, wo.ftp),
-                    dashboard: this.buildDashboardLine(wo)
+                    dashboard: this.buildDashboardLine(wo),
+                    gestureHint: this.buildGestureHint(base.startOverlayProps === null)
                 };
             }
             catch (err) {
@@ -281,6 +283,18 @@ let WorkoutRidePageService = (() => {
                 this.logError(err, 'onIgnoreStart');
             }
         }
+        onGestureHintDismissed({ dontShowAgain }) {
+            try {
+                this.gestureHintDismissed = true;
+                if (dontShowAgain) {
+                    this.getUserSettings().set(HINTS_WORKOUT_GESTURES_KEY, true);
+                }
+                this.updatePageDisplay();
+            }
+            catch (err) {
+                this.logError(err, 'onGestureHintDismissed');
+            }
+        }
         onCancelStart() {
             try {
                 this.rideObserver?.stop();
@@ -311,19 +325,15 @@ let WorkoutRidePageService = (() => {
             switch (state) {
                 case 'Paused':
                     this.menuProps = { showResume: true, ...this.getStepFlags() };
-                    this.updatePageDisplay();
                     break;
                 case 'Active':
                     this.menuProps = null;
-                    this.updatePageDisplay();
                     break;
                 case 'Finished':
                     this.emitNavigateBack();
-                    break;
-                case 'Error':
-                    this.updatePageDisplay();
-                    break;
+                    return;
             }
+            this.updatePageDisplay();
         }
         onWorkoutUpdate() {
             this.updatePageDisplay();
@@ -364,13 +374,26 @@ let WorkoutRidePageService = (() => {
                 startGateProps: null
             };
         }
+        buildGestureHint(startOverlayCleared) {
+            if (this.gestureHintDismissed || !startOverlayCleared)
+                return null;
+            if (this.getElapsedActivityTime() !== 0 || this.getCurrentCadence() !== 0)
+                return null;
+            if (this.getUserSettings().get(HINTS_WORKOUT_GESTURES_KEY, false))
+                return null;
+            return { visible: true };
+        }
+        getCurrentCadence() {
+            return this.getActivityRide().getCurrentValues?.()?.cadence ?? 0;
+        }
         buildGraphPlan(current, ftp) {
             if (!current) {
                 return { bars: [], ftp: ftp ?? 0, ftpLine: ftp ?? 0, domain: { x: [0, 0], y: [0, 0] } };
             }
             const bars = getWorkoutGraphSeries(current, { ftp, absValues: true });
             const lastBarX = bars.length ? bars.at(-1).x : 0;
-            const maxX = Math.max(this.getLastLogTime(), lastBarX, current.duration ?? 0);
+            const maxXCandidates = [this.getLastLogTime(), lastBarX, current.duration ?? 0].filter(Number.isFinite);
+            const maxX = maxXCandidates.length ? Math.max(...maxXCandidates) : 0;
             const maxBarPower = bars.length ? Math.max(...bars.map(b => b.y)) : 0;
             return {
                 bars,
@@ -457,7 +480,8 @@ let WorkoutRidePageService = (() => {
                 title: '',
                 graph: { bars: [], ftp: 0, ftpLine: 0, domain: { x: [0, 0], y: [0, 0] } },
                 steps: { previous: null, current: null, upcoming: [], hasMore: false },
-                dashboard: { text: '', mode: null }
+                dashboard: { text: '', mode: null },
+                gestureHint: null
             };
         }
         updatePageDisplay() {
@@ -487,6 +511,9 @@ let WorkoutRidePageService = (() => {
         getActivityRide() {
             return useActivityRide();
         }
+        getUserSettings() {
+            return useUserSettings();
+        }
     };
     return WorkoutRidePageService = _classThis;
 })();

package/lib/types/appstate/types.d.ts

@@ -1,4 +1,4 @@
-export type FeatureToggle = 'NEW_SEARCH_UI' | 'CONTROLLERS' | 'MOBILE_WORKOUTS' | 'WEBBLE_WINDOWS';
+export type FeatureToggle = 'NEW_SEARCH_UI' | 'CONTROLLERS' | 'MOBILE_WORKOUTS' | 'WEBBLE_WINDOWS' | 'MOBILE_NEXT_VIDEO';
 export type Interfaces = 'ant' | 'ble' | 'serial' | 'wifi' | 'tcpip';
 export type BLEFeatures = {
     services: Array<string>;

package/lib/types/routes/list/cards/RouteCard.d.ts

@@ -78,6 +78,7 @@ export declare class RouteCard extends BaseCard implements Card<Route> {
     start(): void;
     cancel(): void;
     addWorkout(): void;
+    protected enforceNextVideoOverrideOnMobile(): void;
     getCurrentDownload(): Observer;
     getVideoDir(): string;
     setVideoDir(dir: string): void;

package/lib/types/workouts/page/service.d.ts

@@ -50,6 +50,7 @@ export declare class WorkoutListPageService extends IncyclistPageService impleme
     protected formatDuration(duration: number): string;
     protected emitPageUpdate(): void;
     protected emitImportUpdate(): void;
+    protected getDevicePairing(): import("../../devices").DevicePairingService;
     protected getWorkoutList(): WorkoutListService;
     protected getWorkoutCalendar(): import("../calendar").WorkoutCalendarService;
     protected getUserSettings(): import("../../settings").UserSettingsService;

package/lib/types/workouts/ride/page/service.d.ts

@@ -4,7 +4,7 @@ import type { CurrentRideState, RideType } from "../../../types";
 import type { WorkoutDisplayProperties } from "../types";
 import type { Workout } from "../../base/model";
 import type { StepDefinition } from "../../base/model/types";
-import type { IWorkoutRidePageService, WorkoutDashboardLine, WorkoutGraphActuals, WorkoutGraphPlan, WorkoutRideMenuProps, WorkoutRidePageDisplayProps, WorkoutUpcomingSteps } from "./types";
+import type { IWorkoutRidePageService, WorkoutDashboardLine, WorkoutGestureHint, WorkoutGraphActuals, WorkoutGraphPlan, WorkoutRideMenuProps, WorkoutRidePageDisplayProps, WorkoutUpcomingSteps } from "./types";
 export declare class WorkoutRidePageService extends IncyclistPageService implements IWorkoutRidePageService {
     protected rideEventHandler: Record<string, any>;
     protected workoutEventHandler: Record<string, any>;
@@ -12,7 +12,7 @@ export declare class WorkoutRidePageService extends IncyclistPageService impleme
     protected backgroundTimer: NodeJS.Timeout | undefined;
     protected backgroundPausedByService: boolean;
     protected menuProps: WorkoutRideMenuProps | null;
-    protected isInitialized: boolean;
+    protected gestureHintDismissed: boolean;
     constructor();
     openPage(simulate?: boolean): IObserver;
     closePage(): void;
@@ -32,6 +32,9 @@ export declare class WorkoutRidePageService extends IncyclistPageService impleme
     onDecreaseLoad(): void;
     onRetryStart(): void;
     onIgnoreStart(): void;
+    onGestureHintDismissed({ dontShowAgain }: {
+        dontShowAgain: boolean;
+    }): void;
     onCancelStart(): void;
     adjustLoad(deltaPct: number): void;
     protected onRideStateUpdate(state: CurrentRideState): void;
@@ -48,6 +51,8 @@ export declare class WorkoutRidePageService extends IncyclistPageService impleme
         menuProps: WorkoutRideMenuProps;
         startGateProps: any;
     };
+    protected buildGestureHint(startOverlayCleared: boolean): WorkoutGestureHint | null;
+    protected getCurrentCadence(): number;
     protected buildGraphPlan(current: Workout | undefined, ftp: number): WorkoutGraphPlan;
     protected buildUpcomingSteps(current: Workout | undefined, ftp: number): WorkoutUpcomingSteps;
     protected buildDashboardLine(wo: WorkoutDisplayProperties): WorkoutDashboardLine;
@@ -66,5 +71,6 @@ export declare class WorkoutRidePageService extends IncyclistPageService impleme
     protected getRideDisplay(): import("../../../ride/display").RideDisplayService;
     protected getWorkoutRide(): import("../service").WorkoutRide;
     protected getActivityRide(): import("../../../activities").ActivityRideService;
+    protected getUserSettings(): import("../../../settings").UserSettingsService;
 }
 export declare const getWorkoutRidePageService: () => WorkoutRidePageService;

package/lib/types/workouts/ride/page/types.d.ts

@@ -42,12 +42,16 @@ export interface WorkoutRideMenuProps {
     canStepBack: boolean;
     canStepForward: boolean;
 }
+export interface WorkoutGestureHint {
+    visible: boolean;
+}
 export interface WorkoutRidePageDisplayProps extends RidePageDisplayProps {
     menuProps: WorkoutRideMenuProps | null;
     graph: WorkoutGraphPlan;
     steps: WorkoutUpcomingSteps;
     dashboard: WorkoutDashboardLine;
     title: string;
+    gestureHint: WorkoutGestureHint | null;
 }
 export interface WorkoutRidePageCallbacks {
     onMenuOpen(): void;
@@ -62,6 +66,9 @@ export interface WorkoutRidePageCallbacks {
     onRetryStart(): void;
     onIgnoreStart(): void;
     onCancelStart(): void;
+    onGestureHintDismissed(props: {
+        dontShowAgain: boolean;
+    }): void;
 }
 export interface IWorkoutRidePageService extends WorkoutRidePageCallbacks, IPageService {
     getRideObserver(): IObserver | null;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "incyclist-services",
-  "version": "1.7.81",
+  "version": "1.7.83",
   "peerDependencies": {
     "gd-eventlog": "^0.1.27"
   },
   "dependencies": {
     "@garmin/fitsdk": "^21.200.0",
     "axios": "^1.15.2",
-    "incyclist-devices": "^3.0.23",
+    "incyclist-devices": "^3.0.24",
     "promise.any": "^2.0.6",
     "semver": "^7.7.4",
     "tcx-builder": "^1.1.1",