diff --git a/index.html b/index.html
index 8b64a3c..20cd3be 100644
--- a/index.html
+++ b/index.html
@@ -1242,8 +1242,7 @@
diff --git a/src/main.ts b/src/main.ts
index 58ef971..288a1fb 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -70,7 +70,6 @@ class MotifApp {
// FAQ modal
private faqBtnTop: HTMLButtonElement | null = null;
- private faqBtnFooter: HTMLButtonElement | null = null;
private newSearchBtn: HTMLButtonElement | null = null;
private faqBackdrop!: HTMLElement;
private faqCloseBtn!: HTMLButtonElement;
@@ -154,7 +153,6 @@ class MotifApp {
// FAQ modal
this.faqBtnTop = document.getElementById('faqBtnTop') as HTMLButtonElement | null;
- this.faqBtnFooter = document.getElementById('faqBtnFooter') as HTMLButtonElement | null;
this.newSearchBtn = document.getElementById('newSearchBtn') as HTMLButtonElement | null;
this.faqBackdrop = document.getElementById('faqModalBackdrop')!;
this.faqCloseBtn = document.getElementById('faqCloseBtn') as HTMLButtonElement;
@@ -200,7 +198,6 @@ class MotifApp {
// FAQ
this.faqBtnTop?.addEventListener('click', () => this.openFaq());
- this.faqBtnFooter?.addEventListener('click', () => this.openFaq());
this.newSearchBtn?.addEventListener('click', () => this.resetToNewSearch());
this.faqCloseBtn.addEventListener('click', () => this.closeFaq());
this.faqBackdrop.addEventListener('click', (e) => {
@@ -811,6 +808,11 @@ class MotifApp {
this.shareToXBtn.style.display = state === 'generated' ? 'inline-block' : 'none';
this.shareToXBtn.disabled = !(state === 'generated' && this.hasGenerated);
+ // New search button only after generation
+ if (this.newSearchBtn) {
+ this.newSearchBtn.style.display = state === 'generated' ? 'inline-block' : 'none';
+ }
+
// Dim results when selected/generated, but keep them interactive
this.resultsSection.classList.toggle('collapsed', state === 'selected' || state === 'generated');