Remove has_stock_etf feature and add system prompt modal

- Remove has_stock_etf checkbox, logic, and ETF URL generation
- Add system prompt modal UI positioned on left side of screen
- Add 📝 button in chat header to open system prompt viewer
- Implement /system-prompt API endpoint to return current prompt
- Extract system prompt building logic into reusable function
- Add responsive design for mobile devices
- Apply changes to both embedded (chat-widget.js) and standalone (chat-widget.html) versions

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

api_server.py

@@ -48,7 +48,6 @@ PRICE = {
 }
 
 SITE_LANGUAGES = ['繁體中文', '简体中文', 'English']
-LANGUAGE_PROMPTS = ['- 使用繁體中文', '- 使用简体中文', '- Use English.']
 SUBDOMAINS = ['www', 'sc', 'en']
 LANG_ROUTES = ['zh-tw', 'zh-cn', 'en-001']
 
@@ -74,7 +73,6 @@ class ConfigModel(BaseModel):
     has_quickie: bool = True
     has_blog: bool = True
     has_edm: bool = True
-    has_stock_etf: bool = True
     has_hc: bool = True
     has_google_search: bool = True
     thinking_model: str = 'gemini-2.5-flash-preview-05-20'
@@ -85,6 +83,13 @@ class SearchRequest(BaseModel):
 class SearchResponse(BaseModel):
     results: str
 
+class SystemPromptRequest(BaseModel):
+    message: str
+    config: Optional[Dict[str, Any]] = {}
+
+class SystemPromptResponse(BaseModel):
+    system_prompt: str
+
 # Global variables for token counting
 class TokenCounter:
     def __init__(self):
@@ -181,14 +186,20 @@ def generate_content(user_prompt, system_prompt, response_type, response_schema,
     token_counter.accumulate(response.usage_metadata, model)
     return response
 
-def get_user_prompt_lang(user_prompt, token_counter):
-    system_prompt = 'Given a user query, identify its language as one of the three: zh-tw, zh-cn, other'
+def get_site_language_idx(user_prompt, token_counter):
+    system_prompt = 'Given a user query, identify its language code'
     response_type = 'application/json'
     response_schema = str
     tools = None
     try:
         response_parsed = generate_content(user_prompt, system_prompt, response_type, response_schema, tools, token_counter).parsed
-        return {'zh-tw': 0, 'zh-cn': 1, 'other': 2}[response_parsed.lower()]
+        lang_idx_map = {
+            'zh': 0,
+            'zh-tw': 0, 'tw': 0,
+            'zh-cn': 1, 'cn': 1,
+            }
+        site_language_idx = lang_idx_map.get(response_parsed.lower(), 2)
+        return site_language_idx # site_language = 'English' for other languages
     except Exception as e:
         raise HTTPException(status_code=500, detail=f"Language detection error: {e}")
 
@@ -282,6 +293,87 @@ def get_retrieval_from_help_center(csv_file, user_prompt, knowledge, token_count
         df['html'] = htmls
         return df.to_json(orient='records', force_ascii=False)
 
+def build_system_prompt(user_prompt, config, knowledge, token_counter):
+    """Build the system prompt based on user input and configuration"""
+    # Detect language
+    site_language_idx = get_site_language_idx(user_prompt, token_counter)
+    site_language = SITE_LANGUAGES[site_language_idx]
+    subdomain = SUBDOMAINS[site_language_idx]
+    
+    # Get base system prompt
+    system_prompt = ''
+    system_prompt += f'- language = "{site_language}"\n'
+    system_prompt += f'- subdomain = "{subdomain}"\n'
+    if SYSTEM_PROMPT_URL:
+        try:
+            system_prompt += requests.get(SYSTEM_PROMPT_URL).text
+        except:
+            system_prompt += "You are MM Madam, a helpful financial AI assistant."
+    else:
+        system_prompt += "You are MM Madam, a helpful financial AI assistant."
+    
+    # Create dummy contents for type detection
+    contents = [{'role': 'user', 'content': user_prompt}]
+    dummy_contents = []
+    for msg in contents:
+        dummy_contents.append(types.Content(
+            role="user" if msg['role'] == "user" else "model",
+            parts=[types.Part.from_text(text=msg['content'])]
+        ))
+    
+    # Determine prompt type
+    user_prompt_type_pro = get_user_prompt_type(dummy_contents, token_counter)
+    
+    if user_prompt_type_pro:
+        if not config.is_paid_user:
+            system_prompt += '- 你會鼓勵用戶升級成為付費用戶就能享有完整問答服務，並且提供訂閱方案連結  \n'
+            system_prompt += f'`https://{subdomain}.macromicro.me/subscribe`  \n'
+        
+        # Add retrievals based on config
+        if config.has_chart and config.is_paid_user:
+            if retrieval := get_retrieval_from_charts_data_api('chart.csv', user_prompt, knowledge, token_counter):
+                system_prompt += '- MM圖表的資料，當中時間序列（series）包含前值及最新數據，務必引用  \n'
+                system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/charts/{{id}}/{{slug}}`  \n'
+                system_prompt += f'```\n{retrieval}\n```\n'
+        
+        if config.has_quickie and config.is_paid_user:
+            if retrieval := get_retrieval('quickie.csv', user_prompt, knowledge, token_counter):
+                system_prompt += '- MM短評的資料  \n'
+                system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/quickie?id={{id}}`  \n' if subdomain != 'en' else ''
+                system_prompt += f'```\n{retrieval}\n```\n'
+        
+        if config.has_blog and config.is_paid_user:
+            if retrieval := get_retrieval('post.csv', user_prompt, knowledge, token_counter):
+                system_prompt += '- MM部落格的資料  \n'
+                system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/blog/{{slug}}`  \n' if subdomain != 'en' else ''
+                system_prompt += f'```\n{retrieval}\n```\n'
+            if retrieval := get_retrieval('post_en.csv', user_prompt, knowledge, token_counter):
+                system_prompt += '- MM英文部落格的資料  \n'
+                system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/blog/{{slug}}`  \n' if subdomain == 'en' else ''
+                system_prompt += f'```\n{retrieval}\n```\n'
+        
+        if config.has_edm and config.is_paid_user:
+            if retrieval := get_retrieval('edm.csv', user_prompt, knowledge, token_counter):
+                system_prompt += '- MM獨家報告的資料  \n'
+                system_prompt += f'```\n{retrieval}\n```\n'
+        
+        if config.has_google_search:
+            if retrieval := get_retrieval_from_google_search(user_prompt, token_counter):
+                system_prompt += '- 網路搜尋的資料  \n'
+                system_prompt += f'```\n{retrieval}\n```\n'
+    else:
+        if config.has_hc:
+            lang_route = LANG_ROUTES[site_language_idx]
+            if retrieval := get_retrieval_from_help_center(f'hc/{lang_route}/_log.csv', user_prompt, knowledge, token_counter):
+                system_prompt += '- MM幫助中心的資料  \n'
+                system_prompt += '不要提供來信或來電的客服聯繫方式  \n'
+                system_prompt += f'網址規則 `https://support.macromicro.me/hc/{lang_route}/articles/{{id}}`  \n'
+                system_prompt += f'```\n{retrieval}\n```\n'
+            system_prompt += f'- MM幫助中心網址 `https://support.macromicro.me/hc/{lang_route}`  \n'
+        system_prompt += '- 若非網站客服相關問題，你會婉拒回答  \n'
+    
+    return system_prompt
+
 @app.post("/chat", response_model=ChatResponse)
 async def chat(request: ChatRequest):
     """Main chat endpoint"""
@@ -308,81 +400,10 @@ async def chat(request: ChatRequest):
         user_prompt = request.message
         contents.append(types.Content(role="user", parts=[types.Part.from_text(text=user_prompt)]))
         
-        # Detect language
-        site_language_idx = get_user_prompt_lang(user_prompt, token_counter)
+        # Build system prompt using the extracted function
+        system_prompt = build_system_prompt(user_prompt, config, knowledge, token_counter)
+        site_language_idx = get_site_language_idx(user_prompt, token_counter)
         site_language = SITE_LANGUAGES[site_language_idx]
-        subdomain = SUBDOMAINS[site_language_idx]
-        
-        # Get system prompt
-        if SYSTEM_PROMPT_URL:
-            try:
-                system_prompt = requests.get(SYSTEM_PROMPT_URL).text
-            except Exception as e:
-                print(f"Warning: Could not fetch system prompt: {e}")
-                system_prompt = "You are MM Madam, a helpful financial AI assistant."
-        else:
-            system_prompt = "You are MM Madam, a helpful financial AI assistant."
-        
-        # Determine prompt type
-        user_prompt_type_pro = get_user_prompt_type(contents, token_counter)
-        
-        if user_prompt_type_pro:
-            if not config.is_paid_user:
-                system_prompt += '- 你會鼓勵用戶升級成為付費用戶就能享有完整問答服務，並且提供訂閱方案連結  \n'
-                system_prompt += f'`https://{subdomain}.macromicro.me/subscribe`  \n'
-            
-            # Add retrievals based on config
-            if config.has_chart and config.is_paid_user:
-                if retrieval := get_retrieval_from_charts_data_api('chart.csv', user_prompt, knowledge, token_counter):
-                    system_prompt += '- MM圖表的資料，當中時間序列（series）包含前值及最新數據，務必引用  \n'
-                    system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/charts/{{id}}/{{slug}}`  \n'
-                    system_prompt += f'```\n{retrieval}\n```\n'
-            
-            if config.has_quickie and config.is_paid_user:
-                if retrieval := get_retrieval('quickie.csv', user_prompt, knowledge, token_counter):
-                    system_prompt += '- MM短評的資料  \n'
-                    system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/quickie?id={{id}}`  \n' if subdomain != 'en' else ''
-                    system_prompt += f'```\n{retrieval}\n```\n'
-            
-            if config.has_blog and config.is_paid_user:
-                if retrieval := get_retrieval('post.csv', user_prompt, knowledge, token_counter):
-                    system_prompt += '- MM部落格的資料  \n'
-                    system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/blog/{{slug}}`  \n' if subdomain != 'en' else ''
-                    system_prompt += f'```\n{retrieval}\n```\n'
-                if retrieval := get_retrieval('post_en.csv', user_prompt, knowledge, token_counter):
-                    system_prompt += '- MM英文部落格的資料  \n'
-                    system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/blog/{{slug}}`  \n' if subdomain == 'en' else ''
-                    system_prompt += f'```\n{retrieval}\n```\n'
-            
-            if config.has_edm and config.is_paid_user:
-                if retrieval := get_retrieval('edm.csv', user_prompt, knowledge, token_counter):
-                    system_prompt += '- MM獨家報告的資料  \n'
-                    system_prompt += f'網址規則 `https://{subdomain}.macromicro.me/mails/edm/{"tc" if site_language[0] == "繁" else "sc"}/display/{{id}}`  \n' if subdomain != 'en' else ''
-                    system_prompt += f'```\n{retrieval}\n```\n'
-            
-            if config.has_stock_etf:
-                system_prompt += '- MM美股財報資料庫、ETF專區的網址規則  \n'
-                system_prompt += f'美股財報資料庫 `https://{subdomain}.macromicro.me/stocks/info/{{ticker_symbol}}`  \n'
-                system_prompt += f'美國ETF專區 `https://{subdomain}.macromicro.me/etf/us/intro/{{ticker_symbol}}`  \n'
-                system_prompt += f'台灣ETF專區 `https://{subdomain}.macromicro.me/etf/tw/intro/{{ticker_symbol}}`  \n'
-            
-            if config.has_google_search:
-                if retrieval := get_retrieval_from_google_search(user_prompt, token_counter):
-                    system_prompt += '- 網路搜尋的資料  \n'
-                    system_prompt += f'```\n{retrieval}\n```\n'
-        else:
-            if config.has_hc:
-                lang_route = LANG_ROUTES[site_language_idx]
-                if retrieval := get_retrieval_from_help_center(f'hc/{lang_route}/_log.csv', user_prompt, knowledge, token_counter):
-                    system_prompt += '- MM幫助中心的資料  \n'
-                    system_prompt += '不要提供來信或來電的客服聯繫方式  \n'
-                    system_prompt += f'網址規則 `https://support.macromicro.me/hc/{lang_route}/articles/{{id}}`  \n'
-                    system_prompt += f'```\n{retrieval}\n```\n'
-                system_prompt += f'- MM幫助中心網址 `https://support.macromicro.me/hc/{lang_route}`  \n'
-            system_prompt += '- 若非網站客服相關問題，你會婉拒回答  \n'
-        
-        # Add language instruction
-        system_prompt += LANGUAGE_PROMPTS[site_language_idx]
         
         # Generate response
         response_type = 'text/plain'
@@ -448,6 +469,30 @@ async def search(request: SearchRequest):
         traceback.print_exc()  # Print full stack trace
         raise HTTPException(status_code=500, detail=str(e))
 
+@app.post("/system-prompt", response_model=SystemPromptResponse)
+async def get_system_prompt(request: SystemPromptRequest):
+    """Get the system prompt that would be used for a given message and config"""
+    token_counter = TokenCounter()
+    
+    try:
+        print(f"Received system prompt request: {request.message[:50]}...")  # Debug log
+        # Parse configuration
+        config = ConfigModel(**request.config) if request.config else ConfigModel()
+        
+        # Get knowledge
+        knowledge = get_knowledge()
+        
+        # Build system prompt
+        system_prompt = build_system_prompt(request.message, config, knowledge, token_counter)
+        
+        return SystemPromptResponse(system_prompt=system_prompt)
+        
+    except Exception as e:
+        print(f"System prompt error: {str(e)}")  # Debug log
+        import traceback
+        traceback.print_exc()  # Print full stack trace
+        raise HTTPException(status_code=500, detail=str(e))
+
 @app.get("/")
 async def serve_index():
     """Serve the main index.html page"""

chat-widget.html

@@ -325,6 +325,109 @@
             margin-bottom: 20px;
         }
 
+        .mm-system-prompt-modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100vw;
+            height: 100vh;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 20000;
+            display: none;
+            align-items: center;
+            justify-content: flex-start;
+            padding-left: 50px;
+        }
+
+        .mm-system-prompt-modal.open {
+            display: flex;
+        }
+
+        .mm-system-prompt-content {
+            background: white;
+            width: 600px;
+            max-width: 90vw;
+            height: 80vh;
+            border-radius: 12px;
+            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        }
+
+        .mm-system-prompt-header {
+            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
+            color: white;
+            padding: 20px 25px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .mm-system-prompt-header h3 {
+            margin: 0;
+            font-size: 18px;
+            font-weight: 600;
+        }
+
+        .mm-system-prompt-close {
+            background: none;
+            border: none;
+            color: white;
+            cursor: pointer;
+            font-size: 20px;
+            padding: 0;
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background 0.2s ease;
+        }
+
+        .mm-system-prompt-close:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+
+        .mm-system-prompt-body {
+            flex: 1;
+            padding: 25px;
+            overflow-y: auto;
+            background: #f8f9fa;
+        }
+
+        .mm-system-prompt-text {
+            background: white;
+            border: 1px solid #e0e0e0;
+            border-radius: 8px;
+            padding: 20px;
+            font-family: Monaco, Consolas, monospace;
+            font-size: 12px;
+            line-height: 1.5;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            color: #333;
+            max-height: 100%;
+            overflow-y: auto;
+        }
+
+        .mm-system-prompt-toggle {
+            background: none;
+            border: none;
+            color: white;
+            cursor: pointer;
+            font-size: 16px;
+            padding: 5px;
+            margin-left: 5px;
+            border-radius: 4px;
+            transition: background 0.2s ease;
+        }
+
+        .mm-system-prompt-toggle:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+
         /* Mobile responsive */
         @media (max-width: 768px) {
             .mm-chat-widget {
@@ -338,6 +441,16 @@
                 bottom: 70px;
                 right: -10px;
             }
+
+            .mm-system-prompt-modal {
+                padding-left: 10px;
+                padding-right: 10px;
+            }
+
+            .mm-system-prompt-content {
+                width: 100%;
+                height: 90vh;
+            }
         }
     </style>
 </head>
@@ -350,6 +463,7 @@
                     <h3>👩🏻‍💼 MM Madam</h3>
                 </div>
                 <div>
+                    <button class="mm-system-prompt-toggle" id="mmSystemPromptToggle">📝</button>
                     <button class="mm-config-toggle" id="mmConfigToggle">⚙️</button>
                     <button class="mm-chat-close" id="mmChatClose">×</button>
                 </div>
@@ -387,12 +501,6 @@
                         📮 MM獨家報告
                     </label>
                 </div>
-                <div class="mm-config-item">
-                    <label>
-                        <input type="checkbox" id="hasStockEtf" checked>
-                        📈 MM美股財報、ETF專區
-                    </label>
-                </div>
                 <div class="mm-config-item">
                     <label>
                         <input type="checkbox" id="hasHc" checked>
@@ -437,6 +545,20 @@
         </div>
     </div>
 
+    <div class="mm-system-prompt-modal" id="mmSystemPromptModal">
+        <div class="mm-system-prompt-content">
+            <div class="mm-system-prompt-header">
+                <h3>📝 System Prompt</h3>
+                <button class="mm-system-prompt-close" id="mmSystemPromptClose">×</button>
+            </div>
+            <div class="mm-system-prompt-body">
+                <div class="mm-system-prompt-text" id="mmSystemPromptText">
+                    Loading system prompt...
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script>
         class MMChatWidget {
             constructor(config = {}) {
@@ -460,6 +582,10 @@
                 this.configToggle = document.getElementById('mmConfigToggle');
                 this.configPanel = document.getElementById('mmConfigPanel');
                 this.configBack = document.getElementById('mmConfigBack');
+                this.systemPromptToggle = document.getElementById('mmSystemPromptToggle');
+                this.systemPromptModal = document.getElementById('mmSystemPromptModal');
+                this.systemPromptClose = document.getElementById('mmSystemPromptClose');
+                this.systemPromptText = document.getElementById('mmSystemPromptText');
                 
                 // Config elements
                 this.configElements = {
@@ -468,7 +594,6 @@
                     hasQuickie: document.getElementById('hasQuickie'),
                     hasBlog: document.getElementById('hasBlog'),
                     hasEdm: document.getElementById('hasEdm'),
-                    hasStockEtf: document.getElementById('hasStockEtf'),
                     hasHc: document.getElementById('hasHc'),
                     hasSearch: document.getElementById('hasSearch'),
                     hasMemory: document.getElementById('hasMemory')
@@ -481,6 +606,13 @@
                 this.sendBtn.addEventListener('click', () => this.sendMessage());
                 this.configToggle.addEventListener('click', () => this.toggleConfig());
                 this.configBack.addEventListener('click', () => this.toggleConfig());
+                this.systemPromptToggle.addEventListener('click', () => this.toggleSystemPrompt());
+                this.systemPromptClose.addEventListener('click', () => this.closeSystemPrompt());
+                this.systemPromptModal.addEventListener('click', (e) => {
+                    if (e.target === this.systemPromptModal) {
+                        this.closeSystemPrompt();
+                    }
+                });
                 
                 this.input.addEventListener('keydown', (e) => {
                     if (e.key === 'Enter' && !e.shiftKey) {
@@ -529,12 +661,59 @@
                 this.isOpen = false;
                 this.panel.classList.remove('open');
                 this.configPanel.classList.remove('open');
+                this.systemPromptModal.classList.remove('open');
             }
 
             toggleConfig() {
                 this.configPanel.classList.toggle('open');
             }
 
+            async toggleSystemPrompt() {
+                const isOpen = this.systemPromptModal.classList.contains('open');
+                if (isOpen) {
+                    this.closeSystemPrompt();
+                } else {
+                    await this.openSystemPrompt();
+                }
+            }
+
+            async openSystemPrompt() {
+                this.systemPromptModal.classList.add('open');
+                await this.loadSystemPrompt();
+            }
+
+            closeSystemPrompt() {
+                this.systemPromptModal.classList.remove('open');
+            }
+
+            async loadSystemPrompt() {
+                try {
+                    this.systemPromptText.textContent = 'Loading system prompt...';
+                    
+                    const response = await fetch(`${this.apiUrl}/system-prompt`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            message: this.input.value.trim() || 'Sample message',
+                            config: this.getConfig()
+                        })
+                    });
+
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`);
+                    }
+
+                    const data = await response.json();
+                    this.systemPromptText.textContent = data.system_prompt;
+                    
+                } catch (error) {
+                    console.error('System prompt error:', error);
+                    this.systemPromptText.textContent = 'Error loading system prompt. Please try again.';
+                }
+            }
+
             getConfig() {
                 return {
                     is_paid_user: this.configElements.isPaidUser.checked,
@@ -542,7 +721,6 @@
                     has_quickie: this.configElements.hasQuickie.checked,
                     has_blog: this.configElements.hasBlog.checked,
                     has_edm: this.configElements.hasEdm.checked,
-                    has_stock_etf: this.configElements.hasStockEtf.checked,
                     has_hc: this.configElements.hasHc.checked,
                     has_search: this.configElements.hasSearch.checked,
                     has_memory: this.configElements.hasMemory.checked,

chat-widget.js

@@ -393,6 +393,109 @@
             background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
         }
 
+        .mm-system-prompt-modal {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100vw;
+            height: 100vh;
+            background: rgba(0, 0, 0, 0.5);
+            z-index: 20000;
+            display: none;
+            align-items: center;
+            justify-content: flex-start;
+            padding-left: 50px;
+        }
+
+        .mm-system-prompt-modal.open {
+            display: flex;
+        }
+
+        .mm-system-prompt-content {
+            background: white;
+            width: 600px;
+            max-width: 90vw;
+            height: 80vh;
+            border-radius: 12px;
+            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+        }
+
+        .mm-system-prompt-header {
+            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
+            color: white;
+            padding: 20px 25px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .mm-system-prompt-header h3 {
+            margin: 0;
+            font-size: 18px;
+            font-weight: 600;
+        }
+
+        .mm-system-prompt-close {
+            background: none;
+            border: none;
+            color: white;
+            cursor: pointer;
+            font-size: 20px;
+            padding: 0;
+            width: 30px;
+            height: 30px;
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: background 0.2s ease;
+        }
+
+        .mm-system-prompt-close:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+
+        .mm-system-prompt-body {
+            flex: 1;
+            padding: 25px;
+            overflow-y: auto;
+            background: #f8f9fa;
+        }
+
+        .mm-system-prompt-text {
+            background: white;
+            border: 1px solid #e0e0e0;
+            border-radius: 8px;
+            padding: 20px;
+            font-family: Monaco, Consolas, monospace;
+            font-size: 12px;
+            line-height: 1.5;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            color: #333;
+            max-height: 100%;
+            overflow-y: auto;
+        }
+
+        .mm-system-prompt-toggle {
+            background: none;
+            border: none;
+            color: white;
+            cursor: pointer;
+            font-size: 16px;
+            padding: 5px;
+            margin-left: 5px;
+            border-radius: 4px;
+            transition: background 0.2s ease;
+        }
+
+        .mm-system-prompt-toggle:hover {
+            background: rgba(255, 255, 255, 0.2);
+        }
+
         @media (max-width: 768px) {
             .mm-chat-widget {
                 bottom: 10px;
@@ -405,6 +508,16 @@
                 bottom: 70px;
                 right: -10px;
             }
+
+            .mm-system-prompt-modal {
+                padding-left: 10px;
+                padding-right: 10px;
+            }
+
+            .mm-system-prompt-content {
+                width: 100%;
+                height: 90vh;
+            }
         }
     `;
 
@@ -447,6 +560,7 @@
                                 <h3>👩🏻‍💼 MM Madam</h3>
                             </div>
                             <div>
+                                <button class="mm-system-prompt-toggle" id="mmSystemPromptToggle">📝</button>
                                 <button class="mm-config-toggle" id="mmConfigToggle">⚙️</button>
                                 <button class="mm-chat-close" id="mmChatClose">×</button>
                             </div>
@@ -484,12 +598,6 @@
                                     📮 MM獨家報告
                                 </label>
                             </div>
-                            <div class="mm-config-item">
-                                <label>
-                                    <input type="checkbox" id="hasStockEtf" checked>
-                                    📈 MM美股財報、ETF專區
-                                </label>
-                            </div>
                             <div class="mm-config-item">
                                 <label>
                                     <input type="checkbox" id="hasHc" checked>
@@ -533,6 +641,20 @@
                             </div>
                         </div>
                     </div>
+                    
+                    <div class="mm-system-prompt-modal" id="mmSystemPromptModal">
+                        <div class="mm-system-prompt-content">
+                            <div class="mm-system-prompt-header">
+                                <h3>📝 System Prompt</h3>
+                                <button class="mm-system-prompt-close" id="mmSystemPromptClose">��</button>
+                            </div>
+                            <div class="mm-system-prompt-body">
+                                <div class="mm-system-prompt-text" id="mmSystemPromptText">
+                                    Loading system prompt...
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             `;
             
@@ -551,6 +673,10 @@
             this.configPanel = document.getElementById('mmConfigPanel');
             this.configBack = document.getElementById('mmConfigBack');
             this.modeSwitch = document.getElementById('mmModeSwitch');
+            this.systemPromptToggle = document.getElementById('mmSystemPromptToggle');
+            this.systemPromptModal = document.getElementById('mmSystemPromptModal');
+            this.systemPromptClose = document.getElementById('mmSystemPromptClose');
+            this.systemPromptText = document.getElementById('mmSystemPromptText');
             
             this.configElements = {
                 isPaidUser: document.getElementById('isPaidUser'),
@@ -558,7 +684,6 @@
                 hasQuickie: document.getElementById('hasQuickie'),
                 hasBlog: document.getElementById('hasBlog'),
                 hasEdm: document.getElementById('hasEdm'),
-                hasStockEtf: document.getElementById('hasStockEtf'),
                 hasHc: document.getElementById('hasHc'),
                 hasGoogleSearch: document.getElementById('hasGoogleSearch')
             };
@@ -572,6 +697,13 @@
             this.sendBtn.addEventListener('click', () => this.sendMessage());
             this.configToggle.addEventListener('click', () => this.toggleConfig());
             this.configBack.addEventListener('click', () => this.toggleConfig());
+            this.systemPromptToggle.addEventListener('click', () => this.toggleSystemPrompt());
+            this.systemPromptClose.addEventListener('click', () => this.closeSystemPrompt());
+            this.systemPromptModal.addEventListener('click', (e) => {
+                if (e.target === this.systemPromptModal) {
+                    this.closeSystemPrompt();
+                }
+            });
             
             this.input.addEventListener('keydown', (e) => {
                 if (e.key === 'Enter' && !e.shiftKey) {
@@ -658,6 +790,7 @@
             this.isOpen = false;
             this.panel.classList.remove('open');
             this.configPanel.classList.remove('open');
+            this.systemPromptModal.classList.remove('open');
         }
 
         toggleConfig() {
@@ -674,6 +807,52 @@
             }
         }
 
+        async toggleSystemPrompt() {
+            const isOpen = this.systemPromptModal.classList.contains('open');
+            if (isOpen) {
+                this.closeSystemPrompt();
+            } else {
+                await this.openSystemPrompt();
+            }
+        }
+
+        async openSystemPrompt() {
+            this.systemPromptModal.classList.add('open');
+            await this.loadSystemPrompt();
+        }
+
+        closeSystemPrompt() {
+            this.systemPromptModal.classList.remove('open');
+        }
+
+        async loadSystemPrompt() {
+            try {
+                this.systemPromptText.textContent = 'Loading system prompt...';
+                
+                const response = await fetch(`${this.apiUrl}/system-prompt`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        message: this.input.value.trim() || 'Sample message',
+                        config: this.getConfig()
+                    })
+                });
+
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const data = await response.json();
+                this.systemPromptText.textContent = data.system_prompt;
+                
+            } catch (error) {
+                console.error('System prompt error:', error);
+                this.systemPromptText.textContent = 'Error loading system prompt. Please try again.';
+            }
+        }
+
         getConfig() {
             return {
                 is_paid_user: this.configElements.isPaidUser.checked,
@@ -681,7 +860,6 @@
                 has_quickie: this.configElements.hasQuickie.checked,
                 has_blog: this.configElements.hasBlog.checked,
                 has_edm: this.configElements.hasEdm.checked,
-                has_stock_etf: this.configElements.hasStockEtf.checked,
                 has_hc: this.configElements.hasHc.checked,
                 has_google_search: this.configElements.hasGoogleSearch.checked
             };