From 20334dc9289c1cd840a37d70669be340c2e62ea9 Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Sun, 2 Aug 2026 18:13:31 +0800
Subject: [PATCH] fix(sidebar): wrap long names in delete dialog

---
 apps/desktop/src/components/sidebar/SidebarTreeItemDialogs.vue | 2 +-
 packages/app-tests/sidebarDialogRouting.test.ts                | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/components/sidebar/SidebarTreeItemDialogs.vue b/apps/desktop/src/components/sidebar/SidebarTreeItemDialogs.vue
index 00938c471f..e40c231b46 100644
--- a/apps/desktop/src/components/sidebar/SidebarTreeItemDialogs.vue
+++ b/apps/desktop/src/components/sidebar/SidebarTreeItemDialogs.vue
@@ -171,7 +171,7 @@ watch(
       <DialogHeader>
         <DialogTitle>{{ t("contextMenu.confirmDeleteTitle") }}</DialogTitle>
       </DialogHeader>
-      <p class="text-sm text-muted-foreground">
+      <p class="min-w-0 break-words text-sm text-muted-foreground [overflow-wrap:anywhere]">
         {{ connectionDeleteConfirmMessage() }}
       </p>
       <DialogFooter>
diff --git a/packages/app-tests/sidebarDialogRouting.test.ts b/packages/app-tests/sidebarDialogRouting.test.ts
index 5116d6a25e..e1df37f9b7 100644
--- a/packages/app-tests/sidebarDialogRouting.test.ts
+++ b/packages/app-tests/sidebarDialogRouting.test.ts
@@ -33,6 +33,7 @@ test("remaining form dialogs render once at tree level and keep confirm/cancel b
   assert.equal(occurrences(connectionTree, "<SidebarTreeItemDialogs"), 1);
   assert.doesNotMatch(treeItem, /<Dialog(?:\s|>)/);
   assert.doesNotMatch(treeItem, /<InstallExtensionDialog/);
+  assert.match(dialogHost, /<p class="min-w-0 break-words text-sm text-muted-foreground \[overflow-wrap:anywhere\]">\s*\{\{ connectionDeleteConfirmMessage\(\) \}\}/);
   assert.match(dialogHost, /v-model:open="showCreateDatabaseDialog"/);
   assert.match(dialogHost, /@click="showCreateDatabaseDialog = false"/);
   assert.match(dialogHost, /@click="confirmCreateDatabase"/);