@agent-link/server 0.1.45 → 0.1.47

package/package.json

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

package/web/app.js

@@ -403,8 +403,7 @@ const App = {
                 <template v-if="msg.role === 'user'">
                   <div class="message-role-label user-label">You</div>
                   <div class="message-bubble user-bubble" :title="formatTimestamp(msg.timestamp)">
-                    <div v-if="msg.isCommandOutput" class="message-content markdown-body" v-html="getRenderedContent(msg)"></div>
-                    <div v-else class="message-content">{{ msg.content }}</div>
+                    <div class="message-content">{{ msg.content }}</div>
                     <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" />
@@ -506,14 +505,15 @@ const App = {
                 </div>
 
                 <!-- System message -->
-                <div v-else-if="msg.role === 'system'" :class="['system-msg', { 'compact-msg': msg.isCompactStart }]">
+                <div v-else-if="msg.role === 'system'" :class="['system-msg', { 'compact-msg': msg.isCompactStart, 'command-output-msg': msg.isCommandOutput }]">
                   <template v-if="msg.isCompactStart && !msg.compactDone">
                     <span class="compact-inline-spinner"></span>
                   </template>
                   <template v-if="msg.isCompactStart && msg.compactDone">
                     <span class="compact-done-icon">✓</span>
                   </template>
-                  {{ msg.content }}
+                  <div v-if="msg.isCommandOutput" class="message-content markdown-body" v-html="getRenderedContent(msg)"></div>
+                  <template v-else>{{ msg.content }}</template>
                 </div>
               </div>
 

package/web/modules/connection.js

@@ -183,7 +183,7 @@ export function createConnection(deps) {
         streaming.flushReveal();
         finalizeStreamingMsg(scheduleHighlight);
         messages.value.push({
-          id: streaming.nextId(), role: 'user',
+          id: streaming.nextId(), role: 'system',
           content: msg.content, isCommandOutput: true,
           timestamp: new Date(),
         });
@@ -208,10 +208,10 @@ export function createConnection(deps) {
           scrollToBottom();
         }
       } else if (msg.type === 'turn_completed' || msg.type === 'execution_cancelled') {
-        isProcessing.value = false;
-        isCompacting.value = false;
         streaming.flushReveal();
         finalizeStreamingMsg(scheduleHighlight);
+        isProcessing.value = false;
+        isCompacting.value = false;
         if (msg.type === 'execution_cancelled') {
           messages.value.push({
             id: streaming.nextId(), role: 'system',
@@ -263,10 +263,16 @@ export function createConnection(deps) {
                   content: h.content, contextExpanded: false,
                   timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
                 });
+              } else if (h.isCommandOutput) {
+                batch.push({
+                  id: streaming.nextId(), role: 'system',
+                  content: h.content, isCommandOutput: true,
+                  timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
+                });
               } else {
                 batch.push({
                   id: streaming.nextId(), role: 'user',
-                  content: h.content, isCommandOutput: !!h.isCommandOutput,
+                  content: h.content,
                   timestamp: h.timestamp ? new Date(h.timestamp) : new Date(),
                 });
               }

package/web/style.css

@@ -1190,6 +1190,13 @@ body {
   padding: 0.25rem 0;
 }
 
+.system-msg.command-output-msg {
+  text-align: left;
+  font-style: normal;
+  font-size: 0.85rem;
+  padding: 0.5rem 0;
+}
+
 /* ── History loading indicator ── */
 .history-loading {
   display: flex;