From 2b2c5d87ddf3959533a55233ce383100af1ac47f Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Sat, 9 May 2026 22:54:12 +0100
Subject: [PATCH] Add hover titles to more truncated rows

Continuing the truncate-cell tooltip pass:

  - Audit Webhooks panel: each configured webhook URL was rendered
    with `truncate` and no title, so a long endpoint URL clipped past
    the visible card width with no way to read the rest.
  - SSO Providers panel: provider name and summary lines used
    `truncate` without a title, so a long display name or summary
    became unreadable in the row.

Add `title` attributes mirroring the visible content on each so hover
reveals the full string. Same shape as the Alert History fix in the
previous commit.
---
 .../src/components/Settings/AuditWebhookPanel.tsx           | 4 +++-
 .../src/components/Settings/SSOProvidersPanel.tsx           | 6 ++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx b/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
index 43094f897..af3871438 100644
--- a/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
+++ b/frontend-modern/src/components/Settings/AuditWebhookPanel.tsx
@@ -109,7 +109,9 @@ export const AuditWebhookPanel: Component<AuditWebhookPanelProps> = (props) => {
                       <div class={AUDIT_WEBHOOK_ENDPOINT_ICON_CLASS}>
                         <ExternalLink size={16} />
                       </div>
-                      <span class="text-sm font-medium text-base-content truncate">{url}</span>
+                      <span class="text-sm font-medium text-base-content truncate" title={url}>
+                        {url}
+                      </span>
                     </div>
                     <button
                       onClick={() => handleRemoveWebhook(url)}
diff --git a/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx b/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx
index f1ce14194..5eb0c6748 100644
--- a/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx
+++ b/frontend-modern/src/components/Settings/SSOProvidersPanel.tsx
@@ -132,14 +132,16 @@ export const SSOProvidersPanel: Component<SSOProvidersPanelProps> = (props) => {
                       </div>
                       <div class="min-w-0">
                         <div class="flex items-center gap-2">
-                          <span class="font-medium text-base-content truncate">
+                          <span class="font-medium text-base-content truncate" title={provider.name}>
                             {provider.name}
                           </span>
                           <span class={getSSOProviderTypeBadgeClass()}>
                             {getSSOProviderTypeLabel(provider.type)}
                           </span>
                         </div>
-                        <p class="text-xs text-muted truncate">{getSSOProviderSummary(provider)}</p>
+                        <p class="text-xs text-muted truncate" title={getSSOProviderSummary(provider)}>
+                          {getSSOProviderSummary(provider)}
+                        </p>
                       </div>
                     </div>
                     <div class="flex items-center gap-2 self-end sm:self-auto">