From 52217d43be6f0a481840081de71219a40bfc957b Mon Sep 17 00:00:00 2001
From: arc53-machine <232052973+arc53-machine@users.noreply.github.com>
Date: Tue, 29 Sep 2026 10:49:48 +0100
Subject: [PATCH] Keep a connected tool card's title to the service name

The server adds the account to a tool's name so pickers can tell accounts
apart; the card names the account on its own line already.
---
 frontend/src/settings/Tools.test.tsx |  4 ++--
 frontend/src/settings/Tools.tsx      | 13 +++++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/src/settings/Tools.test.tsx b/frontend/src/settings/Tools.test.tsx
index cf5a4384..1dc466c3 100644
--- a/frontend/src/settings/Tools.test.tsx
+++ b/frontend/src/settings/Tools.test.tsx
@@ -12,8 +12,8 @@ const TOOLS = [
   {
     id: 'tg',
     name: 'telegram',
-    displayName: 'Telegram',
-    customName: '',
+    displayName: 'Telegram · Alerts bot',
+    customName: 'Telegram · Alerts bot',
     description: 'Send messages',
     status: true,
     config: {},
diff --git a/frontend/src/settings/Tools.tsx b/frontend/src/settings/Tools.tsx
index 7da79a46..4749a1c4 100644
--- a/frontend/src/settings/Tools.tsx
+++ b/frontend/src/settings/Tools.tsx
@@ -440,6 +440,15 @@ export default function Tools() {
                         : undefined;
                       // A catalog service reads as the catalog describes it;
                       // a custom server keeps the description it came with.
+                      // The account is on the card's own line, so the title
+                      // drops the " · account" the server adds to tell
+                      // accounts apart in pickers.
+                      const fullName = tool.customName || tool.displayName;
+                      const title =
+                        connection &&
+                        fullName.startsWith(`${connection.name} · `)
+                          ? connection.name
+                          : fullName;
                       const description =
                         connector && connector.publisher !== 'custom'
                           ? connectorDescription(t, connector)
@@ -515,10 +524,10 @@ export default function Tools() {
                             <div className="mt-[9px] px-1">
                               <CardTitle
                                 as="h2"
-                                title={tool.customName || tool.displayName}
+                                title={title}
                                 className="truncate capitalize"
                               >
-                                {tool.customName || tool.displayName}
+                                {title}
                               </CardTitle>
                               <CardDescription
                                 size="xs"