From bd77670770be32ee0c2daabdbc5ac2f4706285a5 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sun, 31 May 2026 16:02:32 +0800
Subject: [PATCH] fix: hide table chrome for query errors

---
 apps/desktop/src/components/grid/DataGrid.vue | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/apps/desktop/src/components/grid/DataGrid.vue b/apps/desktop/src/components/grid/DataGrid.vue
index 81ce54fc51..f2314d3906 100644
--- a/apps/desktop/src/components/grid/DataGrid.vue
+++ b/apps/desktop/src/components/grid/DataGrid.vue
@@ -4453,7 +4453,19 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
     tabindex="0"
     @keydown="onGridKeydown"
   >
-    <CustomContextMenu :items="gridContextMenuItems" v-slot="{ onContextMenu }">
+    <div
+      v-if="isErrorResult"
+      class="flex-1 flex flex-col items-center justify-center gap-2 px-6 text-center text-destructive"
+    >
+      <TriangleAlert class="h-8 w-8 text-destructive/50" aria-hidden="true" />
+      <div class="space-y-1">
+        <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>
+
+    <CustomContextMenu v-else :items="gridContextMenuItems" v-slot="{ onContextMenu }">
       <div
         v-if="hasData || canUseWhereSearch"
         class="flex-1 flex flex-col overflow-hidden"
@@ -5637,19 +5649,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
               </div>
 
               <div
-                v-if="isErrorResult"
-                class="flex-1 flex flex-col items-center justify-center gap-2 px-6 text-center text-destructive"
-              >
-                <TriangleAlert class="h-8 w-8 text-destructive/50" aria-hidden="true" />
-                <div class="space-y-1">
-                  <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
-                v-else-if="!hasVisibleRows"
+                v-if="!hasVisibleRows"
                 class="flex-1 flex flex-col items-center justify-center gap-2 px-6 text-center text-muted-foreground"
               >
                 <component
@@ -6321,7 +6321,10 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
     </div>
 
     <!-- Bottom status bar -->
-    <div class="flex items-center gap-2 px-3 py-1 border-t text-xs text-muted-foreground bg-muted/30 shrink-0">
+    <div
+      v-if="!isErrorResult"
+      class="flex items-center gap-2 px-3 py-1 border-t text-xs text-muted-foreground bg-muted/30 shrink-0"
+    >
       <span v-if="hasData">
         {{ t("grid.totalRows", { count: result.rows.length }) }}
         <span v-if="typeof totalRowCount === 'number' && totalRowCount > 0" class="text-muted-foreground/70">{{