feat(web): My Wave button, mood picker and endless wave playback (M4)

- WaveButton: TypeScript port of the prototype's canvas animation
  (orb and liquid), breathing at rest, pulsing to the track's BPM and
  energy in the cover palette, following the cursor, pressing with a
  spring; reduced motion and hidden tabs slow or stop it
- home: the wave in the centre with activity and mood chips; changing
  them while playing rebuilds the upcoming tracks without stopping
- player wave mode: asks for the next batch when two tracks are left,
  sends complete / skip / early skip / like / dislike as feedback and
  refreshes the queue right after a reaction or an early skip
- tracks expose bpm, energy and loudness once analysed; library page
  shows analysis progress and 7-day wave metrics; wave style setting

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/App.test.tsx

@@ -79,7 +79,7 @@ describe('sign-in', () => {
       await user.type(screen.getByLabelText(label), 'a-strong-owner-pass');
     }
     await user.click(screen.getByRole('button', { name: 'Сохранить и продолжить' }));
-    await screen.findByText('Привет, owner!');
+    await screen.findByRole('button', { name: 'Запустить «Мою волну»' });
     expect(router.state.location.pathname).toBe('/');
     expect(api.calls.find((c) => c.path === '/api/v1/me/bootstrap-credentials' && c.body)?.body).toMatchObject({
       new_username: 'owner',
@@ -93,7 +93,7 @@ describe('sign-in', () => {
     await user.type(screen.getByLabelText('Новый пароль'), 'bobs-own-pass');
     await user.type(screen.getByLabelText('Повторите пароль'), 'bobs-own-pass');
     await user.click(screen.getByRole('button', { name: 'Сохранить и продолжить' }));
-    await screen.findByText('Привет, bob!');
+    await screen.findByRole('button', { name: 'Запустить «Мою волну»' });
   });
 
   it('signs out from the profile menu', async () => {
@@ -110,7 +110,7 @@ describe('navigation by role', () => {
   it('hides the admin section from listeners and blocks the route', async () => {
     const alice = makeUser('alice', 'user');
     const { router } = await renderApp([alice], '/admin/users', { signedInAs: alice });
-    await screen.findByText('Привет, alice!');
+    await screen.findByRole('button', { name: 'Запустить «Мою волну»' });
     expect(router.state.location.pathname).toBe('/');
     expect(screen.queryByRole('link', { name: 'Пользователи' })).not.toBeInTheDocument();
   });
@@ -285,6 +285,34 @@ describe('player', () => {
   });
 });
 
+describe('my wave', () => {
+  it('starts the wave and switches the mood on the fly', async () => {
+    const alice = makeUser('alice', 'user');
+    const { user, api } = await renderApp([alice], '/', { signedInAs: alice });
+
+    await user.click(await screen.findByRole('button', { name: 'Бегаю' }));
+    await user.click(screen.getByRole('button', { name: 'Запустить «Мою волну»' }));
+
+    const bar = screen.getByRole('contentinfo', { name: 'Плеер' });
+    await waitFor(() => expect(within(bar).getByText('Группа крови')).toBeInTheDocument());
+    expect(api.calls.find((c) => c.method === 'POST' && c.path === '/api/v1/wave/sessions')?.body).toEqual({
+      activity: 'running',
+      mood: null,
+    });
+    expect(screen.getByRole('button', { name: 'Пауза «Моей волны»' })).toBeInTheDocument();
+
+    await user.click(screen.getByRole('button', { name: 'Спокойное' }));
+    await waitFor(() =>
+      expect(api.calls.find((c) => c.method === 'PATCH' && c.path.startsWith('/api/v1/wave/sessions/'))?.body).toEqual({
+        activity: 'running',
+        mood: 'calm',
+      }),
+    );
+    expect(within(bar).getByText('Группа крови')).toBeInTheDocument(); // музыка не прервалась
+    expect(screen.getByText('Бегаю · Спокойное')).toBeInTheDocument();
+  });
+});
+
 describe('safeRedirect', () => {
   it.each([
     ['/settings', '/settings'],