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

src/web/public/index.html

@@ -90,7 +90,6 @@
               <span class="ralph-status-dot"></span>
               <span class="ralph-status-text">Idle</span>
             </span>
-            <span class="ralph-phrase-preview" id="ralphPhrasePreview"></span>
           </div>
           <div class="ralph-summary-stats">
             <span class="ralph-stat"><span class="ralph-stat-icon">&#x23F1;</span><span id="ralphStatTime">0m</span></span>
@@ -100,7 +99,7 @@
           <span class="ralph-toggle" id="ralphToggle">&#x25B6;</span>
         </div>
         <div class="ralph-controls">
-          <button class="btn-icon-sm" onclick="event.stopPropagation(); app.toggleRalphDetach()" title="Detach/Attach panel" id="ralphDetachBtn">&#x2197;</button>
+          <button class="btn-icon-sm" onclick="event.stopPropagation(); app.toggleRalphDetach()" title="Detach/Attach panel" id="ralphDetachBtn">&#x29C9;</button>
         </div>
       </div>