diff --git a/packages/app/src/components/tool-call-details.tsx b/packages/app/src/components/tool-call-details.tsx index b3e6cd463..9025f6a23 100644 --- a/packages/app/src/components/tool-call-details.tsx +++ b/packages/app/src/components/tool-call-details.tsx @@ -490,12 +490,19 @@ function FetchDetailSection({ url, result, ds }: FetchDetailProps) { ); } -function PlainTextSection({ text }: { text: string }) { +function ScrollablePlainTextSection({ text, ds }: { text: string; ds: DetailStyles }) { return ( - - - {text} - + + + + {text} + + ); } @@ -576,13 +583,7 @@ function buildUnknownSections(detail: UnknownDetail, ds: DetailStyles, t: TFunct typeof detail.input === "string" && detail.output === null ? detail.input : null; if (plainInputText !== null) { - return [ - - - {plainInputText} - - , - ]; + return []; } const sectionsFromTopLevel = [ @@ -698,7 +699,7 @@ function buildDetailSections( } if (detail.type === "plain_text") { if (!detail.text) return []; - return []; + return []; } if (detail.type === "unknown") { return buildUnknownSections(detail, ds, t); @@ -807,10 +808,6 @@ const styles = StyleSheet.create((theme) => { flex: 1, minHeight: 0, }, - plainTextSection: { - gap: theme.spacing[2], - padding: theme.spacing[3], - }, plainText: { fontFamily: theme.fontFamily.ui, fontSize: theme.fontSize.base,