diff --git a/.env b/.env
new file mode 100644
index 0000000..d4e2540
--- /dev/null
+++ b/.env
@@ -0,0 +1 @@
+VUE_APP_API_URL = "https://REDACTED-HOST/api/"
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 349f6a0..4d707b9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,12 +9,12 @@
       "version": "1.0.0",
       "dependencies": {
         "autoprefixer": "^10.4.13",
-        "axios": "^1.2.2",
+        "axios": "^1.7.2",
         "chart.js": "^4.3.0",
         "chartjs-adapter-date-fns": "^3.0.0",
         "chartjs-plugin-datalabels": "^2.2.0",
         "chartjs-plugin-dragdata": "^1.1.3",
-        "cytoscape": "^3.23.0",
+        "cytoscape": "^3.30.0",
         "cytoscape-dagre": "^2.5.0",
         "cytoscape-popper": "^2.0.0",
         "date-fns": "^2.30.0",
@@ -28,14 +28,14 @@
         "pinia": "^2.0.28",
         "postcss": "^8.4.20",
         "primeicons": "^6.0.1",
-        "primevue": "^3.48.1",
+        "primevue": "^3.53.0",
         "tailwindcss": "^3.2.4",
         "tippy.js": "^6.3.7",
         "vue": "^3.2.45",
         "vue-axios": "^3.5.2",
         "vue-chartjs": "^5.2.0",
-        "vue-sweetalert2": "^5.0.5",
-        "vue-toast-notification": "^3.0.4",
+        "vue-sweetalert2": "^5.0.11",
+        "vue-toast-notification": "^3.1.2",
         "vuedraggable": "^4.1.0"
       },
       "devDependencies": {
@@ -1573,11 +1573,11 @@
       "dev": true
     },
     "node_modules/axios": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
-      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
+      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
       "dependencies": {
-        "follow-redirects": "^1.15.4",
+        "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
         "proxy-from-env": "^1.1.0"
       }
@@ -2323,13 +2323,9 @@
       "dev": true
     },
     "node_modules/cytoscape": {
-      "version": "3.23.0",
-      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.23.0.tgz",
-      "integrity": "sha512-gRZqJj/1kiAVPkrVFvz/GccxsXhF3Qwpptl32gKKypO4IlqnKBjTOu+HbXtEggSGzC5KCaHp3/F7GgENrtsFkA==",
-      "dependencies": {
-        "heap": "^0.2.6",
-        "lodash": "^4.17.21"
-      },
+      "version": "3.30.0",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.0.tgz",
+      "integrity": "sha512-l590mjTHT6/Cbxp13dGPC2Y7VXdgc+rUeF8AnF/JPzhjNevbDJfObnJgaSjlldOgBQZbue+X6IUZ7r5GAgvauQ==",
       "engines": {
         "node": ">=0.10"
       }
@@ -3397,9 +3393,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
       "funding": [
         {
           "type": "individual",
@@ -3741,11 +3737,6 @@
         "he": "bin/he"
       }
     },
-    "node_modules/heap": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/heap/-/heap-0.2.7.tgz",
-      "integrity": "sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg=="
-    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -4306,7 +4297,8 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/json-schema": {
       "version": "0.4.0",
@@ -12509,9 +12501,9 @@
       "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
     },
     "node_modules/primevue": {
-      "version": "3.48.1",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.48.1.tgz",
-      "integrity": "sha512-lyJ+E0ZCv2pR9jIpdPLBysU8zB2hOKrN7q78orloWelPx05zSYoMVKAWaqKTHNpunD52xffjaqovt1y6B/9XoQ==",
+      "version": "3.53.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.53.0.tgz",
+      "integrity": "sha512-mRqTPGGZX+3AQokaCCjxLVSNEjGEA7LaPdBT4qSpGEdMstK6vhUBCxgLH7IPjHudbaSi4Xo3CIO62pXQxbz8dQ==",
       "peerDependencies": {
         "vue": "^3.0.0"
       }
@@ -13240,12 +13232,11 @@
       }
     },
     "node_modules/sweetalert2": {
-      "version": "11.7.3",
-      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.7.3.tgz",
-      "integrity": "sha512-fUN/fyVSBZNtY4Rr/Qtxn7tNNnlRAbUhQxTQ9uOo0xVMIHBmqq4/9pau5N9dB2pvkB353XL/ywRAycscLoYU3w==",
+      "version": "11.4.4",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.4.tgz",
+      "integrity": "sha512-9yYWQuRT1v9JNI/paPTSYV+68MHwe9C+HQ/I2jtfaFzoJgYRftWXOs4JqmDSjT7m2m4r8ebMMn8LcxD1Wq9B/w==",
       "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/limonte"
+        "url": "https://sweetalert2.github.io/#donations"
       }
     },
     "node_modules/symbol-tree": {
@@ -13882,20 +13873,20 @@
       }
     },
     "node_modules/vue-sweetalert2": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.5.tgz",
-      "integrity": "sha512-Q7+TjQxNwGruT2jfPaSKMz18HHWs81r4umEwlrrtOf/QL5Iwl1T+tUaNkcvKB7Rf9rYftubt7NnOMjfDMnDH3A==",
+      "version": "5.0.11",
+      "resolved": "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.11.tgz",
+      "integrity": "sha512-agujdlcNeLb4Fj0/V3qgR7bEVBN8IzWFoDBP/vrSgbEGl9pjMmxnv32V3lxB0SZtQh6tL6R/UZ+C3q8tzsJbNg==",
       "dependencies": {
-        "sweetalert2": "11.x"
+        "sweetalert2": "11.4.4"
       },
       "peerDependencies": {
         "vue": "*"
       }
     },
     "node_modules/vue-toast-notification": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/vue-toast-notification/-/vue-toast-notification-3.0.4.tgz",
-      "integrity": "sha512-rEhLtcKg8SVdBpdN7PrNst5nmY8dw0j3NkNImqurhlGurqR/QDKoou0t2PuCReEOCTKqHvfLCle2I3kwQWDWDQ==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/vue-toast-notification/-/vue-toast-notification-3.1.2.tgz",
+      "integrity": "sha512-oNRL/W9aaHoeScp+iTIW7k09vM16/+8aptp2maa+7qTB43JuxmAgKdXKFYtf+uvSNOYYq2BIWgLCeJ61pwom/A==",
       "engines": {
         "node": ">=12.15.0"
       },
@@ -15348,11 +15339,11 @@
       "dev": true
     },
     "axios": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
-      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
+      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
       "requires": {
-        "follow-redirects": "^1.15.4",
+        "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
         "proxy-from-env": "^1.1.0"
       },
@@ -15918,13 +15909,9 @@
       "dev": true
     },
     "cytoscape": {
-      "version": "3.23.0",
-      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.23.0.tgz",
-      "integrity": "sha512-gRZqJj/1kiAVPkrVFvz/GccxsXhF3Qwpptl32gKKypO4IlqnKBjTOu+HbXtEggSGzC5KCaHp3/F7GgENrtsFkA==",
-      "requires": {
-        "heap": "^0.2.6",
-        "lodash": "^4.17.21"
-      }
+      "version": "3.30.0",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.0.tgz",
+      "integrity": "sha512-l590mjTHT6/Cbxp13dGPC2Y7VXdgc+rUeF8AnF/JPzhjNevbDJfObnJgaSjlldOgBQZbue+X6IUZ7r5GAgvauQ=="
     },
     "cytoscape-dagre": {
       "version": "2.5.0",
@@ -16734,9 +16721,9 @@
       "dev": true
     },
     "follow-redirects": {
-      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw=="
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
     },
     "forever-agent": {
       "version": "0.6.1",
@@ -16972,11 +16959,6 @@
       "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
       "dev": true
     },
-    "heap": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/heap/-/heap-0.2.7.tgz",
-      "integrity": "sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg=="
-    },
     "html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -17381,7 +17363,8 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "json-schema": {
       "version": "0.4.0",
@@ -23323,9 +23306,9 @@
       "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA=="
     },
     "primevue": {
-      "version": "3.48.1",
-      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.48.1.tgz",
-      "integrity": "sha512-lyJ+E0ZCv2pR9jIpdPLBysU8zB2hOKrN7q78orloWelPx05zSYoMVKAWaqKTHNpunD52xffjaqovt1y6B/9XoQ==",
+      "version": "3.53.0",
+      "resolved": "https://registry.npmjs.org/primevue/-/primevue-3.53.0.tgz",
+      "integrity": "sha512-mRqTPGGZX+3AQokaCCjxLVSNEjGEA7LaPdBT4qSpGEdMstK6vhUBCxgLH7IPjHudbaSi4Xo3CIO62pXQxbz8dQ==",
       "requires": {}
     },
     "process": {
@@ -23836,9 +23819,9 @@
       "dev": true
     },
     "sweetalert2": {
-      "version": "11.7.3",
-      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.7.3.tgz",
-      "integrity": "sha512-fUN/fyVSBZNtY4Rr/Qtxn7tNNnlRAbUhQxTQ9uOo0xVMIHBmqq4/9pau5N9dB2pvkB353XL/ywRAycscLoYU3w=="
+      "version": "11.4.4",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.4.tgz",
+      "integrity": "sha512-9yYWQuRT1v9JNI/paPTSYV+68MHwe9C+HQ/I2jtfaFzoJgYRftWXOs4JqmDSjT7m2m4r8ebMMn8LcxD1Wq9B/w=="
     },
     "symbol-tree": {
       "version": "3.2.4",
@@ -24250,17 +24233,17 @@
       }
     },
     "vue-sweetalert2": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.5.tgz",
-      "integrity": "sha512-Q7+TjQxNwGruT2jfPaSKMz18HHWs81r4umEwlrrtOf/QL5Iwl1T+tUaNkcvKB7Rf9rYftubt7NnOMjfDMnDH3A==",
+      "version": "5.0.11",
+      "resolved": "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.11.tgz",
+      "integrity": "sha512-agujdlcNeLb4Fj0/V3qgR7bEVBN8IzWFoDBP/vrSgbEGl9pjMmxnv32V3lxB0SZtQh6tL6R/UZ+C3q8tzsJbNg==",
       "requires": {
-        "sweetalert2": "11.x"
+        "sweetalert2": "11.4.4"
       }
     },
     "vue-toast-notification": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/vue-toast-notification/-/vue-toast-notification-3.0.4.tgz",
-      "integrity": "sha512-rEhLtcKg8SVdBpdN7PrNst5nmY8dw0j3NkNImqurhlGurqR/QDKoou0t2PuCReEOCTKqHvfLCle2I3kwQWDWDQ==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/vue-toast-notification/-/vue-toast-notification-3.1.2.tgz",
+      "integrity": "sha512-oNRL/W9aaHoeScp+iTIW7k09vM16/+8aptp2maa+7qTB43JuxmAgKdXKFYtf+uvSNOYYq2BIWgLCeJ61pwom/A==",
       "requires": {}
     },
     "vuedraggable": {
diff --git a/package.json b/package.json
index faf4b26..edc0fd8 100644
--- a/package.json
+++ b/package.json
@@ -16,12 +16,12 @@
   },
   "dependencies": {
     "autoprefixer": "^10.4.13",
-    "axios": "^1.2.2",
+    "axios": "^1.7.2",
     "chart.js": "^4.3.0",
     "chartjs-adapter-date-fns": "^3.0.0",
     "chartjs-plugin-datalabels": "^2.2.0",
     "chartjs-plugin-dragdata": "^1.1.3",
-    "cytoscape": "^3.23.0",
+    "cytoscape": "^3.30.0",
     "cytoscape-dagre": "^2.5.0",
     "cytoscape-popper": "^2.0.0",
     "date-fns": "^2.30.0",
@@ -35,14 +35,14 @@
     "pinia": "^2.0.28",
     "postcss": "^8.4.20",
     "primeicons": "^6.0.1",
-    "primevue": "^3.48.1",
+    "primevue": "^3.53.0",
     "tailwindcss": "^3.2.4",
     "tippy.js": "^6.3.7",
     "vue": "^3.2.45",
     "vue-axios": "^3.5.2",
     "vue-chartjs": "^5.2.0",
-    "vue-sweetalert2": "^5.0.5",
-    "vue-toast-notification": "^3.0.4",
+    "vue-sweetalert2": "^5.0.11",
+    "vue-toast-notification": "^3.1.2",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
diff --git a/src/main.ts b/src/main.ts
index 2fcd704..2f39f5a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,6 @@
-import { createApp, } from "vue";
-
-import App from "./App.vue";
-import router from "@router";
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from './router';
 import pinia from '@/stores/main';
 import myPiniaPlugin from './plugins/myPiniaPlugin';
 import axios from 'axios';
@@ -15,16 +14,15 @@ import popper from 'cytoscape-popper';
 import draggable from 'vuedraggable';
 import VueSweetalert2 from 'vue-sweetalert2';
 
-// import CSS
-import "./assets/main.css";
+// Import CSS
+import './assets/main.css';
 import 'vue-toast-notification/dist/theme-sugar.css';
 import 'sweetalert2/dist/sweetalert2.min.css';
 
-// import PrimeVue
+// Import PrimeVue
 import PrimeVue from 'primevue/config';
-import 'primevue/resources/themes/saga-blue/theme.css'; //theme
-// import 'primevue/resources/primevue.min.css'; //core css 官網更新 3.40 後移除基礎樣式
-import 'primeicons/primeicons.css'; //icons
+import 'primevue/resources/themes/saga-blue/theme.css';
+import 'primeicons/primeicons.css';
 import Sidebar from 'primevue/sidebar';
 import Button from 'primevue/button';
 import Dropdown from 'primevue/dropdown';
@@ -34,8 +32,8 @@ import TabView from 'primevue/tabview';
 import TabPanel from 'primevue/tabpanel';
 import DataTable from 'primevue/datatable';
 import Column from 'primevue/column';
-import ColumnGroup from 'primevue/columngroup';   // optional
-import Row from 'primevue/row';   // optional
+import ColumnGroup from 'primevue/columngroup';
+import Row from 'primevue/row';
 import RadioButton from 'primevue/radiobutton';
 import PickList from 'primevue/picklist';
 import Timeline from 'primevue/timeline';
@@ -49,34 +47,41 @@ import Tooltip from 'primevue/tooltip';
 import Checkbox from 'primevue/checkbox';
 import Dialog from 'primevue/dialog';
 import ContextMenu from 'primevue/contextmenu';
-
+console.log('TODO: hello wolrld')
 const emitter = mitt();
 const app = createApp(App);
 
-// axios setting
+// Axios setting
 app.config.globalProperties.$axios = axios;
 
 // Pinia Set
 pinia.use(myPiniaPlugin);
+// Pinia Set
+pinia.use(({ store }) => {
+  store.$axios = axios;
+});
 
-// can use `this.$moment` in Vue.js
+// Global properties
+app.config.globalProperties.$axios = axios;
 app.config.globalProperties.$moment = moment;
 app.config.globalProperties.$emitter = emitter;
 app.config.globalProperties.$cytoscape = cytoscape;
 
 // Cytoscape.js's style
-cytoscape.use( dagre );
-cytoscape.use( popper );
+cytoscape.use(dagre);
+cytoscape.use(popper);
 
 app.use(pinia);
 app.use(router);
 app.use(VueAxios, axios);
 app.use(VueSweetalert2);
-app.use(ToastPlugin, { // use `this.$toast` in Vue.js
+app.use(ToastPlugin, {
   position: 'bottom',
   duration: 5000,
 });
 app.use(PrimeVue);
+
+// Register PrimeVue components
 app.component('Sidebar', Sidebar);
 app.component('Button', Button);
 app.component('Dropdown', Dropdown);
@@ -100,7 +105,9 @@ app.component('Calendar', Calendar);
 app.component('Checkbox', Checkbox);
 app.component('Dialog', Dialog);
 app.component('ContextMenu', ContextMenu);
-app.component('Draggable', draggable);  // 拖曳
+app.component('Draggable', draggable);
 app.directive('tooltip', Tooltip);
 
-app.mount("#app");
\ No newline at end of file
+console.log('hello from main.ts');
+
+app.mount('#app');
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
new file mode 100644
index 0000000..3e22959
--- /dev/null
+++ b/src/types/env.d.ts
@@ -0,0 +1,9 @@
+interface ImportMetaEnv {
+    readonly VITE_APP_TITLE: string;
+    readonly BASE_URL: string;
+    // 更多環境變量...
+  }
+  
+  interface ImportMeta {
+    readonly env: ImportMetaEnv;
+  }
\ No newline at end of file
diff --git a/src/types/store.d.ts b/src/types/store.d.ts
new file mode 100644
index 0000000..795cf24
--- /dev/null
+++ b/src/types/store.d.ts
@@ -0,0 +1,7 @@
+import { AxiosInstance } from 'axios';
+
+declare module 'pinia' {
+  export interface PiniaCustomProperties {
+    $axios: AxiosInstance;
+  }
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index e433612..2708fb4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -21,5 +21,5 @@
     "lib": ["esnext", "dom"],
     "types": ["node", "webpack-env", "vue"]
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.json"]
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.json",  "src/types/**/*.d.ts"]
 }
diff --git a/vite.config.js b/vite.config.js
index 9614e56..1a5d1cf 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,6 +9,9 @@ export default defineConfig(({ mode }) => {
   return{
     plugins: [vue()],
     transpileDependencies: true,
+    // 環境變數
+    envDir: './env',
+    base: '/', // 這裡設置了 BASE_URL
     // 設定路徑別名
     resolve: {
       alias: {
diff --git a/yarn.lock b/yarn.lock
index a16952a..8fb8749 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1077,12 +1077,12 @@ aws4@^1.8.0:
   resolved "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz"
   integrity sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg==
 
-axios@*, axios@^1.2.2, axios@^1.6.1:
-  version "1.6.7"
-  resolved "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz"
-  integrity sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==
+axios@*, axios@^1.6.1, axios@^1.7.2:
+  version "1.7.2"
+  resolved "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz"
+  integrity sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==
   dependencies:
-    follow-redirects "^1.15.4"
+    follow-redirects "^1.15.6"
     form-data "^4.0.0"
     proxy-from-env "^1.1.0"
 
@@ -1819,13 +1819,10 @@ cytoscape-popper@^2.0.0:
   dependencies:
     "@popperjs/core" "^2.0.0"
 
-cytoscape@^3.2.0, cytoscape@^3.2.22, cytoscape@^3.23.0:
-  version "3.23.0"
-  resolved "https://registry.npmjs.org/cytoscape/-/cytoscape-3.23.0.tgz"
-  integrity sha512-gRZqJj/1kiAVPkrVFvz/GccxsXhF3Qwpptl32gKKypO4IlqnKBjTOu+HbXtEggSGzC5KCaHp3/F7GgENrtsFkA==
-  dependencies:
-    heap "^0.2.6"
-    lodash "^4.17.21"
+cytoscape@^3.2.0, cytoscape@^3.2.22, cytoscape@^3.30.0:
+  version "3.30.0"
+  resolved "https://registry.npmjs.org/cytoscape/-/cytoscape-3.30.0.tgz"
+  integrity sha512-l590mjTHT6/Cbxp13dGPC2Y7VXdgc+rUeF8AnF/JPzhjNevbDJfObnJgaSjlldOgBQZbue+X6IUZ7r5GAgvauQ==
 
 d3-dispatch@1:
   version "1.0.6"
@@ -2638,10 +2635,10 @@ flush-write-stream@^1.0.0:
     inherits "^2.0.1"
     readable-stream "^2.0.4"
 
-follow-redirects@^1.15.4:
-  version "1.15.5"
-  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz"
-  integrity sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==
+follow-redirects@^1.15.6:
+  version "1.15.6"
+  resolved "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz"
+  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
 
 foreground-child@^3.1.0:
   version "3.1.1"
@@ -3033,11 +3030,6 @@ he@^1.2.0:
   resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-heap@^0.2.6:
-  version "0.2.7"
-  resolved "https://registry.npmjs.org/heap/-/heap-0.2.7.tgz"
-  integrity sha512-2bsegYkkHO+h/9MGbn6KWcE45cHZgPANo5LXF7EvWdT0yT2EguSVO1nDgU5c8+ZOPwp2vMNa7YFsJhVcDR9Sdg==
-
 hoek@2.x.x:
   version "2.16.3"
 
@@ -5076,10 +5068,10 @@ primeicons@^6.0.1:
   resolved "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz"
   integrity sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA==
 
-primevue@^3.48.1:
-  version "3.48.1"
-  resolved "https://registry.npmjs.org/primevue/-/primevue-3.48.1.tgz"
-  integrity sha512-lyJ+E0ZCv2pR9jIpdPLBysU8zB2hOKrN7q78orloWelPx05zSYoMVKAWaqKTHNpunD52xffjaqovt1y6B/9XoQ==
+primevue@^3.53.0:
+  version "3.53.0"
+  resolved "https://registry.npmjs.org/primevue/-/primevue-3.53.0.tgz"
+  integrity sha512-mRqTPGGZX+3AQokaCCjxLVSNEjGEA7LaPdBT4qSpGEdMstK6vhUBCxgLH7IPjHudbaSi4Xo3CIO62pXQxbz8dQ==
 
 proc-log@^3.0.0:
   version "3.0.0"
@@ -5987,10 +5979,10 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-sweetalert2@11.x:
-  version "11.7.3"
-  resolved "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.7.3.tgz"
-  integrity sha512-fUN/fyVSBZNtY4Rr/Qtxn7tNNnlRAbUhQxTQ9uOo0xVMIHBmqq4/9pau5N9dB2pvkB353XL/ywRAycscLoYU3w==
+sweetalert2@11.4.4:
+  version "11.4.4"
+  resolved "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.4.tgz"
+  integrity sha512-9yYWQuRT1v9JNI/paPTSYV+68MHwe9C+HQ/I2jtfaFzoJgYRftWXOs4JqmDSjT7m2m4r8ebMMn8LcxD1Wq9B/w==
 
 symbol-tree@^3.2.4:
   version "3.2.4"
@@ -6509,17 +6501,17 @@ vue-router@*, vue-router@^4.4.0:
   dependencies:
     "@vue/devtools-api" "^6.5.1"
 
-vue-sweetalert2@^5.0.5:
-  version "5.0.5"
-  resolved "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.5.tgz"
-  integrity sha512-Q7+TjQxNwGruT2jfPaSKMz18HHWs81r4umEwlrrtOf/QL5Iwl1T+tUaNkcvKB7Rf9rYftubt7NnOMjfDMnDH3A==
+vue-sweetalert2@^5.0.11:
+  version "5.0.11"
+  resolved "https://registry.npmjs.org/vue-sweetalert2/-/vue-sweetalert2-5.0.11.tgz"
+  integrity sha512-agujdlcNeLb4Fj0/V3qgR7bEVBN8IzWFoDBP/vrSgbEGl9pjMmxnv32V3lxB0SZtQh6tL6R/UZ+C3q8tzsJbNg==
   dependencies:
-    sweetalert2 "11.x"
+    sweetalert2 "11.4.4"
 
-vue-toast-notification@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.npmjs.org/vue-toast-notification/-/vue-toast-notification-3.0.4.tgz"
-  integrity sha512-rEhLtcKg8SVdBpdN7PrNst5nmY8dw0j3NkNImqurhlGurqR/QDKoou0t2PuCReEOCTKqHvfLCle2I3kwQWDWDQ==
+vue-toast-notification@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/vue-toast-notification/-/vue-toast-notification-3.1.2.tgz"
+  integrity sha512-oNRL/W9aaHoeScp+iTIW7k09vM16/+8aptp2maa+7qTB43JuxmAgKdXKFYtf+uvSNOYYq2BIWgLCeJ61pwom/A==
 
 vue@*, "vue@^2.6.14 || ^3.2.0", vue@^3.0, vue@^3.0.0, "vue@^3.0.0 || ^2.0.0", "vue@^3.0.0-0 || ^2.6.0", "vue@^3.0.0-0 || ^2.7.0", vue@^3.0.1, vue@^3.2.0, vue@^3.2.25, vue@^3.2.45, vue@3.2.47:
   version "3.2.47"