diff --git a/index.html b/index.html index 03019db..f798284 100644 --- a/index.html +++ b/index.html @@ -1188,7 +1188,6 @@ Previewing… -
@@ -1228,10 +1227,6 @@
-
- Details -
-
diff --git a/src/main.ts b/src/main.ts index 0cab45d..822294b 100644 --- a/src/main.ts +++ b/src/main.ts @@ -24,16 +24,13 @@ class MotifApp { private selectedTitle!: HTMLElement; private selectedMeta!: HTMLElement; - private selectedDetails!: HTMLElement; private preGenActions!: HTMLElement; private preGenSupport!: HTMLElement; private generatedBlock!: HTMLElement; private playPauseBtn!: HTMLButtonElement; - private detailsToggle!: HTMLElement; private previewBtn!: HTMLButtonElement; private previewStopBtn!: HTMLButtonElement; private previewState!: HTMLElement; - private chooseDifferentBtn!: HTMLButtonElement; private isPreviewPlaying = false; private hasGenerated = false; @@ -114,16 +111,13 @@ class MotifApp { this.selectedTitle = document.getElementById('selectedTitle')!; this.selectedMeta = document.getElementById('selectedMeta')!; - this.selectedDetails = document.getElementById('selectedDetails')!; this.preGenActions = document.getElementById('preGenActions')!; this.preGenSupport = document.getElementById('preGenSupport')!; this.generatedBlock = document.getElementById('generatedBlock')!; this.playPauseBtn = document.getElementById('playPauseBtn') as HTMLButtonElement; - this.detailsToggle = document.getElementById('detailsToggle')!; this.previewBtn = document.getElementById('previewBtn') as HTMLButtonElement; this.previewStopBtn = document.getElementById('previewStopBtn') as HTMLButtonElement; this.previewState = document.getElementById('previewState')!; - this.chooseDifferentBtn = document.getElementById('chooseDifferentBtn') as HTMLButtonElement; // Motif controls this.motifBtn = document.getElementById('motifBtn') as HTMLButtonElement; @@ -174,7 +168,6 @@ class MotifApp { // Preview inside selected source only this.previewBtn.addEventListener('click', () => void this.handlePreviewToggle()); this.previewStopBtn.addEventListener('click', () => this.stopPreview()); - this.chooseDifferentBtn.addEventListener('click', () => this.goToResults()); // Use both input and change for iOS compatibility const seekHandler = (e: Event) => { const progress = parseFloat((e.target as HTMLInputElement).value) / 100; @@ -429,18 +422,7 @@ class MotifApp { // Update UI const displayTitle = this.cleanSongTitle(result.title); this.selectedTitle.textContent = displayTitle; - this.selectedMeta.textContent = `Source: ${this.formatSourceLabel(result.source)} · Length: ${this.formatDuration(actualDuration)} · Notes: ${events.length}`; - - // Optional details (hidden behind toggle) - const detailParts: string[] = []; - const trackCount = Number(metadata.trackCount); - const tempo = Number(metadata.tempo); - const duration = Number(actualDuration); - if (Number.isFinite(trackCount) && trackCount > 0) detailParts.push(`Tracks: ${trackCount}`); - if (Number.isFinite(tempo) && tempo > 0) detailParts.push(`Tempo: ${Math.round(tempo)} bpm`); - if (Number.isFinite(duration) && duration > 0) detailParts.push(`Length: ${this.formatDuration(duration)}`); - detailParts.push(`Notes: ${events.length}`); - this.selectedDetails.textContent = detailParts.join(' · '); + this.selectedMeta.textContent = `Source: ${this.formatSourceLabel(result.source)}`; this.updateEmbedSnippet(result.title); this.updateIOSAudioBanner(); @@ -830,7 +812,6 @@ class MotifApp { const showPreGen = state === 'selected'; this.preGenActions.style.display = showPreGen ? 'block' : 'none'; this.preGenSupport.style.display = showPreGen ? 'flex' : 'none'; - this.detailsToggle.style.display = showPreGen ? 'block' : 'none'; // Generated artifact content const showGenerated = state === 'generated'; @@ -846,15 +827,6 @@ class MotifApp { } } - private goToResults(): void { - this.setState('results'); - try { - this.resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' }); - } catch { - // ignore - } - } - private async handlePlayPause(): Promise { if (!this.hasGenerated) return;