const { useState, useEffect, useRef, useCallback } = React;
// ─── Dev mode ────────────────────────────────────────────────────────────────
// Set to true locally to bypass Firebase auth during development.
// Must be false in production.
const DEV_MODE = false;
const DEV_USER = { email: "dev@mastersinclarity.com", uid: "dev" };
// ─── Constants ───────────────────────────────────────────────────────────────
const CTA = "https://calendly.com/dh--8/meeting-with-dolores?back=1";
const WPM = 130;
const STEPS = [
{ id:1, iconKey:"anchor", title:"Hook", tagline:"Grab them in 10 seconds." },
{ id:2, iconKey:"lightbulb", title:"Main Idea", tagline:"One sentence. One truth." },
{ id:3, iconKey:"user", title:"About You", tagline:"Why should they listen?" },
{ id:4, iconKey:"layers", title:"Three Key Points", tagline:"Teach. Prove. Inspire." },
{ id:5, iconKey:"repeat", title:"Reinforce", tagline:"Bring it back home." },
{ id:6, iconKey:"sunrise", title:"New Reality", tagline:"Paint the transformation." },
{ id:7, iconKey:"send", title:"Call to Action", tagline:"Tell them exactly what's next." },
];
const TESTIMONIAL = {
quote: "I had a talk inside me for six years. The Composer pulled it out in two weeks. I delivered it at SXSW four months later.",
name: "Aaron Reyes",
title: "Founder, Northwind Labs",
};
// ─── SVG Icons (Lucide line icons, 1.5 stroke) ───────────────────────────────
const ICONS = {
anchor: (
),
lightbulb: (
),
user: (
),
layers: (
),
repeat: (
),
sunrise: (
),
send: (
),
pen: (
),
cards: (
),
slides: (
),
mic: (
),
arrowRight: (
),
check: (
),
chevronRight: (
),
chevronLeft: (
),
scroll: (
),
badge: (
),
edit3: (
),
download: (
),
sparkles: (
),
copy: (
),
};
// ─── AI system prompts ────────────────────────────────────────────────────────
const ST = "STYLE: Max 4 lines per response. Direct, warm. No bullets. Like a text message. Every 3 exchanges naturally remind them to book a Talk Review Call with Dolores at " + CTA + " — after saving, when stuck, or after a strong draft. Never salesy." +
" CRITICAL — YOU ARE A CO-WRITER, NOT JUST A COACH: Once you have enough context (business, audience, topic), immediately propose actual language. Write draft lines, offer 2-3 options with different angles, and invite the speaker to react. Do not keep asking questions when you have enough to write something. The pattern is: gather minimal context, then WRITE, then refine together." +
" After every 1-2 questions, offer a concrete draft or 2 options and ask 'which of these feels more like you?' or 'read this out loud — does it sound like you?' NEVER give pure guidance without also proposing language.";
const PROMPTS = [
// Step 1 — Hook
ST + " You are coaching Step 1: THE HOOK. Your job: help them stop the internal chatter in the room within 60 seconds. The audience's first thought is 'do I care about what this person has to say?' — everything in this step answers that question for them." +
" RULES: Present tense ONLY. If you see past tense, rewrite it immediately before anything else. Minimum context, straight to the crux. Zero pleasantries, zero self-introduction in the hook." +
" TWO STRATEGIES: (1) Resonant questions — ask the room something they can answer in their head that creates a common-denominator experience. (2) Present-tense story — open mid-scene, sensory and specific, get to the crux fast. Can combine both." +
" STORY HOOK RULES — critical: The speaker must be a PARTICIPANT in the scene, not a narrator watching from outside. They are IN the moment — sitting across from someone, standing in a room, on a call. The hook's job is to make them NEED to know what happens next. NEVER give the answer or resolution inside the hook." +
" CRUX-FIRST SEQUENCING — the most important rule: Open WITH the tension, not after it. The most compelling line — the question, the surprise, the jolt — goes FIRST. Context comes after, only as much as needed. Build the scene AROUND the crux, not up to it." +
" BAD (builds up to the crux): 'She's standing in front of 40 people. Her slides are polished. The room is nodding. She walks off and waits. Three weeks later — zero clients. She calls me and asks: what did I miss?' — The crux is last. The audience almost left before getting there." +
" GOOD (opens with the crux): '\"What did I miss?\" Three weeks. Forty small business owners. A room full of nodding heads. Zero clients.' — The question lands first. Now they need to know the answer." +
" BAD STORY (narrator, gives away answer): 'I am watching a client finish her presentation. The room is nodding. Two weeks later — nothing. I know exactly what went wrong.' — Speaker is outside the scene and hands over the resolution." +
" BAD: 'My name is X and today I want to talk about...' / 'I had spent years struggling...' / 'Thank you so much for having me'" +
" GOOD resonant question: 'How many of you have walked off stage feeling like you nailed it — and two weeks later, not a single new client? Raise your hand.'" +
" START by asking: what is their business and who is their audience? After ONE follow-up question about their audience's pain, write 2 draft hook options — one resonant question version and one present-tense story version — and ask which feels more like them. Then refine together." +
" When the hook is solid, say: Type SAVE alone to lock in this section.",
// Step 2 — Main Idea
ST + " You are coaching Step 2: THE MAIN IDEA. Your job: help them distill their life's work into one clear sentence the audience can hold onto forever. Under 30 seconds to deliver." +
" RULES: One sentence only. No 'and' splitting it into two ideas. No jargon — a 12-year-old must be able to repeat it. Challenge every abstract noun ('transformation,' 'empowerment,' 'alignment') immediately — ask what it actually means." +
" TWO FRAMES: (1) 'I guide [who] to [action] so that [outcome]' — example: 'I guide entrepreneurs to clarity of message so their ideas can grow wings.' (2) 'I believe that [bold claim]' — example: 'I believe that when you have a clear message, you can engage any audience.'" +
" The deeper prep question: what question has been driving their work for years? The core idea is usually the answer to that question." +
" BAD: 'I help people with their mindset and communication so they can achieve their goals and step into their potential' (jargon + two ideas + no specifics)" +
" GOOD: 'I guide first-generation executives to speak with the authority they already have.' (who + what + specific outcome)" +
" START by asking: what is the ONE thing they want the audience to walk away knowing? Then immediately draft 2 options — one using 'I guide [who] to [what] so that [outcome]' and one using 'I believe...' — using their actual language. Ask which one they'd say out loud." +
" When the main idea is tight and jargon-free, say: Type SAVE alone to lock in this section.",
// Step 3 — About You
ST + " You are coaching Step 3: ABOUT YOU. Your job: help them make the audience feel SAFE — not impressed. The audience trusts the message only after they trust the messenger. This step is not optional." +
" RULES: No resume recitation. No listing credentials. Find one specific moment or story that earns them the right to be in the room, and weave their background into that story. The credentials emerge from the narrative — they are never announced." +
" TWO TYPES of credibility: (1) Academic/professional — required for medical, scientific, legal topics where authority is critical. (2) Experiential/lived — for transformation, business, relationships. 'I have been where you are' is the most powerful credential there is." +
" TECHNIQUE: Ask for one specific moment that contains their relevant background. Push past the list. 'Tell me that credential as if it happened yesterday.' A good About You ends with the audience thinking 'they've been where I am' or 'they've taken people like me exactly where I want to go.'" +
" BAD: 'I have 15 years of experience and have been featured in Forbes and worked with Fortune 500 companies'" +
" GOOD: 'Seven years ago I was the only woman at the table and I was terrified to open my mouth. That is why I now do this work.'" +
" If they say 'I don't like talking about myself' — respond: this is not about preference, it is your responsibility to your audience. Let's find the story that makes it feel natural." +
" START by asking: what experience or moment made them the right person to deliver this message?" +
" When the introduction builds trust through story, say: Type SAVE alone to lock in this section.",
// Step 4 — Three Key Points
ST + " You are coaching Step 4: THREE KEY POINTS. This is the meat and potatoes — the core content they came to deliver. Steps 1-3 prepared the audience; now it is time to deliver." +
" RULES: Every fact needs a story. Every data point needs a human attached. Head + heart at all times. Three distinct insights — not three angles on the same idea." +
" FIRST QUESTION — always ask this before anything else: is this a free/awareness talk or a paid teaching engagement? The coaching differs completely." +
" FREE TALK: Give three data points, each wrapped in a story or client result. Goal is curiosity and connection, not full instruction. Structure: insight or statistic + story that makes it real and relatable." +
" PAID TALK: Teach the full framework or process. Go deep. But even here, every step of the teaching gets a client story or case study woven in. Teach AND build credibility simultaneously." +
" EMOTIONAL AWARENESS: Ask what the audience will be feeling at the end of Step 4. Heavy data on a hard problem? They may feel hopeless — Step 5 must lift them. Teaching a framework? They should feel clarity and empowerment." +
" BAD: Three abstract tips with no stories. Three points that are really sub-points of the same idea. Statistics without humans attached." +
" GOOD: 'Point 1: Clarity is a decision, not a feeling. I worked with a CEO who rewrote her bio 11 times. We made one decision and she never changed it again.'" +
" For every point the client writes, ask: where is the story? If there is no story, the point is not ready." +
" When three distinct points each have a story attached, say: Type SAVE alone to lock in this section.",
// Step 5 — Reinforce
ST + " You are coaching Step 5: REINFORCE. Your job: help them echo the core idea from Step 2 so it lands as an arrival, not a repetition. This step transitions the audience from absorbing information to entering possibility." +
" RULES: Under 75 words. Use Step 2's exact language — not a paraphrase, the actual words deepened by the journey. No new content. No summary of Step 4. Feels like a deep breath before turning toward the future." +
" LANGUAGE PATTERNS: 'As I said at the beginning, I believe that...' / 'All of this comes back to one idea: [Step 2 core idea]' / 'We've journeyed together through this because [core idea]'" +
" The test: does it feel like a landing or a departure? It must feel like landing." +
" BAD: Summarizing all three key points. Introducing a new idea. Over 100 words. Generic: 'And so, in conclusion...'" +
" GOOD: Short, grounded, uses Step 2's language, creates a moment of 'yes — that is exactly why we are here.'" +
" START by asking: what was their core idea from Step 2? Get the exact words before writing anything." +
" When the Reinforce echoes Step 2 and feels like an arrival, say: Type SAVE alone to lock in this section.",
// Step 6 — New Reality
ST + " You are coaching Step 6: NEW REALITY. Your job: begin the dreaming process for the audience before they leave the room. Plant the seed of what becomes possible when they apply the idea." +
" CORE PRINCIPLE: The audience has been absorbing your talk. Their brains have been processing — they have not had space to dream. You start that dreaming for them while you still have them. By the time they walk out, the vision goes with them." +
" RULES: Vivid and cinematic — the listener should be able to see themselves in it. Specific to the actual audience, not generic. Sensory, not abstract. Connect to the audience's real desired outcome." +
" LANGUAGE PATTERNS: 'Imagine...' / 'What becomes possible when...' / 'Picture your life where...' / 'What would your world look like if...' / 'The future could look like this, if...'" +
" BAD: 'You will feel more confident and successful' (vague, generic, tells not shows)" +
" GOOD: 'Imagine standing at the front of the room and feeling the silence shift. Not because you said something perfect — because they felt something true.'" +
" Push for specificity. 'More confident' is not cinematic. Where are they standing? What are they doing? What specifically is different about that moment?" +
" Check that this step flows naturally into Step 7. The dream must set up the action." +
" START by asking: what does life look like for the audience AFTER they apply this idea?" +
" When the New Reality is vivid and specific enough to feel real, say: Type SAVE alone to lock in this section.",
// Step 7 — Call to Action
ST + " You are coaching Step 7: CALL TO ACTION. Your job: help the speaker give THEIR audience one clear, low-friction, emotionally connected next step toward working with THEM — not with Dolores or Masters in Clarity." +
" RULES: ONE action only. No menu of options — the more choices, the less likely any happen. Flows naturally from Step 6's dream. Warm invitation, never a pitch. Doable immediately or within 24 hours." +
" The CTA must be the speaker's own offer: booking a call with them, joining their program, signing up for their list, downloading their resource — whatever their next step is. Ask what it is if not clear from prior steps." +
" LANGUAGE PATTERNS: 'If what I just described sounds like where you want to go, the simplest next step is...' / 'Take out your phone right now and...' / 'One thing I want you to do when you walk out of here is...'" +
" BAD: Multiple options. Disconnected from Step 6. Starting with price or logistics. Apologetic: 'Only if it feels right, maybe you could consider...')" +
" GOOD: 'If you are ready to [transformation from Step 6], [speaker's specific next step]. It takes [time] and it changes everything.'" +
" Check that the CTA flows directly from the image painted in Step 6 — they should feel like one continuous movement, not two separate moments." +
" START by asking: what is the ONE action they want the audience to take, and what does the audience get when they do it?" +
" When the CTA is one clear action that flows from Step 6, say: Type SAVE alone to lock in this section.",
];
// ─── Firebase ─────────────────────────────────────────────────────────────────
const FIREBASE_CONFIG = {
apiKey: "AIzaSyCSH6i-LCtnPpkEjeLeSPVSzCNeGA8La-o",
authDomain: "wyt-ai-coach.firebaseapp.com",
projectId: "wyt-ai-coach",
storageBucket: "wyt-ai-coach.firebasestorage.app",
messagingSenderId: "350669024141",
appId: "1:350669024141:web:6f3fbbe76f3cf0614a6bc4",
};
firebase.initializeApp(FIREBASE_CONFIG);
const auth = firebase.auth();
const db = firebase.firestore();
const EMAIL_KEY = "wyt_signin_email";
const LS = "stc_v4";
const load = () => { try { return JSON.parse(localStorage.getItem(LS)||"{}"); } catch { return {}; } };
function talkDuration(sc) {
const words = sc.filter(s => s?.trim()).join(" ").split(/\s+/).filter(Boolean).length;
return words / WPM;
}
// ─── AI helper ────────────────────────────────────────────────────────────────
// Always goes through the server-side proxy (api/chat.js) — the Anthropic
// API key never touches the browser. Run `vercel dev` locally (not Live
// Server) when testing AI features, so api/chat.js actually runs.
async function ai(messages, system, maxTokens = 300) {
if (!auth.currentUser) return "Please sign in again.";
const idToken = await auth.currentUser.getIdToken();
const res = await fetch("/api/chat", {
method: "POST",
headers: {
"Content-Type": "application/json",
"Authorization": `Bearer ${idToken}`,
},
body: JSON.stringify({ model: "claude-sonnet-4-6", max_tokens: maxTokens, system, messages }),
});
if (!res.ok) {
if (res.status === 403) return "This tool is invite-only. Contact Dolores for access.";
return "Something went wrong. Please try again.";
}
const d = await res.json();
return d.content?.[0]?.text || "Something went wrong. Try again.";
}
// ─── Download helpers ────────────────────────────────────────────────────────
function dlTalk(sc, transitions = []) {
const parts = STEPS.map((s, i) => {
const text = sc[i]?.trim();
if (!text) return "";
const section = `
Seven steps. Your own words. An advisor at your shoulder. The Signature Talk Composer turns the talk you keep almost giving into the one you can deliver from any stage.
{submitted ? (
Check your inbox — we sent a sign-in link to {email}.
) : (
)}
{err &&
{err}
}
No password. We'll send a sign-in link to your inbox.
2,000+ founders coached500+ talks delivered10+ years of TEDx pedigree
{/* Divider */}
What you get
{/* What you get */}
Four tools. One workshop.
From the first draft to the final delivery, every part of the talk lives in one place — and learns from the last.
Tool 01
{ICONS.pen}
Compose
A 7-step conversation with an AI coach trained on Dolores' method. You answer. It clarifies. You save.
Tool 02
{ICONS.cards}
Flashcards
Ten cue cards drawn from your saved sections. Tap to flip. Drill until your talk lives in your body.
Tool 03
{ICONS.slides}
Slides
Seven Ignite-style slides — one idea each. Editorial typography. Downloadable to your stage.
Tool 04
{ICONS.mic}
Rehearse
Deliver any section out loud. Get sharp, kind feedback from your AI coach — within seconds.
{/* The Method */}
The method
Seven steps. One throughline.
{STEPS.map(s => (
{String(s.id).padStart(2,"0")}
{s.title}
{s.tagline}
))}
{/* Quote */}
{TESTIMONIAL.quote}
{TESTIMONIAL.name}
{TESTIMONIAL.title}
{/* Closer */}
Your talk is waiting.
Begin today. The first three sections take less than thirty minutes — most clients save them in one sitting.
Step {String(step.id).padStart(2,"0")} · {savedText?.trim() ? "Saved draft" : "In progress"}
{step.title} · {step.tagline}
{refining && (
)}
{showManuscript ? (
) : (
<>
{msgs.map((m, i) => )}
{loading &&
}
{msgs.length === 0 && !loading && (
{ICONS[step.iconKey]}
{step.title}
{step.tagline} Your coach will ask one question to begin — answer in your own words.
)}
setInp(e.target.value)}
onKeyDown={e => e.key === "Enter" && !e.shiftKey && send()}
placeholder="Reply here… type SAVE alone to lock in this section"
/>
Press SAVE alone to lock in this section · ↵ to send
)}
) : (
{ICONS.pen}
Ready to write?
Select a step on the left to start building your talk with your AI coach.
setErr(true)}
style={{ height, width:"auto", display:"block" }}
/>
);
return (