celestialflow 3.0.9__tar.gz → 3.1.0__tar.gz

{celestialflow-3.0.9 → celestialflow-3.1.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: celestialflow
-Version: 3.0.9
+Version: 3.1.0
 Summary: A flexible GRAPH-based task orchestration framework.
 Author-email: Mr-xiaotian <mingxiaomingtian@gmail.com>
 License: MIT
@@ -49,16 +49,16 @@ Requires-Dist: celestialtree
 - 相比 Airflow/Dagster 更轻、更快开始
 - 相比 multiprocessing/threading 更结构化，可直接表达 loop / complete graph 等复杂依赖模式
 
-框架的基本单元为 **TaskManager**，可独立运行，并支持四种执行模式：
+框架的基本单元为 **TaskExecutor**，可独立运行，并支持四种执行模式：
 
 * **线性（serial）**
 * **多线程（thread）**
 * **多进程（process）**
 * **协程（async）**
 
-TaskManager 实现了对任务的结果缓存，任务去重，进度条显示，多执行模式比较等功能，单独使用也很好用。
+TaskExecutor 实现了对任务的结果缓存，任务去重，进度条显示，多执行模式比较等功能，单独使用也很好用。
 
-但除去直接使用 TaskManager，更重要的是使用其子类**TaskStage**。TaskStage 可以互相连接，形成具有上游与下游依赖关系的任务图（**TaskGraph**）。下游 stage 会自动接收上游执行完成的结果作为输入，从而形成明确的数据流。
+但除去直接使用 TaskExecutor，更重要的是使用其子类**TaskStage**。TaskStage 可以互相连接，形成具有上游与下游依赖关系的任务图（**TaskGraph**）。下游 stage 会自动接收上游执行完成的结果作为输入，从而形成明确的数据流。
 
 TaskStage 的任务执行模式只有两种：
 
@@ -136,7 +136,7 @@ pip install celestialflow
 一个简单的可运行代码:
 
 ```python
-from celestialflow import TaskManager, TaskGraph
+from celestialflow import TaskStage, TaskGraph
 
 def add(x, y): 
     return x + y
@@ -146,8 +146,8 @@ def square(x):
 
 if __name__ == "__main__":
     # 定义两个任务节点
-    stage1 = TaskManager(add, execution_mode="thread", unpack_task_args=True)
-    stage2 = TaskManager(square, execution_mode="thread")
+    stage1 = TaskStage(add, execution_mode="thread", unpack_task_args=True)
+    stage2 = TaskStage(square, execution_mode="thread")
 
     # 构建任务图结构
     stage1.set_graph_context([stage2], stage_mode="process", stage_name="Adder")
@@ -172,8 +172,9 @@ if __name__ == "__main__":
 
 若你想了解框架的整体结构与核心组件，下面的参考文档会对你有帮助：
 
-- [🔧TaskManage/TaskStage概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_manage.md)
-- [🌐TaskGrapg概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_graph.md)
+- [🔧TaskExecutor概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_executor.md)
+- [🔧TaskStage概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_stage.md)
+- [🌐TaskGraph概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_graph.md)
 - [📚Go Worker概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/go_worker.md)
 
 推荐阅读顺序:
@@ -182,7 +183,7 @@ if __name__ == "__main__":
 flowchart TD
     classDef whiteNode fill:#ffffff,stroke:#000000,color:#000000;
 
-    TM[TaskManage.md] --> TS[TaskStage.md] --> TG[TaskGraph.md]
+    TM[TaskExecutor.md] --> TS[TaskStage.md] --> TG[TaskGraph.md]
     TM --> TP[TaskProgress.md]
 
     TG --> TQ[TaskQueue.md]
@@ -342,11 +343,11 @@ flowchart TD
 - 3.0.4: 新增一个抽象结构TaskQueue, 用于表示节点的所有"入边"与"出边"; 恢复未消费任务的保存功能
 - 3.0.5: 删除原有的TaskRedisTransfer节点, 并增添三种新的redis交互节点TaskRedisSink TaskRedisSource TaskRedisAck, 用于跨语言 跨进程 跨设备处理任务; 并在Web页面添加展示拓扑信息的卡片
 - 3.0.6: 添加对[CelestialTree](https://github.com/Mr-xiaotian/CelestialTree)系统的支持, 现在可以追踪单个任务的流向
-- 3.0.7: 将TaskStage从TaskManager中单独抽出来作为一个子类; 增加新节点TaskRouter, 可以将传入的任务选择的传给不同的下游节点, 而不是进行广播
+- 3.0.7: 将TaskStage从TaskExecutor中单独抽出来作为一个子类; 增加新节点TaskRouter, 可以将传入的任务选择的传给不同的下游节点, 而不是进行广播
 - 3.0.8: 在ctree逻辑上将"任务重试"事件后的"任务成功/失败/重试"事件视为因果关系, 而非之前的并行关系; 重构错误搜集部分逻辑; 修复大量3.0.6与3.07版本引入的bug; 优化部分log表现
-- 3.0.9: 1/23/2026
+- 3.0.9: 
   - 更新前端mermaid显示中部分节点图标; 
-  - 对ctree_client的大量修改; 
+  - 对ctree_client进行匹配CelestialTree的大量修改; 
   - 将ctree_client移出为单独的project; 
   - 在前端中添加error_id的显示, 为之后显示provenance_tree做准备; 
   - 增加大量warning与error, 用于提醒不规范设置; 

{celestialflow-3.0.9 → celestialflow-3.1.0}/README.md

@@ -23,16 +23,16 @@
 - 相比 Airflow/Dagster 更轻、更快开始
 - 相比 multiprocessing/threading 更结构化，可直接表达 loop / complete graph 等复杂依赖模式
 
-框架的基本单元为 **TaskManager**，可独立运行，并支持四种执行模式：
+框架的基本单元为 **TaskExecutor**，可独立运行，并支持四种执行模式：
 
 * **线性（serial）**
 * **多线程（thread）**
 * **多进程（process）**
 * **协程（async）**
 
-TaskManager 实现了对任务的结果缓存，任务去重，进度条显示，多执行模式比较等功能，单独使用也很好用。
+TaskExecutor 实现了对任务的结果缓存，任务去重，进度条显示，多执行模式比较等功能，单独使用也很好用。
 
-但除去直接使用 TaskManager，更重要的是使用其子类**TaskStage**。TaskStage 可以互相连接，形成具有上游与下游依赖关系的任务图（**TaskGraph**）。下游 stage 会自动接收上游执行完成的结果作为输入，从而形成明确的数据流。
+但除去直接使用 TaskExecutor，更重要的是使用其子类**TaskStage**。TaskStage 可以互相连接，形成具有上游与下游依赖关系的任务图（**TaskGraph**）。下游 stage 会自动接收上游执行完成的结果作为输入，从而形成明确的数据流。
 
 TaskStage 的任务执行模式只有两种：
 
@@ -110,7 +110,7 @@ pip install celestialflow
 一个简单的可运行代码:
 
 ```python
-from celestialflow import TaskManager, TaskGraph
+from celestialflow import TaskStage, TaskGraph
 
 def add(x, y): 
     return x + y
@@ -120,8 +120,8 @@ def square(x):
 
 if __name__ == "__main__":
     # 定义两个任务节点
-    stage1 = TaskManager(add, execution_mode="thread", unpack_task_args=True)
-    stage2 = TaskManager(square, execution_mode="thread")
+    stage1 = TaskStage(add, execution_mode="thread", unpack_task_args=True)
+    stage2 = TaskStage(square, execution_mode="thread")
 
     # 构建任务图结构
     stage1.set_graph_context([stage2], stage_mode="process", stage_name="Adder")
@@ -146,8 +146,9 @@ if __name__ == "__main__":
 
 若你想了解框架的整体结构与核心组件，下面的参考文档会对你有帮助：
 
-- [🔧TaskManage/TaskStage概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_manage.md)
-- [🌐TaskGrapg概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_graph.md)
+- [🔧TaskExecutor概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_executor.md)
+- [🔧TaskStage概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_stage.md)
+- [🌐TaskGraph概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/task_graph.md)
 - [📚Go Worker概念](https://github.com/Mr-xiaotian/CelestialFlow/blob/main/docs/reference/go_worker.md)
 
 推荐阅读顺序:
@@ -156,7 +157,7 @@ if __name__ == "__main__":
 flowchart TD
     classDef whiteNode fill:#ffffff,stroke:#000000,color:#000000;
 
-    TM[TaskManage.md] --> TS[TaskStage.md] --> TG[TaskGraph.md]
+    TM[TaskExecutor.md] --> TS[TaskStage.md] --> TG[TaskGraph.md]
     TM --> TP[TaskProgress.md]
 
     TG --> TQ[TaskQueue.md]
@@ -316,11 +317,11 @@ flowchart TD
 - 3.0.4: 新增一个抽象结构TaskQueue, 用于表示节点的所有"入边"与"出边"; 恢复未消费任务的保存功能
 - 3.0.5: 删除原有的TaskRedisTransfer节点, 并增添三种新的redis交互节点TaskRedisSink TaskRedisSource TaskRedisAck, 用于跨语言 跨进程 跨设备处理任务; 并在Web页面添加展示拓扑信息的卡片
 - 3.0.6: 添加对[CelestialTree](https://github.com/Mr-xiaotian/CelestialTree)系统的支持, 现在可以追踪单个任务的流向
-- 3.0.7: 将TaskStage从TaskManager中单独抽出来作为一个子类; 增加新节点TaskRouter, 可以将传入的任务选择的传给不同的下游节点, 而不是进行广播
+- 3.0.7: 将TaskStage从TaskExecutor中单独抽出来作为一个子类; 增加新节点TaskRouter, 可以将传入的任务选择的传给不同的下游节点, 而不是进行广播
 - 3.0.8: 在ctree逻辑上将"任务重试"事件后的"任务成功/失败/重试"事件视为因果关系, 而非之前的并行关系; 重构错误搜集部分逻辑; 修复大量3.0.6与3.07版本引入的bug; 优化部分log表现
-- 3.0.9: 1/23/2026
+- 3.0.9: 
   - 更新前端mermaid显示中部分节点图标; 
-  - 对ctree_client的大量修改; 
+  - 对ctree_client进行匹配CelestialTree的大量修改; 
   - 将ctree_client移出为单独的project; 
   - 在前端中添加error_id的显示, 为之后显示provenance_tree做准备; 
   - 增加大量warning与error, 用于提醒不规范设置; 

{celestialflow-3.0.9 → celestialflow-3.1.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "celestialflow"                   
-version = "3.0.9"                         
+version = "3.1.0"                         
 description = "A flexible GRAPH-based task orchestration framework."
 readme = "README.md"               
 license = { text = "MIT" }    

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/__init__.py

@@ -1,5 +1,5 @@
 from .task_graph import TaskGraph
-from .task_manage import TaskManager
+from .task_executor import TaskExecutor
 from .task_stage import TaskStage
 from .task_nodes import (
     TaskSplitter,
@@ -34,7 +34,7 @@ __all__ = [
     "TaskComplete",
     "TaskWheel",
     "TaskGrid",
-    "TaskManager",
+    "TaskExecutor",
     "TaskStage",
     "TaskSplitter",
     "TaskRedisSink",

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/static/css/base.css

@@ -10,6 +10,40 @@
   --gray-medium: #9ca3af;
   --gray-dark: #4b5563;
   --gray-slate: #6b7280;
+
+    /* ================================
+     Summary palette (light mode)
+  ================================ */
+  --summary-blue-bg: #dbeafe;
+  --summary-orange-bg: #fed7aa;
+  --summary-yellow-bg: #fef3c7;
+  --summary-red-bg: #fee2e2;
+  --summary-green-bg: #d1fae5;
+  --summary-purple-bg: #e9d5ff;
+
+  --summary-blue-value: #2563eb;
+  --summary-orange-value: #ea580c;
+  --summary-yellow-value: #d97706;
+  --summary-red-value: #dc2626;
+  --summary-green-value: #059669;
+  --summary-purple-value: #7c3aed;
+
+  /* ================================
+     Summary palette (dark mode)
+  ================================ */
+  --summary-blue-bg-dark: #1e3a8a;
+  --summary-orange-bg-dark: #7c2d12;
+  --summary-yellow-bg-dark: #78350f;
+  --summary-red-bg-dark: #7f1d1d;
+  --summary-green-bg-dark: #14532d;
+  --summary-purple-bg-dark: #4c1d95;
+
+  --summary-blue-value-dark: #60a5fa;
+  --summary-orange-value-dark: #fdba74;
+  --summary-yellow-value-dark: #facc15;
+  --summary-red-value-dark: #f87171;
+  --summary-green-value-dark: #34d399;
+  --summary-purple-value-dark: #c4b5fd;
 }
 
 /* ================================

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/static/css/dashboard.css

@@ -18,7 +18,6 @@
   margin-left: calc(-50vw + 50%); /* 左侧“负 margin”抵消 container 居中限制 */
   margin-right: calc(-50vw + 50%);
   justify-content: space-evenly;
-  gap: 1rem;
 }
 
 .left-panel {
@@ -174,8 +173,12 @@
   font-family: monospace;
 }
 
-.time-estimate .elapsed { color: var(--success-color); }
-.time-estimate .remaining { color: var(--warning-color); }
+.time-estimate .elapsed {
+  color: var(--success-color);
+}
+.time-estimate .remaining {
+  color: var(--warning-color);
+}
 
 /* ================================
   节点运行状态: 节点运行状态样式
@@ -235,44 +238,27 @@
   text-align: center;
   padding: 1rem;
   border-radius: 0.5rem;
-}
-
-.summary-item.blue {
-  background-color: #dbeafe;
-}
-
-.summary-item.yellow {
-  background-color: #fef3c7;
-}
-
-.summary-item.red {
-  background-color: #fee2e2;
-}
 
-.summary-item.green {
-  background-color: #d1fae5;
+  &.blue   { background-color: var(--summary-blue-bg);   .dark-theme & { background-color: var(--summary-blue-bg-dark); } }
+  &.orange { background-color: var(--summary-orange-bg); .dark-theme & { background-color: var(--summary-orange-bg-dark); } }
+  &.yellow { background-color: var(--summary-yellow-bg); .dark-theme & { background-color: var(--summary-yellow-bg-dark); } }
+  &.red    { background-color: var(--summary-red-bg);    .dark-theme & { background-color: var(--summary-red-bg-dark); } }
+  &.green  { background-color: var(--summary-green-bg);  .dark-theme & { background-color: var(--summary-green-bg-dark); } }
+  &.purple { background-color: var(--summary-purple-bg); .dark-theme & { background-color: var(--summary-purple-bg-dark); } }
 }
 
 .summary-value {
   font-size: 1.875rem;
   font-weight: 700;
-}
-
-.summary-value.blue {
-  color: #2563eb;
-}
 
-.summary-value.yellow {
-  color: #d97706;
+  &.blue   { color: var(--summary-blue-value);   .dark-theme & { color: var(--summary-blue-value-dark); } }
+  &.orange { color: var(--summary-orange-value); .dark-theme & { color: var(--summary-orange-value-dark); } }
+  &.yellow { color: var(--summary-yellow-value); .dark-theme & { color: var(--summary-yellow-value-dark); } }
+  &.red    { color: var(--summary-red-value);    .dark-theme & { color: var(--summary-red-value-dark); } }
+  &.green  { color: var(--summary-green-value);  .dark-theme & { color: var(--summary-green-value-dark); } }
+  &.purple { color: var(--summary-purple-value); .dark-theme & { color: var(--summary-purple-value-dark); } }
 }
 
-.summary-value.red {
-  color: #dc2626;
-}
-
-.summary-value.green {
-  color: #059669;
-}
 
 .summary-label {
   font-size: 0.875rem;
@@ -289,6 +275,7 @@
     width: 100%;
     margin-left: 0;
     margin-right: 0;
+    gap: 2rem;
   }
   .left-panel,
   .middle-panel,
@@ -318,7 +305,7 @@
 }
 
 .dark-theme .mermaid span {
-  color: #d1d5db!important;
+  color: #d1d5db !important;
 }
 
 /* .dark-theme #mermaid-container rect {
@@ -332,38 +319,6 @@
   color: var(--gray-medium);
 }
 
-.dark-theme .summary-item.blue {
-  background-color: #1e3a8a;
-}
-
-.dark-theme .summary-item.yellow {
-  background-color: #78350f;
-}
-
-.dark-theme .summary-item.red {
-  background-color: #7f1d1d;
-}
-
-.dark-theme .summary-item.green {
-  background-color: #14532d;
-}
-
-.dark-theme .summary-value.blue {
-  color: #60a5fa;
-}
-
-.dark-theme .summary-value.yellow {
-  color: #facc15;
-}
-
-.dark-theme .summary-value.red {
-  color: #f87171;
-}
-
-.dark-theme .summary-value.green {
-  color: #34d399;
-}
-
 .dark-theme .summary-label {
   color: #9ca3af;
 }
@@ -394,8 +349,17 @@
   background-color: #454545;
 }
 
-.dark-theme .stage-name { color: #7eaeff; }
-.dark-theme .stage-mode { color: #b0b0b0; }
-.dark-theme .stage-func { background-color: #333; color: #ff6090; }
-.dark-theme .visited-mark { background-color: #4a2424; color: #ff6b6b; }
-
+.dark-theme .stage-name {
+  color: #7eaeff;
+}
+.dark-theme .stage-mode {
+  color: #b0b0b0;
+}
+.dark-theme .stage-func {
+  background-color: #333;
+  color: #ff6090;
+}
+.dark-theme .visited-mark {
+  background-color: #4a2424;
+  color: #ff6b6b;
+}

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/static/js/main.js

@@ -3,7 +3,7 @@ let refreshIntervalId = null;
 
 const refreshSelect = document.getElementById("refresh-interval");
 const themeToggleBtn = document.getElementById("theme-toggle");
-const shutdownBtn = document.getElementById("shutdown-btn");
+// const shutdownBtn = document.getElementById("shutdown-btn");
 const tabButtons = document.querySelectorAll(".tab-btn");
 const tabContents = document.querySelectorAll(".tab-content");
 
@@ -41,13 +41,13 @@ document.addEventListener("DOMContentLoaded", async () => {
     });
   });
 
-  shutdownBtn.addEventListener("click", async () => {
-    if (confirm("确认要关闭 Web 服务吗？")) {
-      const res = await fetch("/shutdown", { method: "POST" });
-      const text = await res.text();
-      alert(text);
-    }
-  });
+  // shutdownBtn.addEventListener("click", async () => {
+  //   if (confirm("确认要关闭 Web 服务吗？")) {
+  //     const res = await fetch("/shutdown", { method: "POST" });
+  //     const text = await res.text();
+  //     alert(text);
+  //   }
+  // });
 
   // 初始化时应用之前选择的主题
   if (localStorage.getItem("theme") === "dark") {
@@ -89,6 +89,7 @@ async function refreshAll() {
     loadStructure(),   // 拉取任务结构（有向图），更新 structureData
     loadErrors(),      // 获取最新错误记录，更新 errors[]
     loadTopology(),    // 获取最新拓扑信息，更新 TopologyData
+    loadSummary(),     // 获取最新汇总数据，更新 summaryData
 
     pushRefreshRate(), // 每次轮询时推送刷新频率到后端
   ]);
@@ -97,11 +98,13 @@ async function refreshAll() {
   const currentStructureJSON = JSON.stringify(structureData);
   const currentErrorsJSON = JSON.stringify(errors);
   const currentTopologyJSON = JSON.stringify(topologyData);
+  const currentSummaryJSON = JSON.stringify(summaryData);
 
   const statusesChanged = currentStatusesJSON !== previousNodeStatusesJSON;
   const structureChanged = currentStructureJSON !== previousStructureDataJSON;
   const errorsChanged = currentErrorsJSON !== previousErrorsJSON;
   const topologyChanged = currentTopologyJSON !== previousTopologyDataJSON;
+  const summaryChanged = currentSummaryJSON !== previousSummaryDataJSON;
 
   if (statusesChanged || structureChanged) {
     previousNodeStatusesJSON = currentStatusesJSON;
@@ -116,12 +119,17 @@ async function refreshAll() {
     renderTopologyInfo(); // 渲染拓扑信息
   }
 
+  if (summaryChanged) {
+    previousSummaryDataJSON = currentSummaryJSON;
+
+    renderSummary(); // 右下汇总数据
+  }
+
   if (statusesChanged) {
     previousNodeStatusesJSON = currentStatusesJSON;
 
     renderDashboard();      // 中间节点状态卡片
     updateChartData();      // 右上折线图
-    updateSummary();        // 右下汇总数据
     populateNodeFilter();   // 错误筛选器
     renderNodeList();       // 注入页节点列表
   }

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/static/js/task_errors.js

@@ -50,7 +50,7 @@ function renderErrors() {
         <td class="error-message">${e.error_repr}</td>
         <td>${e.stage}</td>
         <td>${e.task_repr}</td>
-        <td>${formatTimestamp(e.ts)}</td>
+        <td>${renderLocalTime(e.ts)}</td>
       `;
       errorsTableBody.appendChild(row);
     }

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/static/js/task_statuses.js

@@ -7,10 +7,6 @@ let hiddenNodes = new Set(
 );
 
 const dashboardGrid = document.getElementById("dashboard-grid");
-const totalSuccessed = document.getElementById("total-successed");
-const totalPending = document.getElementById("total-pending");
-const totalErrors = document.getElementById("total-errors");
-const totalNodes = document.getElementById("total-nodes");
 
 async function loadStatuses() {
   try {
@@ -122,14 +118,14 @@ function renderDashboard() {
               data.execution_mode
             }</div></div>
           </div>
-          <div class="text-sm text-gray">开始时间: ${data.start_time}</div>
+          <div class="text-sm text-gray">开始时间: ${formatTimestamp(data.start_time)}</div>
           <div class="progress-container">
             <div class="progress-header">
               <span>任务完成率</span>
               <span class="time-estimate">
-                <span class="elapsed">${data.elapsed_time}</span>
+                <span class="elapsed">${formatDuration(data.elapsed_time)}</span>
                 &lt; 
-                <span class="remaining">${data.remaining_time}</span>, 
+                <span class="remaining">${formatDuration(data.remaining_time)}</span>, 
                 <span class="task-avg-time">${data.task_avg_time}</span>, 
                 <span>${progress}%</span>
               </span>
@@ -143,23 +139,6 @@ function renderDashboard() {
   }
 }
 
-function updateSummary() {
-  let successed = 0,
-    pending = 0,
-    error = 0,
-    active = 0;
-  Object.values(nodeStatuses).forEach((s) => {
-    successed += s.tasks_successed;
-    pending += s.tasks_pending;
-    error += s.tasks_failed;
-    if (s.status === 1) active++;
-  });
-  totalSuccessed.textContent = successed;
-  totalPending.textContent = pending;
-  totalErrors.textContent = error;
-  totalNodes.textContent = active;
-}
-
 function initChart() {
   const ctx = document.getElementById("node-progress-chart").getContext("2d");
 

celestialflow-3.1.0/src/celestialflow/static/js/task_summary.js

@@ -0,0 +1,36 @@
+let summaryData = [];
+let previousSummaryDataJSON = "";
+
+const totalSuccessed = document.getElementById("total-successed");
+const totalPending = document.getElementById("total-pending");
+const totalDuplicated = document.getElementById("total-duplicated");
+const totalFailed = document.getElementById("total-failed");
+const totalNodes = document.getElementById("total-nodes");
+const totalRemain = document.getElementById("total-remain");
+
+async function loadSummary() {
+  try {
+    const res = await fetch("/api/get_summary");
+    summaryData = await res.json();
+  } catch (e) {
+    console.error("合计数据加载失败", e);
+  }
+}
+
+function renderSummary() {
+  const {
+    total_successed = 0,
+    total_pending = 0,
+    total_failed = 0,
+    total_duplicated = 0,
+    total_nodes = 0,
+    total_remain = 0,
+  } = summaryData || {};
+
+  totalSuccessed.textContent = total_successed;
+  totalPending.textContent = total_pending;
+  totalFailed.textContent = total_failed;
+  totalDuplicated.textContent = total_duplicated;
+  totalNodes.textContent = total_nodes;
+  totalRemain.textContent = formatDuration(total_remain);
+}

{celestialflow-3.0.9 → celestialflow-3.1.0}/src/celestialflow/static/js/utils.js

@@ -1,5 +1,5 @@
 // task_web.js
-function formatTimestamp(timestamp) {
+function renderLocalTime(timestamp) {
   return new Date(timestamp * 1000).toLocaleString();
 }
 
@@ -62,3 +62,36 @@ function validateJSON(text) {
 function toggleDarkTheme() {
   return document.body.classList.toggle("dark-theme");
 }
+
+// task_statuses.js
+function formatDuration(seconds) {
+  seconds = Math.floor(seconds);
+
+  const hours = Math.floor(seconds / 3600);
+  const remainder = seconds % 3600;
+  const minutes = Math.floor(remainder / 60);
+  const secs = remainder % 60;
+
+  const pad = (n) => String(n).padStart(2, "0");
+
+  if (hours > 0) {
+    return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;
+  } else {
+    return `${pad(minutes)}:${pad(secs)}`;
+  }
+}
+
+function formatTimestamp(timestamp) {
+  const d = new Date(timestamp * 1000);
+
+  const pad = (n) => String(n).padStart(2, "0");
+
+  const year = d.getFullYear();
+  const month = pad(d.getMonth() + 1);
+  const day = pad(d.getDate());
+  const hour = pad(d.getHours());
+  const minute = pad(d.getMinutes());
+  const second = pad(d.getSeconds());
+
+  return `${year}-${month}-${day} ${hour}:${minute}:${second}`;
+}