Add auto_approver

web/src/components/App.jsx

@@ -23,6 +23,12 @@ const App = () => {
   const [showDiff, setShowDiff] = useState(false);
   const [showSidebar, setShowSidebar] = useState(false);
   const [agentState, setAgentState] = useState(AgentState.CONTEXT_APPROVAL);
+  const [autoApproverConfig, setAutoApproverConfig] = useState({
+    context_enabled: false,
+    response_enabled: false,
+    context_timeout: 5.0,
+    response_timeout: 10.0
+  });
 
   const { wsState, sendMessage, addMessageHandler } = useWebSocket('ws://localhost:8080/ws');
 
@@ -44,10 +50,20 @@ const App = () => {
         case ServerMessageType.OUTPUT_UPDATE:
           setOutput(message.output);
           break;
+        case ServerMessageType.AUTO_APPROVER_CONFIG:
+          setAutoApproverConfig(message.config);
+          break;
       }
     });
   }, [addMessageHandler]);
 
+  const handleAutoApproverConfigChange = (config) => {
+    sendMessage({
+      type: ClientMessageType.AUTO_APPROVER_CONFIG,
+      config: config
+    });
+  };
+
   const handleApprove = () => {
     if (agentState === AgentState.CONTEXT_APPROVAL) {
       sendMessage({
@@ -158,6 +174,8 @@ const App = () => {
           onToggleDiff={() => setShowDiff(!showDiff)}
           onSendInput={handleSendInput}
           onClearOutput={handleClearOutput}
+          autoApproverConfig={autoApproverConfig}
+          onAutoApproverConfigChange={handleAutoApproverConfigChange}
         />
 
         <FloatingButton onClick={() => setShowSidebar(!showSidebar)} />