update tarot frame settings UI

app/ui-tarot.js

@@ -594,6 +594,46 @@
     }
   }
 
+  function refreshHouseUi() {
+    if (!state.initialized) {
+      return;
+    }
+
+    const elements = getElements();
+    renderHouseOfCards(elements);
+    syncHouseControls(elements);
+  }
+
+  function setHouseTopCardsVisible(value) {
+    state.houseTopCardsVisible = Boolean(value);
+    refreshHouseUi();
+  }
+
+  function setHouseTopInfoMode(mode, value) {
+    const key = String(mode || "").trim();
+    if (!key || !Object.prototype.hasOwnProperty.call(state.houseTopInfoModes, key)) {
+      return;
+    }
+
+    state.houseTopInfoModes[key] = Boolean(value);
+    refreshHouseUi();
+  }
+
+  function setHouseBottomCardsVisible(value) {
+    state.houseBottomCardsVisible = Boolean(value);
+    refreshHouseUi();
+  }
+
+  function setHouseBottomInfoMode(mode, value) {
+    const key = String(mode || "").trim();
+    if (!key || !Object.prototype.hasOwnProperty.call(state.houseBottomInfoModes, key)) {
+      return;
+    }
+
+    state.houseBottomInfoModes[key] = Boolean(value);
+    refreshHouseUi();
+  }
+
   async function exportHouseOfCards(elements, format = "png") {
     if (state.houseExportInProgress) {
       return;
@@ -1076,6 +1116,14 @@
     ensureTarotSection,
     selectCardByTrump,
     selectCardByName,
-    getCards: () => state.cards
+    getCards: () => state.cards,
+    getHouseTopCardsVisible: () => state.houseTopCardsVisible,
+    getHouseTopInfoModes: () => ({ ...state.houseTopInfoModes }),
+    getHouseBottomCardsVisible: () => state.houseBottomCardsVisible,
+    getHouseBottomInfoModes: () => ({ ...state.houseBottomInfoModes }),
+    setHouseTopCardsVisible,
+    setHouseTopInfoMode,
+    setHouseBottomCardsVisible,
+    setHouseBottomInfoMode
   };
 })();