[9.2] [One Discover] [Logs UX] Show full title tooltips on resources badges and only truncate titles in summary column (#241557) (#241926)

# Backport

This will backport the following commits from `main` to `9.2`:
- [[One Discover] [Logs UX] Show full title tooltips on resources badges
and only truncate titles in summary column
(#241557)](#241557)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Abdul Wahab
Zahid","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-11-05T09:29:30Z","message":"[One
Discover] [Logs UX] Show full title tooltips on resources badges and
only truncate titles in summary column (#241557)\n\n- Make the
truncation configurable so that resource badges are rendered\nwithout
truncation when rendered as individual columns (for Summary\ncolumn,
they'll truncate).\n- Show the hover tooltip with full titles,
always.\n\nBefore\n\n\nhttps://github.com/user-attachments/assets/1d296649-9967-4be8-b2e3-fcc738e46244\n\nAfter\n\n\nhttps://github.com/user-attachments/assets/ebca3b16-9cc1-4f71-b9a2-b02902fd1ac9\n\nCo-authored-by:
Elastic Machine
<[email protected]>","sha":"4d969dfc5a7ceb3830bd02e126a27e9dfbbdb3a7","branchLabelMapping":{"^v9.3.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:obs-ux-logs","backport:version","v9.3.0","v8.18.9","v9.0.9","v9.1.7","v9.2.1"],"title":"[One
Discover] [Logs UX] Show full title tooltips on resources badges and
only truncate titles in summary
column","number":241557,"url":"https://github.com/elastic/kibana/pull/241557","mergeCommit":{"message":"[One
Discover] [Logs UX] Show full title tooltips on resources badges and
only truncate titles in summary column (#241557)\n\n- Make the
truncation configurable so that resource badges are rendered\nwithout
truncation when rendered as individual columns (for Summary\ncolumn,
they'll truncate).\n- Show the hover tooltip with full titles,
always.\n\nBefore\n\n\nhttps://github.com/user-attachments/assets/1d296649-9967-4be8-b2e3-fcc738e46244\n\nAfter\n\n\nhttps://github.com/user-attachments/assets/ebca3b16-9cc1-4f71-b9a2-b02902fd1ac9\n\nCo-authored-by:
Elastic Machine
<[email protected]>","sha":"4d969dfc5a7ceb3830bd02e126a27e9dfbbdb3a7"}},"sourceBranch":"main","suggestedTargetBranches":["8.18","9.0","9.1","9.2"],"targetPullRequestStates":[{"branch":"main","label":"v9.3.0","branchLabelMappingKey":"^v9.3.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/241557","number":241557,"mergeCommit":{"message":"[One
Discover] [Logs UX] Show full title tooltips on resources badges and
only truncate titles in summary column (#241557)\n\n- Make the
truncation configurable so that resource badges are rendered\nwithout
truncation when rendered as individual columns (for Summary\ncolumn,
they'll truncate).\n- Show the hover tooltip with full titles,
always.\n\nBefore\n\n\nhttps://github.com/user-attachments/assets/1d296649-9967-4be8-b2e3-fcc738e46244\n\nAfter\n\n\nhttps://github.com/user-attachments/assets/ebca3b16-9cc1-4f71-b9a2-b02902fd1ac9\n\nCo-authored-by:
Elastic Machine
<[email protected]>","sha":"4d969dfc5a7ceb3830bd02e126a27e9dfbbdb3a7"}},{"branch":"8.18","label":"v8.18.9","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.9","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.1","label":"v9.1.7","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.2","label":"v9.2.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Abdul Wahab Zahid <[email protected]>
Co-authored-by: Elastic Machine <[email protected]>

Author: 3 people

src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/cell_actions_popover.tsx

@@ -38,7 +38,7 @@ import {
   filterOutText,
   openCellActionPopoverAriaText,
 } from './translations';
-import { truncateAndPreserveHighlightTags } from './utils';
+import { truncateAndPreserveHighlightTags, extractTextAndMarkTags } from './utils';
 
 interface CellActionsPopoverProps {
   onFilter?: DocViewFilterFn;
@@ -178,6 +178,7 @@ export interface FieldBadgeWithActionsProps
   > {
   icon?: EuiBadgeProps['iconType'];
   color?: string;
+  truncateTitle?: boolean;
 }
 
 interface FieldBadgeWithActionsDependencies {
@@ -197,9 +198,13 @@ export function FieldBadgeWithActions({
   value,
   rawValue,
   color = 'hollow',
+  truncateTitle = false,
 }: FieldBadgeWithActionsPropsAndDependencies) {
   const MAX_LENGTH = 20;
 
+  const displayValue = truncateTitle ? truncateAndPreserveHighlightTags(value, MAX_LENGTH) : value;
+  const titleText = extractTextAndMarkTags(value).cleanText;
+
   return (
     <CellActionsPopover
       onFilter={onFilter}
@@ -209,11 +214,17 @@ export function FieldBadgeWithActions({
       rawValue={rawValue}
       renderValue={renderValue}
       renderPopoverTrigger={({ popoverTriggerProps }) => (
-        <EuiBadge {...popoverTriggerProps} color={color} iconType={icon} iconSide="left">
+        <EuiBadge
+          {...popoverTriggerProps}
+          color={color}
+          iconType={icon}
+          iconSide="left"
+          title={titleText}
+        >
           <span
             // eslint-disable-next-line react/no-danger
             dangerouslySetInnerHTML={{
-              __html: truncateAndPreserveHighlightTags(value, MAX_LENGTH),
+              __html: displayValue,
             }}
           />
         </EuiBadge>

src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/summary_column/resource.tsx

@@ -38,6 +38,7 @@ export const Resource = ({ fields, limited = false, onFilter, ...props }: Resour
           value={value}
           icon={Icon}
           onFilter={onFilter}
+          truncateTitle={true}
         />
       ))}
       {extraFieldsCount > 0 && (

src/platform/packages/shared/kbn-discover-contextual-components/src/data_types/logs/components/utils/truncate_preserve_highlight_tags.ts

@@ -7,7 +7,7 @@
  * License v3.0 only", or the "Server Side Public License, v 1".
  */
 
-function extractTextAndMarkTags(html: string) {
+export function extractTextAndMarkTags(html: string) {
   const markTags: string[] = [];
   const cleanText = html.replace(/<\/?mark[^>]*>/g, (match) => {
     markTags.push(match);