stacklok / codegate-ui / 12791977239

import {

  ChatBubble,

  ChatBubbleAvatar,

  ChatBubbleMessage,

} from "./ui/chat/chat-bubble";

import { ChatMessageList } from "./ui/chat/chat-message-list";

import { useParams } from "react-router-dom";

import { usePromptsStore } from "@/hooks/usePromptsStore";

import { Markdown } from "./Markdown";

import { useEffect } from "react";

import { sanitizeQuestionPrompt } from "@/lib/utils";

export function Chat() {

    }

  }, [prompts, id, setCurrentPromptId]);

  return (

    <div className="w-[calc(100vw-18rem)]">

      <ChatMessageList>

          <div key={index} className="flex flex-col w-full h-full gap-6">

            <ChatBubble variant="sent">

              <ChatBubbleAvatar fallback="User" className="w-14" />

              <ChatBubbleMessage variant="sent" className="bg-zinc-700">

                <Markdown isInverted>

                  {sanitizeQuestionPrompt({

                  })}

                </Markdown>

              </ChatBubbleMessage>

            </ChatBubble>

            <ChatBubble variant="received">

              <ChatBubbleAvatar fallback="AI" />

              <ChatBubbleMessage variant="received">

              </ChatBubbleMessage>

            </ChatBubble>

          </div>

        ))}

      </ChatMessageList>

    </div>

  );

}