diff --git a/modules/rsocials/components/folk-campaigns-dashboard.ts b/modules/rsocials/components/folk-campaigns-dashboard.ts
index 611d61c..b9c469a 100644
--- a/modules/rsocials/components/folk-campaigns-dashboard.ts
+++ b/modules/rsocials/components/folk-campaigns-dashboard.ts
@@ -209,8 +209,11 @@ class FolkCampaignsDashboard extends HTMLElement {
📋
No campaign workflows yet
-
Create your first workflow to automate social media campaigns
-
+
Use the AI wizard for guided campaign creation, or start a blank workflow
+
` : '';
@@ -233,6 +236,12 @@ class FolkCampaignsDashboard extends HTMLElement {
}
.cd-btn--primary { background: var(--rs-primary, #3b82f6); color: #fff; }
.cd-btn--primary:hover { background: var(--rs-primary-hover, #2563eb); }
+ .cd-btn--wizard {
+ background: linear-gradient(135deg, var(--rs-accent, #14b8a6), #0d9488);
+ color: #fff; font-weight: 600;
+ }
+ .cd-btn--wizard:hover { opacity: 0.9; }
+ .cd-header__actions { display: flex; gap: 0.5rem; align-items: center; }
.cd-grid {
display: grid;
@@ -284,7 +293,10 @@ class FolkCampaignsDashboard extends HTMLElement {
${loadingState}
${emptyState}
@@ -308,8 +320,15 @@ class FolkCampaignsDashboard extends HTMLElement {
const btnNew = this.shadow.getElementById('btn-new');
if (btnNew) btnNew.addEventListener('click', () => this.createWorkflow());
- const btnNewEmpty = this.shadow.querySelector('.cd-btn--new-empty');
+ const btnNewEmpty = this.shadow.querySelector('.cd-btn--new-empty:not(#btn-wizard-empty)');
if (btnNewEmpty) btnNewEmpty.addEventListener('click', () => this.createWorkflow());
+
+ // Wizard buttons
+ const wizardUrl = `${this.basePath}campaign-wizard`;
+ const btnWizard = this.shadow.getElementById('btn-wizard');
+ if (btnWizard) btnWizard.addEventListener('click', () => { window.location.href = wizardUrl; });
+ const btnWizardEmpty = this.shadow.getElementById('btn-wizard-empty');
+ if (btnWizardEmpty) btnWizardEmpty.addEventListener('click', () => { window.location.href = wizardUrl; });
}
}