From a4f91d7e2cb9237305267df3f9a5ce5d79b68b59 Mon Sep 17 00:00:00 2001
From: duwlsssss <rladuwls0814@gmail.com>
Date: Fri, 22 Aug 2025 12:02:07 +0900
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Refactor:=20panel=EC=97=90?=
 =?UTF-8?q?=20=EC=97=AC=EC=9C=A0=20=EC=A3=BC=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../panels/MeetingPanel/MeetingPanel.client.tsx           | 2 +-
 .../panels/MeetingPanel/RightPanel/RightPanel.client.tsx  | 2 +-
 .../MeetingPanel/SpeechPanel/SpeechPanel.client.tsx       | 8 ++++----
 src/features/ai-meeting-manager/hooks/useLevelFetching.ts | 2 --
 src/styles/custom-style.css                               | 1 +
 5 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/features/ai-meeting-manager/components/panels/MeetingPanel/MeetingPanel.client.tsx b/src/features/ai-meeting-manager/components/panels/MeetingPanel/MeetingPanel.client.tsx
index bf25c320..301e49e2 100644
--- a/src/features/ai-meeting-manager/components/panels/MeetingPanel/MeetingPanel.client.tsx
+++ b/src/features/ai-meeting-manager/components/panels/MeetingPanel/MeetingPanel.client.tsx
@@ -121,7 +121,7 @@ const MeetingPanel = ({ pageType, leftTab }: MeetingPanelProps) => {
               meetingStartTime={meetingStartTime}
               speeches={speeches}
             />
-            <div className="bottom-16pxr absolute inset-x-0 z-1 flex justify-center">
+            <div className="absolute inset-x-0 z-1 flex justify-center">
               {isMeetingPage ? (
                 <GnbBottomRecorderBar
                   connect={connect}
diff --git a/src/features/ai-meeting-manager/components/panels/MeetingPanel/RightPanel/RightPanel.client.tsx b/src/features/ai-meeting-manager/components/panels/MeetingPanel/RightPanel/RightPanel.client.tsx
index fa3e9cf5..917d92c8 100644
--- a/src/features/ai-meeting-manager/components/panels/MeetingPanel/RightPanel/RightPanel.client.tsx
+++ b/src/features/ai-meeting-manager/components/panels/MeetingPanel/RightPanel/RightPanel.client.tsx
@@ -40,7 +40,7 @@ const RightPanel = ({
         <CategoryOption label={label} active />
       </div>
       {/* 목록 부분 */}
-      <div className="scrollbar-component h-[calc(100dvh-var(--tab-height))] overflow-y-auto">
+      <div className="scrollbar-component flex h-[calc(100dvh-var(--tab-height))] flex-col items-center overflow-y-auto">
         {/* 설명 부분 */}
         <div className="gap-6pxr mt-36pxr mb-32pxr flex flex-col items-center">
           <div className="gap-3pxr flex items-center">
diff --git a/src/features/ai-meeting-manager/components/panels/MeetingPanel/SpeechPanel/SpeechPanel.client.tsx b/src/features/ai-meeting-manager/components/panels/MeetingPanel/SpeechPanel/SpeechPanel.client.tsx
index 4f7c73ef..a2fbd939 100644
--- a/src/features/ai-meeting-manager/components/panels/MeetingPanel/SpeechPanel/SpeechPanel.client.tsx
+++ b/src/features/ai-meeting-manager/components/panels/MeetingPanel/SpeechPanel/SpeechPanel.client.tsx
@@ -20,17 +20,17 @@ const SpeechPanel = ({ speeches, isMeetingPage, meetingStartTime }: SpeechPanelP
 
   useEffect(() => {
     if (isMeetingPage && lastItemRef.current) {
-      lastItemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+      lastItemRef.current.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'center' });
     }
   }, [isMeetingPage, speeches.length]);
 
   return (
     <div
       className={clsx(
-        'pl-20pxr pb-80pxr pr-14pxr scrollbar-component w-full overflow-y-auto',
+        'pl-20pxr pr-14pxr scrollbar-component w-full overflow-y-auto',
         isMeetingPage
-          ? 'pt-20pxr h-[calc(100dvh_-_var(--gnb-top-height)_-_var(--meeting-header-height))]'
-          : 'pt-10pxr h-[calc(100dvh_-_var(--gnb-top-height)_-_var(--meeting-header-height)_-_var(--tab-height))]',
+          ? 'pt-20pxr h-[calc(100dvh_-_var(--gnb-top-height)_-_var(--meeting-header-height)_-_var(--meeting-speech-panel-pb-height))] pb-[var(--meeting-speech-panel-pb-height)]'
+          : 'pt-10pxr pb-80pxr h-[calc(100dvh_-_var(--gnb-top-height)_-_var(--meeting-header-height)_-_var(--tab-height))]',
       )}
     >
       {noSpeeches ? (
diff --git a/src/features/ai-meeting-manager/hooks/useLevelFetching.ts b/src/features/ai-meeting-manager/hooks/useLevelFetching.ts
index 2362a043..b8112939 100644
--- a/src/features/ai-meeting-manager/hooks/useLevelFetching.ts
+++ b/src/features/ai-meeting-manager/hooks/useLevelFetching.ts
@@ -41,14 +41,12 @@ const useMicLevelFetching = (micCtlRef: React.MutableRefObject<MicController | n
     const setOn = () => {
       if (!currentRef.current) {
         currentRef.current = true;
-        console.debug('[level] => ON (setIsFetching(true))');
         setIsFetching(true);
       }
     };
     const setOff = () => {
       if (currentRef.current) {
         currentRef.current = false;
-        console.debug('[level] => OFF (setIsFetching(false))');
         setIsFetching(false);
       }
     };
diff --git a/src/styles/custom-style.css b/src/styles/custom-style.css
index aec2b512..d2139fa4 100644
--- a/src/styles/custom-style.css
+++ b/src/styles/custom-style.css
@@ -6,6 +6,7 @@
 
   /* ai-meeting-manager */
   --meeting-header-height: var(--spacing-104pxr);
+  --meeting-speech-panel-pb-height: var(--spacing-100pxr);
 }
 
 @layer utilities {