clay-server 4.1.0-beta.18 → 4.1.0-beta.19

package/lib/project.js

@@ -257,11 +257,20 @@ function createProjectContext(opts) {
   var serverPort = opts.port || 2633;
   var serverTls = opts.tls || false;
   var serverAuthToken = opts.authToken || null;
+  var mcpBridgeToken = opts.mcpBridgeToken || crypto.randomBytes(32).toString("hex");
   var latestVersion = null;
   var sessionTitleMigrationScheduled = false;
 
   // --- YOKE adapters (multi-vendor, lazy init) ---
-  var _yokeState = yoke.createAdapters({ cwd: cwd, slug: slug, osUsers: osUsers });
+  var _yokeState = yoke.createAdapters({
+    cwd: cwd,
+    slug: slug,
+    osUsers: osUsers,
+    clayPort: serverPort,
+    clayTls: serverTls,
+    clayAuthToken: serverAuthToken,
+    clayBridgeToken: mcpBridgeToken,
+  });
   var adapters = _yokeState.adapters;
   // A new project has no remembered vendor. Select the first installed
   // provider by the shared Claude -> Codex -> Kiro preference order.
@@ -1228,6 +1237,7 @@ function createProjectContext(opts) {
     clayPort: serverPort,
     clayTls: serverTls,
     clayAuthToken: serverAuthToken,
+    clayBridgeToken: mcpBridgeToken,
     getWorkerPermissionRouter: function () {
       return isMate ? null : _sessionPair.workerPermission;
     },
@@ -2670,6 +2680,9 @@ function createProjectContext(opts) {
     handleDisconnection: handleDisconnection,
     handleHTTP: handleHTTP,
     getMcpBridgeHandler: getMcpBridgeHandler,
+    isMcpBridgeAuthenticated: function (req) {
+      return !!(req && req.headers && req.headers["x-clay-bridge-token"] && req.headers["x-clay-bridge-token"] === mcpBridgeToken);
+    },
     getStatus: getStatus,
     getSessionManager: function () { return sm; },
     createDelegatedSession: _delegatedSession.createDelegatedSession,

package/lib/public/app.js

@@ -400,6 +400,7 @@ import { initDebate, handleDebatePreparing, handleDebateStarted, handleDebateRes
     issuesRequests: {},
     issuesViewRequest: null,
     issuesViewGeneration: 0,
+    issuesUpdateAvailable: null,
     issuesCache: {},
     issuesEpoch: 0,
     issuesSearchTimer: null,

package/lib/public/css/command-palette.css

@@ -513,6 +513,7 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
 @keyframes searchClaySpin { to { transform: rotate(360deg); } }
 
 .clayos-session-link,
+.clayos-issue-link,
 .clayos-log-link {
   display: inline-flex;
   align-items: center;
@@ -531,6 +532,7 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
   cursor: pointer;
 }
 .clayos-session-link::before,
+.clayos-issue-link::before,
 .clayos-log-link::before {
   content: "\2197";
   display: grid;
@@ -542,20 +544,28 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
   color: var(--accent);
   font-size: 12px;
 }
+.clayos-issue-link::before,
 .clayos-log-link::before { content: "\2261"; }
 .clayos-session-link > span,
+.clayos-issue-link > span,
 .clayos-log-link > span { font-weight: 620; }
 .clayos-session-link > small,
+.clayos-issue-link > small,
 .clayos-log-link > small { color: var(--text-muted); font-size: 10px; }
 .clayos-session-link:hover,
+.clayos-issue-link:hover,
 .clayos-log-link:hover { border-color: color-mix(in srgb, var(--accent) 52%, var(--border)); background: color-mix(in srgb, var(--accent) 11%, var(--bg-alt)); }
 .clayos-session-link:focus-visible,
+.clayos-issue-link:focus-visible,
 .clayos-log-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
 .clayos-session-link.is-loading,
+.clayos-issue-link.is-loading,
 .clayos-log-link.is-loading { opacity: 0.62; cursor: progress; }
 .clayos-session-link.is-loading::before,
+.clayos-issue-link.is-loading::before,
 .clayos-log-link.is-loading::before { animation: searchClaySpin 1.2s linear infinite; }
 .clayos-session-link.is-error,
+.clayos-issue-link.is-error,
 .clayos-log-link.is-error { border-color: color-mix(in srgb, var(--warning) 48%, var(--border)); }
 
 .search-clay-pending {
@@ -913,3 +923,13 @@ body.mate-dm-active .search-clay-transcript .search-clay-message-user .bubble,
   font-family: inherit;
   color: var(--text-muted);
 }
+
+.clayos-issue-link { max-width: min(100%, 30em); box-sizing: border-box; }
+.clayos-issue-link::before { content: "\25CE"; flex: 0 0 17px; }
+.clayos-issue-link[data-status="in_progress"]::before { color: #bd923f; }
+.clayos-issue-link[data-status="resolved"]::before { content: "\2713"; color: var(--brand-green); }
+.clayos-issue-link[data-status="closed"]::before { content: "\00D7"; color: var(--text-dimmer); }
+.clayos-issue-link > span { flex-shrink: 0; }
+.clayos-issue-link > small { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.clayos-log-link { max-width: 100%; box-sizing: border-box; }
+.clayos-log-link > small { min-width: 0; overflow-wrap: anywhere; line-height: 1.35; }

package/lib/public/css/issues.css

@@ -24,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); }
@@ -38,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); }
@@ -91,8 +100,8 @@
 .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: 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 { 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; }
@@ -100,7 +109,7 @@
   #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; }
 }
@@ -113,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/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

@@ -1054,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":

package/lib/public/modules/chat-render-runtime.js

@@ -145,6 +145,26 @@ export function addToMessages(element) {
   var messagesEl = getMessagesEl();
   if (prependAnchor) messagesEl.insertBefore(element, prependAnchor);
   else messagesEl.appendChild(element);
+  keepActiveThinkingAtTail();
+}
+
+// Thinking is a single accumulating record for the active turn. Other live
+// transcript entries may arrive between reasoning segments, so keep only the
+// currently active record after the tail activity indicator.
+export function keepActiveThinkingAtTail() {
+  if (prependAnchor || store.get('replayingHistory')) return;
+  var thinkingState = store.get('thinkingState');
+  var thinkingEl = thinkingState && thinkingState.active && thinkingState.el;
+  var messagesEl = getMessagesEl();
+  if (!thinkingEl || !messagesEl || thinkingEl.parentNode !== messagesEl) return;
+  if (activityEl && activityEl.parentNode === messagesEl) {
+    if (activityEl.nextSibling !== thinkingEl || messagesEl.lastElementChild !== thinkingEl) {
+      messagesEl.appendChild(activityEl);
+      messagesEl.appendChild(thinkingEl);
+    }
+  } else if (messagesEl.lastElementChild !== thinkingEl) {
+    messagesEl.appendChild(thinkingEl);
+  }
 }
 
 export function scrollToBottom() {

package/lib/public/modules/clay-issue-links.js

@@ -1,5 +1,6 @@
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
+import { forwardPaneIssueReference } from './pane-bridge.js';
 function accountKey(state) { return state.isMultiUserMode ? 'user:' + String(state.myUserId || '') : 'single'; }
 function requestContext(state) { return { accountKey: accountKey(state), projectSlug: state.currentSlug || null, epoch: state.issuesEpoch || 0 }; }
 function sameContext(request, state) {
@@ -42,12 +43,17 @@ function createIssueLink(ref, labelText) {
     button.appendChild(meta);
   }
   var cache = store.get('issuesCache') || {};
-  if (cache[ref]) { button.textContent = cache[ref].status.replace(/_/g, ' ') + ' · ' + cache[ref].title; button.dataset.status = cache[ref].status; }
+  if (cache[ref]) updateIssueLink(button, cache[ref]);
   setTimeout(function () { resolve(ref); }, 0);
   return button;
 }
 
 export function enhanceClayIssueLinks(root) {
+  root.querySelectorAll('a').forEach(function (anchor) {
+    var ref = anchor.getAttribute('data-clay-record-ref') || anchor.getAttribute('href');
+    if (anchor.closest('pre, code, button') || !isExactClayIssueReference(ref)) return;
+    anchor.replaceWith(createIssueLink(ref.trim(), anchor.textContent.trim()));
+  });
   var codeNodes = root.querySelectorAll("code");
   for (var codeIndex = 0; codeIndex < codeNodes.length; codeIndex++) {
     var code = codeNodes[codeIndex];
@@ -80,6 +86,20 @@ export function enhanceClayIssueLinks(root) {
   }
 }
 
+export function updateIssueLink(button, target) {
+  var status = target.status || 'open';
+  var title = target.title || 'Issue';
+  button.replaceChildren();
+  var label = document.createElement('span');
+  label.textContent = 'Issue';
+  var meta = document.createElement('small');
+  meta.textContent = title;
+  button.append(label, meta);
+  button.dataset.status = status;
+  button.title = title + ' · ' + status.replace(/_/g, ' ');
+  button.setAttribute('aria-label', 'Open Project Issue: ' + button.title);
+}
+
 function resolve(ref) {
   var ws = getWs();
   var requests = store.get('issueLinkRequests') || {};
@@ -101,7 +121,7 @@ export function handleIssueReference(msg) {
   }
   document.querySelectorAll('[data-issue-ref]').forEach(function (button) {
     if (button.dataset.issueRef !== msg.ref) return;
-    if (msg.target) { button.textContent = msg.target.status.replace(/_/g, ' ') + ' · ' + msg.target.title; button.dataset.status = msg.target.status; }
+    if (msg.target) updateIssueLink(button, msg.target);
     else button.title = msg.error || 'Issue unavailable';
   });
   if (store.get('issueLinkOpenRef') === msg.ref) {
@@ -111,6 +131,7 @@ export function handleIssueReference(msg) {
   return true;
 }
 function navigate(target) {
+  if (forwardPaneIssueReference(target.ref, target.projectSlug)) return;
   if (target.projectSlug !== store.get('currentSlug')) { window.location.assign('/p/' + encodeURIComponent(target.projectSlug) + '/?issue=' + encodeURIComponent(target.ref)); return; }
   import('./issues.js').then(function (module) { module.openIssues(target.ref); });
 }

package/lib/public/modules/clay-log-links.js

@@ -1,4 +1,9 @@
-import { enhanceClayIssueLinks } from './clay-issue-links.js';
+import { enhanceClayIssueLinks, isExactClayIssueReference } from './clay-issue-links.js';
+
+export function renderClayRecordLink(href, text) {
+  if (!isExactClayLogReference(href) && !isExactClayIssueReference(href)) return null;
+  return '<a href="#" data-clay-record-ref="' + href.trim() + '">' + text + '</a>';
+}
 export function parseClayLogReferences(text) {
   var pattern = /\[clayos\/(log:[A-Za-z0-9_-]{24})(?:\s+[\u2014-]\s+([^\]\n]{1,80}))?\]|(^|[^A-Za-z0-9_/:])(log:[A-Za-z0-9_-]{24})(?![A-Za-z0-9_-])/g;
   var results = [];
@@ -39,6 +44,11 @@ function createLogLink(ref, labelText) {
 
 export function enhanceClayLogLinks(root) {
   enhanceClayIssueLinks(root);
+  root.querySelectorAll('a').forEach(function (anchor) {
+    var ref = anchor.getAttribute('data-clay-record-ref') || anchor.getAttribute('href');
+    if (anchor.closest('pre, code, button') || !isExactClayLogReference(ref)) return;
+    anchor.replaceWith(createLogLink(ref.trim(), anchor.textContent.trim()));
+  });
   var codeNodes = root.querySelectorAll("code");
   for (var codeIndex = 0; codeIndex < codeNodes.length; codeIndex++) {
     var code = codeNodes[codeIndex];

package/lib/public/modules/issues-render.js

@@ -1,24 +1,50 @@
 import { escapeHtml } from './utils.js';
 import { renderMarkdown } from './markdown.js';
+import { authorLine, relativeTime } from './project-logs-render.js';
 export function statusLabel(status) { return { open: 'Open', in_progress: 'In progress', resolved: 'Resolved', closed: 'Closed' }[status] || 'Issue'; }
 function esc(value) { return escapeHtml(String(value || '')); }
 function options(values, selected) { return values.map(function (value) { return '<option value="' + value + '"' + (value === selected ? ' selected' : '') + '>' + esc(statusLabel(value) === 'Issue' ? value.replace(/_/g, ' ') : statusLabel(value)) + '</option>'; }).join(''); }
+function label(value) { return value ? value.charAt(0).toUpperCase() + value.slice(1).replace(/_/g, ' ') : ''; }
+function statusChip(status) { return '<span class="issue-status" data-status="' + esc(status) + '">' + statusLabel(status) + '</span>'; }
+function priorityChip(priority) { return priority && priority !== 'normal' ? '<span class="project-log-priority" data-priority="' + esc(priority) + '">' + esc(label(priority)) + '</span>' : ''; }
+function action(attribute, icon, text, extra) { return '<button type="button" ' + attribute + (extra || '') + '><i data-lucide="' + icon + '"></i>' + text + '</button>'; }
+function prose(text, className) { return '<div class="markdown-body ' + (className || '') + '">' + renderMarkdown(text || '') + '</div>'; }
 export function renderIssueList(result) {
   var filtered = !!(result.query || result.status || result.type);
   if (!result.issues.length) return '<div class="issues-empty"><i data-lucide="circle-dot"></i><h2>' + (filtered ? 'No matching issues' : 'No issues yet') + '</h2><p>' + (filtered ? 'Try a different search or filter.' : 'Manage issues through Driver chat.') + '</p></div>';
   return result.issues.map(function (entry) {
-    return '<button class="issue-row" data-open-issue="' + esc(entry.ref) + '"><div class="issue-row-head"><span class="issue-type">' + esc(entry.type) + '</span><span class="issue-status" data-status="' + entry.status + '">' + statusLabel(entry.status) + '</span></div><strong>' + esc(entry.title) + '</strong><p>' + esc(entry.summary) + '</p><small>' + esc(entry.priority) + ' · revision ' + entry.revision + '</small></button>';
-  }).join('') + (result.nextCursor ? '<button data-issues-more="' + esc(result.nextCursor) + '">Load more</button>' : '');
+    var meta = [authorLine(entry), relativeTime(entry.updatedAt || entry.createdAt)];
+    if (entry.revision > 1) meta.push('v' + entry.revision);
+    if (entry.commentCount) meta.push(entry.commentCount + (entry.commentCount === 1 ? ' comment' : ' comments'));
+    return '<button type="button" class="issue-row" data-open-issue="' + esc(entry.ref) + '">' +
+      '<div class="issue-row-head"><span class="issue-type">' + esc(entry.type) + '</span>' + priorityChip(entry.priority) + '<strong>' + esc(entry.title) + '</strong></div>' +
+      (entry.summary ? '<p>' + esc(entry.summary) + '</p>' : '') +
+      '<div class="issue-row-meta">' + statusChip(entry.status) + '<span>' + esc(meta.filter(Boolean).join(' · ')) + '</span></div></button>';
+  }).join('') + (result.nextCursor ? '<div class="issues-load-more"><button data-issues-more="' + esc(result.nextCursor) + '">Load more</button></div>' : '');
+}
+function renderComment(comment) {
+  var actor = comment.author || {};
+  var review = comment.review;
+  return '<article class="issue-comment"><div class="issue-comment-meta">' + esc(actor.displayName || actor.userId || 'Project member') + ' · ' + esc(new Date(comment.at).toLocaleString()) + '</div>' +
+    prose(comment.body, 'issue-comment-body') + (review ? '<div class="issue-comment-review"><span>' + esc(label(review.action)) + '</span>' + prose(review.response) + '</div>' : '') + '</article>';
 }
 export function renderIssueDetail(entry) {
-  var author = entry.updatedBy || entry.author || {};
-  var comments = (entry.comments || []).map(function (comment) { var commentAuthor = comment.author || {}; var review = comment.review; return '<article class="issue-comment"><div class="issue-comment-meta">' + esc(commentAuthor.displayName || commentAuthor.userId || 'Project member') + ' · ' + esc(new Date(comment.at).toLocaleString()) + '</div><p>' + esc(comment.body) + '</p>' + (review ? '<small>' + esc(review.action) + ' · ' + esc(review.response) + '</small>' : '') + '</article>'; }).join('');
-  return '<div class="issue-detail"><span class="issue-status" data-status="' + entry.status + '">' + statusLabel(entry.status) + '</span><h2>' + esc(entry.title) + '</h2><p>' + esc(entry.summary) + '</p><small>' + esc(entry.type) + ' · ' + esc(entry.priority) + ' · revision ' + entry.revision + ' · ' + esc(author.displayName || author.userId || 'Local user') + '</small><div class="markdown-body">' + renderMarkdown(entry.body || '') + '</div>' +
-    (entry.verifiedCommit ? '<section><h3>Resolution</h3><p>' + esc(entry.resolutionSummary) + '</p><code>' + esc(entry.verifiedCommit.sha) + '</code><p>' + esc(entry.verifiedCommit.subject) + '</p></section>' : '') +
-    (entry.closeReason ? '<section class="issue-evidence"><h3>Closure</h3><p>' + esc(entry.closeReason.replace(/_/g, ' ')) + '</p></section>' : '') +
-    '<div class="issue-actions"><button data-issue-edit>Edit</button><button data-issue-work' + (entry.status === 'resolved' || entry.status === 'closed' ? ' disabled title="Reopen this issue to start work"' : '') + '>Start work</button><button data-issue-history>History</button><button data-issue-copy>Copy reference</button>' + (entry.canDelete ? '<button data-issue-delete>Delete issue</button>' : '') + '</div>' +
-    ((entry.linkedWorkSessions || []).length ? '<section><h3>Linked work sessions</h3>' + entry.linkedWorkSessions.map(function (link) { return '<button data-issue-session="' + esc(link.sessionId) + '">Open Driver session</button>'; }).join('') + '</section>' : '') +
-    ((entry.resolutionHistory || []).length ? '<section class="issue-evidence"><h3>Resolution history</h3>' + entry.resolutionHistory.map(function (item) { return '<p>' + esc(item.resolutionSummary) + ' <code>' + esc(item.verifiedCommit && item.verifiedCommit.sha) + '</code></p>'; }).join('') + '</section>' : '') + '<section class="issue-discussion"><h3>Discussion' + (comments ? ' (' + entry.comments.length + ')' : '') + '</h3>' + (comments || '<p class="issue-discussion-empty">No comments yet.</p>') + '<form id="issue-comment-form"><label for="issue-comment-input">Add a comment</label><textarea id="issue-comment-input" rows="3" required placeholder="Add context, a correction, or a question."></textarea><p class="issue-comment-status" role="status"></p><button type="submit">Comment</button></form></section></div>';
+  var comments = (entry.comments || []).map(renderComment).join('');
+  var closed = entry.status === 'resolved' || entry.status === 'closed';
+  var time = entry.updatedAt || entry.createdAt;
+  var byline = [authorLine(entry), time ? new Date(time).toLocaleString() : '', 'v' + entry.revision].filter(Boolean).join(' · ');
+  return '<article class="issue-detail"><div class="issue-doc-chips"><span class="issue-type">' + esc(entry.type) + '</span>' + priorityChip(entry.priority) + statusChip(entry.status) + '</div>' +
+    '<h2 class="issue-doc-title">' + esc(entry.title) + '</h2>' + prose(entry.summary, 'issue-doc-summary') + '<div class="issue-byline">' + esc(byline) + '</div>' +
+    '<div class="issue-actions">' + action('data-issue-work', 'play', 'Start work', ' class="issue-primary"' + (closed ? ' disabled title="Reopen this issue to start work"' : '')) +
+    action('data-issue-edit', 'pencil', 'Edit') + action('data-issue-history', 'history', 'History') + action('data-issue-copy', 'link', 'Copy reference') +
+    (entry.canDelete ? action('data-issue-delete', 'trash-2', 'Delete', ' class="issue-danger"') : '') + '</div>' +
+    prose(entry.body, 'issue-doc-body') +
+    (entry.verifiedCommit ? '<section class="issue-evidence"><h3>Resolution</h3>' + prose(entry.resolutionSummary) + '<code>' + esc(entry.verifiedCommit.sha) + '</code><p>' + esc(entry.verifiedCommit.subject) + '</p></section>' : '') +
+    (entry.closeReason ? '<section class="issue-evidence"><h3>Closure</h3><p>' + esc(label(entry.closeReason)) + '</p></section>' : '') +
+    ((entry.linkedWorkSessions || []).length ? '<section class="issue-evidence"><h3>Linked work sessions</h3>' + entry.linkedWorkSessions.map(function (link) { return action('data-issue-session="' + esc(link.sessionId) + '"', 'messages-square', 'Open Driver session'); }).join('') + '</section>' : '') +
+    ((entry.resolutionHistory || []).length ? '<section class="issue-evidence"><h3>Resolution history</h3>' + entry.resolutionHistory.map(function (item) { return prose(item.resolutionSummary) + '<code>' + esc(item.verifiedCommit && item.verifiedCommit.sha) + '</code>'; }).join('') + '</section>' : '') +
+    '<section class="issue-discussion"><h3>Discussion' + (comments ? ' <span>' + entry.comments.length + '</span>' : '') + '</h3>' + (comments || '<p class="issue-discussion-empty">No comments yet.</p>') +
+    '<form id="issue-comment-form"><label for="issue-comment-input">Add a comment</label><textarea id="issue-comment-input" rows="3" required placeholder="Add context, a correction, or a question."></textarea><p class="issue-comment-status" role="status"></p><div class="issue-comment-actions"><button type="submit" class="issue-primary">Comment</button></div></form></section></article>';
 }
 export function renderIssueForm(entry) {
   var item = entry || {};

package/lib/public/modules/issues.js

@@ -3,16 +3,74 @@ import { getWs } from './ws-ref.js';
 import { showToast } from './utils.js';
 import { claimRightWorkbench, registerRightWorkbench, releaseRightWorkbench } from './right-workbench.js';
 import { refreshIcons } from './icons.js';
-import { renderIssueList, renderIssueDetail, renderIssueForm, renderIssueHistory, statusLabel } from './issues-render.js';
+import { enhanceClayLogLinks } from './clay-log-links.js';
+import { updateIssueLink } from './clay-issue-links.js';
+import { renderIssueList, renderIssueDetail, renderIssueForm, renderIssueHistory } from './issues-render.js';
 function panel() { return document.getElementById('issues-panel'); }
 function content() { return panel().querySelector('.issues-content'); }
+function clearUpdateNotice() {
+  store.set({ issuesUpdateAvailable: null });
+  var action = content() && content().querySelector('[data-issue-update-notice]');
+  if (action) action.remove();
+}
+function renderContextualUpdate() {
+  var update = store.get('issuesUpdateAvailable');
+  var issueContent = content();
+  var actions = issueContent && (issueContent.querySelector('.issue-detail .issue-actions') || issueContent.querySelector('#issue-form .issue-actions'));
+  if (!actions || !update) return;
+  var existing = actions.querySelector('[data-issue-update-notice]');
+  if (existing) existing.remove();
+  var notice = document.createElement('span');
+  notice.className = 'issues-inline-update';
+  notice.dataset.issueUpdateNotice = 'true';
+  notice.appendChild(document.createTextNode(store.get('issuesView') === 'edit' ? 'Updated remotely · Finish editing to refresh' : 'Updated remotely'));
+  var refresh = document.createElement('button');
+  refresh.type = 'button';
+  refresh.dataset.issueRefresh = update.ref;
+  refresh.textContent = 'Refresh';
+  refresh.disabled = store.get('issuesView') === 'edit';
+  if (refresh.disabled) refresh.title = 'Finish editing to refresh';
+  notice.appendChild(refresh);
+  actions.insertBefore(notice, actions.firstChild);
+}
+function captureDraft() {
+  var state = store.snap();
+  if (state.issuesView !== 'detail' && state.issuesView !== 'edit') return null;
+  var draft = { ref: entryRef(), view: state.issuesView, comment: null };
+  var comment = panel() && panel().querySelector('#issue-comment-input');
+  if (comment) draft.comment = comment.value;
+  return draft;
+}
+function restoreCommentDraft(draft) {
+  if (!draft || draft.comment === null) return;
+  var input = panel().querySelector('#issue-comment-input');
+  if (input) input.value = draft.comment;
+}
+function canRestoreCommentDraft(draft, ref) {
+  return !!draft && draft.ref === ref;
+}
+function hasNewerDraft(item) {
+  return (item.intent === 'detail' || item.intent === 'refresh') && item.viewGeneration !== (store.get('issuesViewGeneration') || 0);
+}
+function noteIssueUpdate(ref, revision) {
+  var current = store.get('issuesUpdateAvailable');
+  if (!current || current.ref !== ref || Number(revision || 0) >= Number(current.revision || 0)) {
+    store.set({ issuesUpdateAvailable: { ref: ref, revision: Number(revision || 0) } });
+  }
+  renderContextualUpdate();
+}
+function refreshSelectedIssue(ref) {
+  var selected = store.get('issuesSelected');
+  if (!selected || selected.ref !== ref || store.get('issuesView') === 'edit') return;
+  store.set({ issuesViewRequest: request('issue_read', { ref: ref }, 'refresh') });
+}
 function bumpViewGeneration() { store.set({ issuesViewGeneration: (store.get('issuesViewGeneration') || 0) + 1 }); }
 function request(action, args, intent) {
   var ws = getWs();
   if (!ws || ws.readyState !== 1) { showToast('Reconnect to use Issues', 'warn'); return; }
   var id = 'issues-' + crypto.randomUUID();
   var pending = Object.assign({}, store.get('issuesRequests') || {});
-  pending[id] = { action: action, intent: intent, slug: store.get('currentSlug'), sourceRef: entryRef(), view: store.get('issuesView'), viewGeneration: store.get('issuesViewGeneration') || 0 };
+  pending[id] = { action: action, intent: intent, slug: store.get('currentSlug'), sourceRef: entryRef(), view: store.get('issuesView'), viewGeneration: store.get('issuesViewGeneration') || 0, draft: captureDraft() };
   store.set({ issuesRequests: pending });
   ws.send(JSON.stringify({ type: action, args: args || {}, requestId: id }));
   return id;
@@ -39,7 +97,9 @@ function detail(entry) {
   panel().querySelector('.issues-filters').hidden = true;
   panel().querySelector('[data-issues-back]').classList.remove('hidden');
   content().innerHTML = renderIssueDetail(entry);
+  enhanceClayLogLinks(content());
   refreshIcons();
+  renderContextualUpdate();
 }
 function entryRef() {
   var entry = store.get('issuesSelected');
@@ -87,6 +147,7 @@ export function closeIssues() {
 export function openIssues(ref) {
   if (!panel() || store.get('isMate')) return;
   panel().querySelector('.issues-notice').textContent = '';
+  clearUpdateNotice();
   bumpViewGeneration();
   claimRightWorkbench("issues");
   panel().classList.remove('hidden');
@@ -102,7 +163,7 @@ export function initIssues() {
   registerRightWorkbench("issues", closeIssues);
   var el = document.createElement('section');
   el.id = 'issues-panel'; el.className = 'hidden'; el.setAttribute('aria-label', 'Project Issues');
-  el.innerHTML = '<header class="issues-topbar"><button class="issues-icon-btn" data-issues-back aria-label="Back to issues" title="Back to issue list"><i data-lucide="arrow-left"></i></button><span class="issues-title"><i data-lucide="circle-dot"></i>Issues</span><span class="issues-subtitle">Manage issues through Driver chat.</span><div class="issues-window-actions"><button class="issues-icon-btn" data-issues-wide aria-label="Widen Issues" title="Widen Issues" aria-pressed="false"><i data-lucide="chevrons-left-right"></i></button><button class="issues-icon-btn" data-issues-full aria-label="Toggle Issues fullscreen" title="Toggle fullscreen" aria-pressed="false"><i data-lucide="maximize-2"></i></button><button class="issues-icon-btn" data-issues-close aria-label="Close Issues" title="Close Issues"><i data-lucide="x"></i></button></div></header><div class="issues-filters"><label class="issues-search"><i data-lucide="search"></i><input name="query" type="search" placeholder="Search issues" aria-label="Search issues"></label><select name="filter-status" aria-label="Filter status"><option value="">All statuses</option><option value="open">Open</option><option value="in_progress">In progress</option><option value="resolved">Resolved</option><option value="closed">Closed</option></select><select name="filter-type" aria-label="Filter type"><option value="">All types</option><option>bug</option><option>feature</option><option>plan</option></select></div><p class="issues-notice" role="status"></p><main class="issues-content" role="region" aria-live="polite"></main><div class="issues-delete-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="issues-delete-heading"><div class="issues-delete-card"><h2 id="issues-delete-heading">Delete this issue?</h2><p>This removes the issue from the board but preserves its history.</p><p class="issues-delete-title"></p><p class="issues-delete-status" role="status"></p><div><button type="button" data-issue-delete-cancel>Cancel</button><button type="button" data-issue-delete-confirm>Delete issue</button></div></div></div>';
+  el.innerHTML = '<header class="issues-topbar"><button class="issues-icon-btn" data-issues-back aria-label="Back to issues" title="Back to issue list"><i data-lucide="arrow-left"></i></button><span class="issues-title"><i data-lucide="circle-dot"></i>Issues</span><span class="issues-subtitle">Manage issues through Driver chat.</span><div class="issues-window-actions"><button class="issues-icon-btn" data-issues-wide aria-label="Widen Issues" title="Widen Issues" aria-pressed="false"><i data-lucide="chevrons-left-right"></i></button><button class="issues-icon-btn" data-issues-full aria-label="Toggle Issues fullscreen" title="Toggle fullscreen" aria-pressed="false"><i data-lucide="maximize-2"></i></button><button class="issues-icon-btn" data-issues-close aria-label="Close Issues" title="Close Issues"><i data-lucide="x"></i></button></div></header><div class="issues-filters"><label class="issues-search"><i data-lucide="search"></i><input name="query" type="search" placeholder="Search issues" aria-label="Search issues"></label><select name="filter-status" aria-label="Filter status"><option value="">All statuses</option><option value="open">Open</option><option value="in_progress">In progress</option><option value="resolved">Resolved</option><option value="closed">Closed</option></select><select name="filter-type" aria-label="Filter type"><option value="">All types</option><option value="bug">Bug</option><option value="feature">Feature</option><option value="plan">Plan</option></select></div><p class="issues-notice" role="status"></p><main class="issues-content" role="region" aria-live="polite"></main><div class="issues-delete-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="issues-delete-heading"><div class="issues-delete-card"><h2 id="issues-delete-heading">Delete this issue?</h2><p>This removes the issue from the board but preserves its history.</p><p class="issues-delete-title"></p><p class="issues-delete-status" role="status"></p><div><button type="button" data-issue-delete-cancel>Cancel</button><button type="button" data-issue-delete-confirm>Delete issue</button></div></div></div>';
   host.appendChild(el);
   var button = document.getElementById('issues-btn');
   if (button) button.addEventListener('click', function () { if (store.get('issuesOpen')) closeIssues(); else openIssues(); });
@@ -118,6 +179,7 @@ export function initIssues() {
     else if (target.hasAttribute('data-issue-delete-confirm')) confirmDelete();
     else if (target.hasAttribute('data-issue-edit')) showIssueEdit(entry);
     else if (target.hasAttribute('data-issue-cancel')) detail(entry);
+    else if (target.dataset.issueRefresh) refreshSelectedIssue(target.dataset.issueRefresh);
     else if (target.dataset.openIssue) openIssues(target.dataset.openIssue);
     else if (target.hasAttribute('data-issues-more')) listing(target.dataset.issuesMore);
     else if (target.hasAttribute('data-issue-history')) { bumpViewGeneration(); store.set({ issuesView: 'history', issuesViewRequest: request('issue_history', { ref: entry.ref }, 'history') }); }
@@ -173,6 +235,7 @@ function showIssueEdit(entry) {
   }
   formEl.addEventListener('change', syncFields);
   syncFields();
+  renderContextualUpdate();
 }
 export function handleIssuesMessage(msg) {
   if (msg.type === 'issue_commented') {
@@ -202,8 +265,11 @@ export function handleIssuesMessage(msg) {
   }
   if (msg.type === 'issue_updated') {
     var cache = Object.assign({}, store.get('issuesCache') || {}); cache[msg.ref] = Object.assign({}, cache[msg.ref] || {}, msg, { projectSlug: store.get('currentSlug') }); store.set({ issuesCache: cache });
-    document.querySelectorAll('[data-issue-ref]').forEach(function (node) { if (node.dataset.issueRef === msg.ref) { node.textContent = statusLabel(msg.status) + ' · ' + msg.title; node.dataset.status = msg.status; } });
-    if (store.get('issuesOpen')) panel().querySelector('.issues-notice').textContent = 'An issue changed. Back returns to the latest list; reopening an issue loads its latest revision.';
+    document.querySelectorAll('[data-issue-ref]').forEach(function (node) { if (node.dataset.issueRef === msg.ref) updateIssueLink(node, msg); });
+    var selected = store.get('issuesSelected');
+    var view = store.get('issuesView');
+    if (store.get('issuesOpen') && selected && selected.ref === msg.ref && (view === 'detail' || view === 'edit')) noteIssueUpdate(msg.ref, msg.revision);
+    else if (store.get('issuesOpen') && view === 'list') listing();
     return true;
   }
   if (msg.type !== 'issues_result') return false;
@@ -239,6 +305,16 @@ export function handleIssuesMessage(msg) {
     return true;
   }
   panel().querySelector('.issues-notice').textContent = '';
+  if (hasNewerDraft(item)) {
+    if (!msg.error && msg.result && msg.result.ref) {
+      var refreshedCache = Object.assign({}, store.get('issuesCache') || {});
+      refreshedCache[msg.result.ref] = Object.assign({}, msg.result, { canDelete: msg.canDelete === true, projectSlug: store.get('currentSlug') });
+      store.set({ issuesCache: refreshedCache });
+      if (Number(msg.result.revision || 0) > Number((store.get('issuesSelected') || {}).revision || 0)) noteIssueUpdate(msg.result.ref, msg.result.revision);
+    }
+    return true;
+  }
+  if (item.intent !== 'detail' && item.intent !== 'refresh') clearUpdateNotice();
   if (item.intent === 'work') { closeIssues(); return true; }
   if (item.intent === 'comment') {
     var commented = Object.assign({}, msg.result, { canDelete: msg.canDelete === true });
@@ -262,7 +338,15 @@ export function handleIssuesMessage(msg) {
       status: panel().querySelector('[name="filter-status"]').value, type: panel().querySelector('[name="filter-type"]').value });
     store.set({ issuesRows: result.issues }); content().innerHTML = renderIssueList(result); refreshIcons();
   } else if (item.intent === 'history') { content().innerHTML = renderIssueHistory(msg.result); refreshIcons(); }
-  else if (item.intent === 'revision') { content().innerHTML = '<p class="issues-history-note">Historical revision · use Back to return to current issues</p>' + renderIssueDetail(msg.result); content().querySelectorAll('.issue-actions, [data-issue-session]').forEach(function (node) { node.remove(); }); refreshIcons(); }
-  else detail(Object.assign({}, msg.result, { canDelete: msg.canDelete === true }));
+  else if (item.intent === 'revision') { content().innerHTML = '<p class="issues-history-note">Historical revision · use Back to return to current issues</p>' + renderIssueDetail(msg.result); content().querySelectorAll('.issue-actions, [data-issue-session], .issue-discussion form').forEach(function (node) { node.remove(); }); enhanceClayLogLinks(content()); refreshIcons(); }
+  else if (item.intent === 'save') {
+    detail(Object.assign({}, msg.result, { canDelete: msg.canDelete === true }));
+  } else {
+    var available = store.get('issuesUpdateAvailable');
+    if (available && available.ref === msg.result.ref && Number(msg.result.revision || 0) >= Number(available.revision || 0)) clearUpdateNotice();
+    var refreshed = Object.assign({}, msg.result, { canDelete: msg.canDelete === true });
+    detail(refreshed);
+    if (canRestoreCommentDraft(item.draft, msg.result.ref) && (item.intent === 'detail' || item.intent === 'refresh')) restoreCommentDraft(item.draft);
+  }
   return true;
 }

package/lib/public/modules/markdown.js

@@ -2,7 +2,7 @@ import { copyToClipboard, escapeHtml } from './utils.js';
 import { refreshIcons } from './icons.js';
 import { getMermaidThemeVars } from './theme.js';
 import { store } from './store.js';
-import { enhanceClayLogLinks } from './clay-log-links.js';
+import { enhanceClayLogLinks, renderClayRecordLink } from './clay-log-links.js';
 import { renderLocalFileLink, enhanceClayFileLinks } from './clay-file-links.js';
 
 // Initialize markdown parser
@@ -12,6 +12,8 @@ marked.use({ gfm: true, breaks: false });
 marked.use({
   renderer: {
     link({ href, title, text }) {
+      var recordLink = renderClayRecordLink(href, text);
+      if (recordLink) return recordLink;
       var localLink = renderLocalFileLink(href, title, text);
       if (localLink) return localLink;
       var isExternal = href && (href.startsWith('http://') || href.startsWith('https://'));

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

@@ -36,6 +36,12 @@ export function forwardPaneMarkdownPresentation(message) {
   return true;
 }
 
+export function forwardPaneIssueReference(ref, projectSlug) {
+  if (!store.get('paneMode') || window.parent === window) return false;
+  window.parent.postMessage({ type: "clay-pane-open-issue", ref: ref, projectSlug: projectSlug || store.get('currentSlug') }, window.location.origin);
+  return true;
+}
+
 // Toggle without setContextView: panes use a transient override and must not
 // rewrite the user's server-persisted main-view preference.
 function togglePaneContextPanel() {

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

@@ -0,0 +1,27 @@
+import { store } from './store.js';
+import { openIssues } from './issues.js';
+
+function isIssueReference(ref) {
+  return typeof ref === "string" && /^issue:[A-Za-z0-9_-]{24}$/.test(ref);
+}
+
+function isPaneSource(host, source) {
+  var frames = host.querySelectorAll(".split-pane-frame");
+  for (var i = 0; i < frames.length; i++) {
+    if (frames[i].contentWindow === source) return true;
+  }
+  return false;
+}
+
+export function handlePaneIssueMessage(event, host) {
+  if (!event || event.origin !== window.location.origin || !host) return false;
+  var msg = event.data;
+  if (!msg || msg.type !== "clay-pane-open-issue") return false;
+  if (!isIssueReference(msg.ref) || !isPaneSource(host, event.source)) return true;
+
+  var issueTarget = store.get('issuesCache') && store.get('issuesCache')[msg.ref];
+  var projectSlug = (issueTarget && issueTarget.projectSlug) || msg.projectSlug || store.get('currentSlug');
+  if (projectSlug === store.get('currentSlug')) openIssues(msg.ref);
+  else window.location.assign('/p/' + encodeURIComponent(projectSlug) + '/?issue=' + encodeURIComponent(msg.ref));
+  return true;
+}

package/lib/public/modules/project-logs-render.js

@@ -43,7 +43,7 @@ function actorLabel(actor) {
 // object (userId, sessionKey, vendor), but a session-authored entry must not
 // read as if the human owner wrote it: the Project Driver did. The owner is
 // only the account the session ran under.
-function authorLine(entry) {
+export function authorLine(entry) {
   var actor = (entry && (entry.updatedBy || entry.createdBy)) || {};
   if (actor.type === "system") return actor.displayName || "Scheduled Tasks";
   if (actor.type === "session") {
@@ -63,7 +63,7 @@ function formatTime(value) {
   catch (e) { return ""; }
 }
 
-function relativeTime(value) {
+export function relativeTime(value) {
   if (!value) return "";
   var delta = Date.now() - value;
   if (delta < 0) return formatTime(value);

package/lib/public/modules/split-view.js

@@ -14,6 +14,7 @@ import { presentMarkdownEdit } from './filebrowser.js';
 import { autoStartLoginIfNeeded } from './vendor-login.js';
 import { isCurrentProjectSessionReady } from './split-session-boundary.js';
 import { splitPanesMatchProject, hasCurrentSplitGroup, reconcileRestoredSplit } from './project-activation.js';
+import { handlePaneIssueMessage } from './pane-issue-bridge.js';
 
 var host = null;
 var nativeApp = null;
@@ -291,6 +292,7 @@ function handlePaneMessage(event) {
     if (msg.message) autoStartLoginIfNeeded(msg.message);
     return;
   }
+  if (handlePaneIssueMessage(event, host)) return;
   if (msg.type !== "clay-pane-context") return;
   var frames = host.querySelectorAll(".split-pane-frame");
   for (var i = 0; i < frames.length; i++) {

package/lib/public/modules/thinking-lifecycle.js

@@ -1,7 +1,7 @@
 import { escapeHtml } from './utils.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { store } from './store.js';
-import { addToMessages, scrollToBottom } from './chat-render-runtime.js';
+import { addToMessages, keepActiveThinkingAtTail, scrollToBottom } from './chat-render-runtime.js';
 import { prepareThinkingView, bindThinkingView, updateThinkingView, beginThinkingView, setThinkingViewLive, finishThinkingView } from './thinking-view.js';
 
 function getThinkingState() {
@@ -92,6 +92,7 @@ export function startThinkingSegment() {
     segmentText: "",
     startTime: Date.now(),
   });
+  if (!store.get('replayingHistory')) keepActiveThinkingAtTail();
   beginThinkingView(thinkingState.el, !store.get('replayingHistory') && !isMateThinking());
   showMateActivity(thinkingState.el, true, !!thinkingState.detailsText.trim());
   refreshIcons();
@@ -109,6 +110,7 @@ export function appendThinkingText(text) {
     detailsText: thinkingState.detailsText + separator + text,
     latestText: segmentText.trim() ? segmentText : thinkingState.latestText,
   });
+  if (!store.get('replayingHistory')) keepActiveThinkingAtTail();
   updateThinkingView(thinkingState.el, thinkingState.segmentText || thinkingState.latestText, thinkingState.detailsText);
   maybeScrollToBottom();
 }
@@ -156,6 +158,7 @@ export function restoreThinkingState(saved) {
 export function resumeThinkingAfterReplay(processing) {
   var thinkingState = getThinkingState();
   if (!thinkingState || !thinkingState.active || !processing) return;
+  keepActiveThinkingAtTail();
   setThinkingViewLive(thinkingState.el, !isMateThinking());
   showMateActivity(thinkingState.el, true, !!thinkingState.detailsText.trim());
 }

package/lib/sdk-bridge.js

@@ -132,6 +132,7 @@ function createSDKBridge(opts) {
   var clayPort = opts.clayPort || 2633;
   var clayTls = opts.clayTls || false;
   var clayAuthToken = opts.clayAuthToken || null;
+  var clayBridgeToken = opts.clayBridgeToken || null;
   var getSessionToolDefs = opts.getSessionToolDefs || function () { return []; };
   var canUseSessionTools = opts.canUseSessionTools || function () { return true; };
   var queryToolSnapshots = new WeakMap();
@@ -155,6 +156,7 @@ function createSDKBridge(opts) {
     if (clayTls) bridgeArgs.push("--tls");
     var env = [];
     if (clayAuthToken) env.push({ name: "CLAY_AUTH_TOKEN", value: clayAuthToken });
+    if (clayBridgeToken) env.push({ name: "CLAY_BRIDGE_TOKEN", value: clayBridgeToken });
     return [{
       name: "clay-tools",
       command: process.execPath,
@@ -176,6 +178,7 @@ function createSDKBridge(opts) {
     if (clayTls) bridgeArgs.push("--tls");
     var bridgeEnv = {};
     if (clayAuthToken) bridgeEnv.CLAY_AUTH_TOKEN = clayAuthToken;
+    if (clayBridgeToken) bridgeEnv.CLAY_BRIDGE_TOKEN = clayBridgeToken;
     return { name: "clay-session-tools", command: process.execPath, args: bridgeArgs, env: bridgeEnv };
   }
 
@@ -1384,6 +1387,7 @@ function createSDKBridge(opts) {
           clayPort: clayPort,
           clayTls: clayTls,
           clayAuthToken: clayAuthToken,
+          clayBridgeToken: clayBridgeToken,
           slug: slug,
           env: sessionRuntimeEnv,
         });
@@ -1398,6 +1402,7 @@ function createSDKBridge(opts) {
           clayPort: clayPort,
           clayTls: clayTls,
           clayAuthToken: clayAuthToken,
+          clayBridgeToken: clayBridgeToken,
           slug: slug,
           env: sessionRuntimeEnv,
         });
@@ -1795,6 +1800,11 @@ function createSDKBridge(opts) {
         sendAndRecord(session, { type: "informational", level: "info", content: "Model changed from " + change.fromModel + " to " + change.toModel + " (" + change.source + ")." });
       },
       cwd: cwd,
+      slug: slug,
+      clayPort: clayPort,
+      clayTls: clayTls,
+      clayAuthToken: clayAuthToken,
+      clayBridgeToken: clayBridgeToken,
       linuxUser: linuxUser || undefined,
       env: sessionRuntimeEnv,
       skillOptions: getSessionSkillOptions(session),
@@ -2254,6 +2264,7 @@ function createSDKBridge(opts) {
           clayTls: clayTls,
           clayAuthToken: clayAuthToken,
           slug: slug,
+          clayBridgeToken: clayBridgeToken,
         });
 
         // Skill and slash-command catalogs are session-owned. The warmup has

package/lib/server.js

@@ -945,9 +945,9 @@ function createServer(opts) {
       return;
     }
 
-    // Auth check for project routes
-    // Bypass auth for MCP bridge endpoint (localhost only).
-    // The mcp-bridge-server.js runs as a local child process and cannot carry cookies.
+    // Auth check for project routes. The local MCP bridge gets a narrowly
+    // scoped project capability from its parent process; localhost alone is
+    // not sufficient because browser/local callers must not reach the bridge.
     var projectUrlForAuth = stripPrefix(req.url.split("?")[0], slug);
     // req.socket.remoteAddress may differ between HTTP/HTTPS (TLSSocket wraps net.Socket).
     // Also check req.connection.remoteAddress for compatibility.
@@ -958,10 +958,18 @@ function createServer(opts) {
     var isMcpBridgeLocal = projectUrlForAuth === "/api/mcp-bridge"
       && req.method === "POST"
       && isLocalhost;
+    var isMcpBridgeAuthenticated = isMcpBridgeLocal
+      && typeof ctx.isMcpBridgeAuthenticated === "function"
+      && ctx.isMcpBridgeAuthenticated(req);
     if (projectUrlForAuth === "/api/mcp-bridge") {
-      console.log("[server] MCP bridge auth: method=" + req.method + " addr=" + remoteAddr + " bypass=" + isMcpBridgeLocal);
+      console.log("[server] MCP bridge auth: method=" + req.method + " addr=" + remoteAddr + " capability=" + isMcpBridgeAuthenticated);
     }
-    if (!isMcpBridgeLocal && !isRequestAuthed(req)) {
+    if (projectUrlForAuth === "/api/mcp-bridge" && !isMcpBridgeAuthenticated) {
+      res.writeHead(403, { "Content-Type": "application/json" });
+      res.end('{"error":"MCP bridge capability required"}');
+      return;
+    }
+    if (!isMcpBridgeAuthenticated && !isRequestAuthed(req)) {
       res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
       res.end(auth.getAuthPage());
       return;
@@ -971,7 +979,7 @@ function createServer(opts) {
     res.setHeader("Set-Cookie", "clay_last_project=" + slug + "; Path=/; SameSite=Strict; Max-Age=31536000" + (tlsOptions ? "; Secure" : ""));
 
     // Multi-user: check project access for HTTP requests
-    if (users.isMultiUser()) {
+    if (users.isMultiUser() && !isMcpBridgeAuthenticated) {
       var httpUser = getMultiUserFromReq(req);
       if (!httpUser || !canUserAccessSlug(httpUser.id, slug)) {
         res.writeHead(302, { "Location": "/" });
@@ -1325,6 +1333,7 @@ function createServer(opts) {
       projectOwnerId: projectOwnerId || null,
       projectKnowledgeId: extra.projectKnowledgeId || (worktreeMeta && worktreeMeta.projectKnowledgeId) || null,
       worktreeMeta: worktreeMeta || null,
+      mcpBridgeToken: extra.mcpBridgeToken || null,
       isMate: extra.isMate || false,
       mateId: extra.mateId || (extra.isMate ? path.basename(cwd) : null),
       mateDisplayName: extra.mateDisplayName || "",

package/lib/yoke/adapters/codex.js

@@ -1808,6 +1808,7 @@ function createCodexAdapter(opts) {
         var clayPort = effectiveInitOpts.clayPort || process.env.CLAY_PORT || 2633;
         var clayTls = effectiveInitOpts.clayTls || false;
         var clayAuthToken = effectiveInitOpts.clayAuthToken || "";
+        var clayBridgeToken = effectiveInitOpts.clayBridgeToken || "";
         var claySlug = effectiveInitOpts.slug || _slug || "";
         try {
           if (require("fs").existsSync(bridgePath)) {
@@ -1815,6 +1816,7 @@ function createCodexAdapter(opts) {
             if (clayTls) bridgeArgs.push("--tls");
             var bridgeEnv = {};
             if (clayAuthToken) bridgeEnv.CLAY_AUTH_TOKEN = clayAuthToken;
+            if (clayBridgeToken) bridgeEnv.CLAY_BRIDGE_TOKEN = clayBridgeToken;
             mcpServerConfig["clay-tools"] = {
               command: process.execPath,
               args: bridgeArgs,

package/lib/yoke/index.js

@@ -379,7 +379,11 @@ function createAdapters(opts) {
 
   if (installed.codex && supportsConfiguredIsolation("codex")) {
     try {
-      adapters.codex = createAdapter({ vendor: "codex", cwd: opts.cwd, slug: opts.slug, osUsers: !!opts.osUsers });
+      adapters.codex = createAdapter({
+        vendor: "codex", cwd: opts.cwd, slug: opts.slug, osUsers: !!opts.osUsers,
+        clayPort: opts.clayPort, clayTls: opts.clayTls,
+        clayAuthToken: opts.clayAuthToken, clayBridgeToken: opts.clayBridgeToken,
+      });
       auth.codex = true;
     } catch (e) {
       console.error("[yoke] Failed to create adapter for codex:", e.message);

package/lib/yoke/mcp-bridge-server.js

@@ -58,6 +58,7 @@ var CLAY_MCP_PATH = claySlug
 
 // --- Auth ---
 var clayAuthToken = process.env.CLAY_AUTH_TOKEN || "";
+var clayBridgeToken = process.env.CLAY_BRIDGE_TOKEN || "";
 
 // --- Tool cache ---
 var _tools = [];         // [{ server, name, description, inputSchema }]
@@ -79,6 +80,7 @@ function postJson(urlPath, body) {
     if (clayAuthToken) {
       headers["Cookie"] = "relay_auth=" + clayAuthToken;
     }
+    if (clayBridgeToken) headers["X-Clay-Bridge-Token"] = clayBridgeToken;
 
     var reqOpts = {
       hostname: parsed.hostname,
@@ -95,6 +97,15 @@ function postJson(urlPath, body) {
       res.on("data", function (chunk) { chunks.push(chunk); });
       res.on("end", function () {
         var respBody = Buffer.concat(chunks).toString("utf8");
+        if (res.statusCode < 200 || res.statusCode >= 300) {
+          var statusError = "Clay MCP bridge HTTP " + res.statusCode;
+          try {
+            var errorBody = JSON.parse(respBody);
+            if (errorBody && errorBody.error) statusError += ": " + errorBody.error;
+          } catch (e) {}
+          reject(new Error(statusError));
+          return;
+        }
         try {
           resolve(JSON.parse(respBody));
         } catch (e) {
@@ -122,8 +133,7 @@ function postJson(urlPath, body) {
 function fetchTools() {
   return postJson(CLAY_MCP_PATH, { action: "list_tools", sessionId: claySessionId, queryGeneration: clayQueryGeneration, sessionOnly: sessionOnly }).then(function (resp) {
     if (resp.error) {
-      log("Failed to fetch tools: " + resp.error);
-      return [];
+      throw new Error(resp.error);
     }
     _tools = resp.tools || [];
     _toolsFetched = true;
@@ -135,7 +145,8 @@ function fetchTools() {
     return _tools;
   }).catch(function (err) {
     log("Error fetching tools: " + err.message);
-    return [];
+    _toolsFetched = false;
+    throw err;
   });
 }
 
@@ -194,7 +205,7 @@ function handleInitialize(id, params) {
   });
 
   // Pre-fetch tools after handshake
-  fetchTools();
+  fetchTools().catch(function () {});
 }
 
 function handleToolsList(id, params) {
@@ -210,7 +221,9 @@ function handleToolsList(id, params) {
   }
 
   // Always re-fetch: remote MCP servers may connect after initial fetch
-  fetchTools().then(respond);
+  fetchTools().then(respond).catch(function (err) {
+    sendError(id, -32001, "Clay tool discovery failed: " + err.message);
+  });
 }
 
 function handleToolsCall(id, params) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "4.1.0-beta.18",
+  "version": "4.1.0-beta.19",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js"