Initial commit with enhancements

Dockerfile

@@ -0,0 +1,16 @@
+FROM python:3.11-slim
+
+WORKDIR /app
+
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+
+# Create instance directory for SQLite
+RUN mkdir -p instance
+RUN chmod 777 instance
+
+EXPOSE 7860
+
+CMD ["python", "app.py"]

README.md

@@ -0,0 +1,76 @@
+---
+title: Permit Flow Agent
+emoji: 📜
+colorFrom: blue
+colorTo: indigo
+sdk: docker
+pinned: false
+app_port: 7860
+short_description: 智能商业证照合规导航与资产生成专家
+---
+
+# Permit Flow Agent - 智能商业证照导航
+
+**Permit Flow Agent** 是一个专为创业者和企业主设计的 AI 智能体，旨在简化复杂的商业行政审批流程。它能根据您的业务场景（如餐饮、医疗、物流等），智能分析所需的许可证照路径，生成合规清单，并辅助撰写申请文书。
+
+## 核心功能
+
+1.  **智能合规分析 (AI Compliance Analysis)**
+    *   输入您的商业计划（如“在成都高新区开一家猫咖”）。
+    *   AI 自动分析所需的证照（营业执照、食品经营许可证、动物防疫条件合格证等）。
+    *   评估合规风险指数。
+
+2.  **办证路径规划 (License Roadmap)**
+    *   生成可视化的办证流程图。
+    *   明确审批部门、优先级、预计耗时。
+    *   提供详细的材料清单（Requirements Checklist）。
+
+3.  **资产生成与管理 (Asset Vault)**
+    *   AI 辅助生成申请文书、制度规范（如“食品安全管理制度”）。
+    *   支持 Markdown 格式的文书预览与导出。
+    *   集中管理所有申请材料。
+
+4.  **Mock Mode (模拟模式)**
+    *   内置高可用模拟数据，确保在无网络或 API 受限环境下也能完整体验流程。
+
+## 技术栈
+
+*   **Backend**: Python Flask
+*   **Frontend**: Vue.js 3 + Tailwind CSS (Single File Component)
+*   **AI Engine**: SiliconFlow API (Qwen/Qwen2.5-7B-Instruct)
+*   **Database**: SQLite (Local Persistence)
+*   **Deployment**: Docker
+
+## 快速开始
+
+### 本地运行
+
+```bash
+# 安装依赖
+pip install -r requirements.txt
+
+# 运行应用
+python app.py
+```
+
+访问: `http://localhost:7860`
+
+### Docker 运行
+
+```bash
+docker build -t permit-flow-agent .
+docker run -p 7860:7860 permit-flow-agent
+```
+
+## 场景示例
+
+**用户输入**:
+> "我想在上海浦东新区开一家提供医美服务的诊所，大概300平米。"
+
+**AI 分析结果**:
+*   **核心证照**: 医疗机构执业许可证、医师执业证书、护士执业证书。
+*   **前置审批**: 消防验收、环境影响评价。
+*   **风险提示**: 医美行业监管严格，需特别注意广告合规。
+
+---
+*Powered by SiliconFlow & Trae IDE*

app.py

@@ -0,0 +1,375 @@
+import os
+import json
+import logging
+import sqlite3
+import requests
+import datetime
+from flask import Flask, render_template, request, jsonify, send_from_directory
+from werkzeug.utils import secure_filename
+
+# Configuration
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+INSTANCE_PATH = os.path.join(BASE_DIR, "instance")
+DB_PATH = os.path.join(INSTANCE_PATH, "permit_flow.db")
+os.makedirs(INSTANCE_PATH, exist_ok=True)
+
+app = Flask(__name__, instance_path=INSTANCE_PATH)
+app.config['SECRET_KEY'] = 'dev-secret-key-permit-flow'
+app.config['MAX_CONTENT_LENGTH'] = 16 * 1024 * 1024  # 16MB max upload
+
+# Logging
+logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
+logger = logging.getLogger(__name__)
+
+# SiliconFlow API Configuration
+SILICONFLOW_API_KEY = "sk-vimuseiptfbomzegyuvmebjzooncsqbyjtlddrfodzcdskgi"
+SILICONFLOW_API_URL = "https://api.siliconflow.cn/v1/chat/completions"
+MODEL_NAME = "Qwen/Qwen2.5-7B-Instruct" 
+
+# Database Setup
+def get_db():
+    conn = sqlite3.connect(DB_PATH)
+    conn.row_factory = sqlite3.Row
+    return conn
+
+def init_db():
+    conn = get_db()
+    c = conn.cursor()
+    
+    # Projects table (e.g., "Open a Cafe")
+    c.execute('''CREATE TABLE IF NOT EXISTS projects (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        name TEXT NOT NULL,
+        description TEXT,
+        industry TEXT,
+        location TEXT,
+        status TEXT DEFAULT 'planning',
+        created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        risk_score INTEGER DEFAULT 0
+    )''')
+    
+    # Permits/Licenses table
+    c.execute('''CREATE TABLE IF NOT EXISTS permits (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        project_id INTEGER,
+        name TEXT NOT NULL,
+        authority TEXT,
+        status TEXT DEFAULT 'pending', -- pending, preparing, submitted, approved
+        priority TEXT DEFAULT 'medium',
+        requirements TEXT, -- JSON list of requirements
+        estimated_time TEXT,
+        FOREIGN KEY (project_id) REFERENCES projects (id)
+    )''')
+    
+    # Assets table (generated docs, uploaded files)
+    c.execute('''CREATE TABLE IF NOT EXISTS assets (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        project_id INTEGER,
+        permit_id INTEGER,
+        name TEXT NOT NULL,
+        type TEXT, -- document, form, guide
+        content TEXT, -- Markdown content or file path
+        created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+        FOREIGN KEY (project_id) REFERENCES projects (id)
+    )''')
+    
+    conn.commit()
+    conn.close()
+
+# Initialize DB on start
+init_db()
+
+def populate_default_data():
+    conn = get_db()
+    cursor = conn.cursor()
+    # Check if projects exist
+    cursor.execute('SELECT count(*) FROM projects')
+    if cursor.fetchone()[0] == 0:
+        logger.info("Populating default data...")
+        # Create a default project
+        default_project = {
+            "name": "示例：成都市高新区精品咖啡馆",
+            "description": "计划在成都市高新区天府三街开设一家主要经营精品手冲咖啡和少量西式甜点的咖啡馆，面积约80平方米。",
+            "industry": "餐饮/食品",
+            "location": "成都市高新区",
+            "risk_score": 45
+        }
+        cursor.execute('INSERT INTO projects (name, description, industry, location, risk_score) VALUES (?, ?, ?, ?, ?)',
+                       (default_project['name'], default_project['description'], default_project['industry'], default_project['location'], default_project['risk_score']))
+        project_id = cursor.lastrowid
+        
+        # Default permits
+        permits = [
+            {"name": "营业执照", "authority": "市场监督管理局", "priority": "high", "estimated_time": "3个工作日", "requirements": ["身份证原件", "经营场所证明", "名称预先核准通知书"]},
+            {"name": "食品经营许可证", "authority": "市场监督管理局", "priority": "high", "estimated_time": "15个工作日", "requirements": ["营业执照", "健康证", "食品安全规章制度", "平面布局图"]},
+            {"name": "招牌设置许可", "authority": "城市管理行政执法局", "priority": "medium", "estimated_time": "5个工作日", "requirements": ["效果图", "租赁合同", "营业执照复印件"]}
+        ]
+        
+        for p in permits:
+            reqs_json = json.dumps(p['requirements'], ensure_ascii=False)
+            cursor.execute('INSERT INTO permits (project_id, name, authority, priority, estimated_time, requirements) VALUES (?, ?, ?, ?, ?, ?)',
+                           (project_id, p['name'], p['authority'], p['priority'], p['estimated_time'], reqs_json))
+            permit_id = cursor.lastrowid
+            
+            # Add a sample asset for the first permit
+            if p['name'] == "食品经营许可证":
+                content = "# 食品安全管理制度\n\n## 第一章 总则\n\n第一条 为保障食品安全，根据《食品安全法》制定本制��。\n\n## 第二章 从业人员健康管理\n\n第二条 从业人员必须持有效健康证上岗..."
+                cursor.execute('INSERT INTO assets (project_id, permit_id, name, type, content) VALUES (?, ?, ?, ?, ?)',
+                               (project_id, permit_id, "食品安全管理制度范本", "document", content))
+        
+        conn.commit()
+    conn.close()
+
+populate_default_data()
+
+# --- AI Service ---
+def call_ai_service(system_prompt, user_prompt, temperature=0.7):
+    headers = {
+        "Authorization": f"Bearer {SILICONFLOW_API_KEY}",
+        "Content-Type": "application/json"
+    }
+    payload = {
+        "model": MODEL_NAME,
+        "messages": [
+            {"role": "system", "content": system_prompt},
+            {"role": "user", "content": user_prompt}
+        ],
+        "temperature": temperature,
+        "max_tokens": 2048
+    }
+    
+    try:
+        response = requests.post(SILICONFLOW_API_URL, headers=headers, json=payload, timeout=30)
+        response.raise_for_status()
+        result = response.json()
+        content = result['choices'][0]['message']['content']
+        return content
+    except Exception as e:
+        logger.error(f"AI Service Error: {str(e)}")
+        # Mock Fallback
+        return None
+
+def analyze_business_scenario(name, description, location):
+    system_prompt = """
+    你是一个专业的商业合规与行政审批专家智能体 (Permit Flow Agent)。
+    你的任务是根据用户的商业计划，分析需要办理的行政许可证照。
+    
+    请以 JSON 格式输出分析结果，不要包含 markdown 代码块标记，直接返回 JSON 对象。
+    JSON 结构如下:
+    {
+        "analysis": "对商业计划的简短合规性分析",
+        "risk_score": 0-100 (风险评分，越高越难),
+        "permits": [
+            {
+                "name": "许可证名称 (如：食品经营许可证)",
+                "authority": "审批部门 (如：市场监督管理局)",
+                "priority": "high/medium/low",
+                "estimated_time": "预计耗时 (如：15个工作日)",
+                "requirements": ["要求1", "要求2"]
+            }
+        ],
+        "suggested_assets": [
+            {
+                "name": "资产名称 (如：食品安全管理制度范本)",
+                "type": "document",
+                "content_brief": "文档的大致内容描述"
+            }
+        ]
+    }
+    """
+    
+    user_prompt = f"我的商业计划是：{name}。\n详细描述：{description}。\n所在地：{location}。\n请帮我分析需要办理哪些证照。"
+    
+    ai_response = call_ai_service(system_prompt, user_prompt)
+    
+    if ai_response:
+        try:
+            # Clean up markdown code blocks if present
+            cleaned_response = ai_response.replace("```json", "").replace("```", "").strip()
+            return json.loads(cleaned_response)
+        except json.JSONDecodeError:
+            logger.error("Failed to parse AI JSON response")
+            pass # Fallthrough to mock
+            
+    # Mock Data Fallback
+    logger.warning("Using Mock Data for Analysis")
+    return {
+        "analysis": "模拟模式：基于您的描述，这是一个标准的商业实体注册流程。系统已为您生成预设的合规路径。",
+        "risk_score": 35,
+        "permits": [
+            {
+                "name": "营业执照",
+                "authority": "市场监督管理局",
+                "priority": "high",
+                "estimated_time": "3个工作日",
+                "requirements": ["身份证原件", "场地证明", "核名通知书"]
+            },
+            {
+                "name": "行业综合许可证",
+                "authority": "行政审批局",
+                "priority": "medium",
+                "estimated_time": "10个工作日",
+                "requirements": ["申请表", "平面图", "承诺书"]
+            }
+        ],
+        "suggested_assets": [
+            {
+                "name": "企业设立登记申请书",
+                "type": "form",
+                "content_brief": "标准申请表格模板"
+            }
+        ]
+    }
+
+def generate_asset_content(asset_name, context):
+    system_prompt = """
+    你是一个专业的商业文书撰写助手。请根据上下文生成详细的文档内容。
+    输出格式为 Markdown。
+    """
+    user_prompt = f"请为项目撰写一份'{asset_name}'。\n背景信息：{context}"
+    
+    content = call_ai_service(system_prompt, user_prompt)
+    if not content:
+        return f"# {asset_name}\n\n*（模拟模式生成内容）*\n\n这是系统自动生成的{asset_name}模板。\n\n1. 请填写相关信息...\n2. 签字盖章..."
+    return content
+
+# --- Routes ---
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/api/projects', methods=['GET'])
+def list_projects():
+    conn = get_db()
+    projects = conn.execute('SELECT * FROM projects ORDER BY created_at DESC').fetchall()
+    conn.close()
+    return jsonify([dict(p) for p in projects])
+
+@app.route('/api/projects', methods=['POST'])
+def create_project():
+    data = request.json
+    name = data.get('name')
+    description = data.get('description')
+    location = data.get('location', 'Unknown')
+    industry = data.get('industry', 'General')
+    
+    # 1. AI Analysis
+    analysis = analyze_business_scenario(name, description, location)
+    
+    conn = get_db()
+    cursor = conn.cursor()
+    
+    # 2. Save Project
+    cursor.execute('INSERT INTO projects (name, description, industry, location, risk_score) VALUES (?, ?, ?, ?, ?)',
+                   (name, analysis['analysis'], industry, location, analysis['risk_score']))
+    project_id = cursor.lastrowid
+    
+    # 3. Save Permits
+    for permit in analysis['permits']:
+        reqs_json = json.dumps(permit['requirements'], ensure_ascii=False)
+        cursor.execute('INSERT INTO permits (project_id, name, authority, priority, estimated_time, requirements) VALUES (?, ?, ?, ?, ?, ?)',
+                       (project_id, permit['name'], permit['authority'], permit['priority'], permit['estimated_time'], reqs_json))
+        permit_id = cursor.lastrowid
+        
+        # Create initial asset for this permit if available
+        # (Simplified: just create one general asset for now based on suggestions)
+    
+    # 4. Create Suggested Assets
+    for asset in analysis.get('suggested_assets', []):
+        # Generate content immediately or later? Let's generate a placeholder first to be fast
+        content = f"# {asset['name']}\n\n等待生成..."
+        cursor.execute('INSERT INTO assets (project_id, permit_id, name, type, content) VALUES (?, ?, ?, ?, ?)',
+                       (project_id, 0, asset['name'], asset['type'], content))
+
+    conn.commit()
+    conn.close()
+    
+    return jsonify({"success": True, "project_id": project_id})
+
+@app.route('/api/projects/<int:project_id>', methods=['GET'])
+def get_project(project_id):
+    conn = get_db()
+    project = conn.execute('SELECT * FROM projects WHERE id = ?', (project_id,)).fetchone()
+    permits = conn.execute('SELECT * FROM permits WHERE project_id = ?', (project_id,)).fetchall()
+    assets = conn.execute('SELECT * FROM assets WHERE project_id = ?', (project_id,)).fetchall()
+    conn.close()
+    
+    if not project:
+        return jsonify({"error": "Not found"}), 404
+        
+    return jsonify({
+        "project": dict(project),
+        "permits": [dict(p) for p in permits],
+        "assets": [dict(a) for a in assets]
+    })
+
+@app.route('/api/upload', methods=['POST'])
+def upload_file():
+    if 'file' not in request.files:
+        return jsonify({"error": "No file part"}), 400
+    file = request.files['file']
+    if file.filename == '':
+        return jsonify({"error": "No selected file"}), 400
+    if file:
+        filename = secure_filename(file.filename)
+        # In a real app, save to disk or S3. Here we just return success and mock a DB entry
+        # save_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
+        # file.save(save_path)
+        
+        # Add to assets table as a record
+        project_id = request.form.get('project_id')
+        if project_id:
+            conn = get_db()
+            cursor = conn.cursor()
+            cursor.execute('INSERT INTO assets (project_id, permit_id, name, type, content) VALUES (?, ?, ?, ?, ?)',
+                           (project_id, 0, filename, 'file', f"已上传文件: {filename} (存储于服务器)"))
+            conn.commit()
+            conn.close()
+            
+        return jsonify({"success": True, "filename": filename})
+    return jsonify({"error": "Upload failed"}), 500
+
+@app.errorhandler(404)
+def page_not_found(e):
+    return render_template('index.html'), 200 # Support SPA routing if needed, or just return index
+
+@app.errorhandler(500)
+def internal_server_error(e):
+    return jsonify(error=str(e)), 500
+
+@app.route('/api/assets/generate', methods=['POST'])
+def generate_asset():
+    data = request.json
+    asset_id = data.get('asset_id')
+    project_context = data.get('context', '')
+    
+    conn = get_db()
+    asset = conn.execute('SELECT * FROM assets WHERE id = ?', (asset_id,)).fetchone()
+    
+    if not asset:
+        conn.close()
+        return jsonify({"error": "Asset not found"}), 404
+        
+    content = generate_asset_content(asset['name'], project_context)
+    
+    conn.execute('UPDATE assets SET content = ? WHERE id = ?', (content, asset_id))
+    conn.commit()
+    conn.close()
+    
+    return jsonify({"success": True, "content": content})
+
+@app.route('/api/permits/<int:permit_id>/status', methods=['POST'])
+def update_permit_status(permit_id):
+    data = request.json
+    status = data.get('status')
+    
+    conn = get_db()
+    conn.execute('UPDATE permits SET status = ? WHERE id = ?', (status, permit_id))
+    conn.commit()
+    conn.close()
+    
+    return jsonify({"success": True})
+
+if __name__ == '__main__':
+    app.run(host='0.0.0.0', port=7860, debug=True)

requirements.txt

@@ -0,0 +1,3 @@
+Flask==3.0.0
+requests==2.31.0
+gunicorn==21.2.0

templates/index.html

@@ -0,0 +1,495 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Permit Flow Agent - 智能商业证照导航</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+        body { font-family: 'Inter', sans-serif; background-color: #f3f4f6; }
+        .markdown-body h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em; }
+        .markdown-body h2 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em; }
+        .markdown-body p { margin-bottom: 1em; line-height: 1.6; }
+        .markdown-body ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1em; }
+        .markdown-body ol { list-style-type: decimal; padding-left: 1.5em; margin-bottom: 1em; }
+        .markdown-body blockquote { border-left: 4px solid #e5e7eb; padding-left: 1em; color: #6b7280; }
+        [v-cloak] { display: none; }
+    </style>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#2563eb',
+                        secondary: '#4f46e5',
+                    }
+                }
+            }
+        }
+    </script>
+</head>
+<body class="bg-gray-50 text-gray-800">
+    <div id="app" v-cloak class="min-h-screen flex flex-col">
+        <!-- Navigation -->
+        <nav class="bg-white shadow-sm border-b border-gray-200 z-10">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div class="flex justify-between h-16">
+                    <div class="flex">
+                        <div class="flex-shrink-0 flex items-center">
+                            <i class="fas fa-certificate text-primary text-2xl mr-2"></i>
+                            <span class="font-bold text-xl text-gray-900">Permit Flow Agent</span>
+                        </div>
+                    </div>
+                    <div class="flex items-center space-x-4">
+                        <button @click="currentView = 'list'" class="text-gray-500 hover:text-gray-700 px-3 py-2 rounded-md text-sm font-medium">
+                            <i class="fas fa-home mr-1"></i> 首页
+                        </button>
+                        <a href="#" class="text-gray-500 hover:text-gray-700 px-3 py-2 rounded-md text-sm font-medium">
+                            <i class="fas fa-book mr-1"></i> 法规库
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </nav>
+
+        <!-- Main Content -->
+        <main class="flex-1 max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            
+            <!-- Project List View -->
+            <div v-if="currentView === 'list'" class="space-y-6">
+                <div class="flex justify-between items-center">
+                    <div>
+                        <h1 class="text-2xl font-bold text-gray-900">我的项目</h1>
+                        <p class="mt-1 text-sm text-gray-500">管理您的商业许可证照申请流程</p>
+                    </div>
+                    <button @click="showNewProjectModal = true" class="bg-primary hover:bg-blue-700 text-white px-4 py-2 rounded-lg shadow-sm flex items-center transition">
+                        <i class="fas fa-plus mr-2"></i> 新建项目
+                    </button>
+                </div>
+
+                <div v-if="loading" class="flex justify-center py-12">
+                    <i class="fas fa-spinner fa-spin text-4xl text-gray-300"></i>
+                </div>
+
+                <div v-else-if="projects.length === 0" class="text-center py-12 bg-white rounded-lg shadow border border-gray-100">
+                    <div class="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-blue-100">
+                        <i class="fas fa-folder-open text-primary"></i>
+                    </div>
+                    <h3 class="mt-2 text-sm font-medium text-gray-900">暂无项目</h3>
+                    <p class="mt-1 text-sm text-gray-500">开始一个新的商业合规规划吧。</p>
+                    <div class="mt-6">
+                        <button @click="showNewProjectModal = true" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-primary hover:bg-blue-700">
+                            <i class="fas fa-plus mr-2"></i> 新建项目
+                        </button>
+                    </div>
+                </div>
+
+                <div v-else class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
+                    <div v-for="project in projects" :key="project.id" 
+                         @click="openProject(project.id)"
+                         class="bg-white overflow-hidden shadow rounded-lg hover:shadow-md transition cursor-pointer border border-gray-100 group">
+                        <div class="px-4 py-5 sm:p-6">
+                            <div class="flex items-center justify-between">
+                                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium" 
+                                      :class="project.risk_score > 60 ? 'bg-red-100 text-red-800' : (project.risk_score > 30 ? 'bg-yellow-100 text-yellow-800' : 'bg-green-100 text-green-800')">
+                                    风险指数: ${ project.risk_score }
+                                </span>
+                                <span class="text-xs text-gray-400">${ formatDate(project.created_at) }</span>
+                            </div>
+                            <h3 class="mt-2 text-lg font-medium text-gray-900 group-hover:text-primary transition">${ project.name }</h3>
+                            <p class="mt-1 text-sm text-gray-500 truncate">${ project.location } · ${ project.industry }</p>
+                            <p class="mt-3 text-sm text-gray-600 line-clamp-2">${ project.description }</p>
+                        </div>
+                        <div class="bg-gray-50 px-4 py-4 sm:px-6 border-t border-gray-100 flex justify-between items-center">
+                            <span class="text-sm font-medium text-primary hover:text-blue-500">查看详情 &rarr;</span>
+                            <span class="text-xs text-gray-400">ID: ${ project.id }</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Project Detail View -->
+            <div v-if="currentView === 'detail' && activeProject" class="space-y-6">
+                <!-- Header -->
+                <div class="bg-white shadow rounded-lg px-4 py-5 sm:px-6 flex justify-between items-start">
+                    <div>
+                        <div class="flex items-center space-x-3">
+                            <button @click="currentView = 'list'" class="text-gray-400 hover:text-gray-600">
+                                <i class="fas fa-arrow-left"></i>
+                            </button>
+                            <h2 class="text-2xl font-bold text-gray-900">${ activeProject.project.name }</h2>
+                            <span class="px-2 py-1 text-xs rounded-md bg-gray-100 text-gray-600">${ activeProject.project.industry }</span>
+                        </div>
+                        <p class="mt-1 max-w-2xl text-sm text-gray-500 ml-7">${ activeProject.project.location }</p>
+                    </div>
+                    <div class="text-right">
+                         <span class="block text-sm text-gray-500">合规分析结论</span>
+                         <span class="text-sm font-medium text-gray-900">${ activeProject.project.description }</span>
+                    </div>
+                </div>
+
+                <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+                    <!-- Left: Permits Path -->
+                    <div class="lg:col-span-2 space-y-6">
+                        <div class="bg-white shadow rounded-lg overflow-hidden">
+                            <div class="px-4 py-5 sm:px-6 border-b border-gray-200 flex justify-between items-center">
+                                <h3 class="text-lg leading-6 font-medium text-gray-900">
+                                    <i class="fas fa-road text-primary mr-2"></i> 办证路径
+                                </h3>
+                                <span class="text-xs text-gray-500">共 ${ activeProject.permits.length } 项</span>
+                            </div>
+                            <ul class="divide-y divide-gray-200">
+                                <li v-for="permit in activeProject.permits" :key="permit.id" class="px-4 py-4 sm:px-6 hover:bg-gray-50 transition">
+                                    <div class="flex items-center justify-between">
+                                        <div class="flex-1 min-w-0">
+                                            <div class="flex items-center justify-between">
+                                                <p class="text-sm font-medium text-primary truncate">${ permit.name }</p>
+                                                <div class="ml-2 flex-shrink-0 flex">
+                                                    <p class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full"
+                                                       :class="{
+                                                           'bg-green-100 text-green-800': permit.status === 'approved',
+                                                           'bg-yellow-100 text-yellow-800': permit.status === 'pending',
+                                                           'bg-blue-100 text-blue-800': permit.status === 'submitted'
+                                                       }">
+                                                        ${ permitStatusMap[permit.status] || permit.status }
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            <div class="mt-2 sm:flex sm:justify-between">
+                                                <div class="sm:flex">
+                                                    <p class="flex items-center text-sm text-gray-500">
+                                                        <i class="fas fa-building flex-shrink-0 mr-1.5 text-gray-400"></i>
+                                                        ${ permit.authority }
+                                                    </p>
+                                                    <p class="mt-2 flex items-center text-sm text-gray-500 sm:mt-0 sm:ml-6">
+                                                        <i class="fas fa-clock flex-shrink-0 mr-1.5 text-gray-400"></i>
+                                                        预计 ${ permit.estimated_time }
+                                                    </p>
+                                                </div>
+                                            </div>
+                                            <!-- Requirements -->
+                                            <div class="mt-2">
+                                                <p class="text-xs text-gray-500 mb-1">所需材料：</p>
+                                                <div class="flex flex-wrap gap-2">
+                                                    <span v-for="req in parseRequirements(permit.requirements)" :key="req" 
+                                                          class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800">
+                                                        ${ req }
+                                                    </span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <!-- Actions -->
+                                        <div class="ml-4 flex-shrink-0">
+                                            <select @change="updatePermitStatus(permit.id, $event.target.value)" 
+                                                    class="text-xs border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary">
+                                                <option value="pending" :selected="permit.status === 'pending'">待办理</option>
+                                                <option value="preparing" :selected="permit.status === 'preparing'">准备中</option>
+                                                <option value="submitted" :selected="permit.status === 'submitted'">已提交</option>
+                                                <option value="approved" :selected="permit.status === 'approved'">已获批</option>
+                                            </select>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <!-- Right: Assets & Chat -->
+                    <div class="space-y-6">
+                        <!-- Asset Vault -->
+                        <div class="bg-white shadow rounded-lg overflow-hidden">
+                            <div class="px-4 py-5 sm:px-6 border-b border-gray-200">
+                                <h3 class="text-lg leading-6 font-medium text-gray-900">
+                                    <i class="fas fa-folder text-yellow-500 mr-2"></i> 资产库
+                                </h3>
+                            </div>
+                            <div class="px-4 py-4 sm:px-6">
+                                <ul class="space-y-3">
+                                    <li v-for="asset in activeProject.assets" :key="asset.id" 
+                                        class="flex items-center justify-between p-3 bg-gray-50 rounded-lg hover:bg-gray-100 cursor-pointer"
+                                        @click="viewAsset(asset)">
+                                        <div class="flex items-center">
+                                            <i class="fas fa-file-alt text-gray-400 mr-3"></i>
+                                            <span class="text-sm font-medium text-gray-700">${ asset.name }</span>
+                                        </div>
+                                        <i class="fas fa-chevron-right text-gray-400 text-xs"></i>
+                                    </li>
+                                </ul>
+                                <button @click="triggerUpload" class="mt-4 w-full flex justify-center py-2 px-4 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
+                                    <i class="fas fa-upload mr-2 text-gray-400"></i> 上传文件
+                                </button>
+                                <input type="file" ref="fileInput" @change="handleFileUpload" style="display: none" />
+                            </div>
+                        </div>
+
+                        <!-- Quick Assistant -->
+                        <div class="bg-gradient-to-br from-indigo-500 to-purple-600 rounded-lg shadow-lg text-white p-6">
+                            <h3 class="text-lg font-bold mb-2">AI 咨询助手</h3>
+                            <p class="text-sm opacity-90 mb-4">对流程有疑问？我可以为您解读政策或生成文书。</p>
+                            <button class="w-full bg-white text-indigo-600 py-2 px-4 rounded-md font-medium hover:bg-opacity-90 transition">
+                                开始对话
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <!-- New Project Modal -->
+        <div v-if="showNewProjectModal" class="fixed z-20 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+            <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true" @click="showNewProjectModal = false"></div>
+                <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+                <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg w-full">
+                    <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+                        <div class="sm:flex sm:items-start">
+                            <div class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-blue-100 sm:mx-0 sm:h-10 sm:w-10">
+                                <i class="fas fa-magic text-primary"></i>
+                            </div>
+                            <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full">
+                                <h3 class="text-lg leading-6 font-medium text-gray-900" id="modal-title">创建新合规项目</h3>
+                                <div class="mt-4 space-y-4">
+                                    <div>
+                                        <label class="block text-sm font-medium text-gray-700">项目名称</label>
+                                        <input type="text" v-model="newProject.name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm" placeholder="例如：成都高新区猫咖">
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-gray-700">所在城市/区域</label>
+                                        <input type="text" v-model="newProject.location" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm" placeholder="例如：成都市高新区">
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-gray-700">所属行业</label>
+                                        <select v-model="newProject.industry" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm">
+                                            <option value="餐饮/食品">餐饮/食品</option>
+                                            <option value="医疗/健康">医疗/健康</option>
+                                            <option value="教育/培训">教育/培训</option>
+                                            <option value="物流/运输">物流/运输</option>
+                                            <option value="互联网/科技">互联网/科技</option>
+                                            <option value="其他">其他</option>
+                                        </select>
+                                    </div>
+                                    <div>
+                                        <label class="block text-sm font-medium text-gray-700">详细描述</label>
+                                        <textarea v-model="newProject.description" rows="3" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-primary focus:border-primary sm:text-sm" placeholder="请详细描述您的业务内容、规��、特殊设备等..."></textarea>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse">
+                        <button type="button" @click="createProject" :disabled="creating" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-primary text-base font-medium text-white hover:bg-blue-700 focus:outline-none sm:ml-3 sm:w-auto sm:text-sm disabled:opacity-50">
+                            <span v-if="creating"><i class="fas fa-spinner fa-spin mr-2"></i> 分析中...</span>
+                            <span v-else>开始智能分析</span>
+                        </button>
+                        <button type="button" @click="showNewProjectModal = false" class="mt-3 w-full inline-flex justify-center rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-base font-medium text-gray-700 hover:bg-gray-50 focus:outline-none sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm">
+                            取消
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Asset View Modal -->
+        <div v-if="viewingAsset" class="fixed z-30 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true">
+            <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
+                <div class="fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true" @click="viewingAsset = null"></div>
+                <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
+                <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-4xl w-full">
+                    <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+                        <div class="flex justify-between items-center mb-4">
+                            <h3 class="text-xl font-bold text-gray-900">{{ viewingAsset.name }}</h3>
+                            <div class="space-x-2">
+                                <button @click="generateAssetContent" class="text-sm bg-indigo-100 text-indigo-700 px-3 py-1 rounded hover:bg-indigo-200">
+                                    <i class="fas fa-magic mr-1"></i> AI 生成/优化
+                                </button>
+                                <button @click="viewingAsset = null" class="text-gray-400 hover:text-gray-600">
+                                    <i class="fas fa-times"></i>
+                                </button>
+                            </div>
+                        </div>
+                        <div class="bg-gray-50 rounded-lg p-6 max-h-[60vh] overflow-y-auto">
+                            <div v-if="assetLoading" class="flex justify-center py-10">
+                                <i class="fas fa-spinner fa-spin text-3xl text-gray-400"></i>
+                            </div>
+                            <div v-else-if="viewingAsset.content" class="markdown-body" v-html="renderMarkdown(viewingAsset.content)"></div>
+                            <div v-else class="text-center text-gray-500 py-10">
+                                <p>暂无内容</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+
+    <script>
+        const { createApp, ref, onMounted } = Vue;
+
+        createApp({
+            setup() {
+                const currentView = ref('list');
+                const projects = ref([]);
+                const activeProject = ref(null);
+                const loading = ref(false);
+                const showNewProjectModal = ref(false);
+                const creating = ref(false);
+                const viewingAsset = ref(null);
+                const assetLoading = ref(false);
+
+                const newProject = ref({
+                    name: '',
+                    location: '',
+                    industry: '餐饮/食品',
+                    description: ''
+                });
+
+                const permitStatusMap = {
+                    'pending': '待办理',
+                    'preparing': '准备中',
+                    'submitted': '已提交',
+                    'approved': '已获批'
+                };
+
+                const fetchProjects = async () => {
+                    loading.value = true;
+                    try {
+                        const res = await fetch('/api/projects');
+                        projects.value = await res.json();
+                    } catch (e) {
+                        console.error(e);
+                    } finally {
+                        loading.value = false;
+                    }
+                };
+
+                const createProject = async () => {
+                    if (!newProject.value.name || !newProject.value.description) return;
+                    creating.value = true;
+                    try {
+                        const res = await fetch('/api/projects', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify(newProject.value)
+                        });
+                        const data = await res.json();
+                        if (data.success) {
+                            showNewProjectModal.value = false;
+                            newProject.value = { name: '', location: '', industry: '餐饮/食品', description: '' };
+                            await fetchProjects();
+                            openProject(data.project_id);
+                        }
+                    } catch (e) {
+                        console.error(e);
+                    } finally {
+                        creating.value = false;
+                    }
+                };
+
+                const openProject = async (id) => {
+                    loading.value = true;
+                    try {
+                        const res = await fetch(`/api/projects/${id}`);
+                        activeProject.value = await res.json();
+                        currentView.value = 'detail';
+                    } catch (e) {
+                        console.error(e);
+                    } finally {
+                        loading.value = false;
+                    }
+                };
+
+                const updatePermitStatus = async (id, status) => {
+                    try {
+                        await fetch(`/api/permits/${id}/status`, {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ status })
+                        });
+                        // Update local state
+                        const p = activeProject.value.permits.find(p => p.id === id);
+                        if (p) p.status = status;
+                    } catch (e) {
+                        console.error(e);
+                    }
+                };
+
+                const viewAsset = (asset) => {
+                    viewingAsset.value = asset;
+                    // If content is just a placeholder, maybe trigger generation?
+                    // For now just show what we have.
+                };
+
+                const generateAssetContent = async () => {
+                    if (!viewingAsset.value) return;
+                    assetLoading.value = true;
+                    try {
+                        const res = await fetch('/api/assets/generate', {
+                            method: 'POST',
+                            headers: { 'Content-Type': 'application/json' },
+                            body: JSON.stringify({ 
+                                asset_id: viewingAsset.value.id,
+                                context: JSON.stringify(activeProject.value.project)
+                            })
+                        });
+                        const data = await res.json();
+                        if (data.success) {
+                            viewingAsset.value.content = data.content;
+                        }
+                    } catch (e) {
+                        console.error(e);
+                    } finally {
+                        assetLoading.value = false;
+                    }
+                };
+
+                const parseRequirements = (reqStr) => {
+                    try {
+                        return JSON.parse(reqStr);
+                    } catch (e) {
+                        return [];
+                    }
+                };
+
+                const renderMarkdown = (content) => {
+                    if (!content) return '';
+                    return marked.parse(content);
+                };
+
+                const formatDate = (dateStr) => {
+                    return new Date(dateStr).toLocaleDateString('zh-CN');
+                };
+
+                onMounted(() => {
+                    fetchProjects();
+                });
+
+                return {
+                    currentView,
+                    projects,
+                    activeProject,
+                    loading,
+                    showNewProjectModal,
+                    newProject,
+                    creating,
+                    createProject,
+                    openProject,
+                    permitStatusMap,
+                    updatePermitStatus,
+                    parseRequirements,
+                    viewingAsset,
+                    viewAsset,
+                    renderMarkdown,
+                    formatDate,
+                    generateAssetContent,
+                    assetLoading
+                };
+            }
+        }).mount('#app');
+    </script>
+</body>
+</html>