@tea-agent/loop-agent 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,60 +3,85 @@
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Loop Agent运行看板</title>
6
+ <title>Loop Agent</title>
7
+ <link rel="icon" href="data:,">
8
+ <link rel="preconnect" href="https://cdn.jsdelivr.net">
9
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.6.0/fonts/remixicon.css">
7
10
  <link rel="stylesheet" href="/styles.css">
8
11
  </head>
9
- <body>
12
+ <body data-shell="observe-console">
13
+ <a class="skip-link" href="#main-content">跳到主内容</a>
10
14
  <div id="app">
11
15
  <header class="site-header">
12
- <a href="#/" class="logo">Loop Agent运行看板</a>
13
- <nav class="top-nav">
14
- <a href="#/" class="nav-link">总览</a>
15
- <a href="#/dags" class="nav-link">DAG</a>
16
- <a href="#/failures" class="nav-link">异常 Task</a>
16
+ <a href="#/" class="logo" aria-label="Loop Agent 运行看板首页">
17
+ <i class="ri-radar-line" aria-hidden="true"></i>
18
+ <span>Loop Agent</span>
19
+ </a>
20
+ <nav class="top-nav" aria-label="主导航">
21
+ <a href="#/" class="nav-link"><i class="ri-dashboard-3-line" aria-hidden="true"></i><span>总览</span></a>
22
+ <a href="#/failures" class="nav-link"><i class="ri-alarm-warning-line" aria-hidden="true"></i><span>异常 Task</span></a>
17
23
  </nav>
18
- <span id="header-refresh" class="header-refresh"></span>
19
- <nav id="breadcrumb" class="breadcrumb"></nav>
24
+ <div class="header-meta">
25
+ <i class="ri-live-line" aria-hidden="true"></i>
26
+ <span id="header-refresh" class="header-refresh" aria-live="polite"></span>
27
+ </div>
28
+ <nav id="breadcrumb" class="breadcrumb" aria-label="面包屑"></nav>
20
29
  </header>
21
30
 
22
- <section data-view="dashboard" id="view-dashboard">
23
- <h2>总览</h2>
24
- <div id="dashboard-kpi" class="kpi-grid panel"></div>
25
- <div id="dashboard-active-dags" class="panel"></div>
26
- <div id="dashboard-dags" class="panel"></div>
27
- <div id="dashboard-batches" class="panel"></div>
28
- </section>
31
+ <main id="main-content" class="dashboard-main" tabindex="-1">
32
+ <section data-view="dashboard" id="view-dashboard" class="view view-dashboard">
33
+ <div class="view-heading">
34
+ <p class="view-kicker">OBSERVE</p>
35
+ <h2>运行总览</h2>
36
+ <p>聚焦正在推进的 DAG、需要处理的风险与近期运行记录。</p>
37
+ </div>
38
+ <section id="dashboard-kpi" class="kpi-grid panel panel-kpi" aria-label="运行摘要"></section>
39
+ <div class="dashboard-workspace">
40
+ <section id="dashboard-active-dags" class="panel panel-primary"></section>
41
+ <aside id="dashboard-risk" class="panel panel-risk" aria-label="运行风险"></aside>
42
+ </div>
43
+ <div class="dashboard-secondary">
44
+ <section id="dashboard-dags" class="panel"></section>
45
+ <section id="dashboard-batches" class="panel"></section>
46
+ </div>
47
+ </section>
29
48
 
30
- <section data-view="batch" id="view-batch" hidden>
31
- <h2>批次详情</h2>
32
- <div id="batch-meta" class="panel"></div>
33
- <div id="batch-tasks" class="panel"></div>
34
- </section>
49
+ <section data-view="batch" id="view-batch" class="view" hidden>
50
+ <div class="view-heading"><p class="view-kicker">BATCH</p><h2>批次详情</h2></div>
51
+ <section id="batch-meta" class="panel panel-meta"></section>
52
+ <section id="batch-tasks" class="panel panel-table"></section>
53
+ </section>
35
54
 
36
- <section data-view="run" id="view-run" hidden>
37
- <h2>运行详情</h2>
38
- <div id="run-meta" class="panel"></div>
39
- <div id="run-dag-progress" class="panel"></div>
40
- <div id="run-steps" class="panel"></div>
41
- <div id="run-command" class="panel"></div>
42
- <div id="run-output" class="panel"></div>
43
- <div id="run-artifacts" class="panel"></div>
44
- </section>
55
+ <section data-view="run" id="view-run" class="view" hidden>
56
+ <div class="view-heading"><p class="view-kicker">WORKER RUN</p><h2>运行详情</h2></div>
57
+ <section id="run-meta" class="panel panel-meta"></section>
58
+ <section id="run-dag-progress" class="panel panel-progress"></section>
59
+ <div class="run-detail-workspace">
60
+ <aside id="run-steps" class="panel panel-rail"></aside>
61
+ <div class="run-evidence">
62
+ <section id="run-command" class="panel"></section>
63
+ <section id="run-output" class="panel panel-output"></section>
64
+ </div>
65
+ <aside id="run-artifacts" class="panel panel-artifacts"></aside>
66
+ </div>
67
+ </section>
45
68
 
46
- <section data-view="dag" id="view-dag" hidden>
47
- <h2>DAG 详情</h2>
48
- <div id="dag-meta" class="panel"></div>
49
- <div id="dag-ranks" class="panel"></div>
50
- <div id="dag-nodes" class="panel"></div>
51
- <div id="dag-timeline" class="panel"></div>
52
- <div id="dag-output" class="panel"></div>
53
- </section>
69
+ <section data-view="dag" id="view-dag" class="view" hidden>
70
+ <div class="view-heading"><p class="view-kicker">AGENT DAG</p><h2>DAG 详情</h2></div>
71
+ <section id="dag-meta" class="panel panel-meta"></section>
72
+ <div class="dag-detail-workspace">
73
+ <section id="dag-ranks" class="panel panel-graph"></section>
74
+ </div>
75
+ <section id="dag-nodes" class="panel panel-table"></section>
76
+ <aside id="dag-inspector" class="panel dag-inspector" aria-label="选中节点检查器" aria-hidden="true"></aside>
77
+ </section>
54
78
 
55
- <section data-view="failures" id="view-failures" hidden>
56
- <h2>异常 Task</h2>
57
- <div id="failures-empty" class="panel" hidden>当前没有异常 Task</div>
58
- <div id="failures-list" class="panel"></div>
59
- </section>
79
+ <section data-view="failures" id="view-failures" class="view" hidden>
80
+ <div class="view-heading"><p class="view-kicker">ATTENTION QUEUE</p><h2>异常 Task</h2><p>按运行状态和建议跟进项集中处理需要人工介入的 Task。</p></div>
81
+ <div id="failures-empty" class="panel empty-state" hidden>当前没有异常 Task</div>
82
+ <section id="failures-list" class="panel panel-table"></section>
83
+ </section>
84
+ </main>
60
85
  </div>
61
86
  <script type="module" src="/app.js"></script>
62
87
  </body>