@agent-link/server 0.1.8 → 0.1.9

package/package.json

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

package/web/style.css

@@ -1715,6 +1715,16 @@ body {
    Mobile responsive — max-width: 768px
    ══════════════════════════════════════════ */
 @media (max-width: 768px) {
+  /* Prevent page-level horizontal scroll */
+  html, body {
+    overflow-x: hidden;
+  }
+
+  .layout, .main-body, .chat-area {
+    overflow-x: hidden;
+    max-width: 100vw;
+  }
+
   /* Sidebar as fixed overlay */
   .sidebar {
     position: fixed;
@@ -1751,6 +1761,58 @@ body {
 
   .message-list-inner {
     max-width: 100%;
+    min-width: 0;
+  }
+
+  /* Constrain message rows and bubbles */
+  .message-row {
+    min-width: 0;
+    max-width: 100%;
+  }
+
+  .message-bubble {
+    min-width: 0;
+    max-width: 100%;
+    overflow: hidden;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
+
+  /* Message content: contain all overflow within the bubble */
+  .message-content {
+    min-width: 0;
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+  }
+
+  .message-content pre {
+    max-width: 100%;
+    overflow-x: auto;
+  }
+
+  /* Code block wrappers */
+  .code-block-wrapper {
+    max-width: 100%;
+  }
+
+  .code-block-wrapper pre {
+    max-width: 100%;
+    overflow-x: auto;
+  }
+
+  .markdown-body code {
+    word-break: break-all;
+  }
+
+  .markdown-body pre {
+    max-width: 100%;
+  }
+
+  .markdown-body table {
+    display: block;
+    max-width: 100%;
+    overflow-x: auto;
   }
 
   /* Input area */
@@ -1778,25 +1840,30 @@ body {
   /* Tool blocks */
   .tool-expand {
     margin-left: 0;
+    min-width: 0;
+    max-width: 100%;
+    overflow: hidden;
+  }
+
+  .tool-block {
+    max-width: 100%;
+    overflow-x: auto;
   }
 
   .tool-output-content pre {
     font-size: 0.8rem;
+    max-width: 100%;
+  }
+
+  .tool-input-formatted {
+    max-width: 100%;
+    overflow-wrap: anywhere;
   }
 
   /* AskUserQuestion — larger tap targets */
   .ask-question-option {
     min-height: 44px;
   }
-
-  /* Message content overflow */
-  .message-content {
-    overflow-x: auto;
-  }
-
-  .message-content pre {
-    max-width: calc(100vw - 3rem);
-  }
 }
 
 /* ══════════════════════════════════════════