diff --git a/server/frontend/client.js b/server/frontend/client.js
index 52cfdcb..d219812 100755
--- a/server/frontend/client.js
+++ b/server/frontend/client.js
@@ -1,6 +1,8 @@
 import { crackdown } from "../utils/crackdown.js";
 import { parseArgs } from "../utils/parseArgs.js";
 import { MessageType } from "../utils/messages.js";
+import { sprintf } from "sprintf-js";
+import { Config } from "../config.js";
 
 /** Regex to validate if a :help [topic] command i entered correctly */
 const helpRegex = /^:help(?:\s+(.*))?$/;
@@ -72,7 +74,10 @@ class MUDClient {
 
     connect() {
         const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
-        const wsUrl = `${protocol}//${window.location.host}`;
+
+        const wsUrl = `${protocol}//${window.location.host}`.replace(/:\d+$/, Config.port);
+
+        console.log(window.location);
 
         this.updateStatus("Connecting...", "connecting");
 
diff --git a/server/frontend/index.html b/server/frontend/index.html
index a864d61..c65383b 100755
--- a/server/frontend/index.html
+++ b/server/frontend/index.html
@@ -6,9 +6,9 @@
         <title>WebSocket MUD</title>
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link rel="stylesheet" href="style.sass" />
+        <link rel="stylesheet" href="style.scss" />
         <link rel="manifest" href="manifest.json" />
-        <lin rel="icon" href="favicon.ico" />
+        <lin rel="icon" href="/favicon.ico" />
     </head>
     <body>
         <div id="container">
@@ -28,5 +28,6 @@
         </div>
 
         <script type="module" src="client.js"></script>
+        //# sourceMappingURL=
     </body>
 </html>
diff --git a/server/frontend/manifest.json b/server/frontend/manifest.json
index 45dc8a2..9e32466 100755
--- a/server/frontend/manifest.json
+++ b/server/frontend/manifest.json
@@ -1 +1,20 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "./img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "./img/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
+
diff --git a/server/frontend/style.sass b/server/frontend/style.scss
similarity index 83%
rename from server/frontend/style.sass
rename to server/frontend/style.scss
index 4faf47b..c0332ea 100755
--- a/server/frontend/style.sass
+++ b/server/frontend/style.scss
@@ -26,20 +26,20 @@ body {
     overflow: hidden;
 }
 
-/* #output { */
-/*     flex: 1; */
-/*     background-color: #000; */
-/*     border: 2px solid #333; */
-/*     padding: 15px; */
-/*     overflow-y: auto; */
-/*     white-space: pre-wrap; */
-/*     line-height: 1.4; */
-/*     margin-bottom: 20px; */
-/*     font-family: "Fira Code", monospace; */
-/*     font-optical-sizing: auto; */
-/*     font-size: 14px; */
-/*     width: 100ch; */
-/* } */
+#output {
+    flex: 1;
+    background-color: #000;
+    border: 2px solid #333;
+    padding: 15px;
+    overflow-y: auto;
+    white-space: pre-wrap;
+    line-height: 1.4;
+    margin-bottom: 20px;
+    font-family: "Fira Code", monospace;
+    font-optical-sizing: auto;
+    font-size: 14px;
+    width: 100ch;
+}
 
 #input-container {
     display: flex;
diff --git a/server/frontend/vite.config.js b/server/frontend/vite.config.js
index 6d78a7c..7b0ee56 100755
--- a/server/frontend/vite.config.js
+++ b/server/frontend/vite.config.js
@@ -1,8 +1,12 @@
-export default {
+import { defineConfig } from "vite";
+import devtoolsJson from "vite-plugin-devtools-json";
+
+export default defineConfig({
     root: ".",
+    plugins: [devtoolsJson()],
     build: {
         outDir: "../public/",
         emptyOutDir: true, // also necessary
-        sourcemap: "inline",
+        sourcemap: true,
     },
-};
+});
diff --git a/server/package-lock.json b/server/package-lock.json
index b5e8f7f..cf91b8a 100755
--- a/server/package-lock.json
+++ b/server/package-lock.json
@@ -18,7 +18,8 @@
                 "nodemon": "^3.0.1",
                 "prettier": "3.6.2",
                 "sass-embedded": "^1.92.1",
-                "vite": "^7.1.5"
+                "vite": "^7.1.5",
+                "vite-plugin-devtools-json": "^1.0.0"
             },
             "engines": {
                 "node": ">=14.0.0"
@@ -2464,6 +2465,20 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/uuid": {
+            "version": "11.1.0",
+            "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.0.tgz",
+            "integrity": "sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==",
+            "dev": true,
+            "funding": [
+                "https://github.com/sponsors/broofa",
+                "https://github.com/sponsors/ctavan"
+            ],
+            "license": "MIT",
+            "bin": {
+                "uuid": "dist/esm/bin/uuid"
+            }
+        },
         "node_modules/varint": {
             "version": "6.0.0",
             "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
@@ -2546,6 +2561,19 @@
                 }
             }
         },
+        "node_modules/vite-plugin-devtools-json": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/vite-plugin-devtools-json/-/vite-plugin-devtools-json-1.0.0.tgz",
+            "integrity": "sha512-MobvwqX76Vqt/O4AbnNMNWoXWGrKUqZbphCUle/J2KXH82yKQiunOeKnz/nqEPosPsoWWPP9FtNuPBSYpiiwkw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "uuid": "^11.1.0"
+            },
+            "peerDependencies": {
+                "vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
+            }
+        },
         "node_modules/vite/node_modules/fdir": {
             "version": "6.5.0",
             "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
diff --git a/server/package.json b/server/package.json
index deabf94..796b3a4 100755
--- a/server/package.json
+++ b/server/package.json
@@ -30,7 +30,8 @@
         "nodemon": "^3.0.1",
         "prettier": "3.6.2",
         "sass-embedded": "^1.92.1",
-        "vite": "^7.1.5"
+        "vite": "^7.1.5",
+        "vite-plugin-devtools-json": "^1.0.0"
     },
     "engines": {
         "node": ">=14.0.0"
diff --git a/server/public/index.html b/server/public/index.html
deleted file mode 100644
index ec9b37e..0000000
--- a/server/public/index.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>WebSocket MUD</title>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link rel="manifest" href="/assets/manifest-BwHFeIBa.json" />
-      <script type="module" crossorigin src="/assets/index-Dz3BJtZ6.js"></script>
-      <link rel="stylesheet" crossorigin href="/assets/index-DHjAscAP.css">
-    </head>
-    <body>
-        <div id="container">
-            <div id="status" class="connecting">Connecting...</div>
-            <div id="output"></div>
-            <div id="input-container">
-                <input
-                    type="text"
-                    autocomplete="off"
-                    id="input"
-                    placeholder="Enter command..."
-                    disabled
-                    autocorrect="off"
-                    autocomplete="off"
-                />
-            </div>
-        </div>
-
-    </body>
-</html>
diff --git a/server/scenes/scene.js b/server/scenes/scene.js
index b2633de..b56a68e 100755
--- a/server/scenes/scene.js
+++ b/server/scenes/scene.js
@@ -1,3 +1,4 @@
+import { sprintf } from "sprintf-js";
 import { Session } from "../models/session.js";
 import { Prompt } from "./prompt.js";
 
diff --git a/server/server.js b/server/server.js
index 51ba961..39ce249 100755
--- a/server/server.js
+++ b/server/server.js
@@ -81,6 +81,7 @@ class MudServer {
             ".css": "text/css",
             ".html": "text/html",
             ".ico": "image/x-icon",
+            ".map": "application/json",
             ".js": "application/javascript",
             ".json": "application/json",
             ".png": "image/png",
diff --git a/server/test.js b/server/test.js
deleted file mode 100644
index f1c4ba1..0000000
--- a/server/test.js
+++ /dev/null
@@ -1,4 +0,0 @@
-class Mufassa {
-    x = 42;
-}
-const foo = new Mufassa();
diff --git a/server/utils/parseArgs.js b/server/utils/parseArgs.js
old mode 100644
new mode 100755
index 03c612a..44ff9b7
--- a/server/utils/parseArgs.js
+++ b/server/utils/parseArgs.js
@@ -5,7 +5,7 @@
  * @returns {(string|number)[]} Command arguments
  */
 export function parseArgs(cmdString) {
-    if (typeof cmdString === "string") {
+    if (typeof cmdString !== "string") {
         throw new Error("Expected string. GoT a finger in the eye instead");
     }
     const args = [];
