Fix port for real

frontend/webpack.config.js

@@ -1,13 +1,18 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-module.exports = {
+module.exports = (env, argv) => {
+  const isProduction = argv.mode === 'production';
+
+  return {
     entry: './src/index.tsx',
     output: {
       path: path.resolve(__dirname, 'dist'),
       filename: 'bundle.js',
       clean: true,
-    publicPath: './',
+      
+      // Empty string generates relative paths that work through proxies
+      publicPath: '',
     },
     resolve: {
       extensions: ['.ts', '.tsx', '.js', '.jsx'],
@@ -33,7 +38,14 @@ module.exports = {
     devServer: {
       port: 3000,
       allowedHosts: 'all',
-    historyApiFallback: true,
+      historyApiFallback: {
+        index: 'index.html',
+      },
+      // Disable WebSocket-based HMR for proxy compatibility
+      // VS Code web proxy sends WebSocket messages as Blobs which breaks HMR
+      webSocketServer: false,
+      hot: false,
+      liveReload: false,
       proxy: [
         {
           context: ['/api'],
@@ -41,4 +53,5 @@ module.exports = {
         },
       ],
     },
+  };
 };