codebee 0.1.96 → 0.1.98

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.
package/app/ui/board.html CHANGED
@@ -12,7 +12,6 @@
12
12
  <!-- 远程访问令牌门(本机免输;与主界面共用 orch.token) -->
13
13
  <div id="gate" class="gate hidden">
14
14
  <div class="gate-box">
15
- <div class="gate-mark" aria-hidden="true"><span></span><span></span><span></span></div>
16
15
  <div class="gate-title" data-i18n="需要访问令牌">需要访问令牌</div>
17
16
  <div class="gate-sub" data-i18n="启动 CodeBee 时控制台会显示">启动 CodeBee 时控制台会显示</div>
18
17
  <input id="gate-token" type="password" data-i18n-ph="访问令牌" placeholder="访问令牌" autocomplete="off">
@@ -22,140 +21,144 @@
22
21
  </div>
23
22
 
24
23
  <header id="hd">
25
- <div class="hd-brand">
26
- <div class="brand-mark" aria-hidden="true"><i></i><i></i><i></i><b></b></div>
27
- <div class="brand-copy">
28
- <div class="brand-kicker">CODEBEE / OPERATIONS</div>
29
- <div class="hd-name" data-i18n="任务驾驶舱">任务驾驶舱</div>
30
- </div>
31
- </div>
32
- <div class="hd-center">
33
- <span class="live-pip"></span>
34
- <span data-i18n="实时监控">实时监控</span>
35
- <span class="hd-sep">/</span>
36
- <span id="hd-updated" class="hd-updated" data-i18n="同步中">同步中</span>
24
+ <div class="hd-brand"><div class="hd-name">CodeBee</div></div>
25
+
26
+ <div class="hd-state" id="hd-state">
27
+ <span class="state-pip" aria-hidden="true"></span>
28
+ <span class="state-text" id="hd-state-text" data-i18n="蜂群待命">蜂群待命</span>
29
+ <span class="hd-sep" aria-hidden="true"></span>
30
+ <span class="hd-sync" id="hd-updated" data-i18n="同步中">同步中</span>
37
31
  </div>
32
+
38
33
  <div class="hd-right">
39
- <div id="hd-pool" class="hd-pill" title="执行池占用" data-i18n-title="执行池占用">—</div>
40
- <div id="hd-health" class="hd-pill warn hidden" title=""></div>
41
- <div id="hd-conn" class="hd-pill off hidden" data-i18n="连接断开">连接断开</div>
34
+ <div class="hd-metric" data-i18n-title="执行池占用">
35
+ <em data-i18n="蜂巢">蜂巢</em><b id="hd-pool-alive">0</b><span id="hd-pool-target">/0</span>
36
+ </div>
37
+ <div class="hd-metric">
38
+ <em data-i18n="对话">对话</em><b id="hd-chat-alive">0</b><span id="hd-chat-pool">/0</span>
39
+ </div>
40
+ <div class="hd-svc" id="hd-health"><i aria-hidden="true"></i><span id="hd-health-text"></span></div>
41
+ <div id="hd-conn" class="hd-off hidden" data-i18n="连接断开">连接断开</div>
42
+ <div class="hd-swap">
43
+ <button class="sw-btn" id="sw-skin" type="button" data-i18n-title="切换皮肤(仅大屏记忆)"><span data-i18n="皮肤">皮肤</span> <b id="sw-skin-n">—</b></button>
44
+ <button class="sw-btn" id="sw-mode" type="button" data-i18n-title="切换明暗(仅大屏记忆)"><b id="sw-mode-n">—</b></button>
45
+ </div>
42
46
  <div id="hd-clock" class="hd-clock">--:--:--</div>
43
47
  </div>
44
48
  </header>
45
49
 
46
50
  <main id="board">
47
- <section id="overview" class="overview panel">
48
- <div class="overview-copy">
49
- <div class="eyebrow"><span></span><span data-i18n="蜂群状态">蜂群状态</span></div>
50
- <div class="overview-line">
51
- <div>
52
- <h1 id="hero-state" data-i18n="蜂群待命">蜂群待命</h1>
53
- <p id="hero-copy" data-i18n="没有正在运行的任务,新任务在主界面创建后会实时出现在这里">没有正在运行的任务,新任务在主界面创建后会实时出现在这里</p>
54
- </div>
55
- <div class="hero-count">
56
- <strong id="hero-live-count">0</strong>
57
- <span data-i18n="个活动单元">个活动单元</span>
58
- </div>
59
- </div>
60
- <div class="overview-foot">
61
- <span class="signal-chip"><i></i><span id="hero-signal" data-i18n="系统状态良好">系统状态良好</span></span>
62
- <span class="overview-note" data-i18n="实时聚合 · 每 4 秒刷新">实时聚合 · 每 4 秒刷新</span>
63
- </div>
64
- </div>
65
- <div class="overview-visual" aria-hidden="true">
66
- <div class="orbit orbit-a"></div>
67
- <div class="orbit orbit-b"></div>
68
- <div class="orbit-dot dot-a"></div>
69
- <div class="orbit-dot dot-b"></div>
70
- <div class="orbit-dot dot-c"></div>
71
- <div class="core-glow"></div>
72
- <div class="overview-core"><strong id="orb-number">0</strong><span>ACTIVE</span></div>
73
- </div>
74
- <div class="overview-aside">
75
- <div class="aside-label" data-i18n="执行池">执行池</div>
76
- <div class="pool-meter"><i id="pool-meter-fill"></i></div>
77
- <div class="pool-readout"><strong id="pool-alive">0</strong><span>/</span><span id="pool-target">0</span><em data-i18n="在线槽位">在线槽位</em></div>
78
- <div class="aside-divider"></div>
79
- <div class="aside-row"><span data-i18n="队列等待">队列等待</span><b id="overview-queued">0</b></div>
80
- <div class="aside-row"><span data-i18n="今日成功率">今日成功率</span><b id="overview-success">—</b></div>
81
- </div>
82
- </section>
83
51
 
84
52
  <section id="kpis" aria-label="核心指标" data-i18n-aria="核心指标">
85
53
  <div class="kpi k-run">
86
- <div class="kpi-head"><span data-i18n="运行中">运行中</span><i class="kpi-icon"></i></div>
87
- <div class="k-num" id="k-running">0</div>
88
- <div class="kpi-foot"><span data-i18n="当前活动">当前活动</span><b>LIVE</b></div>
54
+ <span class="k-lab" data-i18n="运行中">运行中</span>
55
+ <div class="k-row"><b class="k-num" id="k-running">0</b><span class="k-sub" id="k-run-sub">—</span></div>
89
56
  </div>
90
57
  <div class="kpi k-queue">
91
- <div class="kpi-head"><span data-i18n="排队中">排队中</span><i class="kpi-icon"></i></div>
92
- <div class="k-num" id="k-queued">0</div>
93
- <div class="kpi-foot"><span data-i18n="等待调度">等待调度</span><b>QUEUE</b></div>
58
+ <span class="k-lab" data-i18n="排队中">排队中</span>
59
+ <div class="k-row"><b class="k-num" id="k-queued">0</b><span class="k-sub" id="k-queue-sub">—</span></div>
94
60
  </div>
95
61
  <div class="kpi k-done">
96
- <div class="kpi-head"><span data-i18n="今日完成">今日完成</span><i class="kpi-icon"></i></div>
97
- <div class="k-num" id="k-done">0</div>
98
- <div class="kpi-foot"><span data-i18n="完成运行">完成运行</span><b>DONE</b></div>
62
+ <span class="k-lab" data-i18n="今日完成">今日完成</span>
63
+ <div class="k-row"><b class="k-num" id="k-done">0</b><span class="k-sub" id="k-done-sub">—</span></div>
64
+ <span class="k-ratio" aria-hidden="true"><i id="k-ratio-fill"></i></span>
99
65
  </div>
100
66
  <div class="kpi k-fail">
101
- <div class="kpi-head"><span data-i18n="今日失败">今日失败</span><i class="kpi-icon"></i></div>
102
- <div class="k-num" id="k-failed">0</div>
103
- <div class="kpi-foot"><span data-i18n="需要关注">需要关注</span><b>ALERT</b></div>
67
+ <span class="k-lab" data-i18n="今日失败">今日失败</span>
68
+ <div class="k-row"><b class="k-num" id="k-failed">0</b><span class="k-sub" id="k-fail-sub">—</span></div>
104
69
  </div>
105
- <div class="kpi k-tok">
106
- <div class="kpi-head"><span data-i18n="今日 tokens">今日 tokens</span><i class="kpi-icon"></i></div>
107
- <div class="k-num" id="k-tokens">0</div>
108
- <div class="kpi-foot"><span data-i18n="模型消耗">模型消耗</span><b>USAGE</b></div>
109
- </div>
110
- <div class="kpi k-cost">
111
- <div class="kpi-head"><span data-i18n="今日成本">今日成本</span><i class="kpi-icon"></i></div>
112
- <div class="k-num" id="k-cost">$0.00</div>
113
- <div class="kpi-foot"><span data-i18n="运行成本">运行成本</span><b>COST</b></div>
70
+ <div class="kpi k-use">
71
+ <span class="k-lab" data-i18n="今日消耗">今日消耗</span>
72
+ <div class="k-row"><b class="k-num" id="k-tokens">0</b><span class="k-sub" id="k-use-sub">—</span></div>
114
73
  </div>
115
74
  </section>
116
75
 
117
76
  <section id="main">
118
- <section id="wall" class="panel live-panel">
119
- <header class="panel-head">
120
- <div>
121
- <div class="eyebrow"><span></span><span data-i18n="实时任务流">实时任务流</span></div>
122
- <h2 data-i18n="运行中任务">运行中任务</h2>
123
- </div>
124
- <div class="panel-head-right">
125
- <span id="wall-count" class="live-count">0 ACTIVE</span>
126
- <span id="wall-mode" class="mode-label" data-i18n="监控中">监控中</span>
77
+ <section id="wall" class="panel">
78
+ <header class="p-head">
79
+ <h2 data-i18n="运行中任务">运行中任务</h2>
80
+ <div class="p-head-right">
81
+ <span id="wall-count" class="p-badge">0</span>
82
+ <span class="p-note" data-i18n="每 4 秒刷新">每 4 秒刷新</span>
127
83
  </div>
128
84
  </header>
129
- <div id="wall-cards"></div>
85
+
86
+ <div id="wall-cards" class="wall-grid"></div>
87
+
130
88
  <div id="wall-empty" class="wall-empty hidden">
131
- <div class="empty-orbit" aria-hidden="true"><i></i><i></i><i></i><b>0</b></div>
132
- <div class="idle-t1" data-i18n="队列已清空">队列已清空</div>
133
- <div class="idle-t2" data-i18n="等待新的任务接入蜂巢">等待新的任务接入蜂巢</div>
134
- <div class="empty-meta"><span><i></i><b data-i18n="工作池就绪">工作池就绪</b></span><span><i></i><b data-i18n="监控在线">监控在线</b></span></div>
89
+ <div class="idle-head">
90
+ <div class="idle-ring" aria-hidden="true"><i></i></div>
91
+ <div>
92
+ <div class="idle-t1" data-i18n="队列已清空">队列已清空</div>
93
+ <div class="idle-t2" data-i18n="新任务在主界面创建后会实时出现在这里">新任务在主界面创建后会实时出现在这里</div>
94
+ </div>
95
+ </div>
96
+ <div class="idle-list">
97
+ <div class="idle-cap"><span data-i18n="今日运行">今日运行</span> · <span id="idle-count">0</span> <span data-i18n="条">条</span></div>
98
+ <div id="idle-rows"></div>
99
+ </div>
135
100
  </div>
101
+
136
102
  <div id="queue-row" class="queue-row hidden">
137
- <div class="q-label"><span class="q-mark"></span><span data-i18n="排队等待">排队等待</span><b id="queue-count">0</b></div>
103
+ <div class="q-label"><span data-i18n="排队等待">排队等待</span><b id="queue-count">0</b></div>
138
104
  <span id="queue-chips"></span>
139
105
  </div>
140
106
  </section>
141
107
 
142
108
  <aside id="rail">
143
- <section class="rail-card rail-trend panel">
144
- <div class="rail-head"><div><div class="eyebrow"><span></span><span data-i18n="资源脉冲">资源脉冲</span></div><h3 data-i18n="近 7 日 tokens">近 7 日 tokens</h3></div><span class="rail-badge">7 DAYS</span></div>
109
+ <section class="rc rc-pool panel">
110
+ <div class="rc-head"><h3 data-i18n="执行池">执行池</h3><span class="rc-badge" id="pool-mode">—</span></div>
111
+ <div class="meter">
112
+ <div class="meter-top"><span data-i18n="蜂巢槽位">蜂巢槽位</span><b><i id="pool-alive">0</i>/<span id="pool-target">0</span></b></div>
113
+ <div class="meter-bar"><i id="pool-meter-fill"></i></div>
114
+ </div>
115
+ <div class="meter">
116
+ <div class="meter-top"><span data-i18n="对话槽位">对话槽位</span><b><i id="chat-alive">0</i>/<span id="chat-pool">0</span></b></div>
117
+ <div class="meter-bar cool"><i id="chat-meter-fill"></i></div>
118
+ </div>
119
+ <div class="pool-foot"><span data-i18n="空闲槽位">空闲槽位</span><b id="pool-available">0</b></div>
120
+ </section>
121
+
122
+ <section class="rc rc-trend panel">
123
+ <div class="rc-head"><h3 data-i18n="近 7 日 tokens">近 7 日 tokens</h3><span class="rc-badge" id="trend-total">—</span></div>
145
124
  <div id="trend" class="trend"></div>
146
125
  </section>
147
- <section class="rail-card rail-models panel">
148
- <div class="rail-head"><div><div class="eyebrow"><span></span><span data-i18n="模型分布">模型分布</span></div><h3 data-i18n="近 7 日模型 TOP5">近 7 日模型 TOP5</h3></div><span class="rail-badge">TOP 5</span></div>
126
+
127
+ <section class="rc rc-models panel">
128
+ <div class="rc-head"><h3 data-i18n="近 7 日模型 TOP5">近 7 日模型 TOP5</h3><span class="rc-badge">TOP 5</span></div>
149
129
  <div id="models" class="models"></div>
150
130
  </section>
151
- <section class="rail-card rail-recent panel grow">
152
- <div class="rail-head"><div><div class="eyebrow"><span></span><span data-i18n="事件日志">事件日志</span></div><h3 data-i18n="最近动态">最近动态</h3></div><span id="recent-count" class="rail-badge">—</span></div>
131
+
132
+ <section class="rc rc-recent panel">
133
+ <div class="rc-head"><h3 data-i18n="最近动态">最近动态</h3><span id="recent-count" class="rc-badge">—</span></div>
153
134
  <div id="recent" class="recent"></div>
154
135
  </section>
155
136
  </aside>
156
137
  </section>
138
+
157
139
  </main>
158
140
 
141
+ <!-- 点运行卡下钻:步骤链取 /api/board/run,日志窗复用现成的 /api/runs/<id>/log -->
142
+ <div id="scrim"></div>
143
+ <aside id="drawer" aria-hidden="true">
144
+ <div class="dw-head">
145
+ <div class="dw-top">
146
+ <span class="c-type" id="dw-type"></span>
147
+ <h4 id="dw-title"></h4>
148
+ <button class="dw-close" id="dw-close" type="button" data-i18n-title="关闭 (Esc)">✕</button>
149
+ </div>
150
+ <p class="dw-goal" id="dw-goal"></p>
151
+ <div class="dw-meta" id="dw-meta"></div>
152
+ </div>
153
+ <div class="dw-body">
154
+ <div class="dw-steps" id="dw-steps"></div>
155
+ <div class="dw-log">
156
+ <div class="dw-log-head"><span class="tag" id="dw-log-tag" data-i18n="步骤日志">步骤日志</span><span id="dw-log-sub"></span></div>
157
+ <div class="dw-log-body" id="dw-log-body"></div>
158
+ </div>
159
+ </div>
160
+ </aside>
161
+
159
162
  <script src="/i18n.js"></script>
160
163
  <script src="/board.js"></script>
161
164
  </body>