@lazyingart/agintiflow 0.20.165 → 0.20.169

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazyingart/agintiflow",
-  "version": "0.20.165",
+  "version": "0.20.169",
   "type": "module",
   "description": "AgInTiFlow is a project-aware agent workspace for hybrid wet-dry R&D, hardware-aware intelligence, software automation, and industrial workflows.",
   "license": "Apache-2.0",

package/public/app.js

@@ -50,11 +50,23 @@ const translations = {
     modelLabel: "Model",
     goalLabel: "Goal",
     goalPlaceholder: "Open a site and summarize it, or use run_command for simple terminal inspection.",
+    runDefaultsTitle: "Run defaults",
+    runDefaultsHelp: "The chat box is the first goal for a new run. These controls set how that run starts.",
+    runDefaultsFoldHint: "Routing, safety, tool toggles, and key status.",
+    scsModeLabel: "SCS",
+    scsOnOption: "On",
+    scsAutoOption: "Auto",
+    scsOffOption: "Off",
+    aapsModeLabel: "AAPS",
+    veniceModeLabel: "Venice",
+    quickModeStatus: "CLI sync",
     startUrlLabel: "Start URL",
     startUrlPlaceholder: "https://news.ycombinator.com",
     allowedDomainsLabel: "Allowed domains",
     allowedDomainsPlaceholder: "news.ycombinator.com,github.com",
     commandCwdLabel: "Working directory",
+    commandCwdHelp: "Runs start from this working directory.",
+    commandCwdPlaceholder: "/home/user/project",
     maxStepsLabel: "Max steps",
     sandboxModeLabel: "Sandbox mode",
     permissionModeLabel: "Permission shortcut",
@@ -88,6 +100,10 @@ const translations = {
     webSearchLabel: "Enable web search",
     parallelScoutsLabel: "Parallel DeepSeek scouts",
     parallelScoutCountLabel: "Scout count",
+    dynamicStepsLabel: "Dynamic steps",
+    dynamicStepsAutoOption: "Auto",
+    dynamicStepsOnOption: "On",
+    dynamicStepsOffOption: "Off",
     wrapperToolLabel: "Enable agent wrappers",
     preferredWrapperLabel: "Preferred wrapper",
     dockerSandboxLabel: "Use Docker sandbox",
@@ -678,6 +694,10 @@ const languageField = document.querySelector("#language");
 const routingModeField = document.querySelector("#routingMode");
 const providerField = document.querySelector("#provider");
 const modelField = document.querySelector("#model");
+const enableScsField = document.querySelector("#enableScs");
+const aapsModeToggle = document.querySelector("#aapsModeToggle");
+const veniceModeToggle = document.querySelector("#veniceModeToggle");
+const quickModeStatusEl = document.querySelector("#quick-mode-status");
 const modelCatalogEl = document.querySelector("#model-catalog");
 const modelRoleGridEl = document.querySelector("#model-role-grid");
 const modelRoutePillEl = document.querySelector("#model-route-pill");
@@ -701,6 +721,8 @@ const setupApiKeyField = document.querySelector("#setup-api-key");
 const saveApiKeyButton = document.querySelector("#save-api-key");
 const setupStatusEl = document.querySelector("#setup-status");
 const taskProfileField = document.querySelector("#taskProfile");
+const commandCwdField = document.querySelector("#commandCwd");
+const commandCwdSuggestionsEl = document.querySelector("#command-cwd-suggestions");
 const permissionModeField = document.querySelector("#permissionMode");
 const permissionHintEl = document.querySelector("#permission-hint");
 const sandboxModeField = document.querySelector("#sandboxMode");
@@ -710,11 +732,13 @@ const logsEl = document.querySelector("#logs");
 const runMetaEl = document.querySelector("#run-meta");
 const stopRunButton = document.querySelector("#stop-run");
 const keyStatusEl = document.querySelector("#key-status");
+const keyStatusListEl = document.querySelector("#key-status-list");
 const allowAuxiliaryToolsField = document.querySelector("#allowAuxiliaryTools");
 const allowWebSearchField = document.querySelector("#allowWebSearch");
 const allowMcpToolsField = document.querySelector("#allowMcpTools");
 const allowParallelScoutsField = document.querySelector("#allowParallelScouts");
 const parallelScoutCountField = document.querySelector("#parallelScoutCount");
+const dynamicStepsField = document.querySelector("#dynamicSteps");
 const allowWrapperToolsField = document.querySelector("#allowWrapperTools");
 const preferredWrapperField = document.querySelector("#preferredWrapper");
 const wrapperStatusEl = document.querySelector("#wrapper-status");
@@ -910,31 +934,99 @@ function setRunStatus(status = "", { sessionId, detail = "", announce = false }
 function renderKeyStatus(status = lastKeyStatus) {
   lastKeyStatus = status;
   if (!status) return;
-  keyStatusEl.textContent = `${t("keysLabel")}: OpenAI ${
-    status.openai ? t("availableLabel") : t("missingLabel")
-  } · DeepSeek ${status.deepseek ? t("availableLabel") : t("missingLabel")} · Qwen ${
-    status.qwen ? t("availableLabel") : t("missingLabel")
-  } · Venice ${
-    status.venice ? t("availableLabel") : t("missingLabel")
-  } · GRS AI ${
-    status.grsai ? t("availableLabel") : t("missingLabel")
-  } · ${t("mockLabel")} ${
-    status.mock ? t("availableLabel") : t("missingLabel")
-  }`;
+  const providers = [
+    ["OpenAI", status.openai],
+    ["DeepSeek", status.deepseek],
+    ["Qwen", status.qwen],
+    ["Venice", status.venice],
+    ["GRS AI", status.grsai],
+    [t("mockLabel"), status.mock],
+  ];
+  const available = providers.filter(([, ready]) => Boolean(ready)).length;
+  if (keyStatusEl) {
+    keyStatusEl.textContent = `${t("keysLabel")} ${available}/${providers.length}`;
+    keyStatusEl.dataset.ready = String(available > 0);
+  }
+  if (keyStatusListEl) {
+    keyStatusListEl.replaceChildren(
+      ...providers.map(([name, ready]) => {
+        const chip = document.createElement("div");
+        chip.className = "key-status-chip";
+        chip.dataset.ready = String(Boolean(ready));
+        const title = document.createElement("strong");
+        title.textContent = name;
+        const value = document.createElement("span");
+        value.textContent = ready ? t("availableLabel") : t("missingLabel");
+        chip.append(title, value);
+        return chip;
+      })
+    );
+  }
   if (setupCardEl) setupCardEl.hidden = Boolean(status.openai || status.deepseek || status.qwen || status.venice);
 }
 
 function renderProjectStatus(info = projectInfo) {
   projectInfo = info;
   if (!projectStatusEl || !info) return;
-  projectStatusEl.textContent = [
-    info.platform?.label ? `os=${info.platform.label}` : "",
-    `root=${info.root || ""}`,
-    `cwd=${info.commandCwd || ""}`,
-    `sessions=${info.sessionsDir || ""}`,
-    `db=${info.sessionDbPath || ""}`,
-    `shared=${info.sharedSessionFolder ? "yes" : "no"}`,
-  ].join(" · ");
+  const rows = [
+    ["OS", info.platform?.label || ""],
+    ["Root", info.root || ""],
+    ["CWD", info.commandCwd || ""],
+    ["Sessions", info.sessionsDir || ""],
+    ["Database", info.sessionDbPath || ""],
+    ["Shared", info.sharedSessionFolder ? "yes" : "no"],
+  ].filter(([, value]) => value !== "");
+  projectStatusEl.replaceChildren(
+    ...rows.map(([label, value]) => {
+      const chip = document.createElement("div");
+      chip.className = "project-status-chip";
+      if (String(value).length > 54) chip.dataset.wide = "true";
+      const title = document.createElement("strong");
+      title.textContent = label;
+      const body = document.createElement("span");
+      body.textContent = value;
+      chip.append(title, body);
+      return chip;
+    })
+  );
+}
+
+function baseDirectorySuggestions(info = projectInfo) {
+  const projectLfsRoot = info?.root?.includes("/ProjectsLFS/")
+    ? `${info.root.split("/ProjectsLFS/")[0]}/ProjectsLFS`
+    : "";
+  const values = [
+    info?.commandCwd,
+    info?.root,
+    info?.sessionsDir ? info.sessionsDir.replace(/\/\.agintiflow\/sessions$/, "") : "",
+    projectLfsRoot,
+  ].filter(Boolean);
+  return [...new Set(values)];
+}
+
+function renderCommandCwdSuggestions(suggestions = []) {
+  if (!commandCwdSuggestionsEl) return;
+  commandCwdSuggestionsEl.replaceChildren(
+    ...suggestions.slice(0, 16).map((value) => {
+      const option = document.createElement("option");
+      option.value = value;
+      return option;
+    })
+  );
+}
+
+async function refreshCommandCwdSuggestions(query = "") {
+  const fallback = baseDirectorySuggestions();
+  renderCommandCwdSuggestions(fallback);
+  try {
+    const response = await fetch(`/api/path-suggestions?q=${encodeURIComponent(query || "")}`);
+    const data = await response.json();
+    if (response.ok && Array.isArray(data.suggestions)) {
+      renderCommandCwdSuggestions([...new Set([...data.suggestions, ...fallback])]);
+    }
+  } catch {
+    renderCommandCwdSuggestions(fallback);
+  }
 }
 
 function renderTaskProfiles(selected = "auto") {
@@ -962,8 +1054,7 @@ function recommendedMaxStepsForProfile(profile = "auto", goal = "") {
 
 function ensureRecommendedMaxStepsForCurrentTask(goalOverride = "") {
   const maxStepsField = document.querySelector("#maxSteps");
-  const goalField = document.querySelector("#goal");
-  const recommended = recommendedMaxStepsForProfile(taskProfileField?.value || "auto", goalOverride || goalField?.value || "");
+  const recommended = recommendedMaxStepsForProfile(taskProfileField?.value || "auto", goalOverride || chatInputEl?.value || "");
   if (maxStepsField && Number(maxStepsField.value || 0) < recommended) {
     maxStepsField.value = String(recommended);
   }
@@ -1264,6 +1355,74 @@ function refreshModelDropdowns() {
   );
 }
 
+function selectedVeniceTextModel() {
+  const options = providerModelOptions("venice");
+  return (
+    fieldValue(routeProviderField) === "venice" && fieldValue(routeModelField)
+      ? fieldValue(routeModelField)
+      : options.find((item) => item.id === "venice-uncensored-1-2")?.id || options[0]?.id || defaults.venice
+  );
+}
+
+function inferVeniceMode() {
+  return [providerField?.value, routeProviderField?.value, mainProviderField?.value].includes("venice");
+}
+
+function syncQuickModeControls() {
+  if (aapsModeToggle) aapsModeToggle.checked = (taskProfileField?.value || "auto") === "aaps";
+  if (veniceModeToggle) veniceModeToggle.checked = inferVeniceMode();
+  if (quickModeStatusEl) {
+    const scs = enableScsField?.value || "on";
+    const profile = taskProfileField?.value || "auto";
+    const route = `${routeProviderField?.value || "deepseek"}/${fieldValue(routeModelField) || "auto"}`;
+    const main = `${mainProviderField?.value || "deepseek"}/${fieldValue(mainModelField) || "auto"}`;
+    quickModeStatusEl.textContent = `scs=${scs} · profile=${profile} · route ${route} · main ${main}`;
+  }
+}
+
+function applyAapsMode(enabled) {
+  if (!taskProfileField) return;
+  taskProfileField.value = enabled ? "aaps" : taskProfileField.value === "aaps" ? "auto" : taskProfileField.value;
+  ensureRecommendedMaxStepsForCurrentTask();
+  syncQuickModeControls();
+}
+
+function applyVeniceMode(enabled) {
+  if (enabled) {
+    const model = selectedVeniceTextModel();
+    routingModeField.value = "smart";
+    providerField.value = "deepseek";
+    if (routeProviderField) routeProviderField.value = "venice";
+    refreshModelDropdowns();
+    if (routeModelField) setSelectOptions(routeModelField, providerModelOptions("venice"), model, defaults.venice);
+    if (mainProviderField) mainProviderField.value = "venice";
+    refreshModelDropdowns();
+    if (mainModelField) setSelectOptions(mainModelField, providerModelOptions("venice"), model, defaults.venice);
+  } else {
+    routingModeField.value = "smart";
+    providerField.value = "deepseek";
+    if (routeProviderField?.value === "venice") routeProviderField.value = "deepseek";
+    if (mainProviderField?.value === "venice") mainProviderField.value = "deepseek";
+    refreshModelDropdowns();
+    if (routeModelField && routeProviderField?.value === "deepseek") {
+      setSelectOptions(routeModelField, providerModelOptions("deepseek"), "deepseek-v4-flash", "deepseek-v4-flash");
+    }
+    if (mainModelField && mainProviderField?.value === "deepseek") {
+      setSelectOptions(mainModelField, providerModelOptions("deepseek"), "deepseek-v4-pro", "deepseek-v4-pro");
+    }
+  }
+  updateRoutingHint();
+  syncQuickModeControls();
+}
+
+function applyScsMode(mode = enableScsField?.value || "on") {
+  if (enableScsField) enableScsField.value = ["on", "auto", "off"].includes(mode) ? mode : "on";
+  if (allowParallelScoutsField && enableScsField?.value === "on") {
+    allowParallelScoutsField.checked = false;
+  }
+  syncQuickModeControls();
+}
+
 function renderModelRoles() {
   if (!modelRoleGridEl) return;
   const roles = {
@@ -1373,6 +1532,7 @@ function updateRoutingHint() {
     fieldValue(modelField) || defaults[providerField.value] || ""
   }`;
   renderModelOptions();
+  syncQuickModeControls();
 }
 
 function updatePackageWarning() {
@@ -1498,7 +1658,7 @@ function formPayload() {
     auxiliaryModel: fieldValue(auxiliaryModelField) || "nano-banana-2",
     startUrl: document.querySelector("#startUrl").value.trim(),
     allowedDomains: document.querySelector("#allowedDomains").value.trim(),
-    commandCwd: document.querySelector("#commandCwd").value.trim(),
+    commandCwd: commandCwdField?.value.trim() || "",
     maxSteps: Number(document.querySelector("#maxSteps").value) || 24,
     permissionMode: permissionModeField?.value || "normal",
     sandboxMode: sandboxModeField.value,
@@ -1511,6 +1671,8 @@ function formPayload() {
     allowWebSearch: allowWebSearchField?.checked ?? true,
     allowMcpTools: allowMcpToolsField?.checked ?? true,
     allowParallelScouts: allowParallelScoutsField?.checked ?? true,
+    enableScs: enableScsField?.value || "on",
+    dynamicSteps: dynamicStepsField?.value || "auto",
     parallelScoutCount: Math.min(Math.max(Number(parallelScoutCountField?.value) || 3, 1), 10),
     allowWrapperTools: allowWrapperToolsField.checked,
     preferredWrapper: preferredWrapperField.value,
@@ -2971,6 +3133,7 @@ providerField.addEventListener("change", () => {
     modelField.value = defaults[providerField.value] || "";
   }
   updateRoutingHint();
+  syncQuickModeControls();
   schedulePreferenceSave();
 });
 
@@ -2982,6 +3145,21 @@ modelCatalogEl?.addEventListener("click", (event) => {
   schedulePreferenceSave();
 });
 
+enableScsField?.addEventListener("change", () => {
+  applyScsMode(enableScsField.value);
+  schedulePreferenceSave();
+});
+
+aapsModeToggle?.addEventListener("change", () => {
+  applyAapsMode(aapsModeToggle.checked);
+  schedulePreferenceSave();
+});
+
+veniceModeToggle?.addEventListener("change", () => {
+  applyVeniceMode(veniceModeToggle.checked);
+  schedulePreferenceSave();
+});
+
 modelField.addEventListener("change", updateRoutingHint);
 [routeProviderField, routeModelField, mainProviderField, mainModelField, spareProviderField, spareModelField, spareReasoningField, wrapperModelField, wrapperReasoningField, auxiliaryProviderField, auxiliaryModelField]
   .filter(Boolean)
@@ -2990,12 +3168,14 @@ modelField.addEventListener("change", updateRoutingHint);
       if (field === routeProviderField || field === mainProviderField || field === spareProviderField || field === auxiliaryProviderField) refreshModelDropdowns();
       renderModelRoles();
       renderModelOptions();
+      syncQuickModeControls();
       schedulePreferenceSave();
     });
     field.addEventListener("change", () => {
       if (field === routeProviderField || field === mainProviderField || field === spareProviderField || field === auxiliaryProviderField) refreshModelDropdowns();
       renderModelRoles();
       renderModelOptions();
+      syncQuickModeControls();
       schedulePreferenceSave();
     });
   });
@@ -3007,8 +3187,10 @@ permissionModeField?.addEventListener("change", () => {
 });
 allowWrapperToolsField.addEventListener("change", () => renderWrapperStatus());
 preferredWrapperField.addEventListener("change", () => renderWrapperStatus());
+dynamicStepsField?.addEventListener("change", schedulePreferenceSave);
 taskProfileField?.addEventListener("change", () => {
   ensureRecommendedMaxStepsForCurrentTask();
+  syncQuickModeControls();
   schedulePreferenceSave();
 });
 
@@ -3038,6 +3220,22 @@ saveApiKeyButton?.addEventListener("click", async () => {
 form.addEventListener("input", schedulePreferenceSave);
 form.addEventListener("change", schedulePreferenceSave);
 
+let commandCwdSuggestTimer = null;
+commandCwdField?.addEventListener("focus", () => {
+  refreshCommandCwdSuggestions(commandCwdField.value).catch(() => {});
+});
+commandCwdField?.addEventListener("input", () => {
+  schedulePreferenceSave();
+  clearTimeout(commandCwdSuggestTimer);
+  commandCwdSuggestTimer = setTimeout(() => {
+    refreshCommandCwdSuggestions(commandCwdField.value).catch(() => {});
+  }, 120);
+});
+commandCwdField?.addEventListener("change", () => {
+  schedulePreferenceSave();
+  refreshCommandCwdSuggestions(commandCwdField.value).catch(() => {});
+});
+
 chatInputEl.addEventListener("keydown", (event) => {
   if (event.key === "Enter" && !event.shiftKey && !event.ctrlKey && !event.metaKey && !event.altKey) {
     event.preventDefault();
@@ -3118,9 +3316,7 @@ window.addEventListener("keydown", (event) => {
 
 form.addEventListener("submit", async (event) => {
   event.preventDefault();
-
-  const goal = document.querySelector("#goal").value.trim();
-  await startRunFromGoal(goal);
+  chatInputEl?.focus();
 });
 
 sessionSelectEl.addEventListener("change", async () => {
@@ -3237,7 +3433,7 @@ async function loadConfig() {
   renderTaskProfiles(prefs.taskProfile || "auto");
   document.querySelector("#startUrl").value = prefs.startUrl || "";
   document.querySelector("#allowedDomains").value = prefs.allowedDomains || "";
-  document.querySelector("#commandCwd").value = prefs.commandCwd || data.project?.root || "";
+  if (commandCwdField) commandCwdField.value = prefs.commandCwd || data.project?.root || "";
   document.querySelector("#headless").checked = prefs.headless ?? data.defaults.headless;
   document.querySelector("#maxSteps").value = prefs.maxSteps ?? data.defaults.maxSteps;
   if (permissionModeField) permissionModeField.value = prefs.permissionMode || "normal";
@@ -3249,6 +3445,8 @@ async function loadConfig() {
   if (allowWebSearchField) allowWebSearchField.checked = prefs.allowWebSearch ?? true;
   if (allowMcpToolsField) allowMcpToolsField.checked = prefs.allowMcpTools ?? true;
   if (allowParallelScoutsField) allowParallelScoutsField.checked = prefs.allowParallelScouts ?? true;
+  if (enableScsField) enableScsField.value = prefs.enableScs || "on";
+  if (dynamicStepsField) dynamicStepsField.value = prefs.dynamicSteps || "auto";
   if (parallelScoutCountField) parallelScoutCountField.value = String(prefs.parallelScoutCount || 3);
   allowWrapperToolsField.checked = prefs.allowWrapperTools ?? false;
   preferredWrapperField.value = prefs.preferredWrapper || "codex";
@@ -3258,6 +3456,7 @@ async function loadConfig() {
 
   renderKeyStatus(data.keyStatus);
   renderProjectStatus(data.project);
+  await refreshCommandCwdSuggestions(commandCwdField?.value || "");
   renderWrapperStatus(data.wrappers || []);
   refreshProviderDropdowns();
   renderWorkspacePanel(data.workspace, []);
@@ -3267,6 +3466,7 @@ async function loadConfig() {
   updateRoutingHint();
   updatePermissionHint();
   updatePackageWarning();
+  syncQuickModeControls();
 
   renderSessions(data.sessions || []);
   if (data.sessions && data.sessions.length > 0) {

package/public/index.html

@@ -36,13 +36,30 @@
         <p class="subtle" data-i18n="intro">
           Project-aware, low-cost agent for real problems
         </p>
-        <details class="project-card">
-          <summary>
-            <strong data-i18n="projectStatusTitle">Project folder</strong>
-            <span class="project-card-toggle" aria-hidden="true"></span>
-          </summary>
-          <p id="project-status" class="subtle">Loading project context...</p>
-        </details>
+        <section class="workspace-search-card" aria-labelledby="workspace-search-title">
+          <div class="workspace-search-head">
+            <div>
+              <strong id="workspace-search-title" data-i18n="projectStatusTitle">Project folder</strong>
+              <p class="subtle" data-i18n="commandCwdHelp">Runs start from this working directory.</p>
+            </div>
+          </div>
+          <label class="workspace-search-field">
+            <span data-i18n="commandCwdLabel">Working directory</span>
+            <input
+              id="commandCwd"
+              name="commandCwd"
+              type="search"
+              value="/home/lachlan/ProjectsLFS/Agent"
+              list="command-cwd-suggestions"
+              autocomplete="off"
+              spellcheck="false"
+              data-i18n-placeholder="commandCwdPlaceholder"
+              placeholder="/home/lachlan/ProjectsLFS/Agent"
+            />
+            <datalist id="command-cwd-suggestions"></datalist>
+          </label>
+          <div id="project-status" class="project-status-grid" aria-live="polite">Loading project context...</div>
+        </section>
 
         <section id="setup-card" class="setup-card" hidden>
           <div>
@@ -84,22 +101,20 @@
           </div>
         </section>
 
-        <form id="run-form">
-          <label>
-            <span data-i18n="goalLabel">Goal</span>
-            <textarea
-              id="goal"
-              name="goal"
-              rows="5"
-              data-i18n-placeholder="goalPlaceholder"
-              placeholder="Open a site and summarize it, or use run_command for simple terminal inspection."
-            ></textarea>
-          </label>
-
-          <div class="actions run-start-actions">
-            <button type="submit" data-i18n="startRunButton">Start run</button>
-            <span id="key-status" class="subtle"></span>
-          </div>
+        <details id="run-defaults-card" class="run-defaults-card">
+          <summary class="run-defaults-summary">
+            <span>
+              <strong data-i18n="runDefaultsTitle">Run defaults</strong>
+              <span class="subtle" data-i18n="runDefaultsFoldHint">Routing, safety, tool toggles, and key status.</span>
+            </span>
+            <span id="key-status" class="key-status-summary"></span>
+            <span class="project-card-toggle" aria-hidden="true"></span>
+          </summary>
+          <form id="run-form" class="run-defaults-form">
+            <div class="run-defaults-head">
+              <p class="subtle" data-i18n="runDefaultsHelp">The chat box is the first goal for a new run. These controls set how that run starts.</p>
+              <div id="key-status-list" class="key-status-list" aria-live="polite"></div>
+            </div>
 
           <label>
             <span data-i18n="routingModeLabel">Routing policy</span>
@@ -143,14 +158,18 @@
           </label>
 
           <div class="grid">
-            <label>
-              <span data-i18n="commandCwdLabel">Working directory</span>
-              <input id="commandCwd" name="commandCwd" type="text" value="/home/lachlan/ProjectsLFS/Agent" />
-            </label>
             <label>
               <span data-i18n="maxStepsLabel">Max steps</span>
               <input id="maxSteps" name="maxSteps" type="number" min="1" max="50" value="24" />
             </label>
+            <label>
+              <span data-i18n="dynamicStepsLabel">Dynamic steps</span>
+              <select id="dynamicSteps" name="dynamicSteps">
+                <option value="auto" data-i18n="dynamicStepsAutoOption">Auto</option>
+                <option value="on" data-i18n="dynamicStepsOnOption">On</option>
+                <option value="off" data-i18n="dynamicStepsOffOption">Off</option>
+              </select>
+            </label>
           </div>
           <p id="package-warning" class="subtle package-warning"></p>
 
@@ -202,7 +221,8 @@
           </div>
 
           <button id="open-settings" type="button" class="secondary settings-button">Advanced settings</button>
-        </form>
+          </form>
+        </details>
       </section>
 
       <section class="stack">
@@ -240,6 +260,27 @@
             <strong id="run-state-text" data-i18n="runStateIdle">Ready</strong>
             <span id="run-state-detail" class="subtle" data-i18n="runStateIdleDetail">Select a conversation or type a new goal below.</span>
           </div>
+          <div class="quick-mode-bar" aria-label="Run mode shortcuts">
+            <label class="quick-mode-select">
+              <span data-i18n="scsModeLabel">SCS</span>
+              <select id="enableScs" name="enableScs">
+                <option value="on" data-i18n="scsOnOption">On</option>
+                <option value="auto" data-i18n="scsAutoOption">Auto</option>
+                <option value="off" data-i18n="scsOffOption">Off</option>
+              </select>
+            </label>
+            <label class="switch-label compact-switch">
+              <input id="aapsModeToggle" name="aapsModeToggle" type="checkbox" />
+              <span class="switch" aria-hidden="true"></span>
+              <span data-i18n="aapsModeLabel">AAPS</span>
+            </label>
+            <label class="switch-label compact-switch">
+              <input id="veniceModeToggle" name="veniceModeToggle" type="checkbox" />
+              <span class="switch" aria-hidden="true"></span>
+              <span data-i18n="veniceModeLabel">Venice</span>
+            </label>
+            <span id="quick-mode-status" class="subtle quick-mode-status"></span>
+          </div>
           <form id="chat-form" class="chat-form">
             <textarea
               id="chat-input"