clay-server 4.1.0-beta.4 → 4.1.0-beta.6

package/lib/public/app.js

@@ -28,9 +28,11 @@ import { initQrCode, triggerShare } from './modules/qrcode.js';
 import { initFileBrowser, loadRootDirectory, refreshTree, handleFsList, handleFsRead, handleDirChanged, refreshIfOpen, handleFileChanged, handleFileHistory, handleGitDiff, handleFileAt, getPendingNavigate, closeFileViewer, resetFileBrowser } from './modules/filebrowser.js';
 import { initGitPanel } from './modules/git-panel.js';
 import { initWorkerPaneLock } from './modules/worker-pane-lock.js';
+import { initAutonomousRun } from './modules/autonomous-run.js';
+import { initLoopInterview } from './modules/loop-interview.js';
 import { initTerminal, openTerminal, closeTerminal, resetTerminals, handleTermList, handleTermCreated, handleTermOutput, handleTermResized, handleTermExited, handleTermClosed, sendTerminalCommand } from './modules/terminal.js';
 import { initContextSources, updateTerminalList, updateBrowserTabList, handleContextSourcesState, getActiveSources, hasActiveSources } from './modules/context-sources.js';
-import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, hideNotes, showNotes, isNotesVisible, createNote, setBrowserRefresh } from './modules/sticky-notes.js';
+import { initStickyNotes, handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, hideNotes, showNotes, isNotesVisible, createNote, setBrowserRefresh, toggleNotesTemporaryVisibility } from './modules/sticky-notes.js';
 import { initNotesBrowser, openNotesBrowser, closeNotesBrowser, isNotesBrowserOpen, renderNotesBrowser, registerExclusiveClosers } from './modules/sticky-notes-browser.js';
 import { initTheme, getThemeColor, getComputedVar, onThemeChange, getCurrentTheme, getChatLayout } from './modules/theme.js';
 import { initTools, resetToolState, saveToolState, restoreToolState, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionResolved, markPermissionCancelled, renderElicitationRequest, markElicitationResolved, renderPlanBanner, renderPlanCard, handleTodoWrite, handleTaskCreate, handleTaskUpdate, startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, addTurnMeta, resetTurnMetaCost, enableMainInput, getTools, getPlanContent, setPlanContent, isPlanFilePath, getTodoTools, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, updateSubagentProgress, initSubagentStop, closeToolGroup, removeToolFromGroup } from './modules/tools.js';
@@ -39,6 +41,7 @@ import { initProjectSettings, handleInstructionsRead, handleInstructionsWrite, h
 import { initSkills, handleSkillInstalled, handleSkillUninstalled } from './modules/skills.js';
 import { initMcp } from './modules/mcp-ui.js';
 import { initScheduler, resetScheduler, handleLoopRegistryUpdated, handleScheduleRunStarted, handleScheduleRunFinished, handleLoopScheduled, openSchedulerToTab, isSchedulerOpen, closeScheduler, enterCraftingMode, exitCraftingMode, handleLoopRegistryFiles, getUpcomingSchedules } from './modules/scheduler.js';
+import { initScheduledTasks, closeScheduledTasks } from './modules/scheduled-tasks.js';
 import { initPlaybook, openPlaybook, getPlaybooks, getPlaybookForTip, isCompleted as isPlaybookCompleted } from './modules/playbook.js';
 import { initSTT } from './modules/stt.js';
 import { initProfile, getProfileLang } from './modules/profile.js';
@@ -73,7 +76,6 @@ import { initSkillInstall, requireSkills as _siRequireSkills, handleSkillInstall
 import { initDebateUi, showDebateConcludeConfirm as _debShowDebateConcludeConfirm, exitDebateConcludeMode as _debExitDebateConcludeMode, handleDebateConcludeSend as _debHandleDebateConcludeSend, showDebateEndedMode as _debShowDebateEndedMode, exitDebateEndedMode as _debExitDebateEndedMode, showDebateUserFloor as _debShowDebateUserFloor, exitDebateFloorMode as _debExitDebateFloorMode, handleDebateFloorSend as _debHandleDebateFloorSend, renderDebateUserFloorDone as _debRenderDebateUserFloorDone, showDebateSticky as _debShowDebateSticky, showDebateBottomBar as _debShowDebateBottomBar, removeDebateBottomBar as _debRemoveDebateBottomBar, sendDebateStickyComment as _debSendDebateStickyComment, updateDebateRound as _debUpdateDebateRound } from './modules/app-debate-ui.js';
 import { initLoopUi, updateLoopInputVisibility as _loopUpdateLoopInputVisibility, updateLoopButton as _loopUpdateLoopButton, showLoopBanner as _loopShowLoopBanner, updateLoopBanner as _loopUpdateLoopBanner, updateRalphBars as _loopUpdateRalphBars, showRalphCraftingBar as _loopShowRalphCraftingBar, showRalphApprovalBar as _loopShowRalphApprovalBar, updateRalphApprovalStatus as _loopUpdateRalphApprovalStatus, openRalphPreviewModal as _loopOpenRalphPreviewModal, showExecModal as _loopShowExecModal, closeExecModal as _loopCloseExecModal, updateExecModalStatus as _loopUpdateExecModalStatus } from './modules/app-loop-ui.js';
 import { initBackgroundTasksUi } from './modules/background-tasks-ui.js';
-import { initLoopWizard, openRalphWizard as _loopOpenRalphWizard, closeRalphWizard as _loopCloseRalphWizard, getWizardSource as _loopGetWizardSource } from './modules/app-loop-wizard.js';
 import { initAppNotifications, handleNotificationsState as _notifHandleState, handleNotificationCreated as _notifHandleCreated, handleNotificationDismissed as _notifHandleDismissed, handleNotificationDismissedAll as _notifHandleDismissedAll } from './modules/app-notifications.js';
 import { initWhatsNew, handleWhatsNewState as _wnHandleState, handleWhatsNewSeenResult as _wnHandleSeenResult } from './modules/whats-new.js';
 import { initWhatsNewArticle, openArticle as openWhatsNewArticle } from './modules/whats-new-article.js';
@@ -220,7 +222,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   // connected, processing, activeSessionId, sessionDrafts -> store
   // loopActive, loopAvailable, loopIteration, loopMaxIterations, loopBannerName,
   // ralphPhase, ralphCraftingSessionId, ralphCraftingSource, ralphFilesReady, ralphPreviewContent -> modules/app-loop-ui.js
-  // wizardStep, wizardSource, wizardData, loopModeChoice, promptAuthor, judgeAuthor -> modules/app-loop-wizard.js
   // slashCommands, cliSessionId -> store
   var projectName = ""; // kept for pre-store localStorage init
   // turnCounter -> modules/app-rendering.js
@@ -269,6 +270,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     splitPanes: null,
     splitGroups: [],
     splitDelegations: {},
+    notesTemporarilyHidden: false,
     dmMode: false,
     historyFrom: 0,
     loadingMore: false,
@@ -284,8 +286,28 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     currentProjectOwnerId: null,
     isOsUsers: false,
     skipPermsEnabled: false,
+    autonomousSelectedMode: "normal",
+    autonomousArming: false,
+    autonomousArmToken: null,
+    autonomousArmRequestId: null,
+    autonomousArmSessionId: null,
+    autonomousActionRequestId: null,
+    autonomousActionSessionId: null,
+    autonomousCriteria: "",
+    autonomousMaxContinuations: 10,
+    autonomousMaxMinutes: 60,
+    autonomousRun: null,
+    autonomousExpanded: false,
+    loopInterviewBrief: null,
+    loopInterviewEditing: false,
+    loopInterviewRunRequestId: null,
+    loopInterviewRunSessionId: null,
+    loopInterviewStarting: false,
+    loopInterviewRequestId: null,
+    loopInterviewSessionId: null,
     slashCommands: [],
     processing: false,
+    scheduledMessageCorrelation: null,
     activeSessionId: null,
     askUserRequests: {},
     activeBackgroundTasks: [],
@@ -305,6 +327,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     homeActiveSessionByMate: {},
     homePreferredMateId: null,
     homeSidebarCollapsed: false,
+    homeMatesCollapsed: false,
     homeChatScope: "all",
     homeSubSurface: "chat",
     homeDebatesStatus: "idle",
@@ -344,6 +367,23 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     projectLogsCanDelete: false,
     projectLogsUnread: 0,
     projectLogsSeenRevisions: {},
+    scheduledTasksOpen: false,
+    scheduledTasksWide: false,
+    scheduledTasksFullscreen: false,
+    scheduledTaskRecords: [],
+    scheduledTaskDraft: null,
+    scheduledTaskEditingId: null,
+    scheduledTaskNewSessionPending: false,
+    scheduledTaskInterviewRequestId: null,
+    scheduledTaskActionRequestId: null,
+    scheduledTaskListRequest: null,
+    scheduledTaskInterviewId: null,
+    scheduledTaskExpandedId: null,
+    scheduledTaskDeleteId: null,
+    scheduledTaskDraftForm: null,
+    scheduledTaskEditForm: null,
+    scheduledTaskCreateMenuOpen: false,
+    scheduledTaskManualRequest: null,
     installedTools: [],
     capsulesEnabled: false,
     capsulesPreferenceLoaded: false,
@@ -480,7 +520,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     switchProject: function (slug) { switchProject(slug); },
     openTerminal: function () { openTerminal(); },
     showHomeHub: function () { showHomeHub(); },
-    openRalphWizard: function (source) { openRalphWizard(source); },
     getUpcomingSchedules: getUpcomingSchedules,
     get multiUser() { return store.get('isMultiUserMode'); },
     get myUserId() { return store.get('myUserId'); },
@@ -501,6 +540,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   // mcp-ui.js / etc.) attach click handlers by ID.
   initToolPalettes();
   initProjectLogs();
+  initScheduledTasks();
   initSidebar(sidebarCtx);
   var wsGetter = function () { return _getWsRef(); };
   initMateSidebar(wsGetter);
@@ -688,7 +728,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
 
   initLoopUi();
   initBackgroundTasksUi();
-  initLoopWizard();
+  initAutonomousRun();
+  initLoopInterview();
 
   // --- Notifications module ---
   initAppNotifications();
@@ -975,8 +1016,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
         if (msBtn) msBtn.style.display = "none";
       }
       if (!_perms.scheduledTasks) {
-        var schBtn = document.getElementById("home-scheduler-btn");
-        if (schBtn) schBtn.style.display = "none";
         var schToolBtn = document.getElementById("scheduler-btn");
         if (schToolBtn) schToolBtn.style.display = "none";
       }
@@ -1119,13 +1158,14 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   setBrowserRefresh(function () { if (isNotesBrowserOpen()) renderNotesBrowser(); });
   // Opening the browser claims the single right workbench slot. Registered here
   // so the browser module never imports the other tools.
-  registerExclusiveClosers([closeProjectLogs, closeScheduler, closeFileViewer, closeTerminal]);
+  registerExclusiveClosers([closeProjectLogs, closeScheduledTasks, closeFileViewer, closeTerminal]);
 
   // --- Sticky Notes sidebar button (create new note) ---
   var stickyNotesSidebarBtn = $("sticky-notes-sidebar-btn");
   if (stickyNotesSidebarBtn) {
     stickyNotesSidebarBtn.addEventListener("click", function () {
       closeProjectLogs();
+      closeScheduledTasks();
       if (isSchedulerOpen()) closeScheduler();
       if (isNotesBrowserOpen()) closeNotesBrowser();
       showNotes();
@@ -1133,12 +1173,20 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     });
   }
 
+  var stickyNotesToggleButtons = document.querySelectorAll("#sticky-notes-toggle-btn");
+  for (var stickyToggleIndex = 0; stickyToggleIndex < stickyNotesToggleButtons.length; stickyToggleIndex++) {
+    stickyNotesToggleButtons[stickyToggleIndex].addEventListener("click", function () {
+      toggleNotesTemporaryVisibility();
+    });
+  }
+
   // Sticky Notes badge click → archive toggle
   var stickyNotesBadge = $("sticky-notes-sidebar-count");
   if (stickyNotesBadge) {
     stickyNotesBadge.addEventListener("click", function (e) {
       e.stopPropagation();
       closeProjectLogs();
+      closeScheduledTasks();
       if (isSchedulerOpen()) closeScheduler();
       if (isNotesBrowserOpen()) {
         closeNotesBrowser();
@@ -1152,11 +1200,11 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   var fileBrowserBtn = $("file-browser-btn");
   var gitPlacardMoreBtn = $("git-placard-more");
   var terminalSidebarBtn = $("terminal-sidebar-btn");
-  if (fileBrowserBtn) fileBrowserBtn.addEventListener("click", function () { closeProjectLogs(); if (isNotesBrowserOpen()) closeNotesBrowser(); if (isSchedulerOpen()) closeScheduler(); });
-  if (gitPlacardMoreBtn) gitPlacardMoreBtn.addEventListener("click", function () { closeProjectLogs(); if (isNotesBrowserOpen()) closeNotesBrowser(); if (isSchedulerOpen()) closeScheduler(); });
-  if (terminalSidebarBtn) terminalSidebarBtn.addEventListener("click", function () { closeProjectLogs(); if (isNotesBrowserOpen()) closeNotesBrowser(); if (isSchedulerOpen()) closeScheduler(); });
+  if (fileBrowserBtn) fileBrowserBtn.addEventListener("click", function () { closeProjectLogs(); closeScheduledTasks(); if (isNotesBrowserOpen()) closeNotesBrowser(); if (isSchedulerOpen()) closeScheduler(); });
+  if (gitPlacardMoreBtn) gitPlacardMoreBtn.addEventListener("click", function () { closeProjectLogs(); closeScheduledTasks(); if (isNotesBrowserOpen()) closeNotesBrowser(); if (isSchedulerOpen()) closeScheduler(); });
+  if (terminalSidebarBtn) terminalSidebarBtn.addEventListener("click", function () { closeProjectLogs(); closeScheduledTasks(); if (isNotesBrowserOpen()) closeNotesBrowser(); if (isSchedulerOpen()) closeScheduler(); });
 
-  // --- Ralph Loop UI (delegated to app-loop-ui.js + app-loop-wizard.js) ---
+  // --- Legacy scheduled Loop UI ---
   function updateLoopInputVisibility(loop) { _loopUpdateLoopInputVisibility(loop); }
   function updateLoopButton() { _loopUpdateLoopButton(); }
   function showLoopBanner(show) { _loopShowLoopBanner(show); }
@@ -1193,9 +1241,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     });
   }
 
-  // --- Ralph Wizard (delegated to app-loop-wizard.js) ---
-  function openRalphWizard(source) { _loopOpenRalphWizard(source); }
-  function closeRalphWizard() { _loopCloseRalphWizard(); }
 
   // --- Debate UI (delegated to app-debate-ui.js) ---
   // debateStickyState, debateHandRaiseOpen, debateFloorMode, debateConcludeMode, debateEndedMode -> modules/app-debate-ui.js
@@ -1229,14 +1274,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     get activeSessionId() { return store.get('activeSessionId'); },
     basePath: basePath,
     currentSlug: currentSlug, // init-time snapshot, scheduler uses for initial setup
-    openRalphWizard: function (source) { openRalphWizard(source); },
-    requireClayRalph: function (cb) {
-      requireSkills({
-        title: "Skill Installation Required",
-        reason: "This feature requires the following skill to be installed.",
-        skills: [{ name: "clay-ralph", url: "https://github.com/chadbyte/clay-ralph", scope: "global" }]
-      }, cb);
-    },
     getProjects: function () { return getCachedProjects(); },
   });
 

package/lib/public/css/home-hub.css

@@ -9,6 +9,7 @@ body.home-active #mate-sidebar-column,
 body.home-active #sidebar-resize-handle,
 body.home-active #mate-sidebar-resize-handle,
 body.home-active #sidebar-overlay,
+body.home-active #mobile-tab-bar,
 body.home-active .title-bar-content,
 body.home-active #user-island { display: none !important; }
 
@@ -935,7 +936,7 @@ body.home-surface-boot-pending #connect-overlay.hidden {
 }
 
 @media (max-width: 900px) {
-  #home-hub { padding: calc(6px + var(--safe-top)) 8px calc(68px + var(--safe-bottom, 0px)); }
+  #home-hub { padding: calc(6px + var(--safe-top)) 8px calc(8px + var(--safe-bottom, 0px)); }
 
   .home-hub-inner {
     height: 100%;
@@ -980,9 +981,21 @@ body.home-surface-boot-pending #connect-overlay.hidden {
 }
 
 @media (max-width: 768px) {
+  #home-hub:not(.dock-split):not(.dock-focus) .home-mate-chat-stage {
+    padding-top: 52px;
+  }
+
+  #home-hub:not(.dock-split):not(.dock-focus) .home-mate-chat-messages {
+    padding-top: 8px;
+  }
+
+  #home-hub:not(.dock-split):not(.dock-focus) .home-mate-chat-composer-frame {
+    margin-bottom: 0;
+  }
+
   #home-hub.dock-split,
   #home-hub.dock-focus {
-    padding: var(--safe-top) 0 calc(56px + var(--safe-bottom, 0px));
+    padding: var(--safe-top) 0 var(--safe-bottom, 0px);
   }
 
   .home-workspace { flex-direction: column; }

package/lib/public/css/home-sidebar.css

@@ -223,6 +223,50 @@
   padding-left: 7px;
 }
 
+.home-sidebar-mate-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  min-height: 25px;
+  border: 0;
+  background: transparent;
+  color: var(--text-dimmer);
+  font: inherit;
+  font-size: 9px;
+  font-weight: 680;
+  letter-spacing: 0.09em;
+  line-height: 1.2;
+  text-align: left;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+.home-sidebar-mate-toggle:hover,
+.home-sidebar-mate-toggle:focus-visible {
+  color: var(--text-secondary);
+}
+
+.home-sidebar-mate-toggle:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+  border-radius: 5px;
+}
+
+.home-sidebar-mate-toggle .lucide {
+  width: 12px;
+  height: 12px;
+  transition: transform 140ms ease;
+}
+
+.home-sidebar-mate-toggle[aria-expanded="false"] .lucide {
+  transform: rotate(-90deg);
+}
+
+.home-sidebar-mates-collapsed .home-mate-list {
+  display: none;
+}
+
 .home-mate-list {
   flex: 0 0 var(--home-mate-list-height);
   display: flex;
@@ -693,7 +737,7 @@
     position: absolute;
     z-index: 8;
     top: calc(8px + var(--safe-top));
-    bottom: calc(64px + var(--safe-bottom, 0px));
+    bottom: calc(8px + var(--safe-bottom, 0px));
     left: 8px;
     width: min(320px, calc(100vw - 24px));
     padding: 6px;
@@ -701,6 +745,10 @@
     border-radius: 12px;
     box-shadow: 12px 18px 44px rgba(var(--shadow-rgb), 0.22);
   }
+  .home-sidebar-mate-toggle {
+    width: 100%;
+    min-height: 36px;
+  }
   .home-sidebar-backdrop {
     position: absolute;
     z-index: 7;
@@ -710,7 +758,7 @@
     background: rgba(var(--shadow-rgb), 0.13);
   }
   #home-hub.home-sidebar-collapsed .home-sidebar-backdrop { display: none; }
-  .home-conversations-sheet { align-items: flex-end; padding: 8px 8px calc(64px + var(--safe-bottom, 0px)); }
+  .home-conversations-sheet { align-items: flex-end; padding: 8px 8px calc(8px + var(--safe-bottom, 0px)); }
   .home-conversations-sheet-panel { width: 100%; max-height: calc(100vh - 84px); border-radius: 14px 14px 10px 10px; }
 }
 

package/lib/public/css/input.css

@@ -747,6 +747,77 @@
   position: relative;
 }
 
+/* Until complete keeps the composer's visual language: compact, quiet, and
+   explicit about the Driver assessment rather than presenting a second app. */
+.execution-mode-wrap { position: relative; flex: none; }
+.execution-mode-wrap.hidden { display: none; }
+#loop-interview-btn { flex: none; }
+#loop-interview-btn.arming { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
+#loop-interview-card { max-width: var(--content-width); max-height: min(260px, 35vh); overflow-y: auto; margin: 0 auto 8px; padding: 12px 14px; border: 1px solid var(--border-subtle); border-radius: 12px; background: var(--surface); }
+#loop-interview-card.hidden { display: none; }
+.loop-interview-objective, .loop-interview-criteria { margin-top: 6px; white-space: pre-wrap; }
+.loop-interview-criteria { color: var(--text-muted); font-size: 12px; }
+.loop-interview-limits, .loop-interview-disclosure { margin-top: 6px; color: var(--text-muted); font-size: 11px; }
+.loop-interview-actions { display: flex; gap: 8px; margin-top: 10px; }
+.loop-interview-actions button { padding: 5px 10px; border: 1px solid var(--border-subtle); border-radius: 7px; background: transparent; color: var(--text); cursor: pointer; }
+#execution-mode-btn {
+  display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 9px;
+  border: 1px solid var(--border-subtle); border-radius: 9px; background: transparent;
+  color: var(--text-muted); font: inherit; font-size: 11px; cursor: pointer;
+  transition: color .15s ease, border-color .15s ease, background .15s ease;
+}
+#execution-mode-btn:hover:not(:disabled) { color: var(--text); border-color: var(--border); }
+#execution-mode-btn.active { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); background: color-mix(in srgb, var(--accent) 8%, transparent); }
+#execution-mode-btn:disabled { cursor: default; opacity: .45; }
+#execution-mode-btn .lucide { width: 12px; height: 12px; }
+#execution-mode-btn .lucide:last-child { width: 10px; height: 10px; }
+.execution-mode-popover {
+  position: absolute; z-index: 80; right: 0; bottom: calc(100% + 8px); width: min(310px, calc(100vw - 32px));
+  padding: 7px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-elevated, var(--bg));
+  box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
+}
+.execution-mode-popover.hidden { display: none; }
+.execution-mode-option, .execution-mode-enable { width: 100%; border: 0; font: inherit; cursor: pointer; }
+.execution-mode-option { display: flex; align-items: baseline; justify-content: space-between; padding: 9px 10px; border-radius: 9px; background: transparent; color: var(--text); text-align: left; }
+.execution-mode-option:hover { background: rgba(var(--overlay-rgb), .06); }
+.execution-mode-option span, .execution-until-settings > div > span { color: var(--text-muted); font-size: 11px; }
+.execution-until-settings { margin-top: 5px; padding: 11px; border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 10px; background: color-mix(in srgb, var(--accent) 5%, transparent); }
+.execution-until-settings > div:first-child { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
+.execution-until-settings label { display: flex; flex-direction: column; gap: 5px; color: var(--text-muted); font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
+.execution-until-settings textarea, .execution-until-settings input { box-sizing: border-box; width: 100%; border: 1px solid var(--border); border-radius: 7px; background: var(--input-bg); color: var(--text); font: inherit; font-size: 12px; text-transform: none; letter-spacing: 0; outline: none; }
+.execution-until-settings textarea { padding: 7px 8px; resize: vertical; min-height: 50px; }
+.execution-until-settings input { height: 30px; padding: 0 7px; }
+.execution-until-settings textarea:focus, .execution-until-settings input:focus { border-color: var(--accent); }
+.execution-limit-row { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin: 9px 0 !important; }
+.execution-mode-enable { padding: 8px 10px; border-radius: 8px; background: var(--accent); color: var(--bg); font-size: 12px; font-weight: 650; }
+.autonomous-run-status { display: grid; grid-template-columns: 1fr auto; align-items: center; margin: 0 0 6px; border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 10px; background: color-mix(in srgb, var(--accent) 4%, transparent); overflow: hidden; }
+.autonomous-run-status.hidden { display: none; }
+.autonomous-run-summary { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 10px; border: 0; background: transparent; color: var(--text-secondary); font: inherit; font-size: 12px; cursor: pointer; text-align: left; }
+.autonomous-run-summary #autonomous-run-state { font-weight: 650; color: var(--text); }
+#autonomous-run-progress { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); font-size: 11px; }
+.autonomous-run-mark { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent); }
+.autonomous-run-status.terminal .autonomous-run-mark { background: var(--text-muted); box-shadow: none; }
+.autonomous-run-summary .lucide { width: 13px; height: 13px; transition: transform .15s ease; }
+.autonomous-run-status.expanded .autonomous-run-summary .lucide { transform: rotate(180deg); }
+.autonomous-run-actions { display: flex; gap: 5px; padding-right: 7px; }
+.autonomous-run-actions button { border: 1px solid var(--border); border-radius: 7px; padding: 4px 8px; background: transparent; color: var(--text-muted); font: inherit; font-size: 11px; cursor: pointer; }
+.autonomous-run-actions button:hover { color: var(--text); }
+.autonomous-run-actions button.hidden { display: none; }
+.autonomous-run-detail { display: none; grid-column: 1 / -1; padding: 2px 10px 9px; }
+.autonomous-run-status.expanded .autonomous-run-detail { display: block; }
+.autonomous-run-detail-row { display: grid; grid-template-columns: 105px 1fr; gap: 10px; padding: 6px 0; border-top: 1px solid var(--border-subtle); font-size: 11px; white-space: pre-wrap; }
+.autonomous-run-detail-row > span:first-child { color: var(--text-muted); }
+.autonomous-run-detail-row > span:last-child { color: var(--text-secondary); }
+
+@media (max-width: 600px) {
+  #execution-mode-btn { width: auto; max-width: 116px; padding: 0 7px; justify-content: center; }
+  #execution-mode-label { display: inline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  #execution-mode-btn .lucide:last-child { display: none; }
+  .autonomous-run-summary { gap: 6px; }
+  #autonomous-run-progress { display: none; }
+  .autonomous-run-detail-row { grid-template-columns: 1fr; gap: 3px; }
+}
+
 /* Sidebar session-row badge. Formerly shared its rule with the composer's
    background-tasks chip; it is standalone now that the composer bar no longer
    uses a filled numeric badge. */

package/lib/public/css/mates.css

@@ -2790,7 +2790,6 @@ body.mate-dm-active .activity-inline:not(.mention-activity-bar):not(.mate-pre-ac
   body.mate-dm-active .title-bar-content #todo-sticky,
   body.mate-dm-active .title-bar-content #ralph-sticky,
   body.mate-dm-active .dm-header-bar,
-  body.mate-dm-active .title-bar-content .status #sticky-notes-toggle-btn,
   body.mate-dm-active .title-bar-content .status #terminal-toggle-btn {
     display: none !important;
   }

package/lib/public/css/pane.css

@@ -45,9 +45,11 @@ body.pane-mode #app {
 }
 
 /* Narrow panes cross the mobile breakpoint, but pane mode hides the mobile
-   tab bar. Keep the normal composer inset instead of reserving its 56px. */
+   tab bar. The parent split shell owns the mobile safe-area reservation. */
 body.pane-mode #input-area {
-  padding-bottom: calc(var(--safe-bottom) + 8px);
+  /* The parent split shell owns the mobile safe area. Keeping it out of the
+     iframe prevents the Driver composer from receiving the inset twice. */
+  padding-bottom: 8px;
 }
 
 #main-panels {
@@ -430,9 +432,31 @@ body.pane-mode #input-area {
 /* Portrait phones have enough height for two useful panes but not enough
    width for two readable transcripts. Keep the role order independent from
    the persisted member order so the Split Worker stays above its Driver. */
+@media (max-width: 768px) {
+  /* The mobile tab bar is fixed outside this flex tree. Reserve its usable
+   height once in the parent shell, not independently in either iframe. */
+  #main-panels:has(> #split-host.visible) {
+    padding-bottom: calc(56px + var(--safe-bottom, 0px));
+  }
+
+  body.keyboard-open #main-panels:has(> #split-host.visible) {
+    padding-bottom: 0;
+  }
+}
+
 @media (max-width: 768px) and (orientation: portrait) {
+  /* These dimensions are also used by the divider marker below. */
+  #split-host.visible {
+    --split-shell-inset: 8px;
+    --split-pane-gap: 8px;
+    --split-pane-gap-half: 4px;
+    --split-worker-height: calc(30% - 4.8px);
+  }
+
   #split-host.visible {
     flex-direction: column;
+    gap: var(--split-pane-gap);
+    padding: var(--split-shell-inset);
   }
 
   .split-pane {
@@ -453,16 +477,43 @@ body.pane-mode #input-area {
     order: 0;
   }
 
-  .split-pane:first-child.split-pane-role-worker {
-    border-top: 0;
+  /* A configured Worker is an execution summary; the Driver keeps the
+     generous lower surface for transcript review and composing. Ad-hoc
+     splits retain the equal fallback above. */
+  .split-pane.split-pane-role-worker {
+    flex: 0 0 30%;
+    border: 1px solid var(--border-subtle);
+    border-radius: 11px;
+    background: color-mix(in srgb, var(--bg-alt) 58%, var(--bg));
+    overflow: hidden;
   }
 
-  .split-pane.split-pane-role-worker {
-    border-top: 0;
+  .split-pane-role-worker .split-pane-header {
+    height: 26px;
+    background: transparent;
+  }
+
+  .split-pane-role-worker .split-pane-title {
+    display: none;
+  }
+
+  .split-pane-role-worker .split-pair-live {
+    order: 3;
+  }
+
+  .split-pane-role-worker .split-pane-close {
+    order: 2;
+  }
+
+  .split-pane-role-driver {
+    flex: 1 1 auto;
   }
 
-  #split-host.split-delegating::after {
+  #split-host:has(.split-pane-role-worker).split-delegating::after {
     content: "↑";
+    /* Center on worker bottom + half the gap, accounting for the shell
+       inset and the 30% basis being relative to the inset content box. */
+    top: calc(var(--split-shell-inset) + var(--split-worker-height) + var(--split-pane-gap-half) - 10px);
     animation-name: pair-divider-flow-up;
   }
 

package/lib/public/css/rewind.css

@@ -428,12 +428,20 @@
 .ask-user-other input:focus { border-color: var(--text-dimmer); }
 .ask-user-other input::placeholder { color: var(--text-muted); }
 
+.ask-user-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 14px;
+}
+
 .ask-user-submit {
   background: var(--accent);
   color: #fff;
   border: none;
   border-radius: 10px;
-  padding: 10px 18px;
+  min-height: 36px;
+  padding: 8px 18px;
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
@@ -448,7 +456,8 @@
   background: transparent;
   border: 1px solid var(--border);
   border-radius: 10px;
-  padding: 7px 18px;
+  min-height: 36px;
+  padding: 8px 18px;
   font-size: 13px;
   font-weight: 500;
   font-family: inherit;