@growthub/cli 0.3.58 → 0.3.60

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

@@ -0,0 +1,207 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1,167 @@
+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

@@ -0,0 +1,164 @@
+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>
+  );
+}