update typecheck display

Author: Kitenite

apps/web/client/src/app/project/[id]/_components/right-panel/chat-tab/chat-messages/message-content/tool-call-display.tsx

@@ -6,7 +6,8 @@ import {
     SEARCH_REPLACE_MULTI_EDIT_FILE_TOOL_NAME,
     type SEARCH_REPLACE_MULTI_EDIT_FILE_TOOL_PARAMETERS,
     TERMINAL_COMMAND_TOOL_NAME, TODO_WRITE_TOOL_NAME,
-    type TODO_WRITE_TOOL_PARAMETERS, WEB_SEARCH_TOOL_NAME,
+    type TODO_WRITE_TOOL_PARAMETERS, TYPECHECK_TOOL_NAME,
+    WEB_SEARCH_TOOL_NAME,
     type WEB_SEARCH_TOOL_PARAMETERS,
     WRITE_FILE_TOOL_NAME,
     type WRITE_FILE_TOOL_PARAMETERS
@@ -15,6 +16,7 @@ import type { WebSearchResult } from '@onlook/models';
 import { Icons } from '@onlook/ui/icons/index';
 import { cn } from '@onlook/ui/utils';
 import type { ToolUIPart } from 'ai';
+import stripAnsi from 'strip-ansi';
 import { type z } from 'zod';
 import { BashCodeDisplay } from '../../code-display/bash-code-display';
 import { CollapsibleCodeBlock } from '../../code-display/collapsible-code-block';
@@ -212,6 +214,20 @@ export const ToolCallDisplay = ({
         );
     }
 
+    if (toolName === TYPECHECK_TOOL_NAME) {
+        const result = toolInvocation.output as { success: boolean; error?: string } | null;
+        const error = stripAnsi(result?.error || '');
+        return (
+            <BashCodeDisplay
+                key={toolInvocation.toolCallId}
+                content={'bunx tsc --noEmit'}
+                isStream={isStream}
+                defaultStdOut={error ? null : '✅ Typecheck passed!'}
+                defaultStdErr={error ? error : null}
+            />
+        );
+    }
+
     return (
         <ToolCallSimple
             toolInvocation={toolInvocation}