diff --git a/ui/src/components/settings/SettingsPanel.vue b/ui/src/components/settings/SettingsPanel.vue
index cadf6b5..b675ee9 100644
--- a/ui/src/components/settings/SettingsPanel.vue
+++ b/ui/src/components/settings/SettingsPanel.vue
@@ -1,8 +1,8 @@
 <script setup>
 // SettingsPanel.vue —— 能力设置面板（S4）
-// 三项开关（多轮记忆/联网搜索/答案润色）+ 已装插件清单 + web_search gated_by 提示。
-// 复用 Drawer 形态（360px），由 AppShell 挂载。
-import { onMounted, ref } from 'vue';
+// 四个能力行（多轮记忆/联网搜索/答案润色/Superpowers）+ 已装插件清单。
+// 复用 Drawer 形态（360px），由 AppShell 挂载；抽屉打开时拉取清单。
+import { ref, watch } from 'vue';
 import { useSettingsStore } from '../../stores/settings.js';
 import { useSessionsStore } from '../../stores/sessions.js';
 import { T } from '../../i18n/labels.js';
@@ -17,12 +17,19 @@ const sessions = useSessionsStore();
 const toggling = ref(null);
 const toggleError = ref('');
 
-const visibleCaps = () =>
-  settings.manifest.filter((c) => c.name === 'memory' || c.name === 'web_search' || c.name === 'humanize');
+// 抽屉打开时才拉取（组件随 AppShell 常驻挂载，onMounted 时抽屉未开）
+watch(
+  () => props.open,
+  (open) => {
+    if (open) load();
+  }
+);
 
-onMounted(() => {
-  if (props.open) load();
-});
+// 四项能力全部可见（superpowers 为 env 总闸控制，行内展示 gated 提示）
+const visibleCaps = () =>
+  settings.manifest.filter(
+    (c) => ['memory', 'web_search', 'humanize', 'superpowers'].includes(c.name)
+  );
 
 async function load() {
   toggleError.value = '';