import type { ToolResultBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
import type { StructuredPatchHunk } from 'diff';
import { isAbsolute, relative, resolve } from 'path';
import * as React from 'react';
import { Suspense, use, useState } from 'react';
import { MessageResponse } from 'src/components/MessageResponse.js';
import { extractTag } from 'src/utils/messages.js';
import { CtrlOToExpand } from 'src/components/CtrlOToExpand.js';
import { FallbackToolUseErrorMessage } from 'src/components/FallbackToolUseErrorMessage.js';
import { FileEditToolUpdatedMessage } from 'src/components/FileEditToolUpdatedMessage.js';
import { FileEditToolUseRejectedMessage } from 'src/components/FileEditToolUseRejectedMessage.js';
import { HighlightedCode } from 'src/components/HighlightedCode.js';
import { useTerminalSize } from 'src/hooks/useTerminalSize.js';
import { Box, Text } from '@anthropic/ink';
import { FilePathLink } from 'src/components/FilePathLink.js';
import type { ToolProgressData } from 'src/Tool.js';
import type { ProgressMessage } from 'src/types/message.js';
import { getCwd } from 'src/utils/cwd.js';
import { getPatchForDisplay } from 'src/utils/diff.js';
import { getDisplayPath } from 'src/utils/file.js';
import { logError } from 'src/utils/log.js';
import { getPlansDirectory } from 'src/utils/plans.js';
import { openForScan, readCapped } from 'src/utils/readEditContext.js';
import type { Output } from './FileWriteTool.js';
const MAX_LINES_TO_RENDER = 10;
// Model output uses \n regardless of platform, so always split on \n.
// os.EOL is \r\n on Windows, which would give numLines=1 for all files.
const EOL = '\n';
/**
* Count visible lines in file content. A trailing newline is treated as a
* line terminator (not a new empty line), matching editor line numbering.
*/
export function countLines(content: string): number {
const parts = content.split(EOL);
return content.endsWith(EOL) ? parts.length - 1 : parts.length;
}
function FileWriteToolCreatedMessage({
filePath,
content,
verbose,
}: {
filePath: string;
content: string;
verbose: boolean;
}): React.ReactNode {
const { columns } = useTerminalSize();
const contentWithFallback = content || '(No content)';
const numLines = countLines(content);
const plusLines = numLines - MAX_LINES_TO_RENDER;
return (
Wrote {numLines} lines to{' '}
{verbose ? filePath : relative(getCwd(), filePath)}
{!verbose && plusLines > 0 && (
… +{plusLines} {plusLines === 1 ? 'line' : 'lines'} {numLines > 0 && }
)}
);
}
export function userFacingName(input: Partial<{ file_path: string; content: string }> | undefined): string {
if (input?.file_path?.startsWith(getPlansDirectory())) {
return 'Updated plan';
}
return 'Write';
}
/** Gates fullscreen click-to-expand. Only `create` truncates (to
* MAX_LINES_TO_RENDER); `update` renders the full diff regardless of verbose.
* Called per visible message on hover/scroll, so early-exit after finding the
* (MAX+1)th line instead of splitting the whole (possibly huge) content. */
export function isResultTruncated({ type, content }: Output): boolean {
if (type !== 'create') return false;
let pos = 0;
for (let i = 0; i < MAX_LINES_TO_RENDER; i++) {
pos = content.indexOf(EOL, pos);
if (pos === -1) return false;
pos++;
}
// countLines treats a trailing EOL as a terminator, not a new line
return pos < content.length;
}
export function getToolUseSummary(input: Partial<{ file_path: string; content: string }> | undefined): string | null {
if (!input?.file_path) {
return null;
}
return getDisplayPath(input.file_path);
}
export function renderToolUseMessage(
input: Partial<{ file_path: string; content: string }>,
{ verbose }: { verbose: boolean },
): React.ReactNode {
if (!input.file_path) {
return null;
}
// For plan files, path is already in userFacingName
if (input.file_path.startsWith(getPlansDirectory())) {
return '';
}
return (
{verbose ? input.file_path : getDisplayPath(input.file_path)}
);
}
export function renderToolUseRejectedMessage(
{ file_path, content }: { file_path: string; content: string },
{ style, verbose }: { style?: 'condensed'; verbose: boolean },
): React.ReactNode {
return ;
}
type RejectionDiffData =
| { type: 'create' }
| { type: 'update'; patch: StructuredPatchHunk[]; oldContent: string }
| { type: 'error' };
function WriteRejectionDiff({
filePath,
content,
style,
verbose,
}: {
filePath: string;
content: string;
style?: 'condensed';
verbose: boolean;
}): React.ReactNode {
const [dataPromise] = useState(() => loadRejectionDiff(filePath, content));
const firstLine = content.split('\n')[0] ?? null;
const createFallback = (
);
return (
);
}
function WriteRejectionBody({
promise,
filePath,
firstLine,
createFallback,
style,
verbose,
}: {
promise: Promise;
filePath: string;
firstLine: string | null;
createFallback: React.ReactNode;
style?: 'condensed';
verbose: boolean;
}): React.ReactNode {
const data = use(promise);
if (data.type === 'create') return createFallback;
if (data.type === 'error') {
return (
(No changes)
);
}
return (
);
}
async function loadRejectionDiff(filePath: string, content: string): Promise {
try {
const fullFilePath = isAbsolute(filePath) ? filePath : resolve(getCwd(), filePath);
const handle = await openForScan(fullFilePath);
if (handle === null) return { type: 'create' };
let oldContent: string | null;
try {
oldContent = await readCapped(handle);
} finally {
await handle.close();
}
// File exceeds MAX_SCAN_BYTES — fall back to the create view rather than
// OOMing on a diff of a multi-GB file.
if (oldContent === null) return { type: 'create' };
const patch = getPatchForDisplay({
filePath,
fileContents: oldContent,
edits: [{ old_string: oldContent, new_string: content, replace_all: false }],
});
return { type: 'update', patch, oldContent };
} catch (e) {
// User may have manually applied the change while the diff was shown.
logError(e as Error);
return { type: 'error' };
}
}
export function renderToolUseErrorMessage(
result: ToolResultBlockParam['content'],
{ verbose }: { verbose: boolean },
): React.ReactNode {
if (!verbose && typeof result === 'string' && extractTag(result, 'tool_use_error')) {
return (
Error writing file
);
}
return ;
}
export function renderToolResultMessage(
{ filePath, content, structuredPatch, type, originalFile }: Output,
_progressMessagesForMessage: ProgressMessage[],
{ style, verbose }: { style?: 'condensed'; verbose: boolean },
): React.ReactNode {
switch (type) {
case 'create': {
const isPlanFile = filePath.startsWith(getPlansDirectory());
// Plan files: invert condensed behavior
// - Regular mode: just show hint (user can type /plan to see full content)
// - Condensed mode (subagent view): show full content
if (isPlanFile && !verbose) {
if (style !== 'condensed') {
return (
/plan to preview
);
}
} else if (style === 'condensed' && !verbose) {
const numLines = countLines(content);
return (
Wrote {numLines} lines to {relative(getCwd(), filePath)}
);
}
return ;
}
case 'update': {
const isPlanFile = filePath.startsWith(getPlansDirectory());
return (
);
}
}
}