Auto-refresh the active tab's panels (silent, non-disturbing)

Local panels are fs.watched (LocalDirWatcher + setWatchedDirs -> pathRefresh);
remote panels poll every 3s. New refresh({silent}) skips the loading/busy
flags and touches no DOM, snapshotting sessionId+cwd to discard results if the
user navigated mid-flight. Only the active tab is live; switching tabs
refreshes the new pair. A future on/off setting is left as commented
breadcrumbs. Docs updated.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

ui/src/app/tab-bar/tab-bar.ts

@@ -342,6 +342,23 @@ const CONCURRENCY_CHOICES = [2, 3, 4, 6, 8] as const;
             </div>
           </div>
 
+          <!-- Auto-refresh is always on for now. To expose a toggle, uncomment
+               the breadcrumbs in types.ts + settings.service, then this row:
+          <div class="mt-2.5 flex items-center justify-between gap-2">
+            <span class="text-xs text-muted-foreground">Auto-refresh</span>
+            <div class="flex rounded-md border border-border p-0.5">
+              <button (click)="settings.setAutoRefresh(true)" class="rounded px-2 py-0.5 text-[11px]"
+                [class.bg-accent]="settings.autoRefresh()"
+                [class.text-foreground]="settings.autoRefresh()"
+                [class.text-muted-foreground]="!settings.autoRefresh()">On</button>
+              <button (click)="settings.setAutoRefresh(false)" class="rounded px-2 py-0.5 text-[11px]"
+                [class.bg-accent]="!settings.autoRefresh()"
+                [class.text-foreground]="!settings.autoRefresh()"
+                [class.text-muted-foreground]="settings.autoRefresh()">Off</button>
+            </div>
+          </div>
+          -->
+
           <!-- about footer -->
           <button
             (click)="showAbout()"