@lobehub/lobehub 2.0.0-next.142 → 2.0.0-next.143

package/locales/pl-PL/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "Anuluj",
+    "confirm": "Autoryzuj użycie",
+    "description": {
+      "and": "oraz",
+      "prefix": "Klikając „Autoryzuj użycie”, wyrażasz zgodę na",
+      "privacy": "Politykę prywatności",
+      "terms": "Warunki korzystania z usługi"
+    },
+    "title": "Potwierdź autoryzację"
+  },
   "callback": {
     "buttons": {
       "close": "Zamknij okno"
@@ -33,8 +44,10 @@
     "stateMissing": "Nie znaleziono stanu autoryzacji, spróbuj ponownie."
   },
   "messages": {
+    "authorized": "Autoryzacja usługi LobeHub zakończona pomyślnie",
     "loading": "Uruchamianie procesu autoryzacji...",
     "success": {
+      "cloudMcpInstall": "Autoryzacja zakończona sukcesem! Możesz teraz zainstalować wtyczkę Cloud MCP.",
       "submit": "Autoryzacja zakończona sukcesem! Możesz teraz opublikować asystenta.",
       "upload": "Autoryzacja zakończona sukcesem! Możesz teraz opublikować nową wersję."
     }

package/locales/pt-BR/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "Cancelar",
+    "confirm": "Autorizar uso",
+    "description": {
+      "and": "e",
+      "prefix": "Ao clicar em autorizar uso, você concorda com",
+      "privacy": "Política de Privacidade",
+      "terms": "Termos de Serviço"
+    },
+    "title": "Confirmar Autorização"
+  },
   "callback": {
     "buttons": {
       "close": "Fechar janela"
@@ -33,8 +44,10 @@
     "stateMissing": "Estado de autorização não encontrado, tente novamente."
   },
   "messages": {
+    "authorized": "Autorização do serviço LobeHub realizada com sucesso",
     "loading": "Iniciando o processo de autorização...",
     "success": {
+      "cloudMcpInstall": "Autorização bem-sucedida! Agora você pode instalar o plugin Cloud MCP.",
       "submit": "Autorização bem-sucedida! Agora você pode publicar o assistente.",
       "upload": "Autorização bem-sucedida! Agora você pode publicar uma nova versão."
     }

package/locales/ru-RU/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "Отмена",
+    "confirm": "Подтвердить доступ",
+    "description": {
+      "and": "и",
+      "prefix": "Нажимая «Подтвердить доступ», вы соглашаетесь с",
+      "privacy": "Политикой конфиденциальности",
+      "terms": "Условиями обслуживания"
+    },
+    "title": "Подтвердить авторизацию"
+  },
   "callback": {
     "buttons": {
       "close": "Закрыть окно"
@@ -33,8 +44,10 @@
     "stateMissing": "Состояние авторизации не найдено, пожалуйста, попробуйте снова."
   },
   "messages": {
+    "authorized": "Авторизация сервиса LobeHub прошла успешно",
     "loading": "Запуск процесса авторизации...",
     "success": {
+      "cloudMcpInstall": "Доступ успешно предоставлен! Теперь вы можете установить плагин Cloud MCP.",
       "submit": "Авторизация прошла успешно! Теперь вы можете опубликовать помощника.",
       "upload": "Авторизация прошла успешно! Теперь вы можете опубликовать новую версию."
     }

package/locales/tr-TR/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "İptal",
+    "confirm": "Kullanıma Yetki Ver",
+    "description": {
+      "and": "ve",
+      "prefix": "Kullanıma yetki ver'e tıklayarak şu şartları kabul etmiş olursunuz:",
+      "privacy": "Gizlilik Politikası",
+      "terms": "Hizmet Şartları"
+    },
+    "title": "Yetkilendirmeyi Onayla"
+  },
   "callback": {
     "buttons": {
       "close": "Pencereyi Kapat"
@@ -33,8 +44,10 @@
     "stateMissing": "Yetkilendirme durumu bulunamadı, lütfen tekrar deneyin."
   },
   "messages": {
+    "authorized": "LobeHub hizmet yetkilendirmesi başarıyla tamamlandı",
     "loading": "Yetkilendirme süreci başlatılıyor...",
     "success": {
+      "cloudMcpInstall": "Yetkilendirme başarılı! Artık Cloud MCP eklentisini yükleyebilirsiniz.",
       "submit": "Yetkilendirme başarılı! Artık asistan yayınlayabilirsiniz.",
       "upload": "Yetkilendirme başarılı! Artık yeni bir sürüm yayınlayabilirsiniz."
     }

package/locales/vi-VN/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "Hủy",
+    "confirm": "Ủy quyền sử dụng",
+    "description": {
+      "and": "và",
+      "prefix": "Bằng cách nhấp vào ủy quyền sử dụng, bạn đồng ý với",
+      "privacy": "Chính sách quyền riêng tư",
+      "terms": "Điều khoản dịch vụ"
+    },
+    "title": "Xác nhận ủy quyền"
+  },
   "callback": {
     "buttons": {
       "close": "Đóng cửa sổ"
@@ -33,8 +44,10 @@
     "stateMissing": "Không tìm thấy trạng thái xác thực, vui lòng thử lại."
   },
   "messages": {
+    "authorized": "Dịch vụ LobeHub đã được cấp quyền thành công",
     "loading": "Đang khởi động quy trình xác thực...",
     "success": {
+      "cloudMcpInstall": "Ủy quyền thành công! Bây giờ bạn có thể cài đặt plugin Cloud MCP.",
       "submit": "Xác thực thành công! Bây giờ bạn có thể xuất bản trợ lý.",
       "upload": "Xác thực thành công! Bây giờ bạn có thể xuất bản phiên bản mới."
     }

package/locales/zh-CN/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "取消",
+    "confirm": "授权使用",
+    "description": {
+      "and": "和",
+      "prefix": "点击授权使用即视为同意",
+      "privacy": "隐私协议",
+      "terms": "服务条款"
+    },
+    "title": "确认授权"
+  },
   "callback": {
     "buttons": {
       "close": "关闭窗口"
@@ -33,8 +44,10 @@
     "stateMissing": "未找到授权状态，请重试。"
   },
   "messages": {
+    "authorized": "LobeHub 服务授权成功",
     "loading": "正在启动授权流程...",
     "success": {
+      "cloudMcpInstall": "授权成功！现在可以安装 Cloud MCP 插件了。",
       "submit": "授权成功！现在可以发布助手了。",
       "upload": "授权成功！现在可以发布新版本了。"
     }

package/locales/zh-TW/marketAuth.json

@@ -1,4 +1,15 @@
 {
+  "authorize": {
+    "cancel": "取消",
+    "confirm": "授權使用",
+    "description": {
+      "and": "和",
+      "prefix": "點擊授權使用即視為同意",
+      "privacy": "隱私協議",
+      "terms": "服務條款"
+    },
+    "title": "確認授權"
+  },
   "callback": {
     "buttons": {
       "close": "關閉視窗"
@@ -33,8 +44,10 @@
     "stateMissing": "找不到授權狀態，請重試。"
   },
   "messages": {
+    "authorized": "LobeHub 服務授權成功",
     "loading": "正在啟動授權流程⋯⋯",
     "success": {
+      "cloudMcpInstall": "授權成功！現在可以安裝 Cloud MCP 外掛了。",
       "submit": "授權成功！現在可以發佈助手了。",
       "upload": "授權成功！現在可以發佈新版本了。"
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.142",
+  "version": "2.0.0-next.143",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/database/src/models/user.ts

@@ -80,6 +80,7 @@ export class UserModel {
         settingsImage: userSettings.image,
         settingsKeyVaults: userSettings.keyVaults,
         settingsLanguageModel: userSettings.languageModel,
+        settingsMarket: userSettings.market,
         settingsSystemAgent: userSettings.systemAgent,
         settingsTTS: userSettings.tts,
         settingsTool: userSettings.tool,
@@ -112,6 +113,7 @@ export class UserModel {
       image: state.settingsImage || {},
       keyVaults: decryptKeyVaults,
       languageModel: state.settingsLanguageModel || {},
+      market: state.settingsMarket || undefined,
       systemAgent: state.settingsSystemAgent || {},
       tool: state.settingsTool || {},
       tts: state.settingsTTS || {},

package/packages/types/src/discover/mcp.ts

@@ -41,7 +41,7 @@ export enum McpNavKey {
 
 export enum McpConnectionType {
   http = 'http',
-  stdio = 'stdio'
+  stdio = 'stdio',
 }
 
 export type DiscoverMcpItem = PluginItem;
@@ -60,6 +60,7 @@ export interface McpQueryParams {
 export type McpListResponse = PluginListResponse;
 
 export interface DiscoverMcpDetail extends PluginItemDetail {
+  haveCloudEndpoint?: boolean;
   isClaimed?: boolean;
   related: DiscoverMcpItem[];
 }

package/packages/types/src/tool/plugin.ts

@@ -25,8 +25,9 @@ export interface CustomPluginParams {
     args?: string[];
     env?: Record<string, string>;
     command?: string;
-    type: 'http' | 'stdio';
+    type: 'http' | 'stdio' | 'cloud';
     url?: string;
+    cloudEndPoint?: string; // Cloud gateway endpoint for cloud type
     // Added authentication configuration support
     auth?: {
       type: 'none' | 'bearer' | 'oauth2';

package/src/app/[variants]/(main)/chat/settings/features/SmartAgentActionButton/MarketPublishButton.tsx

@@ -87,9 +87,7 @@ const MarketPublishButton = memo<MarketPublishButtonProps>(
         `[MarketPublishButton][${action}] User not authenticated, starting authorization`,
       );
       try {
-        message.loading({ content: tMarketAuth('messages.loading'), key: 'market-auth' });
         const accountId = await signIn();
-        message.success({ content: buttonCopy.successMessage, key: 'market-auth' });
 
         let targetAction: MarketPublishAction = action;
 

package/src/app/[variants]/(main)/discover/(detail)/mcp/features/Sidebar/ActionButton/index.tsx

@@ -10,6 +10,7 @@ import { Flexbox } from 'react-layout-kit';
 
 import MCPInstallProgress from '@/features/MCP/MCPInstallProgress';
 import { useDetailContext } from '@/features/MCPPluginDetail/DetailProvider';
+import { useMarketAuth } from '@/layout/AuthProvider/MarketAuth';
 import { useToolStore } from '@/store/tool';
 import { pluginSelectors } from '@/store/tool/slices/plugin/selectors';
 
@@ -23,9 +24,11 @@ const useStyles = createStyles(({ css }) => ({
 
 const ActionButton = memo(() => {
   const { t } = useTranslation(['discover', 'plugin']);
-  const { identifier } = useDetailContext();
+  const detailContext = useDetailContext();
+  const { identifier, haveCloudEndpoint } = detailContext;
   const { styles } = useStyles();
   const [isLoading, setIsLoading] = useState(false);
+  const { isAuthenticated, isLoading: isAuthLoading, signIn } = useMarketAuth();
 
   const [installed, installMCPPlugin, uninstallMCPPlugin] = useToolStore((s) => [
     pluginSelectors.isPluginInstalled(identifier!)(s),
@@ -33,24 +36,47 @@ const ActionButton = memo(() => {
     s.uninstallMCPPlugin,
   ]);
 
+  // Check if this is a cloud MCP plugin
+  const isCloudMcp = haveCloudEndpoint;
+
   const installPlugin = async () => {
     if (!identifier) return;
-    setIsLoading(true);
 
-    await installMCPPlugin(identifier);
+    // If this is a cloud MCP and user is not authenticated, request authorization first
+    if (isCloudMcp && !isAuthenticated) {
+      try {
+        await signIn();
+      } catch {
+        return; // Don't proceed with installation if auth fails
+      }
+    }
 
-    setIsLoading(false);
+    // Proceed with installation
+    setIsLoading(true);
+    try {
+      await installMCPPlugin(identifier);
+    } finally {
+      setIsLoading(false);
+    }
   };
 
+  const buttonLoading = isLoading || isAuthLoading;
+
   return installed ? (
     <Flexbox gap={8} horizontal>
-      <Button block className={styles.button} disabled={isLoading} size={'large'} type={'default'}>
+      <Button
+        block
+        className={styles.button}
+        disabled={buttonLoading}
+        size={'large'}
+        type={'default'}
+      >
         {t('plugins.installed')}
       </Button>
 
       <Button
         icon={<Icon icon={Trash2Icon} size={20} />}
-        loading={isLoading}
+        loading={buttonLoading}
         onClick={async () => {
           setIsLoading(true);
           await uninstallMCPPlugin(identifier!);
@@ -68,7 +94,7 @@ const ActionButton = memo(() => {
       <Button
         block
         className={styles.button}
-        loading={isLoading}
+        loading={buttonLoading}
         onClick={installPlugin}
         size={'large'}
         type={'primary'}

package/src/features/PluginStore/McpList/List/Action.tsx

@@ -5,6 +5,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
+import { useMarketAuth } from '@/layout/AuthProvider/MarketAuth';
 import { useAgentStore } from '@/store/agent';
 import { agentSelectors } from '@/store/agent/selectors';
 import { useToolStore } from '@/store/tool';
@@ -15,13 +16,14 @@ interface ActionsProps {
 }
 
 const Actions = memo<ActionsProps>(({ identifier }) => {
-  const [installed, installing, unInstallPlugin, installMCPPlugin, cancelInstallMCPPlugin] =
+  const [installed, installing, unInstallPlugin, installMCPPlugin, cancelInstallMCPPlugin, plugin] =
     useToolStore((s) => [
       pluginSelectors.isPluginInstalled(identifier)(s),
       mcpStoreSelectors.isMCPInstalling(identifier)(s),
       s.uninstallPlugin,
       s.installMCPPlugin,
       s.cancelInstallMCPPlugin,
+      mcpStoreSelectors.getPluginById(identifier)(s),
     ]);
 
   const { t } = useTranslation('plugin');
@@ -30,6 +32,10 @@ const Actions = memo<ActionsProps>(({ identifier }) => {
     agentSelectors.currentAgentPlugins(s).includes(identifier),
   ]);
   const { modal } = App.useApp();
+  const { isAuthenticated, signIn } = useMarketAuth();
+
+  // Check if this is a cloud MCP plugin
+  const isCloudMcp = !!((plugin as any)?.cloudEndPoint || (plugin as any)?.haveCloudEndpoint);
 
   return (
     <Flexbox align={'center'} horizontal>
@@ -86,6 +92,19 @@ const Actions = memo<ActionsProps>(({ identifier }) => {
           onClick={async (e) => {
             e.stopPropagation();
 
+            // If this is a cloud MCP and user is not authenticated, request authorization first
+            if (isCloudMcp && !isAuthenticated) {
+              console.log(
+                '[MCPListAction] Cloud MCP detected, user not authenticated, starting authorization',
+              );
+
+              try {
+                await signIn();
+              } catch {
+                return; // Don't proceed with installation if auth fails
+              }
+            }
+
             const isSuccess = await installMCPPlugin(identifier);
 
             if (isSuccess) {

package/src/layout/AuthProvider/MarketAuth/MarketAuthConfirmModal.tsx

@@ -0,0 +1,158 @@
+'use client';
+
+import { Modal } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { ArrowRight, ShieldCheck } from 'lucide-react';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+const useStyles = createStyles(({ css, token }) => ({
+  content: css`
+    .ant-modal-content {
+      overflow: hidden;
+      padding: 0;
+    }
+
+    .ant-modal-header {
+      margin-block-end: 0;
+      padding: 0;
+      border-block-end: none;
+    }
+
+    .ant-modal-body {
+      padding: 0;
+    }
+
+    .ant-modal-footer {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      margin-block-start: 0;
+      padding-block: 16px;
+      padding-inline: 24px;
+      border-block-start: 1px solid ${token.colorBorder};
+
+      background: ${token.colorBgContainer};
+
+      .ant-btn {
+        margin: 0;
+      }
+    }
+  `,
+  description: css`
+    font-size: 14px;
+    line-height: 1.5;
+    color: ${token.colorTextSecondary};
+    text-align: center;
+
+    a {
+      color: ${token.colorPrimary};
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+
+    .highlight {
+      font-weight: 500;
+      color: ${token.colorText};
+    }
+  `,
+  header: css`
+    padding-block: 24px 16px;
+    padding-inline: 24px;
+    text-align: center;
+  `,
+  iconWrapper: css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    padding-block: 32px 0;
+    padding-inline: 0;
+  `,
+  okButton: css`
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  `,
+  shieldIcon: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+
+    background: ${token.colorPrimaryBg};
+
+    svg {
+      width: 36px;
+      height: 36px;
+      color: ${token.colorPrimary};
+    }
+  `,
+  title: css`
+    margin-block-end: 24px;
+    font-size: 18px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+}));
+
+interface MarketAuthConfirmModalProps {
+  onCancel: () => void;
+  onConfirm: () => void;
+  open: boolean;
+}
+
+const MarketAuthConfirmModal = memo<MarketAuthConfirmModalProps>(
+  ({ open, onConfirm, onCancel }) => {
+    const { t } = useTranslation('marketAuth');
+    const { styles } = useStyles();
+
+    return (
+      <Modal
+        cancelText={t('authorize.cancel')}
+        className={styles.content}
+        okButtonProps={{
+          className: styles.okButton,
+          icon: <ArrowRight size={16} />,
+        }}
+        okText={t('authorize.confirm')}
+        onCancel={onCancel}
+        onOk={onConfirm}
+        open={open}
+        title={null}
+        width={440}
+      >
+        <div className={styles.iconWrapper}>
+          <div className={styles.shieldIcon}>
+            <ShieldCheck />
+          </div>
+        </div>
+
+        <div className={styles.header}>
+          <div className={styles.title}>{t('authorize.title')}</div>
+          <div className={styles.description}>
+            {t('authorize.description.prefix')} <span className="highlight">LobeHub</span>{' '}
+            <a href="https://lobehub.com/terms" rel="noopener noreferrer" target="_blank">
+              {t('authorize.description.terms')}
+            </a>{' '}
+            {t('authorize.description.and')}{' '}
+            <a href="https://lobehub.com/privacy" rel="noopener noreferrer" target="_blank">
+              {t('authorize.description.privacy')}
+            </a>
+          </div>
+        </div>
+      </Modal>
+    );
+  },
+);
+
+MarketAuthConfirmModal.displayName = 'MarketAuthConfirmModal';
+
+export default MarketAuthConfirmModal;