fix(ExitPlan): match new ExitPlanMode key syntax

src/web/chat/components/ToolRendering/ToolContent.tsx

@@ -170,6 +170,7 @@ export function ToolContent({
       );
 
     case 'exit_plan_mode':
+    case 'ExitPlanMode':
       return (
         <PlanTool
           input={toolInput}

src/web/chat/components/ToolRendering/ToolLabel.tsx

@@ -114,6 +114,7 @@ export function ToolLabel({ toolName, toolInput, workingDirectory, onClick }: To
         );
 
       case 'exit_plan_mode':
+      case 'ExitPlanMode':
         return <span className="font-semibold">Plan</span>;
 
       default:

src/web/chat/utils/tool-utils.ts

@@ -50,32 +50,44 @@ export function formatToolInput(input: any, maxLength: number = 50): string {
   if (!input || typeof input !== 'object') {
     return String(input || '');
   }
-  
+
   const entries = Object.entries(input);
   if (entries.length === 0) return '';
-
+
+  // Special handling for plan content - show a truncated preview
+  if (entries.length === 1 && entries[0][0] === 'plan') {
+    const planContent = entries[0][1];
+    if (typeof planContent === 'string') {
+      // Extract first line of the plan for preview
+      const firstLine = planContent.split('\n')[0].trim();
+      return firstLine.length > maxLength
+        ? `"${firstLine.slice(0, maxLength)}..."`
+        : `"${firstLine}"`;
+    }
+  }
+
   if (entries.length === 1) {
     const [key, value] = entries[0];
-    const formattedValue = typeof value === 'string' && value.length > maxLength 
-      ? `"${value.slice(0, maxLength)}..."` 
-      : typeof value === 'string' 
-        ? `"${value}"` 
+    const formattedValue = typeof value === 'string' && value.length > maxLength
+      ? `"${value.slice(0, maxLength)}..."`
+      : typeof value === 'string'
+        ? `"${value}"`
         : String(value);
     return `${key}: ${formattedValue}`;
   }
-  
+
   // Multiple parameters - show key value pairs separated by commas
   const formatted = entries
     .map(([key, value]) => {
-      const formattedValue = typeof value === 'string' && value.length > maxLength 
-        ? `"${value.slice(0, maxLength)}..."` 
-        : typeof value === 'string' 
-          ? `"${value}"` 
+      const formattedValue = typeof value === 'string' && value.length > maxLength
+        ? `"${value.slice(0, maxLength)}..."`
+        : typeof value === 'string'
+          ? `"${value}"`
           : String(value);
       return `${key}: ${formattedValue}`;
     })
     .join(', ');
-    
+
   return formatted.length > maxLength ? `${formatted.slice(0, maxLength)}...` : formatted;
 }