@agent-link/server 0.1.169 → 0.1.171

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.169",
+  "version": "0.1.171",
   "description": "AgentLink relay server",
   "license": "MIT",
   "repository": {

package/web/app.js

@@ -27,6 +27,7 @@ import { createI18n } from './modules/i18n.js';
 
 // ── Slash commands ──────────────────────────────────────────────────────────
 const SLASH_COMMANDS = [
+  { command: '/btw', descKey: 'slash.btw', isPrefix: true },
   { command: '/cost', descKey: 'slash.cost' },
   { command: '/context', descKey: 'slash.context' },
   { command: '/compact', descKey: 'slash.compact' },
@@ -69,6 +70,10 @@ const App = {
     const slashMenuIndex = ref(0);
     const slashMenuOpen = ref(false);
 
+    // Side question (/btw) state
+    const btwState = ref(null);
+    const btwPending = ref(false);
+
     // Sidebar state
     const sidebarOpen = ref(window.innerWidth > 768);
     const historySessions = ref([]);
@@ -357,6 +362,8 @@ const App = {
       switchConversation,
       // Memory management
       memoryFiles, memoryDir, memoryLoading, memoryEditing, memoryEditContent, memorySaving, memoryPanelOpen,
+      // Side question (/btw)
+      btwState, btwPending,
       // i18n
       t,
     });
@@ -448,9 +455,23 @@ const App = {
 
     // ── Send message ──
     function sendMessage() {
+      const text = inputText.value.trim();
+
+      // Side question — /btw <question> (allowed even during compaction)
+      if (text === '/btw' || text.startsWith('/btw ')) {
+        if (status.value !== 'Connected') return;
+        const question = text.startsWith('/btw ') ? text.slice(5).trim() : '';
+        if (!question) return;
+        btwState.value = { question, answer: '', done: false, error: null };
+        btwPending.value = true;
+        inputText.value = '';
+        if (inputRef.value) inputRef.value.style.height = 'auto';
+        wsSend({ type: 'btw_question', question, conversationId: currentConversationId.value, claudeSessionId: currentClaudeSessionId.value });
+        return;
+      }
+
       if (!canSend.value) return;
 
-      const text = inputText.value.trim();
       const files = attachments.value.slice();
       inputText.value = '';
       if (inputRef.value) inputRef.value.style.height = 'auto';
@@ -504,6 +525,11 @@ const App = {
       wsSend(cancelPayload);
     }
 
+    function dismissBtw() {
+      btwState.value = null;
+      btwPending.value = false;
+    }
+
     function dequeueNext() {
       if (queuedMessages.value.length === 0) return;
       const queued = queuedMessages.value.shift();
@@ -528,8 +554,13 @@ const App = {
 
     function selectSlashCommand(cmd) {
       slashMenuOpen.value = false;
-      inputText.value = cmd.command;
-      sendMessage();
+      if (cmd.isPrefix) {
+        inputText.value = cmd.command + ' ';
+        nextTick(() => inputRef.value?.focus());
+      } else {
+        inputText.value = cmd.command;
+        sendMessage();
+      }
     }
 
     function openSlashMenu() {
@@ -545,7 +576,7 @@ const App = {
     document.addEventListener('click', _slashMenuClickOutside);
 
     function handleKeydown(e) {
-      // Slash menu key handling
+      // Slash menu key handling (must come before btw overlay so Escape closes menu first)
       if (slashMenuVisible.value && filteredSlashCommands.value.length > 0 && !e.isComposing) {
         const len = filteredSlashCommands.value.length;
         if (e.key === 'ArrowDown') {
@@ -575,6 +606,12 @@ const App = {
           return;
         }
       }
+      // Btw overlay dismiss (after slash menu so menu Escape takes priority)
+      if (e.key === 'Escape' && btwState.value) {
+        dismissBtw();
+        e.preventDefault();
+        return;
+      }
 
       if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) {
         e.preventDefault();
@@ -645,6 +682,8 @@ const App = {
       inputText, isProcessing, isCompacting, canSend, hasInput, inputRef, queuedMessages, usageStats,
       slashMenuVisible, filteredSlashCommands, slashMenuIndex, slashMenuOpen, selectSlashCommand, openSlashMenu,
       sendMessage, handleKeydown, cancelExecution, removeQueuedMessage, onMessageListScroll,
+      // Side question (/btw)
+      btwState, btwPending, dismissBtw, renderMarkdown,
       getRenderedContent, copyMessage, toggleTool,
       isPrevAssistant: _isPrevAssistant,
       toggleContextSummary, formatTimestamp, formatUsage: (u) => formatUsage(u, t),
@@ -2440,6 +2479,32 @@ const App = {
           </div>
           </template>
 
+          <!-- ══ Side question overlay ══ -->
+          <Transition name="fade">
+            <div v-if="btwState" class="btw-overlay" @click.self="dismissBtw">
+              <div class="btw-panel">
+                <div class="btw-header">
+                  <span class="btw-title">{{ t('btw.title') }}</span>
+                  <button class="btw-close" @click="dismissBtw" :aria-label="t('btw.dismiss')">&#10005;</button>
+                </div>
+                <div class="btw-body">
+                  <div class="btw-question">{{ btwState.question }}</div>
+                  <div v-if="btwState.error" class="btw-error">{{ btwState.error }}</div>
+                  <template v-else>
+                    <div v-if="btwState.answer" class="btw-answer markdown-body" v-html="renderMarkdown(btwState.answer)"></div>
+                    <div v-if="!btwState.done" class="btw-loading">
+                      <span class="btw-loading-dots"><span></span><span></span><span></span></span>
+                      <span v-if="!btwState.answer" class="btw-loading-text">{{ t('btw.thinking') }}</span>
+                    </div>
+                  </template>
+                </div>
+                <div v-if="btwState.done && !btwState.error" class="btw-hint">
+                  {{ isMobile ? t('btw.tapDismiss') : t('btw.escDismiss') }}
+                </div>
+              </div>
+            </div>
+          </Transition>
+
           <!-- Input area (shown in both chat and team create mode) -->
           <div class="input-area" v-if="viewMode === 'chat'">
             <input
@@ -2483,7 +2548,7 @@ const App = {
                 @keydown="handleKeydown"
                 @input="autoResize"
                 @paste="handlePaste"
-                :disabled="status !== 'Connected' || isCompacting"
+                :disabled="status !== 'Connected'"
                 :placeholder="isCompacting ? t('input.compacting') : t('input.placeholder')"
                 rows="1"
               ></textarea>
@@ -2505,7 +2570,7 @@ const App = {
                   <button class="attach-btn" @click="triggerFileInput" :disabled="status !== 'Connected' || isCompacting || attachments.length >= 5" :title="t('input.attachFiles')">
                     <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5a2.5 2.5 0 0 1 5 0v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5a2.5 2.5 0 0 0 5 0V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/></svg>
                   </button>
-                  <button class="slash-btn" @click="openSlashMenu" :disabled="status !== 'Connected' || isCompacting" :title="t('input.slashCommands')">
+                  <button class="slash-btn" @click="openSlashMenu" :disabled="status !== 'Connected'" :title="t('input.slashCommands')">
                     <svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M7 21 11 3h2L9 21H7Z"/></svg>
                   </button>
                 </div>

package/web/css/btw.css

@@ -0,0 +1,148 @@
+/* ── Side question (/btw) overlay ─────────────────────────────────────────── */
+
+.btw-overlay {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--overlay-bg, rgba(0, 0, 0, 0.3));
+  z-index: 500;
+}
+
+.btw-panel {
+  background: var(--bg-primary);
+  border: 1px solid var(--border);
+  border-radius: 12px;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+  width: 90%;
+  max-width: 560px;
+  max-height: 60vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.btw-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border);
+  flex-shrink: 0;
+}
+
+.btw-title {
+  font-weight: 600;
+  font-size: 14px;
+  color: var(--text-primary);
+}
+
+.btw-close {
+  background: none;
+  border: none;
+  font-size: 16px;
+  cursor: pointer;
+  color: var(--text-secondary);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+
+.btw-close:hover {
+  background: var(--bg-hover);
+  color: var(--text-primary);
+}
+
+.btw-body {
+  padding: 16px;
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+}
+
+.btw-question {
+  font-size: 13px;
+  color: var(--text-secondary);
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border);
+  font-style: italic;
+}
+
+.btw-answer {
+  font-size: 14px;
+  color: var(--text-primary);
+  line-height: 1.6;
+}
+
+.btw-error {
+  font-size: 13px;
+  color: var(--danger, #e53e3e);
+  background: var(--danger-bg, rgba(229, 62, 62, 0.08));
+  padding: 10px 12px;
+  border-radius: 6px;
+}
+
+.btw-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px 0;
+  gap: 12px;
+}
+
+.btw-loading-dots {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.btw-loading-dots span {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--accent, #6366f1);
+  animation: btw-bounce 1.4s infinite ease-in-out both;
+}
+
+.btw-loading-dots span:nth-child(1) { animation-delay: -0.32s; }
+.btw-loading-dots span:nth-child(2) { animation-delay: -0.16s; }
+.btw-loading-dots span:nth-child(3) { animation-delay: 0s; }
+
+@keyframes btw-bounce {
+  0%, 80%, 100% { transform: scale(0.4); opacity: 0.4; }
+  40% { transform: scale(1); opacity: 1; }
+}
+
+.btw-loading-text {
+  font-size: 13px;
+  color: var(--text-secondary);
+}
+
+.btw-hint {
+  text-align: center;
+  font-size: 12px;
+  color: var(--text-tertiary);
+  padding: 8px 16px 12px;
+  flex-shrink: 0;
+}
+
+/* ── Mobile (< 768px) ──────────────────────────────────────────────────── */
+
+@media (max-width: 768px) {
+  .btw-panel {
+    width: calc(100% - 24px);
+    max-width: none;
+    max-height: 50vh;
+    margin: 0 12px;
+  }
+
+  .btw-header {
+    padding: 10px 14px;
+  }
+
+  .btw-body {
+    padding: 14px;
+  }
+}

package/web/css/chat.css

@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   min-height: 0;
+  position: relative;
 }
 
 /* ── Message list ── */

package/web/index.html

@@ -16,6 +16,7 @@
   <link rel="stylesheet" href="/css/team.css">
   <link rel="stylesheet" href="/css/responsive.css">
   <link rel="stylesheet" href="/css/loop.css">
+  <link rel="stylesheet" href="/css/btw.css">
   <link id="hljs-theme" rel="stylesheet" href="/vendor/github.min.css">
   <script>
     // Apply saved theme immediately to prevent flash

package/web/locales/en.json

@@ -171,7 +171,7 @@
   "chat.customResponse": "Or type a custom response...",
 
   "input.placeholder": "Send a message · Enter to send",
-  "input.compacting": "Context compacting in progress...",
+  "input.compacting": "Compacting context... (type /btw to ask a side question)",
   "input.removeFromQueue": "Remove from queue",
   "input.attachFiles": "Attach files",
   "input.stopGeneration": "Stop generation",
@@ -264,5 +264,12 @@
 
   "slash.cost": "Show token usage and cost",
   "slash.context": "Show context usage",
-  "slash.compact": "Compact context"
+  "slash.compact": "Compact context",
+
+  "slash.btw": "Ask a side question (won't affect conversation)",
+  "btw.title": "Side Question",
+  "btw.dismiss": "Dismiss",
+  "btw.thinking": "Thinking...",
+  "btw.escDismiss": "Press Esc to dismiss",
+  "btw.tapDismiss": "Tap to dismiss"
 }

package/web/locales/zh.json

@@ -171,7 +171,7 @@
   "chat.customResponse": "或输入自定义回复...",
 
   "input.placeholder": "发送消息 · 按 Enter 发送",
-  "input.compacting": "上下文压缩中...",
+  "input.compacting": "上下文压缩中... (输入 /btw 可提旁问)",
   "input.removeFromQueue": "从队列中移除",
   "input.attachFiles": "附加文件",
   "input.stopGeneration": "停止生成",
@@ -264,5 +264,12 @@
 
   "slash.cost": "显示 Token 用量和费用",
   "slash.context": "显示上下文用量",
-  "slash.compact": "压缩上下文"
+  "slash.compact": "压缩上下文",
+
+  "slash.btw": "快速旁问（不影响对话）",
+  "btw.title": "旁问",
+  "btw.dismiss": "关闭",
+  "btw.thinking": "思考中...",
+  "btw.escDismiss": "按 Esc 关闭",
+  "btw.tapDismiss": "点击关闭"
 }

package/web/modules/connection.js

@@ -27,6 +27,8 @@ export function createConnection(deps) {
     switchConversation,
     // Memory management
     memoryFiles, memoryDir, memoryLoading, memoryEditing, memoryEditContent, memorySaving, memoryPanelOpen,
+    // Side question (/btw)
+    btwState, btwPending,
     // i18n
     t,
   } = deps;
@@ -360,6 +362,7 @@ export function createConnection(deps) {
         }
 
         // Clear foreground
+        const wasForegroundProcessing = isProcessing.value;
         if (!activeSet.has(currentConversationId && currentConversationId.value)) {
           isProcessing.value = false;
           isCompacting.value = false;
@@ -406,7 +409,18 @@ export function createConnection(deps) {
           team.handleActiveTeamRestore(msg.activeTeam, workDir.value);
         }
         resetIdleCheck();
+        // If foreground was processing but no longer is, dequeue pending messages
+        if (wasForegroundProcessing && !isProcessing.value) _dequeueNext();
       } else if (msg.type === 'error') {
+        // Route btw-related errors to the overlay instead of the message list
+        if (btwPending && btwPending.value && msg.message && msg.message.includes('btw_question')) {
+          btwPending.value = false;
+          if (btwState && btwState.value) {
+            btwState.value.error = msg.message;
+            btwState.value.done = true;
+          }
+          return;
+        }
         streaming.flushReveal();
         finalizeStreamingMsg(scheduleHighlight);
         messages.value.push({
@@ -582,6 +596,14 @@ export function createConnection(deps) {
           // Close preview if open (might be showing the deleted file)
           if (filePreview) filePreview.closePreview();
         }
+      } else if (msg.type === 'btw_answer') {
+        if (btwPending) btwPending.value = false;
+        if (btwState && btwState.value) {
+          btwState.value.answer += msg.delta;
+          if (msg.done) {
+            btwState.value.done = true;
+          }
+        }
       } else if (msg.type === 'workdir_changed') {
         workdirSwitching.value = false;
         workDir.value = msg.workDir;