[#411]: Align hasTake with displayRows and clear stitch on selectTake

Gate review chrome on visible My Takes rows in pericope mode and drop
stitched playback state when the user selects a real take row.

Author: JonathanSeehagen

src/app/tabs/RecordTab.tsx

@@ -212,9 +212,6 @@ export function RecordTab({
   const prevDisabled = verseIndex <= 0;
   const nextDisabled = verseIndex < 0 || verseIndex >= verses.length - 1;
   const selected = verses.find(v => v.verseNumber === selectedVerse);
-  const hasTake = verseAudio.takes.length > 0;
-  const hasAnyTake = hasTake || verseAudio.allTakes.length > 0;
-  const activeViewHasTakes = takeView === 'mine' ? hasTake : hasAnyTake;
 
   const resolveBibleTextId = useCallback(async () => {
     return getBibleTextId(
@@ -296,6 +293,10 @@ export function RecordTab({
     ],
   );
 
+  const hasTake = displayRows.length > 0;
+  const hasAnyTake = hasTake || verseAudio.allTakes.length > 0;
+  const activeViewHasTakes = takeView === 'mine' ? hasTake : hasAnyTake;
+
   /** Shared generation so sync-triggered and verse-change lookups ignore stale IDs. */
   const bibleTextRequestIdRef = useRef(0);
 

src/hooks/useVerseAudio.ts

@@ -799,6 +799,8 @@ export function useVerseAudio({
   const selectTake = useCallback(
     async (id: string) => {
       try {
+        clearStitchQueue();
+        setPlayingTakeId(null);
         await selectTakeFn(id);
         if (bibleTextId !== null) {
           setTakes(await loadTakesFn(bibleTextId));
@@ -810,7 +812,7 @@ export function useVerseAudio({
         dispatch({ type: 'ERROR', message });
       }
     },
-    [bibleTextId, loadTakesFn, selectTakeFn],
+    [bibleTextId, clearStitchQueue, loadTakesFn, selectTakeFn],
   );
 
   /** Designate canonical from All Takes (#279) — any account may call this. */