{[
{ q:'Can I export the brand kit to Sketch?', a:3, ts:'2 days ago' },
{ q:'Why does my scan miss subdomains?', a:5, ts:'1 week ago' },
{ q:'How to disable AI suggestions?', a:1, ts:'2 weeks ago' },
].map(qa => (
Hi Jordan — I'm your AI support agent. I can help with scanning, estimator, DNS, billing questions, and can open a ticket for complex issues. What's up?
{['Why did my scan fail?','How do I export the brand kit?','Set up a redirect','Upgrade my plan'].map(s => (
))}
Powered by Support Brain · If AI can't resolve, you'll be offered to open a ticket
)}
{supTab === 'tickets' && (
<>
Our team responds within 1 business day. For urgent production issues, mark the ticket High and we'll page on-call.
);
}
/* ── FEATURE REQUESTS ──────────────────────────────────────────
Votes are persistent per-user (localStorage). Submit-idea opens a
modal that routes to the SA "Requests" backend queue for triage. */
function Requests() {
const { useState, useEffect } = React;
const s = window.WPSBD?.state || { role: 'customer' };
const isSA = s.role === 'sa';
const isAdmin = s.role === 'admin' || isSA;
/* Real WPSiteBeam roadmap items — seeded with actual features at their
current development status. Customers vote to influence priority of
planned items. Updated 2026-05-19. */
const seed = [
/* SHIPPED — major recent ones, builds trust that we deliver */
{ id:'shipped-scanner', t:'Multi-platform site scanner', baseVotes:0, status:'shipped', submitters:0, desc:'Scans 10 platforms (WordPress, Squarespace, Wix, Webflow, Shopify, Joomla, Drupal, Ghost, Duda, Weebly) for health, brand, SEO, and accessibility.' },
{ id:'shipped-ada', t:'WCAG 2.1 AA accessibility audits', baseVotes:0, status:'shipped', submitters:0, desc:'Full accessibility scans with axe-core + custom rules, PDF reports, and remediation checklists.' },
{ id:'shipped-brand', t:'Automated brand extraction', baseVotes:0, status:'shipped', submitters:0, desc:'Pulls logo, colors, fonts, and contact info from any site URL — used for kit generation and proposals.' },
{ id:'shipped-plugin', t:'WordPress plugin write-back', baseVotes:0, status:'shipped', submitters:0, desc:'Apply changes back to connected WP sites: redirects, alt text, Elementor kits, content migration.' },
{ id:'shipped-kit-gen', t:'Elementor kit generation from brand', baseVotes:0, status:'shipped', submitters:0, desc:'Generate a downloadable Elementor kit (colors + typography) from any brand profile — one click.' },
{ id:'shipped-dashboard', t:'Real-time multi-site dashboard', baseVotes:0, status:'shipped', submitters:0, desc:'See all connected sites, plugin versions, last sync, and recent activity in one place.' },
/* IN REVIEW — code exists, polish/testing remaining */
{ id:'review-2fa', t:'Two-factor authentication (TOTP)', baseVotes:18, status:'in-review', submitters:6, desc:'Authenticator app support (1Password, Google Authenticator, Authy) with recovery codes. Required for admin roles.' },
{ id:'review-stripe', t:'Self-serve billing portal', baseVotes:14, status:'in-review', submitters:4, desc:'Update payment method, download invoices, manage subscription — all via Stripe Customer Portal.' },
{ id:'review-content-mig', t:'Cross-site content migration', baseVotes:11, status:'in-review', submitters:3, desc:'Move posts/pages between WordPress sites with one click — preserves featured images, taxonomies, metadata.' },
/* PLANNED — designed, on the dev queue */
{ id:'planned-stats', t:'Platform metrics + embeddable widgets', baseVotes:22, status:'planned', submitters:5, desc:'Track plugin installs, scans, migrations, etc. Embeddable counter widgets for agency marketing sites.' },
{ id:'planned-passkeys', t:'Passkey / biometric login', baseVotes:17, status:'planned', submitters:4, desc:'Face ID / Touch ID / Windows Hello support. No passwords, no codes, just your device.' },
{ id:'planned-rag', t:'AI assistant trained on your sites', baseVotes:31, status:'planned', submitters:9, desc:'Ask questions like "what plugins need updating?" or "draft an estimate for a Squarespace migration". Knows your portfolio.' },
{ id:'planned-acquisition', t:'Acquisition mode for agency growth', baseVotes:13, status:'planned', submitters:3, desc:'Find + score prospective clients by scanning their sites, brand maturity, and tech stack.' },
{ id:'planned-slack', t:'Slack / Discord scan notifications', baseVotes:24, status:'planned', submitters:8, desc:'Real-time DMs when scheduled scans fail, plugin updates land, or SSL expiring soon.' },
/* UNDER REVIEW — community-suggested, evaluating feasibility */
{ id:'review-team-roles', t:'Team-level role permissions', baseVotes:19, status:'in-review', submitters:3, desc:'Granular per-team role overrides without creating full custom roles.' },
{ id:'review-lighthouse', t:'Auto-resolve Lighthouse perf issues', baseVotes:15, status:'under-consideration', submitters:4, desc:'One-click auto-fix for common Lighthouse perf flags (image compression, lazy-load, defer).' },
{ id:'review-staging-diff', t:'Staging site diff mode', baseVotes:28, status:'under-consideration', submitters:12, desc:'Side-by-side visual diff between staging and production.' },
];
const tone = { planned:'beam', 'in-review':'warn', shipped:'ok', 'under-consideration':'tag' };
const statusLbl = { planned:'PLANNED', 'in-review':'IN REVIEW', shipped:'SHIPPED', 'under-consideration':'UNDER REVIEW' };
/* Per-user vote state: { [id]: true } */
const [votes, setVotes] = useState(() => {
try { return JSON.parse(localStorage.getItem('wpsbd-req-votes') || '{}'); } catch { return {}; }
});
/* User-submitted ideas — persisted, show on top with UNDER REVIEW status */
const [submitted, setSubmitted] = useState(() => {
try { return JSON.parse(localStorage.getItem('wpsbd-req-submitted') || '[]'); } catch { return []; }
});
useEffect(() => { localStorage.setItem('wpsbd-req-votes', JSON.stringify(votes)); }, [votes]);
useEffect(() => { localStorage.setItem('wpsbd-req-submitted', JSON.stringify(submitted)); }, [submitted]);
const [modalOpen, setModalOpen] = useState(false);
const [sort, setSort] = useState('votes'); /* 'votes' | 'newest' | 'status' */
const [filter, setFilter] = useState('all');
const items = [...submitted, ...seed].map(it => ({
...it,
votes: (it.baseVotes || 0) + (votes[it.id] ? 1 : 0),
}));
const filtered = items.filter(it => filter === 'all' || it.status === filter);
const sorted = [...filtered].sort((a, b) => {
if (sort === 'votes') return b.votes - a.votes;
if (sort === 'newest') return b.id.localeCompare(a.id);
return a.status.localeCompare(b.status);
});
function toggleVote(id) {
setVotes(v => ({ ...v, [id]: !v[id] }));
const live = document.getElementById('wpsbd-live');
if (live) live.textContent = votes[id] ? 'Vote removed' : 'Vote recorded';
}
function submitIdea(draft) {
const newItem = {
id: `req-user-${Date.now()}`,
t: draft.title,
desc: draft.desc,
category: draft.category,
baseVotes: 1,
status: 'under-consideration',
submitters: 1,
submittedBy: 'You',
submittedAt: new Date().toISOString(),
};
setSubmitted(prev => [newItem, ...prev]);
setVotes(v => ({ ...v, [newItem.id]: true }));
setModalOpen(false);
const live = document.getElementById('wpsbd-live');
if (live) live.textContent = `Idea submitted: ${draft.title}. Routed to product triage.`;
}
return (
setModalOpen(true)}>
Submit idea
}/>
{/* Routing explainer — confirms feedback loop into SA/Admin backend */}
How this works. Your idea routes to SA · REQUESTS queue
where product triage reviews weekly. Votes count toward prioritization.
Status updates post back here automatically, and you'll get an email when your idea ships.
{/* ── SA ROADMAP MANAGEMENT PANEL ─────────────────────── */}
{isSA && }
{/* Filter + sort bar */}