diff --git a/web/package-lock.json b/web/package-lock.json
index 84fd2713..d4b102e1 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -5,6 +5,11 @@
     "packages": {
         "": {
             "dependencies": {
+                "@xterm/addon-canvas": "^0.7.0",
+                "@xterm/addon-fit": "^0.10.0",
+                "@xterm/addon-search": "^0.15.0",
+                "@xterm/addon-web-links": "^0.11.0",
+                "@xterm/addon-webgl": "^0.18.0",
                 "@xterm/xterm": "^5.5.0"
             },
             "devDependencies": {
@@ -531,6 +536,46 @@
                 "tailwindcss": ">=3.0.0 || insiders"
             }
         },
+        "node_modules/@xterm/addon-canvas": {
+            "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/@xterm/addon-canvas/-/addon-canvas-0.7.0.tgz",
+            "integrity": "sha512-LF5LYcfvefJuJ7QotNRdRSPc9YASAVDeoT5uyXS/nZshZXjYplGXRECBGiznwvhNL2I8bq1Lf5MzRwstsYQ2Iw==",
+            "peerDependencies": {
+                "@xterm/xterm": "^5.0.0"
+            }
+        },
+        "node_modules/@xterm/addon-fit": {
+            "version": "0.10.0",
+            "resolved": "https://registry.npmjs.org/@xterm/addon-fit/-/addon-fit-0.10.0.tgz",
+            "integrity": "sha512-UFYkDm4HUahf2lnEyHvio51TNGiLK66mqP2JoATy7hRZeXaGMRDr00JiSF7m63vR5WKATF605yEggJKsw0JpMQ==",
+            "peerDependencies": {
+                "@xterm/xterm": "^5.0.0"
+            }
+        },
+        "node_modules/@xterm/addon-search": {
+            "version": "0.15.0",
+            "resolved": "https://registry.npmjs.org/@xterm/addon-search/-/addon-search-0.15.0.tgz",
+            "integrity": "sha512-ZBZKLQ+EuKE83CqCmSSz5y1tx+aNOCUaA7dm6emgOX+8J9H1FWXZyrKfzjwzV+V14TV3xToz1goIeRhXBS5qjg==",
+            "peerDependencies": {
+                "@xterm/xterm": "^5.0.0"
+            }
+        },
+        "node_modules/@xterm/addon-web-links": {
+            "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/@xterm/addon-web-links/-/addon-web-links-0.11.0.tgz",
+            "integrity": "sha512-nIHQ38pQI+a5kXnRaTgwqSHnX7KE6+4SVoceompgHL26unAxdfP6IPqUTSYPQgSwM56hsElfoNrrW5V7BUED/Q==",
+            "peerDependencies": {
+                "@xterm/xterm": "^5.0.0"
+            }
+        },
+        "node_modules/@xterm/addon-webgl": {
+            "version": "0.18.0",
+            "resolved": "https://registry.npmjs.org/@xterm/addon-webgl/-/addon-webgl-0.18.0.tgz",
+            "integrity": "sha512-xCnfMBTI+/HKPdRnSOHaJDRqEpq2Ugy8LEj9GiY4J3zJObo3joylIFaMvzBwbYRg8zLtkO0KQaStCeSfoaI2/w==",
+            "peerDependencies": {
+                "@xterm/xterm": "^5.0.0"
+            }
+        },
         "node_modules/@xterm/xterm": {
             "version": "5.5.0",
             "resolved": "https://registry.npmjs.org/@xterm/xterm/-/xterm-5.5.0.tgz",
diff --git a/web/package.json b/web/package.json
index 23a37232..c60a69d8 100644
--- a/web/package.json
+++ b/web/package.json
@@ -18,6 +18,11 @@
         "vite": "^4.0.0"
     },
     "dependencies": {
+        "@xterm/addon-canvas": "^0.7.0",
+        "@xterm/addon-fit": "^0.10.0",
+        "@xterm/addon-search": "^0.15.0",
+        "@xterm/addon-web-links": "^0.11.0",
+        "@xterm/addon-webgl": "^0.18.0",
         "@xterm/xterm": "^5.5.0"
     }
 }
diff --git a/web/resources/js/app.js b/web/resources/js/app.js
index e59d6a0a..0a23e8f1 100644
--- a/web/resources/js/app.js
+++ b/web/resources/js/app.js
@@ -1 +1,3 @@
 import './bootstrap';
+
+import { Terminal } from '@xterm/xterm';
diff --git a/web/resources/views/filament/pages/terminal.blade.php b/web/resources/views/filament/pages/terminal.blade.php
index 271970b4..2f44a85c 100644
--- a/web/resources/views/filament/pages/terminal.blade.php
+++ b/web/resources/views/filament/pages/terminal.blade.php
@@ -1,11 +1,9 @@
 <x-filament-panels::page>
 
     <div>
-        <link rel="stylesheet" href="node_modules/@xterm/xterm/css/xterm.css" />
-        <script src="node_modules/@xterm/xterm/lib/xterm.js"></script>
-
 
         <div id="js-web-terminal"></div>
+
         <script>
 
             const terminal = new Terminal();