diff --git a/packages/ui/src/features/sessions/components/session-update/ExecuteToolView.tsx b/packages/ui/src/features/sessions/components/session-update/ExecuteToolView.tsx index 5dcf6da7b9..e820c4840a 100644 --- a/packages/ui/src/features/sessions/components/session-update/ExecuteToolView.tsx +++ b/packages/ui/src/features/sessions/components/session-update/ExecuteToolView.tsx @@ -1,5 +1,6 @@ import { Terminal } from "@phosphor-icons/react"; import { compactHomePath } from "@posthog/shared"; +import { Tooltip } from "@posthog/ui/primitives/Tooltip"; import { useChatThreadChrome } from "../chat-thread/chatThreadChrome"; import { ToolRow } from "./ToolRow"; import { @@ -51,6 +52,14 @@ export function ExecuteToolView({ ); const hasOutput = output.trim().length > 0; + // Full command in a wrapping mono block so a truncated row still surfaces + // exactly what ran on hover, however long it is. + const commandTooltip = ( + + {command} + + ); + return ( - - {truncateText(compactHomePath(command), MAX_COMMAND_LENGTH)} - + + + {truncateText(compactHomePath(command), MAX_COMMAND_LENGTH)} + + ) : ( - - {truncateText(compactHomePath(command), MAX_COMMAND_LENGTH)} - + + + {truncateText(compactHomePath(command), MAX_COMMAND_LENGTH)} + + ))}