open llm model select when toast button to settings is clicked

frontend/app/onboarding/_components/model-selector.tsx

@@ -41,6 +41,7 @@ export function ModelSelector({
   noOptionsPlaceholder = "No models available",
   custom = false,
   hasError = false,
+  defaultOpen = false,
 }: {
   options?: ModelOption[];
   groupedOptions?: GroupedModelOption[];
@@ -52,8 +53,9 @@ export function ModelSelector({
   custom?: boolean;
   onValueChange: (value: string, provider?: string) => void;
   hasError?: boolean;
+  defaultOpen?: boolean;
 }) {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(defaultOpen);
   const [searchValue, setSearchValue] = useState("");
 
   // Flatten grouped options or use regular options
@@ -77,6 +79,13 @@ export function ModelSelector({
     }
   }, [allOptions, value, custom, onValueChange]);
 
+  // Update open state when defaultOpen changes
+  useEffect(() => {
+    if (defaultOpen) {
+      setOpen(true);
+    }
+  }, [defaultOpen]);
+
   return (
     <Popover open={open} onOpenChange={setOpen} modal={false}>
       <PopoverTrigger asChild>

frontend/app/settings/_components/anthropic-settings-dialog.tsx

@@ -70,7 +70,7 @@ const AnthropicSettingsDialog = ({
 				action: {
 					label: "Settings",
 					onClick: () => {
-            router.push("/settings");
+						router.push("/settings?focusLlmModel=true");
 					},
 				},
 			});

frontend/app/settings/_components/ollama-settings-dialog.tsx

@@ -82,7 +82,7 @@ const OllamaSettingsDialog = ({
 				action: {
 					label: "Settings",
 					onClick: () => {
-            router.push("/settings");
+						router.push("/settings?focusLlmModel=true");
 					},
 				},
 			});

frontend/app/settings/_components/openai-settings-dialog.tsx

@@ -71,7 +71,7 @@ const OpenAISettingsDialog = ({
 				action: {
 					label: "Settings",
 					onClick: () => {
-            router.push("/settings");
+						router.push("/settings?focusLlmModel=true");
 					},
 				},
 			});

frontend/app/settings/_components/watsonx-settings-dialog.tsx

@@ -77,7 +77,7 @@ const WatsonxSettingsDialog = ({
 				action: {
 					label: "Settings",
 					onClick: () => {
-            router.push("/settings");
+						router.push("/settings?focusLlmModel=true");
 					},
 				},
 			});

frontend/app/settings/page.tsx

@@ -98,6 +98,11 @@ function KnowledgeSourcesPage() {
 	const searchParams = useSearchParams();
 	const router = useRouter();
 
+	// Check if we should auto-open the LLM model selector
+	const focusLlmModel = searchParams.get("focusLlmModel") === "true";
+	// Use a trigger state that changes each time we detect the query param
+	const [openLlmSelector, setOpenLlmSelector] = useState(false);
+
 	// Connectors state
 	const [connectors, setConnectors] = useState<Connector[]>([]);
 	const [isConnecting, setIsConnecting] = useState<string | null>(null);
@@ -301,6 +306,30 @@ function KnowledgeSourcesPage() {
 		}
 	}, [settings.knowledge?.picture_descriptions]);
 
+	// Handle auto-focus on LLM model selector when coming from provider setup
+	useEffect(() => {
+		if (focusLlmModel) {
+			// Trigger the selector to open
+			setOpenLlmSelector(true);
+
+			// Scroll to the agent card
+			const agentCard = document.getElementById("agent-card");
+			if (agentCard) {
+				agentCard.scrollIntoView({ behavior: "smooth", block: "start" });
+			}
+
+			// Clear the query parameter
+			const newSearchParams = new URLSearchParams(searchParams.toString());
+			newSearchParams.delete("focusLlmModel");
+			router.replace(`/settings?${newSearchParams.toString()}`, {
+				scroll: false,
+			});
+
+			// Reset the trigger after a brief delay so it can be triggered again
+			setTimeout(() => setOpenLlmSelector(false), 100);
+		}
+	}, [focusLlmModel, searchParams, router]);
+
 	// Update model selection immediately (also updates provider)
 	const handleModelChange = (newModel: string, provider?: string) => {
 		if (newModel && provider) {
@@ -893,7 +922,7 @@ function KnowledgeSourcesPage() {
 			</div>
 
 			{/* Agent Behavior Section */}
-      <Card>
+			<Card id="agent-card">
 				<CardHeader>
 					<div className="flex items-center justify-between mb-3">
 						<CardTitle className="text-lg">Agent</CardTitle>
@@ -982,6 +1011,7 @@ function KnowledgeSourcesPage() {
 									}
 									value={settings.agent?.llm_model || ""}
 									onValueChange={handleModelChange}
+									defaultOpen={openLlmSelector}
 								/>
 							</LabelWrapper>
 						</div>