import { useTranslation } from "react-i18next"; import { motion, useReducedMotion } from "motion/react"; import { Shimmer } from "@/shared/ui/ai-elements/shimmer"; export type LoadingChatState = | "idle" | "thinking" | "streaming" | "waiting" | "compacting"; interface LoadingGooseProps { chatState?: LoadingChatState; } const LOADING_FADE_S = 0.45; const LOADING_SHIMMER_S = 3; const LOADING_SHIMMER_SPREAD = 3; const LOADING_SHIMMER_DELAY_S = 0.35; const LOADING_SHIMMER_REPEAT_DELAY_S = 0.9; const MESSAGE_KEY_BY_STATE: Record< Exclude, "thinking" | "responding" | "compacting" > = { thinking: "thinking", streaming: "responding", waiting: "responding", compacting: "compacting", }; export function LoadingGoose({ chatState = "idle" }: LoadingGooseProps) { const { t } = useTranslation("chat"); const shouldReduceMotion = useReducedMotion(); if (chatState === "idle") { return null; } const message = t(`loading.${MESSAGE_KEY_BY_STATE[chatState]}`); return (

{shouldReduceMotion ? ( {message} ) : ( {message} )}

); }