/* global React, Icon, Button, Chip, ScreenHeader, Panel, SectionLabel, AgentNote, Dropzone, TONES, MEMORY_ITEMS, MEMORY_NUDGES */ const { useState: useMem } = React; const MEM_STEPS_KEY = "offerroom.memory.steps"; const MEM_VIEW_KEY = "offerroom.memory.view"; const loadMemSteps = () => { try { return JSON.parse(localStorage.getItem(MEM_STEPS_KEY)) || {}; } catch { return {}; } }; // The strict, sequential order of operations for building memory. const BUILD_STEPS = [ { key: "files", icon: "folder", title: "Drop in your materials", sub: "Start here. Decks, docs, old résumés, code, transcripts. This is the raw material every résumé and answer is built from.", }, { key: "voice", icon: "mic", title: "Say it out loud", sub: "Record the stories you'd never write in a doc. Offerroom transcribes it and adds it to your memory. Optional, but it's where the good detail lives.", }, { key: "nudges", icon: "lightbulb", title: "Answer the nudges", sub: "A few quick prompts. The personal stuff is what makes outreach and interviews feel human.", }, { key: "note", icon: "edit", title: "Anything else worth knowing", sub: "One last brain-dump. A constraint you're navigating, the team you do your best work on. Then Offerroom builds the graph.", }, ]; function ScrMemory({ onDone }) { const [view, setView] = useMem(() => localStorage.getItem(MEM_VIEW_KEY) || "guided"); // guided | populated const [done, setDone] = useMem(loadMemSteps); // { files: {label}, voice: {...}, ... } const setStep = (key, payload) => { const next = { ...done, [key]: payload }; setDone(next); localStorage.setItem(MEM_STEPS_KEY, JSON.stringify(next)); }; const toView = (v) => { setView(v); localStorage.setItem(MEM_VIEW_KEY, v); }; if (view === "populated") return toView("guided")}/>; // active = first step not yet addressed; -1 when all done const activeIdx = BUILD_STEPS.findIndex(s => !done[s.key]); const allDone = activeIdx === -1; return (
toView("populated")}>I've done this before} /> New here? Do these in order. Each one builds on the last, materials first, then the stories behind them. Don't worry about getting it complete, you can always add to or update any of this later.
{BUILD_STEPS.map((s, i) => ( setStep(s.key, undefined)}> setStep(s.key, payload)} done={done[s.key]}/> ))}
{allDone && (
Your memory is ready
Offerroom is linking your stories and outcomes into a graph. You can keep adding any time.
)}
); } // ---- One step in the sequential guide ---- function GuidedStep({ n, step, state, summary, children, onReopen }) { const active = state === "active", isDone = state === "done", locked = state === "locked"; return (
{isDone ? : n}
{step.title} Step {n} of 4 {isDone && Done} {locked && Up next}
{(active || locked) &&
{step.sub}
} {isDone && (
{summary}
)}
{active &&
{children}
} ); } // ---- The interactive body for whichever step is active ---- function StepBody({ stepKey, onComplete }) { if (stepKey === "files") return ; if (stepKey === "voice") return ; if (stepKey === "nudges") return ; return ; } function FilesStep({ onComplete }) { const [files, setFiles] = useMem([]); const add = () => { const pool = ["Plaid_Growth_QBR_Q3.pptx", "checkout-experiment-writeup.md", "Resume — Okonkwo 2026.pdf", "Case studies / 2024"]; setFiles(f => f.length < pool.length ? [...f, pool[f.length]] : f); }; return (
{files.length > 0 && (
{files.map((f, i) => (
{f} Indexed
))}
)}
); } function VoiceStep({ onComplete }) { const [recording, setRecording] = useMem(false); const [secs, setSecs] = useMem(0); React.useEffect(() => { if (!recording) return; const t = setInterval(() => setSecs(s => s + 1), 1000); return () => clearInterval(t); }, [recording]); const mmss = `${Math.floor(secs / 60)}:${String(secs % 60).padStart(2, "0")}`; return (
{recording ? `Listening… ${mmss}` : secs > 0 ? `Recorded · ${mmss}` : "Record a voice note"}
Transcription only, not a voice agent. The transcript joins your memory.
{recording && (
{Array.from({ length: 22 }).map((_, i) => ( ))}
)}
); } function NudgesStep({ onComplete }) { return ( (
)}/> ); } function NoteStep({ onComplete }) { const [text, setText] = useMem(""); return (