@weactive8/8contentpro 0.1.0

package/dist/ink/App.js

@@ -0,0 +1,733 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { homedir } from "node:os";
+import { join } from "node:path";
+import { mkdirSync } from "node:fs";
+import { exec } from "node:child_process";
+import { InputBox, Menu, Spinner, StatusBar, Header, Picker } from "./components.js";
+import { loadProfile, saveProfile, getAccount } from "../store.js";
+import { QUESTIONS, synthesizeProfile, summarizeAttachment, tuneSitemap, tunePersonas, tuneServices, tuneVoice } from "../onboarding/setup.js";
+import { isProfileComplete } from "../onboarding/schema.js";
+import { generateArticle, generateGuide, reviseArticle, AI_THRESHOLD, MAX_REVISES } from "../pipeline.js";
+import { ideate, targetedBrief } from "../plan/targeting.js";
+import { keywordContext, strikingDistanceFor, gscPropertyFor, gscRegister, gscVerify, GSC_SERVICE_ACCOUNT } from "../intel.js";
+import { createUploadSession, openBrowser, pollUploadStatus } from "../attach.js";
+import { checkForUpdate, versionLine } from "../update.js";
+import { BUILD } from "../build-info.js";
+import { loadTopics, addTopics, markUsed } from "../topics.js";
+import { loadBrand, saveBrand } from "../brand.js";
+import { buildBrand } from "../brandgen.js";
+const HINT_MENU = "↑↓ move · Enter select · Ctrl+C quit";
+const HINT_INPUT = "type your answer · Enter to submit · / for commands · Esc to go back";
+const HINT_SETUP = "type your answer + Enter · / for commands · Esc to go back";
+const HINT_WORK = "working… · Esc to interrupt";
+const COMMANDS = [
+    { name: "help", desc: "list commands" },
+    { name: "clear", desc: "clear the screen" },
+    { name: "attach", desc: "upload a file or screenshot" },
+    { name: "files", desc: "list attached files + URLs" },
+    { name: "back", desc: "previous question" },
+    { name: "restart", desc: "start setup over" },
+    { name: "menu", desc: "go to the main menu" },
+    { name: "version", desc: "show build version + check for updates" },
+    { name: "quit", desc: "exit 8ContentPro" },
+];
+const STAGE_LABEL = {
+    TOF: "Top of funnel — awareness",
+    MOF: "Middle of funnel — consideration",
+    BOF: "Bottom of funnel — decision",
+    auto: "Best fit (chosen for you)",
+};
+const stageLabel = (s) => (s ? STAGE_LABEL[s] ?? s : "");
+export function App() {
+    const app = useApp();
+    const [profile, setProfile] = useState(null);
+    const [brand, setBrand] = useState(() => loadBrand());
+    const [screen, setScreen] = useState({ name: "loading" });
+    const [log, setLog] = useState([]);
+    const [spin, setSpin] = useState(null);
+    const [badge, setBadge] = useState(`local (your Claude) · v${BUILD.version}`);
+    const [hint, setHint] = useState(HINT_MENU);
+    // Setup state
+    const [qi, setQi] = useState(0);
+    const [answers, setAnswers] = useState({});
+    const [attachSummaries, setAttachSummaries] = useState([]);
+    const [files, setFiles] = useState([]);
+    const [history, setHistory] = useState([]); // recall previous inputs with Up/Down
+    const attachCancel = useRef(false);
+    // Article draft state
+    const draft = useRef({});
+    // The last generated article's markdown, so "revise with feedback" edits it in place.
+    const lastMd = useRef(null);
+    // How many operator revises this article has had — capped (cost) at MAX_REVISES.
+    const reviseCount = useRef(0);
+    const abort = useRef(null);
+    const logId = useRef(0);
+    const addLog = (text) => setLog((l) => [...l, { id: logId.current++, text }]);
+    // Echo a decision into the history so it reads like a conversation: "Question ❯ Choice".
+    const echo = (question, choice) => addLog(`${question}  ❯ ${choice}`);
+    const workdir = join(homedir(), "8ContentPro", "drafts");
+    mkdirSync(workdir, { recursive: true });
+    // Key under which this operator's saved topics are filed (one profile per install).
+    const topicBrand = profile?.brand || profile?.site || "default";
+    async function refreshBadge(p) {
+        const acct = await getAccount();
+        const plan = acct ? `${acct.tier} · ${acct.remaining}/${acct.monthlyCredits} left` : "local (your Claude)";
+        setBadge(`${p?.brand ? p.brand + " · " : ""}${plan} · v${BUILD.version}`);
+    }
+    // Boot: load profile → setup or menu.
+    useEffect(() => {
+        (async () => {
+            addLog(versionLine(await checkForUpdate()));
+            const p = await loadProfile();
+            await refreshBadge(p);
+            if (p && isProfileComplete(p)) {
+                setProfile(p);
+                addLog(`Welcome back, ${p.brand}. Setup 100%.`);
+                setScreen({ name: "menu" });
+            }
+            else {
+                addLog("Welcome. Let's get you set up — a few quick questions (free until the last step).");
+                setScreen({ name: "setup" });
+            }
+        })();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // ---- SETUP ----
+    function submitSetup(raw) {
+        const v = raw.trim();
+        if (v)
+            setHistory((h) => (h[h.length - 1] === v ? h : [...h, v]));
+        const low = v.toLowerCase();
+        const q = QUESTIONS[qi];
+        if (low === "quit" || low === "exit")
+            return app.exit();
+        if (low === "restart") {
+            setAnswers({});
+            setQi(0);
+            addLog("Starting fresh.");
+            return;
+        }
+        if (low === "back") {
+            if (qi > 0)
+                setQi(qi - 1);
+            return;
+        }
+        if (low === "files") {
+            if (!files.length)
+                addLog("No files attached yet — type 'attach' to add one.");
+            else
+                files.forEach((f, i) => addLog(`  [${i + 1}] ${f.filename} → ${f.url}`));
+            return;
+        }
+        if (low === "attach" || low === "upload") {
+            setScreen({ name: "attaching", back: { name: "setup" } });
+            return;
+        }
+        if (!v && q.required) {
+            addLog(`This one's needed${q.hint ? ` — ${q.hint}` : ""}. (Or type 'back'.)`);
+            return;
+        }
+        if (v && q.validate) {
+            const err = q.validate(v);
+            if (err) {
+                addLog(err);
+                return;
+            }
+        }
+        const next = { ...answers, [q.key]: v };
+        setAnswers(next);
+        // Echo the answer but keep the history clean: collapse long pasted blobs (e.g. several
+        // upload URLs) to a short preview so the decision trail stays readable.
+        const shown = v.length > 88 ? v.slice(0, 88).replace(/\s+\S*$/, "") + " …" : v;
+        addLog(`[${qi + 1}/${QUESTIONS.length}] ${q.q}  ❯ ${shown || "(skipped)"}`);
+        if (qi + 1 >= QUESTIONS.length) {
+            setScreen({ name: "synth" });
+        }
+        else {
+            setQi(qi + 1);
+        }
+    }
+    // Slash-command handler (works from any input screen).
+    function runCommand(name) {
+        if (name !== "clear")
+            addLog(`› /${name}`); // echo so it's clear the command ran
+        switch (name) {
+            case "help":
+                addLog("Commands:  " + COMMANDS.map((c) => `/${c.name} (${c.desc})`).join("  ·  "));
+                break;
+            case "clear":
+                setLog([]);
+                break;
+            case "version":
+                checkForUpdate().then((i) => addLog(versionLine(i)));
+                break;
+            case "quit":
+                app.exit();
+                break;
+            case "attach":
+                setScreen({ name: "attaching", back: screen });
+                break;
+            case "files":
+                if (!files.length)
+                    addLog("No files attached yet — /attach to add one.");
+                else
+                    files.forEach((f, i) => addLog(`  [${i + 1}] ${f.filename} → ${f.url}`));
+                break;
+            case "back":
+                if (screen.name === "setup" && qi > 0)
+                    setQi(qi - 1);
+                else if (profile)
+                    setScreen({ name: "menu" });
+                break;
+            case "restart":
+                if (screen.name === "setup") {
+                    setAnswers({});
+                    setQi(0);
+                    addLog("Starting fresh.");
+                }
+                break;
+            case "menu":
+                if (profile)
+                    setScreen({ name: "menu" });
+                else
+                    addLog("Finish setup first.");
+                break;
+            default:
+                addLog(`Unknown command: /${name}. Type /help.`);
+        }
+    }
+    // ---- SYNTH ----
+    useEffect(() => {
+        if (screen.name !== "synth")
+            return;
+        setSpin({ label: "Building your profile…", tokens: 0 });
+        (async () => {
+            try {
+                const p = await synthesizeProfile(answers, attachSummaries, addLog);
+                await saveProfile(p);
+                setProfile(p);
+                await refreshBadge(p);
+                setSpin(null);
+                addLog(`You're configured. ${p.personas.length} personas · ${p.sitePages?.length ?? 0} pages learned.`);
+                setScreen({ name: "menu" });
+            }
+            catch (e) {
+                setSpin(null);
+                addLog(`Setup failed: ${e.message}`);
+                setScreen({ name: "setup" });
+            }
+        })();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [screen.name]);
+    // ---- ATTACHING (upload wait, Ink-native) ----
+    useEffect(() => {
+        if (screen.name !== "attaching")
+            return;
+        const back = screen.back;
+        let stop = false;
+        attachCancel.current = false;
+        setSpin({ label: "Waiting for your upload in the browser… (Esc to cancel)", tokens: 0 });
+        (async () => {
+            const session = await createUploadSession();
+            if (!session) {
+                setSpin(null);
+                addLog("Couldn't reach the upload service — continuing without an attachment.");
+                setScreen(back);
+                return;
+            }
+            addLog(`Opening your browser: ${session.uploadUrl}`);
+            addLog("Paste screenshots (⌘V), drag files in, or choose them — add as many as you like, then Done.");
+            openBrowser(session.uploadUrl);
+            const deadline = Date.now() + 300_000;
+            while (!stop && !attachCancel.current && Date.now() < deadline) {
+                await new Promise((r) => setTimeout(r, 2000));
+                if (attachCancel.current) {
+                    setSpin(null);
+                    addLog("Cancelled — continuing without an attachment.");
+                    setScreen(back);
+                    return;
+                }
+                const { done, files: got } = await pollUploadStatus(session.statusUrl);
+                if (got.length)
+                    setSpin({ label: `${got.length} file(s) uploaded — click Done when finished`, tokens: 0 });
+                if (done) {
+                    setSpin(null);
+                    for (const f of got) {
+                        setSpin({ label: `Reading "${f.filename}"…`, tokens: 0 });
+                        const summary = await summarizeAttachment(f.fileUrl);
+                        addLog(`Got it — I read "${f.filename}": ${summary}`);
+                        addLog(`  URL (reference it in any answer): ${f.fileUrl}`);
+                        setAttachSummaries((a) => [...a, `${f.filename}: ${summary}`]);
+                        setFiles((a) => [...a, { filename: f.filename, url: f.fileUrl }]);
+                    }
+                    setSpin(null);
+                    setScreen(back);
+                    return;
+                }
+            }
+            setSpin(null);
+            if (!stop)
+                addLog("No files uploaded (timed out). Continuing.");
+            setScreen(back);
+        })();
+        return () => {
+            stop = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [screen.name]);
+    // ---- WHITE-LABEL: read the logo, redraw it as an ASCII mark ----
+    useEffect(() => {
+        if (screen.name !== "brand-gen")
+            return;
+        const { company, logo } = screen;
+        setSpin({ label: "Reading your logo and redrawing your mark…", tokens: 0 });
+        (async () => {
+            try {
+                const b = await buildBrand(company, logo);
+                saveBrand(b);
+                setBrand(b);
+                setSpin(null);
+                addLog(`Branding set — welcome, ${company} Content Pro. Your mark now shows in the splash (engine stays 8ContentPro).`);
+                setScreen({ name: "menu" });
+            }
+            catch (e) {
+                setSpin(null);
+                addLog(`Couldn't read that logo: ${e.message}`);
+                setScreen({ name: "menu" });
+            }
+        })();
+    }, [screen.name]);
+    // ---- IDEAS (research) ----
+    useEffect(() => {
+        if (screen.name !== "art-ideas")
+            return;
+        const { kind, persona, regen } = screen;
+        // regen=false → just open the existing queue (no tokens spent). regen=true → research
+        // a fresh batch and append it. Browsing your saved topics must never cost a generation.
+        setSpin({ label: regen ? "Researching live trends + your keyword data…" : "Opening your topic queue…", tokens: 0 });
+        (async () => {
+            try {
+                if (regen) {
+                    const fresh = await ideate(profile ?? undefined, undefined, (l) => setSpin((s) => (s ? { ...s, label: l.slice(0, 60) } : s)), (n) => setSpin((s) => (s ? { ...s, tokens: n } : s)), { type: kind, persona });
+                    // Persist the new ideas (deduped) so they survive across sessions.
+                    if (fresh.length)
+                        addTopics(topicBrand, fresh.map((f) => ({ title: f.title, angle: f.angle, whyNow: f.whyNow, funnelStage: f.funnelStage, category: f.category || "General" })));
+                    if (fresh.length)
+                        addLog(`Added ${fresh.length} fresh idea${fresh.length > 1 ? "s" : ""} to your queue.`);
+                }
+                const saved = loadTopics(topicBrand);
+                const prop = gscPropertyFor(profile?.site);
+                const quickWins = prop ? await strikingDistanceFor(prop) : [];
+                setSpin(null);
+                if (!saved.length && !quickWins.length) {
+                    addLog("No saved topics yet — research some or type your own.");
+                    setScreen({ name: "art-topic" });
+                }
+                else {
+                    if (quickWins.length)
+                        addLog("Quick wins = search terms you already rank on page 2 for. One strong article can push them onto page 1.");
+                    setScreen({ name: "art-pick", saved, quickWins });
+                }
+            }
+            catch (e) {
+                setSpin(null);
+                addLog(`Ideation failed: ${e.message}`);
+                setScreen({ name: "menu" });
+            }
+        })();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [screen.name]);
+    // ---- WORKING (article/asset generate, interruptible) ----
+    useEffect(() => {
+        if (screen.name !== "working")
+            return;
+        const label = screen.label;
+        const controller = new AbortController();
+        abort.current = controller;
+        setSpin({ label, tokens: 0 });
+        (async () => {
+            try {
+                if (label === "revise") {
+                    const { docxPath, md } = await reviseArticle(lastMd.current ?? "", screen.feedback ?? "", {
+                        workdir,
+                        profile: profile ?? undefined,
+                        abortController: controller,
+                        onProgress: (l) => setSpin((s) => (s ? { ...s, label: l.slice(0, 60) } : s)),
+                        onResult: (b) => addLog(b),
+                    });
+                    lastMd.current = md;
+                    reviseCount.current += 1;
+                    setSpin(null);
+                    exec(`open -R "${docxPath}"`, () => { });
+                    setScreen({ name: "done", msg: `Revised → ${docxPath}`, canRevise: true });
+                }
+                else if (label === "article") {
+                    const brief = targetedBrief(profile ?? undefined, { idea: draft.current.idea, stage: draft.current.stage === "auto" ? undefined : draft.current.stage, feature: draft.current.feature });
+                    const kw = await keywordContext(draft.current.idea);
+                    const { docxPath, md } = await generateArticle(brief + kw, {
+                        workdir,
+                        profile: profile ?? undefined,
+                        abortController: controller,
+                        onProgress: (l) => setSpin((s) => (s ? { ...s, label: l.slice(0, 60) } : s)),
+                        onResult: (b) => addLog(b),
+                        onTokens: (n) => setSpin((s) => (s ? { ...s, tokens: n } : s)),
+                    });
+                    lastMd.current = md;
+                    reviseCount.current = 0; // fresh article — reset the revise budget
+                    setSpin(null);
+                    exec(`open -R "${docxPath}"`, () => { }); // reveal the file in Finder
+                    setScreen({ name: "done", msg: `Saved to ${docxPath}`, canRevise: true });
+                }
+                else {
+                    const brief = `Create a downloadable RESOURCE GUIDE / EBOOK (a gated lead magnet)${profile?.brand ? ` for ${profile.brand}` : ""} on: ${draft.current.idea}. ~1500-2500 words, H1 title, framework sections, checklists, callouts, no em-dashes. Markdown only.`;
+                    const { pdfPath } = await generateGuide(brief, {
+                        workdir,
+                        profile: profile ?? undefined,
+                        abortController: controller,
+                        onProgress: (l) => setSpin((s) => (s ? { ...s, label: l.slice(0, 60) } : s)),
+                        onResult: (b) => addLog(b),
+                        onTokens: (n) => setSpin((s) => (s ? { ...s, tokens: n } : s)),
+                    });
+                    setSpin(null);
+                    exec(`open -R "${pdfPath}"`, () => { });
+                    setScreen({ name: "done", msg: `Saved to ${pdfPath}` });
+                }
+            }
+            catch (e) {
+                setSpin(null);
+                const aborted = e.name === "AbortError" || controller.signal.aborted;
+                addLog(aborted ? "Interrupted — nothing saved for that run." : `Generation failed: ${e.message}`);
+                setScreen({ name: "menu" });
+            }
+            finally {
+                abort.current = null;
+            }
+        })();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [screen.name]);
+    // Esc interrupts an in-flight generation, or cancels the attach wait.
+    useInput((_input, key) => {
+        if (!key.escape)
+            return;
+        if (screen.name === "working" && abort.current) {
+            abort.current.abort();
+            addLog("Interrupting…");
+        }
+        else if (screen.name === "attaching") {
+            attachCancel.current = true;
+        }
+    });
+    // Keep the status hint in sync with the screen.
+    useEffect(() => {
+        if (screen.name === "setup")
+            setHint(HINT_SETUP);
+        else if (["working", "synth", "art-ideas", "attaching", "brand-gen"].includes(screen.name))
+            setHint(HINT_WORK);
+        else if (["art-topic", "asset-topic"].includes(screen.name))
+            setHint(HINT_INPUT);
+        else
+            setHint(HINT_MENU);
+    }, [screen.name]);
+    // ---- RETUNE / GSC helpers ----
+    async function runTune(what) {
+        setScreen({ name: "working", label: "tune" }); // reuse the spinner shell
+        setSpin({ label: "Updating…", tokens: 0 });
+        try {
+            let p = profile;
+            if (what === "sitemap")
+                p = await tuneSitemap(p, addLog);
+            else if (what === "personas")
+                p = await tunePersonas(p, addLog);
+            else if (what === "services")
+                p = await tuneServices(p, addLog);
+            else if (what === "voice")
+                p = await tuneVoice(p);
+            await saveProfile(p);
+            setProfile(p);
+            addLog("Saved.");
+        }
+        catch (e) {
+            addLog(`Couldn't update: ${e.message}`);
+        }
+        setSpin(null);
+        setScreen({ name: "menu" });
+    }
+    // ---- RENDER ----
+    const interactive = () => {
+        if (spin)
+            return _jsx(Spinner, { message: spin.label, tokens: spin.tokens });
+        switch (screen.name) {
+            case "setup": {
+                const q = QUESTIONS[qi];
+                return _jsx(InputBox, { label: `[${qi + 1}/${QUESTIONS.length}] ${q.q}`, initial: answers[q.key] ?? "", history: history, commands: COMMANDS, onCommand: runCommand, onSubmit: submitSetup }, `q${qi}`);
+            }
+            case "menu": {
+                const items = [
+                    { label: "Write a blog article", value: "article" },
+                    { label: "Create a gated asset (ebook / guide)", value: "asset" },
+                    { label: "Retune my setup", value: "tune" },
+                    { label: "Connect Google Search Console", value: "gsc" },
+                    { label: "White-label branding (your logo + name)", value: "brand" },
+                    { label: "Exit", value: "exit" },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "What would you like to do?" }), _jsx(Menu, { items: items, onSelect: (v) => {
+                                echo("What would you like to do?", items.find((i) => i.value === v).label);
+                                if (v === "article")
+                                    setScreen({ name: "art-topic" });
+                                else if (v === "asset")
+                                    setScreen({ name: "asset-topic" });
+                                else if (v === "tune")
+                                    setScreen({ name: "tune" });
+                                else if (v === "gsc")
+                                    setScreen({ name: "gsc" });
+                                else if (v === "brand")
+                                    setScreen({ name: "brand-name" });
+                                else
+                                    app.exit();
+                            } })] }));
+            }
+            case "art-topic":
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "New article \u2014 what should it be about?" }), _jsx(Text, { dimColor: true, children: "Type a topic in a few words. Or press Enter (or type \"ideas\") to let 8ContentPro research fresh, on-brand ideas for you." }), _jsx(InputBox, { placeholder: "e.g. legal billing automation  \u2014  or 'ideas'", history: history, commands: COMMANDS, onCommand: runCommand, onSubmit: (t) => {
+                                const v = t.trim();
+                                if (v.toLowerCase() === "ideas" || v === "") {
+                                    // If a queue already exists, open it (no tokens); else research a first batch.
+                                    if (loadTopics(topicBrand).length) {
+                                        echo("New article", "Browse my saved topics");
+                                        setScreen({ name: "art-ideas", regen: false });
+                                    }
+                                    else {
+                                        echo("New article", "Research ideas for me");
+                                        setScreen({ name: "art-kind" });
+                                    }
+                                }
+                                else {
+                                    echo("New article — topic", v);
+                                    draft.current.idea = v;
+                                    setScreen({ name: "art-funnel", idea: v });
+                                }
+                            }, onCancel: () => setScreen({ name: "menu" }) })] }));
+            case "art-kind": {
+                const items = [
+                    { label: "A mix (one of each type)", value: "mix" },
+                    { label: "Thought leadership / contrarian POV", value: "thought-leadership" },
+                    { label: "Educational how-to / evergreen", value: "how-to" },
+                    { label: "Timely / news reaction", value: "timely" },
+                    { label: "Comparison / buyer-decision", value: "comparison" },
+                    { label: "Data / research-driven", value: "data" },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "What kind of ideas should I research?" }), _jsx(Text, { dimColor: true, children: "This shapes the angle of the topics I bring back. Pick a mix if you're not sure." }), _jsx(Menu, { items: items, onSelect: (v) => {
+                                echo("Idea style", items.find((i) => i.value === v).label);
+                                setScreen({ name: "art-persona", kind: v });
+                            } })] }));
+            }
+            case "art-persona": {
+                const s = screen;
+                const items = [{ label: "Spread across all", value: "__all" }, ...(profile?.personas.map((p) => ({ label: `${p.name} (${p.role})`, value: p.name })) ?? [])];
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Who should these ideas speak to?" }), _jsx(Text, { dimColor: true, children: "The buyer the article targets. \"Spread across all\" mixes ideas for every persona you set up." }), _jsx(Menu, { items: items, onSelect: (v) => {
+                                echo("Audience", items.find((i) => i.value === v).label);
+                                setScreen({ name: "art-ideas", kind: s.kind, persona: v === "__all" ? undefined : v, regen: true });
+                            } })] }));
+            }
+            case "art-pick": {
+                const s = screen;
+                const MORE = "__more__";
+                const rows = [];
+                // Saved topics, grouped by category (a category header per bucket). Used ones show
+                // struck through with a ✓ but stay selectable. Newest categories first.
+                const byCat = new Map();
+                for (const t of s.saved) {
+                    const c = t.category || "General";
+                    if (!byCat.has(c))
+                        byCat.set(c, []);
+                    byCat.get(c).push(t);
+                }
+                for (const [cat, topics] of byCat) {
+                    const openCount = topics.filter((t) => !t.used).length;
+                    rows.push({ type: "header", label: `${cat.toUpperCase()}  (${openCount} new · ${topics.length} total)` });
+                    rows.push(...topics.map((t) => ({
+                        type: "item",
+                        title: t.title,
+                        desc: t.angle,
+                        value: `${t.title} — ${t.angle}`,
+                        badge: t.used ? "used" : t.funnelStage ?? "Idea",
+                        badgeColor: t.used ? "gray" : "magenta",
+                        used: t.used,
+                    })));
+                }
+                if (s.quickWins.length) {
+                    rows.push({ type: "header", label: "QUICK WINS  (rank page 2 now · one strong piece → page 1)" });
+                    rows.push(...s.quickWins.slice(0, 4).map((q) => ({
+                        type: "item",
+                        title: `"${q.query}"`,
+                        desc: `Currently #${Math.round(q.position)}, ${q.impressions} monthly impressions.`,
+                        value: `${q.query} — a quick-win piece: this brand already ranks ~#${Math.round(q.position)} for this on page 2 with real impressions; write the definitive article to push it onto page 1`,
+                        badge: "Quick win",
+                        badgeColor: "green",
+                    })));
+                }
+                // Always offer a "generate more" action at the bottom — adds fresh ideas without
+                // losing the saved ones.
+                rows.push({ type: "header", label: "MORE" });
+                rows.push({ type: "item", title: "✨ Generate more ideas", desc: "Research fresh angles and add them to your queue — your existing topics stay.", value: MORE, badge: "action", badgeColor: "cyan" });
+                const usedCount = s.saved.filter((t) => t.used).length;
+                const summary = s.saved.length ? `Your topic queue — ${s.saved.length} saved · ${usedCount} used (struck through) · ${s.saved.length - usedCount} open` : "Your topic queue";
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Pick what to write about:" }), _jsx(Text, { dimColor: true, children: summary }), _jsx(Text, { dimColor: true, children: "\u2191\u2193 move \u00B7 Enter to write this one. Struck-through = already used. Each idea's funnel stage is the tag." }), _jsx(Picker, { rows: rows, onSelect: (v) => {
+                                if (v === MORE) {
+                                    // Pick a style/audience for the fresh batch, then research + append.
+                                    setScreen({ name: "art-kind" });
+                                    return;
+                                }
+                                draft.current.idea = v;
+                                const picked = s.saved.find((t) => `${t.title} — ${t.angle}` === v);
+                                if (picked)
+                                    markUsed(topicBrand, picked.title); // strike it through next time
+                                const stage = picked?.funnelStage;
+                                if (stage) {
+                                    // A trend idea already carries its funnel stage (the [MOF] tag) — don't ask again.
+                                    draft.current.stage = stage;
+                                    echo("Writing", picked.title);
+                                    addLog(`Angle: ${stageLabel(stage)} · already set by this idea`);
+                                    if (profile?.services?.length)
+                                        setScreen({ name: "art-feature", idea: v, stage });
+                                    else
+                                        setScreen({ name: "working", label: "article" });
+                                }
+                                else {
+                                    // A quick-win or free-text topic has no stage yet — ask the angle next.
+                                    echo("Writing", v.split(" — ")[0]);
+                                    setScreen({ name: "art-funnel", idea: v });
+                                }
+                            }, onCancel: () => setScreen({ name: "menu" }) })] }));
+            }
+            case "art-funnel": {
+                const s = screen;
+                const items = [
+                    { label: "Let 8ContentPro pick the best fit (recommended)", value: "auto" },
+                    { label: "Awareness — explain the problem (top of funnel)", value: "TOF" },
+                    { label: "Consideration — compare the options (middle)", value: "MOF" },
+                    { label: "Decision — make the case to buy (bottom)", value: "BOF" },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "What angle should this article take?" }), _jsx(Text, { dimColor: true, children: "How ready-to-buy the reader is. It sets how much the piece educates vs. sells." }), _jsx(Menu, { items: items, onSelect: (v) => {
+                                echo("Angle", items.find((i) => i.value === v).label);
+                                draft.current.stage = v;
+                                if (profile?.services?.length)
+                                    setScreen({ name: "art-feature", idea: s.idea, stage: v });
+                                else
+                                    setScreen({ name: "working", label: "article" });
+                            } })] }));
+            }
+            case "art-feature": {
+                const items = [{ label: "Let 8ContentPro decide (recommended)", value: "__none" }, ...(profile?.services.map((s) => ({ label: s.name, value: s.name })) ?? [])];
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Feature one of your products or services?" }), _jsx(Text, { dimColor: true, children: "The article can naturally lead toward one offering with an internal link. Or let it choose based on the topic." }), _jsx(Menu, { items: items, onSelect: (v) => {
+                                echo("Feature", v === "__none" ? "Let it decide" : v);
+                                draft.current.feature = v === "__none" ? undefined : v;
+                                setScreen({ name: "working", label: "article" });
+                            } })] }));
+            }
+            case "asset-topic":
+                return (_jsx(InputBox, { label: "What should the resource guide / ebook be about?", history: history, commands: COMMANDS, onCommand: runCommand, onSubmit: (t) => {
+                        const v = t.trim();
+                        if (!v)
+                            return setScreen({ name: "menu" });
+                        draft.current.idea = v;
+                        setScreen({ name: "working", label: "asset" });
+                    }, onCancel: () => setScreen({ name: "menu" }) }));
+            case "tune": {
+                const items = [
+                    { label: "Everything (re-run full setup — re-crawls your guides + pages)", value: "all" },
+                    { label: "Website pages (re-crawl sitemap)", value: "sitemap" },
+                    { label: "Personas", value: "personas" },
+                    { label: "Services / products", value: "services" },
+                    { label: "Brand voice", value: "voice" },
+                    { label: "Back", value: "back" },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Retune your setup \u2014 what do you want to update?" }), _jsx(Text, { dimColor: true, children: "Change one thing without redoing the whole onboarding. Your other settings stay as they are." }), _jsx(Menu, { items: items, onSelect: (v) => {
+                                if (v !== "back")
+                                    echo("Retune", items.find((i) => i.value === v).label);
+                                if (v === "back")
+                                    setScreen({ name: "menu" });
+                                else if (v === "all") {
+                                    // Pre-fill from the current profile so they can Enter through and just
+                                    // update what changed (e.g. give the root /resources/ URL at 7/7).
+                                    setAnswers({
+                                        brand: profile?.brand ?? "",
+                                        site: profile?.site ?? "",
+                                        summary: profile?.summary ?? "",
+                                        buyers: profile?.personas.map((p) => `${p.name} (${p.role})`).join("; ") ?? "",
+                                        services: profile?.services.map((s) => s.name).join(", ") ?? "",
+                                        voice: profile?.voice ?? "",
+                                        assets: profile?.assets?.[0]?.url ?? "",
+                                        competitors: profile?.competitors?.join(", ") ?? "",
+                                    });
+                                    setQi(0);
+                                    setScreen({ name: "setup" });
+                                }
+                                else
+                                    runTune(v);
+                            } })] }));
+            }
+            case "gsc": {
+                const prop = gscPropertyFor(profile?.site);
+                return (_jsx(InputBox, { label: `Add ${GSC_SERVICE_ACCOUNT} as a Restricted user in your Search Console, then confirm your property:`, initial: prop, onSubmit: async (p) => {
+                        const property = p.trim();
+                        if (!property)
+                            return setScreen({ name: "menu" });
+                        setScreen({ name: "working", label: "tune" });
+                        setSpin({ label: "Verifying Search Console access…", tokens: 0 });
+                        await gscRegister(property, profile?.brand);
+                        const v = await gscVerify(property);
+                        setSpin(null);
+                        addLog(v?.verified ? `Connected — I can see ${property}. Quick-wins will use your real rankings.` : "Not visible yet — give Google a minute after adding the user, then retry.");
+                        setScreen({ name: "menu" });
+                    }, onCancel: () => setScreen({ name: "menu" }) }));
+            }
+            case "brand-name":
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "White-label this install \u2014 your company name" }), _jsxs(Text, { dimColor: true, children: ["It becomes \"", "{Company}", " Content Pro\" in the splash. The engine name (8ContentPro) always stays \u2014 it's the model, like Claude's."] }), _jsx(InputBox, { initial: brand.companyName ?? "", placeholder: "e.g. ProfitSolv", onSubmit: (t) => {
+                                const v = t.trim();
+                                if (!v)
+                                    return setScreen({ name: "menu" });
+                                echo("Company name", v);
+                                setScreen({ name: "brand-logo", company: v });
+                            }, onCancel: () => setScreen({ name: "menu" }) })] }));
+            case "brand-logo": {
+                const s = screen;
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "Your logo \u2014 so I can redraw your mark in the splash" }), _jsx(Text, { dimColor: true, children: "Drag your logo file into the terminal (or paste its path). Just the icon/symbol works best \u2014 I'll redraw it as an ASCII mark in your brand color, the way our \"8\" is drawn." }), _jsx(InputBox, { placeholder: "/path/to/logo.png", onSubmit: (t) => {
+                                const v = t.trim().replace(/^['"]|['"]$/g, "");
+                                if (!v)
+                                    return setScreen({ name: "menu" });
+                                echo("Logo", v);
+                                setScreen({ name: "brand-gen", company: s.company, logo: v });
+                            }, onCancel: () => setScreen({ name: "menu" }) })] }));
+            }
+            case "done": {
+                const revisesLeft = MAX_REVISES - reviseCount.current;
+                const canRevise = Boolean(screen.canRevise && lastMd.current && revisesLeft > 0);
+                const items = canRevise
+                    ? [
+                        { label: `Revise it — give feedback (${revisesLeft} left)`, value: "revise" },
+                        { label: "Back to menu", value: "menu" },
+                    ]
+                    : [{ label: "Back to menu", value: "menu" }];
+                const exhausted = Boolean(screen.canRevise && lastMd.current && revisesLeft <= 0);
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", children: ["\u2713 ", screen.msg] }), canRevise ? _jsx(Text, { dimColor: true, children: "Not quite right? Tell it what to change (e.g. \"punchier intro, drop the section on X, add a real example\") \u2014 it edits this same piece." }) : null, exhausted ? _jsxs(Text, { dimColor: true, children: ["You've used all ", MAX_REVISES, " revises for this article \u2014 edit it directly in Word from here, or write a new one."] }) : null, _jsx(Menu, { items: items, onSelect: (v) => {
+                                echo(canRevise ? "This article" : "Done", items.find((i) => i.value === v).label);
+                                setScreen(v === "revise" ? { name: "revise-input" } : { name: "menu" });
+                            } })] }));
+            }
+            case "revise-input":
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, children: "What should I change about this article?" }), _jsxs(Text, { dimColor: true, children: ["Say it in your own words \u2014 as much detail as you like. It edits the existing draft (not a rewrite) and re-checks it stays under ", AI_THRESHOLD, "% AI."] }), _jsx(InputBox, { placeholder: "e.g. saw the intro is slow \u2014 make it punchier, and add a concrete law-firm example in the middle", history: history, commands: COMMANDS, onCommand: runCommand, onSubmit: (t) => {
+                                const v = t.trim();
+                                if (!v)
+                                    return setScreen({ name: "done", msg: "No changes made.", canRevise: true });
+                                echo("Revise", v);
+                                setScreen({ name: "working", label: "revise", feedback: v });
+                            }, onCancel: () => setScreen({ name: "done", msg: "No changes made.", canRevise: true }) })] }));
+            default:
+                return _jsx(Text, { dimColor: true, children: "\u2026" });
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { brand: brand }), _jsx(Box, { flexDirection: "column", children: log.map((item) => (_jsxs(Text, { children: ["\u258E ", item.text] }, item.id))) }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: interactive() }), _jsx(StatusBar, { hint: hint, badge: badge })] }));
+}
+//# sourceMappingURL=App.js.map