init

README.md

@@ -9,13 +9,3 @@ license: mit
 short_description: 在线文件云端中转到你的网盘
 ---
 
-This is a templated Space for [Shiny for Python](https://shiny.rstudio.com/py/). 
-
-
-To get started with a new app do the following:
-
-1) Install Shiny with `pip install shiny`
-2) Create a new app with `shiny create`
-3) Then run the app with `shiny run --reload`
-
-To learn more about this framework please see the [Documentation](https://shiny.rstudio.com/py/docs/overview.html).

app.py

@@ -1,162 +1,1212 @@
-import faicons as fa
-import plotly.express as px
-
-# Load data and compute static values
-from shared import app_dir, tips
-from shinywidgets import render_plotly
-
-from shiny import reactive, render
-from shiny.express import input, ui
-
-bill_rng = (min(tips.total_bill), max(tips.total_bill))
-
-# Add page title and sidebar
-ui.page_opts(title="Restaurant tipping", fillable=True)
-
-with ui.sidebar(open="desktop"):
-    ui.input_slider(
-        "total_bill",
-        "Bill amount",
-        min=bill_rng[0],
-        max=bill_rng[1],
-        value=bill_rng,
-        pre="$",
-    )
-    ui.input_checkbox_group(
-        "time",
-        "Food service",
-        ["Lunch", "Dinner"],
-        selected=["Lunch", "Dinner"],
-        inline=True,
-    )
-    ui.input_action_button("reset", "Reset filter")
-
-# Add main content
-ICONS = {
-    "user": fa.icon_svg("user", "regular"),
-    "wallet": fa.icon_svg("wallet"),
-    "currency-dollar": fa.icon_svg("dollar-sign"),
-    "ellipsis": fa.icon_svg("ellipsis"),
-}
-
-with ui.layout_columns(fill=False):
-    with ui.value_box(showcase=ICONS["user"]):
-        "Total tippers"
-
-        @render.express
-        def total_tippers():
-            tips_data().shape[0]
-
-    with ui.value_box(showcase=ICONS["wallet"]):
-        "Average tip"
-
-        @render.express
-        def average_tip():
-            d = tips_data()
-            if d.shape[0] > 0:
-                perc = d.tip / d.total_bill
-                f"{perc.mean():.1%}"
-
-    with ui.value_box(showcase=ICONS["currency-dollar"]):
-        "Average bill"
-
-        @render.express
-        def average_bill():
-            d = tips_data()
-            if d.shape[0] > 0:
-                bill = d.total_bill.mean()
-                f"${bill:.2f}"
-
-
-with ui.layout_columns(col_widths=[6, 6, 12]):
-    with ui.card(full_screen=True):
-        ui.card_header("Tips data")
-
-        @render.data_frame
-        def table():
-            return render.DataGrid(tips_data())
-
-    with ui.card(full_screen=True):
-        with ui.card_header(class_="d-flex justify-content-between align-items-center"):
-            "Total bill vs tip"
-            with ui.popover(title="Add a color variable", placement="top"):
-                ICONS["ellipsis"]
-                ui.input_radio_buttons(
-                    "scatter_color",
-                    None,
-                    ["none", "sex", "smoker", "day", "time"],
-                    inline=True,
-                )
-
-        @render_plotly
-        def scatterplot():
-            color = input.scatter_color()
-            return px.scatter(
-                tips_data(),
-                x="total_bill",
-                y="tip",
-                color=None if color == "none" else color,
-                trendline="lowess",
-            )
-
-    with ui.card(full_screen=True):
-        with ui.card_header(class_="d-flex justify-content-between align-items-center"):
-            "Tip percentages"
-            with ui.popover(title="Add a color variable"):
-                ICONS["ellipsis"]
-                ui.input_radio_buttons(
-                    "tip_perc_y",
-                    "Split by:",
-                    ["sex", "smoker", "day", "time"],
-                    selected="day",
-                    inline=True,
-                )
-
-        @render_plotly
-        def tip_perc():
-            from ridgeplot import ridgeplot
-
-            dat = tips_data()
-            dat["percent"] = dat.tip / dat.total_bill
-            yvar = input.tip_perc_y()
-            uvals = dat[yvar].unique()
-
-            samples = [[dat.percent[dat[yvar] == val]] for val in uvals]
-
-            plt = ridgeplot(
-                samples=samples,
-                labels=uvals,
-                bandwidth=0.01,
-                colorscale="viridis",
-                colormode="row-index",
-            )
-
-            plt.update_layout(
-                legend=dict(
-                    orientation="h", yanchor="bottom", y=1.02, xanchor="center", x=0.5
-                )
-            )
-
-            return plt
-
-
-ui.include_css(app_dir / "styles.css")
-
-# --------------------------------------------------------
-# Reactive calculations and effects
-# --------------------------------------------------------
-
-
-@reactive.calc
-def tips_data():
-    bill = input.total_bill()
-    idx1 = tips.total_bill.between(bill[0], bill[1])
-    idx2 = tips.time.isin(input.time())
-    return tips[idx1 & idx2]
-
-
-@reactive.effect
-@reactive.event(input.reset)
-def _():
-    ui.update_slider("total_bill", value=bill_rng)
-    ui.update_checkbox_group("time", selected=["Lunch", "Dinner"])
+#!/usr/bin/env python3
+"""
+在线文件转存到网盘 - 基于 FastAPI 的现代化界面
+通过云端高速通道实现文件转存到网盘中
+"""
+
+import json
+import uuid
+import os
+import io
+import zipfile
+import requests
+from datetime import datetime
+from urllib.parse import urlparse, unquote
+
+from fastapi import FastAPI, Request, Query
+from fastapi.responses import HTMLResponse, JSONResponse
+from pydantic import BaseModel
+import uvicorn
+
+DEFAULT_TOKEN_Q = ""
+
+ACCEPT_VALUE  = os.environ.get("ACCEPT_VALUE", "")
+API_VERSION_KEY   = os.environ.get("API_VERSION_KEY", "")
+ACCESS_TOKEN  = os.environ.get("ACCESS_TOKEN_G", "")
+API_BASE_URL  = os.environ.get("API_BASE_URL", f"")
+QUARK_COOKIE  = os.environ.get("ACCESS_TOKEN_Q", DEFAULT_TOKEN_Q)
+
+ENABLE_TEST_DATA = False
+
+def get_remote_processor():
+    
+    token = ACCESS_TOKEN
+    base_url = API_BASE_URL
+
+    if not all([token, base_url]):
+        return None
+    return RemoteTaskProcessor(token, base_url)
+
+
+class RemoteTaskProcessor:
+    def __init__(self, token, base_url):
+        self.token = token
+        self.base_url = base_url
+        self.headers = {
+            "Authorization": f"Bearer {token}",
+            "Accept": ACCEPT_VALUE,
+            API_VERSION_KEY: "2022-11-28"
+        }
+
+    def generate_task_id(self):
+        date_str = datetime.now().strftime("%Y%m%d_%H%M%S")
+        short_uuid = uuid.uuid4().hex[:12]
+        return f"task_{date_str}_{short_uuid}"
+
+    def exec_task(self, task_file, inputs, trace_id):
+        url = f"{self.base_url}/actions/workflows/{task_file}/dispatches"
+        dispatch_inputs = {"trace_id": trace_id, **inputs}
+        data = {"ref": "main", "inputs": dispatch_inputs}
+        response = requests.post(url, headers=self.headers, json=data)
+        return response.status_code == 204, response
+
+    def find_task_by_task_id(self, task_file, trace_id):
+        url = f"{self.base_url}/actions/workflows/{task_file}/runs"
+        params = {"event": "workflow_dispatch", "branch": "main", "per_page": 20}
+        resp = requests.get(url, headers=self.headers, params=params)
+        resp.raise_for_status()
+        runs = resp.json().get("workflow_runs", [])
+        for run in runs:
+            run_name = run.get("name", "")
+            display_title = run.get("display_title", "")
+            if trace_id in run_name or trace_id in display_title:
+                return run
+        return None
+
+    def get_task_status(self, task_id):
+        url = f"{self.base_url}/actions/runs/{task_id}"
+        response = requests.get(url, headers=self.headers)
+        if response.status_code != 200:
+            return None
+        return response.json()
+
+    def get_result(self, run_id, artifact_name="result"):
+        url = f"{self.base_url}/actions/runs/{run_id}/artifacts"
+        response = requests.get(url, headers=self.headers)
+        if response.status_code != 200:
+            return None
+        artifacts = response.json().get("artifacts", [])
+        target = None
+        for a in artifacts:
+            if a["name"] == artifact_name:
+                target = a
+                break
+        if not target:
+            return None
+        download_url = f"{self.base_url}/actions/artifacts/{target['id']}/zip"
+        response = requests.get(download_url, headers=self.headers)
+        if response.status_code != 200:
+            return None
+        try:
+            with zipfile.ZipFile(io.BytesIO(response.content)) as zf:
+                if "result.json" in zf.namelist():
+                    return json.loads(zf.read("result.json").decode("utf-8"))
+        except Exception:
+            pass
+        return None
+
+def is_valid_url(url: str) -> bool:
+    """初步判断是否是有效的 http/https 下载链接"""
+    if not url:
+        return False
+    try:
+        result = urlparse(url.strip())
+        return all([result.scheme, result.netloc]) and result.scheme in ["http", "https"]
+    except Exception:
+        return False
+
+
+def extract_filename_from_url(url):
+
+    if not url or not url.strip():
+        return ""
+    try:
+        parsed = urlparse(url.strip())
+        path = unquote(parsed.path)
+        path = path.rstrip("/")
+        filename = os.path.basename(path)
+        if filename and "." in filename:
+            return filename
+        if filename:
+            return filename
+    except Exception:
+        pass
+    return ""
+
+
+
+
+# ============================================================
+# 核心刷新逻辑
+# ============================================================
+def _do_refresh(task_list, trigger):
+    updated_count = 0
+    for task in task_list:
+        if task["status"] not in ["正在转存", "未提交"]:
+            continue
+        run_id_str = task.get("run_id", "")
+        if not run_id_str:
+            run = trigger.find_task_by_task_id("upload.yml", task["trace_id"])
+            if run:
+                task["run_id"] = str(run["id"])
+                run_id_str = str(run["id"])
+            else:
+                continue
+        try:
+            run_data = trigger.get_task_status(int(run_id_str))
+        except (ValueError, TypeError):
+            continue
+        if not run_data:
+            continue
+        status = run_data.get("status")
+        conclusion = run_data.get("conclusion")
+        if status == "completed":
+            if conclusion == "success":
+                result = trigger.get_result(int(run_id_str))
+                if result and isinstance(result, dict):
+                    task["status"] = "已转存"
+                    task["share_url"] = result.get("share_url", "")
+                else:
+                    task["status"] = "已转存"
+            else:
+                task["status"] = "失败"
+            updated_count += 1
+    return updated_count
+
+
+def _has_active_tasks(task_list):
+    return any(t["status"] in ["正在转存", "未提交"] for t in task_list)
+
+
+# ============================================================
+# FastAPI 应用
+# ============================================================
+app = FastAPI(title="CloudFileRelay｜Online Files to Cloud Drive")
+
+# 会话存储
+sessions: dict = {}
+
+
+def get_or_create_session(request: Request) -> tuple:
+    sid = request.cookies.get("sid", "")
+    if sid and sid in sessions:
+        return sid, sessions[sid]
+    sid = uuid.uuid4().hex
+    
+    test_tasks = []
+    if ENABLE_TEST_DATA:
+        # 初始化一些测试数据以展示分页效果
+        for i in range(45):
+            test_tasks.append({
+                "trace_id": f"test_{20240208}_{i:03d}",
+                "run_id": str(123456 + i),
+                "filename": f"测试文件_{i:03d}.mp4",
+                "url": f"https://example.com/file_{i:03d}.mp4",
+                "status": "已转存" if i % 3 != 0 else "失败",
+                "share_url": f"https://quark.cn/s/{"abcdefghijk"[i%11]*12}" if i % 3 != 0 else "",
+                "created_at": f"2026-02-08 10:{i//60:02d}:{i%60:02d}",
+            })
+    
+    sessions[sid] = test_tasks
+    return sid, sessions[sid]
+
+
+def json_resp(data: dict, sid: str) -> JSONResponse:
+    resp = JSONResponse(content=data)
+    resp.set_cookie("sid", sid, max_age=86400 * 7, httponly=True, samesite="lax")
+    return resp
+
+
+# ---- 请求模型 ----
+class SubmitRequest(BaseModel):
+    url: str
+    filename: str = ""
+
+
+class QueryRequest(BaseModel):
+    trace_id: str
+
+
+# ---- 页面 ----
+@app.get("/", response_class=HTMLResponse)
+async def index(request: Request):
+    sid, _ = get_or_create_session(request)
+    resp = HTMLResponse(content=HTML_TEMPLATE)
+    resp.set_cookie("sid", sid, max_age=86400 * 7, httponly=True, samesite="lax")
+    return resp
+
+
+# ---- API ----
+@app.get("/api/extract-filename")
+async def api_extract_filename(url: str = Query("")):
+    return {"filename": extract_filename_from_url(url)}
+
+
+@app.post("/api/submit")
+async def api_submit(req: SubmitRequest, request: Request):
+    sid, task_list = get_or_create_session(request)
+
+    if not req.url or not req.url.strip():
+        return json_resp({"success": False, "message": "请输入下载链接", "tasks": task_list}, sid)
+
+    url_to_submit = req.url.strip()
+    if not is_valid_url(url_to_submit):
+        return json_resp({
+            "success": False,
+            "message": "转存失败，请输入有效的下载链接地址",
+            "tasks": task_list
+        }, sid)
+
+    # 检查是否已存在相同链接且处于活跃状态的任务
+
+    for task in task_list:
+        if task.get("url") == url_to_submit and task.get("status") in ["正在转存", "未提交"]:
+            return json_resp({
+                "success": False,
+                "message": "该任务已在转存中，请耐心等待，无需重复提交。",
+                "tasks": task_list
+            }, sid)
+
+    trigger = get_remote_processor()
+    if not trigger:
+        return json_resp({
+            "success": False,
+            "message": "配置缺失！",
+            "tasks": task_list
+        }, sid)
+
+    local_file = req.filename.strip() if req.filename and req.filename.strip() else extract_filename_from_url(req.url)
+    trace_id = trigger.generate_task_id()
+
+    cookie = QUARK_COOKIE
+    inputs = {
+        "url": req.url.strip(),
+        "local_file": local_file,
+        "cookie": cookie
+    }
+
+    success, resp = trigger.exec_task("upload.yml", inputs, trace_id)
+    if not success:
+        error_detail = ""
+        try:
+            error_detail = resp.text[:300]
+        except Exception:
+            pass
+        return json_resp({
+            "success": False,
+            "message": f"任务触发失败 (HTTP {resp.status_code})\n{error_detail}",
+            "tasks": task_list
+        }, sid)
+
+    task = {
+        "trace_id": trace_id,
+        "run_id": "",
+        "filename": local_file,
+        "url": req.url.strip(),
+        "status": "正在转存",
+        "share_url": "",
+        "created_at": datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+    }
+    task_list.append(task)
+
+    return json_resp({
+        "success": True,
+        "message": f"转存任务已提交！\n任务 ID: {trace_id}\n文件名: {local_file}",
+        "task_id": trace_id,
+        "tasks": task_list
+    }, sid)
+
+
+@app.get("/api/tasks")
+async def api_tasks(request: Request):
+    sid, task_list = get_or_create_session(request)
+    return json_resp({"tasks": task_list}, sid)
+
+
+@app.post("/api/refresh")
+async def api_refresh(request: Request):
+    sid, task_list = get_or_create_session(request)
+
+    trigger = get_remote_processor()
+    if not trigger:
+        return json_resp({"tasks": task_list, "message": "配置缺失", "all_done": True}, sid)
+
+    if not task_list:
+        return json_resp({"tasks": task_list, "message": "暂无任务", "all_done": True}, sid)
+
+    count = _do_refresh(task_list, trigger)
+    now = datetime.now().strftime("%H:%M:%S")
+    all_done = not _has_active_tasks(task_list)
+
+    if count > 0:
+        msg = f"[{now}] 已更新 {count} 个任务的状态"
+    else:
+        msg = f"[{now}] 正在转存"
+    if all_done and task_list:
+        msg += " · 所有任务已完成"
+
+    return json_resp({"tasks": task_list, "message": msg, "all_done": all_done}, sid)
+
+
+@app.post("/api/clear")
+async def api_clear(request: Request):
+    sid, _ = get_or_create_session(request)
+    sessions[sid] = []
+    return json_resp({"success": True, "tasks": [], "message": "任务列表已清空"}, sid)
+
+
+@app.post("/api/query")
+async def api_query(req: QueryRequest, request: Request):
+    sid, task_list = get_or_create_session(request)
+
+    if not req.trace_id or not req.trace_id.strip():
+        return json_resp({"success": False, "message": "请输入任务 ID", "tasks": task_list}, sid)
+
+    trigger = get_remote_processor()
+    if not trigger:
+        return json_resp({"success": False, "message": "配置缺失", "tasks": task_list}, sid)
+
+    trace_id = req.trace_id.strip()
+
+    # 在本地任务列表中查找 run_id
+    run_id = None
+    for task in task_list:
+        if task.get("trace_id") == trace_id and task.get("run_id"):
+            try:
+                run_id = int(task["run_id"])
+            except (ValueError, TypeError):
+                pass
+            break
+
+    if not run_id:
+        run = trigger.find_task_by_task_id("upload.yml", trace_id)
+        if not run:
+            return json_resp({
+                "success": False,
+                "message": f"未找到任务 ID: {trace_id}\n可能任务尚未被创建，请稍后再试",
+                "tasks": task_list
+            }, sid)
+        run_id = run["id"]
+        for task in task_list:
+            if task.get("trace_id") == trace_id:
+                task["run_id"] = str(run_id)
+
+    run_data = trigger.get_task_status(run_id)
+    if not run_data:
+        return json_resp({
+            "success": False,
+            "message": f"无法获取任务状态\n任务 ID: {trace_id}",
+            "tasks": task_list
+        }, sid)
+
+    status = run_data.get("status")
+    conclusion = run_data.get("conclusion")
+    html_url = run_data.get("html_url", "")
+
+    if status != "completed":
+        status_map = {
+            "queued": "排队中", "in_progress": "执行中",
+            "waiting": "等待中", "requested": "已请求", "pending": "等待中"
+        }
+        status_cn = status_map.get(status, status)
+        return json_resp({
+            "success": True,
+            "message": f"任务正在执行中，请稍后再查询\n\n任务 ID:   {trace_id}\n当前状态:  {status_cn}",
+            "tasks": task_list
+        }, sid)
+
+    if conclusion == "success":
+        result = trigger.get_result(run_id)
+        for task in task_list:
+            if task.get("trace_id") == trace_id:
+                if result and isinstance(result, dict):
+                    task["status"] = "已转存"
+                    task["share_url"] = result.get("share_url", "")
+                else:
+                    task["status"] = "已转存"
+
+        if result and isinstance(result, dict):
+            share_url = result.get("share_url", "无")
+            local_file = result.get("local_file", "无")
+            result_status = result.get("status", "unknown")
+            return json_resp({
+                "success": True,
+                "message": (
+                    f"任务已完成！\n\n"
+                    f"任务 ID:   {trace_id}\n"
+                    f"状态:      {result_status}\n"
+                    f"文件名:    {local_file}\n"
+                    f"网盘地址:  {share_url}"
+                ),
+                "tasks": task_list
+            }, sid)
+        else:
+            return json_resp({
+                "success": True,
+                "message": f"任务已完成 (结论: {conclusion})\n但未找到结果文件 (artifact)",
+                "tasks": task_list
+            }, sid)
+    else:
+        for task in task_list:
+            if task.get("trace_id") == trace_id:
+                task["status"] = "失败"
+        
+        result = trigger.get_result(run_id)
+        error_info = ""
+        if result and isinstance(result, dict) and "error" in result:
+            error_info = f"\n错误信息:  {result['error']}"
+
+        return json_resp({
+            "success": False,
+            "message": f"任务失败\n\n任务 ID:   {trace_id}\n结论:      {conclusion}{error_info}",
+            "tasks": task_list
+        }, sid)
+
+
+# ============================================================
+# HTML 模板
+# ============================================================
+HTML_TEMPLATE = r"""<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>CloudFileRelay｜Online Files to Cloud Drive</title>
+<script src="https://cdn.tailwindcss.com"></script>
+<script>
+tailwind.config = {
+  theme: {
+    extend: {
+      fontFamily: { sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'] }
+    }
+  }
+}
+</script>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+<style>
+  body {
+    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+    background-color: #f8fafc;
+    background-image:
+      radial-gradient(at 0% 0%, rgba(139,92,246,0.06) 0px, transparent 50%),
+      radial-gradient(at 100% 100%, rgba(99,102,241,0.06) 0px, transparent 50%);
+    min-height: 100vh;
+  }
+
+  /* 自定义滚动条 */
+  ::-webkit-scrollbar { width: 5px; height: 5px; }
+  ::-webkit-scrollbar-track { background: transparent; }
+  ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
+  ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
+
+  /* 开关 */
+  .toggle-track {
+    width: 38px; height: 20px;
+    background: #e2e8f0;
+    border-radius: 10px;
+    position: relative;
+    cursor: pointer;
+    transition: background 0.25s ease;
+    flex-shrink: 0;
+  }
+  .toggle-track.active { background: #8b5cf6; }
+  .toggle-track::after {
+    content: '';
+    position: absolute;
+    width: 16px; height: 16px;
+    background: #fff;
+    border-radius: 50%;
+    top: 2px; left: 2px;
+    transition: transform 0.25s ease;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
+  }
+  .toggle-track.active::after { transform: translateX(18px); }
+
+  /* 渐入动画 */
+  @keyframes fadeInUp {
+    from { opacity: 0; transform: translateY(12px); }
+    to   { opacity: 1; transform: translateY(0); }
+  }
+  .anim-in { animation: fadeInUp 0.45s ease-out both; }
+  .anim-d1 { animation-delay: .06s; }
+  .anim-d2 { animation-delay: .12s; }
+  .anim-d3 { animation-delay: .18s; }
+
+  /* toast 滑入 */
+  @keyframes toastIn {
+    from { opacity: 0; transform: translateX(30px); }
+    to   { opacity: 1; transform: translateX(0); }
+  }
+  .toast-in { animation: toastIn 0.3s ease-out both; }
+
+  /* 按钮加载态 */
+  .btn-spin {
+    pointer-events: none; opacity: .75;
+  }
+  @keyframes spin { to { transform: rotate(360deg); } }
+  .icon-spin { animation: spin .7s linear infinite; }
+
+  @keyframes pulse {
+    0% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.4; transform: scale(0.8); }
+    100% { opacity: 1; transform: scale(1); }
+  }
+
+  @keyframes dots {
+    0%, 20% { content: '.'; }
+    40% { content: '..'; }
+    60% { content: '...'; }
+    80%, 100% { content: '....'; }
+  }
+  .dots::after {
+    content: '.';
+    display: inline-block;
+    width: 24px;
+    text-align: left;
+    animation: dots 2s infinite;
+  }
+
+  /* 卡片 */
+  .card {
+    background: #fff;
+    border-radius: 16px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 24px rgba(0,0,0,0.04);
+    border: 1px solid rgba(226,232,240,0.8);
+    overflow: hidden;
+    transition: box-shadow 0.25s;
+  }
+  .card:hover {
+    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 32px rgba(0,0,0,0.06);
+  }
+
+  /* 输入框 */
+  .input-field {
+    width: 100%; padding: 10px 14px;
+    border-radius: 10px;
+    border: 1px solid #e2e8f0;
+    font-size: 14px; color: #334155;
+    transition: all .2s;
+    outline: none;
+    background: #fff;
+  }
+  .input-field::placeholder { color: #94a3b8; }
+  .input-field:focus {
+    border-color: #a78bfa;
+    box-shadow: 0 0 0 3px rgba(139,92,246,0.1);
+  }
+
+  /* 主按钮 */
+  .btn-primary {
+    display: inline-flex; align-items: center; gap: 6px;
+    padding: 10px 22px;
+    background: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);
+    color: #fff; font-weight: 500; font-size: 14px;
+    border: none; border-radius: 10px;
+    cursor: pointer;
+    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
+    transition: all .2s;
+  }
+  .btn-primary:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 14px rgba(99,102,241,0.35);
+  }
+  .btn-primary:active { transform: translateY(0); }
+
+  /* 次按钮 */
+  .btn-secondary {
+    display: inline-flex; align-items: center; gap: 5px;
+    padding: 7px 14px;
+    background: #f1f5f9; color: #475569;
+    font-weight: 500; font-size: 13px;
+    border: 1px solid #e2e8f0; border-radius: 8px;
+    cursor: pointer; transition: all .2s;
+  }
+  .btn-secondary:hover { background: #e2e8f0; }
+
+  /* 状态徽标 */
+  .badge {
+    display: inline-flex; align-items: center; gap: 5px;
+    padding: 3px 10px;
+    border-radius: 20px;
+    font-size: 12px; font-weight: 500;
+    white-space: nowrap;
+  }
+  .badge-dot {
+    width: 6px; height: 6px; border-radius: 50%;
+    flex-shrink: 0;
+  }
+
+  /* 表格 */
+  .task-table { width: 100%; border-collapse: collapse; }
+  .task-table thead th {
+    padding: 10px 14px;
+    font-size: 11px; font-weight: 600;
+    color: #64748b;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    text-align: left;
+    background: #f8fafc;
+    border-bottom: 1px solid #e2e8f0;
+  }
+  .task-table tbody td {
+    padding: 12px 14px;
+    font-size: 13px;
+    color: #334155;
+    border-bottom: 1px solid #f1f5f9;
+    vertical-align: middle;
+  }
+  .task-table tbody tr { transition: background .15s; }
+  .task-table tbody tr:hover { background: #f8fafc; }
+  .task-table tbody tr:last-child td { border-bottom: none; }
+
+  /* 结果框 */
+  .result-box {
+    border-radius: 10px; padding: 12px 16px;
+    font-size: 13px; line-height: 1.6;
+    white-space: pre-wrap; word-break: break-all;
+  }
+  .result-success { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
+  .result-error   { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
+  .result-info    { background: #eff6ff; color: #1e40af; border: 1px solid #bfdbfe; }
+
+  /* 链接 */
+  a.share-link {
+    color: #7c3aed; text-decoration: none;
+    transition: color .15s;
+  }
+  a.share-link:hover { color: #6d28d9; text-decoration: underline; }
+
+  /* 分页按钮 */
+  .btn-page {
+    display: inline-flex; align-items: center; justify-content: center;
+    min-width: 32px; height: 32px; padding: 0 6px;
+    border-radius: 8px; border: 1px solid #e2e8f0;
+    background: #fff; color: #64748b;
+    font-size: 13px; font-weight: 500;
+    cursor: pointer; transition: all .2s;
+  }
+  .btn-page:hover:not(:disabled) { background: #f1f5f9; border-color: #cbd5e1; color: #334155; }
+  .btn-page.active { background: #8b5cf6; border-color: #8b5cf6; color: #fff; }
+  .btn-page:disabled { opacity: 0.4; cursor: not-allowed; }
+</style>
+</head>
+
+<body>
+<!-- Toast 容器 -->
+<div id="toast-box" style="position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:340px;"></div>
+
+<div style="max-width:1200px;margin:0 auto;padding:32px 16px 48px;">
+
+  <!-- ====== 标题 ====== -->
+  <div class="anim-in" style="text-align:center;margin-bottom:36px;">
+    <div style="display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 16px rgba(99,102,241,0.25);margin-bottom:14px;">
+      <span style="font-size:24px;">📦</span>
+    </div>
+    <h1 style="font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px;">在线文件云端中转到你的网盘</h1>
+    <p style="font-size:14px;color:#94a3b8;margin:0;">输入文件下载链接，自动转存到你的夸克网盘</p>
+  </div>
+
+  <!-- ====== 新建任务 ====== -->
+  <div class="card anim-in anim-d1" style="margin-bottom:20px;">
+    <div style="padding:14px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:8px;">
+      <span style="display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ede9fe;border-radius:8px;font-size:13px;">📥</span>
+      <span style="font-size:14px;font-weight:600;color:#334155;">新建转存任务</span>
+    </div>
+    <div style="padding:20px;">
+      <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;">
+        <div>
+          <label style="display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px;">下载链接</label>
+          <input id="url-input" class="input-field" placeholder="https://example.com/file.zip" />
+        </div>
+        <div>
+          <label style="display:block;font-size:12px;font-weight:500;color:#64748b;margin-bottom:6px;">文件名 <span style="color:#94a3b8;font-weight:400;">（自动提取，可修改）</span></label>
+          <input id="filename-input" class="input-field" placeholder="自动提取" />
+        </div>
+      </div>
+      <div style="display:flex;align-items:center;gap:12px;margin-bottom:4px;">
+        <button id="submit-btn" class="btn-primary" onclick="submitTask()">
+          <svg id="submit-icon" width="15" height="15" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14M12 5l7 7-7 7"/></svg>
+          <span id="submit-text">开始转存</span>
+        </button>
+        <span id="task-id-tag" style="font-size:12px;font-family:monospace;color:#a5b4c6;"></span>
+      </div>
+      <div id="submit-result" class="result-box" style="display:none;margin-top:14px;"></div>
+    </div>
+  </div>
+
+  <!-- ====== 任务列表 ====== -->
+  <div class="card anim-in anim-d2" style="margin-bottom:20px;">
+    <div style="padding:14px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;">
+      <div style="display:flex;align-items:center;gap:8px;">
+        <span style="display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#dbeafe;border-radius:8px;font-size:13px;">📋</span>
+        <span style="font-size:14px;font-weight:600;color:#334155;">任务列表</span>
+        <span id="task-count" style="font-size:11px;color:#94a3b8;font-weight:500;"></span>
+      </div>
+      <div style="display:flex;align-items:center;gap:12px;">
+        <div style="display:flex;align-items:center;gap:6px;">
+          <span style="font-size:12px;color:#94a3b8;">自动刷新</span>
+          <div id="auto-toggle" class="toggle-track" onclick="toggleAutoRefresh()"></div>
+        </div>
+        <div style="display:flex;align-items:center;gap:4px;">
+          <input id="interval-input" type="number" value="5" min="1" max="120"
+                 class="input-field" style="width:52px;padding:5px 8px;font-size:12px;text-align:center;"
+                 onchange="onIntervalChange()">
+          <span style="font-size:12px;color:#94a3b8;">秒</span>
+        </div>
+        <button id="refresh-btn" class="btn-secondary" onclick="refreshTasks()">
+          <svg id="refresh-icon" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
+          </svg>
+          <span>刷新</span>
+        </button>
+        <button id="clear-btn" class="btn-secondary" onclick="clearTasks()" style="color:#ef4444; border-color:rgba(239,68,68,0.2);">
+          <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+          </svg>
+          <span>清空</span>
+        </button>
+      </div>
+    </div>
+    <div style="padding:16px 20px;">
+      <div id="refresh-msg" style="display:none;font-size:12px;color:#94a3b8;margin-bottom:10px;"></div>
+
+      <!-- 空状态 -->
+      <div id="empty-state" style="padding:40px 0;text-align:center;">
+        <div style="font-size:36px;margin-bottom:8px;opacity:.7;">📭</div>
+        <p style="font-size:13px;color:#94a3b8;margin:0;">暂无转存任务</p>
+        <p style="font-size:12px;color:#cbd5e1;margin:4px 0 0;">提交转存任务后，将在此处显示</p>
+      </div>
+
+      <!-- 任务表格 -->
+      <div id="table-wrap" style="display:none;overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0;">
+        <table class="task-table">
+          <thead><tr>
+            <th style="min-width:180px;">任务 ID</th>
+            <th style="min-width:150px;">文件名</th>
+            <th>状态</th>
+            <th>原始地址</th>
+            <th style="min-width:250px;">网盘地址</th>
+            <th style="min-width:120px;">创建时间</th>
+          </tr></thead>
+          <tbody id="task-tbody"></tbody>
+        </table>
+      </div>
+
+      <!-- 分页控制 -->
+      <div id="pagination-wrap" style="display:none;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;"></div>
+    </div>
+  </div>
+
+  <!-- ====== 查询任务 ====== -->
+  <div class="card anim-in anim-d3">
+    <div style="padding:14px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:8px;">
+      <span style="display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#fef3c7;border-radius:8px;font-size:13px;">🔍</span>
+      <span style="font-size:14px;font-weight:600;color:#334155;">查询指定任务</span>
+    </div>
+    <div style="padding:20px;">
+      <div style="display:flex;gap:10px;margin-bottom:4px;">
+        <input id="query-input" class="input-field" style="flex:1;font-family:monospace;" placeholder="输入任务 ID，如 task_20260208_xxxxxx" />
+        <button id="query-btn" class="btn-secondary" onclick="queryTask()" style="white-space:nowrap;">
+          <svg width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path stroke-linecap="round" d="M21 21l-4.35-4.35"/></svg>
+          <span id="query-text">查询</span>
+        </button>
+      </div>
+      <div id="query-result" class="result-box" style="display:none;margin-top:14px;"></div>
+    </div>
+  </div>
+
+  <!-- 页脚 -->
+  <div style="text-align:center;padding:28px 0 0;font-size:12px;color:#cbd5e1;">
+    Powered by 小豹
+  </div>
+</div>
+
+<script>
+/* ============================================================
+   State
+   ============================================================ */
+let autoTimer = null;
+let isSubmitting = false;
+let isRefreshing = false;
+let isQuerying = false;
+let allTasks = [];
+let currentPage = 1;
+const pageSize = 10;
+
+/* ============================================================
+   Utility
+   ============================================================ */
+function esc(s) {
+  if (!s) return '';
+  const d = document.createElement('div');
+  d.textContent = s;
+  return d.innerHTML;
+}
+
+function showToast(msg, type) {
+  type = type || 'info';
+  const box = document.getElementById('toast-box');
+  const el = document.createElement('div');
+  const colors = {
+    success: 'background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;',
+    error:   'background:#fef2f2;color:#991b1b;border:1px solid #fecaca;',
+    info:    'background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;',
+    warning: 'background:#fffbeb;color:#92400e;border:1px solid #fde68a;',
+  };
+  el.className = 'toast-in';
+  el.style.cssText = 'padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,0.08);' + (colors[type] || colors.info);
+  el.textContent = msg;
+  box.appendChild(el);
+  setTimeout(() => { el.style.opacity = '0'; el.style.transform = 'translateX(30px)'; el.style.transition = 'all .3s'; setTimeout(() => el.remove(), 300); }, 3500);
+}
+
+function copyToClipboard(text) {
+  if (!text) return;
+  navigator.clipboard.writeText(text).then(() => {
+    showToast('地址已复制到剪贴板', 'success');
+  }).catch(() => {
+    // Fallback
+    const input = document.createElement('input');
+    input.value = text;
+    document.body.appendChild(input);
+    input.select();
+    document.execCommand('copy');
+    document.body.removeChild(input);
+    showToast('地址已复制到剪贴板', 'success');
+  });
+}
+
+/* ============================================================
+   Status Badges
+   ============================================================ */
+function statusBadge(s) {
+  const m = {
+    '未提交':  { bg:'#f1f5f9', fg:'#64748b', dot:'#94a3b8', t:'未提交' },
+    '正在转存': { bg:'#eff6ff', fg:'#1d4ed8', dot:'#3b82f6', t:'正在转存', pulse:true, dots:true },
+    '已转存':  { bg:'#f0fdf4', fg:'#15803d', dot:'#22c55e', t:'已完成' },
+    '失败':    { bg:'#fef2f2', fg:'#b91c1c', dot:'#ef4444', t:'失败' },
+  };
+  const c = m[s] || m['未提交'];
+  const pulseStyle = c.pulse ? 'animation:pulse 1.5s ease-in-out infinite;' : '';
+  const dotsHtml = c.dots ? '<span class="dots"></span>' : '';
+  return '<span class="badge" style="background:'+c.bg+';color:'+c.fg+';">'
+       + '<span class="badge-dot" style="background:'+c.dot+';'+pulseStyle+'"></span>'
+       + c.t + dotsHtml + '</span>';
+}
+
+/* ============================================================
+   Render Task Table
+   ============================================================ */
+function renderTasks(tasks, resetPage = false) {
+  allTasks = tasks || [];
+  if (resetPage) currentPage = 1;
+  displayPage(currentPage);
+}
+
+function displayPage(page) {
+  const tbody = document.getElementById('task-tbody');
+  const empty = document.getElementById('empty-state');
+  const wrap  = document.getElementById('table-wrap');
+  const count = document.getElementById('task-count');
+  const pagin = document.getElementById('pagination-wrap');
+
+  if (!allTasks || !allTasks.length) {
+    tbody.innerHTML = '';
+    empty.style.display = '';
+    wrap.style.display = 'none';
+    pagin.style.display = 'none';
+    count.textContent = '';
+    return;
+  }
+
+  const totalPages = Math.ceil(allTasks.length / pageSize);
+  if (page < 1) page = 1;
+  if (page > totalPages) page = totalPages;
+  currentPage = page;
+
+  empty.style.display = 'none';
+  wrap.style.display = '';
+  count.textContent = `共 ${allTasks.length} 条，第 ${currentPage}/${totalPages} 页`;
+
+  const rows = [...allTasks].reverse();
+  const start = (currentPage - 1) * pageSize;
+  const end = start + pageSize;
+  const pageRows = rows.slice(start, end);
+
+  tbody.innerHTML = pageRows.map(function(t) {
+    const link = t.share_url
+      ? '<a class="share-link whitespace-nowrap" href="'+esc(t.share_url)+'" target="_blank" rel="noopener">'+esc(t.share_url)+'</a>'
+      : '<span style="color:#cbd5e1;">—</span>';
+    const originalUrlBtn = t.url
+      ? '<button class="btn-secondary" style="padding:4px 10px;font-size:11px;" onclick="copyToClipboard(\''+esc(t.url)+'\')">复制地址</button>'
+      : '<span style="color:#cbd5e1;">—</span>';
+    return '<tr>'
+      + '<td style="font-family:monospace;font-size:12px;color:#64748b;white-space:nowrap;">'+esc(t.trace_id)+'</td>'
+      + '<td style="font-weight:500;white-space:nowrap;">'+esc(t.filename)+'</td>'
+      + '<td>'+statusBadge(t.status)+'</td>'
+      + '<td>'+originalUrlBtn+'</td>'
+      + '<td style="font-size:12px;white-space:nowrap;">'+link+'</td>'
+      + '<td style="font-size:12px;color:#94a3b8;white-space:nowrap;">'+esc(t.created_at)+'</td>'
+      + '</tr>';
+  }).join('');
+
+  renderPaginationControls(totalPages);
+}
+
+function renderPaginationControls(totalPages) {
+  const pagin = document.getElementById('pagination-wrap');
+  if (totalPages <= 1) {
+    pagin.style.display = 'none';
+    return;
+  }
+  pagin.style.display = 'flex';
+  
+  let html = '';
+  html += `<button class="btn-page" ${currentPage === 1 ? 'disabled' : ''} onclick="displayPage(${currentPage - 1})">上一页</button>`;
+  
+  const maxButtons = 5;
+  let startPage = Math.max(1, currentPage - 2);
+  let endPage = Math.min(totalPages, startPage + maxButtons - 1);
+  if (endPage - startPage < maxButtons - 1) {
+    startPage = Math.max(1, endPage - maxButtons + 1);
+  }
+
+  if (startPage > 1) {
+    html += `<button class="btn-page" onclick="displayPage(1)">1</button>`;
+    if (startPage > 2) html += `<span style="color:#94a3b8;padding:0 4px;">...</span>`;
+  }
+
+  for (let i = startPage; i <= endPage; i++) {
+    html += `<button class="btn-page ${i === currentPage ? 'active' : ''}" onclick="displayPage(${i})">${i}</button>`;
+  }
+
+  if (endPage < totalPages) {
+    if (endPage < totalPages - 1) html += `<span style="color:#94a3b8;padding:0 4px;">...</span>`;
+    html += `<button class="btn-page" onclick="displayPage(${totalPages})">${totalPages}</button>`;
+  }
+
+  html += `<button class="btn-page" ${currentPage === totalPages ? 'disabled' : ''} onclick="displayPage(${currentPage + 1})">下一页</button>`;
+  
+  pagin.innerHTML = html;
+}
+
+/* ============================================================
+   API Helper
+   ============================================================ */
+async function api(endpoint, method, body) {
+  const opt = { method: method || 'GET', headers: {'Content-Type':'application/json'} };
+  if (body) opt.body = JSON.stringify(body);
+  const r = await fetch(endpoint, opt);
+  return await r.json();
+}
+
+/* ============================================================
+   URL → 文件名自动提取
+   ============================================================ */
+let urlTimer = null;
+document.getElementById('url-input').addEventListener('input', function() {
+  clearTimeout(urlTimer);
+  const v = this.value.trim();
+  if (!v) return;
+  urlTimer = setTimeout(async function() {
+    try {
+      const d = await api('/api/extract-filename?url=' + encodeURIComponent(v));
+      if (d.filename) document.getElementById('filename-input').value = d.filename;
+    } catch(e) {}
+  }, 350);
+});
+
+/* ============================================================
+   提交任务
+   ============================================================ */
+async function submitTask() {
+  if (isSubmitting) return;
+  const url = document.getElementById('url-input').value.trim();
+  const filename = document.getElementById('filename-input').value.trim();
+  
+  if (!url) { 
+    showToast('请输入下载链接', 'warning'); 
+    return; 
+  }
+  
+  // 初步判断是否是有效的 URL
+  try {
+    const u = new URL(url);
+    if (u.protocol !== 'http:' && u.protocol !== 'https:') {
+      throw new Error();
+    }
+  } catch (e) {
+    const box = document.getElementById('submit-result');
+    box.style.display = '';
+    box.className = 'result-box result-error';
+    box.textContent = '转存失败，请输入有效的下载链接地址';
+    showToast('无效的下载链接', 'error');
+    return;
+  }
+
+  isSubmitting = true;
+
+  const btn = document.getElementById('submit-btn');
+  const txt = document.getElementById('submit-text');
+  const ico = document.getElementById('submit-icon');
+  btn.classList.add('btn-spin');
+  ico.classList.add('icon-spin');
+  txt.textContent = '提交中…';
+
+  try {
+    const d = await api('/api/submit', 'POST', { url: url, filename: filename });
+    const box = document.getElementById('submit-result');
+    box.style.display = '';
+    if (d.success) {
+      box.className = 'result-box result-success';
+      box.textContent = d.message;
+      document.getElementById('task-id-tag').textContent = d.task_id || '';
+      renderTasks(d.tasks, true);
+      showToast('转存任务已提交', 'success');
+      // 自动开启刷新
+      const tog = document.getElementById('auto-toggle');
+      if (!tog.classList.contains('active')) { tog.classList.add('active'); startAutoRefresh(); }
+      document.getElementById('url-input').value = '';
+      document.getElementById('filename-input').value = '';
+    } else {
+      box.className = 'result-box result-error';
+      box.textContent = d.message;
+      showToast('提交失败', 'error');
+    }
+  } catch(e) {
+    showToast('网络错误，请重试', 'error');
+  } finally {
+    isSubmitting = false;
+    btn.classList.remove('btn-spin');
+    ico.classList.remove('icon-spin');
+    txt.textContent = '开始转存';
+  }
+}
+
+/* ============================================================
+   刷新任务列表
+   ============================================================ */
+async function refreshTasks() {
+  if (isRefreshing) return;
+  isRefreshing = true;
+  const ico = document.getElementById('refresh-icon');
+  ico.classList.add('icon-spin');
+
+    try {
+    const d = await api('/api/refresh', 'POST');
+    renderTasks(d.tasks);
+    const msg = document.getElementById('refresh-msg');
+    msg.style.display = '';
+    
+    // 使用正则将时间部分包装在绿色 span 中
+    const formattedMsg = d.message.replace(/\[(\d{2}:\d{2}:\d{2})\]/, '<span class="text-green-600 font-medium">[$1]</span>');
+    msg.innerHTML = formattedMsg;
+
+    if (d.all_done && d.tasks && d.tasks.length) {
+      const tog = document.getElementById('auto-toggle');
+      tog.classList.remove('active');
+      stopAutoRefresh();
+      showToast('所有任务已完成', 'success');
+    }
+  } catch(e) {
+    showToast('刷新失败', 'error');
+  } finally {
+    isRefreshing = false;
+    ico.classList.remove('icon-spin');
+  }
+}
+
+/* ============================================================
+   清空任务列表
+   ============================================================ */
+async function clearTasks() {
+  if (!confirm('确定要清空任务列表吗？此操作不可撤销。')) return;
+  
+  try {
+    const d = await api('/api/clear', 'POST');
+    if (d.success) {
+      renderTasks([], true);
+      showToast('任务列表已清空', 'success');
+      document.getElementById('refresh-msg').style.display = 'none';
+      stopAutoRefresh();
+      document.getElementById('auto-toggle').classList.remove('active');
+    }
+  } catch(e) {
+    showToast('操作失败', 'error');
+  }
+}
+
+/* ============================================================
+   查询指定任务
+   ============================================================ */
+async function queryTask() {
+  if (isQuerying) return;
+  const tid = document.getElementById('query-input').value.trim();
+  if (!tid) { showToast('请输入任务 ID', 'warning'); return; }
+
+  isQuerying = true;
+  const btn = document.getElementById('query-btn');
+  const txt = document.getElementById('query-text');
+  btn.disabled = true;
+  txt.textContent = '查询中…';
+
+  try {
+    const d = await api('/api/query', 'POST', { trace_id: tid });
+    const box = document.getElementById('query-result');
+    box.style.display = '';
+    box.className = 'result-box ' + (d.success !== false ? 'result-info' : 'result-error');
+    box.textContent = d.message;
+    if (d.tasks) renderTasks(d.tasks, true);
+  } catch(e) {
+    showToast('查询失败', 'error');
+  } finally {
+    isQuerying = false;
+    btn.disabled = false;
+    txt.textContent = '查询';
+  }
+}
+
+/* ============================================================
+   自动刷新
+   ============================================================ */
+function startAutoRefresh() {
+  stopAutoRefresh();
+  const sec = Math.max(1, parseInt(document.getElementById('interval-input').value) || 5);
+  autoTimer = setInterval(refreshTasks, sec * 1000);
+}
+function stopAutoRefresh() {
+  if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }
+}
+function toggleAutoRefresh() {
+  const tog = document.getElementById('auto-toggle');
+  tog.classList.toggle('active');
+  if (tog.classList.contains('active')) { startAutoRefresh(); } else { stopAutoRefresh(); }
+}
+function onIntervalChange() {
+  const tog = document.getElementById('auto-toggle');
+  if (tog.classList.contains('active')) startAutoRefresh();
+}
+
+/* ============================================================
+   快捷键
+   ============================================================ */
+document.getElementById('url-input').addEventListener('keydown', function(e) { if (e.key === 'Enter') submitTask(); });
+document.getElementById('query-input').addEventListener('keydown', function(e) { if (e.key === 'Enter') queryTask(); });
+
+/* ============================================================
+   初始化
+   ============================================================ */
+(async function() {
+  try { const d = await api('/api/tasks'); renderTasks(d.tasks); } catch(e) {}
+})();
+</script>
+</body>
+</html>"""
+
+
+# ============================================================
+# 启动
+# ============================================================
+if __name__ == "__main__":
+    uvicorn.run("app:app", host="0.0.0.0", port=7860)

requirements.txt

@@ -1,6 +1,4 @@
-faicons
-shiny
-shinywidgets
-plotly
-pandas
-ridgeplot
+fastapi>=0.110.0
+uvicorn>=0.27.0
+requests
+pydantic>=2.0.0

shared.py

@@ -1,6 +0,0 @@
-from pathlib import Path
-
-import pandas as pd
-
-app_dir = Path(__file__).parent
-tips = pd.read_csv(app_dir / "tips.csv")

styles.css

@@ -1,12 +0,0 @@
-:root {
-  --bslib-sidebar-main-bg: #f8f8f8;
-}
-
-.popover {
-  --bs-popover-header-bg: #222;
-  --bs-popover-header-color: #fff;
-}
-
-.popover .btn-close {
-  filter: var(--bs-btn-close-white-filter);
-}

tips.csv

@@ -1,245 +0,0 @@
-total_bill,tip,sex,smoker,day,time,size
-16.99,1.01,Female,No,Sun,Dinner,2
-10.34,1.66,Male,No,Sun,Dinner,3
-21.01,3.5,Male,No,Sun,Dinner,3
-23.68,3.31,Male,No,Sun,Dinner,2
-24.59,3.61,Female,No,Sun,Dinner,4
-25.29,4.71,Male,No,Sun,Dinner,4
-8.77,2.0,Male,No,Sun,Dinner,2
-26.88,3.12,Male,No,Sun,Dinner,4
-15.04,1.96,Male,No,Sun,Dinner,2
-14.78,3.23,Male,No,Sun,Dinner,2
-10.27,1.71,Male,No,Sun,Dinner,2
-35.26,5.0,Female,No,Sun,Dinner,4
-15.42,1.57,Male,No,Sun,Dinner,2
-18.43,3.0,Male,No,Sun,Dinner,4
-14.83,3.02,Female,No,Sun,Dinner,2
-21.58,3.92,Male,No,Sun,Dinner,2
-10.33,1.67,Female,No,Sun,Dinner,3
-16.29,3.71,Male,No,Sun,Dinner,3
-16.97,3.5,Female,No,Sun,Dinner,3
-20.65,3.35,Male,No,Sat,Dinner,3
-17.92,4.08,Male,No,Sat,Dinner,2
-20.29,2.75,Female,No,Sat,Dinner,2
-15.77,2.23,Female,No,Sat,Dinner,2
-39.42,7.58,Male,No,Sat,Dinner,4
-19.82,3.18,Male,No,Sat,Dinner,2
-17.81,2.34,Male,No,Sat,Dinner,4
-13.37,2.0,Male,No,Sat,Dinner,2
-12.69,2.0,Male,No,Sat,Dinner,2
-21.7,4.3,Male,No,Sat,Dinner,2
-19.65,3.0,Female,No,Sat,Dinner,2
-9.55,1.45,Male,No,Sat,Dinner,2
-18.35,2.5,Male,No,Sat,Dinner,4
-15.06,3.0,Female,No,Sat,Dinner,2
-20.69,2.45,Female,No,Sat,Dinner,4
-17.78,3.27,Male,No,Sat,Dinner,2
-24.06,3.6,Male,No,Sat,Dinner,3
-16.31,2.0,Male,No,Sat,Dinner,3
-16.93,3.07,Female,No,Sat,Dinner,3
-18.69,2.31,Male,No,Sat,Dinner,3
-31.27,5.0,Male,No,Sat,Dinner,3
-16.04,2.24,Male,No,Sat,Dinner,3
-17.46,2.54,Male,No,Sun,Dinner,2
-13.94,3.06,Male,No,Sun,Dinner,2
-9.68,1.32,Male,No,Sun,Dinner,2
-30.4,5.6,Male,No,Sun,Dinner,4
-18.29,3.0,Male,No,Sun,Dinner,2
-22.23,5.0,Male,No,Sun,Dinner,2
-32.4,6.0,Male,No,Sun,Dinner,4
-28.55,2.05,Male,No,Sun,Dinner,3
-18.04,3.0,Male,No,Sun,Dinner,2
-12.54,2.5,Male,No,Sun,Dinner,2
-10.29,2.6,Female,No,Sun,Dinner,2
-34.81,5.2,Female,No,Sun,Dinner,4
-9.94,1.56,Male,No,Sun,Dinner,2
-25.56,4.34,Male,No,Sun,Dinner,4
-19.49,3.51,Male,No,Sun,Dinner,2
-38.01,3.0,Male,Yes,Sat,Dinner,4
-26.41,1.5,Female,No,Sat,Dinner,2
-11.24,1.76,Male,Yes,Sat,Dinner,2
-48.27,6.73,Male,No,Sat,Dinner,4
-20.29,3.21,Male,Yes,Sat,Dinner,2
-13.81,2.0,Male,Yes,Sat,Dinner,2
-11.02,1.98,Male,Yes,Sat,Dinner,2
-18.29,3.76,Male,Yes,Sat,Dinner,4
-17.59,2.64,Male,No,Sat,Dinner,3
-20.08,3.15,Male,No,Sat,Dinner,3
-16.45,2.47,Female,No,Sat,Dinner,2
-3.07,1.0,Female,Yes,Sat,Dinner,1
-20.23,2.01,Male,No,Sat,Dinner,2
-15.01,2.09,Male,Yes,Sat,Dinner,2
-12.02,1.97,Male,No,Sat,Dinner,2
-17.07,3.0,Female,No,Sat,Dinner,3
-26.86,3.14,Female,Yes,Sat,Dinner,2
-25.28,5.0,Female,Yes,Sat,Dinner,2
-14.73,2.2,Female,No,Sat,Dinner,2
-10.51,1.25,Male,No,Sat,Dinner,2
-17.92,3.08,Male,Yes,Sat,Dinner,2
-27.2,4.0,Male,No,Thur,Lunch,4
-22.76,3.0,Male,No,Thur,Lunch,2
-17.29,2.71,Male,No,Thur,Lunch,2
-19.44,3.0,Male,Yes,Thur,Lunch,2
-16.66,3.4,Male,No,Thur,Lunch,2
-10.07,1.83,Female,No,Thur,Lunch,1
-32.68,5.0,Male,Yes,Thur,Lunch,2
-15.98,2.03,Male,No,Thur,Lunch,2
-34.83,5.17,Female,No,Thur,Lunch,4
-13.03,2.0,Male,No,Thur,Lunch,2
-18.28,4.0,Male,No,Thur,Lunch,2
-24.71,5.85,Male,No,Thur,Lunch,2
-21.16,3.0,Male,No,Thur,Lunch,2
-28.97,3.0,Male,Yes,Fri,Dinner,2
-22.49,3.5,Male,No,Fri,Dinner,2
-5.75,1.0,Female,Yes,Fri,Dinner,2
-16.32,4.3,Female,Yes,Fri,Dinner,2
-22.75,3.25,Female,No,Fri,Dinner,2
-40.17,4.73,Male,Yes,Fri,Dinner,4
-27.28,4.0,Male,Yes,Fri,Dinner,2
-12.03,1.5,Male,Yes,Fri,Dinner,2
-21.01,3.0,Male,Yes,Fri,Dinner,2
-12.46,1.5,Male,No,Fri,Dinner,2
-11.35,2.5,Female,Yes,Fri,Dinner,2
-15.38,3.0,Female,Yes,Fri,Dinner,2
-44.3,2.5,Female,Yes,Sat,Dinner,3
-22.42,3.48,Female,Yes,Sat,Dinner,2
-20.92,4.08,Female,No,Sat,Dinner,2
-15.36,1.64,Male,Yes,Sat,Dinner,2
-20.49,4.06,Male,Yes,Sat,Dinner,2
-25.21,4.29,Male,Yes,Sat,Dinner,2
-18.24,3.76,Male,No,Sat,Dinner,2
-14.31,4.0,Female,Yes,Sat,Dinner,2
-14.0,3.0,Male,No,Sat,Dinner,2
-7.25,1.0,Female,No,Sat,Dinner,1
-38.07,4.0,Male,No,Sun,Dinner,3
-23.95,2.55,Male,No,Sun,Dinner,2
-25.71,4.0,Female,No,Sun,Dinner,3
-17.31,3.5,Female,No,Sun,Dinner,2
-29.93,5.07,Male,No,Sun,Dinner,4
-10.65,1.5,Female,No,Thur,Lunch,2
-12.43,1.8,Female,No,Thur,Lunch,2
-24.08,2.92,Female,No,Thur,Lunch,4
-11.69,2.31,Male,No,Thur,Lunch,2
-13.42,1.68,Female,No,Thur,Lunch,2
-14.26,2.5,Male,No,Thur,Lunch,2
-15.95,2.0,Male,No,Thur,Lunch,2
-12.48,2.52,Female,No,Thur,Lunch,2
-29.8,4.2,Female,No,Thur,Lunch,6
-8.52,1.48,Male,No,Thur,Lunch,2
-14.52,2.0,Female,No,Thur,Lunch,2
-11.38,2.0,Female,No,Thur,Lunch,2
-22.82,2.18,Male,No,Thur,Lunch,3
-19.08,1.5,Male,No,Thur,Lunch,2
-20.27,2.83,Female,No,Thur,Lunch,2
-11.17,1.5,Female,No,Thur,Lunch,2
-12.26,2.0,Female,No,Thur,Lunch,2
-18.26,3.25,Female,No,Thur,Lunch,2
-8.51,1.25,Female,No,Thur,Lunch,2
-10.33,2.0,Female,No,Thur,Lunch,2
-14.15,2.0,Female,No,Thur,Lunch,2
-16.0,2.0,Male,Yes,Thur,Lunch,2
-13.16,2.75,Female,No,Thur,Lunch,2
-17.47,3.5,Female,No,Thur,Lunch,2
-34.3,6.7,Male,No,Thur,Lunch,6
-41.19,5.0,Male,No,Thur,Lunch,5
-27.05,5.0,Female,No,Thur,Lunch,6
-16.43,2.3,Female,No,Thur,Lunch,2
-8.35,1.5,Female,No,Thur,Lunch,2
-18.64,1.36,Female,No,Thur,Lunch,3
-11.87,1.63,Female,No,Thur,Lunch,2
-9.78,1.73,Male,No,Thur,Lunch,2
-7.51,2.0,Male,No,Thur,Lunch,2
-14.07,2.5,Male,No,Sun,Dinner,2
-13.13,2.0,Male,No,Sun,Dinner,2
-17.26,2.74,Male,No,Sun,Dinner,3
-24.55,2.0,Male,No,Sun,Dinner,4
-19.77,2.0,Male,No,Sun,Dinner,4
-29.85,5.14,Female,No,Sun,Dinner,5
-48.17,5.0,Male,No,Sun,Dinner,6
-25.0,3.75,Female,No,Sun,Dinner,4
-13.39,2.61,Female,No,Sun,Dinner,2
-16.49,2.0,Male,No,Sun,Dinner,4
-21.5,3.5,Male,No,Sun,Dinner,4
-12.66,2.5,Male,No,Sun,Dinner,2
-16.21,2.0,Female,No,Sun,Dinner,3
-13.81,2.0,Male,No,Sun,Dinner,2
-17.51,3.0,Female,Yes,Sun,Dinner,2
-24.52,3.48,Male,No,Sun,Dinner,3
-20.76,2.24,Male,No,Sun,Dinner,2
-31.71,4.5,Male,No,Sun,Dinner,4
-10.59,1.61,Female,Yes,Sat,Dinner,2
-10.63,2.0,Female,Yes,Sat,Dinner,2
-50.81,10.0,Male,Yes,Sat,Dinner,3
-15.81,3.16,Male,Yes,Sat,Dinner,2
-7.25,5.15,Male,Yes,Sun,Dinner,2
-31.85,3.18,Male,Yes,Sun,Dinner,2
-16.82,4.0,Male,Yes,Sun,Dinner,2
-32.9,3.11,Male,Yes,Sun,Dinner,2
-17.89,2.0,Male,Yes,Sun,Dinner,2
-14.48,2.0,Male,Yes,Sun,Dinner,2
-9.6,4.0,Female,Yes,Sun,Dinner,2
-34.63,3.55,Male,Yes,Sun,Dinner,2
-34.65,3.68,Male,Yes,Sun,Dinner,4
-23.33,5.65,Male,Yes,Sun,Dinner,2
-45.35,3.5,Male,Yes,Sun,Dinner,3
-23.17,6.5,Male,Yes,Sun,Dinner,4
-40.55,3.0,Male,Yes,Sun,Dinner,2
-20.69,5.0,Male,No,Sun,Dinner,5
-20.9,3.5,Female,Yes,Sun,Dinner,3
-30.46,2.0,Male,Yes,Sun,Dinner,5
-18.15,3.5,Female,Yes,Sun,Dinner,3
-23.1,4.0,Male,Yes,Sun,Dinner,3
-15.69,1.5,Male,Yes,Sun,Dinner,2
-19.81,4.19,Female,Yes,Thur,Lunch,2
-28.44,2.56,Male,Yes,Thur,Lunch,2
-15.48,2.02,Male,Yes,Thur,Lunch,2
-16.58,4.0,Male,Yes,Thur,Lunch,2
-7.56,1.44,Male,No,Thur,Lunch,2
-10.34,2.0,Male,Yes,Thur,Lunch,2
-43.11,5.0,Female,Yes,Thur,Lunch,4
-13.0,2.0,Female,Yes,Thur,Lunch,2
-13.51,2.0,Male,Yes,Thur,Lunch,2
-18.71,4.0,Male,Yes,Thur,Lunch,3
-12.74,2.01,Female,Yes,Thur,Lunch,2
-13.0,2.0,Female,Yes,Thur,Lunch,2
-16.4,2.5,Female,Yes,Thur,Lunch,2
-20.53,4.0,Male,Yes,Thur,Lunch,4
-16.47,3.23,Female,Yes,Thur,Lunch,3
-26.59,3.41,Male,Yes,Sat,Dinner,3
-38.73,3.0,Male,Yes,Sat,Dinner,4
-24.27,2.03,Male,Yes,Sat,Dinner,2
-12.76,2.23,Female,Yes,Sat,Dinner,2
-30.06,2.0,Male,Yes,Sat,Dinner,3
-25.89,5.16,Male,Yes,Sat,Dinner,4
-48.33,9.0,Male,No,Sat,Dinner,4
-13.27,2.5,Female,Yes,Sat,Dinner,2
-28.17,6.5,Female,Yes,Sat,Dinner,3
-12.9,1.1,Female,Yes,Sat,Dinner,2
-28.15,3.0,Male,Yes,Sat,Dinner,5
-11.59,1.5,Male,Yes,Sat,Dinner,2
-7.74,1.44,Male,Yes,Sat,Dinner,2
-30.14,3.09,Female,Yes,Sat,Dinner,4
-12.16,2.2,Male,Yes,Fri,Lunch,2
-13.42,3.48,Female,Yes,Fri,Lunch,2
-8.58,1.92,Male,Yes,Fri,Lunch,1
-15.98,3.0,Female,No,Fri,Lunch,3
-13.42,1.58,Male,Yes,Fri,Lunch,2
-16.27,2.5,Female,Yes,Fri,Lunch,2
-10.09,2.0,Female,Yes,Fri,Lunch,2
-20.45,3.0,Male,No,Sat,Dinner,4
-13.28,2.72,Male,No,Sat,Dinner,2
-22.12,2.88,Female,Yes,Sat,Dinner,2
-24.01,2.0,Male,Yes,Sat,Dinner,4
-15.69,3.0,Male,Yes,Sat,Dinner,3
-11.61,3.39,Male,No,Sat,Dinner,2
-10.77,1.47,Male,No,Sat,Dinner,2
-15.53,3.0,Male,Yes,Sat,Dinner,2
-10.07,1.25,Male,No,Sat,Dinner,2
-12.6,1.0,Male,Yes,Sat,Dinner,2
-32.83,1.17,Male,Yes,Sat,Dinner,2
-35.83,4.67,Female,No,Sat,Dinner,3
-29.03,5.92,Male,No,Sat,Dinner,3
-27.18,2.0,Female,Yes,Sat,Dinner,2
-22.67,2.0,Male,Yes,Sat,Dinner,2
-17.82,1.75,Male,No,Sat,Dinner,2
-18.78,3.0,Female,No,Thur,Dinner,2