/* Work dashboard: Supabase-auth login, paid job queue, earnings, coach panel, and the admin panel. Server APIs: /api/bd-jobs, /api/bd-coach, /api/bd-admin. */ const { useState: useStateW, useEffect: useEffectW, useRef: useRefW } = React; const BD_SUPA = "https://iqjkwsbsqmkyzgzigcik.supabase.co"; const BD_ANON = "sb_publishable_iUEl9piSPjxMiJBhJe9eyw_izK_e2T6"; const BD_SESSION_KEY = "bd.session.v1"; /* ───────── auth ───────── */ function bdSession() { try { return JSON.parse(localStorage.getItem(BD_SESSION_KEY) || "null"); } catch { return null; } } function bdSaveSession(s) { try { if (s) localStorage.setItem(BD_SESSION_KEY, JSON.stringify(s)); else localStorage.removeItem(BD_SESSION_KEY); } catch {} } async function bdLogin(email, password) { const r = await fetch(`${BD_SUPA}/auth/v1/token?grant_type=password`, { method: "POST", headers: { apikey: BD_ANON, "Content-Type": "application/json" }, body: JSON.stringify({ email, password }), }); const data = await r.json(); if (!r.ok) throw new Error(data.error_description || data.msg || "Sign-in failed"); const s = { access_token: data.access_token, refresh_token: data.refresh_token, expires_at: Date.now() + (data.expires_in - 60) * 1000, email: data.user && data.user.email, }; bdSaveSession(s); try { sessionStorage.setItem("bydelaney.unlocked", "1"); } catch {} // legacy pages return s; } async function bdRefresh(s) { const r = await fetch(`${BD_SUPA}/auth/v1/token?grant_type=refresh_token`, { method: "POST", headers: { apikey: BD_ANON, "Content-Type": "application/json" }, body: JSON.stringify({ refresh_token: s.refresh_token }), }); if (!r.ok) { bdSaveSession(null); throw new Error("session expired"); } const data = await r.json(); const ns = { access_token: data.access_token, refresh_token: data.refresh_token, expires_at: Date.now() + (data.expires_in - 60) * 1000, email: (data.user && data.user.email) || s.email, }; bdSaveSession(ns); return ns; } async function bdToken() { let s = bdSession(); if (!s) return null; if (Date.now() > s.expires_at) { try { s = await bdRefresh(s); } catch { return null; } } return s.access_token; } async function bdApi(path, opts = {}) { const token = await bdToken(); if (!token) throw new Error("signed out"); const r = await fetch(path, { ...opts, headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}`, ...(opts.headers || {}) }, }); const data = await r.json().catch(() => ({})); if (!r.ok) throw new Error(data.error || `request failed (${r.status})`); return data; } function bdSignOut() { bdSaveSession(null); window.location.hash = "#/work-login"; } /* ───────── login page ───────── */ function WorkLoginPage({ setRoute }) { const [email, setEmail] = useStateW("delaney@bydelaney.com"); const [pw, setPw] = useStateW(""); const [err, setErr] = useStateW(""); const [busy, setBusy] = useStateW(false); const submit = async (e) => { e.preventDefault(); setBusy(true); setErr(""); try { const s = await bdLogin(email.trim(), pw); const admin = s.email && s.email !== "delaney@bydelaney.com"; (setRoute || ((r) => { window.location.hash = "#/" + r; }))(admin ? "admin" : "jobs"); } catch (e2) { setErr(e2.message); } setBusy(false); }; return (
¹

Clock in.

Your jobs are waiting.

setEmail(e.target.value)} placeholder="Email" /> setPw(e.target.value)} placeholder="Password" autoFocus />
{err &&
{err}
}
); } /* ───────── shared bits ───────── */ const BD_STATUS = { open: { label: "Ready", cls: "tag tag--terracotta" }, in_progress: { label: "In progress", cls: "tag tag--terracotta" }, revise: { label: "Notes back", cls: "tag tag--charcoal" }, submitted: { label: "In review", cls: "tag tag--charcoal" }, flagged: { label: "With Dad", cls: "tag tag--charcoal" }, approved: { label: "Approved", cls: "tag tag--sage" }, paid: { label: "Paid", cls: "tag tag--paid" }, locked: { label: "Locked", cls: "tag" }, }; function BdPill({ status }) { const m = BD_STATUS[status] || BD_STATUS.locked; return {m.label}; } function bdMoney(n) { return "$" + Number(n).toLocaleString(); } /* ───────── coach panel ───────── */ function CoachPanel({ jobId }) { const aiName = (() => { try { return localStorage.getItem("delaney.ai.name") || "Coach"; } catch { return "Coach"; } })(); const [open, setOpen] = useStateW(false); const [msgs, setMsgs] = useStateW(() => { try { return JSON.parse(localStorage.getItem("bd.coach.msgs") || "[]"); } catch { return []; } }); const [input, setInput] = useStateW(""); const [busy, setBusy] = useStateW(false); const endRef = useRefW(null); useEffectW(() => { try { localStorage.setItem("bd.coach.msgs", JSON.stringify(msgs.slice(-60))); } catch {} if (endRef.current) endRef.current.scrollIntoView({ behavior: "smooth" }); }, [msgs, open]); const send = async () => { const text = input.trim(); if (!text || busy) return; setInput(""); setMsgs((m) => [...m, { role: "user", content: text }]); setBusy(true); try { const data = await bdApi("/api/bd-coach", { method: "POST", body: JSON.stringify({ message: text, job_id: jobId || null, ai_name: aiName }), }); setMsgs((m) => [...m, { role: "assistant", content: data.reply }]); } catch (e) { setMsgs((m) => [...m, { role: "assistant", content: "Hit a snag (" + e.message + "). Try again?" }]); } setBusy(false); }; return ( <> {open && (
{aiName} on the clock with you
{msgs.length === 0 && (

Ask about the job, bounce an idea, or paste a draft.

)} {msgs.map((m, i) => (
{m.content}
))} {busy &&
…
}