@agent-link/server 0.1.174 → 0.1.176

package/package.json

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

package/web/app.js

@@ -439,18 +439,24 @@ const App = {
     });
     const filteredSlashCommands = computed(() => {
       if (slashMenuOpen.value && !inputText.value.startsWith('/')) return SLASH_COMMANDS;
+      if (!inputText.value.startsWith('/')) return SLASH_COMMANDS;
       const txt = inputText.value.toLowerCase();
       return SLASH_COMMANDS.filter(c => c.command.startsWith(txt));
     });
     watch(filteredSlashCommands, () => { slashMenuIndex.value = 0; });
 
     // ── Auto-resize textarea ──
+    let _autoResizeRaf = null;
     function autoResize() {
-      const ta = inputRef.value;
-      if (ta) {
-        ta.style.height = 'auto';
-        ta.style.height = Math.min(ta.scrollHeight, 160) + 'px';
-      }
+      if (_autoResizeRaf) return;
+      _autoResizeRaf = requestAnimationFrame(() => {
+        _autoResizeRaf = null;
+        const ta = inputRef.value;
+        if (ta) {
+          ta.style.height = 'auto';
+          ta.style.height = Math.min(ta.scrollHeight, 160) + 'px';
+        }
+      });
     }
 
     // ── Send message ──
@@ -666,13 +672,23 @@ const App = {
     watch(loop.loopsList, () => { loadingLoops.value = false; });
 
     // ── Lifecycle ──
-    onMounted(() => { connect(scheduleHighlight); });
+    function _onVisibilityChange() {
+      if (!document.hidden) {
+        nextTick(() => scrollToBottom(true));
+      }
+    }
+
+    onMounted(() => {
+      connect(scheduleHighlight);
+      document.addEventListener('visibilitychange', _onVisibilityChange);
+    });
     onUnmounted(() => {
       closeWs(); streaming.cleanup(); cleanupScroll(); cleanupHighlight();
       window.removeEventListener('resize', _resizeHandler);
       document.removeEventListener('click', _workdirMenuClickHandler);
       document.removeEventListener('click', _slashMenuClickOutside);
       document.removeEventListener('keydown', _workdirMenuKeyHandler);
+      document.removeEventListener('visibilitychange', _onVisibilityChange);
     });
 
     return {

package/web/css/input.css

@@ -50,7 +50,7 @@
   border-radius: 16px;
   padding: 0.5rem;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
-  transition: border-color 0.2s, box-shadow 0.2s;
+  transition: border-color 0.2s;
 }
 
 .input-card:focus-within {

package/web/css/tools.css

@@ -93,6 +93,12 @@
   border-left: 1px solid var(--border);
   padding-left: 8px;
   overflow: hidden;
+  animation: toolExpand 0.15s ease-out;
+}
+
+@keyframes toolExpand {
+  from { opacity: 0; max-height: 0; }
+  to { opacity: 1; max-height: 500px; }
 }
 
 .tool-block {

package/web/modules/appHelpers.js

@@ -6,7 +6,7 @@
  * @returns {{ onScroll, scrollToBottom, cleanup }}
  */
 export function createScrollManager(selector) {
-  let _scrollTimer = null;
+  let _rafId = null;
   let _userScrolledUp = false;
 
   function onScroll(e) {
@@ -16,16 +16,17 @@ export function createScrollManager(selector) {
 
   function scrollToBottom(force) {
     if (_userScrolledUp && !force) return;
-    if (_scrollTimer) return;
-    _scrollTimer = setTimeout(() => {
-      _scrollTimer = null;
+    if (document.hidden) return;
+    if (_rafId) return;
+    _rafId = requestAnimationFrame(() => {
+      _rafId = null;
       const el = document.querySelector(selector);
       if (el) el.scrollTop = el.scrollHeight;
-    }, 50);
+    });
   }
 
   function cleanup() {
-    if (_scrollTimer) { clearTimeout(_scrollTimer); _scrollTimer = null; }
+    if (_rafId) { cancelAnimationFrame(_rafId); _rafId = null; }
   }
 
   return { onScroll, scrollToBottom, cleanup };