From 62523f006fa810a3a53f998bbdb48adbd7db4ce1 Mon Sep 17 00:00:00 2001
From: Liet Blue <127093491+lietblue@users.noreply.github.com>
Date: Wed, 4 Mar 2026 16:45:36 +0800
Subject: [PATCH] fix(stage-pages): add missing mcp settings page to fix white
 screen (#1103)

---
 .../src/pages/settings/modules/mcp.vue        | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 packages/stage-pages/src/pages/settings/modules/mcp.vue

diff --git a/packages/stage-pages/src/pages/settings/modules/mcp.vue b/packages/stage-pages/src/pages/settings/modules/mcp.vue
new file mode 100644
index 000000000..a77ede62b
--- /dev/null
+++ b/packages/stage-pages/src/pages/settings/modules/mcp.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <div bg="neutral-50 dark:[rgba(0,0,0,0.3)]" flex="~ col items-center justify-center gap-4" min-h-60 rounded-xl p-8 text-center>
+    <div text="6xl neutral-300 dark:neutral-700" i-solar:settings-minimalistic-bold-duotone animate-pulse />
+    <div flex="~ col gap-2">
+      <h2 class="text-2xl text-neutral-600 font-bold dark:text-neutral-400">
+        {{ t('settings.pages.modules.mcp-server.title') }}
+      </h2>
+      <p class="max-w-md text-neutral-500 dark:text-neutral-500">
+        {{ t('settings.wip.description') }}
+      </p>
+    </div>
+  </div>
+
+  <div
+    v-motion
+    text="neutral-200/50 dark:neutral-600/20" pointer-events-none
+    fixed top="[calc(100dvh-15rem)]" bottom-0 right--5 z--1
+    :initial="{ scale: 0.9, opacity: 0, x: 20 }"
+    :enter="{ scale: 1, opacity: 1, x: 0 }"
+    :duration="500"
+    size-60
+    flex items-center justify-center
+  >
+    <div text="60" i-solar:server-bold-duotone />
+  </div>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: settings
+  titleKey: settings.pages.modules.mcp-server.title
+  subtitleKey: settings.title
+  stageTransition:
+    name: slide
+</route>