@agent-link/server 0.1.74 → 0.1.76

package/package.json

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

package/web/app.js

@@ -81,7 +81,7 @@ const App = {
     const dragOver = ref(false);
 
     // Theme
-    const theme = ref(localStorage.getItem('agentlink-theme') || 'dark');
+    const theme = ref(localStorage.getItem('agentlink-theme') || 'light');
     function applyTheme() {
       document.documentElement.setAttribute('data-theme', theme.value);
       const link = document.getElementById('hljs-theme');
@@ -165,7 +165,7 @@ const App = {
 
     // ── Computed ──
     const canSend = computed(() =>
-      status.value === 'Connected' && (inputText.value.trim() || attachments.value.length > 0) && !isCompacting.value
+      status.value === 'Connected' && (inputText.value.trim() || attachments.value.length > 0) && !isProcessing.value && !isCompacting.value
       && !messages.value.some(m => m.role === 'ask-question' && !m.answered)
     );
 
@@ -191,13 +191,11 @@ 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);
@@ -437,7 +435,6 @@ 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" />
@@ -602,7 +599,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 @click="sendMessage" :disabled="!canSend" class="send-btn" title="Send">
+                <button v-else @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/index.html

@@ -6,11 +6,11 @@
   <title>AgentLink</title>
   <link rel="icon" type="image/svg+xml" href="/favicon.svg">
   <link rel="stylesheet" href="/style.css">
-  <link id="hljs-theme" rel="stylesheet" href="/vendor/github-dark.min.css">
+  <link id="hljs-theme" rel="stylesheet" href="/vendor/github.min.css">
   <script>
     // Apply saved theme immediately to prevent flash
     (function() {
-      var t = localStorage.getItem('agentlink-theme') || 'dark';
+      var t = localStorage.getItem('agentlink-theme') || 'light';
       document.documentElement.setAttribute('data-theme', t);
       var link = document.getElementById('hljs-theme');
       if (link) link.href = t === 'light'

package/web/modules/connection.js

@@ -256,20 +256,7 @@ export function createConnection(deps) {
       } else if (msg.type === 'turn_completed' || msg.type === 'execution_cancelled') {
         streaming.flushReveal();
         finalizeStreamingMsg(scheduleHighlight);
-        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;
-          }
-        }
+        isProcessing.value = false;
         isCompacting.value = false;
         if (msg.type === 'execution_cancelled') {
           messages.value.push({

package/web/style.css

@@ -720,17 +720,6 @@ 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;