@sleep2agi/agent-network-dashboard 0.6.3-preview.45 → 0.6.3-preview.46
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/.next/BUILD_COMMIT +1 -1
- package/.next/BUILD_ID +1 -1
- package/.next/build-manifest.json +3 -3
- package/.next/diagnostics/route-bundle-stats.json +6 -5
- package/.next/fallback-build-manifest.json +3 -3
- package/.next/server/app/_global-error.html +1 -1
- package/.next/server/app/_global-error.rsc +1 -1
- package/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
- package/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
- package/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
- package/.next/server/app/_not-found.html +2 -2
- package/.next/server/app/_not-found.rsc +2 -2
- package/.next/server/app/_not-found.segments/_full.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_head.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_index.segment.rsc +2 -2
- package/.next/server/app/_not-found.segments/_not-found/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_not-found.segment.rsc +1 -1
- package/.next/server/app/_not-found.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/admin/page_client-reference-manifest.js +1 -1
- package/.next/server/app/admin.html +2 -2
- package/.next/server/app/admin.rsc +2 -2
- package/.next/server/app/admin.segments/_full.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_head.segment.rsc +1 -1
- package/.next/server/app/admin.segments/_index.segment.rsc +2 -2
- package/.next/server/app/admin.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/admin.segments/admin/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/admin.segments/admin.segment.rsc +1 -1
- package/.next/server/app/index.html +2 -2
- package/.next/server/app/index.rsc +3 -3
- package/.next/server/app/index.segments/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/index.segments/_full.segment.rsc +3 -3
- package/.next/server/app/index.segments/_head.segment.rsc +1 -1
- package/.next/server/app/index.segments/_index.segment.rsc +2 -2
- package/.next/server/app/index.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/login/page_client-reference-manifest.js +1 -1
- package/.next/server/app/login.html +2 -2
- package/.next/server/app/login.rsc +3 -3
- package/.next/server/app/login.segments/_full.segment.rsc +3 -3
- package/.next/server/app/login.segments/_head.segment.rsc +1 -1
- package/.next/server/app/login.segments/_index.segment.rsc +2 -2
- package/.next/server/app/login.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/login.segments/login/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/login.segments/login.segment.rsc +1 -1
- package/.next/server/app/logs/page_client-reference-manifest.js +1 -1
- package/.next/server/app/logs.html +2 -2
- package/.next/server/app/logs.rsc +2 -2
- package/.next/server/app/logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/logs.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/logs.segments/logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/logs.segments/logs.segment.rsc +1 -1
- package/.next/server/app/messages/page_client-reference-manifest.js +1 -1
- package/.next/server/app/messages.html +2 -2
- package/.next/server/app/messages.rsc +2 -2
- package/.next/server/app/messages.segments/_full.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_head.segment.rsc +1 -1
- package/.next/server/app/messages.segments/_index.segment.rsc +2 -2
- package/.next/server/app/messages.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/messages.segments/messages/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/messages.segments/messages.segment.rsc +1 -1
- package/.next/server/app/node/page_client-reference-manifest.js +1 -1
- package/.next/server/app/node.html +2 -2
- package/.next/server/app/node.rsc +2 -2
- package/.next/server/app/node.segments/_full.segment.rsc +2 -2
- package/.next/server/app/node.segments/_head.segment.rsc +1 -1
- package/.next/server/app/node.segments/_index.segment.rsc +2 -2
- package/.next/server/app/node.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/node.segments/node/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/node.segments/node.segment.rsc +1 -1
- package/.next/server/app/nodes/page_client-reference-manifest.js +1 -1
- package/.next/server/app/nodes.html +2 -2
- package/.next/server/app/nodes.rsc +3 -3
- package/.next/server/app/nodes.segments/_full.segment.rsc +3 -3
- package/.next/server/app/nodes.segments/_head.segment.rsc +1 -1
- package/.next/server/app/nodes.segments/_index.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/nodes/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/nodes.segments/nodes.segment.rsc +1 -1
- package/.next/server/app/page_client-reference-manifest.js +1 -1
- package/.next/server/app/providers/page_client-reference-manifest.js +1 -1
- package/.next/server/app/providers.html +2 -2
- package/.next/server/app/providers.rsc +2 -2
- package/.next/server/app/providers.segments/_full.segment.rsc +2 -2
- package/.next/server/app/providers.segments/_head.segment.rsc +1 -1
- package/.next/server/app/providers.segments/_index.segment.rsc +2 -2
- package/.next/server/app/providers.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/providers.segments/providers/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/providers.segments/providers.segment.rsc +1 -1
- package/.next/server/app/server-logs/page_client-reference-manifest.js +1 -1
- package/.next/server/app/server-logs.html +2 -2
- package/.next/server/app/server-logs.rsc +2 -2
- package/.next/server/app/server-logs.segments/_full.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_head.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/_index.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/server-logs.segments/server-logs/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/server-logs.segments/server-logs.segment.rsc +1 -1
- package/.next/server/app/servers/page_client-reference-manifest.js +1 -1
- package/.next/server/app/servers.html +2 -2
- package/.next/server/app/servers.rsc +2 -2
- package/.next/server/app/servers.segments/_full.segment.rsc +2 -2
- package/.next/server/app/servers.segments/_head.segment.rsc +1 -1
- package/.next/server/app/servers.segments/_index.segment.rsc +2 -2
- package/.next/server/app/servers.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/servers.segments/servers/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/servers.segments/servers.segment.rsc +1 -1
- package/.next/server/app/settings/networks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/networks.html +2 -2
- package/.next/server/app/settings/networks.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings/networks.segments/settings/networks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings/networks.segment.rsc +1 -1
- package/.next/server/app/settings/networks.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens/page_client-reference-manifest.js +1 -1
- package/.next/server/app/settings/tokens.html +2 -2
- package/.next/server/app/settings/tokens.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_full.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings/tokens.segments/settings/tokens/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings/tokens.segment.rsc +1 -1
- package/.next/server/app/settings/tokens.segments/settings.segment.rsc +1 -1
- package/.next/server/app/settings.html +2 -2
- package/.next/server/app/settings.rsc +3 -3
- package/.next/server/app/settings.segments/_full.segment.rsc +3 -3
- package/.next/server/app/settings.segments/_head.segment.rsc +1 -1
- package/.next/server/app/settings.segments/_index.segment.rsc +2 -2
- package/.next/server/app/settings.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings/__PAGE__.segment.rsc +2 -2
- package/.next/server/app/settings.segments/settings.segment.rsc +1 -1
- package/.next/server/app/tasks/[id]/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks/page_client-reference-manifest.js +1 -1
- package/.next/server/app/tasks.html +2 -2
- package/.next/server/app/tasks.rsc +2 -2
- package/.next/server/app/tasks.segments/_full.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_head.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/_index.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/_tree.segment.rsc +2 -2
- package/.next/server/app/tasks.segments/tasks/__PAGE__.segment.rsc +1 -1
- package/.next/server/app/tasks.segments/tasks.segment.rsc +1 -1
- package/.next/server/chunks/ssr/[root-of-the-server]__0z0lvdf._.js +1 -1
- package/.next/server/chunks/ssr/[root-of-the-server]__0z0lvdf._.js.map +1 -1
- package/.next/server/chunks/ssr/dash-492_agent-network-dashboard_app_0fv9~x1._.js +1 -1
- package/.next/server/chunks/ssr/dash-492_agent-network-dashboard_app_0fv9~x1._.js.map +1 -1
- package/.next/server/chunks/ssr/dash-492_agent-network-dashboard_app_10nv4wt._.js +1 -1
- package/.next/server/chunks/ssr/dash-492_agent-network-dashboard_app_10nv4wt._.js.map +1 -1
- package/.next/server/chunks/ssr/dash-492_agent-network-dashboard_app_nodes_page_tsx_0txhbdg._.js +1 -1
- package/.next/server/chunks/ssr/dash-492_agent-network-dashboard_app_nodes_page_tsx_0txhbdg._.js.map +1 -1
- package/.next/server/middleware-build-manifest.js +3 -3
- package/.next/server/pages/404.html +2 -2
- package/.next/server/pages/500.html +1 -1
- package/.next/static/chunks/{0gv~xarphwy7~.js → 0_ni0bc5ggo6b.js} +1 -1
- package/.next/static/chunks/{00.lep~gx75xc.js → 0bc4t7o-3aw94.js} +1 -1
- package/.next/static/chunks/0ln7jp~g0s.eb.js +2 -0
- package/.next/static/chunks/{0e4..kvu5tnv-.css → 0lskb_50sdmsi.css} +1 -1
- package/.next/static/chunks/0ox1.tctxohjp.js +1 -0
- package/.next/static/chunks/{0k_3kdj.1c2m5.js → 0uvs09f9rhkp..js} +1 -1
- package/.next/trace +2 -2
- package/.next/trace-build +1 -1
- package/app/nodes/page.tsx +136 -0
- package/package.json +1 -1
- package/tests/e2e-9-nodes-team-tag-filter.spec.ts +222 -0
- package/.next/static/chunks/0e3gktr80d3im.js +0 -2
- /package/.next/static/{EEoQxe-lggOsAx0h8hIFx → _rqRjNp9sIzfig_naJBWn}/_buildManifest.js +0 -0
- /package/.next/static/{EEoQxe-lggOsAx0h8hIFx → _rqRjNp9sIzfig_naJBWn}/_clientMiddlewareManifest.js +0 -0
- /package/.next/static/{EEoQxe-lggOsAx0h8hIFx → _rqRjNp9sIzfig_naJBWn}/_ssgManifest.js +0 -0
package/app/nodes/page.tsx
CHANGED
|
@@ -56,7 +56,29 @@ export default function NodesPage() {
|
|
|
56
56
|
const sseFor = (s: { alias: string; network_id?: string }) =>
|
|
57
57
|
(s.network_id ? sseMap[`${s.network_id}:${s.alias}`] : undefined) ?? sseMap[s.alias];
|
|
58
58
|
const [filterStatus, setFilterStatus] = useState('');
|
|
59
|
+
// #492 goal-3 step 2: filter by team (single-select, '' = no filter,
|
|
60
|
+
// '__NO_TEAM__' = "nodes without any team assignment"). team match is
|
|
61
|
+
// strict equality against attrsByAlias[alias].team ?? null — nodes
|
|
62
|
+
// WITHOUT a team never leak into "team X" results (per PR review:
|
|
63
|
+
// fixture must have mixed team values and assert exact aliases, not
|
|
64
|
+
// just count).
|
|
65
|
+
const [filterTeam, setFilterTeam] = useState('');
|
|
66
|
+
// #492 goal-3 step 2: tag filter is multi-select with AND semantics —
|
|
67
|
+
// "show nodes that have ALL of these tags". This is a product
|
|
68
|
+
// decision (per PR review: OR would be the naive user default; AND
|
|
69
|
+
// is intentional so operators can narrow down instead of widen out).
|
|
70
|
+
// Rendered chip row shows explicit "AND" separators + empty-state
|
|
71
|
+
// echoes the filter conditions so a zero-result AND intersection
|
|
72
|
+
// never looks like a data-sync bug.
|
|
73
|
+
const [filterTags, setFilterTags] = useState<string[]>([]);
|
|
59
74
|
const [search, setSearch] = useState('');
|
|
75
|
+
const toggleTag = (t: string) => setFilterTags(cur => cur.includes(t) ? cur.filter(x => x !== t) : [...cur, t]);
|
|
76
|
+
// Distinct teams/tags across visible sessions — drives the select
|
|
77
|
+
// options and chip row, and lets us distinguish "cold-start no attrs"
|
|
78
|
+
// from "no match" in the empty state.
|
|
79
|
+
const distinctTeams = Array.from(new Set(sessions.map(s => attrsByAlias[s.alias]?.team).filter((t): t is string => !!t && t.length > 0))).sort();
|
|
80
|
+
const distinctTags = Array.from(new Set(sessions.flatMap(s => attrsByAlias[s.alias]?.tags ?? []).filter(t => t && t.length > 0))).sort();
|
|
81
|
+
const anyAttrs = distinctTeams.length > 0 || distinctTags.length > 0;
|
|
60
82
|
const pinyinReady = usePinyinReady();
|
|
61
83
|
const muteVersion = useMuteVersion();
|
|
62
84
|
void muteVersion; // re-render on mute toggles (isMuted used in map callbacks)
|
|
@@ -93,6 +115,22 @@ export default function NodesPage() {
|
|
|
93
115
|
if (filterStatus && filterStatus !== s.status) return false;
|
|
94
116
|
return true;
|
|
95
117
|
})
|
|
118
|
+
.filter(s => {
|
|
119
|
+
// #492 team filter — strict match. '' = pass all; '__NO_TEAM__' =
|
|
120
|
+
// only nodes with no team assigned; any other value = exact match.
|
|
121
|
+
// Nodes without a team NEVER leak into a "team X" result.
|
|
122
|
+
if (!filterTeam) return true;
|
|
123
|
+
const team = attrsByAlias[s.alias]?.team ?? null;
|
|
124
|
+
if (filterTeam === '__NO_TEAM__') return team === null || team === '';
|
|
125
|
+
return team === filterTeam;
|
|
126
|
+
})
|
|
127
|
+
.filter(s => {
|
|
128
|
+
// #492 tag filter — AND across all chip selections. Zero selected =
|
|
129
|
+
// pass all. Product decision (AND not OR): operators narrow down.
|
|
130
|
+
if (filterTags.length === 0) return true;
|
|
131
|
+
const nodeTags = attrsByAlias[s.alias]?.tags ?? [];
|
|
132
|
+
return filterTags.every(t => nodeTags.includes(t));
|
|
133
|
+
})
|
|
96
134
|
.filter(s => !search || pinyinMatch(s.alias, search) || pinyinMatch(s.agent || '', search))
|
|
97
135
|
.sort((a, b) => ((isPinned(b.alias) ? 1 : 0) - (isPinned(a.alias) ? 1 : 0)) || (sortOnline(b.alias, b.online) - sortOnline(a.alias, a.online)) || lastActivityAt(b.alias) - lastActivityAt(a.alias)); // R41 pin > R29 online-hysteresis > recency
|
|
98
136
|
|
|
@@ -168,6 +206,24 @@ export default function NodesPage() {
|
|
|
168
206
|
<option value="blocked">Blocked</option>
|
|
169
207
|
<option value="error">Error</option>
|
|
170
208
|
</select>
|
|
209
|
+
{/* #492 team select — only shown once at least one node has a
|
|
210
|
+
team attribute. "__NO_TEAM__" surfaces nodes without team,
|
|
211
|
+
so operators can find nodes that never got tagged. */}
|
|
212
|
+
{distinctTeams.length > 0 && (
|
|
213
|
+
<select
|
|
214
|
+
value={filterTeam}
|
|
215
|
+
onChange={e => setFilterTeam(e.target.value)}
|
|
216
|
+
aria-label={t('按 Team 过滤', 'Filter by team')}
|
|
217
|
+
data-testid="filter-team"
|
|
218
|
+
className="bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white focus:border-blue-500/50 focus:outline-none"
|
|
219
|
+
>
|
|
220
|
+
<option value="">{t('全部 Team', 'All teams')}</option>
|
|
221
|
+
<option value="__NO_TEAM__">{t('未分组', '(no team)')}</option>
|
|
222
|
+
{distinctTeams.map(team => (
|
|
223
|
+
<option key={team} value={team}>{team}</option>
|
|
224
|
+
))}
|
|
225
|
+
</select>
|
|
226
|
+
)}
|
|
171
227
|
{/* Round 80: List/Grid toggle hidden on mobile — Grid uses
|
|
172
228
|
grid-cols-1 below `md` and List degrades to the same single
|
|
173
229
|
column, so the toggle has no visual effect under sm and only
|
|
@@ -190,6 +246,57 @@ export default function NodesPage() {
|
|
|
190
246
|
</div>
|
|
191
247
|
</div>
|
|
192
248
|
)}
|
|
249
|
+
{/* #492 tag chip row — separate row so multi-select feels distinct
|
|
250
|
+
from single-select controls above. Each chip toggles inclusion;
|
|
251
|
+
selected chips get cyan bg. Explicit "AND" separators between
|
|
252
|
+
selected chips make the join semantics visible in the UI (per
|
|
253
|
+
PR review: silent AND under selected-multiple → 0 results
|
|
254
|
+
reads as bug; the label makes it a deliberate narrow-down). */}
|
|
255
|
+
{sessions.length > 0 && distinctTags.length > 0 && (
|
|
256
|
+
<div className="mb-4 sm:mb-6 flex flex-wrap items-center gap-1.5" data-testid="filter-tags-row">
|
|
257
|
+
<span className="text-[11px] text-gray-500 mr-1">{t('Tags:', 'Tags:')}</span>
|
|
258
|
+
{distinctTags.map((tag, idx) => {
|
|
259
|
+
const selected = filterTags.includes(tag);
|
|
260
|
+
const isNotFirstSelected = selected && filterTags.slice(0, filterTags.indexOf(tag)).length > 0;
|
|
261
|
+
void idx; void isNotFirstSelected;
|
|
262
|
+
return (
|
|
263
|
+
<button
|
|
264
|
+
key={tag}
|
|
265
|
+
type="button"
|
|
266
|
+
onClick={() => toggleTag(tag)}
|
|
267
|
+
aria-pressed={selected}
|
|
268
|
+
data-tag={tag}
|
|
269
|
+
data-selected={selected ? 'true' : 'false'}
|
|
270
|
+
className={`text-xs rounded-full px-2.5 py-1 border transition-colors ${
|
|
271
|
+
selected
|
|
272
|
+
? 'bg-cyan-500/15 text-cyan-200 border-cyan-500/40'
|
|
273
|
+
: 'bg-[#161618] text-gray-400 border-[#26262b] hover:text-gray-200 hover:border-[#3a3a40]'
|
|
274
|
+
}`}
|
|
275
|
+
>
|
|
276
|
+
{tag}
|
|
277
|
+
</button>
|
|
278
|
+
);
|
|
279
|
+
})}
|
|
280
|
+
{filterTags.length >= 2 && (
|
|
281
|
+
<span
|
|
282
|
+
className="text-[10px] text-cyan-300/80 ml-1 tabular-nums"
|
|
283
|
+
data-testid="filter-tags-and-hint"
|
|
284
|
+
>
|
|
285
|
+
{t(`= 同时具有 ${filterTags.length} 个标签`, `= AND of ${filterTags.length} tags`)}
|
|
286
|
+
</span>
|
|
287
|
+
)}
|
|
288
|
+
{(filterTags.length > 0 || filterTeam) && (
|
|
289
|
+
<button
|
|
290
|
+
type="button"
|
|
291
|
+
onClick={() => { setFilterTags([]); setFilterTeam(''); }}
|
|
292
|
+
className="text-[11px] text-gray-500 hover:text-gray-200 underline-offset-2 hover:underline ml-2"
|
|
293
|
+
data-testid="clear-attr-filters"
|
|
294
|
+
>
|
|
295
|
+
{t('清除', 'Clear')}
|
|
296
|
+
</button>
|
|
297
|
+
)}
|
|
298
|
+
</div>
|
|
299
|
+
)}
|
|
193
300
|
|
|
194
301
|
{loading ? (
|
|
195
302
|
<div className="animate-pulse space-y-2">
|
|
@@ -203,6 +310,31 @@ export default function NodesPage() {
|
|
|
203
310
|
was the "No nodes match your filters" copy, which was wrong
|
|
204
311
|
for new users who have no filters applied. */
|
|
205
312
|
<NodesEmptyState />
|
|
313
|
+
) : (filterTeam || filterTags.length > 0) ? (
|
|
314
|
+
/* #492: attribute-filter no-match — echo the specific filter
|
|
315
|
+
conditions so the user can tell "no nodes exist with this
|
|
316
|
+
combo" from "I mis-typed / data isn't synced". Distinct
|
|
317
|
+
from the generic status/search "No match" below. Under
|
|
318
|
+
AND semantics for multi-tag, this is the copy 通信龙 asked
|
|
319
|
+
for: "没有节点同时具有 A 和 B" instead of "no match". */
|
|
320
|
+
<EmptyState
|
|
321
|
+
variant="nodes"
|
|
322
|
+
title={t('没有节点符合当前属性筛选', 'No nodes match the current attribute filters')}
|
|
323
|
+
sub={(() => {
|
|
324
|
+
const parts: string[] = [];
|
|
325
|
+
if (filterTeam === '__NO_TEAM__') parts.push(t('未分组', 'no-team'));
|
|
326
|
+
else if (filterTeam) parts.push(t(`Team = ${filterTeam}`, `Team = ${filterTeam}`));
|
|
327
|
+
if (filterTags.length === 1) parts.push(t(`标签 ${filterTags[0]}`, `tag ${filterTags[0]}`));
|
|
328
|
+
else if (filterTags.length >= 2) parts.push(t(`同时具有标签 ${filterTags.join(' 和 ')}`, `all of tags: ${filterTags.join(' AND ')}`));
|
|
329
|
+
return t(`没有节点满足:${parts.join(' + ')}。清除筛选或减少标签。`, `No node satisfies: ${parts.join(' + ')}. Clear filters or drop a tag.`);
|
|
330
|
+
})()}
|
|
331
|
+
/>
|
|
332
|
+
) : !anyAttrs && (filterStatus || search) ? (
|
|
333
|
+
<EmptyState
|
|
334
|
+
variant="nodes"
|
|
335
|
+
title={t('还没有节点被打过标签', 'No nodes have been tagged yet')}
|
|
336
|
+
sub={t('先在节点详情里给几个节点分配 team / tag,然后就可以按属性筛选。', 'Assign team / tag to a few nodes first, then attribute filters will show up.')}
|
|
337
|
+
/>
|
|
206
338
|
) : (
|
|
207
339
|
<EmptyState
|
|
208
340
|
variant="nodes"
|
|
@@ -222,6 +354,8 @@ export default function NodesPage() {
|
|
|
222
354
|
key={s.alias}
|
|
223
355
|
role="button"
|
|
224
356
|
tabIndex={0}
|
|
357
|
+
data-node-card
|
|
358
|
+
data-node-alias={s.alias}
|
|
225
359
|
onClick={() => setChatAlias(s.alias)}
|
|
226
360
|
onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setChatAlias(s.alias); } }}
|
|
227
361
|
className={`relative min-w-0 max-w-full overflow-hidden rounded-xl border border-[#26262b] bg-[#161618] p-4 transition-colors hover:border-cyan-500/40 cursor-pointer ${!s.online ? 'opacity-60' : ''}`}
|
|
@@ -316,6 +450,8 @@ export default function NodesPage() {
|
|
|
316
450
|
key={s.alias}
|
|
317
451
|
role="button"
|
|
318
452
|
tabIndex={0}
|
|
453
|
+
data-node-card
|
|
454
|
+
data-node-alias={s.alias}
|
|
319
455
|
onClick={() => setChatAlias(s.alias)}
|
|
320
456
|
onKeyDown={e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setChatAlias(s.alias); } }}
|
|
321
457
|
className={`rounded-lg border border-[#26262b] bg-[#161618] px-3 py-2 sm:px-4 sm:py-3 transition-colors hover:border-cyan-500/40 cursor-pointer ${!s.online ? 'opacity-50' : ''}`}
|
package/package.json
CHANGED
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
import { test, expect, Page } from '@playwright/test';
|
|
2
|
+
|
|
3
|
+
const BASE = process.env.TEST_URL || 'http://localhost:3100';
|
|
4
|
+
|
|
5
|
+
// #492 Goal-3 step 2 — /nodes filter by team/tag. Three fixtures with
|
|
6
|
+
// DELIBERATELY MIXED attr values so tests can't accidentally pass on
|
|
7
|
+
// the "everyone has team X, so filter=X shows everyone" trap.
|
|
8
|
+
//
|
|
9
|
+
// Per PR review (通信龙):
|
|
10
|
+
// - team fixture MUST contain (a) target-team nodes, (b) empty-team
|
|
11
|
+
// nodes, (c) other-team nodes. Assert filter result equals the
|
|
12
|
+
// EXACT alias set, not just count.
|
|
13
|
+
// - tag fixture MUST contain (a) nodes with target-tag, (b) nodes
|
|
14
|
+
// with a different tag, (c) nodes with empty tags[]. Assert AND
|
|
15
|
+
// semantics catch nodes with ALL selected tags, not any.
|
|
16
|
+
// - Empty state copy MUST echo the filter conditions under AND
|
|
17
|
+
// (e.g. "no nodes with A and B") so a 0-result intersection
|
|
18
|
+
// doesn't look like a data-sync bug.
|
|
19
|
+
// - Cold-start (no node has any attrs) MUST render its own copy
|
|
20
|
+
// ("还没有节点被打过标签"), not generic "no match".
|
|
21
|
+
|
|
22
|
+
// Fixture 1 — TEAMS: mixed values.
|
|
23
|
+
const HUB_STATUS_TEAMS = {
|
|
24
|
+
sessions: [
|
|
25
|
+
{ alias: 'alpha-a', status: 'idle', network_id: 'net_x' },
|
|
26
|
+
{ alias: 'alpha-b', status: 'idle', network_id: 'net_x' },
|
|
27
|
+
{ alias: 'beta-a', status: 'idle', network_id: 'net_x' },
|
|
28
|
+
{ alias: 'no-team', status: 'idle', network_id: 'net_x' },
|
|
29
|
+
],
|
|
30
|
+
};
|
|
31
|
+
const HUB_NODES_TEAMS = {
|
|
32
|
+
nodes: [
|
|
33
|
+
{ alias: 'alpha-a', team: 'alpha', tags: [] },
|
|
34
|
+
{ alias: 'alpha-b', team: 'alpha', tags: [] },
|
|
35
|
+
{ alias: 'beta-a', team: 'beta', tags: [] },
|
|
36
|
+
{ alias: 'no-team', team: null, tags: [] },
|
|
37
|
+
],
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
// Fixture 2 — TAGS: mixed values including empty and disjoint tag sets.
|
|
41
|
+
const HUB_STATUS_TAGS = {
|
|
42
|
+
sessions: [
|
|
43
|
+
{ alias: 'both-tags', status: 'idle', network_id: 'net_x' }, // has BOTH a,b
|
|
44
|
+
{ alias: 'a-only', status: 'idle', network_id: 'net_x' }, // has just a
|
|
45
|
+
{ alias: 'b-only', status: 'idle', network_id: 'net_x' }, // has just b
|
|
46
|
+
{ alias: 'no-tags', status: 'idle', network_id: 'net_x' }, // has none
|
|
47
|
+
],
|
|
48
|
+
};
|
|
49
|
+
const HUB_NODES_TAGS = {
|
|
50
|
+
nodes: [
|
|
51
|
+
// Adding a third distinct tag 'canary' on 'b-only' so an AND like
|
|
52
|
+
// {prod,canary} produces 0 results — used by the empty-state-copy test.
|
|
53
|
+
{ alias: 'both-tags', team: null, tags: ['prod', 'db'] },
|
|
54
|
+
{ alias: 'a-only', team: null, tags: ['prod'] },
|
|
55
|
+
{ alias: 'b-only', team: null, tags: ['db', 'canary'] },
|
|
56
|
+
{ alias: 'no-tags', team: null, tags: [] },
|
|
57
|
+
],
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
// Fixture 3 — COLD START: no attrs at all. Filter chrome must NOT
|
|
61
|
+
// appear (no distinct teams/tags); if user has filterStatus/search set
|
|
62
|
+
// AND gets no results, the copy must say "no nodes tagged yet".
|
|
63
|
+
const HUB_STATUS_COLD = {
|
|
64
|
+
sessions: [
|
|
65
|
+
{ alias: 'untagged-1', status: 'idle', network_id: 'net_x' },
|
|
66
|
+
{ alias: 'untagged-2', status: 'idle', network_id: 'net_x' },
|
|
67
|
+
],
|
|
68
|
+
};
|
|
69
|
+
const HUB_NODES_COLD = {
|
|
70
|
+
nodes: [
|
|
71
|
+
{ alias: 'untagged-1', team: null, tags: [] },
|
|
72
|
+
{ alias: 'untagged-2', team: null, tags: [] },
|
|
73
|
+
],
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
const HUB_HEALTH_EMPTY = {
|
|
77
|
+
ok: true,
|
|
78
|
+
version: '0.9.0-test',
|
|
79
|
+
sse_connections: 0,
|
|
80
|
+
sse_sessions: {},
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
async function login(context: Page['context'] extends () => infer C ? C : never) {
|
|
84
|
+
const res = await context.request.post(`${BASE}/api/auth/login`, {
|
|
85
|
+
data: { password: process.env.ANET_DASHBOARD_PASSWORD || 'admin123' },
|
|
86
|
+
});
|
|
87
|
+
const setCookie = res.headers()['set-cookie'] || '';
|
|
88
|
+
const m = setCookie.match(/anet_dashboard_session=([^;]+)/);
|
|
89
|
+
if (m) {
|
|
90
|
+
await context.addCookies([{
|
|
91
|
+
name: 'anet_dashboard_session',
|
|
92
|
+
value: decodeURIComponent(m[1]),
|
|
93
|
+
domain: new URL(BASE).hostname,
|
|
94
|
+
path: '/',
|
|
95
|
+
}]);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
async function mockCommon(page: Page, statusBody: object, nodesBody: object) {
|
|
100
|
+
await page.route('**/api/hub/status**', r =>
|
|
101
|
+
r.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(statusBody) }));
|
|
102
|
+
await page.route('**/api/hub/nodes**', r =>
|
|
103
|
+
r.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(nodesBody) }));
|
|
104
|
+
await page.route('**/api/hub/health', r =>
|
|
105
|
+
r.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(HUB_HEALTH_EMPTY) }));
|
|
106
|
+
await page.route('**/api/hub/tasks**', r =>
|
|
107
|
+
r.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ tasks: [] }) }));
|
|
108
|
+
await page.route('**/api/hub/stats**', r =>
|
|
109
|
+
r.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({}) }));
|
|
110
|
+
await page.route('**/api/hub/messages**', r =>
|
|
111
|
+
r.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify({ messages: [] }) }));
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
test.describe('#492 /nodes filter by team/tag', () => {
|
|
115
|
+
test('TEAMS: filter=alpha returns EXACTLY {alpha-a, alpha-b} (no leak of empty-team or beta)', async ({ page, context }) => {
|
|
116
|
+
await login(context);
|
|
117
|
+
await mockCommon(page, HUB_STATUS_TEAMS, HUB_NODES_TEAMS);
|
|
118
|
+
await page.goto(`${BASE}/nodes`);
|
|
119
|
+
await expect(page.locator('h1', { hasText: 'Nodes' }).first()).toBeVisible({ timeout: 15000 });
|
|
120
|
+
await expect(page.locator('[data-testid="filter-team"]').first()).toBeVisible({ timeout: 10000 });
|
|
121
|
+
await page.locator('[data-testid="filter-team"]').selectOption('alpha');
|
|
122
|
+
await page.waitForTimeout(500);
|
|
123
|
+
|
|
124
|
+
// Assert EXACT alias set — count assertion alone would let a bug
|
|
125
|
+
// that also leaks "no-team" survive (2 alpha + 2 leaks would still
|
|
126
|
+
// == 2 if beta was also excluded).
|
|
127
|
+
const bodyText = await page.locator('body').innerText();
|
|
128
|
+
expect(bodyText).toContain('alpha-a');
|
|
129
|
+
expect(bodyText).toContain('alpha-b');
|
|
130
|
+
expect(bodyText).not.toContain('beta-a');
|
|
131
|
+
expect(bodyText).not.toContain('no-team');
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
test('TEAMS: filter=__NO_TEAM__ returns EXACTLY {no-team}', async ({ page, context }) => {
|
|
135
|
+
await login(context);
|
|
136
|
+
await mockCommon(page, HUB_STATUS_TEAMS, HUB_NODES_TEAMS);
|
|
137
|
+
await page.goto(`${BASE}/nodes`);
|
|
138
|
+
await expect(page.locator('[data-testid="filter-team"]').first()).toBeVisible({ timeout: 15000 });
|
|
139
|
+
await page.locator('[data-testid="filter-team"]').selectOption('__NO_TEAM__');
|
|
140
|
+
await page.waitForTimeout(500);
|
|
141
|
+
|
|
142
|
+
const bodyText = await page.locator('body').innerText();
|
|
143
|
+
expect(bodyText).toContain('no-team');
|
|
144
|
+
expect(bodyText).not.toContain('alpha-a');
|
|
145
|
+
expect(bodyText).not.toContain('alpha-b');
|
|
146
|
+
expect(bodyText).not.toContain('beta-a');
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
test('TAGS: AND semantics — selecting prod+db returns EXACTLY {ab}', async ({ page, context }) => {
|
|
150
|
+
await login(context);
|
|
151
|
+
await mockCommon(page, HUB_STATUS_TAGS, HUB_NODES_TAGS);
|
|
152
|
+
await page.goto(`${BASE}/nodes`);
|
|
153
|
+
await expect(page.locator('[data-testid="filter-tags-row"]').first()).toBeVisible({ timeout: 15000 });
|
|
154
|
+
// Click both tag chips
|
|
155
|
+
await page.locator('button[data-tag="prod"]').click();
|
|
156
|
+
await page.locator('button[data-tag="db"]').click();
|
|
157
|
+
await page.waitForTimeout(500);
|
|
158
|
+
|
|
159
|
+
// Explicit AND hint must appear when >= 2 tags selected
|
|
160
|
+
await expect(page.locator('[data-testid="filter-tags-and-hint"]').first()).toBeVisible();
|
|
161
|
+
|
|
162
|
+
const bodyText = await page.locator('body').innerText();
|
|
163
|
+
expect(bodyText).toContain('both-tags');
|
|
164
|
+
expect(bodyText).not.toContain('a-only');
|
|
165
|
+
expect(bodyText).not.toContain('b-only');
|
|
166
|
+
expect(bodyText).not.toContain('no-tags');
|
|
167
|
+
// Round-2 review (通信龙): substring assertions alone can't
|
|
168
|
+
// distinguish "correct 1 result" from "0 results" when the target
|
|
169
|
+
// alias happens to appear elsewhere on the page. Pin exact count
|
|
170
|
+
// via data-node-card (added on both list + grid render modes).
|
|
171
|
+
// Also assert the ONE surviving card is the target — kills any
|
|
172
|
+
// "1 card visible but wrong one" bug.
|
|
173
|
+
await expect(page.locator('[data-node-card]')).toHaveCount(1);
|
|
174
|
+
await expect(page.locator('[data-node-alias="both-tags"]')).toHaveCount(1);
|
|
175
|
+
});
|
|
176
|
+
|
|
177
|
+
test('TAGS: AND-empty result — copy echoes the specific filter conditions', async ({ page, context }) => {
|
|
178
|
+
await login(context);
|
|
179
|
+
await mockCommon(page, HUB_STATUS_TAGS, HUB_NODES_TAGS);
|
|
180
|
+
await page.goto(`${BASE}/nodes`);
|
|
181
|
+
await expect(page.locator('[data-testid="filter-tags-row"]').first()).toBeVisible({ timeout: 15000 });
|
|
182
|
+
// prod + canary — no node has BOTH ('both-tags' has prod+db, 'b-only'
|
|
183
|
+
// has db+canary). AND intersection is empty. This is the exact
|
|
184
|
+
// scenario 通信龙 flagged: silent 0-result looks like a data-sync
|
|
185
|
+
// bug; the copy must echo "no nodes with both prod AND canary".
|
|
186
|
+
await page.locator('button[data-tag="prod"]').click();
|
|
187
|
+
await page.locator('button[data-tag="canary"]').click();
|
|
188
|
+
await page.waitForTimeout(500);
|
|
189
|
+
|
|
190
|
+
const bodyText = await page.locator('body').innerText();
|
|
191
|
+
// Filter-echoing empty-state names the specific tags (English locale
|
|
192
|
+
// is the runtime default; also match Chinese as a safety net for
|
|
193
|
+
// locale flips in future).
|
|
194
|
+
expect(bodyText).toMatch(/prod/);
|
|
195
|
+
expect(bodyText).toMatch(/canary/);
|
|
196
|
+
expect(bodyText).toMatch(/No nodes match the current attribute filters|没有节点符合当前属性筛选/);
|
|
197
|
+
// The specific "all of tags: prod AND canary" copy must appear —
|
|
198
|
+
// this is what makes the AND-empty state distinguishable from a
|
|
199
|
+
// data-sync bug (通信龙 review requirement).
|
|
200
|
+
expect(bodyText).toMatch(/all of tags:\s*prod\s+AND\s+canary|同时具有标签\s*prod\s+和\s+canary/);
|
|
201
|
+
// Generic "No nodes match your filters" (older status/search copy)
|
|
202
|
+
// MUST NOT show up when attribute filters are active.
|
|
203
|
+
expect(bodyText).not.toContain('No nodes match your filters');
|
|
204
|
+
});
|
|
205
|
+
|
|
206
|
+
test('COLD START: no attrs — team select + tag chip row are hidden', async ({ page, context }) => {
|
|
207
|
+
await login(context);
|
|
208
|
+
await mockCommon(page, HUB_STATUS_COLD, HUB_NODES_COLD);
|
|
209
|
+
await page.goto(`${BASE}/nodes`);
|
|
210
|
+
await expect(page.locator('h1', { hasText: 'Nodes' }).first()).toBeVisible({ timeout: 15000 });
|
|
211
|
+
await page.waitForTimeout(500);
|
|
212
|
+
|
|
213
|
+
// Neither filter control should render — nothing to filter by.
|
|
214
|
+
expect(await page.locator('[data-testid="filter-team"]').count()).toBe(0);
|
|
215
|
+
expect(await page.locator('[data-testid="filter-tags-row"]').count()).toBe(0);
|
|
216
|
+
|
|
217
|
+
// Nodes ARE visible (untagged-1, untagged-2).
|
|
218
|
+
const bodyText = await page.locator('body').innerText();
|
|
219
|
+
expect(bodyText).toContain('untagged-1');
|
|
220
|
+
expect(bodyText).toContain('untagged-2');
|
|
221
|
+
});
|
|
222
|
+
});
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,16657,e=>{"use strict";var t=e.i(77535);e.s(["previewContent",0,function(e){return e&&e.replace(/!\[([^\]]*)\]\([^)]*\)/g,"$1").replace(/\[([^\]]+)\]\([^)]*\)/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/\s+/g," ").trim()||"--"},"timeAgo",0,function(e){return(0,t.relativeAgo)(e)??"--"}])},31595,10418,e=>{"use strict";var t=e.i(26387),s=e.i(51071);let a="anet_avatars_v1",r="anet-avatars-updated",n=null,l=[],i=!1;function d(){try{let e=JSON.parse(window.localStorage.getItem(a)||"{}");return e&&"object"==typeof e?e:{}}catch{return{}}}function o(e){return e&&(d()[e]||n?.[e]||function(e){if(!l.length)return"";let t=5381;for(let s=0;s<e.length;s++)t=(t<<5)+t+e.charCodeAt(s)>>>0;return l[t%l.length]}(e))||""}let c=0;function x(e){i||(i=!0,fetch("/avatars/manifest.json",{cache:"no-cache"}).then(e=>e.ok?e.json():null).then(e=>{if(e&&"object"==typeof e&&!Array.isArray(e)){let t={};for(let[s,a]of Object.entries(e))!s.startsWith("_")&&"string"==typeof a&&a.startsWith("/")&&(t[s]=a);let s=e._pool;l=Array.isArray(s)?s.filter(e=>"string"==typeof e&&e.startsWith("/")):[],n=t,window.dispatchEvent(new Event(r))}}).catch(()=>{}));let t=()=>{c++,e()};return window.addEventListener(r,t),window.addEventListener("storage",t),()=>{window.removeEventListener(r,t),window.removeEventListener("storage",t)}}function u(e){return(0,s.useSyncExternalStore)(x,()=>o(e),()=>"")}e.s(["getAvatarUrl",0,o,"setAvatarUrl",0,function(e,t){if(e)try{let s=d();t.trim()?s[e]=t.trim():delete s[e],window.localStorage.setItem(a,JSON.stringify(s)),window.dispatchEvent(new Event(r))}catch{}},"useAvatarUrl",0,u,"useAvatarsVersion",0,function(){return(0,s.useSyncExternalStore)(x,()=>c,()=>0)}],10418);let m=[180,200,220,270,300,330,30,90];function h(e){let t=0;for(let s=0;s<e.length;s++)t=31*t+e.charCodeAt(s)>>>0;let s=m[t%m.length];return{bg:`hsl(${s} 55% 22%)`,ring:`hsl(${s} 60% 45%)`,text:`hsl(${s} 80% 78%)`}}function p(e){return e?(e.trim().match(/[\p{L}\p{N}]/u)?.[0]||e.trim()[0]||"·").toUpperCase():"·"}e.s(["AliasAvatar",0,function({alias:e,size:a=28,className:r=""}){let n=u(e),[l,i]=(0,s.useState)("loading"),[d,o]=(0,s.useState)(n);if(n!==d&&(o(n),i("loading")),n&&"error"!==l)return(0,t.jsx)("span",{className:`anet-alias-avatar relative inline-flex shrink-0 overflow-hidden rounded-full border border-[var(--border)] ${"loading"===l?"animate-pulse bg-[var(--bg-elevated)]":""} ${r}`,style:{width:a,height:a},title:e,"aria-hidden":!0,children:(0,t.jsx)("img",{src:n,alt:"",loading:"lazy",onLoad:()=>i("ready"),onError:()=>i("error"),className:`h-full w-full rounded-full object-cover transition-opacity duration-150 ${"ready"===l?"opacity-100":"opacity-0"}`})});if(/\bgrok\b|grok-build|grok测试员|grok-demo/i.test(e))return(0,t.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border border-emerald-500/45 bg-emerald-950/70 shrink-0 ${r}`,style:{width:a,height:a,backgroundImage:"url(/vendors/grok.svg)",backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"68% 68%"},title:e,"aria-hidden":!0});let c=h(e),x=Math.max(9,Math.round(.42*a));return(0,t.jsx)("span",{className:`anet-alias-avatar inline-flex items-center justify-center rounded-full border shrink-0 font-semibold ${r}`,style:{width:a,height:a,fontSize:x,backgroundColor:c.bg,borderColor:c.ring,color:c.text},title:e,"aria-hidden":!0,children:p(e)})},"aliasAvatarColors",0,h,"aliasInitial",0,p],31595)},2786,e=>{"use strict";var t=e.i(26387),s=e.i(51071),a=e.i(41065);let r={nodes:{title:"No agents in this network",sub:"Agent sessions will appear here once they connect to the CommHub."},tasks:{title:"No tasks yet",sub:"Tasks will appear here when agents send them via CommHub."},messages:{title:"No messages",sub:"Messages between agents will appear here."},logs:{title:"No audit logs",sub:"Events will appear here when users register, login, or perform actions."},tokens:{title:"No API tokens",sub:"Create one to authenticate CLI tools and external integrations."},networks:{title:"No networks found",sub:"Create one or sign in with V3 auth to see your networks."},generic:{title:"Nothing here yet",sub:"Data will appear here once available."}};function n({variant:e,size:s}){let a={width:s,height:s},r={fill:"none",stroke:"currentColor",strokeWidth:1.25,strokeLinecap:"round",strokeLinejoin:"round"};switch(e){case"nodes":return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("circle",{cx:"32",cy:"14",r:"4"}),(0,t.jsx)("circle",{cx:"14",cy:"44",r:"4"}),(0,t.jsx)("circle",{cx:"50",cy:"44",r:"4"}),(0,t.jsx)("line",{x1:"32",y1:"18",x2:"14",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,t.jsx)("line",{x1:"32",y1:"18",x2:"50",y2:"40",strokeDasharray:"3 3",opacity:"0.6"}),(0,t.jsx)("line",{x1:"18",y1:"44",x2:"46",y2:"44",strokeDasharray:"3 3",opacity:"0.6"})]})});case"tasks":return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("rect",{x:"14",y:"14",width:"36",height:"6",rx:"1.5"}),(0,t.jsx)("rect",{x:"14",y:"26",width:"36",height:"6",rx:"1.5",opacity:"0.6"}),(0,t.jsx)("rect",{x:"14",y:"38",width:"36",height:"6",rx:"1.5",opacity:"0.35"})]})});case"messages":return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("path",{d:"M14 18 h36 a3 3 0 0 1 3 3 v18 a3 3 0 0 1 -3 3 h-18 l-8 6 v-6 h-10 a3 3 0 0 1 -3 -3 v-18 a3 3 0 0 1 3 -3 z"}),(0,t.jsx)("line",{x1:"22",y1:"28",x2:"42",y2:"28",opacity:"0.5"}),(0,t.jsx)("line",{x1:"22",y1:"34",x2:"36",y2:"34",opacity:"0.5"})]})});case"logs":return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("path",{d:"M18 12 h22 l8 8 v32 a2 2 0 0 1 -2 2 h-28 a2 2 0 0 1 -2 -2 v-38 a2 2 0 0 1 2 -2 z"}),(0,t.jsx)("path",{d:"M40 12 v8 h8",opacity:"0.6"}),(0,t.jsx)("line",{x1:"24",y1:"32",x2:"40",y2:"32",opacity:"0.55"}),(0,t.jsx)("line",{x1:"24",y1:"38",x2:"40",y2:"38",opacity:"0.4"}),(0,t.jsx)("line",{x1:"24",y1:"44",x2:"34",y2:"44",opacity:"0.25"})]})});case"tokens":return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("circle",{cx:"22",cy:"32",r:"8"}),(0,t.jsx)("line",{x1:"30",y1:"32",x2:"54",y2:"32"}),(0,t.jsx)("line",{x1:"44",y1:"32",x2:"44",y2:"38"}),(0,t.jsx)("line",{x1:"50",y1:"32",x2:"50",y2:"40"})]})});case"networks":return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("circle",{cx:"32",cy:"32",r:"18"}),(0,t.jsx)("ellipse",{cx:"32",cy:"32",rx:"18",ry:"9",opacity:"0.55"}),(0,t.jsx)("line",{x1:"14",y1:"32",x2:"50",y2:"32",opacity:"0.55"}),(0,t.jsx)("line",{x1:"32",y1:"14",x2:"32",y2:"50",opacity:"0.55"})]})});default:return(0,t.jsx)("svg",{viewBox:"0 0 64 64",...a,children:(0,t.jsxs)("g",{...r,children:[(0,t.jsx)("circle",{cx:"32",cy:"32",r:"14",strokeDasharray:"3 3",opacity:"0.6"}),(0,t.jsx)("circle",{cx:"32",cy:"32",r:"3"})]})})}}function l({variant:e="generic",title:s,sub:i,cta:d,compact:o=!1}){let c=r[e],x=s??c.title,u=i??c.sub;return(0,t.jsxs)("div",{className:`text-center ${o?"py-8":"py-16"} px-4`,role:"status",children:[(0,t.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,t.jsx)(n,{variant:e,size:o?40:56})}),(0,t.jsx)("h3",{className:`font-medium text-gray-300 ${o?"text-sm":"text-base"}`,children:x}),u&&(0,t.jsx)("p",{className:`text-gray-500 ${o?"text-xs mt-1.5":"text-sm mt-2"} max-w-md mx-auto leading-relaxed`,children:u}),d&&(0,t.jsx)("div",{className:"mt-4",children:d.href?(0,t.jsxs)(a.default,{href:d.href,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[d.label,(0,t.jsx)("span",{"aria-hidden":!0,children:"→"})]}):(0,t.jsxs)("button",{onClick:d.onClick,className:"inline-flex items-center gap-1.5 text-sm font-medium text-cyan-400 hover:text-cyan-300",children:[d.label,(0,t.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})}function i({children:e}){return(0,t.jsx)("div",{className:"max-w-2xl mx-auto rounded-xl border border-[#26262b] bg-[#161618] shadow-lg shadow-black/20",children:e})}function d({cmd:e}){let[a,r]=(0,s.useState)(!1),n=async()=>{try{await navigator.clipboard.writeText(e),r(!0),setTimeout(()=>r(!1),1800)}catch{}};return(0,t.jsxs)("div",{className:"anet-empty-cmd flex items-start sm:items-center gap-2 bg-[#0e0e10] border border-[#26262b] rounded-lg pl-4 pr-1.5 py-1.5 text-xs sm:text-sm",children:[(0,t.jsx)("code",{className:"text-cyan-300 font-mono select-all min-w-0 break-all sm:break-normal",children:e}),(0,t.jsx)("button",{type:"button",onClick:n,"aria-label":a?"Copied":"Copy command",className:"shrink-0 rounded-md px-2 py-1.5 text-[11px] text-gray-500 hover:text-gray-200 hover:bg-[#1c1c1f] transition-colors",children:a?(0,t.jsxs)("span",{className:"flex items-center gap-1 text-green-400",children:[(0,t.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,t.jsx)("path",{d:"M20 6 9 17l-5-5"})}),"Copied"]}):(0,t.jsxs)("span",{className:"flex items-center gap-1",children:[(0,t.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),(0,t.jsx)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),"Copy"]})})]})}e.s(["EmptyState",0,l,"NodesEmptyState",0,function({hint:e,taskHistoryCount:s=0}){return e?.global_count?(0,t.jsx)(i,{children:(0,t.jsx)(l,{variant:"nodes",title:"No agents in this network",sub:`Server has ${e.global_count} nodes globally, but none are registered to the current network. Switch network or contact admin.`})}):s>0?(0,t.jsx)(i,{children:(0,t.jsx)(l,{variant:"nodes",title:"No agents online",sub:`Every agent in this network is currently offline. ${s.toLocaleString()} task${1===s?"":"s"} in history — they may have finished their work or disconnected.`,cta:{label:"View task history",href:"/tasks"}})}):(0,t.jsx)(i,{children:(0,t.jsxs)("div",{className:"text-center py-16 px-4",role:"status",children:[(0,t.jsx)("div",{className:"anet-empty-glyph inline-flex items-center justify-center mb-4 text-gray-500","aria-hidden":!0,children:(0,t.jsx)("svg",{viewBox:"0 0 64 64",width:56,height:56,children:(0,t.jsxs)("g",{stroke:"currentColor",strokeWidth:"1.5",fill:"none",children:[(0,t.jsx)("rect",{x:"10",y:"20",width:"44",height:"28",rx:"2"}),(0,t.jsx)("rect",{x:"20",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,t.jsx)("rect",{x:"32",y:"32",width:"6",height:"8",opacity:"0.5"}),(0,t.jsx)("rect",{x:"44",y:"32",width:"4",height:"8",opacity:"0.5"}),(0,t.jsx)("line",{x1:"10",y1:"26",x2:"54",y2:"26",opacity:"0.4"}),(0,t.jsx)("circle",{cx:"14",cy:"23",r:"0.8",fill:"currentColor"})]})})}),(0,t.jsx)("h3",{className:"font-medium text-gray-300 text-base",children:"Spin up your first agent"}),(0,t.jsx)("p",{className:"text-gray-500 text-sm mt-2 max-w-md mx-auto leading-relaxed",children:"Run this in a fresh terminal to register an agent with this CommHub:"}),(0,t.jsx)("div",{className:"mt-4 inline-block",children:(0,t.jsx)(d,{cmd:"npx --yes @sleep2agi/agent-network init"})}),(0,t.jsx)("p",{className:"text-gray-600 text-xs mt-3 max-w-md mx-auto",children:"Once the agent connects, it appears here automatically within a few seconds — no refresh needed."}),(0,t.jsx)("div",{className:"mt-3",children:(0,t.jsxs)("a",{href:"https://anet.sh",target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 text-xs font-medium text-gray-500 hover:text-cyan-300",children:["Full quickstart guide",(0,t.jsx)("span",{"aria-hidden":!0,children:"→"})]})})]})})}])},65151,e=>{"use strict";e.s(["SESSION_STATUS_CHIP_CLASS",0,{working:"bg-green-500/10 text-green-300 border-green-500/20",idle:"bg-gray-500/10 text-gray-300 border-gray-500/20",blocked:"bg-yellow-500/10 text-yellow-300 border-yellow-500/20",error:"bg-red-500/10 text-red-300 border-red-500/20",offline:"bg-gray-500/10 text-gray-500 border-gray-500/20"},"SESSION_STATUS_TEXT_CLASS",0,{working:"text-green-400",idle:"text-gray-400",blocked:"text-yellow-400",error:"text-red-400",offline:"text-gray-500"},"STATUS_BAR_CLASS",0,{created:"bg-gray-500",delivered:"bg-gray-400",acked:"bg-gray-300",running:"bg-green-500",replied:"bg-gray-400",closed:"bg-gray-600",failed:"bg-red-500",cancelled:"bg-gray-600",expired:"bg-gray-600"},"STATUS_CHIP_CLASS",0,{created:"bg-gray-500/10 text-gray-400 border-gray-500/20",delivered:"bg-gray-500/10 text-gray-300 border-gray-500/20",acked:"bg-gray-500/10 text-gray-300 border-gray-500/20",running:"bg-green-500/10 text-green-300 border-green-500/20",replied:"bg-gray-500/10 text-gray-300 border-gray-500/20",closed:"bg-gray-500/10 text-gray-500 border-gray-500/20",failed:"bg-red-500/10 text-red-300 border-red-500/20",cancelled:"bg-gray-500/10 text-gray-500 border-gray-500/20",expired:"bg-gray-500/10 text-gray-500 border-gray-500/20"},"STATUS_DOT_HEX",0,{created:"#9ca3af",delivered:"#9ca3af",acked:"#9ca3af",running:"#4ade80",replied:"#9ca3af",closed:"#6b7280",failed:"#f87171",cancelled:"#6b7280",expired:"#6b7280"},"TASK_STATUSES",0,["created","delivered","acked","running","replied","closed","failed","cancelled","expired"]])},50632,e=>{"use strict";var t=e.i(26387),s=e.i(51071);let a=new Set(["png","jpg","jpeg","gif","webp","mp4","webm","mov"]),r=new Set(["image/png","image/jpeg","image/gif","image/webp"]),n=new Set(["video/mp4","video/webm"]),l=/^[A-Za-z0-9_-]{8,64}$/;async function i(e){let t=await fetch(`/api/hub/files/${encodeURIComponent(e)}`,{credentials:"include"});if(!t.ok)throw Error(`HTTP ${t.status}`);let s=t.headers.get("x-verified-type"),a=s&&(r.has(s)||n.has(s))?s:null,l=await t.blob(),i=a?new Blob([l],{type:a}):l;return{blobUrl:URL.createObjectURL(i),verifiedType:a,blob:i}}function d(e){let t=e.lastIndexOf(".");return t>=0?e.slice(t+1).toLowerCase():""}function o({fileId:e,name:a,size:n,onNotInlineable:l}){let d="number"==typeof n&&n<=5242880,[c,x]=(0,s.useState)(null),[u,m]=(0,s.useState)(!1),[h,p]=(0,s.useState)(!1),g=(0,s.useRef)(l);g.current=l;let b=(0,s.useCallback)(async()=>{if(!u&&!c){m(!0);try{let{blobUrl:t,verifiedType:s}=await i(e);if(!s||!r.has(s)){URL.revokeObjectURL(t),g.current();return}x(t)}catch{p(!0)}finally{m(!1)}}},[e,u,c]);return((0,s.useEffect)(()=>{d&&b()},[d,b]),(0,s.useEffect)(()=>{if(c)return()=>URL.revokeObjectURL(c)},[c]),h)?(0,t.jsx)("div",{className:"mt-2 rounded-lg border border-amber-500/20 bg-amber-500/5 px-3 py-2 text-sm text-amber-200",children:"图片加载失败 · 请点击下方下载按钮查看"}):c?(0,t.jsx)("div",{className:"mt-2 overflow-hidden rounded-lg border border-white/10 bg-black/20",children:(0,t.jsx)("img",{src:c,alt:a,className:"block max-h-[50vh] w-auto max-w-full cursor-zoom-in object-contain",onClick:()=>window.open(c,"_blank","noopener")})}):(0,t.jsxs)("button",{type:"button",onClick:b,disabled:u,className:"mt-2 flex w-full items-center gap-2 rounded-lg border border-cyan-500/20 bg-cyan-500/5 px-3 py-2 text-left text-sm text-cyan-100 transition hover:border-cyan-400/40 hover:bg-cyan-500/10 disabled:cursor-wait disabled:opacity-60",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"text-lg",children:"🖼️"}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:a}),(0,t.jsx)("span",{className:"shrink-0 text-xs text-cyan-300",children:u?"加载中…":"点击查看"})]})}function c({fileId:e,name:a,onNotInlineable:r}){let[l,d]=(0,s.useState)(null),[o,x]=(0,s.useState)(!1),[u,m]=(0,s.useState)(!1),h=(0,s.useRef)(r);h.current=r;let p=(0,s.useCallback)(async()=>{if(!o&&!l){x(!0);try{let{blobUrl:t,verifiedType:s}=await i(e);if(!s||!n.has(s)){URL.revokeObjectURL(t),h.current();return}d(t)}catch{m(!0)}finally{x(!1)}}},[e,o,l]);return((0,s.useEffect)(()=>{if(l)return()=>URL.revokeObjectURL(l)},[l]),u)?(0,t.jsx)("div",{className:"mt-2 rounded-lg border border-amber-500/20 bg-amber-500/5 px-3 py-2 text-sm text-amber-200",children:"视频加载失败 · 请点击下方下载按钮查看"}):l?(0,t.jsx)("div",{className:"mt-2 overflow-hidden rounded-lg border border-white/10 bg-black/20",children:(0,t.jsx)("video",{src:l,controls:!0,autoPlay:!0,className:"block max-h-[50vh] w-full",children:"您的浏览器不支持内联视频播放,请下载后查看。"})}):(0,t.jsxs)("button",{type:"button",onClick:p,disabled:o,className:"mt-2 flex w-full items-center gap-2 rounded-lg border border-cyan-500/20 bg-cyan-500/5 px-3 py-2 text-left text-sm text-cyan-100 transition hover:border-cyan-400/40 hover:bg-cyan-500/10 disabled:cursor-wait disabled:opacity-60",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"text-lg",children:"🎬"}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:a}),(0,t.jsx)("span",{className:"shrink-0 text-xs text-cyan-300",children:o?"加载中…":"▶ 播放"})]})}e.s(["AttachmentBlock",0,function({attachment:e}){var i,x;let u,m,[h,p]=(0,s.useState)(!1),[g,b]=(0,s.useState)(null),[y,f]=(0,s.useState)(!1),j=function(e){if("string"!=typeof e||0===e.length)return"file";let t=e.replace(/[/\\]/g,"_").replace(/[\r\n\t\0]/g,"_");for(;t.startsWith(".");)t=t.slice(1);return t.length>200&&(t=t.slice(0,200)),t||"file"}(e.name),v="string"!=typeof(i=e.mime)?"":i.replace(/[^a-zA-Z0-9./+-]/g,"").slice(0,100),N="number"!=typeof(x=e.size)||!Number.isFinite(x)||x<0?"":x<1024?`${x} B`:x<1048576?`${(x/1024).toFixed(1)} KB`:x<0x40000000?`${(x/1024/1024).toFixed(1)} MB`:`${(x/1024/1024/1024).toFixed(2)} GB`,w=(u=(v||"").toLowerCase(),m=(j.split(".").pop()||"").toLowerCase(),u.startsWith("image/")?"🖼️":u.startsWith("video/")?"🎬":u.startsWith("audio/")?"🎵":u.includes("pdf")||"pdf"===m?"📄":["ppt","pptx"].includes(m)?"📊":["doc","docx"].includes(m)?"📝":["xls","xlsx","csv"].includes(m)?"📈":["zip","tar","gz","rar","7z"].includes(m)?"📦":"📎"),k="string"==typeof e.file_id&&l.test(e.file_id),S=k&&!y&&function(e,t){if(r.has(t)||n.has(t))return!0;let s=d(e);return""!==s&&a.has(s)}(j,v),C=d(j),_=S?n.has(v)||["mp4","webm","mov"].includes(C)?"video":"image":null;async function $(){if(!k||!e.file_id)return;b(null),p(!0);let t=null;try{let s=await fetch(`/api/hub/files/${encodeURIComponent(e.file_id)}`,{credentials:"include"});if(!s.ok)throw Error(`HTTP ${s.status}`);let a=await s.blob();t=URL.createObjectURL(a);let r=document.createElement("a");r.href=t,r.download=j,r.rel="noopener",document.body.appendChild(r),r.click(),document.body.removeChild(r)}catch(e){b(e instanceof Error?e.message:String(e))}finally{t&&URL.revokeObjectURL(t),p(!1)}}return k?(0,t.jsxs)("div",{className:"mt-2 flex flex-col",children:["image"===_&&e.file_id&&(0,t.jsx)(o,{fileId:e.file_id,name:j,size:"number"==typeof e.size?e.size:void 0,onNotInlineable:()=>f(!0)}),"video"===_&&e.file_id&&(0,t.jsx)(c,{fileId:e.file_id,name:j,onNotInlineable:()=>f(!0)}),(0,t.jsxs)("button",{type:"button",onClick:$,disabled:h,className:"flex w-full items-center gap-2 rounded-lg border border-cyan-500/20 bg-cyan-500/5 px-3 py-2 text-left text-sm text-cyan-100 transition hover:border-cyan-400/40 hover:bg-cyan-500/10 disabled:cursor-wait disabled:opacity-60 mt-2 first:mt-0",title:`Download ${j}`,children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"text-lg",children:w}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:j}),N&&(0,t.jsx)("span",{className:"shrink-0 text-xs text-neutral-400",children:N}),v&&(0,t.jsx)("span",{className:"shrink-0 rounded bg-white/5 px-1.5 py-0.5 text-[10px] text-neutral-400",children:v}),(0,t.jsx)("span",{className:"shrink-0 text-xs text-cyan-300",children:h?"下载中…":g?`⚠ ${g}`:"↓ 下载"})]})]}):(0,t.jsxs)("div",{className:"mt-2 flex items-center gap-2 rounded-lg border border-white/10 bg-white/5 px-3 py-2 text-sm text-neutral-300",children:[(0,t.jsx)("span",{"aria-hidden":!0,children:w}),(0,t.jsx)("span",{className:"min-w-0 flex-1 truncate",children:j}),N&&(0,t.jsx)("span",{className:"shrink-0 text-xs text-neutral-500",children:N}),(0,t.jsx)("span",{className:"shrink-0 text-xs text-neutral-500",title:"Attachment has no file_id — single-host path only. Ask the sender to re-upload.",children:"(host-local)"})]})},"extractAttachments",0,function(e){if(!e||"object"!=typeof e)return[];let t=e.meta;if(!t&&"string"==typeof e.meta_json&&e.meta_json.length>0)try{t=JSON.parse(e.meta_json)}catch{return[]}if(!t||"object"!=typeof t)return[];let s=t.attachments;return Array.isArray(s)?s.filter(e=>!!e&&"object"==typeof e).map(e=>({file_id:"string"==typeof e.file_id?e.file_id:void 0,path:"string"==typeof e.path?e.path:void 0,name:"string"==typeof e.name?e.name:void 0,mime:"string"==typeof e.mime?e.mime:void 0,size:"number"==typeof e.size?e.size:void 0,type:"string"==typeof e.type?e.type:void 0})):[]}])},61371,37360,e=>{"use strict";var t=e.i(51071);let s=null,a=!1,r=new Set,n=new Map;function l(e){return r.add(e),()=>void r.delete(e)}e.s(["pinyinMatch",0,function(t,l){let i=l.trim().toLowerCase();if(!i||t.toLowerCase().includes(i))return!0;if(s||a||(a=!0,e.A(32567).then(e=>{s=t=>[e.pinyin(t,{toneType:"none",type:"array"}).join("").toLowerCase(),e.pinyin(t,{pattern:"first",toneType:"none",type:"array"}).join("").toLowerCase()],r.forEach(e=>e())}).catch(()=>{a=!1})),!s)return!1;let d=n.get(t);return d||(d=s(t),n.set(t,d)),d[0].includes(i)||d[1].includes(i)},"usePinyinReady",0,function(){return(0,t.useSyncExternalStore)(l,()=>!!s,()=>!1)}],61371),e.s(["t",0,function(e,t){return"u">typeof navigator&&(navigator.language||"").toLowerCase().startsWith("zh")?e:t}],37360)},33941,e=>{"use strict";var t=e.i(26387),s=e.i(51071);e.s(["useCollapsibleSearch",0,function(e){let{value:a}=e,[r,n]=(0,s.useState)(!1),l=(0,s.useRef)(e);l.current=e;let i=(0,s.useRef)(r);i.current=r;let d=(0,s.useCallback)(()=>{l.current.onChange(""),n(!1)},[]),[o]=(0,s.useState)(()=>({Button:()=>{let{value:e,label:s="Search",enabled:a=!0}=l.current,r=i.current;if(!a)return(0,t.jsx)(t.Fragment,{});let d=r||e;return(0,t.jsxs)("button",{type:"button",onClick:()=>n(e=>!e),"aria-label":r?`Close ${s.toLowerCase()}`:`Open ${s.toLowerCase()}`,"aria-pressed":r,title:r?`Close ${s.toLowerCase()}`:s,className:`relative shrink-0 inline-flex items-center justify-center rounded-full border w-9 h-9 transition-colors ${d?"border-cyan-500/40 bg-cyan-500/10 text-cyan-300":"border-[#26262b] bg-[#161618] text-gray-400 hover:text-gray-200 hover:border-[#3a3a41]"}`,children:[(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})}),e&&!r&&(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute -top-0.5 -right-0.5 w-2 h-2 rounded-full bg-cyan-400 ring-2 ring-[#0b0b0d]"})]})},Row:()=>{let{value:e,onChange:s,placeholder:a="Search…",enabled:r=!0}=l.current,n=i.current;return r&&(n||e)?(0,t.jsxs)("div",{className:"mb-3 sm:mb-4 flex items-center gap-2",children:[(0,t.jsx)("input",{type:"text",value:e,onChange:e=>s(e.target.value),onKeyDown:e=>{"Escape"===e.key&&d()},placeholder:a,autoFocus:n,className:"flex-1 bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,t.jsx)("button",{type:"button",onClick:d,className:"shrink-0 text-xs text-gray-500 hover:text-gray-300 px-2 py-2","aria-label":"Clear and close search",children:"Cancel"})]}):null}}));return{Button:o.Button,Row:o.Row,value:a,reset:d}}])},86087,e=>{"use strict";var t=e.i(26387),s=e.i(51071),a=e.i(97940);function r(e){return e.trim().replace(/[-]+/g," ").toLowerCase()}function n({alias:e,nodeId:a,snapshot:l,onClose:i,onSaved:d}){let[o,c]=(0,s.useState)(l.display_name??""),[x,u]=(0,s.useState)(l.team??""),[m,h]=(0,s.useState)(l.tags),[p,g]=(0,s.useState)(""),[b,y]=(0,s.useState)(!1),[f,j]=(0,s.useState)(null),[v,N]=(0,s.useState)(null),[w,k]=(0,s.useState)(null),[S,C]=(0,s.useState)(null),[_,$]=(0,s.useState)(l.attrs_revision),E=(0,s.useRef)(null),L=(0,s.useRef)(!1);(0,s.useEffect)(()=>{$(l.attrs_revision),L.current||(c(l.display_name??""),u(l.team??""),h(l.tags))},[l.attrs_revision,l.display_name,l.team,l.tags]),(0,s.useEffect)(()=>{let e=e=>{"Escape"===e.key&&(e.stopPropagation(),i())};return document.addEventListener("keydown",e,!0),()=>document.removeEventListener("keydown",e,!0)},[i]);let A=()=>{L.current=!0},T=()=>{let e=p.trim();if(!e)return;if(e.length>64)return void j("标签不能超过 64 字符");if(m.length>=16)return void j("最多 16 个标签");if(m.includes(e))return void g("");let t=r(e),s=m.find(e=>r(e)===t);s?C(`「${e}」和已有的「${s}」可能会被服务端当作同一个(保存时告诉你结果)`):C(null),h([...m,e]),g(""),j(null),A()},I=async()=>{if(b)return;j(null),N(null),k(null),C(null),y(!0);let e=function(e){let t=[];for(let s of e){if("string"!=typeof s)continue;let e=s.trim();if(0!==e.length&&!(e.length>64)&&(t.push(e),t.length>=16))break}return t}(m);try{let t={base_attrs_revision:_,display_name:o.trim().length>0?o.trim():null,team:x.trim().length>0?x.trim():null,tags:e},s=await fetch(`/api/hub/nodes/${encodeURIComponent(a)}/attrs`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),n=await s.json().catch(()=>({ok:!1,message:`HTTP ${s.status}`}));if(409===s.status){let e="number"==typeof n.current_attrs_revision?n.current_attrs_revision:null;N(e),j(n.message||"编辑冲突");return}if(!s.ok||!n.ok)return void j(n.message||`保存失败 (HTTP ${s.status})`);let l=Array.isArray(n.tags)?n.tags:[],m=function(e,t){let s=new Set(t.map(e=>r(e))),a=[],n=new Map;for(let a of e){let e=r(a);if(!s.has(e))continue;let l=t.find(t=>r(t)===e);if(l&&l!==a){let e=n.get(l)??[];a!==l&&e.push(a),e.length>0&&n.set(l,e)}}for(let[e,t]of n)t.length>0&&a.push(`「${t.join("」、「")}」已合并到「${e}」`);let l=new Set(e.map(e=>r(e))),i=e.filter(e=>{let t=r(e);return!s.has(t)&&l.has(t)});return i.length>0&&a.push(`「${i.join("」、「")}」被清理(含控制字符或格式不合规)`),a}(e,l);h(l),("string"==typeof n.display_name||null===n.display_name)&&c(n.display_name??""),("string"==typeof n.team||null===n.team)&&u(n.team??""),"number"==typeof n.attrs_revision&&$(n.attrs_revision),L.current=!1,d(),m.length>0?k(m):i()}catch(e){j(e instanceof Error?e.message:String(e))}finally{y(!1)}};return(0,t.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",onClick:i,children:(0,t.jsxs)("div",{ref:E,role:"dialog","aria-label":`编辑节点 ${e} 属性`,"aria-modal":"true",className:"w-full max-w-md rounded-lg border border-[#26262b] bg-[#161618] p-4 shadow-2xl",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("h2",{className:"text-base font-semibold text-white",children:"编辑属性"}),(0,t.jsxs)("p",{className:"mt-0.5 truncate text-xs text-gray-500",children:["节点:",(0,t.jsx)("span",{className:"text-gray-300",children:e}),(0,t.jsx)("span",{className:"mx-1.5 text-gray-700",children:"·"}),"修订版本:",(0,t.jsx)("span",{className:"text-gray-300",children:_})]})]}),(0,t.jsx)("button",{type:"button",onClick:i,"aria-label":"关闭",className:"shrink-0 rounded-md p-1 text-gray-500 hover:bg-white/5 hover:text-white",children:"×"})]}),(0,t.jsxs)("div",{className:"mt-4 space-y-4",children:[(0,t.jsxs)("label",{className:"block",children:[(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"显示名 · display_name"}),(0,t.jsx)("input",{type:"text",value:o,onChange:e=>{c(e.target.value),A(),j(null)},maxLength:120,placeholder:"留空以清除",className:"mt-1 w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"}),(0,t.jsxs)("span",{className:"mt-1 block text-[10px] text-gray-500",children:["仅用于显示,不影响别人 @ 你的路由名(alias 保持 ",(0,t.jsx)("code",{className:"text-gray-400",children:e}),")"]})]}),(0,t.jsxs)("label",{className:"block",children:[(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"团队 · team"}),(0,t.jsx)("input",{type:"text",value:x,onChange:e=>{u(e.target.value),A(),j(null)},maxLength:120,placeholder:"如:Comm / 商务组 / Bots",className:"mt-1 w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none"})]}),(0,t.jsxs)("div",{children:[(0,t.jsxs)("span",{className:"text-xs text-gray-400",children:["标签 · tags(最多 ",16," 个)"]}),(0,t.jsx)("div",{className:"mt-1 flex flex-wrap gap-1.5",children:m.map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full border border-cyan-500/20 bg-cyan-500/5 px-2 py-0.5 text-xs text-cyan-100",children:[e,(0,t.jsx)("button",{type:"button",onClick:()=>{h(m.filter(t=>t!==e)),A()},"aria-label":`移除 ${e}`,className:"text-cyan-400/70 hover:text-red-300",children:"×"})]},e))}),(0,t.jsxs)("div",{className:"mt-2 flex gap-2",children:[(0,t.jsx)("input",{type:"text",value:p,onChange:e=>g(e.target.value),onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),T())},maxLength:64,placeholder:"新标签(回车添加)",className:"flex-1 rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-white placeholder-gray-600 focus:border-cyan-500/40 focus:outline-none",disabled:m.length>=16}),(0,t.jsx)("button",{type:"button",onClick:T,disabled:!p.trim()||m.length>=16,className:"rounded-md border border-cyan-500/30 bg-cyan-500/10 px-3 py-2 text-xs text-cyan-100 hover:bg-cyan-500/20 disabled:cursor-not-allowed disabled:opacity-40",children:"添加"})]}),S&&(0,t.jsx)("div",{className:"mt-1 text-[10px] text-amber-300/80",role:"status",children:S})]})]}),w&&w.length>0&&(0,t.jsxs)("div",{className:"mt-3 rounded-md border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-xs text-amber-100",children:[(0,t.jsx)("div",{className:"mb-1 font-semibold",children:"已保存 — 服务端做了这些整理:"}),(0,t.jsx)("ul",{className:"list-disc space-y-0.5 pl-4",children:w.map((e,s)=>(0,t.jsx)("li",{children:e},s))}),(0,t.jsx)("div",{className:"mt-1 text-[10px] text-amber-200/60",children:"以上是服务端的实存结果,已同步到此表单"})]}),f&&(0,t.jsxs)("div",{className:"mt-3 rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:[f,null!==v&&(0,t.jsxs)("div",{className:"mt-2 flex items-center gap-2",children:[(0,t.jsxs)("span",{className:"text-red-300/70",children:["最新版本:",v]}),(0,t.jsx)("button",{type:"button",onClick:()=>{L.current=!1,d(),N(null),j(null)},className:"ml-auto rounded border border-red-500/40 bg-red-500/10 px-2 py-0.5 text-red-100 hover:bg-red-500/20",children:"重新加载最新值"})]})]}),(0,t.jsxs)("div",{className:"mt-4 flex items-center justify-end gap-2",children:[(0,t.jsx)("button",{type:"button",onClick:i,disabled:b,className:"rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-gray-300 hover:bg-white/5 disabled:opacity-50",children:"取消"}),(0,t.jsx)("button",{type:"button",onClick:I,disabled:b,className:"rounded-md bg-cyan-600 px-3 py-2 text-sm text-white hover:bg-cyan-500 disabled:cursor-wait disabled:opacity-50",children:b?"保存中…":"保存"})]})]})})}function l(){let{data:e}=(0,a.default)("/api/anet/node-lifecycle",e=>fetch(e).then(e=>e.json()),{revalidateOnFocus:!1,dedupingInterval:6e4,shouldRetryOnError:!1});return e?.ok&&e.tools?e.tools:null}async function i(e,t){try{let s=await fetch("/api/anet/node-lifecycle",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:e,...t})});return{...await s.json().catch(()=>({})),httpStatus:s.status}}catch(e){return{ok:!1,error:"network_error",message:e instanceof Error?e.message:String(e),httpStatus:0}}}function d({alias:e,nodeId:a,networkId:r,onClose:n,onCompleted:l}){let[o,c]=(0,s.useState)(!1),[x,u]=(0,s.useState)(!1),[m,h]=(0,s.useState)(null);(0,s.useEffect)(()=>{let e=e=>{"Escape"!==e.key||o||n()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[n,o]);let p=m&&"number"==typeof m.in_flight_count?m.in_flight_count:0,g=async()=>{c(!0),h(null);let e=await i("stop",{node_id:a,...r?{network_id:r}:{},...x?{force:!0}:{}});(c(!1),e.ok)?l():h(e)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"fixed inset-0 z-40 bg-black/50",onClick:o?void 0:n,"aria-hidden":!0}),(0,t.jsxs)("div",{role:"dialog","aria-label":`停止节点 ${e}`,className:"fixed left-1/2 top-1/2 z-50 w-[min(92vw,420px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-[#26262b] bg-[#161618] shadow-2xl",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-white",children:"停止节点"}),(0,t.jsx)("button",{onClick:o?void 0:n,"aria-label":"关闭",className:"text-gray-500 hover:text-white",children:"×"})]}),(0,t.jsxs)("div",{className:"space-y-3 px-4 py-4",children:[(0,t.jsxs)("div",{className:"text-sm text-gray-300",children:["将停止 ",(0,t.jsx)("span",{className:"font-mono text-cyan-300",children:e})," 子进程(SIGTERM,~10s 内)。配置目录保留,可通过「启动」恢复。"]}),m&&!1===m.ok&&(0,t.jsxs)("div",{className:"rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:[(0,t.jsx)("div",{className:"font-semibold",children:m.error}),m.message?(0,t.jsx)("div",{className:"mt-0.5 text-red-300/80",children:m.message}):null,"number"==typeof m.in_flight_count&&(0,t.jsxs)("div",{className:"mt-0.5 text-red-300/80",children:["当前 in-flight 任务: ",m.in_flight_count]}),m.hint?(0,t.jsx)("div",{className:"mt-1 text-red-300/60",children:m.hint}):null]}),(p>0||x)&&(0,t.jsxs)("label",{className:"flex items-start gap-2 rounded-md border border-amber-700/40 bg-amber-900/10 px-3 py-2 text-xs text-amber-200",children:[(0,t.jsx)("input",{type:"checkbox",checked:x,onChange:e=>u(e.target.checked),className:"mt-0.5"}),(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:"font-semibold text-amber-300",children:"强制停止"}),p>0?`(会丢弃 ${p} 条待处理任务)`:"(覆盖 in-flight 拒绝;hub 会写 audit 行)"]})]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-end gap-2 border-t border-[#26262b] px-4 py-3",children:[(0,t.jsx)("button",{type:"button",disabled:o,onClick:n,className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200 disabled:opacity-50",children:"取消"}),(0,t.jsx)("button",{type:"button",disabled:o||p>0&&!x,onClick:g,className:"rounded-md bg-cyan-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-cyan-500 disabled:cursor-not-allowed disabled:opacity-50",children:o?"停止中…":"确认停止"})]})]})]})}function o({alias:e,nodeId:a,networkId:r,onClose:n,onCompleted:l}){let[d,c]=(0,s.useState)(!1),[x,u]=(0,s.useState)(""),[m,h]=(0,s.useState)(!1),[p,g]=(0,s.useState)(!1),[b,y]=(0,s.useState)(null);(0,s.useEffect)(()=>{let e=e=>{"Escape"!==e.key||d||n()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[n,d]);let f=b&&"number"==typeof b.in_flight_count?b.in_flight_count:0,j=x===e,v=async()=>{if(!j)return;c(!0),y(null);let e=await i("delete",{node_id:a,confirm_alias:x,...r?{network_id:r}:{},...m?{force:!0}:{},...p?{delete_config:!1}:{}});(c(!1),e.ok)?l():y(e)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"fixed inset-0 z-40 bg-black/50",onClick:d?void 0:n,"aria-hidden":!0}),(0,t.jsxs)("div",{role:"dialog","aria-label":`删除节点 ${e}`,className:"fixed left-1/2 top-1/2 z-50 w-[min(94vw,480px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-red-700/40 bg-[#161618] shadow-2xl",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-red-300",children:"删除节点"}),(0,t.jsx)("button",{onClick:d?void 0:n,"aria-label":"关闭",className:"text-gray-500 hover:text-white",children:"×"})]}),(0,t.jsxs)("div",{className:"space-y-3 px-4 py-4 text-sm text-gray-300",children:[(0,t.jsx)("div",{children:"这将:"}),(0,t.jsxs)("ul",{className:"list-inside list-disc space-y-1 pl-2 text-xs text-gray-400",children:[(0,t.jsxs)("li",{children:["停止 ",(0,t.jsx)("span",{className:"font-mono text-cyan-300",children:e})," 子进程(SIGTERM ~10s)"]}),(0,t.jsx)("li",{children:"从 hub 注销该节点"}),(0,t.jsx)("li",{children:"撤销该节点的 ntok"}),!p&&(0,t.jsxs)("li",{children:["配置文件备份到 ",(0,t.jsxs)("code",{className:"text-amber-300",children:["~/.anet/deleted/<ts>-",e,"/"]}),"(30 天后自动清除)"]}),p&&(0,t.jsx)("li",{className:"text-amber-300",children:"配置文件保留原地(不备份不清理 — 你勾选了「保留配置」)"})]}),b&&!1===b.ok&&(0,t.jsxs)("div",{className:"rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:[(0,t.jsx)("div",{className:"font-semibold",children:b.error}),b.message?(0,t.jsx)("div",{className:"mt-0.5 text-red-300/80",children:b.message}):null,"number"==typeof b.in_flight_count&&(0,t.jsxs)("div",{className:"mt-0.5 text-red-300/80",children:["当前 in-flight 任务: ",b.in_flight_count]}),b.hint?(0,t.jsx)("div",{className:"mt-1 text-red-300/60",children:b.hint}):null]}),(f>0||m)&&(0,t.jsxs)("label",{className:"flex items-start gap-2 rounded-md border border-amber-700/40 bg-amber-900/10 px-3 py-2 text-xs text-amber-200",children:[(0,t.jsx)("input",{type:"checkbox",checked:m,onChange:e=>h(e.target.checked),className:"mt-0.5"}),(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:"font-semibold text-amber-300",children:"强制删除"}),f>0?`(会丢弃 ${f} 条待处理任务)`:"(覆盖 in-flight 拒绝)"]})]}),(0,t.jsxs)("label",{className:"flex items-center gap-2 text-xs text-gray-400",children:[(0,t.jsx)("input",{type:"checkbox",checked:p,onChange:e=>g(e.target.checked)}),"保留配置目录(不备份;高级用法)"]}),(0,t.jsxs)("label",{className:"block space-y-1",children:[(0,t.jsxs)("span",{className:"text-xs text-gray-400",children:["输入节点名字 ",(0,t.jsx)("span",{className:"font-mono text-cyan-300",children:e})," 确认"]}),(0,t.jsx)("input",{autoFocus:!0,value:x,onChange:e=>u(e.target.value),placeholder:e,className:"w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-gray-200 focus:border-red-500 focus:outline-none",autoCapitalize:"none",autoCorrect:"off",spellCheck:!1}),x&&!j&&(0,t.jsx)("span",{className:"text-[11px] text-red-400",children:"名字不匹配(区分大小写)"})]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-end gap-2 border-t border-[#26262b] px-4 py-3",children:[(0,t.jsx)("button",{type:"button",disabled:d,onClick:n,className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200 disabled:opacity-50",children:"取消"}),(0,t.jsx)("button",{type:"button",disabled:d||!j||f>0&&!m,onClick:v,className:"rounded-md bg-red-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-red-500 disabled:cursor-not-allowed disabled:opacity-50",children:d?"删除中…":`删除 ${e}`})]})]})]})}e.s(["NodeLifecycleMenu",0,function({nodeId:e,alias:a,lifecycleState:r,networkId:c,onCompleted:x,attrsSnapshot:u}){let m=l(),[h,p]=(0,s.useState)(!1),[g,b]=(0,s.useState)(!1),[y,f]=(0,s.useState)(!1),[j,v]=(0,s.useState)(!1),[N,w]=(0,s.useState)(!1),[k,S]=(0,s.useState)(null),C=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(!h)return;let e=e=>{C.current&&!C.current.contains(e.target)&&p(!1)},t=e=>{"Escape"===e.key&&p(!1)};return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[h]);let _=(0,s.useCallback)(async()=>{p(!1),S(null),w(!0);let t=await i("restart",{node_id:e,...c?{network_id:c}:{}});(w(!1),t.ok)?x?.():S(t)},[e,c,x]),$="string"==typeof r&&r.length>0?r:"active",E=[];return"stopping"===$||"deleting"===$?E.push({label:"stopping"===$?"停止中…":"删除中…",key:"loading",disabled:!0,onClick:()=>{}}):"active"===$?(E.push({label:N?"重启中…":"重启节点",key:"restart",disabled:N,onClick:_}),u&&E.push({label:"编辑属性",key:"edit-attrs",onClick:()=>{p(!1),v(!0)}}),(null===m||m.stop)&&E.push({label:"停止节点",key:"stop",onClick:()=>{p(!1),b(!0)}}),(null===m||m.delete)&&E.push({label:"删除节点",key:"delete",danger:!0,onClick:()=>{p(!1),f(!0)}})):"stopped"===$||"stop_failed"===$?(E.push({label:N?"启动中…":"启动节点",key:"restart",disabled:N,onClick:_}),u&&E.push({label:"编辑属性",key:"edit-attrs",onClick:()=>{p(!1),v(!0)}}),E.push({label:"删除节点",key:"delete",danger:!0,onClick:()=>{p(!1),f(!0)}})):E.push({label:`状态 ${$} (不识别)`,key:"unknown",disabled:!0,onClick:()=>{}}),(0,t.jsxs)("div",{ref:C,className:"relative inline-block",onClick:e=>e.stopPropagation(),children:[(0,t.jsx)("button",{type:"button","aria-label":`节点 ${a} 生命周期操作`,"aria-haspopup":"menu","aria-expanded":h,onClick:()=>p(e=>!e),className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-gray-400 hover:bg-white/5 hover:text-white focus:outline-none focus:ring-1 focus:ring-cyan-500/50",children:(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:[(0,t.jsx)("circle",{cx:"12",cy:"5",r:"1.6"}),(0,t.jsx)("circle",{cx:"12",cy:"12",r:"1.6"}),(0,t.jsx)("circle",{cx:"12",cy:"19",r:"1.6"})]})}),h&&(0,t.jsx)("div",{role:"menu",className:"absolute right-0 z-40 mt-1 w-44 overflow-hidden rounded-md border border-[#26262b] bg-[#161618] shadow-xl",children:E.map(e=>(0,t.jsx)("button",{type:"button",role:"menuitem",disabled:e.disabled,onClick:e.onClick,className:`block w-full px-3 py-2 text-left text-sm transition-colors ${e.disabled?"text-gray-600 cursor-not-allowed":e.danger?"text-red-300 hover:bg-red-900/20":"text-gray-200 hover:bg-white/5"}`,children:e.label},e.key))}),k&&!1===k.ok&&!g&&!y&&(0,t.jsx)("div",{className:"absolute right-0 z-40 mt-1 w-72 rounded-md border border-red-700/40 bg-red-900/20 px-3 py-2 text-xs text-red-200",children:(0,t.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("div",{className:"font-semibold",children:k.error||"error"}),k.message?(0,t.jsx)("div",{className:"mt-0.5 text-red-300/80",children:k.message}):null,"number"==typeof k.in_flight_count&&(0,t.jsxs)("div",{className:"mt-0.5 text-red-300/80",children:["in-flight: ",k.in_flight_count]}),k.hint?(0,t.jsx)("div",{className:"mt-1 text-red-300/60",children:k.hint}):null]}),(0,t.jsx)("button",{type:"button",onClick:()=>S(null),className:"shrink-0 text-red-400 hover:text-red-200","aria-label":"关闭",children:"×"})]})}),g&&(0,t.jsx)(d,{alias:a,nodeId:e,networkId:c,onClose:()=>b(!1),onCompleted:()=>{b(!1),x?.()}}),y&&(0,t.jsx)(o,{alias:a,nodeId:e,networkId:c,onClose:()=>f(!1),onCompleted:()=>{f(!1),x?.()}}),j&&u&&(0,t.jsx)(n,{alias:a,nodeId:e,snapshot:u,onClose:()=>v(!1),onSaved:()=>{x?.()}})]})},"useLifecycleCaps",0,l],86087)},76592,e=>{"use strict";var t=e.i(51071);let s="anet_chat_pin_v1",a="anet-chat-pin-updated";function r(){try{let e=JSON.parse(window.localStorage.getItem(s)||"[]");return new Set(Array.isArray(e)?e:[])}catch{return new Set}}function n(e){return!!e&&r().has(e)}let l=0;function i(e){let t=()=>{l++,e()};return window.addEventListener(a,t),window.addEventListener("storage",t),()=>{window.removeEventListener(a,t),window.removeEventListener("storage",t)}}e.s(["isPinned",0,n,"togglePin",0,function(e){if(e)try{let t=r();t.has(e)?t.delete(e):t.add(e),window.localStorage.setItem(s,JSON.stringify([...t])),window.dispatchEvent(new Event(a))}catch{}},"usePinVersion",0,function(){return(0,t.useSyncExternalStore)(i,()=>l,()=>0)},"usePinned",0,function(e){return(0,t.useSyncExternalStore)(i,()=>!!e&&n(e),()=>!1)}])},73842,e=>{"use strict";var t=e.i(26387),s=e.i(51071),a=e.i(16657),r=e.i(35361),n=e.i(73989),l=e.i(34844),i=e.i(1065);function d({networkId:e,value:a,onChange:r}){let[n,l]=(0,s.useState)("loading"),[i,x]=(0,s.useState)([]),[u,m]=(0,s.useState)(""),[h,p]=(0,s.useState)(!1);if((0,s.useEffect)(()=>{let t=!0;return l("loading"),m(""),fetch(e?`/api/anet/host-supervisors?network_id=${encodeURIComponent(e)}`:"/api/anet/host-supervisors",{cache:"no-store"}).then(e=>e.json().then(t=>({status:e.status,body:t}))).then(({status:e,body:s})=>{if(!t)return;if(501===e||s?.unconfirmed){l("unconfirmed"),m(s?.error||"hub /api/host-supervisors unavailable — upgrade to >=0.9.0-preview.8"),x([]);return}if(!s?.ok){l("error"),m(s?.error||`hub ${e}`),x([]);return}let n=Array.isArray(s.daemons)?s.daemons:[];x(n),l("ready"),1!==n.length||a||r(n[0].daemon_node_id,n[0])}).catch(e=>{t&&(l("error"),m(e instanceof Error?e.message:String(e)),x([]))}),()=>{t=!1}},[e]),"loading"===n)return(0,t.jsxs)("div",{className:"flex items-center gap-2 rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-3 text-xs text-gray-500",children:[(0,t.jsxs)("svg",{className:"h-3.5 w-3.5 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,t.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,t.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),"正在查询可用的 host_supervisor 节点…"]});if("unconfirmed"===n)return(0,t.jsxs)("div",{className:"rounded-md border border-amber-700/40 bg-amber-900/10 px-3 py-3 text-xs text-amber-200",children:[(0,t.jsx)("div",{className:"font-semibold mb-1",children:"hub 暂未升级"}),(0,t.jsx)("div",{className:"text-amber-200/80",children:u}),(0,t.jsxs)("div",{className:"mt-1 text-[11px] text-amber-200/60",children:["升级到 ",(0,t.jsx)("code",{className:"rounded bg-black/40 px-1 py-0.5",children:"@sleep2agi/commhub-server@0.9.0-preview.8"})," 后选服务器功能才会出现。"]})]});if("error"===n)return(0,t.jsxs)("div",{className:"rounded-md border border-red-700/40 bg-red-900/10 px-3 py-3 text-xs text-red-200",children:["查询 host_supervisor 节点失败:",u]});if(0===i.length)return(0,t.jsxs)("div",{className:"rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-4 text-xs text-gray-300",children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-gray-200",children:"还没有可用的 host_supervisor 节点"}),(0,t.jsx)("p",{className:"mt-1 text-gray-500",children:"要在某台机器上创建节点,先在那台机器上跑一次 daemon 初始化命令:"}),(0,t.jsx)("pre",{className:"mt-2 overflow-x-auto rounded bg-black/40 p-2 text-[11px] text-cyan-300",children:`# 任选一台目标机器(你的笔记本 / 一台服务器都行)
|
|
2
|
-
anet daemon up my-daemon`}),(0,t.jsx)("p",{className:"mt-2 text-gray-500",children:"注册成功后这里会自动出现,无需刷新。"})]});if(1===i.length&&!h){let e=i[0];return(0,t.jsxs)("div",{className:"rounded-md border border-cyan-700/40 bg-cyan-900/10 px-3 py-3 text-xs text-cyan-100",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"text-cyan-400/80",children:"将在"})," ",(0,t.jsx)("span",{className:"font-semibold",children:e.alias}),(0,t.jsxs)("span",{className:"text-cyan-300/60",children:[" (",e.hostname||"—",") "]}),(0,t.jsx)("span",{className:"text-cyan-400/80",children:"上创建"})]}),(0,t.jsx)("button",{type:"button",onClick:()=>p(!0),className:"text-[11px] text-cyan-400 hover:text-cyan-200 underline-offset-2 hover:underline",children:"详情 →"})]}),(0,t.jsx)(c,{runtimes:e.runtimes_supported,className:"mt-1"})]})}return(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between text-xs text-gray-400",children:[(0,t.jsxs)("span",{children:["选择一台 host_supervisor 节点(",i.length," 台在线)"]}),h&&1===i.length&&(0,t.jsx)("button",{type:"button",onClick:()=>p(!1),className:"text-[11px] text-gray-500 hover:text-gray-300",children:"← 折叠"})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3",children:i.map(e=>(0,t.jsx)(o,{daemon:e,selected:e.daemon_node_id===a,onClick:()=>r(e.daemon_node_id,e)},e.daemon_node_id))})]})}function o({daemon:e,selected:s,onClick:a}){let r=e.host_telemetry?.alert_level||"gray";return(0,t.jsxs)("button",{type:"button",onClick:a,"aria-pressed":s,className:`flex w-full flex-col gap-1.5 rounded-md border px-3 py-2.5 text-left text-xs transition-colors ${s?"border-cyan-600 bg-cyan-900/15 text-cyan-100":"border-[#26262b] bg-[#0e0e10] text-gray-300 hover:border-[#3a3a41]"}`,children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,t.jsx)("span",{className:"truncate font-semibold",children:e.alias}),(0,t.jsx)(x,{level:r})]}),(0,t.jsx)("div",{className:"truncate text-[11px] text-gray-500",children:e.hostname||"—"}),(0,t.jsx)(c,{runtimes:e.runtimes_supported}),(e.host_telemetry?.cpu_cores!=null||e.host_telemetry?.mem_gb!=null)&&(0,t.jsxs)("div",{className:"flex gap-3 text-[10px] text-gray-500",children:[e.host_telemetry?.cpu_cores!=null&&(0,t.jsxs)("span",{children:[e.host_telemetry.cpu_cores," 核"]}),e.host_telemetry?.mem_gb!=null&&(0,t.jsxs)("span",{children:[e.host_telemetry.mem_gb," GB"]})]})]})}function c({runtimes:e,className:s=""}){return e&&0!==e.length?(0,t.jsx)("div",{className:`flex flex-wrap gap-1 ${s}`,children:e.map(e=>(0,t.jsx)("span",{className:"rounded bg-[#1c1c1f] px-1.5 py-0.5 text-[10px] text-gray-400",children:e},e))}):(0,t.jsx)("div",{className:`text-[10px] text-gray-600 ${s}`,children:"runtimes_supported: —"})}function x({level:e}){return(0,t.jsx)("span",{className:`rounded border px-1.5 py-0.5 text-[10px] ${{green:"bg-green-600/20 text-green-300 border-green-700/40",yellow:"bg-amber-600/20 text-amber-300 border-amber-700/40",red:"bg-red-600/20 text-red-300 border-red-700/40",gray:"bg-gray-600/20 text-gray-400 border-gray-700/40"}[e]}`,children:{green:"正常",yellow:"注意",red:"警报",gray:"离线"}[e]})}let u=[{id:"claude-agent-sdk",label:"Claude Agent SDK",models:["deepseek-v4-pro","MiniMax-M3","claude-sonnet-4-6","claude-opus-4-x"],defaultModel:"claude-sonnet-4-6"},{id:"codex-sdk",label:"Codex SDK",models:["gpt-5.5"],defaultModel:"gpt-5.5"},{id:"grok-build-acp",label:"Grok (build-acp)",models:["grok-build"],defaultModel:"grok-build"}],m=["default","acceptEdits","plan","bypassPermissions"],h=["服务器","名字","Runtime","模型","参数","确认"];function p({networkId:e,onClose:a,onCreated:r}){let[n,l]=(0,s.useState)(0),[o,c]=(0,s.useState)(null),[x,g]=(0,s.useState)(null),[b,y]=(0,s.useState)(""),[f,j]=(0,s.useState)(u[0].id),[v,N]=(0,s.useState)(""),[w,k]=(0,s.useState)("default"),[S,C]=(0,s.useState)(""),[_,$]=(0,s.useState)(""),[E,L]=(0,s.useState)(""),[A,T]=(0,s.useState)("form"),[I,M]=(0,s.useState)(""),[U,R]=(0,s.useState)(!1),{networkId:z}=(0,i.useNetworkId)(),O=e||z;(0,s.useEffect)(()=>{let e=e=>{"Escape"===e.key&&"creating"!==A&&a()};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[a,A]),(0,s.useEffect)(()=>{if("done"!==A||U)return;let e=!0,t=0,s=b.trim(),a=async()=>{t+=1;try{let t=O?`/api/hub/status?network_id=${encodeURIComponent(O)}`:"/api/hub/status",a=await fetch(t,{cache:"no-store"}),r=await a.json().catch(()=>({})),n=Array.isArray(r?.sessions)?r.sessions:Array.isArray(r)?r:[];if(e&&n.some(e=>e?.alias===s))return void R(!0)}catch{}e&&t<16&&window.setTimeout(a,1500)},r=window.setTimeout(a,1200);return()=>{e=!1,window.clearTimeout(r)}},[A,U,O,b]);let P=u.find(e=>e.id===f)||u[0],B=b.trim().length>0,H=0===n&&!!o||1===n&&B||n>=2&&n<h.length,W="creating"===A;async function D(){T("creating"),M("");let t=e=>""===e.trim()?void 0:Number(e),s=v||P.defaultModel,a={name:b.trim(),runtime:f,model:s,flags:{permissionMode:w,maxTurns:t(S),budget:t(_),timeout:t(E)}};try{let t=await fetch("/api/anet/node-create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({node_spec:a,...o?{daemon_node_id:o}:{},...e?{network_id:e}:{}})}),s=await t.json().catch(()=>({}));t.ok&&s?.ok?(T("done"),M("创建请求已下发,节点正在拉起…"),r?.(s.result)):s?.unconfirmed?(T("unconfirmed"),M(`后端 create_node 未就绪:${s?.error||"不可用"}(测试 hub 可能未含 #299)`)):(T("error"),M(s?.error?`创建失败:${s.error}`:"创建失败"))}catch(e){T("error"),M(`创建失败:${e instanceof Error?e.message:"网络错误"}`)}}let F="w-full rounded-md border border-[#26262b] bg-[#0e0e10] px-3 py-2 text-sm text-gray-200 focus:border-cyan-600 focus:outline-none";return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40",onClick:a,"aria-hidden":!0}),(0,t.jsxs)("div",{role:"dialog","aria-label":"新建节点",className:"fixed left-1/2 top-1/2 z-50 w-[min(94vw,440px)] md:w-[min(92vw,720px)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-[#26262b] bg-[#161618] shadow-2xl",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between border-b border-[#26262b] px-4 py-3",children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-white",children:"新建节点"}),(0,t.jsx)("button",{onClick:a,"aria-label":"关闭",className:"inline-flex h-8 w-8 items-center justify-center rounded-md text-gray-500 hover:bg-white/5 hover:text-white",children:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M18 6 6 18M6 6l12 12"})})})]}),(0,t.jsx)("div",{className:"flex items-center gap-1.5 px-4 pt-3",children:h.map((e,s)=>(0,t.jsxs)("div",{className:"flex flex-1 flex-col items-center gap-1",children:[(0,t.jsx)("div",{className:`h-1 w-full rounded-full ${s<=n?"bg-cyan-500":"bg-[#26262b]"}`}),(0,t.jsx)("span",{className:`text-[10px] ${s===n?"text-cyan-300":"text-gray-600"}`,children:e})]},e))}),(0,t.jsx)("div",{className:"min-h-[180px] px-4 py-4",children:"form"!==A?(0,t.jsxs)("div",{className:"flex h-[180px] flex-col items-center justify-center gap-3 text-center",children:[W&&(0,t.jsxs)("svg",{className:"h-7 w-7 animate-spin text-cyan-400",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,t.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,t.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),(0,t.jsx)("div",{className:`text-sm ${"done"===A?"text-green-300":"error"===A?"text-red-300":"unconfirmed"===A?"text-amber-300":"text-gray-300"}`,children:W?"正在创建…":"done"===A&&U?`✓ ${b.trim()} 已上线`:I}),"done"===A&&(U?(0,t.jsx)("p",{className:"text-[11px] text-green-500/80",children:"节点已注册,已出现在节点列表。"}):(0,t.jsxs)("p",{className:"inline-flex items-center gap-1.5 text-[11px] text-gray-500",children:[(0,t.jsxs)("svg",{className:"h-3 w-3 animate-spin",viewBox:"0 0 24 24",fill:"none","aria-hidden":!0,children:[(0,t.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,t.jsx)("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),"正在监测 ",b.trim()," 注册…(最长 ~24s)"]}))]}):(0,t.jsxs)(t.Fragment,{children:[0===n&&(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"在哪台机器上创建"}),(0,t.jsx)(d,{networkId:O||void 0,value:o,onChange:(e,t)=>{c(e),g(t);let s=t?.runtimes_supported;s&&s.length>0&&!s.includes(f)&&(j(s[0]),N(""))}}),!o&&(0,t.jsxs)("p",{className:"text-[11px] text-gray-600",children:["没选服务器之前无法继续;如果列表是空的,按提示在目标机器上跑 ",(0,t.jsx)("code",{className:"rounded bg-black/40 px-1 py-0.5",children:"anet daemon up <name>"}),"。"]})]}),1===n&&(0,t.jsxs)("label",{className:"block space-y-1.5",children:[(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"节点名字"}),(0,t.jsx)("input",{autoFocus:!0,value:b,onChange:e=>y(e.target.value),placeholder:"例如 my-agent-1",className:F}),!B&&(0,t.jsx)("span",{className:"text-[11px] text-gray-600",children:"名字不能为空"})]}),2===n&&(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("span",{className:"text-xs text-gray-400",children:["Runtime",x?`(${x.alias} 支持)`:""]}),u.map(e=>{let s=x?.runtimes_supported,a=Array.isArray(s)&&s.length>0&&!s.includes(e.id),r=f===e.id;return(0,t.jsxs)("button",{type:"button",disabled:a,onClick:()=>{a||(j(e.id),N(""))},title:a?`${x?.alias||"该 daemon"} 未声明支持此 runtime`:void 0,className:`flex w-full items-center justify-between rounded-md border px-3 py-2 text-sm transition-colors ${a?"border-[#1c1c1f] bg-[#0a0a0c] text-gray-600 cursor-not-allowed":r?"border-cyan-600 bg-cyan-900/15 text-cyan-200":"border-[#26262b] bg-[#0e0e10] text-gray-300 hover:border-[#3a3a41]"}`,children:[(0,t.jsxs)("span",{children:[e.label,a&&(0,t.jsx)("span",{className:"ml-2 text-[10px] text-gray-700",children:"该 daemon 不支持"})]}),r&&!a&&(0,t.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M20 6 9 17l-5-5"})})]},e.id)})]}),3===n&&(0,t.jsxs)("label",{className:"block space-y-1.5",children:[(0,t.jsxs)("span",{className:"text-xs text-gray-400",children:["模型(",P.label,")"]}),(0,t.jsxs)("select",{value:v,onChange:e=>N(e.target.value),className:F,children:[(0,t.jsxs)("option",{value:"",children:["默认(",P.defaultModel,")"]}),P.models.map(e=>(0,t.jsx)("option",{value:e,children:e},e))]})]}),4===n&&(0,t.jsxs)("div",{className:"space-y-3",children:[(0,t.jsxs)("label",{className:"block space-y-1.5",children:[(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"permissionMode"}),(0,t.jsx)("select",{value:w,onChange:e=>k(e.target.value),className:F,children:m.map(e=>(0,t.jsx)("option",{value:e,children:e},e))})]}),(0,t.jsxs)("div",{className:"grid grid-cols-3 gap-2",children:[(0,t.jsxs)("label",{className:"space-y-1",children:[(0,t.jsx)("span",{className:"text-[11px] text-gray-500",children:"maxTurns"}),(0,t.jsx)("input",{inputMode:"numeric",value:S,onChange:e=>C(e.target.value),className:F})]}),(0,t.jsxs)("label",{className:"space-y-1",children:[(0,t.jsx)("span",{className:"text-[11px] text-gray-500",children:"budget"}),(0,t.jsx)("input",{inputMode:"numeric",value:_,onChange:e=>$(e.target.value),className:F})]}),(0,t.jsxs)("label",{className:"space-y-1",children:[(0,t.jsx)("span",{className:"text-[11px] text-gray-500",children:"timeout"}),(0,t.jsx)("input",{inputMode:"numeric",value:E,onChange:e=>L(e.target.value),className:F})]})]})]}),5===n&&(0,t.jsx)("div",{className:"space-y-2 text-sm",children:(0,t.jsx)("div",{className:"rounded-md border border-[#26262b] bg-[#0e0e10] divide-y divide-[#1c1c1f]",children:[["服务器",o?`${o.slice(0,24)}…`:"—"],["名字",b.trim()||"—"],["Runtime",P.label],["模型",v||`默认(${P.defaultModel})`],["permissionMode",w],["maxTurns / budget / timeout",`${S||"—"} / ${_||"—"} / ${E||"—"}`]].map(([e,s])=>(0,t.jsxs)("div",{className:"flex items-start justify-between gap-3 px-3 py-2",children:[(0,t.jsx)("span",{className:"shrink-0 text-gray-500 text-xs",children:e}),(0,t.jsx)("span",{className:"text-right text-gray-200 text-xs break-all",children:s})]},e))})})]})}),"form"===A?(0,t.jsxs)("div",{className:"flex items-center justify-between border-t border-[#26262b] px-4 py-3",children:[(0,t.jsx)("button",{type:"button",onClick:()=>0===n?a():l(n-1),className:"rounded-md px-3 py-1.5 text-sm text-gray-400 hover:text-gray-200",children:0===n?"取消":"上一步"}),n<h.length-1?(0,t.jsx)("button",{type:"button",disabled:!H,onClick:()=>l(n+1),className:`rounded-md px-4 py-1.5 text-sm font-medium ${H?"bg-cyan-600 text-white hover:bg-cyan-500":"bg-[#1c1c1f] text-gray-600 cursor-not-allowed"}`,children:"下一步"}):(0,t.jsx)("button",{type:"button",onClick:D,className:"rounded-md bg-green-600 px-4 py-1.5 text-sm font-medium text-white hover:bg-green-500",children:"创建节点"})]}):(0,t.jsxs)("div",{className:"flex items-center justify-end border-t border-[#26262b] px-4 py-3",children:[(0,t.jsx)("button",{type:"button",onClick:a,className:"rounded-md bg-[#1c1c1f] px-4 py-1.5 text-sm text-gray-200 hover:bg-[#26262b]",children:"done"===A?"完成":"关闭"}),("error"===A||"unconfirmed"===A)&&(0,t.jsx)("button",{type:"button",onClick:()=>T("form"),className:"ml-2 rounded-md bg-cyan-600 px-4 py-1.5 text-sm text-white hover:bg-cyan-500",children:"返回修改"})]})]})]})}var g=e.i(86087),b=e.i(2786),y=e.i(31595),f=e.i(65518),j=e.i(14642),v=e.i(76592),N=e.i(61371),w=e.i(33941),k=e.i(65151),S=e.i(93950),C=e.i(37360);function _(e){return e?e.length>12?`${e.slice(0,8)}…`:e:"—"}function $({alias:e}){return(0,f.useHasDraft)(e)?(0,t.jsx)("span",{className:"shrink-0 text-[9px] text-red-400/90","aria-label":(0,C.t)("有未发送草稿","Unsent draft"),children:(0,C.t)("[草稿]","[draft]")}):null}e.s(["default",0,function(){let{sessions:e,isLoading:i}=(0,r.useSessions)(),{health:d}=(0,r.useHealth)(),{lifecycleByAlias:o,nodeIdByAlias:c,attrsByAlias:x}=(0,r.useNodeLifecycle)(),{hasUnread:u,unreadCount:m,lastActivityAt:h}=(0,S.useChatUnread)(),{mutate:f}=(0,n.useSWRConfig)(),E=()=>{f(e=>"string"==typeof e&&(e.startsWith("/api/hub/nodes")||e.startsWith("/api/hub/status")))},L=d?.sse_sessions||{},A=e=>(e.network_id?L[`${e.network_id}:${e.alias}`]:void 0)??L[e.alias],[T,I]=(0,s.useState)(""),[M,U]=(0,s.useState)("");(0,N.usePinyinReady)(),(0,j.useMuteVersion)(),(0,v.usePinVersion)();let[R,z]=(0,s.useState)("list"),[O,P]=(0,s.useState)(null),[B,H]=(0,s.useState)(!1),W=(0,w.useCollapsibleSearch)({value:M,onChange:U,placeholder:(0,C.t)("搜索节点(支持拼音/首字母)…","Search nodes (pinyin ok)…"),label:"Search nodes",enabled:e.length>0}),D=(0,s.useRef)(new Map),F=Date.now(),K=(e,t)=>(t&&D.current.set(e,F),+(F-(D.current.get(e)||0)<6e4)),J=e.map(e=>({...e,online:!!A(e)})).filter(e=>"online"===T?e.online:"offline"===T?!e.online:!T||T===e.status).filter(e=>!M||(0,N.pinyinMatch)(e.alias,M)||(0,N.pinyinMatch)(e.agent||"",M)).sort((e,t)=>!!(0,v.isPinned)(t.alias)-!!(0,v.isPinned)(e.alias)||K(t.alias,t.online)-K(e.alias,e.online)||h(t.alias)-h(e.alias)),V=e.filter(e=>A(e)).length;return(0,t.jsxs)("div",{className:"min-h-screen max-w-full overflow-x-hidden bg-[#0b0b0d] text-gray-100 p-4 sm:p-6",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4 mb-4 sm:mb-6",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3 min-w-0 flex-1",children:[(0,t.jsx)("h1",{className:"text-2xl font-bold text-white lg:ml-0 ml-10",children:"Nodes"}),(0,t.jsxs)("span",{className:"text-xs bg-green-900/30 text-green-400 px-2 py-0.5 rounded-full border border-green-800/30 shrink-0",children:[V," online"]}),(0,t.jsxs)("span",{className:"text-xs bg-gray-900/30 text-gray-400 px-2 py-0.5 rounded-full border border-gray-800/30 shrink-0",children:[e.length," total"]})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 shrink-0",children:[(0,t.jsxs)("button",{type:"button",onClick:()=>H(!0),"aria-label":"新建节点",className:"inline-flex items-center gap-1 rounded-lg border border-cyan-700/50 bg-cyan-900/15 px-3 py-1.5 text-sm font-medium text-cyan-300 hover:bg-cyan-900/25 transition-colors",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"text-base leading-none",children:"+"}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"新建节点"})]}),(0,t.jsx)(W.Button,{})]})]}),B&&(0,t.jsx)(p,{onClose:()=>H(!1)}),(0,t.jsx)(W.Row,{}),e.length>0&&(0,t.jsxs)("div",{className:"flex flex-wrap gap-3 mb-4 sm:mb-6",children:[(0,t.jsxs)("select",{value:T,onChange:e=>I(e.target.value),className:"bg-[#161618] border border-[#26262b] rounded-lg px-3 py-2 text-base sm:text-sm text-white focus:border-blue-500/50 focus:outline-none",children:[(0,t.jsx)("option",{value:"",children:"All"}),(0,t.jsx)("option",{value:"online",children:"Online"}),(0,t.jsx)("option",{value:"offline",children:"Offline"}),(0,t.jsx)("option",{value:"working",children:"Working"}),(0,t.jsx)("option",{value:"idle",children:"Idle"}),(0,t.jsx)("option",{value:"blocked",children:"Blocked"}),(0,t.jsx)("option",{value:"error",children:"Error"})]}),(0,t.jsx)("div",{className:"hidden sm:flex ml-auto rounded-lg border border-[#26262b] bg-[#161618] p-1 text-sm",children:["list","grid"].map(e=>(0,t.jsx)("button",{type:"button",onClick:()=>z(e),className:`rounded-md px-3 py-1.5 transition-colors ${R===e?"bg-cyan-500/10 text-cyan-300":"text-gray-500 hover:text-gray-200"}`,children:"list"===e?"List":"Grid"},e))})]}),i?(0,t.jsx)("div",{className:"animate-pulse space-y-2",children:[1,2,3,4].map(e=>(0,t.jsx)("div",{className:"h-16 bg-gray-800/20 rounded-lg"},e))}):0===J.length?0===e.length?(0,t.jsx)(b.NodesEmptyState,{}):(0,t.jsx)(b.EmptyState,{variant:"nodes",title:"No nodes match your filters",sub:"Try clearing search or status filters, or wait for an agent to register."}):"grid"===R?(0,t.jsx)("div",{className:"grid min-w-0 grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",children:J.map(e=>{let s=e.online?e.status:"offline",r="number"==typeof e.progress?e.progress:0,n=u(e.alias);return(0,t.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>P(e.alias),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),P(e.alias))},className:`relative min-w-0 max-w-full overflow-hidden rounded-xl border border-[#26262b] bg-[#161618] p-4 transition-colors hover:border-cyan-500/40 cursor-pointer ${!e.online?"opacity-60":""}`,children:[!e.online&&(0,t.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,t.jsx)("span",{className:"rotate-[-20deg] rounded-xl border border-white/10 bg-black/20 px-5 py-2 text-xl font-bold uppercase tracking-[0.35em] text-white/10",children:"Offline"})}),(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsxs)("div",{className:"relative shrink-0",children:[(0,t.jsxs)("span",{className:"relative inline-flex shrink-0",children:[(0,t.jsx)(y.AliasAvatar,{alias:e.alias,size:36}),m(e.alias)>0&&(0,j.isMuted)(e.alias)&&(0,t.jsx)("span",{"aria-label":(0,C.t)("有未读(已静音)","Unread (muted)"),className:"absolute -top-0.5 -right-1 h-2.5 w-2.5 rounded-full bg-red-500/80 ring-2 ring-[#161618]"}),m(e.alias)>0&&!(0,j.isMuted)(e.alias)&&(0,t.jsx)("span",{"aria-label":(0,C.t)(`${m(e.alias)} 条未读`,`${m(e.alias)} unread`),className:"absolute -top-1 -right-1.5 min-w-[16px] h-4 px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-4 text-center ring-2 ring-[#161618]",children:m(e.alias)>99?"99+":m(e.alias)})]}),n&&(0,t.jsx)("span",{className:"absolute -right-1 -top-1 h-3 w-3 rounded-full border-2 border-[#161618] bg-red-500"})]}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{className:"truncate text-base font-semibold text-white",children:e.alias}),(0,t.jsx)($,{alias:e.alias}),n&&(0,t.jsx)("span",{className:"shrink-0 rounded-full bg-red-500/15 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-red-300",children:"New"}),(0,t.jsx)("span",{className:`shrink-0 rounded-md border px-2 py-0.5 text-[10px] uppercase tracking-wide ${k.SESSION_STATUS_CHIP_CLASS[s]||k.SESSION_STATUS_CHIP_CLASS.offline}`,children:s})]}),(0,t.jsxs)("div",{className:"mt-0.5 truncate text-xs text-gray-500",children:[e.agent||"—",(0,t.jsx)("span",{className:"text-gray-700 mx-1.5",children:"·"}),(0,t.jsx)("span",{title:e.server||"",children:_(e.server)})]})]}),(0,t.jsx)("span",{className:"hidden shrink-0 rounded-lg border border-cyan-500/15 bg-cyan-500/5 px-2 py-1 text-[10px] text-cyan-300/70 sm:inline",children:"Tap to chat"}),(0,t.jsx)(g.NodeLifecycleMenu,{nodeId:c[e.alias]||e.node_id||e.alias,alias:e.alias,lifecycleState:o[e.alias],networkId:e.network_id||null,onCompleted:E,attrsSnapshot:x[e.alias]})]}),(0,t.jsxs)("div",{className:"mt-3 rounded-lg border border-[#1c1c1f] bg-[#0e0e10] px-3 py-2 text-xs",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsx)("span",{className:"text-[10px] uppercase tracking-wide text-gray-600",children:"Current task"}),(0,t.jsx)("span",{className:"text-[10px] text-gray-600",children:(0,a.timeAgo)(e.last_seen_at||e.updated_at)})]}),(0,t.jsx)("div",{className:`mt-1 line-clamp-2 ${e.task?"text-gray-300":"text-gray-600 italic"}`,children:e.task||"No current task"})]}),r>0&&r<100&&(0,t.jsx)("div",{className:"mt-3 h-1.5 overflow-hidden rounded-full bg-gray-800",children:(0,t.jsx)("div",{className:"h-1.5 rounded-full bg-cyan-400 transition-all",style:{width:`${r}%`}})})]},e.alias)})}):(0,t.jsxs)("div",{className:"space-y-1 sm:space-y-2",children:[(0,t.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-10 gap-2 px-4 py-2 text-xs text-gray-600 uppercase",children:[(0,t.jsx)("div",{className:"col-span-1",children:"Status"}),(0,t.jsx)("div",{className:"col-span-2",children:"Alias"}),(0,t.jsx)("div",{className:"col-span-2",children:"Agent · Server"}),(0,t.jsx)("div",{className:"col-span-4",children:"Current Task"}),(0,t.jsx)("div",{className:"col-span-1",children:"Updated"})]}),J.map(e=>{let s=e.online?e.status:"offline",r=u(e.alias);return(0,t.jsxs)("div",{role:"button",tabIndex:0,onClick:()=>P(e.alias),onKeyDown:t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),P(e.alias))},className:`rounded-lg border border-[#26262b] bg-[#161618] px-3 py-2 sm:px-4 sm:py-3 transition-colors hover:border-cyan-500/40 cursor-pointer ${!e.online?"opacity-50":""}`,children:[(0,t.jsxs)("div",{className:"hidden sm:grid sm:grid-cols-10 gap-2 items-center",children:[(0,t.jsx)("div",{className:"col-span-1",children:(0,t.jsx)("span",{className:`text-xs px-2 py-0.5 rounded-md border ${k.SESSION_STATUS_CHIP_CLASS[s]||k.SESSION_STATUS_CHIP_CLASS.offline}`,children:s})}),(0,t.jsx)("div",{className:"col-span-2 min-w-0",children:(0,t.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,t.jsxs)("div",{className:"relative shrink-0",children:[(0,t.jsxs)("span",{className:"relative inline-flex shrink-0",children:[(0,t.jsx)(y.AliasAvatar,{alias:e.alias,size:20}),m(e.alias)>0&&(0,j.isMuted)(e.alias)&&(0,t.jsx)("span",{"aria-label":(0,C.t)("有未读(已静音)","Unread (muted)"),className:"absolute -top-1 -right-1 h-2 w-2 rounded-full bg-red-500/80"}),m(e.alias)>0&&!(0,j.isMuted)(e.alias)&&(0,t.jsx)("span",{"aria-label":(0,C.t)(`${m(e.alias)} 条未读`,`${m(e.alias)} unread`),className:"absolute -top-1.5 -right-2 min-w-[15px] h-[15px] px-1 rounded-full bg-red-500 text-white text-[9px] font-semibold leading-[15px] text-center",children:m(e.alias)>99?"99+":m(e.alias)})]}),r&&(0,t.jsx)("span",{className:"absolute -right-1 -top-1 h-2.5 w-2.5 rounded-full border border-[#161618] bg-red-500"})]}),(0,t.jsx)("span",{className:"truncate text-sm font-medium text-white",children:e.alias}),(0,t.jsx)($,{alias:e.alias}),r&&(0,t.jsx)("span",{className:"shrink-0 rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-300",children:"New"})]})}),(0,t.jsx)("div",{className:"col-span-2 truncate text-xs text-gray-400",title:e.server||"",children:(0,t.jsxs)("span",{className:"truncate",children:[e.agent||"--",(0,t.jsx)("span",{className:"text-gray-700 mx-1.5",children:"·"}),_(e.server)]})}),(0,t.jsx)("div",{className:"col-span-4 truncate text-xs text-gray-500",title:e.task||"",children:e.task||"--"}),(0,t.jsxs)("div",{className:"col-span-1 flex items-center justify-between gap-2 text-xs text-gray-500",children:[(0,t.jsx)("span",{className:"truncate",children:(0,a.timeAgo)(e.last_seen_at||e.updated_at)}),(0,t.jsx)(g.NodeLifecycleMenu,{nodeId:c[e.alias]||e.node_id||e.alias,alias:e.alias,lifecycleState:o[e.alias],networkId:e.network_id||null,onCompleted:E,attrsSnapshot:x[e.alias]})]})]}),(0,t.jsxs)("div",{className:"sm:hidden space-y-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,t.jsxs)("div",{className:"relative shrink-0",children:[(0,t.jsx)(y.AliasAvatar,{alias:e.alias,size:28}),r&&(0,t.jsx)("span",{className:"absolute -right-1 -top-1 h-3 w-3 rounded-full border-2 border-[#161618] bg-red-500"})]}),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 min-w-0",children:[(0,t.jsx)("div",{className:"truncate text-sm font-medium text-white",children:e.alias}),r&&(0,t.jsx)("span",{className:"shrink-0 rounded-full bg-red-500/15 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-red-300",children:"New"})]}),(0,t.jsxs)("div",{className:"truncate text-[10px] text-gray-500",children:[e.agent||"—"," · ",(0,a.timeAgo)(e.last_seen_at||e.updated_at)]})]}),(0,t.jsx)("span",{className:`shrink-0 text-xs px-2 py-0.5 rounded-md border ${k.SESSION_STATUS_CHIP_CLASS[s]||k.SESSION_STATUS_CHIP_CLASS.offline}`,children:s}),(0,t.jsx)(g.NodeLifecycleMenu,{nodeId:c[e.alias]||e.node_id||e.alias,alias:e.alias,lifecycleState:o[e.alias],networkId:e.network_id||null,onCompleted:E,attrsSnapshot:x[e.alias]})]}),e.task&&(0,t.jsx)("div",{className:"truncate text-xs text-gray-500",children:e.task})]})]},e.alias)})]}),O&&(0,t.jsx)(l.TaskChatPanel,{alias:O,onClose:()=>P(null)})]})}],73842)},32567,e=>{e.v(t=>Promise.all(["static/chunks/0z5k85v30uigc.js"].map(t=>e.l(t))).then(()=>t(51952)))}]);
|
|
File without changes
|