Memoize agent object in AgentPanelBody to prevent WebStreamViewport re-renders on keystroke

packages/app/src/panels/agent-panel.tsx

@@ -483,7 +483,8 @@ function AgentPanelBody({
     isPendingCreateForPanel && (!authoritativeStatus || isAuthoritativeBootstrapping);
   const canFinalizePendingCreate = Boolean(authoritativeStatus) && !isAuthoritativeBootstrapping;
 
-  const agent: AgentScreenAgent | null =
+  const agent = useMemo<AgentScreenAgent | null>(
+    () =>
       agentState.serverId && agentState.id && agentState.status && agentState.cwd
         ? {
             serverId: agentState.serverId,
@@ -492,7 +493,9 @@ function AgentPanelBody({
             cwd: agentState.cwd,
             projectPlacement,
           }
-      : null;
+        : null,
+    [agentState.serverId, agentState.id, agentState.status, agentState.cwd, projectPlacement],
+  );
 
   const placeholderAgent: AgentScreenAgent | null = useMemo(() => {
     if (!shouldUseOptimisticStream || !agentId) {