import { useState, useEffect } from "react"; import { useTranslation } from "react-i18next"; import { ChatInput } from "@/features/chat/ui/ChatInput"; import { useLocaleFormatting } from "@/shared/i18n"; import { useChatSessionController } from "@/features/chat/hooks/useChatSessionController"; function HomeClock() { const [time, setTime] = useState(new Date()); const { getTimeParts } = useLocaleFormatting(); useEffect(() => { const interval = setInterval(() => setTime(new Date()), 1000); return () => clearInterval(interval); }, []); const { hour, minute, dayPeriod } = getTimeParts(time, { hour: "numeric", minute: "2-digit", }); return (

{hour}:{minute} {dayPeriod ? ( {dayPeriod} ) : null}

); } function getGreetingKey(hour: number): "morning" | "afternoon" | "evening" { if (hour < 12) return "morning"; if (hour < 17) return "afternoon"; return "evening"; } interface HomeScreenProps { sessionId: string | null; onActivateSession: (sessionId: string) => void; onCreatePersona?: () => void; onCreateProject?: (options?: { onCreated?: (projectId: string) => void; }) => void; } function HomeComposer({ sessionId, onActivateSession, onCreatePersona, onCreateProject, }: { sessionId: string | null; onActivateSession: (sessionId: string) => void; onCreatePersona?: () => void; onCreateProject?: HomeScreenProps["onCreateProject"]; }) { const controller = useChatSessionController({ sessionId, onMessageAccepted: onActivateSession, onCreatePersonaRequested: onCreatePersona, }); return ( onCreateProject?.({ onCreated: (projectId) => { controller.handleProjectChange(projectId); options?.onCreated?.(projectId); }, }) } contextTokens={controller.tokenState.accumulatedTotal} contextLimit={controller.tokenState.contextLimit} isContextUsageReady={controller.isContextUsageReady} /> ); } export function HomeScreen({ sessionId, onActivateSession, onCreatePersona, onCreateProject, }: HomeScreenProps) { const { t } = useTranslation("home"); const [hour] = useState(() => new Date().getHours()); const greeting = t(`greeting.${getGreetingKey(hour)}`); return (

{greeting}

); }