From e2f0199d9efab0f060be7f401a05433474859856 Mon Sep 17 00:00:00 2001
From: Goon <duy@wearetopgroup.com>
Date: Thu, 12 Mar 2026 09:39:15 +0700
Subject: [PATCH] fix(ui): default agent mode to predefined (#147)

* fix(ui): default agent mode to predefined in create dialog

* fix(ui): swap agent type buttons, predefined first
---
 .../src/pages/agents/agent-create-dialog.tsx  | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/ui/web/src/pages/agents/agent-create-dialog.tsx b/ui/web/src/pages/agents/agent-create-dialog.tsx
index 3a708877..e3f50871 100644
--- a/ui/web/src/pages/agents/agent-create-dialog.tsx
+++ b/ui/web/src/pages/agents/agent-create-dialog.tsx
@@ -41,7 +41,7 @@ export function AgentCreateDialog({ open, onOpenChange, onCreate }: AgentCreateD
   const [displayName, setDisplayName] = useState("");
   const [provider, setProvider] = useState("");
   const [model, setModel] = useState("");
-  const [agentType, setAgentType] = useState<"open" | "predefined">("open");
+  const [agentType, setAgentType] = useState<"open" | "predefined">("predefined");
   const [description, setDescription] = useState("");
   const [selfEvolve, setSelfEvolve] = useState(false);
   const [loading, setLoading] = useState(false);
@@ -208,18 +208,6 @@ export function AgentCreateDialog({ open, onOpenChange, onCreate }: AgentCreateD
           <div className="space-y-2">
             <Label>{t("create.agentType")}</Label>
             <div className="flex gap-2">
-              <button
-                type="button"
-                onClick={() => setAgentType("open")}
-                className={`flex-1 rounded-md border px-3 py-2 text-sm font-medium transition-colors ${
-                  agentType === "open"
-                    ? "border-primary bg-primary text-primary-foreground"
-                    : "border-input bg-background hover:bg-accent"
-                }`}
-              >
-                {t("create.open")}
-                <span className="block text-xs font-normal opacity-70">{t("create.openSubLabel")}</span>
-              </button>
               <button
                 type="button"
                 onClick={() => setAgentType("predefined")}
@@ -232,6 +220,18 @@ export function AgentCreateDialog({ open, onOpenChange, onCreate }: AgentCreateD
                 {t("create.predefined")}
                 <span className="block text-xs font-normal opacity-70">{t("create.predefinedSubLabel")}</span>
               </button>
+              <button
+                type="button"
+                onClick={() => setAgentType("open")}
+                className={`flex-1 rounded-md border px-3 py-2 text-sm font-medium transition-colors ${
+                  agentType === "open"
+                    ? "border-primary bg-primary text-primary-foreground"
+                    : "border-input bg-background hover:bg-accent"
+                }`}
+              >
+                {t("create.open")}
+                <span className="block text-xs font-normal opacity-70">{t("create.openSubLabel")}</span>
+              </button>
             </div>
           </div>