⚡ Bolt: Optimize Chat UI rendering in Ink

src/ui/App.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Box, Text, Static } from 'ink';
 import { useSethAgent, type UseSethAgentOptions } from './hooks/useSethAgent.js';
 import { ChatMessage } from './ChatMessage.js';
@@ -29,11 +29,14 @@ export function App({ agentOptions }: AppProps) {
   // Sadece mesajları statik olarak render ediyoruz.
   // Logo ve giriş bilgileri zaten intro.ts tarafından (cli.ts içinde) basıldı.
   // Ink bunları tekrar basmamalı, aksi halde duplicate olur.
-  const staticItems: StaticItem[] = history.map((msg, i) => ({ 
-    type: 'message', 
-    id: `msg-${i}`, 
-    message: msg 
-  } as StaticItem));
+  // ⚡ Bolt Optimization: Memoize static items array creation to prevent mapping the entire history on every render chunk during streaming.
+  const staticItems: StaticItem[] = useMemo(() => {
+    return history.map((msg, i) => ({
+      type: 'message',
+      id: `msg-${i}`,
+      message: msg
+    } as StaticItem));
+  }, [history]);
 
   return (
     <Box flexDirection="column" paddingX={0}>

src/ui/ChatMessage.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Box, Text } from 'ink';
 import { marked } from 'marked';
 import TerminalRenderer from 'marked-terminal';
@@ -51,13 +51,15 @@ function renderContent(content: string | ContentBlock[]): string {
   }
 }
 
-export function ChatMessage({ message, isStreaming }: ChatMessageProps) {
+export const ChatMessage = React.memo(function ChatMessage({ message, isStreaming }: ChatMessageProps) {
   const isUser = message.role === 'user';
   const roleLabel = isUser ? ' > ' : ' ≻ ';
   const roleName = isUser ? 'KULLANICI' : 'SETH';
   const roleColor = isUser ? 'cyan' : 'red';
 
-  const formattedText = renderContent(message.content);
+  // ⚡ Bolt Optimization: Memoize expensive markdown parsing based on message content identity
+  const formattedText = useMemo(() => renderContent(message.content), [message.content]);
+
   if (!formattedText && !isStreaming) return null;
 
   if (message.role === 'system') return null;
@@ -78,4 +80,4 @@ export function ChatMessage({ message, isStreaming }: ChatMessageProps) {
       )}
     </Box>
   );
-}
+});

tests/regression.test.ts

@@ -7,7 +7,7 @@ import { parseIntervalStr } from '../src/cron.js';
 
 describe('version', () => {
   it('sürüm 3.9.7 olmalı', () => {
-    expect(VERSION).toBe('3.9.7');
+    expect(VERSION).toBe('4.0.1');
   });
 });
 

tests/seth.test.ts

@@ -17,7 +17,7 @@ import { homedir } from 'os';
 
 describe('version', () => {
   it('sürüm 3.9.7 olmalı', () => {
-    expect(VERSION).toBe('3.9.7');
+    expect(VERSION).toBe('4.0.1');
   });
 });