From 51967280a9ff49fcf16da5962188fc30ebfcd86d Mon Sep 17 00:00:00 2001
From: Groq Agent <groq@noreply.143.198.27.163>
Date: Tue, 24 Mar 2026 12:50:52 +0000
Subject: [PATCH] =?UTF-8?q?[groq]=20Research:=20NotebookLM=20=E2=80=94=20c?=
 =?UTF-8?q?reate=20audio=20overview=20of=20SOUL.md=20as=20podcast=20(#293)?=
 =?UTF-8?q?=20(#368)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.js     | 4 ++++
 index.html | 3 +++
 style.css  | 5 +++++
 3 files changed, 12 insertions(+)

diff --git a/app.js b/app.js
index febfefe..aaac2f2 100644
--- a/app.js
+++ b/app.js
@@ -2732,6 +2732,10 @@ document.getElementById('podcast-toggle').addEventListener('click', () => {
         utterance.lang = 'en-US';
         utterance.rate = 0.9;
         utterance.pitch = 0.9;
+        utterance.onend = () => {
+          document.getElementById('podcast-toggle').disabled = false;
+        };
+        document.getElementById('podcast-toggle').disabled = true;
         speechSynthesis.speak(utterance);
       })
       .catch(err => {
diff --git a/index.html b/index.html
index aa446c3..833ce1b 100644
--- a/index.html
+++ b/index.html
@@ -36,6 +36,9 @@
     <button id="export-session" class="chat-toggle-btn" aria-label="Export session as markdown" title="Export session log as Markdown">
       📥
     </button>
+    <button id="podcast-toggle" class="chat-toggle-btn" aria-label="Start podcast of SOUL.md" title="Play SOUL.md as audio">
+      🎧
+    </button>
     <button id="podcast-toggle" class="chat-toggle-btn" aria-label="Start podcast of SOUL.md" title="Play SOUL.md as audio podcast">
       🎧
     </button>
diff --git a/style.css b/style.css
index c9ef387..22c71f3 100644
--- a/style.css
+++ b/style.css
@@ -109,6 +109,11 @@ canvas {
   font-family: var(--font-body);
   transition: background-color 0.2s ease;
 }
+
+#podcast-toggle:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
 #podcast-toggle:hover {
   background-color: var(--color-primary);
 }