fix: restore pipeline accordion layout

codai/admin/templates/chat.html

@@ -148,7 +148,6 @@ a.dl { display:inline-block; margin-top:.4rem; }
 @media (max-width: 720px) {
   .gen-wrap { flex-direction:column; }
   .gen-ctrl { width:100%; min-width:0; max-width:none; border-right:none; border-bottom:1px solid var(--border); }
-  .pipe-shell { grid-template-columns:1fr; }
 }
 
 /* ── Capability cards ─────────────────────────────────────────── */
@@ -218,12 +217,6 @@ a.dl { display:inline-block; margin-top:.4rem; }
 
 /* ── Pipeline ─────────────────────────────────────────────────── */
 .pipe-panel { flex:1; overflow-y:auto; padding:1.2rem; display:flex; flex-direction:column; gap:.6rem; }
-.pipe-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }
-.pipe-shell { display:grid; grid-template-columns:minmax(280px,360px) minmax(0,1fr); gap:.9rem; align-items:start; }
-.pipe-list, .pipe-editor { display:flex; flex-direction:column; gap:.6rem; }
-.pipe-empty-state { border:1px dashed var(--border-2); border-radius:8px; padding:1rem; color:var(--text-2); background:var(--surface-1); }
-.pipe-list-card { background:var(--surface-1); border:1px solid var(--border); border-radius:8px; padding:.8rem .9rem; display:flex; flex-direction:column; gap:.45rem; cursor:pointer; }
-.pipe-list-card.active { border-color:var(--accent); box-shadow:0 0 0 1px rgba(99,102,241,.2); }
 .pipe-card { background:var(--surface-1); border:1px solid var(--border); border-radius:8px; overflow:hidden; }
 .pipe-card summary {
   list-style:none; padding:.8rem 1rem; cursor:pointer; display:flex; align-items:flex-start;
@@ -1365,15 +1358,6 @@ a.dl { display:inline-block; margin-top:.4rem; }
           </div>
         </details>
 
-    <div class="pipe-toolbar">
-      <button class="btn btn-primary" onclick="createPipeline()">Create pipeline</button>
-      <div class="muted small" id="pipe-status">Loading pipelines…</div>
-    </div>
-    <div class="pipe-shell">
-      <div class="pipe-list" id="pipe-list"></div>
-      <div class="pipe-editor" id="pipe-editor">
-        <div class="pipe-empty-state" id="pipe-empty-state">No pipeline selected.</div>
-        <!-- Builder card (always open) -->
     <details class="pipe-card" id="pipe-builder-card" open>
       <summary>＋ Build New Pipeline
         <span class="pipe-steps" style="margin:0;font-size:11px"><span class="pipe-step">Add steps</span><span class="pipe-arrow">→</span><span class="pipe-step">Configure</span><span class="pipe-arrow">→</span><span class="pipe-step">Save &amp; Run</span></span>
@@ -1401,8 +1385,6 @@ a.dl { display:inline-block; margin-top:.4rem; }
       </div>
     </details>
     <div id="custom-pipe-cards"></div>
-      </div>
-    </div>
 
     </div><!-- pipe-panel -->
     </div><!-- panel-pipe -->

tests/test_studio_composed_surfaces.py

@@ -368,18 +368,31 @@ def test_studio_output_surfaces_capability_warnings():
     assert "renderOutputCapabilityNotes" in text
 
 
-def test_pipeline_tab_exposes_create_action_and_empty_state():
+def test_pipeline_tab_renders_builder_before_saved_custom_cards():
     template_path = "/storage/coderai/codai/admin/templates/chat.html"
     text = open(template_path, "r", encoding="utf-8").read()
 
-    assert "Create pipeline" in text
-    assert "pipe-empty-state" in text
-    assert "renderPipelineList" in text
+    builder_index = text.index('id="pipe-builder-card"')
+    custom_cards_index = text.index('id="custom-pipe-cards"')
+    assert builder_index < custom_cards_index
+    assert "＋ Build New Pipeline" in text
 
 
-def test_pipeline_tab_exposes_editor_shell():
+def test_pipeline_tab_drops_split_shell_layout():
     template_path = "/storage/coderai/codai/admin/templates/chat.html"
     text = open(template_path, "r", encoding="utf-8").read()
 
-    assert "pipe-editor" in text
-    assert "openPipeline" in text
+    assert 'class="pipe-shell"' not in text
+    assert 'class="pipe-list"' not in text
+    assert 'class="pipe-editor"' not in text
+    assert 'id="pipe-empty-state"' not in text
+
+
+def test_pipeline_tab_keeps_inline_saved_pipeline_cards():
+    template_path = "/storage/coderai/codai/admin/templates/chat.html"
+    text = open(template_path, "r", encoding="utf-8").read()
+
+    assert "renderCustomPipelineCards" in text
+    assert '<details class="pipe-card"' in text
+    assert "editCustomPipeline" in text
+    assert "deleteCustomPipeline" in text