claude-code/components/messages/UserToolResultMessage/UserToolSuccessMessage.tsx

104 lines
16 KiB
TypeScript
Raw Permalink Normal View History

import { feature } from 'bun:bundle';
import figures from 'figures';
import * as React from 'react';
import { SentryErrorBoundary } from 'src/components/SentryErrorBoundary.js';
import { Box, Text, useTheme } from '../../../ink.js';
import { useAppState } from '../../../state/AppState.js';
import { filterToolProgressMessages, type Tool, type Tools } from '../../../Tool.js';
import type { NormalizedUserMessage, ProgressMessage } from '../../../types/message.js';
import { deleteClassifierApproval, getClassifierApproval, getYoloClassifierApproval } from '../../../utils/classifierApprovals.js';
import type { buildMessageLookups } from '../../../utils/messages.js';
import { MessageResponse } from '../../MessageResponse.js';
import { HookProgressMessage } from '../HookProgressMessage.js';
type Props = {
message: NormalizedUserMessage;
lookups: ReturnType<typeof buildMessageLookups>;
toolUseID: string;
progressMessagesForMessage: ProgressMessage[];
style?: 'condensed';
tool?: Tool;
tools: Tools;
verbose: boolean;
width: number | string;
isTranscriptMode?: boolean;
};
export function UserToolSuccessMessage({
message,
lookups,
toolUseID,
progressMessagesForMessage,
style,
tool,
tools,
verbose,
width,
isTranscriptMode
}: Props): React.ReactNode {
const [theme] = useTheme();
// Hook stays inside feature() ternary so external builds don't pay a
// per-scrollback-message store subscription — same pattern as
// UserPromptMessage.tsx.
const isBriefOnly = feature('KAIROS') || feature('KAIROS_BRIEF') ?
// biome-ignore lint/correctness/useHookAtTopLevel: feature() is a compile-time constant
useAppState(s => s.isBriefOnly) : false;
// Capture classifier approval once on mount, then delete from Map to prevent linear growth.
// useState lazy initializer ensures the value persists across re-renders.
const [classifierRule] = React.useState(() => getClassifierApproval(toolUseID));
const [yoloReason] = React.useState(() => getYoloClassifierApproval(toolUseID));
React.useEffect(() => {
deleteClassifierApproval(toolUseID);
}, [toolUseID]);
if (!message.toolUseResult || !tool) {
return null;
}
// Resumed transcripts deserialize toolUseResult via raw JSON.parse with no
// validation (parseJSONL). A partial/corrupt/old-format result crashes
// renderToolResultMessage on first field access (anthropics/claude-code#39817).
// Validate against outputSchema before rendering — mirrors CollapsedReadSearchContent.
const parsedOutput = tool.outputSchema?.safeParse(message.toolUseResult);
if (parsedOutput && !parsedOutput.success) {
return null;
}
const toolResult = parsedOutput?.data ?? message.toolUseResult;
const renderedMessage = tool.renderToolResultMessage?.(toolResult as never, filterToolProgressMessages(progressMessagesForMessage), {
style,
theme,
tools,
verbose,
isTranscriptMode,
isBriefOnly,
input: lookups.toolUseByToolUseID.get(toolUseID)?.input
}) ?? null;
// Don't render anything if the tool result message is null
if (renderedMessage === null) {
return null;
}
// Tools that return '' from userFacingName opt out of tool chrome and
// render like plain assistant text. Skip the tool-result width constraint
// so MarkdownTable's SAFETY_MARGIN=4 (tuned for the assistant-text 2-col
// dot gutter) holds — otherwise tables wrap their box-drawing chars.
const rendersAsAssistantText = tool.userFacingName(undefined) === '';
return <Box flexDirection="column">
<Box flexDirection="column" width={rendersAsAssistantText ? undefined : width}>
{renderedMessage}
{feature('BASH_CLASSIFIER') ? classifierRule && <MessageResponse height={1}>
<Text dimColor>
<Text color="success">{figures.tick}</Text>
{' Auto-approved \u00b7 matched '}
{`"${classifierRule}"`}
</Text>
</MessageResponse> : null}
{feature('TRANSCRIPT_CLASSIFIER') ? yoloReason && <MessageResponse height={1}>
<Text dimColor>Allowed by auto mode classifier</Text>
</MessageResponse> : null}
</Box>
<SentryErrorBoundary>
<HookProgressMessage hookEvent="PostToolUse" lookups={lookups} toolUseID={toolUseID} verbose={verbose} isTranscriptMode={isTranscriptMode} />
</SentryErrorBoundary>
</Box>;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiZmlndXJlcyIsIlJlYWN0IiwiU2VudHJ5RXJyb3JCb3VuZGFyeSIsIkJveCIsIlRleHQiLCJ1c2VUaGVtZSIsInVzZUFwcFN0YXRlIiwiZmlsdGVyVG9vbFByb2dyZXNzTWVzc2FnZXMiLCJUb29sIiwiVG9vbHMiLCJOb3JtYWxpemVkVXNlck1lc3NhZ2UiLCJQcm9ncmVzc01lc3NhZ2UiLCJkZWxldGVDbGFzc2lmaWVyQXBwcm92YWwiLCJnZXRDbGFzc2lmaWVyQXBwcm92YWwiLCJnZXRZb2xvQ2xhc3NpZmllckFwcHJvdmFsIiwiYnVpbGRNZXNzYWdlTG9va3VwcyIsIk1lc3NhZ2VSZXNwb25zZSIsIkhvb2tQcm9ncmVzc01lc3NhZ2UiLCJQcm9wcyIsIm1lc3NhZ2UiLCJsb29rdXBzIiwiUmV0dXJuVHlwZSIsInRvb2xVc2VJRCIsInByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlIiwic3R5bGUiLCJ0b29sIiwidG9vbHMiLCJ2ZXJib3NlIiwid2lkdGgiLCJpc1RyYW5zY3JpcHRNb2RlIiwiVXNlclRvb2xTdWNjZXNzTWVzc2FnZSIsIlJlYWN0Tm9kZSIsInRoZW1lIiwiaXNCcmllZk9ubHkiLCJzIiwiY2xhc3NpZmllclJ1bGUiLCJ1c2VTdGF0ZSIsInlvbG9SZWFzb24iLCJ1c2VFZmZlY3QiLCJ0b29sVXNlUmVzdWx0IiwicGFyc2VkT3V0cHV0Iiwib3V0cHV0U2NoZW1hIiwic2FmZVBhcnNlIiwic3VjY2VzcyIsInRvb2xSZXN1bHQiLCJkYXRhIiwicmVuZGVyZWRNZXNzYWdlIiwicmVuZGVyVG9vbFJlc3VsdE1lc3NhZ2UiLCJpbnB1dCIsInRvb2xVc2VCeVRvb2xVc2VJRCIsImdldCIsInJlbmRlcnNBc0Fzc2lzdGFudFRleHQiLCJ1c2VyRmFjaW5nTmFtZSIsInVuZGVmaW5lZCIsInRpY2siXSwic291cmNlcyI6WyJVc2VyVG9vbFN1Y2Nlc3NNZXNzYWdlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmZWF0dXJlIH0gZnJvbSAnYnVuOmJ1bmRsZSdcbmltcG9ydCBmaWd1cmVzIGZyb20gJ2ZpZ3VyZXMnXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNlbnRyeUVycm9yQm91bmRhcnkgfSBmcm9tICdzcmMvY29tcG9uZW50cy9TZW50cnlFcnJvckJvdW5kYXJ5LmpzJ1xuaW1wb3J0IHsgQm94LCBUZXh0LCB1c2VUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2luay5qcydcbmltcG9ydCB7IHVzZUFwcFN0YXRlIH0gZnJvbSAnLi4vLi4vLi4vc3RhdGUvQXBwU3RhdGUuanMnXG5pbXBvcnQge1xuICBmaWx0ZXJUb29sUHJvZ3Jlc3NNZXNzYWdlcyxcbiAgdHlwZSBUb29sLFxuICB0eXBlIFRvb2xzLFxufSBmcm9tICcuLi8uLi8uLi9Ub29sLmpzJ1xuaW1wb3J0IHR5cGUge1xuICBOb3JtYWxpemVkVXNlck1lc3NhZ2UsXG4gIFByb2dyZXNzTWVzc2FnZSxcbn0gZnJvbSAnLi4vLi4vLi4vdHlwZXMvbWVzc2FnZS5qcydcbmltcG9ydCB7XG4gIGRlbGV0ZUNsYXNzaWZpZXJBcHByb3ZhbCxcbiAgZ2V0Q2xhc3NpZmllckFwcHJvdmFsLFxuICBnZXRZb2xvQ2xhc3NpZmllckFwcHJvdmFsLFxufSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc2lmaWVyQXBwcm92YWxzLmpzJ1xuaW1wb3J0IHR5cGUgeyBidWlsZE1lc3NhZ2VMb29rdXBzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvbWVzc2FnZXMuanMnXG5pbXBvcnQgeyBNZXNzYWdlUmVzcG9uc2UgfSBmcm9tICcuLi8uLi9NZXNzYWdlUmVzcG9uc2UuanMnXG5pbXBvcnQgeyBIb29rUHJvZ3Jlc3NNZXNzYWdlIH0gZnJvbSAnLi4vSG9va1Byb2dyZXNzTWVzc2FnZS5qcydcblxudHlwZSBQcm9wcyA9IHtcbiAgbWVzc2FnZTogTm9ybWFsaXplZFVzZXJNZXNzYWdlXG4gIGxvb2t1cHM6IFJldHVyblR5cGU8dHlwZW9mIGJ1aWxkTWVzc2FnZUxvb2t1cHM+XG4gIHRvb2xVc2VJRDogc3RyaW5nXG4gIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlOiBQcm9ncmVzc01lc3NhZ2VbXVxuICBzdHlsZT86ICdjb25kZW5zZWQnXG4gIHRvb2w/OiBUb29sXG4gIHRvb2xzOiBUb29sc1xuICB2ZXJib3NlOiBib29sZWFuXG4gIHdpZHRoOiBudW1iZXIgfCBzdHJpbmdcbiAgaXNUcmFuc2NyaXB0TW9kZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFVzZXJUb29sU3VjY2Vzc01lc3NhZ2Uoe1xuICBtZXNzYWdlLFxuICBsb29rdXBzLFxuICB0b29sVXNlSUQsXG4gIHByb2dyZXNzTWVzc2FnZXNGb3JNZXNzYWdlLFxuICBzdHlsZSxcbiAgdG9vbCxcbiAgdG9vbHMsXG4gIHZlcmJvc2UsXG4gIHdpZHRoLFxuICBpc1RyYW5zY3JpcHRNb2RlLFxufTogUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUge1xuICBjb25zdCBbdGhlbWVdID0gdXNlVGhlbWUoKVxuICAvLyBIb29rIHN0YXlzIGluc2lkZSBmZWF0dXJlKCkgdGVybmFyeSBzbyBleHRlcm5hbCBidWlsZHMgZG9uJ3QgcGF5IGFcbiAgLy8gcGVyLXNjcm9sbGJhY2stbWVzc2FnZSBzdG9yZSBzdWJzY3JpcHRpb24g4oCUIHNhbWUgcGF0dGVybiBhc1xuICAvLyBVc2VyUHJvbXB0TWVzc2FnZS50c3guXG4gIGNvbnN0IGlzQnJpZWZPbmx5ID1cbiAgICBmZWF0dXJlKCdLQUlST1MnKSB8fCBmZWF0dXJlKCdLQUlST1NfQlJJRUYnKVxuICAgICAgPyAvLyBiaW9tZS1pZ25vcmUgbGludC9jb3JyZWN0bmVzcy91c2VIb29rQXRUb3BMZXZlbDogZmVhdHVyZSgpIGlzIGEgY29tcGlsZS10aW1lIGNvbnN0YW50XG4gICAgICAgIHVzZUFwcFN0YXRlKHMgPT4gcy5pc0JyaWVmT25seSlcbiAgICAgIDogZmFsc2VcblxuICAvLyBDYXB0dXJlIGNsYXNzaWZpZXIgYXBwcm92YWwgb25jZSBvbiBtb3VudCwgdGhlbiBkZWxldGUgZnJvbSBNYXAgdG8gcHJldmVudCBsaW5lYXIgZ3Jvd3RoLlxuICAvLyB1c2VTdGF0ZSBsYXp5IGluaXRpYWxpemVyIGVuc3VyZXMgdGhlIHZhbHVlIHBlcnNpc3RzIGFjcm9zcyByZS1yZW5kZXJzLlxuICBjb25zdCBbY2xhc3NpZmllclJ1bGVdID0gUmVhY3QudXNlU3RhdGUoKCkgPT5cbiAgICBnZXRDbGFzc2lmaWVyQXBwcm92YWwodG9vbFVzZUlEKSxcbiAgKVxuICBjb25zdCBbeW9sb1JlYXNvbl0gPSBSZWFjdC51c2VTdGF0ZSgoKSA9PlxuICAgIGdldFlvbG9DbGFzc2lmaWVyQXBwcm92YWwodG9vbFVzZUlEKSxcbiAgKVxuICBSZWF