update ui and add new audio components

app/ui-section-state.js

@@ -6,6 +6,8 @@
     "timeline",
     "calendar",
     "holidays",
+    "audio-circle",
+    "audio-notes",
     "tarot",
     "tarot-house",
     "astronomy",
@@ -88,6 +90,9 @@
     const isCalendarOpen = activeSection === "calendar";
     const isHolidaysOpen = activeSection === "holidays";
     const isCalendarMenuOpen = isTimelineOpen || isCalendarOpen || isHolidaysOpen;
+    const isAudioNotesOpen = activeSection === "audio-notes";
+    const isAudioCircleOpen = activeSection === "audio-circle";
+    const isAudioMenuOpen = isAudioNotesOpen || isAudioCircleOpen;
     const isTarotOpen = activeSection === "tarot";
     const isTarotHouseOpen = activeSection === "tarot-house";
     const isTarotMenuOpen = isTarotOpen || isTarotHouseOpen;
@@ -115,6 +120,8 @@
     setHidden(elements.timelineSectionEl, !isTimelineOpen);
     setHidden(elements.calendarSectionEl, !isCalendarOpen);
     setHidden(elements.holidaySectionEl, !isHolidaysOpen);
+    setHidden(elements.audioCircleSectionEl, !isAudioCircleOpen);
+    setHidden(elements.audioNotesSectionEl, !isAudioNotesOpen);
     setHidden(elements.tarotSectionEl, !isTarotOpen);
     setHidden(elements.tarotHouseSectionEl, !isTarotHouseOpen);
     setHidden(elements.astronomySectionEl, !isAstronomyOpen);
@@ -141,6 +148,9 @@
     toggleActive(elements.openCalendarTimelineEl, isTimelineOpen);
     toggleActive(elements.openCalendarMonthsEl, isCalendarOpen);
     toggleActive(elements.openHolidaysEl, isHolidaysOpen);
+    setPressed(elements.openAudioEl, isAudioMenuOpen);
+    toggleActive(elements.openAudioCircleEl, isAudioCircleOpen);
+    toggleActive(elements.openAudioNotesEl, isAudioNotesOpen);
     setPressed(elements.openTarotEl, isTarotMenuOpen);
     toggleActive(elements.openTarotHouseEl, isTarotHouseOpen);
     config.tarotSpreadUi?.applyViewState?.();
@@ -181,6 +191,16 @@
       return;
     }
 
+    if (isAudioCircleOpen) {
+      ensure.ensureAudioCircleSection?.();
+      return;
+    }
+
+    if (isAudioNotesOpen) {
+      ensure.ensureAudioNotesSection?.();
+      return;
+    }
+
     if (isTarotOpen) {
       if (typeof config.tarotSpreadUi?.handleSectionActivated === "function") {
         config.tarotSpreadUi.handleSectionActivated();