refactor: move auto-compact/clear to new Context tab in session options

Split the session options modal into three tabs (Respawn, Context,
Ralph/Todo) to reduce vertical height. Removed redundant header and
border from the Respawn section. Also condensed CLAUDE.md and added
AI idle checker documentation.

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

src/web/public/app.js

@@ -2495,12 +2495,13 @@ class ClaudemanApp {
 
   switchOptionsTab(tabName) {
     // Toggle active class on tab buttons
-    document.querySelectorAll('.modal-tab-btn').forEach(btn => {
+    document.querySelectorAll('#sessionOptionsModal .modal-tab-btn').forEach(btn => {
       btn.classList.toggle('active', btn.dataset.tab === tabName);
     });
 
     // Toggle hidden class on tab content
     document.getElementById('respawn-tab').classList.toggle('hidden', tabName !== 'respawn');
+    document.getElementById('context-tab').classList.toggle('hidden', tabName !== 'context');
     document.getElementById('ralph-tab').classList.toggle('hidden', tabName !== 'ralph');
   }
 

src/web/public/index.html

@@ -278,7 +278,8 @@
         <!-- Modal Tabs -->
         <div class="modal-tabs">
           <button class="modal-tab-btn active" data-tab="respawn" onclick="app.switchOptionsTab('respawn')">Respawn</button>
-          <button class="modal-tab-btn" data-tab="ralph" onclick="app.switchOptionsTab('ralph')">Ralph / Todo Tracker</button>
+          <button class="modal-tab-btn" data-tab="context" onclick="app.switchOptionsTab('context')">Context</button>
+          <button class="modal-tab-btn" data-tab="ralph" onclick="app.switchOptionsTab('ralph')">Ralph / Todo</button>
         </div>
         <div class="modal-body">
           <!-- Respawn Tab Content -->
@@ -286,7 +287,6 @@
           <!-- Respawn Settings Section -->
           <div class="session-respawn-section" id="sessionRespawnSection">
             <div class="section-divider">
-              <span>Respawn Controller</span>
               <div class="session-respawn-status" id="sessionRespawnStatus">
                 <span class="respawn-status-indicator"></span>
                 <span class="respawn-status-text">Not active</span>
@@ -349,6 +349,15 @@
               <span class="form-hint">Presses Enter to accept plan approvals and default question options when Claude is waiting</span>
             </div>
 
+            <div class="respawn-actions">
+              <button class="btn-toolbar btn-success" onclick="app.enableRespawnFromModal()" id="modalEnableRespawnBtn">Enable Respawn</button>
+              <button class="btn-toolbar btn-danger" onclick="app.stopRespawnFromModal()" id="modalStopRespawnBtn" style="display: none;">Stop Respawn</button>
+            </div>
+          </div>
+          </div><!-- End respawn-tab -->
+
+          <!-- Context Management Tab Content -->
+          <div class="modal-tab-content hidden" id="context-tab">
             <div class="form-row">
               <label>Auto-Compact Context</label>
               <div class="auto-clear-row">
@@ -379,13 +388,7 @@
               </div>
               <span class="form-hint">Completely resets context (use higher threshold than compact)</span>
             </div>
-
-            <div class="respawn-actions">
-              <button class="btn-toolbar btn-success" onclick="app.enableRespawnFromModal()" id="modalEnableRespawnBtn">Enable Respawn</button>
-              <button class="btn-toolbar btn-danger" onclick="app.stopRespawnFromModal()" id="modalStopRespawnBtn" style="display: none;">Stop Respawn</button>
-            </div>
-          </div>
-          </div><!-- End respawn-tab -->
+          </div><!-- End context-tab -->
 
           <!-- Ralph Wiggum Tab Content -->
           <div class="modal-tab-content hidden" id="ralph-tab">

src/web/public/styles.css

@@ -1880,19 +1880,18 @@ body {
 
 /* Session respawn section in options modal */
 .session-respawn-section {
-  border-top: 1px solid var(--border);
-  padding-top: 0.75rem;
-  margin-top: 0.75rem;
+  padding-top: 0;
+  margin-top: 0;
 }
 
 .section-divider {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 0.75rem;
-  font-size: 0.8rem;
+  margin-bottom: 0.5rem;
+  font-size: 0.75rem;
   font-weight: 500;
-  color: var(--text);
+  color: var(--text-dim);
 }
 
 .session-respawn-status {