clay-server 5.5.0-beta.1 → 5.5.0-beta.3

package/lib/project-worker-conversation.js

@@ -83,7 +83,7 @@ function attachProjectWorkerConversation(ctx) {
         var activity = require('./project-pair-lifecycle-status').activityStatus(worker);
         return { id: worker.localId, sessionOriginId: worker.sessionOriginId, parentSessionOriginId: driverOrigin, generation: binding.input.generation,
           association: configured.indexOf(worker.localId) >= 0 ? 'current' : 'archived',
-          runtime: require('./session-activity-state').currentState(worker), delegated: activity.delegated,
+          recentActivity: require('./worker-activity').project(worker), runtime: require('./session-activity-state').currentState(worker), delegated: activity.delegated,
           currentTaskId: activity.currentTaskId, interrupted: !!activity.interruption, lastTurnInterrupted: activity.lastTurnInterrupted };
       }) };
     } };
@@ -221,7 +221,16 @@ function attachProjectWorkerConversation(ctx) {
     send(ws, response);
     return true;
   }
-  return { handleMessage: handleMessage, supervision: supervision };
+  function currentPair(ws, target) {
+    var user = actor(ws), pair = user && exactPair(ws, target, user);
+    if (!pair || pair.driver.destroying || pair.worker.destroying) return null;
+    var group = ctx.getWorkerGroup && ctx.getWorkerGroup(pair.driver.localId);
+    var roles = require('./session-split-group-roles').resolveLiveRoles(sm, group);
+    if (!roles || roles.driver !== pair.driver || roles.workers.indexOf(pair.worker) < 0 ||
+        pair.worker._pairGeneration != null && pair.worker._pairGeneration !== target.generation) return null;
+    return { driver: pair.driver, worker: pair.worker, group: group, linuxUser: user.linuxUser };
+  }
+  return { handleMessage: handleMessage, supervision: supervision, currentPair: currentPair };
 }
 
 module.exports = { attachProjectWorkerConversation: attachProjectWorkerConversation };

package/lib/project.js

@@ -614,6 +614,7 @@ function createProjectContext(opts) {
   // --- Session manager ---
   var _gitAttribution = null;
   var sm = createSessionManager({
+    onAuthRequired: function (session, msg) { return _workerAuth && _workerAuth.emit(session, msg); },
     isMate: isMate,
     cwd: cwd,
     send: send,
@@ -718,6 +719,11 @@ function createProjectContext(opts) {
     getLinuxUserForSession: getLinuxUserForSession,
     getOsUserInfoForWs: getOsUserInfoForWs,
   });
+  var _workerAuth = require('./project-worker-auth').attach({
+    sm: sm, clients: clients, slug: slug, osUsers: osUsers, sendTo: sendTo,
+    currentPair: _workerConversation.currentPair, requestAccess: _requestAccess,
+    getOsUserInfoForWs: getOsUserInfoForWs,
+  });
 
   var _projMode = typeof opts.onGetProjectDefaultMode === "function" ? opts.onGetProjectDefaultMode(slug) : null;
   var _srvMode = typeof opts.onGetServerDefaultMode === "function" ? opts.onGetServerDefaultMode() : null;
@@ -2248,6 +2254,7 @@ function createProjectContext(opts) {
       if (_scheduledTaskExecution) _scheduledTaskExecution.stopForSession(session, "The human stopped this scheduled run.");
       return stopped;
     },
+    onPendingQueueRetire: function (session) { return _pendingMessageQueue.retireClaim(session); },
     onPendingQueuePause: function (session, actor) { return _pendingMessageQueue.pause(session, actor); },
     getLinuxUserForSession: getLinuxUserForSession,
     ensureProjectAccessForSession: ensureProjectAccessForSession,
@@ -2453,6 +2460,7 @@ function createProjectContext(opts) {
 
   // --- Vendor login flow (delegated to project-vendor-login.js) ---
   var _vendorLogin = attachVendorLogin({
+    workerAuth: _workerAuth,
     onVendorAuthChanged: function () { _sessions.invalidateVendorUsage(); },
     requestAccess: _requestAccess,
     clients: clients,
@@ -2464,6 +2472,7 @@ function createProjectContext(opts) {
     send: send,
     sendTo: sendTo,
     usersModule: usersModule,
+    resolveOsUserInfo: resolveOsUserInfo,
     getOsUserInfoForWs: getOsUserInfoForWs,
     getOsUserInfoForLinuxUser: getOsUserInfoForLinuxUser,
     getLinuxUserForSession: getLinuxUserForSession,

package/lib/public/app.js

@@ -489,6 +489,27 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     scheduledMessageCorrelation: null,
     activeSessionId: null,
     speechActive: null,
+    settingsSectionPage: null,
+    settingsSectionScope: null,
+    settingsSectionActive: null,
+    settingsPageScroll: {},
+    personalProvidersOpen: false,
+    personalProvidersLoading: false,
+    personalProvidersError: '',
+    personalProvidersNotice: '',
+    personalProviderSignInResults: {},
+    personalProviderCatalog: null,
+    personalProviderContext: null,
+    personalProviderRequest: null,
+    personalProviderRevision: null,
+    personalProviderEditing: null,
+    personalProviderRuntimeDetailsOpen: false,
+    personalProviderSigningIn: null,
+    personalProviderInstall: null,
+    personalProviderInstallBusy: false,
+    personalProviderInstallRequest: null,
+    personalProviderInstallAwaiting: null,
+    speechSettingsContextGeneration: 0,
     speechSettings: null,
     speechSettingsRequest: 0,
     speechSettingsSaving: false,
@@ -509,6 +530,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     agentMessagePreviews: {},
     agentMessageBubble: null,
     workerMessagePreviewSubscription: null,
+    workerActivityIndicators: {},
     sessionVendorBound: false,
     cliSessionId: null,
     isHeadlessMode: false,

package/lib/public/css/icon-strip.css

@@ -1764,3 +1764,8 @@ body.mate-workspace-active #composer-handoff-btn {
 body.mate-workspace-active #knowledge-workbench-btn { display: flex !important; }
 #mate-project-debates-btn { display: none !important; }
 body.mate-workspace-active #mate-project-debates-btn { display: flex !important; }
+
+.icon-strip-wt-item .wt-branch-abbrev svg {
+  width: 14px;
+  height: 14px;
+}

package/lib/public/css/overlays.css

@@ -1207,3 +1207,21 @@ button.top-bar-pill.pill-accent:hover { background: color-mix(in srgb, var(--acc
 .mate-delete-challenge input { height: 36px; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--text); font: inherit; }
 .mate-delete-challenge input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 .mate-delete-confirm .confirm-btn:disabled { opacity: .4; cursor: not-allowed; }
+
+.confirm-text.worktree-removal-review {
+  white-space: pre-line;
+  overflow-wrap: anywhere;
+  max-height: 65vh;
+  overflow-y: auto;
+}
+
+.worktree-branch-option {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  margin-top: 12px;
+  white-space: normal;
+  cursor: pointer;
+}
+.worktree-branch-option input { margin: 0; accent-color: var(--accent); flex-shrink: 0; }
+.worktree-branch-option input:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

package/lib/public/css/settings-shell.css

@@ -46,6 +46,7 @@
 .settings-shell-nav .settings-nav-item.active { background: rgba(var(--overlay-rgb), .08); color: var(--text); }
 .settings-shell-nav .settings-nav-item:focus-visible { outline-offset: -2px; }
 .settings-shell-nav .settings-nav-dropdown { display: none; }
+.settings-shell-content :is(.settings-hint, .settings-status) { overflow-wrap:anywhere; }
 .settings-shell-content { flex: 1 1 auto; min-width: 0; overflow-y: auto; padding: 28px 40px calc(var(--safe-bottom) + 56px); }
 .settings-shell-status { max-width: 760px; margin: 0 0 16px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg-alt); color: var(--text-secondary); font-size: 13px; }
 .settings-shell-status[data-state="error"] { border-color: color-mix(in srgb, var(--error) 40%, var(--border)); color: var(--error); }
@@ -101,3 +102,16 @@
 @media (prefers-reduced-motion: reduce) {
   #settings-shell * { transition: none !important; animation: none !important; }
 }
+
+/* Section links share the settings navigation recipe across covering scopes. */
+.settings-shell-content [data-settings-section] { scroll-margin-top:16px; }
+.settings-shell-content .ab-narrow [data-settings-section] { scroll-margin-top:60px; }
+#user-settings #api-connections { margin-top:32px; }
+#user-settings #us-voice-settings h4 { font-size:13px; font-weight:600; margin:20px 0 8px; }
+#user-settings [data-section="us-providers"] .us-voice-row-controls > .settings-btn-sm { min-width:76px; font-size:13px; }
+#user-settings [data-coding-provider] > .settings-card { padding:0 0 12px 34px; }
+@media(max-width:600px) {
+  #user-settings [data-section="us-providers"] .us-voice-row-controls { display:grid; grid-template-columns:24px minmax(0,1fr) auto; gap:8px; }
+  #user-settings [data-section="us-providers"] .us-integration-state { grid-column:2; grid-row:2; }
+  #user-settings [data-section="us-providers"] .us-voice-row-controls > button { grid-column:3; grid-row:1 / span 2; }
+}

package/lib/public/css/settings-ui.css

@@ -518,3 +518,9 @@
 #user-settings .email-setup-inline .email-setup-input { height:36px; font-size:13px; }
 #user-settings .email-setup-inline .email-setup-actions { flex-wrap:wrap; }
 #user-settings .email-setup-inline .email-setup-btn { min-height:32px; font-size:13px; }
+
+:is(#user-settings, #project-settings, #server-settings) .settings-link { font-size:13px; color:var(--link); overflow-wrap:anywhere; }
+
+:is(.us-section, .ps-section, .server-settings-section) .settings-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:26px 0 8px; min-height:32px; }
+:is(#user-settings, #project-settings, #server-settings) .settings-section-heading h3 { margin:0; }
+:is(#user-settings, #project-settings, #server-settings) .settings-runtime-details summary { cursor:pointer; width:fit-content; }

package/lib/public/css/split-view-layout.css

@@ -2,7 +2,7 @@
 .split-view-group-open, .split-view-group-more, .split-view-create-trigger,
 .split-view-arrange button,
 .split-view-worker-popover button, .split-pane-search,
-.split-pane-info, .split-pane-sidebar,
+.split-pane-force-stop, .split-pane-info, .split-pane-sidebar,
 .split-view-canvas .split-view-arrange-trigger {
   appearance: none;
   border: 0;
@@ -19,7 +19,7 @@
   background: var(--sidebar-hover);
   color: var(--text);
 }
-.split-pane-info:hover, .split-pane-sidebar:hover {
+.split-pane-force-stop:hover, .split-pane-info:hover, .split-pane-sidebar:hover {
   background: var(--sidebar-hover);
   color: var(--text);
 }
@@ -30,10 +30,11 @@
   outline: 2px solid var(--accent);
   outline-offset: -2px;
 }
-.split-pane-info:focus-visible, .split-pane-sidebar:focus-visible {
+.split-pane-force-stop:focus-visible, .split-pane-info:focus-visible, .split-pane-sidebar:focus-visible {
   outline: 2px solid var(--accent);
   outline-offset: -2px;
 }
+.split-pane-force-stop:disabled, .worker-conversation-stop:disabled { opacity: .45; cursor: default; }
 .split-view-arrange button:disabled { opacity: .45; cursor: default; }
 .split-view-create-trigger {
   display: flex;
@@ -46,7 +47,7 @@
   text-align: left;
 }
 .split-pane-search, .split-view-canvas .split-view-arrange-trigger,
-.split-pane-info, .split-pane-sidebar,
+.split-pane-force-stop, .split-pane-info, .split-pane-sidebar,
 .split-view-worker-popover-header button {
   display: inline-flex;
   align-items: center;
@@ -56,7 +57,7 @@
   padding: 5px;
   flex: 0 0 24px;
 }
-.split-pane-search svg, .split-pane-info svg, .split-pane-sidebar svg,
+.split-pane-force-stop svg, .split-pane-search svg, .split-pane-info svg, .split-pane-sidebar svg,
 .split-view-worker-popover-header button svg { width: 14px; height: 14px; }
 .split-pane-info { width: 20px; flex-basis: 20px; padding: 3px; }
 .split-view-canvas .split-pane-header button[hidden] { display: none; }
@@ -258,9 +259,12 @@ body.split-view-resizing .split-pane-frame { pointer-events: none; }
 .split-view-worker-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .split-view-worker-identity { flex-shrink: 0; white-space: nowrap; }
 .split-view-worker-generation { flex-shrink: 0; color: var(--text-dimmer); white-space: nowrap; }
-.split-view-worker-dot { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--text-dimmer); }
-.split-view-worker-dot[data-state="working"] { background: var(--brand-green); }
-.split-view-worker-dot[data-state="waiting"] { background: var(--brand-gold); }
+.split-view-worker-loop { display: inline-flex; align-items: center; justify-content: center; width: 5px; height: 5px; flex: 0 0 5px; color: var(--text-dimmer); transition: transform 350ms ease-in-out; }
+.split-view-worker-loop svg { width: 9px; height: 9px; flex-shrink: 0; }
+.split-view-worker-loop[data-state="working"] { color: var(--brand-green); }
+@media (prefers-reduced-motion: reduce) { .split-view-worker-loop { transition: none; } }
+.agent-message-bubble-activity { color: var(--text-muted); font-size: 10px; margin-bottom: 5px; line-height: 1.4; white-space: normal; }
+.agent-message-bubble-text[hidden] { display: none; }
 @keyframes split-view-working { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
 .split-view-group { margin: 2px 0 8px; }
 .split-view-group-heading { display: flex; align-items: center; gap: 2px; min-height: 34px; border-radius: 6px; }
@@ -410,7 +414,7 @@ body.wide-view .readonly-session-transcript .msg-user .bubble,
 .split-view-worker-page-status { display: block; margin-top: 3px; line-height: 1.4; }
 .split-view-worker-popover-footer button { margin-left: 8px; padding: 4px 6px; font-size: 10px; }
 .split-view-worker-popover[hidden], .split-view-menu[hidden], .split-view-arrange[hidden], .split-view-workers[hidden], .split-view-drop-preview[hidden], .split-view-drag-ghost[hidden] { display: none; }
-@media (prefers-reduced-motion: reduce) { .split-view-worker-dot[data-state="working"] { animation: none; } }
+
 @media (pointer: coarse) { .split-view-worker-chip { min-height: 30px; } .split-view-divider { flex-basis: 10px; } }
 
 /* Keep iframe nodes mounted while tree geometry changes around them. */
@@ -455,8 +459,6 @@ body.wide-view .readonly-session-transcript .msg-user .bubble,
 #split-view-arrange-context-list [aria-selected="true"] { background: var(--accent-bg); color: var(--accent); }
 .split-view-arrange [data-focus-layout] { width: 100%; min-height: 29px; margin-top: 5px; border-top: 1px solid var(--border-subtle); font-size: 11px; }
 
-/* Light reflects received WebSocket output, independent of processing state. */
-.split-view-worker-dot.io { background: var(--brand-green); box-shadow: 0 0 5px var(--brand-green); }
 
 /* Header whitespace is a handle; text and controls retain their own actions. */
 .split-pane-drag-space { flex: 1 1 12px; min-width: 12px; align-self: stretch; cursor: grab; touch-action: none; }
@@ -565,3 +567,6 @@ body.is-dragging .split-pane-header, body.is-dragging .split-pane-drag-space { c
 .agent-message-bubble-avatar { width: 16px; height: 16px; border-radius: 4px; object-fit: contain; flex: none; }
 .agent-message-bubble-vendor { overflow: hidden; text-overflow: ellipsis; }
 .agent-message-bubble-time { margin-left: auto; flex: none; font-variant-numeric: tabular-nums; }
+
+.split-view-canvas .split-pane-header .split-pane-force-stop { order: 11; }
+.split-pane-force-stop:hover { color: var(--error); }

package/lib/public/modules/agent-message-bubbles.js

@@ -2,13 +2,14 @@ import { dismissTooltip } from './tooltip.js';
 import { renderMarkdown } from './markdown.js';
 import { store } from './store.js';
 
-var timer = null;
+var timer = null, recencyTimer = null;
 function context() { return JSON.stringify([store.get('myUserId') || null, store.get('currentSlug'), store.get('projectSplitViewSocketGeneration') || 0]); }
 export function messagePreviewKey(kind, identities) { return JSON.stringify([context(), kind].concat(identities)); }
 function element() { return document.getElementById('agent-message-bubble'); }
 function anchor(key) { return Array.from(document.querySelectorAll('[data-message-preview]')).find(function (node) { return node.dataset.messagePreview === key && node.isConnected && node.getClientRects().length && !node.closest('[hidden], .split-pane-cached'); }); }
 function remove() {
   if (timer) clearTimeout(timer); timer = null;
+  if (recencyTimer) clearTimeout(recencyTimer); recencyTimer = null;
   var node = element(); if (node) node.remove();
   document.querySelectorAll('[aria-describedby="agent-message-bubble"]').forEach(function (chip) { chip.removeAttribute('aria-describedby'); });
   if (store.get('agentMessageBubble')) store.set({ agentMessageBubble: null });
@@ -37,9 +38,18 @@ function renderMetadata(node, latest) {
     var date = new Date(latest.timestamp); time.dateTime = date.toISOString();
     time.textContent = date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
     time.setAttribute('aria-label', 'Message time: ' + date.toLocaleString());
-  } else time.textContent = 'Time unavailable';
+  } else time.textContent = !latest.text && latest.activity ? 'No recent message' : 'Time unavailable';
   meta.appendChild(time);
 }
+function renderActivity(node, activity, workerActivity, clock) {
+  var line = node.querySelector('.agent-message-bubble-activity');
+  if (!activity && !workerActivity) { if (line) line.remove(); return; }
+  if (!line) { line = document.createElement('div'); line.className = 'agent-message-bubble-activity'; node.insertBefore(line, node.querySelector('.agent-message-bubble-text')); }
+  if (!activity) { line.textContent = 'Activity time unavailable'; return; }
+  var elapsed = clock ? Math.floor((clock.age + performance.now() - clock.received) / 1000) : -1;
+  var age = elapsed < 0 ? 'Activity time unavailable' : 'last activity ' + (elapsed < 60 ? elapsed + 's' : elapsed < 3600 ? Math.floor(elapsed / 60) + 'm' : Math.floor(elapsed / 3600) + 'h') + ' ago';
+  line.textContent = activity.summary + ' · ' + age;
+}
 function show(key, held, fresh) {
   var latest = (store.get('agentMessagePreviews') || {})[key], chip = anchor(key);
   if (!latest || !chip || store.get('splitViewWorkerConversation') || store.get('backgroundTaskViewer') || store.get('paneSuspended') || document.hidden || !store.get('connected')) return;
@@ -52,7 +62,13 @@ function show(key, held, fresh) {
     node.setAttribute('role', 'tooltip'); var text = document.createElement('div'); text.className = 'agent-message-bubble-text'; node.appendChild(text); document.body.appendChild(node);
   }
   renderMetadata(node, latest);
-  node.querySelector('.agent-message-bubble-text').innerHTML = DOMPurify.sanitize(renderMarkdown(latest.text), { ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'code', 'pre', 'ul', 'ol', 'li', 'blockquote', 'del', 's'], ALLOWED_ATTR: [], ALLOW_DATA_ATTR: false }); node.dataset.held = String(!!held); node.dataset.live = String(expires > Date.now());
+  renderActivity(node, latest.activity, latest.workerActivity, latest.activityClock);
+  if (recencyTimer) clearTimeout(recencyTimer); recencyTimer = null;
+  if (latest.activity) recencyTimer = setTimeout(function () {
+    recencyTimer = null; var current = element(), state = store.get('agentMessageBubble');
+    if (current && state && state.key === key) show(key, state.held, false);
+  }, 1000);
+  node.querySelector('.agent-message-bubble-text').innerHTML = DOMPurify.sanitize(renderMarkdown(latest.text || ''), { ALLOWED_TAGS: ['p', 'br', 'strong', 'em', 'code', 'pre', 'ul', 'ol', 'li', 'blockquote', 'del', 's'], ALLOWED_ATTR: [], ALLOW_DATA_ATTR: false }); node.querySelector('.agent-message-bubble-text').hidden = !latest.text; node.dataset.held = String(!!held); node.dataset.live = String(expires > Date.now());
   dismissTooltip();
   chip.setAttribute('aria-describedby', node.id);
   store.set({ agentMessageBubble: { key: key, expiresAt: expires, held: !!held } }); position();
@@ -65,13 +81,26 @@ export function rememberAgentMessage(key, preview, live) {
   if (!preview || typeof preview.id !== 'string' || typeof preview.text !== 'string' || !preview.text.trim()) return;
   var all = Object.assign({}, store.get('agentMessagePreviews') || {}), previous = all[key];
   var fresh = !previous || previous.id !== preview.id;
-  all[key] = { id: preview.id, text: preview.text.slice(0, 1200), vendor: preview.vendor || previous && previous.vendor || null, timestamp: typeof preview.timestamp === 'number' && Number.isFinite(preview.timestamp) && preview.timestamp > 0 ? preview.timestamp : previous && previous.id === preview.id ? previous.timestamp : null };
+  all[key] = { activityClock: previous && previous.activityClock || null, workerActivity: previous && previous.workerActivity, activity: previous && previous.activity || null, id: preview.id, text: preview.text.slice(0, 1200), vendor: preview.vendor || previous && previous.vendor || null, timestamp: typeof preview.timestamp === 'number' && Number.isFinite(preview.timestamp) && preview.timestamp > 0 ? preview.timestamp : previous && previous.id === preview.id ? previous.timestamp : null };
   var keys = Object.keys(all); while (keys.length > 128) delete all[keys.shift()];
   store.set({ agentMessagePreviews: all });
   var state = store.get('agentMessageBubble'), chip = anchor(key);
   var held = !!(chip && (chip.matches(':hover') || chip.contains(document.activeElement)));
   if (live && fresh || held || state && state.key === key) show(key, held || !!(state && state.key === key && state.held), !!live && fresh);
 }
+export function forgetAgentMessage(key) {
+  var all = Object.assign({}, store.get('agentMessagePreviews') || {}); delete all[key];
+  store.set({ agentMessagePreviews: all });
+  var state = store.get('agentMessageBubble'); if (state && state.key === key) remove();
+}
+export function rememberAgentActivity(key, activity, vendor, observedAt) {
+  var all = Object.assign({}, store.get('agentMessagePreviews') || {}), previous = all[key];
+  if (!activity && !previous) return;
+  all[key] = Object.assign({ text: '', timestamp: null, vendor: vendor || null }, previous || {}, { activity: activity, workerActivity: true, activityClock: activity && Number.isFinite(observedAt) && observedAt >= activity.timestamp ? { age: observedAt - activity.timestamp, received: performance.now() } : null });
+  store.set({ agentMessagePreviews: all });
+  var state = store.get('agentMessageBubble'), chip = anchor(key), held = !!(chip && (chip.matches(':hover') || chip.contains(document.activeElement)));
+  if (held || state && state.key === key) show(key, held || !!(state && state.held), false);
+}
 export function bindAgentMessageBubble(chip, key) {
   chip.dataset.messagePreview = key;
   if (chip.dataset.previewBound) return;

package/lib/public/modules/app-messages.js

@@ -1,3 +1,4 @@
+import { handlePersonalProviderMessage } from './user-settings-providers.js';
 import { handleSplitSessionCreated, finishPickerCreation } from './split-view-picker-actions.js';
 import { handleWorkerMessagePreview } from './worker-message-previews.js';
 import { handleBackgroundTaskPreview } from './background-task-previews.js';
@@ -125,7 +126,7 @@ import { showDebateSticky, showDebateConcludeConfirm, showDebateUserFloor, exitD
 import { handleSkillInstallWs } from './app-skills-install.js';
 import { handleNotificationsState, handleNotificationCreated, handleNotificationDismissed, handleNotificationDismissedAll, showUpdateBanner } from './app-notifications.js';
 import { handleUpdateSnoozed } from './update-snooze.js';
-import { autoStartLoginIfNeeded, handleVendorLoginReady, handleVendorLoginState, handleVendorLoginError, handleAuthRefreshed } from './vendor-login.js';
+import { autoStartLoginIfNeeded, handleWorkerAuthRequired, handleVendorLoginReady, handleVendorLoginState, handleVendorLoginError, handleAuthRefreshed } from './vendor-login.js';
 import { handleLoginBrowserMessage } from './vendor-login-browser.js';
 import { handleDebatePreparing, handleDebateBriefReady, renderDebateBriefReady, handleDebateStarted, renderDebateStarted, handleDebateTurn, handleDebateActivity, handleDebateStream, handleDebateTurnDone, handleDebateCommentQueued, handleDebateCommentInjected, renderDebateCommentInjected, handleDebateResumed, handleDebateEnded, renderDebateEnded, handleDebateError, isDebateActive, renderMcpDebateProposal, renderDebateUserResume } from './debate.js';
 import { handleMentionStart, handleMentionActivity, handleMentionStream, handleMentionDone, handleMentionError, renderMentionUser, renderMentionResponse, renderUserMention } from './mention.js';
@@ -143,6 +144,7 @@ export function processMessage(msg) {
   if (handleOwnerNavigation(msg)) return;
   if (["update_available", "up_to_date", "update_started", "update_check_failed"].indexOf(msg.type) !== -1) handleServerUpdate(msg);
   if (/^(set_pin|set_keep_awake|set_inherit_groups|set_image_retention|set_update_channel|restart_server|shutdown_server)_result$/.test(msg.type)) handleServerSettingResult(msg);
+  if (handlePersonalProviderMessage(msg)) return;
   if (handleProjectDebateMessage(msg)) return;
   if (handleMcpConnectionMessage(msg)) return;
   if (handleSharedBrowserMessage(msg)) return;
@@ -1618,6 +1620,10 @@ export function processMessage(msg) {
         window.location.reload();
         break;
 
+      case "worker_auth_required":
+        handleWorkerAuthRequired(msg);
+        break;
+
       case "auth_required":
         removeMatePreThinking();
         setActivity(null);

package/lib/public/modules/app-projects.js

@@ -1,3 +1,4 @@
+import { reviewWorktreeRemoval } from './worktree-controls.js';
 import { prepareContextualWorkspaceDeparture } from './contextual-clay-workspace.js';
 import { checkComposerDeparture, saveSessionRichDraft } from './session-rich-drafts.js';
 // app-projects.js - Project list, switching, add/remove project modals
@@ -359,14 +360,12 @@ export function handleRemoveProjectCheckResult(msg) {
   var slug = msg.slug || pendingRemoveSlug;
   var name = msg.name || pendingRemoveName || slug;
   if (!slug) return;
+  if (slug.indexOf("--") !== -1) { pendingRemoveSlug = null; pendingRemoveName = null; reviewWorktreeRemoval(slug, "exclude"); return; }
 
   if (msg.count > 0) {
     showRemoveProjectTaskDialog(slug, name, msg.count);
   } else {
-    var isWt = slug.indexOf("--") !== -1;
-    var confirmMsg = isWt
-      ? 'Delete worktree "' + name + '"? The branch and working directory will be removed from disk.'
-      : 'Remove "' + name + '"? You can re-add it later.';
+    var confirmMsg = 'Remove "' + name + '"? You can re-add it later.';
     showConfirm(confirmMsg, function () {
       var iconEl = document.querySelector('.icon-strip-item[data-slug="' + slug + '"]');
       if (iconEl) {

package/lib/public/modules/clay-control-copy.js

@@ -1,5 +1,6 @@
 var domains = { session: 'conversation', project: 'project', mate: 'Mate profile', knowledge: 'Mate Knowledge', records: 'project record', schedule: 'schedule', conversation: 'Mate conversation', workspace: 'workspace', screen: 'screen', assignment: 'Driver work', studio: 'Studio workbench' };
 var actions = {
+  force_stop: 'force terminate supported session and Worker runtimes and pause queued messages',
   rename: 'rename this conversation so it is easier to find', stop: 'request Stop so this work can settle',
   model: 'change the model for this conversation', effort: 'adjust reasoning effort for this conversation',
   permission: 'change the reviewed permission mode', delete: 'remove the reviewed item',

package/lib/public/modules/clay-tool-presentation.js

@@ -294,7 +294,7 @@ export function clayToolPresentation(name, input, outcome) {
       else { phase = 'returned'; label = 'Project change request returned'; }
     } else if (def.rule === 'product-control') {
       if (status === 'queued') { phase = 'pending'; label = input.action === 'stop' ? 'Stop requested · runtime pending' : input.action === 'queue_add' ? 'Message queued for project Driver' : 'Conversation change queued'; }
-      else if (status === 'completed') label = input.action === 'queue_add' ? 'Message delivered to project Driver' : input.action === 'queue_edit' ? 'Queued message updated' : input.action === 'queue_cancel' ? 'Queued message cancelled' : input.action === 'queue_reorder' ? 'Message queue reordered' : input.action === 'vendor' ? 'Driver provider selected' : 'Conversation change completed';
+      else if (status === 'completed') label = input.action === 'force_stop' ? 'Session and Worker runtimes exited · external effects unconfirmed' : input.action === 'queue_add' ? 'Message delivered to project Driver' : input.action === 'queue_edit' ? 'Queued message updated' : input.action === 'queue_cancel' ? 'Queued message cancelled' : input.action === 'queue_reorder' ? 'Message queue reordered' : input.action === 'vendor' ? 'Driver provider selected' : 'Conversation change completed';
       else { phase = 'returned'; label = 'Conversation change request returned'; }
     } else if (def.rule === 'observation') {
       if (status !== 'pending') { label = 'Preference submission returned'; phase = 'returned'; }

package/lib/public/modules/generation-stop.js

@@ -2,10 +2,10 @@ import { store } from './store.js';
 import { getWs } from './ws-ref.js';
 import { isDriverOperatedView } from './worker-pane-lock.js';
 
-export function stopGeneration() {
+export function stopGeneration(force) {
   var ws = getWs();
-  if (!store.get('processing') || !store.get('connected') || !ws || ws.readyState !== 1) return false;
-  var message = { type: 'stop' };
+  if ((!store.get('processing') && !isDriverOperatedView() && force !== true) || !store.get('connected') || !ws || ws.readyState !== 1) return false;
+  var message = { type: force === true ? 'force_stop' : 'stop' };
   if (store.get('paneMode')) {
     var binding = store.get('paneCommittedBinding');
     if (!store.get('paneReady') || !binding || binding.sessionId !== store.get('activeSessionId') || binding.sessionOriginId !== store.get('sessionOriginId')) return false;
@@ -39,7 +39,7 @@ export function initGenerationStop() {
     }
   }
   function sync() {
-    button.classList.toggle('hidden', !store.get('processing'));
+    button.classList.toggle('hidden', !store.get('processing') && !isDriverOperatedView());
     button.disabled = !store.get('connected');
     button.title = store.get('connected') ? 'Stop generating' : 'Reconnect to stop generating';
     place();

package/lib/public/modules/pane-activation.js

@@ -168,13 +168,13 @@ export function paneOutgoing(data) {
   if (store.get('deferredSessionSwitch')) {
     var source = store.get('deferredSessionSwitch');
     if (source.draining) return null;
-    if (message.type === 'stop') return JSON.stringify(Object.assign({}, message, { sessionId: source.sessionId, sessionOriginId: source.origin }));
+    if (message.type === 'stop' || message.type === 'force_stop') return JSON.stringify(Object.assign({}, message, { sessionId: source.sessionId, sessionOriginId: source.origin }));
     return null;
   }
   if (!enabled()) return data;
   var binding = store.get('paneCommittedBinding');
   if (store.get('panePendingBinding') || store.get('paneSuspended') || binding && !store.get('paneReady')) return null;
-  if (!binding) return ['stop', 'user_message', 'permission_response', 'ask_user_response', 'elicitation_response', 'user_dialog_response', 'input_sync'].indexOf(message.type) >= 0 ? null : data;
+  if (!binding) return ['stop', 'force_stop', 'user_message', 'permission_response', 'ask_user_response', 'elicitation_response', 'user_dialog_response', 'input_sync'].indexOf(message.type) >= 0 ? null : data;
   if (message.paneBinding && !samePaneBinding(binding, message.paneBinding)) return null;
   var gesture = (store.get('paneActionEvents') || []).find(function (entry) { return entry.event.isTrusted && entry.event.eventPhase && samePaneBinding(entry.binding, binding); });
   var action = store.get('paneCallbackBinding') || gesture && gesture.binding;

package/lib/public/modules/pane-bridge.js

@@ -1,3 +1,4 @@
+import { stopGeneration } from './generation-stop.js';
 import { forwardStudioPresentation } from './clay-studio-render.js';
 // Pane-side postMessage bridge for the split-view shell. A chrome-less pane
 // iframe reports its context usage up to the parent (which renders a chip in
@@ -73,11 +74,12 @@ export function initPaneBridge() {
   window.addEventListener("message", function (event) {
     if (event.origin !== window.location.origin) return;
     var msg = event.data;
-    if (!msg || (msg.type !== "clay-pane-toggle-context" && msg.type !== "clay-pane-toggle-search" && msg.type !== "clay-pane-search-command" && msg.type !== "clay-pane-layout-resize")) return;
+    if (!msg || (msg.type !== "clay-pane-force-stop" && msg.type !== "clay-pane-toggle-context" && msg.type !== "clay-pane-toggle-search" && msg.type !== "clay-pane-search-command" && msg.type !== "clay-pane-layout-resize")) return;
     var committed = store.get('paneCommittedBinding');
     if (event.source !== window.parent || !committed || !paneMessageBinding() ||
         !samePaneBinding(committed, msg.paneBinding) || !samePaneBinding(paneMessageBinding(), msg.paneBinding)) return;
-    if (msg.type === "clay-pane-layout-resize") {
+    if (msg.type === "clay-pane-force-stop") stopGeneration(true);
+    else if (msg.type === "clay-pane-layout-resize") {
       if (msg.phase === 'begin') beginPaneLayoutScrollLock(msg.token, msg.scrollTop);
       else if (msg.phase === 'end') endPaneLayoutScrollLock(msg.token);
     } else if (msg.type === "clay-pane-toggle-context") togglePaneContextPanel();

package/lib/public/modules/personal-provider-context.js

@@ -0,0 +1,11 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+export function personalProviderContext() {
+  return JSON.stringify([store.get('myUserId'), store.get('currentSlug'), store.get('projectSplitViewSocketGeneration')]);
+}
+export function personalLoginCurrent(message) {
+  if (!message.personalRequestId) return true;
+  return store.get('settingsOpen') && store.get('personalProvidersOpen') && store.get('connected') !== false &&
+    message.personalRequestId === store.get('personalProviderRevision') && store.get('personalProviderContext') === personalProviderContext() &&
+    getWs() && getWs().readyState === 1;
+}

package/lib/public/modules/project-settings.js

@@ -246,7 +246,7 @@ function updateIconPreview(icon) {
   if (preview) {
     preview.textContent = icon || "";
     if (icon) parseEmojis(preview);
-    else { preview.innerHTML = '<i data-lucide="folder"></i>'; refreshIcons(); }
+    else { preview.innerHTML = '<i data-lucide="' + (settingsProject() && settingsProject().isWorktree ? 'git-branch' : 'folder') + '"></i>'; refreshIcons(); }
   }
   if (removeBtn) {
     removeBtn.classList.toggle("hidden", !icon);

package/lib/public/modules/settings-section-nav.js

@@ -0,0 +1,58 @@
+// Personal provider anchors reuse the Agent behavior page's continuous-page
+// navigation and shell placement. Other pages retain their own lifecycle.
+import { store } from './store.js';
+import { attachSectionNav } from './agent-behavior-nav.js';
+import { setPageSubnav } from './settings-shell-view.js';
+
+var mounted = null;
+
+export function deactivateSettingsSections() {
+  if (!mounted) return;
+  var positions = Object.assign({}, store.get('settingsPageScroll') || {});
+  positions['user-settings:us-providers'] = mounted.scroller.scrollTop;
+  store.set({ settingsPageScroll: positions });
+  mounted.controller.destroy();
+  setPageSubnav(null, null);
+  mounted.nav.remove();
+  mounted.layout.classList.remove('ab-layout', 'ab-narrow');
+  mounted = null;
+}
+
+export function activateSettingsSections(page, anchor) {
+  var area = document.getElementById('settings-shell-content');
+  var pane = document.querySelector('.settings-pane:not(.hidden)');
+  if (!area || !pane) return;
+  if (page !== 'us-providers' || pane.id !== 'user-settings') {
+    // Agent behavior owns its catalog-derived anchors. Legacy shortcuts on
+    // other pages only reveal and focus their destination.
+    var heading = anchor && document.getElementById(anchor);
+    if (heading && pane.contains(heading)) {
+      if (heading.tagName === 'DETAILS') heading.open = true;
+      heading.tabIndex = -1; heading.scrollIntoView({ block: 'start' }); heading.focus({ preventScroll: true });
+    }
+    return;
+  }
+  if (!mounted) {
+    var layout = pane.querySelector('.us-section[data-section="us-providers"]');
+    var nav = document.createElement('nav'); nav.className = 'ab-nav'; nav.setAttribute('aria-label', 'AI providers sections');
+    var list = document.createElement('ul'); list.className = 'ab-nav-list'; nav.appendChild(list);
+    var sections = Array.from(layout.querySelectorAll('[data-settings-section]')).map(function (heading) {
+      var item = document.createElement('li'); var link = document.createElement('a');
+      link.className = 'ab-nav-link'; link.href = '#' + heading.id; link.dataset.section = heading.id;
+      link.dataset.settingsAnchor = heading.id; link.textContent = heading.textContent; item.appendChild(link); list.appendChild(item);
+      heading.tabIndex = -1;
+      return { id: heading.id, el: heading, heading: heading };
+    });
+    layout.classList.add('ab-layout');
+    var last = sections[sections.length - 1];
+    if (last && last.el.nextElementSibling) last.el.nextElementSibling.style.minHeight = area.clientHeight + 'px';
+    var controller = attachSectionNav({ layout: layout, nav: nav, scroller: area, sections: sections, onPlace: function (narrow) {
+      if (narrow) { setPageSubnav(null, null); layout.insertBefore(nav, layout.firstChild); }
+      else setPageSubnav('us-providers', nav);
+    } });
+    mounted = { layout: layout, nav: nav, scroller: area, controller: controller };
+    area.scrollTop = (store.get('settingsPageScroll') || {})['user-settings:us-providers'] || 0;
+    controller.refresh();
+  }
+  if (anchor) mounted.controller.go(anchor);
+}

package/lib/public/modules/settings-shell-registry.js

@@ -10,7 +10,7 @@ export var SETTINGS_SCOPES = [
 
 export var PERSONAL_PAGES = [
   { id: 'us-account', label: 'Account' }, { id: 'us-appearance', label: 'Appearance' },
-  { id: 'us-chat', label: 'Conversation' }, { id: 'us-notifications', label: 'Notifications' },
+  { id: 'us-providers', label: 'AI providers' }, { id: 'us-notifications', label: 'Notifications' },
   { id: 'us-ai', label: 'AI preferences' }, { id: 'us-agent', label: 'Agent behavior' }, { id: 'us-integrations', label: 'Integrations' }
 ];
 
@@ -31,7 +31,7 @@ export var SERVER_PAGES = [
 ];
 
 var PERSONAL_ALIASES = {
-  'us-mates': 'us-chat', 'us-experimental': 'us-chat', 'us-connections': 'us-integrations',
+  'us-chat': 'us-providers', 'us-mates': 'us-ai', 'us-experimental': 'us-ai', 'us-voice': 'us-providers', 'us-connections': 'us-integrations',
   'us-email': 'us-integrations', 'us-logout': 'us-account'
 };
 var SERVER_ALIASES = { 'admin-invites': 'admin-users' };
@@ -66,6 +66,7 @@ export function scopeAvailable(scope, access) {
 }
 
 export function resolvePage(scope, page, access) {
+  page = (page || '').split('#')[0];
   var alias = scope === 'personal' ? PERSONAL_ALIASES[page] : scope === 'server' ? SERVER_ALIASES[page] : null;
   var id = alias || page;
   var pages = pagesForScope(scope, access);
@@ -82,6 +83,7 @@ export function resolveRoute(route, access) {
     scope: scope,
     page: resolvePage(scope, requested, access),
     slug: scope === 'project' ? (route.slug || null) : null,
+    anchor: route.anchor || (route.page || '').split('#')[1] || (scope === 'personal' ? ({'us-chat':'api-connections','us-voice':'api-connections','us-experimental':'experimental-features','us-mates':'execution-behavior'})[route.page] : null) || null,
     requestedScope: route.scope || 'personal',
     redirected: scope !== (route.scope || 'personal')
   };