diff --git a/.github/workflows/push-build.yml b/.github/workflows/push-build.yml
index 5af189b4..d4623789 100644
--- a/.github/workflows/push-build.yml
+++ b/.github/workflows/push-build.yml
@@ -42,16 +42,16 @@ jobs:
         run: yarn build
       - name: Copy "dist" folder
         run: cp -r src/frontend/dist/. src/backend/dist/
-      - name: Build amd64
+      - name: Build x86_64
         working-directory: src/backend
         run: cross build --release --target x86_64-unknown-linux-musl
-      - name: Build armv6
+      - name: Build armv6l
         working-directory: src/backend
         run: cross build --release --target arm-unknown-linux-musleabihf
-      - name: Build armv7
+      - name: Build armv7l
         working-directory: src/backend
         run: cross build --release --target armv7-unknown-linux-musleabihf
-      - name: Build armv8
+      - name: Build aarch64
         working-directory: src/backend
         run: cross build --release --target aarch64-unknown-linux-musl
       - uses: actions/upload-artifact@v2
@@ -70,4 +70,32 @@ jobs:
         with:
           name: dietpi-dashboard-aarch64
           path: src/backend/target/aarch64-unknown-linux-musl/release/dietpi-dashboard
+      - name: Build x86_64 (backend only)
+        working-directory: src/backend
+        run: cross build --release --target x86_64-unknown-linux-musl --no-default-features
+      - name: Build armv6l (backend only)
+        working-directory: src/backend
+        run: cross build --release --target arm-unknown-linux-musleabihf --no-default-features
+      - name: Build armv7l (backend only)
+        working-directory: src/backend
+        run: cross build --release --target armv7-unknown-linux-musleabihf --no-default-features
+      - name: Build aarch64 (backend only)
+        working-directory: src/backend
+        run: cross build --release --target aarch64-unknown-linux-musl --no-default-features
+      - uses: actions/upload-artifact@v2
+        with:
+          name: dietpi-dashboard-x86_64-backend
+          path: src/backend/target/x86_64-unknown-linux-musl/release/dietpi-dashboard
+      - uses: actions/upload-artifact@v2
+        with:
+          name: dietpi-dashboard-armv6l-backend
+          path: src/backend/target/arm-unknown-linux-musleabihf/release/dietpi-dashboard
+      - uses: actions/upload-artifact@v2
+        with:
+          name: dietpi-dashboard-armv7l-backend
+          path: src/backend/target/armv7-unknown-linux-musleabihf/release/dietpi-dashboard
+      - uses: actions/upload-artifact@v2
+        with:
+          name: dietpi-dashboard-aarch64-backend
+          path: src/backend/target/aarch64-unknown-linux-musl/release/dietpi-dashboard
 
diff --git a/config.toml b/config.toml
index 9d519fe3..cc081fa8 100644
--- a/config.toml
+++ b/config.toml
@@ -12,4 +12,9 @@
 # To get hash: "echo -n '<PASSWORD>' | sha512sum"
 #hash = "SHA512 hash of password"
 # To get random secret: "openssl rand -hex 32" 
-#secret = "64-character secret"
\ No newline at end of file
+#secret = "64-character secret"
+# Other nodes viewable on frontend page
+# - Default: []
+# Please insert the IP addresses/domains and ports of these nodes
+# For example: ["example.com:5252", "192.168.1.60:4386"]
+nodes = ["192.168.1.100:5252"]
\ No newline at end of file
diff --git a/src/backend/Cargo.lock b/src/backend/Cargo.lock
index 318fe433..212fae66 100644
--- a/src/backend/Cargo.lock
+++ b/src/backend/Cargo.lock
@@ -323,9 +323,9 @@ dependencies = [
 
 [[package]]
 name = "crc32fast"
-version = "1.2.1"
+version = "1.2.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "81156fece84ab6a9f2afdb109ce3ae577e42b1228441eded99bd77f627953b1a"
+checksum = "3825b1e8580894917dc4468cb634a1b4e9745fddc854edad72d9c04644c0319f"
 dependencies = [
  "cfg-if",
 ]
@@ -376,6 +376,7 @@ dependencies = [
  "sha2",
  "simple_logger",
  "tokio",
+ "toml",
  "warp",
 ]
 
@@ -1607,6 +1608,15 @@ dependencies = [
  "tokio",
 ]
 
+[[package]]
+name = "toml"
+version = "0.5.8"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "a31142970826733df8241ef35dc040ef98c679ab14d7c3e54d827099b3acecaa"
+dependencies = [
+ "serde",
+]
+
 [[package]]
 name = "tower-service"
 version = "0.3.1"
diff --git a/src/backend/Cargo.toml b/src/backend/Cargo.toml
index c0b1f560..7011c6a6 100644
--- a/src/backend/Cargo.toml
+++ b/src/backend/Cargo.toml
@@ -6,12 +6,12 @@ edition = "2021"
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
 [dependencies]
-warp = {version = "0.3.2", default-features = false, features = ["compression", "websocket", "tls"]}
+warp = {version = "0.3.2", default-features = false, features = ["websocket", "tls"]}
 tokio = { version = "1", features = ["rt-multi-thread", "macros", "time", "sync"] }
 num_cpus = "1.13.0"
 simple_logger = "1.16.0"
 log = "0.4.14"
-include_dir = "0.7.2"
+include_dir = {version = "0.7.2", optional = true}
 lazy_static = "1.4.0"
 futures = "0.3.18"
 nanoserde = "0.1.29"
@@ -20,6 +20,11 @@ heim = { git = "https://github.com/heim-rs/heim", features = ["cpu", "disk", "ho
 infer = { version = "0.5.0", default-features = false }
 jwts = "0.2.3"
 sha2 = "0.10.0"
+toml = "0.5.8"
+
+[features]
+default = ["frontend"]
+frontend = ["include_dir", "warp/compression"]
 
 [profile.release]
 lto = "fat"
diff --git a/src/backend/src/config.rs b/src/backend/src/config.rs
index ca75e108..457423e1 100644
--- a/src/backend/src/config.rs
+++ b/src/backend/src/config.rs
@@ -1,4 +1,4 @@
-use nanoserde::{Toml, TomlParser};
+use toml::Value;
 
 pub struct Config {
     pub port: u16,
@@ -10,72 +10,102 @@ pub struct Config {
     pub pass: bool,
     pub hash: String,
     pub secret: String,
+
+    #[cfg(feature = "frontend")]
+    pub nodes: Vec<String>,
 }
 
 pub fn config() -> Config {
     let mut cfgpath = std::env::current_exe().unwrap();
     cfgpath.set_file_name("config.toml");
-    let cfg = TomlParser::parse(
-        &match std::fs::read_to_string(cfgpath) {
-            Err(ref e) if e.kind() == std::io::ErrorKind::NotFound => {
-                std::fs::write("config.toml", "").unwrap();
-                String::new()
-            }
-            Ok(cfg) => cfg,
-            Err(e) => {
-                panic!("Config file could not be read: {}", e);
-            }
+    let cfg = &match std::fs::read_to_string(cfgpath) {
+        Err(ref e) if e.kind() == std::io::ErrorKind::NotFound => {
+            std::fs::write("config.toml", "").unwrap();
+            String::new()
+        }
+        Ok(cfg) => cfg,
+        Err(e) => {
+            panic!("Config file could not be read: {}", e);
         }
-        .lines()
-        .filter(|line| !line.starts_with('#')) // Remove comments, parser can't handle them
-        .map(|line| line.to_string() + "\n")
-        .collect::<String>(),
-    )
+    }
+    .parse::<Value>()
     .expect("Invalid config file");
 
     #[allow(clippy::cast_sign_loss)]
     #[allow(clippy::cast_possible_truncation)]
-    let port: u16 = cfg.get("port").unwrap_or(&Toml::Num(5252.0)).num() as u16;
+    let port: u16 = cfg
+        .get("port")
+        .unwrap_or(&Value::Integer(5252))
+        .as_integer()
+        .unwrap() as u16;
 
-    let tls = cfg.get("tls").unwrap_or(&Toml::Bool(false));
+    let tls = cfg
+        .get("tls")
+        .unwrap_or(&Value::Boolean(false))
+        .as_bool()
+        .unwrap();
     let mut cert = String::new();
     let mut key = String::new();
-    if tls == &Toml::Bool(true) {
+    if tls {
         cert = cfg
             .get("cert")
-            .unwrap_or(&Toml::Str(String::new()))
-            .str()
+            .unwrap_or(&Value::String(String::new()))
+            .as_str()
+            .unwrap()
             .to_string();
         key = cfg
             .get("key")
-            .unwrap_or(&Toml::Str(String::new()))
-            .str()
+            .unwrap_or(&Value::String(String::new()))
+            .as_str()
+            .unwrap()
             .to_string();
     }
 
-    let pass = cfg.get("pass").unwrap_or(&Toml::Bool(false));
+    let pass = cfg
+        .get("pass")
+        .unwrap_or(&Value::Boolean(false))
+        .as_bool()
+        .unwrap();
+
     let mut hash = String::new();
     let mut secret = String::new();
-    if pass == &Toml::Bool(true) {
+    if pass {
         hash = cfg
             .get("hash")
-            .unwrap_or(&Toml::Str(String::new()))
-            .str()
+            .unwrap_or(&Value::String(String::new()))
+            .as_str()
+            .unwrap()
             .to_string();
         secret = cfg
             .get("secret")
-            .unwrap_or(&Toml::Str(String::new()))
-            .str()
+            .unwrap_or(&Value::String(String::new()))
+            .as_str()
+            .unwrap()
             .to_string();
     }
 
+    #[cfg(feature = "frontend")]
+    let mut nodes = Vec::new();
+
+    #[cfg(feature = "frontend")]
+    for i in cfg
+        .get("nodes")
+        .unwrap_or(&Value::Array(Vec::new()))
+        .as_array()
+        .unwrap()
+    {
+        nodes.push(i.as_str().unwrap().to_string());
+    }
+
     Config {
         port,
-        tls: tls == &Toml::Bool(true),
+        tls,
         cert,
         key,
-        pass: pass == &Toml::Bool(true),
+        pass,
         hash,
         secret,
+        #[cfg(feature = "frontend")]
+        nodes,
     }
 }
diff --git a/src/backend/src/main.rs b/src/backend/src/main.rs
index 61c17c7c..91a00f47 100644
--- a/src/backend/src/main.rs
+++ b/src/backend/src/main.rs
@@ -18,6 +18,7 @@ fn main() {
         .build()
         .unwrap()
         .block_on(async {
+            #[cfg(feature = "frontend")]
             const DIR: include_dir::Dir = include_dir::include_dir!("dist");
 
             SimpleLogger::new()
@@ -27,6 +28,7 @@ fn main() {
                 .init()
                 .unwrap();
 
+            #[cfg(feature = "frontend")]
             let favicon_route = warp::path("favicon.png").map(|| {
                 warp::reply::with_header(
                     DIR.get_file("favicon.png").unwrap().contents(),
@@ -35,6 +37,7 @@ fn main() {
                 )
             });
 
+            #[cfg(feature = "frontend")]
             let assets_route = warp::path("assets")
                 .and(warp::path::param())
                 .map(|path: String| {
@@ -87,7 +90,11 @@ fn main() {
                         "No login needed".to_string(),
                         warp::http::StatusCode::OK,
                     )
-                });
+                })
+                .with(warp::reply::with::header(
+                    "Access-Control-Allow-Origin",
+                    "*",
+                ));
 
             let terminal_route = warp::path!("ws" / "term")
                 .and(warp::ws())
@@ -97,20 +104,21 @@ fn main() {
                 .and(warp::ws())
                 .map(|ws: warp::ws::Ws| ws.on_upgrade(sockets::socket_handler));
 
+            #[cfg(feature = "frontend")]
             let main_route = warp::any().map(|| {
                 warp::reply::html(DIR.get_file("index.html").unwrap().contents_utf8().unwrap())
             });
 
+            #[cfg(feature = "frontend")]
             let page_routes = favicon_route
                 .or(assets_route)
-                .or(login_route)
                 .or(main_route)
                 .with(warp::compression::gzip());
 
             let socket_routes = terminal_route.or(socket_route);
 
             let routes = socket_routes
-                .or(page_routes)
+                .or(login_route)
                 .with(warp::log::custom(|info| {
                     log::info!("Request to {}", info.path());
                     log::debug!(
@@ -122,6 +130,9 @@ fn main() {
                     );
                 }));
 
+            #[cfg(feature = "frontend")]
+            let routes = routes.or(page_routes);
+
             if CONFIG.tls {
                 warp::serve(routes)
                     .tls()
diff --git a/src/backend/src/shared.rs b/src/backend/src/shared.rs
index 6e9053d8..71faf092 100644
--- a/src/backend/src/shared.rs
+++ b/src/backend/src/shared.rs
@@ -122,6 +122,8 @@ pub struct ServiceList {
 pub struct GlobalData {
     pub update: String,
     pub login: bool,
+    #[cfg(feature = "frontend")]
+    pub nodes: Vec<String>,
 }
 
 #[derive(SerJson, Debug)]
diff --git a/src/backend/src/systemdata.rs b/src/backend/src/systemdata.rs
index 37738ba4..a5b33946 100644
--- a/src/backend/src/systemdata.rs
+++ b/src/backend/src/systemdata.rs
@@ -419,6 +419,8 @@ pub fn global() -> shared::GlobalData {
     shared::GlobalData {
         update,
         login: crate::CONFIG.pass,
+        #[cfg(feature = "frontend")]
+        nodes: crate::CONFIG.nodes.clone(),
     }
 }
 
diff --git a/src/frontend/.yarn/install-state.gz b/src/frontend/.yarn/install-state.gz
index 2a00e34a..abe41fbd 100644
Binary files a/src/frontend/.yarn/install-state.gz and b/src/frontend/.yarn/install-state.gz differ
diff --git a/src/frontend/index.html b/src/frontend/index.html
index c994e7f7..a3f919cb 100644
--- a/src/frontend/index.html
+++ b/src/frontend/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta http-equiv="Content-Security-Policy"
-    content="default-src 'self'; font-src 'self'; img-src 'self'; script-src 'self'; style-src 'unsafe-inline' 'self'; connect-src 'self' ws:;" />
+    content="default-src 'self'; font-src 'self'; img-src 'self'; script-src 'self'; style-src 'unsafe-inline' 'self'; connect-src * ws:;" />
   <link rel="icon" href="/favicon.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>DietPi Dashboard</title>
diff --git a/src/frontend/src/App.svelte b/src/frontend/src/App.svelte
index 9133abfa..e6d3de10 100755
--- a/src/frontend/src/App.svelte
+++ b/src/frontend/src/App.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { navigate, Route, Router } from "svelte-routing";
-    import { onMount } from "svelte";
-    import { fade } from "svelte/transition";
+    import { fade, slide } from "svelte/transition";
     import Home from "./pages/Home.svelte";
     import Process from "./pages/Process.svelte";
     import Software from "./pages/Software.svelte";
@@ -20,6 +19,9 @@
         faFolder,
         faSun,
         faMoon,
+        faEnvelope,
+        faEnvelopeOpenText,
+        faCog,
     } from "@fortawesome/free-solid-svg-icons";
     import Management from "./pages/Management.svelte";
     import FileBrowser from "./pages/FileBrowser.svelte";
@@ -43,6 +45,7 @@
         update?: string;
         login?: boolean;
         error?: boolean;
+        nodes?: string[];
     }
 
     interface software {
@@ -79,7 +82,7 @@
 
     let url = "";
 
-    let socket;
+    let socket: WebSocket;
     let socketData: socketData = {};
     let binData = "";
     let shown = false;
@@ -92,6 +95,10 @@
     let password = "";
     let login = false;
     let loginDialog = false;
+    let nodes = [];
+    let node = `${window.location.hostname}:${window.location.port}`;
+    let notificationsShown = false;
+    let settingsShown = false;
 
     // Get dark mode
     if (localStorage.getItem("darkMode") != null) {
@@ -111,6 +118,9 @@
         if (socketData.update != undefined) {
             update = socketData.update;
             login = socketData.login;
+            if (socketData.nodes) {
+                nodes = socketData.nodes;
+            }
             // Get token
             if (login) {
                 if (localStorage.getItem("token") != null) {
@@ -140,23 +150,14 @@
     };
     const socketErrorListener = (e) => {
         console.error(e);
+        connectSocket(node);
     };
     const socketCloseListener = () => {
-        if (socket) {
-            console.log("Disconnected");
-        }
-        let proto = window.location.protocol == "https:" ? "wss" : "ws";
-        socket = new WebSocket(
-            `${proto}://${window.location.hostname}:${window.location.port}/ws`
-        );
-        socket.onopen = socketOpenListener;
-        socket.onmessage = socketMessageListener;
-        socket.onclose = socketCloseListener;
-        socket.onerror = socketErrorListener;
+        console.log("Disconnected");
     };
 
     function pollServer(page: string) {
-        let json;
+        let json: string;
         if (login) {
             json = JSON.stringify({
                 page,
@@ -184,19 +185,17 @@
             method: "POST",
             body: password,
         };
-        fetch(
-            `${window.location.protocol}//${window.location.hostname}:${window.location.port}/login/`,
-            options
-        ).then((response) =>
-            response.text().then((body) => {
-                password = "";
-                if (body != "Unauthorized") {
-                    (token = body),
-                        localStorage.setItem("token", body),
-                        (loginDialog = false),
-                        pollServer(window.location.pathname);
-                }
-            })
+        fetch(`${window.location.protocol}//${node}/login/`, options).then(
+            (response) =>
+                response.text().then((body) => {
+                    password = "";
+                    if (body != "Unauthorized") {
+                        (token = body),
+                            localStorage.setItem("token", body),
+                            (loginDialog = false),
+                            pollServer(window.location.pathname);
+                    }
+                })
         );
     }
 
@@ -217,9 +216,19 @@
         socket.send(json);
     }
 
-    onMount(() => {
-        socketCloseListener();
-    });
+    function connectSocket(url: string) {
+        if (socket) {
+            socket.close();
+        }
+        let proto = window.location.protocol == "https:" ? "wss" : "ws";
+        socket = new WebSocket(`${proto}://${url}/ws`);
+        socket.onopen = socketOpenListener;
+        socket.onmessage = socketMessageListener;
+        socket.onclose = socketCloseListener;
+        socket.onerror = socketErrorListener;
+    }
+
+    $: node && ((shown = false), connectSocket(node));
 </script>
 
 <main class="min-h-screen flex overflow-x-hidden{darkMode ? ' dark' : ''}">
@@ -289,19 +298,92 @@
                 target="_blank"
                 ><img src={logo} alt="DietPi logo" class="h-10" /></a
             >
-            {#if update != ""}
-                <span class="text-red-500 justify-self-center"
-                    >DietPi update avalible: {update}</span
+            <div class="flex justify-around">
+                <select bind:value={node} class="hidden md:inline-block">
+                    <option
+                        value={`${window.location.hostname}:${window.location.port}`}
+                        >{`${window.location.hostname}:${window.location.port}`}
+                    </option>
+                    {#each nodes as node}
+                        <option value={node}>
+                            {node}
+                        </option>
+                    {/each}
+                </select>
+                <div>
+                    <span
+                        class="cursor-pointer"
+                        on:click={() =>
+                            (notificationsShown = !notificationsShown)}
+                        ><Fa
+                            icon={update ? faEnvelopeOpenText : faEnvelope}
+                            size="lg"
+                        />
+                    </span>
+                    {#if notificationsShown && window.innerWidth >= 768}
+                        <div
+                            class="w-1/6 bg-gray-50 dark:bg-gray-800 rounded absolute top-15 right-5 p-2"
+                            transition:slide
+                        >
+                            <div class="min-h-20">
+                                <table class="w-full">
+                                    {#if update}
+                                        <tr
+                                            class="border-b border-gray-300 border-gray-600"
+                                            >DietPi update avalible: {update}</tr
+                                        >
+                                    {/if}
+                                </table>
+                            </div>
+                        </div>
+                    {/if}
+                </div>
+                <span
+                    class="cursor-pointer md:hidden"
+                    on:click={() => (settingsShown = !settingsShown)}
+                    ><Fa icon={faCog} size="lg" />
+                </span>
+                <span
+                    class="cursor-pointer"
+                    on:click={() => (
+                        (darkMode = !darkMode),
+                        localStorage.setItem("darkMode", darkMode.toString())
+                    )}><Fa icon={darkMode ? faMoon : faSun} size="lg" /></span
                 >
-            {/if}
-            <span
-                class="cursor-pointer justify-self-end mr-2"
-                on:click={() => (
-                    (darkMode = !darkMode),
-                    localStorage.setItem("darkMode", darkMode.toString())
-                )}><Fa icon={darkMode ? faMoon : faSun} size="lg" /></span
-            >
+            </div>
         </header>
+        {#if notificationsShown && window.innerWidth < 768}
+            <div class="bg-gray-50 dark:bg-gray-800 p-2" transition:slide>
+                <div class="min-h-10">
+                    <table class="w-full">
+                        {#if update}
+                            <tr class="border-b border-gray-300 border-gray-600"
+                                >DietPi update avalible: {update}</tr
+                            >
+                        {/if}
+                    </table>
+                </div>
+            </div>
+        {/if}
+        {#if settingsShown && window.innerWidth < 768}
+            <div class="bg-gray-50 dark:bg-gray-800 p-2" transition:slide>
+                <div class="min-h-10">
+                    <table class="w-full">
+                        <select bind:value={node} class="w-full">
+                            <option
+                                value={`${window.location.hostname}:${window.location.port}`}
+                                >{`${window.location.hostname}:${window.location.port}`}
+                            </option>
+                            {#each nodes as node}
+                                <option value={node}>
+                                    {node}
+                                </option>
+                            {/each}
+                        </select>
+                    </table>
+                </div>
+            </div>
+        {/if}
         <div
             class="dark:bg-gray-900 bg-gray-100 flex-grow p-4 md:p-6 dark:text-white{blur
                 ? ' children:blur-2 children:filter'
@@ -316,7 +398,9 @@
                     <Route path="software"
                         ><Software {socketData} {socketSend} /></Route
                     >
-                    <Route path="terminal"><Terminal {loginDialog} /></Route>
+                    <Route path="terminal"
+                        ><Terminal {loginDialog} {node} /></Route
+                    >
                     <Route path="management"
                         ><Management {socketSend} {socketData} /></Route
                     >
@@ -337,7 +421,7 @@
             {/if}
         </div>
         <footer
-            class="border-t bg-gray-200 dark:bg-gray-800 dark:border-gray-700 border-gray-300 h-16 flex flex-col justify-center items-center dark:text-white"
+            class="border-t bg-gray-200 dark:bg-gray-800 dark:border-gray-700 border-gray-300 min-h-16 flex flex-col justify-center items-center dark:text-white"
         >
             <div>
                 DietPi-Dashboard <a
diff --git a/src/frontend/src/pages/Terminal.svelte b/src/frontend/src/pages/Terminal.svelte
index bb8210b0..0b18bb19 100644
--- a/src/frontend/src/pages/Terminal.svelte
+++ b/src/frontend/src/pages/Terminal.svelte
@@ -8,12 +8,12 @@
     import "xterm/css/xterm.css";
 
     export let loginDialog: boolean;
+    export let node: string;
+
     let termDiv;
 
     let proto = window.location.protocol == "https:" ? "wss" : "ws";
-    const socket = new WebSocket(
-        `${proto}://${window.location.hostname}:${window.location.port}/ws/term`
-    );
+    const socket = new WebSocket(`${proto}://${node}/ws/term`);
 
     const attachAddon = new AttachAddon(socket);
 
diff --git a/src/frontend/vite.config.js b/src/frontend/vite.config.js
index dce455ee..8c24f742 100644
--- a/src/frontend/vite.config.js
+++ b/src/frontend/vite.config.js
@@ -4,20 +4,26 @@ import { replaceCodePlugin } from "vite-plugin-replace";
 import windi from 'vite-plugin-windicss'
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [svelte(), windi({}), replaceCodePlugin({
-    replacements: [
-      {
-        from: /__PACKAGE_VERSION__/g,
-        to: process.env.npm_package_version,
-      },
-    ]
-  })],
-  build: {
-    rollupOptions: {
-      output: {
-        manualChunks: {
-          xterm: ['xterm', 'xterm-addon-attach', 'xterm-addon-fit']
+export default defineConfig(({ mode }) => {
+  return {
+    plugins: [svelte(), windi({}), replaceCodePlugin({
+      replacements: [
+        {
+          from: /__PACKAGE_VERSION__/g,
+          to: process.env.npm_package_version,
+        },
+        {
+          from: /5252/g,
+          to: process.env.NODE_ENV === 'production' ? "window.location.port" : "5252",
+        },
+      ]
+    })],
+    build: {
+      rollupOptions: {
+        output: {
+          manualChunks: {
+            xterm: ['xterm', 'xterm-addon-attach', 'xterm-addon-fit']
+          }
         }
       }
     }