settings: drop Response Priority, make dev panel scrollable

Removes the "Prioritize model choice / Prioritize conversation
speed" toggle from the settings menu (and its plumbing in App.js
and the speedPriority/setSpeedPriority handlers) - the racing logic
is no longer surfaced as a user choice.

Caps the settings dropdown at calc(100vh - 80px) with overflow-y:
auto so the menu always fits in the viewport and long content
scrolls inside the panel instead of bleeding off the bottom.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/src/App.js

@@ -11,7 +11,7 @@ import PromptCatalogModal from './components/PromptCatalogModal';
 import {
   fetchModels, fetchPersonas, fetchDemoQuestions,
   startChat, continueChat, getOrchestrator, setOrchestrator,
-  getSpeedPriority, setSpeedPriority, getAuthStatus,
+  getAuthStatus,
   exportChat, exportApiLog, fetchTableView,   fetchCredentials,
   fetchConversationLimitsDefaults,
   autoSelectParticipants,
@@ -50,7 +50,6 @@ export default function App() {
   const [demoQuestions, setDemoQuestions] = useState([]);
 
   // Display options
-  const [speedPriority, setSpeedPriorityState] = useState(false);
   const [showResponseTime, setShowResponseTime] = useState(false);
   const [showChatStats, setShowChatStats] = useState(false);
 
@@ -123,7 +122,6 @@ export default function App() {
         setOrchestratorModelState(d.model_id);
       }
     }).catch(() => {});
-    getSpeedPriority().then(d => setSpeedPriorityState(!!d.enabled)).catch(() => {});
     getAuthStatus().then(setAuth).catch(() => {});
     getRateLimitStatus().then(d => {
       if (d?.daily_limit) setDailyLimit(d.daily_limit);
@@ -191,12 +189,6 @@ export default function App() {
   const handleSummarizerChange = useCallback((modelId) => {
     setSummarizerModelState(modelId || null);
   }, []);
-  const handleSpeedPriorityChange = useCallback(async (enabled) => {
-    try {
-      await setSpeedPriority(enabled);
-      setSpeedPriorityState(enabled);
-    } catch (err) { console.error('Failed to set speed priority:', err); }
-  }, []);
   const handleMaxParticipantsChange = useCallback((n) => {
     const clamped = Math.max(3, Math.min(9, n));
     setMaxParticipants(clamped);
@@ -662,8 +654,6 @@ export default function App() {
         onOrchestratorChange={handleOrchestratorChange}
         summarizerModel={summarizerModel}
         onSummarizerChange={handleSummarizerChange}
-        speedPriority={speedPriority}
-        onSpeedPriorityChange={handleSpeedPriorityChange}
         showResponseTime={showResponseTime}
         onShowResponseTimeChange={setShowResponseTime}
         showChatStats={showChatStats}

frontend/src/components/DevMenu.js

@@ -21,8 +21,6 @@ export default function DevMenu({
   onOrchestratorChange,
   summarizerModel,
   onSummarizerChange,
-  speedPriority,
-  onSpeedPriorityChange,
   showResponseTime,
   onShowResponseTimeChange,
   showChatStats,
@@ -180,23 +178,6 @@ export default function DevMenu({
               );
             })}
 
-            <div className="dev-panel-divider" />
-            <div className="dev-panel-label">Response priority</div>
-            <button
-              className={`dev-panel-choice ${!speedPriority ? 'dev-panel-choice-active' : ''}`}
-              onClick={() => onSpeedPriorityChange(false)}
-            >
-              {!speedPriority ? <CheckSquare size={16} className="dev-check-icon" /> : <Square size={16} className="dev-check-icon" />}
-              Prioritize model choice
-            </button>
-            <button
-              className={`dev-panel-choice ${speedPriority ? 'dev-panel-choice-active' : ''}`}
-              onClick={() => onSpeedPriorityChange(true)}
-            >
-              {speedPriority ? <CheckSquare size={16} className="dev-check-icon" /> : <Square size={16} className="dev-check-icon" />}
-              Prioritize conversation speed
-            </button>
-
             <div className="dev-panel-divider" />
             <div className="dev-panel-label">Display options</div>
             <button

frontend/src/styles/components.css

@@ -747,6 +747,13 @@
   top: 100%;
   margin-top: 4px;
   min-width: 220px;
+  /* Cap the panel at a bit less than the viewport so it never extends
+     past the bottom of the window; long content scrolls within. The
+     16px subtraction leaves a comfortable gap for shadow + breathing
+     room beneath the header. */
+  max-height: calc(100vh - 80px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
   background: var(--card-bg);
   border: 1px solid var(--border-primary);
   border-radius: 10px;