feat(redis): support database aliases

apps/desktop/src/components/connection/ConnectionDialog.vue

@@ -3254,6 +3254,7 @@ function connectionConfigForSubmit(id: string, generatedName = ""): ConnectionCo
     config.redis_cluster_nodes = undefined;
     config.redis_key_separator = undefined;
     config.redis_scan_page_size = undefined;
+    config.redis_database_aliases = undefined;
   } else if (config.redis_connection_mode === "sentinel") {
     config.redis_sentinel_master = config.redis_sentinel_master?.trim() || "";
     config.redis_sentinel_nodes = normalizeRedisSentinelNodes(config.redis_sentinel_nodes || "");

apps/desktop/src/components/sidebar/SidebarTreeItemDialogs.vue

@@ -94,6 +94,11 @@ const {
   renameMongoCollectionPreview,
   renameMongoCollectionLoading,
   confirmRenameMongoCollection,
+  showRedisDatabaseAliasDialog,
+  redisDatabaseAliasInput,
+  redisDatabaseAliasSaving,
+  confirmRedisDatabaseAlias,
+  clearRedisDatabaseAlias,
   showCreateSchemaDialog,
   createSchemaName,
   confirmCreateSchema,
@@ -150,6 +155,7 @@ watch(
     showCreateNacosNamespaceDialog,
     showEditNacosNamespaceDialog,
     showRenameMongoCollectionDialog,
+    showRedisDatabaseAliasDialog,
     showCreateSchemaDialog,
     showEditSchemaCommentDialog,
   ],
@@ -249,6 +255,26 @@ watch(
     </DialogContent>
   </Dialog>
 
+  <Dialog v-model:open="showRedisDatabaseAliasDialog">
+    <DialogContent class="sm:max-w-[420px]">
+      <DialogHeader>
+        <DialogTitle>{{ t("redis.databaseAliasTitle", { db: node.database }) }}</DialogTitle>
+      </DialogHeader>
+      <div class="grid gap-2">
+        <Input v-model="redisDatabaseAliasInput" :placeholder="t('redis.databaseAliasPlaceholder')" :disabled="redisDatabaseAliasSaving" @keydown.enter.prevent="confirmRedisDatabaseAlias" />
+        <p class="text-xs text-muted-foreground">{{ t("redis.databaseAliasHint") }}</p>
+      </div>
+      <DialogFooter>
+        <Button variant="outline" :disabled="redisDatabaseAliasSaving" @click="clearRedisDatabaseAlias">{{ t("redis.clearDatabaseAlias") }}</Button>
+        <Button variant="outline" :disabled="redisDatabaseAliasSaving" @click="showRedisDatabaseAliasDialog = false">{{ t("dangerDialog.cancel") }}</Button>
+        <Button :disabled="redisDatabaseAliasSaving || !redisDatabaseAliasInput.trim()" @click="confirmRedisDatabaseAlias">
+          <Loader2 v-if="redisDatabaseAliasSaving" class="mr-2 h-4 w-4 animate-spin" />
+          {{ t("common.save") }}
+        </Button>
+      </DialogFooter>
+    </DialogContent>
+  </Dialog>
+
   <Dialog v-model:open="showStructurePreviewDialog">
     <DialogContent class="sm:max-w-[760px]">
       <DialogHeader>

apps/desktop/src/components/sidebar/SidebarTreeRuntimeHost.vue

@@ -397,6 +397,12 @@ const {
   dropMongoIndex,
   dropAllMongoIndexes,
   flushRedisDb,
+  prepareRedisDatabaseAliasDialog,
+  confirmRedisDatabaseAlias,
+  clearRedisDatabaseAlias,
+  showRedisDatabaseAliasDialog,
+  redisDatabaseAliasInput,
+  redisDatabaseAliasSaving,
   confirmFlushRedisDb,
   confirmDropMongoDatabase,
   confirmDropMongoCollection,
@@ -575,7 +581,9 @@ async function toggle() {
       }
     } else if (node.type === "redis-db" && node.connectionId && node.database) {
       await connectionStore.ensureConnected(node.connectionId);
-      const tabTitle = `${connectionStore.getConfig(node.connectionId)?.name || "Redis"}:db${node.database}`;
+      const alias = connectionStore.getRedisDatabaseAlias(node.connectionId, node.database);
+      const databaseLabel = alias ? `db${node.database} · ${alias}` : `db${node.database}`;
+      const tabTitle = `${connectionStore.getConfig(node.connectionId)?.name || "Redis"}:${databaseLabel}`;
       queryStore.createTab(node.connectionId, node.database, tabTitle, "redis");
     } else if (node.type === "mq-tenant" && node.connectionId) {
       await connectionStore.ensureConnected(node.connectionId);
@@ -916,6 +924,12 @@ function openRenameMongoCollectionDialog() {
   prepareRenameMongoCollectionDialog();
 }
 
+function openRedisDatabaseAliasDialog() {
+  claimTreeItemDialogOwnership();
+  routeTreeItemDialogController();
+  prepareRedisDatabaseAliasDialog();
+}
+
 function requestEditSelectedConnection(): boolean {
   const editTarget = selectedConnectionEditTarget(activeNode.value, selectedTreeNodesInVisibleOrder());
   if (!editTarget) return false;
@@ -3521,6 +3535,11 @@ function databaseSpecificDialogCapabilities() {
     renameMongoCollectionPreview,
     renameMongoCollectionLoading,
     confirmRenameMongoCollection,
+    showRedisDatabaseAliasDialog,
+    redisDatabaseAliasInput,
+    redisDatabaseAliasSaving,
+    confirmRedisDatabaseAlias,
+    clearRedisDatabaseAlias,
     showCreateSchemaDialog,
     createSchemaName,
     confirmCreateSchema,
@@ -4017,6 +4036,7 @@ function buildSpecialSidebarMenu(context: SidebarMenuFactoryContext): boolean {
     }
     if (node.type === "redis-db") {
       items.push({ label: "", separator: true });
+      items.push({ label: t("redis.setDatabaseAlias"), action: openRedisDatabaseAliasDialog, icon: Pencil });
       items.push({ label: t("redis.flushDb"), action: flushRedisDb, icon: Eraser, variant: "destructive" as const });
     }
     if (canDropMongoDatabase.value) {

apps/desktop/src/components/sidebar/sidebarTreeDialogState.ts

@@ -97,6 +97,9 @@ export const dropMongoIndexLoading = ref(false);
 export const showDropAllMongoIndexesConfirm = ref(false);
 export const dropAllMongoIndexesLoading = ref(false);
 export const showFlushRedisDbConfirm = ref(false);
+export const showRedisDatabaseAliasDialog = ref(false);
+export const redisDatabaseAliasInput = ref("");
+export const redisDatabaseAliasSaving = ref(false);
 export const showCreateSchemaDialog = ref(false);
 export const createSchemaName = ref("");
 export const showDropSchemaConfirm = ref(false);
@@ -139,6 +142,7 @@ const openFlags = [
   showDropMongoIndexConfirm,
   showDropAllMongoIndexesConfirm,
   showFlushRedisDbConfirm,
+  showRedisDatabaseAliasDialog,
   showCreateSchemaDialog,
   showDropSchemaConfirm,
   showEditDatabasePropertiesDialog,
@@ -156,6 +160,8 @@ export function resetSidebarTreeDialogState() {
   createDatabasePreviewSql.value = "";
   createDatabaseAuthorizationResults.value = [];
   createDatabaseAuthorizationApplying.value = false;
+  redisDatabaseAliasInput.value = "";
+  redisDatabaseAliasSaving.value = false;
   sidebarTreeDialogOwner.value = null;
   sidebarDangerTarget.value = null;
   sidebarFormTarget.value = null;