From fa9bf6a50841b36233338361f1ce0a91e8b19b0d Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Tue, 26 May 2026 15:57:48 +0800
Subject: [PATCH] feat: display table comments in sidebar tree with hover-hide
 behavior

Show table/view comments next to names in the sidebar, hiding them on
row hover to avoid overlap with the pin button.
---
 apps/desktop/src/components/sidebar/TreeItem.vue | 12 ++++++++++++
 apps/desktop/src/lib/tableTree.ts                |  2 ++
 apps/desktop/src/types/database.ts               |  1 +
 3 files changed, 15 insertions(+)

diff --git a/apps/desktop/src/components/sidebar/TreeItem.vue b/apps/desktop/src/components/sidebar/TreeItem.vue
index 6d9fab7cf..462de1b8a 100644
--- a/apps/desktop/src/components/sidebar/TreeItem.vue
+++ b/apps/desktop/src/components/sidebar/TreeItem.vue
@@ -1572,6 +1572,12 @@ const columnComment = computed(() =>
     ? (props.node.meta as any).comment
     : null,
 );
+const tableComment = computed(() =>
+  (props.node.type === "table" || props.node.type === "view" || props.node.type === "mongo-collection") &&
+  props.node.comment
+    ? props.node.comment
+    : null,
+);
 const paddingLeft = computed(() => treeItemPaddingLeft(props.depth));
 const isConnected = computed(
   () =>
@@ -1891,6 +1897,12 @@ const isDragging = computed(() => dragState.active && dragState.draggedId === pr
           <span v-if="columnComment" class="truncate text-muted-foreground/60 text-[10px] max-w-[40%]">{{
             columnComment
           }}</span>
+          <span
+            v-if="tableComment"
+            class="truncate text-muted-foreground/60 text-[10px] max-w-[50%] group-hover:hidden"
+            :title="tableComment"
+            >{{ tableComment }}</span
+          >
           <span
             v-if="
               node.type === 'connection' && node.connectionId && connectionStore.connectedIds.has(node.connectionId)
diff --git a/apps/desktop/src/lib/tableTree.ts b/apps/desktop/src/lib/tableTree.ts
index 2f0b9ce50..7fef0a4d8 100644
--- a/apps/desktop/src/lib/tableTree.ts
+++ b/apps/desktop/src/lib/tableTree.ts
@@ -25,6 +25,7 @@ export function buildTableTreeNodes({
         id: `${nodeId}:${name}`,
         label: name,
         type: table.table_type === "VIEW" ? ("view" as const) : ("table" as const),
+        comment: table.comment,
         connectionId,
         database,
         schema,
@@ -130,6 +131,7 @@ export function buildGroupedObjectTreeNodes({
           id: `${nodeId}:${def.key}:${childSchema ? `${childSchema}:` : ""}${obj.name}`,
           label: obj.name,
           type: def.childType,
+          comment: obj.comment,
           connectionId,
           database,
           schema: childSchema,
diff --git a/apps/desktop/src/types/database.ts b/apps/desktop/src/types/database.ts
index 35793335e..2efa4fed1 100644
--- a/apps/desktop/src/types/database.ts
+++ b/apps/desktop/src/types/database.ts
@@ -292,6 +292,7 @@ export interface TreeNode {
   database?: string;
   schema?: string;
   tableName?: string;
+  comment?: string | null;
   objectCount?: number;
   loadedKeyCount?: number;
   totalKeyCount?: number;