From 1a91cb7c77aff6e2d25a4271ed2a63cd8d13650a Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Mon, 15 Jun 2026 12:47:54 +0800
Subject: [PATCH] feat(ui): add copy action to error banners

---
 apps/desktop/src/components/grid/DataGrid.vue  |  5 +----
 apps/desktop/src/components/ui/ErrorBanner.vue | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src/components/grid/DataGrid.vue b/apps/desktop/src/components/grid/DataGrid.vue
index d3ac8f57c..54a5b4a34 100644
--- a/apps/desktop/src/components/grid/DataGrid.vue
+++ b/apps/desktop/src/components/grid/DataGrid.vue
@@ -7267,10 +7267,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
     </div>
 
     <!-- Error bar -->
-    <div v-if="saveError" class="px-3 py-1.5 border-t bg-destructive/10 text-destructive text-xs shrink-0 flex items-center gap-2">
-      <span class="flex-1">{{ saveError }}</span>
-      <button class="hover:underline" @click="saveError = ''">{{ t("grid.dismiss") }}</button>
-    </div>
+    <ErrorBanner v-if="saveError" :message="saveError" copy-mode="label" dismissible @dismiss="saveError = ''" />
 
     <!-- Bottom status bar -->
     <div v-if="!isErrorResult" class="grid grid-cols-[minmax(0,1fr)_minmax(0,38%)_minmax(0,1fr)] items-center gap-2 px-3 py-1 border-t text-xs text-muted-foreground bg-muted/30 shrink-0">
diff --git a/apps/desktop/src/components/ui/ErrorBanner.vue b/apps/desktop/src/components/ui/ErrorBanner.vue
index 67bcf07e6..25595d34f 100644
--- a/apps/desktop/src/components/ui/ErrorBanner.vue
+++ b/apps/desktop/src/components/ui/ErrorBanner.vue
@@ -14,12 +14,20 @@ const props = withDefaults(
     message: string;
     variant?: "banner" | "centered";
     title?: string;
+    dismissible?: boolean;
+    copyMode?: "icon" | "label";
   }>(),
   {
     variant: "banner",
+    dismissible: false,
+    copyMode: "icon",
   },
 );
 
+const emit = defineEmits<{
+  dismiss: [];
+}>();
+
 const displayTitle = computed(() => props.title ?? t("grid.queryError"));
 
 async function copy() {
@@ -36,9 +44,13 @@ async function copy() {
   <!-- banner: 紧凑内联横幅 -->
   <div v-if="variant === 'banner'" class="flex items-center gap-2 px-3 py-1.5 border-t bg-destructive/10 text-destructive text-xs shrink-0">
     <span class="flex-1 min-w-0 break-all">{{ message }}</span>
-    <Button variant="ghost" size="icon-sm" class="h-5 w-5 shrink-0 text-destructive/70 hover:text-destructive" :aria-label="t('grid.copy')" @click.stop="copy">
+    <button v-if="copyMode === 'label'" type="button" class="shrink-0 hover:underline" :aria-label="t('grid.copy')" @click.stop="copy">
+      {{ t("grid.copy") }}
+    </button>
+    <Button v-else variant="ghost" size="icon-sm" class="h-5 w-5 shrink-0 text-destructive/70 hover:text-destructive" :aria-label="t('grid.copy')" @click.stop="copy">
       <Copy class="h-3 w-3" />
     </Button>
+    <button v-if="dismissible" type="button" class="shrink-0 hover:underline" @click.stop="emit('dismiss')">{{ t("grid.dismiss") }}</button>
   </div>
 
   <!-- centered: 居中占满 -->