feat(webui): add direct WebUI access button on plugin cards

- Add "open-webui" button on plugin cards when plugin has pages
- Navigate to plugin's first page directly from the card
- Adjust PluginPagePage iframe height for better UX
- Add i18n labels (zh-CN/en-US/ru-RU)

Author: lxfight

dashboard/src/components/shared/ExtensionCard.vue

@@ -38,8 +38,13 @@ const emit = defineEmits([
   "view-readme",
   "view-changelog",
   "toggle-pin",
+  "open-webui",
 ]);
 
+const hasPages = computed(() => {
+  return Array.isArray(props.extension?.pages) && props.extension.pages.length > 0;
+});
+
 const showUninstallDialog = ref(false);
 
 const attrs = useAttrs();
@@ -130,6 +135,10 @@ const togglePin = () => {
   emit("toggle-pin", props.extension);
 };
 
+const openWebui = () => {
+  emit("open-webui", props.extension);
+};
+
 </script>
 
 <template>
@@ -322,6 +331,19 @@ const togglePin = () => {
           </template>
         </v-tooltip>
 
+        <v-tooltip v-if="hasPages" location="top" :text="tm('buttons.openWebui')">
+          <template v-slot:activator="{ props: actionProps }">
+            <v-btn
+              v-bind="actionProps"
+              icon="mdi-monitor-dashboard"
+              size="small"
+              variant="tonal"
+              color="primary"
+              @click.stop="openWebui"
+            ></v-btn>
+          </template>
+        </v-tooltip>
+
         <v-tooltip location="top" :text="tm('card.actions.pluginConfig')">
           <template v-slot:activator="{ props: actionProps }">
             <v-btn

dashboard/src/i18n/locales/en-US/features/extension.json

@@ -45,6 +45,7 @@
     "viewRepo": "Repository",
     "openPages": "Pages",
     "openPage": "Open",
+    "openWebui": "Open Plugin UI",
     "close": "Close",
     "save": "Save",
     "saveAndClose": "Save and Close",

dashboard/src/i18n/locales/ru-RU/features/extension.json

@@ -45,6 +45,7 @@
         "viewRepo": "Репозиторий",
         "openPages": "Pages",
         "openPage": "Открыть",
+        "openWebui": "Открыть UI плагина",
         "close": "Закрыть",
         "save": "Сохранить",
         "saveAndClose": "Сохранить и закрыть",

dashboard/src/i18n/locales/zh-CN/features/extension.json

@@ -45,6 +45,7 @@
     "viewRepo": "仓库",
     "openPages": "Pages",
     "openPage": "打开",
+    "openWebui": "打开插件UI界面",
     "close": "关闭",
     "save": "保存",
     "saveAndClose": "保存并关闭",

dashboard/src/views/PluginPagePage.vue

@@ -513,13 +513,13 @@ watch(locale, () => {
 
 .plugin-page-frame {
   width: 100%;
-  min-height: calc(100vh - 220px);
+  min-height: calc(100vh - 140px);
   border: 0;
   background: transparent;
 }
 
 .plugin-page-state {
-  min-height: calc(100vh - 220px);
+  min-height: calc(100vh - 140px);
   display: flex;
   align-items: center;
   justify-content: center;

dashboard/src/views/extension/InstalledPluginsTab.vue

@@ -152,6 +152,18 @@ const openPluginDetail = (extension) => {
   });
 };
 
+const openPluginWebui = (extension) => {
+  const pages = extension?.pages;
+  if (!Array.isArray(pages) || pages.length === 0 || !extension?.name) return;
+  router.push({
+    name: "PluginPage",
+    params: {
+      pluginName: extension.name,
+      pageName: pages[0],
+    },
+  });
+};
+
 const pinnedExtensionNames = ref(readPinnedExtensions());
 
 const pinnedExtensionOrder = computed(() => {
@@ -344,6 +356,7 @@ const togglePinnedExtension = (extension) => {
               @view-handlers="showPluginInfo(extension)"
               @view-readme="viewReadme(extension)"
               @view-changelog="viewChangelog(extension)"
+              @open-webui="openPluginWebui(extension)"
             >
             </ExtensionCard>
           </v-col>