fix(agents): combine runner selection and configuration in one tab

web/src/app/home/agents/AgentDetailContent.tsx

@@ -261,7 +261,7 @@ export default function AgentDetailContent({ id }: { id: string }) {
                 hasUnsavedChanges={formDirty}
                 beforeRun={async () => agentFormRef.current?.save() ?? false}
                 onOpenRunnerConfig={() =>
-                  agentFormRef.current?.openSection('runner_config')
+                  agentFormRef.current?.openSection('runner')
                 }
                 supportedEventPatterns={supportedEventPatterns}
                 availableEventTypes={availableEventTypes}

web/src/app/home/agents/components/AgentFormComponent.tsx

@@ -14,7 +14,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { z } from 'zod';
 import { useTranslation } from 'react-i18next';
 import { toast } from 'sonner';
-import { Bot, Loader2, SlidersHorizontal, Wrench } from 'lucide-react';
+import { Bot, Loader2, Wrench } from 'lucide-react';
 import { httpClient } from '@/app/infra/http/HttpClient';
 import {
   Agent,
@@ -72,10 +72,7 @@ interface AgentFormComponentProps {
   onPlatformToolsChange?: (tools: AgentPlatformTool[]) => void;
 }
 
-export type AgentConfigSection =
-  | 'runner'
-  | 'runner_config'
-  | 'events_and_tools';
+export type AgentConfigSection = 'runner' | 'events_and_tools';
 
 export interface AgentFormHandle {
   openSection: (section: AgentConfigSection) => void;
@@ -382,13 +379,6 @@ function AgentFormComponent(
       label: t('agents.runnerSettings'),
       icon: Bot,
     },
-    {
-      name: 'runner_config',
-      label: selectedRunnerOption
-        ? extractI18nObject(selectedRunnerOption.label)
-        : t('pipelines.configuration'),
-      icon: SlidersHorizontal,
-    },
     {
       name: 'events_and_tools',
       label: t('agents.eventsAndTools'),
@@ -678,7 +668,7 @@ function AgentFormComponent(
               }
             >
               <div className="min-w-0">
-                <TabsList className="grid h-auto w-full min-w-0 grid-cols-3">
+                <TabsList className="grid h-auto w-full min-w-0 grid-cols-2">
                   {primarySections.map((section) => {
                     const Icon = section.icon;
                     return (
@@ -713,11 +703,6 @@ function AgentFormComponent(
                           </CardHeader>
                         </Card>
                       )}
-                </div>
-              )}
-
-              {activeSection === 'runner_config' && (
-                <div className="space-y-6">
                   {runnerInstallRecovering ? (
                     <Card>
                       <CardHeader>
@@ -730,7 +715,7 @@ function AgentFormComponent(
                     </Card>
                   ) : activeRunnerStage ? (
                     renderDynamicStage(activeRunnerStage)
-                  ) : (
+                  ) : runnerConfigSchema ? (
                     <Card>
                       <CardHeader>
                         <CardTitle>{t('agents.runnerSettings')}</CardTitle>
@@ -739,7 +724,7 @@ function AgentFormComponent(
                         </CardDescription>
                       </CardHeader>
                     </Card>
-                  )}
+                  ) : null}
                 </div>
               )}