feat: UI consistency improvements

- Use same detach icon (⧉) for Ralph panel as Monitor panel
- Auto-focus on single session tab when only one session exists

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/web/public/app.js

@@ -610,6 +610,12 @@ class ClaudemanApp {
     }
 
     container.innerHTML = parts.join('');
+
+    // Auto-focus: if there's exactly one session and none is active, select it
+    if (this.sessions.size === 1 && !this.activeSessionId) {
+      const [sessionId] = this.sessions.keys();
+      this.selectSession(sessionId);
+    }
   }
 
   getSessionName(session) {
@@ -2007,7 +2013,7 @@ class ClaudemanApp {
       panel.style.width = '';
       panel.style.height = '';
       if (detachBtn) {
-        detachBtn.innerHTML = '↗'; // Detach icon
+        detachBtn.innerHTML = '⧉'; // Detach icon (two overlapping squares)
         detachBtn.title = 'Detach panel';
       }
     } else {
@@ -2017,7 +2023,7 @@ class ClaudemanApp {
       this.innerStatePanelCollapsed = false;
       panel.classList.remove('collapsed');
       if (detachBtn) {
-        detachBtn.innerHTML = '↙'; // Attach icon
+        detachBtn.innerHTML = '⊞'; // Attach icon (squared plus - dock back)
         detachBtn.title = 'Attach panel';
       }
       // Setup drag functionality