/* global React, INK, CREAM, PULSE, GENS, Sparkle, GradText, Reveal, useReveal, useCountUp, SectionHead, ControlPill, GenBtn, SectionShell, SB_EASE */ // § 05 Copilot · § 06 Scheduler const { useState: csS, useEffect: csE } = React; // ---------- § 05 — Copilot ---------- const Msg = ({ children, me = false, show, delay = 0, pad = true }) => (
{children}
); const CopilotSection = () => { const [ref, on] = useReveal(0.3); const [step, setStep] = csS(0); csE(() => { if (!on) return; const times = [400, 1300, 2300, 3400]; const ts = times.map((t, i) => setTimeout(() => setStep(i + 1), t)); return () => ts.forEach(clearTimeout); }, [on]); return (
✦ Copilot NEW Scarlett
= 1}>What's going viral right now? = 2}>Slow push-in reels are outperforming this week — up 3.1× for creators like you. Here's a brief: = 3} pad={false} delay={100}>
Golden hour · slow push-in
Backlit field, hair in the breeze, they turn to camera.
{['9:16', '5s', '1K'].map(c => ( {c} ))}
Option 1 / 3
= 4} delay={100}> Generated & scheduled — Fanvue, tomorrow 9:00 AM.
{['Create a photo for social', 'Find reels to clone', 'Plan my week'].map(q => ( {q} ))}
); }; // ---------- § 06 — Scheduler ---------- const SCHED_PLATS = [ { n: 'Instagram', c: '#E1306C', onn: true }, { n: 'TikTok', c: '#1C1B1B', onn: true }, { n: 'X', c: '#1C1B1B', onn: false }, { n: 'Fanvue', c: '#1FB85A', onn: true }, { n: 'Fansly', c: '#2699F7', onn: false }, ]; const KPI = ({ label, value, suffix = '', on, delay = 0 }) => { const v = useCountUp(value, on); return (
{label}
{v >= 1000000 ? (v / 1000000).toFixed(1) + 'M' : v >= 1000 ? (v / 1000).toFixed(v >= 100000 ? 0 : 1) + 'k' : v}{suffix}
); }; const SchedSection = () => { const [ref, on] = useReveal(0.3); return (
{/* composer — the real Create Post modal */}
Create Post
Post to
{[['Twitter/X', '#5B6470', false], ['Instagram', '#E1306C', true], ['Facebook', '#1877F2', false], ['TikTok', '#1C1B1B', false], ['Reddit', '#FF4500', false], ['Fanvue', '#1FB85A', false]].map(([n, c, on]) => ( {n} ))}
@sozee.ai
poolside, golden light, zero meetings. new set live now ↗
✦ Rewrite in my voice
Format {[['Photo', true], ['Carousel', false], ['Reel', false], ['Story', false]].map(([f, on]) => ( {f} ))}
Media ↑ Upload Browse Vault
poolside-set-04.png · from your Vault
Publishing at
7/28/2026, 01:17 PM
Discard Schedule Post
{/* mini calendar — posts schedule themselves */}
); }; // Mini calendar — mirrors the product's Scheduler month view; posts pop into slots on a loop const CAL_FILLS = [ // [cellIndex, slotIndex(0=1PM,1=5PM,2=9PM), GENS index] [1, 0, 5], [3, 1, 1], [5, 0, 7], [8, 2, 2], [10, 1, 3], [12, 0, 0], [6, 2, 8], [2, 1, 4], ]; const MiniCalendar = () => { const [filled, setFilled] = React.useState(0); React.useEffect(() => { const t = setInterval(() => setFilled(f => (f >= CAL_FILLS.length ? 0 : f + 1)), 900); return () => clearInterval(t); }, []); const SLOT_LABELS = ['01:00 PM', '05:00 PM', '09:00 PM']; return (
July 2026 Auto-publishing
{['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map(d => ( {d} ))}
{Array.from({ length: 14 }, (_, ci) => { const fillsHere = CAL_FILLS.map((f, oi) => ({ f, oi })).filter(({ f }) => f[0] === ci); return (
{ci + 5}
{SLOT_LABELS.map((sl, si) => { const hit = fillsHere.find(({ f }) => f[1] === si); const on = hit && hit.oi < filled; return (
{on ? ( {sl} ) : ( {sl} )}
); })}
); })}
{Math.min(filled, CAL_FILLS.length)} posts queued this week Month · Week · Day
); }; Object.assign(window, { CopilotSection, SchedSection });