@nextclaw/ui 0.9.2 → 0.9.4

package/src/hooks/useRemoteAccess.ts

@@ -0,0 +1,120 @@
+import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import {
+  controlRemoteService,
+  fetchRemoteStatus,
+  fetchRemoteDoctor,
+  loginRemote,
+  logoutRemote,
+  pollRemoteBrowserAuth,
+  startRemoteBrowserAuth,
+  updateRemoteSettings
+} from '@/api/remote';
+import { t } from '@/lib/i18n';
+import { toast } from 'sonner';
+
+export function useRemoteStatus() {
+  return useQuery({
+    queryKey: ['remote-status'],
+    queryFn: fetchRemoteStatus,
+    staleTime: 5000,
+    refetchOnWindowFocus: true
+  });
+}
+
+export function useRemoteLogin() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: loginRemote,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['remote-status'] });
+      toast.success(t('remoteLoginSuccess'));
+    },
+    onError: (error: Error) => {
+      toast.error(`${t('remoteLoginFailed')}: ${error.message}`);
+    }
+  });
+}
+
+export function useRemoteBrowserAuthStart() {
+  return useMutation({
+    mutationFn: startRemoteBrowserAuth,
+    onError: (error: Error) => {
+      toast.error(`${t('remoteBrowserAuthStartFailed')}: ${error.message}`);
+    }
+  });
+}
+
+export function useRemoteBrowserAuthPoll() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: pollRemoteBrowserAuth,
+    onSuccess: (result) => {
+      if (result.status === 'authorized') {
+        queryClient.invalidateQueries({ queryKey: ['remote-status'] });
+        toast.success(t('remoteLoginSuccess'));
+      }
+    },
+    onError: (error: Error) => {
+      toast.error(`${t('remoteBrowserAuthPollFailed')}: ${error.message}`);
+    }
+  });
+}
+
+export function useRemoteLogout() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: logoutRemote,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['remote-status'] });
+      toast.success(t('remoteLogoutSuccess'));
+    },
+    onError: (error: Error) => {
+      toast.error(`${t('remoteLogoutFailed')}: ${error.message}`);
+    }
+  });
+}
+
+export function useRemoteSettings() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: updateRemoteSettings,
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['remote-status'] });
+      toast.success(t('remoteSettingsSaved'));
+    },
+    onError: (error: Error) => {
+      toast.error(`${t('remoteSettingsSaveFailed')}: ${error.message}`);
+    }
+  });
+}
+
+export function useRemoteDoctor() {
+  return useMutation({
+    mutationFn: fetchRemoteDoctor,
+    onSuccess: () => {
+      toast.success(t('remoteDoctorCompleted'));
+    },
+    onError: (error: Error) => {
+      toast.error(`${t('remoteDoctorFailed')}: ${error.message}`);
+    }
+  });
+}
+
+export function useRemoteServiceControl() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: controlRemoteService,
+    onSuccess: (result) => {
+      queryClient.invalidateQueries({ queryKey: ['remote-status'] });
+      toast.success(result.message);
+    },
+    onError: (error: Error) => {
+      toast.error(`${t('remoteServiceActionFailed')}: ${error.message}`);
+    }
+  });
+}

package/src/hooks/useWebSocket.ts

@@ -4,6 +4,30 @@ import { API_BASE } from '@/api/client';
 import { useUiStore } from '@/stores/ui.store';
 import type { QueryClient } from '@tanstack/react-query';
 
+function shouldInvalidateConfigQuery(configPath: string) {
+  const normalized = configPath.trim().toLowerCase();
+  if (!normalized) {
+    return true;
+  }
+  if (normalized.startsWith('plugins') || normalized.startsWith('skills')) {
+    return false;
+  }
+  return true;
+}
+
+function invalidateMarketplaceQueries(queryClient: QueryClient | undefined, configPath: string): void {
+  if (configPath.startsWith('plugins')) {
+    queryClient?.invalidateQueries({ queryKey: ['ncp-session-types'] });
+    queryClient?.invalidateQueries({ queryKey: ['marketplace-installed', 'plugin'] });
+    queryClient?.invalidateQueries({ queryKey: ['marketplace-items'] });
+  }
+  if (configPath.startsWith('mcp')) {
+    queryClient?.invalidateQueries({ queryKey: ['marketplace-mcp-installed'] });
+    queryClient?.invalidateQueries({ queryKey: ['marketplace-mcp-items'] });
+    queryClient?.invalidateQueries({ queryKey: ['marketplace-mcp-doctor'] });
+  }
+}
+
 export function useWebSocket(queryClient?: QueryClient) {
   const [ws, setWs] = useState<ConfigWebSocket | null>(null);
   const { setConnectionStatus } = useUiStore();
@@ -83,17 +107,6 @@ export function useWebSocket(queryClient?: QueryClient) {
       queryClient.invalidateQueries({ queryKey: ['ncp-session-messages'] });
     };
 
-    const shouldInvalidateConfigQuery = (configPath: string) => {
-      const normalized = configPath.trim().toLowerCase();
-      if (!normalized) {
-        return true;
-      }
-      if (normalized.startsWith('plugins') || normalized.startsWith('skills')) {
-        return false;
-      }
-      return true;
-    };
-
     setConnectionStatus('connecting');
 
     client.on('connection.open', () => {
@@ -121,11 +134,7 @@ export function useWebSocket(queryClient?: QueryClient) {
       if (configPath.startsWith('session')) {
         invalidateSessionQueries();
       }
-      if (configPath.startsWith('plugins')) {
-        queryClient?.invalidateQueries({ queryKey: ['ncp-session-types'] });
-        queryClient?.invalidateQueries({ queryKey: ['marketplace-installed', 'plugin'] });
-        queryClient?.invalidateQueries({ queryKey: ['marketplace-items'] });
-      }
+      invalidateMarketplaceQueries(queryClient, configPath);
     });
 
     client.on('run.updated', (event) => {

package/src/lib/i18n.marketplace.ts

@@ -0,0 +1,91 @@
+export const MARKETPLACE_LABELS = {
+  marketplacePluginsPageTitle: { zh: '插件市场', en: 'Plugin Marketplace' },
+  marketplacePluginsPageDescription: { zh: '安装、启用与管理插件。', en: 'Install, enable, and manage plugins.' },
+  marketplaceSkillsPageTitle: { zh: '技能市场', en: 'Skill Marketplace' },
+  marketplaceSkillsPageDescription: { zh: '安装与管理技能。', en: 'Install and manage skills.' },
+  marketplaceMcpPageTitle: { zh: 'MCP 市场', en: 'MCP Marketplace' },
+  marketplaceMcpPageDescription: { zh: '发现、安装、诊断并管理 MCP servers。', en: 'Discover, install, diagnose, and manage MCP servers.' },
+  marketplaceTabMarketplacePlugins: { zh: '插件市场', en: 'Plugin Market' },
+  marketplaceTabMarketplaceSkills: { zh: '技能市场', en: 'Skill Market' },
+  marketplaceMcpTabCatalog: { zh: 'MCP 市场', en: 'MCP Market' },
+  marketplaceMcpTabInstalled: { zh: '已安装 MCP', en: 'Installed MCP' },
+  marketplaceTabInstalledPlugins: { zh: '已安装插件', en: 'Installed Plugins' },
+  marketplaceTabInstalledSkills: { zh: '已安装技能', en: 'Installed Skills' },
+  marketplaceSearchPlaceholderPlugins: { zh: '搜索插件...', en: 'Search plugins...' },
+  marketplaceSearchPlaceholderSkills: { zh: '搜索技能...', en: 'Search skills...' },
+  marketplaceMcpSearchPlaceholder: { zh: '搜索 MCP servers...', en: 'Search MCP servers...' },
+  marketplaceFilterPlugins: { zh: '插件', en: 'Plugins' },
+  marketplaceFilterSkills: { zh: '技能', en: 'Skills' },
+  marketplaceFilterMcp: { zh: 'MCP', en: 'MCP' },
+  marketplaceSortRelevance: { zh: '相关性', en: 'Relevance' },
+  marketplaceSortUpdated: { zh: '最近更新', en: 'Recently Updated' },
+  marketplaceUnknownItem: { zh: '未知项目', en: 'Unknown Item' },
+  marketplaceInstalledLocalSummary: { zh: '已在本地安装，市场暂无详情。', en: 'Installed locally. Details are currently unavailable from marketplace.' },
+  marketplaceTypePlugin: { zh: '插件', en: 'Plugin' },
+  marketplaceTypeSkill: { zh: '技能', en: 'Skill' },
+  marketplaceTypeMcp: { zh: 'MCP', en: 'MCP' },
+  marketplaceTypeExtension: { zh: '扩展', en: 'Extension' },
+  marketplaceInstall: { zh: '安装', en: 'Install' },
+  marketplaceInstalling: { zh: '安装中...', en: 'Installing...' },
+  marketplaceEnable: { zh: '启用', en: 'Enable' },
+  marketplaceDisable: { zh: '禁用', en: 'Disable' },
+  marketplaceEnabling: { zh: '启用中...', en: 'Enabling...' },
+  marketplaceDisabling: { zh: '禁用中...', en: 'Disabling...' },
+  marketplaceUninstall: { zh: '卸载', en: 'Uninstall' },
+  marketplaceRemoving: { zh: '卸载中...', en: 'Removing...' },
+  marketplaceSectionPlugins: { zh: '插件列表', en: 'Plugin Catalog' },
+  marketplaceSectionSkills: { zh: '技能列表', en: 'Skill Catalog' },
+  marketplaceMcpSectionCatalog: { zh: 'MCP 列表', en: 'MCP Catalog' },
+  marketplaceMcpSectionInstalled: { zh: '已安装 MCP', en: 'Installed MCP' },
+  marketplaceSectionInstalledPlugins: { zh: '已安装插件', en: 'Installed Plugins' },
+  marketplaceSectionInstalledSkills: { zh: '已安装技能', en: 'Installed Skills' },
+  marketplaceErrorLoadingPluginsData: { zh: '加载插件市场数据失败', en: 'Failed to load plugin marketplace data' },
+  marketplaceErrorLoadingSkillsData: { zh: '加载技能市场数据失败', en: 'Failed to load skill marketplace data' },
+  marketplaceErrorLoadingInstalledPlugins: { zh: '加载已安装插件失败', en: 'Failed to load installed plugins' },
+  marketplaceErrorLoadingInstalledSkills: { zh: '加载已安装技能失败', en: 'Failed to load installed skills' },
+  marketplaceNoPlugins: { zh: '未找到插件。', en: 'No plugins found.' },
+  marketplaceNoSkills: { zh: '未找到技能。', en: 'No skills found.' },
+  marketplaceNoMcp: { zh: '未找到 MCP server。', en: 'No MCP servers found.' },
+  marketplaceNoInstalledPlugins: { zh: '未找到已安装插件。', en: 'No installed plugins found.' },
+  marketplaceNoInstalledSkills: { zh: '未找到已安装技能。', en: 'No installed skills found.' },
+  marketplaceNoInstalledMcp: { zh: '未找到已安装 MCP server。', en: 'No installed MCP servers found.' },
+  marketplaceUninstallTitle: { zh: '确认卸载', en: 'Uninstall' },
+  marketplaceUninstallDescription: {
+    zh: '该操作会移除扩展，后续可在市场中重新安装。',
+    en: 'This will remove the extension. You can install it again from the marketplace.'
+  },
+  marketplaceInstallSuccessPlugin: { zh: '插件安装成功', en: 'Plugin installed successfully' },
+  marketplaceInstallSuccessSkill: { zh: '技能安装成功', en: 'Skill installed successfully' },
+  marketplaceInstallSuccessMcp: { zh: 'MCP 安装成功', en: 'MCP installed successfully' },
+  marketplaceEnableSuccess: { zh: '启用成功', en: 'Enabled successfully' },
+  marketplaceDisableSuccess: { zh: '禁用成功', en: 'Disabled successfully' },
+  marketplaceUninstallSuccess: { zh: '卸载成功', en: 'Uninstalled successfully' },
+  marketplaceMcpManageSuccess: { zh: 'MCP 操作成功', en: 'MCP operation completed' },
+  marketplaceInstallFailed: { zh: '安装失败', en: 'Install failed' },
+  marketplaceOperationFailed: { zh: '操作失败', en: 'Operation failed' },
+  marketplaceInstalledPluginsCountSuffix: { zh: '个已安装插件', en: 'installed plugins' },
+  marketplaceInstalledSkillsCountSuffix: { zh: '个已安装技能', en: 'installed skills' },
+  marketplaceDetailPanelTitle: { zh: '详情预览', en: 'Detail Preview' },
+  marketplaceDetailPanelEmpty: { zh: '点击左侧任意插件/技能，在这里查看详情。', en: 'Click an item on the left to preview details here.' },
+  marketplaceDetailSummary: { zh: '摘要', en: 'Summary' },
+  marketplaceDetailDescription: { zh: '描述', en: 'Description' },
+  marketplaceOpenInDocBrowserTab: { zh: '新标签打开', en: 'Open in New Tab' },
+  marketplaceMcpInstallDialogTitle: { zh: '安装 MCP Server', en: 'Install MCP Server' },
+  marketplaceMcpServerName: { zh: 'Server 名称', en: 'Server Name' },
+  marketplaceMcpAllAgents: { zh: '默认对全部 Agent 可用', en: 'Available to All Agents' },
+  marketplaceMcpAllAgentsDescription: {
+    zh: '默认作为公共资源池接入，不做 runtime 级限制。',
+    en: 'Use the server as a shared tool source by default instead of scoping it per runtime.'
+  },
+  marketplaceMcpDoctor: { zh: 'Doctor', en: 'Doctor' },
+  marketplaceMcpDoctorTitle: { zh: 'MCP Doctor', en: 'MCP Doctor' },
+  marketplaceMcpDoctorAccessible: { zh: '可访问', en: 'Accessible' },
+  marketplaceMcpDoctorTransport: { zh: '传输方式', en: 'Transport' },
+  marketplaceMcpDoctorTools: { zh: '工具数', en: 'Tools' },
+  marketplaceMcpRemove: { zh: '移除', en: 'Remove' },
+  marketplaceMcpRemoveTitle: { zh: '确认移除', en: 'Remove MCP Server' },
+  marketplaceMcpRemoveDescription: {
+    zh: '该操作会删除 MCP server 配置，并通过热插拔立即从工具源中移除。',
+    en: 'This removes the MCP server config and hot-unplugs it from the tool source immediately.'
+  }
+} as const;

package/src/lib/i18n.remote.ts

@@ -0,0 +1,142 @@
+export const REMOTE_LABELS: Record<string, { zh: string; en: string }> = {
+  remotePageTitle: { zh: '远程访问', en: 'Remote Access' },
+  remotePageDescription: {
+    zh: '直接在界面内完成平台登录、设备配置、后台服务控制与诊断。',
+    en: 'Handle platform login, device settings, managed service control, and diagnostics directly in the UI.'
+  },
+  remoteLoading: { zh: '正在加载远程访问状态...', en: 'Loading remote access status...' },
+  remoteOverviewTitle: { zh: '连接总览', en: 'Connection Overview' },
+  remoteOverviewDescription: {
+    zh: '快速确认平台账号、托管服务和远程连接器状态。',
+    en: 'Quickly verify platform account, managed service, and connector state.'
+  },
+  remoteAccountConnected: { zh: '平台已登录', en: 'Platform Connected' },
+  remoteAccountNotConnected: { zh: '平台未登录', en: 'Platform Not Connected' },
+  remoteRuntimeMissing: { zh: '连接器未运行', en: 'Connector Not Running' },
+  remoteStateConnected: { zh: '已连接', en: 'Connected' },
+  remoteStateConnecting: { zh: '连接中', en: 'Connecting' },
+  remoteStateError: { zh: '连接异常', en: 'Error' },
+  remoteStateDisconnected: { zh: '已断开', en: 'Disconnected' },
+  remoteStateDisabled: { zh: '未启用', en: 'Disabled' },
+  remoteLocalOrigin: { zh: '本地服务地址', en: 'Local Origin' },
+  remotePublicPlatform: { zh: '平台地址', en: 'Platform Base' },
+  remoteDeviceId: { zh: '设备 ID', en: 'Device ID' },
+  remoteLastConnectedAt: { zh: '上次连接时间', en: 'Last Connected At' },
+  remoteLastError: { zh: '最近错误', en: 'Last Error' },
+  remoteDeviceTitle: { zh: '设备配置', en: 'Device Settings' },
+  remoteDeviceDescription: {
+    zh: '保存远程访问开关、设备名和平台 API Base。',
+    en: 'Save remote access state, device name, and platform API base.'
+  },
+  remoteEnabled: { zh: '启用远程访问', en: 'Enable Remote Access' },
+  remoteEnabledHelp: {
+    zh: '保存后需要启动或重启后台服务，新的远程配置才会真正生效。',
+    en: 'After saving, start or restart the managed service to apply the new remote configuration.'
+  },
+  remoteDeviceName: { zh: '设备名称', en: 'Device Name' },
+  remoteDeviceNamePlaceholder: { zh: '例如：PeideMacBook-Pro', en: 'For example: PeideMacBook-Pro' },
+  remotePlatformApiBase: { zh: '平台 API Base', en: 'Platform API Base' },
+  remotePlatformApiBaseHelp: {
+    zh: '留空可回退到登录时写入的 providers.nextclaw.apiBase。',
+    en: 'Leave empty to fall back to providers.nextclaw.apiBase saved at login time.'
+  },
+  remoteSaveSettings: { zh: '保存设置', en: 'Save Settings' },
+  remoteSettingsSaved: { zh: '远程设置已保存', en: 'Remote settings saved' },
+  remoteSettingsSaveFailed: { zh: '远程设置保存失败', en: 'Failed to save remote settings' },
+  remoteSaveHint: {
+    zh: '推荐流程：先保存设置，再启动或重启服务，最后运行诊断确认。',
+    en: 'Recommended flow: save settings, start or restart the service, then run diagnostics.'
+  },
+  remoteAccountTitle: { zh: '平台账号', en: 'Platform Account' },
+  remoteAccountDescription: {
+    zh: '通过浏览器授权把当前设备安全连接到 NextClaw 平台。',
+    en: 'Authorize this device in your browser and connect it to the NextClaw platform.'
+  },
+  remoteAccountEmail: { zh: '邮箱', en: 'Email' },
+  remoteAccountRole: { zh: '角色', en: 'Role' },
+  remoteApiBase: { zh: 'API Base', en: 'API Base' },
+  remoteBrowserAuthTitle: { zh: '浏览器授权登录', en: 'Browser Authorization' },
+  remoteBrowserAuthDescription: {
+    zh: '点击后会打开平台授权页，在浏览器内登录或注册并授权当前设备。',
+    en: 'Open the platform authorization page in your browser, then sign in or create an account there.'
+  },
+  remoteBrowserAuthAction: { zh: '前往浏览器授权', en: 'Continue in Browser' },
+  remoteBrowserAuthResume: { zh: '重新打开授权页', en: 'Reopen Authorization Page' },
+  remoteBrowserAuthStarting: { zh: '正在创建授权会话...', en: 'Starting authorization...' },
+  remoteBrowserAuthAuthorizing: { zh: '等待浏览器完成授权...', en: 'Waiting for browser authorization...' },
+  remoteBrowserAuthWaiting: {
+    zh: '浏览器授权页已打开。请在网页中完成登录或注册，然后此页面会自动接入。',
+    en: 'The authorization page is open. Complete sign in or registration there and this page will connect automatically.'
+  },
+  remoteBrowserAuthCompleted: { zh: '浏览器授权完成，正在刷新登录状态。', en: 'Authorization completed. Refreshing account status.' },
+  remoteBrowserAuthExpired: { zh: '授权会话已过期，请重新发起。', en: 'Authorization session expired. Start again.' },
+  remoteBrowserAuthPopupBlocked: {
+    zh: '浏览器没有自动打开，请点击“重新打开授权页”。',
+    en: 'Your browser did not open automatically. Use "Reopen Authorization Page".'
+  },
+  remoteBrowserAuthSession: { zh: '授权会话', en: 'Auth Session' },
+  remoteBrowserAuthExpiresAt: { zh: '授权过期时间', en: 'Auth Expires At' },
+  remoteBrowserAuthHint: {
+    zh: '如果你刚修改了上方 Platform API Base，建议先保存设置；未保存时当前页面也会沿用你输入的新地址发起授权。',
+    en: 'If you just changed the Platform API Base above, saving settings is recommended. This page will still use the current value for browser authorization.'
+  },
+  remoteBrowserAuthStartFailed: { zh: '启动浏览器授权失败', en: 'Failed to start browser authorization' },
+  remoteBrowserAuthPollFailed: { zh: '浏览器授权状态检查失败', en: 'Failed to check browser authorization status' },
+  remoteEmail: { zh: '邮箱', en: 'Email' },
+  remotePassword: { zh: '密码', en: 'Password' },
+  remotePasswordPlaceholder: { zh: '请输入你的平台密码', en: 'Enter your platform password' },
+  remoteRegisterIfNeeded: { zh: '如果账号不存在则注册', en: 'Register If Needed' },
+  remoteRegisterIfNeededHelp: {
+    zh: '开启后会走平台注册接口，然后自动保存登录态。',
+    en: 'When enabled, the UI will register first and then save the resulting login token.'
+  },
+  remoteLogin: { zh: '登录平台', en: 'Login to Platform' },
+  remoteCreateAccount: { zh: '注册并登录', en: 'Create Account & Login' },
+  remoteLoggingIn: { zh: '登录中...', en: 'Logging in...' },
+  remoteLoginSuccess: { zh: '平台登录成功', en: 'Platform login succeeded' },
+  remoteLoginFailed: { zh: '平台登录失败', en: 'Platform login failed' },
+  remoteLogout: { zh: '退出登录', en: 'Logout' },
+  remoteLoggingOut: { zh: '退出中...', en: 'Logging out...' },
+  remoteLogoutSuccess: { zh: '已退出平台登录', en: 'Logged out from platform' },
+  remoteLogoutFailed: { zh: '退出登录失败', en: 'Failed to logout' },
+  remoteServiceTitle: { zh: '后台服务', en: 'Managed Service' },
+  remoteServiceDescription: {
+    zh: '直接控制托管当前 UI 的后台服务。',
+    en: 'Directly control the managed service that hosts the current UI.'
+  },
+  remoteServiceRunning: { zh: '服务运行中', en: 'Service Running' },
+  remoteServiceManagedRunning: { zh: '当前就是托管服务', en: 'Current Managed Service' },
+  remoteServiceStopped: { zh: '服务未运行', en: 'Service Stopped' },
+  remoteServicePid: { zh: '进程 PID', en: 'Process PID' },
+  remoteServiceUiUrl: { zh: 'UI 地址', en: 'UI URL' },
+  remoteServiceCurrentProcess: { zh: '当前页面是否由该服务提供', en: 'Current Page Served By It' },
+  remoteStartService: { zh: '启动服务', en: 'Start Service' },
+  remoteRestartService: { zh: '重启服务', en: 'Restart Service' },
+  remoteStopService: { zh: '停止服务', en: 'Stop Service' },
+  remoteServiceHint: {
+    zh: '如果当前页面本身就是托管服务，停止或重启时页面会短暂断开，这是预期行为。',
+    en: 'If this page is served by the managed service itself, stop/restart may briefly disconnect the page.'
+  },
+  remoteServiceActionFailed: { zh: '服务操作失败', en: 'Service action failed' },
+  remoteDoctorTitle: { zh: '远程诊断', en: 'Remote Diagnostics' },
+  remoteDoctorDescription: {
+    zh: '检查开关、平台登录、本地 UI 健康和连接器状态。',
+    en: 'Check config state, platform login, local UI health, and connector status.'
+  },
+  remoteRunDoctor: { zh: '运行诊断', en: 'Run Diagnostics' },
+  remoteDoctorRunning: { zh: '诊断中...', en: 'Running diagnostics...' },
+  remoteDoctorCompleted: { zh: '诊断完成', en: 'Diagnostics completed' },
+  remoteDoctorFailed: { zh: '诊断失败', en: 'Diagnostics failed' },
+  remoteDoctorGeneratedAt: { zh: '生成时间', en: 'Generated At' },
+  remoteDoctorEmpty: { zh: '点击上方按钮运行一次诊断。', en: 'Run diagnostics to see the latest checks here.' },
+  remoteCheckPassed: { zh: '通过', en: 'Passed' },
+  remoteCheckFailed: { zh: '失败', en: 'Failed' },
+  connected: { zh: '已连接', en: 'Connected' },
+  disconnected: { zh: '未连接', en: 'Disconnected' },
+  connecting: { zh: '连接中...', en: 'Connecting...' },
+  feishuConnecting: { zh: '验证 / 连接中...', en: 'Verifying / connecting...' },
+  statusReady: { zh: '就绪', en: 'Ready' },
+  statusSetup: { zh: '待配置', en: 'Setup' },
+  statusActive: { zh: '活跃', en: 'Active' },
+  statusInactive: { zh: '未启用', en: 'Inactive' }
+};

package/src/lib/i18n.ts

@@ -1,3 +1,6 @@
+import { MARKETPLACE_LABELS } from './i18n.marketplace';
+import { REMOTE_LABELS } from './i18n.remote';
+
 export type I18nLanguage = 'zh' | 'en';
 
 const I18N_STORAGE_KEY = 'nextclaw.ui.language';
@@ -131,6 +134,7 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   cron: { zh: '定时任务', en: 'Cron Jobs' },
   secrets: { zh: '密钥管理', en: 'Secrets' },
   runtime: { zh: '路由与运行时', en: 'Routing & Runtime' },
+  remote: { zh: '远程访问', en: 'Remote Access' },
   marketplace: { zh: '市场', en: 'Marketplace' },
   advanced: { zh: '高级', en: 'Advanced' },
   settings: { zh: '设置', en: 'Settings' },
@@ -153,6 +157,8 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   saving: { zh: '保存中...', en: 'Saving...' },
   remove: { zh: '移除', en: 'Remove' },
   all: { zh: '全部', en: 'All' },
+  yes: { zh: '是', en: 'Yes' },
+  no: { zh: '否', en: 'No' },
   prev: { zh: '上一页', en: 'Prev' },
   next: { zh: '下一页', en: 'Next' },
   noneOption: { zh: '无', en: 'None' },
@@ -735,74 +741,10 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   cronRunForceConfirm: { zh: '任务已禁用，仍要立即执行', en: 'Cron job disabled. Force run now' },
 
   // Marketplace
-  marketplacePluginsPageTitle: { zh: '插件市场', en: 'Plugin Marketplace' },
-  marketplacePluginsPageDescription: { zh: '安装、启用与管理插件。', en: 'Install, enable, and manage plugins.' },
-  marketplaceSkillsPageTitle: { zh: '技能市场', en: 'Skill Marketplace' },
-  marketplaceSkillsPageDescription: { zh: '安装与管理技能。', en: 'Install and manage skills.' },
-  marketplaceTabMarketplacePlugins: { zh: '插件市场', en: 'Plugin Market' },
-  marketplaceTabMarketplaceSkills: { zh: '技能市场', en: 'Skill Market' },
-  marketplaceTabInstalledPlugins: { zh: '已安装插件', en: 'Installed Plugins' },
-  marketplaceTabInstalledSkills: { zh: '已安装技能', en: 'Installed Skills' },
-  marketplaceSearchPlaceholderPlugins: { zh: '搜索插件...', en: 'Search plugins...' },
-  marketplaceSearchPlaceholderSkills: { zh: '搜索技能...', en: 'Search skills...' },
-  marketplaceFilterPlugins: { zh: '插件', en: 'Plugins' },
-  marketplaceFilterSkills: { zh: '技能', en: 'Skills' },
-  marketplaceSortRelevance: { zh: '相关性', en: 'Relevance' },
-  marketplaceSortUpdated: { zh: '最近更新', en: 'Recently Updated' },
-  marketplaceUnknownItem: { zh: '未知项目', en: 'Unknown Item' },
-  marketplaceInstalledLocalSummary: { zh: '已在本地安装，市场暂无详情。', en: 'Installed locally. Details are currently unavailable from marketplace.' },
-  marketplaceTypePlugin: { zh: '插件', en: 'Plugin' },
-  marketplaceTypeSkill: { zh: '技能', en: 'Skill' },
-  marketplaceTypeExtension: { zh: '扩展', en: 'Extension' },
-  marketplaceInstall: { zh: '安装', en: 'Install' },
-  marketplaceInstalling: { zh: '安装中...', en: 'Installing...' },
-  marketplaceEnable: { zh: '启用', en: 'Enable' },
-  marketplaceDisable: { zh: '禁用', en: 'Disable' },
-  marketplaceEnabling: { zh: '启用中...', en: 'Enabling...' },
-  marketplaceDisabling: { zh: '禁用中...', en: 'Disabling...' },
-  marketplaceUninstall: { zh: '卸载', en: 'Uninstall' },
-  marketplaceRemoving: { zh: '卸载中...', en: 'Removing...' },
-  marketplaceSectionPlugins: { zh: '插件列表', en: 'Plugin Catalog' },
-  marketplaceSectionSkills: { zh: '技能列表', en: 'Skill Catalog' },
-  marketplaceSectionInstalledPlugins: { zh: '已安装插件', en: 'Installed Plugins' },
-  marketplaceSectionInstalledSkills: { zh: '已安装技能', en: 'Installed Skills' },
-  marketplaceErrorLoadingPluginsData: { zh: '加载插件市场数据失败', en: 'Failed to load plugin marketplace data' },
-  marketplaceErrorLoadingSkillsData: { zh: '加载技能市场数据失败', en: 'Failed to load skill marketplace data' },
-  marketplaceErrorLoadingInstalledPlugins: { zh: '加载已安装插件失败', en: 'Failed to load installed plugins' },
-  marketplaceErrorLoadingInstalledSkills: { zh: '加载已安装技能失败', en: 'Failed to load installed skills' },
-  marketplaceNoPlugins: { zh: '未找到插件。', en: 'No plugins found.' },
-  marketplaceNoSkills: { zh: '未找到技能。', en: 'No skills found.' },
-  marketplaceNoInstalledPlugins: { zh: '未找到已安装插件。', en: 'No installed plugins found.' },
-  marketplaceNoInstalledSkills: { zh: '未找到已安装技能。', en: 'No installed skills found.' },
-  marketplaceUninstallTitle: { zh: '确认卸载', en: 'Uninstall' },
-  marketplaceUninstallDescription: {
-    zh: '该操作会移除扩展，后续可在市场中重新安装。',
-    en: 'This will remove the extension. You can install it again from the marketplace.'
-  },
-  marketplaceInstallSuccessPlugin: { zh: '插件安装成功', en: 'Plugin installed successfully' },
-  marketplaceInstallSuccessSkill: { zh: '技能安装成功', en: 'Skill installed successfully' },
-  marketplaceEnableSuccess: { zh: '启用成功', en: 'Enabled successfully' },
-  marketplaceDisableSuccess: { zh: '禁用成功', en: 'Disabled successfully' },
-  marketplaceUninstallSuccess: { zh: '卸载成功', en: 'Uninstalled successfully' },
-  marketplaceInstallFailed: { zh: '安装失败', en: 'Install failed' },
-  marketplaceOperationFailed: { zh: '操作失败', en: 'Operation failed' },
-  marketplaceInstalledPluginsCountSuffix: { zh: '个已安装插件', en: 'installed plugins' },
-  marketplaceInstalledSkillsCountSuffix: { zh: '个已安装技能', en: 'installed skills' },
-  marketplaceDetailPanelTitle: { zh: '详情预览', en: 'Detail Preview' },
-  marketplaceDetailPanelEmpty: { zh: '点击左侧任意插件/技能，在这里查看详情。', en: 'Click an item on the left to preview details here.' },
-  marketplaceDetailSummary: { zh: '摘要', en: 'Summary' },
-  marketplaceDetailDescription: { zh: '描述', en: 'Description' },
-  marketplaceOpenInDocBrowserTab: { zh: '新标签打开', en: 'Open in New Tab' },
-
-  // Status
-  connected: { zh: '已连接', en: 'Connected' },
-  disconnected: { zh: '未连接', en: 'Disconnected' },
-  connecting: { zh: '连接中...', en: 'Connecting...' },
-  feishuConnecting: { zh: '验证 / 连接中...', en: 'Verifying / connecting...' },
-  statusReady: { zh: '就绪', en: 'Ready' },
-  statusSetup: { zh: '待配置', en: 'Setup' },
-  statusActive: { zh: '活跃', en: 'Active' },
-  statusInactive: { zh: '未启用', en: 'Inactive' },
+  ...MARKETPLACE_LABELS,
+
+  // Remote & Status
+  ...REMOTE_LABELS,
 
   // Action labels
   actionConfigure: { zh: '配置', en: 'Configure' },

package/dist/assets/ChannelsList-DKD6Llid.js

@@ -1 +0,0 @@
-import{r as v,j as a,aw as Z,F as ee,e as T,K as ae,ae as te,aR as se,aS as ne,aT as le,z as re,s as oe,a5 as ce,v as ie}from"./vendor-DKBNiC31.js";import{t as e,c as I,_ as me,u as q,a as $,b as H,a0 as pe,a1 as de,I as D,S as be,e as ue,f as xe,g as ye,h as ge,B as E}from"./index-BEgClaDH.js";import{L as he}from"./label-DD61y-4v.js";import{S as fe}from"./switch-NX5OmUXQ.js";import{L as K,S as J}from"./LogoBadge-CYQ_b7jk.js";import{h as _}from"./config-hints-CApS3K_7.js";import{c as we,b as ve,a as je,C as ke}from"./config-layout-BHnOoweL.js";import{T as Se}from"./tabs-custom-9ihB5Jem.js";import{P as Ce,a as Ne}from"./page-layout-CfnoVycc.js";function Pe({value:t,onChange:m,className:i,placeholder:r=""}){const[o,u]=v.useState(""),d=x=>{x.key==="Enter"&&o.trim()?(x.preventDefault(),m([...t,o.trim()]),u("")):x.key==="Backspace"&&!o&&t.length>0&&m(t.slice(0,-1))},g=x=>{m(t.filter((j,h)=>h!==x))};return a.jsxs("div",{className:I("flex flex-wrap gap-2 p-2 border rounded-md min-h-[42px]",i),children:[t.map((x,j)=>a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-1 bg-primary text-primary-foreground rounded text-sm",children:[x,a.jsx("button",{type:"button",onClick:()=>g(j),className:"hover:text-red-300 transition-colors",children:a.jsx(Z,{className:"h-3 w-3"})})]},j)),a.jsx("input",{type:"text",value:o,onChange:x=>u(x.target.value),onKeyDown:d,className:"flex-1 outline-none min-w-[100px] bg-transparent text-sm",placeholder:r||e("enterTag")})]})}function z(t){var r,o;const m=me();return((r=t.tutorialUrls)==null?void 0:r[m])||((o=t.tutorialUrls)==null?void 0:o.default)||t.tutorialUrl}const Ie={telegram:"telegram.svg",slack:"slack.svg",discord:"discord.svg",whatsapp:"whatsapp.svg",qq:"qq.svg",feishu:"feishu.svg",dingtalk:"dingtalk.svg",wecom:"wecom.svg",mochat:"mochat.svg",email:"email.svg"};function Fe(t,m){const i=m.toLowerCase(),r=t[i];return r?`/logos/${r}`:null}function Y(t){return Fe(Ie,t)}const R=[{value:"pairing",label:"pairing"},{value:"allowlist",label:"allowlist"},{value:"open",label:"open"},{value:"disabled",label:"disabled"}],B=[{value:"open",label:"open"},{value:"allowlist",label:"allowlist"},{value:"disabled",label:"disabled"}],Te=[{value:"off",label:"off"},{value:"partial",label:"partial"},{value:"block",label:"block"},{value:"progress",label:"progress"}],De=t=>t.includes("token")||t.includes("secret")||t.includes("password")?a.jsx(ae,{className:"h-3.5 w-3.5 text-gray-500"}):t.includes("url")||t.includes("host")?a.jsx(te,{className:"h-3.5 w-3.5 text-gray-500"}):t.includes("email")||t.includes("mail")?a.jsx(se,{className:"h-3.5 w-3.5 text-gray-500"}):t.includes("id")||t.includes("from")?a.jsx(ne,{className:"h-3.5 w-3.5 text-gray-500"}):t==="enabled"||t==="consentGranted"?a.jsx(le,{className:"h-3.5 w-3.5 text-gray-500"}):a.jsx(re,{className:"h-3.5 w-3.5 text-gray-500"});function G(){return{telegram:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"token",type:"password",label:e("botToken")},{name:"allowFrom",type:"tags",label:e("allowFrom")},{name:"proxy",type:"text",label:e("proxy")},{name:"accountId",type:"text",label:e("accountId")},{name:"dmPolicy",type:"select",label:e("dmPolicy"),options:R},{name:"groupPolicy",type:"select",label:e("groupPolicy"),options:B},{name:"groupAllowFrom",type:"tags",label:e("groupAllowFrom")},{name:"requireMention",type:"boolean",label:e("requireMention")},{name:"mentionPatterns",type:"tags",label:e("mentionPatterns")},{name:"groups",type:"json",label:e("groupRulesJson")}],discord:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"token",type:"password",label:e("botToken")},{name:"allowBots",type:"boolean",label:e("allowBotMessages")},{name:"allowFrom",type:"tags",label:e("allowFrom")},{name:"gatewayUrl",type:"text",label:e("gatewayUrl")},{name:"intents",type:"number",label:e("intents")},{name:"proxy",type:"text",label:e("proxy")},{name:"mediaMaxMb",type:"number",label:e("attachmentMaxSizeMb")},{name:"streaming",type:"select",label:e("streamingMode"),options:Te},{name:"draftChunk",type:"json",label:e("draftChunkingJson")},{name:"textChunkLimit",type:"number",label:e("textChunkLimit")},{name:"accountId",type:"text",label:e("accountId")},{name:"dmPolicy",type:"select",label:e("dmPolicy"),options:R},{name:"groupPolicy",type:"select",label:e("groupPolicy"),options:B},{name:"groupAllowFrom",type:"tags",label:e("groupAllowFrom")},{name:"requireMention",type:"boolean",label:e("requireMention")},{name:"mentionPatterns",type:"tags",label:e("mentionPatterns")},{name:"groups",type:"json",label:e("groupRulesJson")}],whatsapp:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"bridgeUrl",type:"text",label:e("bridgeUrl")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],feishu:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"appId",type:"text",label:e("appId")},{name:"appSecret",type:"password",label:e("appSecret")},{name:"encryptKey",type:"password",label:e("encryptKey")},{name:"verificationToken",type:"password",label:e("verificationToken")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],dingtalk:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"clientId",type:"text",label:e("clientId")},{name:"clientSecret",type:"password",label:e("clientSecret")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],wecom:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"corpId",type:"text",label:e("corpId")},{name:"agentId",type:"text",label:e("agentId")},{name:"secret",type:"password",label:e("secret")},{name:"token",type:"password",label:e("token")},{name:"callbackPort",type:"number",label:e("callbackPort")},{name:"callbackPath",type:"text",label:e("callbackPath")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],slack:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"mode",type:"text",label:e("mode")},{name:"webhookPath",type:"text",label:e("webhookPath")},{name:"allowBots",type:"boolean",label:e("allowBotMessages")},{name:"botToken",type:"password",label:e("botToken")},{name:"appToken",type:"password",label:e("appToken")}],email:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"consentGranted",type:"boolean",label:e("consentGranted")},{name:"imapHost",type:"text",label:e("imapHost")},{name:"imapPort",type:"number",label:e("imapPort")},{name:"imapUsername",type:"text",label:e("imapUsername")},{name:"imapPassword",type:"password",label:e("imapPassword")},{name:"fromAddress",type:"email",label:e("fromAddress")}],mochat:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"baseUrl",type:"text",label:e("baseUrl")},{name:"clawToken",type:"password",label:e("clawToken")},{name:"agentUserId",type:"text",label:e("agentUserId")},{name:"allowFrom",type:"tags",label:e("allowFrom")}],qq:[{name:"enabled",type:"boolean",label:e("enabled")},{name:"appId",type:"text",label:e("appId")},{name:"secret",type:"password",label:e("appSecret")},{name:"markdownSupport",type:"boolean",label:e("markdownSupport")},{name:"allowFrom",type:"tags",label:e("allowFrom")}]}}function A(t){return typeof t=="object"&&t!==null&&!Array.isArray(t)}function V(t,m){const i={...t};for(const[r,o]of Object.entries(m)){const u=i[r];if(A(u)&&A(o)){i[r]=V(u,o);continue}i[r]=o}return i}function Ae(t,m){const i=t.split("."),r={};let o=r;for(let u=0;u<i.length-1;u+=1){const d=i[u];o[d]={},o=o[d]}return o[i[i.length-1]]=m,r}function Le({channelName:t}){var O,U;const{data:m}=q(),{data:i}=$(),{data:r}=H(),o=pe(),u=de(),[d,g]=v.useState({}),[x,j]=v.useState({}),[h,f]=v.useState(null),k=t?m==null?void 0:m.channels[t]:null,w=t?G()[t]??[]:[],c=r==null?void 0:r.uiHints,p=t?`channels.${t}`:null,S=((O=r==null?void 0:r.actions)==null?void 0:O.filter(s=>s.scope===p))??[],C=t&&(((U=_(`channels.${t}`,c))==null?void 0:U.label)??t),P=i==null?void 0:i.channels.find(s=>s.name===t),F=P?z(P):void 0;v.useEffect(()=>{if(k){g({...k});const s={};(t?G()[t]??[]:[]).filter(l=>l.type==="json").forEach(l=>{const y=k[l.name];s[l.name]=JSON.stringify(y??{},null,2)}),j(s)}else g({}),j({})},[k,t]);const N=(s,n)=>{g(l=>({...l,[s]:n}))},L=s=>{if(s.preventDefault(),!t)return;const n={...d};for(const l of w){if(l.type!=="password")continue;const y=n[l.name];(typeof y!="string"||y.length===0)&&delete n[l.name]}for(const l of w){if(l.type!=="json")continue;const y=x[l.name]??"";try{n[l.name]=y.trim()?JSON.parse(y):{}}catch{T.error(`${e("invalidJson")}: ${l.name}`);return}}o.mutate({channel:t,data:n})},Q=s=>{if(!s||!t)return;const n=s.channels;if(!A(n))return;const l=n[t];A(l)&&g(y=>V(y,l))},W=async s=>{if(!(!t||!p)){f(s.id);try{let n={...d};s.saveBeforeRun&&(n={...n,...s.savePatch??{}},g(n),await o.mutateAsync({channel:t,data:n}));const l=await u.mutateAsync({actionId:s.id,data:{scope:p,draftConfig:Ae(p,n)}});Q(l.patch),l.ok?T.success(l.message||e("success")):T.error(l.message||e("error"))}catch(n){const l=n instanceof Error?n.message:String(n);T.error(`${e("error")}: ${l}`)}finally{f(null)}}};if(!t||!P||!k)return a.jsx("div",{className:we,children:a.jsxs("div",{children:[a.jsx("h3",{className:"text-base font-semibold text-gray-900",children:e("channelsSelectTitle")}),a.jsx("p",{className:"mt-2 text-sm text-gray-500",children:e("channelsSelectDescription")})]})});const M=!!k.enabled;return a.jsxs("div",{className:ve,children:[a.jsx("div",{className:"border-b border-gray-100 px-6 py-5",children:a.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[a.jsxs("div",{className:"min-w-0",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx(K,{name:t,src:Y(t),className:I("h-9 w-9 rounded-lg border",M?"border-primary/30 bg-white":"border-gray-200/70 bg-white"),imgClassName:"h-5 w-5 object-contain",fallback:a.jsx("span",{className:"text-sm font-semibold uppercase text-gray-500",children:t[0]})}),a.jsx("h3",{className:"truncate text-lg font-semibold text-gray-900 capitalize",children:C})]}),a.jsx("p",{className:"mt-2 text-sm text-gray-500",children:e("channelsFormDescription")}),F&&a.jsxs("a",{href:F,className:"mt-2 inline-flex items-center gap-1.5 text-xs text-primary transition-colors hover:text-primary-hover",children:[a.jsx(ee,{className:"h-3.5 w-3.5"}),e("channelsGuideTitle")]})]}),a.jsx(J,{status:M?"active":"inactive",label:M?e("statusActive"):e("statusInactive")})]})}),a.jsxs("form",{onSubmit:L,className:"flex min-h-0 flex-1 flex-col",children:[a.jsx("div",{className:"min-h-0 flex-1 space-y-6 overflow-y-auto overscroll-contain px-6 py-5",children:w.map(s=>{const n=t?_(`channels.${t}.${s.name}`,c):void 0,l=(n==null?void 0:n.label)??s.label,y=n==null?void 0:n.placeholder;return a.jsxs("div",{className:"space-y-2.5",children:[a.jsxs(he,{htmlFor:s.name,className:"flex items-center gap-2 text-sm font-medium text-gray-900",children:[De(s.name),l]}),s.type==="boolean"&&a.jsxs("div",{className:"flex items-center justify-between rounded-xl bg-gray-50 p-3",children:[a.jsx("span",{className:"text-sm text-gray-500",children:d[s.name]?e("enabled"):e("disabled")}),a.jsx(fe,{id:s.name,checked:d[s.name]||!1,onCheckedChange:b=>N(s.name,b),className:"data-[state=checked]:bg-emerald-500"})]}),(s.type==="text"||s.type==="email")&&a.jsx(D,{id:s.name,type:s.type,value:d[s.name]||"",onChange:b=>N(s.name,b.target.value),placeholder:y,className:"rounded-xl"}),s.type==="password"&&a.jsx(D,{id:s.name,type:"password",value:d[s.name]||"",onChange:b=>N(s.name,b.target.value),placeholder:y??e("leaveBlankToKeepUnchanged"),className:"rounded-xl"}),s.type==="number"&&a.jsx(D,{id:s.name,type:"number",value:d[s.name]||0,onChange:b=>N(s.name,parseInt(b.target.value,10)||0),placeholder:y,className:"rounded-xl"}),s.type==="tags"&&a.jsx(Pe,{value:d[s.name]||[],onChange:b=>N(s.name,b)}),s.type==="select"&&a.jsxs(be,{value:d[s.name]||"",onValueChange:b=>N(s.name,b),children:[a.jsx(ue,{className:"rounded-xl",children:a.jsx(xe,{})}),a.jsx(ye,{children:(s.options??[]).map(b=>a.jsx(ge,{value:b.value,children:b.label},b.value))})]}),s.type==="json"&&a.jsx("textarea",{id:s.name,value:x[s.name]??"{}",onChange:b=>j(X=>({...X,[s.name]:b.target.value})),className:"min-h-[120px] w-full resize-none rounded-lg border border-gray-200 bg-white px-3 py-2 text-xs font-mono"})]},s.name)})}),a.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-3 border-t border-gray-100 px-6 py-4",children:[a.jsx("div",{className:"flex flex-wrap items-center gap-2",children:S.filter(s=>s.trigger==="manual").map(s=>a.jsx(E,{type:"button",onClick:()=>W(s),disabled:o.isPending||!!h,variant:"secondary",children:h===s.id?e("connecting"):s.title},s.id))}),a.jsx(E,{type:"submit",disabled:o.isPending||!!h,children:o.isPending?e("saving"):e("save")})]})]})]})}const Me={telegram:"channelDescTelegram",slack:"channelDescSlack",email:"channelDescEmail",webhook:"channelDescWebhook",discord:"channelDescDiscord",feishu:"channelDescFeishu"};function He(){const{data:t}=q(),{data:m}=$(),{data:i}=H(),[r,o]=v.useState("enabled"),[u,d]=v.useState(),[g,x]=v.useState(""),j=i==null?void 0:i.uiHints,h=m==null?void 0:m.channels,f=t==null?void 0:t.channels,k=[{id:"enabled",label:e("channelsTabEnabled"),count:(h??[]).filter(c=>{var p;return(p=f==null?void 0:f[c.name])==null?void 0:p.enabled}).length},{id:"all",label:e("channelsTabAll"),count:(h??[]).length}],w=v.useMemo(()=>{const c=g.trim().toLowerCase();return(h??[]).filter(p=>{var C;const S=((C=f==null?void 0:f[p.name])==null?void 0:C.enabled)||!1;return r==="enabled"?S:!0}).filter(p=>c?(p.displayName||p.name).toLowerCase().includes(c)||p.name.toLowerCase().includes(c):!0)},[r,f,h,g]);return v.useEffect(()=>{if(w.length===0){d(void 0);return}w.some(p=>p.name===u)||d(w[0].name)},[w,u]),!t||!m?a.jsx("div",{className:"p-8 text-gray-400",children:e("channelsLoading")}):a.jsxs(Ce,{className:"xl:flex xl:h-full xl:min-h-0 xl:flex-col xl:pb-0",children:[a.jsx(Ne,{title:e("channelsPageTitle"),description:e("channelsPageDescription")}),a.jsxs("div",{className:I(ke,"xl:min-h-0 xl:flex-1"),children:[a.jsxs("section",{className:je,children:[a.jsx("div",{className:"border-b border-gray-100 px-4 pt-4",children:a.jsx(Se,{tabs:k,activeTab:r,onChange:o,className:"mb-0"})}),a.jsx("div",{className:"border-b border-gray-100 px-4 py-3",children:a.jsxs("div",{className:"relative",children:[a.jsx(oe,{className:"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400"}),a.jsx(D,{value:g,onChange:c=>x(c.target.value),placeholder:e("channelsFilterPlaceholder"),className:"h-10 rounded-xl pl-9"})]})}),a.jsxs("div",{className:"min-h-0 flex-1 space-y-2 overflow-y-auto overscroll-contain p-3",children:[w.map(c=>{const p=t.channels[c.name],S=(p==null?void 0:p.enabled)||!1,C=_(`channels.${c.name}`,j),P=z(c),F=(C==null?void 0:C.help)||e(Me[c.name]||"channelDescriptionDefault"),N=u===c.name;return a.jsx("button",{type:"button",onClick:()=>d(c.name),className:I("w-full rounded-xl border p-2.5 text-left transition-all",N?"border-primary/30 bg-primary-50/40 shadow-sm":"border-gray-200/70 bg-white hover:border-gray-300 hover:bg-gray-50/70"),children:a.jsxs("div",{className:"flex items-start justify-between gap-3",children:[a.jsxs("div",{className:"flex min-w-0 items-center gap-3",children:[a.jsx(K,{name:c.name,src:Y(c.name),className:I("h-10 w-10 rounded-lg border",S?"border-primary/30 bg-white":"border-gray-200/70 bg-white"),imgClassName:"h-5 w-5 object-contain",fallback:a.jsx("span",{className:"text-sm font-semibold uppercase text-gray-500",children:c.name[0]})}),a.jsxs("div",{className:"min-w-0",children:[a.jsx("p",{className:"truncate text-sm font-semibold text-gray-900",children:c.displayName||c.name}),a.jsx("p",{className:"line-clamp-1 text-[11px] text-gray-500",children:F})]})]}),a.jsxs("div",{className:"flex items-center gap-2",children:[P&&a.jsx("a",{href:P,onClick:L=>L.stopPropagation(),className:"inline-flex h-7 w-7 items-center justify-center rounded-md text-gray-300 transition-colors hover:bg-gray-100/70 hover:text-gray-500",title:e("channelsGuideTitle"),children:a.jsx(ce,{className:"h-3.5 w-3.5"})}),a.jsx(J,{status:S?"active":"inactive",label:S?e("statusActive"):e("statusInactive"),className:"min-w-[56px] justify-center"})]})]})},c.name)}),w.length===0&&a.jsxs("div",{className:"flex h-full min-h-[220px] flex-col items-center justify-center rounded-xl border border-dashed border-gray-200 bg-gray-50/70 py-10 text-center",children:[a.jsx("div",{className:"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-white",children:a.jsx(ie,{className:"h-5 w-5 text-gray-300"})}),a.jsx("p",{className:"text-sm font-medium text-gray-700",children:e("channelsNoMatch")})]})]})]}),a.jsx(Le,{channelName:u})]})]})}export{He as ChannelsList};