fix docker build for vendored page agent

src/pages/applications/ReleaseManagementPage.tsx

@@ -164,7 +164,7 @@ export function ReleaseManagementPage() {
   const [version, setVersion] = useState('');
   const [releaseModalOpen, setReleaseModalOpen] = useState(false);
   const [selectedBuildIds, setSelectedBuildIds] = useState<string[]>([]);
-  const [openLogReleaseId, setOpenLogReleaseId] = useState('');
+  const [selectedReleaseLogId, setSelectedReleaseLogId] = useState('');
   const [loading, setLoading] = useState(true);
   const [page, setPage] = useState(1);
   const [range, setRange] = useState<ReleaseRange>('week');
@@ -262,6 +262,8 @@ export function ReleaseManagementPage() {
     }
   };
 
+  const selectedReleaseLog = releases.find((release) => release.id === selectedReleaseLogId) ?? null;
+
   return (
     <>
       <PageTitle
@@ -306,7 +308,6 @@ export function ReleaseManagementPage() {
             ) : null}
             {pagedReleases.map((release) => {
               const artifacts = releaseArtifacts(release);
-              const isLogOpen = openLogReleaseId === release.id;
               return (
                 <div key={release.id} className="rounded-md border border-border bg-background/70 p-4">
                   <div className="flex flex-wrap items-center justify-between gap-3">
@@ -319,9 +320,9 @@ export function ReleaseManagementPage() {
                       variant="outline"
                       className="size-8 px-0"
                       disabled={!release.logs}
-                      title={isLogOpen ? '로그 닫기' : '로그'}
-                      aria-label={isLogOpen ? '로그 닫기' : '로그'}
-                      onClick={() => setOpenLogReleaseId((prev) => prev === release.id ? '' : release.id)}
+                      title="로그"
+                      aria-label="로그"
+                      onClick={() => setSelectedReleaseLogId(release.id)}
                     >
                       <MoreHorizontal className="size-4" />
                     </Button>
@@ -342,11 +343,6 @@ export function ReleaseManagementPage() {
                       <p className="mt-1 text-xs text-muted-foreground">-</p>
                     )}
                   </div>
-                  {isLogOpen ? (
-                    <pre className="mt-3 max-h-72 overflow-auto rounded-md border border-border bg-black/70 p-3 font-mono text-xs leading-5 text-slate-100">
-                      {release.logs}
-                    </pre>
-                  ) : null}
                 </div>
               );
             })}
@@ -442,6 +438,23 @@ export function ReleaseManagementPage() {
           </div>
         </div>
       </Modal>
+      <Modal
+        open={Boolean(selectedReleaseLog)}
+        title="릴리즈 로그"
+        onClose={() => setSelectedReleaseLogId('')}
+        className="log-modal-shell"
+        footer={<Button variant="outline" onClick={() => setSelectedReleaseLogId('')}>닫기</Button>}
+      >
+        {selectedReleaseLog?.logs ? (
+          <pre className="whitespace-pre-wrap rounded-md border border-border bg-background p-4 font-mono text-xs leading-5 text-muted-foreground">
+            {selectedReleaseLog.logs}
+          </pre>
+        ) : (
+          <div className="flex min-h-44 items-center justify-center text-center text-sm text-muted-foreground">
+            로그가 없습니다.
+          </div>
+        )}
+      </Modal>
       <LoadingModal open={loadingVisible} />
     </>
   );