From 66ca56bb0bc1a48a531714e70f29b771f6f6643e Mon Sep 17 00:00:00 2001
From: James Pine <ijamespine@me.com>
Date: Thu, 23 Apr 2026 19:41:10 -0700
Subject: [PATCH] feat(captures): move sidebar checklist below differences +
 hide when all green
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two small follow-ups to the sidebar checklist placement. Move it below
the What's different section so the sticky top of the sidebar stays the
page's narrative context (About → differences) and the checklist reads
as a status panel rather than preamble. Gate the whole block on
!readiness.allReady so once every gate is green the sidebar drops back
to just About + What's different — no value in real estate full of
checkmarks.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/src/components/ServerTab/CapturesPage.tsx | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/app/src/components/ServerTab/CapturesPage.tsx b/app/src/components/ServerTab/CapturesPage.tsx
index 4a7ba961..c070fdbe 100644
--- a/app/src/components/ServerTab/CapturesPage.tsx
+++ b/app/src/components/ServerTab/CapturesPage.tsx
@@ -585,15 +585,6 @@ export function CapturesPage() {
           </p>
         </div>
 
-        {/* Same six-gate checklist the CapturesTab empty state uses.
-            Surfaces missing models / permissions persistently while
-            users configure this page, so a red gate can't hide behind
-            a green toggle. */}
-        <div className="space-y-2">
-          <h3 className="text-sm font-semibold">{t('captures.readiness.title')}</h3>
-          <DictationReadinessChecklist readiness={readiness} compact />
-        </div>
-
         <div className="space-y-3">
           <h3 className="text-sm font-semibold">{t('settings.captures.sidebar.differencesTitle')}</h3>
           <ul className="space-y-3 text-sm text-muted-foreground">
@@ -624,6 +615,18 @@ export function CapturesPage() {
             </li>
           </ul>
         </div>
+
+        {/* Same six-gate checklist the CapturesTab empty state uses.
+            Surfaces missing models / permissions persistently while
+            users configure this page, so a red gate can't hide behind
+            a green toggle. Hidden once every gate is green — no value
+            in real estate full of checkmarks. */}
+        {!readiness.allReady && (
+          <div className="space-y-2">
+            <h3 className="text-sm font-semibold">{t('captures.readiness.title')}</h3>
+            <DictationReadinessChecklist readiness={readiness} compact />
+          </div>
+        )}
       </aside>
     </div>
   );