From 292199dcac3a6d344a1beb3a8dd068b993ca24c1 Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Thu, 26 Mar 2026 00:20:52 +0800
Subject: [PATCH] feat: add backend URL preset sharing via URL parameters

- Add URL param support (?api_url=, ?username=) for shareable config
- Add share link button to server config dialog
- Fix ToolSet API bug: tools.func_list -> tools.list_tools()
- Fix Vue template bugs in CommandTable.vue (orphaned v-else, wrong prop)
- Use master version of InstalledPluginsTab.vue (dev had pre-existing bugs)

BREAKING CHANGE: Uses master version for InstalledPluginsTab.vue
---
 .../core/provider/sources/openai_source.py    |    2 +-
 .../components/CommandTable.vue               |   10 +-
 .../src/i18n/locales/en-US/features/auth.json |    3 +
 .../src/i18n/locales/zh-CN/features/auth.json |    3 +
 .../views/authentication/auth/LoginPage.vue   |   50 +
 .../authentication/authForms/AuthLogin.vue    |   23 +-
 .../views/extension/InstalledPluginsTab.vue   | 1076 +++++------------
 7 files changed, 398 insertions(+), 769 deletions(-)

diff --git a/astrbot/core/provider/sources/openai_source.py b/astrbot/core/provider/sources/openai_source.py
index 72cdbd722..4ed5dd7dd 100644
--- a/astrbot/core/provider/sources/openai_source.py
+++ b/astrbot/core/provider/sources/openai_source.py
@@ -549,7 +549,7 @@ class ProviderOpenAIOfficial(Provider):
                     # 工具集未提供
                     # Should be unreachable
                     raise Exception("工具集未提供")
-                for tool in tools.func_list:
+                for tool in tools.list_tools():
                     if (
                         tool_call.type == "function"
                         and tool.name == tool_call.function.name
diff --git a/dashboard/src/components/extension/componentPanel/components/CommandTable.vue b/dashboard/src/components/extension/componentPanel/components/CommandTable.vue
index 7883f10af..51b70bff7 100644
--- a/dashboard/src/components/extension/componentPanel/components/CommandTable.vue
+++ b/dashboard/src/components/extension/componentPanel/components/CommandTable.vue
@@ -101,7 +101,7 @@ const canEditPermission = (cmd: CommandItem): boolean => cmd.supports_permission
     <v-data-table
       :headers="commandHeaders"
       :items="items"
-      item-value="command_key"
+      item-key="handler_full_name"
       hover
       :row-props="getRowProps"
       :loading="props.loading"
@@ -201,14 +201,6 @@ const canEditPermission = (cmd: CommandItem): boolean => cmd.supports_permission
             </v-list-item>
           </v-list>
         </v-menu>
-        <v-chip
-          v-else
-          :color="getPermissionColor(item.permission)"
-          size="small"
-          class="font-weight-medium"
-        >
-          {{ getPermissionLabel(item.permission) }}
-        </v-chip>
       </template>
 
       <template #item.enabled="{ item }">
diff --git a/dashboard/src/i18n/locales/en-US/features/auth.json b/dashboard/src/i18n/locales/en-US/features/auth.json
index dbb76e8fb..f094e57b9 100644
--- a/dashboard/src/i18n/locales/en-US/features/auth.json
+++ b/dashboard/src/i18n/locales/en-US/features/auth.json
@@ -3,6 +3,9 @@
   "username": "Username",
   "password": "Password",
   "defaultHint": "Default username: astrbot. Run `astrbot conf admin` before the first login.",
+  "shareLink": "Share Link",
+  "linkCopied": "Link copied to clipboard",
+  "linkCopyFailed": "Failed to copy link",
   "logo": {
     "title": "AstrBot Dashboard",
     "subtitle": "Welcome"
diff --git a/dashboard/src/i18n/locales/zh-CN/features/auth.json b/dashboard/src/i18n/locales/zh-CN/features/auth.json
index e87382934..37fd75325 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/auth.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/auth.json
@@ -3,6 +3,9 @@
   "username": "用户名",
   "password": "密码",
   "defaultHint": "默认账户为：astrbot，请先执行 `astrbot conf admin` 设置密码",
+  "shareLink": "分享链接",
+  "linkCopied": "链接已复制到剪贴板",
+  "linkCopyFailed": "复制链接失败",
   "logo": {
     "title": "AstrBot WebUI",
     "subtitle": "欢迎使用"
diff --git a/dashboard/src/views/authentication/auth/LoginPage.vue b/dashboard/src/views/authentication/auth/LoginPage.vue
index a8d3b11ed..2e6931451 100644
--- a/dashboard/src/views/authentication/auth/LoginPage.vue
+++ b/dashboard/src/views/authentication/auth/LoginPage.vue
@@ -21,6 +21,42 @@ const toast = useToast();
 const serverConfigDialog = ref(false);
 const apiUrl = ref(apiStore.apiBaseUrl);
 
+// URL parameter handling for shareable config
+function applyUrlParams() {
+  const params = new URLSearchParams(window.location.search);
+  const apiUrlParam = params.get("api_url");
+  const usernameParam = params.get("username");
+  if (apiUrlParam) {
+    apiUrl.value = apiUrlParam;
+    const validationError = getApiBaseUrlValidationError(apiUrlParam);
+    if (!validationError) {
+      apiStore.setApiBaseUrl(apiUrlParam);
+    }
+  }
+  if (usernameParam) {
+    window.dispatchEvent(
+      new CustomEvent("astrbot-url-param-username", {
+        detail: { username: usernameParam },
+      })
+    );
+  }
+}
+
+function getShareableUrl() {
+  const url = new URL(window.location.href);
+  url.searchParams.set("api_url", apiUrl.value);
+  return url.toString();
+}
+
+async function copyShareableUrl() {
+  try {
+    await navigator.clipboard.writeText(getShareableUrl());
+    toast.success(t("linkCopied"));
+  } catch {
+    toast.error(t("linkCopyFailed"));
+  }
+}
+
 const showAddPreset = ref(false);
 const newPresetName = ref("");
 const newPresetUrl = ref("");
@@ -58,6 +94,9 @@ function toggleTheme() {
 }
 
 onMounted(() => {
+  // 应用URL参数（用于分享预设配置）
+  applyUrlParams();
+
   // 检查用户是否已登录，如果已登录则重定向
   if (authStore.has_token()) {
     router.push(authStore.returnUrl || "/");
@@ -257,6 +296,17 @@ onMounted(() => {
             variant="outlined"
             density="compact"
           />
+
+          <v-btn
+            variant="tonal"
+            size="small"
+            block
+            class="mt-2"
+            prepend-icon="mdi-share-variant"
+            @click="copyShareableUrl"
+          >
+            {{ t("shareLink") }}
+          </v-btn>
         </v-card-text>
         <v-card-actions>
           <v-spacer />
diff --git a/dashboard/src/views/authentication/authForms/AuthLogin.vue b/dashboard/src/views/authentication/authForms/AuthLogin.vue
index 761c88b3e..3015476a8 100644
--- a/dashboard/src/views/authentication/authForms/AuthLogin.vue
+++ b/dashboard/src/views/authentication/authForms/AuthLogin.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref } from "vue";
+import { ref, onMounted, onUnmounted } from "vue";
 import { useAuthStore } from "@/stores/auth";
 import { Form } from "vee-validate";
 import { useModuleI18n } from "@/i18n/composables";
@@ -11,6 +11,27 @@ const password = ref("");
 const username = ref("");
 const loading = ref(false);
 
+// 从URL参数读取用户名
+const params = new URLSearchParams(window.location.search);
+const usernameParam = params.get("username");
+if (usernameParam) {
+  username.value = usernameParam;
+}
+
+// 监听从LoginPage传来的用户名参数
+function handleUsernameParam(event: Event) {
+  const customEvent = event as CustomEvent<{ username: string }>;
+  username.value = customEvent.detail.username;
+}
+
+onMounted(() => {
+  window.addEventListener("astrbot-url-param-username", handleUsernameParam);
+});
+
+onUnmounted(() => {
+  window.removeEventListener("astrbot-url-param-username", handleUsernameParam);
+});
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 async function validate(_values: any, { setErrors }: any) {
   loading.value = true;
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index caba29059..1079b4823 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -262,436 +262,264 @@ const pinnedPlugins = computed(() => {
 </script>
 
 <template>
-  <v-tab-item v-show="activeTab === 'installed'">
-    <div class="mb-4 pt-4 pb-4">
-      <div
-        class="d-flex align-center flex-wrap"
-        style="gap: 12px"
-      >
-        <h2 class="text-h2 mb-0">
-          {{ tm("titles.installedAstrBotPlugins") }}
-        </h2>
+          <v-tab-item v-show="activeTab === 'installed'">
+            <div class="mb-4 pt-4 pb-4">
+              <div class="d-flex align-center flex-wrap" style="gap: 12px">
+                <h2 class="text-h2 mb-0">{{ tm("titles.installedAstrBotPlugins") }}</h2>
 
-        <div
-          class="d-flex align-center flex-wrap ml-auto"
-          style="gap: 8px"
-        >
-          <v-text-field
-            :model-value="pluginSearch"
-            density="compact"
-            :label="tm('search.placeholder')"
-            prepend-inner-icon="mdi-magnify"
-            clearable
-            variant="solo-filled"
-            flat
-            hide-details
-            single-line
-            style="min-width: 220px; max-width: 340px"
-            @update:model-value="pluginSearch = normalizeTextInput($event)"
-          />
+                <div class="d-flex align-center flex-wrap ml-auto" style="gap: 8px">
+                  <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
+                    style="min-width: 220px; max-width: 340px"
+                  >
+                  </v-text-field>
 
-          <v-btn-toggle
-            v-model="isListView"
-            mandatory
-            density="compact"
-            color="primary"
-            class="view-mode-toggle"
-          >
-            <v-btn
-              :value="false"
-              icon="mdi-view-grid"
-            />
-            <v-btn
-              :value="true"
-              icon="mdi-view-list"
-            />
-          </v-btn-toggle>
-        </div>
-      </div>
-    </div>
-
-    <v-row class="mb-4">
-      <v-col cols="12">
-        <div class="installed-toolbar">
-          <div class="installed-toolbar__actions">
-            <v-btn
-              variant="tonal"
-              @click="toggleShowReserved"
-            >
-              <v-icon>
-                {{
-                  showReserved ? "mdi-eye-off" : "mdi-eye"
-                }}
-              </v-icon>
-              {{
-                showReserved
-                  ? tm("buttons.hideSystemPlugins")
-                  : tm("buttons.showSystemPlugins")
-              }}
-            </v-btn>
-
-            <v-btn
-              color="warning"
-              variant="tonal"
-              :disabled="updatableExtensions.length === 0"
-              :loading="updatingAll"
-              @click="showUpdateAllConfirm"
-            >
-              <v-icon>mdi-update</v-icon>
-              {{ tm("buttons.updateAll") }}
-            </v-btn>
-          </div>
-
-          <div class="installed-toolbar__controls">
-            <v-btn-toggle
-              v-model="installedStatusFilter"
-              mandatory
-              divided
-              density="compact"
-              color="primary"
-              class="installed-status-toggle"
-            >
-              <v-btn
-                value="all"
-                prepend-icon="mdi-filter-variant"
-              >
-                {{ tm("filters.all") }}
-              </v-btn>
-              <v-btn
-                value="enabled"
-                prepend-icon="mdi-play-circle-outline"
-              >
-                {{ tm("status.enabled") }}
-              </v-btn>
-              <v-btn
-                value="disabled"
-                prepend-icon="mdi-pause-circle-outline"
-              >
-                {{ tm("status.disabled") }}
-              </v-btn>
-            </v-btn-toggle>
-
-            <PluginSortControl
-              v-model="installedSortBy"
-              :items="installedSortItems"
-              :label="tm('sort.by')"
-              :order="installedSortOrder"
-              :ascending-label="tm('sort.ascending')"
-              :descending-label="tm('sort.descending')"
-              :show-order="installedSortUsesOrder"
-              @update:order="installedSortOrder = $event"
-            />
-          </div>
-        </div>
-      </v-col>
-    </v-row>
-
-    <!-- 置顶插件列表 -->
-    <v-row class="mb-4">
-      <v-col cols="12">
-        <v-card
-          class="rounded-lg overflow-hidden elevation-0"
-          variant="flat"
-        >
-          <v-card-text class="pa-4">
-            <div class="d-flex align-center justify-space-between">
-              <h3 class="text-h6 mb-0">
-                {{ tm('titles.pinnedPlugins') }}
-              </h3>
+                  <v-btn-toggle
+                    v-model="isListView"
+                    mandatory
+                    density="compact"
+                    color="primary"
+                    class="view-mode-toggle"
+                  >
+                    <v-btn :value="false" icon="mdi-view-grid"></v-btn>
+                    <v-btn :value="true" icon="mdi-view-list"></v-btn>
+                  </v-btn-toggle>
+                </div>
+              </div>
             </div>
 
-            <v-row
-              class="mt-3 relative"
-              dense
-              align="center"
-              style="gap:12px"
-            >
-              <template v-if="!pinnedPlugins || pinnedPlugins.length === 0">
-                <v-col
-                  v-for="n in 4"
-                  :key="n"
-                  cols="auto"
-                />
-              </template>
+            <v-row class="mb-4">
+              <v-col cols="12">
+                <div class="installed-toolbar">
+                  <div class="installed-toolbar__actions">
+                    <v-btn variant="tonal" @click="toggleShowReserved">
+                      <v-icon>{{
+                        showReserved ? "mdi-eye-off" : "mdi-eye"
+                      }}</v-icon>
+                      {{
+                        showReserved
+                          ? tm("buttons.hideSystemPlugins")
+                          : tm("buttons.showSystemPlugins")
+                      }}
+                    </v-btn>
 
-              <transition-group
-                name="list"
-                class="v-row v-row--dense"
-              >
-                <v-col
-                  v-for="(p, index) in pinnedPlugins"
-                  :key="p.name"
-                  cols="auto"
-                >
-                  <PinnedPluginItem
-                    :plugin="p"
-                    :is-pinned="isPinned(p.name)"
-                    :tm="tm"
-                    :dragged="draggedIndex === index"
-                    @toggle-pin="togglePin"
-                    @view-readme="viewReadme"
-                    @open-config="openExtensionConfig"
-                    @reload="reloadPlugin"
-                    @update="updateExtension"
-                    @show-info="showPluginInfo"
-                    @uninstall="uninstallExtension"
-                    @dragstart="onDragStart(index)"
-                    @dragover="onDragOver($event)"
-                    @dragenter="onDragEnter($event, index)"
-                    @dragend="onDragEnd($event)"
-                    @drop="onDrop($event)"
-                  />
-                </v-col>
-              </transition-group>
+                    <v-btn
+                      color="warning"
+                      variant="tonal"
+                      :disabled="updatableExtensions.length === 0"
+                      :loading="updatingAll"
+                      @click="showUpdateAllConfirm"
+                    >
+                      <v-icon>mdi-update</v-icon>
+                      {{ tm("buttons.updateAll") }}
+                    </v-btn>
+                  </div>
+
+                  <div class="installed-toolbar__controls">
+                    <v-btn-toggle
+                      v-model="installedStatusFilter"
+                      mandatory
+                      divided
+                      density="compact"
+                      color="primary"
+                      class="installed-status-toggle"
+                    >
+                      <v-btn value="all" prepend-icon="mdi-filter-variant">
+                        {{ tm("filters.all") }}
+                      </v-btn>
+                      <v-btn value="enabled" prepend-icon="mdi-play-circle-outline">
+                        {{ tm("status.enabled") }}
+                      </v-btn>
+                      <v-btn value="disabled" prepend-icon="mdi-pause-circle-outline">
+                        {{ tm("status.disabled") }}
+                      </v-btn>
+                    </v-btn-toggle>
+
+                    <PluginSortControl
+                      v-model="installedSortBy"
+                      :items="installedSortItems"
+                      :label="tm('sort.by')"
+                      :order="installedSortOrder"
+                      :ascending-label="tm('sort.ascending')"
+                      :descending-label="tm('sort.descending')"
+                      :show-order="installedSortUsesOrder"
+                      @update:order="installedSortOrder = $event"
+                    />
+                  </div>
+                </div>
+              </v-col>
+            </v-row>
+
+            <!-- 置顶插件列表 -->
+            <v-row class="mb-4">
+              <v-col cols="12">
+                <v-card class="rounded-lg overflow-hidden elevation-0" variant="flat">
+                  <v-card-text class="pa-4">
+                    <div class="d-flex align-center justify-space-between">
+                      <h3 class="text-h6 mb-0">{{ tm('titles.pinnedPlugins') }}</h3>
+                    </div>
+
+                    <v-row class="mt-3 relative" dense align="center" style="gap:12px">
+                      <template v-if="!pinnedPlugins || pinnedPlugins.length === 0">
+                        <v-col cols="auto" v-for="n in 4" :key="n">
+                        </v-col>
+                      </template>
+
+                      <transition-group name="list" class="v-row v-row--dense">
+                        <v-col
+                          cols="auto"
+                          v-for="(p, index) in pinnedPlugins"
+                          :key="p.name"
+                        >
+                          <PinnedPluginItem
+                            :plugin="p"
+                            :is-pinned="isPinned(p.name)"
+                            :tm="tm"
+                            :dragged="draggedIndex === index"
+                            @toggle-pin="togglePin"
+                            @view-readme="viewReadme"
+                            @open-config="openExtensionConfig"
+                            @reload="reloadPlugin"
+                            @update="updateExtension"
+                            @show-info="showPluginInfo"
+                            @uninstall="uninstallExtension"
+                            @dragstart="onDragStart(index)"
+                            @dragover="onDragOver($event)"
+                            @dragenter="onDragEnter($event, index)"
+                            @dragend="onDragEnd($event)"
+                            @drop="onDrop($event)"
+                          />
+                        </v-col>
+                      </transition-group>
+                    </v-row>
+                  </v-card-text>
+                </v-card>
+              </v-col>
             </v-row>
-          </v-card-text>
-        </v-card>
-      </v-col>
-    </v-row>
 
             
-    <v-card
-      v-if="failedPluginItems.length > 0"
-      class="mb-4 rounded-lg"
-      variant="tonal"
-      @click="toggleShowReserved"
-    >
-      <v-icon>
-        {{
-          showReserved ? "mdi-eye-off" : "mdi-eye"
-        }}
-      </v-icon>
-      {{
-        showReserved
-          ? tm("buttons.hideSystemPlugins")
-          : tm("buttons.showSystemPlugins")
-      }}
-      </v-btn>
-
-      <v-btn
-        color="warning"
-        variant="tonal"
-        :disabled="updatableExtensions.length === 0"
-        :loading="updatingAll"
-        @click="showUpdateAllConfirm"
-      >
-        <v-icon>mdi-update</v-icon>
-        {{ tm("buttons.updateAll") }}
-      </v-btn>
-      </div>
-
-      <div class="installed-toolbar__controls">
-        <v-btn-toggle
-          v-model="installedStatusFilter"
-          mandatory
-          divided
-          density="compact"
-          color="primary"
-          class="installed-status-toggle"
-        >
-          <v-btn
-            value="all"
-            prepend-icon="mdi-filter-variant"
-          >
-            {{ tm("filters.all") }}
-          </v-btn>
-          <v-btn
-            value="enabled"
-            prepend-icon="mdi-play-circle-outline"
-          >
-            {{ tm("status.enabled") }}
-          </v-btn>
-          <v-btn
-            value="disabled"
-            prepend-icon="mdi-pause-circle-outline"
-          >
-            {{ tm("status.disabled") }}
-          </v-btn>
-        </v-btn-toggle>
-
-        <PluginSortControl
-          v-model="installedSortBy"
-          :items="installedSortItems"
-          :label="tm('sort.by')"
-          :order="installedSortOrder"
-          :ascending-label="tm('sort.ascending')"
-          :descending-label="tm('sort.descending')"
-          :show-order="installedSortUsesOrder"
-          @update:order="installedSortOrder = $event"
-        />
-      </div>
-      </div>
-      </v-col>
-      </v-row>
-
-      <v-card
-        v-if="failedPluginItems.length > 0"
-        class="mb-4 rounded-lg"
-        variant="tonal"
-        color="warning"
-      >
-        <v-card-title class="d-flex align-center">
-          <v-icon
-            color="warning"
-            class="mr-2"
-          >
-            mdi-alert-circle
-          </v-icon>
-          {{ tm("failedPlugins.title", { count: failedPluginItems.length }) }}
-        </v-card-title>
-        <v-card-text class="pt-0">
-          <div class="text-body-2 mb-3">
-            {{ tm("failedPlugins.hint") }}
-          </div>
-          <v-table density="compact">
-            <thead>
-              <tr>
-                <th>{{ tm("failedPlugins.columns.plugin") }}</th>
-                <th>{{ tm("failedPlugins.columns.error") }}</th>
-                <th class="text-right">
-                  {{ tm("buttons.actions") }}
-                </th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr
-                v-for="plugin in failedPluginItems"
-                :key="plugin.dir_name"
-              >
-                <td>
-                  <div class="font-weight-medium">
-                    {{ plugin.display_name }}
-                  </div>
-                  <div class="text-caption text-medium-emphasis">
-                    {{ plugin.dir_name }}
-                  </div>
-                </td>
-                <td style="max-width: 520px">
-                  <div
-                    class="text-caption text-medium-emphasis"
-                    style="
+            <v-card
+              v-if="failedPluginItems.length > 0"
+              class="mb-4 rounded-lg"
+              variant="tonal"
+              color="warning"
+            >
+              <v-card-title class="d-flex align-center">
+                <v-icon color="warning" class="mr-2">mdi-alert-circle</v-icon>
+                {{ tm("failedPlugins.title", { count: failedPluginItems.length }) }}
+              </v-card-title>
+              <v-card-text class="pt-0">
+                <div class="text-body-2 mb-3">
+                  {{ tm("failedPlugins.hint") }}
+                </div>
+                <v-table density="compact">
+                  <thead>
+                    <tr>
+                      <th>{{ tm("failedPlugins.columns.plugin") }}</th>
+                      <th>{{ tm("failedPlugins.columns.error") }}</th>
+                      <th class="text-right">{{ tm("buttons.actions") }}</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr v-for="plugin in failedPluginItems" :key="plugin.dir_name">
+                      <td>
+                        <div class="font-weight-medium">
+                          {{ plugin.display_name }}
+                        </div>
+                        <div class="text-caption text-medium-emphasis">
+                          {{ plugin.dir_name }}
+                        </div>
+                      </td>
+                      <td style="max-width: 520px">
+                        <div
+                          class="text-caption text-medium-emphasis"
+                          style="
                             display: -webkit-box;
                             -webkit-line-clamp: 2;
                             line-clamp: 2;
                             -webkit-box-orient: vertical;
                             overflow: hidden;
                           "
-                  >
-                    {{ plugin.error || tm("status.unknown") }}
-                  </div>
-                </td>
-                <td class="text-right">
-                  <v-btn
-                    size="small"
-                    variant="tonal"
-                    color="primary"
-                    class="mr-2"
-                    prepend-icon="mdi-refresh"
-                    @click="reloadFailedPlugin(plugin.dir_name)"
-                  >
-                    {{ tm("buttons.reload") }}
-                  </v-btn>
-                  <v-btn
-                    size="small"
-                    variant="tonal"
-                    color="error"
-                    prepend-icon="mdi-delete"
-                    :disabled="plugin.reserved"
-                    @click="requestUninstallFailedPlugin(plugin.dir_name)"
-                  >
-                    {{ tm("buttons.uninstall") }}
-                  </v-btn>
-                </td>
-              </tr>
-            </tbody>
-          </v-table>
-        </v-card-text>
-      </v-card>
-
-      <v-fade-transition hide-on-leave>
-        <!-- 表格视图 -->
-        <div v-if="isListView">
-          <v-card class="rounded-lg overflow-hidden elevation-0">
-            <v-data-table
-              class="plugin-list-table"
-              :headers="pluginHeaders"
-              :items="filteredPlugins"
-              :loading="loading_"
-              item-key="name"
-              hover
-            >
-              <template #loader>
-                <v-row class="py-8 d-flex align-center justify-center">
-                  <v-progress-circular
-                    indeterminate
-                    color="primary"
-                  />
-                  <span class="ml-2">{{ tm("status.loading") }}</span>
-                </v-row>
-              </template>
-
-              <template #item.name="{ item }">
-                <div class="d-flex align-center py-2">
-                  <div
-                    v-if="item.logo"
-                    class="mr-3"
-                    style="flex-shrink: 0"
-                  >
-                    <img
-                      :src="item.logo"
-                      :alt="item.name"
-                      style="
-                              height: 40px;
-                              width: 40px;
-                              border-radius: 8px;
-                              object-fit: cover;
-                            "
-                    >
-                    <template #item.name="{ item }">
-                      <div class="d-flex">
-                        <div
-                          class="mr-3"
-                          style="flex-shrink: 0"
                         >
+                          {{ plugin.error || tm("status.unknown") }}
+                        </div>
+                      </td>
+                      <td class="text-right">
+                        <v-btn
+                          size="small"
+                          variant="tonal"
+                          color="primary"
+                          class="mr-2"
+                          prepend-icon="mdi-refresh"
+                          @click="reloadFailedPlugin(plugin.dir_name)"
+                        >
+                          {{ tm("buttons.reload") }}
+                        </v-btn>
+                        <v-btn
+                          size="small"
+                          variant="tonal"
+                          color="error"
+                          prepend-icon="mdi-delete"
+                          :disabled="plugin.reserved"
+                          @click="requestUninstallFailedPlugin(plugin.dir_name)"
+                        >
+                          {{ tm("buttons.uninstall") }}
+                        </v-btn>
+                      </td>
+                    </tr>
+                  </tbody>
+                </v-table>
+              </v-card-text>
+            </v-card>
+
+            <v-fade-transition hide-on-leave>
+              <!-- 表格视图 -->
+              <div v-if="isListView">
+                <v-card class="rounded-lg overflow-hidden elevation-0">
+                  <v-data-table
+                    class="plugin-list-table"
+                    :headers="pluginHeaders"
+                    :items="filteredPlugins"
+                    :loading="loading_"
+                    item-key="name"
+                    hover
+                  >
+                    <template v-slot:item.name="{ item }">
+                      <div class="d-flex">
+                        <div class="mr-3" style="flex-shrink: 0">
                           <img
                             :src="(typeof item.logo === 'string' && item.logo.trim()) ? item.logo : defaultPluginIcon"
                             :alt="item.name"
                             style="height: 40px; width: 40px; border-radius: 8px; object-fit: cover;"
-                          >
+                          />
                         </div>
 
                         <div>
-                          <div
-                            class="text-h5"
-                            style="font-family: inherit;"
-                          >
+                          <div class="text-h5" style="font-family: inherit;">
                             {{ item.display_name && item.display_name.length ? item.display_name : item.name }}
                           </div>
 
-                          <div
-                            v-if="item.display_name && item.display_name.length"
-                            class="text-caption text-medium-emphasis mt-1"
-                          >
+                          <div v-if="item.display_name && item.display_name.length" class="text-caption text-medium-emphasis mt-1">
                             {{ item.name }}
                           </div>
 
-                          <div
-                            v-if="item.reserved"
-                            class="d-flex align-center mt-1"
-                          >
-                            <v-chip
-                              color="primary"
-                              size="x-small"
-                              class="font-weight-medium"
-                            >
-                              {{ tm("status.system") }}
-                            </v-chip>
+                          <div v-if="item.reserved" class="d-flex align-center mt-1">
+                            <v-chip color="primary" size="x-small" class="font-weight-medium">{{ tm("status.system") }}</v-chip>
                           </div>
                         </div>
                       </div>
                     </template>
 
-                    <template #item.desc="{ item }">
+                    <template v-slot:item.desc="{ item }">
                       <div class="py-2">
                         <div
                           class="text-body-2 text-medium-emphasis"
@@ -743,14 +571,11 @@ const pinnedPlugins = computed(() => {
                       </div>
                     </template>
 
-                    <template #item.version="{ item }">
+                    <template v-slot:item.version="{ item }">
                       <div class="d-flex align-center">
                         <span class="text-body-2">{{ item.version }}</span>
-                        <v-tooltip
-                          v-if="item.has_update"
-                          location="top"
-                        >
-                          <template #activator="{ props: tooltipProps }">
+                        <v-tooltip v-if="item.has_update" location="top">
+                          <template v-slot:activator="{ props: tooltipProps }">
                             <v-icon
                               v-bind="tooltipProps"
                               color="warning"
@@ -758,18 +583,16 @@ const pinnedPlugins = computed(() => {
                               class="ml-1"
                               style="cursor: pointer"
                               @click.stop="updateExtension(item.name)"
+                              >mdi-alert</v-icon
                             >
-                              mdi-alert
-                            </v-icon>
                           </template>
-                          <span>{{ tm("messages.hasUpdate") }}
-                            {{ item.online_version }}</span>
+                          <span
+                            >{{ tm("messages.hasUpdate") }}
+                            {{ item.online_version }}</span
+                          >
                         </v-tooltip>
-                        <v-tooltip
-                          v-if="item.has_update"
-                          location="top"
-                        >
-                          <template #activator="{ props: tooltipProps }">
+                        <v-tooltip v-if="item.has_update" location="top">
+                          <template v-slot:activator="{ props: tooltipProps }">
                             <span
                               v-bind="tooltipProps"
                               class="ml-1 text-caption text-warning"
@@ -784,13 +607,11 @@ const pinnedPlugins = computed(() => {
                       </div>
                     </template>
 
-                    <template #item.author="{ item }">
-                      <div class="text-body-2">
-                        {{ item.author }}
-                      </div>
+                    <template v-slot:item.author="{ item }">
+                      <div class="text-body-2">{{ item.author }}</div>
                     </template>
 
-                    <template #item.actions="{ item }">
+                    <template v-slot:item.actions="{ item }">
                       <div class="table-action-row d-flex align-center flex-nowrap justify-start ga-2 py-1">
                         <v-btn
                           icon
@@ -798,12 +619,10 @@ const pinnedPlugins = computed(() => {
                           variant="tonal"
                           color="secondary"
                           class="table-action-btn pin-action"
-                          :title="isPinned(item.name) ? tm('buttons.unpin') : tm('buttons.pin')"
                           @click.stop="togglePin(item)"
+                          :title="isPinned(item.name) ? tm('buttons.unpin') : tm('buttons.pin')"
                         >
-                          <v-icon size="18">
-                            {{ isPinned(item.name) ? 'mdi-pin' : 'mdi-pin-outline' }}
-                          </v-icon>
+                          <v-icon size="18">{{ isPinned(item.name) ? 'mdi-pin' : 'mdi-pin-outline' }}</v-icon>
                         </v-btn>
 
                         <v-btn
@@ -863,10 +682,7 @@ const pinnedPlugins = computed(() => {
                           {{ tm("buttons.viewDocs") }}
                         </v-btn>
 
-                        <StyledMenu
-                          location="bottom end"
-                          offset="8"
-                        >
+                        <StyledMenu location="bottom end" offset="8">
                           <template #activator="{ props: menuProps }">
                             <v-btn
                               v-bind="menuProps"
@@ -875,16 +691,16 @@ const pinnedPlugins = computed(() => {
                               variant="tonal"
                               color="secondary"
                               class="table-action-btn"
-                            />
+                            ></v-btn>
                           </template>
 
                           <v-list-item
                             class="styled-menu-item"
                             prepend-icon="mdi-information"
                             @click="showPluginInfo(item)"
-                          >
-                            <v-list-item-title>{{ tm("buttons.viewInfo") }}</v-list-item-title>
-                          </v-list-item>
+                        >
+                          <v-list-item-title>{{ tm("buttons.viewInfo") }}</v-list-item-title>
+                        </v-list-item>
 
                           <v-list-item
                             class="styled-menu-item"
@@ -906,15 +722,11 @@ const pinnedPlugins = computed(() => {
                       </div>
                     </template>
 
-                    <template #no-data>
+                    <template v-slot:no-data>
                       <div class="text-center pa-8">
-                        <v-icon
-                          size="64"
-                          color="info"
-                          class="mb-4"
+                        <v-icon size="64" color="info" class="mb-4"
+                          >mdi-puzzle-outline</v-icon
                         >
-                          mdi-puzzle-outline
-                        </v-icon>
                         <div class="text-h5 mb-2">
                           {{ tm("empty.noPlugins") }}
                         </div>
@@ -923,340 +735,88 @@ const pinnedPlugins = computed(() => {
                         </div>
                       </div>
                     </template>
-                  </div>
-                </div>
-              </template>
-            </v-data-table>
-          </v-card>
-        </div>
-
-        <!-- 卡片视图 -->
-        <div v-else>
-          <v-row
-            v-if="filteredPlugins.length === 0"
-            class="text-center"
-          >
-            <v-col
-              cols="12"
-              class="pa-2"
-            >
-              <v-icon
-                size="64"
-                color="info"
-                class="mb-4"
-              >
-                mdi-puzzle-outline
-              </v-icon>
-              <div class="text-h5 mb-2">
-                {{ tm("empty.noPlugins") }}
+                  </v-data-table>
+                </v-card>
               </div>
-              <div class="text-body-1 mb-4">
-                {{ tm("empty.noPluginsDesc") }}
-              </div>
-            </v-col>
-          </v-row>
 
-          <v-row>
-            <v-col
-              v-for="extension in filteredPlugins"
-              :key="extension.name"
-              cols="12"
-              md="6"
-              lg="4"
-              class="pb-2"
-            >
-              <ExtensionCard
-                :extension="extension"
-                :pinned="isPinned(extension.name)"
-                class="rounded-lg"
-                style="background-color: rgb(var(--v-theme-mcpCardBg))"
-                @toggle-pin="() => togglePin(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)"
-              />
-            </v-col>
-          </v-row>
-        </div>
-      </v-fade-transition>
-    </v-card>
-  </v-tab-item>
-</template>
-
-            <template #item.version="{ item }">
-              <div class="d-flex align-center">
-                <span class="text-body-2">{{ item.version }}</span>
-                <v-tooltip
-                  v-if="item.has_update"
-                  location="top"
-                >
-                  <template #activator="{ props: tooltipProps }">
-                    <v-icon
-                      v-bind="tooltipProps"
-                      color="warning"
-                      size="small"
-                      class="ml-1"
-                      style="cursor: pointer"
-                      @click.stop="updateExtension(item.name)"
+              <!-- 卡片视图 -->
+              <div v-else>
+                <v-row v-if="filteredPlugins.length === 0" class="text-center">
+                  <v-col cols="12" class="pa-2">
+                    <v-icon size="64" color="info" class="mb-4"
+                      >mdi-puzzle-outline</v-icon
                     >
-                      mdi-alert
-                    </v-icon>
-                  </template>
-                  <span>{{ tm("messages.hasUpdate") }}
-                    {{ item.online_version }}</span>
-                </v-tooltip>
-                <v-tooltip
-                  v-if="item.has_update"
-                  location="top"
-                >
-                  <template #activator="{ props: tooltipProps }">
-                    <span
-                      v-bind="tooltipProps"
-                      class="ml-1 text-caption text-warning"
-                      style="cursor: pointer"
-                      @click.stop="updateExtension(item.name)"
+                    <div class="text-h5 mb-2">{{ tm("empty.noPlugins") }}</div>
+                    <div class="text-body-1 mb-4">
+                      {{ tm("empty.noPluginsDesc") }}
+                    </div>
+                  </v-col>
+                </v-row>
+
+                <v-row>
+                    <v-col
+                      cols="12"
+                      md="6"
+                      lg="4"
+                      v-for="extension in filteredPlugins"
+                      :key="extension.name"
+                      class="pb-2"
                     >
-                      {{ item.online_version }}
-                    </span>
-                  </template>
-                  <span>{{ tm("buttons.update") }}</span>
-                </v-tooltip>
+                      <ExtensionCard
+                        :extension="extension"
+                        :pinned="isPinned(extension.name)"
+                        @toggle-pin="() => togglePin(extension)"
+                        class="rounded-lg"
+                        style="background-color: rgb(var(--v-theme-mcpCardBg))"
+                        @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)"
+                    >
+                    </ExtensionCard>
+                  </v-col>
+                </v-row>
               </div>
-            </template>
+            </v-fade-transition>
 
-            <template #item.author="{ item }">
-              <div class="text-body-2">
-                {{ item.author }}
-              </div>
-            </template>
-
-            <template #item.actions="{ item }">
-              <div class="table-action-row d-flex align-center flex-nowrap justify-start ga-2 py-1">
-                <v-btn
-                  v-if="!item.activated"
-                  size="small"
-                  variant="tonal"
-                  color="success"
-                  class="table-action-btn"
-                  prepend-icon="mdi-play"
-                  @click="pluginOn(item)"
-                >
-                  {{ tm("buttons.enable") }}
-                </v-btn>
-                <v-btn
-                  v-else
-                  size="small"
-                  variant="tonal"
-                  color="error"
-                  class="table-action-btn"
-                  prepend-icon="mdi-pause"
-                  @click="pluginOff(item)"
-                >
-                  {{ tm("buttons.disable") }}
-                </v-btn>
-
-                <v-btn
-                  size="small"
-                  variant="tonal"
-                  color="primary"
-                  class="table-action-btn"
-                  prepend-icon="mdi-refresh"
-                  @click="reloadPlugin(item.name)"
-                >
-                  {{ tm("buttons.reload") }}
-                </v-btn>
-
-                <v-btn
-                  size="small"
-                  variant="tonal"
-                  color="primary"
-                  class="table-action-btn"
-                  prepend-icon="mdi-cog"
-                  @click="openExtensionConfig(item.name)"
-                >
-                  {{ tm("buttons.configure") }}
-                </v-btn>
-
-                <v-btn
-                  size="small"
-                  variant="tonal"
-                  color="info"
-                  class="table-action-btn"
-                  prepend-icon="mdi-book-open-page-variant"
-                  :disabled="!item.repo"
-                  @click="item.repo && viewReadme(item)"
-                >
-                  {{ tm("buttons.viewDocs") }}
-                </v-btn>
-
-                <StyledMenu
-                  location="bottom end"
-                  offset="8"
-                >
-                  <template #activator="{ props: menuProps }">
-                    <v-btn
-                      v-bind="menuProps"
-                      icon="mdi-dots-horizontal"
-                      size="small"
-                      variant="tonal"
-                      color="secondary"
-                      class="table-action-btn"
-                    />
-                  </template>
-
-                  <v-list-item
-                    class="styled-menu-item"
-                    prepend-icon="mdi-information"
-                    @click="showPluginInfo(item)"
-                  >
-                    <v-list-item-title>{{ tm("buttons.viewInfo") }}</v-list-item-title>
-                  </v-list-item>
-
-                  <v-list-item
-                    class="styled-menu-item"
-                    prepend-icon="mdi-update"
-                    @click="updateExtension(item.name)"
-                  >
-                    <v-list-item-title>{{ tm("buttons.update") }}</v-list-item-title>
-                  </v-list-item>
-
-                  <v-list-item
-                    class="styled-menu-item"
-                    prepend-icon="mdi-delete"
-                    :disabled="item.reserved"
-                    @click="uninstallExtension(item.name)"
-                  >
-                    <v-list-item-title>{{ tm("buttons.uninstall") }}</v-list-item-title>
-                  </v-list-item>
-                </StyledMenu>
-              </div>
-            </template>
-
-            <template #no-data>
-              <div class="text-center pa-8">
-                <v-icon
-                  size="64"
-                  color="info"
-                  class="mb-4"
-                >
-                  mdi-puzzle-outline
-                </v-icon>
-                <div class="text-h5 mb-2">
-                  {{ tm("empty.noPlugins") }}
-                </div>
-                <div class="text-body-1 mb-4">
-                  {{ tm("empty.noPluginsDesc") }}
-                </div>
-              </div>
-            </template>
-          </v-data-table>
-        </v-card>
-      </div>
-
-      <!-- 卡片视图 -->
-      <div v-else>
-        <v-row
-          v-if="filteredPlugins.length === 0"
-          class="text-center"
-        >
-          <v-col
-            cols="12"
-            class="pa-2"
-          >
-            <v-icon
-              size="64"
-              color="info"
-              class="mb-4"
-            >
-              mdi-puzzle-outline
-            </v-icon>
-            <div class="text-h5 mb-2">
-              {{ tm("empty.noPlugins") }}
-            </div>
-            <div class="text-body-1 mb-4">
-              {{ tm("empty.noPluginsDesc") }}
-            </div>
-          </v-col>
-        </v-row>
-
-        <v-row>
-          <v-col
-            v-for="extension in filteredPlugins"
-            :key="extension.name"
-            cols="12"
-            md="6"
-            lg="4"
-            class="pb-2"
-          >
-            <ExtensionCard
-              :extension="extension"
-              class="rounded-lg"
-              style="background-color: rgb(var(--v-theme-mcpCardBg))"
-              @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)"
-            />
-          </v-col>
-        </v-row>
-      </div>
-    </v-fade-transition>
-
-    <v-tooltip
-      :text="tm('market.installPlugin')"
-      location="left"
-    >
-      <template #activator="{ props }">
-        <button
-          v-bind="props"
-          type="button"
-          class="v-btn v-btn--elevated v-btn--icon v-theme--PurpleThemeDark bg-darkprimary v-btn--density-default v-btn--size-x-large v-btn--variant-elevated fab-button"
-          style="
+            <v-tooltip :text="tm('market.installPlugin')" location="left">
+              <template v-slot:activator="{ props }">
+                <button
+                  v-bind="props"
+                  type="button"
+                  class="v-btn v-btn--elevated v-btn--icon v-theme--PurpleThemeDark bg-darkprimary v-btn--density-default v-btn--size-x-large v-btn--variant-elevated fab-button"
+                  style="
                     position: fixed;
                     right: 52px;
                     bottom: 52px;
                     z-index: 10000;
                     border-radius: 16px;
                   "
-          @click="dialog = true"
-        >
-          <span class="v-btn__overlay" />
-          <span class="v-btn__underlay" />
-          <span
-            class="v-btn__content"
-            data-no-activator=""
-          >
-            <i
-              class="mdi-plus mdi v-icon notranslate v-theme--PurpleThemeDark v-icon--size-default"
-              aria-hidden="true"
-              style="font-size: 32px"
-            />
-          </span>
-        </button>
-      </template>
-    </v-tooltip>
-  </v-tab-item>
+                  @click="dialog = true"
+                >
+                  <span class="v-btn__overlay"></span>
+                  <span class="v-btn__underlay"></span>
+                  <span class="v-btn__content" data-no-activator="">
+                    <i
+                      class="mdi-plus mdi v-icon notranslate v-theme--PurpleThemeDark v-icon--size-default"
+                      aria-hidden="true"
+                      style="font-size: 32px"
+                    ></i>
+                  </span>
+                </button>
+              </template>
+            </v-tooltip>
+          </v-tab-item>
 </template>
 
 <style scoped>