feat(channels): 可用渠道模型卡片支持一键复制模型名

卡片根元素由 button 改为 div + 拉伸按钮模式，避免按钮内嵌套
交互元素；新增复制按钮（relative 层叠于拉伸按钮之上），复用
useClipboard 与 copy/check 图标切换反馈。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>

Author: Open-Pixel-AI

frontend/src/components/channels/AvailableModelCard.vue

@@ -1,11 +1,14 @@
 <template>
-  <button
-    type="button"
-    class="group flex min-h-16 w-full cursor-pointer items-center gap-3 rounded-xl border border-gray-200 bg-white px-3 py-2.5 text-left shadow-sm transition-[border-color,background-color,box-shadow] duration-200 hover:border-gray-300 hover:bg-gray-50 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/60 dark:border-dark-700 dark:bg-dark-900/45 dark:hover:border-dark-600 dark:hover:bg-dark-800/70"
-    :aria-label="t('availableChannels.viewModelDetails', { model: model.name })"
-    :aria-expanded="expanded"
-    @click="$emit('select')"
+  <div
+    class="group relative flex min-h-16 w-full cursor-pointer items-center gap-3 rounded-xl border border-gray-200 bg-white px-3 py-2.5 text-left shadow-sm transition-[border-color,background-color,box-shadow] duration-200 hover:border-gray-300 hover:bg-gray-50 hover:shadow-md dark:border-dark-700 dark:bg-dark-900/45 dark:hover:border-dark-600 dark:hover:bg-dark-800/70"
   >
+    <button
+      type="button"
+      class="absolute inset-0 rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500/60"
+      :aria-label="t('availableChannels.viewModelDetails', { model: model.name })"
+      :aria-expanded="expanded"
+      @click="$emit('select')"
+    />
     <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gray-50 ring-1 ring-inset ring-gray-200 dark:bg-dark-800 dark:ring-dark-700">
       <ModelIcon :model="model.name" size="20px" />
     </span>
@@ -48,6 +51,19 @@
       </span>
     </span>
 
+    <button
+      type="button"
+      class="relative flex h-7 w-7 shrink-0 items-center justify-center rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/60"
+      :class="copied
+        ? 'text-emerald-500 dark:text-emerald-400'
+        : 'text-gray-300 hover:bg-gray-100 hover:text-gray-600 dark:text-dark-600 dark:hover:bg-dark-700 dark:hover:text-dark-300'"
+      :title="t('availableChannels.copyModel', { model: model.name })"
+      :aria-label="t('availableChannels.copyModel', { model: model.name })"
+      @click="copyModelName"
+    >
+      <Icon :name="copied ? 'check' : 'copy'" size="sm" />
+    </button>
+
     <Icon
       name="chevronRight"
       size="sm"
@@ -56,7 +72,7 @@
         expanded ? 'rotate-90' : '',
       ]"
     />
-  </button>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -66,6 +82,7 @@ import Icon from '@/components/icons/Icon.vue'
 import ModelIcon from '@/components/common/ModelIcon.vue'
 import type { UserSupportedModel } from '@/api/channels'
 import type { MonitorStatus } from '@/api/channelMonitor'
+import { useClipboard } from '@/composables/useClipboard'
 import { availableModelPriceSummary } from '@/utils/availableModelPricing'
 
 export interface AvailableModelMonitorSummary {
@@ -97,6 +114,12 @@ const props = withDefaults(
 defineEmits<{ (event: 'select'): void }>()
 
 const { t } = useI18n()
+const { copied, copyToClipboard } = useClipboard()
+
+function copyModelName(): void {
+  void copyToClipboard(props.model.name, t('availableChannels.copiedModel', { model: props.model.name }))
+}
+
 const priceSummary = computed(() =>
   availableModelPriceSummary(
     props.model,

frontend/src/i18n/locales/en.ts

@@ -3680,6 +3680,8 @@ export default {
     noGroups: "No accessible groups",
     noPricing: "Pricing not configured",
     viewModelDetails: "View details for {model}",
+    copyModel: "Copy {model}",
+    copiedModel: "Copied {model}",
     monitor: {
       unmonitored: "Not monitored",
       sources: "{count} monitors",

frontend/src/i18n/locales/zh.ts

@@ -3607,6 +3607,8 @@ export default {
     noGroups: "暂无可访问分组",
     noPricing: "未配置定价",
     viewModelDetails: "查看 {model} 详情",
+    copyModel: "复制 {model}",
+    copiedModel: "已复制 {model}",
     monitor: {
       unmonitored: "未配置监控",
       sources: "{count} 个监控源",