perf: simplify compact thought previews

This commit is contained in:
777genius 2026-05-29 15:20:03 +03:00
parent f05aefe097
commit 7ab0a41728

View file

@ -13,18 +13,12 @@ import {
import { useAppTranslation } from '@features/localization/renderer'; import { useAppTranslation } from '@features/localization/renderer';
import { CompactMarkdownPreview } from '@renderer/components/chat/viewers/MarkdownViewer'; import { CompactMarkdownPreview } from '@renderer/components/chat/viewers/MarkdownViewer';
import { MemberBadge } from '@renderer/components/team/MemberBadge'; import { MemberBadge } from '@renderer/components/team/MemberBadge';
import { import { Tooltip, TooltipContent, TooltipTrigger } from '@renderer/components/ui/tooltip';
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from '@renderer/components/ui/tooltip';
import { import {
CARD_BG, CARD_BG,
CARD_BG_ZEBRA, CARD_BG_ZEBRA,
CARD_BORDER_STYLE, CARD_BORDER_STYLE,
CARD_ICON_MUTED, CARD_ICON_MUTED,
CARD_TEXT_LIGHT,
} from '@renderer/constants/cssVariables'; } from '@renderer/constants/cssVariables';
import { getTeamColorSet } from '@renderer/constants/teamColors'; import { getTeamColorSet } from '@renderer/constants/teamColors';
import { agentAvatarUrl } from '@renderer/utils/memberHelpers'; import { agentAvatarUrl } from '@renderer/utils/memberHelpers';
@ -797,7 +791,7 @@ const LeadThoughtsGroupRowComponent = ({
return ( return (
<AnimatedHeightReveal animate={isNew} containerRef={ref} style={{ overflowAnchor: 'none' }}> <AnimatedHeightReveal animate={isNew} containerRef={ref} style={{ overflowAnchor: 'none' }}>
<article <article
className="group rounded-md [overflow:clip]" className="activity-timeline-card group rounded-md [overflow:clip]"
style={{ style={{
backgroundColor: zebraShade ? CARD_BG_ZEBRA : CARD_BG, backgroundColor: zebraShade ? CARD_BG_ZEBRA : CARD_BG,
border: hasApiError ? '1px solid rgba(248, 113, 113, 0.3)' : CARD_BORDER_STYLE, border: hasApiError ? '1px solid rgba(248, 113, 113, 0.3)' : CARD_BORDER_STYLE,
@ -866,27 +860,14 @@ const LeadThoughtsGroupRowComponent = ({
</div> </div>
</div> </div>
{compactPreviewMarkdown ? ( {compactPreviewMarkdown ? (
<TooltipProvider delayDuration={1000}> <div title={compactPreviewTooltipText ?? undefined}>
<Tooltip> <CompactMarkdownPreview
<TooltipTrigger asChild> content={compactPreviewMarkdown}
<div> className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4"
<CompactMarkdownPreview teamColorByName={teamColorByName}
content={compactPreviewMarkdown} onTeamClick={onTeamClick}
className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4" />
teamColorByName={teamColorByName} </div>
onTeamClick={onTeamClick}
/>
</div>
</TooltipTrigger>
<TooltipContent
side="bottom"
align="start"
className="max-w-sm whitespace-normal break-words"
>
{compactPreviewTooltipText}
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : null} ) : null}
</div> </div>
) : !isBodyVisible ? ( ) : !isBodyVisible ? (
@ -951,27 +932,14 @@ const LeadThoughtsGroupRowComponent = ({
</div> </div>
</div> </div>
{compactPreviewMarkdown ? ( {compactPreviewMarkdown ? (
<TooltipProvider delayDuration={1000}> <div title={compactPreviewTooltipText ?? undefined}>
<Tooltip> <CompactMarkdownPreview
<TooltipTrigger asChild> content={compactPreviewMarkdown}
<div> className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4"
<CompactMarkdownPreview teamColorByName={teamColorByName}
content={compactPreviewMarkdown} onTeamClick={onTeamClick}
className="mt-1 line-clamp-2 w-full min-w-0 max-w-full break-words text-[11px] leading-4" />
teamColorByName={teamColorByName} </div>
onTeamClick={onTeamClick}
/>
</div>
</TooltipTrigger>
<TooltipContent
side="bottom"
align="start"
className="max-w-sm whitespace-normal break-words"
>
{compactPreviewTooltipText}
</TooltipContent>
</Tooltip>
</TooltipProvider>
) : null} ) : null}
</div> </div>
) : ( ) : (