bugfix and phone view optimizations

app/ui-alphabet-text.js

@@ -40,6 +40,7 @@
   let detailNameEl;
   let detailSubEl;
   let detailBodyEl;
+  let textLayoutEl;
   let lexiconPopupEl;
   let lexiconPopupTitleEl;
   let lexiconPopupSubtitleEl;
@@ -65,9 +66,21 @@
     detailNameEl = document.getElementById("alpha-text-detail-name");
     detailSubEl = document.getElementById("alpha-text-detail-sub");
     detailBodyEl = document.getElementById("alpha-text-detail-body");
+    textLayoutEl = sourceListEl?.closest?.(".planet-layout") || detailBodyEl?.closest?.(".planet-layout") || null;
     ensureLexiconPopup();
   }
 
+  function showDetailOnlyMode() {
+    if (!(textLayoutEl instanceof HTMLElement)) {
+      return;
+    }
+
+    window.TarotChromeUi?.initializeSidebarPopouts?.();
+    window.TarotChromeUi?.initializeDetailPopouts?.();
+    window.TarotChromeUi?.initializeSidebarAutoCollapse?.();
+    window.TarotChromeUi?.showDetailOnly?.(textLayoutEl);
+  }
+
   function ensureLexiconPopup() {
     if (lexiconPopupEl instanceof HTMLElement) {
       return;
@@ -597,6 +610,7 @@
       button.append(name, meta);
       button.addEventListener("click", () => {
         if (normalizeId(source.id) === normalizeId(state.selectedSourceId)) {
+          showDetailOnlyMode();
           return;
         }
 
@@ -607,6 +621,7 @@
         syncSelectionForSource(getSelectedSource());
         renderSourceList();
         renderSelectors();
+        showDetailOnlyMode();
 
         if (state.searchQuery && state.activeSearchScope === "source") {
           void Promise.all([loadSelectedPassage(), runSearch("source")]);
@@ -1468,6 +1483,7 @@
     syncSelectionForSource(getSelectedSource());
     renderSourceList();
     renderSelectors();
+    showDetailOnlyMode();
     await loadSelectedPassage();
     clearActiveSearchUi({ preserveHighlight: true });
     renderDetail();
@@ -1549,6 +1565,8 @@
   async function ensureAlphabetTextSection() {
     getElements();
     bindControls();
+    window.TarotChromeUi?.initializeSidebarPopouts?.();
+    window.TarotChromeUi?.initializeDetailPopouts?.();
 
     if (!sourceListEl || !detailBodyEl) {
       return;