fix: stabilize onToggleRuntimeMode with useCallback to preserve memo

cursoragent · cursoragent · commit 9bbb60001508 · 2026-03-09T18:57:17.000Z
Co-authored-by: Julius Marminge <juliusmarminge@users.noreply.github.com> Applied via @cursor push command
diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
@@ -1675,6 +1675,11 @@ export default function ChatView({ threadId }: ChatViewProps) {
   const toggleInteractionMode = useCallback(() => {
     handleInteractionModeChange(interactionMode === "plan" ? "default" : "plan");
   }, [handleInteractionModeChange, interactionMode]);
+  const toggleRuntimeMode = useCallback(() => {
+    void handleRuntimeModeChange(
+      runtimeMode === "full-access" ? "approval-required" : "full-access",
+    );
+  }, [handleRuntimeModeChange, runtimeMode]);
   const togglePlanSidebar = useCallback(() => {
     setPlanSidebarOpen((open) => {
       if (open) {
@@ -3745,11 +3750,7 @@ export default function ChatView({ threadId }: ChatViewProps) {
                       onCodexFastModeChange={onCodexFastModeChange}
                       onToggleInteractionMode={toggleInteractionMode}
                       onTogglePlanSidebar={togglePlanSidebar}
-                      onToggleRuntimeMode={() =>
-                        void handleRuntimeModeChange(
-                          runtimeMode === "full-access" ? "approval-required" : "full-access",
-                        )
-                      }
+                      onToggleRuntimeMode={toggleRuntimeMode}
                     />
                   ) : (
                     <>
