From 90e1a2b3b4e572ea441c926c1d7de1c0ed909692 Mon Sep 17 00:00:00 2001
From: Kristjan Kruus <kristjan.kruus@ria.ee>
Date: Wed, 25 Mar 2026 17:03:59 +0200
Subject: [PATCH] Update web/frontend/src/components/config/config-sections.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 .../src/components/config/config-sections.tsx | 56 ++++++++++---------
 1 file changed, 30 insertions(+), 26 deletions(-)

diff --git a/web/frontend/src/components/config/config-sections.tsx b/web/frontend/src/components/config/config-sections.tsx
index f07779bfa..da5c574d2 100644
--- a/web/frontend/src/components/config/config-sections.tsx
+++ b/web/frontend/src/components/config/config-sections.tsx
@@ -210,32 +210,36 @@ export function AgentDefaultsSection({
         hint={t("pages.config.steering_mode_hint")}
         layout="setting-row"
       >
-        <Select
-          value={form.steeringMode}
-          onValueChange={(value) => onFieldChange("steeringMode", value)}
-        >
-          <SelectTrigger className="w-full">
-            <SelectValue>
-              {STEERING_MODE_OPTIONS.find((o) => o.value === form.steeringMode)
-                ? t(
-                    STEERING_MODE_OPTIONS.find(
-                      (o) => o.value === form.steeringMode,
-                    )!.labelKey,
-                    STEERING_MODE_OPTIONS.find(
-                      (o) => o.value === form.steeringMode,
-                    )!.labelDefault,
-                  )
-                : form.steeringMode}
-            </SelectValue>
-          </SelectTrigger>
-          <SelectContent>
-            {STEERING_MODE_OPTIONS.map((opt) => (
-              <SelectItem key={opt.value} value={opt.value}>
-                {t(opt.labelKey, opt.labelDefault)}
-              </SelectItem>
-            ))}
-          </SelectContent>
-        </Select>
+        {(() => {
+          const selectedSteeringModeOption = STEERING_MODE_OPTIONS.find(
+            (o) => o.value === form.steeringMode,
+          )
+
+          return (
+            <Select
+              value={form.steeringMode}
+              onValueChange={(value) => onFieldChange("steeringMode", value)}
+            >
+              <SelectTrigger className="w-full">
+                <SelectValue>
+                  {selectedSteeringModeOption
+                    ? t(
+                        selectedSteeringModeOption.labelKey,
+                        selectedSteeringModeOption.labelDefault,
+                      )
+                    : form.steeringMode}
+                </SelectValue>
+              </SelectTrigger>
+              <SelectContent>
+                {STEERING_MODE_OPTIONS.map((opt) => (
+                  <SelectItem key={opt.value} value={opt.value}>
+                    {t(opt.labelKey, opt.labelDefault)}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          )
+        })()}
       </Field>
 
       <Field