fix(player-controls): block toggles while stalled

libs/ui/playback/src/lib/player-controls/controls-view-model.ts

@@ -39,8 +39,12 @@ export function createControlsViewModel(deps: ControlsViewModelDeps) {
     });
     const isPlaying = computed(() => state().status === 'playing');
     const canTogglePlay = computed(() => {
-        const status = state().status;
-        return status !== 'loading' && status !== 'error';
+        const currentState = state();
+        return (
+            !currentState.stalled &&
+            currentState.status !== 'loading' &&
+            currentState.status !== 'error'
+        );
     });
 
     const hasAudioTracks = computed(

libs/ui/playback/src/lib/player-controls/player-controls.component.interactions.spec.ts

@@ -357,6 +357,18 @@ describe('PlayerControlsComponent interactions', () => {
             expect(component.controlsAreVisible()).toBe(true);
         });
 
+        it('does not toggle playback from the surface while stalled', () => {
+            const surface = document.createElement('div');
+            fixture.componentRef.setInput('playerSurface', surface);
+            setState({ status: 'playing', stalled: true });
+            fixture.detectChanges();
+
+            surface.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+            jest.advanceTimersByTime(250);
+
+            expect(fake.commands.togglePlay).not.toHaveBeenCalled();
+        });
+
         it('re-reveals hidden controls on reveal()', () => {
             jest.advanceTimersByTime(10000);
             fixture.detectChanges();