From 495ca70ec501d65b135633e3a4556b0a1052effc Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Sat, 28 Mar 2026 15:31:25 +0800
Subject: [PATCH] fix(dashboard): replace remaining dense prop with
 density="compact"

Vuetify 4 deprecates `dense` prop on v-row and form fields.
---
 dashboard/src/components/platform/AddNewPlatform.vue    | 8 ++++----
 dashboard/src/components/shared/StorageCleanupPanel.vue | 2 +-
 dashboard/src/views/ConversationPage.vue                | 2 +-
 dashboard/src/views/Settings.vue                        | 4 ++--
 dashboard/src/views/SubAgentPage.vue                    | 2 +-
 dashboard/src/views/extension/InstalledPluginsTab.vue   | 2 +-
 dashboard/src/views/extension/MarketPluginsTab.vue      | 4 ++--
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/dashboard/src/components/platform/AddNewPlatform.vue b/dashboard/src/components/platform/AddNewPlatform.vue
index 467e229a9..733c3f011 100644
--- a/dashboard/src/components/platform/AddNewPlatform.vue
+++ b/dashboard/src/components/platform/AddNewPlatform.vue
@@ -38,7 +38,7 @@
                   :label="tm('createDialog.platformTypeLabel')"
                   variant="outlined"
                   rounded="md"
-                  dense
+                  density="compact"
                   hide-details
                   class="mt-6"
                   style="max-width: 30%; min-width: 300px"
@@ -86,7 +86,7 @@
                   :label="tm('createDialog.platformTypeLabel')"
                   variant="outlined"
                   rounded="md"
-                  dense
+                  density="compact"
                   hide-details
                   class="mt-6"
                   style="max-width: 30%; min-width: 300px"
@@ -173,7 +173,7 @@
                       :label="tm('createDialog.selectConfigLabel')"
                       variant="outlined"
                       rounded="md"
-                      dense
+                      density="compact"
                       hide-details
                       style="max-width: 30%; min-width: 200px"
                     />
@@ -201,7 +201,7 @@
                       :label="tm('createDialog.newConfigNameLabel')"
                       variant="outlined"
                       rounded="md"
-                      dense
+                      density="compact"
                       hide-details
                       style="max-width: 30%; min-width: 200px"
                       class="ml-10 my-2"
diff --git a/dashboard/src/components/shared/StorageCleanupPanel.vue b/dashboard/src/components/shared/StorageCleanupPanel.vue
index 942aaad2a..c7d794d22 100644
--- a/dashboard/src/components/shared/StorageCleanupPanel.vue
+++ b/dashboard/src/components/shared/StorageCleanupPanel.vue
@@ -57,7 +57,7 @@
             </v-btn>
           </div>
 
-          <v-row dense>
+          <v-row density="compact">
             <v-col
               v-for="item in storageCards"
               :key="item.key"
diff --git a/dashboard/src/views/ConversationPage.vue b/dashboard/src/views/ConversationPage.vue
index 89102f888..8848da31c 100644
--- a/dashboard/src/views/ConversationPage.vue
+++ b/dashboard/src/views/ConversationPage.vue
@@ -8,7 +8,7 @@
           <v-chip size="small" class="ml-2">
             {{ pagination.total || 0 }}
           </v-chip>
-          <v-row class="me-4 ms-4" dense>
+          <v-row class="me-4 ms-4" density="compact">
             <v-col cols="12" sm="6" md="4">
               <v-combobox
                 v-model="platformFilter"
diff --git a/dashboard/src/views/Settings.vue b/dashboard/src/views/Settings.vue
index c42e66fe9..42df029d3 100644
--- a/dashboard/src/views/Settings.vue
+++ b/dashboard/src/views/Settings.vue
@@ -30,7 +30,7 @@
         :subtitle="tm('theme.subtitle')"
         :title="tm('theme.customize.title')"
       >
-        <v-row class="mt-2" dense>
+        <v-row class="mt-2" density="compact">
           <v-col cols="4" sm="2">
             <v-text-field
               v-model="primaryColor"
@@ -122,7 +122,7 @@
             </v-tooltip>
           </div>
         </template>
-        <v-row class="mt-2" dense>
+        <v-row class="mt-2" density="compact">
           <v-col cols="12" md="4">
             <v-text-field
               v-model="newApiKeyName"
diff --git a/dashboard/src/views/SubAgentPage.vue b/dashboard/src/views/SubAgentPage.vue
index daa7da6e6..63ae4209d 100644
--- a/dashboard/src/views/SubAgentPage.vue
+++ b/dashboard/src/views/SubAgentPage.vue
@@ -59,7 +59,7 @@
 
         <v-divider class="my-4" />
 
-        <v-row dense>
+        <v-row density="compact">
           <v-col cols="12" md="6">
             <v-switch
               v-model="cfg.main_enable"
diff --git a/dashboard/src/views/extension/InstalledPluginsTab.vue b/dashboard/src/views/extension/InstalledPluginsTab.vue
index cde85179c..777c39a22 100644
--- a/dashboard/src/views/extension/InstalledPluginsTab.vue
+++ b/dashboard/src/views/extension/InstalledPluginsTab.vue
@@ -376,7 +376,7 @@ const pinnedPlugins = computed(() => {
                 <v-col v-for="n in 4" :key="n" cols="auto" />
               </template>
 
-              <transition-group name="list" class="v-row v-row--dense">
+              <transition-group name="list" class="v-row v-row-density-compact">
                 <v-col
                   v-for="(p, index) in pinnedPlugins"
                   :key="p.name"
diff --git a/dashboard/src/views/extension/MarketPluginsTab.vue b/dashboard/src/views/extension/MarketPluginsTab.vue
index d7cac3154..65583da28 100644
--- a/dashboard/src/views/extension/MarketPluginsTab.vue
+++ b/dashboard/src/views/extension/MarketPluginsTab.vue
@@ -326,7 +326,7 @@ const marketCategorySelectItems = computed(() =>
         </div>
       </div>
 
-      <v-row style="min-height: 26rem" dense>
+      <v-row style="min-height: 26rem" density="compact">
         <v-col
           v-for="plugin in paginatedPlugins"
           :key="plugin.name"
@@ -373,7 +373,7 @@ const marketCategorySelectItems = computed(() =>
             </v-btn>
           </div>
 
-          <v-row class="mb-6" dense>
+          <v-row class="mb-6" density="compact">
             <v-col
               v-for="plugin in randomPlugins"
               :key="`random-${plugin.name}`"