refactor: extract HuntersPath.tsx monolith (6,555 → 3,975 lines)

.playwright-mcp/console-2026-02-13T21-45-01-763Z.log

@@ -0,0 +1,3 @@
+[      65ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ https://jesserweigel.github.io/HunterPath/assets/index-CyaD21z5.js:95
+[      65ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ https://jesserweigel.github.io/HunterPath/assets/index-CyaD21z5.js:95
+[      82ms] [ERROR] Failed to load resource: the server responded with a status of 404 () @ https://jesserweigel.github.io/assets/ui/player.svg:0

.playwright-mcp/console-2026-02-13T21-45-11-424Z.log

@@ -0,0 +1,5 @@
+[      55ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ https://jesserweigel.github.io/HunterPath/assets/index-CyaD21z5.js:95
+[      55ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ https://jesserweigel.github.io/HunterPath/assets/index-CyaD21z5.js:95
+[      70ms] [ERROR] Failed to load resource: the server responded with a status of 404 () @ https://jesserweigel.github.io/assets/ui/player.svg:0
+[    9016ms] [ERROR] Failed to load resource: the server responded with a status of 404 () @ https://jesserweigel.github.io/assets/ui/player.svg:0
+[    9024ms] [ERROR] Failed to load resource: the server responded with a status of 404 () @ https://jesserweigel.github.io/assets/bosses/boss_e.svg:0

.playwright-mcp/console-2026-02-13T21-46-00-365Z.log

@@ -0,0 +1,2 @@
+[     235ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ https://jesserweigel.github.io/HunterPath/assets/index-BWknHgMY.js:95
+[     236ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ https://jesserweigel.github.io/HunterPath/assets/index-BWknHgMY.js:95

.playwright-mcp/console-2026-02-23T15-37-02-405Z.log

@@ -0,0 +1,10 @@
+[     435ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     443ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     444ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     446ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     446ms] [ERROR] [vite] failed to connect to websocket.
+your current setup:
+  (browser) localhost:5000/ <--[HTTP]--> localhost:5000/ (server)
+  (browser) localhost:5000/ <--[WebSocket (failing)]--> localhost:5000/ (server)
+Check out your Vite / network configuration and https://vite.dev/config/server-options.html#server-hmr . @ http://localhost:5000/@vite/client:511
+[     451ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T15-37-08-551Z.log

@@ -0,0 +1,10 @@
+[      20ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     112ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     117ms] [ERROR] [vite] failed to connect to websocket.
+your current setup:
+  (browser) localhost:5000/ <--[HTTP]--> localhost:5000/ (server)
+  (browser) localhost:5000/ <--[WebSocket (failing)]--> localhost:5000/ (server)
+Check out your Vite / network configuration and https://vite.dev/config/server-options.html#server-hmr . @ http://localhost:5000/@vite/client:511
+[     118ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     119ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     122ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-05-05-011Z.log

@@ -0,0 +1,10 @@
+[      50ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     239ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     254ms] [ERROR] [vite] failed to connect to websocket.
+your current setup:
+  (browser) localhost:5000/ <--[HTTP]--> localhost:5000/ (server)
+  (browser) localhost:5000/ <--[WebSocket (failing)]--> localhost:5000/ (server)
+Check out your Vite / network configuration and https://vite.dev/config/server-options.html#server-hmr . @ http://localhost:5000/@vite/client:511
+[     258ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     259ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     268ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-06-10-577Z.log

@@ -0,0 +1,26 @@
+[      29ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     134ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     138ms] [ERROR] [vite] failed to connect to websocket.
+your current setup:
+  (browser) localhost:5000/ <--[HTTP]--> localhost:5000/ (server)
+  (browser) localhost:5000/ <--[WebSocket (failing)]--> localhost:5000/ (server)
+Check out your Vite / network configuration and https://vite.dev/config/server-options.html#server-hmr . @ http://localhost:5000/@vite/client:511
+[     139ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     140ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     149ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0
+[   19440ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[   19521ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=laQUEN_OVGs6' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[   19533ms] [ERROR] [vite] failed to connect to websocket.
+your current setup:
+  (browser) localhost:5000/ <--[HTTP]--> localhost:5000/ (server)
+  (browser) localhost:5000/ <--[WebSocket (failing)]--> localhost:5000/ (server)
+Check out your Vite / network configuration and https://vite.dev/config/server-options.html#server-hmr . @ http://localhost:5000/@vite/client:511
+[   19535ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0
+[   31500ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=BoEzBs8UHcdu' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[   31534ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[   31535ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[   31539ms] [ERROR] Unhandled promise rejection: SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=BoEzBs8UHcdu' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7) @ http://localhost:5000/src/components/game/HuntersPath.tsx?t=1771873558745&v=gCFZ5y_oOq-bBolY5elVe:893
+[   31556ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-13-16-347Z.log

@@ -0,0 +1,3 @@
+[     448ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     449ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     465ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-13-49-079Z.log

@@ -0,0 +1 @@
+[     689ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-14-26-638Z.log

@@ -0,0 +1 @@
+[     311ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-18-39-369Z.log

@@ -0,0 +1,8 @@
+[     182ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=UWwUHPKdepNM' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     184ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=UWwUHPKdepNM' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     440ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     441ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     475ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-20-24-086Z.log

@@ -0,0 +1,6 @@
+[      32ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=ruKP92VJEZoy' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      35ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=ruKP92VJEZoy' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[    2092ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-21-54-560Z.log

@@ -0,0 +1,6 @@
+[      24ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=ArOgeVMZYOeF' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      27ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=ArOgeVMZYOeF' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     652ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-28-42-143Z.log

@@ -0,0 +1,8 @@
+[      28ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=ArOgeVMZYOeF' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      37ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=ArOgeVMZYOeF' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     442ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     442ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     459ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-28-50-924Z.log

@@ -0,0 +1,8 @@
+[      29ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=UWwUHPKdepNM' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      38ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=UWwUHPKdepNM' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     396ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     397ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     412ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-29-03-576Z.log

@@ -0,0 +1,6 @@
+[      98ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=UWwUHPKdepNM' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[     100ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=UWwUHPKdepNM' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     408ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-29-19-126Z.log

@@ -0,0 +1,6 @@
+[      26ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=fkAS5C_-shpN' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      45ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=fkAS5C_-shpN' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     360ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-29-36-024Z.log

@@ -0,0 +1,8 @@
+[      27ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=ArOgeVMZYOeF' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      56ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=ArOgeVMZYOeF' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     111ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:196
+[     111ms] [WARNING] The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://developer.chrome.com/blog/autoplay/#web_audio @ http://localhost:5000/src/lib/audioManager.ts:250
+[     125ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0

.playwright-mcp/console-2026-02-23T19-33-41-934Z.log

@@ -0,0 +1,6 @@
+[      31ms] [ERROR] WebSocket connection to 'ws://localhost:5000/?token=ruKP92VJEZoy' failed: Error during WebSocket handshake: Unexpected response code: 400 @ http://localhost:5000/@vite/client:535
+[      43ms] SyntaxError: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/?token=ruKP92VJEZoy' is invalid.
+    at setupWebSocket (http://localhost:5000/@vite/client:536:19)
+    at fallback (http://localhost:5000/@vite/client:509:16)
+    at WebSocket.<anonymous> (http://localhost:5000/@vite/client:555:7)
+[     447ms] [WARNING] Error while trying to use the following icon from the Manifest: http://localhost:5000/HunterPath/icon-192x192.png (Download error or resource isn't a valid image) @ http://localhost:5000/:0