diff --git a/docs/architecture-invariants.md b/docs/architecture-invariants.md
index d58d3655..679a32af 100644
--- a/docs/architecture-invariants.md
+++ b/docs/architecture-invariants.md
@@ -1339,7 +1339,7 @@ Tests: `test/mobile-prompt-composer.test.ts` (in the CI gate, deliberately not u
 
 ### Z-index layers
 
-**Z-index layers**: subagent windows (1000), split picker menu (1000, `.split-picker-menu`), Tiles count menu (1000, `.tile-count-menu`), the closing grid's still copy (`.tile-grid-ghosts`, z-index 3 inside `.main`, over the single view coming back; hidden under `.main.webview-active`), plan agents (1100), mobile/tablet fixed header (1200, `mobile.css`), modals on ≤768px (1300 — must beat the fixed header or the modal close button is buried), log viewers (2000), connection-loss overlay (2500, above the fixed header and modals), image popups (3000), response viewer (5000, backdrop 4999), folder grid (5090, `#folderGridOverlay` — above the response viewer a folder link opens it from, below the file preview its tiles open, so a tile's preview and its ←/→ paging sit on top of the grid), file-preview overlay (5100 — must outrank the response viewer, which can launch it; at its old 2000 a path clicked in the chat opened BEHIND the chat), toasts/path picker (10000+, deliberately above the preview), the custom-model center-status banner (10001, `.center-status-banner` — `[hidden]` must re-assert `display: none` over its own `display: flex`, same trap as `.home-sessions[hidden]`, or `dismiss()` leaves an invisible click-blocker dead centre on screen), the swap-confirm and context-warning modals (10010, `#customModelSwapConfirmModal`/`#customModelContextWarningModal` — must clear both the plain `.modal` z-index of 1000 and the center-status banner it can appear over), terminal touch-selection bar (900 — above terminal content and the local-echo overlay, deliberately BELOW floating agent windows so it can never cover their controls), local echo overlay (7), iOS IME composition preview (EFFECTIVE layer depends on its home: with local echo on it is part of the local echo overlay at 7, drawn by `setComposition()` as an underlined tail after the pending text; with local echo off it is a span at z-index 6 inside `.xterm-helpers`, but `.xterm-helpers` is its own z-index 5 stacking context, so the span's effective layer is 5. That is below the overlay's 7, which is why the span cannot be used while the overlay holds text: typed text never reaches the PTY before Enter, the PTY cursor that places the span stays at the prompt start, and the overlay's opaque line div covers it).
+**Z-index layers**: subagent windows (1000), split picker menu (1000, `.split-picker-menu`), Tiles count menu (1000, `.tile-count-menu`), the closing grid's still copy (`.tile-grid-ghosts`, z-index 3 inside `.main`, over the single view coming back; hidden under `.main.webview-active`), mobile/tablet fixed header (1200, `mobile.css`), modals on ≤768px (1300 — must beat the fixed header or the modal close button is buried), log viewers (2000), connection-loss overlay (2500, above the fixed header and modals), image popups (3000), response viewer (5000, backdrop 4999), folder grid (5090, `#folderGridOverlay` — above the response viewer a folder link opens it from, below the file preview its tiles open, so a tile's preview and its ←/→ paging sit on top of the grid), file-preview overlay (5100 — must outrank the response viewer, which can launch it; at its old 2000 a path clicked in the chat opened BEHIND the chat), toasts/path picker (10000+, deliberately above the preview), the custom-model center-status banner (10001, `.center-status-banner` — `[hidden]` must re-assert `display: none` over its own `display: flex`, same trap as `.home-sessions[hidden]`, or `dismiss()` leaves an invisible click-blocker dead centre on screen), the swap-confirm and context-warning modals (10010, `#customModelSwapConfirmModal`/`#customModelContextWarningModal` — must clear both the plain `.modal` z-index of 1000 and the center-status banner it can appear over), terminal touch-selection bar (900 — above terminal content and the local-echo overlay, deliberately BELOW floating agent windows so it can never cover their controls), local echo overlay (7), iOS IME composition preview (EFFECTIVE layer depends on its home: with local echo on it is part of the local echo overlay at 7, drawn by `setComposition()` as an underlined tail after the pending text; with local echo off it is a span at z-index 6 inside `.xterm-helpers`, but `.xterm-helpers` is its own z-index 5 stacking context, so the span's effective layer is 5. That is below the overlay's 7, which is why the span cannot be used while the overlay holds text: typed text never reaches the PTY before Enter, the PTY cursor that places the span stays at the prompt start, and the overlay's opaque line div covers it).
 
 ## Security layers
 
diff --git a/scripts/build.mjs b/scripts/build.mjs
index d949fcad..f095fbc0 100644
--- a/scripts/build.mjs
+++ b/scripts/build.mjs
@@ -157,7 +157,6 @@ console.log('\n[build] content-hash cache busting');
     'settings-ui.js',
     'panels-ui.js',
     'session-ui.js',
-    'ralph-wizard.js',
     'api-client.js',
     'subagent-windows.js',
     'image-input.js',
diff --git a/src/web/CLAUDE.md b/src/web/CLAUDE.md
index 5cc46b70..e4825913 100644
--- a/src/web/CLAUDE.md
+++ b/src/web/CLAUDE.md
@@ -94,6 +94,6 @@ Frontend JS modules have `@fileoverview` with `@dependency`/`@loadorder` tags. L
 
 **SSE staleness watchdog** (`computeSseStale()` in constants.js, `_checkSseStale()` + a 5s interval in app.js): an `EventSource` can stop delivering without erroring, so the client forces a reconnect when nothing arrives. ⚠️ The server keepalive must stay the named `sse:heartbeat` event (`cleanupDeadClients()`, sse-stream-manager.ts), never an SSE comment, which `EventSource` cannot observe; its no-op client listener must stay registered. ⚠️ Judge staleness only while `connected` and online (the loop breaker). ⚠️ The liveness stamp lives inside `addListener`. ⚠️ Clear the interval only at the top of `connectSSE()`, or intervals stack. ⚠️ The watchdog cannot see an attempt that never OPENS (no response headers: no `open`, no `error`, never `connected`), so each attempt is bounded by `SSE_CONNECT_TIMEOUT_MS` (15s, `CodemanSseStale.CONNECT_TIMEOUT_MS`) and then retried through `_handleSseConnectionFailure()`, the same backoff `onerror` uses. Its timer is cleared at the top of `connectSSE()` BEFORE the offline early return, on `open`, and in `_handleSseConnectionFailure()`; the timer and the handler both ignore an `EventSource` that has been replaced. The window `offline` handler leaves it running on purpose (`navigator.onLine` can report offline on a working network). Tests: `test/sse-connect-timeout.test.ts`. → [architecture-invariants#sse-staleness-watchdog](../../docs/architecture-invariants.md#sse-staleness-watchdog)
 
-**Z-index layers** (keep new overlays consistent with this stack): local echo overlay (7; with local echo on it also draws the iOS IME composition preview, as an underlined tail after its pending text via `setComposition`), iOS IME composition preview span when local echo is off (6 inside `.xterm-helpers`, whose own z-index 5 is its EFFECTIVE layer, so it sits UNDER the overlay and must never be used while the overlay shows text), terminal touch-selection bar (900, below floating agent windows), subagent windows + split picker menu + Tiles count menu (1000), plan agents (1100), mobile/tablet fixed header (1200), modals on ≤768px (1300, must beat the fixed header), log viewers (2000), connection-loss overlay (2500), image popups (3000), response viewer (5000, backdrop 4999), folder grid (5090, above the response viewer it opens from, below the file preview its tiles open), file-preview overlay (5100, must outrank the response viewer that launches it), toasts/path picker (10000+), custom-model center-status banner (10001; its `[hidden]` must re-assert `display: none` or `dismiss()` leaves an invisible click-blocker), custom-model swap-confirm/context-warning modals (10010). → [architecture-invariants#z-index-layers](../../docs/architecture-invariants.md#z-index-layers)
+**Z-index layers** (keep new overlays consistent with this stack): local echo overlay (7; with local echo on it also draws the iOS IME composition preview, as an underlined tail after its pending text via `setComposition`), iOS IME composition preview span when local echo is off (6 inside `.xterm-helpers`, whose own z-index 5 is its EFFECTIVE layer, so it sits UNDER the overlay and must never be used while the overlay shows text), terminal touch-selection bar (900, below floating agent windows), subagent windows + split picker menu + Tiles count menu (1000), mobile/tablet fixed header (1200), modals on ≤768px (1300, must beat the fixed header), log viewers (2000), connection-loss overlay (2500), image popups (3000), response viewer (5000, backdrop 4999), folder grid (5090, above the response viewer it opens from, below the file preview its tiles open), file-preview overlay (5100, must outrank the response viewer that launches it), toasts/path picker (10000+), custom-model center-status banner (10001; its `[hidden]` must re-assert `display: none` or `dismiss()` leaves an invisible click-blocker), custom-model swap-confirm/context-warning modals (10010). → [architecture-invariants#z-index-layers](../../docs/architecture-invariants.md#z-index-layers)
 
 **Keyboard shortcuts**: Escape (close), Ctrl+? (shortcut overlay), Ctrl/Cmd/Alt+K (session palette), Ctrl+Tab (next), Alt+[/] (prev/next tab), Alt+1-9 (switch tab), Ctrl+Shift+{/} (move tab left/right), Shift+Enter or Ctrl+Enter (newline), Ctrl+C (copy selection, else interrupt) / Ctrl+Shift+C (copy, never interrupts), Ctrl+L (clear), Ctrl+Shift+R (restore size), Ctrl+Shift+V (voice input), Ctrl/Cmd +/- (font), Shift+Wheel (local scrollback when mouse passthrough is active), Shift+drag (start a selection in a stripped-DECSET pane, where xterm's own Shift branch is unreachable and a Shift+drag used to select nothing; `_installShiftDragSelection`), right-click (copy the selection, the mintty/PuTTY convention, since xterm paints into a canvas and the native menu has no Copy for it; with nothing selected the native menu is left alone). Rebindable via the registry. ⚠️ **Ctrl+W is deliberately NOT bound** (owner decision): it is delete-word in every shell and agent CLI, and as Close Session it killed sessions with no confirm; `close-session` keeps `bindings: []` and stays bindable (`test/ctrl-w-never-closes.test.ts`).
diff --git a/src/web/public/api-client.js b/src/web/public/api-client.js
index fea0d2b5..0e14c5e8 100644
--- a/src/web/public/api-client.js
+++ b/src/web/public/api-client.js
@@ -7,7 +7,7 @@
  *
  * @mixin Extends CodemanApp.prototype via Object.assign
  * @dependency app.js (CodemanApp class must be defined)
- * @loadorder 14 of 15 — loaded after ralph-wizard.js
+ * @loadorder 14 of 15 — loaded after session-ui.js
  */
 
 // Codeman — Centralized API fetch helpers for CodemanApp
diff --git a/src/web/public/app.js b/src/web/public/app.js
index 5633aa21..8e58b9fd 100644
--- a/src/web/public/app.js
+++ b/src/web/public/app.js
@@ -11,7 +11,6 @@
  *   panels-ui.js     — Subagent panel, agent teams, project insights, file browser, log viewer,
  *                       image popups, monitor, token stats, toast, system stats
  *   session-ui.js    — Quick start, session options modal, case settings, mobile case picker
- *   ralph-wizard.js  — Ralph Loop wizard modal
  *   api-client.js    — API helper methods (fetch wrappers)
  *   subagent-windows.js — Floating subagent terminal windows
  *
@@ -299,13 +298,6 @@ const _SSE_HANDLER_MAP = [
   [SSE_EVENTS.TUNNEL_QR_REGENERATED, '_onTunnelQrRegenerated'],
   [SSE_EVENTS.TUNNEL_QR_AUTH_USED, '_onTunnelQrAuthUsed'],
 
-  // Plan orchestration
-  [SSE_EVENTS.PLAN_SUBAGENT, '_onPlanSubagent'],
-  [SSE_EVENTS.PLAN_PROGRESS, '_onPlanProgress'],
-  [SSE_EVENTS.PLAN_STARTED, '_onPlanStarted'],
-  [SSE_EVENTS.PLAN_CANCELLED, '_onPlanCancelled'],
-  [SSE_EVENTS.PLAN_COMPLETED, '_onPlanCompleted'],
-
   // Orchestrator loop
   [SSE_EVENTS.ORCHESTRATOR_STATE_CHANGED, '_onOrchestratorStateChanged'],
   [SSE_EVENTS.ORCHESTRATOR_PLAN_PROGRESS, '_onOrchestratorPlanProgress'],
@@ -872,17 +864,6 @@ class CodemanApp {
     this.ralphStatePanelCollapsed = true; // Default to collapsed
     this.ralphClosedSessions = new Set(); // Sessions where user explicitly closed Ralph panel
 
-    // Plan subagent windows (visible agents during plan generation)
-    this.planSubagents = new Map(); // Map<agentId, { type, model, status, startTime, element, relativePos }>
-    this.planSubagentWindowZIndex = ZINDEX_PLAN_SUBAGENT_BASE;
-    this.planGenerationStopped = false; // Flag to ignore SSE events after Stop
-    this.planAgentsMinimized = false; // Whether agent windows are minimized to tab
-
-    // Wizard dragging state
-    this.wizardDragState = null; // { startX, startY, startLeft, startTop, isDragging }
-    this.wizardDragListeners = null; // { move, up } for cleanup
-    this.wizardPosition = null; // { left, top } - null means centered
-
     // Project Insights tracking (active Bash tools with clickable file paths)
     this.projectInsights = new Map(); // Map<sessionId, ActiveBashTool[]>
     this.logViewerWindows = new Map(); // Map<windowId, { element, eventSource, filePath }>
@@ -5058,10 +5039,6 @@ class CodemanApp {
     // wrapping) clipped xterm's bottom rows behind the toolbar until a tab
     // switch or a window resize.
     // Clear any other orphaned timers
-    if (this.planLoadingTimer) {
-      clearInterval(this.planLoadingTimer);
-      this.planLoadingTimer = null;
-    }
     if (this.timerCountdownInterval) {
       clearInterval(this.timerCountdownInterval);
       this.timerCountdownInterval = null;
@@ -11140,28 +11117,6 @@ class CodemanApp {
     this.renderRalphStatePanel();
   }
 
-  // ═══════════════════════════════════════════════════════════════
-  // Ralph Loop Wizard (methods in ralph-wizard.js)
-  // ═══════════════════════════════════════════════════════════════
-
-  // Wizard state (initialized here, methods loaded from ralph-wizard.js)
-  ralphWizardStep = 1;
-  ralphWizardConfig = {
-    taskDescription: '',
-    completionPhrase: 'COMPLETE',
-    maxIterations: 10,
-    caseName: 'testcase',
-    enableRespawn: false,
-    generatedPlan: null,
-    planGenerated: false,
-    skipPlanGeneration: false,
-    planDetailLevel: 'detailed',
-    existingPlan: null,
-    useExistingPlan: false,
-  };
-  planLoadingTimer = null;
-  planLoadingStartTime = null;
-
   // ═══════════════════════════════════════════════════════════════
   // Kill Sessions
   // ═══════════════════════════════════════════════════════════════
diff --git a/src/web/public/constants.js b/src/web/public/constants.js
index f3f2b2ae..7421e1c7 100644
--- a/src/web/public/constants.js
+++ b/src/web/public/constants.js
@@ -16,7 +16,7 @@
  * @dependency None (first in load order)
  * @loadorder 1 of 15 — constants.js → mobile-handlers.js → voice-input.js → notification-manager.js
  *   → keyboard-accessory.js → input-cjk.js → app.js → terminal-ui.js → respawn-ui.js
- *   → ralph-panel.js → settings-ui.js → panels-ui.js → session-ui.js → ralph-wizard.js
+ *   → ralph-panel.js → settings-ui.js → panels-ui.js → session-ui.js
  *   → api-client.js → subagent-windows.js
  */
 
@@ -135,7 +135,6 @@ const TUI_REDRAW_SETTLE_MS = 400;           // Grace for a TUI to redraw after a
 
 // Z-index base values for layered floating windows
 const ZINDEX_SUBAGENT_BASE = 1000;
-const ZINDEX_PLAN_SUBAGENT_BASE = 1100;
 const ZINDEX_LOG_VIEWER_BASE = 2000;
 const ZINDEX_IMAGE_POPUP_BASE = 3000;
 
@@ -1964,7 +1963,7 @@ function getEventCoords(e) {
   return { clientX: e.clientX, clientY: e.clientY };
 }
 
-// HTML escape utility (shared by NotificationManager, CodemanApp, and ralph-wizard.js)
+// HTML escape utility (shared by NotificationManager and the CodemanApp mixins)
 const _htmlEscapeMap = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' };
 const _htmlEscapePattern = /[&<>"']/g;
 function escapeHtml(text) {
diff --git a/src/web/public/entrance-animations.js b/src/web/public/entrance-animations.js
index a7068e0a..76fa99d2 100644
--- a/src/web/public/entrance-animations.js
+++ b/src/web/public/entrance-animations.js
@@ -58,7 +58,7 @@
  * @dependency app.js (tab render pipeline), subagent-windows.js (window + line hooks),
  *   tile-grid.js (tile mount, reveal and still-copy hooks)
  * @dependency constants.js (escapeHtml)
- * @loadorder 12.6 of 16, after webview-tabs.js, before ralph-wizard.js
+ * @loadorder 12.6 of 16, after webview-tabs.js, before api-client.js
  */
 
 /** Tab entrance styles. `key` doubles as the `data-tab-anim` value. */
diff --git a/src/web/public/index.html b/src/web/public/index.html
index 9d1a3248..7d1d1430 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -1280,16 +1280,6 @@
             <div class="monitor-empty">No mux sessions</div>
           </div>
         </div>
-        <div class="monitor-section" id="monitorPlanAgentsSection" style="display: none;">
-          <div class="monitor-section-header">
-            <span>Plan Wizard Agents</span>
-            <span class="task-stats" id="monitorPlanAgentStats">0 active</span>
-            <button class="btn-toolbar btn-sm btn-danger" onclick="app.cancelPlanFromMonitor()" title="Cancel plan generation">Cancel</button>
-          </div>
-          <div class="monitor-section-body" id="monitorPlanAgentsBody">
-            <div class="monitor-empty">No plan agents</div>
-          </div>
-        </div>
         <div class="monitor-section" id="monitorSubagentsSection">
           <div class="monitor-section-header">
             <span>Background Agents</span>
@@ -4217,189 +4207,6 @@
       </div>
     </div>
 
-    <!-- Ralph Loop Wizard Modal -->
-    <div class="modal" id="ralphWizardModal">
-      <div class="modal-backdrop"></div>
-      <div class="modal-content modal-wizard">
-        <div class="modal-header">
-          <h3>Start Ralph Loop</h3>
-          <div class="modal-header-actions">
-            <button class="modal-close" onclick="app.closeRalphWizard()" aria-label="Close Ralph wizard">&times;</button>
-          </div>
-        </div>
-
-        <!-- Wizard Progress Steps -->
-        <div class="wizard-progress">
-          <div class="wizard-step active" data-step="1">
-            <span class="wizard-step-number">1</span>
-            <span class="wizard-step-label">Describe</span>
-          </div>
-          <div class="wizard-step" data-step="2">
-            <span class="wizard-step-number">2</span>
-            <span class="wizard-step-label">Plan</span>
-          </div>
-          <div class="wizard-step" data-step="3">
-            <span class="wizard-step-number">3</span>
-            <span class="wizard-step-label">Launch</span>
-          </div>
-        </div>
-
-        <div class="modal-body">
-          <!-- Step 1: Task & Completion Setup -->
-          <div class="wizard-page wizard-page-compact" id="ralphWizardStep1">
-            <div class="wizard-step-intro">
-              <p>Describe your task below. Claude will generate an implementation plan with testing steps.</p>
-            </div>
-            <div class="form-row">
-              <label>What do you want to build?</label>
-              <div class="textarea-with-assist">
-                <textarea
-                  id="ralphTaskDescription"
-                  rows="3"
-                  placeholder="Build a REST API for user authentication with JWT tokens, login/logout endpoints, and password reset flow."></textarea>
-              </div>
-            </div>
-
-            <div class="wizard-inline-row">
-              <div class="wizard-inline-field">
-                <label>Working Directory <span id="existingPlanBadge" class="existing-plan-badge" style="display:none"></span></label>
-                <div class="case-select-inline">
-                  <select id="ralphCaseSelect" class="form-select" onchange="app.onRalphCaseChange()"></select>
-                  <button class="btn-toolbar btn-sm" onclick="app.showCreateCaseModal()">+</button>
-                </div>
-              </div>
-              <div class="wizard-inline-field wizard-inline-field-small">
-                <label>Iterations</label>
-                <div class="iteration-presets-compact">
-                  <button type="button" class="iteration-preset-btn active" data-iterations="10" onclick="app.selectIterationPreset(10)">10</button>
-                  <button type="button" class="iteration-preset-btn" data-iterations="25" onclick="app.selectIterationPreset(25)">25</button>
-                  <button type="button" class="iteration-preset-btn" data-iterations="50" onclick="app.selectIterationPreset(50)">50</button>
-                  <button type="button" class="iteration-preset-btn" data-iterations="0" onclick="app.selectIterationPreset(0)">&infin;</button>
-                </div>
-              </div>
-            </div>
-            <!-- Hidden completion phrase with default -->
-            <input type="hidden" id="ralphCompletionPhrase" value="COMPLETE">
-          </div>
-
-          <!-- Step 2: Plan Generation -->
-          <div class="wizard-page wizard-page-compact hidden" id="ralphWizardStep2">
-            <!-- Existing plan detected (shown when @fix_plan.md exists) -->
-            <div id="existingPlanSection" class="plan-section hidden">
-              <!-- Content populated by app.updateExistingPlanUI() -->
-            </div>
-
-            <!-- Loading state (shown during generation) -->
-            <div id="planGenerationLoading" class="plan-loading-state hidden">
-              <div class="plan-loading-content">
-                <div class="plan-spinner"></div>
-                <div class="plan-loading-text">
-                  <span class="plan-loading-title" id="planLoadingTitle">Starting Opus 4.5...</span>
-                  <span class="plan-loading-time" id="planLoadingTime">0s</span>
-                </div>
-              </div>
-              <p class="plan-loading-hint" id="planLoadingHint">Initializing deep reasoning model</p>
-              <div class="plan-loading-actions">
-                <button class="btn-toolbar btn-sm plan-cancel-btn" onclick="app.cancelPlanGeneration()">Stop</button>
-                <button class="btn-toolbar btn-sm" onclick="app.regeneratePlan()">Regenerate</button>
-              </div>
-              <!-- Auto-start toggle visible during generation -->
-              <div class="plan-autostart-toggle">
-                <label class="plan-autostart-label">
-                  <input type="checkbox" id="ralphAutoStartStep2" onchange="app.ralphWizardConfig.autoStart = this.checked">
-                  <span class="plan-autostart-text">Auto-launch when plan completes</span>
-                </label>
-              </div>
-            </div>
-
-            <!-- Stopped/Error state -->
-            <div id="planGenerationError" class="plan-section hidden">
-              <div class="plan-stopped-indicator" id="planStoppedIndicator">
-                <span class="plan-stopped-icon">&#x25A0;</span>
-                <span class="plan-stopped-text">Stopped</span>
-              </div>
-              <p class="plan-error-msg" id="planErrorMsg"></p>
-              <div class="plan-actions">
-                <button class="btn-toolbar btn-primary" onclick="app.generatePlan()">Regenerate Plan</button>
-              </div>
-              <p class="plan-skip-hint">Use <strong>Back</strong> to edit your task, or <strong>Next</strong> to continue without a plan</p>
-            </div>
-
-            <!-- Editor state -->
-            <div id="planEditor" class="plan-section hidden">
-              <div class="plan-editor-header">
-                <span>Implementation Plan <span class="plan-stats" id="planStats"></span></span>
-                <div class="plan-editor-actions">
-                  <div class="plan-option-group">
-                    <label>Detail:</label>
-                    <div class="plan-detail-btns">
-                      <button type="button" class="plan-detail-btn" data-detail="standard" onclick="app.setPlanDetail('standard')" title="Single-pass generation with Opus 4.5">Standard</button>
-                      <button type="button" class="plan-detail-btn active" data-detail="detailed" onclick="app.setPlanDetail('detailed')" title="Enhanced: parallel subagents + verification (slower but more thorough)">Enhanced</button>
-                    </div>
-                  </div>
-                  <button class="btn-toolbar btn-sm" onclick="app.regeneratePlan()">Regenerate</button>
-                </div>
-              </div>
-              <div id="planItemsList" class="plan-items-list"></div>
-            </div>
-          </div>
-
-          <!-- Step 3: Preview & Launch -->
-          <div class="wizard-page hidden" id="ralphWizardStep3">
-            <div class="ralph-preview-section">
-              <label>Prompt Preview</label>
-              <div class="ralph-prompt-preview" id="ralphPromptPreview"></div>
-            </div>
-
-            <div class="ralph-config-summary">
-              <div class="config-summary-row">
-                <span class="config-label">Completion Phrase:</span>
-                <code id="summaryPhrase">COMPLETE</code>
-              </div>
-              <div class="config-summary-row">
-                <span class="config-label">Max Iterations:</span>
-                <span id="summaryIterations">10</span>
-              </div>
-              <div class="config-summary-row">
-                <span class="config-label">Case:</span>
-                <span id="summaryCase">testcase</span>
-              </div>
-              <div class="config-summary-row" style="display: none;">
-                <span class="config-label">Plan:</span>
-                <span id="summaryPlan">-</span>
-              </div>
-            </div>
-
-            <!-- Advanced Options (Collapsible) -->
-            <details class="advanced-options">
-              <summary>Advanced Options</summary>
-              <div class="advanced-options-content">
-                <div class="form-row form-row-switch">
-                  <label>Enable Respawn</label>
-                  <label class="switch">
-                    <input type="checkbox" id="ralphEnableRespawn">
-                    <span class="slider"></span>
-                  </label>
-                  <span class="form-hint">Auto-restart sessions when context fills up (usually not needed)</span>
-                </div>
-              </div>
-            </details>
-          </div>
-        </div>
-
-        <!-- Wizard Footer -->
-        <div class="wizard-footer">
-          <button class="btn-toolbar" id="ralphBackBtn" onclick="app.ralphWizardBack()" style="display: none;">Back</button>
-          <div class="wizard-footer-right">
-            <button class="btn-toolbar" onclick="app.closeRalphWizard()">Cancel</button>
-            <button class="btn-toolbar btn-primary" id="ralphNextBtn" onclick="app.ralphWizardNext()">Next</button>
-            <button class="btn-toolbar btn-success" id="ralphStartBtn" onclick="app.startRalphLoop()" style="display: none;">Start Loop</button>
-          </div>
-        </div>
-      </div>
-    </div>
-
-
     <!-- Kill All Confirmation Modal -->
     <div class="modal" id="killAllModal">
       <div class="modal-backdrop" onclick="app.closeKillAllModal()"></div>
@@ -4764,7 +4571,6 @@
   <script defer src="edit-history-ui.js"></script>
   <script defer src="local-model-ui.js"></script>
   <script defer src="entrance-animations.js"></script>
-  <script defer src="ralph-wizard.js"></script>
   <script defer src="api-client.js"></script>
   <script defer src="subagent-windows.js"></script>
   <script defer src="ultracode-windows.js"></script>
diff --git a/src/web/public/keyboard-accessory.js b/src/web/public/keyboard-accessory.js
index 45abca96..3e4b2f7b 100644
--- a/src/web/public/keyboard-accessory.js
+++ b/src/web/public/keyboard-accessory.js
@@ -26,8 +26,7 @@
  *   by Link Existing and the extended mobile keyboard bar.
  *
  * - FocusTrap (class) — Traps Tab/Shift+Tab keyboard focus within a modal element.
- *   Saves and restores previously focused element on deactivate. Used by Ralph wizard
- *   and other modal dialogs.
+ *   Saves and restores previously focused element on deactivate. Used by the modal dialogs.
  *
  * @globals {object} KeyboardAccessoryBar
  * @globals {object} PathPicker
diff --git a/src/web/public/mobile.css b/src/web/public/mobile.css
index ce8532a7..c6e56676 100644
--- a/src/web/public/mobile.css
+++ b/src/web/public/mobile.css
@@ -1927,30 +1927,6 @@ html.mobile-init .file-browser-panel {
     justify-content: flex-start;
   }
 
-  /* Ralph wizard responsive */
-  .modal-wizard {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .wizard-progress {
-    padding: 0.5rem;
-  }
-
-  .wizard-step {
-    padding: 0.3rem;
-  }
-
-  .wizard-step-number {
-    width: 24px;
-    height: 24px;
-    font-size: 0.7rem;
-  }
-
-  .wizard-step-label {
-    display: none;
-  }
-
   /* Timer banner - includes safe area padding */
   .timer-banner {
     padding-left: calc(0.5rem + var(--safe-area-left));
diff --git a/src/web/public/ralph-panel.js b/src/web/public/ralph-panel.js
index d67d8a81..57ad5660 100644
--- a/src/web/public/ralph-panel.js
+++ b/src/web/public/ralph-panel.js
@@ -1,7 +1,6 @@
 /**
  * @fileoverview Ralph state panel (progress ring, status, task cards, fix_plan.md integration),
- * plan versioning (checkpoint, rollback, diff), and plan wizard agents in monitor.
- * Includes 11 SSE handlers for Ralph and plan events.
+ * and plan versioning (checkpoint, rollback, diff). Includes the SSE handlers for Ralph events.
  *
  * @mixin Extends CodemanApp.prototype via Object.assign
  * @dependency app.js (CodemanApp class, this.ralphStates, this.activeSessionId)
@@ -68,64 +67,6 @@ Object.assign(CodemanApp.prototype, {
     this._notifySession(data.sessionId, 'warning', 'exit-gate', 'Exit Gate Met', `Loop ready to exit (indicators: ${data.completionIndicators})`);
   },
 
-  // Bash tools
-
-  // Plan orchestration
-  _onPlanSubagent(data) {
-    console.log('[Plan Subagent]', data);
-    this.handlePlanSubagentEvent(data);
-  },
-
-  _onPlanProgress(data) {
-    console.log('[Plan Progress]', data);
-
-    // Update UI if we have a progress handler registered
-    if (this._planProgressHandler) {
-      this._planProgressHandler({ type: 'plan:progress', data });
-    }
-
-    // Also update the loading display directly for better feedback
-    const titleEl = document.getElementById('planLoadingTitle');
-    const hintEl = document.getElementById('planLoadingHint');
-
-    if (titleEl && data.phase) {
-      const phaseLabels = {
-        'parallel-analysis': 'Running parallel analysis...',
-        'subagent': data.detail || 'Subagent working...',
-        'synthesis': 'Synthesizing results...',
-        'verification': 'Running verification...',
-      };
-      titleEl.textContent = phaseLabels[data.phase] || data.phase;
-    }
-    if (hintEl && data.detail) {
-      hintEl.textContent = data.detail;
-    }
-  },
-
-  _onPlanStarted(data) {
-    console.log('[Plan Started]', data);
-    this.activePlanOrchestratorId = data.orchestratorId;
-    this.planGenerationStopped = false; // Reset flag for new generation
-    this.renderMonitorPlanAgents();
-  },
-
-  _onPlanCancelled(data) {
-    console.log('[Plan Cancelled]', data);
-    if (this.activePlanOrchestratorId === data.orchestratorId) {
-      this.activePlanOrchestratorId = null;
-    }
-    this.renderMonitorPlanAgents();
-  },
-
-  _onPlanCompleted(data) {
-    console.log('[Plan Completed]', data);
-    if (this.activePlanOrchestratorId === data.orchestratorId) {
-      this.activePlanOrchestratorId = null;
-    }
-    this.renderMonitorPlanAgents();
-  },
-
-
   // ═══════════════════════════════════════════════════════════════
   // Enhanced Ralph Wiggum Loop Panel
   // ═══════════════════════════════════════════════════════════════
@@ -1095,91 +1036,4 @@ Object.assign(CodemanApp.prototype, {
     if (hours < 24) return `${hours}h ago`;
     return `${days}d ago`;
   },
-
-
-  // ═══════════════════════════════════════════════════════════════
-  // Plan Wizard Agents in Monitor
-  // ═══════════════════════════════════════════════════════════════
-
-  renderMonitorPlanAgents() {
-    const section = document.getElementById('monitorPlanAgentsSection');
-    const body = document.getElementById('monitorPlanAgentsBody');
-    const stats = document.getElementById('monitorPlanAgentStats');
-    if (!section || !body) return;
-
-    const planAgents = Array.from(this.planSubagents?.values() || []);
-    const hasActiveOrchestrator = !!this.activePlanOrchestratorId;
-
-    // Show section only if there are plan agents or active orchestrator
-    if (planAgents.length === 0 && !hasActiveOrchestrator) {
-      section.style.display = 'none';
-      return;
-    }
-
-    section.style.display = '';
-
-    const activeCount = planAgents.filter(a => a.status === 'running').length;
-    const completedCount = planAgents.filter(a => a.status === 'completed' || a.status === 'failed').length;
-
-    if (stats) {
-      if (hasActiveOrchestrator) {
-        stats.textContent = `${activeCount} running, ${completedCount} done`;
-      } else {
-        stats.textContent = `${planAgents.length} total`;
-      }
-    }
-
-    if (planAgents.length === 0) {
-      body.innerHTML = `<div class="monitor-empty">${hasActiveOrchestrator ? 'Plan generation starting...' : 'No plan agents'}</div>`;
-      return;
-    }
-
-    let html = '';
-    for (const agent of planAgents) {
-      const statusClass = agent.status === 'running' ? 'active' : agent.status === 'completed' ? 'completed' : 'error';
-      const agentLabel = agent.agentType || agent.agentId;
-      const modelBadge = agent.model ? `<span class="model-badge opus">opus</span>` : '';
-      const detail = agent.detail ? escapeHtml(agent.detail.substring(0, 50)) : '';
-      const duration = agent.durationMs ? `${(agent.durationMs / 1000).toFixed(1)}s` : '';
-      const itemCount = agent.itemCount ? `${agent.itemCount} items` : '';
-
-      html += `
-        <div class="process-item">
-          <span class="process-mode ${statusClass}">${agent.status || 'pending'}</span>
-          <div class="process-info">
-            <div class="process-name">${modelBadge} ${escapeHtml(agentLabel)}</div>
-            <div class="process-meta">
-              ${detail ? `<span>${detail}</span>` : ''}
-              ${itemCount ? `<span>${itemCount}</span>` : ''}
-              ${duration ? `<span>${duration}</span>` : ''}
-            </div>
-          </div>
-        </div>
-      `;
-    }
-
-    body.innerHTML = html;
-  },
-
-  async cancelPlanFromMonitor() {
-    if (!this.activePlanOrchestratorId && this.planSubagents?.size === 0) {
-      this.showToast('No active plan generation', 'info');
-      return;
-    }
-
-    if (!confirm('Cancel plan generation and close all plan agent windows?')) return;
-
-    // Cancel the plan generation (reuse existing method)
-    await this.cancelPlanGeneration();
-
-    // Also force close the wizard if it's open
-    const wizardModal = document.getElementById('ralphWizardModal');
-    if (wizardModal?.classList.contains('active')) {
-      this.closeRalphWizard();
-    }
-
-    // Update monitor display
-    this.renderMonitorPlanAgents();
-    this.showToast('Plan generation cancelled', 'success');
-  },
 });
diff --git a/src/web/public/ralph-wizard.js b/src/web/public/ralph-wizard.js
deleted file mode 100644
index 7c31c2d8..00000000
--- a/src/web/public/ralph-wizard.js
+++ /dev/null
@@ -1,1071 +0,0 @@
-/**
- * @fileoverview Ralph Loop Wizard — multi-step modal for configuring autonomous task loops.
- *
- * Extends CodemanApp.prototype with wizard methods for the Ralph Loop setup flow:
- *   Step 1: Task description, completion phrase, iteration limit, case selection
- *   Step 2: AI-powered plan generation (optional) with research agent → planner agent pipeline
- *   Step 3: Respawn configuration (idle timeout, kickstart prompt, auto-clear/init)
- *   Step 4: Review and launch
- *
- * Features:
- * - Plan generation via POST /api/sessions/:id/plan/generate with SSE progress streaming
- * - Existing @fix_plan.md detection and reuse
- * - Plan detail level selection (brief/detailed/comprehensive)
- * - Case selector population from /api/cases
- * - Focus trap for modal accessibility
- * - Abort controller for cancelling in-flight plan generation
- *
- * @mixin Extends CodemanApp.prototype via Object.assign
- * @dependency app.js (CodemanApp class must be defined)
- * @dependency keyboard-accessory.js (FocusTrap class for modal focus management)
- * @dependency constants.js (escapeHtml)
- * @loadorder 13 of 15 — loaded after session-ui.js, before api-client.js
- */
-
-// ═══════════════════════════════════════════════════════════════
-// Ralph Loop Wizard
-// ═══════════════════════════════════════════════════════════════
-
-Object.assign(CodemanApp.prototype, {
-
-  showRalphWizard() {
-    // Reset wizard state
-    this.ralphWizardStep = 1;
-    this.ralphWizardConfig = {
-      taskDescription: '',
-      completionPhrase: 'COMPLETE',
-      maxIterations: 10,
-      caseName: document.getElementById('quickStartCase')?.value || 'testcase',
-      enableRespawn: false,
-      generatedPlan: null,
-      planGenerated: false,
-      skipPlanGeneration: false,
-      planDetailLevel: 'detailed',
-      existingPlan: null,
-      useExistingPlan: false,
-    };
-
-    // Reset UI
-    document.getElementById('ralphTaskDescription').value = '';
-    document.getElementById('ralphCompletionPhrase').value = 'COMPLETE';
-    this.selectIterationPreset(10);
-    const autoStartStep2El = document.getElementById('ralphAutoStartStep2');
-    if (autoStartStep2El) autoStartStep2El.checked = false;
-
-    // Populate case selector
-    this.populateRalphCaseSelector();
-
-    // Reset plan generation UI
-    this.resetPlanGenerationUI();
-
-    // Check for existing @fix_plan.md in selected case
-    this.checkExistingFixPlan();
-
-    // Show wizard modal
-    this.updateRalphWizardUI();
-    const modal = document.getElementById('ralphWizardModal');
-    modal.classList.add('active');
-
-    // Activate focus trap
-    this.activeFocusTrap = new FocusTrap(modal);
-    this.activeFocusTrap.previouslyFocused = document.activeElement;
-    modal.addEventListener('keydown', this.activeFocusTrap.boundHandleKeydown);
-
-    document.getElementById('ralphTaskDescription').focus();
-  },
-
-  closeRalphWizard() {
-    const modal = document.getElementById('ralphWizardModal');
-    modal?.classList.remove('active');
-
-    // Deactivate focus trap and restore focus
-    if (this.activeFocusTrap) {
-      this.activeFocusTrap.deactivate();
-      this.activeFocusTrap = null;
-    }
-
-    // Cancel any in-flight plan generation
-    if (this.activePlanOrchestratorId) {
-      fetch('/api/cancel-plan-generation', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ orchestratorId: this.activePlanOrchestratorId }),
-      }).catch(err => console.error('[Wizard Close] Failed to cancel plan:', err));
-      this.activePlanOrchestratorId = null;
-    }
-
-    // Abort any in-flight fetch request
-    if (this.planGenerationAbortController) {
-      this.planGenerationAbortController.abort();
-      this.planGenerationAbortController = null;
-    }
-
-    this._planProgressHandler = null;
-
-    // Clear plan loading timers
-    if (this.planLoadingTimer) {
-      clearInterval(this.planLoadingTimer);
-      this.planLoadingTimer = null;
-    }
-    if (this.planPhaseTimer) {
-      clearTimeout(this.planPhaseTimer);
-      this.planPhaseTimer = null;
-    }
-
-    this.planGenerationStopped = true;
-
-    // Close all plan subagent windows
-    this.closePlanSubagentWindows();
-
-    // Update monitor panel
-    this.renderMonitorPlanAgents();
-    this.updateConnectionLines();
-  },
-
-  populateRalphCaseSelector() {
-    const select = document.getElementById('ralphCaseSelect');
-    const quickStartSelect = document.getElementById('quickStartCase');
-
-    if (quickStartSelect && select) {
-      select.innerHTML = quickStartSelect.innerHTML;
-      select.value = this.ralphWizardConfig.caseName;
-    }
-  },
-
-  selectIterationPreset(iterations) {
-    this.ralphWizardConfig.maxIterations = iterations;
-
-    // Update button states
-    document.querySelectorAll('.iteration-preset-btn').forEach(btn => {
-      const btnIterations = parseInt(btn.dataset.iterations);
-      btn.classList.toggle('active', btnIterations === iterations);
-    });
-  },
-
-  // Check for existing @fix_plan.md in the selected case
-  async checkExistingFixPlan() {
-    const caseName = this.ralphWizardConfig.caseName;
-    if (!caseName) return;
-
-    try {
-      const res = await fetch(`/api/cases/${encodeURIComponent(caseName)}/fix-plan`);
-      const data = await res.json();
-
-      if (data.success && data.data.exists && data.data.todos?.length > 0) {
-        this.ralphWizardConfig.existingPlan = {
-          todos: data.data.todos,
-          stats: data.data.stats,
-          content: data.data.content,
-        };
-        this.updateExistingPlanUI();
-      } else {
-        this.ralphWizardConfig.existingPlan = null;
-        this.updateExistingPlanUI();
-      }
-    } catch (err) {
-      console.error('Failed to check for existing plan:', err);
-      this.ralphWizardConfig.existingPlan = null;
-    }
-  },
-
-  // Called when case selector changes
-  onRalphCaseChange() {
-    const caseName = document.getElementById('ralphCaseSelect')?.value;
-    if (caseName) {
-      this.ralphWizardConfig.caseName = caseName;
-      this.ralphWizardConfig.existingPlan = null;
-      this.ralphWizardConfig.useExistingPlan = false;
-      this.checkExistingFixPlan();
-    }
-  },
-
-  // Update UI to show existing plan indicator
-  updateExistingPlanUI() {
-    const existingPlanBadge = document.getElementById('existingPlanBadge');
-    const existingPlanSection = document.getElementById('existingPlanSection');
-    const plan = this.ralphWizardConfig.existingPlan;
-
-    if (existingPlanBadge) {
-      if (plan) {
-        const pending = plan.stats?.pending || 0;
-        const total = plan.stats?.total || 0;
-        existingPlanBadge.textContent = `${pending}/${total} tasks remaining`;
-        existingPlanBadge.style.display = '';
-      } else {
-        existingPlanBadge.style.display = 'none';
-      }
-    }
-
-    if (existingPlanSection) {
-      if (plan) {
-        const pending = plan.stats?.pending || 0;
-        const completed = plan.stats?.completed || 0;
-        const total = plan.stats?.total || 0;
-        existingPlanSection.innerHTML = `
-          <div class="existing-plan-card">
-            <div class="existing-plan-header">
-              <span class="existing-plan-icon">📋</span>
-              <span>Existing @fix_plan.md found</span>
-            </div>
-            <div class="existing-plan-stats">
-              <span class="stat pending">${pending} pending</span>
-              <span class="stat completed">${completed} completed</span>
-              <span class="stat total">${total} total</span>
-            </div>
-            <div class="existing-plan-actions">
-              <button class="btn-toolbar btn-primary btn-sm" onclick="app.useExistingPlan()">
-                Use Existing Plan
-              </button>
-              <button class="btn-toolbar btn-sm" onclick="app.generateNewPlan()">
-                Generate New
-              </button>
-            </div>
-          </div>
-        `;
-        existingPlanSection.classList.remove('hidden');
-      } else {
-        existingPlanSection.classList.add('hidden');
-      }
-    }
-  },
-
-  // Use the existing @fix_plan.md
-  useExistingPlan() {
-    const plan = this.ralphWizardConfig.existingPlan;
-    if (!plan) return;
-
-    // Stop any ongoing plan generation
-    this.stopPlanGeneration();
-
-    // Convert existing todos to generatedPlan format (only pending items)
-    const pendingTodos = plan.todos.filter(t => t.status === 'pending' || t.status === 'in_progress');
-    this.ralphWizardConfig.generatedPlan = pendingTodos.map((todo, idx) => ({
-      content: todo.content,
-      priority: todo.priority,
-      enabled: true,
-      id: `existing-${Date.now()}-${idx}`,
-    }));
-    this.ralphWizardConfig.planGenerated = true;
-    this.ralphWizardConfig.useExistingPlan = true;
-    this.ralphWizardConfig.planCost = 0; // No cost for existing plan
-
-    this.renderPlanChecklist();
-    this.updateDetailLevelButtons();
-  },
-
-  // Stop any ongoing plan generation (abort fetch, clear timers, hide spinner)
-  stopPlanGeneration() {
-    // Abort ongoing fetch
-    if (this.planGenerationAbortController) {
-      this.planGenerationAbortController.abort();
-      this.planGenerationAbortController = null;
-    }
-
-    // Clear timers
-    if (this.planLoadingTimer) {
-      clearInterval(this.planLoadingTimer);
-      this.planLoadingTimer = null;
-    }
-    if (this.planPhaseTimer) {
-      clearInterval(this.planPhaseTimer);
-      this.planPhaseTimer = null;
-    }
-
-    // Hide loading spinner
-    document.getElementById('planGenerationLoading')?.classList.add('hidden');
-  },
-
-  // Generate a new plan (ignore existing)
-  generateNewPlan() {
-    this.ralphWizardConfig.useExistingPlan = false;
-    document.getElementById('existingPlanSection')?.classList.add('hidden');
-    this.generatePlan();
-  },
-
-  ralphWizardNext() {
-    if (this.ralphWizardStep === 1) {
-      // Validate step 1
-      const taskDescription = document.getElementById('ralphTaskDescription').value.trim();
-      const completionPhrase = document.getElementById('ralphCompletionPhrase').value.trim() || 'COMPLETE';
-      const caseName = document.getElementById('ralphCaseSelect').value;
-
-      if (!taskDescription) {
-        this.showToast('Please enter a task description', 'error');
-        document.getElementById('ralphTaskDescription').focus();
-        return;
-      }
-
-      // Save config
-      this.ralphWizardConfig.taskDescription = taskDescription;
-      this.ralphWizardConfig.completionPhrase = completionPhrase.toUpperCase();
-      this.ralphWizardConfig.caseName = caseName;
-
-      // Move to step 2 (plan generation)
-      this.ralphWizardStep = 2;
-      this.updateRalphWizardUI();
-
-      // If there's an existing plan, show option to use it; otherwise auto-start generation
-      if (this.ralphWizardConfig.existingPlan) {
-        this.updateExistingPlanUI();
-      } else {
-        this.generatePlan();
-      }
-    } else if (this.ralphWizardStep === 2) {
-      // Must have generated or skipped plan
-      if (!this.ralphWizardConfig.planGenerated && !this.ralphWizardConfig.skipPlanGeneration) {
-        this.showToast('Wait for plan generation or skip', 'warning');
-        return;
-      }
-
-      // Generate preview
-      this.updateRalphPromptPreview();
-
-      // Move to step 3 (launch)
-      this.ralphWizardStep = 3;
-      this.updateRalphWizardUI();
-    }
-  },
-
-  ralphWizardBack() {
-    if (this.ralphWizardStep === 3) {
-      this.ralphWizardStep = 2;
-      this.updateRalphWizardUI();
-    } else if (this.ralphWizardStep === 2) {
-      this.ralphWizardStep = 1;
-      this.updateRalphWizardUI();
-    }
-  },
-
-  updateRalphWizardUI() {
-    const step = this.ralphWizardStep;
-
-    // Update progress indicators
-    document.querySelectorAll('.wizard-step').forEach(el => {
-      const stepNum = parseInt(el.dataset.step);
-      el.classList.toggle('active', stepNum === step);
-      el.classList.toggle('completed', stepNum < step);
-    });
-
-    // Show/hide pages (now 3 pages)
-    document.getElementById('ralphWizardStep1').classList.toggle('hidden', step !== 1);
-    document.getElementById('ralphWizardStep2').classList.toggle('hidden', step !== 2);
-    document.getElementById('ralphWizardStep3').classList.toggle('hidden', step !== 3);
-
-    // Show/hide buttons
-    document.getElementById('ralphBackBtn').style.display = step === 1 ? 'none' : 'block';
-    document.getElementById('ralphNextBtn').style.display = step === 3 ? 'none' : 'block';
-    document.getElementById('ralphStartBtn').style.display = step === 3 ? 'block' : 'none';
-  },
-
-  updateRalphPromptPreview() {
-    const config = this.ralphWizardConfig;
-    const preview = document.getElementById('ralphPromptPreview');
-    const hasPlan = config.generatedPlan && config.generatedPlan.filter(i => i.enabled).length > 0;
-
-    // Build the formatted prompt (abbreviated for preview)
-    let prompt = config.taskDescription;
-    prompt += '\n\n---\n\n';
-
-    if (hasPlan) {
-      prompt += '## Task Plan\n';
-      prompt += '📋 @fix_plan.md will be created with your task items\n\n';
-    }
-
-    prompt += '## Iteration Protocol\n';
-    prompt += '• Check previous work • Make progress • Commit changes\n\n';
-
-    prompt += '## Completion Criteria\n';
-    prompt += `Output \`<promise>${config.completionPhrase}</promise>\` when done\n\n`;
-
-    prompt += '## If Stuck\n';
-    prompt += 'Output `<promise>BLOCKED</promise>` with explanation\n\n';
-
-    prompt += '## Status Reporting\n';
-    prompt += '• End every response with a `RALPH_STATUS` block (parsed by Codeman)';
-
-    // Show preview with highlighting (escape first, then apply formatting)
-    const escapedPrompt = escapeHtml(prompt);
-    const highlightedPrompt = escapedPrompt
-      .replace(/&lt;promise&gt;/g, '<span class="preview-highlight">&lt;promise&gt;')
-      .replace(/&lt;\/promise&gt;/g, '&lt;/promise&gt;</span>')
-      .replace(/`([^`]+)`/g, '<code>$1</code>');
-
-    preview.innerHTML = highlightedPrompt;
-
-    // Update summary
-    document.getElementById('summaryPhrase').textContent = config.completionPhrase;
-    document.getElementById('summaryIterations').textContent =
-      config.maxIterations === 0 ? 'Unlimited' : config.maxIterations;
-    document.getElementById('summaryCase').textContent = config.caseName;
-
-    // Show plan status in summary if plan was generated
-    const planSummary = document.getElementById('summaryPlan');
-    if (planSummary) {
-      if (config.generatedPlan && config.generatedPlan.length > 0) {
-        const enabledCount = config.generatedPlan.filter(i => i.enabled).length;
-        planSummary.textContent = `${enabledCount} item${enabledCount !== 1 ? 's' : ''}`;
-        planSummary.parentElement.style.display = '';
-      } else {
-        planSummary.parentElement.style.display = 'none';
-      }
-    }
-  },
-
-  // ═══════════════════════════════════════════════════════════════
-  // Plan Generation
-  // ═══════════════════════════════════════════════════════════════
-
-  resetPlanGenerationUI() {
-    // Hide all plan generation states
-    document.getElementById('existingPlanSection')?.classList.add('hidden');
-    document.getElementById('planGenerationLoading')?.classList.add('hidden');
-    document.getElementById('planGenerationError')?.classList.add('hidden');
-    document.getElementById('planEditor')?.classList.add('hidden');
-
-    // Reset spinner visibility (in case it was hidden after "Done!")
-    const spinnerEl = document.querySelector('.plan-spinner');
-    if (spinnerEl) spinnerEl.style.display = '';
-
-    // Reset stopped indicator
-    const stoppedIndicator = document.getElementById('planStoppedIndicator');
-    if (stoppedIndicator) stoppedIndicator.style.display = 'none';
-
-    // Reset existing plan badge
-    const badge = document.getElementById('existingPlanBadge');
-    if (badge) badge.style.display = 'none';
-  },
-
-  async generatePlan() {
-    const config = this.ralphWizardConfig;
-    const isDetailed = config.planDetailLevel === 'detailed';
-
-    // Stop any existing generation first
-    this.stopPlanGeneration();
-
-    // Close old plan subagent windows and clear their state
-    this.closePlanSubagentWindows();
-
-    // Reset stopped flag to allow new SSE events
-    this.planGenerationStopped = false;
-
-    // Create abort controller for this generation
-    this.planGenerationAbortController = new AbortController();
-
-    // Show loading state, hide other sections
-    document.getElementById('existingPlanSection')?.classList.add('hidden');
-    document.getElementById('planGenerationError')?.classList.add('hidden');
-    document.getElementById('planEditor')?.classList.add('hidden');
-    document.getElementById('planGenerationLoading')?.classList.remove('hidden');
-
-    // Different phases for detailed vs standard generation
-    const standardPhases = [
-      { time: 0, title: 'Starting Opus 4.5...', hint: 'Initializing deep reasoning model' },
-      { time: 3, title: 'Analyzing task requirements...', hint: 'Understanding the scope and complexity' },
-      { time: 8, title: 'Identifying components...', hint: 'Breaking down into modules and features' },
-      { time: 15, title: 'Planning TDD approach...', hint: 'Designing test-first implementation strategy' },
-      { time: 25, title: 'Generating implementation steps...', hint: 'Creating detailed action items with tests' },
-      { time: 40, title: 'Adding verification checkpoints...', hint: 'Ensuring each phase has validation' },
-      { time: 55, title: 'Reviewing for completeness...', hint: 'Checking all requirements are covered' },
-      { time: 70, title: 'Finalizing plan...', hint: 'Organizing and prioritizing steps' },
-      { time: 90, title: 'Still working...', hint: 'Complex tasks take longer - hang tight!' },
-    ];
-
-    const detailedPhases = [
-      { time: 0, title: 'Starting research agent...', hint: 'Gathering external resources and codebase context' },
-      { time: 30, title: 'Research agent working...', hint: 'Searching docs, GitHub repos, and analyzing codebase' },
-      { time: 60, title: 'Research continuing...', hint: 'Web search and codebase exploration in progress' },
-      { time: 120, title: 'Research agent deep diving...', hint: 'Complex tasks require thorough research' },
-      { time: 180, title: 'Research almost complete...', hint: 'Compiling findings and recommendations' },
-      { time: 300, title: 'Spawning analysis subagents...', hint: 'Starting 4 specialist agents in parallel' },
-      { time: 330, title: 'Subagents analyzing...', hint: 'Requirements, Architecture, Testing, Risk analysts working' },
-      { time: 400, title: 'Subagents completing...', hint: 'Collecting analysis results' },
-      { time: 450, title: 'Synthesizing results...', hint: 'Merging and deduplicating items' },
-      { time: 500, title: 'Running verification...', hint: 'Quality assurance and priority assignment' },
-      { time: 550, title: 'Optimizing execution...', hint: 'Planning parallelization for Claude Code' },
-      { time: 600, title: 'Final review...', hint: 'Holistic validation and gap detection' },
-      { time: 660, title: 'Still working...', hint: 'Complex tasks take longer - hang tight!' },
-    ];
-
-    const phases = isDetailed ? detailedPhases : standardPhases;
-
-    // Start elapsed time and phase display
-    this.planLoadingStartTime = Date.now();
-    const timeEl = document.getElementById('planLoadingTime');
-    const titleEl = document.getElementById('planLoadingTitle');
-    const hintEl = document.getElementById('planLoadingHint');
-
-    if (timeEl) timeEl.textContent = '0s';
-    if (titleEl) titleEl.textContent = phases[0].title;
-    if (hintEl) hintEl.textContent = phases[0].hint;
-
-    let currentPhaseIndex = 0;
-    this.planLoadingTimer = setInterval(() => {
-      const elapsed = Math.floor((Date.now() - this.planLoadingStartTime) / 1000);
-      if (timeEl) timeEl.textContent = `${elapsed}s`;
-
-      // Update phase based on elapsed time
-      for (let i = phases.length - 1; i >= 0; i--) {
-        if (elapsed >= phases[i].time && i > currentPhaseIndex) {
-          currentPhaseIndex = i;
-          if (titleEl) titleEl.textContent = phases[i].title;
-          if (hintEl) hintEl.textContent = phases[i].hint;
-          break;
-        }
-      }
-    }, 1000);
-
-    // Listen for real-time progress updates from detailed generation
-    const handlePlanProgress = (event) => {
-      if (event.type === 'plan:progress' && event.data) {
-        const titleEl = document.getElementById('planLoadingTitle');
-        const hintEl = document.getElementById('planLoadingHint');
-        if (titleEl && event.data.phase) {
-          const phaseLabels = {
-            'research': 'Research agent working...',
-            'parallel-analysis': 'Spawning analysis subagents...',
-            'subagent': event.data.detail || 'Subagent working...',
-            'synthesis': 'Synthesizing results...',
-            'verification': 'Running verification...',
-            'review-injection': 'Adding review tasks...',
-            'execution-optimization': 'Optimizing for Claude Code...',
-            'final-review': 'Running final review...',
-          };
-          titleEl.textContent = phaseLabels[event.data.phase] || event.data.phase;
-        }
-        if (hintEl && event.data.detail) {
-          hintEl.textContent = event.data.detail;
-        }
-      }
-    };
-
-    // Add SSE listener for detailed mode progress
-    if (isDetailed) {
-      this._planProgressHandler = handlePlanProgress;
-    }
-
-    try {
-      // Use different endpoint for detailed mode
-      const endpoint = isDetailed ? '/api/generate-plan-detailed' : '/api/generate-plan';
-      const body = isDetailed
-        ? { taskDescription: config.taskDescription, caseName: config.caseName }
-        : { taskDescription: config.taskDescription, detailLevel: config.planDetailLevel };
-
-      // Retry logic for network errors
-      const maxRetries = 3;
-      let lastError = null;
-      let data = null;
-
-      for (let attempt = 0; attempt < maxRetries; attempt++) {
-        try {
-          const res = await fetch(endpoint, {
-            method: 'POST',
-            headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify(body),
-            signal: this.planGenerationAbortController?.signal,
-          });
-          data = await res.json();
-          break; // Success, exit retry loop
-        } catch (fetchErr) {
-          lastError = fetchErr;
-          // Don't retry if aborted
-          if (fetchErr.name === 'AbortError') throw fetchErr;
-          // Network error - retry with exponential backoff
-          console.warn(`[Plan] Fetch attempt ${attempt + 1} failed:`, fetchErr.message);
-          if (attempt < maxRetries - 1) {
-            const delay = Math.pow(2, attempt) * 1000; // 1s, 2s, 4s
-            const titleEl = document.getElementById('planLoadingTitle');
-            const hintEl = document.getElementById('planLoadingHint');
-            if (titleEl) titleEl.textContent = 'Connection lost, retrying...';
-            if (hintEl) hintEl.textContent = `Attempt ${attempt + 2} of ${maxRetries} in ${delay / 1000}s`;
-            await new Promise(r => setTimeout(r, delay));
-          }
-        }
-      }
-
-      if (!data) {
-        throw lastError || new Error('Failed to fetch after retries');
-      }
-
-      // Stop timer
-      if (this.planLoadingTimer) {
-        clearInterval(this.planLoadingTimer);
-        this.planLoadingTimer = null;
-      }
-
-      // Remove progress handler
-      this._planProgressHandler = null;
-
-      if (!data.success) {
-        this.showPlanError(data.error || 'Failed to generate plan');
-        return;
-      }
-
-      if (!data.data?.items || data.data.items.length === 0) {
-        this.showPlanError('No plan items generated. Try adding more detail to your task.');
-        return;
-      }
-
-      // Show "Done!" with quality info for detailed mode
-      const doneTitle = document.getElementById('planLoadingTitle');
-      const doneHint = document.getElementById('planLoadingHint');
-      const spinnerEl = document.querySelector('.plan-spinner');
-
-      if (doneTitle) doneTitle.textContent = 'Done!';
-      if (doneHint) {
-        if (isDetailed && data.data.metadata?.qualityScore) {
-          const quality = Math.round(data.data.metadata.qualityScore * 100);
-          doneHint.textContent = `Generated ${data.data.items.length} steps (Quality: ${quality}%)`;
-        } else {
-          doneHint.textContent = `Generated ${data.data.items.length} steps`;
-        }
-      }
-      if (spinnerEl) spinnerEl.style.display = 'none';
-
-      // Brief pause to show "Done!" before showing editor
-      await new Promise(r => setTimeout(r, 500));
-
-      // Store plan with enabled state and IDs
-      config.generatedPlan = data.data.items.map((item, idx) => ({
-        ...item,
-        enabled: true,
-        id: `plan-${Date.now()}-${idx}`,
-      }));
-      config.planGenerated = true;
-      config.skipPlanGeneration = false;
-      config.planCost = data.data.costUsd || 0;
-
-      // Store metadata for detailed mode
-      if (isDetailed && data.data.metadata) {
-        config.planMetadata = data.data.metadata;
-      }
-
-      // Show editor and update detail buttons
-      this.renderPlanChecklist();
-      this.updateDetailLevelButtons();
-
-      // Check for auto-start
-      if (this.ralphWizardConfig.autoStart) {
-        console.log('[RalphWizard] Auto-start enabled, starting loop automatically...');
-        this.showToast('Plan complete! Auto-starting Ralph Loop...', 'success');
-        // Small delay to let user see the plan briefly
-        await new Promise(r => setTimeout(r, 1500));
-        this.startRalphLoop();
-      }
-
-    } catch (err) {
-      // Stop timer
-      if (this.planLoadingTimer) {
-        clearInterval(this.planLoadingTimer);
-        this.planLoadingTimer = null;
-      }
-
-      // Remove progress handler
-      this._planProgressHandler = null;
-
-      // Ignore abort errors (user cancelled, e.g., clicked "Use Existing Plan")
-      if (err.name === 'AbortError') {
-        console.log('Plan generation aborted by user');
-        return;
-      }
-
-      console.error('Plan generation failed:', err);
-      this.showPlanError('Network error: ' + err.message);
-    }
-  },
-
-  setPlanDetail(level) {
-    const previousLevel = this.ralphWizardConfig.planDetailLevel;
-    this.ralphWizardConfig.planDetailLevel = level;
-    this.updateDetailLevelButtons();
-
-    // If plan was already generated and level changed, automatically regenerate
-    if (this.ralphWizardConfig.planGenerated && previousLevel !== level) {
-      const modeLabel = level === 'detailed' ? 'Enhanced (Multi-Agent)' : 'Standard';
-      console.log(`[Ralph Wizard] Plan mode changed to ${modeLabel}, regenerating...`);
-
-      // Clear current plan and regenerate
-      this.ralphWizardConfig.generatedPlan = null;
-      this.ralphWizardConfig.planGenerated = false;
-      this.ralphWizardConfig.planMetadata = null;
-
-      // Trigger regeneration with visual feedback
-      this.generatePlan();
-    }
-  },
-
-  updateDetailLevelButtons() {
-    const level = this.ralphWizardConfig.planDetailLevel;
-    document.querySelectorAll('.plan-detail-btn').forEach(btn => {
-      btn.classList.toggle('active', btn.dataset.detail === level);
-    });
-  },
-
-  showPlanError(message) {
-    document.getElementById('planGenerationLoading')?.classList.add('hidden');
-    document.getElementById('planEditor')?.classList.add('hidden');
-
-    const errorEl = document.getElementById('planGenerationError');
-    const msgEl = document.getElementById('planErrorMsg');
-    const stoppedIndicator = document.getElementById('planStoppedIndicator');
-
-    // Hide the stopped indicator for real errors, show error message
-    if (stoppedIndicator) stoppedIndicator.style.display = 'none';
-    if (msgEl) msgEl.textContent = message;
-    errorEl?.classList.remove('hidden');
-  },
-
-  renderPlanChecklist() {
-    document.getElementById('planGenerationLoading')?.classList.add('hidden');
-    document.getElementById('planGenerationError')?.classList.add('hidden');
-    document.getElementById('planEditor')?.classList.remove('hidden');
-
-    // Close plan subagent windows since generation is complete
-    this.closePlanSubagentWindows();
-
-    const list = document.getElementById('planItemsList');
-    if (!list) return;
-
-    list.innerHTML = '';
-    const items = this.ralphWizardConfig.generatedPlan || [];
-    const cost = this.ralphWizardConfig.planCost || 0;
-
-    // Update stats
-    const statsEl = document.getElementById('planStats');
-    if (statsEl) {
-      const enabledCount = items.filter(i => i.enabled).length;
-      statsEl.textContent = `${enabledCount}/${items.length} steps · $${cost.toFixed(3)}`;
-    }
-
-    // Render read-only checklist with DocumentFragment
-    const fragment = document.createDocumentFragment();
-    items.forEach((item, index) => {
-      const row = document.createElement('div');
-      let className = 'plan-item';
-      if (item.priority) className += ` priority-${item.priority.toLowerCase()}`;
-      if (!item.enabled) className += ' disabled';
-      row.className = className;
-
-      row.innerHTML = `
-        <input type="checkbox" class="plan-item-checkbox" ${item.enabled ? 'checked' : ''}
-          onchange="app.togglePlanItem(${index})">
-        ${item.priority ? `<span class="plan-item-priority-badge">${item.priority}</span>` : ''}
-        <span class="plan-item-text">${escapeHtml(item.content)}</span>
-      `;
-      fragment.appendChild(row);
-    });
-    list.appendChild(fragment);
-  },
-
-  togglePlanItem(index) {
-    const plan = this.ralphWizardConfig.generatedPlan;
-    if (plan && plan[index]) {
-      plan[index].enabled = !plan[index].enabled;
-      this.renderPlanChecklist();
-    }
-  },
-
-  async cancelPlanGeneration() {
-    this.stopPlanGeneration();
-    this.planGenerationStopped = true; // Ignore future SSE events
-
-    // Call the cancel API to stop server-side processing
-    if (this.activePlanOrchestratorId) {
-      try {
-        console.log('[Cancel] Sending cancel request for', this.activePlanOrchestratorId);
-        await fetch('/api/cancel-plan-generation', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ orchestratorId: this.activePlanOrchestratorId }),
-        });
-        this.activePlanOrchestratorId = null;
-      } catch (err) {
-        console.error('[Cancel] Failed to cancel plan generation:', err);
-      }
-    }
-
-    this.showToast('Plan generation stopped', 'info');
-
-    // Allow user to proceed without a plan by clicking Next
-    this.ralphWizardConfig.skipPlanGeneration = true;
-
-    // Show stopped state with clear visual indicator
-    const errorEl = document.getElementById('planGenerationError');
-    const msgEl = document.getElementById('planErrorMsg');
-    const stoppedIndicator = document.getElementById('planStoppedIndicator');
-
-    // Show the stopped indicator, hide error message since this was intentional
-    if (stoppedIndicator) stoppedIndicator.style.display = 'flex';
-    if (msgEl) msgEl.textContent = '';
-
-    // Hide spinner immediately and show stopped state
-    document.getElementById('planGenerationLoading')?.classList.add('hidden');
-    errorEl?.classList.remove('hidden');
-
-    // Close all plan subagent windows
-    this.closePlanSubagentWindows();
-  },
-
-  // ═══════════════════════════════════════════════════════════════
-  // Plan Subagent Windows
-  // ═══════════════════════════════════════════════════════════════
-
-  handlePlanSubagentEvent(event) {
-    if (this.planGenerationStopped) return;
-
-    const { type, agentId, agentType, model, status, detail, itemCount, durationMs, error } = event;
-
-    if (type === 'started') {
-      this.createPlanSubagentWindow(agentId, agentType, model, detail);
-    } else if (type === 'completed' || type === 'failed') {
-      this.updatePlanSubagentWindow(agentId, status, itemCount, durationMs, error);
-    } else if (type === 'progress') {
-      const windowData = this.planSubagents.get(agentId);
-      if (windowData?.element) {
-        const detailEl = windowData.element.querySelector('.plan-subagent-detail');
-        if (detailEl) detailEl.textContent = detail || '';
-      }
-    }
-
-    this.renderMonitorPlanAgents();
-  },
-
-  /**
-   * Position a plan subagent window to the left or right of the wizard.
-   * Research goes left, planner goes right.
-   */
-  _positionPlanSubagentWindow(agentType) {
-    const wizardModal = document.getElementById('ralphWizardModal');
-    const wizardContent = wizardModal?.querySelector('.modal-content');
-    const wizardRect = wizardContent?.getBoundingClientRect();
-    const gap = 20;
-    const windowWidth = 280;
-
-    if (!wizardRect) {
-      const offset = this.planSubagents.size * 30;
-      return { x: window.innerWidth - windowWidth - 50 + offset, y: 120 + offset };
-    }
-
-    const side = agentType === 'research' ? 'left' : 'right';
-    let x = side === 'left'
-      ? wizardRect.left - windowWidth - gap
-      : wizardRect.right + gap;
-    x = Math.max(10, Math.min(x, window.innerWidth - windowWidth - 10));
-    const y = Math.max(60, Math.min(wizardRect.top, window.innerHeight - 120));
-
-    return { x, y };
-  },
-
-  createPlanSubagentWindow(agentId, agentType, model, detail) {
-    if (this.planSubagents.has(agentId)) return;
-
-    const { x, y } = this._positionPlanSubagentWindow(agentType);
-
-    const win = document.createElement('div');
-    win.className = 'plan-subagent-window';
-    win.id = `plan-subagent-${agentId}`;
-    win.style.left = `${x}px`;
-    win.style.top = `${y}px`;
-    win.style.zIndex = ++this.planSubagentWindowZIndex;
-
-    const typeLabels = { research: 'Research Agent', planner: 'Planner' };
-    const typeIcons = { research: '🔬', planner: '📋' };
-
-    win.innerHTML = `
-      <div class="plan-subagent-header">
-        <span>
-          <span class="plan-subagent-icon">${typeIcons[agentType] || '🤖'}</span>
-          <span class="plan-subagent-title">${typeLabels[agentType] || escapeHtml(agentType)}</span>
-        </span>
-        <span class="plan-subagent-model">${model}</span>
-      </div>
-      <div class="plan-subagent-body">
-        <div class="plan-subagent-status running">
-          <span class="plan-subagent-spinner"></span>
-          <span class="plan-subagent-status-text">Running...</span>
-        </div>
-        <div class="plan-subagent-detail">${detail || ''}</div>
-      </div>
-    `;
-
-    document.body.appendChild(win);
-
-    const header = win.querySelector('.plan-subagent-header');
-    const dragListeners = this.makePlanSubagentDraggable(win, header);
-
-    this.planSubagents.set(agentId, {
-      agentId,
-      type: agentType,
-      model,
-      status: 'running',
-      startTime: Date.now(),
-      element: win,
-      dragListeners,
-    });
-  },
-
-  makePlanSubagentDraggable(win, handle) {
-    let isDragging = false;
-    let startX, startY, startLeft, startTop;
-
-    const mousedownHandler = (e) => {
-      isDragging = true;
-      startX = e.clientX;
-      startY = e.clientY;
-      startLeft = parseInt(win.style.left) || 0;
-      startTop = parseInt(win.style.top) || 0;
-      win.style.zIndex = ++this.planSubagentWindowZIndex;
-      e.preventDefault();
-    };
-
-    const moveHandler = (e) => {
-      if (!isDragging) return;
-      const newLeft = Math.max(10, Math.min(startLeft + (e.clientX - startX), window.innerWidth - 290));
-      const newTop = Math.max(10, Math.min(startTop + (e.clientY - startY), window.innerHeight - 110));
-      win.style.left = `${newLeft}px`;
-      win.style.top = `${newTop}px`;
-    };
-
-    const upHandler = () => { isDragging = false; };
-
-    handle.addEventListener('mousedown', mousedownHandler);
-    document.addEventListener('mousemove', moveHandler);
-    document.addEventListener('mouseup', upHandler);
-
-    return { mousedown: mousedownHandler, move: moveHandler, up: upHandler };
-  },
-
-  updatePlanSubagentWindow(agentId, status, itemCount, durationMs, error) {
-    const windowData = this.planSubagents.get(agentId);
-    if (!windowData?.element) return;
-
-    const win = windowData.element;
-    const statusEl = win.querySelector('.plan-subagent-status');
-    const statusTextEl = win.querySelector('.plan-subagent-status-text');
-    const spinnerEl = win.querySelector('.plan-subagent-spinner');
-    const detailEl = win.querySelector('.plan-subagent-detail');
-
-    windowData.status = status;
-    windowData.itemCount = itemCount;
-
-    if (status === 'completed') {
-      statusEl?.classList.remove('running');
-      statusEl?.classList.add('completed');
-      if (spinnerEl) spinnerEl.style.display = 'none';
-      if (statusTextEl) statusTextEl.textContent = `Done (${itemCount || 0} items)`;
-      if (detailEl && durationMs) detailEl.textContent = `${(durationMs / 1000).toFixed(1)}s`;
-    } else if (status === 'failed' || status === 'cancelled') {
-      statusEl?.classList.remove('running');
-      statusEl?.classList.add('failed');
-      if (spinnerEl) spinnerEl.style.display = 'none';
-      if (statusTextEl) statusTextEl.textContent = status === 'cancelled' ? 'Cancelled' : 'Failed';
-      if (detailEl) detailEl.textContent = error || '';
-    }
-  },
-
-  closePlanSubagentWindows() {
-    for (const [, windowData] of this.planSubagents) {
-      if (windowData.dragListeners) {
-        document.removeEventListener('mousemove', windowData.dragListeners.move);
-        document.removeEventListener('mouseup', windowData.dragListeners.up);
-      }
-      if (windowData.element) {
-        windowData.element.remove();
-      }
-    }
-    this.planSubagents.clear();
-    this.renderMonitorPlanAgents();
-  },
-
-  regeneratePlan() {
-    this.ralphWizardConfig.generatedPlan = null;
-    this.ralphWizardConfig.planGenerated = false;
-    this.generatePlan();
-  },
-
-  generateFixPlanContent(items) {
-    // Group items by priority
-    const p0Items = items.filter(i => i.priority === 'P0');
-    const p1Items = items.filter(i => i.priority === 'P1');
-    const p2Items = items.filter(i => i.priority === 'P2');
-    const noPriorityItems = items.filter(i => !i.priority);
-
-    let content = '# Implementation Plan\n\n';
-    content += `Generated: ${new Date().toISOString().slice(0, 10)}\n\n`;
-
-    if (p0Items.length > 0) {
-      content += '## Critical Path (P0)\n\n';
-      p0Items.forEach(item => {
-        content += `- [ ] ${item.content}\n`;
-      });
-      content += '\n';
-    }
-
-    if (p1Items.length > 0) {
-      content += '## Standard (P1)\n\n';
-      p1Items.forEach(item => {
-        content += `- [ ] ${item.content}\n`;
-      });
-      content += '\n';
-    }
-
-    if (p2Items.length > 0) {
-      content += '## Nice-to-Have (P2)\n\n';
-      p2Items.forEach(item => {
-        content += `- [ ] ${item.content}\n`;
-      });
-      content += '\n';
-    }
-
-    if (noPriorityItems.length > 0) {
-      content += '## Tasks\n\n';
-      noPriorityItems.forEach(item => {
-        content += `- [ ] ${item.content}\n`;
-      });
-      content += '\n';
-    }
-
-    return content;
-  },
-
-  async startRalphLoop() {
-    const config = this.ralphWizardConfig;
-    config.enableRespawn = document.getElementById('ralphEnableRespawn')?.checked ?? false;
-    this.closeRalphWizard();
-
-    const enabledItems = config.generatedPlan?.filter(i => i.enabled);
-
-    try {
-      const ralphGlobalSettings = this.loadAppSettingsFromStorage();
-      const envOverrides = this.buildEnvOverrides(this.getCaseSettings(config.caseName), ralphGlobalSettings);
-      const effort = this.getEffortSetting(ralphGlobalSettings);
-      const advisorModel = this.getAdvisorSetting(ralphGlobalSettings);
-      const res = await fetch('/api/ralph-loop/start', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          caseName: config.caseName,
-          taskDescription: config.taskDescription,
-          completionPhrase: config.completionPhrase,
-          maxIterations: config.maxIterations || null,
-          enableRespawn: config.enableRespawn,
-          planItems: enabledItems?.length ? enabledItems : undefined,
-          ...(Object.keys(envOverrides).length > 0 ? { envOverrides } : {}),
-          ...(effort ? { effort } : {}),
-          ...(advisorModel ? { advisorModel } : {}),
-        }),
-      });
-      const data = await res.json();
-      if (!data.success) {
-        this.showToast(data.error || 'Failed to start', 'error');
-        return;
-      }
-      this.ralphClosedSessions.delete(data.data.sessionId);
-      await this.selectSession(data.data.sessionId);
-      this.showToast(`Ralph Loop started in ${config.caseName}`, 'success');
-    } catch (err) {
-      console.error('Failed to start Ralph loop:', err);
-      this.showToast('Failed to start Ralph loop: ' + err.message, 'error');
-    }
-  },
-
-});
diff --git a/src/web/public/session-ui.js b/src/web/public/session-ui.js
index a8c68e6e..09a350bc 100644
--- a/src/web/public/session-ui.js
+++ b/src/web/public/session-ui.js
@@ -8,7 +8,7 @@
  * @dependency app.js (CodemanApp class, this.sessions, this.cases, this.activeSessionId)
  * @dependency constants.js (escapeHtml)
  * @dependency mobile-handlers.js (MobileDetection)
- * @loadorder 12 of 15 — loaded after panels-ui.js, before ralph-wizard.js
+ * @loadorder 12 of 15 — loaded after panels-ui.js, before api-client.js
  */
 
 /**
diff --git a/src/web/public/styles.css b/src/web/public/styles.css
index 3be18da6..2ceb4d6f 100644
--- a/src/web/public/styles.css
+++ b/src/web/public/styles.css
@@ -11335,47 +11335,6 @@ html:is([data-skin="paper-gray"], [data-skin="solarized-light"], [data-skin="cat
           drop-shadow(0 0 12px rgba(59, 130, 246, 0.7));
 }
 
-/* Wizard connection lines - different color to show plan generation link */
-.connection-line.wizard-connection {
-  stroke: #60a5fa;
-  stroke-width: 3;
-  /* Dark outline for contrast against blurred backgrounds */
-  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8))
-          drop-shadow(0 0 5px #60a5fa)
-          drop-shadow(0 0 10px #60a5fa);
-  stroke-dasharray: 8 4;
-  animation: wizard-pulse 1.5s ease-in-out infinite;
-}
-
-@keyframes wizard-pulse {
-  0%, 100% { opacity: 0.75; }
-  50% { opacity: 1; }
-}
-
-/* Plan subagent to regular subagent connection lines (Opus → Haiku) */
-.connection-line.plan-to-subagent-line {
-  stroke: #3b82f6;
-  stroke-width: 3;
-  /* Dark outline for contrast, vibrant blue glow */
-  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.8))
-          drop-shadow(0 0 4px rgba(59, 130, 246, 0.8))
-          drop-shadow(0 0 8px rgba(59, 130, 246, 0.5));
-  stroke-dasharray: 5 3;
-  animation: plan-subagent-pulse 1.2s ease-in-out infinite;
-}
-
-.connection-line.plan-to-subagent-line:hover {
-  stroke-width: 3.5;
-  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.9))
-          drop-shadow(0 0 6px rgba(59, 130, 246, 1))
-          drop-shadow(0 0 12px rgba(59, 130, 246, 0.7));
-}
-
-@keyframes plan-subagent-pulse {
-  0%, 100% { opacity: 0.8; }
-  50% { opacity: 1; }
-}
-
 /* ===== Session lineage lines (tab → tab it spawned, session-lineage.js) =====
    One quiet orthogonal tree per spawning tab, every family always drawn and
    routed through the gaps between tab rows (computeLineageTree in constants.js).
@@ -12623,565 +12582,6 @@ html:is([data-skin="paper-gray"], [data-skin="solarized-light"], [data-skin="cat
   cursor: pointer;
 }
 
-/* ========== Ralph Loop Wizard ========== */
-
-/* Wizard Progress Indicator */
-.wizard-progress {
-  display: flex;
-  justify-content: center;
-  gap: 1.5rem;
-  padding: 0.5rem 0.75rem;
-  background: var(--bg-dark);
-  border-bottom: 1px solid var(--border);
-}
-
-.wizard-step {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--text-muted);
-  font-size: 0.8rem;
-  transition: color 0.2s;
-}
-
-.wizard-step.active {
-  color: var(--accent);
-}
-
-.wizard-step.completed {
-  color: var(--green);
-}
-
-.wizard-step-number {
-  width: 20px;
-  height: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  border-radius: 50%;
-  font-size: 0.7rem;
-  font-weight: 600;
-}
-
-.wizard-step.active .wizard-step-number {
-  background: var(--accent);
-  border-color: var(--accent);
-  color: #fff;
-}
-
-.wizard-step.completed .wizard-step-number {
-  background: var(--green);
-  border-color: var(--green);
-  color: #fff;
-}
-
-.wizard-step-label {
-  font-weight: 500;
-}
-
-/* Wizard Pages */
-.wizard-page {
-  min-height: 180px;
-}
-
-.wizard-page.hidden {
-  display: none;
-}
-
-/* Wizard Footer */
-.wizard-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0.75rem 1rem;
-  border-top: 1px solid var(--border);
-  background: var(--bg-card);
-}
-
-.wizard-footer-right {
-  display: flex;
-  gap: 0.5rem;
-}
-
-/* Wizard Modal - compact layout */
-.modal-wizard {
-  width: 480px;
-  max-width: 95vw;
-  max-height: 70vh;
-  display: flex;
-  flex-direction: column;
-}
-
-/* Draggable wizard state */
-.modal-wizard.draggable {
-  position: absolute;
-  transform: none;
-  cursor: default;
-}
-
-.modal-wizard .modal-body {
-  overflow-y: auto;
-  flex: 1;
-  min-height: 0;
-}
-
-.modal-wizard .wizard-footer {
-  flex-shrink: 0;
-}
-
-.wizard-page-compact {
-  min-height: auto;
-  padding: 0.5rem 0;
-}
-
-.wizard-step-intro {
-  text-align: center;
-  margin-bottom: 0.75rem;
-  color: var(--text-dim);
-  font-size: 0.9rem;
-}
-
-.wizard-step-intro p {
-  margin: 0;
-}
-
-/* Wizard inline row for compact layout */
-.wizard-inline-row {
-  display: flex;
-  gap: 1rem;
-  margin-top: 0.75rem;
-}
-
-.wizard-inline-field {
-  flex: 1;
-}
-
-.wizard-inline-field-small {
-  flex: 0 0 auto;
-}
-
-.wizard-inline-field label {
-  display: block;
-  font-size: 0.8rem;
-  color: var(--text-dim);
-  margin-bottom: 0.25rem;
-}
-
-.iteration-presets-compact {
-  display: flex;
-  gap: 0.25rem;
-}
-
-.iteration-presets-compact .iteration-preset-btn {
-  padding: 0.35rem 0.6rem;
-  font-size: 0.75rem;
-  min-width: 36px;
-}
-
-/* Plan Generation Step */
-.plan-section {
-  padding: 1rem;
-  text-align: center;
-}
-
-.plan-actions {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: center;
-}
-
-/* Existing Plan Badge (in case selector) */
-.existing-plan-badge {
-  font-size: 0.7rem;
-  background: var(--accent);
-  color: white;
-  padding: 0.1rem 0.4rem;
-  border-radius: 3px;
-  margin-left: 0.5rem;
-  font-weight: normal;
-}
-
-/* Existing Plan Card (Step 2) */
-.existing-plan-card {
-  background: var(--bg-input);
-  border: 1px solid var(--accent);
-  border-radius: 6px;
-  padding: 1rem;
-  text-align: left;
-}
-
-.existing-plan-header {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-weight: 500;
-  margin-bottom: 0.75rem;
-}
-
-.existing-plan-icon {
-  font-size: 1.2rem;
-}
-
-.existing-plan-stats {
-  display: flex;
-  gap: 1rem;
-  margin-bottom: 1rem;
-  font-size: 0.85rem;
-}
-
-.existing-plan-stats .stat {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-
-.existing-plan-stats .stat.pending {
-  color: var(--yellow);
-}
-
-.existing-plan-stats .stat.completed {
-  color: var(--green);
-}
-
-.existing-plan-stats .stat.total {
-  color: var(--text-muted);
-}
-
-.existing-plan-actions {
-  display: flex;
-  gap: 0.5rem;
-}
-
-/* Plan Loading State */
-.plan-loading-state {
-  padding: 1.5rem 1rem;
-  text-align: center;
-}
-
-.plan-loading-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 1rem;
-  margin-bottom: 0.75rem;
-}
-
-.plan-spinner {
-  width: 28px;
-  height: 28px;
-  border: 3px solid var(--border);
-  border-top-color: var(--accent);
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-  flex-shrink: 0;
-}
-
-@keyframes spin {
-  to { transform: rotate(360deg); }
-}
-
-.plan-loading-text {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  text-align: left;
-}
-
-.plan-loading-title {
-  font-weight: 500;
-  color: var(--text);
-}
-
-.plan-loading-time {
-  font-size: 0.8rem;
-  color: var(--text-muted);
-  font-family: 'SF Mono', Monaco, monospace;
-}
-
-.plan-loading-hint {
-  color: var(--text-dim);
-  font-size: 0.85rem;
-  margin: 0 0 1rem 0;
-}
-
-.plan-error-msg {
-  color: var(--red);
-  margin-bottom: 1rem;
-}
-
-.plan-option-group {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.plan-option-group label {
-  font-size: 0.8rem;
-  color: var(--text-dim);
-}
-
-.plan-option-group select {
-  padding: 0.3rem 0.5rem;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text);
-  font-size: 0.8rem;
-}
-
-.plan-detail-btns {
-  display: flex;
-  gap: 0.25rem;
-}
-
-.plan-detail-btn {
-  padding: 0.3rem 0.6rem;
-  font-size: 0.75rem;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text-dim);
-  cursor: pointer;
-  transition: all 0.15s;
-}
-
-.plan-detail-btn:hover {
-  border-color: var(--border-light);
-}
-
-.plan-detail-btn.active {
-  background: var(--accent);
-  border-color: var(--accent);
-  color: #fff;
-}
-
-/* Plan Editor */
-.plan-editor-header {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  margin-bottom: 0.75rem;
-  font-weight: 500;
-  font-size: 0.9rem;
-}
-
-.plan-stats {
-  font-weight: normal;
-  font-size: 0.8rem;
-  color: var(--text-muted);
-  margin-left: 0.5rem;
-}
-
-.plan-editor-actions {
-  display: flex;
-  gap: 0.35rem;
-  flex-wrap: wrap;
-  align-items: center;
-}
-
-.plan-items-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0.35rem;
-  max-height: 280px;
-  overflow-y: auto;
-  margin-bottom: 0.5rem;
-}
-
-.plan-loading-actions {
-  display: flex;
-  gap: 0.5rem;
-  justify-content: center;
-}
-
-.plan-autostart-toggle {
-  margin-top: 1.25rem;
-  padding-top: 1rem;
-  border-top: 1px solid var(--border);
-}
-
-.plan-autostart-label {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  justify-content: center;
-}
-
-.plan-autostart-label input[type="checkbox"] {
-  width: 18px;
-  height: 18px;
-  accent-color: var(--accent);
-  cursor: pointer;
-}
-
-.plan-autostart-text {
-  font-size: 0.85rem;
-  color: var(--text);
-}
-
-.plan-autostart-label:hover .plan-autostart-text {
-  color: var(--accent);
-}
-
-/* Existing wizard files section */
-
-.plan-cancel-btn {
-  color: var(--red);
-}
-
-/* Plan Stopped State */
-.plan-stopped-indicator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  margin-bottom: 1rem;
-  padding: 0.75rem;
-  background: var(--surface);
-  border-radius: 6px;
-  border: 1px solid var(--border);
-}
-
-.plan-stopped-icon {
-  color: var(--red);
-  font-size: 1rem;
-}
-
-.plan-stopped-text {
-  font-weight: 500;
-  color: var(--text);
-}
-
-.plan-skip-hint {
-  font-size: 0.75rem;
-  color: var(--text-muted);
-  text-align: center;
-  margin-top: 0.75rem;
-}
-
-.plan-skip-hint strong {
-  color: var(--text-dim);
-}
-
-/* ========== Plan Subagent Windows (Visible Opus Agents) ========== */
-.plan-subagent-window {
-  position: fixed;
-  width: 280px;
-  background: var(--bg-card);
-  border: 1px solid var(--accent);
-  border-radius: 8px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 20px rgba(96, 165, 250, 0.2);
-  overflow: hidden;
-  animation: planSubagentSpawn 0.3s ease-out;
-}
-
-@keyframes planSubagentSpawn {
-  from {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-
-.plan-subagent-header {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.5rem 0.75rem;
-  background: linear-gradient(135deg, rgba(96, 165, 250, 0.2), rgba(96, 165, 250, 0.1));
-  border-bottom: 1px solid var(--border);
-  cursor: grab;
-  user-select: none;
-}
-
-.plan-subagent-header:active {
-  cursor: grabbing;
-}
-
-.plan-subagent-icon {
-  font-size: 1rem;
-}
-
-.plan-subagent-title {
-  flex: 1;
-  font-weight: 500;
-  font-size: 0.8rem;
-  color: var(--text);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.plan-subagent-model {
-  font-size: 0.65rem;
-  padding: 0.15rem 0.4rem;
-  background: #7c3aed;
-  color: white;
-  border-radius: 3px;
-  text-transform: uppercase;
-  font-weight: 600;
-}
-
-.plan-subagent-body {
-  padding: 0.75rem;
-}
-
-.plan-subagent-status {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.35rem;
-}
-
-.plan-subagent-status.running .plan-subagent-spinner {
-  width: 14px;
-  height: 14px;
-  border: 2px solid var(--border);
-  border-top-color: var(--accent);
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-.plan-subagent-status.completed .plan-subagent-status-text {
-  color: var(--green);
-}
-
-.plan-subagent-status.failed .plan-subagent-status-text {
-  color: var(--red);
-}
-
-.plan-subagent-status-text {
-  font-size: 0.8rem;
-  font-weight: 500;
-}
-
-.plan-subagent-detail {
-  font-size: 0.7rem;
-  color: var(--text-muted);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* Clickable status text */
-.plan-subagent-status-text.clickable {
-  cursor: pointer;
-  text-decoration: underline;
-  text-decoration-style: dotted;
-  text-underline-offset: 2px;
-}
-
-.plan-subagent-status-text.clickable:hover {
-  text-decoration-style: solid;
-  color: var(--accent);
-}
-
 /* Ralph panel version info */
 .ralph-version-info {
   display: flex;
@@ -13212,129 +12612,6 @@ html:is([data-skin="paper-gray"], [data-skin="solarized-light"], [data-skin="cat
   text-decoration: underline;
 }
 
-/* Textarea with AI Assist button */
-.textarea-with-assist {
-  position: relative;
-}
-
-.textarea-with-assist textarea {
-  width: 100%;
-  padding: 0.6rem;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text);
-  font-size: 0.85rem;
-  font-family: 'SF Mono', Monaco, 'Courier New', monospace;
-  resize: vertical;
-  min-height: 80px;
-}
-
-.textarea-with-assist textarea:focus {
-  outline: none;
-  border-color: var(--accent);
-}
-
-/* Iteration Presets */
-
-.iteration-preset-btn {
-  padding: 0.5rem 1rem;
-  font-size: 0.8rem;
-  font-weight: 500;
-  background: var(--bg-input);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  color: var(--text-dim);
-  cursor: pointer;
-  transition: all 0.15s;
-  min-width: 50px;
-}
-
-.iteration-preset-btn:hover {
-  border-color: var(--border-light);
-  color: var(--text);
-}
-
-.iteration-preset-btn.active {
-  background: var(--accent);
-  border-color: var(--accent);
-  color: #fff;
-}
-
-/* Case Select Inline */
-.case-select-inline {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.case-select-inline select {
-  flex: 1;
-}
-
-/* Ralph Prompt Preview */
-.ralph-preview-section {
-  margin-bottom: 1rem;
-}
-
-.ralph-preview-section > label {
-  display: block;
-  font-size: 0.7rem;
-  color: var(--text-dim);
-  margin-bottom: 0.35rem;
-  text-transform: uppercase;
-  letter-spacing: 0.03em;
-}
-
-.ralph-prompt-preview {
-  background: var(--bg-dark);
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  padding: 0.5rem 0.75rem;
-  font-family: 'SF Mono', Monaco, 'Courier New', monospace;
-  font-size: 0.75rem;
-  color: var(--text-dim);
-  max-height: 120px;
-  overflow-y: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.ralph-prompt-preview .preview-highlight {
-  color: var(--accent);
-  font-weight: 500;
-}
-
-/* Config Summary */
-.ralph-config-summary {
-  background: var(--bg-input);
-  border-radius: 4px;
-  padding: 0.75rem;
-  margin-bottom: 1rem;
-}
-
-.config-summary-row {
-  display: flex;
-  justify-content: space-between;
-  padding: 0.35rem 0;
-  font-size: 0.8rem;
-}
-
-.config-summary-row:not(:last-child) {
-  border-bottom: 1px solid var(--border);
-}
-
-.config-label {
-  color: var(--text-dim);
-}
-
-.config-summary-row code {
-  background: var(--bg-dark);
-  padding: 0.15rem 0.4rem;
-  border-radius: 3px;
-  font-size: 0.75rem;
-  color: var(--text);
-}
-
 /* Advanced Options */
 .advanced-options {
   margin-top: 1rem;
diff --git a/src/web/public/subagent-windows.js b/src/web/public/subagent-windows.js
index d39b6c37..45f821c0 100644
--- a/src/web/public/subagent-windows.js
+++ b/src/web/public/subagent-windows.js
@@ -243,11 +243,6 @@ Object.assign(CodemanApp.prototype, {
     const svg = document.getElementById('connectionLines');
     if (!svg) return;
 
-    // Check if Ralph wizard modal is open
-    const wizardModal = document.getElementById('ralphWizardModal');
-    const wizardOpen = wizardModal?.classList.contains('active');
-    const wizardContent = wizardOpen ? wizardModal.querySelector('.modal-content') : null;
-
     // Collect visible regular subagent windows
     const visibleSubagentWindows = [];
     for (const [agentId, windowInfo] of this.subagentWindows) {
@@ -257,11 +252,6 @@ Object.assign(CodemanApp.prototype, {
       visibleSubagentWindows.push({ agentId, windowInfo, win });
     }
 
-    // Get plan subagent windows as array for distribution
-    const planSubagentArray = Array.from(this.planSubagents.entries())
-      .filter(([, data]) => data.element)
-      .map(([id, data]) => ({ id, ...data }));
-
     // === PHASE 1: Batch all layout reads (getBoundingClientRect) ===
     // Reading layout properties forces the browser to calculate layout.
     // By batching all reads before any writes, we avoid repeated forced reflows.
@@ -272,36 +262,14 @@ Object.assign(CodemanApp.prototype, {
       rects.set('sub:' + agentId, win.getBoundingClientRect());
     }
 
-    // Read all plan subagent rects
-    for (const planAgent of planSubagentArray) {
-      rects.set('plan:' + planAgent.id, planAgent.element.getBoundingClientRect());
-    }
-
-    // Read wizard rect (if open)
-    let wizardRect = null;
-    if (wizardOpen && wizardContent) {
-      wizardRect = wizardContent.getBoundingClientRect();
-    }
-
-    // Read tab rects for normal mode (only tabs that are actually needed).
+    // Read tab rects (only tabs that are actually needed).
     // Only a painted row is cached: a row a search or filter hid has no line
     // (_paintedSessionTab), rather than one drawn from the viewport's corner.
-    if (!wizardOpen) {
-      for (const { agentId } of visibleSubagentWindows) {
-        const parentSessionId = this.subagentParentMap.get(agentId);
-        if (!parentSessionId || rects.has('tab:' + parentSessionId)) continue;
-        const tab = this._paintedSessionTab(parentSessionId);
-        if (tab) rects.set('tab:' + parentSessionId, tab.getBoundingClientRect());
-      }
-    }
-
-    // Read plan window rects for wizard-to-plan lines
-    if (wizardOpen && wizardContent && this.planSubagents.size > 0 && !this.planAgentsMinimized) {
-      for (const [agentId, windowData] of this.planSubagents) {
-        if (!windowData.element) continue;
-        const key = 'planwin:' + agentId;
-        if (!rects.has(key)) rects.set(key, windowData.element.getBoundingClientRect());
-      }
+    for (const { agentId } of visibleSubagentWindows) {
+      const parentSessionId = this.subagentParentMap.get(agentId);
+      if (!parentSessionId || rects.has('tab:' + parentSessionId)) continue;
+      const tab = this._paintedSessionTab(parentSessionId);
+      if (tab) rects.set('tab:' + parentSessionId, tab.getBoundingClientRect());
     }
 
     // === PHASE 2: DOM writes using cached rects (no more layout reads) ===
@@ -310,149 +278,34 @@ Object.assign(CodemanApp.prototype, {
     for (const { agentId } of visibleSubagentWindows) {
       const winRect = rects.get('sub:' + agentId);
 
-      // If wizard is open with plan subagents, connect regular subagents to plan subagent windows
-      if (wizardOpen && wizardContent && planSubagentArray.length > 0) {
-        // Find the nearest plan subagent window to connect to
-        let nearestPlanAgent = null;
-        let nearestDistance = Infinity;
+      // Connect the agent window to its parent TAB.
+      // Use the PERSISTENT subagentParentMap as the ONLY source of truth
+      const parentSessionId = this.subagentParentMap.get(agentId);
 
-        for (const planAgent of planSubagentArray) {
-          const planRect = rects.get('plan:' + planAgent.id);
-          const planCenterX = planRect.left + planRect.width / 2;
-          const planCenterY = planRect.top + planRect.height / 2;
-          const winCenterX = winRect.left + winRect.width / 2;
-          const winCenterY = winRect.top + winRect.height / 2;
-          const distance = Math.hypot(planCenterX - winCenterX, planCenterY - winCenterY);
-
-          if (distance < nearestDistance) {
-            nearestDistance = distance;
-            nearestPlanAgent = planAgent;
-          }
-        }
-
-        if (nearestPlanAgent) {
-          const planRect = rects.get('plan:' + nearestPlanAgent.id);
-
-          // Draw line from plan subagent window to regular subagent window
-          let x1, y1, x2, y2;
-          const planCenterX = planRect.left + planRect.width / 2;
-          const winCenterX = winRect.left + winRect.width / 2;
-
-          if (winCenterX < planCenterX) {
-            x1 = planRect.left;
-            y1 = planRect.top + planRect.height / 2;
-            x2 = winRect.right;
-            y2 = winRect.top + winRect.height / 2;
-          } else {
-            x1 = planRect.right;
-            y1 = planRect.top + planRect.height / 2;
-            x2 = winRect.left;
-            y2 = winRect.top + winRect.height / 2;
-          }
-
-          const midX = (x1 + x2) / 2;
-          const path = `M ${x1} ${y1} C ${midX} ${y1}, ${midX} ${y2}, ${x2} ${y2}`;
-
-          const line = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-          line.setAttribute('d', path);
-          line.setAttribute('class', 'connection-line plan-to-subagent-line');
-          line.setAttribute('data-agent-id', agentId);
-          line.setAttribute('data-plan-agent-id', nearestPlanAgent.id);
-          svg.appendChild(line);
-        }
-      } else if (wizardOpen && wizardContent) {
-        // Wizard open but no plan subagents - connect directly to wizard
-        const winCenterX = winRect.left + winRect.width / 2;
-        const wizardCenterX = wizardRect.left + wizardRect.width / 2;
-
-        let x1, y1, x2, y2;
-
-        if (winCenterX < wizardCenterX) {
-          x1 = wizardRect.left;
-          y1 = wizardRect.top + wizardRect.height / 2;
-          x2 = winRect.right;
-          y2 = winRect.top + winRect.height / 2;
-        } else {
-          x1 = wizardRect.right;
-          y1 = wizardRect.top + wizardRect.height / 2;
-          x2 = winRect.left;
-          y2 = winRect.top + winRect.height / 2;
-        }
-
-        const midX = (x1 + x2) / 2;
-        const path = `M ${x1} ${y1} C ${midX} ${y1}, ${midX} ${y2}, ${x2} ${y2}`;
-
-        const line = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-        line.setAttribute('d', path);
-        line.setAttribute('class', 'connection-line wizard-connection');
-        line.setAttribute('data-agent-id', agentId);
-        svg.appendChild(line);
-      } else {
-        // NORMAL MODE: Connect agent window to its parent TAB
-        // Use the PERSISTENT subagentParentMap as the ONLY source of truth
-        const parentSessionId = this.subagentParentMap.get(agentId);
-
-        if (!parentSessionId) {
-          // No parent known yet - skip this agent
-          continue;
-        }
-
-        const tabRect = rects.get('tab:' + parentSessionId);
-        if (!tabRect) {
-          // Tab not painted (session closed, collapsed group, or hidden by a search)
-          continue;
-        }
-
-        // Draw a curved line from the tab to the window. Header strip: tab
-        // bottom-center → window top-center (vertical). Sidebar: tab right-edge →
-        // window left-edge (horizontal), otherwise the curve loops backwards
-        // underneath the sidebar. _tabAnchor/_tabConnectorPath live in app.js.
-        const anchor = this._tabAnchor(tabRect);
-        const path = this._tabConnectorPath(anchor, winRect);
-
-        const line = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-        line.setAttribute('d', path);
-        line.setAttribute('class', 'connection-line');
-        line.setAttribute('data-agent-id', agentId);
-        line.setAttribute('data-parent-tab', parentSessionId);
-        svg.appendChild(line);
+      if (!parentSessionId) {
+        // No parent known yet - skip this agent
+        continue;
       }
-    }
 
-    // Draw lines from wizard to plan subagent windows (Opus agents during plan generation)
-    // Skip if agents are minimized to tab
-    if (wizardOpen && wizardContent && this.planSubagents.size > 0 && !this.planAgentsMinimized) {
-      for (const [agentId] of this.planSubagents) {
-        const winRect = rects.get('planwin:' + agentId);
-        if (!winRect) continue;
-
-        // Determine which side of wizard the window is on
-        const winCenterX = winRect.left + winRect.width / 2;
-        const wizardCenterX = wizardRect.left + wizardRect.width / 2;
-
-        let x1, y1, x2, y2;
-
-        if (winCenterX < wizardCenterX) {
-          x1 = wizardRect.left;
-          y1 = wizardRect.top + wizardRect.height / 3 + (this.planSubagents.size > 3 ? 0 : 50);
-          x2 = winRect.right;
-          y2 = winRect.top + winRect.height / 2;
-        } else {
-          x1 = wizardRect.right;
-          y1 = wizardRect.top + wizardRect.height / 3 + (this.planSubagents.size > 3 ? 0 : 50);
-          x2 = winRect.left;
-          y2 = winRect.top + winRect.height / 2;
-        }
-
-        const midX = (x1 + x2) / 2;
-        const path = `M ${x1} ${y1} C ${midX} ${y1}, ${midX} ${y2}, ${x2} ${y2}`;
-
-        const line = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-        line.setAttribute('d', path);
-        line.setAttribute('class', 'connection-line wizard-connection plan-subagent-line');
-        line.setAttribute('data-plan-agent-id', agentId);
-        svg.appendChild(line);
+      const tabRect = rects.get('tab:' + parentSessionId);
+      if (!tabRect) {
+        // Tab not painted (session closed, collapsed group, or hidden by a search)
+        continue;
       }
+
+      // Draw a curved line from the tab to the window. Header strip: tab
+      // bottom-center → window top-center (vertical). Sidebar: tab right-edge →
+      // window left-edge (horizontal), otherwise the curve loops backwards
+      // underneath the sidebar. _tabAnchor/_tabConnectorPath live in app.js.
+      const anchor = this._tabAnchor(tabRect);
+      const path = this._tabConnectorPath(anchor, winRect);
+
+      const line = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+      line.setAttribute('d', path);
+      line.setAttribute('class', 'connection-line');
+      line.setAttribute('data-agent-id', agentId);
+      line.setAttribute('data-parent-tab', parentSessionId);
+      svg.appendChild(line);
     }
 
     // Ultracode floating run windows → parent tab (additional layer, ultracode-windows.js).
@@ -627,43 +480,9 @@ Object.assign(CodemanApp.prototype, {
         finalY = topStart + visibleCount * (mobileCardHeight + mobileCardGap);
       }
     } else {
-      // Check if Ralph wizard modal is open - if so, position windows on the sides
-      const wizardModal = document.getElementById('ralphWizardModal');
-      const wizardOpen = wizardModal?.classList.contains('active');
-
-      let startX, startY, maxCols;
-
-      if (wizardOpen) {
-        // Wizard is ~720px wide, centered. Position windows on left/right sides
-        const wizardWidth = 720;
-        const centerX = viewportWidth / 2;
-        const wizardLeft = centerX - wizardWidth / 2;
-        const wizardRight = centerX + wizardWidth / 2;
-
-        // Alternate between left and right sides of the wizard
-        const leftSideSpace = wizardLeft - 20;
-        const rightSideSpace = viewportWidth - wizardRight - 20;
-
-        if (windowCount % 2 === 0 && rightSideSpace >= windowWidth) {
-          // Even windows go to the right
-          startX = wizardRight + 20;
-          maxCols = Math.floor(rightSideSpace / (windowWidth + gap)) || 1;
-        } else if (leftSideSpace >= windowWidth) {
-          // Odd windows go to the left
-          startX = Math.max(10, wizardLeft - windowWidth - 20);
-          maxCols = 1; // Usually only room for 1 column on left
-        } else {
-          // Not enough side space, use right side
-          startX = wizardRight + 20;
-          maxCols = 1;
-        }
-        startY = 80; // Start higher when wizard is open
-      } else {
-        // Normal positioning
-        startX = 50;
-        startY = WINDOW_INITIAL_TOP_PX;
-        maxCols = Math.floor((viewportWidth - startX - 50) / (windowWidth + gap)) || 1;
-      }
+      const startX = 50;
+      const startY = WINDOW_INITIAL_TOP_PX;
+      const maxCols = Math.floor((viewportWidth - startX - 50) / (windowWidth + gap)) || 1;
 
       const maxRows = Math.floor((viewportHeight - startY - 50) / (windowHeight + gap)) || 1;
       const col = windowCount % maxCols;
@@ -986,20 +805,6 @@ Object.assign(CodemanApp.prototype, {
     }
     this.logViewerWindows.clear();
 
-    // Clean up plan subagent windows (wizard agents)
-    if (this.planSubagents) {
-      for (const windowData of this.planSubagents.values()) {
-        if (windowData.dragListeners) {
-          document.removeEventListener('mousemove', windowData.dragListeners.move);
-          document.removeEventListener('mouseup', windowData.dragListeners.up);
-        }
-        if (windowData.element) {
-          windowData.element.remove();
-        }
-      }
-      this.planSubagents.clear();
-    }
-
     // Clean up all image popup windows with their drag listeners
     for (const popupData of this.imagePopups.values()) {
       if (popupData.dragListeners) {
@@ -1018,25 +823,7 @@ Object.assign(CodemanApp.prototype, {
     // Clean up ultracode floating run windows (re-seeded from data.workflowRuns on reconnect)
     if (typeof this.removeAllUltracodeWindows === 'function') this.removeAllUltracodeWindows();
 
-    // Clear orphaned plan generation state
-    this.activePlanOrchestratorId = null;
-    this._planProgressHandler = null;
-    this.planGenerationStopped = true;
-    if (this.planGenerationAbortController) {
-      this.planGenerationAbortController.abort();
-      this.planGenerationAbortController = null;
-    }
-
-    // Clean up wizard-specific timers (leak fix: not cleared on SSE reconnect)
-    if (this.wizardMinimizedTimer) {
-      clearInterval(this.wizardMinimizedTimer);
-      this.wizardMinimizedTimer = null;
-    }
-
-    // Clean up wizard drag listeners (leak fix: document-level handlers)
-    if (typeof this.cleanupWizardDragging === 'function') this.cleanupWizardDragging();
-
-    // Deactivate focus trap if wizard was open (leak fix: keydown listener)
+    // Deactivate a focus trap a modal left active (leak fix: keydown listener)
     if (this.activeFocusTrap) {
       this.activeFocusTrap.deactivate();
       this.activeFocusTrap = null;
@@ -1045,9 +832,6 @@ Object.assign(CodemanApp.prototype, {
     // Clear minimized agents tracking
     this.minimizedSubagents.clear();
 
-    // Update monitor panel
-    this.renderMonitorPlanAgents();
-
     // Update connection lines (should be empty now)
     this.updateConnectionLines();
   },
diff --git a/test/tab-rail-search.browser.test.ts b/test/tab-rail-search.browser.test.ts
index 978e7a9c..256f12b3 100644
--- a/test/tab-rail-search.browser.test.ts
+++ b/test/tab-rail-search.browser.test.ts
@@ -277,7 +277,6 @@ describe('vertical rail session search in Chromium', () => {
         ['ag1', { element: document.getElementById('subWin'), minimized: false, hidden: false }],
       ]);
       app.subagentParentMap = new Map([['ag1', 'alpha']]);
-      app.planSubagents = new Map();
     });
     try {
       const anchor = await rowAnchor();
diff --git a/test/tab-rail-search.test.ts b/test/tab-rail-search.test.ts
index 493bda36..122d56d3 100644
--- a/test/tab-rail-search.test.ts
+++ b/test/tab-rail-search.test.ts
@@ -801,7 +801,6 @@ describe('floating windows whose parent row the search hid', () => {
       ['ag1', { element: document.getElementById('subWin'), minimized: false, hidden: false }],
     ]);
     app.subagentParentMap = new Map([['ag1', 'review']]);
-    app.planSubagents = new Map();
     app.ultracodeWindows = new Map([
       ['run1', { element: document.getElementById('runWin'), parentSessionId: 'review' }],
     ]);