diff --git a/src/frontend/src/components/chatComponent/chatMessage/index.tsx b/src/frontend/src/components/chatComponent/chatMessage/index.tsx
deleted file mode 100644
index 55badac86..000000000
--- a/src/frontend/src/components/chatComponent/chatMessage/index.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import { useState } from "react";
-import { ChatMessageType } from "../../../types/chat";
-import { nodeColors } from "../../../utils";
-import Convert from "ansi-to-html";
-import { MessageCircle } from "lucide-react";
-import DOMPurify from "dompurify";
-const convert = new Convert({ newline: true });
-export default function ChatMessage({ chat }: { chat: ChatMessageType }) {
-  const [hidden, setHidden] = useState(true);
-  return (
-    <div>
-      {!chat.isSend ? (
-        <div className="w-full text-start">
-          <div
-            style={{ backgroundColor: nodeColors["chat"] }}
-            className=" relative inline-block w-fit max-w-[280px] overflow-hidden rounded-xl rounded-tl-none text-start text-sm font-normal text-background"
-          >
-            {hidden && chat.thought && chat.thought !== "" && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                className="absolute right-2 top-2 cursor-pointer"
-              >
-                <MessageCircle className="h-5 w-5 animate-bounce" />
-              </div>
-            )}
-
-            {chat.thought && chat.thought !== "" && !hidden && (
-              <div
-                onClick={() => setHidden((prev) => !prev)}
-                style={{ backgroundColor: nodeColors["thought"] }}
-                className=" inline-block w-full cursor-pointer px-5 pb-3 pt-3 text-start"
-                dangerouslySetInnerHTML={{
-                  __html: DOMPurify.sanitize(convert.toHtml(chat.thought)),
-                }}
-              ></div>
-            )}
-            {chat.thought && chat.thought !== "" && !hidden && <br></br>}
-            <div
-              className="w-full rounded-b-md px-4 pb-3 pr-8 pt-3"
-              style={{ backgroundColor: nodeColors["chat"] }}
-            >
-              {chat.message}
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="w-full text-end">
-          <div className="inline-block w-fit max-w-[280px] overflow-hidden rounded-xl rounded-tr-none bg-input p-3 px-5 text-start text-sm font-normal text-black">
-            {chat.message}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}