feat(providers): add persistent card view and shared drag ordering

frontend/src/features/providers/components/ProviderTableHeader.vue

@@ -22,7 +22,7 @@
         </div>
 
         <!-- 状态筛选 -->
-        <div class="xl:hidden">
+        <div :class="{ 'xl:hidden': !cardView }">
           <Select
             :model-value="filterStatus"
             @update:model-value="$emit('update:filterStatus', $event)"
@@ -43,7 +43,7 @@
         </div>
 
         <!-- API 格式筛选 -->
-        <div class="xl:hidden">
+        <div :class="{ 'xl:hidden': !cardView }">
           <Select
             :model-value="filterApiFormat"
             @update:model-value="$emit('update:filterApiFormat', $event)"
@@ -64,7 +64,7 @@
         </div>
 
         <!-- 模型筛选 -->
-        <div class="xl:hidden">
+        <div :class="{ 'xl:hidden': !cardView }">
           <Select
             :model-value="filterModel"
             @update:model-value="$emit('update:filterModel', $event)"
@@ -122,13 +122,32 @@
           :loading="loading"
           @click="$emit('refresh')"
         />
+        <Button
+          variant="ghost"
+          size="icon"
+          class="h-8 w-8"
+          :class="{ 'bg-primary/10 text-primary hover:bg-primary/15 hover:text-primary': cardView }"
+          :title="legacyT(cardView ? '切换到列表视图' : '切换到卡片视图')"
+          :aria-label="legacyT('卡片视图')"
+          :aria-pressed="cardView"
+          @click="$emit('toggleView')"
+        >
+          <List
+            v-if="cardView"
+            class="w-3.5 h-3.5"
+          />
+          <LayoutGrid
+            v-else
+            class="w-3.5 h-3.5"
+          />
+        </Button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { Search, Plus, FilterX, Users } from 'lucide-vue-next'
+import { Search, Plus, FilterX, Users, LayoutGrid, List } from 'lucide-vue-next'
 import Button from '@/components/ui/button.vue'
 import Input from '@/components/ui/input.vue'
 import Select from '@/components/ui/select.vue'
@@ -150,6 +169,7 @@ defineProps<{
   modelFilters: FilterOption[]
   hasActiveFilters: boolean
   loading: boolean
+  cardView: boolean
 }>()
 
 defineEmits<{
@@ -161,6 +181,7 @@ defineEmits<{
   'batchProcess': []
   'addProvider': []
   'refresh': []
+  'toggleView': []
 }>()
 
 const { legacyT } = useI18n()