clay-server 4.5.1-beta.1 → 4.6.0

package/lib/public/css/session-github.css

@@ -5,7 +5,7 @@
   gap: 3px;
   flex: 1 1 auto;
   min-width: 0;
-  overflow: hidden;
+  overflow: visible;
 }
 .session-work-column > .session-item-text,
 .session-work-column > .mobile-session-title {
@@ -27,6 +27,11 @@
   font-size: 11px;
   line-height: 18px;
 }
+.session-work-column .session-row-github-links {
+  flex-wrap: wrap;
+  gap: 3px 5px;
+  overflow: visible;
+}
 .session-github-link {
   display: inline-flex;
   align-items: center;
@@ -54,7 +59,11 @@
   .mobile-session-item .session-github-link { min-height: 28px; padding-right: 4px; }
 }
 
-.session-item:has(.session-work-column) { height: 52px; }
+.session-item:has(.session-work-column) {
+  height: auto;
+  min-height: 52px;
+  contain: layout;
+}
 
 .github-kind-pr.github-state-closed .github-work-status svg { color: #f85149; }
 @media (max-width: 600px) {
@@ -108,5 +117,6 @@
 .github-work-entry-meta { color: var(--text-muted, #888); font-size: 11px; overflow-wrap: anywhere; }
 @media (max-width: 600px) {
   #header-github-links { max-width: 120px; }
+  .mobile-session-item:has(.session-work-column) { align-items: flex-start; }
   .mobile-session-item .github-work-more { min-height: 28px; }
 }

package/lib/public/css/stt.css

@@ -28,6 +28,8 @@
 .stt-progress button { border: 1px solid var(--border); border-radius: 6px; background: transparent; color: var(--text); font: inherit; cursor: pointer; padding: 5px 8px; }
 .stt-progress-active { flex: 1 1 0; flex-wrap: nowrap; padding: 0 8px 0 0; height: 62px; }
 .stt-progress-active .stt-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); min-width: 0; }
+.stt-progress-active.stt-auto-send .stt-status { position: static; width: auto; height: auto; clip-path: none; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.stt-progress-active.stt-auto-send .stt-meter { opacity: .58; }
 .stt-progress-pending .stt-status { position: static; width: auto; height: auto; clip-path: none; }
 .stt-progress-pending .stt-meter { display: none; }
 .stt-meter canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

package/lib/public/modules/home-mate-chat.js

@@ -1,4 +1,5 @@
 import { stopSTT } from './stt-controller.js';
+import { hasRecordedSpeechFor, requestRecordedSend } from './stt-recording.js';
 // home-mate-chat.js - Embedded conversation surface for the selected mate.
 import { store } from './store.js';
 import { getWs } from './ws-ref.js';
@@ -86,6 +87,7 @@ function renderSessionModel() {
   sessionModelEl.setAttribute("aria-label", "Model for this conversation: " + label);
 }
 function submitMessage() {
+  if (requestRecordedSend(inputEl, submitMessage)) return true;
   stopSTT();
   var mateId = store.get('homeChatMateId');
   var text = inputEl ? inputEl.value.trim() : "";
@@ -146,7 +148,7 @@ function bindComposer() {
   bound = true;
   inputEl.addEventListener("input", function () {
     resizeInput();
-    sendBtn.disabled = streaming || hasPendingHomeDebateQuestion(messages) || !store.get('homeChatMateId') || !hasCommittedSessionModel() || !inputEl.value.trim();
+    sendBtn.disabled = streaming || hasPendingHomeDebateQuestion(messages) || !store.get('homeChatMateId') || !hasCommittedSessionModel() || (!inputEl.value.trim() && !hasRecordedSpeechFor(inputEl));
   });
   bindHomeComposerSubmission(inputEl, sendBtn, submitMessage);
   sessionModelChooseEl.addEventListener("click", function () {
@@ -157,6 +159,10 @@ function bindComposer() {
     handleHomeMateModelConfirmed(event.detail || {});
   });
 }
+store.subscribe(function (state, previous) {
+  if ((state.speechActive === previous.speechActive && state.speechStatuses === previous.speechStatuses) || !inputEl || !sendBtn) return;
+  renderHomeChat();
+});
 function ensureDom() {
   if (!chatEl) chatEl = document.getElementById("home-mate-chat");
   if (!stageEl) stageEl = chatEl ? chatEl.querySelector(".home-mate-chat-stage") : null;
@@ -224,7 +230,7 @@ export function renderHomeChat() {
   inputEl.disabled = !mateId || awaitingQuestion || !hasCommittedSessionModel(); if (debateLaunching || mateCreationActive || !!debatePhase) inputEl.disabled = true;
   inputEl.placeholder = debateLaunching ? "Preparing your debate…" : (mateCreationActive ? "Use the interview cards above" : (debatePhase ? "Debate session" : (awaitingQuestion ? "Answer the question above to continue" : (mateId ? "Message " + mateName : "Message"))));
   sendBtn.disabled = !mateId || streaming || awaitingQuestion || !hasCommittedSessionModel();
-  if (debateLaunching || mateCreationActive || !!debatePhase || !inputEl.value.trim()) sendBtn.disabled = true;
+  if (debateLaunching || mateCreationActive || !!debatePhase || (!inputEl.value.trim() && !hasRecordedSpeechFor(inputEl))) sendBtn.disabled = true;
   renderSessionModel();
   renderHomeDebateControls(messages, activeSessionRequestId, function () { store.set({ homeDebateTopicFormOpen: true }); setHomeSubSurface("debates"); });
   if (animateSwitch) {

package/lib/public/modules/input.js

@@ -1,4 +1,5 @@
 import { stopSTT } from './stt-controller.js';
+import { hasRecordedSpeechFor, requestRecordedSend } from './stt-recording.js';
 import { iconHtml, refreshIcons } from './icons.js';
 import { setRewindMode, isRewindMode } from './rewind.js';
 import { renderPicker as renderContextPicker } from './context-sources.js';
@@ -34,7 +35,8 @@ export function hasSendableContent() {
     (ctx && ctx.inputEl && ctx.inputEl.value.trim()) ||
     pendingPastes.length > 0 ||
     pendingImages.length > 0 ||
-    pendingFiles.length > 0
+    pendingFiles.length > 0 ||
+    (ctx && hasRecordedSpeechFor(ctx.inputEl))
   );
 }
 
@@ -102,6 +104,11 @@ store.subscribe(function (state, previous) {
   if (Object.keys(scheduleAdmissionMap()).length > 0) store.set({ pendingScheduleAdmissions: {}, pendingScheduleAdmission: null });
 });
 
+store.subscribe(function (state, previous) {
+  if ((state.speechActive === previous.speechActive && state.speechStatuses === previous.speechStatuses) || !ctx || !ctx.processing || !ctx.setSendBtnMode) return;
+  ctx.setSendBtnMode(hasSendableContent() ? 'send' : 'stop');
+});
+
 function showPreThinkingForTurn() {
   if (ctx.isMateDm && ctx.isMateDm()) {
     ctx.showMatePreThinking();
@@ -112,6 +119,7 @@ function showPreThinkingForTurn() {
 
 // --- Send ---
 export function sendMessage() {
+  if (ctx && requestRecordedSend(ctx.inputEl, sendMessage)) return;
   stopSTT();
   // Debate ended mode intercept: route to resume handler
   if (ctx.isDebateEndedMode && ctx.isDebateEndedMode() && ctx.handleDebateEndedSend) {

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

@@ -26,10 +26,17 @@ export function orderedGithubWork(session) {
   if (latestIssue) links = [latestIssue].concat(links.filter(function (link) { return link !== latestIssue; }));
   return links;
 }
-export function githubWorkMarkup(session, detailed, expanded) {
+function compactGithubWork(links, sessionRow) {
+  if (!sessionRow) return links.slice(0, 1);
+  var latestIssue = links.find(function (link) { return link.kind === 'issue'; });
+  var latestPr = links.find(function (link) { return link.kind === 'pr'; });
+  return [latestIssue, latestPr].filter(Boolean);
+}
+export function githubWorkMarkup(session, detailed, expanded, sessionRow) {
   var links = orderedGithubWork(session);
   if (!links.length) return '';
-  return '<span class="session-github-links' + (detailed ? ' github-work-details' : '') + '">' + (detailed || expanded ? links : links.slice(0, 1)).map(function (link) {
+  var displayed = detailed || expanded ? links : compactGithubWork(links, sessionRow);
+  return '<span class="session-github-links' + (detailed ? ' github-work-details' : '') + (sessionRow ? ' session-row-github-links' : '') + '">' + displayed.map(function (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)' : '');
@@ -43,10 +50,10 @@ export function githubWorkMarkup(session, detailed, expanded) {
       });
     }
     return html;
-  }).join('') + (!detailed && !expanded && links.length > 1 ? '<button type="button" class="github-work-more" aria-label="Show all ' + links.length + ' linked GitHub items" aria-haspopup="dialog" aria-expanded="false" data-github-links="' + escapeHtml(JSON.stringify(safeLinks(session))) + '">+' + (links.length - 1) + '</button>' : '') + '</span>';
+  }).join('') + (!detailed && !expanded && links.length > displayed.length ? '<button type="button" class="github-work-more" aria-label="Show all ' + links.length + ' linked GitHub items" aria-haspopup="dialog" aria-expanded="false" data-github-links="' + escapeHtml(JSON.stringify(safeLinks(session))) + '">+' + (links.length - displayed.length) + '</button>' : '') + '</span>';
 }
 export function appendGithubWork(row, session, title) {
-  var html = githubWorkMarkup(session, false);
+  var html = githubWorkMarkup(session, false, false, true);
   bindGithubWorkPopover();
   if (!html) return;
   var column = document.createElement('span');

package/lib/public/modules/split-view.js

@@ -342,7 +342,10 @@ function handleSessionDragStart(event) {
 
 function handleSidebarSessionClick(event) {
   if (!store.get('splitPanes') || event.button !== 0) return;
-  if (event.target.closest(".session-close-btn, .session-more-btn")) return;
+  // This document capture listener runs before a row's bubble handlers. Leave
+  // real controls alone so GitHub anchors retain native click, modified-click,
+  // and keyboard navigation rather than selecting their owning session.
+  if (event.target.closest(".session-close-btn, .session-more-btn, .session-github-link, .github-work-more")) return;
   var item = event.target.closest(".session-item[data-session-id], .session-loop-child[data-session-id]");
   if (!item) return;
   var sessionId = parseInt(item.dataset.sessionId, 10);

package/lib/public/modules/stt-meter.js

@@ -19,7 +19,12 @@ export function createSpeechMeter(id) {
       canvas.width = Math.round(width * ratio); canvas.height = Math.round(height * ratio);
     }
     context.setTransform(ratio, 0, 0, ratio, 0, 0); context.clearRect(0, 0, width, height);
-    context.fillStyle = getComputedStyle(element).color;
+    var style = getComputedStyle(element);
+    var gradient = context.createLinearGradient(0, 0, width, 0);
+    gradient.addColorStop(0, style.getPropertyValue('--brand-green').trim() || style.color);
+    gradient.addColorStop(0.5, style.getPropertyValue('--brand-blue').trim() || style.color);
+    gradient.addColorStop(1, style.getPropertyValue('--brand-green').trim() || style.color);
+    context.fillStyle = gradient;
     var signal = active.audioSignal; var levels = signal ? signal.levels : [];
     var age = signal ? Date.now() - signal.updatedAt : 0;
     var fade = Math.max(0, 1 - Math.max(0, age - 250) / 900);

package/lib/public/modules/stt-recording.js

@@ -7,7 +7,7 @@ import { claimSpeech, currentSpeech, writeSpeech, usableSpeechInput, setSpeechSt
 async function upload(active, blob) {
   if (!currentSpeech(active)) return;
   active.phase = 'transcribing'; store.set({ speechActive: active });
-  setSpeechStatus(active.id, 'Transcribing…');
+  setSpeechStatus(active.id, active.autoSend ? 'Transcribing before sending…' : 'Transcribing…');
   speechTrace(active, 'upload-start', { bytes: blob.size });
   try {
     var response = await fetch('/api/speech/transcribe', { method: 'POST', signal: active.abortController.signal,
@@ -16,8 +16,10 @@ async function upload(active, blob) {
     speechTrace(active, 'upload-response', { status: response.status, transcriptCharacters: typeof result.text === 'string' ? result.text.length : 0 });
     if (!response.ok) throw new Error(result.error || 'Transcription failed. Please try again.');
     if (!currentSpeech(active)) return;
-    writeSpeech(active, result.text || '');
-    stopSTT(result.text ? 'Review your draft before sending.' : 'No speech detected. Try recording again.');
+    var transcript = typeof result.text === 'string' ? result.text : '';
+    var accepted = writeSpeech(active, transcript);
+    stopSTT(transcript ? (active.autoSend ? 'Sending transcribed voice input…' : 'Review your draft before sending.') : 'No speech detected. Try recording again.');
+    return !!(accepted && transcript.trim());
   } catch (error) {
     if (!currentSpeech(active)) return;
     var retry = { id: active.id, input: active.input, context: active.context, value: active.lastValue,
@@ -25,6 +27,7 @@ async function upload(active, blob) {
     failSTT(error.name === 'AbortError' ? 'Transcription timed out. Please try again.' : error.message);
     store.set({ speechRetry: retry });
     setTimeout(function () { if (store.get('speechRetry') === retry) store.set({ speechRetry: null }); }, 300000);
+    return false;
   }
 }
 function initialize(id, input, model, language) {
@@ -103,8 +106,8 @@ export async function startRecording(id, input, model) {
 }
 export async function finishRecording() {
   var active = store.get('speechActive');
-  if (!active || !active.model) { stopSTT(); return; }
-  if (active.phase !== 'recording') return;
+  if (!active || !active.model) { stopSTT(); return false; }
+  if (active.phase !== 'recording') return false;
   speechTrace(active, 'finish-requested', { bytes: active.bytes });
   active.phase = 'finishing'; clearInterval(active.clock); store.set({ speechActive: active });
   await active.capture.finish();
@@ -117,9 +120,33 @@ export async function finishRecording() {
   } else {
     var blob = wavRecording(active.chunks); active.chunks = [];
     active.timeout = setTimeout(function () { active.abortController.abort(); }, 125000);
-    await upload(active, blob);
+    return upload(active, blob);
   }
 }
+export function hasRecordedSpeechFor(input) {
+  var active = store.get('speechActive');
+  return !!(active && active.input === input && active.model && active.model.mode === 'recorded' &&
+    (active.phase === 'recording' || active.autoSend));
+}
+export function requestRecordedSend(input, send) {
+  var active = store.get('speechActive');
+  if (!active || active.input !== input || !active.model || active.model.mode !== 'recorded') return false;
+  if (active.autoSend) return true;
+  if (active.phase !== 'recording') return false;
+  active.autoSend = true;
+  store.set({ speechActive: active });
+  setSpeechStatus(active.id, 'Transcribing before sending…');
+  finishRecording().then(function (sendable) {
+    if (!sendable || !active.autoSend || active.context !== speechContext() ||
+        !usableSpeechInput(active.input) || active.input.value !== active.lastValue || store.get('speechActive')) return;
+    active.autoSend = false;
+    send();
+  }, function (error) {
+    if (!currentSpeech(active)) return;
+    failSTT(error && error.message ? error.message : 'Voice input could not finish. Please try again.');
+  });
+  return true;
+}
 export function retryRecording() {
   var retry = store.get('speechRetry');
   if (!retry || retry.context !== speechContext() || retry.input.value !== retry.value || !usableSpeechInput(retry.input)) { store.set({ speechRetry: null }); return; }

package/lib/public/modules/stt.js

@@ -72,7 +72,9 @@ function bindComposer(id, inputId, wrapperId) {
     var model = voiceModel(); var provider = voiceProvider(model.provider);
     var browser = model.provider === 'browser' ? browserSpeechInfo() : null;
     var pending = own && active.model && active.phase !== 'recording';
+    var autoSend = own && !!active.autoSend;
     composer.classList.toggle('stt-recording', own);
+    row.classList.toggle('stt-auto-send', autoSend);
     row.classList.toggle('stt-progress-active', own);
     row.classList.toggle('stt-progress-pending', !!pending);
     var parent = own ? toolbar : composer;
@@ -83,7 +85,7 @@ function bindComposer(id, inputId, wrapperId) {
     picker.disabled = input.disabled || input.readOnly || own;
     button.classList.toggle('stt-active', own);
     button.setAttribute('aria-pressed', String(own));
-    var action = own ? (pending ? 'Cancel voice input' : (model.mode === 'recorded' ? 'Stop and transcribe' : 'Stop voice input')) : 'Start voice input';
+    var action = own ? (autoSend ? 'Cancel pending voice send' : (pending ? 'Cancel voice input' : (model.mode === 'recorded' ? 'Stop and transcribe' : 'Stop voice input'))) : 'Start voice input';
     button.setAttribute('aria-label', action + ' · ' + (provider ? provider.name + ' · ' : '') + model.name);
     button.title = action + ' · ' + model.name;
     var signature = [own, pending, provider && provider.id, browser && browser.id].join(':');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clay-server",
-  "version": "4.5.1-beta.1",
+  "version": "4.6.0",
   "description": "Self-hosted team workspace for Claude Code and Codex. Multi-user, browser-based, with persistent AI mates.",
   "bin": {
     "clay-server": "./bin/cli.js"