@agent-link/server 0.1.52 → 0.1.53

package/package.json

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

package/web/app.js

@@ -505,7 +505,7 @@ const App = {
                 </div>
 
                 <!-- System message -->
-                <div v-else-if="msg.role === 'system'" :class="['system-msg', { 'compact-msg': msg.isCompactStart, 'command-output-msg': msg.isCommandOutput }]">
+                <div v-else-if="msg.role === 'system'" :class="['system-msg', { 'compact-msg': msg.isCompactStart, 'command-output-msg': msg.isCommandOutput, 'error-msg': msg.isError }]">
                   <template v-if="msg.isCompactStart && !msg.compactDone">
                     <span class="compact-inline-spinner"></span>
                   </template>

package/web/modules/connection.js

@@ -173,8 +173,14 @@ export function createConnection(deps) {
         }
         sidebar.requestSessionList();
       } else if (msg.type === 'error') {
-        status.value = 'Error';
-        error.value = msg.message;
+        streaming.flushReveal();
+        finalizeStreamingMsg(scheduleHighlight);
+        messages.value.push({
+          id: streaming.nextId(), role: 'system',
+          content: msg.message, isError: true,
+          timestamp: new Date(),
+        });
+        scrollToBottom();
         isProcessing.value = false;
         isCompacting.value = false;
       } else if (msg.type === 'claude_output') {

package/web/style.css

@@ -693,6 +693,7 @@ body {
 .tool-line-wrapper {
   max-width: 100%;
   padding-left: 0.25rem;
+  overflow: hidden;
 }
 
 .tool-line {
@@ -706,6 +707,8 @@ body {
   user-select: none;
   transition: background 0.15s;
   color: var(--text-secondary);
+  min-width: 0;
+  overflow: hidden;
 }
 
 .tool-line:hover {
@@ -723,7 +726,10 @@ body {
 .tool-name {
   font-weight: 500;
   color: var(--text-secondary);
-  flex-shrink: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
 
 .tool-summary {
@@ -1197,6 +1203,19 @@ body {
   padding: 0.5rem 0;
 }
 
+.system-msg.error-msg {
+  text-align: left;
+  font-style: normal;
+  color: #ef4444;
+  background: rgba(239, 68, 68, 0.08);
+  border: 1px solid rgba(239, 68, 68, 0.2);
+  border-radius: 8px;
+  padding: 0.75rem 1rem;
+  font-size: 0.85rem;
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+
 /* ── History loading indicator ── */
 .history-loading {
   display: flex;