/* eslint-disable */ // consola.jsx — La Consola shell. // Slide-out admin panel from the right (or sheet / floating per Tweaks). // Manages all admin state via a reducer + exposes app/view/setViewAs // to the view modules. Mounts to #consola-mount. (function () { const { useState, useReducer, useEffect, useMemo } = React; const V = window.CASAM_VIEWS; // ─── reducer ────────────────────────────────────────────── function reducer(state, a) { switch (a.type) { // families case "family.create": return { ...state, families: [...state.families, a.family], activity: prependAct(state, { kind: "family-create", actor: "mike", detail: `created ${a.family.name}` }) }; case "family.rename": return { ...state, families: state.families.map(f => f.id === a.id ? { ...f, name: a.name } : f) }; case "family.set-hoh": return { ...state, families: state.families.map(f => f.id === a.id ? { ...f, headOfHousehold: a.hoh } : f) }; case "family.dissolve": { const fam = state.families.find(f => f.id === a.id); return { ...state, families: state.families.filter(f => f.id !== a.id), users: state.users.map(u => u.familyId === a.id ? { ...u, familyId: null } : u), activity: prependAct(state, { kind: "family-dissolve", actor: "mike", detail: `dissolved ${fam?.name || "family"}` }) }; } // users case "user.move-family": { const u = state.users.find(x => x.id === a.userId); const oldFam = state.families.find(f => f.id === u?.familyId); const newFam = state.families.find(f => f.id === a.familyId); return { ...state, users: state.users.map(x => x.id === a.userId ? { ...x, familyId: a.familyId } : x), activity: prependAct(state, { kind: "family-move", actor: "mike", target: a.userId, detail: `${oldFam?.name || "unattached"} → ${newFam?.name || "unattached"}` }) }; } case "user.set-role": return { ...state, users: state.users.map(x => x.id === a.id ? { ...x, role: a.role } : x), activity: prependAct(state, { kind: "grant", actor: "mike", target: a.id, detail: `site role → ${a.role}` }) }; case "user.delete": return { ...state, users: state.users.filter(x => x.id !== a.id), grants: state.grants.filter(g => g.userId !== a.id) }; // grants case "grant.set": { const existing = state.grants.find(g => g.userId === a.userId && g.app === a.app); const grants = existing ? state.grants.map(g => g.userId === a.userId && g.app === a.app ? { ...g, role: a.role } : g) : [...state.grants, { userId: a.userId, app: a.app, role: a.role, grantedAt: Date.now() }]; return { ...state, grants, activity: prependAct(state, { kind: "grant", actor: "mike", target: a.userId, app: a.app, detail: existing ? `${existing.role} → ${a.role}` : `granted ${a.role}` }) }; } case "grant.remove": return { ...state, grants: state.grants.filter(g => !(g.userId === a.userId && g.app === a.app)), activity: prependAct(state, { kind: "revoke", actor: "mike", target: a.userId, app: a.app, detail: "removed grant" }) }; // invites case "invite.send": return { ...state, invites: [...state.invites, a.invite], activity: prependAct(state, { kind: "invite", actor: "mike", target: a.invite.email, detail: `invited · ${a.invite.apps.join(" + ")}` }) }; case "invite.cancel": return { ...state, invites: state.invites.filter(i => i.id !== a.id) }; case "invite.resend": return { ...state, invites: state.invites.map(i => i.id === a.id ? { ...i, status: "sent", sentAt: Date.now() } : i) }; // settings case "settings.patch": return { ...state, settings: { ...state.settings, ...a.patch } }; default: return state; } } function prependAct(state, partial) { const ev = { id: `a${Math.random().toString(36).slice(2, 7)}`, at: Date.now(), ...partial }; return [ev, ...state.activity]; } // ─── i18n (super-light) ─────────────────────────────────── function tForTone(tone) { return (es, en) => tone === "english" ? en : es; } // ─── tab definitions ────────────────────────────────────── const TABS = [ { id: "familias", es: "Familias", en: "Families", icon: "▣" }, { id: "personas", es: "Personas", en: "People", icon: "◉" }, { id: "permisos", es: "Permisos", en: "Grants", icon: "▦" }, { id: "invitaciones",es: "Invitaciones", en: "Invites", icon: "✉" }, { id: "actividad", es: "Actividad", en: "Activity", icon: "◷" }, { id: "casa", es: "Casa", en: "Household", icon: "⌂" }, ]; // ─── La Consola root ────────────────────────────────────── function Consola({ open, onClose, density, tone, chrome, familiasView, permisosView, viewAs, setViewAs, signedInAs }) { const [state, dispatch] = useReducer(reducer, window.CASAM_CONSOLA_SEED); const [tab, setTab] = useState("familias"); const [detailUser, setDetailUser] = useState(null); const [specOpen, setSpecOpen] = useState(false); const t = useMemo(() => tForTone(tone), [tone]); // Lock body scroll when open useEffect(() => { if (!open) return; const prev = document.body.style.overflow; document.body.style.overflow = "hidden"; return () => { document.body.style.overflow = prev; }; }, [open]); // Esc closes useEffect(() => { function onKey(e) { if (e.key === "Escape") { if (specOpen) { setSpecOpen(false); return; } if (detailUser) { setDetailUser(null); return; } if (open) onClose(); } } window.addEventListener("keydown", onKey); return () => window.removeEventListener("keydown", onKey); }, [open, detailUser, specOpen, onClose]); // Panel chrome geometry per Tweak const chromeStyles = useMemo(() => { if (chrome === "sheet") return { wrap: { position: "fixed", inset: 0, zIndex: 80, background: "rgba(10,6,3,0.55)", backdropFilter: "blur(4px)", display: "flex", alignItems: "flex-end", opacity: open ? 1 : 0, pointerEvents: open ? "auto" : "none", transition: "opacity 220ms ease", }, panel: { width: "100%", height: "92%", background: "var(--bg-warm)", borderTop: "1px solid var(--gold-deep)", borderRadius: "14px 14px 0 0", transform: open ? "translateY(0)" : "translateY(100%)", transition: "transform 320ms cubic-bezier(0.2,0.7,0.3,1)", overflow: "hidden", position: "relative", }, }; if (chrome === "floating") return { wrap: { position: "fixed", inset: 0, zIndex: 80, background: "rgba(10,6,3,0.55)", backdropFilter: "blur(4px)", display: "flex", alignItems: "center", justifyContent: "center", padding: "5vh 5vw", opacity: open ? 1 : 0, pointerEvents: open ? "auto" : "none", transition: "opacity 220ms ease", }, panel: { width: "100%", maxWidth: 1100, height: "90%", background: "var(--bg-warm)", border: "1px solid var(--gold-deep)", borderTop: "3px solid var(--gold)", borderRadius: 10, boxShadow: "0 40px 100px rgba(0,0,0,0.65)", transform: open ? "scale(1)" : "scale(0.96)", transition: "transform 240ms cubic-bezier(0.2,0.7,0.3,1)", overflow: "hidden", position: "relative", }, }; // default: right slide-out return { wrap: { position: "fixed", inset: 0, zIndex: 80, background: "rgba(10,6,3,0.55)", backdropFilter: "blur(4px)", display: "flex", justifyContent: "flex-end", opacity: open ? 1 : 0, pointerEvents: open ? "auto" : "none", transition: "opacity 220ms ease", }, panel: { width: "min(780px, 96vw)", height: "100%", background: "var(--bg-warm)", borderLeft: "1px solid var(--gold-deep)", boxShadow: "-30px 0 80px rgba(0,0,0,0.55)", transform: open ? "translateX(0)" : "translateX(100%)", transition: "transform 320ms cubic-bezier(0.2,0.7,0.3,1)", overflow: "hidden", position: "relative", }, }; }, [chrome, open]); return (
e.stopPropagation()}> {/* paper grain inside panel for warmth */}
{tab === "familias" && ( setSpecOpen(true)} /> )} {tab === "personas" && ( )} {tab === "permisos" && ( )} {tab === "invitaciones" && ( )} {tab === "actividad" && ( )} {tab === "casa" && ( )}
{/* Persona detail drawer (overlays panel) */} {detailUser && ( setDetailUser(null)} /> )} {/* Migration spec overlay */} {specOpen && ( setSpecOpen(false)} /> )}
); } function ConsolaHeader({ t, tone, onClose, signedInAs, tabs, tab, setTab, state }) { const me = state.users.find(u => u.id === signedInAs); return (
C
{t("Hearth Console · admin", "Hearth Console · admin")}

{t("La Consola", "La Consola")}

{t( "lo de la casa · the household's business.", "the household's business · lo de la casa." )}
{me && (
admin · {me.name.split(" ")[0]}
)}
{/* tab strip */}
{tabs.map(T => { const active = tab === T.id; return ( ); })}
); } Object.assign(window, { CASAM_CONSOLA: { Consola } }); })();