From 1a002d8bc590f208a9e6ee3ea4b9578f70199276 Mon Sep 17 00:00:00 2001
From: a1rhun <83606547+a1rhun@users.noreply.github.com>
Date: Wed, 20 Aug 2025 17:51:13 +0900
Subject: [PATCH 1/4] =?UTF-8?q?fix/#54=20=ED=8C=80=20=EC=B0=B8=EA=B0=80=20?=
 =?UTF-8?q?=EC=9E=90=EB=8F=99=EC=99=84=EC=84=B1=20off?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Team/addTeamButton.jsx | 135 +++++++++++++-------------
 1 file changed, 66 insertions(+), 69 deletions(-)

diff --git a/src/components/Team/addTeamButton.jsx b/src/components/Team/addTeamButton.jsx
index a41de58..0757a81 100644
--- a/src/components/Team/addTeamButton.jsx
+++ b/src/components/Team/addTeamButton.jsx
@@ -2,81 +2,78 @@ import React, { useState } from "react";
 import { Plus } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import {
-    Dialog,
-    DialogTrigger,
-    DialogContent,
-    DialogHeader,
-    DialogTitle,
-    DialogFooter,
-    DialogClose,
+  Dialog,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+  DialogClose,
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 
 export default function AddTeamButton({ onCreate, isCreating }) {
+  const [teamName, setTeamName] = useState("");
+  const [teamDesc, setTeamDesc] = useState("");
 
-    const [teamName, setTeamName] = useState("");
-    const [teamDesc, setTeamDesc] = useState("");
-    
+  const handleSubmit = () => {
+    if (!teamName.trim()) return;
+    onCreate({
+      teamName: teamName,
+      teamDescription: teamDesc,
+    });
+    setTeamName("");
+    setTeamDesc("");
+  };
 
-    const handleSubmit = () => {
-        if (!teamName.trim()) return;
-        onCreate({
-            teamName:teamName,
-            teamDescription:teamDesc
-        });
-        setTeamName("");
-        setTeamDesc("");
-    };
-
-
-    return (
-        <Dialog>
-            <DialogTrigger asChild>
-                <Button variant="default">
-                    <Plus size={16} />
-                    팀 생성
-                </Button>
-            </DialogTrigger>
-            <DialogContent className="sm:max-w-[400px]">
-                <DialogHeader>
-                    <DialogTitle>팀 생성</DialogTitle>
-                </DialogHeader>
-                <div className="grid gap-4 py-4">
-                    <div className="grid gap-2">
-                        <Label htmlFor="team-name">팀 이름</Label>
-                        <Input
-                            id="team-name"
-                            value={teamName}
-                            onChange={(e) => setTeamName(e.target.value)}
-                            placeholder="예: 타피오카"
-                        />
-                    </div>
-                    <div className="grid gap-2">
-                        <Label htmlFor="team-desc">설명 (선택)</Label>
-                        <Textarea
-                            id="team-desc"
-                            value={teamDesc}
-                            onChange={(e) => setTeamDesc(e.target.value)}
-                            placeholder="팀에 대한 간단한 소개"
-                        />
-                    </div>
-                </div>
-                <DialogFooter>
-                    <DialogClose asChild>
-                        <Button variant="outline">취소</Button>
-                    </DialogClose>
-                    <DialogClose asChild>
-                        <Button
-                            onClick={handleSubmit}
-                            disabled={!teamName.trim() || isCreating}
-                        >
-                            {isCreating ? '생성 중...' : '생성'}
-                        </Button>
-                    </DialogClose>
-                </DialogFooter>
-            </DialogContent>
-        </Dialog>
-    );
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button variant="default">
+          <Plus size={16} />팀 생성
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[400px]">
+        <DialogHeader>
+          <DialogTitle>팀 생성</DialogTitle>
+        </DialogHeader>
+        <div className="grid gap-4 py-4">
+          <div className="grid gap-2">
+            <Label htmlFor="team-name">팀 이름</Label>
+            <Input
+              id="team-name"
+              value={teamName}
+              onChange={(e) => setTeamName(e.target.value)}
+              placeholder="예: 타피오카"
+              autoComplete="off"
+            />
+          </div>
+          <div className="grid gap-2">
+            <Label htmlFor="team-desc">설명 (선택)</Label>
+            <Textarea
+              id="team-desc"
+              value={teamDesc}
+              onChange={(e) => setTeamDesc(e.target.value)}
+              placeholder="팀에 대한 간단한 소개"
+            />
+          </div>
+        </div>
+        <DialogFooter>
+          <DialogClose asChild>
+            <Button variant="outline">취소</Button>
+          </DialogClose>
+          <DialogClose asChild>
+            <Button
+              onClick={handleSubmit}
+              disabled={!teamName.trim() || isCreating}
+            >
+              {isCreating ? "생성 중..." : "생성"}
+            </Button>
+          </DialogClose>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
 }

From 57b4ed6c7a0823a72cfb5808d60f64bd5a1a8980 Mon Sep 17 00:00:00 2001
From: a1rhun <83606547+a1rhun@users.noreply.github.com>
Date: Wed, 20 Aug 2025 18:13:32 +0900
Subject: [PATCH 2/4] =?UTF-8?q?fix/#54=20=EB=8C=80=EC=8B=9C=EB=B3=B4?=
 =?UTF-8?q?=EB=93=9C=20=EC=A4=84=EB=B0=94=EA=BF=88=20=ED=97=88=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Dashboard.jsx              | 25 +++++++++++++++++++++++--
 src/styles/css/Dashboard.css         | 15 ++++++++++-----
 src/styles/scss/pages/Dashboard.scss | 18 +++++++++++-------
 3 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx
index 080ce12..f093f92 100644
--- a/src/pages/Dashboard.jsx
+++ b/src/pages/Dashboard.jsx
@@ -92,6 +92,7 @@ const Dashboard = ({ setActiveTab, setSpecData, setTrafficData }) => {
   const messagesEndRef = useRef(null);
   const params = useParams();
   const teamCode = params.teamCode;
+  const inputRef = useRef(null);
 
   // 2. useSendMessage 훅을 호출하고, mutate 함수와 로딩 상태(isPending)를 가져옵니다.
   const { mutate: postPrompt, isPending } = usePostPrompt();
@@ -149,6 +150,9 @@ const Dashboard = ({ setActiveTab, setSpecData, setTrafficData }) => {
         },
       }
     );
+    if (inputRef.current) {
+      inputRef.current.style.height = "48px";
+    }
   };
 
   return (
@@ -181,14 +185,31 @@ const Dashboard = ({ setActiveTab, setSpecData, setTrafficData }) => {
         </div>
 
         <form className="chat-input" onSubmit={handleSend}>
-          <input
-            type="text"
+          <textarea
             value={input}
+            ref={inputRef}
             onChange={(e) => setInput(e.target.value)}
             placeholder={
               isPending ? "응답을 기다리는 중..." : "메시지를 입력하세요"
             }
             disabled={isPending}
+            rows={1}
+            style={{ overflow: "hidden", resize: "none" }}
+            onInput={(e) => {
+              const textarea = e.target;
+              textarea.style.height = "auto";
+
+              const maxHeight = 4 * 24;
+              const newHeight = Math.min(textarea.scrollHeight, maxHeight);
+
+              textarea.style.height = `${newHeight}px`;
+            }}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && !e.shiftKey) {
+                e.preventDefault();
+                handleSend(e);
+              }
+            }}
           />
           <button type="submit" disabled={!input.trim() || isPending}>
             <img
diff --git a/src/styles/css/Dashboard.css b/src/styles/css/Dashboard.css
index 3a8eb8c..b659107 100644
--- a/src/styles/css/Dashboard.css
+++ b/src/styles/css/Dashboard.css
@@ -47,6 +47,7 @@
   background-color: #f1f1f1;
   padding: 8px 12px;
   border-radius: 16px;
+  width: -moz-fit-content;
   width: fit-content;
   max-width: 100%;
 }
@@ -81,8 +82,8 @@
   gap: 10px;
 }
 
-.chat-input input {
-  flex: 1;
+.chat-input textarea {
+  width: 100%;
   padding: 12px;
   border: 1px solid #D9D9D9;
   border-radius: 16px;
@@ -90,13 +91,17 @@
   line-height: 20px;
   font-weight: 400;
   letter-spacing: -2.5%;
-  color: #D9D9D9;
   color: #111;
+  line-height: 24px;
+  resize: none;
+  overflow: hidden;
+  line-height: 24px;
+  min-height: 24px;
+  max-height: 96px;
 }
-.chat-input input:focus {
+.chat-input textarea:focus {
   border-color: #111;
   outline: none;
-  color: #111;
 }
 
 .chat-input button {
diff --git a/src/styles/scss/pages/Dashboard.scss b/src/styles/scss/pages/Dashboard.scss
index 98c90bd..4c1a19b 100644
--- a/src/styles/scss/pages/Dashboard.scss
+++ b/src/styles/scss/pages/Dashboard.scss
@@ -80,19 +80,23 @@
     gap: 10px;
   }
   
-  .chat-input input {
-    flex: 1;
+  .chat-input textarea {
+    width: 100%;
     padding: 12px;
     border: 1px solid #D9D9D9;
     border-radius: 16px;
-    @include font-style("body2");  
-    color: #D9D9D9;
+    @include font-style("body2");
     color: #111;
-
+    line-height: 24px;
+    resize: none;
+    overflow: hidden;
+    line-height: 24px;
+    min-height: 24px;   // 1줄 기준
+    max-height: 96px;   // 4줄 기준
+  
     &:focus {
       border-color: #111;
-        outline: none;
-        color: #111;
+      outline: none;
     }
   }
   

From 15d057b316b3dcc430c0695d76c538364ccb3538 Mon Sep 17 00:00:00 2001
From: a1rhun <83606547+a1rhun@users.noreply.github.com>
Date: Wed, 20 Aug 2025 18:32:52 +0900
Subject: [PATCH 3/4] =?UTF-8?q?fix/#54=20sessionStorage=20=EC=9D=B4?=
 =?UTF-8?q?=EC=9A=A9=ED=95=98=EC=97=AC=20=ED=8C=80=20=EB=B3=84=20=EC=B1=84?=
 =?UTF-8?q?=ED=8C=85=20history=20=EB=82=A8=EA=B8=B0=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Dashboard.jsx | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx
index f093f92..b1084e0 100644
--- a/src/pages/Dashboard.jsx
+++ b/src/pages/Dashboard.jsx
@@ -84,25 +84,36 @@ const Dashboard = ({ setActiveTab, setSpecData, setTrafficData }) => {
   //     },
   //   },
   // });
-
-  const [messages, setMessages] = useState([
-    { role: "bot", text: "안녕하세요! 무엇을 도와드릴까요?" },
-  ]);
   const [input, setInput] = useState("");
   const messagesEndRef = useRef(null);
   const params = useParams();
   const teamCode = params.teamCode;
   const inputRef = useRef(null);
+  // ✅ 팀코드 기반 저장된 메시지 불러오기
+  const STORAGE_KEY = `chat_messages_${teamCode}`;
+
+  const [messages, setMessages] = useState(() => {
+    const saved = sessionStorage.getItem(STORAGE_KEY);
+    return saved
+      ? JSON.parse(saved)
+      : [{ role: "bot", text: "안녕하세요! 무엇을 도와드릴까요?" }];
+  });
 
   // 2. useSendMessage 훅을 호출하고, mutate 함수와 로딩 상태(isPending)를 가져옵니다.
   const { mutate: postPrompt, isPending } = usePostPrompt();
 
-  const scrollToBottom = () => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  };
+  // const scrollToBottom = () => {
+  //   messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  // };
 
+  // ✅ 메시지 저장
   useEffect(() => {
-    scrollToBottom();
+    sessionStorage.setItem(STORAGE_KEY, JSON.stringify(messages));
+  }, [messages, STORAGE_KEY]);
+
+  // ✅ 스크롤 항상 아래로
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   }, [messages]);
 
   const handleSend = (e) => {

From b25df0e6d79d5e1b40d2c729a26d17ce7450f3df Mon Sep 17 00:00:00 2001
From: a1rhun <83606547+a1rhun@users.noreply.github.com>
Date: Wed, 20 Aug 2025 18:51:11 +0900
Subject: [PATCH 4/4] =?UTF-8?q?fix/#54=20sideBar=20=EC=84=9C=EB=B2=84=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80=20=EC=8B=9C=20=ED=8A=B8=EB=A6=AC=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Home.jsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 40f89d9..7396bbf 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -71,6 +71,8 @@ const Home = () => {
 
       await checkServerStatus(url);
       alert("서버가 성공적으로 등록되었습니다.");
+
+      triggerServerRefetch();
     } catch (error) {
       const errorCode = error?.response?.data?.code || error?.code || null;
       const errorMessage =