clay-server 5.1.0-beta.1 → 5.1.0-beta.3

package/lib/public/modules/server-storage-settings.js

@@ -0,0 +1,84 @@
+import { store } from './store.js';
+
+function size(bytes) {
+  if (bytes < 1024) return bytes + ' B';
+  var units = ['KiB', 'MiB', 'GiB', 'TiB'];
+  var index = -1;
+  do { bytes /= 1024; index++; } while (bytes >= 1024 && index < units.length - 1);
+  return bytes.toFixed(1) + ' ' + units[index];
+}
+function cell(row, text, header) {
+  var el = document.createElement(header ? 'th' : 'td');
+  el.textContent = text;
+  if (header) el.scope = 'row';
+  row.appendChild(el);
+}
+function render(data) {
+  var projectMode = data.attribution === 'project';
+  document.getElementById('settings-storage-description').textContent = projectMode ? 'Project disk usage grouped by project owner, alongside shared Clay data.' : 'Disk usage across Clay data, registered projects and mapped Linux home directories.';
+  document.getElementById('settings-storage-owner-heading').textContent = projectMode ? 'Projects' : 'Linux account';
+  document.querySelector('.settings-storage-table').setAttribute('aria-label', projectMode ? 'Allocated disk usage by project owner' : 'Allocated disk usage by filesystem owner');
+  document.getElementById('settings-storage-explanation').textContent = (projectMode ? 'Project files are attributed to their registered project owner. Nested projects use their own owner; conflicting shared paths or hard links are unattributed. ' : 'Allocated space is attributed by Linux file owner, including directory metadata. ') + 'Shared paths count once. Symlinks and nested mounts are skipped. Results may be cached for 5 minutes. Refresh usage requests a new measurement.';
+  document.getElementById('settings-storage-attribution-note').textContent = projectMode ? 'System / unattributed includes Clay data outside projects, unowned projects and conflicting shared files. Home directories are included only if registered as projects.' : 'System / unattributed includes unmapped or shared Linux identities. Unavailable means the account cannot be uniquely mapped; it does not mean zero usage.';
+  var body = document.getElementById('settings-storage-users');
+  body.replaceChildren();
+  data.users.slice().sort(function (a, b) { return b.bytes - a.bytes; }).forEach(function (user) {
+    var row = document.createElement('tr');
+    cell(row, user.name, true);
+    cell(row, projectMode ? String(user.projects || 0) : user.linuxUser || 'No Linux account');
+    cell(row, user.mapped ? (data.scanning || data.partial ? 'At least ' : '') + size(user.bytes) : 'Unavailable');
+    cell(row, user.mapped ? user.files.toLocaleString() : '—');
+    body.appendChild(row);
+  });
+  var shared = document.createElement('tr');
+  cell(shared, 'System / unattributed', true); cell(shared, projectMode ? 'Shared / unowned' : 'Other filesystem owners');
+  cell(shared, size(data.unattributedBytes)); cell(shared, data.unattributedFiles.toLocaleString());
+  body.appendChild(shared);
+  document.getElementById('settings-storage-total').textContent = (data.partial || data.scanning ? 'At least ' : '') + size(data.totalBytes);
+  var status = document.getElementById('settings-storage-status');
+  status.textContent = (data.scanning ? 'Scan in progress; these totals are not final. ' : '') + (data.partial ? 'Partial scan: some paths were unreadable, on another filesystem, or exceeded the scan limit. ' : '') +
+    'Checked ' + new Date(data.checkedAt).toLocaleTimeString() + '. ' + data.roots + ' storage roots scanned.';
+  status.dataset.state = data.scanning ? 'pending' : data.partial ? 'error' : 'saved';
+  document.getElementById('settings-storage-results').hidden = false;
+}
+export async function loadStorageUsage(refresh) {
+  if (store.get('serverStorageLoading')) return;
+  clearTimeout(store.get('serverStorageTimer'));
+  var button = document.getElementById('settings-storage-refresh');
+  var status = document.getElementById('settings-storage-status');
+  store.set({ serverStorageLoading: true });
+  button.disabled = true;
+  button.textContent = 'Measuring…';
+  if (!store.get('serverStorageScanning')) status.textContent = 'Measuring disk usage. Large directories can take several seconds.';
+  status.dataset.state = 'pending';
+  try {
+    var response = await fetch('/api/server/storage' + (refresh === true ? '?refresh=1' : ''), { credentials: 'same-origin' });
+    var data = await response.json();
+    if (!response.ok) {
+      if (response.status === 401 || response.status === 403) {
+        store.set({ serverStorageUsage: null });
+        document.getElementById('settings-storage-results').hidden = true;
+      }
+      throw new Error(data.error || 'Disk usage is unavailable. Try refreshing.');
+    }
+    store.set({ serverStorageUsage: data, serverStorageScanning: !!data.scanning });
+    if (data.users) render(data);
+    if (data.scanning) {
+      status.textContent = 'Scan in progress. Project files, including node_modules, are being measured; totals are not final.';
+      store.set({ serverStorageTimer: setTimeout(function () {
+        if (store.get('serverSettingsPage') === 'storage' && !document.getElementById('server-settings').classList.contains('hidden')) loadStorageUsage();
+      }, 1500) });
+    }
+  } catch (error) {
+    store.set({ serverStorageScanning: false });
+    status.textContent = error.message + (store.get('serverStorageUsage') ? ' Previous measurements remain below.' : '');
+    status.dataset.state = 'error';
+  } finally {
+    store.set({ serverStorageLoading: false });
+    button.disabled = !!store.get('serverStorageScanning');
+    button.textContent = button.disabled ? 'Measuring…' : 'Refresh usage';
+  }
+}
+export function initStorageUsage() {
+  document.getElementById('settings-storage-refresh').addEventListener('click', function () { loadStorageUsage(true); });
+}

package/lib/public/modules/session-activity-tooltip.js

@@ -0,0 +1,12 @@
+function formatSessionActivity(value) {
+  if (!value) return "";
+  var date = new Date(value);
+  if (isNaN(date.getTime())) return "";
+  try {
+    return "Last activity: " + new Intl.DateTimeFormat(undefined, { dateStyle: "medium", timeStyle: "short" }).format(date);
+  } catch (error) {
+    return "Last activity: " + date.toLocaleString();
+  }
+}
+
+export { formatSessionActivity };

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

@@ -1,6 +1,6 @@
 // The inline "new session" draft row that sits under a folder header (also when
-// the folder is collapsed): provider icon, a compact provider picker and icon
-// Cancel. The stable header action becomes Create. State and server round
+// the folder is collapsed): provider icon, a compact provider picker, Create
+// and icon Cancel. The header action remains New session. State and server round
 // trips are in session-create.js; this module only builds and repaints the DOM
 // from the store, so the row keeps its provider, focus and error across list
 // rerenders and server updates.
@@ -12,7 +12,7 @@ import { startNewSession } from './sidebar-sessions.js';
 import { closeMobileSheet } from './sidebar-mobile.js';
 import {
   createState, createOptions, installedVendorIds,
-  openSessionCreate, closeSessionCreate, chooseVendor, setCreateMenu, submitSessionCreate, saveProjectDefault, retryOptions
+  beginSessionCreate, closeSessionCreate, chooseVendor, setCreateMenu, submitSessionCreate, submitMateSessionCreate, saveProjectDefault, retryOptions
 } from './session-create.js';
 
 // Every registered provider, in the established order, followed by any the
@@ -61,6 +61,15 @@ function focusHeaderButton(folderId) {
   requestAnimationFrame(applyFocus);
 }
 
+function focusCreateRow(folderId) {
+  var rows = document.querySelectorAll('.session-create-row[data-folder-id="' + folderId + '"]');
+  for (var i = 0; i < rows.length; i++) {
+    if (!rows[i].getClientRects().length) continue;
+    var target = rows[i].querySelector('[data-focus-key="vendor"]') || rows[i].querySelector('[data-focus-key="create"]') || rows[i].querySelector('[data-focus-key="cancel"]');
+    if (target && !target.disabled) { target.focus({ preventScroll: true }); return; }
+  }
+}
+
 function prefersReducedMotion() {
   return typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
@@ -106,20 +115,25 @@ function createStatusMessage(form, options, valid) {
 function paintNewSessionButton(btn, folderId, label) {
   var form = createState();
   var active = !!(form && form.folderId === folderId);
+  var direct = active && form.mode === "mate-direct";
   var options = createOptions();
-  var valid = active && options.loaded && installedVendorIds().indexOf(form.vendor) !== -1;
+  var valid = direct || (active && options.loaded && installedVendorIds().indexOf(form.vendor) !== -1);
   var pending = active && form.phase === "pending";
-  var buttonText = !active ? "New session" : (pending ? "Creating…" : (!options.loaded ? "Loading…" : (!valid ? "Choose provider" : "Click to create")));
-  var status = active ? createStatusMessage(form, options, valid) : "";
+  var uncertain = direct && form.phase === "uncertain";
+  var buttonText = direct ? (pending ? "Creating…" : (uncertain ? "Check sessions" : "Retry")) : "New session";
+  var status = active ? (direct ? (form.error || (pending ? "Creating session…" : "")) : createStatusMessage(form, options, valid)) : "";
   ensureNewSessionButtonContent(btn);
-  btn.classList.toggle("is-create", active);
+  btn.classList.toggle("is-create", direct);
   btn.setAttribute("aria-expanded", String(active));
   btn.setAttribute("aria-busy", String(pending));
-  btn.setAttribute("aria-label", active ? (pending ? "Creating session in " : (valid ? "Click to create session in " : buttonText + " for ")) + label : "New session in " + label);
+  var activeLabel = direct
+    ? (pending ? "Creating session in " : (uncertain ? "Check sessions in " : "Retry new session in "))
+    : "New session in ";
+  btn.setAttribute("aria-label", active ? activeLabel + label : "New session in " + label);
   var controls = btn.getAttribute("aria-controls");
   if (active && status && controls) btn.setAttribute("aria-describedby", controls + "-status");
   else btn.removeAttribute("aria-describedby");
-  btn.disabled = active ? (pending || !valid) : !!(form && form.phase === "pending");
+  btn.disabled = direct ? (pending || uncertain) : !!(form && form.phase === "pending");
   setNewSessionButtonText(btn, buttonText, active && (!form.openedAt || Date.now() - form.openedAt < 400 || btn.isConnected));
   refreshIcons();
 }
@@ -136,8 +150,12 @@ export function renderNewSessionButton(folderId, label, surface) {
   btn.addEventListener("click", function (event) {
     event.stopPropagation();
     var live = createState();
-    if (live && live.folderId === folderId) { submitAndClose(); return; }
-    openSessionCreate(folderId);
+    if (live && live.folderId === folderId) {
+      if (live.mode === "mate-direct") submitMateSessionCreate();
+      else focusCreateRow(folderId);
+      return;
+    }
+    beginSessionCreate(folderId);
     focusHeaderButton(folderId);
   });
   return btn;
@@ -160,6 +178,10 @@ export function renderCreateRow(folderId, label, surface) {
   root.setAttribute("role", "group");
   root.setAttribute("aria-label", "New session in " + label);
   root.dataset.folderId = folderId;
+  if (form.mode === "mate-direct") {
+    paintMateDirectRow(root, form);
+    return root;
+  }
   root.addEventListener("keydown", function (event) {
     // Enter and Escape belong to the input method while composing.
     if (event.isComposing || event.keyCode === 229) return;
@@ -195,6 +217,43 @@ export function renderCreateRow(folderId, label, surface) {
   return root;
 }
 
+function paintMateDirectRow(root, form) {
+  var pending = form.phase === "pending";
+  var uncertain = form.phase === "uncertain";
+  root.setAttribute("aria-busy", String(pending));
+  root.innerHTML = "";
+  var line = document.createElement("div");
+  line.className = "session-create-line session-create-direct-line";
+  var status = document.createElement("div");
+  status.id = root.id + "-status";
+  status.className = "session-create-status" + (form.error ? " is-error" : "");
+  status.setAttribute("role", form.error ? "alert" : "status");
+  status.textContent = form.error || "Creating session…";
+  line.appendChild(status);
+  if (!pending && !uncertain) {
+    var retry = document.createElement("button");
+    retry.type = "button";
+    retry.className = "session-create-retry";
+    retry.dataset.focusKey = "retry";
+    retry.textContent = "Retry";
+    retry.addEventListener("click", function () { submitMateSessionCreate(); });
+    line.appendChild(retry);
+  }
+  var cancel = iconButton("x", "Close new session status", "cancel", function () { closeAndFocus(form.folderId); });
+  cancel.disabled = pending;
+  line.appendChild(cancel);
+  root.appendChild(line);
+  if (form.wantFocus && !pending && !uncertain) {
+    queueMicrotask(function () {
+      if (!retry.isConnected) return;
+      retry.focus({ preventScroll: true });
+      var live = createState();
+      if (live) store.set({ sessionCreate: Object.assign({}, live, { wantFocus: false }) });
+    });
+  }
+  refreshIcons();
+}
+
 function closeMenu(refocus) {
   var live = createState();
   if (!live || !live.menuOpen) return;
@@ -223,10 +282,16 @@ function submitAndClose() {
 function paintRow(root) {
   var form = createState();
   if (!form) return;
+  if (form.mode === "mate-direct") {
+    paintMateDirectRow(root, form);
+    return;
+  }
   var options = createOptions();
   var pending = form.phase === "pending";
   var active = document.activeElement;
   var focusKey = active && root.contains(active) ? active.dataset.focusKey : null;
+  var installed = installedVendorIds();
+  var valid = options.loaded && installed.indexOf(form.vendor) !== -1;
   // An explicit focus request wins over wherever focus happens to be.
   if (form.wantFocus && root.getClientRects().length) focusKey = form.focusKey || "vendor";
   root.setAttribute("aria-busy", String(pending));
@@ -234,8 +299,6 @@ function paintRow(root) {
 
   var line = document.createElement("div");
   line.className = "session-create-line";
-  var installed = installedVendorIds();
-
   var icon = document.createElement("img");
   icon.className = "session-create-icon";
   icon.alt = "";
@@ -268,12 +331,21 @@ function paintRow(root) {
   });
   line.appendChild(picker);
 
+  var submit = document.createElement("button");
+  submit.type = "button";
+  submit.className = "session-create-submit";
+  submit.dataset.focusKey = "create";
+  submit.textContent = "Create";
+  submit.setAttribute("aria-label", "Create " + (root.getAttribute("aria-label") || "new session"));
+  submit.disabled = pending || !valid;
+  submit.addEventListener("click", function (event) { event.stopPropagation(); submitAndClose(); });
+  line.appendChild(submit);
+
   var cancel = iconButton("x", "Cancel new session", "cancel", function () { closeAndFocus(form.folderId); });
   cancel.disabled = pending;
   line.appendChild(cancel);
   root.appendChild(line);
 
-  var valid = options.loaded && installed.indexOf(form.vendor) !== -1;
   var optionsError = options.error || "";
   var message = createStatusMessage(form, options, valid);
   var status = document.createElement("div");

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

@@ -2,15 +2,15 @@
 //
 // Every real folder header (custom folders and Unfiled, not the Favorites tag) has a quiet
 // "+ New session" button that opens one draft row directly under that header:
-// provider icon, a compact provider picker and icon Cancel; the same header
-// action that opened the draft becomes Create. Only the
+// provider icon, a compact provider picker, Create and icon Cancel. Only the
 // provider is chosen; the model and effort stay whatever that provider's
 // existing defaults produce. The installed providers and the project default
 // come from the server; the saved project default is preselected, and a
 // default changes only through the explicit action beside an available
 // provider. All mutable state lives in the store (sessionCreate,
 // sessionCreateOptions, sessionCreateLocks, sessionCreateReveal); the DOM is
-// built in session-create-form.js.
+// built in session-create-form.js. Provider-mode submission is an explicit
+// Create action inside the draft row; the header only opens or focuses it.
 
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
@@ -18,6 +18,7 @@ import { showToast } from './utils.js';
 import { resolvePreferredVendor } from './default-vendor.js';
 import { sendFolderOp, currentFolderState } from './session-folders.js';
 import { queueSidebarCreationEffect } from './sidebar-creation-effect.js';
+import { isMateWorkspace } from './project-mate-navigation.js';
 
 // Ids are unique without any module-level counter.
 function nextId(prefix) {
@@ -66,13 +67,29 @@ export function openSessionCreate(folderId) {
   }
   var options = createOptions();
   store.set({ sessionCreate: {
-    folderId: folderId, vendor: options.loaded ? preferredVendor(options) : "", phase: "ready", requestId: null, timer: null, error: "", notice: "",
+    mode: "provider", folderId: folderId, vendor: options.loaded ? preferredVendor(options) : "", phase: "ready", requestId: null, timer: null, error: "", notice: "",
     defaultRequestId: null, defaultSaving: false, defaultVendor: null, focusKey: "vendor", wantFocus: false, scroll: true, restoreFocusKey: null,
     openedAt: Date.now(),
   } });
   requestOptions();
 }
 
+export function beginSessionCreate(folderId) {
+  if (!isMateWorkspace(store.snap())) {
+    openSessionCreate(folderId);
+    return true;
+  }
+  var current = createState();
+  if (current && current.phase === "pending") return false;
+  if (!current || current.mode !== "mate-direct" || current.folderId !== folderId) {
+    store.set({ sessionCreate: {
+      mode: "mate-direct", folderId: folderId, phase: "ready", requestId: null, timer: null,
+      error: "", notice: "", focusKey: "retry", wantFocus: false, scroll: true, openedAt: Date.now(),
+    } });
+  }
+  return submitMateSessionCreate();
+}
+
 export function closeSessionCreate() {
   var current = createState();
   if (!current || current.phase === "pending") return;
@@ -178,10 +195,35 @@ export function submitSessionCreate(startNewSession) {
   return true;
 }
 
+export function submitMateSessionCreate() {
+  var form = createState();
+  if (!form || form.mode !== "mate-direct" || form.phase === "pending" || form.phase === "uncertain") return false;
+  var requestId = nextId("scm-");
+  var timer = setTimeout(function () { onPendingTimeout(requestId); }, PENDING_TIMEOUT_MS);
+  patch({ phase: "pending", requestId: requestId, error: "", notice: "", timer: timer, wantFocus: false });
+  if (!send({
+    type: "new_session",
+    mateDefaults: true,
+    forceNew: true,
+    requestId: requestId,
+    folderSlug: store.get('currentSlug'),
+    folderId: form.folderId === "unfiled" ? null : form.folderId,
+  })) {
+    clearTimeout(timer);
+    patch({ phase: "ready", requestId: null, timer: null, error: "Not connected. Reconnect and try again.", focusKey: "retry", wantFocus: true });
+    return false;
+  }
+  return true;
+}
+
 function onPendingTimeout(requestId) {
   var form = createState();
   if (!form || form.requestId !== requestId || form.phase !== "pending") return;
   forgetLock(requestId);
+  if (form.mode === "mate-direct") {
+    patch({ phase: "uncertain", timer: null, error: "No response yet. The session may already have been created; check the list before trying again." });
+    return;
+  }
   patch({ phase: "ready", requestId: null, timer: null, error: "No response yet. The session may already have been created; check the list first." });
 }
 
@@ -200,7 +242,7 @@ export function handleNewSessionResult(msg) {
   clearTimeout(form.timer);
   if (!msg.ok) {
     restoreLock(msg.requestId);
-    patch({ phase: "ready", requestId: null, timer: null, error: msg.error || "The session could not be created.", focusKey: "create", wantFocus: true });
+    patch({ phase: "ready", requestId: null, timer: null, error: msg.error || "The session could not be created.", focusKey: form.mode === "mate-direct" ? "retry" : "create", wantFocus: true });
     return true;
   }
   forgetLock(msg.requestId);
@@ -300,7 +342,8 @@ function onDisconnect(form) {
   if (!form) return;
   if (form.timer) clearTimeout(form.timer);
   if (form.phase === "pending") {
-    patch({ phase: "ready", requestId: null, timer: null, error: "Connection lost. The session may already have been created; check the list first." });
+    if (form.mode === "mate-direct") patch({ phase: "uncertain", timer: null, error: "Connection lost. The session may already have been created; check the list before trying again." });
+    else patch({ phase: "ready", requestId: null, timer: null, error: "Connection lost. The session may already have been created; check the list first." });
   }
   if (form.defaultSaving) patch({ defaultSaving: false, defaultRequestId: null, defaultVendor: null, error: "Connection lost before the project default was confirmed." });
 }
@@ -319,7 +362,7 @@ store.subscribe(function (state, previous) {
   var form = state.sessionCreate;
   if (previous.connected && !state.connected) onDisconnect(form);
   // The providers are requested again after a reconnect.
-  if (!previous.connected && state.connected && form) requestOptions();
+  if (!previous.connected && state.connected && form && form.mode !== "mate-direct") requestOptions();
   // Folder removed while its row was open: say so instead of letting a later
   // create fail, and never silently file the session elsewhere.
   if (form && state.sessionFolders !== previous.sessionFolders && form.folderId !== "unfiled") {

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

@@ -76,10 +76,11 @@ export function appendGithubWork(row, session, title) {
   row.insertBefore(column, title);
   column.appendChild(title);
   var links = document.createElement('span');
+  links.className = 'session-work-links-slot';
   links.innerHTML = html;
   links.addEventListener('click', function (event) { if (event.target.closest('a')) event.stopPropagation(); });
   links.addEventListener('contextmenu', function (event) { event.stopPropagation(); });
-  column.appendChild(links);
+  row.appendChild(links);
 }
 export function syncGithubSessions(sessions) {
   bindGithubWorkPopover();

package/lib/public/modules/session-list-visibility.js

@@ -0,0 +1,41 @@
+// Visibility policy for the ordinary desktop and mobile session lists.
+// Debate sessions remain in the session cache for the Debate workbench and
+// exact-session navigation; only their ordinary-list presentation is removed.
+
+export function isDebateOwnedSession(session) {
+  var phase = session && session.homeDebatePhase;
+  return !!(session && (
+    session.homeDebatePlanning === true
+    || phase === "planning"
+    || phase === "live"
+    || phase === "ended"
+    || phase === "interrupted"
+    || (session.loop && session.loop.source === "debate")
+  ));
+}
+
+export function ordinarySessionListSessions(sessions) {
+  var source = Array.isArray(sessions) ? sessions : [];
+  var hiddenIds = new Set();
+  for (var i = 0; i < source.length; i++) {
+    if (isDebateOwnedSession(source[i])) hiddenIds.add(source[i].id);
+  }
+
+  // A debate Driver owns its Worker rows even if an older Worker payload did
+  // not copy the debate marker. Follow parent links so those children cannot
+  // leak into the ordinary list as orphan Workers.
+  var changed = true;
+  while (changed) {
+    changed = false;
+    for (var j = 0; j < source.length; j++) {
+      var session = source[j];
+      if (hiddenIds.has(session.id) || !hiddenIds.has(session.parentSessionId)) continue;
+      hiddenIds.add(session.id);
+      changed = true;
+    }
+  }
+
+  return source.filter(function (session) {
+    return !hiddenIds.has(session.id);
+  });
+}

package/lib/public/modules/session-presence-ui.js

@@ -39,6 +39,9 @@ export function renderSessionPresence(row, sessionId) {
   }
 
   var anchor = row.querySelector(".session-row-trailing, .session-item-age, .mobile-worker-generation, .mobile-session-unread, .session-row-actions, .mobile-session-star");
+  // Desktop age/actions now live inside one trailing slot. insertBefore only
+  // accepts a direct child, so promote a nested match to its row-level owner.
+  while (anchor && anchor.parentNode !== row) anchor = anchor.parentNode;
   row.insertBefore(container, anchor || null);
   return container;
 }

package/lib/public/modules/session-title-marquee.js

@@ -0,0 +1,51 @@
+function resetMarquee(state) {
+  if (state.frame) cancelAnimationFrame(state.frame);
+  state.frame = null;
+  state.row.classList.remove("session-title-marquee");
+  state.title.style.removeProperty("--session-marquee-distance");
+  state.title.style.removeProperty("--session-marquee-duration");
+}
+
+function measureMarquee(state) {
+  state.frame = null;
+  if (!state.active || !state.row.isConnected) return;
+  var titleRect = state.title.getBoundingClientRect();
+  var actionRect = state.actions ? state.actions.getBoundingClientRect() : null;
+  var rowRect = state.row.getBoundingClientRect();
+  var right = actionRect && actionRect.width ? actionRect.left - 5 : rowRect.right - 8;
+  var available = Math.max(0, right - titleRect.left);
+  var overflow = state.title.scrollWidth - available;
+  if (overflow <= 4) return;
+  state.title.style.setProperty("--session-marquee-distance", (-overflow) + "px");
+  state.title.style.setProperty("--session-marquee-duration", Math.max(5, overflow / 22) + "s");
+  state.row.classList.add("session-title-marquee");
+}
+
+function activate(state) {
+  state.active = true;
+  resetMarquee(state);
+  state.active = true;
+  state.frame = requestAnimationFrame(function () { measureMarquee(state); });
+}
+
+export function bindSessionTitleMarquee(row, title, actions) {
+  if (!row || !title) return;
+  var state = { row: row, title: title, actions: actions, active: false, frame: null };
+  function leave() { state.active = false; resetMarquee(state); }
+  function enter() { activate(state); }
+  row.addEventListener("mouseenter", enter);
+  row.addEventListener("focusin", enter);
+  row.addEventListener("mouseleave", leave);
+  row.addEventListener("focusout", function (event) {
+    if (!row.contains(event.relatedTarget)) leave();
+  });
+  window.addEventListener("resize", leave);
+  var observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(function () {
+    if (!row.isConnected) {
+      leave();
+      observer.disconnect();
+      window.removeEventListener("resize", leave);
+    }
+  });
+  if (observer && document.body) observer.observe(document.body, { childList: true, subtree: true });
+}

package/lib/public/modules/settings-env-values.js

@@ -0,0 +1,34 @@
+// Check if text looks like env format: first line starts with a valid VAR_NAME=
+export function looksLikeEnv(text) {
+  var first = text.split("\n")[0].trim();
+  if (first.indexOf("export ") === 0) first = first.substring(7);
+  return /^[A-Za-z_][A-Za-z0-9_]*=/.test(first);
+}
+
+export function parseEnvString(str) {
+  var pairs = [];
+  if (!str) return pairs;
+  var lines = str.split("\n");
+  for (var i = 0; i < lines.length; i++) {
+    var line = lines[i].trim();
+    if (!line || line.charAt(0) === "#") continue;
+    // Strip leading "export "
+    if (line.indexOf("export ") === 0) line = line.substring(7);
+    var eq = line.indexOf("=");
+    if (eq === -1) continue;
+    var key = line.substring(0, eq).trim();
+    var val = line.substring(eq + 1).trim();
+    // Saved values are JSON-quoted so shell metacharacters remain data.
+    if (val.charAt(0) === '"' && val.charAt(val.length - 1) === '"') {
+      try { val = JSON.parse(val); } catch (e) { val = val.substring(1, val.length - 1); }
+    } else if (val.charAt(0) === "'" && val.charAt(val.length - 1) === "'") {
+      val = val.substring(1, val.length - 1);
+    }
+    if (key) pairs.push({ key: key, value: val });
+  }
+  return pairs;
+}
+
+export function serializeEnvValue(value) {
+  return JSON.stringify(value == null ? "" : String(value));
+}