Function FileEditToolDiff

src/components/FileEditToolDiff.tsx:25–35

(props: Props)

};

export function FileEditToolDiff(props: Props): React.ReactNode {
  // Snapshot on mount — the diff must stay consistent even if the file changes
  // while the dialog is open. useMemo on props.edits would re-read the file on
  // every render because callers pass fresh array literals.
  const [dataPromise] = useState(() => loadDiffData(props.file_path, props.edits));
  return (
    <Suspense fallback={<DiffFrame placeholder />}>
      <DiffBody promise={dataPromise} file_path={props.file_path} />
    </Suspense>
  );
}

function DiffBody({ promise, file_path }: { promise: Promise<DiffData>; file_path: string }): React.ReactNode {
  const { patch, firstLine, fileContent } = use(promise);