// "The Week" — single canonical Mon→Fri rhythm section. // Owns both the data (deck cards) AND the qualitative story (per-day body). // In leader view, also embeds a Portfolio rollup (the "leadership extra"). const { useEffect: useEffectB, useState: useStateB, useRef: useRefB } = React; // Leadership-only rollup — shows every AM with their key portfolio stats. // Renders inline at the bottom of MondayBrief when audience === 'leader'. function PortfolioView(){ const ams = [ { id:'MC', name:'M. Chen', accounts: 8, open:'$1.2M', won:'+$340k', health:78 }, { id:'JP', name:'J. Patel', accounts: 6, open:'$890k', won:'+$182k', health:84 }, { id:'RO', name:'R. Okafor', accounts: 5, open:'$620k', won:'+$98k', health:62 }, { id:'AP', name:'A. Park', accounts: 7, open:'$1.0M', won:'+$210k', health:91 }, ]; const tone = (h)=> h>80 ? 'var(--lime)' : h>65 ? 'var(--amber)' : 'var(--rose)'; return (
INSIDE THE LEADER BRIEF · ONE BLOCK OPEN FULL BRIEF →

ALL YOUR AMs.{' '} one view.

One of the sections inside every Monday and Friday brief sent to leadership — alongside the week's ranked priorities.

{/* Header row */}
AM ACCOUNTS OPEN THIS WK HEALTH
{ams.map((a,i)=>(
{a.id} {a.name} {a.accounts} {a.open} {a.won} {a.health}
))}
NET Portfolio health 79. R. Okafor's queue is the only one trending down — pair-handoff support recommended this week.
); } function useInView(threshold=0.25){ const ref = useRefB(null); const [seen, setSeen] = useStateB(false); useEffectB(()=>{ const el = ref.current; if (!el) return; const io = new IntersectionObserver(([e])=>{ if (e.isIntersecting) setSeen(true); }, {threshold}); io.observe(el); return ()=>io.disconnect(); },[threshold]); return [ref, seen]; } // One row in the week deck. Day · Label (with body underneath) · Stat · Sub. // Subtle alternating tilt + horizontal stagger; clean vertical separation, no overlap. function DeckCard({ day, label, body, stat, statLabel, fill, i, total, seen, tip }){ const [tipOpen, setTipOpen] = useStateB(false); const cardRef = useRefB(null); const handleTipOpen = (open) => { setTipOpen(open); if (open && cardRef.current) { setTimeout(()=>{ const rect = cardRef.current.getBoundingClientRect(); const top = rect.top + window.scrollY - 120; window.scrollTo({top, behavior:'smooth'}); }, 50); } }; const isInk = fill==='ink'; const isLime = fill==='lime'; const isViolet = fill==='violet'; const bg = isInk ? 'var(--ink)' : isLime ? 'var(--lime)' : isViolet ? 'var(--violet)' : 'var(--bone-3)'; const fg = isInk ? 'var(--bone)' : isViolet ? 'var(--bone)' : 'var(--ink)'; const sub = isInk ? 'rgba(250,248,241,.78)' : isViolet ? 'rgba(250,248,241,.82)' : 'var(--ink-soft)'; const rot = (i%2===0 ? -.6 : .6); const ml = (i%2===0 ? 0 : 28); const mr = (i%2===0 ? 28 : 0); return (
{day} {label} {body} {stat} {statLabel} handleTipOpen(true) : undefined} onMouseLeave={tip ? ()=>handleTipOpen(false) : undefined} style={{ textAlign:'right',fontSize:18, opacity: tipOpen ? 1 : .7, cursor: tip ? 'help' : 'default', transition:'opacity .2s ease, transform .2s ease', transform: tipOpen ? 'translate(2px,-2px)' : 'none', }}>↗
{tip && (
handleTipOpen(true)} onMouseLeave={()=>handleTipOpen(false)} style={{ position:'absolute', top:'calc(100% + 14px)', right: i%2===0 ? 'auto' : 0, left: i%2===0 ? 0 : 'auto', width:'min(420px, calc(100% - 12px))', zIndex: tipOpen ? 30 : 5, opacity: tipOpen ? 1 : 0, pointerEvents: tipOpen ? 'auto' : 'none', transform: tipOpen ? 'translateY(0)' : 'translateY(-8px)', transition:'opacity .2s ease, transform .25s cubic-bezier(.2,.7,.2,1)', }}>
{tip.eyebrow}

{tip.headline}

{tip.paragraphs.map((p,j)=>(

{p}

))}
    {tip.bullets.map((b,j)=>(
  • {b}
    • ))}
)}
); } function MondayBrief(){ const [ref, seen] = useInView(0.2); const [audience, setAudience] = useStateB('leader'); // Hover preview state — leader view: hovering the sample-brief button reveals // the Portfolio rollup below. Small leave-delay so cursor can travel into it. const [hovered, setHovered] = useStateB(false); const hideTimer = useRefB(null); const onPreviewEnter = ()=>{ if (hideTimer.current){ clearTimeout(hideTimer.current); hideTimer.current=null; } setHovered(true); }; const onPreviewLeave = ()=>{ if (hideTimer.current) clearTimeout(hideTimer.current); hideTimer.current = setTimeout(()=>setHovered(false), 220); }; // Two very different shapes by audience: // Leaders (CEOs / VPs): TWO touchpoints — Mon brief + Fri recap. Mid-week is silent // for them by design. A single "muted" card sits in between to make that promise visible. // AMs: full Mon→Fri — Mon brief + Tue/Wed/Thu quiet daily prioritization + Fri recap, // all on their own accounts. const decks = { leader: [ { day:'MON 7:00', fill:'lime', label:'Monday Brief', body:'The week ranked by impact across your whole portfolio — accounts, AMs, motions.', stat:'47', statLabel:'accounts triaged', tip:{ eyebrow:'MONDAY · LEADERSHIP BRIEF', headline:'Start Monday aligned.', paragraphs:[ 'Nauti delivers a leadership brief before your first meeting. Portfolio health, risk signals, and where the team should focus this week. Built from everything Nauti remembers across your stack.', 'No dashboards to interpret. No manual reconstruction. Just direction.', ], bullets:[ 'Overall portfolio health', 'Accounts losing momentum', 'Risk signals to watch', "This week's focus areas", 'Clear reasoning behind priorities', ], } }, { day:'TUE → THU', fill:'cream', label:'Quiet for you', body:'AMs are getting their daily risk-ranked plays in the background. We don\'t bother leadership unless something changes the picture.', stat:'00', statLabel:'pings to your inbox' }, { day:'FRI 17:00', fill:'lime', label:'Friday Recap', body:'What stabilized, what slipped, who is moving what — and Monday is already half-drafted.', stat:'+9', statLabel:'net stabilized', tip:{ eyebrow:'FRIDAY · LEADERSHIP RECAP', headline:'Close the week with evidence.', paragraphs:[ "Leadership closes the week with an outcome summary. What closed, what recovered, what carries forward. Monday already knows about next week's priorities, the loop continues automatically.", 'No dashboards to check. No alignment meetings. The story of the week, written for you.', ], bullets:[ 'Weekly execution summary', 'What closed, what recovered', 'Accounts carrying forward', "Next Monday's brief, pre-loaded", 'What the week taught Nauti', ], } }, ], am: [ { day:'MON 7:00', fill:'lime', label:'This week\'s priorities', body:'Your week, your accounts — already triaged when you open the laptop.', stat:'04', statLabel:'priorities for you' }, { day:'TUE → THU', fill:'cream', label:'Quiet prioritize', body:'Risk-ranked plays for your accounts land each morning. Evidence attached. No alerts, no dashboard ritual.', stat:'09', statLabel:'plays this week', tip:{ eyebrow:'TUE → THU · QUIET PRIORITIZE', headline:'Every day, the right priorities.', paragraphs:[ 'Every AE gets their own priority list and the prep before every call. When signals shift during the week, priorities are re-routed live. Personalized, with context attached.', 'No manual triage. Just the next move, with the why.', ], bullets:[ 'Personalized priorities per owner', 'Pre-meeting prep with full context', 'Momentum tracking across every deal', 'Live re-routing when signals change', 'Draft openings and next moves', ], } }, { day:'FRI 17:00', fill:'lime', label:'Wrapped', body:'What you closed, what rolled, and three Mon-ready next steps drafted for you.', stat:'+$182k', statLabel:'closed this week' }, ], }; const cards = decks[audience]; // Manifesto strip — three columns that summarize the rhythm for the active audience. const manifesto = audience === 'leader' ? [ ['MON 7:00','Monday Brief', 'Week ranked by impact, across the portfolio you own.'], ['TUE → THU','Quiet by design','You stay focused on leadership work. AMs are prioritizing in the background — no inbox noise.'], ['FRI 17:00','Friday Recap', 'What stabilized, what slipped, who\'s moving what.'], ] : [ ['MON 7:00','This week\'s priorities','Your week, your accounts — already triaged.'], ['TUE → THU','Quiet daily plays', 'Risk-ranked plays land each morning. No alerts, no dashboard ritual.'], ['FRI 17:00','Wrapped', 'What you closed, what rolled, Mon-ready next steps drafted for you.'], ]; return (
{/* Frame */}
NAUTI // THE WEEK
{/* Title block + audience toggle */}

ONE WEEK.
every account.

{[['leader','Leadership'],['am','AM view']].map(([k,l])=>( ))}
{/* Manifesto strip — 3 columns, content adapts to audience */}
{manifesto.map(([k,t,b],i)=>(
{k} {t} {b}
))}
{/* Deck — five days, peek-staggered, alternating tilt */}
{cards.map((c,i)=>( ))}
{/* Footer line + sample brief CTA. In leader view, hovering the button (without clicking) reveals the Portfolio rollup below. */}

{audience==='leader' ? <>Leaders see two touchpoints — Monday and Friday. We don't ping you mid-week. AMs are working their queue quietly in the background. : <>AMs get the same Monday and Friday beats, plus quiet daily prioritization Tue→Thu — risk-ranked plays on your accounts, evidence attached. }

{audience==='leader' && ( ↳ HOVER FOR ONE BLOCK INSIDE THE LEADER BRIEF )}
{/* Leader-only: portfolio rollup, revealed on button-hover */} {audience==='leader' && (
)}
); } // ALWAYS-ON / Ask Nauti — chat is the extra gear, used by everyone. // Surfaces pattern recognition; opens the door to "sales memory" later in the page. function AlwaysOn(){ const [askTipOpen, setAskTipOpen] = useStateB(false); return (
{/* Frame */}
NAUTI // ALWAYS-ON
{/* Left: copy + benefit list */}
setAskTipOpen(true)} onMouseLeave={()=>setAskTipOpen(false)}>
USED BY EVERYONE · ⌘K ↗
ANYTIME · ASK NAUTI

Ask Nauti anything.

Months of history, every objection, every open promise. In one message. Ask about any account and get the pattern, the momentum, the last exchanges, and the next move. Leaders, AEs, CS, RevOps. Same memory, same context, any time.

Try a prompt on the right. It is a live demo running on example data.

    {[ 'Months of history in one answer', 'Account shape and behaviour', 'Open promises and last exchanges', 'What to do next, with reasoning', 'Shared across every role', ].map((b,j)=>(
  • {b}
    • ))}

ASK NAUTI.
any time.

The weekly rhythm runs on its own. When you need to dive deeper, chat is right where you already work — leaders ask portfolio questions, AMs ask account questions.

{[ ['EVERYONE', 'Leadership and every AM — same brain, different lens.'], ['PATTERN-AWARE','Sees what repeats across accounts before any one AM would.'], ['CONTEXTUAL', 'Lives in HubSpot & Teams — no new tab to open.'], ].map(([k,v],i)=>(
// {k}
))}
{/* Right: live Ask Nauti demo card */}
); } Object.assign(window, {MondayBrief, AlwaysOn, useInView});