const PreviewProfileSwitch = () => { const { snapshot, selectedProfile, selectProfile, busy } = useAinaApp(); if (!snapshot?.profiles?.length || !selectedProfile) { return null; } return (
{snapshot.profiles.map((profile) => { const who = getWhoForName(profile.name); const active = profile.id === selectedProfile.id; return ( ); })}
); }; const HomeScreen = ({ onOpenDiagram, onOpenNight }) => { const { snapshot, selectedProfile, viewer, partnerProfile, addHabit, addTask, toggleHabit, toggleTask, deleteHabit, deleteTask, openGoogleConnect, disconnectGoogle } = useAinaApp(); const [extras, setExtras] = React.useState({ habits: false, tasks: false, calendar: false }); const toggle = (key) => setExtras((current) => ({ ...current, [key]: !current[key] })); if (!snapshot || !selectedProfile || !viewer) { return ; } const editable = Boolean(selectedProfile.isViewer); const selectedWho = getWhoForName(selectedProfile.name); const meSummary = snapshot.profiles.find((profile) => profile.id === viewer.profileId); const otherSummary = partnerProfile; const highlights = snapshot.home?.todayHighlights || []; const coupleGoal = snapshot.couple?.goal?.title || "Sin meta conjunta definida"; const calendar = selectedProfile.calendar || { status: "not_configured", events: [], nextEventLabel: "Sin agenda sincronizada.", busyLabel: "0m" }; const handleAddHabit = async () => { if (!editable) { return; } const title = window.prompt("Nuevo habito"); if (!title) { return; } const category = window.prompt("Categoria") || ""; await addHabit(title, category).catch(() => null); }; const handleAddTask = async () => { if (!editable) { return; } const title = window.prompt("Nueva tarea"); if (!title) { return; } await addTask(title).catch(() => null); }; return (
} > Hoy
Meta comun
{coupleGoal}
{snapshot.couple?.jointStreakDays || 0} dias
{meSummary?.name || "Yo"}
{snapshot.couple?.completionRate || 0} %
Progreso conjunto
{otherSummary?.name || "Pareja"}
}>Highlights · hoy {highlights.length ? (
{highlights.map((item) => (
{item.summary}
{formatPreviewTime(item.createdAt)}
))}
) : (
Todavia no hay movimientos guardados hoy.
)} toggle("habits")} icon={} label={`Habitos · ${selectedProfile.name}`} right={ {selectedProfile.today.completedHabitCount} / {selectedProfile.today.habitCount} } >
{selectedProfile.habits.length ? ( selectedProfile.habits.map((habit) => ( toggleHabit(habit.id).catch(() => null)} onDelete={() => deleteHabit(habit.id).catch(() => null)} /> )) ) : (
No hay habitos creados.
)} {editable ? ( ) : (
Solo lectura: este perfil lo edita {selectedProfile.name}.
)}
toggle("tasks")} icon={} label={`Tareas · ${selectedProfile.name}`} right={ {selectedProfile.today.completedTaskCount} / {selectedProfile.today.taskCount} } >
{selectedProfile.tasks.length ? ( selectedProfile.tasks.map((task) => ( toggleTask(task.id).catch(() => null)} onDelete={() => deleteTask(task.id).catch(() => null)} /> )) ) : (
No hay tareas guardadas.
)} {editable ? ( ) : (
Solo lectura: estas viendo las tareas de {selectedProfile.name}.
)}
toggle("calendar")} icon={} label={`Agenda · ${selectedProfile.name}`} right={ {calendar.status === "connected" ? "Conectado" : "Sin conectar"} } > {calendar.events?.length ? (
{calendar.events.map((event) => (
{event.timeLabel}
{event.title}
))}
) : (
{calendar.nextEventLabel}
)} {editable && (
{calendar.status === "connected" ? ( disconnectGoogle().catch(() => null)} style={{ flex: 1 }}> Desconectar ) : ( openGoogleConnect().catch(() => null)} style={{ flex: 1 }}> Conectar Google )}
)}
Sincronizado · {formatPreviewTime(snapshot.generatedAt) || "ahora"}
); }; const ExpandableBlock = ({ open, onToggle, icon, label, right, children }) => ( {open &&
{children}
} ); const HabitRow = ({ name, done, task, editable, onToggle, onDelete }) => (
{editable && ( )}
); window.HomeScreen = HomeScreen;