@nextclaw/ui 0.9.12 → 0.9.14

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextclaw/ui
 
+## 0.9.14
+
+### Patch Changes
+
+- Add the Weixin channel entry to the Channels page so users can configure personal Weixin accounts directly from the frontend.
+
+## 0.9.13
+
+### Patch Changes
+
+- Fix local UI runtime probe fallback so local NextClaw instances keep using local transport
+  instead of breaking on `/_remote/runtime` HTML responses.
+
 ## 0.9.12
 
 ### Patch Changes

package/package.json

@@ -1,10 +1,24 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.9.12",
+  "version": "0.9.14",
   "private": false,
   "type": "module",
   "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "prepack": "pnpm run build",
+    "preview": "vite preview",
+    "lint": "eslint .",
+    "tsc": "tsc --noEmit",
+    "test": "vitest run"
+  },
   "dependencies": {
+    "@nextclaw/agent-chat": "workspace:*",
+    "@nextclaw/agent-chat-ui": "workspace:*",
+    "@nextclaw/ncp": "workspace:*",
+    "@nextclaw/ncp-http-agent-client": "workspace:*",
+    "@nextclaw/ncp-react": "workspace:*",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-popover": "^1.1.15",
@@ -26,12 +40,7 @@
     "sonner": "^1.7.1",
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
-    "zustand": "^5.0.2",
-    "@nextclaw/ncp": "0.3.1",
-    "@nextclaw/ncp-http-agent-client": "0.3.1",
-    "@nextclaw/agent-chat-ui": "0.2.1",
-    "@nextclaw/ncp-react": "0.3.2",
-    "@nextclaw/agent-chat": "0.1.1"
+    "zustand": "^5.0.2"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -48,13 +57,5 @@
     "typescript": "^5.6.3",
     "vite": "^6.0.1",
     "vitest": "^2.1.2"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "lint": "eslint .",
-    "tsc": "tsc --noEmit",
-    "test": "vitest run"
   }
-}
+}

package/public/logos/weixin.svg

@@ -0,0 +1,5 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="128" height="128" rx="28" fill="#07C160"/>
+  <path d="M49.579 31C28.272 31 11 45.904 11 64.281c0 10.576 5.753 20.006 14.731 26.155L20.58 104l16.847-8.932a45.23 45.23 0 0 0 12.152 1.637c21.307 0 38.579-14.903 38.579-33.281C88.158 45.904 70.886 31 49.58 31Zm-13.03 20.08c2.223 0 4.026 1.726 4.026 3.855 0 2.13-1.803 3.856-4.026 3.856-2.224 0-4.027-1.726-4.027-3.856 0-2.129 1.803-3.855 4.027-3.855Zm26.58 7.711c-2.223 0-4.027-1.726-4.027-3.856 0-2.129 1.804-3.855 4.027-3.855 2.224 0 4.027 1.726 4.027 3.855 0 2.13-1.803 3.856-4.027 3.856Z" fill="#fff"/>
+  <path d="M82.807 49.043C68.447 49.043 56.807 58.944 56.807 71.155c0 12.21 11.64 22.111 26 22.111 4.228 0 8.218-.857 11.717-2.374L108.5 97l-4.618-11.29c5.164-4.02 8.425-9.116 8.425-14.555 0-12.211-11.64-22.112-25.5-22.112Zm-8.308 18.78c-1.617 0-2.928-1.19-2.928-2.66 0-1.468 1.311-2.658 2.928-2.658 1.618 0 2.929 1.19 2.929 2.659 0 1.468-1.311 2.659-2.929 2.659Zm16.615 0c-1.617 0-2.928-1.19-2.928-2.66 0-1.468 1.311-2.658 2.928-2.658 1.618 0 2.929 1.19 2.929 2.659 0 1.468-1.311 2.659-2.929 2.659Z" fill="#D6F8E4"/>
+</svg>

package/src/components/chat/ncp/ncp-app-client-fetch.test.ts

@@ -61,6 +61,15 @@ describe('ncp-app-client-fetch', () => {
       method: 'GET',
       path: '/api/ncp/agent/stream?sessionId=s1',
       signal: undefined,
+      terminalEventPayloadTypes: {
+        'ncp-event': [
+          'message.completed',
+          'message.failed',
+          'run.finished',
+          'run.error',
+          'message.abort'
+        ]
+      },
       onEvent: expect.any(Function)
     });
     expect(text).toContain('event: ncp-event');

package/src/components/chat/ncp/ncp-app-client-fetch.ts

@@ -2,6 +2,13 @@ import { API_BASE } from '@/api/api-base';
 import { appClient } from '@/transport';
 
 type FetchLike = typeof fetch;
+const NCP_TERMINAL_EVENT_PAYLOAD_TYPES = [
+  'message.completed',
+  'message.failed',
+  'run.finished',
+  'run.error',
+  'message.abort'
+] as const;
 
 export function createNcpAppClientFetch(): FetchLike {
   return async (input, init) => {
@@ -92,6 +99,9 @@ function createSseResponse(request: RequestSnapshot): Response {
         path: request.path,
         ...(request.body !== undefined ? { body: request.body } : {}),
         signal: request.signal,
+        terminalEventPayloadTypes: {
+          'ncp-event': NCP_TERMINAL_EVENT_PAYLOAD_TYPES
+        },
         onEvent: (event) => {
           controller.enqueue(encoder.encode(encodeSseFrame(event.name, event.payload)));
         }

package/src/components/chat/ncp/ncp-session-adapter.ts

@@ -168,7 +168,6 @@ export function adaptNcpMessageToUiMessage(message: NcpMessageView): UIMessage {
 }
 
 export function adaptNcpMessagesToUiMessages(messages: readonly NcpMessageView[]): UIMessage[] {
-  console.log('[adaptNcpMessagesToUiMessages]', { messages });
   return messages.map(adaptNcpMessageToUiMessage);
 }
 

package/src/components/config/ChannelForm.tsx

@@ -17,35 +17,12 @@ import type { ConfigActionManifest } from '@/api/types';
 import { resolveChannelTutorialUrl } from '@/lib/channel-tutorials';
 import { getChannelLogo } from '@/lib/logos';
 import { CONFIG_DETAIL_CARD_CLASS, CONFIG_EMPTY_DETAIL_CARD_CLASS } from './config-layout';
-
-type ChannelFieldType = 'boolean' | 'text' | 'email' | 'password' | 'number' | 'tags' | 'select' | 'json';
-type ChannelOption = { value: string; label: string };
-type ChannelField = { name: string; type: ChannelFieldType; label: string; options?: ChannelOption[] };
+import { buildChannelFields } from './channel-form-fields';
 
 type ChannelFormProps = {
   channelName?: string;
 };
 
-const DM_POLICY_OPTIONS: ChannelOption[] = [
-  { value: 'pairing', label: 'pairing' },
-  { value: 'allowlist', label: 'allowlist' },
-  { value: 'open', label: 'open' },
-  { value: 'disabled', label: 'disabled' }
-];
-
-const GROUP_POLICY_OPTIONS: ChannelOption[] = [
-  { value: 'open', label: 'open' },
-  { value: 'allowlist', label: 'allowlist' },
-  { value: 'disabled', label: 'disabled' }
-];
-
-const STREAMING_MODE_OPTIONS: ChannelOption[] = [
-  { value: 'off', label: 'off' },
-  { value: 'partial', label: 'partial' },
-  { value: 'block', label: 'block' },
-  { value: 'progress', label: 'progress' }
-];
-
 const getFieldIcon = (fieldName: string) => {
   if (fieldName.includes('token') || fieldName.includes('secret') || fieldName.includes('password')) {
     return <KeyRound className="h-3.5 w-3.5 text-gray-500" />;
@@ -65,104 +42,6 @@ const getFieldIcon = (fieldName: string) => {
   return <Settings className="h-3.5 w-3.5 text-gray-500" />;
 };
 
-function buildChannelFields(): Record<string, ChannelField[]> {
-  return {
-    telegram: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'token', type: 'password', label: t('botToken') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') },
-      { name: 'proxy', type: 'text', label: t('proxy') },
-      { name: 'accountId', type: 'text', label: t('accountId') },
-      { name: 'dmPolicy', type: 'select', label: t('dmPolicy'), options: DM_POLICY_OPTIONS },
-      { name: 'groupPolicy', type: 'select', label: t('groupPolicy'), options: GROUP_POLICY_OPTIONS },
-      { name: 'groupAllowFrom', type: 'tags', label: t('groupAllowFrom') },
-      { name: 'requireMention', type: 'boolean', label: t('requireMention') },
-      { name: 'mentionPatterns', type: 'tags', label: t('mentionPatterns') },
-      { name: 'groups', type: 'json', label: t('groupRulesJson') }
-    ],
-    discord: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'token', type: 'password', label: t('botToken') },
-      { name: 'allowBots', type: 'boolean', label: t('allowBotMessages') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') },
-      { name: 'gatewayUrl', type: 'text', label: t('gatewayUrl') },
-      { name: 'intents', type: 'number', label: t('intents') },
-      { name: 'proxy', type: 'text', label: t('proxy') },
-      { name: 'mediaMaxMb', type: 'number', label: t('attachmentMaxSizeMb') },
-      { name: 'streaming', type: 'select', label: t('streamingMode'), options: STREAMING_MODE_OPTIONS },
-      { name: 'draftChunk', type: 'json', label: t('draftChunkingJson') },
-      { name: 'textChunkLimit', type: 'number', label: t('textChunkLimit') },
-      { name: 'accountId', type: 'text', label: t('accountId') },
-      { name: 'dmPolicy', type: 'select', label: t('dmPolicy'), options: DM_POLICY_OPTIONS },
-      { name: 'groupPolicy', type: 'select', label: t('groupPolicy'), options: GROUP_POLICY_OPTIONS },
-      { name: 'groupAllowFrom', type: 'tags', label: t('groupAllowFrom') },
-      { name: 'requireMention', type: 'boolean', label: t('requireMention') },
-      { name: 'mentionPatterns', type: 'tags', label: t('mentionPatterns') },
-      { name: 'groups', type: 'json', label: t('groupRulesJson') }
-    ],
-    whatsapp: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'bridgeUrl', type: 'text', label: t('bridgeUrl') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
-    ],
-    feishu: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'appId', type: 'text', label: t('appId') },
-      { name: 'appSecret', type: 'password', label: t('appSecret') },
-      { name: 'encryptKey', type: 'password', label: t('encryptKey') },
-      { name: 'verificationToken', type: 'password', label: t('verificationToken') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
-    ],
-    dingtalk: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'clientId', type: 'text', label: t('clientId') },
-      { name: 'clientSecret', type: 'password', label: t('clientSecret') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
-    ],
-    wecom: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'corpId', type: 'text', label: t('corpId') },
-      { name: 'agentId', type: 'text', label: t('agentId') },
-      { name: 'secret', type: 'password', label: t('secret') },
-      { name: 'token', type: 'password', label: t('token') },
-      { name: 'callbackPort', type: 'number', label: t('callbackPort') },
-      { name: 'callbackPath', type: 'text', label: t('callbackPath') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
-    ],
-    slack: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'mode', type: 'text', label: t('mode') },
-      { name: 'webhookPath', type: 'text', label: t('webhookPath') },
-      { name: 'allowBots', type: 'boolean', label: t('allowBotMessages') },
-      { name: 'botToken', type: 'password', label: t('botToken') },
-      { name: 'appToken', type: 'password', label: t('appToken') }
-    ],
-    email: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'consentGranted', type: 'boolean', label: t('consentGranted') },
-      { name: 'imapHost', type: 'text', label: t('imapHost') },
-      { name: 'imapPort', type: 'number', label: t('imapPort') },
-      { name: 'imapUsername', type: 'text', label: t('imapUsername') },
-      { name: 'imapPassword', type: 'password', label: t('imapPassword') },
-      { name: 'fromAddress', type: 'email', label: t('fromAddress') }
-    ],
-    mochat: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'baseUrl', type: 'text', label: t('baseUrl') },
-      { name: 'clawToken', type: 'password', label: t('clawToken') },
-      { name: 'agentUserId', type: 'text', label: t('agentUserId') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
-    ],
-    qq: [
-      { name: 'enabled', type: 'boolean', label: t('enabled') },
-      { name: 'appId', type: 'text', label: t('appId') },
-      { name: 'secret', type: 'password', label: t('appSecret') },
-      { name: 'markdownSupport', type: 'boolean', label: t('markdownSupport') },
-      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
-    ]
-  };
-}
-
 function isRecord(value: unknown): value is Record<string, unknown> {
   return typeof value === 'object' && value !== null && !Array.isArray(value);
 }

package/src/components/config/ChannelsList.test.tsx

@@ -0,0 +1,127 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { ChannelsList } from '@/components/config/ChannelsList';
+
+const mocks = vi.hoisted(() => ({
+  mutate: vi.fn(),
+  mutateAsync: vi.fn(),
+  configQuery: {
+    data: {
+      channels: {
+        weixin: {
+          enabled: false,
+          defaultAccountId: '1344b2b24720@im.bot',
+          baseUrl: 'https://ilinkai.weixin.qq.com',
+          pollTimeoutMs: 35000,
+          allowFrom: ['o9cq804svxfyCCTIqzddDqRBeMC0@im.wechat'],
+          accounts: {
+            '1344b2b24720@im.bot': {
+              enabled: true
+            }
+          }
+        }
+      }
+    },
+    isLoading: false
+  },
+  metaQuery: {
+    data: {
+      channels: [
+        {
+          name: 'weixin',
+          displayName: 'Weixin',
+          enabled: false
+        }
+      ]
+    }
+  },
+  schemaQuery: {
+    data: {
+      uiHints: {
+        'channels.weixin': {
+          label: 'Weixin',
+          help: 'Weixin QR login + getupdates long-poll channel'
+        },
+        'channels.weixin.baseUrl': {
+          label: 'API Base URL'
+        }
+      },
+      actions: []
+    }
+  }
+}));
+
+vi.mock('@/hooks/useConfig', () => ({
+  useConfig: () => mocks.configQuery,
+  useConfigMeta: () => mocks.metaQuery,
+  useConfigSchema: () => mocks.schemaQuery,
+  useUpdateChannel: () => ({
+    mutate: mocks.mutate,
+    mutateAsync: mocks.mutateAsync,
+    isPending: false
+  }),
+  useExecuteConfigAction: () => ({
+    mutateAsync: vi.fn(),
+    isPending: false
+  })
+}));
+
+describe('ChannelsList', () => {
+  beforeEach(() => {
+    mocks.mutate.mockReset();
+    mocks.mutateAsync.mockReset();
+  });
+
+  it('renders weixin and submits weixin-specific config fields', async () => {
+    const user = userEvent.setup();
+
+    render(<ChannelsList />);
+
+    await user.click(await screen.findByRole('button', { name: /All Channels/i }));
+
+    expect((await screen.findAllByText('Weixin')).length).toBeGreaterThan(0);
+    expect(await screen.findByLabelText('Default Account ID')).toBeTruthy();
+
+    const timeoutInput = await screen.findByLabelText('Long Poll Timeout (ms)');
+    await user.clear(timeoutInput);
+    await user.type(timeoutInput, '45000');
+
+    const accountsJson = await screen.findByLabelText('Accounts JSON');
+    await user.clear(accountsJson);
+    fireEvent.change(accountsJson, {
+      target: {
+        value: JSON.stringify(
+          {
+            '1344b2b24720@im.bot': {
+              enabled: true,
+              baseUrl: 'https://ilinkai.weixin.qq.com'
+            }
+          },
+          null,
+          2
+        )
+      }
+    });
+
+    await user.click(screen.getByRole('button', { name: /save/i }));
+
+    await waitFor(() => {
+      expect(mocks.mutate).toHaveBeenCalledWith({
+        channel: 'weixin',
+        data: expect.objectContaining({
+          enabled: false,
+          defaultAccountId: '1344b2b24720@im.bot',
+          baseUrl: 'https://ilinkai.weixin.qq.com',
+          pollTimeoutMs: 45000,
+          allowFrom: ['o9cq804svxfyCCTIqzddDqRBeMC0@im.wechat'],
+          accounts: {
+            '1344b2b24720@im.bot': {
+              enabled: true,
+              baseUrl: 'https://ilinkai.weixin.qq.com'
+            }
+          }
+        })
+      });
+    });
+  });
+});

package/src/components/config/ChannelsList.tsx

@@ -20,7 +20,8 @@ const channelDescriptionKeys: Record<string, string> = {
   email: 'channelDescEmail',
   webhook: 'channelDescWebhook',
   discord: 'channelDescDiscord',
-  feishu: 'channelDescFeishu'
+  feishu: 'channelDescFeishu',
+  weixin: 'channelDescWeixin'
 };
 
 export function ChannelsList() {

package/src/components/config/channel-form-fields.ts

@@ -0,0 +1,131 @@
+import { t } from '@/lib/i18n';
+
+export type ChannelFieldType = 'boolean' | 'text' | 'email' | 'password' | 'number' | 'tags' | 'select' | 'json';
+export type ChannelOption = { value: string; label: string };
+export type ChannelField = { name: string; type: ChannelFieldType; label: string; options?: ChannelOption[] };
+
+const DM_POLICY_OPTIONS: ChannelOption[] = [
+  { value: 'pairing', label: 'pairing' },
+  { value: 'allowlist', label: 'allowlist' },
+  { value: 'open', label: 'open' },
+  { value: 'disabled', label: 'disabled' }
+];
+
+const GROUP_POLICY_OPTIONS: ChannelOption[] = [
+  { value: 'open', label: 'open' },
+  { value: 'allowlist', label: 'allowlist' },
+  { value: 'disabled', label: 'disabled' }
+];
+
+const STREAMING_MODE_OPTIONS: ChannelOption[] = [
+  { value: 'off', label: 'off' },
+  { value: 'partial', label: 'partial' },
+  { value: 'block', label: 'block' },
+  { value: 'progress', label: 'progress' }
+];
+
+export function buildChannelFields(): Record<string, ChannelField[]> {
+  return {
+    telegram: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'token', type: 'password', label: t('botToken') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') },
+      { name: 'proxy', type: 'text', label: t('proxy') },
+      { name: 'accountId', type: 'text', label: t('accountId') },
+      { name: 'dmPolicy', type: 'select', label: t('dmPolicy'), options: DM_POLICY_OPTIONS },
+      { name: 'groupPolicy', type: 'select', label: t('groupPolicy'), options: GROUP_POLICY_OPTIONS },
+      { name: 'groupAllowFrom', type: 'tags', label: t('groupAllowFrom') },
+      { name: 'requireMention', type: 'boolean', label: t('requireMention') },
+      { name: 'mentionPatterns', type: 'tags', label: t('mentionPatterns') },
+      { name: 'groups', type: 'json', label: t('groupRulesJson') }
+    ],
+    discord: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'token', type: 'password', label: t('botToken') },
+      { name: 'allowBots', type: 'boolean', label: t('allowBotMessages') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') },
+      { name: 'gatewayUrl', type: 'text', label: t('gatewayUrl') },
+      { name: 'intents', type: 'number', label: t('intents') },
+      { name: 'proxy', type: 'text', label: t('proxy') },
+      { name: 'mediaMaxMb', type: 'number', label: t('attachmentMaxSizeMb') },
+      { name: 'streaming', type: 'select', label: t('streamingMode'), options: STREAMING_MODE_OPTIONS },
+      { name: 'draftChunk', type: 'json', label: t('draftChunkingJson') },
+      { name: 'textChunkLimit', type: 'number', label: t('textChunkLimit') },
+      { name: 'accountId', type: 'text', label: t('accountId') },
+      { name: 'dmPolicy', type: 'select', label: t('dmPolicy'), options: DM_POLICY_OPTIONS },
+      { name: 'groupPolicy', type: 'select', label: t('groupPolicy'), options: GROUP_POLICY_OPTIONS },
+      { name: 'groupAllowFrom', type: 'tags', label: t('groupAllowFrom') },
+      { name: 'requireMention', type: 'boolean', label: t('requireMention') },
+      { name: 'mentionPatterns', type: 'tags', label: t('mentionPatterns') },
+      { name: 'groups', type: 'json', label: t('groupRulesJson') }
+    ],
+    whatsapp: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'bridgeUrl', type: 'text', label: t('bridgeUrl') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
+    ],
+    feishu: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'appId', type: 'text', label: t('appId') },
+      { name: 'appSecret', type: 'password', label: t('appSecret') },
+      { name: 'encryptKey', type: 'password', label: t('encryptKey') },
+      { name: 'verificationToken', type: 'password', label: t('verificationToken') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
+    ],
+    dingtalk: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'clientId', type: 'text', label: t('clientId') },
+      { name: 'clientSecret', type: 'password', label: t('clientSecret') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
+    ],
+    wecom: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'corpId', type: 'text', label: t('corpId') },
+      { name: 'agentId', type: 'text', label: t('agentId') },
+      { name: 'secret', type: 'password', label: t('secret') },
+      { name: 'token', type: 'password', label: t('token') },
+      { name: 'callbackPort', type: 'number', label: t('callbackPort') },
+      { name: 'callbackPath', type: 'text', label: t('callbackPath') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
+    ],
+    weixin: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'defaultAccountId', type: 'text', label: t('defaultAccountId') },
+      { name: 'baseUrl', type: 'text', label: t('baseUrl') },
+      { name: 'pollTimeoutMs', type: 'number', label: t('pollTimeoutMs') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') },
+      { name: 'accounts', type: 'json', label: t('accountsJson') }
+    ],
+    slack: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'mode', type: 'text', label: t('mode') },
+      { name: 'webhookPath', type: 'text', label: t('webhookPath') },
+      { name: 'allowBots', type: 'boolean', label: t('allowBotMessages') },
+      { name: 'botToken', type: 'password', label: t('botToken') },
+      { name: 'appToken', type: 'password', label: t('appToken') }
+    ],
+    email: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'consentGranted', type: 'boolean', label: t('consentGranted') },
+      { name: 'imapHost', type: 'text', label: t('imapHost') },
+      { name: 'imapPort', type: 'number', label: t('imapPort') },
+      { name: 'imapUsername', type: 'text', label: t('imapUsername') },
+      { name: 'imapPassword', type: 'password', label: t('imapPassword') },
+      { name: 'fromAddress', type: 'email', label: t('fromAddress') }
+    ],
+    mochat: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'baseUrl', type: 'text', label: t('baseUrl') },
+      { name: 'clawToken', type: 'password', label: t('clawToken') },
+      { name: 'agentUserId', type: 'text', label: t('agentUserId') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
+    ],
+    qq: [
+      { name: 'enabled', type: 'boolean', label: t('enabled') },
+      { name: 'appId', type: 'text', label: t('appId') },
+      { name: 'secret', type: 'password', label: t('appSecret') },
+      { name: 'markdownSupport', type: 'boolean', label: t('markdownSupport') },
+      { name: 'allowFrom', type: 'tags', label: t('allowFrom') }
+    ]
+  };
+}

package/src/lib/i18n.channels.ts

@@ -0,0 +1,52 @@
+export const CHANNEL_LABELS: Record<string, { zh: string; en: string }> = {
+  channelsPageTitle: { zh: '消息渠道', en: 'Message Channels' },
+  channelsPageDescription: {
+    zh: '在一个页面中连续筛选、切换并配置各个消息渠道。',
+    en: 'Filter, switch, and configure messaging channels in one continuous workspace.'
+  },
+  channelsLoading: { zh: '加载渠道中...', en: 'Loading channels...' },
+  channelsTabEnabled: { zh: '已启用', en: 'Enabled' },
+  channelsTabAll: { zh: '全部渠道', en: 'All Channels' },
+  channelsFilterPlaceholder: { zh: '搜索渠道', en: 'Search channels' },
+  channelsNoMatch: { zh: '没有匹配的渠道', en: 'No matching channels' },
+  channelsSelectTitle: { zh: '选择左侧渠道开始配置', en: 'Select a channel from the left to configure' },
+  channelsSelectDescription: { zh: '你可以连续切换多个渠道并逐个保存配置。', en: 'Switch between channels continuously and save each configuration.' },
+  channelsFormDescription: { zh: '配置消息渠道参数', en: 'Configure message channel parameters' },
+  channelsEmptyTitle: { zh: '暂无启用渠道', en: 'No channels enabled' },
+  channelsEmptyDescription: { zh: '启用一个消息渠道以开始接收消息。', en: 'Enable a messaging channel to start receiving messages.' },
+  channelDescriptionDefault: { zh: '配置该通信渠道', en: 'Configure this communication channel' },
+  channelDescTelegram: { zh: '连接 Telegram 机器人以进行即时消息收发', en: 'Connect with Telegram bots for instant messaging' },
+  channelDescSlack: { zh: '接入 Slack 工作区进行团队协作消息处理', en: 'Integrate with Slack workspaces for team collaboration' },
+  channelDescEmail: { zh: '通过邮件协议收发消息', en: 'Send and receive messages via email protocols' },
+  channelDescWebhook: { zh: '接收 HTTP Webhook 以支持自定义集成', en: 'Receive HTTP webhooks for custom integrations' },
+  channelDescDiscord: { zh: '将 Discord 机器人连接到你的社区服务器', en: 'Connect Discord bots to your community servers' },
+  channelDescFeishu: { zh: '企业消息与协作平台接入', en: 'Enterprise messaging and collaboration platform' },
+  channelDescWeixin: { zh: '通过微信扫码登录并使用长轮询收发个人微信消息', en: 'Use QR login and long-poll updates for personal Weixin messaging' },
+  configureMessageChannelParameters: { zh: '配置消息渠道参数', en: 'Configure message channel parameters' },
+  channelsGuideTitle: { zh: '查看指南', en: 'View Guide' },
+  allowFrom: { zh: '允许来源', en: 'Allow From' },
+  token: { zh: 'Token', en: 'Token' },
+  botToken: { zh: 'Bot Token', en: 'Bot Token' },
+  appToken: { zh: 'App Token', en: 'App Token' },
+  appId: { zh: 'App ID', en: 'App ID' },
+  corpId: { zh: '企业 ID', en: 'Corp ID' },
+  agentId: { zh: '应用 Agent ID', en: 'Agent ID' },
+  appSecret: { zh: 'App Secret', en: 'App Secret' },
+  markdownSupport: { zh: 'Markdown 支持', en: 'Markdown Support' },
+  clientId: { zh: 'Client ID', en: 'Client ID' },
+  clientSecret: { zh: 'Client Secret', en: 'Client Secret' },
+  encryptKey: { zh: '加密密钥', en: 'Encrypt Key' },
+  verificationToken: { zh: '验证令牌', en: 'Verification Token' },
+  bridgeUrl: { zh: '桥接 URL', en: 'Bridge URL' },
+  gatewayUrl: { zh: '网关 URL', en: 'Gateway URL' },
+  proxy: { zh: '代理', en: 'Proxy' },
+  intents: { zh: 'Intents', en: 'Intents' },
+  mode: { zh: '模式', en: 'Mode' },
+  webhookPath: { zh: 'Webhook 路径', en: 'Webhook Path' },
+  callbackPort: { zh: '回调端口', en: 'Callback Port' },
+  callbackPath: { zh: '回调路径', en: 'Callback Path' },
+  defaultAccountId: { zh: '默认账号 ID', en: 'Default Account ID' },
+  pollTimeoutMs: { zh: '长轮询超时（毫秒）', en: 'Long Poll Timeout (ms)' },
+  accountsJson: { zh: '账号配置 JSON', en: 'Accounts JSON' },
+  groupPolicy: { zh: '群组策略', en: 'Group Policy' }
+};

package/src/lib/i18n.ts

@@ -1,3 +1,4 @@
+import { CHANNEL_LABELS } from './i18n.channels';
 import { MARKETPLACE_LABELS } from './i18n.marketplace';
 import { REMOTE_LABELS } from './i18n.remote';
 
@@ -312,49 +313,7 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   leaveBlankToKeepUnchanged: { zh: '留空则保持不变', en: 'Leave blank to keep unchanged' },
 
   // Channel
-  channelsPageTitle: { zh: '消息渠道', en: 'Message Channels' },
-  channelsPageDescription: { zh: '在一个页面中连续筛选、切换并配置各个消息渠道。', en: 'Filter, switch, and configure messaging channels in one continuous workspace.' },
-  channelsLoading: { zh: '加载渠道中...', en: 'Loading channels...' },
-  channelsTabEnabled: { zh: '已启用', en: 'Enabled' },
-  channelsTabAll: { zh: '全部渠道', en: 'All Channels' },
-  channelsFilterPlaceholder: { zh: '搜索渠道', en: 'Search channels' },
-  channelsNoMatch: { zh: '没有匹配的渠道', en: 'No matching channels' },
-  channelsSelectTitle: { zh: '选择左侧渠道开始配置', en: 'Select a channel from the left to configure' },
-  channelsSelectDescription: { zh: '你可以连续切换多个渠道并逐个保存配置。', en: 'Switch between channels continuously and save each configuration.' },
-  channelsFormDescription: { zh: '配置消息渠道参数', en: 'Configure message channel parameters' },
-  channelsEmptyTitle: { zh: '暂无启用渠道', en: 'No channels enabled' },
-  channelsEmptyDescription: { zh: '启用一个消息渠道以开始接收消息。', en: 'Enable a messaging channel to start receiving messages.' },
-  channelDescriptionDefault: { zh: '配置该通信渠道', en: 'Configure this communication channel' },
-  channelDescTelegram: { zh: '连接 Telegram 机器人以进行即时消息收发', en: 'Connect with Telegram bots for instant messaging' },
-  channelDescSlack: { zh: '接入 Slack 工作区进行团队协作消息处理', en: 'Integrate with Slack workspaces for team collaboration' },
-  channelDescEmail: { zh: '通过邮件协议收发消息', en: 'Send and receive messages via email protocols' },
-  channelDescWebhook: { zh: '接收 HTTP Webhook 以支持自定义集成', en: 'Receive HTTP webhooks for custom integrations' },
-  channelDescDiscord: { zh: '将 Discord 机器人连接到你的社区服务器', en: 'Connect Discord bots to your community servers' },
-  channelDescFeishu: { zh: '企业消息与协作平台接入', en: 'Enterprise messaging and collaboration platform' },
-  configureMessageChannelParameters: { zh: '配置消息渠道参数', en: 'Configure message channel parameters' },
-  channelsGuideTitle: { zh: '查看指南', en: 'View Guide' },
-  allowFrom: { zh: '允许来源', en: 'Allow From' },
-  token: { zh: 'Token', en: 'Token' },
-  botToken: { zh: 'Bot Token', en: 'Bot Token' },
-  appToken: { zh: 'App Token', en: 'App Token' },
-  appId: { zh: 'App ID', en: 'App ID' },
-  corpId: { zh: '企业 ID', en: 'Corp ID' },
-  agentId: { zh: '应用 Agent ID', en: 'Agent ID' },
-  appSecret: { zh: 'App Secret', en: 'App Secret' },
-  markdownSupport: { zh: 'Markdown 支持', en: 'Markdown Support' },
-  clientId: { zh: 'Client ID', en: 'Client ID' },
-  clientSecret: { zh: 'Client Secret', en: 'Client Secret' },
-  encryptKey: { zh: '加密密钥', en: 'Encrypt Key' },
-  verificationToken: { zh: '验证令牌', en: 'Verification Token' },
-  bridgeUrl: { zh: '桥接 URL', en: 'Bridge URL' },
-  gatewayUrl: { zh: '网关 URL', en: 'Gateway URL' },
-  proxy: { zh: '代理', en: 'Proxy' },
-  intents: { zh: 'Intents', en: 'Intents' },
-  mode: { zh: '模式', en: 'Mode' },
-  webhookPath: { zh: 'Webhook 路径', en: 'Webhook Path' },
-  callbackPort: { zh: '回调端口', en: 'Callback Port' },
-  callbackPath: { zh: '回调路径', en: 'Callback Path' },
-  groupPolicy: { zh: '群组策略', en: 'Group Policy' },
+  ...CHANNEL_LABELS,
   consentGranted: { zh: '同意条款', en: 'Consent Granted' },
   imapHost: { zh: 'IMAP 服务器', en: 'IMAP Host' },
   imapPort: { zh: 'IMAP 端口', en: 'IMAP Port' },