refactor(frontend): group services into services/ws and services/audio (Phase 4)

CHANGELOG.md

@@ -37,6 +37,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   audio with FFmpeg before storing. Select the codec and bitrate below."
   to reflect that MP3 and AAC outputs are both supported via the encoding
   preset.
+- Frontend `services/` directory grouped into `services/ws/` (`client.ts`,
+  `client.test.ts`, `adminClient.ts`) and `services/audio/` (`player.ts`,
+  `beep.ts`). All `@/services/*` imports across components and hooks have
+  been updated to the new paths. No runtime behaviour change.
 
 ### Fixed
 

frontend/src/components/scanner/BookmarksPanel.test.tsx

@@ -11,7 +11,7 @@ vi.mock("@/app/api", () => ({
   useToggleBookmarkMutation: () => mockToggleBookmarkMutation(),
 }));
 
-vi.mock("@/services/audioPlayer", () => ({
+vi.mock("@/services/audio/player", () => ({
   audioPlayer: {
     play: vi.fn(),
   },

frontend/src/components/scanner/BookmarksPanel.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useGetBookmarkCallsQuery, useToggleBookmarkMutation } from "@/app/api";
 import { useAppSelector } from "@/app/store";
 import { selectToken } from "@/app/slices/authSlice";
-import { audioPlayer } from "@/services/audioPlayer";
+import { audioPlayer } from "@/services/audio/player";
 import { sanitizeDownloadFilename } from "@/services/downloadFilename";
 import { ShareCallButton } from "@/components/scanner/ShareCallButton";
 import { X, Play, Download, Star, ChevronDown } from "lucide-react";

frontend/src/components/scanner/ControlToolbar.tsx

@@ -13,7 +13,7 @@ import {
   Search,
 } from "lucide-react";
 import { useCallback } from "react";
-import { playBeep } from "@/services/beepPlayer";
+import { playBeep } from "@/services/audio/beep";
 import type { AvoidEntry } from "@/types";
 
 interface ControlToolbarProps {

frontend/src/components/scanner/SearchPanel.tsx

@@ -36,7 +36,7 @@ import {
 } from "@/app/slices/callsSlice";
 import { useGetBookmarkIDsQuery, useToggleBookmarkMutation } from "@/app/api";
 import { selectToken } from "@/app/slices/authSlice";
-import { audioPlayer } from "@/services/audioPlayer";
+import { audioPlayer } from "@/services/audio/player";
 import { sanitizeDownloadFilename } from "@/services/downloadFilename";
 import type { Call } from "@/types";
 

frontend/src/hooks/useActiveUnit.ts

@@ -1,5 +1,5 @@
 import { useState, useEffect, useMemo } from "react";
-import { audioPlayer } from "@/services/audioPlayer";
+import { audioPlayer } from "@/services/audio/player";
 
 interface SourceEntry {
   pos: number;

frontend/src/hooks/useAdminActivity.ts

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import { adminWsClient } from "@/services/adminWsClient";
+import { adminWsClient } from "@/services/ws/adminClient";
 import type {
   ActivityStats,
   ActivityChartResponse,

frontend/src/hooks/useAdminLogs.ts

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import { adminWsClient } from "@/services/adminWsClient";
+import { adminWsClient } from "@/services/ws/adminClient";
 import type { AdminLog } from "@/types";
 
 interface LogQueryParams {

frontend/src/hooks/useAdminWebSocket.ts

@@ -1,6 +1,6 @@
 import { useEffect, useCallback } from "react";
 import { useAppDispatch, useAppSelector } from "@/app/store";
-import { adminWsClient } from "@/services/adminWsClient";
+import { adminWsClient } from "@/services/ws/adminClient";
 import { setCredentials, usePostRefreshMutation } from "@/app/slices/authSlice";
 import { api } from "@/app/api";
 

frontend/src/hooks/useAudioPlayer.ts

@@ -1,8 +1,8 @@
 import { useEffect, useCallback, useState, useRef } from "react";
 import { useAppDispatch, useAppSelector } from "@/app/store";
 import { store } from "@/app/store";
-import { audioPlayer } from "@/services/audioPlayer";
-import { wsClient } from "@/services/wsClient";
+import { audioPlayer } from "@/services/audio/player";
+import { wsClient } from "@/services/ws/client";
 import {
   setCurrentCall,
   clearCurrentCall,

frontend/src/hooks/useWebSocket.ts

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useCallback } from "react";
 import { useAppDispatch, useAppSelector } from "@/app/store";
-import { wsClient } from "@/services/wsClient";
+import { wsClient } from "@/services/ws/client";
 import { setCredentials, usePostRefreshMutation } from "@/app/slices/authSlice";
 import type { ConnectionStatus } from "@/types";
 

frontend/src/hooks/useWsQuery.ts

@@ -1,5 +1,5 @@
 import { useState, useEffect, useCallback, useRef } from "react";
-import { adminWsClient } from "@/services/adminWsClient";
+import { adminWsClient } from "@/services/ws/adminClient";
 
 // ─── useWsQuery ─────────────────────────────────────────────────────────────
 

frontend/src/services/audioPlayer.ts → frontend/src/services/audio/player.ts

@@ -1,5 +1,5 @@
 import type { Call } from "@/types";
-import { bootstrapBeepContext } from "@/services/beepPlayer";
+import { bootstrapBeepContext } from "@/services/audio/beep";
 
 interface QueueItem {
   call: Call;

frontend/src/services/wsClient.test.ts → frontend/src/services/ws/client.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { wsClient } from "@/services/wsClient";
+import { wsClient } from "@/services/ws/client";
 import { configureStore } from "@reduxjs/toolkit";
 import { scannerSlice } from "@/app/slices/scannerSlice";
 import { authSlice } from "@/app/slices/authSlice";