[ENHANCEMENT] React Compiler integration

[In-line]

Problem (one or two sentences)

UI isn't really performant and frequently stutters. React Compiler is a build-time optimizing compiler that automatically handles memoization in React applications, eliminating the need for manual useMemo/useCallback usage. It uses static analysis to understand React rules and component dependencies, providing significant performance improvements and cleaner code.

Context (who is affected and when)

Every user of Roo Code and its derivatives is affected.

Desired behavior (conceptual, not technical)

UI is performing well, transitions are faster & smoother

Request checklist

• I've searched existing Issues and Discussions for duplicates
• This describes a specific problem with clear context and impact

Proposed approach (optional)

Implemented in #9565 by adding react-compiler and react-compiler-runtime dependencies

[roomote]

I've analyzed this issue and here's my proposed implementation plan:

React Compiler Integration Plan

I'll integrate React Compiler into the webview-ui package to automatically optimize React components and improve UI performance. This will eliminate the need for manual memoization with useMemo/useCallback.

Implementation Steps:

1. Add React Compiler dependencies to webview-ui/package.json:

   • Add react-compiler-runtime (^1.0.0) to dependencies
   • Add babel-plugin-react-compiler (^1.0.0) to devDependencies

2. Configure Vite to use the React Compiler plugin:

   • Update webview-ui/vite.config.ts to configure the @vitejs/plugin-react with babel-plugin-react-compiler
   • Target React 18 for optimal compatibility

3. Verify the integration:

   • Ensure the build process completes successfully
   • Run existing tests to confirm no regressions
   • The compiler will automatically optimize components during the build process

Benefits:

• Automatic memoization of components and hooks
• Reduced bundle size by eliminating manual optimization code
• Improved UI responsiveness and reduced stuttering
• Cleaner code without manual useMemo/useCallback usage

This approach aligns with the solution mentioned in PR #9565 and will provide significant performance improvements for all users.

Please mention @roomote in a comment saying that you approve this plan, and I'll proceed with the implementation.

[In-line]

@hannesrudolph what Info do you need? It's weird label to put, without any context.