dsh-agentone 0.5.31 → 0.5.33

package/lib/client.js

@@ -16,18 +16,102 @@ window.__ModuleLoader__.load({
   factory: (require) => {
     const React = require('react');
 
+    // ==desktop-srcdoc-begin==
+    // DSH NEXT 桌面壳（dsh-app:// 协议）的转发层只给「主框架的子资源请求」注入
+    // x-dsh-desktop-renderer 令牌；iframe 子框架导航拿不到令牌，/agentone/ 被
+    // 403 空响应——这是桌面端设置区白屏的根因。桌面端改为主框架 fetch 取回页面
+    // HTML 后用 srcdoc 渲染，并注入两样东西：
+    //   1. <base href="/agentone/"> —— 页面相对路径（fetch('api/...')）的解析
+    //      基准与真实 iframe 一致；
+    //   2. fetch 代理 shim —— srcdoc 子框架自己发请求同样没有令牌，一律先按
+    //      document.baseURI 解析成绝对 URL，再转主框架 parent.fetch 发出（同源
+    //      srcdoc，令牌随主框架请求注入）；同时打 __AGENTONE_DESKTOP__ 标记，
+    //      供页面登录流程走桌面本地回调。
+    const DESKTOP_PAGE_SHIM =
+      '<script>(function(){' +
+      'window.__AGENTONE_DESKTOP__=true;' +
+      'var pf=window.parent.fetch.bind(window.parent);' +
+      'window.fetch=function(input,init){' +
+      'if(typeof input==="string")input=new URL(input,document.baseURI).href;' +
+      'return pf(input,init);' +
+      '};' +
+      '})();</scr' + 'ipt>';
+
+    function buildDesktopSrcdoc(html) {
+      const preamble = '<base href="/agentone/">\n' + DESKTOP_PAGE_SHIM + '\n';
+      const head = /<head[^>]*>/i.exec(html);
+      if (head) {
+        const at = head.index + head[0].length;
+        return html.slice(0, at) + '\n' + preamble + html.slice(at);
+      }
+      return preamble + html;
+    }
+    // ==desktop-srcdoc-end==
+
+    const SECTION_IFRAME_STYLE = {
+      border: 'none',
+      width: '100%',
+      height: '100%',
+      minHeight: '480px',
+      borderRadius: '12px',
+      background: 'transparent',
+    };
+
     function AgentOneSection() {
+      // dsh-app:// 即 DSH NEXT 桌面壳；http(s) 为 web/旧桌面（cookie 鉴权，iframe 直连可用）
+      const isDesktop = window.location.protocol === 'dsh-app:';
+      const [doc, setDoc] = React.useState(null);
+      const [loadError, setLoadError] = React.useState(false);
+      const [retryTick, setRetryTick] = React.useState(0);
+
+      React.useEffect(() => {
+        if (!isDesktop) return undefined;
+        let cancelled = false;
+        setDoc(null);
+        setLoadError(false);
+        fetch('/agentone/')
+          .then((response) => {
+            if (!response.ok) throw new Error(`HTTP ${response.status}`);
+            return response.text();
+          })
+          .then((html) => { if (!cancelled) setDoc(buildDesktopSrcdoc(html)); })
+          .catch(() => { if (!cancelled) setLoadError(true); });
+        return () => { cancelled = true; };
+      }, [isDesktop, retryTick]);
+
+      if (!isDesktop) {
+        return React.createElement('iframe', {
+          src: '/agentone/',
+          title: 'AgentOne',
+          style: SECTION_IFRAME_STYLE,
+        });
+      }
+      if (loadError) {
+        return React.createElement(
+          'div',
+          { style: { padding: '24px', textAlign: 'center', color: 'var(--dsw-alias-label-secondary, #57606a)' } },
+          React.createElement('p', null, 'AgentOne 面板加载失败，请重试'),
+          React.createElement(
+            'button',
+            {
+              onClick: () => setRetryTick((tick) => tick + 1),
+              style: { padding: '8px 20px', borderRadius: '10px', border: 'none', cursor: 'pointer', background: '#2f6feb', color: '#fff' },
+            },
+            '重新加载',
+          ),
+        );
+      }
+      if (doc === null) {
+        return React.createElement(
+          'div',
+          { style: { padding: '24px', textAlign: 'center', color: 'var(--dsw-alias-label-secondary, #57606a)' } },
+          '加载中…',
+        );
+      }
       return React.createElement('iframe', {
-        src: '/agentone/',
+        srcDoc: doc,
         title: 'AgentOne',
-        style: {
-          border: 'none',
-          width: '100%',
-          height: '100%',
-          minHeight: '480px',
-          borderRadius: '12px',
-          background: 'transparent',
-        },
+        style: SECTION_IFRAME_STYLE,
       });
     }
 

package/lib/page.js

@@ -149,11 +149,13 @@ let lastStatus = null;
 // 上一次轮询到的套餐状态（pending→active 自动同步模型用）
 let lastPlanState = null;
 const notify = (message, kind) => {
-  toast.className = 'banner ' + (kind || 'ok');
+  // 保留 toast-fixed：覆盖 className 会把它一起抹掉，常驻可视区顶部的定位
+  // 失效，页面滚动后操作反馈落在视口外（CSS 注释里的「仍可见」不再成立）
+  toast.className = 'banner toast-fixed ' + (kind || 'ok');
   toast.textContent = message;
   clearTimeout(toastTimer);
   // 错误信息可能较长（含平台原因），给足阅读时间；成功提示维持 4s
-  toastTimer = setTimeout(() => { toast.className = 'banner'; }, kind === 'err' ? 10000 : 4000);
+  toastTimer = setTimeout(() => { toast.className = 'banner toast-fixed'; }, kind === 'err' ? 10000 : 4000);
 };
 // withLoading 收尾的刷新分两档：
 //   'status'（默认）——拉 /api/status 并整页 refresh()。模型/SkillHub/登录类
@@ -888,9 +890,15 @@ const renderPlugins = async () => {
       }).then(() => renderPlugins()), '插件已卸载');
   });
 };
+// ==about-upgrade-begin==
 // 关于页版本行：aboutSelf（GET api/plugin/self）有值时展示升级入口或
 // 「已安装待重启」提示；尚未取到时退化为运行中版本（状态轮询自带字段）。
 let aboutSelf = null;
+// 升级进行中标记。本行没有插件/技能列表那样的指纹保护：refresh() 的 5s 状态
+// 轮询每次都会重建它，而升级本身（pnpm view + pnpm add）要几十秒。不把这个态
+// 跨渲染保留，点击后的「升级中…」会在一次轮询内被抹回「升级」——按钮原样弹
+// 回，用户看到的就是「点了没反应」，且能再点一次触发并发重复升级。
+let aboutUpgrading = false;
 const aboutVersionRow = () => {
   const self = aboutSelf;
   if (!self) {
@@ -899,7 +907,9 @@ const aboutVersionRow = () => {
   let value;
   if (self.latest && !self.self_managed) {
     value = 'v' + esc(self.version || '?') + ' → <b>v' + esc(self.latest) + '</b>'
-      + ' <button id="about-upgrade-btn" class="btn small primary" data-loading="升级中…">升级</button>';
+      + (aboutUpgrading
+        ? ' <button id="about-upgrade-btn" class="btn small primary" disabled><span class="spin"></span>升级中…</button>'
+        : ' <button id="about-upgrade-btn" class="btn small primary" data-loading="升级中…">升级</button>');
   } else if (self.version && self.running && self.version !== self.running) {
     value = 'v' + esc(self.running) + '（运行中）· v' + esc(self.version) + ' 已安装，重启 DSH 后生效';
   } else {
@@ -909,8 +919,11 @@ const aboutVersionRow = () => {
 };
 const wireAboutUpgrade = () => {
   const btn = $('about-upgrade-btn');
-  if (!btn || btn.onclick) return;
+  // 升级中：行里已经是 disabled + spinner（aboutVersionRow 按 aboutUpgrading 渲染），
+  // 不重复接线；disabled 按钮本身也点不动，起不了第二个升级
+  if (!btn || aboutUpgrading || btn.onclick) return;
   btn.onclick = async () => {
+    aboutUpgrading = true;
     btn.disabled = true;
     btn.innerHTML = '<span class="spin"></span>升级中…';
     try {
@@ -921,15 +934,22 @@ const wireAboutUpgrade = () => {
       });
       const data = await resp.json().catch(() => ({}));
       if (!resp.ok) throw new Error(data.error || '插件升级失败');
+      aboutUpgrading = false;
       notify('插件已升级，重启 DSH 后生效');
       await refreshAboutSelf(true);
     } catch (error) {
+      aboutUpgrading = false;
       notify(error.message || '插件升级失败', 'err');
-      btn.disabled = false;
-      btn.innerHTML = '升级';
+      // 轮询可能刚重建过本行：按可见性整体重渲染，别只改手里这个已脱离文档的节点
+      rerenderAbout();
     }
   };
 };
+// 关于页重渲染，仅在「关于」tab 可见时执行：切 tab 拿到版本信息、升级结束后刷新
+const rerenderAbout = () => {
+  if (!$('about-body') || document.getElementById('pane-about').hidden) return;
+  renderAbout(lastStatus);
+};
 // 版本 + latest 查询有网络开销（pnpm view 打 registry）：1 分钟节流，
 // 切到「关于」tab 或升级完成后刷新
 const refreshAboutSelf = async (force = false) => {
@@ -944,8 +964,7 @@ const refreshAboutSelf = async (force = false) => {
   } catch {
     return; // 查询失败保持现状，版本行退化为运行中版本
   }
-  if (!$('about-body') || document.getElementById('pane-about').hidden) return;
-  renderAbout(lastStatus);
+  rerenderAbout();
 };
 const renderAbout = (s) => {
   const lines = [
@@ -958,6 +977,7 @@ const renderAbout = (s) => {
   $('about-body').innerHTML = lines.join('');
   wireAboutUpgrade();
 };
+// ==about-upgrade-end==
 const searchCatalog = async () => {
   const btn = $('search-btn');
   const q = $('search-input').value.trim();
@@ -1084,8 +1104,10 @@ $('login-btn').onclick = async () => {
   const btn = $('login-btn');
   const base = location.pathname.replace(/\\/agentone\\/?$/, '');
   // DSH Desktop：页面 URL 带 dsh-desktop-mode 参数，且宿主对外请求 403——
-  // 传 desktop 标记让后端起一次性本地回调服务
-  const isDesktop = new URLSearchParams(location.search).has('dsh-desktop-mode');
+  // 传 desktop 标记让后端起一次性本地回调服务。DSH NEXT 桌面壳下页面经
+  // srcdoc 加载（无 URL 参数），由 client.js 注入的 __AGENTONE_DESKTOP__ 兜底。
+  const isDesktop = new URLSearchParams(location.search).has('dsh-desktop-mode')
+    || window.__AGENTONE_DESKTOP__ === true;
   const callbackUrl = isDesktop
     ? null
     : location.pathname.startsWith('/portal/')

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-agentone",
-  "version": "0.5.31",
-  "description": "AgentOne 平台集成插件：飞书登录、平台模型（直连 Token Hub 不过境平台、同步失败自愈重试）、SkillHub 技能（升级检测一键升级、装后即时刷新、套餐技能自动同步）、套餐申请、插件管理与自助升级、lark-cli / ccpg-cli 探测与一键安装（请求超时与错误码透传、令牌轮换 single-flight、凭据损坏容错与并发安全写入、状态页 UX 增强、全局中文回复默认（AGENTS.md 受标记管理、永不覆盖用户设置））",
+  "version": "0.5.33",
+  "description": "AgentOne 平台集成插件：飞书登录、平台模型（直连 Token Hub 不过境平台、同步失败自愈重试）、SkillHub 技能（升级检测一键升级、装后即时刷新、套餐技能自动同步）、套餐申请、插件管理与自助升级、lark-cli / ccpg-cli 探测与一键安装（请求超时与错误码透传、令牌轮换 single-flight、凭据损坏容错与并发安全写入、状态页 UX 增强、全局中文回复默认（AGENTS.md 受标记管理、永不覆盖用户设置）、桌面版设置页白屏修复（iframe 子框架导航无桌面令牌改走主框架 fetch + srcdoc 渲染）、「关于」页升级中态跨状态轮询保留（点升级不再像没反应、不再并发重复升级）与 toast 常驻定位修复）",
   "type": "module",
   "scripts": {
     "smoke": "node scripts/env-matrix-smoke.mjs"