From 9e4fb358006fbf8f978d62b10e194205ab86eec1 Mon Sep 17 00:00:00 2001
From: Steve White <stwhite@mac.com>
Date: Thu, 5 Jun 2025 18:46:09 -0500
Subject: [PATCH] Working dialog generator

---
 frontend/js/app.js         | 19 ++++++++++++++++---
 speaker_data/speakers.yaml |  6 ++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/frontend/js/app.js b/frontend/js/app.js
index e8f6af1..afe1bda 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -59,14 +59,27 @@ async function loadSpeakers() {
         }
         speakers.forEach(speaker => {
             const listItem = document.createElement('li');
-            listItem.textContent = `${speaker.name} (ID: ${speaker.id || 'N/A'}) `;
             
+            // Create a container for the speaker name and delete button
+            const container = document.createElement('div');
+            container.style.display = 'flex';
+            container.style.justifyContent = 'space-between';
+            container.style.alignItems = 'center';
+            container.style.width = '100%';
+            
+            // Add speaker name
+            const nameSpan = document.createElement('span');
+            nameSpan.textContent = speaker.name;
+            container.appendChild(nameSpan);
+            
+            // Add delete button
             const deleteBtn = document.createElement('button');
             deleteBtn.textContent = 'Delete';
             deleteBtn.classList.add('delete-speaker-btn');
             deleteBtn.onclick = () => handleDeleteSpeaker(speaker.id);
-            listItem.appendChild(deleteBtn);
-
+            container.appendChild(deleteBtn);
+            
+            listItem.appendChild(container);
             speakerListUL.appendChild(listItem);
         });
     } catch (error) {
diff --git a/speaker_data/speakers.yaml b/speaker_data/speakers.yaml
index 0976279..42ae75b 100644
--- a/speaker_data/speakers.yaml
+++ b/speaker_data/speakers.yaml
@@ -4,3 +4,9 @@
 608903c4-b157-46c5-a0ea-4b25eb4b83b6:
   name: Denise
   sample_path: speaker_samples/608903c4-b157-46c5-a0ea-4b25eb4b83b6.wav
+3c93c9df-86dc-4d67-ab55-8104b9301190:
+  name: Maria
+  sample_path: speaker_samples/3c93c9df-86dc-4d67-ab55-8104b9301190.wav
+fb84ce1c-f32d-4df9-9673-2c64e9603133:
+  name: Debbie
+  sample_path: speaker_samples/fb84ce1c-f32d-4df9-9673-2c64e9603133.wav