clay-server 4.1.0-beta.8 → 4.1.0

package/lib/public/modules/input.js

@@ -11,6 +11,7 @@ import { showToast } from './utils.js';
 import { isShellCommandMode, submitShellCommand } from './shell-command.js';
 import { showPasteModal } from './paste-modal.js';
 import { prepareAutonomousPayload } from './autonomous-run.js';
+export { setScheduleBtnDisabled } from './scheduled-message-state.js';
 
 var ctx;
 
@@ -25,6 +26,7 @@ var isComposing = false;
 var isRemoteInput = false;
 var scheduleDelayMs = 0; // 0 = no schedule, >0 = delay in ms
 var _setScheduleDelayFn = null; // set by initInput
+var scheduleRequestCounter = 0;
 
 export function hasSendableContent() {
   return !!(
@@ -58,19 +60,6 @@ export function clearScheduleDelay() {
   }
 }
 
-export function setScheduleBtnDisabled(disabled) {
-  var btn = document.getElementById("schedule-btn");
-  if (!btn) return;
-  btn.disabled = disabled;
-  if (disabled) {
-    btn.style.opacity = "0.3";
-    btn.style.pointerEvents = "none";
-  } else {
-    btn.style.opacity = "";
-    btn.style.pointerEvents = "";
-  }
-}
-
 export var builtinCommands = [
   { name: "clear", desc: "Clear conversation" },
   { name: "context", desc: "Context window usage" },
@@ -94,6 +83,24 @@ function commitVendorForTurn() {
   store.set({ vendorSelectionLocked: false, sessionHasHistory: true });
 }
 
+function scheduleAdmissionMap() {
+  return store.get("pendingScheduleAdmissions") || {};
+}
+
+function scheduleDraftMatches(left, right) {
+  return !!left && !!right && JSON.stringify(left) === JSON.stringify(right);
+}
+
+function scheduleContextMatches(left, right) {
+  return !!left && !!right && left.projectSlug === right.projectSlug && String(left.sessionId) === String(right.sessionId) && left.accountId === right.accountId;
+}
+
+store.subscribe(function (state, previous) {
+  if (state.currentSlug === previous.currentSlug && state.activeSessionId === previous.activeSessionId &&
+      state.myUserId === previous.myUserId && state.connected === previous.connected) return;
+  if (Object.keys(scheduleAdmissionMap()).length > 0) store.set({ pendingScheduleAdmissions: {}, pendingScheduleAdmission: null });
+});
+
 function showPreThinkingForTurn() {
   if (ctx.isMateDm && ctx.isMateDm()) {
     ctx.showMatePreThinking();
@@ -295,13 +302,37 @@ export function sendMessage() {
   // Scheduled message: queue message with timer delay
   if (scheduleDelayMs > 0) {
     var resetsAt = Date.now() + scheduleDelayMs;
-    ctx.ws.send(JSON.stringify({ type: "schedule_message", text: text || "", resetsAt: resetsAt }));
-    clearScheduleDelay();
-    ctx.inputEl.value = "";
-    sendInputSync();
-    clearPendingImages();
-    autoResize();
-    ctx.inputEl.focus();
+    var scheduleContext = {
+      projectSlug: store.get("currentSlug"),
+      sessionId: store.get("activeSessionId"),
+      accountId: store.get("myUserId") || "default",
+    };
+    var scheduleDraft = { text: ctx.inputEl.value, images: images, pastes: pastes, files: files, delay: scheduleDelayMs };
+    var admissions = scheduleAdmissionMap();
+    var scheduleRequestId = null;
+    var admissionIds = Object.keys(admissions);
+    for (var admissionIndex = 0; admissionIndex < admissionIds.length; admissionIndex++) {
+      var candidate = admissions[admissionIds[admissionIndex]];
+      if (candidate.context.projectSlug === scheduleContext.projectSlug && String(candidate.context.sessionId) === String(scheduleContext.sessionId) &&
+          candidate.context.accountId === scheduleContext.accountId && scheduleDraftMatches(candidate.draft, scheduleDraft)) {
+        scheduleRequestId = candidate.requestId;
+        break;
+      }
+    }
+    if (!scheduleRequestId) {
+      scheduleRequestCounter++;
+      scheduleRequestId = "schedule-" + Date.now().toString(36) + "-" + scheduleRequestCounter;
+      admissions = Object.assign({}, admissions);
+      admissions[scheduleRequestId] = { requestId: scheduleRequestId, context: scheduleContext, draft: scheduleDraft };
+      var boundedIds = Object.keys(admissions);
+      while (boundedIds.length > 8) delete admissions[boundedIds.shift()];
+    }
+    store.set({ pendingScheduleAdmissions: admissions, pendingScheduleAdmission: admissions[scheduleRequestId] });
+    ctx.ws.send(JSON.stringify({
+      type: "schedule_message", requestId: scheduleRequestId,
+      projectSlug: scheduleContext.projectSlug, sessionId: scheduleContext.sessionId, accountId: scheduleContext.accountId,
+      text: text || "", images: images, pastes: pastes, resetsAt: resetsAt,
+    }));
     return;
   }
 
@@ -348,6 +379,36 @@ export function handleAcceptedOrdinaryMessage() {
   showPreThinkingForTurn();
 }
 
+export function handleScheduleMessageResult(msg) {
+  var admissions = scheduleAdmissionMap();
+  var pending = admissions[msg && msg.requestId];
+  var currentContext = { projectSlug: store.get("currentSlug"), sessionId: store.get("activeSessionId"), accountId: store.get("myUserId") || "default" };
+  if (!pending || !msg || msg.requestId !== pending.requestId) return false;
+  if (!store.get("connected") || !scheduleContextMatches(pending.context, currentContext) ||
+      msg.projectSlug !== currentContext.projectSlug || String(msg.sessionId) !== String(currentContext.sessionId) || msg.accountId !== currentContext.accountId) {
+    admissions = Object.assign({}, admissions);
+    delete admissions[msg.requestId];
+    store.set({ pendingScheduleAdmissions: admissions, pendingScheduleAdmission: null });
+    return true;
+  }
+  if (!msg.ok) {
+    showToast(msg.error || "Could not schedule the message.", "error");
+    return true;
+  }
+  admissions = Object.assign({}, admissions);
+  delete admissions[msg.requestId];
+  store.set({ pendingScheduleAdmissions: admissions, pendingScheduleAdmission: null });
+  var currentDraft = { text: ctx.inputEl.value, images: pendingImages, pastes: pendingPastes.map(function (p) { return p.text; }), files: pendingFiles, delay: scheduleDelayMs };
+  if (JSON.stringify(currentDraft) !== JSON.stringify(pending.draft)) return true;
+  clearScheduleDelay();
+  ctx.inputEl.value = "";
+  sendInputSync();
+  clearPendingImages();
+  autoResize();
+  ctx.inputEl.focus();
+  return true;
+}
+
 export function sendTextMessage(text) {
   if (!ctx || !ctx.inputEl || typeof text !== "string" || !text.trim()) return false;
   clearPendingImages();

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

@@ -1,22 +1,76 @@
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
 import { showToast } from './utils.js';
-import { closeProjectLogs } from './project-logs.js';
-import { closeScheduledTasks } from './scheduled-tasks.js';
-import { closeNotesBrowser } from './sticky-notes-browser.js';
-import { closeFileViewer } from './filebrowser.js';
-import { closeTerminal } from './terminal.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;
@@ -43,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');
@@ -81,6 +137,7 @@ function confirmDelete() {
   store.set({ issuesMutationRequest: request('issue_delete', { ref: entry.ref, expectedRevision: entry.revision }, 'delete') });
 }
 export function closeIssues() {
+  releaseRightWorkbench("issues");
   bumpViewGeneration();
   if (panel()) panel().classList.add('hidden');
   store.set({ issuesOpen: false });
@@ -90,8 +147,9 @@ export function closeIssues() {
 export function openIssues(ref) {
   if (!panel() || store.get('isMate')) return;
   panel().querySelector('.issues-notice').textContent = '';
+  clearUpdateNotice();
   bumpViewGeneration();
-  closeProjectLogs(); closeScheduledTasks(); closeNotesBrowser(); closeFileViewer(); closeTerminal();
+  claimRightWorkbench("issues");
   panel().classList.remove('hidden');
   store.set({ issuesOpen: true });
   var button = document.getElementById('issues-btn');
@@ -102,9 +160,10 @@ export function openIssues(ref) {
 export function initIssues() {
   var host = document.getElementById('main-panels');
   if (!host || panel()) return;
+  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(); });
@@ -120,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') }); }
@@ -175,6 +235,7 @@ function showIssueEdit(entry) {
   }
   formEl.addEventListener('change', syncFields);
   syncFields();
+  renderContextualUpdate();
 }
 export function handleIssuesMessage(msg) {
   if (msg.type === 'issue_commented') {
@@ -204,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;
@@ -241,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 });
@@ -264,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

@@ -4,11 +4,9 @@
 // Same-origin messages only, both directions.
 
 import { store } from './store.js';
-import { applyContextView, getContextView } from './app-panels.js';
+import { getEffectiveContextView } from './context-view-preference.js';
 import { forceExternalLinkToNewTab } from './pane-links.js';
 
-var panelOpen = false;
-
 export function reportPaneContext(data) {
   if (!store.get('paneMode') || window.parent === window) return;
   window.parent.postMessage({
@@ -38,11 +36,17 @@ export function forwardPaneMarkdownPresentation(message) {
   return true;
 }
 
-// Toggle without setContextView: panes share localStorage with the main app,
-// so persisting here would silently rewrite the user's main-view preference.
+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() {
-  panelOpen = !panelOpen;
-  applyContextView(panelOpen ? "panel" : "off");
+  var effectiveView = getEffectiveContextView();
+  store.set({ contextViewOverride: effectiveView === "panel" ? "off" : "panel" });
 }
 
 function preparePaneLink(event) {
@@ -55,7 +59,9 @@ function preparePaneLink(event) {
 
 export function initPaneBridge() {
   if (!store.get('paneMode')) return;
-  panelOpen = getContextView() === "panel";
+  // Hydration may still replace the persisted mode. Leave the override null
+  // so the first header toggle derives from the actual effective view.
+  store.set({ contextViewOverride: null });
   document.addEventListener("click", preparePaneLink, true);
   document.addEventListener("auxclick", preparePaneLink, true);
   window.addEventListener("message", function (event) {

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/pending-message-queue.js

@@ -4,6 +4,7 @@ import { escapeHtml } from './utils.js';
 import { refreshIcons } from './icons.js';
 import { activeQueueItems, moveQueueId, matchesQueueContext, canApplyQueueRevision } from './pending-message-queue-model.js';
 import { imageSrc, imageDraft, openImagePreview, chooseImages } from './pending-message-image-editor.js';
+import { setScheduleBtnDisabled } from './scheduled-message-state.js';
 
 var queueEl = null;
 var initialized = false;
@@ -34,6 +35,21 @@ function isOwn(item) {
   return !!item && String(item.actorId) === String(store.get('myUserId'));
 }
 
+export function hasFutureScheduledPending(items) {
+  items = items || [];
+  for (var i = 0; i < items.length; i++) {
+    if (items[i].state === "pending" && items[i].schedule && items[i].schedule.ready !== true) return true;
+  }
+  return false;
+}
+
+function syncScheduleButton() {
+  var target = context();
+  var queue = currentQueue();
+  var current = target.enabled && queue.projectSlug === target.projectSlug && sameId(queue.sessionId, target.sessionId);
+  setScheduleBtnDisabled(current && hasFutureScheduledPending(queue.items));
+}
+
 function isEditableItem(id) {
   var items = currentQueue().items || [];
   for (var i = 0; i < items.length; i++) if (items[i].id === id) return items[i].state === "pending" && isOwn(items[i]);
@@ -116,6 +132,25 @@ function sendMutation(kind, fields) {
   return true;
 }
 
+function sendScheduledNow(id) {
+  var target = context();
+  var queue = currentQueue();
+  var item = (queue.items || []).find(function (candidate) { return candidate.id === id; });
+  if (!target.enabled || queue.projectSlug !== target.projectSlug || !sameId(queue.sessionId, target.sessionId) || !item || item.state !== "pending" || !isOwn(item) || !item.schedule || item.schedule.ready === true) return false;
+  var requestId = rememberRequest("send-now", { itemId: id, jobId: item.schedule.jobId, jobRevision: item.schedule.revision, queueRevision: queue.revision });
+  if (!send({ type: "send_scheduled_now", projectSlug: target.projectSlug, sessionId: target.sessionId, jobId: item.schedule.jobId, revision: item.schedule.revision, queueRevision: queue.revision, requestId: requestId })) {
+    forgetRequest(requestId);
+    return false;
+  }
+  return true;
+}
+
+function scheduledTimeLabel(notBefore) {
+  var date = new Date(Number(notBefore));
+  if (!isFinite(date.getTime())) return "Scheduled";
+  return "Scheduled for " + date.toLocaleString(undefined, { dateStyle: "medium", timeStyle: "short" });
+}
+
 function applyCanonical(result) {
   var target = context();
   if (!result || result.projectSlug !== target.projectSlug || !sameId(result.sessionId, target.sessionId)) return false;
@@ -302,8 +337,10 @@ function renderItem(item, index) {
   var isEditing = editing && editing.id === item.id && item.state === "pending" && own;
   var attribution = own ? "You" : (item.actorName || "Collaborator");
   var attachment = attachmentLabel(item);
+  var scheduled = item.schedule && item.schedule.jobId;
+  var futureScheduled = scheduled && item.schedule.ready !== true;
   var text = (item.message && item.message.text || "").trim() || "Attachment-only message";
-  var html = '<div class="pending-message-chip' + (item.state === "claimed" ? ' is-claimed' : '') + '" data-pending-id="' + escapeHtml(item.id) + '">';
+  var html = '<div class="pending-message-chip' + (item.state === "claimed" ? ' is-claimed' : '') + (scheduled ? ' is-scheduled' : '') + (futureScheduled ? ' is-future' : '') + '" data-pending-id="' + escapeHtml(item.id) + '">';
   html += '<span class="pending-message-number" aria-hidden="true">' + (index + 1) + '</span>';
   if (own && item.state === "pending") html += '<button class="pending-message-drag" type="button" data-action="drag" aria-label="Reorder queued message ' + (index + 1) + '" title="Drag, or use arrow keys to reorder">' + '<i data-lucide="grip-vertical"></i></button>';
   else html += '<span class="pending-message-drag is-static"><i data-lucide="' + (item.state === "claimed" ? "loader-circle" : "lock-keyhole") + '"></i></span>';
@@ -331,15 +368,18 @@ function renderItem(item, index) {
     if (attachment) html += '<span>' + escapeHtml(attachment) + '</span>';
     if (item.state === "claimed") html += '<span class="pending-message-sending">Sending</span>';
     html += '</div>';
+    if (scheduled) html += '<div class="pending-message-schedule-meta"><i data-lucide="clock-3"></i><span>' + escapeHtml(futureScheduled ? scheduledTimeLabel(item.schedule.notBefore) : "Ready to send") + '</span></div>';
   }
   html += '</div><div class="pending-message-actions">';
   if (!isEditing && own && item.state === "pending") html += '<button type="button" data-action="edit" aria-label="Edit queued message" title="Edit"><i data-lucide="pencil"></i></button>';
+  if (!isEditing && own && item.state === "pending" && futureScheduled) html += '<button type="button" data-action="send-now" aria-label="Send scheduled message now" title="Send now"><i data-lucide="send"></i></button>';
   if (!isEditing && own) html += '<button type="button" data-action="cancel" aria-label="Cancel queued message" title="Cancel"><i data-lucide="x"></i></button>';
   html += '</div></div>';
   return html;
 }
 
 function render() {
+  syncScheduleButton();
   if (!queueEl) queueEl = document.getElementById("pending-message-queue");
   if (!queueEl) return;
   var target = context();
@@ -382,6 +422,7 @@ function bindEvents() {
     } else if (action === "edit") beginEdit(id);
     else if (action === "edit-cancel") store.set({ pendingMessageQueueFocusReturn: { id: id, action: "edit" }, pendingMessageQueueEdit: null });
     else if (action === "edit-save") saveEdit(id);
+    else if (action === "send-now") sendScheduledNow(id);
     else if (action === "cancel") sendMutation("cancel", { id: id });
     else if (action === "resume") sendMutation("resume", {});
   });
@@ -437,6 +478,7 @@ export function initPendingMessageQueue() {
     var contextChanged = state.connected !== previous.connected || state.currentSlug !== previous.currentSlug || state.activeSessionId !== previous.activeSessionId || state.activeSessionMode !== previous.activeSessionMode || state.dmMode !== previous.dmMode || state.mateProjectSlug !== previous.mateProjectSlug || state.myUserId !== previous.myUserId || state.isMultiUserMode !== previous.isMultiUserMode;
     if (contextChanged) {
       store.set({ pendingMessageQueue: emptyQueue(), pendingMessageQueueRequests: {}, pendingMessageQueueEdit: null, pendingMessageQueueDrag: null, pendingMessageQueueFocusReturn: null });
+      setScheduleBtnDisabled(false);
       if (context().enabled) requestPendingMessages();
       return;
     }

package/lib/public/modules/permission-hints.js

@@ -0,0 +1,13 @@
+import { store } from './store.js';
+
+export function applyPermissionHints(container, hints) {
+  if (!container || !hints) return;
+  if (hints.suppressAlwaysAllowRule) {
+    var persistent = container.querySelectorAll('.permission-allow-session, .mate-permission-always, .notif-banner-always');
+    persistent.forEach(function(button) { button.remove(); });
+  }
+  if (hints.defaultToNo && !store.get('replayingHistory')) {
+    var decline = container.querySelector('.permission-deny, .mate-permission-deny, .notif-banner-deny');
+    if (decline) decline.focus({ preventScroll: true });
+  }
+}