From c29db68bb45fedc90953eb2ca3328b9742a4664b Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Fri, 6 Mar 2026 01:07:38 +0800
Subject: [PATCH 1/8] feat(dashboard): add share mode toggle for installed
 plugins

---
 .../src/components/shared/ExtensionCard.vue   | 10 ++++---
 .../locales/en-US/features/extension.json     |  3 +++
 .../locales/zh-CN/features/extension.json     |  3 +++
 .../views/extension/InstalledPluginsTab.vue   | 26 ++++++++++++++++---
 .../src/views/extension/useExtensionPage.js   |  6 +++++
 5 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/dashboard/src/components/shared/ExtensionCard.vue b/dashboard/src/components/shared/ExtensionCard.vue
index c324545785..696967cd1d 100644
--- a/dashboard/src/components/shared/ExtensionCard.vue
+++ b/dashboard/src/components/shared/ExtensionCard.vue
@@ -21,6 +21,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  shareMode: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // 定义要发送到父组件的事件
@@ -219,7 +223,7 @@ const viewChangelog = () => {
                 }}</span>
               </v-tooltip>
             </template>
-            <template v-else>
+            <template v-else-if="marketMode">
               <div class="extension-market-menu-wrap">
                 <v-menu offset-y>
                   <template v-slot:activator="{ props: menuProps }">
@@ -338,7 +342,7 @@ const viewChangelog = () => {
     </v-card-text>
 
     <v-card-actions class="extension-actions" @click.stop>
-      <template v-if="!marketMode">
+      <template v-if="!marketMode && !shareMode">
         <v-spacer></v-spacer>
         <v-tooltip location="top" :text="tm('buttons.viewDocs')">
           <template v-slot:activator="{ props: actionProps }">
@@ -421,7 +425,7 @@ const viewChangelog = () => {
           </v-list-item>
         </StyledMenu>
       </template>
-      <template v-else>
+      <template v-else-if="marketMode">
         <v-btn color="primary" size="small" @click="viewReadme">
           {{ tm("buttons.viewDocs") }}
         </v-btn>
diff --git a/dashboard/src/i18n/locales/en-US/features/extension.json b/dashboard/src/i18n/locales/en-US/features/extension.json
index 24c32bcd9e..bf8ac7ca0c 100644
--- a/dashboard/src/i18n/locales/en-US/features/extension.json
+++ b/dashboard/src/i18n/locales/en-US/features/extension.json
@@ -49,6 +49,9 @@
     "selectFile": "Select File",
     "refresh": "Refresh",
     "updateAll": "Update All",
+    "sharePlugin": "Share Plugin",
+    "confirmShare": "Confirm Share",
+    "importPlugin": "Import Plugin",
     "deleteSource": "Delete Source",
     "reshuffle": "Shuffle Again"
   },
diff --git a/dashboard/src/i18n/locales/zh-CN/features/extension.json b/dashboard/src/i18n/locales/zh-CN/features/extension.json
index d132a26411..782ac34107 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/extension.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/extension.json
@@ -49,6 +49,9 @@
     "selectFile": "选择文件",
     "refresh": "刷新",
     "updateAll": "更新全部插件",
+    "sharePlugin": "分享插件",
+    "confirmShare": "确认分享",
+    "importPlugin": "导入插件",
     "deleteSource": "删除源",
     "reshuffle": "随机一发"
   },
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index 1e7c7fefa2..dfd7ddea50 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -96,6 +96,8 @@ const {
   totalPages,
   paginatedPlugins,
   updatableExtensions,
+  isShareMode,
+  toggleShareMode,
   toggleShowReserved,
   toast,
   resetLoadingDialog,
@@ -210,6 +212,20 @@ const {
                   {{ tm("buttons.updateAll") }}
                 </v-btn>
 
+                <v-btn class="ml-2" variant="tonal" @click="toggleShareMode">
+                  <v-icon>mdi-share-variant</v-icon>
+                  {{
+                    isShareMode
+                      ? tm("buttons.confirmShare")
+                      : tm("buttons.sharePlugin")
+                  }}
+                </v-btn>
+
+                <v-btn class="ml-2" variant="tonal">
+                  <v-icon>mdi-file-import</v-icon>
+                  {{ tm("buttons.importPlugin") }}
+                </v-btn>
+
               </v-col>
             </v-row>
 
@@ -463,7 +479,7 @@ const {
                     <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
-                          v-if="!item.activated"
+                          v-if="!isShareMode && !item.activated"
                           size="small"
                           variant="tonal"
                           color="success"
@@ -474,7 +490,7 @@ const {
                           {{ tm("buttons.enable") }}
                         </v-btn>
                         <v-btn
-                          v-else
+                          v-else-if="!isShareMode"
                           size="small"
                           variant="tonal"
                           color="error"
@@ -486,6 +502,7 @@ const {
                         </v-btn>
 
                         <v-btn
+                          v-if="!isShareMode"
                           size="small"
                           variant="tonal"
                           color="primary"
@@ -497,6 +514,7 @@ const {
                         </v-btn>
 
                         <v-btn
+                          v-if="!isShareMode"
                           size="small"
                           variant="tonal"
                           color="primary"
@@ -508,6 +526,7 @@ const {
                         </v-btn>
 
                         <v-btn
+                          v-if="!isShareMode"
                           size="small"
                           variant="tonal"
                           color="info"
@@ -519,7 +538,7 @@ const {
                           {{ tm("buttons.viewDocs") }}
                         </v-btn>
 
-                        <StyledMenu location="bottom end" offset="8">
+                        <StyledMenu v-if="!isShareMode" location="bottom end" offset="8">
                           <template #activator="{ props: menuProps }">
                             <v-btn
                               v-bind="menuProps"
@@ -601,6 +620,7 @@ const {
                   >
                     <ExtensionCard
                       :extension="extension"
+                      :share-mode="isShareMode"
                       class="rounded-lg"
                       style="background-color: rgb(var(--v-theme-mcpCardBg))"
                       @configure="openExtensionConfig(extension.name)"
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index f57aad6d98..4840160d18 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -126,6 +126,10 @@ export const useExtensionPage = () => {
     return false;
   };
   const showReserved = ref(getInitialShowReserved());
+  const isShareMode = ref(false);
+  const toggleShareMode = () => {
+    isShareMode.value = !isShareMode.value;
+  };
   const snack_message = ref("");
   const snack_show = ref(false);
   const snack_success = ref("success");
@@ -1580,6 +1584,8 @@ export const useExtensionPage = () => {
     totalPages,
     paginatedPlugins,
     updatableExtensions,
+    isShareMode,
+    toggleShareMode,
     toggleShowReserved,
     toast,
     resetLoadingDialog,

From 6dcdac7a9016b6213db9a78d8be6f87cbbf96801 Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Fri, 6 Mar 2026 13:01:09 +0800
Subject: [PATCH 2/8] feat(dashboard): add share code import tab and lz-string
 based batch install flow

- add "fromShareCode" tab in extension install dialog
- support generating/copying share codes with astrbot-share prefix
- add share-code parsing and batch URL installs via performInstallRequest
- reuse install dialog entry from InstalledPluginsTab import action
- update i18n messages and upload labels for share-code workflows
- refine share-mode selection UX and card interaction behavior
---
 dashboard/package.json                        |   1 +
 dashboard/pnpm-lock.yaml                      |   9 +
 .../src/components/shared/ExtensionCard.vue   | 290 +++++++++++-------
 .../locales/en-US/features/extension.json     |  23 +-
 .../locales/zh-CN/features/extension.json     |  25 +-
 dashboard/src/views/ExtensionPage.vue         |  25 +-
 .../views/extension/InstalledPluginsTab.vue   |  72 ++++-
 .../src/views/extension/useExtensionPage.js   | 233 +++++++++++++-
 8 files changed, 548 insertions(+), 130 deletions(-)

diff --git a/dashboard/package.json b/dashboard/package.json
index 7b4a7f071a..e47ea87fb5 100644
--- a/dashboard/package.json
+++ b/dashboard/package.json
@@ -27,6 +27,7 @@
     "js-md5": "^0.8.3",
     "katex": "^0.16.27",
     "lodash": "4.17.21",
+    "lz-string": "^1.5.0",
     "markdown-it": "^14.1.0",
     "markstream-vue": "^0.0.6",
     "mermaid": "^11.12.2",
diff --git a/dashboard/pnpm-lock.yaml b/dashboard/pnpm-lock.yaml
index ea8636c615..0d51b16301 100644
--- a/dashboard/pnpm-lock.yaml
+++ b/dashboard/pnpm-lock.yaml
@@ -50,6 +50,9 @@ importers:
       lodash:
         specifier: 4.17.21
         version: 4.17.21
+      lz-string:
+        specifier: ^1.5.0
+        version: 1.5.0
       markdown-it:
         specifier: ^14.1.0
         version: 14.1.0
@@ -1830,6 +1833,10 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
   magic-string@0.30.21:
     resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
 
@@ -4564,6 +4571,8 @@ snapshots:
 
   lodash@4.17.21: {}
 
+  lz-string@1.5.0: {}
+
   magic-string@0.30.21:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
diff --git a/dashboard/src/components/shared/ExtensionCard.vue b/dashboard/src/components/shared/ExtensionCard.vue
index 696967cd1d..ae9efa0f26 100644
--- a/dashboard/src/components/shared/ExtensionCard.vue
+++ b/dashboard/src/components/shared/ExtensionCard.vue
@@ -25,6 +25,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  selected: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // 定义要发送到父组件的事件
@@ -38,6 +42,7 @@ const emit = defineEmits([
   "view-handlers",
   "view-readme",
   "view-changelog",
+  "select",
 ]);
 
 const reveal = ref(false);
@@ -130,27 +135,56 @@ const viewChangelog = () => {
   emit("view-changelog", props.extension);
 };
 
+const handleSwitchToggle = () => {
+  if (props.shareMode) {
+    emit("select", props.extension);
+    return;
+  }
+  toggleActivation();
+};
+
+const handleCardClick = () => {
+  if (!props.shareMode) {
+    return;
+  }
+  const selectedText = window.getSelection?.()?.toString() || "";
+  if (selectedText.trim().length > 0) {
+    return;
+  }
+  emit("select", props.extension);
+};
+
 </script>
 
 <template>
-  <v-card
-    class="mx-auto d-flex flex-column h-100"
-    elevation="0"
-    height="100%"
-    :style="{
-      position: 'relative',
-      backgroundColor:
-        useCustomizerStore().uiTheme === 'PurpleTheme'
-          ? marketMode
-            ? '#f8f0dd'
-            : '#ffffff'
-          : '#282833',
-      color:
-        useCustomizerStore().uiTheme === 'PurpleTheme'
-          ? '#000000dd'
-          : '#ffffff',
+  <div
+    :class="{
+      'share-mode-card': shareMode,
     }"
+    @click="handleCardClick"
   >
+    <v-card
+      class="mx-auto d-flex flex-column h-100"
+      :class="{
+        'share-mode-selected': shareMode && selected,
+        'share-mode-unselected': shareMode && !selected,
+      }"
+      elevation="0"
+      height="100%"
+      :style="{
+        position: 'relative',
+        backgroundColor:
+          useCustomizerStore().uiTheme === 'PurpleTheme'
+            ? marketMode
+              ? '#f8f0dd'
+              : '#ffffff'
+            : '#282833',
+        color:
+          useCustomizerStore().uiTheme === 'PurpleTheme'
+            ? '#000000dd'
+            : '#ffffff',
+      }"
+    >
     <v-card-text
       style="
         padding: 16px;
@@ -209,17 +243,23 @@ const viewChangelog = () => {
                 <template v-slot:activator="{ props: tooltipProps }">
                   <div v-bind="tooltipProps" class="extension-switch-wrap" @click.stop>
                     <v-switch
-                      :model-value="extension.activated"
-                      color="success"
+                      :model-value="shareMode ? selected : extension.activated"
+                      :color="shareMode ? 'primary' : 'success'"
                       density="compact"
                       hide-details
                       inset
-                      @update:model-value="toggleActivation"
+                      @update:model-value="handleSwitchToggle"
                     ></v-switch>
                   </div>
                 </template>
                 <span>{{
-                  extension.activated ? tm("buttons.disable") : tm("buttons.enable")
+                  shareMode
+                    ? selected
+                      ? tm("buttons.deselect")
+                      : tm("buttons.select")
+                    : extension.activated
+                      ? tm("buttons.disable")
+                      : tm("buttons.enable")
                 }}</span>
               </v-tooltip>
             </template>
@@ -341,97 +381,99 @@ const viewChangelog = () => {
       </div>
     </v-card-text>
 
-    <v-card-actions class="extension-actions" @click.stop>
-      <template v-if="!marketMode && !shareMode">
-        <v-spacer></v-spacer>
-        <v-tooltip location="top" :text="tm('buttons.viewDocs')">
-          <template v-slot:activator="{ props: actionProps }">
-            <v-btn
-              v-bind="actionProps"
-              icon="mdi-book-open-page-variant"
-              size="small"
-              variant="tonal"
-              color="info"
-              @click="viewReadme"
-            ></v-btn>
-          </template>
-        </v-tooltip>
-
-        <v-tooltip location="top" :text="tm('card.actions.pluginConfig')">
-          <template v-slot:activator="{ props: actionProps }">
-            <v-btn
-              v-bind="actionProps"
-              icon="mdi-cog"
-              size="small"
-              variant="tonal"
-              color="primary"
-              @click="configure"
-            ></v-btn>
-          </template>
-        </v-tooltip>
-
-        <v-tooltip v-if="extension?.repo" location="top" :text="tm('buttons.viewRepo')">
-          <template v-slot:activator="{ props: actionProps }">
-            <v-btn
-              v-bind="actionProps"
-              icon="mdi-github"
-              size="small"
-              variant="tonal"
-              color="secondary"
-              :href="extension.repo"
-              target="_blank"
-            ></v-btn>
-          </template>
-        </v-tooltip>
-
-        <v-tooltip location="top" :text="tm('card.actions.reloadPlugin')">
-          <template v-slot:activator="{ props: actionProps }">
-            <v-btn
-              v-bind="actionProps"
-              icon="mdi-refresh"
-              size="small"
-              variant="tonal"
-              color="primary"
-              @click="reloadExtension"
-            ></v-btn>
-          </template>
-        </v-tooltip>
-
-        <StyledMenu location="top end" offset="8">
-          <template #activator="{ props: menuProps }">
-            <v-btn
-              v-bind="menuProps"
-              icon="mdi-dots-horizontal"
-              size="small"
-              variant="tonal"
-              color="secondary"
-            ></v-btn>
-          </template>
-
-          <v-list-item class="styled-menu-item" prepend-icon="mdi-information" @click="viewHandlers">
-            <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">
-            <v-list-item-title>{{
-              extension.has_update
-                ? tm("card.actions.updateTo") + " " + extension.online_version
-                : tm("card.actions.reinstall")
-            }}</v-list-item-title>
-          </v-list-item>
-
-          <v-list-item class="styled-menu-item" prepend-icon="mdi-delete" @click="uninstallExtension">
-            <v-list-item-title class="text-error">{{ tm("card.actions.uninstallPlugin") }}</v-list-item-title>
-          </v-list-item>
-        </StyledMenu>
-      </template>
-      <template v-else-if="marketMode">
-        <v-btn color="primary" size="small" @click="viewReadme">
-          {{ tm("buttons.viewDocs") }}
-        </v-btn>
-      </template>
-    </v-card-actions>
-  </v-card>
+      <v-card-actions class="extension-actions" @click.stop>
+        <template v-if="!marketMode && !shareMode">
+          <v-spacer></v-spacer>
+          <v-tooltip location="top" :text="tm('buttons.viewDocs')">
+            <template v-slot:activator="{ props: actionProps }">
+              <v-btn
+                v-bind="actionProps"
+                icon="mdi-book-open-page-variant"
+                size="small"
+                variant="tonal"
+                color="info"
+                @click="viewReadme"
+              ></v-btn>
+            </template>
+          </v-tooltip>
+
+          <v-tooltip location="top" :text="tm('card.actions.pluginConfig')">
+            <template v-slot:activator="{ props: actionProps }">
+              <v-btn
+                v-bind="actionProps"
+                icon="mdi-cog"
+                size="small"
+                variant="tonal"
+                color="primary"
+                @click="configure"
+              ></v-btn>
+            </template>
+          </v-tooltip>
+
+          <v-tooltip v-if="extension?.repo" location="top" :text="tm('buttons.viewRepo')">
+            <template v-slot:activator="{ props: actionProps }">
+              <v-btn
+                v-bind="actionProps"
+                icon="mdi-github"
+                size="small"
+                variant="tonal"
+                color="secondary"
+                :href="extension.repo"
+                target="_blank"
+              ></v-btn>
+            </template>
+          </v-tooltip>
+
+          <v-tooltip location="top" :text="tm('card.actions.reloadPlugin')">
+            <template v-slot:activator="{ props: actionProps }">
+              <v-btn
+                v-bind="actionProps"
+                icon="mdi-refresh"
+                size="small"
+                variant="tonal"
+                color="primary"
+                @click="reloadExtension"
+              ></v-btn>
+            </template>
+          </v-tooltip>
+
+          <StyledMenu location="top end" offset="8">
+            <template #activator="{ props: menuProps }">
+              <v-btn
+                v-bind="menuProps"
+                icon="mdi-dots-horizontal"
+                size="small"
+                variant="tonal"
+                color="secondary"
+              ></v-btn>
+            </template>
+
+            <v-list-item class="styled-menu-item" prepend-icon="mdi-information" @click="viewHandlers">
+              <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">
+              <v-list-item-title>{{
+                extension.has_update
+                  ? tm("card.actions.updateTo") + " " + extension.online_version
+                  : tm("card.actions.reinstall")
+              }}</v-list-item-title>
+            </v-list-item>
+
+            <v-list-item class="styled-menu-item" prepend-icon="mdi-delete" @click="uninstallExtension">
+              <v-list-item-title class="text-error">{{ tm("card.actions.uninstallPlugin") }}</v-list-item-title>
+            </v-list-item>
+          </StyledMenu>
+        </template>
+        <template v-else-if="marketMode">
+          <v-btn color="primary" size="small" @click="viewReadme">
+            {{ tm("buttons.viewDocs") }}
+          </v-btn>
+        </template>
+      </v-card-actions>
+
+    </v-card>
+  </div>
 
   <!-- 卸载确认对话框 -->
   <UninstallConfirmDialog
@@ -530,4 +572,30 @@ const viewChangelog = () => {
   gap: 8px;
   justify-content: flex-end;
 }
+
+.share-mode-card {
+  cursor: pointer;
+  -webkit-user-select: none;
+  user-select: none;
+  transition: opacity 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
+}
+
+.share-mode-card * {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.share-mode-unselected {
+  opacity: 0.45;
+  filter: grayscale(0.25);
+}
+
+.share-mode-selected {
+  opacity: 1;
+  transform: none;
+  box-shadow:
+    0 0 0 2px rgba(var(--v-theme-success), 0.5),
+    inset 0 0 0 999px rgba(var(--v-theme-success), 0.03);
+}
+
 </style>
diff --git a/dashboard/src/i18n/locales/en-US/features/extension.json b/dashboard/src/i18n/locales/en-US/features/extension.json
index bf8ac7ca0c..dd03abd758 100644
--- a/dashboard/src/i18n/locales/en-US/features/extension.json
+++ b/dashboard/src/i18n/locales/en-US/features/extension.json
@@ -51,6 +51,11 @@
     "updateAll": "Update All",
     "sharePlugin": "Share Plugin",
     "confirmShare": "Confirm Share",
+    "confirmShareWithCount": "Confirm Share ({count})",
+    "selectAll": "Select All",
+    "deselectAll": "Deselect All",
+    "select": "Select",
+    "deselect": "Deselect",
     "importPlugin": "Import Plugin",
     "deleteSource": "Delete Source",
     "reshuffle": "Shuffle Again"
@@ -160,6 +165,7 @@
       "title": "Install Extension",
       "fromFile": "Install from File",
       "fromUrl": "Install from URL",
+      "fromShareCode": "Import from Share Code",
       "supportPlatformsCount": "Supports {count} Platforms"
     },
     "danger_warning": {
@@ -210,13 +216,23 @@
     "updateAllFailed": "{failed} of {total} extensions failed to update:",
     "fillSourceNameAndUrl": "Please fill in the complete source name and URL",
     "invalidUrl": "Please enter a valid URL",
-    "enterJsonUrl": "Please enter a URL that returns plugin list JSON data"
+    "enterJsonUrl": "Please enter a URL that returns plugin list JSON data",
+    "fillShareCode": "Please paste the share code",
+    "invalidShareCode": "Invalid share code format",
+    "noRepoInShareCode": "No repository links found in share code",
+    "shareImportSuccess": "Successfully imported {count} plugins",
+    "shareImportPartial": "Imported {success} plugins, {failed} failed",
+    "noShareableRepos": "No shareable repository links found in selected plugins",
+    "shareCodeCopied": "Share code copied to clipboard",
+    "shareCodeCopyFailed": "Failed to copy share code. Generated content:"
   },
   "upload": {
     "fromFile": "Install from File",
     "fromUrl": "Install from URL",
     "selectFile": "Select File",
-    "enterUrl": "Enter extension repository URL"
+    "enterUrl": "Enter extension repository URL",
+    "enterShareCode": "Paste share code",
+    "shareCodePlaceholder": "{\"repos\":[\"https://github.com/example/repo\"]}"
   },
   "skills": {
     "modeLocal": "Local Skills",
@@ -315,6 +331,9 @@
     "goToManage": "Go to Manage",
     "later": "Later"
   },
+  "share": {
+    "selectedCount": "Selected {count} plugins"
+  },
   "pluginChangelog": {
     "menuTitle": "View Changelog"
   }
diff --git a/dashboard/src/i18n/locales/zh-CN/features/extension.json b/dashboard/src/i18n/locales/zh-CN/features/extension.json
index 782ac34107..3dec1d6851 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/extension.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/extension.json
@@ -12,7 +12,7 @@
     "installedAstrBotPlugins": "已安装的 AstrBot 插件"
   },
   "failedPlugins": {
-    "title": "加载失败插件（{count}）",
+    "title": "加载失败插件({count})",
     "hint": "这些插件加载失败，仍可尝试重载或直接卸载。",
     "columns": {
       "plugin": "插件",
@@ -51,6 +51,11 @@
     "updateAll": "更新全部插件",
     "sharePlugin": "分享插件",
     "confirmShare": "确认分享",
+    "confirmShareWithCount": "确认分享（{count}）",
+    "selectAll": "全选",
+    "deselectAll": "取消全选",
+    "select": "选择",
+    "deselect": "取消选择",
     "importPlugin": "导入插件",
     "deleteSource": "删除源",
     "reshuffle": "随机一发"
@@ -160,6 +165,7 @@
       "title": "安装插件",
       "fromFile": "从文件安装",
       "fromUrl": "从链接安装",
+      "fromShareCode": "从分享码导入",
       "supportPlatformsCount": "支持 {count} 个平台"
     },
     "danger_warning": {
@@ -210,13 +216,23 @@
     "updateAllFailed": "有 {failed}/{total} 个插件更新失败:",
     "fillSourceNameAndUrl": "请填写完整的插件源名称和地址",
     "invalidUrl": "请输入有效的URL地址",
-    "enterJsonUrl": "请输入返回插件列表JSON数据的URL地址"
+    "enterJsonUrl": "请输入返回插件列表JSON数据的URL地址",
+    "fillShareCode": "请粘贴分享码",
+    "invalidShareCode": "分享码格式无效",
+    "noRepoInShareCode": "分享码中没有仓库链接",
+    "shareImportSuccess": "成功导入 {count} 个插件",
+    "shareImportPartial": "已导入 {success} 个插件，失败 {failed} 个",
+    "noShareableRepos": "选中的插件中没有可分享的仓库链接",
+    "shareCodeCopied": "分享码已复制到剪贴板",
+    "shareCodeCopyFailed": "复制分享码失败，已生成内容："
   },
   "upload": {
     "fromFile": "从文件安装",
     "fromUrl": "从链接安装",
     "selectFile": "选择文件",
-    "enterUrl": "输入插件仓库链接"
+    "enterUrl": "输入插件仓库链接",
+    "enterShareCode": "粘贴分享码",
+    "shareCodePlaceholder": "{\"repos\":[\"https://github.com/example/repo\"]}"
   },
   "skills": {
     "modeLocal": "本地 Skills",
@@ -315,6 +331,9 @@
     "goToManage": "前往处理",
     "later": "稍后处理"
   },
+  "share": {
+    "selectedCount": "已选择 {count} 个插件"
+  },
   "pluginChangelog": {
     "menuTitle": "查看更新日志"
   }
diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 4703ff5696..7535b26b14 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -74,6 +74,7 @@ const {
   dialog,
   upload_file,
   uploadTab,
+  shareCodeInput,
   showPluginFullName,
   marketSearch,
   debouncedMarketSearch,
@@ -142,6 +143,7 @@ const {
   continueInstallIgnoringVersionWarning,
   cancelInstallOnVersionWarning,
   newExtension,
+  installFromShareCode,
   normalizePlatformList,
   getPlatformDisplayList,
   resolveSelectedInstallPlugin,
@@ -556,6 +558,7 @@ const {
         <v-tabs v-model="uploadTab" color="primary">
           <v-tab value="file">{{ tm("dialogs.install.fromFile") }}</v-tab>
           <v-tab value="url">{{ tm("dialogs.install.fromUrl") }}</v-tab>
+          <v-tab value="shareCode">{{ tm("dialogs.install.fromShareCode") }}</v-tab>
         </v-tabs>
 
         <v-window v-model="uploadTab" class="mt-4">
@@ -658,6 +661,20 @@ const {
               <ProxySelector></ProxySelector>
             </div>
           </v-window-item>
+
+          <v-window-item value="shareCode">
+            <div class="pa-4">
+              <v-textarea
+                v-model="shareCodeInput"
+                :label="tm('upload.enterShareCode')"
+                variant="outlined"
+                auto-grow
+                rows="6"
+                class="rounded-lg"
+                :placeholder="tm('upload.shareCodePlaceholder')"
+              ></v-textarea>
+            </div>
+          </v-window-item>
         </v-window>
       </div>
 
@@ -666,9 +683,11 @@ const {
         <v-btn color="grey" variant="text" @click="dialog = false">{{
           tm("buttons.cancel")
         }}</v-btn>
-        <v-btn color="primary" variant="text" @click="newExtension">{{
-          tm("buttons.install")
-        }}</v-btn>
+        <v-btn
+          color="primary"
+          variant="text"
+          @click="uploadTab === 'shareCode' ? installFromShareCode() : newExtension()"
+        >{{ tm("buttons.install") }}</v-btn>
       </div>
     </div>
   </v-dialog>
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index dfd7ddea50..c517bad715 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -97,7 +97,14 @@ const {
   paginatedPlugins,
   updatableExtensions,
   isShareMode,
+  selectedSharePluginCount,
   toggleShareMode,
+  cancelShareMode,
+  confirmShareSelection,
+  toggleShareSelectAll,
+  areAllSharePluginsSelected,
+  toggleSharePluginSelection,
+  isSharePluginSelected,
   toggleShowReserved,
   toast,
   resetLoadingDialog,
@@ -212,20 +219,63 @@ const {
                   {{ tm("buttons.updateAll") }}
                 </v-btn>
 
-                <v-btn class="ml-2" variant="tonal" @click="toggleShareMode">
+                <v-btn
+                  class="ml-2"
+                  variant="tonal"
+                  color="primary"
+                  @click="toggleShareMode"
+                >
                   <v-icon>mdi-share-variant</v-icon>
-                  {{
-                    isShareMode
-                      ? tm("buttons.confirmShare")
-                      : tm("buttons.sharePlugin")
-                  }}
+                  {{ tm("buttons.sharePlugin") }}
                 </v-btn>
 
-                <v-btn class="ml-2" variant="tonal">
-                  <v-icon>mdi-file-import</v-icon>
-                  {{ tm("buttons.importPlugin") }}
-                </v-btn>
+              </v-col>
+            </v-row>
 
+            <v-row v-if="isShareMode" class="mb-4">
+              <v-col cols="12">
+                <v-card class="rounded-lg" variant="tonal" color="primary">
+                  <v-card-text class="d-flex align-center justify-space-between flex-wrap ga-2">
+                    <div class="text-body-1 font-weight-medium">
+                      {{ tm("share.selectedCount", { count: selectedSharePluginCount }) }}
+                    </div>
+                    <div class="d-flex align-center ga-2">
+                      <v-btn
+                        variant="outlined"
+                        @click="
+                          toggleShareSelectAll(
+                            filteredPlugins.map((plugin) => plugin.name),
+                          )
+                        "
+                      >
+                        {{
+                          areAllSharePluginsSelected(
+                            filteredPlugins.map((plugin) => plugin.name),
+                          )
+                            ? tm('buttons.deselectAll')
+                            : tm('buttons.selectAll')
+                        }}
+                      </v-btn>
+                      <v-btn variant="outlined" @click="cancelShareMode">
+                        {{ tm("buttons.cancel") }}
+                      </v-btn>
+                      <v-btn
+                        color="primary"
+                        variant="flat"
+                        :disabled="selectedSharePluginCount === 0"
+                        @click="confirmShareSelection"
+                      >
+                        {{
+                          selectedSharePluginCount > 0
+                            ? tm("buttons.confirmShareWithCount", {
+                                count: selectedSharePluginCount,
+                              })
+                            : tm("buttons.confirmShare")
+                        }}
+                      </v-btn>
+                    </div>
+                  </v-card-text>
+                </v-card>
               </v-col>
             </v-row>
 
@@ -621,8 +671,10 @@ const {
                     <ExtensionCard
                       :extension="extension"
                       :share-mode="isShareMode"
+                      :selected="isSharePluginSelected(extension.name)"
                       class="rounded-lg"
                       style="background-color: rgb(var(--v-theme-mcpCardBg))"
+                      @select="toggleSharePluginSelection(extension.name)"
                       @configure="openExtensionConfig(extension.name)"
                       @uninstall="
                         (ext, options) => uninstallExtension(ext.name, options)
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 4840160d18..5a67f6cb2a 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -1,4 +1,8 @@
 import axios from "axios";
+import {
+  compressToEncodedURIComponent,
+  decompressFromEncodedURIComponent,
+} from "lz-string";
 import { pinyin } from "pinyin-pro";
 import { useCommonStore } from "@/stores/common";
 import { useI18n, useModuleI18n } from "@/i18n/composables";
@@ -8,6 +12,8 @@ import { ref, computed, onMounted, onUnmounted, reactive, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
 
+const SHARE_CODE_LZ_PREFIX = "astrbot-share:";
+
 const useRandomPluginsDisplay = ({ activeTab, marketSearch, currentPage }) => {
   const showRandomPlugins = ref(true);
 
@@ -127,9 +133,122 @@ export const useExtensionPage = () => {
   };
   const showReserved = ref(getInitialShowReserved());
   const isShareMode = ref(false);
+  const selectedSharePluginNames = ref(new Set());
+  const cancelShareMode = () => {
+    isShareMode.value = false;
+    selectedSharePluginNames.value = new Set();
+  };
   const toggleShareMode = () => {
-    isShareMode.value = !isShareMode.value;
+    if (isShareMode.value) {
+      cancelShareMode();
+      return;
+    }
+    isShareMode.value = true;
+    selectedSharePluginNames.value = new Set();
+  };
+  const encodeShareCode = async (payload) => {
+    const rawJson = JSON.stringify(payload);
+    const compressed = compressToEncodedURIComponent(rawJson);
+    if (!compressed) {
+      return rawJson;
+    }
+    return `${SHARE_CODE_LZ_PREFIX}${compressed}`;
+  };
+  const decodeShareCode = async (rawCode) => {
+    if (rawCode.startsWith(SHARE_CODE_LZ_PREFIX)) {
+      const encodedPart = rawCode.slice(SHARE_CODE_LZ_PREFIX.length);
+      const decompressed = decompressFromEncodedURIComponent(encodedPart);
+      if (!decompressed) {
+        throw new Error("Invalid lz share code");
+      }
+      return decompressed;
+    }
+    return rawCode;
+  };
+  const confirmShareSelection = async () => {
+    const data = Array.isArray(extension_data?.data) ? extension_data.data : [];
+    const selectedNames = selectedSharePluginNames.value;
+    const repos = data
+      .filter((extension) => selectedNames.has(extension.name))
+      .map((extension) => (extension.repo ?? "").trim())
+      .filter((repo) => repo.length > 0);
+    const uniqueRepos = [...new Set(repos)].sort((a, b) =>
+      a.localeCompare(b, undefined, { sensitivity: "base" }),
+    );
+
+    if (uniqueRepos.length === 0) {
+      toast(tm("messages.noShareableRepos"), "warning");
+      cancelShareMode();
+      return;
+    }
+
+    const shareCode = await encodeShareCode({
+      repos: uniqueRepos,
+    });
+
+    try {
+      if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+        throw new Error("Clipboard API unavailable");
+      }
+      await navigator.clipboard.writeText(shareCode);
+      toast(tm("messages.shareCodeCopied"), "success");
+    } catch (error) {
+      toast(
+        `${tm("messages.shareCodeCopyFailed")} ${shareCode}`,
+        "warning",
+      );
+      console.error("Failed to copy share code:", error);
+    } finally {
+      cancelShareMode();
+    }
+  };
+  const toggleSharePluginSelection = (pluginName) => {
+    if (!isShareMode.value || !pluginName) {
+      return;
+    }
+    const nextSelected = new Set(selectedSharePluginNames.value);
+    if (nextSelected.has(pluginName)) {
+      nextSelected.delete(pluginName);
+    } else {
+      nextSelected.add(pluginName);
+    }
+    selectedSharePluginNames.value = nextSelected;
   };
+  const toggleShareSelectAll = (pluginNames = []) => {
+    if (!isShareMode.value) {
+      return;
+    }
+    const names = pluginNames.filter((name) => typeof name === "string" && name.length > 0);
+    if (names.length === 0) {
+      return;
+    }
+    const allSelected = names.every((name) => selectedSharePluginNames.value.has(name));
+    if (allSelected) {
+      const nextSelected = new Set(selectedSharePluginNames.value);
+      names.forEach((name) => nextSelected.delete(name));
+      selectedSharePluginNames.value = nextSelected;
+      return;
+    }
+    const nextSelected = new Set(selectedSharePluginNames.value);
+    names.forEach((name) => nextSelected.add(name));
+    selectedSharePluginNames.value = nextSelected;
+  };
+  const areAllSharePluginsSelected = (pluginNames = []) => {
+    const names = pluginNames.filter((name) => typeof name === "string" && name.length > 0);
+    if (names.length === 0) {
+      return false;
+    }
+    return names.every((name) => selectedSharePluginNames.value.has(name));
+  };
+  const isSharePluginSelected = (pluginName) => {
+    if (!pluginName) {
+      return false;
+    }
+    return selectedSharePluginNames.value.has(pluginName);
+  };
+  const selectedSharePluginCount = computed(
+    () => selectedSharePluginNames.value.size,
+  );
   const snack_message = ref("");
   const snack_show = ref(false);
   const snack_success = ref("success");
@@ -226,6 +345,7 @@ export const useExtensionPage = () => {
   const dialog = ref(false);
   const upload_file = ref(null);
   const uploadTab = ref("file");
+  const shareCodeInput = ref("");
   const showPluginFullName = ref(false);
   const marketSearch = ref("");
   const debouncedMarketSearch = ref("");
@@ -1245,6 +1365,102 @@ export const useExtensionPage = () => {
     });
   };
 
+  const parseShareCodeRepos = async (rawCode) => {
+    const decodedContent = await decodeShareCode(rawCode);
+    const parsed = JSON.parse(decodedContent);
+    const repos = Array.isArray(parsed?.repos) ? parsed.repos : [];
+    return repos
+      .filter((repo) => typeof repo === "string")
+      .map((repo) => repo.trim())
+      .filter((repo) => repo.length > 0);
+  };
+
+  const installFromShareCode = async (ignoreVersionCheck = false) => {
+    const rawCode = (shareCodeInput.value ?? "").trim();
+    if (!rawCode) {
+      toast(tm("messages.fillShareCode"), "error");
+      return;
+    }
+
+    let repos = [];
+    try {
+      repos = await parseShareCodeRepos(rawCode);
+    } catch (error) {
+      toast(tm("messages.invalidShareCode"), "error");
+      return;
+    }
+
+    const uniqueRepos = [...new Set(repos)];
+    if (uniqueRepos.length === 0) {
+      toast(tm("messages.noRepoInShareCode"), "error");
+      return;
+    }
+
+    loading_.value = true;
+    loadingDialog.title = tm("status.loading");
+    loadingDialog.show = true;
+
+    const failedItems = [];
+    let successCount = 0;
+    const previousExtensionUrl = extension_url.value;
+
+    try {
+      for (const repoUrl of uniqueRepos) {
+        extension_url.value = repoUrl;
+        const res = await performInstallRequest({
+          source: "url",
+          ignoreVersionCheck,
+        });
+        const resData = res.data || {};
+        if (resData.status === "ok") {
+          successCount += 1;
+          continue;
+        }
+        failedItems.push({
+          url: repoUrl,
+          message: resData.message || tm("messages.installFailed"),
+        });
+      }
+    } catch (err) {
+      failedItems.push({
+        url: extension_url.value || tm("status.unknown"),
+        message: resolveErrorMessage(err, tm("messages.installFailed")),
+      });
+    } finally {
+      extension_url.value = previousExtensionUrl;
+      loading_.value = false;
+    }
+
+    if (successCount > 0) {
+      await getExtensions();
+      await checkAndPromptConflicts();
+    }
+
+    const failedCount = failedItems.length;
+    if (failedCount === 0) {
+      onLoadingDialogResult(
+        1,
+        tm("messages.shareImportSuccess", { count: successCount }),
+      );
+      dialog.value = false;
+      shareCodeInput.value = "";
+      return;
+    }
+
+    const failureSummary = failedItems
+      .map((item) => `${item.url}: ${item.message}`)
+      .join("\n");
+    onLoadingDialogResult(
+      2,
+      tm("messages.shareImportPartial", {
+        success: successCount,
+        failed: failedCount,
+      }),
+      -1,
+    );
+    toast(failureSummary, "warning");
+  };
+
   const finalizeSuccessfulInstall = async (resData, source) => {
     if (source === "file") {
       upload_file.value = null;
@@ -1471,6 +1687,11 @@ export const useExtensionPage = () => {
       await checkInstallCompatibility();
     },
   );
+
+  const openShareCodeImportDialog = () => {
+    dialog.value = true;
+    uploadTab.value = "shareCode";
+  };
   
   watch(
     () => route.fullPath,
@@ -1556,6 +1777,7 @@ export const useExtensionPage = () => {
     dialog,
     upload_file,
     uploadTab,
+    shareCodeInput,
     showPluginFullName,
     marketSearch,
     debouncedMarketSearch,
@@ -1585,7 +1807,14 @@ export const useExtensionPage = () => {
     paginatedPlugins,
     updatableExtensions,
     isShareMode,
+    selectedSharePluginCount,
     toggleShareMode,
+    cancelShareMode,
+    confirmShareSelection,
+    toggleShareSelectAll,
+    areAllSharePluginsSelected,
+    toggleSharePluginSelection,
+    isSharePluginSelected,
     toggleShowReserved,
     toast,
     resetLoadingDialog,
@@ -1633,6 +1862,8 @@ export const useExtensionPage = () => {
     continueInstallIgnoringVersionWarning,
     cancelInstallOnVersionWarning,
     newExtension,
+    installFromShareCode,
+    openShareCodeImportDialog,
     normalizePlatformList,
     getPlatformDisplayList,
     resolveSelectedInstallPlugin,

From e413a5672a92c7095a7141c29a253575d3c558d6 Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Fri, 6 Mar 2026 17:09:50 +0800
Subject: [PATCH 3/8] feat(dashboard): improve list share selection UX and
 share code hints

---
 .../locales/en-US/features/extension.json     |  2 +-
 .../locales/zh-CN/features/extension.json     |  2 +-
 .../views/extension/InstalledPluginsTab.vue   | 74 ++++++++++++++++++-
 3 files changed, 74 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/i18n/locales/en-US/features/extension.json b/dashboard/src/i18n/locales/en-US/features/extension.json
index dd03abd758..0377d636b6 100644
--- a/dashboard/src/i18n/locales/en-US/features/extension.json
+++ b/dashboard/src/i18n/locales/en-US/features/extension.json
@@ -232,7 +232,7 @@
     "selectFile": "Select File",
     "enterUrl": "Enter extension repository URL",
     "enterShareCode": "Paste share code",
-    "shareCodePlaceholder": "{\"repos\":[\"https://github.com/example/repo\"]}"
+    "shareCodePlaceholder": "astrbot-share:encoded-content"
   },
   "skills": {
     "modeLocal": "Local Skills",
diff --git a/dashboard/src/i18n/locales/zh-CN/features/extension.json b/dashboard/src/i18n/locales/zh-CN/features/extension.json
index 3dec1d6851..8232883fd6 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/extension.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/extension.json
@@ -232,7 +232,7 @@
     "selectFile": "选择文件",
     "enterUrl": "输入插件仓库链接",
     "enterShareCode": "粘贴分享码",
-    "shareCodePlaceholder": "{\"repos\":[\"https://github.com/example/repo\"]}"
+    "shareCodePlaceholder": "astrbot-share:压缩后的分享码内容"
   },
   "skills": {
     "modeLocal": "本地 Skills",
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index c517bad715..b407c89298 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -158,6 +158,25 @@ const {
   handleLocaleChange,
   searchDebounceTimer,
 } = props.state;
+
+const handleShareRowClick = (item) => {
+  if (!isShareMode.value || !item?.name) {
+    return;
+  }
+  toggleSharePluginSelection(item.name);
+};
+
+const getShareRowProps = ({ item }) => {
+  if (!item?.name || !isShareMode.value) {
+    return {};
+  }
+  return {
+    class: isSharePluginSelected(item.name)
+      ? "share-row-selected"
+      : "share-row-unselected",
+    onClick: () => handleShareRowClick(item),
+  };
+};
 </script>
 
 <template>
@@ -358,12 +377,16 @@ const {
               <div v-if="isListView">
                 <v-card class="rounded-lg overflow-hidden elevation-0">
                   <v-data-table
-                    class="plugin-list-table"
+                    :class="[
+                      'plugin-list-table',
+                      { 'plugin-list-share-mode': isShareMode },
+                    ]"
                     :headers="pluginHeaders"
                     :items="filteredPlugins"
                     :loading="loading_"
                     item-key="name"
                     hover
+                    :row-props="getShareRowProps"
                   >
                     <template v-slot:loader>
                       <v-row class="py-8 d-flex align-center justify-center">
@@ -523,11 +546,29 @@ const {
                     </template>
 
                     <template v-slot:item.author="{ item }">
-                      <div class="text-body-2">{{ item.author }}</div>
+                      <div class="d-flex align-center text-body-2 h-100">
+                        {{ item.author }}
+                      </div>
                     </template>
 
                     <template v-slot:item.actions="{ item }">
                       <div class="table-action-row d-flex align-center flex-nowrap justify-start ga-2 py-1">
+                        <div
+                          v-if="isShareMode"
+                          class="share-select-switch d-flex align-center h-100"
+                          @click.stop
+                        >
+                          <v-switch
+                            :model-value="isSharePluginSelected(item.name)"
+                            color="primary"
+                            density="compact"
+                            hide-details
+                            inset
+                            @click.stop
+                            @update:model-value="toggleSharePluginSelection(item.name)"
+                          ></v-switch>
+                        </div>
+
                         <v-btn
                           v-if="!isShareMode && !item.activated"
                           size="small"
@@ -750,6 +791,35 @@ const {
   vertical-align: top;
 }
 
+.plugin-list-table :deep(td:nth-child(3)) {
+  vertical-align: middle;
+}
+
+.plugin-list-share-mode :deep(td:last-child) {
+  vertical-align: middle;
+}
+
+.plugin-list-share-mode :deep(.v-data-table__td),
+.plugin-list-share-mode :deep(.v-data-table__th),
+.plugin-list-share-mode :deep(.v-data-table__tr),
+.plugin-list-share-mode :deep(.v-data-table__td *) {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.plugin-list-table :deep(.share-row-unselected) {
+  opacity: 0.55;
+}
+
+.plugin-list-table :deep(.share-row-selected) {
+  opacity: 1;
+  background-color: rgba(var(--v-theme-primary), 0.08);
+}
+
+.share-select-switch :deep(.v-switch) {
+  margin: 0;
+}
+
 @media (max-width: 1400px) {
   .table-action-btn {
     min-width: 0;

From 9af49a778c017e1592b9979313bfd1bbe2be6cfe Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Fri, 6 Mar 2026 17:56:08 +0800
Subject: [PATCH 4/8] feat(dashboard): add share-code import progress and proxy
 support

---
 dashboard/src/views/ExtensionPage.vue         | 17 +++++++-
 .../src/views/extension/useExtensionPage.js   | 40 +++++++++++++------
 2 files changed, 44 insertions(+), 13 deletions(-)

diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 7535b26b14..9db5d97e9c 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -307,10 +307,24 @@ const {
       <v-card-text style="max-height: calc(100vh - 200px); overflow-y: auto">
         <v-progress-linear
           v-if="loadingDialog.statusCode === 0"
-          indeterminate
+          :indeterminate="!loadingDialog.progressEnabled"
+          :model-value="
+            loadingDialog.progressTotal > 0
+              ? (loadingDialog.progressCurrent / loadingDialog.progressTotal) * 100
+              : 0
+          "
           color="primary"
           class="mb-4"
         ></v-progress-linear>
+        <div
+          v-if="loadingDialog.statusCode === 0 && loadingDialog.progressEnabled"
+          class="text-caption text-medium-emphasis mb-3"
+        >
+          {{ loadingDialog.progressCurrent }} / {{ loadingDialog.progressTotal }}
+          <span v-if="loadingDialog.progressLabel">
+            · {{ loadingDialog.progressLabel }}
+          </span>
+        </div>
 
         <div v-if="loadingDialog.statusCode !== 0" class="py-8 text-center">
           <v-icon
@@ -673,6 +687,7 @@ const {
                 class="rounded-lg"
                 :placeholder="tm('upload.shareCodePlaceholder')"
               ></v-textarea>
+              <ProxySelector></ProxySelector>
             </div>
           </v-window-item>
         </v-window>
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 5a67f6cb2a..500ae19042 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -263,6 +263,10 @@ export const useExtensionPage = () => {
     title: "",
     statusCode: 0, // 0: loading, 1: success, 2: error,
     result: "",
+    progressEnabled: false,
+    progressCurrent: 0,
+    progressTotal: 0,
+    progressLabel: "",
   });
   const showPluginInfoDialog = ref(false);
   const selectedPlugin = ref({});
@@ -623,11 +627,16 @@ export const useExtensionPage = () => {
     loadingDialog.title = tm("dialogs.loading.title");
     loadingDialog.statusCode = 0;
     loadingDialog.result = "";
+    loadingDialog.progressEnabled = false;
+    loadingDialog.progressCurrent = 0;
+    loadingDialog.progressTotal = 0;
+    loadingDialog.progressLabel = "";
   };
   
   const onLoadingDialogResult = (statusCode, result, timeToClose = 2000) => {
     loadingDialog.statusCode = statusCode;
     loadingDialog.result = result;
+    loadingDialog.progressEnabled = false;
     if (timeToClose === -1) return;
     setTimeout(resetLoadingDialog, timeToClose);
   };
@@ -1399,13 +1408,18 @@ export const useExtensionPage = () => {
     loading_.value = true;
     loadingDialog.title = tm("status.loading");
     loadingDialog.show = true;
+    loadingDialog.progressEnabled = true;
+    loadingDialog.progressCurrent = 0;
+    loadingDialog.progressTotal = uniqueRepos.length;
+    loadingDialog.progressLabel = "";
 
     const failedItems = [];
     let successCount = 0;
     const previousExtensionUrl = extension_url.value;
 
-    try {
-      for (const repoUrl of uniqueRepos) {
+    for (const repoUrl of uniqueRepos) {
+      loadingDialog.progressLabel = repoUrl;
+      try {
         extension_url.value = repoUrl;
         const res = await performInstallRequest({
           source: "url",
@@ -1414,23 +1428,25 @@ export const useExtensionPage = () => {
         const resData = res.data || {};
         if (resData.status === "ok") {
           successCount += 1;
-          continue;
+        } else {
+          failedItems.push({
+            url: repoUrl,
+            message: resData.message || tm("messages.installFailed"),
+          });
         }
+      } catch (err) {
         failedItems.push({
           url: repoUrl,
-          message: resData.message || tm("messages.installFailed"),
+          message: resolveErrorMessage(err, tm("messages.installFailed")),
         });
+      } finally {
+        loadingDialog.progressCurrent += 1;
       }
-    } catch (err) {
-      failedItems.push({
-        url: extension_url.value || tm("status.unknown"),
-        message: resolveErrorMessage(err, tm("messages.installFailed")),
-      });
-    } finally {
-      extension_url.value = previousExtensionUrl;
-      loading_.value = false;
     }
 
+    extension_url.value = previousExtensionUrl;
+    loading_.value = false;
+
     if (successCount > 0) {
       await getExtensions();
       await checkAndPromptConflicts();

From ab6494716fd6736820bdd7e2616046bcee85bc7a Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Fri, 6 Mar 2026 18:30:35 +0800
Subject: [PATCH 5/8] refactor(dashboard): simplify share-code flow and improve
 share mode selection UX

make share-code helpers synchronous and reduce unnecessary await usage

centralize share selection Set updates and keep behavior unchanged

parallelize share-code imports with Promise.allSettled and keep progress updates

align share-mode selected card glow with primary color and adjust user-select behavior
---
 .../src/components/shared/ExtensionCard.vue   |   4 +-
 .../views/extension/InstalledPluginsTab.vue   |   4 +
 .../src/views/extension/useExtensionPage.js   | 180 +++++++++++-------
 3 files changed, 122 insertions(+), 66 deletions(-)

diff --git a/dashboard/src/components/shared/ExtensionCard.vue b/dashboard/src/components/shared/ExtensionCard.vue
index ae9efa0f26..e3098b1391 100644
--- a/dashboard/src/components/shared/ExtensionCard.vue
+++ b/dashboard/src/components/shared/ExtensionCard.vue
@@ -594,8 +594,8 @@ const handleCardClick = () => {
   opacity: 1;
   transform: none;
   box-shadow:
-    0 0 0 2px rgba(var(--v-theme-success), 0.5),
-    inset 0 0 0 999px rgba(var(--v-theme-success), 0.03);
+    0 0 0 2px rgba(var(--v-theme-primary), 0.5),
+    inset 0 0 0 999px rgba(var(--v-theme-primary), 0.03);
 }
 
 </style>
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index b407c89298..3436950de1 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -163,6 +163,10 @@ const handleShareRowClick = (item) => {
   if (!isShareMode.value || !item?.name) {
     return;
   }
+  const selectedText = window.getSelection?.()?.toString() || "";
+  if (selectedText.trim().length > 0) {
+    return;
+  }
   toggleSharePluginSelection(item.name);
 };
 
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 500ae19042..617f38ce66 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -146,7 +146,7 @@ export const useExtensionPage = () => {
     isShareMode.value = true;
     selectedSharePluginNames.value = new Set();
   };
-  const encodeShareCode = async (payload) => {
+  const encodeShareCode = (payload) => {
     const rawJson = JSON.stringify(payload);
     const compressed = compressToEncodedURIComponent(rawJson);
     if (!compressed) {
@@ -154,7 +154,7 @@ export const useExtensionPage = () => {
     }
     return `${SHARE_CODE_LZ_PREFIX}${compressed}`;
   };
-  const decodeShareCode = async (rawCode) => {
+  const decodeShareCode = (rawCode) => {
     if (rawCode.startsWith(SHARE_CODE_LZ_PREFIX)) {
       const encodedPart = rawCode.slice(SHARE_CODE_LZ_PREFIX.length);
       const decompressed = decompressFromEncodedURIComponent(encodedPart);
@@ -165,6 +165,13 @@ export const useExtensionPage = () => {
     }
     return rawCode;
   };
+  const normalizePluginNames = (pluginNames = []) =>
+    pluginNames.filter((name) => typeof name === "string" && name.length > 0);
+  const updateSelectedSharePlugins = (updater) => {
+    const nextSelected = new Set(selectedSharePluginNames.value);
+    updater(nextSelected);
+    selectedSharePluginNames.value = nextSelected;
+  };
   const confirmShareSelection = async () => {
     const data = Array.isArray(extension_data?.data) ? extension_data.data : [];
     const selectedNames = selectedSharePluginNames.value;
@@ -182,7 +189,7 @@ export const useExtensionPage = () => {
       return;
     }
 
-    const shareCode = await encodeShareCode({
+    const shareCode = encodeShareCode({
       repos: uniqueRepos,
     });
 
@@ -206,46 +213,42 @@ export const useExtensionPage = () => {
     if (!isShareMode.value || !pluginName) {
       return;
     }
-    const nextSelected = new Set(selectedSharePluginNames.value);
-    if (nextSelected.has(pluginName)) {
-      nextSelected.delete(pluginName);
-    } else {
-      nextSelected.add(pluginName);
-    }
-    selectedSharePluginNames.value = nextSelected;
+    updateSelectedSharePlugins((nextSelected) => {
+      if (nextSelected.has(pluginName)) {
+        nextSelected.delete(pluginName);
+      } else {
+        nextSelected.add(pluginName);
+      }
+    });
   };
   const toggleShareSelectAll = (pluginNames = []) => {
     if (!isShareMode.value) {
       return;
     }
-    const names = pluginNames.filter((name) => typeof name === "string" && name.length > 0);
+    const names = normalizePluginNames(pluginNames);
     if (names.length === 0) {
       return;
     }
-    const allSelected = names.every((name) => selectedSharePluginNames.value.has(name));
-    if (allSelected) {
-      const nextSelected = new Set(selectedSharePluginNames.value);
-      names.forEach((name) => nextSelected.delete(name));
-      selectedSharePluginNames.value = nextSelected;
-      return;
-    }
-    const nextSelected = new Set(selectedSharePluginNames.value);
-    names.forEach((name) => nextSelected.add(name));
-    selectedSharePluginNames.value = nextSelected;
+    const allSelected = names.every((name) =>
+      selectedSharePluginNames.value.has(name),
+    );
+    updateSelectedSharePlugins((nextSelected) => {
+      if (allSelected) {
+        names.forEach((name) => nextSelected.delete(name));
+        return;
+      }
+      names.forEach((name) => nextSelected.add(name));
+    });
   };
   const areAllSharePluginsSelected = (pluginNames = []) => {
-    const names = pluginNames.filter((name) => typeof name === "string" && name.length > 0);
+    const names = normalizePluginNames(pluginNames);
     if (names.length === 0) {
       return false;
     }
     return names.every((name) => selectedSharePluginNames.value.has(name));
   };
-  const isSharePluginSelected = (pluginName) => {
-    if (!pluginName) {
-      return false;
-    }
-    return selectedSharePluginNames.value.has(pluginName);
-  };
+  const isSharePluginSelected = (pluginName) =>
+    !!pluginName && selectedSharePluginNames.value.has(pluginName);
   const selectedSharePluginCount = computed(
     () => selectedSharePluginNames.value.size,
   );
@@ -1355,7 +1358,7 @@ export const useExtensionPage = () => {
     return true;
   };
 
-  const performInstallRequest = async ({ source, ignoreVersionCheck }) => {
+  const performInstallRequest = async ({ source, ignoreVersionCheck, url }) => {
     if (source === "file") {
       const formData = new FormData();
       formData.append("file", upload_file.value);
@@ -1367,15 +1370,17 @@ export const useExtensionPage = () => {
       });
     }
 
+    const targetUrl =
+      typeof url === "string" && url.trim().length > 0 ? url : extension_url.value;
     return axios.post("/api/plugin/install", {
-      url: extension_url.value,
+      url: targetUrl,
       proxy: getSelectedGitHubProxy(),
       ignore_version_check: ignoreVersionCheck,
     });
   };
 
-  const parseShareCodeRepos = async (rawCode) => {
-    const decodedContent = await decodeShareCode(rawCode);
+  const parseShareCodeRepos = (rawCode) => {
+    const decodedContent = decodeShareCode(rawCode);
     const parsed = JSON.parse(decodedContent);
     const repos = Array.isArray(parsed?.repos) ? parsed.repos : [];
     return repos
@@ -1383,6 +1388,70 @@ export const useExtensionPage = () => {
       .map((repo) => repo.trim())
       .filter((repo) => repo.length > 0);
   };
+  const installReposBatch = async (
+    repos,
+    { ignoreVersionCheck, onProgress } = {},
+  ) => {
+    let completedCount = 0;
+    const installTasks = repos.map(async (repoUrl) => {
+      try {
+        const res = await performInstallRequest({
+          source: "url",
+          ignoreVersionCheck,
+          url: repoUrl,
+        });
+        const resData = res.data || {};
+        if (resData.status === "ok") {
+          return { success: true, url: repoUrl };
+        }
+        return {
+          success: false,
+          url: repoUrl,
+          message: resData.message || tm("messages.installFailed"),
+        };
+      } catch (err) {
+        return {
+          success: false,
+          url: repoUrl,
+          message: resolveErrorMessage(err, tm("messages.installFailed")),
+        };
+      } finally {
+        completedCount += 1;
+        onProgress?.({
+          current: completedCount,
+          total: repos.length,
+          repoUrl,
+        });
+      }
+    });
+
+    const settledResults = await Promise.allSettled(installTasks);
+    const failedItems = [];
+    let successCount = 0;
+
+    settledResults.forEach((result) => {
+      if (result.status === "fulfilled") {
+        if (result.value.success) {
+          successCount += 1;
+          return;
+        }
+        failedItems.push({
+          url: result.value.url,
+          message: result.value.message || tm("messages.installFailed"),
+        });
+        return;
+      }
+      failedItems.push({
+        url: tm("status.unknown"),
+        message: resolveErrorMessage(result.reason, tm("messages.installFailed")),
+      });
+    });
+
+    return {
+      successCount,
+      failedItems,
+    };
+  };
 
   const installFromShareCode = async (ignoreVersionCheck = false) => {
     const rawCode = (shareCodeInput.value ?? "").trim();
@@ -1393,7 +1462,7 @@ export const useExtensionPage = () => {
 
     let repos = [];
     try {
-      repos = await parseShareCodeRepos(rawCode);
+      repos = parseShareCodeRepos(rawCode);
     } catch (error) {
       toast(tm("messages.invalidShareCode"), "error");
       return;
@@ -1413,40 +1482,23 @@ export const useExtensionPage = () => {
     loadingDialog.progressTotal = uniqueRepos.length;
     loadingDialog.progressLabel = "";
 
-    const failedItems = [];
     let successCount = 0;
-    const previousExtensionUrl = extension_url.value;
-
-    for (const repoUrl of uniqueRepos) {
-      loadingDialog.progressLabel = repoUrl;
-      try {
-        extension_url.value = repoUrl;
-        const res = await performInstallRequest({
-          source: "url",
-          ignoreVersionCheck,
-        });
-        const resData = res.data || {};
-        if (resData.status === "ok") {
-          successCount += 1;
-        } else {
-          failedItems.push({
-            url: repoUrl,
-            message: resData.message || tm("messages.installFailed"),
-          });
-        }
-      } catch (err) {
-        failedItems.push({
-          url: repoUrl,
-          message: resolveErrorMessage(err, tm("messages.installFailed")),
-        });
-      } finally {
-        loadingDialog.progressCurrent += 1;
-      }
+    let failedItems = [];
+    try {
+      const batchResult = await installReposBatch(uniqueRepos, {
+        ignoreVersionCheck,
+        onProgress: ({ current, total, repoUrl }) => {
+          loadingDialog.progressCurrent = current;
+          loadingDialog.progressTotal = total;
+          loadingDialog.progressLabel = repoUrl;
+        },
+      });
+      successCount = batchResult.successCount;
+      failedItems = batchResult.failedItems;
+    } finally {
+      loading_.value = false;
     }
 
-    extension_url.value = previousExtensionUrl;
-    loading_.value = false;
-
     if (successCount > 0) {
       await getExtensions();
       await checkAndPromptConflicts();

From 713ab9e2927dbf2512c7a20420c87dc28185c143 Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Sat, 7 Mar 2026 22:43:17 +0800
Subject: [PATCH 6/8] refactor(dashboard): extract extension share code
 composable

---
 .../src/views/extension/useExtensionPage.js   | 43 ++--------------
 .../views/extension/useExtensionShareCode.js  | 51 +++++++++++++++++++
 2 files changed, 56 insertions(+), 38 deletions(-)
 create mode 100644 dashboard/src/views/extension/useExtensionShareCode.js

diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 617f38ce66..cebae8be78 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -1,8 +1,4 @@
 import axios from "axios";
-import {
-  compressToEncodedURIComponent,
-  decompressFromEncodedURIComponent,
-} from "lz-string";
 import { pinyin } from "pinyin-pro";
 import { useCommonStore } from "@/stores/common";
 import { useI18n, useModuleI18n } from "@/i18n/composables";
@@ -11,8 +7,7 @@ import { resolveErrorMessage } from "@/utils/errorUtils";
 import { ref, computed, onMounted, onUnmounted, reactive, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
-
-const SHARE_CODE_LZ_PREFIX = "astrbot-share:";
+import { useExtensionShareCode } from "./useExtensionShareCode";
 
 const useRandomPluginsDisplay = ({ activeTab, marketSearch, currentPage }) => {
   const showRandomPlugins = ref(true);
@@ -68,6 +63,8 @@ export const useExtensionPage = () => {
   const router = useRouter();
   const route = useRoute();
   const { width } = useDisplay();
+  const { encode: encodeShareCode, decode: decodeShareCode } =
+    useExtensionShareCode();
   
   const getSelectedGitHubProxy = () => {
     if (typeof window === "undefined" || !window.localStorage) return "";
@@ -146,25 +143,6 @@ export const useExtensionPage = () => {
     isShareMode.value = true;
     selectedSharePluginNames.value = new Set();
   };
-  const encodeShareCode = (payload) => {
-    const rawJson = JSON.stringify(payload);
-    const compressed = compressToEncodedURIComponent(rawJson);
-    if (!compressed) {
-      return rawJson;
-    }
-    return `${SHARE_CODE_LZ_PREFIX}${compressed}`;
-  };
-  const decodeShareCode = (rawCode) => {
-    if (rawCode.startsWith(SHARE_CODE_LZ_PREFIX)) {
-      const encodedPart = rawCode.slice(SHARE_CODE_LZ_PREFIX.length);
-      const decompressed = decompressFromEncodedURIComponent(encodedPart);
-      if (!decompressed) {
-        throw new Error("Invalid lz share code");
-      }
-      return decompressed;
-    }
-    return rawCode;
-  };
   const normalizePluginNames = (pluginNames = []) =>
     pluginNames.filter((name) => typeof name === "string" && name.length > 0);
   const updateSelectedSharePlugins = (updater) => {
@@ -189,9 +167,7 @@ export const useExtensionPage = () => {
       return;
     }
 
-    const shareCode = encodeShareCode({
-      repos: uniqueRepos,
-    });
+    const shareCode = encodeShareCode(uniqueRepos);
 
     try {
       if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
@@ -1379,15 +1355,6 @@ export const useExtensionPage = () => {
     });
   };
 
-  const parseShareCodeRepos = (rawCode) => {
-    const decodedContent = decodeShareCode(rawCode);
-    const parsed = JSON.parse(decodedContent);
-    const repos = Array.isArray(parsed?.repos) ? parsed.repos : [];
-    return repos
-      .filter((repo) => typeof repo === "string")
-      .map((repo) => repo.trim())
-      .filter((repo) => repo.length > 0);
-  };
   const installReposBatch = async (
     repos,
     { ignoreVersionCheck, onProgress } = {},
@@ -1462,7 +1429,7 @@ export const useExtensionPage = () => {
 
     let repos = [];
     try {
-      repos = parseShareCodeRepos(rawCode);
+      repos = decodeShareCode(rawCode);
     } catch (error) {
       toast(tm("messages.invalidShareCode"), "error");
       return;
diff --git a/dashboard/src/views/extension/useExtensionShareCode.js b/dashboard/src/views/extension/useExtensionShareCode.js
new file mode 100644
index 0000000000..50764bc1b5
--- /dev/null
+++ b/dashboard/src/views/extension/useExtensionShareCode.js
@@ -0,0 +1,51 @@
+import {
+  compressToEncodedURIComponent,
+  decompressFromEncodedURIComponent,
+} from "lz-string";
+
+const SHARE_CODE_LZ_PREFIX = "astrbot-share:";
+
+const normalizeRepos = (repos = []) =>
+  repos
+    .filter((repo) => typeof repo === "string")
+    .map((repo) => repo.trim())
+    .filter((repo) => repo.length > 0);
+
+export const useExtensionShareCode = () => {
+  const encode = (repos = []) => {
+    const normalizedRepos = [...new Set(normalizeRepos(repos))].sort((a, b) =>
+      a.localeCompare(b, undefined, { sensitivity: "base" }),
+    );
+    const rawJson = JSON.stringify({
+      repos: normalizedRepos,
+    });
+    const compressed = compressToEncodedURIComponent(rawJson);
+    if (!compressed) {
+      return rawJson;
+    }
+    return `${SHARE_CODE_LZ_PREFIX}${compressed}`;
+  };
+
+  const decode = (code = "") => {
+    const rawCode = typeof code === "string" ? code : "";
+    let decodedContent = rawCode;
+
+    if (rawCode.startsWith(SHARE_CODE_LZ_PREFIX)) {
+      const encodedPart = rawCode.slice(SHARE_CODE_LZ_PREFIX.length);
+      const decompressed = decompressFromEncodedURIComponent(encodedPart);
+      if (!decompressed) {
+        throw new Error("Invalid lz share code");
+      }
+      decodedContent = decompressed;
+    }
+
+    const parsed = JSON.parse(decodedContent);
+    const repos = Array.isArray(parsed?.repos) ? parsed.repos : [];
+    return normalizeRepos(repos);
+  };
+
+  return {
+    encode,
+    decode,
+  };
+};

From 199db5e88f203bcc52e4e7fc183c2d8040450338 Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Tue, 10 Mar 2026 16:02:54 +0800
Subject: [PATCH 7/8] perf(extension): serialize shared plugin installs

Reduce resource usage during share-code imports by replacing unbounded parallel installs with sequential processing.

Also group loading dialog progress state under a nested object without changing the UI.
---
 dashboard/src/views/ExtensionPage.vue         |  14 +--
 .../src/views/extension/useExtensionPage.js   | 102 +++++++-----------
 2 files changed, 48 insertions(+), 68 deletions(-)

diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index e313f412f9..1b5da341b7 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -306,22 +306,22 @@ const {
       <v-card-text style="max-height: calc(100vh - 200px); overflow-y: auto">
         <v-progress-linear
           v-if="loadingDialog.statusCode === 0"
-          :indeterminate="!loadingDialog.progressEnabled"
+          :indeterminate="!loadingDialog.progress.enabled"
           :model-value="
-            loadingDialog.progressTotal > 0
-              ? (loadingDialog.progressCurrent / loadingDialog.progressTotal) * 100
+            loadingDialog.progress.total > 0
+              ? (loadingDialog.progress.current / loadingDialog.progress.total) * 100
               : 0
           "
           color="primary"
           class="mb-4"
         ></v-progress-linear>
         <div
-          v-if="loadingDialog.statusCode === 0 && loadingDialog.progressEnabled"
+          v-if="loadingDialog.statusCode === 0 && loadingDialog.progress.enabled"
           class="text-caption text-medium-emphasis mb-3"
         >
-          {{ loadingDialog.progressCurrent }} / {{ loadingDialog.progressTotal }}
-          <span v-if="loadingDialog.progressLabel">
-            · {{ loadingDialog.progressLabel }}
+          {{ loadingDialog.progress.current }} / {{ loadingDialog.progress.total }}
+          <span v-if="loadingDialog.progress.label">
+            · {{ loadingDialog.progress.label }}
           </span>
         </div>
 
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 22a8442e95..fd2b14f6e2 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -61,8 +61,6 @@ const buildFailedPluginItems = (raw) => {
 };
 
 export const useExtensionPage = () => {
-  
-  
   const commonStore = useCommonStore();
   const { t } = useI18n();
   const { tm } = useModuleI18n("features/extension");
@@ -243,15 +241,18 @@ export const useExtensionPage = () => {
     config: {},
   });
   const pluginMarketData = ref([]);
+  const defaultProgress = () => ({
+    enabled: false,
+    current: 0,
+    total: 0,
+    label: "",
+  });
   const loadingDialog = reactive({
     show: false,
-    title: "",
+    title: tm("dialogs.loading.title"),
     statusCode: 0, // 0: loading, 1: success, 2: error,
     result: "",
-    progressEnabled: false,
-    progressCurrent: 0,
-    progressTotal: 0,
-    progressLabel: "",
+    progress: defaultProgress(),
   });
   const showPluginInfoDialog = ref(false);
   const selectedPlugin = ref({});
@@ -660,20 +661,19 @@ export const useExtensionPage = () => {
   };
   
   const resetLoadingDialog = () => {
-    loadingDialog.show = false;
-    loadingDialog.title = tm("dialogs.loading.title");
-    loadingDialog.statusCode = 0;
-    loadingDialog.result = "";
-    loadingDialog.progressEnabled = false;
-    loadingDialog.progressCurrent = 0;
-    loadingDialog.progressTotal = 0;
-    loadingDialog.progressLabel = "";
+    Object.assign(loadingDialog, {
+      show: false,
+      title: tm("dialogs.loading.title"),
+      statusCode: 0,
+      result: "",
+      progress: defaultProgress(),
+    });
   };
   
   const onLoadingDialogResult = (statusCode, result, timeToClose = 2000) => {
     loadingDialog.statusCode = statusCode;
     loadingDialog.result = result;
-    loadingDialog.progressEnabled = false;
+    loadingDialog.progress.enabled = false;
     if (timeToClose === -1) return;
     setTimeout(resetLoadingDialog, timeToClose);
   };
@@ -872,6 +872,7 @@ export const useExtensionPage = () => {
       return;
     }
   
+    resetLoadingDialog();
     loadingDialog.title = tm("status.loading");
     loadingDialog.show = true;
     try {
@@ -937,9 +938,8 @@ export const useExtensionPage = () => {
   const updateAllExtensions = async () => {
     if (updatingAll.value || updatableExtensions.value.length === 0) return;
     updatingAll.value = true;
+    resetLoadingDialog();
     loadingDialog.title = tm("status.loading");
-    loadingDialog.statusCode = 0;
-    loadingDialog.result = "";
     loadingDialog.show = true;
   
     const targets = updatableExtensions.value.map((ext) => ext.name);
@@ -1417,8 +1417,10 @@ export const useExtensionPage = () => {
     repos,
     { ignoreVersionCheck, onProgress } = {},
   ) => {
-    let completedCount = 0;
-    const installTasks = repos.map(async (repoUrl) => {
+    const failedItems = [];
+    let successCount = 0;
+
+    for (const [index, repoUrl] of repos.entries()) {
       try {
         const res = await performInstallRequest({
           source: "url",
@@ -1427,50 +1429,26 @@ export const useExtensionPage = () => {
         });
         const resData = res.data || {};
         if (resData.status === "ok") {
-          return { success: true, url: repoUrl };
+          successCount += 1;
+        } else {
+          failedItems.push({
+            url: repoUrl,
+            message: resData.message || tm("messages.installFailed"),
+          });
         }
-        return {
-          success: false,
-          url: repoUrl,
-          message: resData.message || tm("messages.installFailed"),
-        };
       } catch (err) {
-        return {
-          success: false,
+        failedItems.push({
           url: repoUrl,
           message: resolveErrorMessage(err, tm("messages.installFailed")),
-        };
+        });
       } finally {
-        completedCount += 1;
         onProgress?.({
-          current: completedCount,
+          current: index + 1,
           total: repos.length,
           repoUrl,
         });
       }
-    });
-
-    const settledResults = await Promise.allSettled(installTasks);
-    const failedItems = [];
-    let successCount = 0;
-
-    settledResults.forEach((result) => {
-      if (result.status === "fulfilled") {
-        if (result.value.success) {
-          successCount += 1;
-          return;
-        }
-        failedItems.push({
-          url: result.value.url,
-          message: result.value.message || tm("messages.installFailed"),
-        });
-        return;
-      }
-      failedItems.push({
-        url: tm("status.unknown"),
-        message: resolveErrorMessage(result.reason, tm("messages.installFailed")),
-      });
-    });
+    }
 
     return {
       successCount,
@@ -1500,12 +1478,13 @@ export const useExtensionPage = () => {
     }
 
     loading_.value = true;
+    resetLoadingDialog();
     loadingDialog.title = tm("status.loading");
     loadingDialog.show = true;
-    loadingDialog.progressEnabled = true;
-    loadingDialog.progressCurrent = 0;
-    loadingDialog.progressTotal = uniqueRepos.length;
-    loadingDialog.progressLabel = "";
+    loadingDialog.progress.enabled = true;
+    loadingDialog.progress.current = 0;
+    loadingDialog.progress.total = uniqueRepos.length;
+    loadingDialog.progress.label = "";
 
     let successCount = 0;
     let failedItems = [];
@@ -1513,9 +1492,9 @@ export const useExtensionPage = () => {
       const batchResult = await installReposBatch(uniqueRepos, {
         ignoreVersionCheck,
         onProgress: ({ current, total, repoUrl }) => {
-          loadingDialog.progressCurrent = current;
-          loadingDialog.progressTotal = total;
-          loadingDialog.progressLabel = repoUrl;
+          loadingDialog.progress.current = current;
+          loadingDialog.progress.total = total;
+          loadingDialog.progress.label = repoUrl;
         },
       });
       successCount = batchResult.successCount;
@@ -1584,6 +1563,7 @@ export const useExtensionPage = () => {
       return;
     }
     loading_.value = true;
+    resetLoadingDialog();
     loadingDialog.title = tm("status.loading");
     loadingDialog.show = true;
 

From cb9267f98325eb50f4812c402e4a64c2b42b56e0 Mon Sep 17 00:00:00 2001
From: united_pooh <united_pooh@outlook.com>
Date: Sun, 15 Mar 2026 08:32:45 +0800
Subject: [PATCH 8/8] refactor(extension): extract share selection and
 loading/batch helpers

---
 .../views/extension/useBatchWithProgress.js   |  19 ++
 .../src/views/extension/useExtensionPage.js   | 189 ++++++------------
 .../src/views/extension/useLoadingDialog.js   |  52 +++++
 .../src/views/extension/useShareSelection.js  |  75 +++++++
 4 files changed, 208 insertions(+), 127 deletions(-)
 create mode 100644 dashboard/src/views/extension/useBatchWithProgress.js
 create mode 100644 dashboard/src/views/extension/useLoadingDialog.js
 create mode 100644 dashboard/src/views/extension/useShareSelection.js

diff --git a/dashboard/src/views/extension/useBatchWithProgress.js b/dashboard/src/views/extension/useBatchWithProgress.js
new file mode 100644
index 0000000000..aa8e143cd6
--- /dev/null
+++ b/dashboard/src/views/extension/useBatchWithProgress.js
@@ -0,0 +1,19 @@
+export const runBatchWithProgress = async (items, worker, onProgress) => {
+  const results = [];
+  let completed = 0;
+  const total = items.length;
+
+  for (const item of items) {
+    try {
+      const value = await worker(item);
+      results.push({ status: "fulfilled", value });
+    } catch (reason) {
+      results.push({ status: "rejected", reason });
+    } finally {
+      completed += 1;
+      onProgress?.({ current: completed, total, item });
+    }
+  }
+
+  return { results };
+};
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index d02736dbac..c450fe21fc 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -18,6 +18,9 @@ import { ref, computed, onMounted, onUnmounted, reactive, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useDisplay } from "vuetify";
 import { useExtensionShareCode } from "./useExtensionShareCode";
+import { useShareSelection } from "./useShareSelection";
+import { runBatchWithProgress } from "./useBatchWithProgress";
+import { useLoadingDialog } from "./useLoadingDialog";
 
 const useRandomPluginsDisplay = ({ activeTab, marketSearch, currentPage }) => {
   const showRandomPlugins = ref(true);
@@ -132,27 +135,17 @@ export const useExtensionPage = () => {
     return false;
   };
   const showReserved = ref(getInitialShowReserved());
-  const isShareMode = ref(false);
-  const selectedSharePluginNames = ref(new Set());
-  const cancelShareMode = () => {
-    isShareMode.value = false;
-    selectedSharePluginNames.value = new Set();
-  };
-  const toggleShareMode = () => {
-    if (isShareMode.value) {
-      cancelShareMode();
-      return;
-    }
-    isShareMode.value = true;
-    selectedSharePluginNames.value = new Set();
-  };
-  const normalizePluginNames = (pluginNames = []) =>
-    pluginNames.filter((name) => typeof name === "string" && name.length > 0);
-  const updateSelectedSharePlugins = (updater) => {
-    const nextSelected = new Set(selectedSharePluginNames.value);
-    updater(nextSelected);
-    selectedSharePluginNames.value = nextSelected;
-  };
+  const {
+    isActive: isShareMode,
+    selected: selectedSharePluginNames,
+    toggleMode: toggleShareMode,
+    clear: cancelShareMode,
+    toggleItem: toggleSharePluginSelection,
+    toggleAll: toggleShareSelectAll,
+    isSelected: isSharePluginSelected,
+    areAllSelected: areAllSharePluginsSelected,
+    count: selectedSharePluginCount,
+  } = useShareSelection();
   const confirmShareSelection = async () => {
     const data = Array.isArray(extension_data?.data) ? extension_data.data : [];
     const selectedNames = selectedSharePluginNames.value;
@@ -188,49 +181,6 @@ export const useExtensionPage = () => {
       cancelShareMode();
     }
   };
-  const toggleSharePluginSelection = (pluginName) => {
-    if (!isShareMode.value || !pluginName) {
-      return;
-    }
-    updateSelectedSharePlugins((nextSelected) => {
-      if (nextSelected.has(pluginName)) {
-        nextSelected.delete(pluginName);
-      } else {
-        nextSelected.add(pluginName);
-      }
-    });
-  };
-  const toggleShareSelectAll = (pluginNames = []) => {
-    if (!isShareMode.value) {
-      return;
-    }
-    const names = normalizePluginNames(pluginNames);
-    if (names.length === 0) {
-      return;
-    }
-    const allSelected = names.every((name) =>
-      selectedSharePluginNames.value.has(name),
-    );
-    updateSelectedSharePlugins((nextSelected) => {
-      if (allSelected) {
-        names.forEach((name) => nextSelected.delete(name));
-        return;
-      }
-      names.forEach((name) => nextSelected.add(name));
-    });
-  };
-  const areAllSharePluginsSelected = (pluginNames = []) => {
-    const names = normalizePluginNames(pluginNames);
-    if (names.length === 0) {
-      return false;
-    }
-    return names.every((name) => selectedSharePluginNames.value.has(name));
-  };
-  const isSharePluginSelected = (pluginName) =>
-    !!pluginName && selectedSharePluginNames.value.has(pluginName);
-  const selectedSharePluginCount = computed(
-    () => selectedSharePluginNames.value.size,
-  );
   const snack_message = ref("");
   const snack_show = ref(false);
   const snack_success = ref("success");
@@ -240,19 +190,25 @@ export const useExtensionPage = () => {
     config: {},
   });
   const pluginMarketData = ref([]);
-  const defaultProgress = () => ({
-    enabled: false,
-    current: 0,
-    total: 0,
-    label: "",
-  });
   const loadingDialog = reactive({
     show: false,
     title: tm("dialogs.loading.title"),
     statusCode: 0, // 0: loading, 1: success, 2: error,
     result: "",
-    progress: defaultProgress(),
+    progress: {
+      enabled: false,
+      current: 0,
+      total: 0,
+      label: "",
+    },
   });
+  const {
+    reset: resetLoadingDialog,
+    start: startLoadingDialog,
+    startProgress: startLoadingDialogProgress,
+    updateProgress: updateLoadingDialogProgress,
+    finish: onLoadingDialogResult,
+  } = useLoadingDialog(loadingDialog, tm);
   const showPluginInfoDialog = ref(false);
   const selectedPlugin = ref({});
   const curr_namespace = ref("");
@@ -659,24 +615,6 @@ export const useExtensionPage = () => {
     snack_success.value = success;
   };
   
-  const resetLoadingDialog = () => {
-    Object.assign(loadingDialog, {
-      show: false,
-      title: tm("dialogs.loading.title"),
-      statusCode: 0,
-      result: "",
-      progress: defaultProgress(),
-    });
-  };
-  
-  const onLoadingDialogResult = (statusCode, result, timeToClose = 2000) => {
-    loadingDialog.statusCode = statusCode;
-    loadingDialog.result = result;
-    loadingDialog.progress.enabled = false;
-    if (timeToClose === -1) return;
-    setTimeout(resetLoadingDialog, timeToClose);
-  };
-  
   const failedPluginsDict = ref({});
   const failedPluginItems = computed(() =>
     buildFailedPluginItems(failedPluginsDict.value),
@@ -871,9 +809,7 @@ export const useExtensionPage = () => {
       return;
     }
   
-    resetLoadingDialog();
-    loadingDialog.title = tm("status.loading");
-    loadingDialog.show = true;
+    startLoadingDialog(tm("status.loading"));
     try {
       const res = await axios.post("/api/plugin/update", {
         name: extension_name,
@@ -937,9 +873,7 @@ export const useExtensionPage = () => {
   const updateAllExtensions = async () => {
     if (updatingAll.value || updatableExtensions.value.length === 0) return;
     updatingAll.value = true;
-    resetLoadingDialog();
-    loadingDialog.title = tm("status.loading");
-    loadingDialog.show = true;
+    startLoadingDialog(tm("status.loading"));
   
     const targets = updatableExtensions.value.map((ext) => ext.name);
     try {
@@ -1416,11 +1350,9 @@ export const useExtensionPage = () => {
     repos,
     { ignoreVersionCheck, onProgress } = {},
   ) => {
-    const failedItems = [];
-    let successCount = 0;
-
-    for (const [index, repoUrl] of repos.entries()) {
-      try {
+    const { results } = await runBatchWithProgress(
+      repos,
+      async (repoUrl) => {
         const res = await performInstallRequest({
           source: "url",
           ignoreVersionCheck,
@@ -1428,26 +1360,39 @@ export const useExtensionPage = () => {
         });
         const resData = res.data || {};
         if (resData.status === "ok") {
+          return { success: true, url: repoUrl };
+        }
+        return {
+          success: false,
+          url: repoUrl,
+          message: resData.message || tm("messages.installFailed"),
+        };
+      },
+      ({ current, total, item }) => {
+        onProgress?.({ current, total, repoUrl: item });
+      },
+    );
+
+    const failedItems = [];
+    let successCount = 0;
+    results.forEach((result) => {
+      if (result.status === "fulfilled") {
+        if (result.value.success) {
           successCount += 1;
         } else {
           failedItems.push({
-            url: repoUrl,
-            message: resData.message || tm("messages.installFailed"),
+            url: result.value.url,
+            message: result.value.message || tm("messages.installFailed"),
           });
         }
-      } catch (err) {
-        failedItems.push({
-          url: repoUrl,
-          message: resolveErrorMessage(err, tm("messages.installFailed")),
-        });
-      } finally {
-        onProgress?.({
-          current: index + 1,
-          total: repos.length,
-          repoUrl,
-        });
+        return;
       }
-    }
+
+      failedItems.push({
+        url: tm("status.unknown"),
+        message: resolveErrorMessage(result.reason, tm("messages.installFailed")),
+      });
+    });
 
     return {
       successCount,
@@ -1477,13 +1422,7 @@ export const useExtensionPage = () => {
     }
 
     loading_.value = true;
-    resetLoadingDialog();
-    loadingDialog.title = tm("status.loading");
-    loadingDialog.show = true;
-    loadingDialog.progress.enabled = true;
-    loadingDialog.progress.current = 0;
-    loadingDialog.progress.total = uniqueRepos.length;
-    loadingDialog.progress.label = "";
+    startLoadingDialogProgress(tm("status.loading"), uniqueRepos.length);
 
     let successCount = 0;
     let failedItems = [];
@@ -1491,9 +1430,7 @@ export const useExtensionPage = () => {
       const batchResult = await installReposBatch(uniqueRepos, {
         ignoreVersionCheck,
         onProgress: ({ current, total, repoUrl }) => {
-          loadingDialog.progress.current = current;
-          loadingDialog.progress.total = total;
-          loadingDialog.progress.label = repoUrl;
+          updateLoadingDialogProgress(current, total, repoUrl);
         },
       });
       successCount = batchResult.successCount;
@@ -1563,9 +1500,7 @@ export const useExtensionPage = () => {
       return;
     }
     loading_.value = true;
-    resetLoadingDialog();
-    loadingDialog.title = tm("status.loading");
-    loadingDialog.show = true;
+    startLoadingDialog(tm("status.loading"));
 
     const source = upload_file.value !== null ? "file" : "url";
     toast(
diff --git a/dashboard/src/views/extension/useLoadingDialog.js b/dashboard/src/views/extension/useLoadingDialog.js
new file mode 100644
index 0000000000..58db11443d
--- /dev/null
+++ b/dashboard/src/views/extension/useLoadingDialog.js
@@ -0,0 +1,52 @@
+const createDefaultProgress = () => ({
+  enabled: false,
+  current: 0,
+  total: 0,
+  label: "",
+});
+
+export const useLoadingDialog = (loadingDialog, tm) => {
+  const reset = () => {
+    loadingDialog.show = false;
+    loadingDialog.title = tm("dialogs.loading.title");
+    loadingDialog.statusCode = 0;
+    loadingDialog.result = "";
+    loadingDialog.progress = createDefaultProgress();
+  };
+
+  const start = (title) => {
+    reset();
+    loadingDialog.title = title;
+    loadingDialog.show = true;
+  };
+
+  const startProgress = (title, total) => {
+    start(title);
+    loadingDialog.progress.enabled = true;
+    loadingDialog.progress.current = 0;
+    loadingDialog.progress.total = total;
+    loadingDialog.progress.label = "";
+  };
+
+  const updateProgress = (current, total, label) => {
+    loadingDialog.progress.current = current;
+    loadingDialog.progress.total = total;
+    loadingDialog.progress.label = label;
+  };
+
+  const finish = (statusCode, result, timeToClose = 2000) => {
+    loadingDialog.statusCode = statusCode;
+    loadingDialog.result = result;
+    loadingDialog.progress.enabled = false;
+    if (timeToClose === -1) return;
+    setTimeout(reset, timeToClose);
+  };
+
+  return {
+    reset,
+    start,
+    startProgress,
+    updateProgress,
+    finish,
+  };
+};
diff --git a/dashboard/src/views/extension/useShareSelection.js b/dashboard/src/views/extension/useShareSelection.js
new file mode 100644
index 0000000000..05a6e7ebbb
--- /dev/null
+++ b/dashboard/src/views/extension/useShareSelection.js
@@ -0,0 +1,75 @@
+import { computed, ref } from "vue";
+
+export const useShareSelection = () => {
+  const isActive = ref(false);
+  const selected = ref(new Set());
+
+  const clear = () => {
+    isActive.value = false;
+    selected.value = new Set();
+  };
+
+  const toggleMode = () => {
+    if (isActive.value) {
+      clear();
+      return;
+    }
+    isActive.value = true;
+    selected.value = new Set();
+  };
+
+  const normalizeNames = (names = []) =>
+    names.filter((name) => typeof name === "string" && name.length > 0);
+
+  const toggleItem = (name) => {
+    if (!isActive.value || !name) return;
+
+    const next = new Set(selected.value);
+    if (next.has(name)) {
+      next.delete(name);
+    } else {
+      next.add(name);
+    }
+    selected.value = next;
+  };
+
+  const toggleAll = (names = []) => {
+    if (!isActive.value) return;
+
+    const normalizedNames = normalizeNames(names);
+    if (normalizedNames.length === 0) return;
+
+    const allSelected = normalizedNames.every((name) => selected.value.has(name));
+    const next = new Set(selected.value);
+    normalizedNames.forEach((name) => {
+      if (allSelected) {
+        next.delete(name);
+      } else {
+        next.add(name);
+      }
+    });
+    selected.value = next;
+  };
+
+  const isSelected = (name) => !!name && selected.value.has(name);
+
+  const areAllSelected = (names = []) => {
+    const normalizedNames = normalizeNames(names);
+    if (normalizedNames.length === 0) return false;
+    return normalizedNames.every((name) => selected.value.has(name));
+  };
+
+  const count = computed(() => selected.value.size);
+
+  return {
+    isActive,
+    selected,
+    clear,
+    toggleMode,
+    toggleItem,
+    toggleAll,
+    isSelected,
+    areAllSelected,
+    count,
+  };
+};