clay-server 5.2.0-beta.1 → 5.2.0-beta.11

package/lib/public/modules/session-context-menu.js

@@ -109,6 +109,8 @@ function currentRenameCanSend(state) {
     String(store.get('activeSessionId')) === String(state.sessionId) :
     state && state.row && String(state.row.dataset.sessionId) === String(state.sessionId);
   return !!(state && state.row && state.row.isConnected && sameSession &&
+    (state.source !== 'header' || state.origin === store.get('sessionOriginId')) &&
+    state.epoch === (store.get('sessionActionEpoch') || 0) && !store.get('panePendingBinding') && !store.get('deferredSessionSwitch') &&
     store.get('connected') && state.ws === ws && ws && ws.readyState === 1 &&
     state.slug === store.get('currentSlug') &&
     (!permissions || permissions.sessionRename !== false));
@@ -158,6 +160,8 @@ function beginSessionInlineRename(row, title, control, session, source, inputCla
     input: input,
     originalNodes: originalNodes,
     sessionId: session.id,
+    origin: session.sessionOriginId,
+    epoch: store.get('sessionActionEpoch') || 0,
     currentTitle: session.title || "New Session",
     control: control || null,
     controlDisplay: controlDisplay,
@@ -202,6 +206,7 @@ export function startHeaderSessionInlineRename(title, control, session) {
 
 store.subscribe(function (state, previous) {
   if (state.currentSlug !== previous.currentSlug || state.dmMode !== previous.dmMode ||
+      state.sessionActionEpoch !== previous.sessionActionEpoch || state.panePendingBinding !== previous.panePendingBinding ||
       (previous.connected && !state.connected)) {
     closeSessionContextMenu(false);
     cancelSessionInlineRename(false);

package/lib/public/modules/session-create-form.js

@@ -8,6 +8,7 @@
 import { store } from './store.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { VENDOR_AVATARS, VENDOR_NAMES, VENDOR_ORDER, isExperimentalVendor } from './app-rendering.js';
+import { sortVendorEntries } from './vendor-priority.js';
 import { startNewSession } from './sidebar-sessions.js';
 import { closeMobileSheet } from './sidebar-mobile.js';
 import {
@@ -15,20 +16,19 @@ import {
   beginSessionCreate, closeSessionCreate, chooseVendor, setCreateMenu, submitSessionCreate, submitMateSessionCreate, saveProjectDefault, retryOptions
 } from './session-create.js';
 
-// Every registered provider, in the established order, followed by any the
-// server reports that this client does not know. Installed state is the
+// Installed providers first, each group in the established priority order,
+// followed by unknown providers in server order. Installed state is the
 // server's, per user; the dropdown never invents or hardcodes availability.
 function vendorEntries(options) {
   var byId = {};
   options.vendors.forEach(function (v) { byId[v.id] = v; });
   var ids = VENDOR_ORDER.slice();
   options.vendors.forEach(function (v) { if (ids.indexOf(v.id) === -1) ids.push(v.id); });
-  return ids.map(function (id) {
+  return sortVendorEntries(ids.map(function (id) {
     var known = byId[id];
     return { id: id, name: VENDOR_NAMES[id] || (known && known.displayName) || id, installed: !!(known && known.installed) };
-  });
+  }));
 }
-
 function vendorLabel(id) {
   return VENDOR_NAMES[id] || id;
 }
@@ -69,7 +69,6 @@ function focusCreateRow(folderId) {
     if (target && !target.disabled) { target.focus({ preventScroll: true }); return; }
   }
 }
-
 function prefersReducedMotion() {
   return typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
@@ -381,7 +380,8 @@ function paintRow(root) {
   }
   placeMenu(root);
   if (form.menuOpen && form.menuFocus && root.getClientRects().length) {
-    var first = root.querySelector('[data-focus-key="item:' + (form.menuIndex || 0) + '"]');
+    var entry = entries[form.menuIndex || 0];
+    var first = entry && root.querySelector('[data-focus-key="item:' + encodeURIComponent(entry.id) + '"]');
     if (first) { first.focus({ preventScroll: true }); store.set({ sessionCreate: Object.assign({}, createState(), { menuFocus: false }) }); }
   }
 }
@@ -406,14 +406,14 @@ function renderMenu(entries, form, options, installed) {
   menu.className = "session-create-menu";
   menu.setAttribute("role", "menu");
   menu.setAttribute("aria-label", "Providers");
-  entries.forEach(function (entry, index) {
+  entries.forEach(function (entry) {
     var row = document.createElement("div");
     row.className = "session-create-menu-provider";
     var html = '<img src="' + (VENDOR_AVATARS[entry.id] || VENDOR_AVATARS.claude) + '" class="session-create-icon" alt="">' +
       '<span class="session-create-menu-name"></span>' +
       (entry.installed && isExperimentalVendor(entry.id) ? '<span class="vendor-experimental-badge" aria-label="Experimental integration" title="Experimental integration; not yet validated through direct use testing">🧪</span>' : "") +
       (entry.installed ? (options.projectDefault === entry.id ? '<span class="session-create-menu-note">Default</span>' : "") : '<span class="session-create-menu-note">Not installed</span>');
-    var item = menuItem("item:" + index, (entry.installed ? "" : "unavailable ") + (entry.id === form.vendor ? "selected" : ""), html, function () {
+    var item = menuItem("item:" + encodeURIComponent(entry.id), (entry.installed ? "" : "unavailable ") + (entry.id === form.vendor ? "selected" : ""), html, function () {
       if (entry.installed) { chooseVendor(entry.id); var live = createState(); store.set({ sessionCreate: Object.assign({}, live, { focusKey: "vendor", wantFocus: true }) }); }
     }, entry.installed ? "New " + entry.name + " session" : entry.name + " is not installed");
     item.querySelector(".session-create-menu-name").textContent = entry.name;
@@ -423,7 +423,7 @@ function renderMenu(entries, form, options, installed) {
     row.appendChild(item);
     if (entry.installed && options.canSetProjectDefault && options.projectDefault !== entry.id) {
       var savingThis = form.defaultSaving && form.defaultVendor === entry.id;
-      var setDefault = menuItem("default:" + index, "session-create-default-btn", "<span></span>", function () { saveProjectDefault(entry.id); }, "Set " + entry.name + " as the project default");
+      var setDefault = menuItem("default:" + encodeURIComponent(entry.id), "session-create-default-btn", "<span></span>", function () { saveProjectDefault(entry.id); }, "Set " + entry.name + " as the project default");
       setDefault.firstChild.textContent = savingThis ? "Saving" : "Set default";
       setDefault.disabled = !!form.defaultSaving;
       row.appendChild(setDefault);

package/lib/public/modules/session-folder-layout.js

@@ -9,7 +9,7 @@ export var FAVORITES_ID = "favorites";
 export var UNFILED_ID = "unfiled";
 
 export function defaultFolderState() {
-  return { folders: [], assignments: {}, favorites: [], orders: {}, collapsed: {}, view: { sort: "activity", direction: "desc" } };
+  return { folders: [], assignments: {}, favorites: [], orders: {}, collapsed: {}, view: { sort: "activity", direction: "desc", showDateHeadings: true } };
 }
 
 export function sortUnits(units, view, order) {

package/lib/public/modules/session-folder-view-menu.js

@@ -78,6 +78,15 @@ export function paintViewMenu() {
     note.textContent = "Drag sessions to arrange them. Favorites keep their own order.";
     menu.appendChild(note);
   }
+  var dateToggle = document.createElement("button");
+  dateToggle.type = "button";
+  dateToggle.className = "session-folder-view-toggle";
+  dateToggle.dataset.focusKey = "showDateHeadings";
+  dateToggle.setAttribute("role", "switch");
+  dateToggle.setAttribute("aria-checked", String(view.showDateHeadings !== false));
+  dateToggle.innerHTML = '<span>Show date headings</span><span class="session-folder-view-toggle-track" aria-hidden="true"><span class="session-folder-view-toggle-thumb"></span></span>';
+  dateToggle.addEventListener("click", function () { sendViewPatch({ showDateHeadings: view.showDateHeadings === false }); });
+  menu.appendChild(dateToggle);
   if (focusKey) {
     var target = menu.querySelector('[data-focus-key="' + focusKey + '"]') || menu.querySelector(".session-folder-radio.selected");
     if (target) target.focus();

package/lib/public/modules/session-github.js

@@ -3,6 +3,7 @@ import { getWs } from './ws-ref.js';
 import { githubLinkTarget } from './github-links.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { escapeHtml as escapeText } from './utils.js';
+import { primaryWorkPopover, handlePrimaryWorkClick } from './session-work-primary.js';
 
 function escapeHtml(value) {
   return escapeText(String(value)).replace(/"/g, '"').replace(/'/g, ''');
@@ -34,13 +35,38 @@ export function orderedGithubWork(session) {
   var links = safeLinks(session).slice().reverse();
   var latestIssue = links.find(function (link) { return link.kind === 'issue' || link.provider === 'linear'; });
   if (latestIssue) links = [latestIssue].concat(links.filter(function (link) { return link !== latestIssue; }));
-  return links;
+  var primary = session && session.workPrimary || {};
+  return links.filter(function (link) { return String(primary[link.provider === 'linear' ? 'linear' : link.kind] || '').toLowerCase() === link.url.toLowerCase(); }).concat(
+    links.filter(function (link) { return String(primary[link.provider === 'linear' ? 'linear' : link.kind] || '').toLowerCase() !== link.url.toLowerCase(); }));
 }
 function compactGithubWork(links, sessionRow) {
   if (!sessionRow && !links.some(function (link) { return link.provider === 'linear'; })) return links.slice(0, 1);
-  var latestIssue = links.find(function (link) { return link.kind === 'issue' || link.provider === 'linear'; });
+  var latestLinear = links.find(function (link) { return link.provider === 'linear'; });
+  var latestIssue = links.find(function (link) { return link.kind === 'issue' && link.provider !== 'linear'; });
   var latestPr = links.find(function (link) { return link.kind === 'pr'; });
-  return [latestIssue, latestPr].filter(Boolean);
+  return [latestLinear, latestIssue, latestPr].filter(Boolean);
+}
+function personalScope() {
+  return String(store.get('currentSlug') || '') + '\u0000' + String(store.get('myUserId') || 'default');
+}
+function ensurePersonalScope() {
+  var scope = personalScope();
+  if (store.get('githubPersonalReviewScope') !== scope) store.set({ githubPersonalReviewScope: scope, githubPersonalReview: {} });
+  return scope;
+}
+function sessionIdentifier(session) {
+  return String(session && (session._githubSessionId || session.id || session.localId) || '');
+}
+function personalReviewState(session, link) {
+  var scope = ensurePersonalScope();
+  var key = scope + '\u0000' + (sessionIdentifier(session) || String(link._githubSessionId || '')) + '\u0000' + String(link.url || '').toLowerCase();
+  return (store.get('githubPersonalReview') || {})[key] || link.personalReviewState || '';
+}
+function prReviewStatus(link) {
+  if (link.review === 'CHANGES_REQUESTED') return { icon: 'message-square-warning', label: 'Changes requested', className: 'github-review-changes' };
+  if (link.personalReviewState === 'requested') return { icon: 'user-round-check', label: 'Review requested from you', className: 'github-review-requested' };
+  if (link.review === 'APPROVED') return { icon: 'badge-check', label: 'Approved', className: 'github-review-approved' };
+  return null;
 }
 export function githubWorkMarkup(session, detailed, expanded, sessionRow) {
   var links = orderedGithubWork(session);
@@ -52,19 +78,51 @@ export function githubWorkMarkup(session, detailed, expanded, sessionRow) {
       return anchor(link.url, description, LINEAR_MARK + '<span class="linear-work-id">' + escapeHtml(link.identifier) + '</span><span class="linear-work-title">' + escapeHtml(link.title) + '</span><span class="linear-work-state"><span class="linear-work-state-full">' + escapeHtml(link.stateName) + '</span><span class="linear-work-state-compact" aria-hidden="true">' + escapeHtml(compactLinearState(link.stateName)) + '</span></span>', 'session-github-link session-linear-link');
     }
     var state = ['open', 'closed', 'merged', 'draft'].indexOf(link.state) >= 0 ? link.state : 'unknown';
-    var icon = link.kind === 'pr' ? (state === 'merged' ? 'git-merge' : state === 'closed' ? 'git-pull-request-closed' : state === 'draft' ? 'git-pull-request-draft' : 'git-pull-request') : (state === 'closed' ? 'circle-check' : 'circle-dot');
-    var description = link.repository + ' · ' + label(link) + ' · ' + link.title + ' · ' + state + (link.checkedAt ? ' · Checked ' + new Date(link.checkedAt).toLocaleString() : '') + (link.stale ? ' (last known status; refresh unavailable)' : '');
-    var html = anchor(link.url, description, iconHtml('github', 'github-work-brand') + iconHtml(icon, 'github-work-status') + '<span><span class="github-work-kind">' + (link.kind === 'pr' ? 'PR ' : 'Issue ') + '</span>#' + escapeHtml(String(link.number)) + '</span>', 'session-github-link github-kind-' + (link.kind === 'pr' ? 'pr' : 'issue') + ' github-state-' + state);
+    var reviewLink = Object.assign({}, link, { personalReviewState: personalReviewState(session, link) });
+    var reviewStatus = link.kind === 'pr' && state === 'open' ? prReviewStatus(reviewLink) : null;
+    var icon = link.kind === 'pr' ? (state === 'merged' ? 'git-merge' : state === 'closed' ? 'git-pull-request-closed' : state === 'draft' ? 'git-pull-request-draft' : reviewStatus ? reviewStatus.icon : 'git-pull-request') : (state === 'closed' ? 'circle-check' : 'circle-dot');
+    var statusLabel = reviewStatus ? reviewStatus.label : (state === 'merged' ? 'Merged' : state === 'closed' ? 'Closed' : state === 'draft' ? 'Draft' : state === 'open' ? 'Open' : 'Unknown');
+    var description = link.repository + ' · ' + label(link) + ' · ' + link.title + ' · ' + statusLabel + (link.checkedAt ? ' · Checked ' + new Date(link.checkedAt).toLocaleString() : '') + (link.stale ? ' (last known status; refresh unavailable)' : '');
+    var statusMarkup = '<span class="github-work-status' + (reviewStatus ? ' ' + reviewStatus.className : '') + '" title="' + escapeHtml(statusLabel) + '" aria-label="' + escapeHtml(statusLabel) + '">' + iconHtml(icon) + '</span>';
+    var html = anchor(link.url, description, iconHtml('github', 'github-work-brand') + statusMarkup + '<span><span class="github-work-kind">' + (link.kind === 'pr' ? 'PR ' : 'Issue ') + '</span>#' + escapeHtml(String(link.number)) + '</span>', 'session-github-link github-kind-' + (link.kind === 'pr' ? 'pr' : 'issue') + ' github-state-' + state);
     if (expanded) html = '<span class="github-work-entry">' + html + '<span class="github-work-entry-title">' + escapeHtml(link.title || '') + '</span><span class="github-work-entry-meta">' + escapeHtml(link.repository + ' · ' + state + (link.stale ? ' · Last known status' : '')) + '</span></span>';
     if (detailed && link.kind === 'pr') {
-      html += anchor(link.url + '/files', 'View PR changes on GitHub', 'Changes', 'github-work-action');
-      html += anchor(link.url + '#pullrequestreview', 'View PR reviews on GitHub', escapeHtml((link.review || 'Reviews').replace(/_/g, ' ').toLowerCase()), 'github-work-action');
+      var actions = anchor(link.url + '/files', 'View PR changes on GitHub', 'Changes', 'github-work-action') +
+        anchor(link.url + '#pullrequestreview', 'View PR reviews on GitHub', 'Reviews', 'github-work-action');
+      var checks = '';
       (link.checks || []).forEach(function (check) {
-        if (/^https:\/\//i.test(check.url)) html += anchor(check.url, check.name + ': ' + check.state, escapeHtml(check.name + ' · ' + check.state.toLowerCase()), 'github-work-action');
+        if (/^https:\/\//i.test(check.url)) checks += anchor(check.url, check.name + ': ' + check.state, '<span class="github-work-check-name">' + escapeHtml(check.name) + '</span><span class="github-work-check-state">' + escapeHtml(check.state.toLowerCase()) + '</span>', 'github-work-action github-work-check');
       });
+      return '<span class="github-work-pr-group" data-github-pr="' + escapeHtml(String(link.number)) + '">' +
+        '<span class="github-work-pr-header">' + html + '</span>' +
+        '<span class="github-work-pr-actions">' + actions + '</span>' +
+        (checks ? '<span class="github-work-pr-checks">' + checks + '</span>' : '') +
+        '</span>';
     }
     return html;
-  }).join('') + (!detailed && !expanded && links.length > displayed.length ? '<button type="button" class="github-work-more" aria-label="Show all ' + links.length + ' linked ' + (links.some(function (item) { return item.provider === 'linear'; }) ? 'work items' : 'GitHub items') + '" aria-haspopup="dialog" aria-expanded="false" data-github-links="' + escapeHtml(JSON.stringify(safeLinks(session))) + '">+' + (links.length - displayed.length) + '</button>' : '') + '</span>';
+  }).join('') + (!detailed && !expanded && links.length > displayed.length ? '<button type="button" class="github-work-more" aria-label="Show all ' + links.length + ' linked ' + (links.some(function (item) { return item.provider === 'linear'; }) ? 'work items' : 'GitHub items') + '" aria-haspopup="dialog" aria-expanded="false" data-work-session="' + escapeHtml(String(session.id || session.localId || '')) + '" data-work-primary="' + escapeHtml(JSON.stringify(session.workPrimary || {})) + '" data-github-links="' + escapeHtml(JSON.stringify(safeLinks(session))) + '">+' + (links.length - displayed.length) + '</button>' : '') + '</span>';
+}
+export function applyGithubPersonalReviewStatus(message) {
+  var state = store.snap();
+  if (!message || (message.projectSlug && message.projectSlug !== state.currentSlug) || (message.accountId && message.accountId !== state.myUserId)) return;
+  var refresh = state.githubWorkRefresh || {};
+  if (message.requestId && refresh.requestId && message.requestId !== refresh.requestId) return;
+  var updates = message.personalReview || {};
+  var scope = ensurePersonalScope();
+  var personal = Object.assign({}, store.get('githubPersonalReview') || {});
+  var sessionId = String(message.sessionId);
+  Object.keys(updates).forEach(function (url) {
+    var status = updates[url];
+    if (status === 'requested' || status === 'clear') personal[scope + '\u0000' + sessionId + '\u0000' + url.toLowerCase()] = status;
+  });
+  store.set({ githubPersonalReview: personal });
+  var sessions = store.get('githubWorkSessions') || [];
+  sessions.forEach(function (session) {
+    if (String(session.localId) !== sessionId && String(session.id) !== sessionId) return;
+    document.querySelectorAll('[data-github-session-id="' + sessionIdentifier(session) + '"] .session-work-links-slot').forEach(function (slot) { slot.innerHTML = githubWorkMarkup(session, false, false, true); });
+  });
+  syncGithubSessions(sessions);
+  refreshIcons();
 }
 export function appendGithubWork(row, session, title) {
   var html = githubWorkMarkup(session, false, false, true);
@@ -84,6 +142,7 @@ export function appendGithubWork(row, session, title) {
 }
 export function syncGithubSessions(sessions) {
   bindGithubWorkPopover();
+  ensurePersonalScope();
   store.set({ githubWorkSessions: sessions || [], githubWorkProject: store.get('currentSlug') });
   var active = (sessions || []).find(function (session) { return session.active; });
   var title = document.getElementById('header-title');
@@ -122,15 +181,16 @@ export function refreshGithubWork() {
   if (previous.key === key && Date.now() - previous.at < 60000) return;
   var ws = getWs();
   if (!ws || ws.readyState !== 1) return;
-  store.set({ githubWorkRefresh: { key: key, at: Date.now() } });
-  ws.send(JSON.stringify({ type: 'session_github_refresh', sessionIds: ids }));
+  var requestId = 'github-refresh-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+  store.set({ githubWorkRefresh: { key: key, at: Date.now(), requestId: requestId } });
+  ws.send(JSON.stringify({ type: 'session_github_refresh', sessionIds: ids, requestId: requestId, projectSlug: store.get('currentSlug'), accountId: store.get('myUserId') || null }));
   var linearIds = ids.filter(function (id) { return (store.get('githubWorkSessions') || []).some(function (item) { return item.id === id && (item.linearLinks || []).length; }); });
   if (linearIds.length) ws.send(JSON.stringify({ type: 'session_linear_refresh', sessionIds: linearIds }));
 }
 
 export function resetGithubWork() {
   closeGithubWorkPopover();
-  store.set({ githubWorkSessions: [], githubWorkProject: null, githubWorkRefresh: null });
+  store.set({ githubWorkSessions: [], githubWorkProject: null, githubWorkRefresh: null, githubPersonalReview: {}, workPrimaryPending: null });
   var header = document.getElementById('header-github-links');
   if (header) header.remove();
 }
@@ -184,6 +244,7 @@ function bindGithubWorkPopover() {
   if (store.get('githubWorkPopoverBound')) return;
   store.set({ githubWorkPopoverBound: true });
   document.addEventListener('click', function (event) {
+    if (handlePrimaryWorkClick(event)) return;
     var linear = event.target.closest('.session-linear-link');
     if (linear && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey) { event.preventDefault(); event.stopPropagation(); closeGithubWorkPopover(); import('./linear-panel.js').then(function (module) { module.openLinear(linear.href); }); return; }
     var button = event.target.closest('.github-work-more');
@@ -204,7 +265,11 @@ function bindGithubWorkPopover() {
     popup.setAttribute('role', 'dialog');
     var workTitle = links.some(function (link) { return link.provider === 'linear'; }) ? 'Linked work' : 'Linked GitHub work';
     popup.setAttribute('aria-label', workTitle);
-    popup.innerHTML = '<strong>' + workTitle + '</strong>' + githubWorkMarkup({ githubLinks: links }, false, true);
+    popup.dataset.sessionId = button.dataset.workSession || '';
+    var primary;
+    try { primary = JSON.parse(button.dataset.workPrimary || '{}'); } catch (error) { primary = {}; }
+    var popupLinks = links.map(function (link) { return Object.assign({}, link, { _githubSessionId: popup.dataset.sessionId }); });
+    popup.innerHTML = '<strong>' + workTitle + '</strong>' + primaryWorkPopover(popupLinks, primary, popup.dataset.sessionId, githubWorkMarkup);
     document.body.appendChild(popup);
     mountGithubWorkPopover(popup, button);
     button.setAttribute('aria-expanded', 'true');
@@ -224,3 +289,9 @@ function bindGithubWorkPopover() {
     if (state.currentSlug !== previous.currentSlug || state.activeSessionId !== previous.activeSessionId || state.dmMode !== previous.dmMode) closeGithubWorkPopover();
   });
 }
+store.subscribe(function (state, previous) {
+  if (state.currentSlug !== previous.currentSlug || state.myUserId !== previous.myUserId) {
+    var scope = personalScope();
+    if (state.githubPersonalReviewScope !== scope) store.set({ githubPersonalReviewScope: scope, githubPersonalReview: {} });
+  }
+});

package/lib/public/modules/session-rich-drafts.js

@@ -0,0 +1,21 @@
+import { store } from './store.js';
+import { takeComposerDraft, restoreComposerDraft } from './input.js';
+
+function key() { return [store.get('myUserId') || '', store.get('currentSlug') || '', store.get('sessionOriginId') || ''].join(':'); }
+export function checkComposerDeparture() {
+  var draft = takeComposerDraft();
+  restoreComposerDraft(draft);
+}
+export function saveSessionRichDraft() {
+  if (store.get('activeProjectMateId') || !store.get('sessionOriginId') || store.get('panePendingBinding')) return;
+  var drafts = Object.assign({}, store.get('sessionRichDrafts') || {});
+  var draft = takeComposerDraft();
+  drafts[key()] = draft;
+  restoreComposerDraft(draft);
+  store.set({ sessionRichDrafts: drafts });
+}
+export function restoreSessionRichDraft() {
+  if (store.get('activeProjectMateId') || store.get('panePendingBinding')) return;
+  var draft = (store.get('sessionRichDrafts') || {})[key()];
+  restoreComposerDraft(draft || { text: (store.get('sessionDrafts') || {})[store.get('activeSessionId')] || '', start: 0, end: 0 });
+}

package/lib/public/modules/session-switch-defer.js

@@ -0,0 +1,67 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { composerDepartureReason } from './input.js';
+import { processMessage } from './app-message-router.js';
+
+function notice(show, message) {
+  var element = document.getElementById('session-switch-wait');
+  if (!show) { if (element) element.remove(); return; }
+  if (element) { if (message) element.textContent = message; return; }
+  var area = document.getElementById('input-area');
+  if (!area) return;
+  element = document.createElement('div'); element.id = 'session-switch-wait';
+  element.className = 'session-switch-wait'; element.setAttribute('role', 'status');
+  element.textContent = 'Session change waiting. Finish or discard voice input, or wait for attachments. Your draft stays with this conversation.';
+  area.prepend(element);
+}
+
+// Keep the source composer and its async completions together. The destination
+// replay waits in order; it cannot change identity midway through an upload.
+export function deferSessionSwitch(message) {
+  var pending = store.get('deferredSessionSwitch');
+  if (pending && pending.draining) return false;
+  if (['account_auth_required', 'project_removed', 'project_access_revoked'].indexOf(message.type) >= 0) {
+    store.set({ deferredSessionSwitch: null }); notice(false); return false;
+  }
+  if (!pending && message.type === 'session_switched' && composerDepartureReason()) {
+    pending = { socket: getWs(), projectSlug: store.get('currentSlug'), ownerId: store.get('myUserId'),
+      sessionId: store.get('activeSessionId'), origin: store.get('sessionOriginId'), processing: store.get('processing'), messages: [] };
+    var speech = store.get('speechActive');
+    if (speech) speech.autoSend = false;
+    store.set({ deferredSessionSwitch: pending }); notice(true);
+  }
+  if (!pending) return false;
+  if (pending.projectSlug === store.get('currentSlug') && pending.ownerId === store.get('myUserId')) pending.socket = getWs();
+  if (store.get('connected') && pending.processing && !store.get('processing')) store.set({ processing: true });
+  pending.messages.push(message);
+  if (message.type === 'session_list' || message.type === 'session_switched') queueMicrotask(drain);
+  return true;
+}
+
+function drain() {
+  var pending = store.get('deferredSessionSwitch');
+  if (!pending || pending.draining || composerDepartureReason() || !store.get('connected')) return;
+  if (pending.socket !== getWs() || pending.projectSlug !== store.get('currentSlug') || pending.ownerId !== store.get('myUserId')) return;
+  var latestSwitch, latestList;
+  pending.messages.forEach(function (message) {
+    if (message.type === 'session_switched') latestSwitch = message;
+    if (message.type === 'session_list') latestList = message;
+  });
+  if (!latestSwitch || !latestList) return;
+  var target = (latestList.sessions || []).find(function (session) { return session.id === latestSwitch.id; });
+  if (!target || target.sessionOriginId !== latestSwitch.sessionOriginId) {
+    notice(true, 'The conversation changed while your draft was waiting. Your draft is preserved. Choose a conversation to continue.');
+    return;
+  }
+  // Restoring superseded snapshots must not trigger outbound session effects
+  // before the final authoritative target is installed.
+  pending.draining = true;
+  pending.finalSwitch = latestSwitch;
+  pending.messages.forEach(processMessage);
+  store.set({ deferredSessionSwitch: null }); notice(false);
+}
+
+store.subscribe(function (state, previous) {
+  if (state.deferredSessionSwitch && (state.composerUploadingCount !== previous.composerUploadingCount ||
+      state.speechActive !== previous.speechActive || state.speechRetry !== previous.speechRetry || state.connected !== previous.connected)) queueMicrotask(drain);
+});

package/lib/public/modules/session-work-primary.js

@@ -0,0 +1,51 @@
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { escapeHtml } from './utils.js';
+var PRIMARY_PIN = '<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path class="work-primary-pin-head" d="M16 9V4l1-1V2H7v1l1 1v5l-2 3v2h12v-2z"/><path d="M12 14v8"/></svg>';
+function attr(value) { return escapeHtml(String(value)).replace(/"/g, '&quot;').replace(/'/g, '&#39;'); }
+export function primaryWorkPopover(links, primary, sessionId, render) {
+  var html = ['linear', 'pr', 'issue'].map(function (type) {
+    var items = links.filter(function (link) { return (link.provider === 'linear' ? 'linear' : link.kind) === type; }).reverse();
+    if (!items.length) return '';
+    return '<section class="work-primary-group"><h3>' + ({ linear: 'Linear issues', pr: 'Pull requests', issue: 'GitHub issues' })[type] + '</h3>' + items.map(function (link) {
+      var selected = String(primary[type] || '').toLowerCase() === link.url.toLowerCase();
+      return '<div class="work-primary-row">' + render({ githubLinks: [link] }, false, true) +
+        (sessionId ? '<button type="button" class="work-primary-choice" data-primary-url="' + attr(link.url) + '" aria-label="' + attr((selected ? 'Primary: ' : 'Make primary: ') + (link.identifier || (type === 'pr' ? 'PR #' : 'Issue #') + link.number)) + '" title="' + (selected ? 'Primary' : 'Make primary') + '" aria-pressed="' + selected + '"' + (selected ? ' disabled' : '') + '>' + PRIMARY_PIN + '</button>' : '') + '</div>';
+    }).join('') + '</section>';
+  }).join('');
+  return html + '<p class="work-primary-feedback" role="status" aria-live="polite"></p>';
+}
+export function handlePrimaryWorkClick(event) {
+  var button = event.target.closest('.work-primary-choice');
+  if (!button) return false;
+  event.preventDefault(); event.stopPropagation();
+  var popup = button.closest('#github-work-popover'), ws = getWs();
+  if (!popup) return true;
+  var feedback = popup.querySelector('.work-primary-feedback');
+  if (!ws || ws.readyState !== 1) { feedback.textContent = 'Reconnect to save your selection.'; return true; }
+  var requestId = 'work-primary-' + Date.now() + '-' + Math.random().toString(36).slice(2);
+  store.set({ workPrimaryPending: { requestId: requestId, sessionId: Number(popup.dataset.sessionId), projectSlug: store.get('currentSlug') } });
+  popup.querySelectorAll('.work-primary-choice').forEach(function (control) { control.disabled = true; });
+  feedback.textContent = 'Saving…';
+  var projectSlug = store.get('currentSlug');
+  setTimeout(function () {
+    handlePrimaryWorkResult({ requestId: requestId, projectSlug: projectSlug, error: 'Save confirmation did not arrive. Reopen the list to check, or retry.' });
+  }, 15000);
+  try { ws.send(JSON.stringify({ type: 'session_work_primary_set', requestId: requestId, sessionId: Number(popup.dataset.sessionId), url: button.dataset.primaryUrl })); }
+  catch (error) { handlePrimaryWorkResult({ requestId: requestId, projectSlug: store.get('currentSlug'), error: 'Could not send your selection. Please retry.' }); }
+  return true;
+}
+export function handlePrimaryWorkResult(msg) {
+  var pending = store.get('workPrimaryPending');
+  if (!pending || msg.requestId !== pending.requestId || msg.projectSlug !== pending.projectSlug) return;
+  store.set({ workPrimaryPending: null });
+  var popup = document.getElementById('github-work-popover');
+  if (!popup || Number(popup.dataset.sessionId) !== pending.sessionId || store.get('currentSlug') !== pending.projectSlug) return;
+  popup.querySelectorAll('.work-primary-choice').forEach(function (button) {
+    var selected = msg.error ? button.getAttribute('aria-pressed') === 'true' : Object.values(msg.workPrimary || {}).some(function (url) { return url.toLowerCase() === button.dataset.primaryUrl.toLowerCase(); });
+    button.setAttribute('aria-pressed', String(selected)); button.disabled = selected;
+    button.title = selected ? 'Primary' : 'Make primary';
+    button.setAttribute('aria-label', (selected ? 'Primary: ' : 'Make primary: ') + button.getAttribute('aria-label').replace(/^(Primary|Make primary): /, ''));
+  });
+  popup.querySelector('.work-primary-feedback').textContent = msg.error || 'Primary saved.';
+}

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

@@ -2,9 +2,9 @@
 // Used by both server-settings.js and project-settings.js
 
 export var MODE_OPTIONS = [
-  { value: "default", label: "Default", desc: "Claude asks for permission before running tools and editing files." },
-  { value: "plan", label: "Plan", desc: "Claude creates a plan first and asks for approval before making changes." },
-  { value: "acceptEdits", label: "Auto-accept edits", desc: "File edits are applied automatically. Claude still asks before running commands." },
+  { value: "default", label: "Default", desc: "The agent asks for permission before running tools and editing files." },
+  { value: "plan", label: "Plan", desc: "The agent creates a plan first and asks for approval before making changes." },
+  { value: "acceptEdits", label: "Auto-accept edits", desc: "File edits are applied automatically. The agent still asks before running commands." },
 ];
 
 export var EFFORT_LEVELS = [
@@ -16,29 +16,17 @@ export var EFFORT_LEVELS = [
 
 export var THINKING_OPTIONS = [
   { value: "disabled", label: "Off", desc: "Disable extended thinking." },
-  { value: "adaptive", label: "Adaptive", desc: "Claude decides when to use extended thinking." },
+  { value: "adaptive", label: "Adaptive", desc: "The agent decides when to use extended thinking." },
   { value: "budget", label: "Budget", desc: "Set a token budget for extended thinking." },
 ];
 
-export var MODEL_DESCRIPTIONS = {
-  "default": "Automatically selects the best model for the task.",
-  "sonnet": "Fast and capable. Great balance of speed and intelligence.",
-  "haiku": "Fastest model. Best for quick tasks and simple questions.",
-  "opus": "Most powerful model. Best for complex reasoning and analysis.",
-};
-
 export function getModelDesc(model) {
-  if (!model) return "";
-  var lower = (model.value || model).toLowerCase();
-  for (var key in MODEL_DESCRIPTIONS) {
-    if (lower.indexOf(key) !== -1) return MODEL_DESCRIPTIONS[key];
-  }
-  return "";
+  return model && typeof model === "object" && typeof model.description === "string" ? model.description : "";
 }
 
+// Compatibility name for the retired beta control; model metadata owns support.
 export function isSonnetModel(model) {
-  if (!model) return false;
-  return model.toLowerCase().indexOf("sonnet") !== -1;
+  return !!(model && typeof model === "object" && model.supportsBetaContext === true);
 }
 
 // --- Render functions ---
@@ -75,7 +63,7 @@ export function renderModelList(prefix, opts) {
       nameSpan.textContent = label;
       item.appendChild(nameSpan);
 
-      var desc = getModelDesc(value);
+      var desc = getModelDesc(m);
       if (desc) {
         var descSpan = document.createElement("span");
         descSpan.className = "settings-model-desc";
@@ -106,7 +94,9 @@ export function renderModeList(prefix, opts) {
   var currentMode = opts.currentMode || "default";
   listEl.innerHTML = "";
 
-  for (var i = 0; i < MODE_OPTIONS.length; i++) {
+  var modes = (opts.configuration || {}).permissionModes || [];
+  if (listEl.parentElement) listEl.parentElement.style.display = modes.length ? "" : "none";
+  for (var i = 0; i < modes.length; i++) {
     (function (opt) {
       var item = document.createElement("div");
       item.className = "settings-model-item" + (opt.value === currentMode ? " active" : "");
@@ -129,7 +119,7 @@ export function renderModeList(prefix, opts) {
       });
 
       listEl.appendChild(item);
-    })(MODE_OPTIONS[i]);
+    })(modes[i]);
   }
 }
 
@@ -143,7 +133,12 @@ export function renderEffortBar(prefix, opts) {
   var currentEffort = opts.currentEffort || "medium";
   bar.innerHTML = "";
 
-  for (var i = 0; i < EFFORT_LEVELS.length; i++) {
+  var levels = opts.effortLevels || [];
+  var model = (opts.models || []).find(function (item) { return item.value === opts.currentModel; });
+  if (model && model.supportsEffort === false) levels = [];
+  else if (model && Array.isArray(model.supportedEffortLevels)) levels = model.supportedEffortLevels;
+  if (bar.parentElement) bar.parentElement.style.display = levels.length ? "" : "none";
+  for (var i = 0; i < levels.length; i++) {
     (function (lvl) {
       var btn = document.createElement("button");
       btn.className = "settings-btn-option" + (lvl.value === currentEffort ? " active" : "");
@@ -156,7 +151,7 @@ export function renderEffortBar(prefix, opts) {
         btn.classList.add("active");
       });
       bar.appendChild(btn);
-    })(EFFORT_LEVELS[i]);
+    })({ value: levels[i], desc: (EFFORT_LEVELS.find(function (item) { return item.value === levels[i]; }) || {}).desc || "" });
   }
 }
 
@@ -173,7 +168,10 @@ export function renderThinkingBar(prefix, opts) {
   var budgetInput = document.getElementById(prefix + "-thinking-budget");
   bar.innerHTML = "";
 
-  for (var i = 0; i < THINKING_OPTIONS.length; i++) {
+  var thinking = (opts.configuration || {}).thinking;
+  if (bar.parentElement) bar.parentElement.style.display = thinking ? "" : "none";
+  var thinkingOptions = thinking ? THINKING_OPTIONS.filter(function(opt) { return thinking.options.indexOf(opt.value) >= 0; }) : [];
+  for (var i = 0; i < thinkingOptions.length; i++) {
     (function (opt) {
       var btn = document.createElement("button");
       btn.className = "settings-btn-option" + (opt.value === currentThinking ? " active" : "");
@@ -191,10 +189,10 @@ export function renderThinkingBar(prefix, opts) {
         if (budgetRow) budgetRow.style.display = opt.value === "budget" ? "" : "none";
       });
       bar.appendChild(btn);
-    })(THINKING_OPTIONS[i]);
+    })(thinkingOptions[i]);
   }
 
-  if (budgetRow) budgetRow.style.display = currentThinking === "budget" ? "" : "none";
+  if (budgetRow) budgetRow.style.display = thinking && currentThinking === "budget" ? "" : "none";
   if (budgetInput) {
     budgetInput.value = currentBudget;
     budgetInput.addEventListener("change", function () {
@@ -212,7 +210,8 @@ export function renderBetaCard(prefix, opts) {
   var model = opts.overrideModel || opts.currentModel || "";
   var card = document.getElementById(prefix + "-beta-card");
   if (card) {
-    card.style.display = isSonnetModel(model) ? "" : "none";
+    var descriptor = (opts.models || []).find(function(item) { return item.value === model; });
+    card.style.display = isSonnetModel(descriptor) ? "" : "none";
   }
 
   var toggle = document.getElementById(prefix + "-beta-1m");