@growthub/cli 0.14.5 → 0.14.8

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/lib/templates.js

@@ -1,207 +0,0 @@
-const STORAGE_KEY = 'zernio_comment_templates_v2';
-
-export const TEMPLATE_TYPES = {
-  send_dm:       { label: 'DM Only',       color: 'blue',   icon: '📩' },
-  reply_comment: { label: 'Reply Only',     color: 'purple', icon: '💬' },
-  both:          { label: 'Reply + DM',     color: 'green',  icon: '🔁' },
-};
-
-export const VARIABLES = [
-  { token: '{{firstName}}',  desc: 'First name of commenter' },
-  { token: '{{username}}',   desc: 'Platform handle (e.g. @ant0ni0)' },
-  { token: '{{triggerWord}}',desc: 'The keyword they typed' },
-  { token: '{{postLink}}',   desc: 'Link to the original post' },
-  { token: '{{profileName}}',desc: 'Your profile/page name' },
-];
-
-export const MATCH_TYPES = {
-  contains:    'Contains keyword',
-  exact:       'Exact match',
-  starts_with: 'Starts with keyword',
-};
-
-function read() {
-  try {
-    return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]');
-  } catch {
-    return [];
-  }
-}
-
-function write(templates) {
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(templates));
-}
-
-export function getTemplates() {
-  return read();
-}
-
-export function saveTemplate(tpl) {
-  const all = read();
-  if (tpl.id) {
-    const idx = all.findIndex(t => t.id === tpl.id);
-    if (idx >= 0) { all[idx] = { ...tpl, updatedAt: new Date().toISOString() }; }
-    else all.push({ ...tpl, createdAt: new Date().toISOString() });
-  } else {
-    all.push({ ...tpl, id: `tpl_${Date.now()}`, createdAt: new Date().toISOString() });
-  }
-  write(all);
-  return all;
-}
-
-export function deleteTemplate(id) {
-  const all = read().filter(t => t.id !== id);
-  write(all);
-  return all;
-}
-
-export function exportTemplates() {
-  const blob = new Blob([JSON.stringify(read(), null, 2)], { type: 'application/json' });
-  const url  = URL.createObjectURL(blob);
-  const a    = document.createElement('a');
-  a.href     = url;
-  a.download = `zernio-templates-${new Date().toISOString().slice(0,10)}.json`;
-  a.click();
-  URL.revokeObjectURL(url);
-}
-
-export function importTemplates(json) {
-  const imported = JSON.parse(json);
-  if (!Array.isArray(imported)) throw new Error('Expected an array of templates');
-  const existing = read();
-  const merged   = [...existing];
-  for (const t of imported) {
-    if (!merged.find(e => e.id === t.id)) merged.push(t);
-  }
-  write(merged);
-  return merged;
-}
-
-export function previewTemplate(body, vars = {}) {
-  const sample = {
-    firstName:   vars.firstName   || 'Alex',
-    username:    vars.username    || '@alexsmith',
-    triggerWord: vars.triggerWord || 'X',
-    postLink:    vars.postLink    || 'https://x.com/example/status/123',
-    profileName: vars.profileName || 'Your Brand',
-  };
-  return body
-    .replace(/{{firstName}}/g,   sample.firstName)
-    .replace(/{{username}}/g,    sample.username)
-    .replace(/{{triggerWord}}/g, sample.triggerWord)
-    .replace(/{{postLink}}/g,    sample.postLink)
-    .replace(/{{profileName}}/g, sample.profileName);
-}
-
-const CAL = '[BOOK_CALL_LINK]';
-
-export const SEED_TEMPLATES = [
-
-  // ── 1. Winning Static Ads Playbook ──────────────────────────────────────
-  {
-    id: 'tpl_gh_ads_playbook',
-    name: 'Winning Ads Playbook',
-    type: 'both',
-    keyword_hint: 'ADS, PLAYBOOK, STATIC',
-    replyBody: `Sent! 📩 Check your DMs {{firstName}} — the ads playbook is on its way 🎯`,
-    dmBody: `Hey {{firstName}}! Here's the Winning Static Ads Playbook for 2026 👉 https://www.growthub.ai/f/blog/static-ads-2026\n\nQuick one — what's your biggest challenge with ads right now? Happy to take a look or chat: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 2. Winning Prompts Playbook ──────────────────────────────────────────
-  {
-    id: 'tpl_gh_prompts_playbook',
-    name: 'Winning Prompts Playbook',
-    type: 'both',
-    keyword_hint: 'PROMPTS, AI, PLAYBOOK',
-    replyBody: `Sent! 📩 Your prompts playbook is in your DMs {{firstName}} 🤖`,
-    dmBody: `Hey {{firstName}}! Here's the Winning Prompts Playbook 👉 https://www.growthub.ai/f/playbook\n\nWhich part of your workflow are you trying to speed up with AI? Drop a reply or book 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 3. Nano Banana Starter Kit ───────────────────────────────────────────
-  {
-    id: 'tpl_gh_nano_banana',
-    name: 'Nano Banana Starter Kit',
-    type: 'both',
-    keyword_hint: 'KIT, STARTER, NANO',
-    replyBody: `Sent! 📩 The Nano Banana Starter Kit is in your DMs {{firstName}} 🍌`,
-    dmBody: `Hey {{firstName}}! Here's your Nano Banana Starter Kit 👉 https://v0-nano-banana-starter-kit.vercel.app/\n\nWhat are you building? Drop a reply and let's figure it out together, or grab 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 4. Free Competitor Ads Report ───────────────────────────────────────
-  {
-    id: 'tpl_gh_competitor_ads',
-    name: 'Free Competitor Ads Report',
-    type: 'both',
-    keyword_hint: 'COMPETITOR, REPORT, SPY',
-    replyBody: `Sent! 📩 Your free competitor ads report is in your DMs {{firstName}} 🔍`,
-    dmBody: `Hey {{firstName}}! Grab your free competitor ads report here 👉 https://www.growthub.ai/f/winning-ads-signup\n\nWho are you up against right now? Would love to show you what's actually working in your space — book 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 5. SEO / LLM / GEO Mastersheet ─────────────────────────────────────
-  {
-    id: 'tpl_gh_seo_mastersheet',
-    name: 'SEO · LLM · GEO Mastersheet',
-    type: 'both',
-    keyword_hint: 'SEO, LLM, GEO, SEARCH',
-    replyBody: `Sent! 📩 The SEO·LLM·GEO Mastersheet is in your DMs {{firstName}} 🗂`,
-    dmBody: `Hey {{firstName}}! Here's the SEO · AEO · LLM · GEO Mastersheet 👉 https://www.notion.so/growthub/SEO-AEO-LLM-GEO-Mastersheet-2e4d28ab978380dbbff0e56e7ee28082\n\nAre you trying to show up in AI search right now? Curious what you're working on — or grab 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 6. Free SEO / AEO / LLM Audit ──────────────────────────────────────
-  {
-    id: 'tpl_gh_seo_audit',
-    name: 'Free SEO · AEO · LLM Audit',
-    type: 'both',
-    keyword_hint: 'AUDIT, FREE, TRAFFIC',
-    replyBody: `Sent! 📩 Your free SEO·AEO audit is in your DMs {{firstName}} 📊`,
-    dmBody: `Hey {{firstName}}! Run your free SEO · AEO · LLM audit here 👉 https://www.growthub.ai/onboarding-agent\n\nWhat's your current traffic situation? Happy to walk through the results — or book 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 7. DTC Mega File ────────────────────────────────────────────────────
-  {
-    id: 'tpl_gh_dtc_mega',
-    name: 'DTC Mega File',
-    type: 'both',
-    keyword_hint: 'DTC, ECOM, BRAND',
-    replyBody: `Sent! 📩 The DTC Mega File is in your DMs {{firstName}} 📦`,
-    dmBody: `Hey {{firstName}}! Here's the DTC Mega File 👉 https://growthub.notion.site/dtc-mega-file\n\nWhat stage is your brand at right now? Drop a reply or let's look at your numbers together: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 8. AI Batch Image Generation Guide ──────────────────────────────────
-  {
-    id: 'tpl_gh_ai_images',
-    name: 'AI Batch Image Generation Guide',
-    type: 'both',
-    keyword_hint: 'IMAGES, BATCH, CREATIVE, AI',
-    replyBody: `Sent! 📩 The AI Batch Image Mastery Guide is in your DMs {{firstName}} 🎨`,
-    dmBody: `Hey {{firstName}}! Here's the AI Batch Image Generation Mastery Guide 👉 https://www.notion.so/growthub/AI-Batch-Image-Generation-Mastery-Guide-303d28ab978380cc89ccef0fccff4d52\n\nAre you already using AI for your creative? Would love to hear what's working — or book 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-  // ── 9. 500+ Proven Winning Hooks ────────────────────────────────────────
-  {
-    id: 'tpl_gh_hooks',
-    name: '500+ Proven Winning Hooks',
-    type: 'both',
-    keyword_hint: 'HOOKS, COPY, CONTENT',
-    replyBody: `Sent! 📩 500+ winning hooks are in your DMs {{firstName}} 🪝`,
-    dmBody: `Hey {{firstName}}! Here's the 500+ Proven Winning Hooks library 👉 https://www.notion.so/growthub/2d7d28ab9783802aa48dcda105f8c63f?v=8e6120c3ec8e401daa8eaefad2de89d6\n\nWhat content format are you focused on right now? Happy to help you pick the right hooks — or book 10 mins: ${CAL}`,
-    createdAt: new Date().toISOString(),
-  },
-
-];
-
-export function seedIfEmpty() {
-  if (!read().length) write(SEED_TEMPLATES);
-}
-
-export function forceSeed() {
-  write(SEED_TEMPLATES);
-}

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/main.jsx

@@ -1,10 +0,0 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App.jsx';
-import './app.css';
-
-createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <App />
-  </StrictMode>
-);

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/views/Accounts.jsx

@@ -1,57 +0,0 @@
-import { useApp } from '../App.jsx';
-
-const PLT_ICON = { twitter:'𝕏', linkedin:'in', instagram:'📸', facebook:'f', tiktok:'🎵', youtube:'▶', bluesky:'🦋', threads:'@', reddit:'r/', pinterest:'P', telegram:'✈', whatsapp:'W' };
-const PLT_BG   = { twitter:'#000', linkedin:'#0077b5', instagram:'#e1306c', facebook:'#1877f2', tiktok:'#010101', youtube:'#ff0000', bluesky:'#0085ff', threads:'#101010', reddit:'#ff4500', pinterest:'#e60023', telegram:'#0088cc', whatsapp:'#25d366' };
-
-export default function Accounts() {
-  const { accounts } = useApp();
-
-  if (!accounts.length) {
-    return (
-      <div className="empty">
-        <div className="empty-icon">🔗</div>
-        <div className="empty-msg">No accounts connected on this profile.<br />Connect platforms via Zernio dashboard → Settings → Accounts.</div>
-      </div>
-    );
-  }
-
-  return (
-    <div>
-      <div className="section-title mb16">{accounts.length} Connected Account{accounts.length !== 1 ? 's' : ''}</div>
-      <div className="table-wrap">
-        <table>
-          <thead>
-            <tr>
-              <th>Platform</th>
-              <th>Handle</th>
-              <th>Display Name</th>
-              <th>Account ID</th>
-              <th>Status</th>
-            </tr>
-          </thead>
-          <tbody>
-            {accounts.map(a => (
-              <tr key={a._id || a.accountId}>
-                <td>
-                  <div className="row">
-                    <div
-                      className="platform-icon"
-                      style={{ background: PLT_BG[a.platform] || '#3f3f46', color: '#fff', width: 28, height: 28, fontSize: 12 }}
-                    >
-                      {PLT_ICON[a.platform] || a.platform?.[0]?.toUpperCase()}
-                    </div>
-                    <span style={{ textTransform: 'capitalize' }}>{a.platform}</span>
-                  </div>
-                </td>
-                <td style={{ fontFamily: 'monospace', color: '#a1a1aa' }}>@{a.username}</td>
-                <td>{a.displayName || '—'}</td>
-                <td style={{ fontFamily: 'monospace', fontSize: 11, color: '#52525b' }}>{a._id || a.accountId || '—'}</td>
-                <td><span className="badge badge-green">Active</span></td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      </div>
-    </div>
-  );
-}

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/views/Agent.jsx

@@ -1,167 +0,0 @@
-import { useState } from 'react';
-import { api, PROFILE_ID } from '../api.js';
-import { useApp } from '../App.jsx';
-
-const COMMANDS = [
-  { name: '/zernio campaign',  desc: 'Full campaign: brief + calendar + publishing plan + captions + optional scheduling' },
-  { name: '/zernio calendar',  desc: 'Content calendar from an existing brief' },
-  { name: '/zernio captions',  desc: 'Caption copy deck — batch or single platform, 3 variants A/B/C' },
-  { name: '/zernio schedule',  desc: 'Scheduling manifest from an existing calendar (produces JSON for submission here)' },
-  { name: '/zernio queue',     desc: 'Define or update a recurring queue (time slots)' },
-  { name: '/zernio analytics', desc: 'Analytics briefing from API data or provided metrics' },
-  { name: '/zernio inbox',     desc: 'Draft replies for DMs, comments, and reviews via unified inbox' },
-  { name: '/zernio proposal',  desc: 'Client-ready proposal with platform mix and ROI projections' },
-  { name: '/zernio platforms', desc: 'Platform coverage report for client context' },
-  { name: '/zernio quick',     desc: '30-second campaign snapshot for a domain or brand' },
-];
-
-const STATUS = { pending: '⬜', busy: '🔵', ok: '✅', err: '❌' };
-
-export default function Agent() {
-  const { accounts, profile, showToast } = useApp();
-  const [json, setJson]         = useState('');
-  const [rows, setRows]         = useState([]);
-  const [running, setRunning]   = useState(false);
-
-  const context = `# Zernio Agent Context
-Profile ID : ${PROFILE_ID || '(not set)'}
-Profile    : ${profile?.name || '—'}
-Timezone   : ${profile?.timezone || 'America/New_York'}
-API Base   : https://zernio.com/api/v1
-
-## Connected Accounts
-${accounts.map(a => `- ${a.platform} | @${a.username} | accountId: ${a._id || a.accountId}`).join('\n') || '(none)'}
-
-## Usage
-Paste a /zernio schedule manifest below and click Submit to push each post to Zernio.
-Or run any /zernio command in Claude with this context block prepended.`;
-
-  const parse = () => {
-    try {
-      const parsed = JSON.parse(json);
-      const posts = parsed?.zernioSchedulingManifest?.posts
-        || parsed?.posts
-        || (Array.isArray(parsed) ? parsed : null);
-      if (!posts?.length) throw new Error('No posts array found. Expected { zernioSchedulingManifest: { posts: [...] } }');
-      return posts;
-    } catch (e) {
-      showToast(e.message, false);
-      return null;
-    }
-  };
-
-  const submit = async () => {
-    const posts = parse();
-    if (!posts) return;
-    setRows(posts.map(p => ({ id: p.clientPostId || p.id || Math.random(), label: (p.content || '').slice(0, 60) + '…', status: 'pending', msg: '' })));
-    setRunning(true);
-
-    for (let i = 0; i < posts.length; i++) {
-      const p = posts[i];
-      setRows(r => r.map((row, j) => j === i ? { ...row, status: 'busy' } : row));
-      try {
-        const ikey = p.clientPostId || `agent-${Date.now()}-${i}`;
-        const body = {
-          profileId: p.profileId || PROFILE_ID,
-          content:   p.content,
-          platforms: p.platforms,
-        };
-        if (p.scheduledFor) body.scheduledFor = p.scheduledFor;
-        if (p.queueId)      body.queueId      = p.queueId;
-        if (p.media?.length) body.media       = p.media;
-        if (p.timezone)     body.timezone     = p.timezone;
-
-        const res = await api.createPost(body, ikey);
-        const resId = res.id || res._id || 'ok';
-        setRows(r => r.map((row, j) => j === i ? { ...row, status: 'ok', msg: `ID: ${resId}` } : row));
-        await new Promise(res => setTimeout(res, 400));
-      } catch (e) {
-        setRows(r => r.map((row, j) => j === i ? { ...row, status: 'err', msg: e.message } : row));
-      }
-    }
-
-    setRunning(false);
-    showToast('Manifest submission complete');
-  };
-
-  const clear = () => { setJson(''); setRows([]); };
-
-  const okCount  = rows.filter(r => r.status === 'ok').length;
-  const errCount = rows.filter(r => r.status === 'err').length;
-
-  return (
-    <div className="agent-layout">
-      <div className="cmd-ref">
-        <div className="section-title mb16">Command Reference</div>
-        {COMMANDS.map(c => (
-          <div key={c.name} className="cmd-item">
-            <div className="cmd-name">{c.name}</div>
-            <div className="cmd-desc">{c.desc}</div>
-          </div>
-        ))}
-
-        <hr className="divider" />
-        <div className="section-title mb8">Agent Context Block</div>
-        <div style={{ fontSize: 11, color: 'var(--muted)', marginBottom: 8 }}>Prepend to any Claude prompt</div>
-        <div className="context-box">{context}</div>
-        <button
-          className="btn btn-ghost btn-sm mt8"
-          style={{ width: '100%' }}
-          onClick={() => { navigator.clipboard.writeText(context); showToast('Copied to clipboard ✓'); }}
-        >
-          Copy Context
-        </button>
-      </div>
-
-      <div className="manifest-panel">
-        <div className="card">
-          <div className="section-title mb12">Manifest Submitter</div>
-          <div style={{ fontSize: 12, color: 'var(--muted)', marginBottom: 10 }}>
-            Paste the JSON output from <span style={{ fontFamily: 'monospace', color: 'var(--accentl)' }}>/zernio schedule</span> and submit each post directly to the Zernio API.
-          </div>
-          <div className="field">
-            <label>Scheduling Manifest JSON</label>
-            <textarea
-              className="textarea"
-              style={{ minHeight: 200, fontFamily: 'monospace', fontSize: 12 }}
-              placeholder={'{\n  "zernioSchedulingManifest": {\n    "posts": [...]\n  }\n}'}
-              value={json}
-              onChange={e => setJson(e.target.value)}
-            />
-          </div>
-          <div className="row-end">
-            <button className="btn btn-ghost btn-sm" onClick={clear}>Clear</button>
-            <button className="btn btn-secondary btn-sm" onClick={() => { const p = parse(); if (p) showToast(`${p.length} post(s) parsed — ready to submit`); }}>
-              Validate
-            </button>
-            <button className="btn btn-primary" onClick={submit} disabled={running || !json.trim()}>
-              {running ? <><span className="spinner" style={{ marginRight: 7 }} />Submitting…</> : 'Submit Manifest'}
-            </button>
-          </div>
-        </div>
-
-        {rows.length > 0 && (
-          <div className="card">
-            <div className="row mb12" style={{ justifyContent: 'space-between' }}>
-              <div className="section-title" style={{ marginBottom: 0 }}>Submission Progress</div>
-              <div style={{ fontSize: 12, color: 'var(--muted)' }}>
-                {okCount}/{rows.length} ok {errCount > 0 && <span style={{ color: 'var(--redl)' }}>· {errCount} failed</span>}
-              </div>
-            </div>
-            <div className="manifest-status">
-              {rows.map((row, i) => (
-                <div key={i} className={`m-row ${row.status}`}>
-                  <span style={{ fontSize: 16 }}>{STATUS[row.status]}</span>
-                  <span className="flex1" style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                    {row.label}
-                  </span>
-                  {row.msg && <span style={{ fontSize: 11, opacity: 0.8 }}>{row.msg}</span>}
-                </div>
-              ))}
-            </div>
-          </div>
-        )}
-      </div>
-    </div>
-  );
-}

package/assets/worker-kits/growthub-zernio-social-v1/studio/src/views/Analytics.jsx

@@ -1,164 +0,0 @@
-import { useState } from 'react';
-import { api, PROFILE_ID } from '../api.js';
-import { useApp } from '../App.jsx';
-
-const today = () => new Date().toISOString().slice(0, 10);
-const daysAgo = (n) => new Date(Date.now() - n * 86400000).toISOString().slice(0, 10);
-
-function fmt(n) {
-  if (n === undefined || n === null) return '—';
-  if (n >= 1000000) return (n / 1000000).toFixed(1) + 'M';
-  if (n >= 1000) return (n / 1000).toFixed(1) + 'K';
-  return String(n);
-}
-
-function pct(n) {
-  if (n === undefined || n === null) return '—';
-  return (parseFloat(n) * (n <= 1 ? 100 : 1)).toFixed(2) + '%';
-}
-
-export default function Analytics() {
-  const { showToast } = useApp();
-  const [from, setFrom] = useState(daysAgo(30));
-  const [to, setTo]     = useState(today());
-  const [postData, setPostData]       = useState(null);
-  const [accountData, setAccountData] = useState(null);
-  const [loading, setLoading]         = useState(false);
-
-  const fetch = async () => {
-    if (!PROFILE_ID) { showToast('PROFILE_ID not set', false); return; }
-    setLoading(true);
-    setPostData(null);
-    setAccountData(null);
-    try {
-      const [posts, accounts] = await Promise.all([
-        api.getPostAnalytics(PROFILE_ID, from, to),
-        api.getAccountAnalytics(PROFILE_ID, from, to),
-      ]);
-      setPostData(posts);
-      setAccountData(accounts);
-    } catch (e) {
-      showToast(e.message, false);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const posts    = postData?.posts    || postData?.data    || [];
-  const accounts = accountData?.accounts || accountData?.data || [];
-
-  return (
-    <div>
-      <div className="card mb24">
-        <div className="row" style={{ flexWrap: 'wrap', gap: 12 }}>
-          <div className="field flex1" style={{ marginBottom: 0 }}>
-            <label>From</label>
-            <input className="input" type="date" value={from} onChange={e => setFrom(e.target.value)} />
-          </div>
-          <div className="field flex1" style={{ marginBottom: 0 }}>
-            <label>To</label>
-            <input className="input" type="date" value={to} onChange={e => setTo(e.target.value)} />
-          </div>
-          <div style={{ alignSelf: 'flex-end' }}>
-            <button className="btn btn-primary" onClick={fetch} disabled={loading}>
-              {loading ? <><span className="spinner" style={{ marginRight: 7 }} />Fetching…</> : 'Fetch Analytics'}
-            </button>
-          </div>
-          <div style={{ alignSelf: 'flex-end' }}>
-            <button className="btn btn-ghost btn-sm" onClick={() => { setFrom(daysAgo(7)); setTo(today()); }}>Last 7d</button>
-          </div>
-          <div style={{ alignSelf: 'flex-end' }}>
-            <button className="btn btn-ghost btn-sm" onClick={() => { setFrom(daysAgo(30)); setTo(today()); }}>Last 30d</button>
-          </div>
-        </div>
-      </div>
-
-      {!postData && !accountData && !loading && (
-        <div className="empty">
-          <div className="empty-icon">📊</div>
-          <div className="empty-msg">Select a date range and click Fetch Analytics.</div>
-        </div>
-      )}
-
-      {accountData && (
-        <div className="mb24">
-          <div className="section-title mb12">Account Summary</div>
-          <div className="table-wrap">
-            <table>
-              <thead>
-                <tr>
-                  <th>Platform</th>
-                  <th>Impressions</th>
-                  <th>Reach</th>
-                  <th>Engagement Rate</th>
-                  <th>Follower Growth</th>
-                  <th>Link Clicks</th>
-                </tr>
-              </thead>
-              <tbody>
-                {accounts.length ? accounts.map((a, i) => (
-                  <tr key={i}>
-                    <td style={{ textTransform: 'capitalize', fontWeight: 500 }}>{a.platform || a.accountId || '—'}</td>
-                    <td>{fmt(a.impressions)}</td>
-                    <td>{fmt(a.reach)}</td>
-                    <td>{pct(a.engagementRate)}</td>
-                    <td style={{ color: a.followerGrowth > 0 ? 'var(--greenl)' : 'inherit' }}>
-                      {a.followerGrowth !== undefined ? (a.followerGrowth > 0 ? '+' : '') + fmt(a.followerGrowth) : '—'}
-                    </td>
-                    <td>{fmt(a.linkClicks)}</td>
-                  </tr>
-                )) : (
-                  <tr><td colSpan={6} style={{ textAlign: 'center', color: 'var(--muted)', padding: 20 }}>No account data for this period.</td></tr>
-                )}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      )}
-
-      {postData && (
-        <div>
-          <div className="section-title mb12">Per-Post Performance</div>
-          <div className="table-wrap">
-            <table>
-              <thead>
-                <tr>
-                  <th>Post</th>
-                  <th>Platform</th>
-                  <th>Scheduled</th>
-                  <th>Impressions</th>
-                  <th>Reach</th>
-                  <th>Eng. Rate</th>
-                  <th>Likes</th>
-                  <th>Comments</th>
-                  <th>Shares</th>
-                </tr>
-              </thead>
-              <tbody>
-                {posts.length ? posts.map((p, i) => (
-                  <tr key={i}>
-                    <td style={{ maxWidth: 200, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
-                      {p.content?.slice(0, 60) || p.postId || '—'}
-                    </td>
-                    <td style={{ textTransform: 'capitalize' }}>{p.platform || '—'}</td>
-                    <td style={{ fontSize: 11, color: 'var(--muted)' }}>
-                      {p.scheduledFor ? new Date(p.scheduledFor).toLocaleDateString() : '—'}
-                    </td>
-                    <td>{fmt(p.impressions)}</td>
-                    <td>{fmt(p.reach)}</td>
-                    <td>{pct(p.engagementRate)}</td>
-                    <td>{fmt(p.likes)}</td>
-                    <td>{fmt(p.comments)}</td>
-                    <td>{fmt(p.shares)}</td>
-                  </tr>
-                )) : (
-                  <tr><td colSpan={9} style={{ textAlign: 'center', color: 'var(--muted)', padding: 20 }}>No post data for this period.</td></tr>
-                )}
-              </tbody>
-            </table>
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}