Add MCP support (#1028)

src/components/ChatModeSelector.tsx

@@ -29,6 +29,8 @@ export function ChatModeSelector() {
         return "Build";
       case "ask":
         return "Ask";
+      case "agent":
+        return "Agent";
       default:
         return "Build";
     }
@@ -70,6 +72,14 @@ export function ChatModeSelector() {
             </span>
           </div>
         </SelectItem>
+        <SelectItem value="agent">
+          <div className="flex flex-col items-start">
+            <span className="font-medium">Agent (experimental)</span>
+            <span className="text-xs text-muted-foreground">
+              Agent can use tools (MCP) and generate code
+            </span>
+          </div>
+        </SelectItem>
       </SelectContent>
     </Select>
   );