diff --git a/dashboard/src/assets/mdi-subset/materialdesignicons-subset.css b/dashboard/src/assets/mdi-subset/materialdesignicons-subset.css
deleted file mode 100644
index 406c62a36c..0000000000
--- a/dashboard/src/assets/mdi-subset/materialdesignicons-subset.css
+++ /dev/null
@@ -1,1373 +0,0 @@
-/* Auto-generated MDI subset – 274 icons */
-/* Do not edit manually. Run: pnpm run subset-icons */
-
-@font-face {
-  font-family: "Material Design Icons";
-  src: url("./materialdesignicons-webfont-subset.woff2") format("woff2"),
-       url("./materialdesignicons-webfont-subset.woff") format("woff");
-  font-weight: normal;
-  font-style: normal;
-}
-
-.mdi:before,
-.mdi-set {
-  display: inline-block;
-  font: normal normal normal 24px/1 "Material Design Icons";
-  font-size: inherit;
-  text-rendering: auto;
-  line-height: inherit;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.mdi-account::before {
-  content: "\F0004";
-}
-
-.mdi-account-circle::before {
-  content: "\F0009";
-}
-
-.mdi-account-edit::before {
-  content: "\F06BC";
-}
-
-.mdi-account-edit-outline::before {
-  content: "\F0FFB";
-}
-
-.mdi-account-heart::before {
-  content: "\F0899";
-}
-
-.mdi-account-voice::before {
-  content: "\F05CB";
-}
-
-.mdi-alert::before {
-  content: "\F0026";
-}
-
-.mdi-alert-circle::before {
-  content: "\F0028";
-}
-
-.mdi-alert-circle-outline::before {
-  content: "\F05D6";
-}
-
-.mdi-alert-outline::before {
-  content: "\F002A";
-}
-
-.mdi-api-off::before {
-  content: "\F1257";
-}
-
-.mdi-arrow-down::before {
-  content: "\F0045";
-}
-
-.mdi-arrow-down-thin::before {
-  content: "\F19B3";
-}
-
-.mdi-arrow-left::before {
-  content: "\F004D";
-}
-
-.mdi-arrow-right::before {
-  content: "\F0054";
-}
-
-.mdi-arrow-top-right-thick::before {
-  content: "\F09C6";
-}
-
-.mdi-arrow-up::before {
-  content: "\F005D";
-}
-
-.mdi-arrow-up-bold::before {
-  content: "\F0737";
-}
-
-.mdi-arrow-up-circle::before {
-  content: "\F0CE1";
-}
-
-.mdi-arrow-up-thin::before {
-  content: "\F19B2";
-}
-
-.mdi-backup-restore::before {
-  content: "\F006F";
-}
-
-.mdi-book-open-page-variant::before {
-  content: "\F05DA";
-}
-
-.mdi-book-open-variant::before {
-  content: "\F14F7";
-}
-
-.mdi-brain::before {
-  content: "\F09D1";
-}
-
-.mdi-brightness-6::before {
-  content: "\F00DF";
-}
-
-.mdi-broadcast::before {
-  content: "\F1720";
-}
-
-.mdi-broom::before {
-  content: "\F00E2";
-}
-
-.mdi-bug::before {
-  content: "\F00E4";
-}
-
-.mdi-cached::before {
-  content: "\F00E8";
-}
-
-.mdi-calendar::before {
-  content: "\F00ED";
-}
-
-.mdi-calendar-blank-outline::before {
-  content: "\F0B66";
-}
-
-.mdi-calendar-edit::before {
-  content: "\F08A7";
-}
-
-.mdi-calendar-plus::before {
-  content: "\F00F3";
-}
-
-.mdi-chat::before {
-  content: "\F0B79";
-}
-
-.mdi-chat-processing::before {
-  content: "\F0B7B";
-}
-
-.mdi-chat-remove::before {
-  content: "\F1411";
-}
-
-.mdi-check::before {
-  content: "\F012C";
-}
-
-.mdi-check-all::before {
-  content: "\F012D";
-}
-
-.mdi-check-circle::before {
-  content: "\F05E0";
-}
-
-.mdi-check-circle-outline::before {
-  content: "\F05E1";
-}
-
-.mdi-checkbox-blank-outline::before {
-  content: "\F0131";
-}
-
-.mdi-checkbox-marked::before {
-  content: "\F0132";
-}
-
-.mdi-chevron-double-left::before {
-  content: "\F013D";
-}
-
-.mdi-chevron-double-right::before {
-  content: "\F013E";
-}
-
-.mdi-chevron-down::before {
-  content: "\F0140";
-}
-
-.mdi-chevron-left::before {
-  content: "\F0141";
-}
-
-.mdi-chevron-right::before {
-  content: "\F0142";
-}
-
-.mdi-chevron-up::before {
-  content: "\F0143";
-}
-
-.mdi-chip::before {
-  content: "\F061A";
-}
-
-.mdi-circle::before {
-  content: "\F0765";
-}
-
-.mdi-circle-outline::before {
-  content: "\F0766";
-}
-
-.mdi-circle-small::before {
-  content: "\F09DF";
-}
-
-.mdi-clock-outline::before {
-  content: "\F0150";
-}
-
-.mdi-clock-time-four-outline::before {
-  content: "\F144E";
-}
-
-.mdi-close::before {
-  content: "\F0156";
-}
-
-.mdi-close-circle::before {
-  content: "\F0159";
-}
-
-.mdi-close-circle-outline::before {
-  content: "\F015A";
-}
-
-.mdi-cloud-upload::before {
-  content: "\F0167";
-}
-
-.mdi-code-braces::before {
-  content: "\F0169";
-}
-
-.mdi-code-json::before {
-  content: "\F0626";
-}
-
-.mdi-code-tags::before {
-  content: "\F0174";
-}
-
-.mdi-code-tags-check::before {
-  content: "\F0694";
-}
-
-.mdi-cog::before {
-  content: "\F0493";
-}
-
-.mdi-cog-outline::before {
-  content: "\F08BB";
-}
-
-.mdi-cogs::before {
-  content: "\F08D6";
-}
-
-.mdi-comment-question::before {
-  content: "\F0817";
-}
-
-.mdi-compare-vertical::before {
-  content: "\F1493";
-}
-
-.mdi-connection::before {
-  content: "\F1616";
-}
-
-.mdi-console::before {
-  content: "\F018D";
-}
-
-.mdi-console-line::before {
-  content: "\F07B7";
-}
-
-.mdi-content-copy::before {
-  content: "\F018F";
-}
-
-.mdi-content-save::before {
-  content: "\F0193";
-}
-
-.mdi-content-save-outline::before {
-  content: "\F0818";
-}
-
-.mdi-creation::before {
-  content: "\F0674";
-}
-
-.mdi-creation-outline::before {
-  content: "\F1C2B";
-}
-
-.mdi-cursor-default-click::before {
-  content: "\F0CFD";
-}
-
-.mdi-cursor-move::before {
-  content: "\F01BE";
-}
-
-.mdi-database::before {
-  content: "\F01BC";
-}
-
-.mdi-database-cog::before {
-  content: "\F164B";
-}
-
-.mdi-database-off::before {
-  content: "\F1640";
-}
-
-.mdi-database-refresh-outline::before {
-  content: "\F1634";
-}
-
-.mdi-database-search-outline::before {
-  content: "\F1636";
-}
-
-.mdi-delete::before {
-  content: "\F01B4";
-}
-
-.mdi-delete-outline::before {
-  content: "\F09E7";
-}
-
-.mdi-delete-sweep-outline::before {
-  content: "\F0C62";
-}
-
-.mdi-dots-hexagon::before {
-  content: "\F15FF";
-}
-
-.mdi-dots-horizontal::before {
-  content: "\F01D8";
-}
-
-.mdi-dots-vertical::before {
-  content: "\F01D9";
-}
-
-.mdi-download::before {
-  content: "\F01DA";
-}
-
-.mdi-download-outline::before {
-  content: "\F0B8F";
-}
-
-.mdi-emoticon::before {
-  content: "\F0C68";
-}
-
-.mdi-emoticon-confused::before {
-  content: "\F10DE";
-}
-
-.mdi-emoticon-confused-outline::before {
-  content: "\F10DF";
-}
-
-.mdi-export::before {
-  content: "\F0207";
-}
-
-.mdi-eye::before {
-  content: "\F0208";
-}
-
-.mdi-eye-off::before {
-  content: "\F0209";
-}
-
-.mdi-eye-outline::before {
-  content: "\F06D0";
-}
-
-.mdi-eyedropper::before {
-  content: "\F020A";
-}
-
-.mdi-file::before {
-  content: "\F0214";
-}
-
-.mdi-file-chart::before {
-  content: "\F0215";
-}
-
-.mdi-file-code-outline::before {
-  content: "\F102B";
-}
-
-.mdi-file-delimited-outline::before {
-  content: "\F0EA5";
-}
-
-.mdi-file-document::before {
-  content: "\F0219";
-}
-
-.mdi-file-document-edit-outline::before {
-  content: "\F0DC9";
-}
-
-.mdi-file-document-multiple::before {
-  content: "\F1517";
-}
-
-.mdi-file-document-outline::before {
-  content: "\F09EE";
-}
-
-.mdi-file-excel-box::before {
-  content: "\F021C";
-}
-
-.mdi-file-music-outline::before {
-  content: "\F0E2A";
-}
-
-.mdi-file-outline::before {
-  content: "\F0224";
-}
-
-.mdi-file-pdf-box::before {
-  content: "\F0226";
-}
-
-.mdi-file-powerpoint-box::before {
-  content: "\F0228";
-}
-
-.mdi-file-question-outline::before {
-  content: "\F1036";
-}
-
-.mdi-file-search-outline::before {
-  content: "\F0C7D";
-}
-
-.mdi-file-upload::before {
-  content: "\F0A4D";
-}
-
-.mdi-file-video-outline::before {
-  content: "\F0E2C";
-}
-
-.mdi-file-word-box::before {
-  content: "\F022D";
-}
-
-.mdi-filter-remove::before {
-  content: "\F0234";
-}
-
-.mdi-folder::before {
-  content: "\F024B";
-}
-
-.mdi-folder-move::before {
-  content: "\F0252";
-}
-
-.mdi-folder-multiple::before {
-  content: "\F0253";
-}
-
-.mdi-folder-open::before {
-  content: "\F0770";
-}
-
-.mdi-folder-open-outline::before {
-  content: "\F0DCF";
-}
-
-.mdi-folder-outline::before {
-  content: "\F0256";
-}
-
-.mdi-folder-plus::before {
-  content: "\F0257";
-}
-
-.mdi-folder-zip-outline::before {
-  content: "\F07B9";
-}
-
-.mdi-format-list-bulleted::before {
-  content: "\F0279";
-}
-
-.mdi-frequently-asked-questions::before {
-  content: "\F0EB4";
-}
-
-.mdi-fullscreen::before {
-  content: "\F0293";
-}
-
-.mdi-fullscreen-exit::before {
-  content: "\F0294";
-}
-
-.mdi-function-variant::before {
-  content: "\F0871";
-}
-
-.mdi-github::before {
-  content: "\F02A4";
-}
-
-.mdi-grain::before {
-  content: "\F0D7C";
-}
-
-.mdi-hand-heart::before {
-  content: "\F10F1";
-}
-
-.mdi-hand-wave-outline::before {
-  content: "\F1822";
-}
-
-.mdi-heart::before {
-  content: "\F02D1";
-}
-
-.mdi-help-circle::before {
-  content: "\F02D7";
-}
-
-.mdi-help-circle-outline::before {
-  content: "\F0625";
-}
-
-.mdi-home::before {
-  content: "\F02DC";
-}
-
-.mdi-hook::before {
-  content: "\F06E2";
-}
-
-.mdi-identifier::before {
-  content: "\F0EFE";
-}
-
-.mdi-image-outline::before {
-  content: "\F0976";
-}
-
-.mdi-import::before {
-  content: "\F02FA";
-}
-
-.mdi-information::before {
-  content: "\F02FC";
-}
-
-.mdi-information-outline::before {
-  content: "\F02FD";
-}
-
-.mdi-key::before {
-  content: "\F0306";
-}
-
-.mdi-key-outline::before {
-  content: "\F0DD6";
-}
-
-.mdi-key-plus::before {
-  content: "\F0309";
-}
-
-.mdi-key-variant::before {
-  content: "\F030B";
-}
-
-.mdi-label::before {
-  content: "\F0315";
-}
-
-.mdi-language-css3::before {
-  content: "\F031C";
-}
-
-.mdi-language-html5::before {
-  content: "\F031D";
-}
-
-.mdi-language-java::before {
-  content: "\F0B37";
-}
-
-.mdi-language-javascript::before {
-  content: "\F031E";
-}
-
-.mdi-language-markdown::before {
-  content: "\F0354";
-}
-
-.mdi-language-markdown-outline::before {
-  content: "\F0F5B";
-}
-
-.mdi-language-python::before {
-  content: "\F0320";
-}
-
-.mdi-language-typescript::before {
-  content: "\F06E6";
-}
-
-.mdi-layers-outline::before {
-  content: "\F09FE";
-}
-
-.mdi-lightbulb-outline::before {
-  content: "\F0336";
-}
-
-.mdi-lightning-bolt::before {
-  content: "\F140B";
-}
-
-.mdi-link::before {
-  content: "\F0337";
-}
-
-.mdi-link-variant::before {
-  content: "\F0339";
-}
-
-.mdi-loading::before {
-  content: "\F0772";
-}
-
-.mdi-lock::before {
-  content: "\F033E";
-}
-
-.mdi-lock-check::before {
-  content: "\F139A";
-}
-
-.mdi-lock-check-outline::before {
-  content: "\F16A8";
-}
-
-.mdi-lock-outline::before {
-  content: "\F0341";
-}
-
-.mdi-lock-plus::before {
-  content: "\F05FB";
-}
-
-.mdi-lock-plus-outline::before {
-  content: "\F16B2";
-}
-
-.mdi-magnify::before {
-  content: "\F0349";
-}
-
-.mdi-memory::before {
-  content: "\F035B";
-}
-
-.mdi-menu::before {
-  content: "\F035C";
-}
-
-.mdi-menu-down::before {
-  content: "\F035D";
-}
-
-.mdi-menu-right::before {
-  content: "\F035F";
-}
-
-.mdi-message-outline::before {
-  content: "\F0365";
-}
-
-.mdi-message-text::before {
-  content: "\F0369";
-}
-
-.mdi-microphone::before {
-  content: "\F036C";
-}
-
-.mdi-microphone-message::before {
-  content: "\F050A";
-}
-
-.mdi-minus::before {
-  content: "\F0374";
-}
-
-.mdi-minus-box::before {
-  content: "\F0375";
-}
-
-.mdi-monitor-dashboard::before {
-  content: "\F0A07";
-}
-
-.mdi-music-note-outline::before {
-  content: "\F0F74";
-}
-
-.mdi-note-text-outline::before {
-  content: "\F11D7";
-}
-
-.mdi-numeric-1::before {
-  content: "\F0B3A";
-}
-
-.mdi-numeric-1-circle::before {
-  content: "\F0CA0";
-}
-
-.mdi-numeric-2::before {
-  content: "\F0B3B";
-}
-
-.mdi-numeric-2-circle::before {
-  content: "\F0CA2";
-}
-
-.mdi-numeric-3::before {
-  content: "\F0B3C";
-}
-
-.mdi-open-in-new::before {
-  content: "\F03CC";
-}
-
-.mdi-package-variant::before {
-  content: "\F03D6";
-}
-
-.mdi-package-variant-closed::before {
-  content: "\F03D7";
-}
-
-.mdi-page-first::before {
-  content: "\F0600";
-}
-
-.mdi-page-last::before {
-  content: "\F0601";
-}
-
-.mdi-paperclip::before {
-  content: "\F03E2";
-}
-
-.mdi-pause::before {
-  content: "\F03E4";
-}
-
-.mdi-pencil::before {
-  content: "\F03EB";
-}
-
-.mdi-pencil-outline::before {
-  content: "\F0CB6";
-}
-
-.mdi-pencil-plus::before {
-  content: "\F0DEB";
-}
-
-.mdi-pencil-ruler::before {
-  content: "\F1353";
-}
-
-.mdi-phone-in-talk::before {
-  content: "\F03F6";
-}
-
-.mdi-pin::before {
-  content: "\F0403";
-}
-
-.mdi-pin-outline::before {
-  content: "\F0931";
-}
-
-.mdi-play::before {
-  content: "\F040A";
-}
-
-.mdi-play-circle-outline::before {
-  content: "\F040D";
-}
-
-.mdi-plus::before {
-  content: "\F0415";
-}
-
-.mdi-pound::before {
-  content: "\F0423";
-}
-
-.mdi-progress-check::before {
-  content: "\F0995";
-}
-
-.mdi-progress-download::before {
-  content: "\F0997";
-}
-
-.mdi-puzzle::before {
-  content: "\F0431";
-}
-
-.mdi-puzzle-outline::before {
-  content: "\F0A66";
-}
-
-.mdi-qrcode::before {
-  content: "\F0432";
-}
-
-.mdi-radiobox-blank::before {
-  content: "\F043D";
-}
-
-.mdi-radiobox-marked::before {
-  content: "\F043E";
-}
-
-.mdi-refresh::before {
-  content: "\F0450";
-}
-
-.mdi-rename-box::before {
-  content: "\F0455";
-}
-
-.mdi-reply::before {
-  content: "\F045A";
-}
-
-.mdi-reply-outline::before {
-  content: "\F0F20";
-}
-
-.mdi-restart::before {
-  content: "\F0709";
-}
-
-.mdi-restore::before {
-  content: "\F099B";
-}
-
-.mdi-robot::before {
-  content: "\F06A9";
-}
-
-.mdi-robot-off::before {
-  content: "\F16A7";
-}
-
-.mdi-robot-outline::before {
-  content: "\F167A";
-}
-
-.mdi-send-outline::before {
-  content: "\F1165";
-}
-
-.mdi-server::before {
-  content: "\F048B";
-}
-
-.mdi-server-network::before {
-  content: "\F048D";
-}
-
-.mdi-server-off::before {
-  content: "\F048F";
-}
-
-.mdi-shape-outline::before {
-  content: "\F0832";
-}
-
-.mdi-shield-check::before {
-  content: "\F0565";
-}
-
-.mdi-shield-check-outline::before {
-  content: "\F0CC8";
-}
-
-.mdi-shield-key::before {
-  content: "\F0BC4";
-}
-
-.mdi-shuffle-variant::before {
-  content: "\F049F";
-}
-
-.mdi-skip-next-circle-outline::before {
-  content: "\F0662";
-}
-
-.mdi-sort::before {
-  content: "\F04BA";
-}
-
-.mdi-sort-ascending::before {
-  content: "\F04BC";
-}
-
-.mdi-sort-variant::before {
-  content: "\F04BF";
-}
-
-.mdi-source-branch::before {
-  content: "\F062C";
-}
-
-.mdi-square-edit-outline::before {
-  content: "\F090C";
-}
-
-.mdi-star::before {
-  content: "\F04CE";
-}
-
-.mdi-star-four-points-small::before {
-  content: "\F1C55";
-}
-
-.mdi-star-half-full::before {
-  content: "\F04D0";
-}
-
-.mdi-star-outline::before {
-  content: "\F04D2";
-}
-
-.mdi-stop::before {
-  content: "\F04DB";
-}
-
-.mdi-stop-circle::before {
-  content: "\F0666";
-}
-
-.mdi-store::before {
-  content: "\F04DC";
-}
-
-.mdi-subdirectory-arrow-right::before {
-  content: "\F060D";
-}
-
-.mdi-sync::before {
-  content: "\F04E6";
-}
-
-.mdi-text::before {
-  content: "\F09A8";
-}
-
-.mdi-text-box::before {
-  content: "\F021A";
-}
-
-.mdi-text-box-outline::before {
-  content: "\F09ED";
-}
-
-.mdi-text-box-search::before {
-  content: "\F0EAE";
-}
-
-.mdi-text-box-search-outline::before {
-  content: "\F0EAF";
-}
-
-.mdi-text-search::before {
-  content: "\F13B8";
-}
-
-.mdi-theme-light-dark::before {
-  content: "\F050E";
-}
-
-.mdi-timeline-text-outline::before {
-  content: "\F0BD4";
-}
-
-.mdi-timer-outline::before {
-  content: "\F051B";
-}
-
-.mdi-timer-sand::before {
-  content: "\F051F";
-}
-
-.mdi-tools::before {
-  content: "\F1064";
-}
-
-.mdi-translate::before {
-  content: "\F05CA";
-}
-
-.mdi-trash-can-outline::before {
-  content: "\F0A7A";
-}
-
-.mdi-unfold-more-horizontal::before {
-  content: "\F054F";
-}
-
-.mdi-update::before {
-  content: "\F06B0";
-}
-
-.mdi-upload::before {
-  content: "\F0552";
-}
-
-.mdi-vector-intersection::before {
-  content: "\F055D";
-}
-
-.mdi-vector-link::before {
-  content: "\F0FE8";
-}
-
-.mdi-vector-point::before {
-  content: "\F01C4";
-}
-
-.mdi-view-dashboard::before {
-  content: "\F056E";
-}
-
-.mdi-volume-high::before {
-  content: "\F057E";
-}
-
-.mdi-weather-night::before {
-  content: "\F0594";
-}
-
-.mdi-web::before {
-  content: "\F059F";
-}
-
-.mdi-webhook::before {
-  content: "\F062F";
-}
-
-.mdi-white-balance-sunny::before {
-  content: "\F05A8";
-}
-
-.mdi-wrench::before {
-  content: "\F05B7";
-}
-
-.mdi-wrench-outline::before {
-  content: "\F0BE0";
-}
-
-.mdi-zip-box::before {
-  content: "\F05C4";
-}
-
-/* Utility classes (extracted from @mdi/font) */
-/* MaterialDesignIcons.com */
-
-.mdi-blank::before {
-  content: "\F68C";
-  visibility: hidden;
-}
-
-.mdi-18px.mdi-set, .mdi-18px.mdi:before {
-  font-size: 18px;
-}
-
-.mdi-24px.mdi-set, .mdi-24px.mdi:before {
-  font-size: 24px;
-}
-
-.mdi-36px.mdi-set, .mdi-36px.mdi:before {
-  font-size: 36px;
-}
-
-.mdi-48px.mdi-set, .mdi-48px.mdi:before {
-  font-size: 48px;
-}
-
-.mdi-dark:before {
-  color: rgba(0, 0, 0, 0.54);
-}
-
-.mdi-dark.mdi-inactive:before {
-  color: rgba(0, 0, 0, 0.26);
-}
-
-.mdi-light:before {
-  color: white;
-}
-
-.mdi-light.mdi-inactive:before {
-  color: rgba(255, 255, 255, 0.3);
-}
-
-.mdi-rotate-45 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(45deg);
-            transform: scaleX(-1) rotate(45deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(45deg);
-            -ms-transform: rotate(45deg);
-            transform: scaleY(-1) rotate(45deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-45:before {
-  -webkit-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-
-.mdi-rotate-90 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(90deg);
-            transform: scaleX(-1) rotate(90deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(90deg);
-            -ms-transform: rotate(90deg);
-            transform: scaleY(-1) rotate(90deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-90:before {
-  -webkit-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  transform: rotate(90deg);
-}
-
-.mdi-rotate-135 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(135deg);
-            transform: scaleX(-1) rotate(135deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(135deg);
-            -ms-transform: rotate(135deg);
-            transform: scaleY(-1) rotate(135deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-135:before {
-  -webkit-transform: rotate(135deg);
-  -ms-transform: rotate(135deg);
-  transform: rotate(135deg);
-}
-
-.mdi-rotate-180 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(180deg);
-            transform: scaleX(-1) rotate(180deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(180deg);
-            -ms-transform: rotate(180deg);
-            transform: scaleY(-1) rotate(180deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-180:before {
-  -webkit-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  transform: rotate(180deg);
-}
-
-.mdi-rotate-225 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(225deg);
-            transform: scaleX(-1) rotate(225deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(225deg);
-            -ms-transform: rotate(225deg);
-            transform: scaleY(-1) rotate(225deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-225:before {
-  -webkit-transform: rotate(225deg);
-  -ms-transform: rotate(225deg);
-  transform: rotate(225deg);
-}
-
-.mdi-rotate-270 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(270deg);
-            transform: scaleX(-1) rotate(270deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(270deg);
-            -ms-transform: rotate(270deg);
-            transform: scaleY(-1) rotate(270deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-270:before {
-  -webkit-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  transform: rotate(270deg);
-}
-
-.mdi-rotate-315 {
-  /*
-        // Not included in production
-        &.mdi-flip-h:before {
-            -webkit-transform: scaleX(-1) rotate(315deg);
-            transform: scaleX(-1) rotate(315deg);
-            filter: FlipH;
-            -ms-filter: "FlipH";
-        }
-        &.mdi-flip-v:before {
-            -webkit-transform: scaleY(-1) rotate(315deg);
-            -ms-transform: rotate(315deg);
-            transform: scaleY(-1) rotate(315deg);
-            filter: FlipV;
-            -ms-filter: "FlipV";
-        }
-        */
-}
-
-.mdi-rotate-315:before {
-  -webkit-transform: rotate(315deg);
-  -ms-transform: rotate(315deg);
-  transform: rotate(315deg);
-}
-
-.mdi-flip-h:before {
-  -webkit-transform: scaleX(-1);
-  transform: scaleX(-1);
-  filter: FlipH;
-  -ms-filter: "FlipH";
-}
-
-.mdi-flip-v:before {
-  -webkit-transform: scaleY(-1);
-  transform: scaleY(-1);
-  filter: FlipV;
-  -ms-filter: "FlipV";
-}
-
-.mdi-spin:before {
-  -webkit-animation: mdi-spin 2s infinite linear;
-  animation: mdi-spin 2s infinite linear;
-}
-
-@-webkit-keyframes mdi-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
-
-@keyframes mdi-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(359deg);
-    transform: rotate(359deg);
-  }
-}
diff --git a/dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff b/dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff
deleted file mode 100644
index 37b58eaee4..0000000000
Binary files a/dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff and /dev/null differ
diff --git a/dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff2 b/dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff2
deleted file mode 100644
index 2a246762e8..0000000000
Binary files a/dashboard/src/assets/mdi-subset/materialdesignicons-webfont-subset.woff2 and /dev/null differ
diff --git a/dashboard/src/components/shared/ExtensionCard.vue b/dashboard/src/components/shared/ExtensionCard.vue
index 8335c47a53..66bd4dca64 100644
--- a/dashboard/src/components/shared/ExtensionCard.vue
+++ b/dashboard/src/components/shared/ExtensionCard.vue
@@ -25,6 +25,14 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  selectable: {
+    type: Boolean,
+    default: false,
+  },
+  selected: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 // 定义要发送到父组件的事件
@@ -39,6 +47,7 @@ const emit = defineEmits([
   "view-changelog",
   "toggle-pin",
   "open-webui",
+  "select",
 ]);
 
 const hasPages = computed(() => {
@@ -149,6 +158,7 @@ const openWebui = () => {
     height="100%"
     :ripple="false"
     variant="outlined"
+    :class="{ 'extension-card--selected': selectable && selected }"
     :style="{
       position: 'relative',
       backgroundColor:
@@ -231,6 +241,15 @@ const openWebui = () => {
             </p>
 
             <template v-if="!marketMode">
+              <v-checkbox
+                :model-value="selected"
+                density="compact"
+                hide-details
+                color="primary"
+                class="extension-checkbox-inline"
+                @click.stop="emit('select')"
+                @update:model-value="emit('select')"
+              />
               <v-tooltip location="left">
                 <template v-slot:activator="{ props: tooltipProps }">
                   <div class="extension-switch-wrap" @click.stop>
@@ -425,6 +444,21 @@ const openWebui = () => {
   cursor: pointer;
 }
 
+.extension-card--selected {
+  border-color: rgb(var(--v-theme-primary)) !important;
+  border-width: 2px;
+}
+
+.extension-checkbox-inline {
+  flex-shrink: 0;
+  margin-right: 4px;
+}
+
+.extension-checkbox-inline :deep(.v-switch),
+.extension-checkbox-inline :deep(.v-selection-control) {
+  min-height: 0;
+}
+
 .extension-image-container {
   display: flex;
   align-items: flex-start;
diff --git a/dashboard/src/i18n/locales/en-US/features/extension.json b/dashboard/src/i18n/locales/en-US/features/extension.json
index 1b7ea6e408..871de02147 100644
--- a/dashboard/src/i18n/locales/en-US/features/extension.json
+++ b/dashboard/src/i18n/locales/en-US/features/extension.json
@@ -181,12 +181,37 @@
     "author": "Author",
     "updated": "Last Updated",
     "updateStatus": "Update Status",
+    "activated": "Status (Enabled/Disabled)",
     "ascending": "Ascending",
     "descending": "Descending"
   },
   "tags": {
     "danger": "Danger"
   },
+  "batch": {
+    "select": "Select",
+    "exitSelect": "Exit Select",
+    "selectedCount": "{count} selected",
+    "selectAll": "Select All",
+    "deselectAll": "Deselect All",
+    "invertSelection": "Invert",
+    "enable": "Enable",
+    "disable": "Disable",
+    "uninstall": "Uninstall",
+    "confirmTitle": {
+      "enable": "Batch Enable",
+      "disable": "Batch Disable",
+      "uninstall": "Batch Uninstall"
+    },
+    "confirmMessage": "Are you sure you want to {operation} {count} plugin(s)?",
+    "confirmAction": "Confirm",
+    "reservedSkipped": "{count} system plugin(s) will be skipped.",
+    "results": {
+      "title": "Batch Operation Results",
+      "summary": "{succeeded} succeeded, {failed} failed.",
+      "failedList": "Failed plugins:"
+    }
+  },
   "dialogs": {
     "error": {
       "title": "Error Information",
diff --git a/dashboard/src/i18n/locales/ru-RU/features/extension.json b/dashboard/src/i18n/locales/ru-RU/features/extension.json
index 2374212482..ef6c875d56 100644
--- a/dashboard/src/i18n/locales/ru-RU/features/extension.json
+++ b/dashboard/src/i18n/locales/ru-RU/features/extension.json
@@ -180,12 +180,37 @@
         "author": "Автору",
         "updated": "Дате обновления",
         "updateStatus": "Статусу обновления",
+        "activated": "Статус (Включен/Выключен)",
         "ascending": "По возрастанию",
         "descending": "По убыванию"
     },
     "tags": {
         "danger": "Опасно"
     },
+    "batch": {
+        "select": "Выбрать",
+        "exitSelect": "Отменить выбор",
+        "selectedCount": "Выбрано: {count}",
+        "selectAll": "Выбрать все",
+        "deselectAll": "Снять выбор",
+        "invertSelection": "Инвертировать",
+        "enable": "Включить",
+        "disable": "Выключить",
+        "uninstall": "Удалить",
+        "confirmTitle": {
+            "enable": "Включить выбранные",
+            "disable": "Выключить выбранные",
+            "uninstall": "Удалить выбранные"
+        },
+        "confirmMessage": "Вы уверены, что хотите {operation} {count} плагин(ов)?",
+        "confirmAction": "Подтвердить",
+        "reservedSkipped": "{count} системных плагинов будут пропущены.",
+        "results": {
+            "title": "Результаты массовой операции",
+            "summary": "{succeeded} успешно, {failed} с ошибками.",
+            "failedList": "Ошибки:"
+        }
+    },
     "dialogs": {
         "error": {
             "title": "Ошибка",
diff --git a/dashboard/src/i18n/locales/zh-CN/features/extension.json b/dashboard/src/i18n/locales/zh-CN/features/extension.json
index 17a33fed82..a860199ebe 100644
--- a/dashboard/src/i18n/locales/zh-CN/features/extension.json
+++ b/dashboard/src/i18n/locales/zh-CN/features/extension.json
@@ -181,12 +181,37 @@
     "author": "作者名",
     "updated": "更新时间",
     "updateStatus": "更新状态",
+    "activated": "状态（启用/禁用）",
     "ascending": "升序",
     "descending": "降序"
   },
   "tags": {
     "danger": "危险"
   },
+  "batch": {
+    "select": "多选",
+    "exitSelect": "退出多选",
+    "selectedCount": "已选择 {count} 个",
+    "selectAll": "全选",
+    "deselectAll": "取消全选",
+    "invertSelection": "反选",
+    "enable": "批量启用",
+    "disable": "批量禁用",
+    "uninstall": "批量卸载",
+    "confirmTitle": {
+      "enable": "批量启用",
+      "disable": "批量禁用",
+      "uninstall": "批量卸载"
+    },
+    "confirmMessage": "确定要{operation} {count} 个插件吗？",
+    "confirmAction": "确认",
+    "reservedSkipped": "{count} 个系统插件将被跳过。",
+    "results": {
+      "title": "批量操作结果",
+      "summary": "{succeeded} 个成功，{failed} 个失败。",
+      "failedList": "失败的插件："
+    }
+  },
   "dialogs": {
     "error": {
       "title": "错误信息",
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index fecbd0e597..750856ce45 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -1,11 +1,8 @@
 <script setup>
 import ExtensionCard from "@/components/shared/ExtensionCard.vue";
+import PluginSortControl from "@/components/extension/PluginSortControl.vue";
 import { normalizeTextInput } from "@/utils/inputValue";
-import {
-  readPinnedExtensions,
-  writePinnedExtensions,
-} from "./extensionPreferenceStorage.mjs";
-import { computed, ref, watch } from "vue";
+import { computed } from "vue";
 
 const props = defineProps({
   state: {
@@ -141,6 +138,35 @@ const {
   refreshPluginMarket,
   handleLocaleChange,
   searchDebounceTimer,
+  // 已安装插件排序
+  installedSortBy,
+  installedSortOrder,
+  // 已安装插件置顶
+  pinnedExtensionNames,
+  isPinnedExtension,
+  togglePinnedExtension,
+  // 已安装插件排序结果
+  sortedInstalledPlugins,
+  // 批量操作
+  batchSelectionMode,
+  selectedPluginNames,
+  batchOperationInProgress,
+  batchConfirmDialog,
+  batchDeleteConfig,
+  batchDeleteData,
+  toggleBatchSelectionMode,
+  exitBatchSelectionMode,
+  togglePluginSelection,
+  selectAllPlugins,
+  deselectAllPlugins,
+  invertSelection,
+  isPluginSelected,
+  showBatchConfirm,
+  cancelBatchConfirm,
+  confirmBatchOperation,
+  batchEnablePlugins,
+  batchDisablePlugins,
+  batchUninstallPlugins,
 } = props.state;
 
 const openPluginDetail = (extension) => {
@@ -164,65 +190,149 @@ const openPluginWebui = (extension) => {
   });
 };
 
-const pinnedExtensionNames = ref(readPinnedExtensions());
+const installedSortItems = computed(() => [
+  { title: tm("sort.default"), value: "default" },
+  { title: tm("sort.name"), value: "name" },
+  { title: tm("sort.author"), value: "author" },
+  { title: tm("sort.activated"), value: "activated" },
+  { title: tm("sort.updateStatus"), value: "updateStatus" },
+]);
 
-const pinnedExtensionOrder = computed(() => {
-  const order = new Map();
-  pinnedExtensionNames.value.forEach((name, index) => {
-    order.set(name, index);
-  });
-  return order;
-});
+const handleCardClick = (extension) => {
+  if (batchSelectionMode.value) {
+    togglePluginSelection(extension.name);
+  } else {
+    openPluginDetail(extension);
+  }
+};
 
-const sortedInstalledPlugins = computed(() => {
-  const order = pinnedExtensionOrder.value;
-  return [...filteredPlugins.value].sort((a, b) => {
-    const aIndex = order.has(a?.name)
-      ? order.get(a.name)
-      : Number.POSITIVE_INFINITY;
-    const bIndex = order.has(b?.name)
-      ? order.get(b.name)
-      : Number.POSITIVE_INFINITY;
+const handleCheckboxClick = (extension) => {
+  if (!batchSelectionMode.value) {
+    batchSelectionMode.value = true;
+  }
+  togglePluginSelection(extension.name);
+};
 
-    if (aIndex !== bIndex) {
-      return aIndex - bIndex;
-    }
-    return 0;
-  });
+const batchConfirmIcon = computed(() => {
+  switch (batchConfirmDialog.operation) {
+    case "enable": return "mdi-check-circle";
+    case "disable": return "mdi-close-circle";
+    case "uninstall": return "mdi-delete";
+    default: return "mdi-help-circle";
+  }
 });
 
-watch(
-  pinnedExtensionNames,
-  (names) => {
-    writePinnedExtensions(names);
-  },
-  { deep: true },
-);
-
-const isPinnedExtension = (extension) => {
-  const name = extension?.name;
-  return !!name && pinnedExtensionOrder.value.has(name);
-};
+const batchConfirmColor = computed(() => {
+  switch (batchConfirmDialog.operation) {
+    case "enable": return "success";
+    case "disable": return "warning";
+    case "uninstall": return "error";
+    default: return "primary";
+  }
+});
 
-const togglePinnedExtension = (extension) => {
-  const name = extension?.name;
-  if (!name) return;
+const batchConfirmTitle = computed(() => {
+  const op = batchConfirmDialog.operation;
+  return tm(`batch.confirmTitle.${op}`) || "";
+});
 
-  const next = pinnedExtensionNames.value.filter((item) => item !== name);
-  if (next.length === pinnedExtensionNames.value.length) {
-    next.unshift(name);
-  }
-  pinnedExtensionNames.value = next;
-};
+const batchConfirmMessage = computed(() => {
+  const op = batchConfirmDialog.operation;
+  const opLabel = tm(`batch.confirmTitle.${op}`) || "";
+  return tm("batch.confirmMessage", { operation: opLabel, count: batchConfirmDialog.count });
+});
 </script>
 
 <template>
   <v-tab-item v-show="activeTab === 'installed'">
     <div class="mb-4 pt-4 pb-4">
-      <div class="d-flex align-center flex-wrap" style="gap: 12px">
+      <!-- 批量操作栏 -->
+      <v-expand-transition>
+        <div v-if="batchSelectionMode" class="batch-action-bar mb-3">
+          <div class="d-flex align-center flex-wrap" style="gap: 8px">
+            <v-btn
+              icon
+              variant="text"
+              size="small"
+              @click="exitBatchSelectionMode"
+            >
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+            <span class="text-subtitle-1 font-weight-medium">
+              {{ tm("batch.selectedCount", { count: selectedPluginNames.size }) }}
+            </span>
+            <v-spacer></v-spacer>
+            <v-btn
+              variant="text"
+              size="small"
+              @click="selectAllPlugins"
+            >
+              {{ tm("batch.selectAll") }}
+            </v-btn>
+            <v-btn
+              variant="text"
+              size="small"
+              @click="deselectAllPlugins"
+            >
+              {{ tm("batch.deselectAll") }}
+            </v-btn>
+            <v-btn
+              variant="text"
+              size="small"
+              @click="invertSelection"
+            >
+              {{ tm("batch.invertSelection") }}
+            </v-btn>
+            <v-divider vertical class="mx-1"></v-divider>
+            <v-btn
+              color="success"
+              variant="tonal"
+              size="small"
+              prepend-icon="mdi-check-circle"
+              :disabled="selectedPluginNames.size === 0 || batchOperationInProgress"
+              @click="showBatchConfirm('enable', batchEnablePlugins)"
+            >
+              {{ tm("batch.enable") }}
+            </v-btn>
+            <v-btn
+              color="warning"
+              variant="tonal"
+              size="small"
+              prepend-icon="mdi-close-circle"
+              :disabled="selectedPluginNames.size === 0 || batchOperationInProgress"
+              @click="showBatchConfirm('disable', batchDisablePlugins)"
+            >
+              {{ tm("batch.disable") }}
+            </v-btn>
+            <v-btn
+              color="error"
+              variant="tonal"
+              size="small"
+              prepend-icon="mdi-delete"
+              :disabled="selectedPluginNames.size === 0 || batchOperationInProgress"
+              @click="showBatchConfirm('uninstall', batchUninstallPlugins)"
+            >
+              {{ tm("batch.uninstall") }}
+            </v-btn>
+          </div>
+        </div>
+      </v-expand-transition>
+
+      <!-- 正常工具栏 -->
+      <div v-if="!batchSelectionMode" class="d-flex align-center flex-wrap" style="gap: 12px">
         <h2 class="text-h2 mb-0">{{ tm("titles.installedAstrBotPlugins") }}</h2>
 
         <div class="d-flex align-center flex-wrap ml-auto" style="gap: 8px">
+          <PluginSortControl
+            v-model="installedSortBy"
+            :items="installedSortItems"
+            :label="tm('sort.by')"
+            :order="installedSortOrder"
+            :ascending-label="tm('sort.ascending')"
+            :descending-label="tm('sort.descending')"
+            :show-order="installedSortBy !== 'default'"
+            @update:order="installedSortOrder = $event"
+          />
           <v-text-field
             :model-value="pluginSearch"
             @update:model-value="pluginSearch = normalizeTextInput($event)"
@@ -237,6 +347,19 @@ const togglePinnedExtension = (extension) => {
             style="min-width: 220px; max-width: 340px"
           >
           </v-text-field>
+          <v-tooltip :text="tm('batch.select')" location="top">
+            <template v-slot:activator="{ props: batchProps }">
+              <v-btn
+                v-bind="batchProps"
+                icon
+                variant="text"
+                size="small"
+                @click="toggleBatchSelectionMode"
+              >
+                <v-icon>mdi-checkbox-multiple-marked-outline</v-icon>
+              </v-btn>
+            </template>
+          </v-tooltip>
         </div>
       </div>
     </div>
@@ -340,9 +463,12 @@ const togglePinnedExtension = (extension) => {
             <ExtensionCard
               :extension="extension"
               :is-pinned="isPinnedExtension(extension)"
+              :selectable="batchSelectionMode"
+              :selected="isPluginSelected(extension.name)"
               class="rounded-lg"
               style="background-color: rgb(var(--v-theme-mcpCardBg))"
-              @click="openPluginDetail(extension)"
+              @click="handleCardClick(extension)"
+              @select="handleCheckboxClick(extension)"
               @toggle-pin="togglePinnedExtension(extension)"
               @configure="openExtensionConfig(extension.name)"
               @uninstall="
@@ -364,7 +490,7 @@ const togglePinnedExtension = (extension) => {
       </div>
     </v-fade-transition>
 
-    <v-tooltip :text="tm('market.installPlugin')" location="left">
+    <v-tooltip v-if="!batchSelectionMode" :text="tm('market.installPlugin')" location="left">
       <template v-slot:activator="{ props }">
         <button
           v-bind="props"
@@ -392,7 +518,7 @@ const togglePinnedExtension = (extension) => {
       </template>
     </v-tooltip>
 
-    <v-tooltip :text="tm('buttons.updateAll')" location="left">
+    <v-tooltip v-if="!batchSelectionMode" :text="tm('buttons.updateAll')" location="left">
       <template v-slot:activator="{ props }">
         <v-btn
           v-bind="props"
@@ -406,6 +532,48 @@ const togglePinnedExtension = (extension) => {
         />
       </template>
     </v-tooltip>
+
+    <!-- 批量操作确认对话框 -->
+    <v-dialog v-model="batchConfirmDialog.show" max-width="480">
+      <v-card class="rounded-lg">
+        <v-card-title class="d-flex align-center pa-4">
+          <v-icon :color="batchConfirmColor" class="mr-2">{{ batchConfirmIcon }}</v-icon>
+          {{ batchConfirmTitle }}
+        </v-card-title>
+        <v-card-text>
+          <p>{{ batchConfirmMessage }}</p>
+          <v-alert
+            v-if="batchConfirmDialog.reservedCount > 0"
+            type="info"
+            variant="tonal"
+            density="compact"
+            class="mt-3"
+          >
+            {{ tm("batch.reservedSkipped", { count: batchConfirmDialog.reservedCount }) }}
+          </v-alert>
+          <template v-if="batchConfirmDialog.operation === 'uninstall'">
+            <v-divider class="my-4" />
+            <v-checkbox
+              v-model="batchDeleteConfig"
+              :label="tm('dialogs.uninstall.deleteConfig')"
+              color="warning"
+              hide-details
+            />
+            <v-checkbox
+              v-model="batchDeleteData"
+              :label="tm('dialogs.uninstall.deleteData')"
+              color="error"
+              hide-details
+            />
+          </template>
+        </v-card-text>
+        <v-card-actions class="pa-4">
+          <v-spacer></v-spacer>
+          <v-btn variant="text" @click="cancelBatchConfirm">{{ tm("buttons.cancel") }}</v-btn>
+          <v-btn :color="batchConfirmColor" variant="flat" :loading="batchOperationInProgress" @click="confirmBatchOperation">{{ tm("batch.confirmAction") }}</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
   </v-tab-item>
 </template>
 
@@ -434,4 +602,11 @@ const togglePinnedExtension = (extension) => {
   transform: translateY(-4px) scale(1.05);
   box-shadow: 0 12px 20px rgba(var(--v-theme-primary), 0.4);
 }
-</style>
+
+.batch-action-bar {
+  background-color: rgb(var(--v-theme-surface));
+  border: 1px solid rgb(var(--v-theme-on-surface), 0.12);
+  border-radius: 12px;
+  padding: 12px 16px;
+}
+</style>
\ No newline at end of file
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 7476d252a4..d8b8ad1aa8 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -11,6 +11,10 @@ import {
     toInitials,
     toPinyinText,
 } from "@/utils/pluginSearch";
+import {
+    readPinnedExtensions,
+    writePinnedExtensions,
+} from "./extensionPreferenceStorage.mjs";
 import axios from "axios";
 import { computed, onMounted, onUnmounted, reactive, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
@@ -139,6 +143,57 @@ export const useExtensionPage = () => {
   const pluginSearch = ref("");
   const loading_ = ref(false);
 
+  // 已安装插件排序
+  const installedSortBy = ref("default"); // default, name, author, activated, updateStatus
+  const installedSortOrder = ref("asc"); // asc or desc
+
+  // 已安装插件置顶
+  const pinnedExtensionNames = ref(readPinnedExtensions());
+  const pinnedExtensionOrder = computed(() => {
+    const order = new Map();
+    pinnedExtensionNames.value.forEach((name, index) => {
+      order.set(name, index);
+    });
+    return order;
+  });
+
+  watch(
+    pinnedExtensionNames,
+    (names) => {
+      writePinnedExtensions(names);
+    },
+    { deep: true },
+  );
+
+  const isPinnedExtension = (extension) => {
+    const name = extension?.name;
+    return !!name && pinnedExtensionOrder.value.has(name);
+  };
+
+  const togglePinnedExtension = (extension) => {
+    const name = extension?.name;
+    if (!name) return;
+    const next = pinnedExtensionNames.value.filter((item) => item !== name);
+    if (next.length === pinnedExtensionNames.value.length) {
+      next.unshift(name);
+    }
+    pinnedExtensionNames.value = next;
+  };
+
+  // 批量操作
+  const batchSelectionMode = ref(false);
+  const selectedPluginNames = ref(new Set());
+  const batchOperationInProgress = ref(false);
+  const batchConfirmDialog = reactive({
+    show: false,
+    operation: "", // "enable", "disable", "uninstall"
+    count: 0,
+    reservedCount: 0,
+    onConfirm: null,
+  });
+  const batchDeleteConfig = ref(false);
+  const batchDeleteData = ref(false);
+
   // 分页相关
   const currentPage = ref(1);
 
@@ -330,6 +385,276 @@ export const useExtensionPage = () => {
     return sortInstalledPlugins(filtered);
   });
 
+  // 已安装插件排序（带置顶）
+  const sortedInstalledPlugins = computed(() => {
+    const plugins = [...filteredPlugins.value];
+    const pinnedNames = new Set(pinnedExtensionNames.value);
+
+    if (installedSortBy.value === "default") {
+      // 默认排序：置顶插件按 pin 顺序排最前，其余按 sortInstalledPlugins 的顺序
+      const pinned = plugins.filter((p) => pinnedNames.has(p?.name));
+      const unpinned = plugins.filter((p) => !pinnedNames.has(p?.name));
+      pinned.sort((a, b) => {
+        const aIdx = pinnedExtensionOrder.value.get(a?.name) ?? Number.POSITIVE_INFINITY;
+        const bIdx = pinnedExtensionOrder.value.get(b?.name) ?? Number.POSITIVE_INFINITY;
+        return aIdx - bIdx;
+      });
+      return [...pinned, ...unpinned];
+    }
+
+    // 非默认排序：先按排序字段排，然后置顶插件浮到各组顶部
+    switch (installedSortBy.value) {
+      case "name":
+        plugins.sort((a, b) => {
+          const result = normalizeStr(a?.display_name || a?.name || "").localeCompare(
+            normalizeStr(b?.display_name || b?.name || ""),
+            undefined,
+            { sensitivity: "base" },
+          );
+          return installedSortOrder.value === "desc" ? -result : result;
+        });
+        break;
+      case "author": {
+        const getAuthor = (ext) => {
+          const author = ext?.author;
+          if (Array.isArray(author)) return author.join(", ").toLowerCase();
+          return String(author || "").toLowerCase();
+        };
+        plugins.sort((a, b) => {
+          const result = getAuthor(a).localeCompare(getAuthor(b));
+          return installedSortOrder.value === "desc" ? -result : result;
+        });
+        break;
+      }
+      case "activated":
+        plugins.sort((a, b) => {
+          const result = Number(!!b?.activated) - Number(!!a?.activated);
+          return installedSortOrder.value === "asc" ? -result : result;
+        });
+        break;
+      case "updateStatus":
+        plugins.sort((a, b) => {
+          const result = Number(!!b?.has_update) - Number(!!a?.has_update);
+          return installedSortOrder.value === "desc" ? -result : result;
+        });
+        break;
+    }
+
+    // 置顶插件浮到最前
+    if (pinnedNames.size > 0) {
+      const pinned = plugins.filter((p) => pinnedNames.has(p?.name));
+      const unpinned = plugins.filter((p) => !pinnedNames.has(p?.name));
+      return [...pinned, ...unpinned];
+    }
+
+    return plugins;
+  });
+
+  // 批量操作方法
+  const toggleBatchSelectionMode = () => {
+    batchSelectionMode.value = !batchSelectionMode.value;
+    if (!batchSelectionMode.value) {
+      selectedPluginNames.value = new Set();
+    }
+  };
+
+  const exitBatchSelectionMode = () => {
+    batchSelectionMode.value = false;
+    selectedPluginNames.value = new Set();
+  };
+
+  const togglePluginSelection = (pluginName) => {
+    const next = new Set(selectedPluginNames.value);
+    if (next.has(pluginName)) {
+      next.delete(pluginName);
+    } else {
+      next.add(pluginName);
+    }
+    selectedPluginNames.value = next;
+  };
+
+  const selectAllPlugins = () => {
+    const allNames = new Set(
+      filteredPlugins.value.map((p) => p?.name).filter(Boolean),
+    );
+    selectedPluginNames.value = allNames;
+  };
+
+  const deselectAllPlugins = () => {
+    selectedPluginNames.value = new Set();
+  };
+
+  const invertSelection = () => {
+    const allNames = new Set(
+      filteredPlugins.value.map((p) => p?.name).filter(Boolean),
+    );
+    const next = new Set();
+    for (const name of allNames) {
+      if (!selectedPluginNames.value.has(name)) {
+        next.add(name);
+      }
+    }
+    selectedPluginNames.value = next;
+  };
+
+  const isPluginSelected = (pluginName) => {
+    return selectedPluginNames.value.has(pluginName);
+  };
+
+  const showBatchConfirm = (operation, onConfirm) => {
+    const selected = [...selectedPluginNames.value];
+    const plugins = filteredPlugins.value.filter((p) =>
+      selected.includes(p?.name),
+    );
+    const reservedCount = plugins.filter((p) => p?.reserved).length;
+    batchConfirmDialog.operation = operation;
+    batchConfirmDialog.count = selected.length;
+    batchConfirmDialog.reservedCount = reservedCount;
+    batchConfirmDialog.onConfirm = onConfirm;
+    batchConfirmDialog.show = true;
+  };
+
+  const cancelBatchConfirm = () => {
+    batchConfirmDialog.show = false;
+    batchConfirmDialog.onConfirm = null;
+  };
+
+  const confirmBatchOperation = () => {
+    const onConfirm = batchConfirmDialog.onConfirm;
+    batchConfirmDialog.show = false;
+    batchConfirmDialog.onConfirm = null;
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+
+  const batchEnablePlugins = async () => {
+    const names = [...selectedPluginNames.value];
+    if (names.length === 0) return;
+    batchOperationInProgress.value = true;
+
+    const results = await Promise.allSettled(
+      names.map((name) => axios.post("/api/plugin/on", { name })),
+    );
+
+    const succeeded = [];
+    const failed = [];
+    results.forEach((result, index) => {
+      const name = names[index];
+      if (result.status === "fulfilled" && result.value.data?.status !== "error") {
+        succeeded.push(name);
+      } else {
+        const errorMsg =
+          result.status === "fulfilled"
+            ? result.value.data?.message
+            : result.reason?.message;
+        failed.push({ name, error: errorMsg });
+      }
+    });
+
+    batchOperationInProgress.value = false;
+    await getExtensions({ withLoading: false });
+    await checkAndPromptConflicts();
+    deselectAllPlugins();
+
+    if (failed.length > 0) {
+      toast(
+        `${tm("batch.results.title")}: ${tm("batch.results.summary", { succeeded: succeeded.length, failed: failed.length })}`,
+        "warning",
+      );
+    } else {
+      toast(tm("batch.results.title") + " — " + tm("messages.updateSuccess").replace("!", ""), "success");
+    }
+  };
+
+  const batchDisablePlugins = async () => {
+    const names = [...selectedPluginNames.value];
+    if (names.length === 0) return;
+    batchOperationInProgress.value = true;
+
+    const results = await Promise.allSettled(
+      names.map((name) => axios.post("/api/plugin/off", { name })),
+    );
+
+    const succeeded = [];
+    const failed = [];
+    results.forEach((result, index) => {
+      const name = names[index];
+      if (result.status === "fulfilled" && result.value.data?.status !== "error") {
+        succeeded.push(name);
+      } else {
+        const errorMsg =
+          result.status === "fulfilled"
+            ? result.value.data?.message
+            : result.reason?.message;
+        failed.push({ name, error: errorMsg });
+      }
+    });
+
+    batchOperationInProgress.value = false;
+    await getExtensions({ withLoading: false });
+    deselectAllPlugins();
+
+    if (failed.length > 0) {
+      toast(
+        `${tm("batch.results.title")}: ${tm("batch.results.summary", { succeeded: succeeded.length, failed: failed.length })}`,
+        "warning",
+      );
+    } else {
+      toast(tm("batch.results.title") + " — OK", "success");
+    }
+  };
+
+  const batchUninstallPlugins = async () => {
+    // 跳过保留插件
+    const names = [...selectedPluginNames.value].filter((name) => {
+      const ext = filteredPlugins.value.find((p) => p?.name === name);
+      return ext && !ext.reserved;
+    });
+    if (names.length === 0) return;
+    batchOperationInProgress.value = true;
+
+    const results = await Promise.allSettled(
+      names.map((name) =>
+        axios.post("/api/plugin/uninstall", {
+          name,
+          delete_config: batchDeleteConfig.value,
+          delete_data: batchDeleteData.value,
+        }),
+      ),
+    );
+
+    const succeeded = [];
+    const failed = [];
+    results.forEach((result, index) => {
+      const name = names[index];
+      if (result.status === "fulfilled" && result.value.data?.status !== "error") {
+        succeeded.push(name);
+      } else {
+        const errorMsg =
+          result.status === "fulfilled"
+            ? result.value.data?.message
+            : result.reason?.message;
+        failed.push({ name, error: errorMsg });
+      }
+    });
+
+    batchOperationInProgress.value = false;
+    batchDeleteConfig.value = false;
+    batchDeleteData.value = false;
+    await getExtensions({ withLoading: false });
+    exitBatchSelectionMode();
+
+    if (failed.length > 0) {
+      toast(
+        `${tm("batch.results.title")}: ${tm("batch.results.summary", { succeeded: succeeded.length, failed: failed.length })}`,
+        "warning",
+      );
+    } else {
+      toast(tm("messages.deleteSuccess"), "success");
+    }
+  };
+
   // 过滤后的插件市场数据（带搜索）
   const filteredMarketPlugins = computed(() => {
     const query = buildSearchQuery(debouncedMarketSearch.value);
@@ -1896,5 +2221,35 @@ export const useExtensionPage = () => {
     refreshPluginMarket,
     handleLocaleChange,
     searchDebounceTimer,
+    // 已安装插件排序
+    installedSortBy,
+    installedSortOrder,
+    // 已安装插件置顶
+    pinnedExtensionNames,
+    pinnedExtensionOrder,
+    isPinnedExtension,
+    togglePinnedExtension,
+    // 已安装插件排序结果
+    sortedInstalledPlugins,
+    // 批量操作
+    batchSelectionMode,
+    selectedPluginNames,
+    batchOperationInProgress,
+    batchConfirmDialog,
+    batchDeleteConfig,
+    batchDeleteData,
+    toggleBatchSelectionMode,
+    exitBatchSelectionMode,
+    togglePluginSelection,
+    selectAllPlugins,
+    deselectAllPlugins,
+    invertSelection,
+    isPluginSelected,
+    showBatchConfirm,
+    cancelBatchConfirm,
+    confirmBatchOperation,
+    batchEnablePlugins,
+    batchDisablePlugins,
+    batchUninstallPlugins,
   };
 };