clay-server 4.0.0-beta.15 → 4.0.0-beta.16

package/lib/project-worker-proposal.js

@@ -2,6 +2,7 @@ var crypto = require("crypto");
 var yoke = require("./yoke");
 var buildShape = require("./session-spawn-mcp-server").buildShape;
 var driverEligibility = require("./session-driver-eligibility");
+var driverOrchestration = require("./session-driver-orchestration");
 var MAX_SUMMARY_CHARS = 600;
 var MAX_PLAN_CHARS = 6000;
 var MAX_TASK_CHARS = 30000;
@@ -14,7 +15,6 @@ function modelLabel(entry) {
   if (typeof entry === "string") return entry;
   return entry && (entry.displayName || entry.name || entry.value || entry.id) || "";
 }
-
 function toolResult(value) {
   return Promise.resolve({ content: [{ type: "text", text: JSON.stringify(value) }] });
 }
@@ -25,10 +25,9 @@ function attachWorkerProposal(ctx) {
     return !!session && sm.sessions.get(session.localId) === session;
   }
 
+  function canOffer(session) { return !ctx.isMate && isLiveSession(session) && driverEligibility.isEligibleDriverSession(session, sm); }
   function isEligible(session) {
-    if (ctx.isMate || !isLiveSession(session) || !driverEligibility.isEligibleDriverSession(session, sm)) return false;
-    if (store.groupForMember(session.localId)) return false;
-    return true;
+    return canOffer(session) && !store.groupForMember(session.localId);
   }
   function safeModelsByVendor(installed) {
     var result = {};
@@ -463,8 +462,9 @@ function attachWorkerProposal(ctx) {
     return true;
   }
 
-  function getToolDefs(session) {
-    if (!isEligible(session)) return [];
+  function getToolDefs(session, options) {
+    var persistent = !!(options && options.persistent);
+    if (!isEligible(session) && !(persistent && canOffer(session))) return [];
     return [{
       name: "propose_worker",
       description: "Propose a visible Split Worker for implementation-heavy execution. This non-mutating tool only shows the user a card where they choose vendor, model, and effort. It never creates a session or delegates work until the user accepts.",
@@ -482,8 +482,8 @@ function attachWorkerProposal(ctx) {
   }
 
   function getSystemPrompt(session) {
-    if (!isEligible(session)) return "";
-    return "For implementation-heavy work, use propose_worker before substantial execution. Recommend an exact available vendor, model, and effort, and give a concise recommendationRationale explaining why all three fit the task. Clay always records and shows the runtime configuration card. In full-access mode Clay may auto-accept that exact validated recommendation; otherwise it waits for the user's explicit choice. After posting, end the turn. If accepted, Clay creates the exact Driver/Split Worker pair and delegates the proposed task once. If declined, continue in this Driver session. Do not call send_to_partner while unpaired.";
+    if (!isEligible(session) || !driverOrchestration.isHighTierDriverSession(session, sm)) return "";
+    return "For implementation-heavy work, use propose_worker before substantial execution. Work is implementation-heavy when it spans multiple modules, crosses client/server/data boundaries, requires a migration, or contains independent investigation and execution. Do not skip delegation merely because you can implement it yourself; preserve the Driver for decomposition, runtime selection, judgment, review, and integration. The user's explicit request to work directly takes precedence, and work that must remain sequential in this session stays here. Recommend an exact available vendor, model, and effort, and give a concise recommendationRationale explaining why all three fit the task. Clay always records and shows the runtime configuration card. In full-access mode Clay may auto-accept that exact validated recommendation; otherwise it waits for the user's explicit choice. After posting, end the turn. If accepted, Clay creates the exact Driver/Split Worker pair and delegates the proposed task once. If declined, continue in this Driver session. Do not call send_to_partner while unpaired.";
   }
 
   return {

package/lib/project.js

@@ -43,6 +43,7 @@ var { attachEmail: attachEmailModule } = require("./project-email");
 var { attachSessionSpawn } = require("./project-session-spawn");
 var { attachDelegatedSession } = require("./project-delegated-session");
 var { attachDelegatedFollowUp } = require("./project-delegated-follow-up");
+var { attachCapsuleTurn } = require("./project-capsule-turn");
 var workspaceSessionRef = require("./workspace-query-service").sessionRef;
 var { attachSessionPair } = require("./project-session-pair");
 var { attachSessionHandoff } = require("./project-session-handoff");
@@ -1321,7 +1322,7 @@ function createProjectContext(opts) {
       if (typeof opts.onDmMessage === "function") opts.onDmMessage(ws, msg, slug);
       return;
     }
-    if (msg.type === "project_assignment_response" || msg.type === "dm_open" || msg.type === "dm_send" || msg.type === "dm_list" || msg.type === "dm_typing" || msg.type === "dm_add_favorite" || msg.type === "dm_remove_favorite" || msg.type === "mate_create" || msg.type === "mate_list" || msg.type === "mate_delete" || msg.type === "mate_update" || msg.type === "mate_readd_builtin" || msg.type === "mate_list_available_builtins" || msg.type === "email_accounts_list" || msg.type === "email_account_add" || msg.type === "email_account_remove" || msg.type === "email_account_test" || msg.type === "home_debates_list" || msg.type === "home_mate_present" || msg.type === "home_mate_open" || msg.type === "home_mate_sessions_list" || msg.type === "home_mate_session_open" || msg.type === "home_mate_send" || msg.type === "home_mate_new_session" || msg.type === "home_mate_debate_plan" || msg.type === "home_debate_proposal_response" || msg.type === "home_mate_creation_plan" || msg.type === "home_mate_creation_proposal_response" || msg.type === "home_mate_close" || msg.type === "home_mate_memory_list" || msg.type === "home_mate_knowledge_list" || msg.type === "home_mate_models_get" || msg.type === "home_mate_model_set" || msg.type === "home_dock_get" || msg.type === "home_dock_set" || msg.type === "home_surface_get" || msg.type === "home_surface_set" || msg.type === "tools_list" || msg.type === "tool_get" || msg.type === "tool_install" || msg.type === "tool_remove" || msg.type === "tool_storage_op" || msg.type === "tool_llm_op" || msg.type === "tool_llm_config_get" || msg.type === "tool_control_response" || msg.type === "tool_source_get" || msg.type === "tool_mate_access_set") {
+    if (msg.type === "project_assignment_response" || msg.type === "dm_open" || msg.type === "dm_send" || msg.type === "dm_list" || msg.type === "dm_typing" || msg.type === "dm_add_favorite" || msg.type === "dm_remove_favorite" || msg.type === "mate_create" || msg.type === "mate_list" || msg.type === "mate_delete" || msg.type === "mate_update" || msg.type === "mate_readd_builtin" || msg.type === "mate_list_available_builtins" || msg.type === "email_accounts_list" || msg.type === "email_account_add" || msg.type === "email_account_remove" || msg.type === "email_account_test" || msg.type === "home_debates_list" || msg.type === "home_mate_present" || msg.type === "home_mate_open" || msg.type === "home_mate_sessions_list" || msg.type === "home_mate_session_open" || msg.type === "home_mate_send" || msg.type === "home_mate_new_session" || msg.type === "home_mate_debate_plan" || msg.type === "home_debate_proposal_response" || msg.type === "home_mate_creation_plan" || msg.type === "home_mate_creation_proposal_response" || msg.type === "home_mate_close" || msg.type === "home_mate_memory_list" || msg.type === "home_mate_knowledge_list" || msg.type === "home_mate_models_get" || msg.type === "home_mate_model_set" || msg.type === "home_dock_get" || msg.type === "home_dock_set" || msg.type === "home_surface_get" || msg.type === "home_surface_set" || msg.type === "tools_list" || msg.type === "tool_get" || msg.type === "tool_install" || msg.type === "tool_remove" || msg.type === "tool_storage_op" || msg.type === "tool_llm_op" || msg.type === "tool_llm_config_get" || msg.type === "tool_control_response" || msg.type === "tool_source_get" || msg.type === "tool_mate_access_set" || msg.type === "tool_server_control" || msg.type === "tool_frame_url") {
       if (typeof opts.onDmMessage === "function") {
         opts.onDmMessage(ws, msg, slug);
       }
@@ -1666,6 +1667,16 @@ function createProjectContext(opts) {
       return _models.resolveConfiguredModel({ _clayUser: user || null }, "standard");
     },
   });
+  var _capsuleTurn = attachCapsuleTurn({
+    sm: sm,
+    getSdk: function () { return sdk; },
+    getLinuxUserForSession: getLinuxUserForSession,
+    isMultiUser: function () { return usersModule.isMultiUser(); },
+    resolveModel: function (principal) {
+      var user = principal && principal.userId ? usersModule.findUserById(principal.userId) : null;
+      return _models.resolveConfiguredModel({ _clayUser: user || null }, "standard");
+    },
+  });
   var _delegatedFollowUp = attachDelegatedFollowUp({
     sm: sm,
     getSdk: function () { return sdk; },
@@ -2284,6 +2295,7 @@ function createProjectContext(opts) {
     createDelegatedSession: _delegatedSession.createDelegatedSession,
     inspectDelegatedFollowUp: _delegatedFollowUp.inspectDelegatedFollowUp,
     dispatchDelegatedFollowUp: _delegatedFollowUp.dispatchDelegatedFollowUp,
+    deliverCapsuleTurn: _capsuleTurn.deliverCapsuleTurn,
     unregisterHomeDebateClient: function (ws) { homeDebateClients.delete(ws); },
     handleHomeDebateProposalResponse: function (ws, msg, session) { return _debateProposal.handleHomeMessage(ws, msg, session); },
     handleHomeMateCreationProposalResponse: function (ws, msg, session) { return _mateCreationProposal.handleHomeMessage(ws, msg, session); },

package/lib/public/app.js

@@ -1,5 +1,5 @@
 import { avatarUrl, userAvatarUrl, mateAvatarUrl } from './modules/avatar.js';
-import { showToast, copyToClipboard, escapeHtml } from './modules/utils.js';
+import { showToast, escapeHtml } from './modules/utils.js';
 import { refreshIcons, iconHtml } from './modules/icons.js';
 import { renderMarkdown, highlightCodeBlocks, renderMermaidBlocks, closeMermaidModal, parseEmojis } from './modules/markdown.js';
 import { initSidebar, updatePageTitle, spawnDustParticles } from './modules/sidebar.js';
@@ -67,7 +67,8 @@ import { initCursors, handleRemoteCursorMove as _curHandleRemoteCursorMove, hand
 import { initFavicon, updateFavicon as _favUpdateFavicon, setSendBtnMode as _favSetSendBtnMode, blinkIO as _favBlinkIO, blinkSessionDot as _favBlinkSessionDot, updateCrossProjectBlink as _favUpdateCrossProjectBlink, startUrgentBlink as _favStartUrgentBlink, stopUrgentBlink as _favStopUrgentBlink, setActivity as _favSetActivity } from './modules/app-favicon.js';
 import { initHeader, closeSessionInfoPopover as _hdrCloseSessionInfoPopover, updateHistorySentinel as _hdrUpdateHistorySentinel, requestMoreHistory as _hdrRequestMoreHistory, prependOlderHistory as _hdrPrependOlderHistory } from './modules/app-header.js';
 import { initSessionActions } from './modules/session-actions.js';
-import { initMisc, flushPendingExtMessages, showImageModal as _miscShowImageModal, closeImageModal as _miscCloseImageModal, showPasteModal as _miscShowPasteModal, closePasteModal as _miscClosePasteModal, showConfirm as _miscShowConfirm, hideConfirm as _miscHideConfirm, showForceChangePinOverlay as _miscShowForceChangePinOverlay, sendExtensionCommand as _miscSendExtensionCommand, handleExtensionResult as _miscHandleExtensionResult } from './modules/app-misc.js';
+import { initMisc, flushPendingExtMessages, showImageModal as _miscShowImageModal, closeImageModal as _miscCloseImageModal, showConfirm as _miscShowConfirm, hideConfirm as _miscHideConfirm, showForceChangePinOverlay as _miscShowForceChangePinOverlay, sendExtensionCommand as _miscSendExtensionCommand, handleExtensionResult as _miscHandleExtensionResult } from './modules/app-misc.js';
+import { showPasteModal } from './modules/paste-modal.js';
 import { initSkillInstall, requireSkills as _siRequireSkills, handleSkillInstallWs as _siHandleSkillInstallWs } from './modules/app-skills-install.js';
 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';
@@ -206,16 +207,6 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   }
 
   // Modal close handlers (replaces inline onclick)
-  $("paste-modal").querySelector(".confirm-backdrop").addEventListener("click", function() {
-    $("paste-modal").classList.add("hidden");
-  });
-  $("paste-modal").querySelector(".paste-modal-close").addEventListener("click", function() {
-    $("paste-modal").classList.add("hidden");
-  });
-  $("paste-modal").querySelector(".paste-modal-copy").addEventListener("click", function() {
-    var body = $("paste-modal-body");
-    if (body) copyToClipboard(body.textContent, "Copied to clipboard");
-  });
   $("mermaid-modal").querySelector(".confirm-backdrop").addEventListener("click", closeMermaidModal);
   $("mermaid-modal").querySelector(".mermaid-modal-btn[title='Close']").addEventListener("click", closeMermaidModal);
   $("image-modal").querySelector(".confirm-backdrop").addEventListener("click", closeImageModal);
@@ -263,9 +254,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
   // --- Header session rename, session info popover -> modules/app-header.js
   function closeSessionInfoPopover() { _hdrCloseSessionInfoPopover(); }
 
-  // --- Modals (confirm, paste) -> modules/app-misc.js
-  function showPasteModal(text) { _miscShowPasteModal(text); }
-  function closePasteModal() { _miscClosePasteModal(); }
+  // --- Confirmation modal -> modules/app-misc.js
   function showConfirm(text, onConfirm, okLabel, destructive) { _miscShowConfirm(text, onConfirm, okLabel, destructive); }
   function hideConfirm() { _miscHideConfirm(); }
 
@@ -345,6 +334,8 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     projectLogsUnread: 0,
     projectLogsSeenRevisions: {},
     installedTools: [],
+    capsulesEnabled: false,
+    capsulesPreferenceLoaded: false,
     homeToolRegistryLoaded: false,
     toolScanErrors: [],
 

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

@@ -384,9 +384,29 @@ textarea.tool-input { min-height: 92px; resize: vertical; }
   .tool-pagination { flex-wrap: wrap; justify-content: flex-start; }
 }
 
+/* Capsule engagement note in the Mate transcript: a quiet system line, not a
+   speech bubble, because no one typed it. */
+.home-capsule-turn-note {
+  align-self: center;
+  margin: 6px auto;
+  padding: 3px 12px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--text-muted) 10%, transparent);
+  color: var(--text-muted);
+  font-size: 11.5px;
+  text-align: center;
+}
+
 /* Rich Display frame: the additive sandboxed element above the floor. */
+/* There is no global .hidden utility, so the capsule surfaces scope their own:
+   the frame stays invisible until its bridge reports ready, the floor hides
+   behind the toggle, and a cleared error leaves the screen. */
+.home-tool-frame-wrap.hidden,
+.home-tool-frame-toggle.hidden,
+.home-tool-display.hidden,
+.home-tool-error.hidden { display: none; }
 .home-tool-frame-wrap { width: 100%; }
-.home-tool-frame { display: block; width: 100%; min-height: 240px; border: 0; border-radius: 10px; background: var(--bg); }
+.home-tool-frame { display: block; width: 100%; min-height: 0; border: 0; border-radius: 10px; background: var(--bg); }
 .home-tool-frame-toggle {
   display: block; margin: 6px 0 0 auto; padding: 3px 10px;
   border: 1px solid var(--border-subtle); border-radius: 999px;

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

@@ -12,6 +12,10 @@ body.home-active #sidebar-overlay,
 body.home-active .title-bar-content,
 body.home-active #user-island { display: none !important; }
 
+body.capsules-disabled #home-tools-btn,
+body.capsules-disabled #home-dock-divider,
+body.capsules-disabled #home-tool-workbench { display: none !important; }
+
 body.home-active #main-area { border: 0; border-radius: 0; }
 
 body.home-surface-boot-pending #connect-overlay.hidden {

package/lib/public/css/input.css

@@ -52,11 +52,32 @@
   background: var(--bg-alt);
   border: 1px solid var(--border);
   border-radius: 10px;
-  padding: 6px 10px;
+  padding: 0;
   font-size: 12px;
   max-width: 200px;
 }
 
+.pasted-chip-open {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  padding: 6px 4px 6px 10px;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+
+.pasted-chip-open:hover .pasted-chip-preview,
+.pasted-chip-open:focus-visible .pasted-chip-preview { color: var(--text); }
+
+.pasted-chip-open:focus-visible,
+.pasted-chip-remove:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 1px;
+}
+
 .pasted-chip-preview {
   color: var(--text-muted);
   overflow: hidden;
@@ -87,6 +108,7 @@
   cursor: pointer;
   padding: 0;
   flex-shrink: 0;
+  margin-right: 6px;
 }
 
 .pasted-chip-remove .lucide { width: 12px; height: 12px; }
@@ -156,6 +178,59 @@
   min-height: 0;
 }
 
+.paste-modal-editor,
+.paste-modal-footer { display: none; }
+
+.paste-modal-editing .paste-modal-body { display: none; }
+
+.paste-modal-editing .paste-modal-editor {
+  display: block;
+  width: 100%;
+  min-height: min(52vh, 420px);
+  resize: vertical;
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+  padding: 16px 20px;
+  background: var(--bg);
+  color: var(--text-secondary);
+  font-family: "Roboto Mono", monospace;
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+.paste-modal-editing .paste-modal-editor:focus {
+  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);
+}
+
+.paste-modal-editing .paste-modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid var(--border-subtle);
+}
+
+.paste-modal-cancel,
+.paste-modal-save {
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 7px 12px;
+  font: inherit;
+  cursor: pointer;
+}
+
+.paste-modal-cancel {
+  background: transparent;
+  color: var(--text-secondary);
+}
+
+.paste-modal-save {
+  border-color: var(--accent);
+  background: var(--accent);
+  color: var(--accent-text, white);
+}
+
 /* --- File chips (input preview) --- */
 .file-chip {
   display: inline-flex;
@@ -286,9 +361,11 @@
 #context-sources-add {
   display: inline-flex;
   align-items: center;
-  gap: 3px;
+  justify-content: center;
+  position: relative;
+  width: 36px;
   height: 36px;
-  padding: 0 10px;
+  padding: 0;
   border-radius: 18px;
   border: none;
   background: transparent;
@@ -322,6 +399,9 @@
   font-size: 10px;
   font-weight: 700;
   line-height: 1;
+  position: absolute;
+  top: 0;
+  right: -1px;
 }
 
 .context-chip {
@@ -1270,6 +1350,7 @@
    Attach (files/images -> path injection) and voice input stay available. */
 body.tui-composer-active #schedule-btn,
 body.tui-composer-active #ask-mate-btn,
+body.tui-composer-active .composer-session-action,
 body.tui-composer-active #active-vendor-indicator,
 body.tui-composer-active #config-chip-wrap {
   display: none !important;

package/lib/public/css/session-actions.css

@@ -1,119 +1,34 @@
-#header-session-actions-btn {
+.composer-session-action {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  width: auto;
-  height: 28px;
+  width: 36px;
+  height: 36px;
   margin: 0;
-  padding: 0 9px;
-  border: 1px solid var(--border-subtle);
-  border-radius: 8px;
-  background: color-mix(in srgb, var(--brand-indigo) 5%, var(--bg));
-  color: var(--text-secondary);
+  padding: 0;
+  border: 0;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--text-muted);
   cursor: pointer;
   flex-shrink: 0;
   font: inherit;
-  font-size: 11px;
-  font-weight: 650;
-  white-space: nowrap;
-  transition: color 0.15s, background 0.15s, border-color 0.15s;
+  transition: color 0.15s, background 0.15s, opacity 0.15s;
 }
 
-#header-session-actions-btn:hover,
-#header-session-actions-btn[aria-expanded="true"] {
+.composer-session-action:hover:not(:disabled) {
   color: var(--text);
-  background: color-mix(in srgb, var(--brand-indigo) 9%, var(--bg));
-  border-color: color-mix(in srgb, var(--brand-indigo) 32%, var(--border));
+  background: rgba(var(--overlay-rgb), 0.06);
 }
 
-#header-session-actions-btn:focus { outline: none; }
-#header-session-actions-btn:focus-visible {
-  border-color: color-mix(in srgb, var(--link) 48%, var(--border));
+.composer-session-action:focus { outline: none; }
+.composer-session-action:focus-visible {
   box-shadow: 0 0 0 2px color-mix(in srgb, var(--link) 18%, transparent);
 }
 
-#header-session-actions-btn.hidden { display: none; }
-#header-session-actions-btn .lucide:first-child {
-  width: 14px;
-  height: 14px;
-  color: color-mix(in srgb, var(--brand-indigo) 78%, var(--text));
-}
-
-#header-session-actions-btn .session-actions-trigger-chevron {
-  width: 13px;
-  height: 13px;
-  transition: transform 0.16s ease;
-}
-
-#header-session-actions-btn[aria-expanded="true"] .session-actions-trigger-chevron {
-  transform: rotate(180deg);
-}
-
-.session-actions-menu {
-  position: fixed;
-  z-index: 10020;
-  width: min(300px, calc(100vw - 16px));
-  padding: 6px;
-  border: 1px solid var(--border);
-  border-radius: 12px;
-  background: color-mix(in srgb, var(--bg) 96%, transparent);
-  box-shadow: 0 14px 38px rgba(var(--shadow-rgb), 0.32), 0 2px 8px rgba(var(--shadow-rgb), 0.2);
-  backdrop-filter: blur(18px);
-}
-
-.session-actions-row {
-  width: 100%;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.session-actions-row {
-  display: grid;
-  grid-template-columns: 30px minmax(0, 1fr) 16px;
-  align-items: center;
-  gap: 8px;
-  min-height: 54px;
-  padding: 7px 8px;
-  border-radius: 8px;
-}
-
-.session-actions-row:hover { background: var(--bg-alt); }
-.session-actions-row.is-primary {
-  background: color-mix(in srgb, var(--brand-indigo) 6%, transparent);
-}
-.session-actions-row.is-primary:hover {
-  background: color-mix(in srgb, var(--brand-indigo) 10%, transparent);
-}
-.session-actions-row.is-primary .session-actions-row-icon {
-  border-color: transparent;
-  background: var(--brand-indigo);
-  color: var(--brand-paper);
-}
-.session-actions-row:disabled { cursor: default; opacity: 0.42; }
-.session-actions-row:disabled:hover { background: transparent; }
-
-.session-actions-row-icon {
-  display: grid;
-  place-items: center;
-  width: 28px;
-  height: 28px;
-  border: 1px solid var(--border-subtle);
-  border-radius: 8px;
-  background: rgba(var(--overlay-rgb), 0.035);
-  color: color-mix(in srgb, var(--accent2) 38%, var(--text-secondary));
-}
-
-.session-actions-row-icon .lucide { width: 15px; height: 15px; }
-.session-actions-row-copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
-.session-actions-row-copy strong { font-size: 12px; font-weight: 750; }
-.session-actions-row-copy > span { color: var(--text-muted); font-size: 11px; line-height: 1.35; }
-.session-actions-row-chevron { color: var(--text-muted); }
-.session-actions-row-chevron .lucide { width: 13px; height: 13px; }
+.composer-session-action.hidden { display: none; }
+.composer-session-action:disabled { cursor: default; opacity: 0.32; }
+.composer-session-action .lucide { width: 20px; height: 20px; }
 
 .handoff-modal { width: min(420px, calc(100vw - 32px)); }
 .handoff-modal-desc { margin: -10px 0 14px; color: var(--text-dimmer); font-size: 12px; line-height: 1.45; }

package/lib/public/css/sticky-notes.css

@@ -85,8 +85,6 @@
   min-height: 80px;
   border: 1px solid color-mix(in srgb, var(--note-border) calc(var(--note-opacity, 0.64) * 100%), transparent);
   background: color-mix(in srgb, var(--note-surface) calc(var(--note-opacity, 0.64) * 100%), transparent);
-  -webkit-backdrop-filter: blur(7px) saturate(0.92) contrast(1.02);
-  backdrop-filter: blur(7px) saturate(0.92) contrast(1.02);
   color: var(--note-ink);
   transition: box-shadow 0.15s;
   overflow: hidden;
@@ -97,12 +95,12 @@
 }
 
 .sticky-note.sticky-note-attention {
-  animation: sticky-note-attention-pulse 0.65s ease-in-out 3;
+  animation: sticky-note-attention-pulse 1.1s ease-out 1;
 }
 
 @keyframes sticky-note-attention-pulse {
-  0%, 100% { box-shadow: 0 2px 12px rgba(var(--shadow-rgb), 0.12); }
-  50% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 55%, transparent), 0 4px 20px rgba(var(--shadow-rgb), 0.2); }
+  0% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent), 0 4px 20px rgba(var(--shadow-rgb), 0.2); }
+  100% { box-shadow: 0 2px 12px rgba(var(--shadow-rgb), 0.12); }
 }
 
 .sticky-note.dragging,
@@ -800,8 +798,6 @@
 
 @media (prefers-reduced-transparency: reduce) {
   .sticky-note {
-    -webkit-backdrop-filter: none;
-    backdrop-filter: none;
     border-color: var(--note-border);
     background: var(--note-surface);
   }

package/lib/public/index.html

@@ -50,7 +50,7 @@
 }
 </style>
 </head>
-<body>
+<body class="capsules-disabled">
 <div id="layout">
   <!-- === Top Bar (full width, forms reverse-ㄱ with icon strip) === -->
   <div id="top-bar">
@@ -422,9 +422,6 @@
         <div id="ralph-sticky" class="hidden"></div>
         <div id="debate-sticky" class="hidden"></div>
         <div class="status">
-          <button id="header-session-actions-btn" type="button" aria-label="Session actions" aria-haspopup="menu" aria-expanded="false">
-            <i data-lucide="bot"></i><span>Add Split Worker</span><i class="session-actions-trigger-chevron" data-lucide="chevron-down"></i>
-          </button>
           <button type="button" id="header-tui-font-btn" class="header-tui-font-btn hidden" title="Terminal font" aria-label="Terminal font">
             <i data-lucide="type"></i>
           </button>
@@ -551,13 +548,15 @@
               <button id="schedule-btn" type="button" aria-label="Schedule message" title="Schedule message"><i data-lucide="clock"></i></button>
               <button id="ask-mate-btn" type="button" aria-label="Ask Mate" title="Ask a Mate for advice on this session"><i data-lucide="at-sign"></i></button>
               <div id="context-sources-btn-wrap" class="desktop-only">
-                <button id="context-sources-add" type="button" title="Add context sources"><i data-lucide="library"></i><span class="ctx-label">Context</span></button>
+                <button id="context-sources-add" type="button" aria-label="Add context" title="Add context sources"><i data-lucide="library"></i></button>
                 <div id="context-sources-picker" class="hidden">
                   <div class="context-picker-section" id="context-picker-email"></div>
                   <div class="context-picker-section" id="context-picker-terminals"></div>
                   <div class="context-picker-section" id="context-picker-tabs"></div>
                 </div>
               </div>
+              <button id="composer-add-worker-btn" type="button" class="composer-session-action desktop-only" aria-label="Add Split Worker" title="Add Split Worker"><i data-lucide="bot"></i></button>
+              <button id="composer-handoff-btn" type="button" class="composer-session-action desktop-only" aria-label="Continue in another agent" title="Continue in another agent"><i data-lucide="send"></i></button>
             </div>
             <div id="input-bottom-right">
               <div id="active-vendor-indicator" class="hidden" title="Session vendor">
@@ -1008,6 +1007,7 @@
           <option value="us-appearance">Appearance</option>
           <option value="us-chat">Chat</option>
           <option value="us-mates">Mates</option>
+          <option value="us-experimental">Experimental</option>
           <option value="us-email">Email</option>
         </select>
         <div class="us-modal-nav-items">
@@ -1015,6 +1015,7 @@
           <button class="us-nav-item" data-section="us-appearance"><span>Appearance</span></button>
           <button class="us-nav-item" data-section="us-chat"><span>Chat</span></button>
           <button class="us-nav-item" data-section="us-mates"><span>Mates</span></button>
+          <button class="us-nav-item" data-section="us-experimental"><span>Experimental</span></button>
           <button class="us-nav-item" data-section="us-email"><span>Email</span></button>
           <div class="us-nav-separator"></div>
           <button class="us-nav-item us-nav-danger" data-section="us-logout"><span>Log Out</span></button>
@@ -1170,6 +1171,22 @@
           </div>
         </div>
 
+        <!-- Experimental section -->
+        <div class="us-section" data-section="us-experimental">
+          <h2>Experimental</h2>
+          <p class="settings-hint">Preview features may change or behave unexpectedly.</p>
+          <div class="settings-card">
+            <label class="settings-toggle-row">
+              <div>
+                <span class="settings-label">Capsules</span>
+                <div class="settings-hint">Enable persistent mini-apps that you and your Mates can use.</div>
+              </div>
+              <input type="checkbox" id="us-capsules-enabled">
+              <span class="toggle-track"><span class="toggle-thumb"></span></span>
+            </label>
+          </div>
+        </div>
+
         <!-- Email section -->
         <div class="us-section" data-section="us-email">
           <h2>Email Accounts</h2>
@@ -1526,17 +1543,22 @@
   </div>
 </div>
 
-<div id="paste-modal" class="hidden">
+<div id="paste-modal" class="hidden" role="dialog" aria-modal="true" aria-labelledby="paste-modal-title">
   <div class="confirm-backdrop"></div>
   <div class="confirm-dialog paste-modal-dialog">
     <div class="paste-modal-header">
-      <span class="paste-modal-title">Pasted content</span>
+      <span class="paste-modal-title" id="paste-modal-title">Pasted content</span>
       <div class="paste-modal-actions">
-        <button class="paste-modal-copy" title="Copy to clipboard"><i data-lucide="copy" style="width:15px;height:15px"></i></button>
-        <button class="paste-modal-close"><i data-lucide="x" style="width:16px;height:16px"></i></button>
+        <button class="paste-modal-copy" type="button" title="Copy to clipboard" aria-label="Copy pasted content"><i data-lucide="copy" style="width:15px;height:15px"></i></button>
+        <button class="paste-modal-close" type="button" aria-label="Close pasted content"><i data-lucide="x" style="width:16px;height:16px"></i></button>
       </div>
     </div>
     <pre class="paste-modal-body" id="paste-modal-body"></pre>
+    <textarea class="paste-modal-editor" id="paste-modal-editor" aria-label="Pasted content"></textarea>
+    <div class="paste-modal-footer" id="paste-modal-footer">
+      <button class="paste-modal-cancel" type="button">Cancel</button>
+      <button class="paste-modal-save" id="paste-modal-save" type="button">Save changes</button>
+    </div>
   </div>
 </div>
 

package/lib/public/modules/app-message-cards.js

@@ -6,7 +6,8 @@ import { escapeHtml, copyToClipboard } from './utils.js';
 import { renderMarkdown, highlightCodeBlocks } from './markdown.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { userAvatarUrl } from './avatar.js';
-import { showImageModal, showPasteModal } from './app-misc.js';
+import { showImageModal } from './app-misc.js';
+import { showPasteModal } from './paste-modal.js';
 import { addToMessages, scrollToBottom, forceScrollToBottom, getMsgTime, shouldGroupMessage, getTurnCounter, setTurnCounter, VENDOR_AVATARS } from './chat-render-runtime.js';
 
 export function addUserMessage(text, images, pastes, fromUserId, fromUserName, delegatedMeta) {

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

@@ -15,7 +15,7 @@ import { updateDmBadge, setMentionActive, renderUserStrip } from './sidebar-mate
 import { renderSidebarPresence } from './sidebar-presence.js';
 import { refreshMobileChatSheet } from './sidebar-mobile.js';
 import { renderMateSessionList, handleMateSearchResults, updateMateSidebarProfile } from './mate-sidebar.js';
-import { openHomeChat, handleHomeMateHistory, handleHomeMateDelta, handleHomeMateDone, handleHomeMateError, handleHomeMateSessionsState } from './home-mate-chat.js';
+import { openHomeChat, handleHomeMateHistory, handleHomeMateDelta, handleHomeMateSegment, handleHomeMateDone, handleHomeMateError, handleHomeMateSessionsState } from './home-mate-chat.js';
 import { handleHomeSurfaceState } from './home-surface.js';
 import { handleHomeMateMemoryState, handleHomeMateKnowledgeState } from './home-mate-settings.js';
 import { renderKnowledgeList, handleKnowledgeContent } from './mate-knowledge.js';
@@ -65,7 +65,7 @@ import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateCont
 import { updateProjectList, resetClientState, showUpdateAvailable, handleRemoveProjectCheckResult, handleRemoveProjectResult, handleBrowseDirResult, handleAddProjectResult, handleCloneProgress } from './app-projects.js';
 import { updateHistorySentinel, prependOlderHistory } from './app-header.js';
 import { hideHomeHub, showHomeHub } from './app-home-hub.js';
-import { handleToolsState, handleToolInstalled, handleToolRemoved, handleToolStorageResult, handleToolLlmResult, handleToolsError, handleToolControlRequest, handleToolServerState, handleToolServerEvent } from './home-tools.js';
+import { handleToolsState, handleToolInstalled, handleToolRemoved, handleToolStorageResult, handleToolLlmResult, handleToolsError, handleToolControlRequest, handleToolServerState, handleToolServerEvent, handleCapsuleGameSession } from './home-tools.js';
 import { handleHomeDockState } from './home-dock.js';
 import { handleToolFrameUrlState } from './home-tool-frame.js';
 import { enterDmMode, exitDmMode, handleMateCreatedInApp, updateMateIconStatus, appendDmMessage, showDmTypingIndicator, buildMateInterviewPrompt } from './app-dm.js';
@@ -640,6 +640,14 @@ export function processMessage(msg) {
         handleToolFrameUrlState(msg);
         break;
 
+      case "capsule_game_session":
+        handleCapsuleGameSession(msg);
+        break;
+
+      case "home_mate_segment":
+        handleHomeMateSegment(msg);
+        break;
+
       case "input_sync":
         if (!store.get('dmMode')) handleInputSync(msg.text);
         break;