fix: polish VS Code chat actions and bash tool text

Hide multi-run action in VS Code chat
Remove rounded bash tool text surfaces
This commit is contained in:
Bohdan Triapitsyn
2026-04-30 14:19:20 +03:00
parent 8152bd7808
commit 57eec76a7b
2 changed files with 22 additions and 19 deletions
@@ -1692,7 +1692,8 @@ const AssistantMessageBody = React.memo(({
}, [messageCompletedAt, messageCreatedAt]); }, [messageCompletedAt, messageCreatedAt]);
const footerTimestampClassName = 'text-sm text-muted-foreground/60 tabular-nums flex items-center gap-1'; const footerTimestampClassName = 'text-sm text-muted-foreground/60 tabular-nums flex items-center gap-1';
const canOpenMessagePreview = !isMobile && !isVSCodeRuntime(); const isVSCode = isVSCodeRuntime();
const canOpenMessagePreview = !isMobile && !isVSCode;
const finalTurnActionButtons = ( const finalTurnActionButtons = (
<> <>
@@ -1721,7 +1722,7 @@ const AssistantMessageBody = React.memo(({
<TooltipContent sideOffset={6}>{t('chat.messageBody.actions.openPreview')}</TooltipContent> <TooltipContent sideOffset={6}>{t('chat.messageBody.actions.openPreview')}</TooltipContent>
</Tooltip> </Tooltip>
) : null} ) : null}
{!isVSCodeRuntime() ? ( {!isVSCode ? (
<Tooltip delayDuration={1000}> <Tooltip delayDuration={1000}>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<Button <Button
@@ -1757,21 +1758,23 @@ const AssistantMessageBody = React.memo(({
</TooltipTrigger> </TooltipTrigger>
<TooltipContent sideOffset={6}>{t('chat.messageBody.actions.startNewSession')}</TooltipContent> <TooltipContent sideOffset={6}>{t('chat.messageBody.actions.startNewSession')}</TooltipContent>
</Tooltip> </Tooltip>
<Tooltip delayDuration={1000}> {!isVSCode ? (
<TooltipTrigger asChild> <Tooltip delayDuration={1000}>
<Button <TooltipTrigger asChild>
type="button" <Button
size="icon" type="button"
variant="ghost" size="icon"
className="h-8 w-8 text-muted-foreground bg-transparent hover:text-foreground hover:!bg-transparent active:!bg-transparent focus-visible:!bg-transparent focus-visible:ring-2 focus-visible:ring-primary/50" variant="ghost"
onPointerDown={(event) => event.stopPropagation()} className="h-8 w-8 text-muted-foreground bg-transparent hover:text-foreground hover:!bg-transparent active:!bg-transparent focus-visible:!bg-transparent focus-visible:ring-2 focus-visible:ring-primary/50"
onClick={handleForkMultiRunClick} onPointerDown={(event) => event.stopPropagation()}
> onClick={handleForkMultiRunClick}
<ArrowsMerge className="h-4 w-4" /> >
</Button> <ArrowsMerge className="h-4 w-4" />
</TooltipTrigger> </Button>
<TooltipContent sideOffset={6}>{t('chat.messageBody.actions.startNewMultiRun')}</TooltipContent> </TooltipTrigger>
</Tooltip> <TooltipContent sideOffset={6}>{t('chat.messageBody.actions.startNewMultiRun')}</TooltipContent>
</Tooltip>
) : null}
</> </>
); );
@@ -1714,7 +1714,7 @@ const ToolExpandedContent: React.FC<ToolExpandedContentProps> = React.memo(({
syntaxTheme={syntaxTheme} syntaxTheme={syntaxTheme}
/>, />,
{ {
className: 'p-1', className: part.tool === 'bash' ? 'p-1 rounded-none' : 'p-1',
maxHeightClass: part.tool === 'bash' ? 'max-h-[46vh]' : undefined, maxHeightClass: part.tool === 'bash' ? 'max-h-[46vh]' : undefined,
} }
); );
@@ -1757,7 +1757,7 @@ const ToolExpandedContent: React.FC<ToolExpandedContentProps> = React.memo(({
), ),
{ {
maxHeightClass: 'max-h-60', maxHeightClass: 'max-h-60',
className: part.tool === 'bash' ? 'tool-input-surface p-0' : 'tool-input-surface', className: part.tool === 'bash' ? 'tool-input-surface p-0 rounded-none' : 'tool-input-surface',
} }
)} )}
</div> </div>