feat: add Mermaid architecture diagram to system information section

CodeWeaver/ui/app.py

@@ -322,6 +322,52 @@ def create_demo() -> gr.Blocks:
         with gr.Accordion("📊 시스템 아키텍처 및 상세 기술 정보", open=False):
             gr.Markdown("""
            ### 🏗️ 지능형 에이전트 아키텍처 
+            
+            #### 시스템 아키텍처 다이어그램
+            
+            ```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
+            ```
+            
             CodeWeaver는 단순한 LLM 호출을 넘어, 스스로 계획하고 검증하는 **LangGraph 기반 자율 에이전트**입니다.
             - **Planning & Dynamic Routing**: 질문 의도를 분석하여 단순 대화, 기술 질문, 다중 질문으로 분류하고 최적의 경로로 실행합니다.
             - **Map-Reduce**: 복합적인 질문을 독립된 하위 작업으로 분해하여 병렬 처리 후, 결과를 하나로 통합합니다.
@@ -344,8 +390,8 @@ def create_demo() -> gr.Blocks:
 
             ### 🛠️ Tech Stack
             - **Core**: LangGraph, LangChain, Python 3.12
-            - **Model**: Google Gemini 2.5 Flash Lite (Reasoning), Jina-Reranker (Evaluation)
-            - **Retrieval**: Tavily, StackExchange, GitHub API, FastEmbed
+            - **Model**: Google Gemini 2.5 Flash Lite, Jina-Reranker (Evaluation)
+            - **Retrieval**: Tavily, StackOverflow, GitHub API, FastEmbed
             - **Infra**: Neon Serverless PostgreSQL (Persistence), Qdrant Cloud (Semantic Cache)
             """)