From d85aa68f669e4e162e353087abad252fd76fd638 Mon Sep 17 00:00:00 2001
From: Adam Bowker <adam.b@posthog.com>
Date: Fri, 3 Apr 2026 14:58:56 -0700
Subject: [PATCH] fix(code): truncate text properly in tool call output

---
 .../sessions/components/session-update/ExecuteToolView.tsx  | 6 +++---
 .../sessions/components/session-update/FetchToolView.tsx    | 2 +-
 .../sessions/components/session-update/ReadToolView.tsx     | 2 +-
 .../sessions/components/session-update/SearchToolView.tsx   | 4 ++--
 .../sessions/components/session-update/ToolCallView.tsx     | 2 +-
 .../features/sessions/components/session-update/ToolRow.tsx | 2 +-
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/code/src/renderer/features/sessions/components/session-update/ExecuteToolView.tsx b/apps/code/src/renderer/features/sessions/components/session-update/ExecuteToolView.tsx
index 5d8dbe839..a0a80930a 100644
--- a/apps/code/src/renderer/features/sessions/components/session-update/ExecuteToolView.tsx
+++ b/apps/code/src/renderer/features/sessions/components/session-update/ExecuteToolView.tsx
@@ -55,7 +55,7 @@ export function ExecuteToolView({
       className={`group py-0.5 ${isExpandable ? "cursor-pointer" : ""}`}
       onClick={handleClick}
     >
-      <Flex gap="2">
+      <Flex gap="2" className="min-w-0">
         <Box className="shrink-0 pt-px">
           <ExpandableIcon
             icon={Terminal}
@@ -64,10 +64,10 @@ export function ExecuteToolView({
             isExpanded={isExpanded}
           />
         </Box>
-        <Flex align="center" gap="2" wrap="wrap">
+        <Flex align="center" gap="2" wrap="wrap" className="min-w-0">
           {description && <ToolTitle>{description}</ToolTitle>}
           {command && (
-            <ToolTitle className="truncate">
+            <ToolTitle className="min-w-0 truncate">
               <span className="font-mono text-accent-11" title={command}>
                 {truncateText(compactHomePath(command), MAX_COMMAND_LENGTH)}
               </span>
diff --git a/apps/code/src/renderer/features/sessions/components/session-update/FetchToolView.tsx b/apps/code/src/renderer/features/sessions/components/session-update/FetchToolView.tsx
index a0f2b7919..74cc3f17b 100644
--- a/apps/code/src/renderer/features/sessions/components/session-update/FetchToolView.tsx
+++ b/apps/code/src/renderer/features/sessions/components/session-update/FetchToolView.tsx
@@ -46,7 +46,7 @@ export function FetchToolView({
       <Flex
         align="center"
         gap="2"
-        className={`group py-0.5 ${isExpandable ? "cursor-pointer" : ""}`}
+        className={`group min-w-0 py-0.5 ${isExpandable ? "cursor-pointer" : ""}`}
         onClick={handleClick}
       >
         <ExpandableIcon
diff --git a/apps/code/src/renderer/features/sessions/components/session-update/ReadToolView.tsx b/apps/code/src/renderer/features/sessions/components/session-update/ReadToolView.tsx
index 1f26b87fc..d10b9c07e 100644
--- a/apps/code/src/renderer/features/sessions/components/session-update/ReadToolView.tsx
+++ b/apps/code/src/renderer/features/sessions/components/session-update/ReadToolView.tsx
@@ -43,7 +43,7 @@ export function ReadToolView({
       <Flex
         align="center"
         gap="2"
-        className={`group py-0.5 ${isExpandable ? "cursor-pointer" : ""}`}
+        className={`group min-w-0 py-0.5 ${isExpandable ? "cursor-pointer" : ""}`}
         onClick={handleClick}
       >
         <ExpandableIcon
diff --git a/apps/code/src/renderer/features/sessions/components/session-update/SearchToolView.tsx b/apps/code/src/renderer/features/sessions/components/session-update/SearchToolView.tsx
index 3d5c9b31a..d96194ab6 100644
--- a/apps/code/src/renderer/features/sessions/components/session-update/SearchToolView.tsx
+++ b/apps/code/src/renderer/features/sessions/components/session-update/SearchToolView.tsx
@@ -54,7 +54,7 @@ export function SearchToolView({
       <Flex
         align="center"
         gap="2"
-        className="group cursor-pointer py-0.5"
+        className="group min-w-0 cursor-pointer py-0.5"
         onClick={handleClick}
       >
         <ExpandableIcon
@@ -63,7 +63,7 @@ export function SearchToolView({
           isExpandable
           isExpanded={isExpanded}
         />
-        <ToolTitle className="truncate">
+        <ToolTitle className="min-w-0 truncate">
           <span className="font-mono">{title || "Search"}</span>
         </ToolTitle>
         <ToolTitle className="shrink-0 whitespace-nowrap">
diff --git a/apps/code/src/renderer/features/sessions/components/session-update/ToolCallView.tsx b/apps/code/src/renderer/features/sessions/components/session-update/ToolCallView.tsx
index 8d7bac097..86f30c411 100644
--- a/apps/code/src/renderer/features/sessions/components/session-update/ToolCallView.tsx
+++ b/apps/code/src/renderer/features/sessions/components/session-update/ToolCallView.tsx
@@ -98,7 +98,7 @@ export function ToolCallView({
       className={`group py-0.5 ${isExpandable ? "cursor-pointer" : ""}`}
       onClick={handleClick}
     >
-      <Flex gap="2">
+      <Flex gap="2" className="min-w-0">
         <Box className="shrink-0 pt-px">
           <ExpandableIcon
             icon={KindIcon}
diff --git a/apps/code/src/renderer/features/sessions/components/session-update/ToolRow.tsx b/apps/code/src/renderer/features/sessions/components/session-update/ToolRow.tsx
index 18cd5e053..23015b7a2 100644
--- a/apps/code/src/renderer/features/sessions/components/session-update/ToolRow.tsx
+++ b/apps/code/src/renderer/features/sessions/components/session-update/ToolRow.tsx
@@ -19,7 +19,7 @@ export function ToolRow({
   children,
 }: ToolRowProps) {
   return (
-    <Flex align="center" gap="2" className="py-0.5">
+    <Flex align="center" gap="2" className="min-w-0 py-0.5">
       <LoadingIcon icon={icon} isLoading={isLoading} />
       <ToolTitle>{children}</ToolTitle>
       <StatusIndicators isFailed={isFailed} wasCancelled={wasCancelled} />