Spaces:

duqing2026
/

stellar-compute-agent

Sleeping

App Files Files Community

Trae Assistant commited on 4 days ago

Commit

6ff4e1a

0 Parent(s):

Enhance UI, add file upload, localize to Chinese, and optimize agent logic

Browse files

Files changed (12) hide show

Dockerfile +25 -0
README.md +56 -0
app.py +79 -0
core/__pycache__/agent.cpython-314.pyc +0 -0
core/__pycache__/database.cpython-314.pyc +0 -0
core/__pycache__/tools.cpython-314.pyc +0 -0
core/agent.py +99 -0
core/database.py +76 -0
core/tools.py +53 -0
requirements.txt +9 -0
stellar.db +0 -0
templates/index.html +512 -0

Dockerfile ADDED Viewed

	@@ -0,0 +1,25 @@

+# 使用轻量级 Python 基础镜像
+FROM python:3.11-slim
+# 设置工作目录
+WORKDIR /app
+# 安装系统依赖
+RUN apt-get update && apt-get install -y \
+    build-essential \
+    && rm -rf /var/lib/apt/lists/*
+# 复制依赖文件
+COPY requirements.txt .
+# 安装 Python 依赖
+RUN pip install --no-cache-dir -r requirements.txt
+# 复制项目代码
+COPY . .
+# 暴露端口
+EXPOSE 7860
+# 启动命令
+CMD ["python", "app.py"]

README.md ADDED Viewed

	@@ -0,0 +1,56 @@

+---
+title: Stellar Compute Agent
+emoji: 🛰️
+colorFrom: blue
+colorTo: indigo
+sdk: docker
+app_port: 7860
+short_description: 星际算力调度智能体 - 低轨卫星边缘计算与任务自动化管理系统
+---
+# 星际算力调度智能体 (Stellar Compute Agent)
+## 项目简介
+星际算力调度智能体是一个面向未来“太空算力”趋势的自动化管理系统。它模拟并实现了低轨卫星（LEO）星座的边缘计算资源调度、空间环境监测、任务自动化执行及闭环验证。
+该项目采用 **LangGraph** 构建核心决策大脑，通过 **ReAct** (Reasoning and Acting) 模式实现多智能体协同，能够根据复杂的自然语言指令，自主调用卫星状态查询、算力分配、轨道天气检查等工具，确保太空任务的高效与安全。
+## 核心特性
+- **🤖 闭环决策系统**：集成“推理/决策 + 工具行动 + 状态/记忆 + 校验/验收 + 迭代/回放”的完整循环。
+- **🛰️ 太空算力管理**：模拟卫星星座的实时电量、负载及轨道位置管理。
+- **⛈️ 空间天气感知**：动态响应太阳风暴、空间碎片等异常环境，调整调度策略。
+- **📱 响应式 UI**：适配移动端，提供现代化的“任务控制中心”交互体验。
+- **🧠 强大的 AI 驱动**：接入硅基流动 (SiliconFlow) 的高性能大模型（如 DeepSeek-V3）。
+- **💾 数据持久化**：所有任务轨迹、卫星状态及审计日志均保存在 SQLite 数据库中。
+## 快速启动
+### 1. 环境准备
+确保已安装 Python 3.9+，并获取 SiliconFlow API Key。
+### 2. 安装依赖
+```bash
+pip install -r requirements.txt
+```
+### 3. 运行项目
+```bash
+python app.py
+```
+访问 `http://localhost:8001` 即可进入控制台。
+### 4. Docker 运行
+```bash
+docker build -t stellar-compute-agent .
+docker run -p 8001:8001 stellar-compute-agent
+```
+## 技术架构
+- **后端**: FastAPI, Uvicorn
+- **Agent 框架**: LangChain, LangGraph (StateGraph)
+- **大模型**: DeepSeek-V3 (via SiliconFlow)
+- **前端**: HTML5, Tailwind CSS, Marked.js (Markdown 解析)
+- **存储**: SQLite3
+## 开发者
+由 AI 助手自动构建，专注于未来趋势与生产力工具。

app.py ADDED Viewed

	@@ -0,0 +1,79 @@

+import os
+import uuid
+import asyncio
+import shutil
+from typing import List
+from fastapi import FastAPI, Request, Form, UploadFile, File, HTTPException
+from fastapi.responses import HTMLResponse, JSONResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from core.agent import StellarAgent
+from core.database import StellarDB
+app = FastAPI(title="Stellar Compute Agent")
+db = StellarDB()
+agent = StellarAgent()
+# 挂载静态文件
+os.makedirs("static", exist_ok=True)
+os.makedirs("uploads", exist_ok=True)
+app.mount("/static", StaticFiles(directory="static"), name="static")
+templates = Jinja2Templates(directory="templates")
+@app.get("/", response_class=HTMLResponse)
+async def index(request: Request):
+    try:
+        sats = db.get_satellites()
+        tasks = db.get_tasks()
+        return templates.TemplateResponse("index.html", {
+            "request": request,
+            "sats": sats,
+            "tasks": tasks
+        })
+    except Exception as e:
+        return HTMLResponse(content=f"<html><body><h1>Internal Server Error</h1><p>{str(e)}</p></body></html>", status_code=500)
+@app.post("/mission")
+async def create_mission(prompt: str = Form(...)):
+    try:
+        task_id = str(uuid.uuid4())[:8]
+        # 在后台运行任务
+        result, logs = await agent.run_mission(task_id, prompt)
+        return {"task_id": task_id, "result": result, "logs": logs}
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+@app.post("/upload")
+async def upload_file(file: UploadFile = File(...)):
+    try:
+        file_path = os.path.join("uploads", file.filename)
+        with open(file_path, "wb") as buffer:
+            shutil.copyfileobj(file.file, buffer)
+        return {"filename": file.filename, "status": "success", "path": file_path}
+    except Exception as e:
+        return JSONResponse(status_code=500, content={"message": f"上传失败: {str(e)}"})
+@app.get("/api/tasks")
+async def get_tasks():
+    return db.get_tasks()
+@app.get("/api/satellites")
+async def get_satellites():
+    return db.get_satellites()
+@app.get("/api/stats")
+async def get_stats():
+    sats = db.get_satellites()
+    labels = [s['name'] for s in sats]
+    loads = [s['compute_load'] for s in sats]
+    batteries = [s['battery'] for s in sats]
+    return {
+        "labels": labels,
+        "loads": loads,
+        "batteries": batteries
+    }
+if __name__ == "__main__":
+    import uvicorn
+    port = int(os.environ.get("PORT", 7860))
+    uvicorn.run(app, host="0.0.0.0", port=port)

core/__pycache__/agent.cpython-314.pyc ADDED Viewed

Binary file (6.35 kB). View file

core/__pycache__/database.cpython-314.pyc ADDED Viewed

Binary file (5.77 kB). View file

core/__pycache__/tools.cpython-314.pyc ADDED Viewed

Binary file (3.14 kB). View file

core/agent.py ADDED Viewed

	@@ -0,0 +1,99 @@

+import os
+import json
+from typing import Annotated, TypedDict, List, Union
+from langchain_openai import ChatOpenAI
+from langchain_core.messages import BaseMessage, HumanMessage, AIMessage, ToolMessage
+from langgraph.graph import StateGraph, END
+from langgraph.prebuilt import ToolNode
+from core.tools import AVAILABLE_TOOLS, query_satellite_status, allocate_compute_task, check_orbital_weather, verify_mission_result
+from langchain_core.utils.function_calling import convert_to_openai_function
+from core.database import StellarDB
+# 配置 SiliconFlow API
+os.environ["OPENAI_API_KEY"] = "sk-vimuseiptfbomzegyuvmebjzooncsqbyjtlddrfodzcdskgi"
+os.environ["OPENAI_API_BASE"] = "https://api.siliconflow.cn/v1"
+db = StellarDB()
+class AgentState(TypedDict):
+    messages: Annotated[List[BaseMessage], lambda x, y: x + y]
+    task_id: str
+# 初始化模型
+llm = ChatOpenAI(
+    model="deepseek-ai/DeepSeek-V3",
+    temperature=0.7,
+)
+# 绑定工具
+tools = [query_satellite_status, allocate_compute_task, check_orbital_weather, verify_mission_result]
+llm_with_tools = llm.bind_tools(tools)
+def call_model(state: AgentState):
+    messages = state["messages"]
+    response = llm_with_tools.invoke(messages)
+    return {"messages": [response]}
+def should_continue(state: AgentState):
+    messages = state["messages"]
+    last_message = messages[-1]
+    if last_message.tool_calls:
+        return "tools"
+    return END
+# 构建图
+workflow = StateGraph(AgentState)
+workflow.add_node("agent", call_model)
+workflow.add_node("tools", ToolNode(tools))
+workflow.set_entry_point("agent")
+workflow.add_conditional_edges(
+    "agent",
+    should_continue,
+)
+workflow.add_edge("tools", "agent")
+app_graph = workflow.compile()
+class StellarAgent:
+    def __init__(self):
+        self.graph = app_graph
+    async def run_mission(self, task_id: str, prompt: str):
+        # 初始系统消息
+        system_msg = (
+            "你是一个名为 Stellar-Commander 的太空算力调度智能体。你的任务是管理低轨卫星星座的计算任务分配、"
+            "监控空间环境以及验证任务结果。你可以使用工具来查询状态、分配任务、检查天气和验证结果。"
+            "请始终用中文回答。你的回答应该专业、高效，并始终以保障卫星安全和最大化算力产出为目标。"
+            "在执行任务前，先通过工具了解现状。如果有附件信息，请一并考虑。"
+        )
+        inputs = {
+            "messages": [
+                {"role": "system", "content": system_msg},
+                {"role": "human", "content": prompt}
+            ],
+            "task_id": task_id
+        }
+        full_log = [f"System: 正在初始化任务序列 #{task_id}...", f"System: 接收到指令: {prompt}"]
+        final_result = ""
+        async for event in self.graph.astream(inputs, config={"configurable": {"thread_id": task_id}}):
+            for value in event.values():
+                if "messages" in value:
+                    msg = value["messages"][-1]
+                    if isinstance(msg, AIMessage):
+                        if msg.content:
+                            full_log.append(f"Commander: {msg.content}")
+                            final_result = msg.content
+                        if msg.tool_calls:
+                            for tc in msg.tool_calls:
+                                full_log.append(f"Decision: 调用工具 {tc['name']} 进行分析，参数: {json.dumps(tc['args'], ensure_ascii=False)}")
+                    elif isinstance(msg, ToolMessage):
+                        full_log.append(f"Action Result: 工具反馈数据 -> {msg.content}")
+        # 持久化
+        db.save_task(task_id, prompt, "Completed", final_result, "\n".join(full_log))
+        return final_result, full_log

core/database.py ADDED Viewed

	@@ -0,0 +1,76 @@

+import sqlite3
+import json
+from datetime import datetime
+class StellarDB:
+    def __init__(self, db_path="stellar.db"):
+        self.db_path = db_path
+        self._init_db()
+    def _init_db(self):
+        with sqlite3.connect(self.db_path) as conn:
+            cursor = conn.cursor()
+            # 卫星状态表
+            cursor.execute('''
+                CREATE TABLE IF NOT EXISTS satellites (
+                    id TEXT PRIMARY KEY,
+                    name TEXT,
+                    status TEXT,
+                    battery INTEGER,
+                    compute_load INTEGER,
+                    last_updated TIMESTAMP
+                )
+            ''')
+            # 任务记录表
+            cursor.execute('''
+                CREATE TABLE IF NOT EXISTS tasks (
+                    id TEXT PRIMARY KEY,
+                    description TEXT,
+                    status TEXT,
+                    result TEXT,
+                    agent_log TEXT,
+                    created_at TIMESTAMP
+                )
+            ''')
+            # 初始卫星数据
+            satellites = [
+                ('SAT-001', 'Stellar-Alpha (领航者)', 'Orbiting', 85, 10, datetime.now()),
+                ('SAT-002', 'Stellar-Beta (守望者)', 'Orbiting', 92, 5, datetime.now()),
+                ('SAT-003', 'Stellar-Gamma (开拓者)', 'Maintenance', 45, 0, datetime.now()),
+                ('SAT-004', 'Stellar-Delta (中继站)', 'Orbiting', 78, 25, datetime.now()),
+                ('SAT-005', 'Stellar-Epsilon (监测站)', 'Orbiting', 60, 40, datetime.now()),
+            ]
+            cursor.executemany('INSERT OR IGNORE INTO satellites VALUES (?,?,?,?,?,?)', satellites)
+            conn.commit()
+    def get_satellites(self):
+        with sqlite3.connect(self.db_path) as conn:
+            conn.row_factory = sqlite3.Row
+            cursor = conn.cursor()
+            cursor.execute('SELECT * FROM satellites')
+            return [dict(row) for row in cursor.fetchall()]
+    def update_satellite(self, sat_id, status=None, battery=None, compute_load=None):
+        with sqlite3.connect(self.db_path) as conn:
+            cursor = conn.cursor()
+            if status: cursor.execute('UPDATE satellites SET status = ? WHERE id = ?', (status, sat_id))
+            if battery is not None: cursor.execute('UPDATE satellites SET battery = ? WHERE id = ?', (battery, sat_id))
+            if compute_load is not None: cursor.execute('UPDATE satellites SET compute_load = ? WHERE id = ?', (compute_load, sat_id))
+            cursor.execute('UPDATE satellites SET last_updated = ? WHERE id = ?', (datetime.now(), sat_id))
+            conn.commit()
+    def save_task(self, task_id, description, status, result="", agent_log=""):
+        with sqlite3.connect(self.db_path) as conn:
+            cursor = conn.cursor()
+            cursor.execute('''
+                INSERT OR REPLACE INTO tasks (id, description, status, result, agent_log, created_at)
+                VALUES (?, ?, ?, ?, ?, ?)
+            ''', (task_id, description, status, result, agent_log, datetime.now()))
+            conn.commit()
+    def get_tasks(self):
+        with sqlite3.connect(self.db_path) as conn:
+            conn.row_factory = sqlite3.Row
+            cursor = conn.cursor()
+            cursor.execute('SELECT * FROM tasks ORDER BY created_at DESC')
+            return [dict(row) for row in cursor.fetchall()]

core/tools.py ADDED Viewed

	@@ -0,0 +1,53 @@

+from core.database import StellarDB
+import random
+db = StellarDB()
+def query_satellite_status():
+    """查询所有卫星的当前状态、电量和计算负载。"""
+    sats = db.get_satellites()
+    status_str = "当前卫星星座状态:\n"
+    for s in sats:
+        status_str += f"- {s['name']} ({s['id']}): 状态={s['status']}, 电量={s['battery']}%, 负载={s['compute_load']}%\n"
+    return status_str
+def allocate_compute_task(task_description, target_sat_id):
+    """将计算任务分配给指定的卫星。"""
+    sats = db.get_satellites()
+    target = next((s for s in sats if s['id'] == target_sat_id), None)
+    if not target:
+        return f"错误: 找不到卫星 {target_sat_id}"
+    if target['status'] != 'Orbiting':
+        return f"错误: 卫星 {target_sat_id} 当前处于 {target['status']} 状态，无法处理任务。"
+    if target['battery'] < 20:
+        return f"警告: 卫星 {target_sat_id} 电量过低 ({target['battery']}%)，任务分配失败。"
+    # 模拟分配逻辑
+    new_load = min(100, target['compute_load'] + 25)
+    db.update_satellite(target_sat_id, compute_load=new_load)
+    return f"成功: 任务 '{task_description}' 已分配给 {target_sat_id}。当前负载增加至 {new_load}%。"
+def check_orbital_weather():
+    """检查当前的轨道空间天气，如太阳活动、碎片风险等。"""
+    weathers = ["正常", "强太阳风暴", "空间碎片预警", "电离层干扰"]
+    current = random.choice(weathers)
+    if current == "正常":
+        return "空间天气状况良好，适合进行高强度计算任务。"
+    else:
+        return f"警告: 当前空间天气为 '{current}'，建议推迟非必要任务或降低负载。"
+def verify_mission_result(task_id):
+    """校验任务执行结果。"""
+    return f"任务 {task_id} 结果校验完成: 100% 匹配预期数据模型。"
+# 工具映射表
+AVAILABLE_TOOLS = {
+    "query_satellite_status": query_satellite_status,
+    "allocate_compute_task": allocate_compute_task,
+    "check_orbital_weather": check_orbital_weather,
+    "verify_mission_result": verify_mission_result
+}

requirements.txt ADDED Viewed

	@@ -0,0 +1,9 @@

+fastapi
+uvicorn
+langchain
+langchain-openai
+langgraph
+pydantic
+jinja2
+python-multipart
+requests

stellar.db ADDED Viewed

Binary file (20.5 kB). View file

templates/index.html ADDED Viewed

	@@ -0,0 +1,512 @@

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stellar Compute - 太空算力调度智能体</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <style>
+        @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
+        body { font-family: 'Space Grotesk', 'PingFang SC', 'Microsoft YaHei', sans-serif; background-color: #050505; color: #e5e5e5; }
+        .glass { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
+        .accent-blue { color: #3b82f6; }
+        .bg-accent-blue { background-color: #3b82f6; }
+        .prose { color: #d1d5db; }
+        .prose h1, .prose h2, .prose h3 { color: #fff; margin-top: 1em; margin-bottom: 0.5em; }
+        .prose p { margin-bottom: 1em; line-height: 1.6; }
+        .status-dot { height: 8px; width: 8px; border-radius: 50%; display: inline-block; margin-right: 6px; }
+        .orbiting { background-color: #10b981; box-shadow: 0 0 8px #10b981; }
+        .maintenance { background-color: #f59e0b; box-shadow: 0 0 8px #f59e0b; }
+        /* 隐藏滚动条但保留功能 */
+        .no-scrollbar::-webkit-scrollbar { display: none; }
+        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
+    </style>
+</head>
+<body class="min-h-screen">
+    <!-- 导航栏 -->
+    <nav class="p-4 border-b border-white/10 glass sticky top-0 z-50">
+        <div class="max-w-7xl mx-auto flex justify-between items-center">
+            <div class="flex items-center space-x-3">
+                <i class="fas fa-satellite-dish text-2xl text-blue-500"></i>
+                <span class="text-xl font-bold tracking-tighter">STELLAR COMPUTE</span>
+                <span class="text-xs bg-blue-500/20 text-blue-400 px-2 py-0.5 rounded border border-blue-500/30">V2.0 升级版</span>
+            </div>
+            <div class="hidden md:flex space-x-8 text-sm font-medium">
+                <a href="#" class="text-blue-400 border-b-2 border-blue-400 pb-1">控制台</a>
+                <a href="#" class="hover:text-blue-400 transition">星座网络</a>
+                <a href="#" class="hover:text-blue-400 transition">算力市场</a>
+                <a href="#" class="hover:text-blue-400 transition">任务审计</a>
+            </div>
+            <div class="flex items-center space-x-4">
+                <span id="system-time" class="text-xs font-mono text-gray-500">2026-02-14 12:00:00 UTC</span>
+                <button class="text-xl"><i class="fas fa-user-circle"></i></button>
+            </div>
+        </div>
+    </nav>
+    <main class="max-w-7xl mx-auto p-4 md:p-6 grid grid-cols-1 lg:grid-cols-4 gap-6">
+        <!-- 左侧：状态与图表 -->
+        <div class="lg:col-span-1 space-y-6">
+            <div class="glass p-5 rounded-2xl">
+                <h2 class="text-sm font-bold mb-4 flex items-center text-gray-400 uppercase tracking-widest">
+                    <i class="fas fa-chart-line mr-2 text-blue-500"></i> 星座负载概览
+                </h2>
+                <div class="h-48 w-full">
+                    <canvas id="loadChart"></canvas>
+                </div>
+            </div>
+            <div class="glass p-5 rounded-2xl">
+                <h2 class="text-sm font-bold mb-4 flex items-center text-gray-400 uppercase tracking-widest">
+                    <i class="fas fa-microchip mr-2 text-blue-500"></i> 卫星节点状态
+                </h2>
+                <div id="satellite-list" class="space-y-4 max-h-[400px] overflow-y-auto no-scrollbar">
+                    {% for sat in sats %}
+                    <div class="p-3 rounded-xl bg-white/5 border border-white/10 hover:border-blue-500/30 transition-all">
+                        <div class="flex justify-between items-start mb-2">
+                            <div>
+                                <h3 class="font-medium text-sm">{{ sat.name }}</h3>
+                                <p class="text-[10px] text-gray-500 font-mono">{{ sat.id }}</p>
+                            </div>
+                            <span class="text-[10px] px-2 py-0.5 rounded-full {% if sat.status == 'Orbiting' %}bg-green-500/20 text-green-400 border border-green-500/30{% else %}bg-yellow-500/20 text-yellow-400 border border-yellow-500/30{% endif %}">
+                                {{ "运行中" if sat.status == 'Orbiting' else "维护中" }}
+                            </span>
+                        </div>
+                        <div class="space-y-2">
+                            <div class="flex justify-between text-[10px]">
+                                <span class="text-gray-400">电量</span>
+                                <span>{{ sat.battery }}%</span>
+                            </div>
+                            <div class="w-full bg-white/10 rounded-full h-1">
+                                <div class="bg-green-500 h-1 rounded-full transition-all duration-1000" style="width: {{ sat.battery }}%"></div>
+                            </div>
+                            <div class="flex justify-between text-[10px] pt-1">
+                                <span class="text-gray-400">算力负载</span>
+                                <span>{{ sat.compute_load }}%</span>
+                            </div>
+                            <div class="w-full bg-white/10 rounded-full h-1">
+                                <div class="bg-blue-500 h-1 rounded-full transition-all duration-1000" style="width: {{ sat.compute_load }}%"></div>
+                            </div>
+                        </div>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+        <!-- 中间：控制台 -->
+        <div class="lg:col-span-2 space-y-6">
+            <div class="glass p-6 rounded-2xl relative overflow-hidden">
+                <div class="absolute top-0 right-0 p-4">
+                    <i class="fas fa-shield-alt text-blue-500/20 text-6xl"></i>
+                </div>
+                <h2 class="text-lg font-bold mb-4 flex items-center">
+                    <i class="fas fa-terminal mr-2 text-blue-500"></i> 任务控制台 (Mission Control)
+                </h2>
+                <form id="mission-form" class="space-y-4">
+                    <div class="relative">
+                        <textarea
+                            name="prompt"
+                            id="mission-input"
+                            class="w-full bg-white/5 border border-white/10 rounded-xl p-4 text-white focus:outline-none focus:border-blue-500 transition h-40 resize-none text-sm leading-relaxed"
+                            placeholder="请输入您的指令...
+例如：'分析 SAT-001 的能耗趋势，并根据当前轨道天气，将非核心计算任务迁移至电力充沛的节点。'"
+                        ></textarea>
+                        <div class="absolute bottom-3 right-3 flex space-x-2">
+                            <button type="button" onclick="triggerUpload()" class="p-2 rounded-lg bg-white/5 hover:bg-white/10 text-gray-400 hover:text-white transition" title="上传附件">
+                                <i class="fas fa-paperclip"></i>
+                            </button>
+                            <input type="file" id="file-upload" class="hidden" onchange="handleFileSelected(this)">
+                        </div>
+                    </div>
+                    <div id="upload-status" class="hidden text-xs text-blue-400 bg-blue-500/10 p-2 rounded-lg border border-blue-500/20">
+                        <i class="fas fa-file-alt mr-1"></i> <span id="filename-display"></span> 上传成功
+                    </div>
+                    <button type="submit" id="submit-btn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl transition shadow-lg shadow-blue-500/20 flex items-center justify-center space-x-3">
+                        <i class="fas fa-bolt"></i>
+                        <span>启动智能调度流</span>
+                    </button>
+                </form>
+            </div>
+            <!-- 输出区域 -->
+            <div id="output-container" class="glass p-6 rounded-2xl hidden transition-all duration-500">
+                <div class="flex justify-between items-center mb-6">
+                    <h2 class="text-lg font-bold flex items-center">
+                        <i class="fas fa-brain mr-2 text-blue-500"></i> 智能体推理与决策轨迹
+                    </h2>
+                    <span id="task-status-badge" class="px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider">等待中</span>
+                </div>
+                <div class="space-y-6">
+                    <div id="agent-logs" class="font-mono text-xs space-y-3 max-h-80 overflow-y-auto p-4 bg-black/40 rounded-xl border border-white/5 no-scrollbar">
+                        <!-- 日志将在此处动态生成 -->
+                    </div>
+                    <div class="border-t border-white/10 pt-6">
+                        <div class="flex items-center mb-4">
+                            <div class="h-1 w-8 bg-blue-500 rounded-full mr-3"></div>
+                            <h3 class="text-md font-bold">最终执行指令</h3>
+                        </div>
+                        <div id="final-result" class="prose prose-invert max-w-none text-sm bg-white/5 p-5 rounded-xl border border-white/10">
+                            <!-- 结果将在此处动态生成 -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- ���侧：任务审计 -->
+        <div class="lg:col-span-1 space-y-6">
+            <div class="glass p-5 rounded-2xl">
+                <h2 class="text-sm font-bold mb-4 flex items-center text-gray-400 uppercase tracking-widest">
+                    <i class="fas fa-history mr-2 text-blue-500"></i> 历史任务记录
+                </h2>
+                <div id="task-history" class="space-y-3 overflow-y-auto max-h-[600px] no-scrollbar">
+                    {% for task in tasks %}
+                    <div class="p-3 rounded-xl bg-white/5 border border-white/5 text-sm cursor-pointer hover:bg-white/10 hover:border-white/20 transition-all group" onclick="showTaskDetail('{{ task.id }}')">
+                        <div class="flex justify-between mb-1">
+                            <span class="font-mono text-[10px] text-blue-400">#{{ task.id }}</span>
+                            <span class="text-[9px] text-gray-500">{{ task.created_at.strftime('%H:%M:%S') if task.created_at else '' }}</span>
+                        </div>
+                        <p class="truncate text-gray-300 group-hover:text-white transition-colors">{{ task.description }}</p>
+                        <div class="mt-2 flex items-center text-[9px] text-gray-500">
+                            <span class="status-dot orbiting"></span> 已完成
+                        </div>
+                    </div>
+                    {% else %}
+                    <div class="text-center py-10 text-gray-600 text-xs">
+                        <i class="fas fa-inbox text-2xl mb-2 opacity-20"></i>
+                        <p>暂无任务记录</p>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </main>
+    <!-- 任务详情弹窗 -->
+    <div id="detail-modal" class="fixed inset-0 bg-black/90 backdrop-blur-md z-[100] hidden items-center justify-center p-4">
+        <div class="glass max-w-4xl w-full max-h-[85vh] rounded-3xl overflow-hidden flex flex-col shadow-2xl border-white/20">
+            <div class="p-6 border-b border-white/10 flex justify-between items-center bg-white/5">
+                <div class="flex items-center space-x-3">
+                    <i class="fas fa-file-invoice text-blue-500"></i>
+                    <h3 class="text-xl font-bold">任务全周期审计报告</h3>
+                </div>
+                <button onclick="closeModal()" class="w-10 h-10 rounded-full flex items-center justify-center bg-white/5 hover:bg-white/10 text-gray-400 hover:text-white transition">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div id="modal-content" class="p-8 overflow-y-auto space-y-8 no-scrollbar">
+                <!-- 弹窗内容动态生成 -->
+            </div>
+        </div>
+    </div>
+    <script>
+        // 初始化图表
+        let loadChart;
+        function initChart(data) {
+            const ctx = document.getElementById('loadChart').getContext('2d');
+            loadChart = new Chart(ctx, {
+                type: 'bar',
+                data: {
+                    labels: data.labels,
+                    datasets: [
+                        {
+                            label: '负载 (%)',
+                            data: data.loads,
+                            backgroundColor: 'rgba(59, 130, 246, 0.5)',
+                            borderColor: '#3b82f6',
+                            borderWidth: 1,
+                            borderRadius: 4
+                        },
+                        {
+                            label: '电量 (%)',
+                            data: data.batteries,
+                            type: 'line',
+                            borderColor: '#10b981',
+                            backgroundColor: '#10b981',
+                            borderWidth: 2,
+                            pointRadius: 3,
+                            fill: false
+                        }
+                    ]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    scales: {
+                        y: {
+                            beginAtZero: true,
+                            max: 100,
+                            grid: { color: 'rgba(255,255,255,0.05)' },
+                            ticks: { color: '#666', font: { size: 10 } }
+                        },
+                        x: {
+                            grid: { display: false },
+                            ticks: { color: '#666', font: { size: 10 } }
+                        }
+                    },
+                    plugins: {
+                        legend: {
+                            display: true,
+                            position: 'bottom',
+                            labels: { color: '#999', boxWidth: 10, font: { size: 10 } }
+                        }
+                    }
+                }
+            });
+        }
+        // 定时更新系统时间
+        setInterval(() => {
+            const now = new Date();
+            document.getElementById('system-time').innerText = now.toISOString().replace('T', ' ').substring(0, 19) + ' UTC';
+        }, 1000);
+        // 表单提交
+        const form = document.getElementById('mission-form');
+        const submitBtn = document.getElementById('submit-btn');
+        const outputContainer = document.getElementById('output-container');
+        const agentLogs = document.getElementById('agent-logs');
+        const finalResult = document.getElementById('final-result');
+        const taskStatusBadge = document.getElementById('task-status-badge');
+        form.onsubmit = async (e) => {
+            e.preventDefault();
+            const formData = new FormData(form);
+            if (!formData.get('prompt')) return;
+            // UI 重置
+            submitBtn.disabled = true;
+            submitBtn.innerHTML = '<i class="fas fa-satellite animate-pulse"></i> <span>正在建立星地链路...</span>';
+            outputContainer.classList.remove('hidden');
+            agentLogs.innerHTML = '<div class="text-blue-400/60">[SYSTEM] 链路已建立，开始上传指令...</div>';
+            finalResult.innerHTML = '<div class="flex items-center space-x-2 text-gray-500"><div class="w-2 h-2 bg-gray-500 rounded-full animate-bounce"></div><span>计算中...</span></div>';
+            taskStatusBadge.className = 'px-3 py-1 rounded-full text-[10px] font-bold bg-yellow-500/20 text-yellow-400 animate-pulse';
+            taskStatusBadge.innerText = '执行中';
+            try {
+                const response = await fetch('/mission', {
+                    method: 'POST',
+                    body: formData
+                });
+                const data = await response.json();
+                // 渲染日志
+                agentLogs.innerHTML = '';
+                data.logs.forEach((log, index) => {
+                    setTimeout(() => {
+                        const div = document.createElement('div');
+                        div.className = 'opacity-0 transform translate-x-2 transition-all duration-300';
+                        if (log.includes('Decision:')) {
+                            div.innerHTML = `<span class="text-blue-400 font-bold">◈ 决策:</span> <span class="text-blue-100">${log.split('Decision:')[1]}</span>`;
+                        } else if (log.includes('Action Result:')) {
+                            div.innerHTML = `<span class="text-green-400 font-bold">✓ 响应:</span> <span class="text-green-100">${log.split('Action Result:')[1]}</span>`;
+                        } else if (log.includes('Commander:')) {
+                            div.innerHTML = `<span class="text-purple-400 font-bold">⌘ 指挥:</span> <span class="text-purple-100">${log.split('Commander:')[1]}</span>`;
+                        } else {
+                            div.innerHTML = `<span class="text-gray-500"># ${log}</span>`;
+                        }
+                        agentLogs.appendChild(div);
+                        setTimeout(() => {
+                            div.classList.remove('opacity-0', 'translate-x-2');
+                            agentLogs.scrollTop = agentLogs.scrollHeight;
+                        }, 50);
+                    }, index * 100);
+                });
+                // 渲染 Markdown 结果
+                setTimeout(() => {
+                    finalResult.innerHTML = marked.parse(data.result);
+                    taskStatusBadge.className = 'px-3 py-1 rounded-full text-[10px] font-bold bg-green-500/20 text-green-400';
+                    taskStatusBadge.innerText = '任务完成';
+                    updateStatus();
+                }, data.logs.length * 100 + 500);
+            } catch (err) {
+                console.error(err);
+                taskStatusBadge.className = 'px-3 py-1 rounded-full text-[10px] font-bold bg-red-500/20 text-red-400';
+                taskStatusBadge.innerText = '链路中断';
+                finalResult.innerHTML = '<span class="text-red-400">错误: 无法连接到星际计算引擎。请检查您的 API 密钥或网络连接。</span>';
+            } finally {
+                submitBtn.disabled = false;
+                submitBtn.innerHTML = '<i class="fas fa-bolt"></i> <span>启动智能调度流</span>';
+            }
+        };
+        // 文件上传逻辑
+        function triggerUpload() {
+            document.getElementById('file-upload').click();
+        }
+        async function handleFileSelected(input) {
+            if (!input.files || input.files.length === 0) return;
+            const file = input.files[0];
+            const statusDiv = document.getElementById('upload-status');
+            const filenameSpan = document.getElementById('filename-display');
+            statusDiv.classList.remove('hidden');
+            statusDiv.innerHTML = `<i class="fas fa-spinner animate-spin mr-1"></i> 正在上传 ${file.name}...`;
+            const formData = new FormData();
+            formData.append('file', file);
+            try {
+                const res = await fetch('/upload', { method: 'POST', body: formData });
+                const data = await res.json();
+                if (data.status === 'success') {
+                    statusDiv.innerHTML = `<i class="fas fa-check-circle text-green-400 mr-1"></i> ${file.name} 已挂载到当前任务上下文`;
+                    statusDiv.classList.add('bg-green-500/10', 'border-green-500/20', 'text-green-400');
+                    // 将文件名添加到输入框
+                    const missionInput = document.getElementById('mission-input');
+                    missionInput.value += `\n[附件: ${file.name}]`;
+                } else {
+                    throw new Error(data.message);
+                }
+            } catch (err) {
+                statusDiv.innerHTML = `<i class="fas fa-exclamation-triangle text-red-400 mr-1"></i> 上传失败: ${err.message}`;
+                statusDiv.classList.add('bg-red-500/10', 'border-red-500/20', 'text-red-400');
+            }
+        }
+        // 更新状态
+        async function updateStatus() {
+            try {
+                const [satRes, statsRes] = await Promise.all([
+                    fetch('/api/satellites'),
+                    fetch('/api/stats')
+                ]);
+                const sats = await satRes.json();
+                const stats = await statsRes.json();
+                // 更新列表
+                const list = document.getElementById('satellite-list');
+                list.innerHTML = sats.map(sat => `
+                    <div class="p-3 rounded-xl bg-white/5 border border-white/10 hover:border-blue-500/30 transition-all">
+                        <div class="flex justify-between items-start mb-2">
+                            <div>
+                                <h3 class="font-medium text-sm">${sat.name}</h3>
+                                <p class="text-[10px] text-gray-500 font-mono">${sat.id}</p>
+                            </div>
+                            <span class="text-[10px] px-2 py-0.5 rounded-full ${sat.status === 'Orbiting' ? 'bg-green-500/20 text-green-400 border border-green-500/30' : 'bg-yellow-500/20 text-yellow-400 border border-yellow-500/30'}">
+                                ${sat.status === 'Orbiting' ? '运行中' : '维护中'}
+                            </span>
+                        </div>
+                        <div class="space-y-2">
+                            <div class="flex justify-between text-[10px]">
+                                <span class="text-gray-400">电量</span>
+                                <span>${sat.battery}%</span>
+                            </div>
+                            <div class="w-full bg-white/10 rounded-full h-1">
+                                <div class="bg-green-500 h-1 rounded-full transition-all duration-1000" style="width: ${sat.battery}%"></div>
+                            </div>
+                            <div class="flex justify-between text-[10px] pt-1">
+                                <span class="text-gray-400">算力负载</span>
+                                <span>${sat.compute_load}%</span>
+                            </div>
+                            <div class="w-full bg-white/10 rounded-full h-1">
+                                <div class="bg-blue-500 h-1 rounded-full transition-all duration-1000" style="width: ${sat.compute_load}%"></div>
+                            </div>
+                        </div>
+                    </div>
+                `).join('');
+                // 更新图表
+                if (loadChart) {
+                    loadChart.data.labels = stats.labels;
+                    loadChart.data.datasets[0].data = stats.loads;
+                    loadChart.data.datasets[1].data = stats.batteries;
+                    loadChart.update();
+                }
+            } catch (err) {
+                console.error("更新状态失败:", err);
+            }
+        }
+        // 显示详情
+        async function showTaskDetail(id) {
+            try {
+                const tasksRes = await fetch('/api/tasks');
+                const tasks = await tasksRes.json();
+                const task = tasks.find(t => t.id === id);
+                if (!task) return;
+                const modal = document.getElementById('detail-modal');
+                const content = document.getElementById('modal-content');
+                content.innerHTML = `
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                        <div class="space-y-6">
+                            <div>
+                                <h4 class="text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 flex items-center">
+                                    <span class="w-1.5 h-1.5 bg-blue-500 rounded-full mr-2"></span> 原始任务指令
+                                </h4>
+                                <div class="bg-white/5 p-5 rounded-2xl border border-white/10 text-sm leading-relaxed text-blue-100">
+                                    ${task.description}
+                                </div>
+                            </div>
+                            <div>
+                                <h4 class="text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 flex items-center">
+                                    <span class="w-1.5 h-1.5 bg-green-500 rounded-full mr-2"></span> 最终决策结果
+                                </h4>
+                                <div class="prose prose-invert max-w-none text-sm bg-white/5 p-5 rounded-2xl border border-white/10">
+                                    ${marked.parse(task.result)}
+                                </div>
+                            </div>
+                        </div>
+                        <div>
+                            <h4 class="text-xs font-bold text-gray-500 uppercase tracking-widest mb-3 flex items-center">
+                                <span class="w-1.5 h-1.5 bg-purple-500 rounded-full mr-2"></span> 智能体执行日志 (审计跟踪)
+                            </h4>
+                            <div class="bg-black/40 p-5 rounded-2xl border border-white/10 text-[11px] font-mono text-blue-300 h-full overflow-y-auto max-h-[500px] leading-relaxed no-scrollbar">
+                                ${task.agent_log.split('\n').map(line => `<div class="mb-2 border-l border-white/10 pl-3">${line}</div>`).join('')}
+                            </div>
+                        </div>
+                    </div>
+                `;
+                modal.classList.remove('hidden');
+                modal.classList.add('flex');
+                document.body.style.overflow = 'hidden';
+            } catch (err) {
+                console.error("加载详情失败:", err);
+            }
+        }
+        function closeModal() {
+            const modal = document.getElementById('detail-modal');
+            modal.classList.add('hidden');
+            modal.classList.remove('flex');
+            document.body.style.overflow = 'auto';
+        }
+        // 初始化
+        window.onload = async () => {
+            const res = await fetch('/api/stats');
+            const data = await res.json();
+            initChart(data);
+            // 初始动画效果
+            document.querySelectorAll('.glass').forEach((el, i) => {
+                el.style.opacity = '0';
+                el.style.transform = 'translateY(10px)';
+                setTimeout(() => {
+                    el.style.transition = 'all 0.5s ease';
+                    el.style.opacity = '1';
+                    el.style.transform = 'translateY(0)';
+                }, i * 100);
+            });
+        };
+    </script>
+</body>
+</html>