@agent-link/server 0.1.73 → 0.1.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "description": "AgentLink relay server",
   "type": "module",
   "main": "dist/index.js",

package/web/app.js

@@ -165,7 +165,7 @@ const App = {
 
     // ── Computed ──
     const canSend = computed(() =>
-      status.value === 'Connected' && (inputText.value.trim() || attachments.value.length > 0) && !isProcessing.value && !isCompacting.value
+      status.value === 'Connected' && (inputText.value.trim() || attachments.value.length > 0) && !isCompacting.value
       && !messages.value.some(m => m.role === 'ask-question' && !m.answered)
     );
 
@@ -191,11 +191,13 @@ const App = {
         name: f.name, size: f.size, isImage: f.isImage, thumbUrl: f.thumbUrl,
       }));
 
+      const isQueued = isProcessing.value;
       messages.value.push({
         id: streaming.nextId(), role: 'user',
         content: text || (files.length > 0 ? `[${files.length} file${files.length > 1 ? 's' : ''} attached]` : ''),
         attachments: msgAttachments.length > 0 ? msgAttachments : undefined,
         timestamp: new Date(),
+        queued: isQueued,
       });
       isProcessing.value = true;
       scrollToBottom(true);
@@ -435,6 +437,7 @@ const App = {
                   <div class="message-role-label user-label">You</div>
                   <div class="message-bubble user-bubble" :title="formatTimestamp(msg.timestamp)">
                     <div class="message-content">{{ msg.content }}</div>
+                    <span v-if="msg.queued" class="queued-badge">Queued</span>
                     <div v-if="msg.attachments && msg.attachments.length" class="message-attachments">
                       <div v-for="(att, ai) in msg.attachments" :key="ai" class="message-attachment-chip">
                         <img v-if="att.isImage && att.thumbUrl" :src="att.thumbUrl" class="message-attachment-thumb" />
@@ -599,7 +602,7 @@ const App = {
                 <button v-if="isProcessing" @click="cancelExecution" class="send-btn stop-btn" title="Stop generation">
                   <svg viewBox="0 0 24 24" width="14" height="14"><rect x="6" y="6" width="12" height="12" rx="2" fill="currentColor"/></svg>
                 </button>
-                <button v-else @click="sendMessage" :disabled="!canSend" class="send-btn" title="Send">
+                <button @click="sendMessage" :disabled="!canSend" class="send-btn" title="Send">
                   <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
                 </button>
               </div>

package/web/modules/connection.js

@@ -256,7 +256,20 @@ export function createConnection(deps) {
       } else if (msg.type === 'turn_completed' || msg.type === 'execution_cancelled') {
         streaming.flushReveal();
         finalizeStreamingMsg(scheduleHighlight);
-        isProcessing.value = false;
+        if (msg.type === 'execution_cancelled') {
+          // Cancel clears all queued messages
+          messages.value.forEach(m => { if (m.queued) m.queued = false; });
+          isProcessing.value = false;
+        } else {
+          // Turn completed — check if there's a queued message that Claude will process next
+          const nextQueued = messages.value.find(m => m.role === 'user' && m.queued);
+          if (nextQueued) {
+            nextQueued.queued = false;
+            // Still processing — Claude will handle the queued message
+          } else {
+            isProcessing.value = false;
+          }
+        }
         isCompacting.value = false;
         if (msg.type === 'execution_cancelled') {
           messages.value.push({

package/web/style.css

@@ -720,6 +720,17 @@ body {
   color: var(--text-primary);
 }
 
+.queued-badge {
+  display: inline-block;
+  font-size: 0.65rem;
+  color: var(--text-secondary);
+  background: var(--bg-secondary);
+  padding: 1px 6px;
+  border-radius: 4px;
+  margin-top: 4px;
+  opacity: 0.8;
+}
+
 .assistant-bubble {
   background: transparent;
   padding: 0.2rem 0;