dsh-agentone 0.5.25 → 0.5.26

package/lib/page.js

@@ -44,6 +44,8 @@ body {
 .kv { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; }
 .kv .k { color: var(--muted); flex-shrink: 0; }
 .kv .v { text-align: right; word-break: break-all; }
+.kv .v a { color: var(--brand); text-decoration: none; }
+.kv .v a:hover { text-decoration: underline; }
 button {
   font: inherit; cursor: pointer; border-radius: 10px; transition: filter .15s, opacity .15s;
   border: 1px solid transparent;
@@ -153,7 +155,23 @@ const notify = (message, kind) => {
   // 错误信息可能较长（含平台原因），给足阅读时间；成功提示维持 4s
   toastTimer = setTimeout(() => { toast.className = 'banner'; }, kind === 'err' ? 10000 : 4000);
 };
-const withLoading = async (btn, action, okMessage) => {
+// withLoading 收尾的刷新分两档：
+//   'status'（默认）——拉 /api/status 并整页 refresh()。模型/SkillHub/登录类
+//     操作后的语义（页面各卡都要对齐新状态）。
+//   'quiet'——只拉一次 status 快照（不打散正在看的列表）+ 刷新技能列表
+//     （指纹保护下内容没变不会重绘）。技能/插件操作用这档：整页 refresh
+//     会把当前列表闪一遍「读取中…」，还重建按钮节点打断二次确认。
+//   null——完全不动界面（调用方自己刷，如插件列表升级后 renderPlugins）。
+const refreshStatusQuietly = async () => {
+  try {
+    const s = await (await fetch('api/status')).json();
+    lastStatus = s;
+    renderSkills(s);
+  } catch {
+    // 网络抖动：保持现状，下一轮 5s 轮询会自然对齐
+  }
+};
+const withLoading = async (btn, action, okMessage, refreshMode = 'status') => {
   const original = btn.innerHTML;
   btn.disabled = true;
   btn.innerHTML = '<span class="spin"></span>' + (btn.dataset.loading || '处理中…');
@@ -167,7 +185,8 @@ const withLoading = async (btn, action, okMessage) => {
   } finally {
     btn.disabled = false;
     btn.innerHTML = original;
-    await refresh();
+    if (refreshMode === 'status') await refresh();
+    else if (refreshMode === 'quiet') await refreshStatusQuietly();
   }
 };
 // 卸载类破坏性操作的轻量二次确认：第一次点击把按钮变成「确认卸载？」，
@@ -256,6 +275,7 @@ const syncPlanSkills = (btn) => withLoading(
   btn,
   () => fetch('api/skill/sync', { method: 'POST' }),
   null,
+  'quiet',
 );
 const skillAction = (slug, action, btn, successText) => withLoading(
   btn,
@@ -265,6 +285,8 @@ const skillAction = (slug, action, btn, successText) => withLoading(
     body: JSON.stringify({ slug }),
   }),
   successText || (action === 'install' ? '技能已安装' : '技能已卸载'),
+  // 技能装/卸后只需技能列表指纹更新；整页 refresh 会闪一遍各卡片
+  'quiet',
 );
 const PLAN_CAPABILITY_LABELS = {
   image_understanding_enabled: '图片理解',
@@ -462,8 +484,13 @@ const renderCli = async (s) => {
     body.innerHTML = '<div class="skill-sub">平台未开启 CLI 功能。</div>';
     return;
   }
-  // 真实探测本机安装与授权态（数秒），期间先展示读取中
-  body.innerHTML = '<div class="skill-sub">检测中…</div>';
+  // 真实探测本机安装与授权态（数秒）。有旧数据（renderCli._tools）时先用
+  // 缓存渲染再后台刷新——不清屏闪「检测中…」，内容回来后整块替换一次。
+  if (renderCli._tools && Object.keys(renderCli._tools).length) {
+    renderCliData(s, {});
+  } else {
+    body.innerHTML = '<div class="skill-sub">检测中…</div>';
+  }
   let tools;
   let python;
   try {
@@ -473,7 +500,10 @@ const renderCli = async (s) => {
     tools = data.tools || {};
     python = data.python || null;
   } catch {
-    body.innerHTML = '<div class="skill-sub" style="color:var(--err)">CLI 状态检测失败，请稍后重试。</div>';
+    // 探测失败：已有内容保持不动，首载才显示错误
+    if (!renderCli._tools || !Object.keys(renderCli._tools).length) {
+      body.innerHTML = '<div class="skill-sub" style="color:var(--err)">CLI 状态检测失败，请稍后重试。</div>';
+    }
     return;
   }
   renderCliData(s, tools, python);
@@ -744,17 +774,27 @@ const pluginAction = (name, action, btn) => withLoading(
   action === 'install' ? '插件已安装，重启 DSH 后生效'
     : action === 'remove' ? '插件已卸载'
       : '插件已升级，重启 DSH 后生效',
+  // 插件列表由下方 renderPlugins 定向刷新（自带指纹保护），不走整页 refresh
+  null,
 ).then(() => renderPlugins());
 const renderPlugins = async () => {
   const list = $('plugins-list');
-  list.innerHTML = '<div class="skill-sub">读取中…</div>';
+  // 有旧内容时不闪「读取中…」：后台拉取，回来后整块替换（配合下方指纹
+  // 保护，内容没变连替换都省了）。首载（空容器）才显示占位。
+  if (!list.children.length) {
+    list.innerHTML = '<div class="skill-sub">读取中…</div>';
+  }
   let data;
   try {
     const resp = await fetch('api/plugin/list');
     data = await resp.json().catch(() => ({}));
     if (!resp.ok) throw new Error(data.error || '读取插件列表失败');
   } catch (error) {
-    list.innerHTML = '<div class="skill-sub" style="color:var(--err)">' + esc(error.message) + '</div>';
+    // 拉取失败：已有内容保持不动（只是旧了），首载才显示错误
+    if (!list.children.length || list.dataset.loaded === '1') {
+      list.innerHTML = '<div class="skill-sub" style="color:var(--err)">' + esc(error.message) + '</div>';
+      delete list.dataset.loaded;
+    }
     return;
   }
   // 渲染成功即标记已加载：避免切 tab 重复拉取（outdated 查询有网络开销）
@@ -805,7 +845,21 @@ const renderPlugins = async () => {
       + (plugin.bundled && !plugin.active ? ' · 未在 bundle 层，重启 dsh 后生效' : '')
       + '</div></div>' + actionHtml + '</div>';
   });
-  list.innerHTML = rows.join('');
+  // 指纹保护（与 renderSkills 同思路）：内容没变不碰 innerHTML——升级后
+  // 的定向刷新、切 tab 重入都不会重建按钮节点（打断卸载二次确认）或闪动
+  const fingerprint = data.plugins.map((plugin) => [
+    plugin.name,
+    plugin.version || '',
+    plugin.latest || '',
+    plugin.active ? 1 : 0,
+    plugin.bundled ? 1 : 0,
+    plugin.self_managed ? 1 : 0,
+  ].join(':')).join('|');
+  if (list.dataset.fingerprint !== fingerprint) {
+    list.dataset.fingerprint = fingerprint;
+    list.dataset.loaded = '1';
+    list.innerHTML = rows.join('');
+  }
   list.querySelectorAll('[data-install-pkg]').forEach((btn) => {
     btn.dataset.loading = '安装中…';
     btn.onclick = () => pluginAction(btn.dataset.installPkg, 'install', btn);
@@ -889,6 +943,7 @@ const renderAbout = (s) => {
     '<div class="kv"><span class="k">登录账号</span><span class="v">' + esc(s.user_email || '未登录') + '</span></div>',
     '<div class="kv"><span class="k">所属套餐</span><span class="v">' + esc(s.capabilities?.plan_name || '—') + '</span></div>',
     '<div class="kv"><span class="k">平台地址</span><span class="v muted">' + esc(s.platform_url || '—') + '</span></div>',
+    '<div class="kv"><span class="k">开发者</span><span class="v"><a href="mailto:chumingjun@cc-pg.cn">chumingjun@cc-pg.cn</a></span></div>',
   ];
   $('about-body').innerHTML = lines.join('');
   wireAboutUpgrade();
@@ -1061,6 +1116,7 @@ $('skill-sync-btn').onclick = () => withLoading(
     return resp;
   },
   null,
+  'quiet',
 );
 logoutBtn.onclick = () => withLoading(
   logoutBtn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-agentone",
-  "version": "0.5.25",
+  "version": "0.5.26",
   "description": "AgentOne 平台集成插件：飞书登录、平台模型（同步失败自愈重试）、SkillHub 技能（升级检测一键升级、装后即时刷新、套餐技能自动同步）、套餐申请、插件管理与自助升级、lark-cli / ccpg-cli 探测与一键安装（请求超时与错误码透传、令牌轮换 single-flight、凭据损坏容错与并发安全写入、状态页 UX 增强）",
   "type": "module",
   "main": "lib/index.js",