/* ========================================================= office-hours.jsx — shared timeline + ask composer + roster data ========================================================= */ /* office-day data: hours 6 AM → 8 PM (14 hr window) */ const DAY_START = 6; // 6 AM const DAY_END = 20; // 8 PM const DAY_HOURS = DAY_END - DAY_START; const NOW_HOUR = 7 + 42/60; // 7:42 AM /* daily routines per agent — what they do on the rhythm of the day */ const ROSTER = [ { key:"EA", name:"Estimator Agent", title:"Estimator", tone:"green", blurb:"Reads drawings, runs takeoffs, prices line items from your rule book, drafts supplier RFQs.", routines:[ "Daily 7 AM — drawing + takeoff sweep", "On new drawing — diff vs prior set and flag changes", "On supplier reply — fold quote into the worksheet", ], askable:["Re-cost a scope", "Draft a vendor RFQ", "Diff two drawing sets", "Find a unit price"], runs:[ {h:5.5, dur:0.0, kind:"event", label:"R4 received overnight"}, {h:7.0, dur:0.7, kind:"routine", label:"7 AM drawing + takeoff sweep"}, {h:7.7, dur:0.0, kind:"event", label:"Takeoff worksheet prepared"}, {h:14.0, dur:0.0, kind:"future", label:"Mid-day re-check"}, ], lastDid:"Prepared Glenrose takeoff worksheet · 7:28 AM", nextOn:"On call — listening for supplier replies to fold in", reads:["Drive · drawings & specs","Gmail · supplier replies","Your rule book"], drafts:["Takeoff worksheet","Supplier RFQs","Open questions"], sends:["Gmail (after approval)"], never:"Send without approval · sign off on bids · change your rule book", }, { key:"BA", name:"Bookkeeper Agent", title:"Bookkeeper", tone:"ink", blurb:"Captures bills, maps vendor + project + cost code, posts to QuickBooks after approval.", routines:[ "Daily 6 AM — bill sweep from Gmail + Drive", "Daily 11 AM — mid-day check, vendor replies", "Daily 4 PM — end-of-day close, post approved", ], askable:["Look up a bill", "Re-map a vendor", "Find duplicates", "Show me unpaid"], runs:[ {h:6.0, dur:0.5, kind:"routine", label:"6 AM bill sweep"}, {h:6.5, dur:0.2, kind:"event", label:"3 mapping qs raised"}, {h:11.0, dur:0.4, kind:"future", label:"11 AM mid-day"}, {h:16.0, dur:0.5, kind:"future", label:"4 PM close"}, ], lastDid:"Found 10 bills · 6 ready for QuickBooks · 6:14 AM", nextOn:"Mid-day sweep at 11:00 AM", reads:["Gmail · bills label","Drive · /Bills inbox","QuickBooks vendors"], drafts:["Bills","Vendor mappings","Duplicate flags"], sends:["QuickBooks (after approval)"], never:"Payments · deletes · vendor banking changes", }, { key:"FA", name:"Field Intake Agent", title:"Field Intake", tone:"amber", blurb:"Listens to WhatsApp from site, transcribes voice notes, classifies photos, drafts daily logs.", routines:[ "Continuous — listening to site channels", "Daily 5 PM — compile each project's daily log", "On voice note — transcribe + classify within 2 min", ], askable:["Pull this week's photos", "Ask the super a question", "Find a delivery receipt", "Summarise site activity"], runs:[ // continuous monitor {h:6.0, dur:14.0, kind:"monitor", label:"Listening"}, // events {h:6.8, dur:0.0, kind:"event", label:"Voice note · Marco"}, {h:7.5, dur:0.0, kind:"event", label:"5 photos filed"}, {h:17.0, dur:0.3, kind:"future", label:"5 PM log compile"}, ], lastDid:"Drafted Glenrose daily log · 7:38 AM", nextOn:"Listening to Glenrose + Oakwood site channels", reads:["WhatsApp · site channels","SMS · field crew"], drafts:["Daily logs","RFI follow-ups","Hours discrepancies"], sends:["Drive (file photos)","Project Room (drafts)"], never:"Send to client · sign off hours", }, { key:"FC", name:"File Clerk Agent", title:"File Clerk", tone:"navy", blurb:"Keeps Drive organised — files attachments to project folders, names by convention, deduplicates.", routines:[ "Daily 6 AM — overnight tidy", "Daily 12 PM — mid-day pass", "Daily 6 PM — end-of-day pass", "On Drive upload — file within 1 minute", ], askable:["Find a file", "Restructure a folder", "Show recent uploads", "Rename a batch"], runs:[ {h:5.8, dur:0.4, kind:"routine", label:"Overnight tidy"}, {h:7.5, dur:0.0, kind:"event", label:"R4 filed"}, {h:12.0, dur:0.3, kind:"future", label:"Mid-day pass"}, {h:18.0, dur:0.4, kind:"future", label:"EOD pass"}, ], lastDid:"Filed Glenrose R4 + 38 reorgs in Oakwood · 7:32 AM", nextOn:"Mid-day folder pass at 12:00 PM", reads:["Drive · all project folders","Gmail attachments","WhatsApp media"], drafts:["Rename suggestions","Folder restructures"], sends:["Drive (move + rename)"], never:"Delete (Trash only, 30-day reversal) · rename client-final files", }, { key:"SA", name:"Scheduling Agent", title:"Scheduler", tone:"green", blurb:"Maintains the project Gantt. Reads logs, vendor lead-times, weather to keep milestones honest.", routines:[ "Daily 5:30 AM — refresh the day's plan + weather", "Daily 12 PM — reminder & lead-time check", "On milestone slip — alert and re-plan", ], askable:["Push a milestone", "Show critical path", "Find slack on Glenrose", "Draft a reminder"], runs:[ {h:5.5, dur:0.3, kind:"routine", label:"Morning plan refresh"}, {h:5.8, dur:0.0, kind:"event", label:"3 reminders queued"}, {h:12.0, dur:0.4, kind:"future", label:"Mid-day check"}, ], lastDid:"Refreshed Glenrose Gantt · queued 3 reminders · 5:30 AM", nextOn:"Mid-day reminder & lead-time check at 12:00 PM", reads:["Daily logs","Vendor lead-time history","Weather forecast"], drafts:["Milestone updates","Reminders"], sends:["Project Gantt (after approval)"], never:"Send schedule to client · commit vendors to dates", }, { key:"CU", name:"Client Update Agent", title:"Client Updates", tone:"navy", blurb:"Drafts weekly client updates, picks photos, summarises spending in plain language. Never sends without you.", routines:[ "Thursdays 7 AM — draft each project's weekly update", "Daily — watch Client Room for incoming questions", "On approved update — send Thursday 8 AM", ], askable:["Draft an ad-hoc update", "Reply to a client question", "Show what's hidden from clients", "Pick 5 photos"], runs:[ {h:6.2, dur:0.4, kind:"event", label:"Weekly draft (Thu preview)"}, {h:6.9, dur:0.0, kind:"event", label:"Margaret reply drafted"}, // mostly idle — monitoring {h:9.0, dur:11.0, kind:"monitor", label:"Watching Client Room"}, ], lastDid:"Drafted Glenrose weekly update + Margaret reply · 6:14 AM", nextOn:"Watching for client messages · weekly draft Thursday 7 AM", reads:["Project Room","Daily logs","Filed photos"], drafts:["Weekly updates","Photo selections","Budget paragraphs"], sends:["Client Room (after approval) · Thu 8 AM"], never:"Mention vendor disputes · quote firm dates beyond schedule", }, ]; /* helper: convert hour-of-day to x% on the timeline */ const h2x = (h) => `${((h - DAY_START) / DAY_HOURS) * 100}%`; /* The horizontal timeline strip used in two places: - on Office Today (compact, with everyone) - on Staff page (compact "hero") */ const OfficeHoursStrip = ({ height = 28, showLabels = true }) => { const ticks = [6,8,10,12,14,16,18,20]; return (
{/* hour scale */}
{ticks.map(h => (
{h <= 12 ? h : h - 12}{h < 12 ? " AM" : h === 12 ? " PM" : " PM"}
))}
{/* rows */}
{ROSTER.map(a => ( {showLabels && (
{a.key} {a.title}
)} {!showLabels &&
}
{/* hour ticks faint */} {ticks.map(h => (
))} {/* runs */} {a.runs.map((r,i) => { const left = h2x(r.h); const widthPct = r.dur > 0 ? `${(r.dur / DAY_HOURS) * 100}%` : null; if (r.kind === "monitor") { return
; } if (r.kind === "routine") { return
; } if (r.kind === "future") { return
; } // event = single dot return
; })}
))} {/* current-time marker spanning all rows */}
NOW
{/* legend */}
scheduled routine ad-hoc / event continuous monitor scheduled later today
); }; /* Single-agent mini timeline used inside each agent card */ const AgentDayMini = ({ agent }) => { const ticks = [6,9,12,15,18]; return (
{ticks.map(h => ( {h <= 12 ? h : h - 12}{h < 12 ? "a" : "p"} ))}
{ticks.map(h => (
))} {agent.runs.map((r,i) => { const left = h2x(r.h); const widthPct = r.dur > 0 ? `${(r.dur / DAY_HOURS) * 100}%` : null; const accent = agent.tone === "green" ? "var(--green-2)" : agent.tone === "amber" ? "var(--amber-2)" : agent.tone === "navy" ? "var(--navy)" : "var(--ink)"; if (r.kind === "monitor") { return
; } if (r.kind === "routine") { return
; } if (r.kind === "future") { return
; } return
; })} {/* NOW */}
); }; /* ---- Ask the Office composer (Aaron talking back to the office) ---- */ const AskTheOffice = () => { const suggestions = [ "Ask Bookkeeper to find that Sherwin-Williams duplicate", "Have Field Agent pull Friday's stair photos", "Have Estimator re-cost roofing if Hartman doesn't reply by Tue", "Ask File Clerk to make a /Closeout folder for Glenrose", ]; return (
Ask the office
“Hey office — tell Bookkeeper to double-check the Madsen invoice against last month's…”
{suggestions.map((s,i)=>( {s} ))}
Send to office Voice note
); }; /* Per-agent ad-hoc Ask (used inside an agent card) */ const AskAgent = ({ agent }) => (
Ask {agent.title}
“{agent.askable[0]}…”
{agent.askable.slice(0, 4).map((s,i)=>( {s} ))}
); window.ROSTER = ROSTER; window.OfficeHoursStrip = OfficeHoursStrip; window.AgentDayMini = AgentDayMini; window.AskTheOffice = AskTheOffice; window.AskAgent = AskAgent; window.DAY_START = DAY_START; window.DAY_END = DAY_END; window.NOW_HOUR = NOW_HOUR; /* ========================================================= STORYLINE STRIP — the office movie playing across every screen Glenrose Custom Home, Tue 17 May ========================================================= */ const STORYLINE = [ { k:"drawings", label:"Drawings in", state:"done", sub:"Mon · BCA R4", target:"mailroom" }, { k:"takeoff", label:"Takeoff worksheet", state:"done", sub:"today 7:28 AM", target:"estimate" }, { k:"quotes", label:"Quote requests", state:"now", sub:"3 drafts \u2192 your approval", target:"quotes" }, { k:"replies", label:"Trade replies", state:"incoming", sub:"1 in, 2 expected", target:"mailroom" }, { k:"budget", label:"Budget generated", state:"draft", sub:"$634,710 pre-quote",target:"project" }, { k:"schedule", label:"Schedule drafted", state:"next", sub:"next Mon", target:"project" }, { k:"ops", label:"Ongoing ops", state:"continuous", sub:"bills \u00b7 logs \u00b7 update", target:"receipts" }, ]; const StorylineStrip = ({ current, onGo, replayActive, sceneIdx, totalScenes }) => { // In replay, the strip becomes a thin progress ribbon — show the current phase + the next phase, nothing more if (replayActive) { const progress = totalScenes ? Math.max(0, Math.min(1, (sceneIdx + 1) / totalScenes)) : 0; return (
Glenrose office day · replay
scene {sceneIdx + 1} / {totalScenes}
); } return (
Job storyline Glenrose Custom Home {`Tuesday, 17 May · day 24 of 213`} now: your turn on supplier quotes
{STORYLINE.map((s, i) => ( {i < STORYLINE.length - 1 && } ))}
); }; const StorylineStep = ({ step, active, onGo }) => { const stateColor = { done: "var(--green-2)", now: "var(--amber-2)", incoming: "var(--amber-2)", draft: "var(--ink-on-rail-2)", next: "var(--ink-on-rail-3)", continuous: "var(--ink-on-rail-2)", }[step.state]; const renderMark = () => { if (step.state === "done") { return ; } if (step.state === "now" || step.state === "incoming") { return ; } return null; }; return ( ); }; const StorylineConnector = ({ from, to }) => ( ); window.StorylineStrip = StorylineStrip; window.STORYLINE = STORYLINE;