From 18065dbda800d23fcdaecc5ffc2aaf36de9806af Mon Sep 17 00:00:00 2001
From: witbrock <witbrock@gmail.com>
Date: Thu, 17 Sep 2026 17:22:11 -0400
Subject: [PATCH] Group footer model and reasoning inside the status pill

---
 src/frontend/web/von_interface/static/js/domUtils.js | 6 +++---
 src/frontend/web/von_interface/static/styles.css     | 6 ++++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/frontend/web/von_interface/static/js/domUtils.js b/src/frontend/web/von_interface/static/js/domUtils.js
index b0f4ee14..b4c12f4a 100644
--- a/src/frontend/web/von_interface/static/js/domUtils.js
+++ b/src/frontend/web/von_interface/static/js/domUtils.js
@@ -1783,7 +1783,6 @@ export async function setModelInfoFooterText() {
       }
     );
     if (llmClass) modelSettingsSegment.classList.add('llm-status-badge', llmClass);
-    segments.push(modelSettingsSegment);
     // Show the configured request preference, independently of last-call model
     // telemetry. The existing Settings selector owns supported values and writes.
     const reasoningEffort = effectiveLlm?.model_parameters?.reasoning_effort;
@@ -1802,8 +1801,9 @@ export async function setModelInfoFooterText() {
           + 'This is a request preference, not confirmation of the last execution.',
       },
     );
-    reasoningSegment.classList.add('conversation-model-controls', 'footer-reasoning-level');
-    segments.push(reasoningSegment);
+    reasoningSegment.classList.add('footer-reasoning-level');
+    modelSettingsSegment.appendChild(reasoningSegment);
+    segments.push(modelSettingsSegment);
     // This is deliberately a lightweight, independently repaintable telemetry
     // segment: cost updates must not retrigger settings, DB, or auth footer loads.
     segments.push(makeConversationRuntimeCostFooterSegment());
diff --git a/src/frontend/web/von_interface/static/styles.css b/src/frontend/web/von_interface/static/styles.css
index 8eddd9cc..ebfe4e77 100644
--- a/src/frontend/web/von_interface/static/styles.css
+++ b/src/frontend/web/von_interface/static/styles.css
@@ -7118,6 +7118,12 @@ body[data-active-tab="settingsTab"] .tab-content-area {
     border-color: #6ee7b7;
 }
 
+.conversation-model-controls > .footer-reasoning-level {
+    margin-left: 8px;
+    padding-left: 8px;
+    border-left: 1px solid currentColor;
+}
+
 .llm-status-badge.error,
 .llm-status-badge.fatal {
     background: #fee2e2;