@agent-link/server 0.1.174 → 0.1.175

package/package.json

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

package/web/app.js

@@ -666,13 +666,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/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 };