전략 설명 추가

frontend/src/components/StrategyEditorPage.tsx

@@ -107,6 +107,7 @@ import {
   type StrategyFlowLayoutStore,
 } from '../utils/strategyEditorLayoutStorage';
 import LogicExpressionPreview from './strategyEditor/LogicExpressionPreview';
+import LogicExpressionNarrative from './strategyEditor/LogicExpressionNarrative';
 import StrategyEditorCanvas, { type FlowLayoutSeed } from './strategyEditor/StrategyEditorCanvas';
 import StrategyListEditor from './strategyEditor/StrategyListEditor';
 import StartCombineOpControl from './strategyEditor/StartCombineOpControl';
@@ -178,7 +179,7 @@ const RIGHT_PANEL_MAX = 560;
 const RIGHT_PANEL_DEFAULT = 380;
 const TERMINAL_MIN = 88;
 const TERMINAL_MAX = 420;
-const TERMINAL_DEFAULT = 140;
+const TERMINAL_DEFAULT = 220;
 
 function readRightPanelWidth(): number {
   return clampPanelSize(
@@ -2088,15 +2089,33 @@ export default function StrategyEditorPage({
           />
 
           <footer className="se-terminal" style={{ height: terminalHeight }}>
-            <div className="se-terminal-label">LOGIC EXPRESSION</div>
-            <LogicExpressionPreview
-              buyCondition={buyCondition}
-              sellCondition={sellCondition}
-              buyEditorState={buyEditorState}
-              sellEditorState={sellEditorState}
-              orphanCount={orphanTotal}
-              def={DEF}
-            />
+            <div className="se-terminal-scroll">
+              <section className="se-terminal-section">
+                <div className="se-terminal-label">LOGIC EXPRESSION</div>
+                <LogicExpressionPreview
+                  buyCondition={buyCondition}
+                  sellCondition={sellCondition}
+                  buyEditorState={buyEditorState}
+                  sellEditorState={sellEditorState}
+                  orphanCount={orphanTotal}
+                  def={DEF}
+                />
+              </section>
+              <section className="se-terminal-section se-terminal-section--narrative">
+                <div className="se-terminal-label se-terminal-label--guide">조건 설명</div>
+                <LogicExpressionNarrative
+                  name={stratName}
+                  description={stratDesc}
+                  buyCondition={buyCondition}
+                  sellCondition={sellCondition}
+                  buyEditorState={buyEditorState}
+                  sellEditorState={sellEditorState}
+                  orphanCount={orphanTotal}
+                  def={DEF}
+                  compact
+                />
+              </section>
+            </div>
           </footer>
           </div>
         </main>