Show WhatsApp channel peer next to Agent Preset in session header (4.9.1-ops.20).

Plugins inject conversation.session.header.actions; resolve sessionId back to the bound chat and render nickname/phone or group title.

Co-authored-by: Cursor <cursoragent@cursor.com>

plugin-src/client/channel-peer-label.js

@@ -0,0 +1,95 @@
+import * as React from 'react';
+
+import { h, localizeText } from './i18n.js';
+import {
+  unwrapRpcResult,
+  WHATSAPP_ENDPOINTS,
+} from './channels/whatsapp/api.js';
+
+const CHANNEL_LABELS = Object.freeze({
+  whatsapp: 'WhatsApp',
+  feishu: '飞书',
+  dingtalk: '钉钉',
+  wecom: '企业微信',
+  weixin: '微信',
+  qq: 'QQ',
+  telegram: 'Telegram',
+  discord: 'Discord',
+  slack: 'Slack',
+  office: 'AI Office',
+});
+
+/**
+ * Session-header chip: channel peer for IM-bound conversations.
+ * Renders nothing when the current session is not bound to a channel chat.
+ * @param {{
+ *   sessionId: string,
+ *   resolveChannelPeer?: (sessionId: string, signal?: AbortSignal) => Promise<object|null>,
+ * }} props
+ */
+export function ChannelPeerLabel({ sessionId, resolveChannelPeer }) {
+  const [peer, setPeer] = React.useState(null);
+
+  React.useEffect(() => {
+    if (typeof resolveChannelPeer !== 'function' || typeof sessionId !== 'string' || !sessionId) {
+      setPeer(null);
+      return undefined;
+    }
+    const controller = new AbortController();
+    let active = true;
+    void (async () => {
+      try {
+        const next = await resolveChannelPeer(sessionId, controller.signal);
+        if (active && !controller.signal.aborted) setPeer(next && typeof next === 'object' ? next : null);
+      } catch {
+        if (active && !controller.signal.aborted) setPeer(null);
+      }
+    })();
+    return () => {
+      active = false;
+      controller.abort();
+    };
+  }, [sessionId, resolveChannelPeer]);
+
+  if (!peer?.label) return null;
+  const channelName = CHANNEL_LABELS[peer.channel] || peer.channel || 'IM';
+  const title = peer.kind === 'group'
+    ? `${channelName} · ${peer.label}`
+    : `${channelName} · ${peer.label}`;
+  return h('span', {
+    className: 'dim-channelPeerLabel',
+    title,
+    'aria-label': localizeText('渠道用户') + ` · ${title}`,
+  },
+  h('span', { className: 'dim-channelPeerChannel', 'aria-hidden': 'true' }, channelName),
+  h('span', { className: 'dim-channelPeerText' }, peer.label));
+}
+
+/**
+ * Resolve the channel peer for a session via WhatsApp (ops-first).
+ * Returns null when the session is not bound to a WhatsApp conversation.
+ * @param {(endpoint: string, payload: object, signal?: AbortSignal) => Promise<unknown>} whatsappRpcCall
+ * @param {string} sessionId
+ * @param {AbortSignal} [signal]
+ */
+export async function resolveWhatsappChannelPeer(whatsappRpcCall, sessionId, signal) {
+  if (typeof whatsappRpcCall !== 'function') return null;
+  const result = await whatsappRpcCall(
+    WHATSAPP_ENDPOINTS.resolveChannelPeer,
+    { sessionId },
+    signal,
+  );
+  const value = unwrapRpcResult(result);
+  if (!value || typeof value !== 'object') return null;
+  const label = typeof value.label === 'string' ? value.label.trim() : '';
+  if (!label) return null;
+  return {
+    channel: typeof value.channel === 'string' ? value.channel : 'whatsapp',
+    botId: typeof value.botId === 'string' ? value.botId : '',
+    kind: value.kind === 'group' ? 'group' : 'direct',
+    label,
+    phone: typeof value.phone === 'string' ? value.phone : null,
+    pushName: typeof value.pushName === 'string' ? value.pushName : null,
+    groupTitle: typeof value.groupTitle === 'string' ? value.groupTitle : null,
+  };
+}