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

package/lib/public/modules/debate-controls.js

@@ -0,0 +1,299 @@
+// Shared debate participation controls for Home and project workspaces.
+
+function findHeader(messages) {
+  for (var i = (messages || []).length - 1; i >= 0; i--) if (messages[i] && messages[i].role === "debate_header") return messages[i];
+  return null;
+}
+
+function findActiveTurn(messages) {
+  for (var i = (messages || []).length - 1; i >= 0; i--) {
+    if (messages[i] && messages[i].role === "debate_turn" && messages[i].status === "active") return messages[i];
+  }
+  return null;
+}
+
+export function homeDebateControlState(messages) {
+  var header = findHeader(messages);
+  if (!header || ["live", "ended", "interrupted"].indexOf(header.phase) === -1) return null;
+  var mode = header.phase === "live" ? (header.interaction || "default") : "terminal";
+  return { mode: mode, header: header, turn: findActiveTurn(messages), phase: header.phase };
+}
+
+export function createDebateControls(options) {
+  var slotEl = null;
+  var normalComposerEl = null;
+  var modelEl = null;
+  var controlEl = null;
+  var controlMode = null;
+  var controlStateKey = null;
+  var currentState = null;
+  var currentRequestId = null;
+  var startNewDebate = null;
+  var inputEl = null;
+  var primaryEl = null;
+  var secondaryEl = null;
+  var activityEl = null;
+  var handEl = null;
+  var stopEl = null;
+  var composing = false;
+  var sizeAnimation = null;
+
+  function textElement(tag, className, text) {
+    var element = document.createElement(tag);
+    element.className = className;
+    element.textContent = text || "";
+    return element;
+  }
+
+  function ensureElements() {
+    var nextSlot = document.getElementById(options.slotId);
+    if (slotEl === nextSlot) return !!slotEl;
+    slotEl = nextSlot;
+    normalComposerEl = document.getElementById(options.composerId);
+    modelEl = options.modelId ? document.getElementById(options.modelId) : null;
+    controlEl = null;
+    controlMode = null;
+    controlStateKey = null;
+    return !!slotEl;
+  }
+
+  function clearControls() {
+    if (sizeAnimation) { sizeAnimation.cancel(); sizeAnimation = null; }
+    if (slotEl) slotEl.innerHTML = "";
+    controlEl = null;
+    controlMode = null;
+    controlStateKey = null;
+    currentState = null;
+    inputEl = null;
+    primaryEl = null;
+    secondaryEl = null;
+    activityEl = null;
+    handEl = null;
+    stopEl = null;
+    composing = false;
+  }
+
+  function setSpecialMode(active) {
+    if (normalComposerEl) normalComposerEl.hidden = active;
+    if (modelEl) modelEl.hidden = active;
+    if (slotEl) slotEl.hidden = !active;
+  }
+
+  function sendControl(action, data) {
+    if (!currentState) return false;
+    return options.send(action, data || {}, currentRequestId);
+  }
+
+  function button(label, className) {
+    var element = textElement("button", className, label);
+    element.type = "button";
+    return element;
+  }
+
+  function dots() {
+    var group = document.createElement("span");
+    group.className = "home-debate-control-dots";
+    group.setAttribute("aria-hidden", "true");
+    for (var i = 0; i < 3; i++) group.appendChild(document.createElement("i"));
+    return group;
+  }
+
+  function activityLabel(state) {
+    if (state.header.stopping) return state.turn ? "Stopping after " + (state.turn.mateName || "the current speaker") + " finishes" : "Stopping debate";
+    if (!state.turn) return state.header.handRaised ? "Your hand is raised" : "Debate is live";
+    var name = state.turn.mateName || "Mate";
+    var activity = state.turn.activity || (state.turn.text ? "speaking" : "preparing");
+    return name + " is " + activity.toLowerCase();
+  }
+
+  function lockSubmission(label) {
+    if (inputEl) inputEl.disabled = true;
+    if (primaryEl) { primaryEl.disabled = true; primaryEl.textContent = label; }
+    if (secondaryEl) secondaryEl.disabled = true;
+  }
+
+  function submitInput(action, response) {
+    var text = inputEl ? inputEl.value.trim() : "";
+    if (action === "user_floor" && !text) return false;
+    if (!sendControl(action, { text: text, response: response })) return false;
+    lockSubmission(action === "user_floor" ? "Sending…" : "Continuing…");
+    return true;
+  }
+
+  function bindInput(submit) {
+    inputEl.addEventListener("compositionstart", function () { composing = true; });
+    inputEl.addEventListener("compositionend", function () { composing = false; });
+    inputEl.addEventListener("input", function () {
+      if (controlMode === "user_floor" && primaryEl) primaryEl.disabled = !inputEl.value.trim();
+    });
+    inputEl.addEventListener("keydown", function (event) {
+      if (event.key !== "Enter" || event.shiftKey || event.isComposing || composing || event.keyCode === 229) return;
+      event.preventDefault();
+      submit();
+    });
+  }
+
+  function focusInputOnce() {
+    var target = inputEl;
+    if (!target) return;
+    var focus = function () {
+      if (target === inputEl && !target.disabled && target.isConnected !== false) target.focus({ preventScroll: true });
+    };
+    if (typeof requestAnimationFrame === "function") requestAnimationFrame(focus);
+    else focus();
+  }
+
+  function buildDefault(state) {
+    var context = document.createElement("div");
+    context.className = "home-debate-control-context";
+    context.appendChild(dots());
+    activityEl = textElement("span", "home-debate-control-activity", activityLabel(state));
+    activityEl.setAttribute("role", "status");
+    activityEl.setAttribute("aria-live", "polite");
+    context.appendChild(activityEl);
+    controlEl.appendChild(context);
+    var actions = document.createElement("div");
+    actions.className = "home-debate-control-actions";
+    handEl = button(state.header.handRaised ? "Hand raised" : "Raise hand", "home-debate-control-secondary");
+    handEl.setAttribute("aria-pressed", state.header.handRaised ? "true" : "false");
+    handEl.disabled = state.header.handRaised === true;
+    handEl.addEventListener("click", function () {
+      if (!sendControl("hand_raise")) return;
+      handEl.disabled = true;
+      handEl.textContent = "Raising hand…";
+    });
+    stopEl = button(state.header.stopping ? "Cancel stop" : "Stop debate", state.header.stopping ? "home-debate-control-secondary" : "home-debate-control-stop");
+    stopEl.addEventListener("click", function () {
+      var cancelling = currentState && currentState.header && currentState.header.stopping === true;
+      if (!sendControl(cancelling ? "cancel_stop" : "stop")) return;
+      stopEl.disabled = true;
+      stopEl.textContent = cancelling ? "Cancelling…" : "Stopping…";
+    });
+    actions.appendChild(handEl);
+    actions.appendChild(stopEl);
+    controlEl.appendChild(actions);
+  }
+
+  function buildInputMode(state) {
+    var isFloor = state.mode === "user_floor";
+    var heading = textElement("div", "home-debate-control-heading", isFloor ? "You have the floor" : "The moderator is ready to conclude");
+    heading.id = options.slotId + "-heading";
+    controlEl.appendChild(heading);
+    inputEl = document.createElement("textarea");
+    inputEl.rows = 2;
+    inputEl.placeholder = isFloor ? "Share your thoughts with the panel" : "Add an optional direction to continue";
+    inputEl.setAttribute("aria-labelledby", heading.id);
+    controlEl.appendChild(inputEl);
+    var actions = document.createElement("div");
+    actions.className = "home-debate-control-actions";
+    if (isFloor) {
+      primaryEl = button("Send", "home-debate-control-primary");
+      primaryEl.disabled = true;
+      primaryEl.addEventListener("click", function () { submitInput("user_floor"); });
+      secondaryEl = button("Pass", "home-debate-control-secondary");
+      secondaryEl.addEventListener("click", function () {
+        if (!sendControl("user_floor", { text: "(The user passed without speaking)" })) return;
+        lockSubmission("Sending…");
+      });
+    } else {
+      primaryEl = button("Continue", "home-debate-control-primary");
+      primaryEl.addEventListener("click", function () { submitInput("conclude", "continue"); });
+      secondaryEl = button("End debate", "home-debate-control-stop");
+      secondaryEl.addEventListener("click", function () {
+        if (!sendControl("conclude", { response: "end" })) return;
+        lockSubmission("Ending…");
+      });
+    }
+    actions.appendChild(primaryEl);
+    actions.appendChild(secondaryEl);
+    controlEl.appendChild(actions);
+    bindInput(function () { submitInput(isFloor ? "user_floor" : "conclude", isFloor ? null : "continue"); });
+    focusInputOnce();
+  }
+
+  function terminalLabel(state) {
+    if (state.phase === "interrupted") return "Debate interrupted when Clay restarted";
+    if (state.header.reason === "error") return "The debate stopped after an error";
+    if (state.header.reason === "stopped" || state.header.reason === "user_stopped") return "Debate stopped";
+    return "Debate ended";
+  }
+
+  function buildTerminal(state) {
+    var status = textElement("div", "home-debate-control-terminal-status", terminalLabel(state));
+    status.setAttribute("role", "status");
+    controlEl.appendChild(status);
+    var actions = document.createElement("div");
+    actions.className = "home-debate-control-actions";
+    primaryEl = button("Resume debate", "home-debate-control-primary");
+    primaryEl.addEventListener("click", function () {
+      if (!sendControl("resume")) return;
+      lockSubmission("Resuming…");
+    });
+    actions.appendChild(primaryEl);
+    if (typeof startNewDebate === "function") {
+      secondaryEl = button("New debate", "home-debate-control-secondary");
+      secondaryEl.addEventListener("click", function () { startNewDebate(); });
+      actions.appendChild(secondaryEl);
+    }
+    controlEl.appendChild(actions);
+  }
+
+  function buildControls(state) {
+    var previousHeight = slotEl.getBoundingClientRect ? slotEl.getBoundingClientRect().height : 0;
+    if (sizeAnimation) { sizeAnimation.cancel(); sizeAnimation = null; }
+    slotEl.innerHTML = "";
+    controlEl = document.createElement("section");
+    controlEl.className = "home-debate-control-surface home-debate-control-" + state.mode;
+    controlEl.setAttribute("role", state.mode === "default" ? "toolbar" : "region");
+    controlEl.setAttribute("aria-label", state.mode === "terminal" ? "Debate status" : "Live debate controls");
+    slotEl.appendChild(controlEl);
+    if (state.mode === "default") buildDefault(state);
+    else if (state.mode === "user_floor" || state.mode === "conclude") buildInputMode(state);
+    else buildTerminal(state);
+    if (previousHeight && slotEl.animate && !(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches)) {
+      var nextHeight = slotEl.getBoundingClientRect().height;
+      if (Math.abs(previousHeight - nextHeight) > 1) sizeAnimation = slotEl.animate([
+        { height: previousHeight + 'px' }, { height: nextHeight + 'px' }
+      ], { duration: 170, easing: 'ease-out' });
+    }
+    controlMode = state.mode;
+    controlStateKey = state.mode + ":" + state.phase + ":" + (state.header.reason || "");
+  }
+
+  function updateControls(state) {
+    if (state.mode !== "default") return;
+    var label = activityLabel(state);
+    if (activityEl && activityEl.textContent !== label) activityEl.textContent = label;
+    if (state.header.handRaised && handEl) {
+      handEl.textContent = "Hand raised";
+      handEl.disabled = true;
+      handEl.setAttribute("aria-pressed", "true");
+    }
+    if (stopEl) {
+      stopEl.disabled = false;
+      stopEl.textContent = state.header.stopping ? "Cancel stop" : "Stop debate";
+      stopEl.className = state.header.stopping ? "home-debate-control-secondary" : "home-debate-control-stop";
+    }
+  }
+
+  function renderControls(messages, requestId, onStartNewDebate) {
+    if (!ensureElements()) return false;
+    var state = homeDebateControlState(messages);
+    if (currentRequestId !== (requestId || null)) clearControls();
+    currentRequestId = requestId || null;
+    startNewDebate = onStartNewDebate || null;
+    if (!state) {
+      setSpecialMode(false);
+      clearControls();
+      return false;
+    }
+    currentState = state;
+    setSpecialMode(true);
+    var nextStateKey = state.mode + ":" + state.phase + ":" + (state.header.reason || "");
+    if (!controlEl || controlMode !== state.mode || controlStateKey !== nextStateKey) buildControls(state);
+    else updateControls(state);
+    return true;
+  }
+
+  return { render: renderControls };
+}

package/lib/public/modules/debate.js

@@ -1,3 +1,4 @@
+import { resetProjectDebateWorkspace } from './project-debate-workspace.js';
 import { mateAvatarUrl } from './avatar.js';
 import { renderMarkdown, highlightCodeBlocks, buildPrintHtml, getPrintCss } from './markdown.js';
 import { escapeHtml } from './utils.js';
@@ -37,6 +38,7 @@ export function initDebate(_ctx) {
 }
 
 export function resetDebateState() {
+  resetProjectDebateWorkspace();
   debateActive = false;
   debateTopic = "";
   debateRound = 0;

package/lib/public/modules/debates-workbench.js

@@ -0,0 +1,339 @@
+// Cross-Mate debate archive and launcher. Conversation content remains in the
+// owning Mate project; this panel is only an authorized index and launch pad.
+
+import { store } from './store.js';
+import { getWs } from './ws-ref.js';
+import { iconHtml, refreshIcons } from './icons.js';
+import { switchProject } from './app-projects.js';
+import { claimRightWorkbench, registerRightWorkbench, releaseRightWorkbench } from './right-workbench.js';
+import { startProjectDebatePlanning } from './project-debate-planning-workspace.js';
+import { isMateWorkspace } from './project-mate-navigation.js';
+
+var panel = null;
+var requestSequence = 0;
+var opener = null;
+var backgroundState = [];
+
+function narrowLayout() {
+  return typeof window !== 'undefined' && window.matchMedia && window.matchMedia('(max-width: 1023px)').matches;
+}
+
+function isMateDebateSurface(state) {
+  return isMateWorkspace(state) || (state.dmMode === true && state.dmTargetUser && state.dmTargetUser.isMate === true);
+}
+
+function setNarrowBackground(hidden) {
+  var selectors = ['#app', '#sidebar-column', '#icon-strip', '#top-bar', '#main-column > .title-bar-content', '#dm-header-bar'];
+  if (hidden) {
+    backgroundState = [];
+    for (var i = 0; i < selectors.length; i++) {
+      var element = document.querySelector(selectors[i]);
+      if (!element) continue;
+      backgroundState.push({ element: element, inert: element.inert === true, ariaHidden: element.getAttribute('aria-hidden') });
+      element.inert = true;
+      element.setAttribute('aria-hidden', 'true');
+    }
+    return;
+  }
+  for (var j = 0; j < backgroundState.length; j++) {
+    backgroundState[j].element.inert = backgroundState[j].inert;
+    if (backgroundState[j].ariaHidden == null) backgroundState[j].element.removeAttribute('aria-hidden');
+    else backgroundState[j].element.setAttribute('aria-hidden', backgroundState[j].ariaHidden);
+  }
+  backgroundState = [];
+}
+
+function send(message) {
+  var ws = getWs();
+  if (!ws || ws.readyState !== 1) return false;
+  ws.send(JSON.stringify(message));
+  return true;
+}
+
+function phaseLabel(phase) {
+  if (phase === 'live') return 'Live';
+  if (phase === 'ended') return 'Ended';
+  if (phase === 'interrupted') return 'Interrupted';
+  return 'Planning';
+}
+
+function dateLabel(value) {
+  if (typeof value !== 'number' || !isFinite(value) || value <= 0) return 'Date unavailable';
+  try { return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium' }).format(new Date(value)); }
+  catch (error) { return new Date(value).toLocaleDateString(); }
+}
+
+function participantsLabel(participants) {
+  var source = Array.isArray(participants) ? participants : [];
+  var names = [];
+  for (var i = 0; i < source.length; i++) if (source[i] && source[i].name) names.push(source[i].name);
+  return names.length ? names.join(', ') : 'Panel not selected';
+}
+
+function ensurePanel() {
+  if (panel) return panel;
+  var host = document.getElementById('main-panels');
+  if (!host) return null;
+  panel = document.createElement('section');
+  panel.id = 'debates-workbench';
+  panel.className = 'hidden';
+  panel.setAttribute('role', 'region');
+  panel.setAttribute('aria-label', 'Debates');
+  panel.innerHTML =
+    '<header class="debates-workbench-topbar">' +
+      '<span class="debates-workbench-title">' + iconHtml('messages-square') + 'Debates</span>' +
+      '<button class="debates-workbench-new" type="button" data-debates-action="new">' + iconHtml('plus') + 'New debate</button>' +
+      '<div class="debates-workbench-actions">' +
+        '<button class="debates-workbench-icon" type="button" data-debates-action="wide" title="Widen panel" aria-label="Widen Debates panel" aria-pressed="false">' + iconHtml('chevrons-left-right') + '</button>' +
+        '<button class="debates-workbench-icon" type="button" data-debates-action="fullscreen" title="Toggle fullscreen" aria-label="Toggle Debates fullscreen" aria-pressed="false">' + iconHtml('maximize-2') + '</button>' +
+        '<button class="debates-workbench-icon" type="button" data-debates-action="close" title="Close" aria-label="Close Debates">' + iconHtml('x') + '</button>' +
+      '</div>' +
+    '</header>' +
+    '<div class="debates-workbench-filters" role="group" aria-label="Filter debates"></div>' +
+    '<form class="debates-workbench-form hidden"><label for="debates-workbench-topic">What should the debate be about?</label><textarea id="debates-workbench-topic" maxlength="1000" required placeholder="Enter a question or topic"></textarea><p class="debates-workbench-launch-status" role="alert"></p><div class="debates-workbench-form-actions"><button type="button" data-debates-action="cancel-new">Cancel</button><button type="submit">Continue in chat</button></div></form>' +
+    '<p class="debates-workbench-summary" role="status" aria-live="polite"></p>' +
+    '<div class="debates-workbench-list" role="list"></div>';
+  host.appendChild(panel);
+  panel.addEventListener('click', handleClick);
+  panel.addEventListener('keydown', handleKeydown);
+  panel.querySelector('form').addEventListener('submit', submitNewDebate);
+  refreshIcons();
+  return panel;
+}
+
+function ensureMateProjectDebatesButton() {
+  var button = document.getElementById('mate-project-debates-btn');
+  if (button) return button;
+  var tools = document.getElementById('session-actions');
+  if (!tools) return null;
+  button = document.createElement('button');
+  button.id = 'mate-project-debates-btn';
+  button.type = 'button';
+  button.className = 'palette-tile';
+  button.title = 'Debates';
+  button.setAttribute('aria-label', 'Debates');
+  button.innerHTML = iconHtml('messages-square') + '<span class="tool-btn-label">Debates</span>';
+  tools.appendChild(button);
+  refreshIcons(button);
+  return button;
+}
+
+function requestDebates() {
+  requestSequence += 1;
+  var requestId = 'debates-workbench-' + requestSequence;
+  store.set({ debatesWorkbenchStatus: 'loading', debatesWorkbenchRequestId: requestId, debatesWorkbenchError: '' });
+  if (!send({ type: 'home_debates_list', requestId: requestId })) {
+    store.set({ debatesWorkbenchStatus: 'error', debatesWorkbenchError: 'Reconnect to load your debates.' });
+    render();
+    return;
+  }
+  render();
+}
+
+function renderFilters() {
+  var filters = panel.querySelector('.debates-workbench-filters');
+  var active = store.get('debatesWorkbenchFilter') || 'all';
+  var specs = [{ key: 'all', label: 'All' }, { key: 'planning', label: 'Planning' }, { key: 'live', label: 'Live' }, { key: 'ended', label: 'Ended' }, { key: 'interrupted', label: 'Interrupted' }];
+  filters.innerHTML = '';
+  for (var i = 0; i < specs.length; i++) {
+    var button = document.createElement('button');
+    button.type = 'button';
+    button.className = 'debates-workbench-filter';
+    button.dataset.debatesFilter = specs[i].key;
+    button.setAttribute('aria-pressed', specs[i].key === active ? 'true' : 'false');
+    button.textContent = specs[i].label;
+    filters.appendChild(button);
+  }
+}
+
+function debateRow(debate) {
+  var row = document.createElement('button');
+  row.type = 'button';
+  row.className = 'debates-workbench-row';
+  row.dataset.projectSlug = debate.projectSlug || '';
+  row.dataset.sessionId = String(debate.localId == null ? '' : debate.localId);
+  row.setAttribute('role', 'listitem');
+  var title = document.createElement('strong');
+  title.textContent = debate.topic || debate.title || 'Debate planning';
+  var panelists = document.createElement('span');
+  panelists.className = 'debates-workbench-row-panel';
+  panelists.textContent = participantsLabel(debate.participants);
+  var meta = document.createElement('span');
+  meta.className = 'debates-workbench-row-meta';
+  var phase = document.createElement('span');
+  phase.className = 'debates-workbench-phase';
+  phase.textContent = phaseLabel(debate.phase);
+  var date = document.createElement('span');
+  date.textContent = dateLabel(debate.lastActivity);
+  meta.appendChild(phase);
+  meta.appendChild(date);
+  row.appendChild(title);
+  row.appendChild(panelists);
+  row.appendChild(meta);
+  return row;
+}
+
+function render() {
+  if (!panel || panel.classList.contains('hidden')) return;
+  renderFilters();
+  panel.querySelector('form').classList.toggle('hidden', !store.get('debatesWorkbenchCreating'));
+  var summary = panel.querySelector('.debates-workbench-summary');
+  var list = panel.querySelector('.debates-workbench-list');
+  var status = store.get('debatesWorkbenchStatus') || 'idle';
+  var filter = store.get('debatesWorkbenchFilter') || 'all';
+  var debates = (store.get('debatesWorkbenchItems') || []).filter(function (item) { return filter === 'all' || item.phase === filter; });
+  list.innerHTML = '';
+  if (status === 'loading' || status === 'idle') {
+    summary.textContent = 'Loading debates…';
+    list.innerHTML = '<div class="debates-workbench-empty"><strong>Gathering your debates</strong>Planning sessions and completed debates will appear here.</div>';
+  } else if (status === 'error') {
+    summary.textContent = 'Debates could not be loaded.';
+    var failure = document.createElement('div');
+    failure.className = 'debates-workbench-empty';
+    var failureTitle = document.createElement('strong');
+    failureTitle.textContent = 'Could not load debates';
+    var failureText = document.createElement('span');
+    failureText.textContent = store.get('debatesWorkbenchError') || 'Try again when the connection is available.';
+    failure.appendChild(failureTitle);
+    failure.appendChild(failureText);
+    list.appendChild(failure);
+  } else if (!debates.length) {
+    summary.textContent = filter === 'all' ? 'No debates yet' : 'No ' + filter + ' debates';
+    list.innerHTML = '<div class="debates-workbench-empty"><strong>Nothing here yet</strong>Use New debate to plan one with Clay in the main chat.</div>';
+  } else {
+    summary.textContent = debates.length + (debates.length === 1 ? ' debate' : ' debates');
+    for (var i = 0; i < debates.length; i++) list.appendChild(debateRow(debates[i]));
+  }
+  list.scrollTop = Number(store.get('debatesWorkbenchScrollTop')) || 0;
+  refreshIcons();
+}
+
+function handleKeydown(event) {
+  if (event.key === 'Escape') {
+    event.preventDefault();
+    closeDebatesWorkbench(true);
+    return;
+  }
+  if (event.key !== 'Tab' || !narrowLayout()) return;
+  var controls = panel.querySelectorAll('button:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
+  if (!controls.length) return;
+  var first = controls[0];
+  var last = controls[controls.length - 1];
+  if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
+  else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
+}
+
+function applyWindowState(wide, fullscreen) {
+  store.set({ debatesWorkbenchWide: !!wide, debatesWorkbenchFullscreen: !!fullscreen });
+  panel.classList.toggle('debates-workbench-wide', !!wide && !fullscreen);
+  panel.classList.toggle('panel-fullscreen', !!fullscreen);
+  panel.querySelector('[data-debates-action="wide"]').setAttribute('aria-pressed', wide ? 'true' : 'false');
+  panel.querySelector('[data-debates-action="fullscreen"]').setAttribute('aria-pressed', fullscreen ? 'true' : 'false');
+}
+
+function handleClick(event) {
+  var filter = event.target.closest('[data-debates-filter]');
+  if (filter) { store.set({ debatesWorkbenchFilter: filter.dataset.debatesFilter }); render(); return; }
+  var row = event.target.closest('.debates-workbench-row');
+  if (row) {
+    var localId = Number(row.dataset.sessionId);
+    if (!row.dataset.projectSlug || !Number.isSafeInteger(localId) || localId < 1) return;
+    store.set({ pendingDebateNavigation: { projectSlug: row.dataset.projectSlug, sessionId: localId } });
+    if (narrowLayout()) closeDebatesWorkbench(false);
+    switchProject(row.dataset.projectSlug);
+    flushPendingNavigation();
+    return;
+  }
+  var action = event.target.closest('[data-debates-action]');
+  if (!action) return;
+  if (action.dataset.debatesAction === 'close') closeDebatesWorkbench(true);
+  if (action.dataset.debatesAction === 'new') {
+    store.set({ debatesWorkbenchCreating: true }); render();
+    panel.querySelector('textarea').focus({ preventScroll: true });
+  }
+  if (action.dataset.debatesAction === 'cancel-new') { store.set({ debatesWorkbenchCreating: false }); render(); }
+  if (action.dataset.debatesAction === 'wide') applyWindowState(!store.get('debatesWorkbenchWide'), false);
+  if (action.dataset.debatesAction === 'fullscreen') applyWindowState(false, !store.get('debatesWorkbenchFullscreen'));
+}
+
+function submitNewDebate(event) {
+  event.preventDefault();
+  var input = panel.querySelector('textarea');
+  var topic = input.value.trim();
+  if (!topic) { input.focus(); return; }
+  var status = panel.querySelector('.debates-workbench-launch-status');
+  status.textContent = 'Opening Clay in the main chat…';
+  if (!startProjectDebatePlanning(topic)) {
+    status.textContent = store.get('projectDebatePlanningError') || 'Clay is unavailable. Refresh and try again.';
+    input.focus();
+    return;
+  }
+  input.value = '';
+  store.set({ debatesWorkbenchCreating: false });
+  closeDebatesWorkbench();
+}
+
+function flushPendingNavigation() {
+  var pending = store.get('pendingDebateNavigation');
+  var ws = getWs();
+  if (!pending || store.get('activeProjectSlug') !== pending.projectSlug || !ws || ws.readyState !== 1) return;
+  store.set({ pendingDebateNavigation: null });
+  ws.send(JSON.stringify({ type: 'switch_session', id: pending.sessionId }));
+}
+
+export function handleDebatesWorkbenchState(msg) {
+  if (!msg || msg.type !== 'home_debates_state') return false;
+  if (!isMateDebateSurface(store.snap())) return true;
+  if (msg.requestId && msg.requestId !== store.get('debatesWorkbenchRequestId')) return true;
+  store.set({ debatesWorkbenchStatus: msg.status === 'error' || msg.error ? 'error' : 'ready', debatesWorkbenchItems: Array.isArray(msg.debates) ? msg.debates : [], debatesWorkbenchError: msg.error || '' });
+  render();
+  return true;
+}
+
+export function openDebatesWorkbench(trigger) {
+  if (!isMateDebateSurface(store.snap())) return false;
+  if (!ensurePanel()) return;
+  opener = trigger && trigger.focus ? trigger : document.activeElement;
+  claimRightWorkbench('debates');
+  panel.classList.remove('hidden');
+  var narrow = narrowLayout();
+  panel.setAttribute('role', narrow ? 'dialog' : 'region');
+  panel.setAttribute('aria-modal', narrow ? 'true' : 'false');
+  setNarrowBackground(narrow);
+  applyWindowState(store.get('debatesWorkbenchWide'), store.get('debatesWorkbenchFullscreen'));
+  requestDebates();
+  requestAnimationFrame(function () { panel.querySelector('[data-debates-action="new"]').focus({ preventScroll: true }); });
+}
+
+export function closeDebatesWorkbench(restoreFocus) {
+  if (panel) {
+    var list = panel.querySelector('.debates-workbench-list');
+    if (list) store.set({ debatesWorkbenchScrollTop: list.scrollTop });
+    panel.classList.add('hidden');
+  }
+  setNarrowBackground(false);
+  releaseRightWorkbench('debates');
+  if (restoreFocus && opener && opener.isConnected) opener.focus({ preventScroll: true });
+}
+
+export function initDebatesWorkbench() {
+  registerRightWorkbench('debates', function () { closeDebatesWorkbench(false); });
+  var buttons = [ensureMateProjectDebatesButton(), document.getElementById('debates-btn'), document.getElementById('mate-debates-btn')];
+  for (var i = 0; i < buttons.length; i++) if (buttons[i]) buttons[i].addEventListener('click', function (event) {
+    if (panel && !panel.classList.contains('hidden')) closeDebatesWorkbench(true);
+    else openDebatesWorkbench(event.currentTarget);
+  });
+  store.subscribe(function (state, previous) {
+    if (state.activeProjectSlug !== previous.activeProjectSlug || state.connected !== previous.connected) flushPendingNavigation();
+    var wasMateWorkspace = isMateDebateSurface(previous);
+    var isMate = isMateDebateSurface(state);
+    if (wasMateWorkspace && !isMate) {
+      requestSequence += 1;
+      store.set({ debatesWorkbenchRequestId: null });
+      if (panel && !panel.classList.contains('hidden')) closeDebatesWorkbench(false);
+    } else if (state.currentSlug !== previous.currentSlug && panel && !panel.classList.contains('hidden')) {
+      if (isMate) requestDebates();
+      else closeDebatesWorkbench(false);
+    }
+  });
+}