diff --git a/dashboard/src/components/extension/PluginPagesSwitcher.vue b/dashboard/src/components/extension/PluginPagesSwitcher.vue
new file mode 100644
index 0000000000..e2b65a1583
--- /dev/null
+++ b/dashboard/src/components/extension/PluginPagesSwitcher.vue
@@ -0,0 +1,197 @@
+<script setup>
+import { computed, ref } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useModuleI18n } from "@/i18n/composables";
+import { usePluginI18n } from "@/utils/pluginI18n";
+
+const props = defineProps({
+  plugins: { type: Array, required: true },
+});
+
+const route = useRoute();
+const router = useRouter();
+const { tm } = useModuleI18n("features/extension");
+const { pluginName } = usePluginI18n();
+
+const expanded = ref(false);
+
+// Activated plugins that ship web pages; disabled ones are hidden since their
+// pages cannot be opened anyway.
+const pagePlugins = computed(() =>
+  props.plugins.filter(
+    (plugin) =>
+      plugin.activated && Array.isArray(plugin?.pages) && plugin.pages.length > 0,
+  ),
+);
+
+const openPluginPage = (plugin, event) => {
+  const pages = plugin?.pages;
+  if (!Array.isArray(pages) || pages.length === 0 || !plugin?.name) return;
+  if (!plugin.activated) return;
+
+  const openInNewTab =
+    event.button === 1 || event.ctrlKey || event.metaKey || event.shiftKey;
+
+  if (event.type === "auxclick" && !openInNewTab) {
+    // Right-click (button === 2): leave the native context menu alone.
+    return;
+  }
+
+  if (openInNewTab) {
+    const url = router.resolve({
+      name: "ExtensionPluginPages",
+      params: { pluginName: plugin.name, pageName: pages[0] },
+    }).href;
+    window.open(url, "_blank", "noopener");
+    return;
+  }
+
+  router.push({
+    name: "ExtensionPluginPages",
+    params: { pluginName: plugin.name, pageName: pages[0] },
+  });
+};
+
+// Suppress the browser's native middle-click autoscroll indicator so the
+// custom middle-click new-tab behavior is the only effect.
+const onMouseDown = (event) => {
+  if (event.button === 1) event.preventDefault();
+};
+
+// Convert vertical wheel input into horizontal scrolling for the switcher row,
+// so a mouse wheel can sweep through many plugin entries. Once the row hits
+// either end the wheel falls through to the page's vertical scroll again.
+const onWheel = (event) => {
+  const el = event.currentTarget;
+  if (el.scrollWidth <= el.clientWidth) return;
+
+  const delta = event.deltaMode === 1 ? event.deltaY * 16 : event.deltaY;
+  const maxScroll = el.scrollWidth - el.clientWidth;
+  const canScroll =
+    (delta < 0 && el.scrollLeft > 0) || (delta > 0 && el.scrollLeft < maxScroll);
+  if (!canScroll) return;
+
+  event.preventDefault();
+  el.scrollLeft += delta;
+};
+</script>
+
+<template>
+  <div
+    v-if="pagePlugins.length > 0"
+    class="plugin-pages-switcher"
+    @mousedown="onMouseDown"
+  >
+    <div
+      class="plugin-pages-switcher__list"
+      :class="{ 'plugin-pages-switcher__list--expanded': expanded }"
+      @wheel="onWheel"
+    >
+      <button
+        v-for="plugin in pagePlugins"
+        :key="plugin.name"
+        type="button"
+        class="plugin-pages-switcher__item"
+        :class="{
+          'plugin-pages-switcher__item--active':
+            plugin.name === route.params.pluginName,
+        }"
+        @click="openPluginPage(plugin, $event)"
+        @auxclick="openPluginPage(plugin, $event)"
+      >
+        {{ pluginName(plugin) }}
+      </button>
+    </div>
+
+    <button
+      type="button"
+      class="plugin-pages-switcher__toggle"
+      :title="expanded ? tm('buttons.collapse') : tm('buttons.expand')"
+      :aria-label="expanded ? tm('buttons.collapse') : tm('buttons.expand')"
+      :aria-expanded="expanded"
+      @click="expanded = !expanded"
+    >
+      <v-icon
+        :icon="expanded ? 'mdi-chevron-up' : 'mdi-chevron-down'"
+        size="small"
+      />
+    </button>
+  </div>
+</template>
+
+<style scoped>
+/* Horizontal navigation row of every plugin that ships web pages. Collapsed
+   it scrolls horizontally (hidden scrollbar like the workspace tab strip);
+   expanded it wraps and shows every entry at once. */
+.plugin-pages-switcher {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: 6px;
+  padding: 8px 0;
+}
+
+.plugin-pages-switcher__list {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  gap: 6px;
+  min-width: 0;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+
+.plugin-pages-switcher__list::-webkit-scrollbar {
+  display: none;
+}
+
+.plugin-pages-switcher__list--expanded {
+  flex-wrap: wrap;
+  overflow: visible;
+}
+
+.plugin-pages-switcher__item {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 8px;
+  color: rgba(var(--v-theme-on-surface), 0.58);
+  cursor: pointer;
+  display: inline-flex;
+  flex-shrink: 0;
+  font-size: 0.8125rem;
+  font-weight: 500;
+  height: 30px;
+  padding: 0 12px;
+  white-space: nowrap;
+}
+
+.plugin-pages-switcher__item:hover {
+  background: rgba(var(--v-theme-on-surface), 0.045);
+  color: rgba(var(--v-theme-on-surface), 0.78);
+}
+
+.plugin-pages-switcher__item--active {
+  background: rgba(var(--v-theme-on-surface), 0.065);
+  color: rgba(var(--v-theme-on-surface), 0.86);
+}
+
+.plugin-pages-switcher__toggle {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 8px;
+  color: rgba(var(--v-theme-on-surface), 0.58);
+  cursor: pointer;
+  display: inline-flex;
+  flex-shrink: 0;
+  height: 30px;
+  justify-content: center;
+  width: 30px;
+}
+
+.plugin-pages-switcher__toggle:hover {
+  background: rgba(var(--v-theme-on-surface), 0.045);
+  color: rgba(var(--v-theme-on-surface), 0.78);
+}
+</style>
diff --git a/dashboard/src/composables/usePluginSidebarItems.ts b/dashboard/src/composables/usePluginSidebarItems.ts
deleted file mode 100644
index af029d0804..0000000000
--- a/dashboard/src/composables/usePluginSidebarItems.ts
+++ /dev/null
@@ -1,84 +0,0 @@
-import { reactive, shallowRef, onMounted, watch } from "vue";
-import { pluginApi } from "@/api/v1";
-import type { menu } from "@/layouts/full/vertical-sidebar/sidebarItem";
-
-const DEFAULT_ICON = "mdi-puzzle";
-const GROUP_I18N_KEY = "core.navigation.pluginWebui";
-const GROUP_ICON = "mdi-puzzle-outline";
-
-interface PluginEntry {
-  name: string;
-  display_name?: string | null;
-  activated: boolean;
-  pages: string[];
-}
-
-/** 模块级共享状态，由 useExtensionPage.getExtensions() 更新 */
-export const pluginSidebarState = reactive<{
-  plugins: PluginEntry[];
-}>({
-  plugins: [],
-});
-
-function buildPluginItems(plugins: PluginEntry[]): menu | null {
-  const activeWithPages = plugins.filter(
-    (p) => p.activated && Array.isArray(p.pages) && p.pages.length > 0,
-  );
-
-  if (activeWithPages.length === 0) return null;
-
-  const children: menu[] = activeWithPages.map((p) => {
-    const displayName = p.display_name || p.name || "Unknown Plugin";
-    const firstPage = p.pages[0];
-
-    return {
-      title: displayName,
-      icon: DEFAULT_ICON,
-      to: `/plugin-page/${encodeURIComponent(p.name)}/${encodeURIComponent(firstPage)}`,
-      isRawTitle: true,
-    };
-  });
-
-  return {
-    title: GROUP_I18N_KEY,
-    icon: GROUP_ICON,
-    children,
-  };
-}
-
-let initialFetched = false;
-
-async function initPluginState() {
-  if (initialFetched) return;
-  initialFetched = true;
-  try {
-    const res = await pluginApi.list();
-    if (res.data?.status === "ok") {
-      pluginSidebarState.plugins = res.data.data ?? [];
-    }
-  } catch {
-    // 静默失败，后续 getExtensions() 会补充
-  }
-}
-
-export function usePluginSidebarItems() {
-  const pluginItems = shallowRef<menu | null>(null);
-
-  function refreshItems() {
-    pluginItems.value = buildPluginItems(pluginSidebarState.plugins);
-  }
-
-  onMounted(async () => {
-    await initPluginState();
-    refreshItems();
-  });
-
-  watch(
-    () => pluginSidebarState.plugins,
-    () => {
-      refreshItems();
-    },
-  );
-
-  return { pluginItems };
-}
diff --git a/dashboard/src/i18n/locales/en-US/core/navigation.json b/dashboard/src/i18n/locales/en-US/core/navigation.json
index bbd7d5775c..62caec1ab0 100644
--- a/dashboard/src/i18n/locales/en-US/core/navigation.json
+++ b/dashboard/src/i18n/locales/en-US/core/navigation.json
@@ -16,7 +16,8 @@
     "market": "Plugin Market",
     "mcp": "MCP Servers",
     "skills": "Skills",
-    "components": "Handlers"
+    "components": "Handlers",
+    "pluginPages": "Plugin Pages"
   },
   "conversation": "Conversations",
   "sessionManagement": "Custom Rules",
@@ -45,6 +46,5 @@
   "configTabs": {
     "normal": "Normal Config",
     "system": "System Config"
-  },
-  "pluginWebui": "Plugin Pages"
+  }
 }
diff --git a/dashboard/src/i18n/locales/en-US/features/extension.json b/dashboard/src/i18n/locales/en-US/features/extension.json
index 49ce481c60..525407436d 100644
--- a/dashboard/src/i18n/locales/en-US/features/extension.json
+++ b/dashboard/src/i18n/locales/en-US/features/extension.json
@@ -9,7 +9,8 @@
     "market": "AstrBot Plugin Market"
   },
   "titles": {
-    "installedAstrBotPlugins": "Installed"
+    "installedAstrBotPlugins": "Installed",
+    "pluginPages": "Plugin Pages"
   },
   "failedPlugins": {
     "title": "Failed to Load Plugins ({count})",
@@ -48,6 +49,8 @@
     "openPages": "Pages",
     "openPage": "Open",
     "openWebui": "Open Plugin UI",
+"expand": "Expand",
+"collapse": "Collapse",
     "close": "Close",
     "save": "Save",
     "saveAndClose": "Save and Close",
@@ -103,7 +106,9 @@
   },
   "empty": {
     "noPlugins": "No Extensions",
-    "noPluginsDesc": "Try installing extensions or adjusting the search"
+    "noPluginsDesc": "Try installing extensions or adjusting the search",
+    "noPluginPages": "No Plugin Pages",
+    "noPluginPagesDesc": "Install plugins that ship web pages and they will show up here"
   },
   "detail": {
     "contents": "Plugin Handlers",
diff --git a/dashboard/src/i18n/locales/ru-RU/core/navigation.json b/dashboard/src/i18n/locales/ru-RU/core/navigation.json
index a8ff7c6cb3..1f2f29f133 100644
--- a/dashboard/src/i18n/locales/ru-RU/core/navigation.json
+++ b/dashboard/src/i18n/locales/ru-RU/core/navigation.json
@@ -13,7 +13,8 @@
         "market": "Магазин плагинов",
         "mcp": "Серверы MCP",
         "skills": "Навыки",
-        "components": "Управление поведением"
+        "components": "Управление поведением",
+        "pluginPages": "Страницы плагинов"
     },
     "config": "Конфигурация",
     "chat": "Чат",
@@ -45,6 +46,5 @@
     "configTabs": {
         "normal": "Обычная конфигурация",
         "system": "Системная конфигурация"
-    },
-    "pluginWebui": "Страницы плагинов"
+    }
 }
diff --git a/dashboard/src/i18n/locales/ru-RU/features/extension.json b/dashboard/src/i18n/locales/ru-RU/features/extension.json
index 6eb112b0fd..1a9a53235f 100644
--- a/dashboard/src/i18n/locales/ru-RU/features/extension.json
+++ b/dashboard/src/i18n/locales/ru-RU/features/extension.json
@@ -9,7 +9,8 @@
         "handlersOperation": "Управление поведением"
     },
     "titles": {
-        "installedAstrBotPlugins": "Установленные"
+        "installedAstrBotPlugins": "Установленные",
+        "pluginPages": "Страницы плагинов"
     },
     "failedPlugins": {
         "title": "Ошибка загрузки ({count})",
@@ -48,6 +49,8 @@
         "openPages": "Pages",
         "openPage": "Открыть",
         "openWebui": "Открыть UI плагина",
+"expand": "Развернуть",
+"collapse": "Свернуть",
         "close": "Закрыть",
         "save": "Сохранить",
         "saveAndClose": "Сохранить и закрыть",
@@ -103,7 +106,9 @@
     },
     "empty": {
         "noPlugins": "Плагины не найдены",
-        "noPluginsDesc": "Попробуйте установить новые плагины или изменить поиск."
+        "noPluginsDesc": "Попробуйте установить новые плагины или изменить поиск.",
+        "noPluginPages": "Страницы плагинов не найдены",
+        "noPluginPagesDesc": "Установите плагины с веб-страницами, и они появятся здесь."
     },
     "detail": {
         "contents": "Обработчики плагина",
@@ -303,6 +308,10 @@
         "invalidUrl": "Введите корректный URL",
         "invalidRepositoryUrl": "Введите корректный URL Git-репозитория",
         "enterJsonUrl": "Введите URL, возвращающий список плагинов в формате JSON",
+        "pluginNotFound": "Плагин не найден",
+        "pluginDisabled": "Этот плагин отключён. Включите его, прежде чем открывать страницу.",
+        "pluginPageNotFound": "Страница плагина не найдена",
+        "pluginPageLoadFailed": "Не удалось загрузить страницу плагина",
         "missingMarketPluginId": "Эта запись источника не содержит идентификаторов плагина, поэтому его нельзя установить из магазина",
         "sourceBindSuccess": "Источник плагина обновлен",
         "validatingPlugin": "Проверка плагина...",
diff --git a/dashboard/src/i18n/locales/zh-CN/core/navigation.json b/dashboard/src/i18n/locales/zh-CN/core/navigation.json
index faac87d4c6..1f1571b964 100644
--- a/dashboard/src/i18n/locales/zh-CN/core/navigation.json
+++ b/dashboard/src/i18n/locales/zh-CN/core/navigation.json
@@ -13,7 +13,8 @@
     "market": "插件市场",
     "mcp": "MCP",
     "skills": "技能",
-    "components": "管理行为"
+    "components": "管理行为",
+    "pluginPages": "插件页面"
   },
   "config": "配置文件",
   "chat": "聊天",
@@ -45,6 +46,5 @@
   "configTabs": {
     "normal": "普通配置",
     "system": "系统配置"
-  },
-  "pluginWebui": "插件页面"
+  }
 }
diff --git a/dashboard/src/i18n/locales/zh-CN/features/extension.json b/dashboard/src/i18n/locales/zh-CN/features/extension.json
index 476bacd051..abeceab5bf 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/extension.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/extension.json
@@ -9,7 +9,8 @@
     "handlersOperation": "管理行为"
   },
   "titles": {
-    "installedAstrBotPlugins": "已安装"
+    "installedAstrBotPlugins": "已安装",
+    "pluginPages": "插件页面"
   },
   "failedPlugins": {
     "title": "加载失败插件（{count}）",
@@ -48,6 +49,8 @@
     "openPages": "Pages",
     "openPage": "打开",
     "openWebui": "打开插件UI界面",
+    "expand": "展开",
+    "collapse": "收起",
     "close": "关闭",
     "save": "保存",
     "saveAndClose": "保存并关闭",
@@ -103,7 +106,9 @@
   },
   "empty": {
     "noPlugins": "暂无插件",
-    "noPluginsDesc": "尝试安装插件或调整搜索条件"
+    "noPluginsDesc": "尝试安装插件或调整搜索条件",
+    "noPluginPages": "暂无插件页面",
+    "noPluginPagesDesc": "安装带有网页界面的插件后会显示在这里"
   },
   "detail": {
     "contents": "插件行为",
diff --git a/dashboard/src/layouts/full/FullLayout.vue b/dashboard/src/layouts/full/FullLayout.vue
index 925b4974c5..1d8b71b814 100644
--- a/dashboard/src/layouts/full/FullLayout.vue
+++ b/dashboard/src/layouts/full/FullLayout.vue
@@ -21,16 +21,11 @@ const routerLoadingStore = useRouterLoadingStore();
 const isCurrentChatRoute = computed(
   () => route.path === "/chat" || route.path.startsWith("/chat/"),
 );
-const isPluginPageRoute = computed(
-  () => route.path.startsWith("/plugin-page/"),
-);
 const isProviderPageRoute = computed(() => route.path === "/providers");
 const isViewportLockedRoute = computed(
   () => isCurrentChatRoute.value || isProviderPageRoute.value,
 );
-const isFullScreenRoute = computed(
-  () => isCurrentChatRoute.value || isPluginPageRoute.value,
-);
+const isFullScreenRoute = computed(() => isCurrentChatRoute.value);
 const shouldMountChat = ref(isCurrentChatRoute.value);
 
 const showSidebar = computed(() => !isCurrentChatRoute.value);
@@ -141,7 +136,6 @@ onMounted(() => {
               height: '100%',
               width: '100%',
               overflow: isViewportLockedRoute ? 'hidden' : undefined,
-              position: isPluginPageRoute ? 'relative' : undefined,
             }"
           >
             <div
diff --git a/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue b/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
index 3ebf4deaa4..b27c721f9c 100644
--- a/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
+++ b/dashboard/src/layouts/full/vertical-sidebar/VerticalSidebar.vue
@@ -2,36 +2,16 @@
 import { ref, shallowRef, computed, onMounted, onUnmounted, watch } from 'vue';
 import { useCustomizerStore } from '../../../stores/customizer';
 import { useI18n } from '@/i18n/composables';
-import sidebarItems, { MORE_GROUP_KEY } from './sidebarItem';
+import sidebarItems from './sidebarItem';
 import NavItem from './NavItem.vue';
 import { applySidebarCustomization } from '@/utils/sidebarCustomization';
-import { usePluginSidebarItems } from '@/composables/usePluginSidebarItems';
 
 const { t } = useI18n();
 
 const customizer = useCustomizerStore();
-const { pluginItems } = usePluginSidebarItems();
 
 function buildSidebarMenu() {
-  const base = applySidebarCustomization(sidebarItems);
-  if (!pluginItems.value?.children?.length) return base;
-
-  const result = [];
-
-  for (const item of base) {
-    if (item.title === MORE_GROUP_KEY) {
-      result.push(pluginItems.value);
-      result.push(item);
-    } else {
-      result.push(item);
-    }
-  }
-
-  if (!base.some((item) => item.title === MORE_GROUP_KEY)) {
-    result.push(pluginItems.value);
-  }
-
-  return result;
+  return applySidebarCustomization(sidebarItems);
 }
 
 function collectGroupValues(items, values = new Set()) {
@@ -70,12 +50,6 @@ watch(openedItems, (val) => {
   localStorage.setItem('sidebar_openedItems', JSON.stringify(sanitizeOpenedItems(val, sidebarMenu.value)));
 }, { deep: true });
 
-// 当插件项变化时（如插件启用/停用），刷新菜单
-watch(pluginItems, () => {
-  sidebarMenu.value = buildSidebarMenu();
-  openedItems.value = sanitizeOpenedItems(openedItems.value, sidebarMenu.value);
-});
-
 function refreshSidebarMenu() {
   sidebarMenu.value = buildSidebarMenu();
   openedItems.value = sanitizeOpenedItems(openedItems.value, sidebarMenu.value);
diff --git a/dashboard/src/router/MainRoutes.ts b/dashboard/src/router/MainRoutes.ts
index b75cea1620..4901f8d312 100644
--- a/dashboard/src/router/MainRoutes.ts
+++ b/dashboard/src/router/MainRoutes.ts
@@ -56,6 +56,13 @@ const MainRoutes = {
           props: { initialTab: 'market' },
           meta: { extensionTab: 'installed', pluginView: 'market' }
         },
+        {
+          name: 'ExtensionPluginPages',
+          path: 'pages/:pluginName?/:pageName?',
+          component: () => import('@/views/ExtensionPage.vue'),
+          props: { initialTab: 'installed' },
+          meta: { extensionTab: 'pluginPages', pluginView: 'pluginPages' }
+        },
         {
           name: 'ExtensionMcp',
           path: 'mcp',
@@ -90,11 +97,6 @@ const MainRoutes = {
         }
       ]
     },
-    {
-      name: 'PluginPage',
-      path: '/plugin-page/:pluginName/:pageName',
-      component: () => import('@/views/PluginPagePage.vue')
-    },
     {
       path: '/extension/:pluginId',
       redirect: (to: RouteLocationNormalized) => ({
diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index f632dfa009..cc887a182d 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -4,6 +4,7 @@ import ConsoleDisplayer from "@/components/shared/ConsoleDisplayer.vue";
 import ReadmeDialog from "@/components/shared/ReadmeDialog.vue";
 import ProxySelector from "@/components/shared/ProxySelector.vue";
 import UninstallConfirmDialog from "@/components/shared/UninstallConfirmDialog.vue";
+import PluginPagesSwitcher from "@/components/extension/PluginPagesSwitcher.vue";
 import { useExtensionPage } from "./extension/useExtensionPage";
 import { computed, defineAsyncComponent } from "vue";
 import defaultPluginIcon from "/favicon.svg";
@@ -25,6 +26,12 @@ const MarketPluginsTab = defineAsyncComponent(
 const PluginDetailPage = defineAsyncComponent(
   () => import("./extension/PluginDetailPage.vue"),
 );
+const PluginPagesTab = defineAsyncComponent(
+  () => import("./extension/PluginPagesTab.vue"),
+);
+const PluginPagePage = defineAsyncComponent(
+  () => import("./PluginPagePage.vue"),
+);
 
 const pageState = useExtensionPage(props.initialTab);
 const { pluginName, pluginDesc } = usePluginI18n();
@@ -292,6 +299,17 @@ const updateDialogPluginLogo = computed(() => {
 </script>
 
 <template>
+  <!-- Page switcher below the workspace tabs, shown whenever the plugin pages
+       tab is in its grid view (a page is not opened yet). -->
+  <div
+    v-if="
+      route.meta.extensionTab === 'pluginPages' && !route.params.pageName
+    "
+    class="plugin-pages-switcher-host"
+  >
+    <PluginPagesSwitcher :plugins="filteredExtensions" />
+  </div>
+
   <PluginDetailPage
     v-if="selectedPluginId && selectedDetailPlugin"
     :plugin="selectedDetailPlugin"
@@ -334,13 +352,31 @@ const updateDialogPluginLogo = computed(() => {
     </v-alert>
   </div>
 
+  <!-- Plugin page opened inline: kept outside the 1200px wrapper so the
+       absolutely positioned page host can fill the workspace shell. -->
+  <div
+    v-else-if="route.meta.extensionTab === 'pluginPages' && route.params.pageName"
+    class="plugin-page-host"
+  >
+    <div class="plugin-pages-switcher-host">
+      <PluginPagesSwitcher :plugins="filteredExtensions" />
+    </div>
+    <div class="plugin-page-host__body">
+      <PluginPagePage />
+    </div>
+  </div>
+
   <v-row v-else class="extension-page">
     <v-col cols="12" md="12">
       <v-card variant="flat" style="background-color: transparent">
         <!-- 标签页 -->
         <v-card-text style="padding: 0px 12px">
+          <PluginPagesTab
+            v-if="route.meta.extensionTab === 'pluginPages'"
+            :state="pageState"
+          />
           <InstalledPluginsTab
-            v-if="activeTab === 'installed'"
+            v-else-if="activeTab === 'installed'"
             :state="pageState"
           />
           <MarketPluginsTab v-else :state="pageState" />
@@ -1273,6 +1309,25 @@ const updateDialogPluginLogo = computed(() => {
   width: 100%;
 }
 
+/* Containing block for the absolutely positioned inline plugin page */
+.plugin-page-host {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+/* Horizontal inset for the switcher row so it lines up with the tabs */
+.plugin-pages-switcher-host {
+  padding: 0 12px;
+}
+
+.plugin-page-host__body {
+  flex: 1;
+  min-height: 0;
+  position: relative;
+}
+
 .plugin-handler-item {
   margin-bottom: 10px;
   padding: 5px;
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index b26359a1e5..c52536973c 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -155,11 +155,13 @@ const openPluginDetail = (extension) => {
   });
 };
 
+// Open the plugin page inline within the plugin pages tab instead of the
+// standalone full-screen route, so the workspace chrome stays visible.
 const openPluginWebui = (extension) => {
   const pages = extension?.pages;
   if (!Array.isArray(pages) || pages.length === 0 || !extension?.name) return;
   router.push({
-    name: "PluginPage",
+    name: "ExtensionPluginPages",
     params: {
       pluginName: extension.name,
       pageName: pages[0],
diff --git a/dashboard/src/views/extension/PluginDetailPage.vue b/dashboard/src/views/extension/PluginDetailPage.vue
index 97dc169561..6a43d9c323 100644
--- a/dashboard/src/views/extension/PluginDetailPage.vue
+++ b/dashboard/src/views/extension/PluginDetailPage.vue
@@ -507,12 +507,14 @@ const getComponentDescription = (component) => {
   return String(fallback).trim();
 };
 
+// Open the plugin page inline within the plugin pages tab instead of the
+// standalone full-screen route, so the workspace chrome stays visible.
 const openComponentPage = (component) => {
   const targetPluginName = component?.plugin_name || pluginData.value?.name;
   const targetPageName = component?.page_name || component?.name;
   if (!targetPluginName || !targetPageName) return;
   router.push({
-    name: "PluginPage",
+    name: "ExtensionPluginPages",
     params: {
       pluginName: targetPluginName,
       pageName: targetPageName,
diff --git a/dashboard/src/views/extension/PluginPagesTab.vue b/dashboard/src/views/extension/PluginPagesTab.vue
new file mode 100644
index 0000000000..3ca631fd14
--- /dev/null
+++ b/dashboard/src/views/extension/PluginPagesTab.vue
@@ -0,0 +1,291 @@
+<script setup>
+import ExtensionCard from "@/components/shared/ExtensionCard.vue";
+import { normalizeTextInput } from "@/utils/inputValue";
+import {
+  readPinnedExtensions,
+  writePinnedExtensions,
+} from "./extensionPreferenceStorage.mjs";
+import { computed, ref, watch } from "vue";
+
+const props = defineProps({
+  state: {
+    type: Object,
+    required: true,
+  },
+});
+
+const {
+  tm,
+  router,
+  pluginSearch,
+  filteredPlugins,
+  openExtensionConfig,
+  updateExtension,
+  reloadPlugin,
+  uninstallExtension,
+  pluginOn,
+  pluginOff,
+  showPluginInfo,
+  viewReadme,
+  viewChangelog,
+  openPluginSourceBindingDialog,
+} = props.state;
+
+// Suppress the browser's native middle-click autoscroll indicator so the
+// custom middle-click new-tab behavior is the only effect.
+const onCardMouseDown = (event) => {
+  if (event.button === 1) event.preventDefault();
+};
+
+// Open the plugin page inline within the current plugin pages tab. Used by
+// both the card body and the webui button so they never leave this tab.
+const openPluginPageInline = (extension) => {
+  const pages = extension?.pages;
+  if (!Array.isArray(pages) || pages.length === 0 || !extension?.name) return;
+  if (!extension.activated) return;
+  router.push({
+    name: "ExtensionPluginPages",
+    params: {
+      pluginName: extension.name,
+      pageName: pages[0],
+    },
+  });
+};
+
+// Left-click opens inline; middle-click (auxclick) or ctrl/cmd/shift+click
+// opens the same plugin page in a new browser tab.
+const openPluginPage = (extension, event) => {
+  const pages = extension?.pages;
+  if (!Array.isArray(pages) || pages.length === 0 || !extension?.name) return;
+  if (!extension.activated) return;
+
+  const openInNewTab =
+    event.button === 1 || event.ctrlKey || event.metaKey || event.shiftKey;
+
+  if (event.type === "auxclick" && !openInNewTab) {
+    // Right-click (button === 2): leave the native context menu alone.
+    return;
+  }
+
+  if (openInNewTab) {
+    const url = router.resolve({
+      name: "ExtensionPluginPages",
+      params: {
+        pluginName: extension.name,
+        pageName: pages[0],
+      },
+    }).href;
+    window.open(url, "_blank", "noopener");
+    return;
+  }
+
+  openPluginPageInline(extension);
+};
+
+const pinnedExtensionNames = ref(readPinnedExtensions());
+
+const pinnedExtensionOrder = computed(() => {
+  const order = new Map();
+  pinnedExtensionNames.value.forEach((name, index) => {
+    order.set(name, index);
+  });
+  return order;
+});
+
+const sortedPagePlugins = computed(() => {
+  const order = pinnedExtensionOrder.value;
+  return filteredPlugins.value
+    .filter((plugin) => Array.isArray(plugin?.pages) && plugin.pages.length > 0)
+    .sort((a, b) => {
+      const aIndex = order.has(a?.name)
+        ? order.get(a.name)
+        : Number.POSITIVE_INFINITY;
+      const bIndex = order.has(b?.name)
+        ? order.get(b.name)
+        : Number.POSITIVE_INFINITY;
+
+      if (aIndex !== bIndex) {
+        return aIndex - bIndex;
+      }
+      return 0;
+    });
+});
+
+watch(
+  pinnedExtensionNames,
+  (names) => {
+    writePinnedExtensions(names);
+  },
+  { deep: true },
+);
+
+const isPinnedExtension = (extension) => {
+  const name = extension?.name;
+  return !!name && pinnedExtensionOrder.value.has(name);
+};
+
+const togglePinnedExtension = (extension) => {
+  const name = extension?.name;
+  if (!name) return;
+
+  const next = pinnedExtensionNames.value.filter((item) => item !== name);
+  if (next.length === pinnedExtensionNames.value.length) {
+    next.unshift(name);
+  }
+  pinnedExtensionNames.value = next;
+};
+</script>
+
+<template>
+  <div>
+    <div class="mb-4 pt-4 pb-4">
+      <div class="installed-header-row d-flex align-center flex-wrap">
+        <v-tabs
+          model-value="pluginPages"
+          bg-color="transparent"
+          class="plugin-view-tabs"
+          height="42"
+        >
+          <v-tab
+            value="pluginPages"
+            class="plugin-view-tab text-none"
+            :ripple="false"
+          >
+            {{ tm("titles.pluginPages") }}
+          </v-tab>
+        </v-tabs>
+
+        <div class="installed-search-wrap d-flex align-center ml-auto">
+          <v-text-field
+            :model-value="pluginSearch"
+            @update:model-value="pluginSearch = normalizeTextInput($event)"
+            density="compact"
+            :label="tm('search.placeholder')"
+            prepend-inner-icon="mdi-magnify"
+            clearable
+            variant="solo-filled"
+            flat
+            hide-details
+            single-line
+            class="plugin-search-field"
+          >
+          </v-text-field>
+        </div>
+      </div>
+    </div>
+
+    <v-fade-transition hide-on-leave>
+      <div>
+        <v-row v-if="sortedPagePlugins.length === 0" class="text-center">
+          <v-col cols="12" class="pa-2">
+            <v-icon size="64" color="info" class="mb-4"
+              >mdi-monitor-dashboard</v-icon
+            >
+            <div class="text-h5 mb-2">{{ tm("empty.noPluginPages") }}</div>
+            <div class="text-body-1 mb-4">
+              {{ tm("empty.noPluginPagesDesc") }}
+            </div>
+          </v-col>
+        </v-row>
+
+        <v-row>
+          <v-col
+            cols="12"
+            md="6"
+            v-for="extension in sortedPagePlugins"
+            :key="extension.name"
+            class="pb-2"
+          >
+            <ExtensionCard
+              :extension="extension"
+              :is-pinned="isPinnedExtension(extension)"
+              class="rounded-lg"
+              style="background-color: rgb(var(--v-theme-mcpCardBg))"
+              @mousedown="onCardMouseDown"
+              @click="openPluginPage(extension, $event)"
+              @auxclick="openPluginPage(extension, $event)"
+              @toggle-pin="togglePinnedExtension(extension)"
+              @configure="openExtensionConfig(extension.name)"
+              @uninstall="
+                (ext, options) => uninstallExtension(ext.name, options)
+              "
+              @update="updateExtension(extension.name)"
+              @reload="reloadPlugin(extension.name)"
+              @toggle-activation="
+                extension.activated ? pluginOff(extension) : pluginOn(extension)
+              "
+              @view-handlers="showPluginInfo(extension)"
+              @view-readme="viewReadme(extension)"
+              @view-changelog="viewChangelog(extension)"
+              @open-webui="openPluginPageInline(extension)"
+              @change-source="openPluginSourceBindingDialog(extension)"
+            >
+            </ExtensionCard>
+          </v-col>
+        </v-row>
+      </div>
+    </v-fade-transition>
+  </div>
+</template>
+
+<style scoped>
+/* Mirrors the installed plugins tab: same heading style, same search
+   alignment as the "已安装" view. */
+.plugin-view-tabs {
+  background: transparent;
+  flex: 0 0 auto;
+}
+
+.plugin-view-tab {
+  color: rgba(var(--v-theme-on-surface), 0.54);
+  font-size: 1.25rem;
+  font-weight: 650;
+  min-width: 0;
+  padding: 0 10px;
+}
+
+.plugin-view-tab:first-child {
+  padding-left: 0;
+}
+
+.plugin-view-tab.v-tab--selected {
+  color: rgba(var(--v-theme-on-surface), 0.92);
+}
+
+.plugin-view-tabs :deep(.v-tabs-slider) {
+  background: rgba(var(--v-theme-on-surface), 0.5);
+  height: 2px;
+}
+
+.installed-header-row {
+  gap: 12px;
+}
+
+.installed-search-wrap {
+  flex: 0 1 340px;
+  min-width: 220px;
+}
+
+.plugin-search-field {
+  width: 100%;
+}
+
+@media (max-width: 700px) {
+  .installed-header-row {
+    align-items: stretch !important;
+    flex-direction: column;
+  }
+
+  .installed-search-wrap {
+    flex: none;
+    margin-left: 0 !important;
+    min-width: 0;
+    width: 100%;
+  }
+
+  .plugin-view-tab {
+    font-size: 1.125rem;
+    padding-inline: 8px;
+  }
+}
+</style>
diff --git a/dashboard/src/views/extension/PluginWorkspacePage.vue b/dashboard/src/views/extension/PluginWorkspacePage.vue
index 07e0bf1ac1..15dd7b3307 100644
--- a/dashboard/src/views/extension/PluginWorkspacePage.vue
+++ b/dashboard/src/views/extension/PluginWorkspacePage.vue
@@ -13,6 +13,12 @@ const tabs = computed(() => [
     icon: "mdi-puzzle-outline",
     routeName: "Extensions",
   },
+  {
+    value: "pluginPages",
+    label: t("core.navigation.extensionTabs.pluginPages"),
+    icon: "mdi-monitor-dashboard",
+    routeName: "ExtensionPluginPages",
+  },
   {
     value: "skills",
     label: t("core.navigation.extensionTabs.skills"),
@@ -39,7 +45,13 @@ const activeTab = computed(() =>
 </script>
 
 <template>
-  <div class="plugin-workspace">
+  <div
+    class="plugin-workspace"
+    :class="{
+      'plugin-workspace--fill':
+        activeTab === 'pluginPages' && Boolean(route.params.pageName),
+    }"
+  >
     <div class="plugin-tabs-scroll">
       <nav
         class="plugin-tabs"
@@ -87,6 +99,13 @@ const activeTab = computed(() =>
   width: 100%;
 }
 
+/* Only an opened plugin page needs a full-height shell for its iframe */
+.plugin-workspace--fill {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
 .plugin-tabs-scroll {
   overflow-x: auto;
   padding: 4px 12px 8px;
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 7c313cd71d..f1d10fa04e 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -1,5 +1,4 @@
 import { commandApi, pluginApi } from "@/api/v1";
-import { pluginSidebarState } from "@/composables/usePluginSidebarItems";
 import { useI18n, useModuleI18n } from "@/i18n/composables";
 import { useCommonStore } from "@/stores/common";
 import { resolveErrorMessage } from "@/utils/errorUtils";
@@ -517,9 +516,6 @@ export const useExtensionPage = (initialTab = "installed") => {
       const res = await pluginApi.list();
       Object.assign(extension_data, res.data);
 
-      // 同步插件数据到侧边栏共享状态
-      pluginSidebarState.plugins = res.data?.data || [];
-
       const failRes = await pluginApi.failed();
       failedPluginsDict.value = failRes.data.data || {};
 
@@ -2337,7 +2333,7 @@ export const useExtensionPage = (initialTab = "installed") => {
 
   // 生命周期
   onMounted(async () => {
-    const hasRouteTab = isValidTab(route.meta.extensionTab);
+    const hasRouteTab = Boolean(route.meta.extensionTab);
     if (!hasRouteTab && !syncTabFromHash(getLocationHash())) {
       await replaceTabRoute(router, route, activeTab.value);
     }
@@ -2462,7 +2458,7 @@ export const useExtensionPage = (initialTab = "installed") => {
   watch(
     () => route.hash,
     (newHash) => {
-      if (isValidTab(route.meta.extensionTab)) return;
+      if (route.meta.extensionTab) return;
       const tab = extractTabFromHash(newHash);
       if (tab && tab !== activeTab.value) {
         activeTab.value = tab;
@@ -2471,7 +2467,7 @@ export const useExtensionPage = (initialTab = "installed") => {
   );
 
   watch(activeTab, (newTab) => {
-    if (isValidTab(route.meta.extensionTab)) return;
+    if (route.meta.extensionTab) return;
     if (!isValidTab(newTab)) return;
     if (route.hash === `#${newTab}`) return;
     void replaceTabRoute(router, route, newTab);