src/lib/components/NavMenu.svelte

@@ -512,6 +512,10 @@
 {#if showPrdPanel}
   <PrdPanel
     onClose={() => (showPrdPanel = false)}
+    onBackToWorkflow={() => {
+      showPrdPanel = false;
+      showWorkflowPanel = true;
+    }}
     workingDirectory={workingDirectory || selectedDirectory}
   />
 {/if}
@@ -521,7 +525,13 @@
 {/if}
 
 {#if showTaskLoop}
-  <TaskLoopPanel onClose={() => (showTaskLoop = false)} />
+  <TaskLoopPanel
+    onClose={() => (showTaskLoop = false)}
+    onBackToWorkflow={() => {
+      showTaskLoop = false;
+      showWorkflowPanel = true;
+    }}
+  />
 {/if}
 
 {#if showWorkflowPanel}

src/lib/components/PrdPanel.svelte

@@ -8,9 +8,10 @@
   interface Props {
     onClose: () => void;
     workingDirectory: string;
+    onBackToWorkflow?: () => void;
   }
 
-  const { onClose, workingDirectory }: Props = $props();
+  const { onClose, workingDirectory, onBackToWorkflow }: Props = $props();
 
   const tasks = $derived(prdStore.tasks);
   const goal = $derived(prdStore.goal);
@@ -119,6 +120,15 @@
           </span>
         {/if}
       </div>
+      <div class="flex items-center gap-2">
+        {#if onBackToWorkflow}
+          <button
+            onclick={onBackToWorkflow}
+            class="px-2 py-1 text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] bg-[var(--bg-secondary)] hover:bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-md transition-colors"
+          >
+            ← Workflow
+          </button>
+        {/if}
         <button
           onclick={onClose}
           class="p-1 text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-colors"
@@ -134,6 +144,7 @@
           </svg>
         </button>
       </div>
+    </div>
 
     <!-- Body -->
     <div class="flex-1 overflow-y-auto p-4 min-h-0">

src/lib/components/TaskLoopPanel.svelte

@@ -16,9 +16,10 @@
 
   interface Props {
     onClose: () => void;
+    onBackToWorkflow?: () => void;
   }
 
-  const { onClose }: Props = $props();
+  const { onClose, onBackToWorkflow }: Props = $props();
 
   const tasks = $derived(taskLoopStore.tasks);
   const loopStatus = $derived(taskLoopStore.loopStatus);
@@ -307,6 +308,15 @@
           </span>
         {/if}
       </div>
+      <div class="flex items-center gap-2">
+        {#if onBackToWorkflow}
+          <button
+            onclick={onBackToWorkflow}
+            class="px-2 py-1 text-xs text-[var(--text-secondary)] hover:text-[var(--text-primary)] bg-[var(--bg-secondary)] hover:bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-md transition-colors"
+          >
+            ← Workflow
+          </button>
+        {/if}
         <button
           onclick={onClose}
           class="p-1 text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-colors"
@@ -322,6 +332,7 @@
           </svg>
         </button>
       </div>
+    </div>
 
     <!-- Body -->
     <div class="flex-1 overflow-y-auto p-4 min-h-0">