Merge pull request #2020 from Shoaibdev7/tooltip-blanking-during-answ…

…er-generated

Fixed(AI-Chat): Tooltip is Consistently `Blanking Out` During Answer Generation

src/components/App/SideBar/AiSummary/utils/AiSummaryHighlight/index.tsx

@@ -1,7 +1,7 @@
-import styled, { keyframes, css } from 'styled-components'
-import { colors } from '~/utils'
-import { ExtractedEntity } from '~/types'
+import styled, { css, keyframes } from 'styled-components'
 import { Tooltip } from '~/components/common/ToolTip'
+import { ExtractedEntity } from '~/types'
+import { colors } from '~/utils'
 
 // Define a keyframe animation for highlighting from top-left to bottom-right
 const highlightAnimation = keyframes`
@@ -61,7 +61,7 @@ export function highlightAiSummary(
         const entity = entities.find((e) => e.entity.toLowerCase() === part.toLowerCase())
 
         if (entity) {
-          const uniqueKey = `${entity.entity}-${part}-${Math.random().toString(36).substr(2, 9)}`
+          const uniqueKey = `${entity.entity}-${entities.indexOf(entity)}`
 
           return (
             <StyledTooltip key={uniqueKey} content={entity.description}>