llm 수정

frontend/src/components/StrategyEvaluationPage.tsx

@@ -811,6 +811,7 @@ export default function StrategyEvaluationPage({ theme = 'dark' }: Props) {
         contextSummary={aiVerifySummary}
         verifyContext={aiVerifyContext}
         result={aiVerifyResult}
+        theme={theme}
         onRetry={() => { void runAiVerify(); }}
       />
     </div>

frontend/src/components/strategyEvaluation/StrategyEvaluationAiVerifyModal.tsx

@@ -10,6 +10,8 @@ import type {
 import { buildAiVerifyFixPoints } from '../../utils/strategyEvaluationAiVerify';
 import type { StrategyEvaluationAiVerifyResponse } from '../../utils/strategyEvaluationAiVerify';
 
+import type { Theme } from '../../types';
+
 interface Props {
   open: boolean;
   onClose: () => void;
@@ -19,6 +21,7 @@ interface Props {
   verifyContext: StrategyEvaluationAiVerifyContext | null;
   result: StrategyEvaluationAiVerifyResponse | null;
   onRetry?: () => void;
+  theme?: Theme;
 }
 
 function renderAnalysisMarkdown(text: string): React.ReactNode {
@@ -227,6 +230,7 @@ const StrategyEvaluationAiVerifyModal: React.FC<Props> = ({
   verifyContext,
   result,
   onRetry,
+  theme = 'dark',
 }) => {
   const bodyRef = useRef<HTMLDivElement>(null);
 
@@ -260,20 +264,20 @@ const StrategyEvaluationAiVerifyModal: React.FC<Props> = ({
 
   const content = (
     <div
-      className="seval-ai-verify-overlay"
+      className="seval-ai-verify-overlay app-popup-overlay--dim"
       role="presentation"
       onClick={handleBackdrop}
     >
       <div
-        className="seval-ai-verify-modal"
+        className={`seval-ai-verify-modal app-popup-shell se-page se-page--${theme}`}
         role="dialog"
         aria-modal="true"
         aria-labelledby="seval-ai-verify-title"
         onClick={e => e.stopPropagation()}
       >
-        <header className="seval-ai-verify-head">
-          <div className="seval-ai-verify-head-main">
-            <h2 id="seval-ai-verify-title" className="seval-ai-verify-title">
+        <header className="seval-ai-verify-head app-popup-header">
+          <div className="seval-ai-verify-head-main app-popup-header-left">
+            <h2 id="seval-ai-verify-title" className="seval-ai-verify-title app-popup-header-title">
               AI 전략평가 검증
             </h2>
             {contextSummary && (
@@ -282,7 +286,7 @@ const StrategyEvaluationAiVerifyModal: React.FC<Props> = ({
           </div>
           <button
             type="button"
-            className="seval-ai-verify-close"
+            className="seval-ai-verify-close app-popup-close"
             aria-label="닫기"
             onClick={onClose}
           >
@@ -290,7 +294,7 @@ const StrategyEvaluationAiVerifyModal: React.FC<Props> = ({
           </button>
         </header>
 
-        <div ref={bodyRef} className="seval-ai-verify-body">
+        <div ref={bodyRef} className="seval-ai-verify-body app-popup-body">
           {loading && (
             <div className="seval-ai-verify-loading" aria-live="polite">
               <span className="btd-run-spinner seval-ai-verify-spinner" aria-hidden />