fix(connection): share connection group path map

apps/desktop/src/components/diff/SchemaDiffConfigStep.vue

@@ -5,6 +5,7 @@ import { Label } from "@/components/ui/label";
 import { Button } from "@/components/ui/button";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import SearchableSelect from "@/components/ui/searchable-select/SearchableSelect.vue";
+import ConnectionGroupBadge from "@/components/connection/ConnectionGroupBadge.vue";
 import { useConnectionStore } from "@/stores/connectionStore";
 import DatabaseIcon from "@/components/icons/DatabaseIcon.vue";
 import * as api from "@/lib/backend/api";
@@ -269,6 +270,7 @@ async function fetchDbVersion(connectionId: string, database: string, schema: st
             <template #option-label="{ option, label }">
               <div class="flex min-w-0 items-center gap-2">
                 <DatabaseIcon :db-type="sqlConnections.find((c) => c.id === option)?.driver_profile || sqlConnections.find((c) => c.id === option)?.db_type || 'mysql'" class="h-3.5 w-3.5 shrink-0" />
+                <ConnectionGroupBadge :connection-id="option" />
                 <span class="min-w-0 flex-1 truncate">{{ label }}</span>
               </div>
             </template>
@@ -353,6 +355,7 @@ async function fetchDbVersion(connectionId: string, database: string, schema: st
             <template #option-label="{ option, label }">
               <div class="flex min-w-0 items-center gap-2">
                 <DatabaseIcon :db-type="sqlConnections.find((c) => c.id === option)?.driver_profile || sqlConnections.find((c) => c.id === option)?.db_type || 'mysql'" class="h-3.5 w-3.5 shrink-0" />
+                <ConnectionGroupBadge :connection-id="option" />
                 <span class="min-w-0 flex-1 truncate">{{ label }}</span>
               </div>
             </template>