From 1614365393fa4dbecfcb04a13375732ac6fa66ad Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sun, 31 May 2026 15:59:13 +0800
Subject: [PATCH] fix: move AI fix action near query errors

---
 apps/desktop/src/components/grid/DataGrid.vue |  1 +
 .../src/components/layout/ContentArea.vue     | 24 +++++++++----------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/apps/desktop/src/components/grid/DataGrid.vue b/apps/desktop/src/components/grid/DataGrid.vue
index 939b29ef09..81ce54fc51 100644
--- a/apps/desktop/src/components/grid/DataGrid.vue
+++ b/apps/desktop/src/components/grid/DataGrid.vue
@@ -5645,6 +5645,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
                   <div class="text-sm font-medium">{{ t("grid.queryError") }}</div>
                   <div class="text-xs max-w-lg break-all text-destructive/80">{{ errorMessage }}</div>
                 </div>
+                <slot name="error-actions" :error-message="errorMessage" />
               </div>
 
               <div
diff --git a/apps/desktop/src/components/layout/ContentArea.vue b/apps/desktop/src/components/layout/ContentArea.vue
index 8075f1d5ca..efe45c2b31 100644
--- a/apps/desktop/src/components/layout/ContentArea.vue
+++ b/apps/desktop/src/components/layout/ContentArea.vue
@@ -445,19 +445,19 @@ defineExpose({ focusSearch, refreshData, handleModRTarget });
                   (column: string, columnIndex: number, direction: 'asc' | 'desc' | null, whereInput?: string) =>
                     emit('sort', column, columnIndex, direction, whereInput)
                 "
-              />
-              <div
-                v-if="activeTab.result?.columns.includes('Error')"
-                class="flex items-center gap-2 px-3 py-1.5 border-t bg-destructive/5"
               >
-                <Bot class="h-3.5 w-3.5 text-destructive" />
-                <button
-                  class="text-xs text-destructive hover:underline"
-                  @click="emit('fixWithAi', String(activeTab.result?.rows?.[0]?.[0] ?? ''))"
-                >
-                  {{ t("ai.fixWithAi") }}
-                </button>
-              </div>
+                <template v-if="activeTab.result?.columns.includes('Error')" #error-actions="{ errorMessage }">
+                  <Button
+                    variant="outline"
+                    size="sm"
+                    class="mt-2 h-7 gap-1.5 border-destructive/30 bg-background px-2.5 text-xs text-destructive hover:bg-destructive/10 hover:text-destructive"
+                    @click="emit('fixWithAi', String(errorMessage))"
+                  >
+                    <Bot class="h-3.5 w-3.5" />
+                    {{ t("ai.fixWithAi") }}
+                  </Button>
+                </template>
+              </DataGrid>
               <div
                 v-else-if="!activeTab.result && activeTab.isExecuting"
                 class="flex-1 min-h-0 flex flex-col items-center justify-center gap-3 text-muted-foreground text-sm"