visionclaw 0.1.75 → 0.1.76

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [0.1.76](https://github.com/babelcloud/visionclaw/compare/v0.1.75...v0.1.76) (2026-03-03)
+
+
+### Features
+
+* **ui:** add auto-scroll indicator to logs tab ([60f2eba](https://github.com/babelcloud/visionclaw/commit/60f2ebab83fca09b3443c3392c96b06f7b04a5bb))
+
+
+
 ## [0.1.75](https://github.com/babelcloud/visionclaw/compare/v0.1.74...v0.1.75) (2026-03-03)
 
 

package/dist/obs/ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/obs/ui.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,IAAI,MAAM,CAu3BxC"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/obs/ui.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,IAAI,MAAM,CA+4BxC"}

package/dist/obs/ui.js

@@ -91,6 +91,9 @@ export function renderIndexHtml() {
     .tab { cursor: pointer; background: transparent; border: 1px solid transparent; color: var(--muted); padding: 5px 12px; border-radius: 8px; font-size: 12px; font-family: var(--sans); }
     .tab:hover { background: rgba(255,255,255,0.06); color: var(--text); }
     .tab.active { background: rgba(255,255,255,0.10); border-color: var(--border); color: var(--text); font-weight: 600; }
+    .scroll-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-left: 5px; vertical-align: middle; transition: background 0.2s; }
+    .scroll-dot.on { background: var(--good); box-shadow: 0 0 4px rgba(49,208,170,0.5); }
+    .scroll-dot.off { background: var(--warn); box-shadow: 0 0 4px rgba(255,204,102,0.4); }
     .tab-content { display: none; }
     .tab-content.visible { display: block; }
     /* Resource view (memory / skills) */
@@ -170,7 +173,7 @@ export function renderIndexHtml() {
       <section class="panel">
         <div class="panel-head">
           <div class="tabs">
-            <button class="tab active" id="tab-btn-logs">Logs</button>
+            <button class="tab active" id="tab-btn-logs">Logs<span class="scroll-dot on" id="scroll-dot" title="Auto-scroll active"></span></button>
             <button class="tab" id="tab-btn-memory">Memory</button>
             <button class="tab" id="tab-btn-skills">Skills</button>
             <button class="tab" id="tab-btn-config">Config</button>
@@ -215,6 +218,7 @@ export function renderIndexHtml() {
   const $rawToggle = document.getElementById('rawToggle');
   const $sse = document.getElementById('sse');
   const $dot = document.getElementById('dot');
+  const $scrollDot = document.getElementById('scroll-dot');
 
   const MAX = 300;
   const COLLAPSE_AT = 260;
@@ -224,6 +228,23 @@ export function renderIndexHtml() {
   let rawMode = false;
   let autoScroll = true;
   let programmaticScroll = false;
+
+  function syncAutoScrollIndicator() {
+    $scrollDot.classList.toggle('on', autoScroll);
+    $scrollDot.classList.toggle('off', !autoScroll);
+    $scrollDot.title = autoScroll ? 'Auto-scroll active' : 'Auto-scroll paused — click to resume';
+  }
+
+  $scrollDot.addEventListener('click', (e) => {
+    e.stopPropagation();
+    autoScroll = !autoScroll;
+    syncAutoScrollIndicator();
+    if (autoScroll) {
+      const target = rawMode ? $logsRaw : $logs;
+      programmaticScroll = true;
+      target.scrollTop = target.scrollHeight;
+    }
+  });
   const rawLines = [];
 
   function isNearBottom(el) {
@@ -477,7 +498,9 @@ export function renderIndexHtml() {
       programmaticScroll = false;
       return;
     }
+    const was = autoScroll;
     autoScroll = isNearBottom($logs);
+    if (was !== autoScroll) syncAutoScrollIndicator();
   });
 
   $expandAll.addEventListener('click', () => {
@@ -504,6 +527,7 @@ export function renderIndexHtml() {
     $count.textContent = '0';
     rawLines.length = 0;
     autoScroll = true;
+    syncAutoScrollIndicator();
     $logsRaw.textContent = '';
   });
 

package/dist/obs/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/obs/ui.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,oFAAoF;AACpF,MAAM,UAAU,eAAe;IAC7B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAq3BD,CAAC;AACT,CAAC"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/obs/ui.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,oFAAoF;AACpF,MAAM,UAAU,eAAe;IAC7B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA64BD,CAAC;AACT,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "visionclaw",
-  "version": "0.1.75",
+  "version": "0.1.76",
   "description": "A personal assistant agent that runs on your desktop, receives commands from messaging channels, and executes tasks autonomously.",
   "type": "module",
   "main": "dist/index.js",