전략조건 상세설명 기능 추가

frontend/src/components/StrategyEditorPage.tsx

@@ -72,6 +72,7 @@ import {
 } from '../utils/strategyImportExport';
 import PaletteChip from './strategyEditor/PaletteChip';
 import { readStoredSize, storeSize, usePanelResize } from './strategyEditor/usePanelResize';
+import StrategyDescriptionModal from './strategyEditor/StrategyDescriptionModal';
 import '../styles/strategyEditor.css';
 import '../styles/strategyEditorTheme.css';
 
@@ -141,6 +142,7 @@ export default function StrategyEditorPage({ theme }: Props) {
   const [isSaving, setIsSaving] = useState(false);
   const [saveOpen, setSaveOpen] = useState(false);
   const [deleteOpen, setDeleteOpen] = useState(false);
+  const [descOpen, setDescOpen] = useState(false);
   const [deleteId, setDeleteId] = useState<number | null>(null);
   const [selectedNodeId, setSelectedNodeId] = useState<string | null>(null);
   const initialDraftBuy = readTabLayout('draft', 'buy');
@@ -780,6 +782,21 @@ export default function StrategyEditorPage({ theme }: Props) {
             </button>
           </div>
           <button type="button" className="se-btn se-btn--ghost" onClick={handleNew}>＋ 새 전략</button>
+          <button
+            type="button"
+            className="se-btn se-btn--ghost se-btn--icon se-btn--desc"
+            title="전략 설명 — 현재 조건을 서술형으로 보기"
+            aria-label="전략 설명"
+            onClick={() => setDescOpen(true)}
+          >
+            <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden className="se-desc-icon">
+              <circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" strokeWidth="1.75" />
+              <path
+                fill="currentColor"
+                d="M11.25 10.5h1.5V17h-1.5V10.5zm0-3.25h1.5V9h-1.5V6.25z"
+              />
+            </svg>
+          </button>
           <button
             type="button"
             className="se-btn se-btn--ghost se-btn--icon"
@@ -1154,6 +1171,20 @@ export default function StrategyEditorPage({ theme }: Props) {
         </DraggableModalFrame>
       )}
 
+      {descOpen && (
+        <StrategyDescriptionModal
+          onClose={() => setDescOpen(false)}
+          name={stratName}
+          description={stratDesc}
+          buyEditorState={buyEditorState}
+          sellEditorState={sellEditorState}
+          buyCondition={buyCondition}
+          sellCondition={sellCondition}
+          orphanCount={orphanTotal}
+          def={DEF}
+        />
+      )}
+
       {snack && <div className={`se-snack${snack.ok ? '' : ' se-snack--err'}`}>{snack.msg}</div>}
     </div>
   );