feat: replace Mermaid code with SVG architecture diagram image

CodeWeaver/ui/app.py

@@ -325,49 +325,16 @@ def create_demo() -> gr.Blocks:
             
             #### 시스템 아키텍처 다이어그램
             
-            ```mermaid
-            graph TD
-                %% 스타일 정의
-                classDef startend fill:#f9f,stroke:#333,stroke-width:2px;
-                classDef process fill:#e1f5fe,stroke:#0277bd,stroke-width:2px;
-                classDef decision fill:#fff9c4,stroke:#fbc02d,stroke-width:2px;
-                classDef subgraph_style fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px,stroke-dasharray: 5 5;
-
-                START((START)):::startend --> CreatePlan[Create Plan]:::process
-
-                %% Map (Fan-out) 단계
-                CreatePlan --"Single (1x)"--> SQS_Wrapper
-                CreatePlan --"Multi (Map: Nx)"--> SQS_Wrapper
-
-                %% 서브그래프 (복제되는 영역 표현)
-                subgraph SQS_Wrapper ["Parallel Execution (Send API)"]
-                    direction TB
-                    SQS[Single Question Subgraph]:::subgraph_style
-                end
-
-                %% Reduce (Fan-in) 단계
-                SQS_Wrapper --> Combine[Reduce: Combine Answers]:::process
-                Combine --> END((END)):::startend
-
-                %% 서브그래프 상세 로직
-                subgraph "Single Question Subgraph Details"
-                    Analyze[Analyze Question]:::process
-                    
-                    Analyze -->|General Chat| DirectGen[Generate Answer]:::process
-                    Analyze -->|History Context| HistoryGen[Generate w/ History]:::process
-                    Analyze -->|Technical| CheckCache[Check Cache]:::decision
-
-                    CheckCache -->|Hit| ReturnCache[Return Cached Answer]:::process
-                    CheckCache -->|Miss| SearchParallel[Search: SO / GitHub / Docs]:::process
-
-                    SearchParallel --> Evaluate[Evaluate & Rerank]:::decision
-
-                    Evaluate -->|Good| FinalGen[Generate Answer]:::process
-                    Evaluate -->|Poor| Refine[Refine Query]:::process
-                    Refine --> SearchParallel
-                end
-            ```
+            """)
             
+            # SVG 이미지 삽입
+            svg_path = Path(__file__).parent / "assets" / "architecture.svg"
+            if svg_path.exists():
+                gr.Image(value=str(svg_path), label="시스템 아키텍처", show_label=False, container=False)
+            else:
+                gr.Markdown("⚠️ 아키텍처 다이어그램을 불러올 수 없습니다.")
+            
+            gr.Markdown("""
             CodeWeaver는 단순한 LLM 호출을 넘어, 스스로 계획하고 검증하는 **LangGraph 기반 자율 에이전트**입니다.
             - **Planning & Dynamic Routing**: 질문 의도를 분석하여 단순 대화, 기술 질문, 다중 질문으로 분류하고 최적의 경로로 실행합니다.
             - **Map-Reduce**: 복합적인 질문을 독립된 하위 작업으로 분해하여 병렬 처리 후, 결과를 하나로 통합합니다.