From 51c5cc4bbc2651aa9f276821b36a963df6397338 Mon Sep 17 00:00:00 2001
From: miyakoshi-3854 <208133564+miyakoshi-3854@users.noreply.github.com>
Date: Sun, 10 Aug 2025 12:38:02 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=E3=83=81=E3=83=A3=E3=83=83=E3=83=88?=
 =?UTF-8?q?=E3=82=A8=E3=83=AA=E3=82=A2=E3=81=AE=E3=82=B9=E3=82=AF=E3=83=AD?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E3=83=90=E3=83=BC=E3=82=92=E9=9D=9E=E8=A1=A8?=
 =?UTF-8?q?=E7=A4=BA=E3=81=AB=E3=81=99=E3=82=8B=E3=82=B9=E3=82=BF=E3=82=A4?=
 =?UTF-8?q?=E3=83=AB=E3=82=92=E8=BF=BD=E5=8A=A0=E3=80=82=E5=85=B1=E9=80=9A?=
 =?UTF-8?q?=E3=81=AE=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB=E3=83=90?=
 =?UTF-8?q?=E3=83=BC=E9=9D=9E=E8=A1=A8=E7=A4=BA=E3=83=A6=E3=83=BC=E3=83=86?=
 =?UTF-8?q?=E3=82=A3=E3=83=AA=E3=83=86=E3=82=A3=E3=82=82=E5=AE=9F=E8=A3=85?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/extension/src/globals.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/apps/extension/src/globals.css b/apps/extension/src/globals.css
index 5ae0b1b..01df2fe 100644
--- a/apps/extension/src/globals.css
+++ b/apps/extension/src/globals.css
@@ -32,3 +32,23 @@
 .typing-dot:nth-child(3) {
   animation-delay: 0.4s;
 }
+
+/* ChatArea: スクロールバーを非表示にする */
+.chat-scroll {
+  -ms-overflow-style: none; /* IE/Edge */
+  scrollbar-width: none; /* Firefox */
+}
+.chat-scroll::-webkit-scrollbar {
+  display: none; /* Chrome/Safari */
+}
+
+/* 共通: スクロールバー非表示ユーティリティ */
+.no-scrollbar {
+  -ms-overflow-style: none; /* IE/Edge */
+  scrollbar-width: none; /* Firefox */
+}
+.no-scrollbar::-webkit-scrollbar {
+  display: none; /* Chrome/Safari */
+  width: 0;
+  height: 0;
+}

From 2bdb2b7010ffcaf49a4ba70beeb429782d21a12b Mon Sep 17 00:00:00 2001
From: miyakoshi-3854 <208133564+miyakoshi-3854@users.noreply.github.com>
Date: Sun, 10 Aug 2025 12:38:09 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=E3=83=81=E3=83=A3=E3=83=83=E3=83=88?=
 =?UTF-8?q?=E3=82=A8=E3=83=AA=E3=82=A2=E3=81=AB=E3=82=B9=E3=82=AF=E3=83=AD?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB=E6=A9=9F=E8=83=BD=E3=82=92=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=E3=81=97=E3=80=81=E3=83=A1=E3=83=83=E3=82=BB=E3=83=BC=E3=82=B8?=
 =?UTF-8?q?=E3=81=8C=E6=9B=B4=E6=96=B0=E3=81=95=E3=82=8C=E3=82=8B=E3=81=9F?=
 =?UTF-8?q?=E3=81=B3=E3=81=AB=E8=87=AA=E5=8B=95=E3=81=A7=E3=82=B9=E3=82=AF?=
 =?UTF-8?q?=E3=83=AD=E3=83=BC=E3=83=AB=E3=81=99=E3=82=8B=E3=82=88=E3=81=86?=
 =?UTF-8?q?=E3=81=AB=E4=BF=AE=E6=AD=A3=E3=80=82=E3=82=B3=E3=83=B3=E3=83=86?=
 =?UTF-8?q?=E3=83=8A=E3=81=AE=E5=8F=82=E7=85=A7=E3=82=92=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=E3=81=97=E3=80=81=E4=B8=8D=E8=A6=81=E3=81=AA=E3=83=AD=E3=82=B0?=
 =?UTF-8?q?=E5=87=BA=E5=8A=9B=E3=82=92=E5=89=8A=E9=99=A4=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/extension/src/components/ChatArea.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/extension/src/components/ChatArea.tsx b/apps/extension/src/components/ChatArea.tsx
index 1785565..dc35b8b 100644
--- a/apps/extension/src/components/ChatArea.tsx
+++ b/apps/extension/src/components/ChatArea.tsx
@@ -1,18 +1,25 @@
-import { useEffect } from "react";
+import { useEffect, useRef, useCallback } from "react";
 import { ModelResponse } from "./ModelResponse";
 import { UserQuery } from "./UserQuery";
 import { useChat } from "@/hooks/useChat";
 
 export const ChatArea = () => {
   const { messages, isLoading } = useChat();
+  const containerRef = useRef<HTMLDivElement>(null);
+
+  const scrollToBottom = useCallback(() => {
+    if (messages.length === 0 && !isLoading) return;
+    const el = containerRef.current;
+    if (el) el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+  }, [messages.length, isLoading]);
 
   useEffect(() => {
-    console.log(messages);
-  }, [messages]);
+    scrollToBottom();
+  }, [scrollToBottom]);
 
   return (
-    <div className="grow overflow-y-auto p-4">
-      <div className="flex grow flex-col gap-4">
+    <div ref={containerRef} className="chat-scroll grow overflow-y-auto p-4">
+      <div className="flex flex-col gap-4">
         {messages.map((m) =>
           m.role === "user" ? (
             <UserQuery key={m.id} content={m.content} />

From 208c516fde7c105aa3bf9a63aa720678082d6282 Mon Sep 17 00:00:00 2001
From: miyakoshi-3854 <208133564+miyakoshi-3854@users.noreply.github.com>
Date: Sun, 10 Aug 2025 12:38:18 +0900
Subject: [PATCH 3/3] =?UTF-8?q?=E3=83=81=E3=83=A3=E3=83=83=E3=83=88?=
 =?UTF-8?q?=E5=85=A5=E5=8A=9B=E3=82=A8=E3=83=AA=E3=82=A2=E3=81=AE=E3=83=86?=
 =?UTF-8?q?=E3=82=AD=E3=82=B9=E3=83=88=E3=82=A8=E3=83=AA=E3=82=A2=E3=81=AB?=
 =?UTF-8?q?=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB=E3=83=90=E3=83=BC?=
 =?UTF-8?q?=E3=82=92=E9=9D=9E=E8=A1=A8=E7=A4=BA=E3=81=AB=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=E3=82=AF=E3=83=A9=E3=82=B9=E3=82=92=E8=BF=BD=E5=8A=A0=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/apps/extension/src/components/ChatInput.tsx b/apps/extension/src/components/ChatInput.tsx
index 92a0a55..4fa3b4c 100644
--- a/apps/extension/src/components/ChatInput.tsx
+++ b/apps/extension/src/components/ChatInput.tsx
@@ -35,7 +35,7 @@ export const ChatInput = () => {
         <div className="flex flex-col">
           <div className="whitespace-pre-wrap">
             <textarea
-              className="w-full resize-none bg-transparent p-4 leading-6 focus:outline-none"
+              className="no-scrollbar w-full resize-none bg-transparent p-4 leading-6 focus:outline-none"
               placeholder="Prismと相談!"
               autoComplete="off"
               spellCheck="false"