hunk.code_window: import { useChatContext } from "@/lib/context";
   import { ChatDialogue } from "./components/ChatDialogue";
   import { ShortCuts } from "./components/ShortCuts";
   import { getMergedChatMessagesWithDoneStatusNotificationsReduced } from "./utils/getMergedChatMessagesWithDoneStatusNotificationsReduced";
  
hunk.labels: add keep keep keep keep keep
hunk.after_edit: import { useOnboarding } from "@/lib/hooks/useOnboarding";
  
hunk.file_path: frontend/app/chat/[chatId]/components/ChatDialogueArea/ChatDialogue.tsx
hunk.type: add
file: import { useFeatureIsOn } from "@growthbook/growthbook-react";
  
  import { useChatContext } from "@/lib/context";
  
  import { ChatDialogue } from "./components/ChatDialogue";
  import { ShortCuts } from "./components/ShortCuts";
  import { getMergedChatMessagesWithDoneStatusNotificationsReduced } from "./utils/getMergedChatMessagesWithDoneStatusNotificationsReduced";
  
  export const ChatDialogueArea = (): JSX.Element => {
    const { messages, notifications } = useChatContext();
  
    const chatItems = getMergedChatMessagesWithDoneStatusNotificationsReduced(
      messages,
      notifications
    );
    const shouldDisplayOnboarding = useFeatureIsOn("onboarding");
  
    const shouldDisplayShortcuts =
      chatItems.length === 0 && !shouldDisplayOnboarding;
  
    if (!shouldDisplayShortcuts) {
      return <ChatDialogue chatItems={chatItems} />;
    }
  
    return <ShortCuts />;
  };
  