From aff1893b948100c87300f5c21fecf86ef30c8b2c Mon Sep 17 00:00:00 2001
From: dasosann <goodtony0403@gmail.com>
Date: Wed, 11 Feb 2026 12:54:44 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=99=84?=
 =?UTF-8?q?=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Container4CutExplanation.tsx   | 36 ++++++++-----------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/feature/album/4cut/components/Container4CutExplanation.tsx b/src/feature/album/4cut/components/Container4CutExplanation.tsx
index a7f1ddc6..f3e1575f 100644
--- a/src/feature/album/4cut/components/Container4CutExplanation.tsx
+++ b/src/feature/album/4cut/components/Container4CutExplanation.tsx
@@ -26,7 +26,7 @@ export default function Container4CutExplanation({
 }: Container4CutExplanationProps) {
   const calculatedWidth = width ?? BASE_WIDTH * scale;
   const calculatedHeight = calculatedWidth * BASE_ASPECT_RATIO;
-  const { aiSummary, isCompleted, isLoading } = use4CutAiSummary(albumId);
+  const { aiSummary } = use4CutAiSummary(albumId);
 
   return (
     <div
@@ -53,29 +53,23 @@ export default function Container4CutExplanation({
           )}
         </div>
         {/* X 버튼 */}
-        <button
-          onClick={onClose}
-          className='rounded-full p-1 transition-colors hover:bg-gray-100'
-          aria-label='닫기'
-        >
-          <X className='text-text-secondary h-5 w-5' />
-        </button>
+        <div className='flex h-8 w-8 items-center justify-center rounded-full bg-element-primary-light'>
+          <button
+            onClick={onClose}
+            className='flex items-center justify-center'
+            aria-label='닫기'
+          >
+            <X className='text-text-secondary h-5 w-5' />
+          </button>
+        </div>
       </div>
 
       {/* Body: 텍스트 설명 */}
-      <div className='flex h-full flex-col justify-center p-4'>
-        <div className='bg-surface-white rounded-lg p-4'>
-          {isLoading ? (
-            <div className='flex items-center justify-center py-8'>
-              <div className='text-text-secondary text-sm'>
-                AI 요약 생성 중...
-              </div>
-            </div>
-          ) : (
-            <p className='text-text-basic text-sm leading-relaxed whitespace-pre-wrap'>
-              {aiSummary}
-            </p>
-          )}
+      <div className='flex h-full flex-col justify-start px-4'>
+        <div className='bg-surface-white rounded-lg p-4 h-[320px]'>
+          <p className='text-text-basic text-sm leading-relaxed whitespace-pre-wrap'>
+            {aiSummary}
+          </p>
         </div>
       </div>
     </div>

From 9ae6cb18319de938f10dcd413bfe7f0e55b09fdb Mon Sep 17 00:00:00 2001
From: dasosann <goodtony0403@gmail.com>
Date: Wed, 11 Feb 2026 13:37:18 +0900
Subject: [PATCH 2/2] feat: add Container4CutExplanation component for
 displaying AI-generated album summaries.

---
 .../album/4cut/components/Container4CutExplanation.tsx        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/feature/album/4cut/components/Container4CutExplanation.tsx b/src/feature/album/4cut/components/Container4CutExplanation.tsx
index f3e1575f..2f7c6a66 100644
--- a/src/feature/album/4cut/components/Container4CutExplanation.tsx
+++ b/src/feature/album/4cut/components/Container4CutExplanation.tsx
@@ -53,7 +53,7 @@ export default function Container4CutExplanation({
           )}
         </div>
         {/* X 버튼 */}
-        <div className='flex h-8 w-8 items-center justify-center rounded-full bg-element-primary-light'>
+        <div className='bg-element-primary-light flex h-8 w-8 items-center justify-center rounded-full'>
           <button
             onClick={onClose}
             className='flex items-center justify-center'
@@ -66,7 +66,7 @@ export default function Container4CutExplanation({
 
       {/* Body: 텍스트 설명 */}
       <div className='flex h-full flex-col justify-start px-4'>
-        <div className='bg-surface-white rounded-lg p-4 h-[320px]'>
+        <div className='bg-surface-white h-[320px] rounded-lg p-4'>
           <p className='text-text-basic text-sm leading-relaxed whitespace-pre-wrap'>
             {aiSummary}
           </p>