clay-server 5.2.0-beta.4 → 5.2.0-beta.6

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

@@ -66,7 +66,7 @@ export function permissionStatusText(state, pending, autoSupported, autoVisible)
   if (state.permissionMode === "plan") return "Plan workflow";
   if (state.permissionMode === "acceptEdits") return "Auto-accept edits workflow";
   if (state.permissionMode === "dontAsk") return "Don't ask workflow";
-  if (autoVisible && !autoSupported) return "Auto unavailable for this Claude session";
+  if (autoVisible && !autoSupported) return "Auto unavailable for this session";
   if (state.permissionMode === "auto" && !state.effectivePermissionMode) return "Auto selected · waiting for runtime";
   if (state.permissionMode === "auto" && state.effectivePermissionMode !== "auto") {
     return "Auto unavailable at runtime · using " + modeLabel(state.effectivePermissionMode);
@@ -91,7 +91,8 @@ export function renderPermissionControl(control, state) {
   var projectSlug = state.projectSlug || "";
   var sessionId = state.sessionId || null;
   var pending = permissionPendingFor(projectSlug, sessionId);
-  var autoVisible = state.vendor === "claude";
+  var description = ((store.get("vendorInfo") || {})[state.vendor] || {}).configuration || {};
+  var autoVisible = description.auto === true || !!(state.permissionCapabilities && state.permissionCapabilities.auto === true);
   var autoSupported = !!(state.permissionCapabilities && state.permissionCapabilities.auto === true);
   var globallyForced = state.globalPermissionModeForced === true;
   var connected = state.connected !== false && !!getWs() && getWs().readyState === 1;
@@ -114,7 +115,7 @@ export function renderPermissionControl(control, state) {
     buttons[i].classList.toggle("pending", requested);
     buttons[i].setAttribute("aria-pressed", selected ? "true" : "false");
     buttons[i].setAttribute("aria-busy", requested ? "true" : "false");
-    buttons[i].title = unsupported ? "Auto permissions are unavailable for this Claude session." : buttonTitles[mode];
+    buttons[i].title = unsupported ? "Auto permissions are unavailable for this session." : buttonTitles[mode];
   }
   var status = control.querySelector(".session-permission-status");
   if (status) {
@@ -138,7 +139,7 @@ export function bindPermissionControl(control, getState) {
     var autoSupported = !!(state.permissionCapabilities && state.permissionCapabilities.auto === true);
     if (state.visible === false || state.locked === true || state.globalPermissionModeForced === true || state.connected === false || store.get('connected') === false) return;
     if (!state.projectSlug || state.projectSlug !== store.get('currentSlug') || !state.sessionId) return;
-    if (mode === "auto" && (state.vendor !== "claude" || !autoSupported)) return;
+    if (mode === "auto" && !autoSupported) return;
     sendPermissionMode(state.projectSlug, state.sessionId, mode);
   });
 }

package/lib/public/modules/personal-settings-dialog.js

@@ -17,7 +17,13 @@ export function preparePersonalConnectionDialog(overlay, inline) {
     if (label && input) label.htmlFor = input.id;
   });
   enhanceSettingsSelects(overlay);
-  function markDirty() { dirty = true; if (inline) store.set({personalEmailDirty:true}); }
+  var fields = Array.from(overlay.querySelectorAll('input,select,textarea'));
+  function value(field) {return field.type === 'checkbox' ? field.checked : field.value;}
+  var baseline = fields.map(value);
+  function markDirty() {
+    dirty = fields.some(function (field, index) {return value(field) !== baseline[index];});
+    if (inline) store.set({personalEmailDirty:dirty});
+  }
   overlay.addEventListener('input', markDirty);
   overlay.addEventListener('change', markDirty);
   var unsubscribe = inline ? store.subscribe(function (state, previousState) {

package/lib/public/modules/project-access-recovery.js

@@ -0,0 +1,17 @@
+import { store } from './store.js';
+
+// Hard navigation destroys detached panels, cached transcripts and sockets.
+// Clear the rendered document first so revoked content cannot linger while the
+// replacement page is loading or when that request fails.
+export function leaveRevokedProject(url) {
+  store.set({ activeSessionId: null, activeProjectSlug: null, sessionActivatedProjectSlug: null, sessions: [], splitPanes: null });
+  document.body.replaceChildren();
+  window.location.replace(url || "/");
+}
+
+export function reconnectDestination(info, slug) {
+  if (!slug || !info || !Array.isArray(info.projects)) return null;
+  var project = info.projects.find(function (item) { return item.slug === slug; });
+  if (!project) return "/";
+  return project.contentAccess === false ? "/p/" + encodeURIComponent(slug) + "/" : null;
+}

package/lib/public/modules/project-admin-overview.js

@@ -0,0 +1,21 @@
+// This page never opens a project socket or loads project content modules.
+var tabs = Array.from(document.querySelectorAll('[role="tab"]'));
+function select(tab) {
+  tabs.forEach(function (item) {
+    var active = item === tab;
+    item.setAttribute("aria-selected", String(active));
+    item.tabIndex = active ? 0 : -1;
+    document.getElementById(item.getAttribute("aria-controls")).hidden = !active;
+  });
+}
+tabs.forEach(function (tab, index) {
+  tab.addEventListener("click", function () { select(tab); });
+  tab.addEventListener("keydown", function (event) {
+    if (["ArrowLeft", "ArrowRight", "Home", "End"].indexOf(event.key) === -1) return;
+    event.preventDefault();
+    var target = event.key === "Home" ? tabs[0] : event.key === "End" ? tabs[tabs.length - 1] : tabs[(index + (event.key === "ArrowRight" ? 1 : tabs.length - 1)) % tabs.length];
+    select(target);
+    target.focus();
+  });
+});
+select(tabs[0]);

package/lib/public/modules/scheduler.js

@@ -784,6 +784,8 @@ function renderModelTab(bodyEl, rec) {
   }
 
   var opts = {
+    effortLevels: ((store.get("vendorInfo") || {})[store.get("currentVendor")] || {}).effortLevels || [],
+    configuration: ((store.get("vendorInfo") || {})[store.get("currentVendor")] || {}).configuration || {},
     models: store.get('currentModels') || [],
     currentModel: settings.model || "",
     currentMode: settings.permissionMode || "default",

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

@@ -46,6 +46,28 @@ function compactGithubWork(links, sessionRow) {
   var latestPr = links.find(function (link) { return link.kind === 'pr'; });
   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);
   if (!links.length) return '';
@@ -56,13 +78,17 @@ 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') {
       var actions = anchor(link.url + '/files', 'View PR changes on GitHub', 'Changes', 'github-work-action') +
-        anchor(link.url + '#pullrequestreview', 'View PR reviews on GitHub', escapeHtml((link.review || 'Reviews').replace(/_/g, ' ').toLowerCase()), '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)) 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');
@@ -76,6 +102,28 @@ export function githubWorkMarkup(session, detailed, expanded, sessionRow) {
     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-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);
   bindGithubWorkPopover();
@@ -94,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');
@@ -132,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, workPrimaryPending: null });
+  store.set({ githubWorkSessions: [], githubWorkProject: null, githubWorkRefresh: null, githubPersonalReview: {}, workPrimaryPending: null });
   var header = document.getElementById('header-github-links');
   if (header) header.remove();
 }
@@ -218,7 +268,8 @@ function bindGithubWorkPopover() {
     popup.dataset.sessionId = button.dataset.workSession || '';
     var primary;
     try { primary = JSON.parse(button.dataset.workPrimary || '{}'); } catch (error) { primary = {}; }
-    popup.innerHTML = '<strong>' + workTitle + '</strong>' + primaryWorkPopover(links, primary, popup.dataset.sessionId, githubWorkMarkup);
+    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');
@@ -238,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/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");

package/lib/public/modules/sidebar-session-folders-ui.js

@@ -353,7 +353,7 @@ function renderSection(section, ctx, kind) {
     body.appendChild(empty);
   }
   var view = currentFolderState().view;
-  var dateGroups = isFavorites ? null : groupUnitsByDate(section.units, view.sort, view.direction);
+  var dateGroups = isFavorites || view.showDateHeadings === false ? null : groupUnitsByDate(section.units, view.sort, view.direction);
   if (dateGroups) {
     for (var g = 0; g < dateGroups.length; g++) {
       var ids = groupRootSessionIds(dateGroups[g].units);

package/lib/public/modules/sticky-note-markdown.js

@@ -6,7 +6,32 @@ export function getTitle(text) {
   return idx === -1 ? text : text.substring(0, idx);
 }
 
-function formatInline(text) {
+function checklistFence(line) {
+  var match = line.match(/^\s*(\x60{3,}|~{3,})/);
+  return match ? match[1].charAt(0) : null;
+}
+
+export function getChecklistItems(text) {
+  var lines = (text || "").split("\n").slice(1);
+  var items = [];
+  var fence = null;
+  var occurrences = Object.create(null);
+  for (var i = 0; i < lines.length; i++) {
+    var line = lines[i];
+    var nextFence = checklistFence(line);
+    if (nextFence) {
+      fence = fence === nextFence ? null : (fence || nextFence);
+      continue;
+    }
+    if (fence || !line.trim() || /^\s*#{1,6}\s/.test(line)) continue;
+    var occurrence = occurrences[line] || 0;
+    occurrences[line] = occurrence + 1;
+    items.push({ index: i, text: line, key: line + "\u0000" + occurrence });
+  }
+  return items;
+}
+
+function formatInline(text, preserveChecks) {
   var escaped = text
     .replace(/&/g, "&amp;")
     .replace(/</g, "&lt;")
@@ -17,18 +42,59 @@ function formatInline(text) {
     .replace(/(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, "<em>$1</em>")
     .replace(/`([^`]+)`/g, "<code>$1</code>")
     .replace(/~~(.+?)~~/g, "<del>$1</del>")
-    .replace(/^(?:-\s*)?\[[xX]\]/gm, '<span class="sn-check checked" role="checkbox" aria-checked="true" tabindex="0" contenteditable="false">✓</span>')
-    .replace(/^(?:-\s*)?\[ \]/gm, '<span class="sn-check" role="checkbox" aria-checked="false" tabindex="0" contenteditable="false">☐</span>')
+    .replace(preserveChecks ? /(?!x)x^/ : /^(?:-\s*)?\[[xX]\]/gm, '<span class="sn-check checked" role="checkbox" aria-checked="true" tabindex="0" contenteditable="false">✓</span>')
+    .replace(preserveChecks ? /(?!x)x^/ : /^(?:-\s*)?\[ \]/gm, '<span class="sn-check" role="checkbox" aria-checked="false" tabindex="0" contenteditable="false">☐</span>')
     .replace(/\n/g, "<br>");
 }
 
-export function renderMiniMarkdown(text) {
+export function renderMiniMarkdown(text, options) {
   if (!text) return "";
+  options = options || {};
   var lines = text.split("\n");
   var title = lines[0];
   var body = lines.slice(1).join("\n");
-  var html = '<div class="sn-title">' + formatInline(title) + "</div>";
-  if (body.trim()) html += formatInline(body);
+  var html = '<div class="sn-title">' + formatInline(title, options.checklistMode) + "</div>";
+  if (body.trim()) {
+    if (options.checklistMode) {
+      var checklistLines = body.split("\n");
+      var checklistHtml = [];
+      var inCode = false;
+      var fenceChar = null;
+      var occurrences = Object.create(null);
+      for (var i = 0; i < checklistLines.length; i++) {
+        var line = checklistLines[i];
+        var lineFence = checklistFence(line);
+        if (lineFence) {
+          fenceChar = fenceChar === lineFence ? null : (fenceChar || lineFence);
+          inCode = !!fenceChar;
+          checklistHtml.push(formatInline(line, true));
+          if (i < checklistLines.length - 1) checklistHtml.push("<br>");
+          continue;
+        }
+        var task = !inCode && line.trim() && !/^\s*#{1,6}\s/.test(line);
+        if (task) {
+          var markerMatch = line.match(/^\s*(?:[-*+]\s+)?\[([ xX])\]\s*(.*)$/);
+          var checked = markerMatch ? markerMatch[1].toLowerCase() === "x" : false;
+          var content = markerMatch ? markerMatch[2] : line;
+          var occurrence = occurrences[line] || 0;
+          occurrences[line] = occurrence + 1;
+          var checklistKey = line + "\u0000" + occurrence;
+          var stored = options.checklistState && options.checklistState[checklistKey];
+          if (stored === undefined && Array.isArray(options.checklistState)) stored = options.checklistState[i];
+          if (stored !== undefined) {
+            checked = stored === true;
+          }
+          checklistHtml.push('<span class="sn-check' + (checked ? ' checked' : '') + '" data-checklist-index="' + i + '" data-checklist-key="' + encodeURIComponent(checklistKey) + '" role="checkbox" aria-checked="' + (checked ? 'true' : 'false') + '" tabindex="0" contenteditable="false">' + (checked ? "✓" : "☐") + "</span>" + formatInline(content));
+        } else {
+          checklistHtml.push(formatInline(line, !!inCode));
+        }
+        if (i < checklistLines.length - 1) checklistHtml.push("<br>");
+      }
+      html += checklistHtml.join("");
+    } else {
+      html += formatInline(body);
+    }
+  }
   return html;
 }
 

package/lib/public/modules/sticky-notes-actions.js

@@ -0,0 +1,30 @@
+import { getNoteUiState, clearNoteTextTimer, setNoteUiState } from './sticky-notes-shared.js';
+import { checklistDraftText } from './sticky-notes-checklist.js';
+import { mutateChecklist } from './sticky-notes-state.js';
+import { confirmSettingsAction } from './server-settings-state.js';
+
+export function requestChecklistMode(id) {
+  var ui = getNoteUiState(id);
+  if (ui.pending.length) return;
+  if (ui.checklistMode) { mutateChecklist(id, { checklistMode: false }); return; }
+  var text = ui.text;
+  var canonical = ui.canonical;
+  function convert() {
+    var current = getNoteUiState(id);
+    if (current.text !== text || current.canonical.text !== canonical.text || current.canonical.updatedAt !== canonical.updatedAt) {
+      setNoteUiState(id, { error: 'The note changed. Review its contents and try again.' }); return;
+    }
+    clearNoteTextTimer(id);
+    mutateChecklist(id, { checklistConvert: true, checklistSource: canonical.text, checklistVersion: canonical.updatedAt });
+  }
+  if (text.trim() || (canonical.text || '').trim()) {
+    confirmSettingsAction('Switching to a checklist will delete all existing contents and completion marks. Continue with an empty checklist?', 'Delete contents and create checklist', convert);
+  } else convert();
+}
+
+export function closeHumanNote(id, fallback) {
+  var ui = getNoteUiState(id, fallback);
+  if (ui.pending.length) { setNoteUiState(id, { error: 'Wait for the current save before closing.' }); return; }
+  clearNoteTextTimer(id);
+  mutateChecklist(id, { humanClose: true, expectedText: ui.canonical.text, expectedVersion: ui.canonical.updatedAt, draftText: ui.checklistMode ? checklistDraftText(ui) : ui.text });
+}