From 5f072b8c89f957f9a34bfcc95fd8b843300b3d7e Mon Sep 17 00:00:00 2001
From: nka21 <naoki.nico@gmail.com>
Date: Sun, 10 Aug 2025 13:41:46 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E5=BF=9C=E7=AD=94=E5=BE=85=E3=81=A1?=
 =?UTF-8?q?=E3=81=AE=E3=82=A2=E3=83=8B=E3=83=A1=E3=83=BC=E3=82=B7=E3=83=A7?=
 =?UTF-8?q?=E3=83=B3=E3=82=92=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/extension/src/components/ChatArea.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/apps/extension/src/components/ChatArea.tsx b/apps/extension/src/components/ChatArea.tsx
index 1785565..8c9e9e6 100644
--- a/apps/extension/src/components/ChatArea.tsx
+++ b/apps/extension/src/components/ChatArea.tsx
@@ -23,12 +23,8 @@ export const ChatArea = () => {
         {isLoading && (
           <div className="w-full">
             <div className="flex flex-col items-start gap-2">
-              <div className="inline-flex items-center gap-2 rounded-md bg-[#1f242b] px-3 py-2">
-                <div className="typing-dots">
-                  <span className="typing-dot" />
-                  <span className="typing-dot" />
-                  <span className="typing-dot" />
-                </div>
+              <div className="flex h-8 w-8 items-center justify-center">
+                <img src={PrismLogo} alt="prism" className="animate-bounce" />
               </div>
             </div>
           </div>

From bf6dfe696b701e51e57743587b7bcdc67c308e89 Mon Sep 17 00:00:00 2001
From: nka21 <naoki.nico@gmail.com>
Date: Sun, 10 Aug 2025 13:42:39 +0900
Subject: [PATCH 2/2] fix

---
 apps/extension/src/components/ChatArea.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/extension/src/components/ChatArea.tsx b/apps/extension/src/components/ChatArea.tsx
index 8c9e9e6..ac4b0eb 100644
--- a/apps/extension/src/components/ChatArea.tsx
+++ b/apps/extension/src/components/ChatArea.tsx
@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { ModelResponse } from "./ModelResponse";
 import { UserQuery } from "./UserQuery";
 import { useChat } from "@/hooks/useChat";
+import PrismLogo from "@assets/prism.png";
 
 export const ChatArea = () => {
   const { messages, isLoading } = useChat();