dsh-plugin-litellm-bridge 2.1.0 → 2.1.1

package/dsh-plugin-litellm-bridge/client/index.js

@@ -1179,22 +1179,30 @@ window.__ModuleLoader__.load({
       const [probe, setProbe] = useState(null);
       const [drops, setDrops] = useState([]);
 
-      // 当前会话 id：尽量从宿主会话上下文取；取不到就用 URL 里的会话标记
-      // 当前会话 id：尽量从宿主会话上下文取；取不到就用 URL 里的会话标记。
-      // 【注意】依赖数组里不能放 ctx / api —— 它们是每次渲染新建的对象，
-      // 放进去会触发无限重渲染（表现为整页空白）。
-      const sessionId = useMemo(() => {
+      // 当前会话 id
+      //
+      // 【重要】settings.section 是 **root scope**（全局设置页），它不属于
+      // 任何一个会话，所以这里**拿不到真实 sessionId**。
+      // 之前静默用 'current' 兜底，导致用户以为绑定成功了，
+      // 实际写进了一个名为 current 的假会话，真实会话读不到 —— 这是错的。
+      //
+      // 现在的策略：
+      //   1) 仍尝试从 ctx / URL 拿（某些宿主版本可能给）
+      //   2) 拿不到就标记 isFallback=true，UI 明确提示「去会话标题旁选」
+      //   3) 不再假装成功
+      const sessionInfo = useMemo(() => {
         try {
           const fromCtx = ctx?.session?.id || ctx?.sessionId;
-          if (fromCtx) return String(fromCtx);
+          if (fromCtx) return { id: String(fromCtx), isFallback: false };
           const loc = globalThis.location;
           const hay = String(loc?.hash || '') + String(loc?.search || '');
-          const m = hay.match(/session[=/]([A-Za-z0-9_-]+)/i);
-          return m ? m[1] : 'current';
-        } catch {
-          return 'current';
-        }
+          const m = hay.match(/session[=/]([A-Za-z0-9-]{8,})/i);
+          if (m) return { id: m[1], isFallback: false };
+        } catch { /* 落到 fallback */ }
+        return { id: 'current', isFallback: true };
       }, []);
+      const sessionId = sessionInfo.id;
+      const sessionIdIsFallback = sessionInfo.isFallback;
 
       useEffect(() => {
         api('session/getProfile', { sessionId }).then((r) => {
@@ -1234,32 +1242,117 @@ window.__ModuleLoader__.load({
       };
 
       return h('div', null,
+        // 【关键提示】拿不到真实 sessionId 时，必须明确告诉用户去哪操作，
+        // 而不是让人以为在这里选完就生效了。
+        sessionIdIsFallback && h('div', { style: S.notice('warn') },
+          h('div', { style: { fontWeight: 600, marginBottom: 4 } },
+            '设置页绑定不到「某一个会话」'),
+          h('div', null,
+            '这里是全局设置页，不属于任何具体会话，所以无法确定"当前会话"是哪一个。'),
+          h('div', { style: { marginTop: 6, fontWeight: 600 } },
+            '→ 请用会话标题旁的那个小按钮来切换本会话的降级链。'),
+          h('div', { style: { marginTop: 4, opacity: 0.8 } },
+            '（在主界面对话标题右边，显示当前 profile 名，点开即可选）'),
+        ),
+
         h('div', { style: S.card },
-          h('div', { style: S.field },
-            h('label', { style: S.label }, '本会话绑定的 Profile（降级链方案）'),
-            h('select', {
-              style: S.input, value: profile, onChange: (e) => setProfile(e.target.value),
-            },
-              h('option', { value: '' }, '（不绑定）'),
-              profileIds.map((p) => h('option', { key: p, value: p }, safeText(p))),
+          h('div', { style: S.fieldRow },
+            h('div', { style: { flex: '1 1 220px' } },
+              h('label', { style: S.label }, '本会话绑定的 Profile（降级链方案）'),
+              h('select', {
+                style: S.input, value: profile, onChange: (e) => setProfile(e.target.value),
+              },
+                h('option', { value: '' }, '（不绑定）'),
+                profileIds.map((p) => h('option', { key: p, value: p }, safeText(p))),
+              ),
+            ),
+            h('div', { style: { flex: '0 0 160px' } },
+              h('label', { style: S.label }, '会话标识'),
+              h('div', {
+                style: {
+                  ...S.input, display: 'flex', alignItems: 'center', gap: 6,
+                  ...S.mono, fontSize: 11,
+                  color: sessionIdIsFallback ? T.warn : T.labelPrimary,
+                },
+              },
+                sessionIdIsFallback
+                  ? h('span', null, '（设置页无会话上下文）')
+                  : h('span', { style: { wordBreak: 'break-all' } }, String(sessionId).slice(0, 20)),
+              ),
             ),
-            h('div', { style: S.hint },
-              '绑定后：本会话的 root 请求按该 profile 的 root 链走；spawn 的子 Agent 按同 profile 的 coder/research 链走。'),
           ),
-          h('div', { style: S.row },
-            h('button', { style: S.btn('primary'), onClick: save, disabled: busy }, '保存到会话变量'),
-            h('button', { style: S.btn(), onClick: runProbe, disabled: busy }, busy ? '测试中…' : '一键探针测试'),
+          h('div', { style: S.hint },
+            '绑定后：本会话的 root 请求按该 profile 的 root 链走；' +
+            'spawn 的子 Agent 按同 profile 的 coder/research 链走。'),
+          h('div', { style: { ...S.row, marginTop: 10 } },
+            h('button', {
+              style: S.btn('primary'), onClick: save,
+              disabled: busy || sessionIdIsFallback,
+            }, sessionIdIsFallback ? '请用会话标题旁的按钮' : '保存到会话变量'),
+            h('button', { style: S.btn(), onClick: runProbe, disabled: busy },
+              busy ? '测试中…' : '一键探针测试'),
           ),
           h('div', { style: { ...S.mono, color: T.labelSecondary, marginTop: 8, fontSize: 11 } },
             `会话变量键：litellm-bridge/session-profile · sessionId=${sessionId}`),
           saved && h('div', {
             style: { marginTop: 9, fontSize: 12, color: saved.kind === 'ok' ? T.success : T.error },
-          }, saved.text),
+          }, safeText(saved.text)),
           probe && h('div', {
             style: { marginTop: 9, fontSize: 12, color: probe.kind === 'ok' ? T.success : T.error },
-          }, probe.text),
+          }, safeText(probe.text)),
+        ),
+
+        // 【新增】这条会话实际会用哪条链 —— 让「有没有生效」可见、可验证
+        rt && h('div', { style: S.card },
+          h('div', { style: { fontWeight: 600, marginBottom: 8 } }, '这条会话实际走哪条链'),
+          (() => {
+            const effProfile = rt.sessionProfile || rt.defaultProfile || '(默认)';
+            const heads = rt.chainHeads || {};
+            return h('div', null,
+              h('div', { style: { ...S.row, marginBottom: 8 } },
+                h('span', { style: S.badge(T.brand, tint(T.brand, 14)) },
+                  `profile: ${safeText(effProfile)}`),
+                !rt.sessionProfile && h('span', { style: S.badge(T.warn, tint(T.warn, 14)) },
+                  '未绑定，用默认 profile'),
+              ),
+              h('div', {
+                style: {
+                  ...S.mono, fontSize: 11.5, lineHeight: 1.9,
+                  background: T.bgLayer1, border: `1px solid ${T.borderL1}`,
+                  borderRadius: 6, padding: '8px 10px',
+                },
+              },
+                h('div', null, `root      → ${safeText(heads.root, '—')}`),
+                h('div', null, `coder     → ${safeText(heads.coder, '—')}`),
+                h('div', null, `research  → ${safeText(heads.research, '—')}`),
+              ),
+              h('div', { style: { ...S.hint, marginTop: 6 } },
+                '子 Agent 被改道到网关时，请求的 model 就是上面 coder / research 对应的链头；' +
+                '网关再按该链配置的 fallback 顺序重试。'),
+            );
+          })(),
         ),
 
+        // 已知会话列表（用于确认绑定是否真的写到了正确会话）
+        rt && Array.isArray(rt.knownSessions) && rt.knownSessions.length > 0 &&
+          h('div', { style: S.card },
+            h('div', { style: { fontWeight: 600, marginBottom: 8 } }, '已观测到的会话'),
+            h('div', { style: { ...S.hint, marginBottom: 8 } },
+              '这些会话实际发出过模型请求，插件据此记录了它们的供应商与绑定。'),
+            rt.knownSessions.slice(0, 10).map((s, i) => h('div', {
+              key: i,
+              style: {
+                ...S.mono, fontSize: 11, padding: '5px 8px', marginBottom: 3,
+                borderRadius: 4, background: T.bgLayer1, border: `1px solid ${T.borderL1}`,
+                wordBreak: 'break-all',
+              },
+            },
+              h('span', { style: { opacity: 0.6 } }, `${String(s.sessionId).slice(0, 24)} `),
+              h('span', { style: S.badge() }, safeText(s.provider, '?')),
+              s.profile && h('span', { style: S.badge(T.brand, tint(T.brand, 12)) }, safeText(s.profile)),
+            )),
+          ),
+
         rt && h('div', { style: S.card },
           h('div', { style: { fontWeight: 600, marginBottom: 8 } }, '子代理路由覆盖'),
           (() => {
@@ -1272,7 +1365,7 @@ window.__ModuleLoader__.load({
               : { t: '不覆盖', c: S.ok, d: `供应商 ${sp} 不在覆盖名单` };
             return h('div', null,
               h('div', { style: { marginBottom: 6 } },
-                h('span', { style: S.badge() }, `当前供应商: ${sp || '未知'}`),
+                h('span', { style: S.badge() }, `当前供应商: ${safeText(sp, '未知')}`),
                 h('span', { style: { color: verdict.c, fontWeight: 600 } }, verdict.t),
               ),
               h('div', { style: { fontSize: 12, opacity: 0.75, marginBottom: 6 } }, verdict.d),

package/dsh-plugin-litellm-bridge/lib/index.js

@@ -226,6 +226,25 @@ export function apply(ctx, config = {}) {
     return proceed();
   });
 
+  /**
+   * 给定 agent 类型与会话，算出它实际会用的链头名。
+   *
+   * 抽成独立函数的原因：子代理改道（modelFor）与 UI 的「这条会话走哪条链」
+   * 必须用**同一套逻辑**，否则显示的和实际跑的可能不一致 —— 那比不显示更糟。
+   */
+  function chainHeadFor(agentType, parentSessionId) {
+    try {
+      const profileId = parentSessionId ? getSessionProfile(ctx, parentSessionId) : '';
+      const routes = store.get().routes;
+      const pid = routes[profileId] ? profileId : Object.keys(routes)[0] || DEFAULT_PROFILE_ID;
+      const cfg = routes?.[pid]?.agents?.[agentType];
+      if (cfg?.primary) return `${agentType}-${pid}-primary`;
+      return `${agentType}-${pid}-primary`;
+    } catch {
+      return `${agentType}-${DEFAULT_PROFILE_ID}-primary`;
+    }
+  }
+
   // -------------------------------------------------------------------------
   // 子代理路由覆盖（Trae/WorkBuddy 会话的子代理强制改道网关）
   // -------------------------------------------------------------------------
@@ -244,19 +263,9 @@ export function apply(ctx, config = {}) {
      * 链的顺序与超时可在 UI 单独配置，与 root 链完全独立。
      *
      * 返回链头名（<at>-<pid>-primary），由网关按 fallbacks 执行后续降级。
+     * 注意：这里与 UI 的 chainHeadFor 用同一套逻辑，保证「显示的就是实际跑的」。
      */
-    modelFor: (agentType, parentSessionId) => {
-      try {
-        const profileId = parentSessionId ? getSessionProfile(ctx, parentSessionId) : '';
-        const routes = store.get().routes;
-        const pid = routes[profileId] ? profileId : Object.keys(routes)[0];
-        const cfg = routes?.[pid]?.agents?.[agentType];
-        if (cfg?.primary) return `${agentType}-${pid}-primary`;
-      } catch {
-        /* 读配置失败退回默认链头 */
-      }
-      return `${agentType}-${DEFAULT_PROFILE_ID}-primary`;
-    },
+    modelFor: (agentType, parentSessionId) => chainHeadFor(agentType, parentSessionId),
     debug: (m) => ctx.logger?.debug?.(m),
   });
   ctx.effect?.(() => () => routing.dispose());
@@ -606,7 +615,21 @@ export function apply(ctx, config = {}) {
       }
 
       // ---- 子代理路由覆盖状态 ----
-      case 'routing/status':
+      case 'routing/status': {
+        // 把「已观测到的会话」一并返回，方便 UI 显示真实 sessionId
+        // 并让用户确认「我这条会话到底走哪条链」。
+        const known = [];
+        for (const [sid, provider] of sessionProviders.entries()) {
+          known.push({
+            sessionId: sid,
+            provider,
+            profile: getSessionProfile(ctx, sid) || '',
+            // 该会话实际会用的链头（子代理被改道时用）
+            chainHeads: Object.fromEntries(
+              AGENT_TYPES.map((at) => [at, chainHeadFor(at, sid)]),
+            ),
+          });
+        }
         return {
           ok: true,
           data: {
@@ -614,8 +637,12 @@ export function apply(ctx, config = {}) {
             gatewayProvider: routing.gatewayProvider || GATEWAY_PROVIDER,
             stats: routing.stats(),
             sessionProvider: args.sessionId ? getSessionProvider(String(args.sessionId)) || null : null,
+            sessionProfile: args.sessionId ? getSessionProfile(ctx, String(args.sessionId)) || '' : '',
+            knownSessions: known,
+            defaultProfile: Object.keys(store.get().routes)[0] || DEFAULT_PROFILE_ID,
           },
         };
+      }
 
       default:
         return { ok: false, error: `未知操作: ${action}` };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-plugin-litellm-bridge",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "LiteLLM gateway bridge for DSH: assemble root / coder / research fallback chains from the DSH model pool and hand the order to a LiteLLM gateway that executes retries and fallbacks. The plugin performs no routing itself.",
   "keywords": [
     "dsh",