hunk.code_window:   const shouldDisplayShortcuts =
       chatItems.length === 0 && !shouldDisplayOnboarding;
     if (!shouldDisplayShortcuts) {
       return <ChatDialogue chatItems={chatItems} />;
     }
  
hunk.labels: keep replace replace keep keep keep keep keep
hunk.after_edit:   const shouldDisplayShortcuts = chatItems.length === 0 && !isOnboarding;
  
hunk.file_path: frontend/app/chat/[chatId]/components/ChatDialogueArea/ChatDialogue.tsx
hunk.type: replace
file: import { useQuery } from "@tanstack/react-query";
  import { useEffect } from "react";
  import { useTranslation } from "react-i18next";
  
  import { CHATS_DATA_KEY } from "@/lib/api/chat/config";
  import { useChatApi } from "@/lib/api/chat/useChatApi";
  import { useChatsContext } from "@/lib/context/ChatsProvider/hooks/useChatsContext";
  import { useToast } from "@/lib/hooks";
  
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
  export const useChatsList = () => {
    const { t } = useTranslation(["chat"]);
  
    const { setAllChats } = useChatsContext();
    const { publish } = useToast();
    const { getChats } = useChatApi();
  
    const fetchAllChats = async () => {
      try {
        const response = await getChats();
  
        return response.reverse();
      } catch (error) {
        console.error(error);
        publish({
          variant: "danger",
          text: t("errorFetching", { ns: "chat" }),
        });
      }
    };
  
    const { data: chats } = useQuery({
      queryKey: [CHATS_DATA_KEY],
      queryFn: fetchAllChats,
    });
  
    useEffect(() => {
      setAllChats(chats ?? []);
    }, [chats]);
  };
  