clay-server 4.1.0-beta.9 → 4.1.0

package/lib/public/css/issues.css

@@ -1,7 +1,20 @@
-#issues-panel { position: relative; width: 48%; max-width: 760px; min-width: 360px; height: calc(100% - 16px); margin: 8px; align-self: center; display: flex; flex-direction: column; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; flex-shrink: 0; }
+#issues-panel { position: relative; width: 50%; max-width: 720px; min-width: 360px; height: calc(100% - 16px); margin: 8px 8px 8px 10px; min-height: 0; align-self: center; display: flex; flex-direction: column; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; flex-shrink: 0; }
+@media (min-width: 1024px) {
+  #issues-panel {
+    box-shadow:
+      4px 8px 18px rgba(var(--shadow-rgb), 0.14),
+      2px 2px 4px rgba(var(--shadow-rgb), 0.08),
+      inset 0 1px 0 rgba(255, 255, 255, 0.04);
+    animation: workbench-panel-in 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
+    transition: max-width 0.2s ease, width 0.2s ease, box-shadow 0.2s ease;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  #issues-panel { animation: none; }
+}
 #issues-panel.hidden { display: none; }
 #issues-panel.issues-wide { width: 70%; max-width: 1200px; }
-#issues-panel.panel-fullscreen { width: 100%; max-width: none; height: 100%; margin: 0; }
+#issues-panel.panel-fullscreen { width: 100%; max-width: none; min-width: 0; height: 100%; margin: 0; border: 0; border-radius: 0; box-shadow: none; animation: none; }
 #issues-panel header { height: 48px; box-sizing: border-box; display: flex; align-items: center; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--border-subtle); flex: 0 0 auto; }
 #issues-panel .issues-title { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
 #issues-panel .issues-title .lucide { width: 15px; color: var(--accent); }
@@ -11,10 +24,10 @@
 #issues-panel .issues-icon-btn .lucide { width: 15px; }
 #issues-panel .issues-icon-btn.hidden { display: none; }
 #issues-panel .issues-icon-btn[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); }
-#issues-panel button, #issues-panel input, #issues-panel textarea, #issues-panel select { font: inherit; color: inherit; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; }
+#issues-panel :where(button:not(.clayos-issue-link):not(.clayos-log-link), input, textarea, select) { font: inherit; color: inherit; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; }
 #issues-panel button { cursor: pointer; }
-#issues-panel button:hover { background: var(--bg-hover, rgba(128,128,128,.12)); }
-#issues-panel button:disabled { opacity: .5; cursor: wait; }
+#issues-panel button:not(.clayos-issue-link):not(.clayos-log-link):hover { background: var(--bg-hover, rgba(128,128,128,.12)); }
+#issues-panel button:disabled { opacity: .5; cursor: default; }
 #issues-panel :focus-visible { outline: 2px solid var(--accent, #b98655); outline-offset: 2px; }
 .issues-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--border-subtle); background: color-mix(in srgb, var(--bg-alt) 72%, transparent); }
 .issues-search { flex: 1; min-width: 120px; height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text-dimmer); }
@@ -25,35 +38,44 @@
 .issues-notice { margin: 0; padding: 0 16px; font-size: 12px; color: var(--text-muted); }
 .issue-row { display: block; width: 100%; text-align: left; margin: 0; padding: 15px 18px 14px !important; border: 0 !important; border-bottom: 1px solid var(--border-subtle) !important; border-left: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; }
 .issue-row:hover { background: color-mix(in srgb, var(--accent) 5%, transparent) !important; border-left-color: var(--accent) !important; }
-.issue-row-head { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
+.issue-row-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; }
 .issue-type { padding: 2px 7px; border-radius: 999px; background: rgba(var(--overlay-rgb), .08); color: var(--text-secondary); font-size: 10px; font-weight: 700; text-transform: uppercase; }
-.issue-row strong { display: block; font-size: 14px; }
+.issue-row strong { flex: 1; min-width: 0; font-size: 14px; font-weight: 700; letter-spacing: -.01em; overflow-wrap: anywhere; }
 .issue-row p { margin: 7px 0 0; color: var(--text-secondary); font-size: 12.5px; line-height: 1.55; }
-.issue-row small, .issue-detail small { color: var(--text-muted); }
+
 .issue-row small { font-size: 10.5px; font-family: var(--font-mono); }
+.issue-row-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-top: 8px; color: var(--text-dimmer); font: 10.5px/1.5 var(--font-mono); }
+.issue-row-meta .issue-status { font-family: var(--font-sans); }
 .issue-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .03em; }
 .issue-status::before { content: ''; width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 50%; }
-[data-status="in_progress"] { color: #bd923f; }
-[data-status="resolved"] { color: #479b77; }
-[data-status="closed"] { color: var(--text-muted); }
+.issue-status[data-status="in_progress"] { color: #bd923f; }
+.issue-status[data-status="resolved"] { color: #479b77; }
+.issue-status[data-status="closed"] { color: var(--text-muted); }
 .issue-detail { max-width: 760px; margin: 0 auto; padding: 32px 28px 52px; }
-.issue-detail h2 { margin: 10px 0; font-family: var(--font-display); font-size: clamp(24px, 2.8vw, 34px); line-height: 1.12; }
-.issue-detail > p { font-size: 14px; line-height: 1.6; }
-.issue-detail > small { font-size: 11px; font-family: var(--font-mono); }
-.issue-detail .markdown-body { margin: 24px 0; }
-.issue-detail .markdown-body { font-size: 14px; line-height: 1.75; }
-.issue-detail section { margin-top: 24px; overflow-wrap: anywhere; }
-.issue-detail h3 { font-size: 12px; color: var(--text-muted); }
-#issues-panel .issue-discussion { border-top: 1px solid var(--border-subtle); }
-#issues-panel .issue-comment { padding: 12px 0; border-bottom: 1px solid var(--border-subtle); }
-#issues-panel .issue-comment-meta { color: var(--text-muted); font: 10.5px/1.4 var(--font-mono); }
-#issues-panel .issue-comment p { margin: 6px 0 0; font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
-#issues-panel .issue-comment small { display: block; margin-top: 7px; color: var(--text-dimmer); font-size: 11px; }
-#issues-panel .issue-discussion-empty { color: var(--text-muted); font-size: 13px; }
-#issues-panel #issue-comment-form { margin-top: 16px; }
-#issues-panel #issue-comment-form label { display: block; margin-bottom: 6px; color: var(--text-muted); font-size: 11px; }
-#issues-panel #issue-comment-input { width: 100%; box-sizing: border-box; min-height: 76px; resize: vertical; font-size: 13px; line-height: 1.55; }
-#issues-panel .issue-comment-status { min-height: 1.4em; margin: 6px 0; color: var(--text-muted); font-size: 11px; }
+.issue-doc-chips { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
+.issue-detail .issue-doc-title { margin: 0 0 10px; font-family: var(--font-display); font-size: clamp(24px, 2.8vw, 34px); letter-spacing: -.025em; line-height: 1.12; overflow-wrap: anywhere; }
+.issue-doc-summary { color: var(--text-secondary); font-size: 14px; line-height: 1.6; }
+.issue-detail .issue-doc-summary > p { margin: 0 0 13px; }
+.issue-byline { margin: 0 0 18px; padding-bottom: 18px; border-bottom: 2px solid var(--border-subtle); color: var(--text-dimmer); font: 11px/1.6 var(--font-mono); overflow-wrap: anywhere; }
+.issue-doc-body { margin: 24px 0 0; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
+.issue-detail section { margin-top: 26px; overflow-wrap: anywhere; }
+.issue-detail section h3 { margin: 0 0 12px; font-family: var(--font-display); font-size: 15px; color: var(--text); }
+.issue-evidence { padding-top: 18px; border-top: 1px solid var(--border-subtle); font-size: 13px; line-height: 1.65; }
+#issues-panel .issue-discussion { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--border-subtle); }
+.issue-discussion h3 > span { margin-left: 4px; font: 11px var(--font-mono); color: var(--text-dimmer); }
+#issues-panel .issue-comment { padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--border-subtle); border-radius: 9px; background: var(--bg-alt); }
+.issue-comment-meta { margin-bottom: 5px; color: var(--text-dimmer); font: 10.5px/1.4 var(--font-mono); }
+.issue-comment .markdown-body { font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
+.issue-comment .markdown-body > :first-child { margin-top: 0; }
+.issue-comment .markdown-body > :last-child { margin-bottom: 0; }
+.issue-comment-review { margin-top: 9px; padding: 8px 10px; border-left: 2px solid var(--accent); background: rgba(var(--overlay-rgb), .04); border-radius: 0 7px 7px 0; }
+.issue-comment-review > span { display: block; margin-bottom: 5px; color: var(--text-dimmer); font: 10.5px var(--font-mono); }
+.issue-discussion-empty { margin: 0; color: var(--text-dimmer); font-size: 12px; }
+#issue-comment-form { display: grid; gap: 8px; margin-top: 18px; }
+#issue-comment-form label { color: var(--text-secondary); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
+#issues-panel #issue-comment-input { width: 100%; box-sizing: border-box; min-height: 80px; resize: vertical; font-size: 13px; line-height: 1.55; border-radius: 8px; padding: 10px; background: var(--bg-alt); }
+#issue-comment-form .issue-comment-status { min-height: 16px; margin: 0; color: var(--text-dimmer); font-size: 11px; }
+.issue-comment-actions { display: flex; justify-content: flex-end; }
 #issues-panel .issues-delete-dialog { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; padding: 24px; background: rgba(0, 0, 0, .38); }
 #issues-panel .issues-delete-dialog.hidden { display: none; }
 #issues-panel .issues-delete-card { width: min(360px, 100%); box-sizing: border-box; padding: 22px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); box-shadow: 0 14px 40px rgba(0, 0, 0, .24); }
@@ -78,15 +100,16 @@
 .issues-content > h2 { padding: 0 28px; }
 .issues-content > h2 { margin: 0 0 10px; font-family: var(--font-display); font-size: 14px; line-height: 1.2; }
 .issues-history-note { margin: 0; padding: 14px 18px; border-bottom: 1px solid var(--border-subtle); color: var(--text-dimmer); font-size: 11px; font-family: var(--font-mono); }
-.clayos-issue-link { display: inline-flex; max-width: 100%; border: 1px solid var(--border); border-radius: 5px; background: var(--bg); color: inherit; font: inherit; font-size: .85em; padding: 2px 7px; cursor: pointer; vertical-align: baseline; overflow-wrap: anywhere; }
-@media (max-width: 1023px) { #issues-panel, #issues-panel.issues-wide { position: fixed; inset: 0; z-index: 150; width: 100%; max-width: none; min-width: 0; height: 100%; margin: 0; border-radius: 0; padding-top: var(--safe-top, 0px); padding-bottom: var(--safe-bottom, 0px); box-sizing: border-box; } #issues-panel button { min-height: 36px; } }
+
+@media (max-width: 1023px) { #issues-panel, #issues-panel.issues-wide { position: fixed; inset: 0; z-index: 300; width: 100%; max-width: none; min-width: 0; height: 100%; margin: 0; border: 0; border-radius: 0; padding-top: var(--safe-top, 0px); padding-bottom: var(--safe-bottom, 0px); box-sizing: border-box; } #issues-panel button:not(.clayos-issue-link):not(.clayos-log-link) { min-height: 36px; } }
+@media (max-width: 1023px) { #issues-panel [data-issues-wide], #issues-panel [data-issues-full] { display: none; } }
 @media (max-width: 390px) {
   #issues-panel header { gap: 4px; padding: 8px; }
   #issues-panel header button { padding: 7px; }
   #issues-panel [data-issues-wide], #issues-panel [data-issues-full] { display: none; }
   .issues-filters { display: grid; grid-template-columns: 1fr 1fr; padding: 8px; }
   .issues-filters .issues-search { grid-column: 1 / -1; width: 100%; box-sizing: border-box; }
-  .issues-content { padding: 10px; }
+  .issues-content { padding: 0; }
   .issue-row { padding: 12px !important; }
   .issue-detail h2 { font-size: 20px; }
 }
@@ -99,3 +122,27 @@
   .issues-content > h2 { padding-right: 18px; padding-left: 18px; }
   .issue-detail { padding: 24px 18px 38px; }
 }
+
+#issues-panel { font-family: var(--font-sans); font-size: 13px; }
+#issues-panel .issues-title { font-size: 13px; }
+.issues-notice:empty { display: none; }
+.issues-notice:not(:empty) { padding: 10px 16px; border-bottom: 1px solid var(--border-subtle); line-height: 1.5; }
+.issues-inline-update { display: inline-flex; align-items: center; gap: 7px; width: 100%; box-sizing: border-box; margin: 0 0 8px; padding: 7px 9px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); border-radius: 7px; background: color-mix(in srgb, var(--accent) 7%, transparent); color: var(--text-secondary); font-size: 11px; }
+.issues-inline-update button { margin-left: auto; padding: 3px 8px !important; border-color: var(--accent) !important; color: var(--accent) !important; font-size: 11px !important; font-weight: 700; }
+.issue-type { letter-spacing: .03em; flex-shrink: 0; }
+#issues-panel .issue-actions { margin: 0 0 24px; gap: 6px; }
+#issues-panel .issue-actions button, #issues-panel .issue-comment-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 10px; border-radius: 7px; font-size: 11px; font-weight: 600; background: var(--bg-alt); color: var(--text-secondary); }
+#issues-panel .issue-actions .lucide { width: 13px; height: 13px; }
+#issues-panel button.issue-primary { border-color: var(--accent); background: var(--accent); color: #fff; }
+#issues-panel button.issue-primary:hover { background: var(--accent-hover, var(--accent)); }
+#issues-panel .issue-actions button.issue-danger { margin-left: auto; color: var(--danger); background: transparent; }
+#issues-panel #issue-form .issue-actions { margin-top: 18px; }
+#issues-panel.panel-fullscreen .issue-detail { padding: clamp(28px, 5vw, 64px); }
+.issues-load-more { padding: 16px; text-align: center; }
+#issues-panel .issues-filters select { height: 36px; max-width: 42%; }
+@media (max-width: 480px) {
+  .issues-filters .issues-search { flex-basis: 100%; }
+  #issues-panel .issues-filters select { flex: 1; max-width: none; }
+  .issue-row-head strong { flex-basis: 100%; }
+  #issues-panel .issue-actions button.issue-danger { margin-left: 0; }
+}

package/lib/public/css/mobile-nav.css

@@ -423,6 +423,13 @@
   .mobile-vendor-list .mobile-session-new-vendor:active {
     background: rgba(var(--overlay-rgb), 0.1);
   }
+  .mobile-vendor-row { display: flex; align-items: stretch; gap: 4px; }
+  .mobile-vendor-row .mobile-session-new-vendor { flex: 1 1 auto; min-width: 0; }
+  .mobile-vendor-set-default { border: 1px solid var(--border-subtle); border-radius: 8px; background: transparent; color: var(--text-dimmer); padding: 0 8px; font-size: 11px; white-space: nowrap; }
+  .mobile-vendor-set-default:active { background: rgba(var(--overlay-rgb), 0.1); }
+  .mobile-vendor-set-default:disabled { opacity: 0.55; }
+  .mobile-session-new-preference-status { padding: 4px 8px 8px; color: var(--error); font-size: 11px; }
+  .mobile-session-new-fallback-note { color: var(--text-muted); }
   .mobile-vendor-note {
     margin-left: auto;
     font-size: 12px;

package/lib/public/css/notifications-center.css

@@ -181,7 +181,7 @@
   margin-top: 8px;
 }
 .notif-banner-allow, .notif-banner-always, .notif-banner-deny, .notif-banner-goto,
-.notif-banner-tui-open, .notif-banner-tui-goto {
+.notif-banner-tui-open, .notif-banner-tui-goto, .notif-banner-result-open {
   padding: 4px 10px;
   border-radius: 6px;
   font-size: 11px;
@@ -191,11 +191,11 @@
   border: none;
   transition: opacity 0.15s, background 0.15s;
 }
-.notif-banner-tui-open {
+.notif-banner-tui-open, .notif-banner-result-open {
   background: var(--accent, #6c5ce7);
   color: #fff;
 }
-.notif-banner-tui-open:hover { opacity: 0.85; }
+.notif-banner-tui-open:hover, .notif-banner-result-open:hover { opacity: 0.85; }
 .notif-banner-tui-goto {
   background: var(--accent2);
   border: none;

package/lib/public/css/project-logs.css

@@ -196,3 +196,18 @@
   .project-log-row { padding: 14px 14px 13px; }
   .project-log-document { padding: 24px 18px 38px; }
 }
+.project-log-session-button {
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0 0 16px;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 7px 10px;
+  background: var(--bg-alt);
+  color: var(--text);
+  cursor: pointer;
+}
+
+.project-log-session-button:hover { border-color: var(--accent); }

package/lib/public/css/sidebar.css

@@ -1464,6 +1464,13 @@
 
 /* --- New-session vendor picker --- */
 .session-new-menu { min-width: 200px; }
+.session-new-vendor-row { display: flex; align-items: stretch; }
+.session-new-vendor-row .session-new-vendor { flex: 1 1 auto; min-width: 0; }
+.session-new-set-default { border: 0; background: transparent; color: var(--text-dimmer); padding: 0 8px; font-size: 10px; cursor: pointer; }
+.session-new-set-default:hover { color: var(--text); background: rgba(var(--overlay-rgb), 0.05); }
+.session-new-set-default:disabled { opacity: 0.55; cursor: wait; }
+.session-new-preference-status { padding: 6px 10px; color: var(--error); font-size: 11px; }
+.session-new-fallback-note { color: var(--text-muted); border-bottom: 1px solid var(--border); }
 
 .session-ctx-sep {
   height: 1px;

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

@@ -764,6 +764,35 @@
 .notes-browser-card-action:hover { background: var(--bg-alt); color: var(--text); }
 .notes-browser-card-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
 
+.notes-delete-dialog {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: rgba(var(--shadow-rgb), 0.28);
+}
+.notes-delete-dialog.hidden { display: none; }
+.notes-delete-dialog-card {
+  width: min(420px, 100%);
+  padding: 20px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: var(--bg);
+  box-shadow: 0 12px 36px rgba(var(--shadow-rgb), 0.24);
+}
+.notes-delete-dialog-card h2 { margin: 0 0 10px; font-size: 16px; }
+.notes-delete-dialog-card p { margin: 8px 0; color: var(--text-secondary); font-size: 12px; }
+.notes-delete-dialog-title { font-weight: 700; color: var(--text) !important; overflow-wrap: anywhere; }
+.notes-delete-dialog-status { min-height: 18px; }
+.notes-delete-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
+.notes-delete-dialog-actions button { padding: 7px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text); font: inherit; cursor: pointer; }
+.notes-delete-dialog-actions button.danger { background: var(--danger, #b42318); border-color: var(--danger, #b42318); color: #fff; }
+.notes-delete-dialog-actions button:disabled { opacity: 0.55; cursor: default; }
+.notes-delete-dialog-actions button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+
 .notes-browser-card-body {
   flex: 1;
   font-size: 11.5px;

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

@@ -17,6 +17,9 @@ import { resumeHomeChat } from './home-mate-chat.js';
 import { requestHomeSurfacePreference } from './home-surface.js';
 import { isHomeDebatesSurface } from './home-sub-surface.js';
 import { beginDefaultAiConnection, requestDefaultAi } from './default-ai.js';
+import { beginContextViewConnection, requestContextView } from './context-view-preference.js';
+import { beginDefaultVendorConnection, requestDefaultVendor } from './default-vendor.js';
+import { clearProjectSplitState } from './split-session-boundary.js';
 
 var reconnectTimer = null;
 var reconnectDelay = 1000;
@@ -233,7 +236,8 @@ export function connect() {
 
   var protocol = location.protocol === "https:" ? "wss:" : "ws:";
   var socketPath = store.get('wsPath');
-  store.set({ socketPath: socketPath, activeProjectSlug: null, sessionActivatedProjectSlug: null });
+  if (store.get('socketPath') && store.get('socketPath') !== socketPath) clearProjectSplitState();
+  store.set({ socketPath: socketPath, activeProjectSlug: null, sessionActivatedProjectSlug: null, sessionListProjectSlug: null, splitGroupsProjectSlug: null });
   var newWs = new WebSocket(protocol + "//" + location.host + socketPath);
   setWs(newWs);
 
@@ -277,6 +281,10 @@ export function connect() {
     onConnected();
     beginDefaultAiConnection();
     requestDefaultAi();
+    beginDefaultVendorConnection();
+    requestDefaultVendor();
+    beginContextViewConnection();
+    requestContextView();
   };
 
   newWs.onclose = function (e) {

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

@@ -194,6 +194,16 @@ export function stopUrgentBlink() {
 }
 
 export function setActivity(text) {
+  var thinkingState = store.get('thinkingState');
+  if (text === "thinking" && thinkingState && thinkingState.active) {
+    // Live Thinking already owns the tail progress UI. Compaction and tool
+    // activity intentionally continue through so their distinct states show.
+    if (getActivityEl()) {
+      getActivityEl().remove();
+      setActivityEl(null);
+    }
+    return;
+  }
   if (text) {
     if (!getActivityEl()) {
       var _actEl = document.createElement("div");

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

@@ -19,6 +19,8 @@ import { refreshMobileChatSheet } from './sidebar-mobile.js';
 import { renderMateSessionList, handleMateSearchResults, updateMateSidebarProfile } from './mate-sidebar.js';
 import { openHomeChat, handleHomeMateHistory, handleHomeMateDelta, handleHomeMateSegment, handleHomeMateDone, handleHomeMateError, handleHomeMateSessionsState } from './home-mate-chat.js';
 import { handleHomeSurfaceState } from './home-surface.js';
+import { handleDefaultVendorMessage } from './default-vendor.js';
+import { handleContextViewMessage } from './context-view-preference.js';
 import { handleHomeMateMemoryState, handleHomeMateKnowledgeState } from './home-mate-settings.js';
 import { renderKnowledgeList, handleKnowledgeContent } from './mate-knowledge.js';
 import { renderMemoryList } from './mate-memory.js';
@@ -44,7 +46,8 @@ import { tuiModalHandleTermOutput, tuiModalHandleTermResized, tuiModalHandleTerm
 import { updateTerminalList, handleContextSourcesState, updateEmailAccountList, updateEmailUnreadCounts, handleEmailTestResult, handleEmailAddResult, handleEmailRemoveResult } from './context-sources.js';
 import { refreshEmailSettings } from './user-settings.js';
 import { handleNotesList, handleNoteCreated, handleNoteUpdated, handleNoteDeleted, handleNoteWritten } from './sticky-notes.js';
-import { handleProjectLogsState, handleProjectLogEntry, handleProjectLogCommented, handleProjectLogCommentReviewed, handleProjectLogDeleted, handleProjectLogUpdated, handleProjectLogsError } from './project-logs.js';
+import { handleNoteDeleteResult } from './sticky-notes-browser.js';
+import { handleProjectLogsState, handleProjectLogEntry, handleProjectLogCommented, handleProjectLogCommentReviewed, handleProjectLogDeleted, handleProjectLogUpdated, handleProjectLogsError, handleScheduledTaskResultsState, handleScheduledTaskResultCreated, handleScheduledTaskResultSession } from './project-logs.js';
 import { handleSkillInstalled, handleSkillUninstalled } from './skills.js';
 import { showRewindModal, onRewindComplete, setRewindMode, onRewindError, clearPendingRewindUuid, addRewindButton } from './rewind.js';
 import { checkAdminAccess } from './admin.js';
@@ -63,9 +66,10 @@ import { setStatus } from './app-connection.js';
 import { handleWhatsNewState, handleWhatsNewSeenResult, setKnownEntries as setWhatsNewKnownEntries } from './whats-new.js';
 import { closeArticle as closeWhatsNewArticle } from './whats-new-article.js';
 import { resolvePaneSession, resolveSwitchedVendor } from './pane-session.js';
+import { markProjectSessionListHydrated, applyProjectSplitGroups, clearProjectSplitState } from './split-session-boundary.js';
 import { selectDefaultVendorForBlankSession } from './vendor-selection.js';
 import { getModelInfoUpdate, modelEntryValue, modelEntryMatches, handleModelSelectionResult, requestVendorModels } from './model-picker.js';
-import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateContext, updateContextPanel, renderCtxPopover, updateStatusPanel } from './app-panels.js';
+import { getModelEffortLevels, accumulateUsage, updateUsagePanel, accumulateContext, updateContextPanel, renderCtxPopover, updateStatusPanel, markContextUnavailable } from './app-panels.js';
 import { updateProjectList, resetClientState, showUpdateAvailable, handleRemoveProjectCheckResult, handleRemoveProjectResult, handleBrowseDirResult, handleAddProjectResult, handleCloneProgress, finishProjectSessionActivation } from './app-projects.js';
 import { updateHistorySentinel, prependOlderHistory } from './app-header.js';
 import { hideHomeHub, showHomeHub } from './app-home-hub.js';
@@ -97,6 +101,8 @@ export function processMessage(msg) {
   if (handleAutonomousRunMessage(msg)) return;
   if (handleLoopInterviewMessage(msg)) return;
   if (handleScheduledTaskMessage(msg)) return;
+  if (handleDefaultVendorMessage(msg)) return;
+  if (handleContextViewMessage(msg)) return;
   if (msg && msg.type === "schedule_message_result") {
     handleScheduleMessageResult(msg);
     return;
@@ -226,9 +232,8 @@ export function processMessage(msg) {
           applyDeadSessionTodoCompaction();
         }
         // Restore cached rich context usage BEFORE updateContextPanel runs
-        if (msg.contextUsage) {
-          store.set({ richContextUsage: msg.contextUsage });
-        }
+        if (msg.contextUsage && !msg.contextUsage.unavailable) store.set({ richContextUsage: msg.contextUsage });
+        else markContextUnavailable();
         // Restore accurate context data from the last result in full history
         if (msg.lastUsage || msg.lastModelUsage) {
           accumulateContext(msg.lastCost, msg.lastUsage, msg.lastModelUsage, msg.lastStreamInputTokens);
@@ -330,10 +335,13 @@ export function processMessage(msg) {
         // start receiving the new project's session_switched. The TUI
         // host lives on document.body (it's position: fixed), so it
         // survives project navigation unless we detach explicitly here.
+        if (msg.slug && store.get('activeProjectSlug') && store.get('activeProjectSlug') !== msg.slug) {
+          clearProjectSplitState();
+        }
         detachTuiView();
         store.set({ projectName: msg.project || msg.cwd, vendorInfo: msg.vendors || {} });
         if (msg.cwd) store.set({ cwd: msg.cwd });
-        if (msg.slug) store.set({ currentSlug: msg.slug, activeProjectSlug: msg.slug });
+        if (msg.slug) store.set({ currentSlug: msg.slug, activeProjectSlug: msg.slug, sessionListProjectSlug: null, splitGroupsProjectSlug: null });
         try { var _is = store.snap(); localStorage.setItem("clay-project-name-" + (_is.currentSlug || "default"), _is.projectName); } catch (e) {}
         // In mate DM, keep title as mate name and re-apply mate color
         if (store.get('dmMode') && store.get('dmTargetUser') && store.get('dmTargetUser').isMate) {
@@ -690,6 +698,7 @@ export function processMessage(msg) {
         break;
 
       case "session_list":
+        markProjectSessionListHydrated();
         renderMateSessionList(msg.sessions || []);
         renderSessionList(msg.sessions || []);
         syncPaneTitles();
@@ -701,13 +710,14 @@ export function processMessage(msg) {
           }
         }
         handlePaletteSessionSwitch();
+        maybeRestoreSplitGroup();
         break;
 
       case "split_groups":
-        store.set({ splitGroups: msg.groups || [] });
+        applyProjectSplitGroups(msg.groups || []);
         renderSessionList(null);
-        maybeRestoreSplitGroup();
         syncPaneTitles();
+        maybeRestoreSplitGroup();
         break;
 
       case "split_group_result":
@@ -888,8 +898,8 @@ export function processMessage(msg) {
         }
         // Reload survival: a restored active session that is a split-group
         // member reopens its group (no-op when a split is already open).
-        maybeRestoreSplitGroup();
         if (finishProjectSessionActivation()) hideHomeHub();
+        maybeRestoreSplitGroup();
         break;
 
       case "session_full_access_changed":
@@ -1044,6 +1054,9 @@ export function processMessage(msg) {
       case "thinking_start":
         removeMatePreThinking();
         startThinking();
+        // The live Thinking entry is the progress affordance while reasoning
+        // is streaming; avoid a second bouncing indicator at the same tail.
+        setActivity(null);
         break;
 
       case "thinking_delta":
@@ -1171,7 +1184,7 @@ export function processMessage(msg) {
 
       case "permission_request":
         setActivity(null);
-        renderPermissionRequest(msg.requestId, msg.toolName, msg.toolInput, msg.decisionReason, msg.mateId, msg.vendor);
+        renderPermissionRequest(msg.requestId, msg.toolName, msg.toolInput, msg.decisionReason, msg.mateId, msg.vendor, msg);
         startUrgentBlink();
         break;
 
@@ -1187,7 +1200,7 @@ export function processMessage(msg) {
 
       case "permission_request_pending":
         setActivity(null);
-        renderPermissionRequest(msg.requestId, msg.toolName, msg.toolInput, msg.decisionReason, msg.mateId, msg.vendor);
+        renderPermissionRequest(msg.requestId, msg.toolName, msg.toolInput, msg.decisionReason, msg.mateId, msg.vendor, msg);
         startUrgentBlink();
         break;
 
@@ -1271,8 +1284,10 @@ export function processMessage(msg) {
         break;
 
       case "context_usage":
+        if (msg.sessionId != null && msg.sessionId !== store.get("activeSessionId")) break;
         if (msg.data && !store.get('replayingHistory')) {
-          store.set({ richContextUsage: msg.data });
+          if (msg.data.unavailable) markContextUnavailable();
+          else store.set({ richContextUsage: msg.data });
           // UI sync handled by store subscriber in app-panels.js
         }
         break;
@@ -1635,6 +1650,10 @@ export function processMessage(msg) {
         handleNoteDeleted(msg);
         break;
 
+      case "note_delete_result":
+        handleNoteDeleteResult(msg);
+        break;
+
       case "project_logs_state":
         handleProjectLogsState(msg);
         break;
@@ -1663,6 +1682,18 @@ export function processMessage(msg) {
         handleProjectLogsError(msg);
         break;
 
+      case "scheduled_task_results_state":
+        handleScheduledTaskResultsState(msg);
+        break;
+
+      case "scheduled_task_result_created":
+        handleScheduledTaskResultCreated(msg);
+        break;
+
+      case "scheduled_task_result_session":
+        handleScheduledTaskResultSession(msg);
+        break;
+
       case "process_stats":
         updateStatusPanel(msg);
         updateSettingsStats(msg);

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

@@ -1,3 +1,4 @@
+import { applyPermissionHints } from './permission-hints.js';
 // app-notifications.js - Notification banners (Apple banner style)
 // New notifications appear as individual banners top-right, auto-dismiss after 3s.
 // Bell button click shows all stored notifications as banners.
@@ -190,6 +191,7 @@ function showBanner(notif, autoDismissMs) {
     (!isEmpty ? '<button class="notif-banner-close">' + iconHtml("x") + '</button>' : '');
 
   bannerContainer.appendChild(banner);
+  if (isPermission) applyPermissionHints(banner, notif.meta);
   refreshIcons();
   ensureClearAllButton();