From 84ea2a6e13cf761b5f3b00a3b613fa6cd58af906 Mon Sep 17 00:00:00 2001
From: SuLea-IT <105108570+SuLea-IT@users.noreply.github.com>
Date: Thu, 30 Apr 2026 13:59:12 +0800
Subject: [PATCH] feat: clarify redis and mongo tab labels (#12)

Keep upstream's connection color UI intact while making MongoDB and Redis tab titles show the database context more clearly.
---
 src/App.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 0ebf24af9..c7c500707 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -128,6 +128,12 @@ function tabDisplayTitle(tab: typeof queryStore.tabs[number]): string {
   if (tab.mode === "query") {
     return `${connectionDisplayName(tab.connectionId)} | ${database}`;
   }
+  if (tab.mode === "mongo" && tab.sql) {
+    return `${database} | ${tab.sql}`;
+  }
+  if (tab.mode === "redis") {
+    return `${connectionDisplayName(tab.connectionId)} | ${database}`;
+  }
   return tab.title;
 }