39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip';
|
||
|
|
import { formatTerminalToolTooltip } from './formatTerminalToolTooltip';
|
||
|
|
import { TerminalArtifactCard } from './TerminalArtifactCard';
|
||
|
|
import type { TerminalToolArtifact } from './terminalToolArtifact';
|
||
|
|
|
||
|
|
interface TerminalArtifactToolResultProps {
|
||
|
|
artifact: TerminalToolArtifact;
|
||
|
|
toolName: string;
|
||
|
|
args?: Record<string, unknown>;
|
||
|
|
result?: unknown;
|
||
|
|
isError?: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const TerminalArtifactToolResult: React.FC<TerminalArtifactToolResultProps> = ({
|
||
|
|
artifact,
|
||
|
|
toolName,
|
||
|
|
args,
|
||
|
|
result,
|
||
|
|
isError,
|
||
|
|
}) => {
|
||
|
|
const tooltip = formatTerminalToolTooltip(toolName, args, result, isError);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Tooltip>
|
||
|
|
<TooltipTrigger asChild>
|
||
|
|
<TerminalArtifactCard artifact={artifact} />
|
||
|
|
</TooltipTrigger>
|
||
|
|
<TooltipContent
|
||
|
|
side="top"
|
||
|
|
align="start"
|
||
|
|
className="max-w-md whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed"
|
||
|
|
>
|
||
|
|
{tooltip}
|
||
|
|
</TooltipContent>
|
||
|
|
</Tooltip>
|
||
|
|
);
|
||
|
|
};
|