```

fix: prevent file browser flashing and reduce log verbosity

- Split visibility and session change handling to avoid redundant directory loads
- Only reload directory when component becomes visible or session changes while visible
- Change directory browse success log from info to debug level to reduce noise
- Fixes issue where file browser would flash/reload unnecessarily on prop changes
```

web/src/client/components/file-browser.ts

@@ -129,11 +129,15 @@ export class FileBrowser extends LitElement {
   async updated(changedProperties: Map<string, unknown>) {
     super.updated(changedProperties);
 
-    if (changedProperties.has('visible') || changedProperties.has('session')) {
+    // Only load directory when the component becomes visible or when session changes while visible
-      if (this.visible) {
+    if (changedProperties.has('visible') && this.visible) {
-        this.currentPath = this.session?.workingDir || '.';
+      // Component just became visible
-        await this.loadDirectory(this.currentPath);
+      this.currentPath = this.session?.workingDir || '.';
-      }
+      await this.loadDirectory(this.currentPath);
+    } else if (changedProperties.has('session') && this.visible) {
+      // Session changed while component is visible
+      this.currentPath = this.session?.workingDir || '.';
+      await this.loadDirectory(this.currentPath);
     }
 
     // Monaco editor will handle its own updates through properties

web/src/server/routes/filesystem.ts

@@ -288,10 +288,8 @@ export function createFilesystemRoutes(): Router {
         return a.name.localeCompare(b.name);
       });
 
-      logger.log(
+      logger.debug(
-        chalk.green(
+        `directory browsed successfully: ${requestedPath} (${filteredFiles.length} items)`
-          `directory browsed successfully: ${requestedPath} (${filteredFiles.length} items)`
-        )
       );
 
       res.json({