@yottameta/yotta-skills 0.25.0 → 0.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/README.md +2 -2
- package/README.zh-CN.md +2 -2
- package/SKILL.md +8 -4
- package/assets/view.html +731 -0
- package/bin/yotta-skills.js +71 -45
- package/lib/agent-dirs.js +1 -1
- package/lib/hub-scan.js +97 -0
- package/lib/hub-view-server.js +668 -0
- package/lib/hub.js +24 -5
- package/lib/install-snapshot.js +20 -6
- package/lib/skills-scan.js +1 -1
- package/package.json +1 -1
- package/references/hub.md +16 -0
- package/references/skill-list.md +1 -1
- package/scripts/yotta-skills-mcp.py +1 -1
- package/skill-manifest.json +1 -1
- package/skills.json +1 -1
package/assets/view.html
ADDED
|
@@ -0,0 +1,731 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="zh-CN">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
<meta name="robots" content="noindex,nofollow">
|
|
7
|
+
<meta name="yotta-view-token" content="__YOTTA_VIEW_TOKEN__">
|
|
8
|
+
<link rel="icon" href="data:,">
|
|
9
|
+
<title>元阁 · 技能枢纽</title>
|
|
10
|
+
<style>
|
|
11
|
+
:root{--bg:#0d1114;--bg2:#12171b;--panel:#171d22;--panel2:#1d242a;--line:rgba(148,190,170,.14);--line2:rgba(148,190,170,.28);
|
|
12
|
+
--text:#e9efe9;--muted:#9aa8a0;--faint:#6d7b74;--acc:#5fbf8f;--acc-ink:#0d1a13;--warn:#e0b263;--danger:#e07a7a;--info:#8fb4de;
|
|
13
|
+
--shadow:0 10px 28px rgba(0,0,0,.35)}
|
|
14
|
+
body.light{--bg:#f2f5f1;--bg2:#e9efea;--panel:#ffffff;--panel2:#f6f9f5;--line:rgba(24,58,44,.12);--line2:rgba(24,58,44,.24);
|
|
15
|
+
--text:#17211c;--muted:#5c6b63;--faint:#86958c;--acc:#2f7d59;--acc-ink:#ffffff;--warn:#9a6a14;--danger:#b23c3c;--info:#3c6ea5;
|
|
16
|
+
--shadow:0 8px 22px rgba(24,58,44,.08)}
|
|
17
|
+
*{box-sizing:border-box}[hidden]{display:none!important}
|
|
18
|
+
html,body{margin:0;padding:0}
|
|
19
|
+
body{background:var(--bg);color:var(--text);font:14px/1.6 "Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;letter-spacing:0}
|
|
20
|
+
button{font:inherit;color:inherit;cursor:pointer}
|
|
21
|
+
input,textarea{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line2);border-radius:6px;padding:8px 11px;outline:0;width:100%}
|
|
22
|
+
input:focus,textarea:focus{border-color:var(--acc)}
|
|
23
|
+
textarea{min-height:76px;resize:vertical}
|
|
24
|
+
code,kbd{font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:12px}
|
|
25
|
+
.sv{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
|
|
26
|
+
|
|
27
|
+
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
|
|
28
|
+
.sidebar{background:var(--bg2);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;min-width:0}
|
|
29
|
+
.brand{display:flex;align-items:center;gap:10px;padding:0 6px}
|
|
30
|
+
.brand-mark{width:34px;height:34px;border-radius:8px;background:rgba(95,191,143,.14);border:1px solid var(--line2);display:grid;place-items:center;color:var(--acc)}
|
|
31
|
+
.brand-name{font-size:15px;font-weight:600}
|
|
32
|
+
.brand-sub{font-size:11px;color:var(--faint)}
|
|
33
|
+
.nav{display:flex;flex-direction:column;gap:3px;min-width:0}
|
|
34
|
+
.nav button{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left}
|
|
35
|
+
.nav button:hover{background:var(--panel);color:var(--text)}
|
|
36
|
+
.nav button.active{background:var(--panel);color:var(--acc);border-color:var(--line)}
|
|
37
|
+
.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;min-width:0}
|
|
38
|
+
.privacy{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;background:var(--panel)}
|
|
39
|
+
.privacy .sv{color:var(--acc);margin-top:2px}
|
|
40
|
+
.ghost-btn{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:6px;padding:8px}
|
|
41
|
+
.ghost-btn:hover{color:var(--text);border-color:var(--line2)}
|
|
42
|
+
.verline{padding:0 6px;color:var(--faint);font-size:11px}
|
|
43
|
+
|
|
44
|
+
.main{min-width:0;padding:24px 28px 70px}
|
|
45
|
+
.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
|
|
46
|
+
.page-title{font-size:19px;font-weight:600;margin:0}
|
|
47
|
+
.page-sub{color:var(--faint);font-size:12px;margin-top:2px}
|
|
48
|
+
.spacer{flex:1}
|
|
49
|
+
.chip{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;white-space:nowrap}
|
|
50
|
+
.dot{width:7px;height:7px;border-radius:50%;background:var(--acc)}
|
|
51
|
+
|
|
52
|
+
.view{display:none}.view.active{display:block}
|
|
53
|
+
.grid{display:grid;gap:12px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
|
|
54
|
+
.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0}
|
|
55
|
+
.panel h3{margin:0 0 4px;font-size:14px}
|
|
56
|
+
.section{margin-top:16px}
|
|
57
|
+
.shead{display:flex;align-items:baseline;gap:10px;margin-bottom:9px;flex-wrap:wrap}
|
|
58
|
+
.shead h2{font-size:14px;margin:0}
|
|
59
|
+
.label{color:var(--muted);font-size:12px}
|
|
60
|
+
.value{font-size:25px;font-weight:600;margin:7px 0 2px}
|
|
61
|
+
.delta{font-size:12px;color:var(--muted)}
|
|
62
|
+
.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;word-break:break-all}
|
|
63
|
+
|
|
64
|
+
.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
|
|
65
|
+
.search{display:flex;align-items:center;gap:8px;min-width:230px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px 11px;color:var(--muted)}
|
|
66
|
+
.search input{background:transparent;border:0;padding:0;width:100%}
|
|
67
|
+
.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:6px;border:1px solid var(--line2);background:transparent;color:var(--text);white-space:nowrap}
|
|
68
|
+
.btn:hover{border-color:var(--acc)}
|
|
69
|
+
.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink);font-weight:600}
|
|
70
|
+
.btn.danger{border-color:rgba(224,122,122,.5);color:var(--danger)}
|
|
71
|
+
.btn.small{padding:4px 9px;font-size:12px}
|
|
72
|
+
.btn[disabled]{opacity:.45;cursor:not-allowed}
|
|
73
|
+
.ibtn{width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;border-radius:6px;color:var(--muted)}
|
|
74
|
+
.ibtn:hover{color:var(--text);border-color:var(--line2)}
|
|
75
|
+
|
|
76
|
+
table{width:100%;border-collapse:collapse}
|
|
77
|
+
th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}
|
|
78
|
+
th{color:var(--faint);font-weight:500;font-size:12px}
|
|
79
|
+
tbody tr:hover{background:var(--panel2)}
|
|
80
|
+
.cell-main{font-weight:600}
|
|
81
|
+
.cell-sub{color:var(--faint);font-size:11px;word-break:break-all}
|
|
82
|
+
|
|
83
|
+
.list{display:flex;flex-direction:column;gap:7px;margin-top:12px}
|
|
84
|
+
.row{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);min-width:0}
|
|
85
|
+
.row-main{flex:1;min-width:0}
|
|
86
|
+
.row-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
|
87
|
+
.row-meta{color:var(--faint);font-size:11px;margin-top:2px;word-break:break-all}
|
|
88
|
+
.row-actions{display:flex;gap:6px;flex-wrap:wrap}
|
|
89
|
+
.empty{color:var(--faint);text-align:center;padding:22px;border:1px dashed var(--line);border-radius:8px;margin-top:12px}
|
|
90
|
+
|
|
91
|
+
.badge{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);background:transparent;white-space:nowrap}
|
|
92
|
+
.badge.ok{color:var(--acc);border-color:rgba(95,191,143,.45);background:rgba(95,191,143,.10)}
|
|
93
|
+
.badge.warn{color:var(--warn);border-color:rgba(224,178,99,.45);background:rgba(224,178,99,.10)}
|
|
94
|
+
.badge.danger{color:var(--danger);border-color:rgba(224,122,122,.45);background:rgba(224,122,122,.10)}
|
|
95
|
+
.badge.info{color:var(--info);border-color:rgba(143,180,222,.45);background:rgba(143,180,222,.10)}
|
|
96
|
+
.dot-mark{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--faint)}
|
|
97
|
+
.dot-mark.ok{background:var(--acc)}.dot-mark.warn{background:var(--warn)}.dot-mark.danger{background:var(--danger)}
|
|
98
|
+
|
|
99
|
+
.banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line2);border-radius:8px;background:var(--panel2)}
|
|
100
|
+
.banner.ok{border-color:rgba(95,191,143,.45)}
|
|
101
|
+
.banner.danger{border-color:rgba(224,122,122,.45)}
|
|
102
|
+
.banner .sv{margin-top:2px;color:var(--acc)}
|
|
103
|
+
.banner.danger .sv{color:var(--danger)}
|
|
104
|
+
.banner-title{font-weight:600}
|
|
105
|
+
.banner-body{color:var(--muted);font-size:12px;margin-top:2px}
|
|
106
|
+
|
|
107
|
+
.kv{display:grid;grid-template-columns:96px 1fr;gap:5px 10px;font-size:13px;margin:10px 0}
|
|
108
|
+
.kv dt{color:var(--faint)}.kv dd{margin:0;word-break:break-all}
|
|
109
|
+
.variants{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px;display:flex;flex-direction:column;gap:5px}
|
|
110
|
+
.variant{display:flex;gap:9px;align-items:baseline;font-size:12px;color:var(--muted);flex-wrap:wrap}
|
|
111
|
+
.check{width:16px;height:16px;flex:none;accent-color:var(--acc)}
|
|
112
|
+
details summary{cursor:pointer;color:var(--muted);font-size:12px}
|
|
113
|
+
|
|
114
|
+
.actionbar{position:sticky;bottom:0;margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--line2);border-radius:8px;background:var(--bg2);box-shadow:var(--shadow)}
|
|
115
|
+
.result-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
|
|
116
|
+
.result{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-size:12px}
|
|
117
|
+
|
|
118
|
+
.mask{position:fixed;inset:0;background:rgba(0,0,0,.52);display:none;place-items:center;z-index:50;padding:18px}
|
|
119
|
+
.mask.open{display:grid}
|
|
120
|
+
.modal{width:min(600px,100%);max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--line2);border-radius:8px;padding:18px;box-shadow:var(--shadow)}
|
|
121
|
+
.modal h3{margin:0 0 10px;font-size:16px}
|
|
122
|
+
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
|
|
123
|
+
|
|
124
|
+
.toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;flex-direction:column;gap:7px;align-items:center;z-index:60}
|
|
125
|
+
.toast{background:var(--panel2);border:1px solid var(--line2);border-radius:999px;padding:8px 15px;box-shadow:var(--shadow);font-size:13px}
|
|
126
|
+
|
|
127
|
+
.cmd-group{margin-top:14px}
|
|
128
|
+
.cmd{display:flex;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);margin-top:6px}
|
|
129
|
+
.cmd code{flex:1;min-width:0;word-break:break-all;color:var(--text)}
|
|
130
|
+
.cmd .why{color:var(--faint);font-size:11px}
|
|
131
|
+
.note{color:var(--muted);font-size:12px;margin-top:8px}
|
|
132
|
+
|
|
133
|
+
@media (max-width:980px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
|
134
|
+
@media (max-width:760px){
|
|
135
|
+
.shell{grid-template-columns:minmax(0,1fr)}
|
|
136
|
+
.sidebar{position:static;height:auto;padding:13px;gap:11px}
|
|
137
|
+
.nav{flex-direction:row;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
|
|
138
|
+
.nav::-webkit-scrollbar{display:none}
|
|
139
|
+
.nav button{white-space:nowrap;padding:7px 9px}
|
|
140
|
+
.side-foot{margin-top:0;flex-direction:row;align-items:center}
|
|
141
|
+
.privacy{display:none}
|
|
142
|
+
.ghost-btn{flex:1;white-space:nowrap}
|
|
143
|
+
.verline{white-space:nowrap;text-align:right}
|
|
144
|
+
.main{padding:16px 14px 56px}
|
|
145
|
+
.g4,.g2{grid-template-columns:minmax(0,1fr)}
|
|
146
|
+
.search{min-width:100%}
|
|
147
|
+
table{display:block;overflow-x:auto;white-space:nowrap}
|
|
148
|
+
.row{flex-wrap:wrap}
|
|
149
|
+
}
|
|
150
|
+
</style>
|
|
151
|
+
</head>
|
|
152
|
+
<body>
|
|
153
|
+
<div class="shell">
|
|
154
|
+
<aside class="sidebar">
|
|
155
|
+
<div class="brand">
|
|
156
|
+
<div class="brand-mark"><svg class="sv" viewBox="0 0 24 24"><path d="M12 3 4 7v4c0 4.4 3.4 8.4 8 10 4.6-1.6 8-5.6 8-10V7z"/><path d="M9 12l2 2 4-4"/></svg></div>
|
|
157
|
+
<div><div class="brand-name">元阁 · 技能枢纽</div><div class="brand-sub">Hub 本地面板</div></div>
|
|
158
|
+
</div>
|
|
159
|
+
<nav class="nav" id="nav">
|
|
160
|
+
<button data-view="overview" class="active"><svg class="sv" viewBox="0 0 24 24"><path d="M3 10.5 12 3l9 7.5"/><path d="M5 9.5V21h14V9.5"/></svg>概览</button>
|
|
161
|
+
<button data-view="hosts"><svg class="sv" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="7" rx="2"/><rect x="3" y="13" width="18" height="7" rx="2"/><path d="M7 7.5h.01M7 16.5h.01"/></svg>宿主矩阵</button>
|
|
162
|
+
<button data-view="adopt"><svg class="sv" viewBox="0 0 24 24"><path d="M12 3v12"/><path d="m7 10 5 5 5-5"/><path d="M4 21h16"/></svg>收编向导</button>
|
|
163
|
+
<button data-view="links"><svg class="sv" viewBox="0 0 24 24"><path d="M10 13a5 5 0 0 0 7.1 0l2-2a5 5 0 0 0-7.1-7.1L11 4.9"/><path d="M14 11a5 5 0 0 0-7.1 0l-2 2A5 5 0 0 0 12 20.1l1-1"/></svg>链接与体检</button>
|
|
164
|
+
<button data-view="records"><svg class="sv" viewBox="0 0 24 24"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/><path d="M12 8v5l3 2"/></svg>记录与回滚</button>
|
|
165
|
+
<button data-view="route"><svg class="sv" viewBox="0 0 24 24"><circle cx="6" cy="6" r="2.5"/><circle cx="18" cy="18" r="2.5"/><path d="M8.5 6H15a3 3 0 0 1 0 6h-6a3 3 0 0 0 0 6h6.5"/></svg>路由与编排</button>
|
|
166
|
+
<button data-view="cli"><svg class="sv" viewBox="0 0 24 24"><path d="m4 7 5 5-5 5"/><path d="M12 19h8"/></svg>高级 CLI</button>
|
|
167
|
+
</nav>
|
|
168
|
+
<div class="side-foot">
|
|
169
|
+
<div class="privacy"><svg class="sv" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg><span>本机运行 · 零远程<br>写操作需页面令牌与确认</span></div>
|
|
170
|
+
<button class="ghost-btn" id="themeBtn"><svg class="sv" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M2 12h2M20 12h2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>切换主题</button>
|
|
171
|
+
<div class="verline" id="verLine"></div>
|
|
172
|
+
</div>
|
|
173
|
+
</aside>
|
|
174
|
+
|
|
175
|
+
<main class="main">
|
|
176
|
+
<div class="topbar">
|
|
177
|
+
<div><h1 class="page-title" id="pageTitle">概览</h1><div class="page-sub" id="pageSub">Hub 里有什么、健康吗、最近做了什么</div></div>
|
|
178
|
+
<div class="spacer"></div>
|
|
179
|
+
<button class="btn" id="refreshBtn"><svg class="sv" viewBox="0 0 24 24"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>刷新</button>
|
|
180
|
+
<div class="chip"><span class="dot"></span>本机 · 127.0.0.1</div>
|
|
181
|
+
</div>
|
|
182
|
+
|
|
183
|
+
<section class="view active" id="view-overview">
|
|
184
|
+
<div class="grid g4" id="ovCards"></div>
|
|
185
|
+
<div class="section" id="ovDoctor"></div>
|
|
186
|
+
<div class="section grid g2">
|
|
187
|
+
<div class="panel"><h3>Hub 内容</h3><div class="faint">技能真源在 Hub 目录,宿主目录通过链接分发。</div><div class="list" id="ovSkills"></div></div>
|
|
188
|
+
<div class="panel"><h3>最近动作</h3><div class="faint">收编 / 链接 / 解除都写入 Hub 审计。</div><div class="list" id="ovAudit"></div></div>
|
|
189
|
+
</div>
|
|
190
|
+
<div class="section panel">
|
|
191
|
+
<h3>Hub 位置</h3>
|
|
192
|
+
<div class="mono" id="ovHubDir">-</div>
|
|
193
|
+
<div class="toolbar section">
|
|
194
|
+
<button class="btn small" data-goto="adopt">去收编</button>
|
|
195
|
+
<button class="btn small" data-goto="links">去链接与体检</button>
|
|
196
|
+
<button class="btn small" data-goto="records">查看记录</button>
|
|
197
|
+
<button class="btn small" id="copyHubDir">复制路径</button>
|
|
198
|
+
</div>
|
|
199
|
+
</div>
|
|
200
|
+
</section>
|
|
201
|
+
|
|
202
|
+
<section class="view" id="view-hosts">
|
|
203
|
+
<div class="toolbar">
|
|
204
|
+
<label class="search"><svg class="sv" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg><input id="hostSearch" placeholder="过滤宿主 / 目录"></label>
|
|
205
|
+
<span class="label" id="hostSummary"></span>
|
|
206
|
+
</div>
|
|
207
|
+
<div class="section panel">
|
|
208
|
+
<table><thead><tr><th>宿主</th><th>技能目录</th><th>目录技能</th><th>指向 Hub</th><th>异常</th><th>状态</th></tr></thead><tbody id="hostRows"></tbody></table>
|
|
209
|
+
<div class="empty" id="hostEmpty" hidden>没有匹配的宿主目录。</div>
|
|
210
|
+
</div>
|
|
211
|
+
<div class="section panel"><h3>已安装标记(无技能目录的宿主)</h3><div class="list" id="hostMarks"></div></div>
|
|
212
|
+
</section>
|
|
213
|
+
|
|
214
|
+
<section class="view" id="view-adopt">
|
|
215
|
+
<div class="grid g4" id="adoptCards"></div>
|
|
216
|
+
<div class="section toolbar">
|
|
217
|
+
<label class="search"><svg class="sv" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg><input id="adoptSearch" placeholder="过滤技能 slug / 来源宿主"></label>
|
|
218
|
+
<button class="btn small" id="adoptAll">全选可收编</button>
|
|
219
|
+
<button class="btn small" id="adoptNone">清空</button>
|
|
220
|
+
<span class="spacer"></span>
|
|
221
|
+
<span class="label" id="adoptScanInfo"></span>
|
|
222
|
+
</div>
|
|
223
|
+
<div class="list" id="adoptList"></div>
|
|
224
|
+
<div class="empty" id="adoptEmpty" hidden>没有可收编的候选。先在宿主里安装技能,或刷新宿主矩阵。</div>
|
|
225
|
+
<div class="actionbar">
|
|
226
|
+
<span class="label">已选 <b id="adoptCount">0</b> 项</span>
|
|
227
|
+
<span class="spacer"></span>
|
|
228
|
+
<span class="faint">默认复制保真、原目录保留;冲突项默认跳过;执行时逐项运行元信扫描。</span>
|
|
229
|
+
<button class="btn primary" id="adoptApply">收编所选</button>
|
|
230
|
+
</div>
|
|
231
|
+
<div class="section panel" id="adoptResultsWrap" hidden><h3>收编结果</h3><div class="result-list" id="adoptResults"></div></div>
|
|
232
|
+
</section>
|
|
233
|
+
|
|
234
|
+
<section class="view" id="view-links">
|
|
235
|
+
<div id="linkDoctor"></div>
|
|
236
|
+
<div class="section panel">
|
|
237
|
+
<h3>分发目标</h3>
|
|
238
|
+
<div class="faint">把 Hub 技能链接到宿主目录(Windows junction / POSIX symlink);同名真目录默认跳过,不做静默覆盖。</div>
|
|
239
|
+
<div class="list" id="linkTargets"></div>
|
|
240
|
+
</div>
|
|
241
|
+
<div class="section panel">
|
|
242
|
+
<h3>当前链接</h3>
|
|
243
|
+
<table><thead><tr><th>技能</th><th>宿主</th><th>目标</th><th>状态</th><th></th></tr></thead><tbody id="linkRows"></tbody></table>
|
|
244
|
+
<div class="empty" id="linkEmpty" hidden>还没有任何链接。</div>
|
|
245
|
+
</div>
|
|
246
|
+
</section>
|
|
247
|
+
|
|
248
|
+
<section class="view" id="view-records">
|
|
249
|
+
<div class="toolbar">
|
|
250
|
+
<button class="btn small" data-tab="snapshots">回滚快照</button>
|
|
251
|
+
<button class="btn small" data-tab="evidence">安装 / 回滚证据</button>
|
|
252
|
+
<button class="btn small" data-tab="audit">Hub 审计</button>
|
|
253
|
+
<span class="spacer"></span>
|
|
254
|
+
<span class="label" id="recordsInfo"></span>
|
|
255
|
+
</div>
|
|
256
|
+
<div class="section panel" id="recSnapshots">
|
|
257
|
+
<table><thead><tr><th>技能</th><th>版本</th><th>时间</th><th>来源目录</th><th>状态</th><th></th></tr></thead><tbody id="snapshotRows"></tbody></table>
|
|
258
|
+
<div class="empty" id="snapshotEmpty" hidden>没有安装快照。快照由 install / update 写入。</div>
|
|
259
|
+
</div>
|
|
260
|
+
<div class="section panel" id="recEvidence" hidden>
|
|
261
|
+
<div class="list" id="evidenceRows"></div>
|
|
262
|
+
<div class="empty" id="evidenceEmpty" hidden>没有证据记录。</div>
|
|
263
|
+
</div>
|
|
264
|
+
<div class="section panel" id="recAudit" hidden>
|
|
265
|
+
<div class="list" id="auditRows"></div>
|
|
266
|
+
<div class="empty" id="auditEmpty" hidden>没有 Hub 审计记录。</div>
|
|
267
|
+
</div>
|
|
268
|
+
</section>
|
|
269
|
+
|
|
270
|
+
<section class="view" id="view-route">
|
|
271
|
+
<div class="panel">
|
|
272
|
+
<h3>一句话需求 → 技能组合</h3>
|
|
273
|
+
<div class="faint">只读调用静态 playbook(7 组)+ 动态路由块;安装建议只给命令,不在网页执行。</div>
|
|
274
|
+
<div class="toolbar section">
|
|
275
|
+
<label class="search" style="flex:1"><svg class="sv" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/></svg><input id="routeInput" placeholder="例如:帮我做发布前质量检查"></label>
|
|
276
|
+
<button class="btn primary" id="routeBtn">给出组合</button>
|
|
277
|
+
</div>
|
|
278
|
+
</div>
|
|
279
|
+
<div id="routeResult" class="section"></div>
|
|
280
|
+
</section>
|
|
281
|
+
|
|
282
|
+
<section class="view" id="view-cli">
|
|
283
|
+
<div class="banner">
|
|
284
|
+
<svg class="sv" viewBox="0 0 24 24"><path d="m4 7 5 5-5 5"/><path d="M12 19h8"/></svg>
|
|
285
|
+
<div><div class="banner-title">高级 CLI</div><div class="banner-body">低频 / 长尾命令在这里复制到终端执行;网页不代替终端运行安装与更新。</div></div>
|
|
286
|
+
</div>
|
|
287
|
+
<div id="cliGroups"></div>
|
|
288
|
+
</section>
|
|
289
|
+
</main>
|
|
290
|
+
</div>
|
|
291
|
+
|
|
292
|
+
<div class="mask" id="mask"><div class="modal" id="modal"></div></div>
|
|
293
|
+
<div class="toasts" id="toasts"></div>
|
|
294
|
+
|
|
295
|
+
<script>
|
|
296
|
+
(function () {
|
|
297
|
+
var TOKEN = (document.querySelector('meta[name="yotta-view-token"]') || {}).content || '';
|
|
298
|
+
var state = { view: 'overview', overview: null, hosts: null, adopt: null, selected: {}, records: null, tab: 'snapshots', hostFilter: '', adoptFilter: '' };
|
|
299
|
+
|
|
300
|
+
function $(sel) { return document.querySelector(sel); }
|
|
301
|
+
function esc(value) {
|
|
302
|
+
return String(value === null || value === undefined ? '' : value)
|
|
303
|
+
.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>')
|
|
304
|
+
.replace(/"/g, '"').replace(/'/g, ''');
|
|
305
|
+
}
|
|
306
|
+
function fmtTime(value) {
|
|
307
|
+
var ms = typeof value === 'number' ? value : Date.parse(value);
|
|
308
|
+
if (!ms || isNaN(ms)) return value ? String(value) : '-';
|
|
309
|
+
var d = new Date(ms);
|
|
310
|
+
function p(n) { return n < 10 ? '0' + n : '' + n; }
|
|
311
|
+
return d.getFullYear() + '-' + p(d.getMonth() + 1) + '-' + p(d.getDate()) + ' ' + p(d.getHours()) + ':' + p(d.getMinutes()) + ':' + p(d.getSeconds());
|
|
312
|
+
}
|
|
313
|
+
function toast(text) {
|
|
314
|
+
var el = document.createElement('div');
|
|
315
|
+
el.className = 'toast';
|
|
316
|
+
el.textContent = text;
|
|
317
|
+
$('#toasts').appendChild(el);
|
|
318
|
+
setTimeout(function () { el.remove(); }, 3200);
|
|
319
|
+
}
|
|
320
|
+
function copyText(text) {
|
|
321
|
+
if (navigator.clipboard && navigator.clipboard.writeText) {
|
|
322
|
+
navigator.clipboard.writeText(text).then(function () { toast('已复制'); }, function () { fallbackCopy(text); });
|
|
323
|
+
} else fallbackCopy(text);
|
|
324
|
+
}
|
|
325
|
+
function fallbackCopy(text) {
|
|
326
|
+
var ta = document.createElement('textarea');
|
|
327
|
+
ta.value = text; document.body.appendChild(ta); ta.select();
|
|
328
|
+
try { document.execCommand('copy'); toast('已复制'); } catch (e) { toast('复制失败,请手动选择'); }
|
|
329
|
+
ta.remove();
|
|
330
|
+
}
|
|
331
|
+
async function api(path, opts) {
|
|
332
|
+
opts = opts || {};
|
|
333
|
+
var init = { method: opts.method || 'GET', headers: {} };
|
|
334
|
+
if (opts.body !== undefined) {
|
|
335
|
+
init.method = 'POST';
|
|
336
|
+
init.headers['Content-Type'] = 'application/json';
|
|
337
|
+
init.headers['X-Yotta-View-Token'] = TOKEN;
|
|
338
|
+
init.body = JSON.stringify(opts.body);
|
|
339
|
+
}
|
|
340
|
+
var res, data = null;
|
|
341
|
+
try { res = await fetch(path, init); } catch (e) { return { error: '无法连接本地服务:' + e.message }; }
|
|
342
|
+
try { data = await res.json(); } catch (e) { data = null; }
|
|
343
|
+
if (!res.ok) return data && data.error ? data : { error: '请求失败(HTTP ' + res.status + ')' };
|
|
344
|
+
if (!data) return { error: '响应不是合法 JSON' };
|
|
345
|
+
return data;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
function openModal(title, bodyHtml, opts) {
|
|
349
|
+
opts = opts || {};
|
|
350
|
+
var html = '<h3>' + esc(title) + '</h3><div id="modalBody">' + bodyHtml + '</div>' +
|
|
351
|
+
'<div class="modal-actions"><button class="btn" data-modal="cancel">' + esc(opts.cancelText || '取消') + '</button>' +
|
|
352
|
+
(opts.okText === null ? '' : '<button class="btn ' + (opts.danger ? 'danger' : 'primary') + '" data-modal="ok">' + esc(opts.okText || '确认') + '</button>') +
|
|
353
|
+
'</div>';
|
|
354
|
+
$('#modal').innerHTML = html;
|
|
355
|
+
$('#mask').classList.add('open');
|
|
356
|
+
var ok = $('#modal').querySelector('[data-modal="ok"]');
|
|
357
|
+
$('#modal').querySelector('[data-modal="cancel"]').onclick = closeModal;
|
|
358
|
+
if (ok && opts.onOk) {
|
|
359
|
+
ok.onclick = async function () {
|
|
360
|
+
ok.disabled = true;
|
|
361
|
+
try { await opts.onOk(); } finally { ok.disabled = false; }
|
|
362
|
+
};
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
function closeModal() { $('#mask').classList.remove('open'); $('#modal').innerHTML = ''; }
|
|
366
|
+
function confirmModal(title, bodyHtml, okText, danger, onOk) {
|
|
367
|
+
openModal(title, bodyHtml, { okText: okText, danger: danger, onOk: onOk });
|
|
368
|
+
}
|
|
369
|
+
$('#mask').addEventListener('click', function (e) { if (e.target === $('#mask')) closeModal(); });
|
|
370
|
+
document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeModal(); });
|
|
371
|
+
|
|
372
|
+
var VIEWS = {
|
|
373
|
+
overview: { title: '概览', sub: 'Hub 里有什么、健康吗、最近做了什么', load: loadOverview },
|
|
374
|
+
hosts: { title: '宿主矩阵', sub: '装了哪些宿主、技能目录在哪、Hub 技能链到了谁', load: loadHosts },
|
|
375
|
+
adopt: { title: '收编向导', sub: '有哪些可收编、哪些是重复副本、收编后会发生什么', load: loadAdopt },
|
|
376
|
+
links: { title: '链接与体检', sub: '断链 / 漂移 / 目标缺失在哪、怎么修', load: loadLinks },
|
|
377
|
+
records: { title: '记录与回滚', sub: '安装、收编、链接都做了什么,怎么退回', load: loadRecords },
|
|
378
|
+
route: { title: '路由与编排', sub: '一句话需求该用哪些技能、缺什么(只读)', load: null },
|
|
379
|
+
cli: { title: '高级 CLI', sub: '低频命令速查与复制', load: null }
|
|
380
|
+
};
|
|
381
|
+
function switchView(name) {
|
|
382
|
+
if (!VIEWS[name]) return;
|
|
383
|
+
state.view = name;
|
|
384
|
+
Array.prototype.forEach.call(document.querySelectorAll('#nav button'), function (b) { b.classList.toggle('active', b.dataset.view === name); });
|
|
385
|
+
Array.prototype.forEach.call(document.querySelectorAll('.view'), function (v) { v.classList.toggle('active', v.id === 'view-' + name); });
|
|
386
|
+
$('#pageTitle').textContent = VIEWS[name].title;
|
|
387
|
+
$('#pageSub').textContent = VIEWS[name].sub;
|
|
388
|
+
if (VIEWS[name].load) VIEWS[name].load();
|
|
389
|
+
}
|
|
390
|
+
$('#nav').addEventListener('click', function (e) {
|
|
391
|
+
var b = e.target.closest('button[data-view]');
|
|
392
|
+
if (b) switchView(b.dataset.view);
|
|
393
|
+
});
|
|
394
|
+
document.addEventListener('click', function (e) {
|
|
395
|
+
var g = e.target.closest('[data-goto]');
|
|
396
|
+
if (g) switchView(g.dataset.goto);
|
|
397
|
+
});
|
|
398
|
+
$('#refreshBtn').onclick = function () { var v = VIEWS[state.view]; if (v && v.load) v.load(); else toast('已刷新'); };
|
|
399
|
+
$('#themeBtn').onclick = function () {
|
|
400
|
+
document.body.classList.toggle('light');
|
|
401
|
+
try { localStorage.setItem('yotta-hub-theme', document.body.classList.contains('light') ? 'light' : 'dark'); } catch (e) {}
|
|
402
|
+
};
|
|
403
|
+
try { if (localStorage.getItem('yotta-hub-theme') === 'light') document.body.classList.add('light'); } catch (e) {}
|
|
404
|
+
|
|
405
|
+
function statCard(label, value, delta, tone) {
|
|
406
|
+
return '<div class="panel"><div class="label">' + esc(label) + '</div><div class="value">' + esc(value) + '</div><div class="delta ' + (tone ? 'badge ' + tone : '') + '">' + esc(delta) + '</div></div>';
|
|
407
|
+
}
|
|
408
|
+
function doctorBanner(doctor) {
|
|
409
|
+
if (!doctor) return '';
|
|
410
|
+
if (doctor.ok) {
|
|
411
|
+
return '<div class="banner ok"><svg class="sv" viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg><div><div class="banner-title">体检通过</div><div class="banner-body">警告 ' + doctor.summary.warnings + ' / 信息 ' + doctor.summary.info + ';结构性错误 0。</div></div></div>';
|
|
412
|
+
}
|
|
413
|
+
var bad = (doctor.checks || []).filter(function (c) { return !c.ok; }).slice(0, 6).map(function (c) {
|
|
414
|
+
return '<div class="result"><span class="badge ' + (c.severity === 'error' ? 'danger' : 'warn') + '">' + esc(c.severity === 'error' ? '错误' : '警告') + '</span><span>' + esc(c.message) + '</span>' + (c.hint ? '<span class="faint">修复:' + esc(c.hint) + '</span>' : '') + '</div>';
|
|
415
|
+
}).join('');
|
|
416
|
+
return '<div class="banner danger"><svg class="sv" viewBox="0 0 24 24"><path d="M12 9v4"/><path d="M12 17h.01"/><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/></svg><div style="flex:1"><div class="banner-title">体检未通过(错误 ' + doctor.summary.errors + ' / 警告 ' + doctor.summary.warnings + ')</div><div class="result-list">' + bad + '</div></div></div>';
|
|
417
|
+
}
|
|
418
|
+
|
|
419
|
+
async function loadOverview() {
|
|
420
|
+
var d = await api('/api/overview');
|
|
421
|
+
if (d.error) { toast(d.error); return; }
|
|
422
|
+
state.overview = d;
|
|
423
|
+
$('#ovCards').innerHTML =
|
|
424
|
+
statCard('Hub 技能', d.status.summary.skills, '外部来源 ' + d.status.summary.external, '') +
|
|
425
|
+
statCard('已链接', d.status.summary.links, '宿主目录投影', 'ok') +
|
|
426
|
+
statCard('异常链接', d.status.summary.brokenLinks, d.status.summary.brokenLinks ? '需要处理' : '全部正常', d.status.summary.brokenLinks ? 'danger' : 'ok') +
|
|
427
|
+
statCard('Doctor', d.doctor.ok ? '通过' : '未通过', '错误 ' + d.doctor.summary.errors + ' / 警告 ' + d.doctor.summary.warnings, d.doctor.ok ? 'ok' : 'danger');
|
|
428
|
+
$('#ovDoctor').innerHTML = doctorBanner(d.doctor);
|
|
429
|
+
var skills = d.status.skills || [];
|
|
430
|
+
$('#ovSkills').innerHTML = skills.length ? skills.slice(0, 8).map(function (s) {
|
|
431
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(s.slug) + '</div><div class="row-meta">v' + esc(s.version || '-') + ' · ' + esc(s.origin === 'external' ? '外部来源' : '元阁家族') + ' · 链接 ' + (s.links || []).length + '</div></div><span class="badge ' + (s.status === 'present' ? 'ok' : 'danger') + '">' + esc(s.status === 'present' ? '已入库' : '缺失') + '</span></div>';
|
|
432
|
+
}).join('') : '<div class="empty">Hub 还是空的。先在「收编向导」把已装技能收编进来。</div>';
|
|
433
|
+
var audit = (d.audit && d.audit.recent) || [];
|
|
434
|
+
$('#ovAudit').innerHTML = audit.length ? audit.slice().reverse().map(function (a) {
|
|
435
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(a.event || '动作') + ' · ' + esc(a.slug || '') + '</div><div class="row-meta">' + esc(fmtTime(a.at)) + (a.verdict ? ' · ' + esc(a.verdict) : '') + '</div></div></div>';
|
|
436
|
+
}).join('') : '<div class="empty">还没有动作记录。</div>';
|
|
437
|
+
$('#ovHubDir').textContent = d.hubDir;
|
|
438
|
+
$('#copyHubDir').onclick = function () { copyText(d.hubDir); };
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
async function loadHosts() {
|
|
442
|
+
var d = await api('/api/hosts');
|
|
443
|
+
if (d.error) { toast(d.error); return; }
|
|
444
|
+
state.hosts = d;
|
|
445
|
+
$('#hostSummary').textContent = '目录 ' + d.summary.existing + ' / ' + d.summary.hosts + ' · 已装标记 ' + d.summary.installedMarks + ' · 链接 ' + d.summary.links;
|
|
446
|
+
renderHosts();
|
|
447
|
+
var marks = d.installed || [];
|
|
448
|
+
$('#hostMarks').innerHTML = marks.length ? marks.map(function (m) {
|
|
449
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(m.label) + '</div><div class="row-meta">' + esc(m.source || '') + (m.hasSkillsDir ? ' · 技能目录:' + esc(m.skillDir || '') : ' · 未发现技能目录') + '</div></div><span class="badge ' + (m.hasSkillsDir ? 'ok' : 'info') + '">' + esc(m.hasSkillsDir ? '可链接' : '仅标记') + '</span></div>';
|
|
450
|
+
}).join('') : '<div class="empty">没有检测到额外宿主标记。</div>';
|
|
451
|
+
}
|
|
452
|
+
function renderHosts() {
|
|
453
|
+
var d = state.hosts; if (!d) return;
|
|
454
|
+
var q = state.hostFilter.toLowerCase();
|
|
455
|
+
var rows = (d.hosts || []).filter(function (h) {
|
|
456
|
+
if (!q) return true;
|
|
457
|
+
return String(h.label || '').toLowerCase().includes(q) || String(h.dir || '').toLowerCase().includes(q);
|
|
458
|
+
});
|
|
459
|
+
$('#hostEmpty').hidden = rows.length > 0;
|
|
460
|
+
$('#hostRows').innerHTML = rows.map(function (h) {
|
|
461
|
+
var status = !h.exists ? '<span class="badge">未创建</span>' : (h.brokenLinks ? '<span class="badge danger">有异常</span>' : '<span class="badge ok">可用</span>');
|
|
462
|
+
return '<tr><td><div class="cell-main">' + esc(h.label) + '</div><div class="cell-sub">' + esc(h.agentId || (h.known ? '已知宿主' : h.detection || '自动发现')) + '</div></td>' +
|
|
463
|
+
'<td><div class="mono">' + esc(h.dir) + '</div><button class="btn small" data-copy="' + esc(h.dir) + '">复制</button></td>' +
|
|
464
|
+
'<td>' + esc(h.skillCount || 0) + '</td><td>' + esc(h.hubLinks || 0) + '</td><td>' + esc(h.brokenLinks || 0) + '</td><td>' + status + '</td></tr>';
|
|
465
|
+
}).join('');
|
|
466
|
+
}
|
|
467
|
+
$('#hostSearch').addEventListener('input', function (e) { state.hostFilter = e.target.value; renderHosts(); });
|
|
468
|
+
$('#hostRows').addEventListener('click', function (e) {
|
|
469
|
+
var b = e.target.closest('[data-copy]');
|
|
470
|
+
if (b) copyText(b.dataset.copy);
|
|
471
|
+
});
|
|
472
|
+
|
|
473
|
+
async function loadAdopt() {
|
|
474
|
+
var d = await api('/api/adopt/scan');
|
|
475
|
+
if (d.error) { toast(d.error); return; }
|
|
476
|
+
state.adopt = d;
|
|
477
|
+
state.selected = {};
|
|
478
|
+
$('#adoptCards').innerHTML =
|
|
479
|
+
statCard('候选技能', d.summary.candidates, '已装宿主里的技能', '') +
|
|
480
|
+
statCard('多副本冲突', d.summary.conflicts, '版本 / 哈希不一致', d.summary.conflicts ? 'warn' : 'ok') +
|
|
481
|
+
statCard('已在 Hub', d.summary.alreadyInHub, '默认跳过', 'info') +
|
|
482
|
+
statCard('扫描引擎', d.scan && d.scan.available ? '可用' : '未找到', d.scan && d.scan.available ? '收编时逐项扫描' : '可显式降级(CLI)', d.scan && d.scan.available ? 'ok' : 'warn');
|
|
483
|
+
$('#adoptScanInfo').textContent = '生成于 ' + fmtTime(d.generatedAt);
|
|
484
|
+
renderAdopt();
|
|
485
|
+
}
|
|
486
|
+
function renderAdopt() {
|
|
487
|
+
var d = state.adopt; if (!d) return;
|
|
488
|
+
var q = state.adoptFilter.toLowerCase();
|
|
489
|
+
var candidates = (d.candidates || []).filter(function (c) {
|
|
490
|
+
if (!q) return true;
|
|
491
|
+
return String(c.slug || '').toLowerCase().includes(q) || String(c.sourceHost || '').toLowerCase().includes(q);
|
|
492
|
+
});
|
|
493
|
+
$('#adoptEmpty').hidden = candidates.length > 0;
|
|
494
|
+
$('#adoptList').innerHTML = candidates.map(function (c) {
|
|
495
|
+
var variants = (c.variants || []).map(function (v) {
|
|
496
|
+
return '<div class="variant"><span class="badge">' + esc(v.host) + '</span><span class="mono">' + esc(v.dir) + '</span><span>v' + esc(v.version || '-') + '</span></div>';
|
|
497
|
+
}).join('');
|
|
498
|
+
return '<div class="row"><input class="check" type="checkbox" data-slug="' + esc(c.slug) + '"' + (state.selected[c.slug] ? ' checked' : '') + (c.inHub ? ' disabled' : '') + '>' +
|
|
499
|
+
'<div class="row-main"><div class="row-title">' + esc(c.slug) + ' <span class="badge">v' + esc(c.version || '-') + '</span>' +
|
|
500
|
+
(c.inHub ? ' <span class="badge info">已在 Hub</span>' : '') +
|
|
501
|
+
(c.conflict ? ' <span class="badge warn">多副本冲突</span>' : '') + '</div>' +
|
|
502
|
+
'<div class="row-meta">来源:' + esc(c.sourceHost || '-') + ' · ' + esc(c.source || '') + '</div>' +
|
|
503
|
+
(c.variants && c.variants.length > 1 ? '<details><summary>' + c.variants.length + ' 个副本</summary><div class="variants">' + variants + '</div></details>' : '') +
|
|
504
|
+
'</div></div>';
|
|
505
|
+
}).join('');
|
|
506
|
+
updateAdoptCount();
|
|
507
|
+
}
|
|
508
|
+
function updateAdoptCount() {
|
|
509
|
+
var n = Object.keys(state.selected).filter(function (k) { return state.selected[k]; }).length;
|
|
510
|
+
$('#adoptCount').textContent = String(n);
|
|
511
|
+
$('#adoptApply').disabled = n === 0;
|
|
512
|
+
}
|
|
513
|
+
$('#adoptSearch').addEventListener('input', function (e) { state.adoptFilter = e.target.value; renderAdopt(); });
|
|
514
|
+
$('#adoptList').addEventListener('change', function (e) {
|
|
515
|
+
var box = e.target.closest('input[data-slug]');
|
|
516
|
+
if (!box) return;
|
|
517
|
+
if (box.checked) state.selected[box.dataset.slug] = true; else delete state.selected[box.dataset.slug];
|
|
518
|
+
updateAdoptCount();
|
|
519
|
+
});
|
|
520
|
+
$('#adoptAll').onclick = function () {
|
|
521
|
+
((state.adopt && state.adopt.candidates) || []).forEach(function (c) { if (!c.inHub) state.selected[c.slug] = true; });
|
|
522
|
+
renderAdopt();
|
|
523
|
+
};
|
|
524
|
+
$('#adoptNone').onclick = function () { state.selected = {}; renderAdopt(); };
|
|
525
|
+
$('#adoptApply').onclick = function () {
|
|
526
|
+
var slugs = Object.keys(state.selected).filter(function (k) { return state.selected[k]; });
|
|
527
|
+
if (!slugs.length) { toast('还没有选择技能'); return; }
|
|
528
|
+
var preview = slugs.slice(0, 24).join('、') + (slugs.length > 24 ? ' 等 ' + slugs.length + ' 项' : '');
|
|
529
|
+
confirmModal('收编 ' + slugs.length + ' 个技能到 Hub?', '<p class="label">将复制到 Hub(原目录保留);已在 Hub 或冲突项按默认策略处理;执行时逐项运行元信扫描,high / critical 会阻断。</p><div class="mono">' + esc(preview) + '</div>', '开始收编', false, async function () {
|
|
530
|
+
var r = await api('/api/adopt/apply', { body: { include: slugs } });
|
|
531
|
+
if (r.error) { toast(r.error); return; }
|
|
532
|
+
closeModal();
|
|
533
|
+
var order = { imported: 0, blocked: 1, conflict: 2, skip: 3, error: 4 };
|
|
534
|
+
var results = (r.results || []).slice().sort(function (a, b) { return (order[a.status] || 9) - (order[b.status] || 9); });
|
|
535
|
+
$('#adoptResultsWrap').hidden = false;
|
|
536
|
+
$('#adoptResults').innerHTML = results.map(function (x) {
|
|
537
|
+
var tone = x.status === 'imported' ? 'ok' : x.status === 'error' || x.status === 'blocked' ? 'danger' : 'warn';
|
|
538
|
+
return '<div class="result"><span class="badge ' + tone + '">' + esc(x.status) + '</span><b>' + esc(x.slug) + '</b><span>' + esc(x.note || '') + '</span>' + (x.scanVerdict ? '<span class="faint">verdict: ' + esc(x.scanVerdict) + '</span>' : '') + '</div>';
|
|
539
|
+
}).join('');
|
|
540
|
+
toast('收编完成:导入 ' + (r.summary ? r.summary.imported : 0) + ' / 阻断 ' + (r.summary ? r.summary.blocked : 0));
|
|
541
|
+
loadOverview();
|
|
542
|
+
loadAdopt();
|
|
543
|
+
});
|
|
544
|
+
};
|
|
545
|
+
|
|
546
|
+
async function loadLinks() {
|
|
547
|
+
var results = await Promise.all([api('/api/doctor'), api('/api/links'), api('/api/hosts')]);
|
|
548
|
+
var doctor = results[0], links = results[1], hosts = results[2];
|
|
549
|
+
if (doctor.error || links.error || hosts.error) { toast((doctor.error || links.error || hosts.error)); return; }
|
|
550
|
+
$('#linkDoctor').innerHTML = doctorBanner(doctor);
|
|
551
|
+
var existing = (hosts.hosts || []).filter(function (h) { return h.exists; });
|
|
552
|
+
$('#linkTargets').innerHTML = existing.length ? existing.map(function (h) {
|
|
553
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(h.label) + '</div><div class="row-meta mono">' + esc(h.dir) + '</div><div class="row-meta">目录技能 ' + esc(h.skillCount || 0) + ' · 指向 Hub ' + esc(h.hubLinks || 0) + (h.brokenLinks ? ' · 异常 ' + h.brokenLinks : '') + '</div></div><div class="row-actions"><button class="btn small" data-link-plan="' + esc(h.dir) + '" data-label="' + esc(h.label) + '">预览链接</button></div></div>';
|
|
554
|
+
}).join('') : '<div class="empty">尚未发现可用的宿主技能目录。</div>';
|
|
555
|
+
var rows = links.links || [];
|
|
556
|
+
$('#linkEmpty').hidden = rows.length > 0;
|
|
557
|
+
$('#linkRows').innerHTML = rows.map(function (l) {
|
|
558
|
+
var tone = l.status === 'ok' ? 'ok' : l.status === 'broken' ? 'danger' : 'warn';
|
|
559
|
+
return '<tr><td><div class="cell-main">' + esc(l.slug) + '</div><div class="cell-sub">' + esc(l.label || l.agent || '-') + '</div></td>' +
|
|
560
|
+
'<td class="mono">' + esc(l.dir) + '</td><td class="mono">' + esc(l.target) + '</td>' +
|
|
561
|
+
'<td><span class="badge ' + tone + '">' + esc(l.status) + '</span></td>' +
|
|
562
|
+
'<td><button class="btn small danger" data-unlink="' + esc(l.target) + '" data-dir="' + esc(l.dir) + '" data-slug="' + esc(l.slug) + '">解除</button></td></tr>';
|
|
563
|
+
}).join('');
|
|
564
|
+
}
|
|
565
|
+
$('#linkTargets').addEventListener('click', async function (e) {
|
|
566
|
+
var b = e.target.closest('[data-link-plan]');
|
|
567
|
+
if (!b) return;
|
|
568
|
+
var dir = b.dataset.linkPlan;
|
|
569
|
+
var plan = await api('/api/links/plan?dir=' + encodeURIComponent(dir));
|
|
570
|
+
if (plan.error) { toast(plan.error); return; }
|
|
571
|
+
var would = plan.results.filter(function (r) { return r.status === 'would-link'; });
|
|
572
|
+
var conflicts = plan.results.filter(function (r) { return r.status === 'conflict'; });
|
|
573
|
+
var body = '<p class="label">目标:' + esc(plan.label || '') + ' · <span class="mono">' + esc(dir) + '</span></p>' +
|
|
574
|
+
'<div class="result"><span class="badge ok">将建立</span><b>' + would.length + '</b><span>个链接</span></div>' +
|
|
575
|
+
(conflicts.length ? '<div class="result"><span class="badge warn">跳过冲突</span><b>' + conflicts.length + '</b><span>个同名目录 / 链接(默认不覆盖)</span></div>' : '') +
|
|
576
|
+
(would.length ? '<details><summary>查看明细</summary><div class="variants">' + would.map(function (r) { return '<div class="variant"><span class="mono">' + esc(r.slug) + '</span></div>'; }).join('') + '</div></details>' : '<p class="faint">没有可建立的链接。</p>');
|
|
577
|
+
openModal('链接预览', body, {
|
|
578
|
+
okText: would.length ? '执行链接' : null,
|
|
579
|
+
onOk: async function () {
|
|
580
|
+
var r = await api('/api/links/apply', { body: { targetDir: dir } });
|
|
581
|
+
if (r.error) { toast(r.error); return; }
|
|
582
|
+
closeModal();
|
|
583
|
+
var done = (r.results || []).filter(function (x) { return x.status === 'linked'; }).length;
|
|
584
|
+
toast('已建立 ' + done + ' 个链接');
|
|
585
|
+
loadLinks();
|
|
586
|
+
},
|
|
587
|
+
});
|
|
588
|
+
});
|
|
589
|
+
$('#linkRows').addEventListener('click', async function (e) {
|
|
590
|
+
var b = e.target.closest('[data-unlink]');
|
|
591
|
+
if (!b) return;
|
|
592
|
+
var target = b.dataset.unlink;
|
|
593
|
+
var dir = b.dataset.dir;
|
|
594
|
+
var slug = b.dataset.slug;
|
|
595
|
+
confirmModal('解除链接 ' + slug + '?', '<p class="label">只删除宿主目录中的链接,Hub 真源保留。目标不是指向 Hub 的链接时会 fail-closed 拒绝。</p><div class="mono">' + esc(target) + '</div>', '解除链接', true, async function () {
|
|
596
|
+
var r = await api('/api/links/remove', { body: { targetDir: dir, slugs: [slug], confirm: 'unlink' } });
|
|
597
|
+
if (r.error) { toast(r.error); return; }
|
|
598
|
+
closeModal();
|
|
599
|
+
toast('已解除 ' + slug);
|
|
600
|
+
loadLinks();
|
|
601
|
+
});
|
|
602
|
+
});
|
|
603
|
+
|
|
604
|
+
async function loadRecords() {
|
|
605
|
+
var d = await api('/api/records?limit=200');
|
|
606
|
+
if (d.error) { toast(d.error); return; }
|
|
607
|
+
state.records = d;
|
|
608
|
+
var valid = (d.snapshots || []).filter(function (s) { return s.valid; }).length;
|
|
609
|
+
$('#recordsInfo').textContent = '快照 ' + valid + ' / ' + (d.snapshots || []).length + ' · 证据 ' + (d.evidence.entries || []).length + ' · 审计 ' + (d.audit.entries || []).length;
|
|
610
|
+
renderSnapshots();
|
|
611
|
+
var ev = (d.evidence.entries || []).slice().reverse();
|
|
612
|
+
$('#evidenceEmpty').hidden = ev.length > 0;
|
|
613
|
+
$('#evidenceRows').innerHTML = ev.map(function (x) {
|
|
614
|
+
var tone = x.decision === 'ok' ? 'ok' : x.decision === 'fail' ? 'danger' : 'info';
|
|
615
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(x.event || 'event') + ' · ' + esc(x.skill || x.slug || '-') + '</div><div class="row-meta">' + esc(fmtTime(x.ts || x.at)) + (x.version ? ' · v' + esc(x.version) : '') + (x.via ? ' · via ' + esc(x.via) : '') + '</div></div><span class="badge ' + tone + '">' + esc(x.decision || '记录') + '</span></div>';
|
|
616
|
+
}).join('');
|
|
617
|
+
var aud = (d.audit.entries || []).slice().reverse();
|
|
618
|
+
$('#auditEmpty').hidden = aud.length > 0;
|
|
619
|
+
$('#auditRows').innerHTML = aud.map(function (x) {
|
|
620
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(x.event || 'audit') + ' · ' + esc(x.slug || '') + '</div><div class="row-meta">' + esc(fmtTime(x.at)) + (x.verdict ? ' · ' + esc(x.verdict) : '') + (x.sourceHost ? ' · ' + esc(x.sourceHost) : '') + '</div></div></div>';
|
|
621
|
+
}).join('');
|
|
622
|
+
}
|
|
623
|
+
function renderSnapshots() {
|
|
624
|
+
var d = state.records; if (!d) return;
|
|
625
|
+
var rows = d.snapshots || [];
|
|
626
|
+
$('#snapshotEmpty').hidden = rows.length > 0;
|
|
627
|
+
$('#snapshotRows').innerHTML = rows.map(function (s) {
|
|
628
|
+
var canRollback = s.valid && s.source;
|
|
629
|
+
return '<tr><td><div class="cell-main">' + esc(s.slug) + '</div><div class="cell-sub">' + esc(s.name) + '</div></td>' +
|
|
630
|
+
'<td>v' + esc(s.version || '-') + '</td><td>' + esc(fmtTime(s.createdAt || s.mtime_ms)) + '</td><td class="mono">' + esc(s.source || '-') + '</td>' +
|
|
631
|
+
'<td>' + (s.valid ? '<span class="badge ok">可用</span>' : '<span class="badge danger">不可用</span>') + (s.legacy ? ' <span class="badge warn">旧格式</span>' : '') + (s.reason ? '<div class="cell-sub">' + esc(s.reason) + '</div>' : '') + '</td>' +
|
|
632
|
+
'<td>' + (canRollback ? '<button class="btn small danger" data-rollback="' + esc(s.path) + '" data-slug="' + esc(s.slug) + '" data-version="' + esc(s.version || '') + '" data-source="' + esc(s.source || '') + '">回滚</button>' : '<span class="faint">CLI 处理</span>') + '</td></tr>';
|
|
633
|
+
}).join('');
|
|
634
|
+
}
|
|
635
|
+
document.querySelectorAll('#view-records [data-tab]').forEach(function (b) {
|
|
636
|
+
b.onclick = function () {
|
|
637
|
+
state.tab = b.dataset.tab;
|
|
638
|
+
Array.prototype.forEach.call(document.querySelectorAll('#view-records [data-tab]'), function (x) { x.classList.toggle('primary', x === b); });
|
|
639
|
+
$('#recSnapshots').hidden = state.tab !== 'snapshots';
|
|
640
|
+
$('#recEvidence').hidden = state.tab !== 'evidence';
|
|
641
|
+
$('#recAudit').hidden = state.tab !== 'audit';
|
|
642
|
+
};
|
|
643
|
+
});
|
|
644
|
+
document.querySelector('#view-records [data-tab="snapshots"]').classList.add('primary');
|
|
645
|
+
$('#snapshotRows').addEventListener('click', function (e) {
|
|
646
|
+
var b = e.target.closest('[data-rollback]');
|
|
647
|
+
if (!b) return;
|
|
648
|
+
var slug = b.dataset.slug, snap = b.dataset.rollback, source = b.dataset.source;
|
|
649
|
+
confirmModal('回滚 ' + slug + ' 到 v' + b.dataset.version + '?', '<p class="label">将用快照覆盖安装来源目录;恢复后自动体检并写入证据。</p><div class="mono">' + esc(source) + '</div>', '执行回滚', true, async function () {
|
|
650
|
+
var r = await api('/api/rollback/apply', { body: { slug: slug, snapshot: snap, confirm: 'rollback' } });
|
|
651
|
+
if (r.error) { toast(r.error); return; }
|
|
652
|
+
closeModal();
|
|
653
|
+
toast(r.ok ? '回滚完成(doctor 通过)' : '回滚完成,但体检未通过');
|
|
654
|
+
loadRecords();
|
|
655
|
+
loadOverview();
|
|
656
|
+
});
|
|
657
|
+
});
|
|
658
|
+
|
|
659
|
+
$('#routeBtn').onclick = runRoute;
|
|
660
|
+
$('#routeInput').addEventListener('keydown', function (e) { if (e.key === 'Enter') runRoute(); });
|
|
661
|
+
async function runRoute() {
|
|
662
|
+
var request = $('#routeInput').value.trim();
|
|
663
|
+
if (!request) { toast('先输入一句需求'); return; }
|
|
664
|
+
var d = await api('/api/route?request=' + encodeURIComponent(request));
|
|
665
|
+
if (d.error) { toast(d.error); return; }
|
|
666
|
+
var skills = (d.skills || []).map(function (s) {
|
|
667
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + s.order + '. ' + esc(s.slug) + ' <span class="badge ' + (s.installed ? 'ok' : 'warn') + '">' + esc(s.installed ? '已装' + (s.version ? ' v' + s.version : '') : '缺失') + '</span></div><div class="row-meta">' + esc(s.role || '') + '</div></div></div>';
|
|
668
|
+
}).join('');
|
|
669
|
+
var missing = (d.missing_skills || []).length
|
|
670
|
+
? '<div class="section panel"><h3>缺失技能</h3><div class="toolbar"><span class="mono">' + esc((d.missing_skills || []).map(function (s) { return s.slug; }).join(', ')) + '</span><button class="btn small" data-copy-cmd="' + esc(d.install_command || '') + '">复制安装命令</button></div><div class="note">安装与信任判断由你决定;元信装前扫描默认启用。</div></div>'
|
|
671
|
+
: '';
|
|
672
|
+
var others = (d.other_skill_candidates || []).length
|
|
673
|
+
? '<div class="section panel"><h3>其他已装技能候选</h3>' + d.other_skill_candidates.map(function (c) {
|
|
674
|
+
return '<div class="row"><div class="row-main"><div class="row-title">' + esc(c.slug) + ' <span class="badge info">v' + esc(c.version) + '</span></div><div class="row-meta">' + esc((c.matched_terms || []).join('、')) + ' · ' + esc(c.description || '') + '</div></div></div>';
|
|
675
|
+
}).join('') + '<div class="note">只读 frontmatter 机械匹配;使用前请自行确认。</div></div>'
|
|
676
|
+
: '';
|
|
677
|
+
$('#routeResult').innerHTML = '<div class="panel"><div class="shead"><h2>' + esc(d.playbook.name) + '</h2><span class="badge">置信度 ' + esc(d.confidence) + '</span></div>' +
|
|
678
|
+
'<div class="label">' + esc(d.playbook.intent) + '</div><div class="list">' + skills + '</div>' +
|
|
679
|
+
'<div class="note">动态路由:' + esc((d.dynamic && d.dynamic.status) || '未启用') + ' · 匹配词:' + esc((d.matched_keywords || []).join('、') || '无') + '</div></div>' + missing + others;
|
|
680
|
+
}
|
|
681
|
+
$('#routeResult').addEventListener('click', function (e) {
|
|
682
|
+
var b = e.target.closest('[data-copy-cmd]');
|
|
683
|
+
if (b) copyText(b.dataset.copyCmd);
|
|
684
|
+
});
|
|
685
|
+
|
|
686
|
+
var CLI_GROUPS = [
|
|
687
|
+
{ name: 'Hub 发现与安装', items: [
|
|
688
|
+
{ cmd: 'yotta-skills hub hosts', why: '发现本机宿主与技能目录' },
|
|
689
|
+
{ cmd: 'yotta-skills hub install', why: '把元阁家族装进 Hub 真源' },
|
|
690
|
+
{ cmd: 'yotta-skills hub adopt --scan', why: '只读预演收编候选与冲突' },
|
|
691
|
+
{ cmd: 'yotta-skills hub adopt --apply', why: '执行收编(默认复制保真)' },
|
|
692
|
+
] },
|
|
693
|
+
{ name: '链接与体检', items: [
|
|
694
|
+
{ cmd: 'yotta-skills hub link --all', why: '把 Hub 技能链接到全部宿主' },
|
|
695
|
+
{ cmd: 'yotta-skills hub link --agent codex', why: '只链接到一个宿主' },
|
|
696
|
+
{ cmd: 'yotta-skills hub unlink --all', why: '只删链接,不动 Hub 真源' },
|
|
697
|
+
{ cmd: 'yotta-skills hub status', why: '查看技能 / 来源 / 链接' },
|
|
698
|
+
{ cmd: 'yotta-skills hub doctor', why: '检查断链 / 缺失 / slug 不一致' },
|
|
699
|
+
] },
|
|
700
|
+
{ name: '安装与更新', items: [
|
|
701
|
+
{ cmd: 'yotta-skills update --installed-only --dir <技能目录>', why: '只维护已装元技能' },
|
|
702
|
+
{ cmd: 'yotta-skills update --check', why: '只读检查更新' },
|
|
703
|
+
{ cmd: 'yotta-skills rollback --list', why: '查看可回滚快照' },
|
|
704
|
+
{ cmd: 'yotta-skills rollback --slug <技能> --dir <技能目录>', why: '回滚单个技能' },
|
|
705
|
+
] },
|
|
706
|
+
{ name: '路由与使用', items: [
|
|
707
|
+
{ cmd: 'yotta-skills --route "帮我做发布前质量检查"', why: '静态编排路由 + 动态路由块' },
|
|
708
|
+
{ cmd: 'yotta-skills --list', why: '列出全家技能与版本' },
|
|
709
|
+
{ cmd: 'yotta-skills --inventory --json', why: '盘点本机已装技能' },
|
|
710
|
+
] },
|
|
711
|
+
];
|
|
712
|
+
$('#cliGroups').innerHTML = CLI_GROUPS.map(function (g) {
|
|
713
|
+
return '<div class="panel cmd-group"><h3>' + esc(g.name) + '</h3>' + g.items.map(function (item) {
|
|
714
|
+
return '<div class="cmd"><code>' + esc(item.cmd) + '</code><span class="why">' + esc(item.why) + '</span><button class="btn small" data-copy-cmd="' + esc(item.cmd) + '">复制</button></div>';
|
|
715
|
+
}).join('') + '</div>';
|
|
716
|
+
}).join('');
|
|
717
|
+
document.addEventListener('click', function (e) {
|
|
718
|
+
var b = e.target.closest('#cliGroups [data-copy-cmd]');
|
|
719
|
+
if (b) copyText(b.dataset.copyCmd);
|
|
720
|
+
});
|
|
721
|
+
|
|
722
|
+
(async function boot() {
|
|
723
|
+
var s = await api('/api/status');
|
|
724
|
+
if (s && !s.error) $('#verLine').textContent = 'v' + s.version + ' · ' + (s.standard || '');
|
|
725
|
+
else $('#verLine').textContent = '未连接本地服务';
|
|
726
|
+
loadOverview();
|
|
727
|
+
})();
|
|
728
|
+
})();
|
|
729
|
+
</script>
|
|
730
|
+
</body>
|
|
731
|
+
</html>
|