// appwindow.jsx — full dot+ macOS app window. Relies on core.jsx + popover.jsx globals. const PROJECTS = [ { id:'aprocap', name:'APROCAP', count:12, color:'#276EF1', sub:'Client · annuity + web' }, { id:'q3', name:'Q3 Launch', count:8, color:'#1F9E6E', sub:'Eng + product' }, { id:'personal', name:'Personal', count:3, color:'#C2603A', sub:'Notes & ideas' }, { id:'sales', name:'Sales', count:6, color:'#8A5CD6', sub:'Discovery calls' }, ]; const CONTACTS = [ { id:'vero', name:'Verónica Salas', role:'Xhinola · Design Lead', idx:0, recs:9 }, { id:'rod', name:'Rodrigo Arvizu', role:'Xhinola · Engineering', idx:3, recs:14 }, { id:'maya', name:'Maya Chen', role:'Product', idx:2, recs:5 }, { id:'luis', name:'Luis Tavárez', role:'APROCAP · Director', idx:1, recs:4 }, ]; function TrafficLights() { return (
{['#FF5F57','#FEBC2E','#28C840'].map(c=>( ))}
); } function SideItem({ icon, label, active, badge, onClick }) { return ( ); } function Sidebar({ tab, setTab, startRec }) { return (
dot+
New recording
} label="Recordings" badge="14" active={tab==='recordings'} onClick={()=>setTab('recordings')}/> } label="Projects" badge="4" active={tab==='projects'} onClick={()=>setTab('projects')}/> } label="Contacts" badge="22" active={tab==='contacts'} onClick={()=>setTab('contacts')}/> } label="Ask dot+" active={tab==='ai'} onClick={()=>setTab('ai')}/>
Projects
{PROJECTS.slice(0,3).map(p=>( ))}
} label="Settings" active={tab==='settings'} onClick={()=>setTab('settings')}/>
RA Rodrigo Arvizu PRO } size={26}/>
); } // ── recordings master-detail ─────────────────────────────────────────────────── const FULL_RECENTS = [ ...RECENTS, { id:'r5', title:'Onboarding call — Maya', when:'Mon · 9:00 AM', dur:'18:40', folder:'Q3 Launch', spk:[{name:'Maya',idx:2},{name:'You',idx:1}], status:'done' }, { id:'r6', title:'Weekly notes', when:'Sun · 8:12 PM', dur:'06:02', folder:'Personal', spk:[{name:'You',idx:1}], status:'done' }, ]; function MasterRow({ r, active, onClick }) { return ( ); } function AppDetail({ startRec }) { const [tab, setTab] = React.useState('Summary'); const tabs = ['Summary','Transcript','Key Points','Next Steps']; return (

Anualidad + Web APROCAP

Copy Share } size={34} active/>
Jun 26, 2026 · 5:57 PM · 24:08 · Higüey, La Altagracia · APROCAP
{/* speakers */}
{[{name:'Verónica',idx:0},{name:'You',idx:1}].map((s,i)=>)} Verónica, You Manage speakers
{tabs.map(tb=>{ const on=tab===tb; return ; })}
{tab==='Summary' && (
AI Summary

Verónica and the team aligned the APROCAP annuity page around a renewal-first hero. They agreed to pull last quarter's APROCAP figures directly into the page, confirmed the launch date can hold for the 14th, and assigned Verónica to share the supporting figures deck right after the call.

)} {tab==='Transcript' && (
{LIVE_LINES.map((l,i)=>(
{l.spk} {mm(l.at*60)} {l.text}
))}
)} {tab==='Key Points' && (
{['Renewal CTA should lead the annuity hero.','Pull last quarter APROCAP figures into the page.','Launch date is held for the 14th.','Verónica owns the supporting figures deck.'].map((p,i)=>(
{p}
))}
)} {tab==='Next Steps' && (
{[['Share Q3 figures deck','Verónica',false],['Hold launch date — the 14th','You',true],['Draft renewal hero copy','You',false]].map(([txt,who,done],i)=>(
{done?:} {txt} @{who}
))}
)}
); } function RecordingsScreen({ startRec }) { const [sel, setSel] = React.useState('r1'); return (

Recordings

} size={32} active/> } size={32}/>
Search recordings & transcripts
{['All','Recent','APROCAP','Q3 Launch','Sales'].map((c,i)=>( {c} ))}
{FULL_RECENTS.map(r=>setSel(r.id)}/>)}
); } // ── projects ───────────────────────────────────────────────────────────────── function ProjectsScreen() { return (

Projects

New project
{PROJECTS.map(p=>(
{p.name}
{p.sub}
{p.count} recordings
))}
); } // ── contacts (speaker CRM) ───────────────────────────────────────────────────── function ContactsScreen() { return (

Contacts

Add contact
{CONTACTS.map((c,i)=>(
{c.name} {c.role} {c.recs} recordings
))}
); } // ── AI ───────────────────────────────────────────────────────────────────────── function AiScreen() { return (

Ask dot+

across 14 recordings
What did we decide about the APROCAP launch date, and who owns the follow-up?
dot+
The launch is held for the 14th — Verónica confirmed it works and is holding the date. The follow-up is split: Verónica shares the Q3 figures deck, and you draft the renewal hero copy.
{['Anualidad + Web APROCAP','Sales discovery — Altagracia'].map(s=>( {s} ))}
Ask anything across your recordings…
); } // ── settings / account ───────────────────────────────────────────────────────── function SettingsScreen({ t, setTweak }) { const [v, setV] = React.useState({ login:true, timer:true, sys:true, both:true, auto:true, transcript:true }); const tog = (k)=>setV(s=>({ ...s, [k]:!s[k] })); const Row = ({ label, sub, k, right, last }) => (
{label} {sub && {sub}} {right || tog(k)}/>}
); const Group = ({ title, children }) => (
{title}
{children}
); return (

Settings

{/* account */}
RA Rodrigo ArvizuPRO rodrigo@xhinola.io Manage account
{/* plan / usage */}
dot+ Pro Renews Jul 14, 2026 Manage billing
{[['Recordings this month','142 / Unlimited',1],['Transcription hours','6.2 / Unlimited',1],['AI queries','86 / 500',0.17]].map(([l,r,p],i)=>(
{l}{r}
0.9?'var(--warn)':'var(--accent)', borderRadius:3 }}/>
))}
⌃⌥R} last={false}/> } last={false}/>
); } function AppearanceSeg({ t, setTweak }) { const opts = ['Dark','Light']; return (
{opts.map(o=>{ const on = t.appearance===o; return ; })}
); } // ── window shell ───────────────────────────────────────────────────────────── function AppWindow({ t, setTweak, tab, setTab, startRec, onClose, width, height }) { return (
{/* titlebar */}
dot+
{tab==='recordings' && } {tab==='projects' && } {tab==='contacts' && } {tab==='ai' && } {tab==='settings' && }
); } Object.assign(window, { AppWindow });