graph TD
    A[🤖 AI智囊团 v19.6] --> B[🗣️ 沟通与问答]
    A --> C[📊 深度分析]  
    A --> D[🎨 创意与摘要]
    
    B --> B0[🔥 AI生成答案 Deno]
    B --> B1[✨ AI回复 ThinkAny]
    B --> B2[😊 语气评判]
    B --> B3[💬 建议回应]
    B --> B4[🎯 简洁回复 Decopy]
    
    C --> C1[🔍 网络搜索 ThinkAny]
    C --> C2[🎭 多维分析]
    C --> C3[⚖️ 顾问 利弊分析]
    C --> C4[👨‍🏫 教授 深度解析]
    
    D --> D1[🖼️ 文生图 EyeDance]
    D --> D2[📰 文章摘要]
    D --> D3[🧩 思维导图]

    style A fill:#4a90e2,color:#fff,stroke:#333,stroke-width:2px
    style B fill:#7ed321,color:#fff,stroke:#333,stroke-width:2px
    style C fill:#f5a623,color:#fff,stroke:#333,stroke-width:2px
    style D fill:#bd10e0,color:#fff,stroke:#333,stroke-width:2px

sequenceDiagram
    participant User as 👤 用户
    participant Script as 🤖 脚本引擎
    participant Page as 🌐 页面DOM
    participant AI as 🧠 AI服务集群
    
    Note over User,Script: 🎵 第一步：智能守望
    Page->>Script: DOM变动监听<br/>📡 MutationObserver
    Note right of Script: 持续监控页面变化
    
    Note over User,Script: 🎵 第二步：无痕注入
    Script->>Page: 动态注入分析按钮<br/>🎯 querySelector + appendChild
    Note right of Script: 精准定位，无侵入式
    
    Note over User,Script: 🎵 第三步：并行调度
    User->>Script: 点击分析按钮<br/>🖱️
    Script->>AI: 并行API调用<br/>🚀 Promise.all + GM_xmlhttpRequest
    Note right of Script: 12个AI专家同时出动
    
    Note over User,Script: 🎵 第四步：响应式呈现
    AI->>Script: 异步响应返回<br/>📨
    Script->>Page: 动态创建分析卡片<br/>✨ createElement + innerHTML
    Note right of Script: 伪流式响应，逐字显示

flowchart TD
    %% 用户交互层
    subgraph UI_Layer [🎨 用户交互层]
        A[📄 论坛帖子页面]
        B[🔘 分析按钮]
        C[⚪ 悬浮控制球]
        D[📋 快捷菜单]
        E[⚙️ 设置面板]
        F[🌳 帖子结构树窗口]
        G[🃏 AI分析结果卡片]
        
        A --> B
        A --> C
        C --> D
        D --> E
        D --> F
        B --> G
    end

    %% 核心控制层
    subgraph Core_Layer [🚀 核心控制层]
        H[🕵️ 页面监听器<br/>📡 MutationObserver]
        I[🏭 帖子处理器<br/>🔧 DOM Injection]
        J[🌲 结构树引擎<br/>📊 SVG & Interaction]
        K[🚀 并行调度器<br/>⚡ Promise.all]
        L[🧠 上下文构建器<br/>📝 Context Builder]
        M[🎨 UI渲染器<br/>✨ Card & Window Factory]
        
        H --> I
        I --> B
        I --> C
        B --> K
        K --> L
        L --> N
        N --> M
        M --> G
        D --> J
        J --> M
    end

    %% AI服务层
    subgraph AI_Layer [🤖 AI分析服务层]
        N[📞 API调用模块<br/>🌐 callApi]
        
        subgraph Config_APIs [🔑 需配置模块]
            O[ThinkAny.ai]
            R[Decopy.ai]
            S[DreamInterpreter.ai]
        end
        
        subgraph Default_APIs [✅ 默认可用模块]
            P[Goblin.tools]
            Q[EyeDance.net]
            T[Pollinations.ai Deno Port]
        end
        
        N --> O
        N --> P
        N --> Q
        N --> R
        N --> S
        N --> T
    end

    %% 数据存储
    subgraph Storage_Layer [💾 数据存储]
        U[localStorage]
    end

    %% 数据流
    E --> U
    F --> U
    J --> U
    
    %% 样式定义
    classDef uiClass fill:#7ed321,stroke:#333,stroke-width:2px,color:#fff
    classDef coreClass fill:#f5a623,stroke:#333,stroke-width:2px,color:#fff
    classDef aiClass fill:#4a90e2,stroke:#333,stroke-width:2px,color:#fff
    classDef storageClass fill:#bd10e0,stroke:#333,stroke-width:2px,color:#fff
    
    class A,B,C,D,E,F,G uiClass
    class H,I,J,K,L,M coreClass
    class N,O,P,Q,R,S,T aiClass
    class U storageClass
    
    %% 连接线样式
    linkStyle default stroke:#666,stroke-width:1px

gantt
    title 超级分析助手演进路线图
    dateFormat  YYYY-MM
    axisFormat  %Y年%m月
    
    section v20.0 体验革命
    可视化配置中心 :done, 2024-07, 2M
    智能请求缓存 :active, 2024-07, 2M
    优雅的错误处理 :2024-08, 2M
    
    section v21.0 开放与连接
    代码模块化重构 :2024-09, 3M
    插件化架构探索 :2024-10, 3M
    适配更多网站 :2024-11, 2M
    
    section v22.0 数据洞察
    帖子情感流向图 :2025-01, 3M
    关键讨论节点摘要 :2025-02, 3M
    用户行为数据分析 :2025-03, 2M