@lobehub/lobehub 2.0.0-next.47 → 2.0.0-next.49

package/src/app/(backend)/market/oidc/[[...segments]]/route.ts

@@ -0,0 +1,207 @@
+import { MarketSDK } from '@lobehub/market-sdk';
+import { NextRequest, NextResponse } from 'next/server';
+
+type RouteContext = {
+  params: Promise<{
+    segments?: string[];
+  }>;
+};
+
+const MARKET_BASE_URL = process.env.NEXT_PUBLIC_MARKET_BASE_URL || 'http://127.0.0.1:8787';
+const ALLOWED_ENDPOINTS = new Set(['handoff', 'token', 'userinfo']);
+
+const ensureEndpoint = (segments?: string[]) => {
+  if (!segments || segments.length === 0) {
+    return { error: 'missing_endpoint', status: 404 } as const;
+  }
+
+  if (segments.length !== 1) {
+    return { error: 'unsupported_nested_path', status: 404 } as const;
+  }
+
+  const endpoint = segments[0];
+
+  if (!ALLOWED_ENDPOINTS.has(endpoint)) {
+    return { error: 'unknown_endpoint', status: 404 } as const;
+  }
+
+  return { endpoint } as const;
+};
+
+const methodNotAllowed = (allowed: string[]) =>
+  NextResponse.json(
+    {
+      error: 'method_not_allowed',
+      message: `Allowed methods: ${allowed.join(', ')}`,
+      status: 'error',
+    },
+    {
+      headers: { Allow: allowed.join(', ') },
+      status: 405,
+    },
+  );
+
+const handleProxy = async (req: NextRequest, context: RouteContext) => {
+  const market = new MarketSDK({
+    baseURL: MARKET_BASE_URL,
+  });
+
+  const { segments } = await context.params;
+  const endpointResult = ensureEndpoint(segments);
+
+  if ('error' in endpointResult) {
+    return NextResponse.json(
+      {
+        error: endpointResult.error,
+        message: 'Requested endpoint is not available.',
+        status: 'error',
+      },
+      { status: endpointResult.status },
+    );
+  }
+
+  const endpoint = endpointResult.endpoint;
+
+  switch (endpoint) {
+    case 'handoff': {
+      try {
+        const id = req.nextUrl.searchParams.get('id');
+        if (id) {
+          const handoff = await market.auth.getOAuthHandoff(id);
+          return new NextResponse(JSON.stringify(handoff), { status: 200 });
+        } else {
+          return NextResponse.json(
+            {
+              error: 'missing_id',
+              message: 'ID is required for handoff proxy.',
+              status: 'error',
+            },
+            { status: 400 },
+          );
+        }
+      } catch (error) {
+        return NextResponse.json(
+          {
+            error: 'handoff_proxy_failed',
+            message: error instanceof Error ? error.message : 'Unknown error',
+            status: 'error',
+          },
+          { status: 500 },
+        );
+      }
+    }
+
+    case 'token': {
+      if (req.method !== 'POST') {
+        return methodNotAllowed(['POST']);
+      }
+
+      try {
+        const body = await req.text();
+        const form = new URLSearchParams(body);
+
+        const grantType = (form.get('grant_type') || 'authorization_code') as
+          | 'authorization_code'
+          | 'refresh_token';
+
+        if (grantType === 'authorization_code') {
+          const clientId = form.get('client_id');
+          const code = form.get('code');
+          const codeVerifier = form.get('code_verifier');
+          const redirectUri = form.get('redirect_uri');
+
+          const response = await market.auth.exchangeOAuthToken({
+            clientId: clientId as string,
+            code: code as string,
+            codeVerifier: codeVerifier as string,
+            grantType: 'authorization_code',
+            redirectUri: redirectUri as string,
+          });
+
+          return NextResponse.json(response);
+        }
+
+        if (grantType === 'refresh_token') {
+          const refreshToken = form.get('refresh_token');
+          const clientId = form.get('client_id');
+
+          const response = await market.auth.exchangeOAuthToken({
+            clientId: clientId ?? undefined,
+            grantType: 'refresh_token',
+            refreshToken: refreshToken as string,
+          });
+
+          return NextResponse.json(response);
+        }
+
+        return NextResponse.json(
+          {
+            error: 'unsupported_grant_type',
+            message: `Unsupported grant_type: ${grantType}`,
+            status: 'error',
+          },
+          { status: 400 },
+        );
+      } catch (error) {
+        console.error('[MarketOIDC] Failed to proxy token request:', error);
+        return NextResponse.json(
+          {
+            error: 'token_proxy_failed',
+            message: error instanceof Error ? error.message : 'Unknown error',
+            status: 'error',
+          },
+          { status: 500 },
+        );
+      }
+    }
+
+    case 'userinfo': {
+      if (req.method !== 'POST') {
+        return methodNotAllowed(['POST']);
+      }
+
+      try {
+        const { token } = (await req.json()) as { token?: string };
+        if (!token) {
+          return NextResponse.json(
+            {
+              error: 'missing_token',
+              message: 'Token is required for userinfo proxy.',
+              status: 'error',
+            },
+            { status: 400 },
+          );
+        }
+
+        const response = await market.auth.getUserInfo(token);
+        return NextResponse.json(response);
+      } catch (error) {
+        console.error('[MarketOIDC] Failed to proxy userinfo request:', error);
+        return NextResponse.json(
+          {
+            error: 'userinfo_proxy_failed',
+            message: error instanceof Error ? error.message : 'Unknown error',
+            status: 'error',
+          },
+          { status: 500 },
+        );
+      }
+    }
+
+    default: {
+      return NextResponse.json(
+        {
+          error: 'unsupported_endpoint',
+          message: 'Requested endpoint is not supported.',
+          status: 'error',
+        },
+        { status: 404 },
+      );
+    }
+  }
+};
+
+export const GET = (req: NextRequest, context: RouteContext) => handleProxy(req, context);
+export const POST = (req: NextRequest, context: RouteContext) => handleProxy(req, context);
+
+export const dynamic = 'force-dynamic';

package/src/app/[variants]/(main)/(mobile)/me/settings/features/useCategory.tsx

@@ -1,6 +1,7 @@
 import { Bot, Brain, Info, Mic2, Settings2, Sparkles } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { useTranslation } from 'react-i18next';
+
 import { CellProps } from '@/components/Cell';
 import { isDeprecatedEdition } from '@/const/version';
 import { SettingsTabs } from '@/store/global/initialState';

package/src/app/[variants]/(main)/_layout/Desktop/SideBar/PinList/index.tsx

@@ -82,12 +82,14 @@ const PinList = () => {
     hasList && (
       <>
         <Divider style={{ marginBottom: 8, marginTop: 4 }} />
-        <ScrollShadow height={"100%"} hideScrollBar={true} size={40}>
+        <ScrollShadow height={'100%'} hideScrollBar={true} size={40}>
           <Flexbox gap={12} style={{ padding: '0' }}>
             {list.map((item, index) => (
               <Flexbox key={item.id} style={{ position: 'relative' }}>
                 <Tooltip
-                  hotkey={index < 9 ? hotkey.replaceAll(KeyEnum.Number, String(index + 1)) : undefined}
+                  hotkey={
+                    index < 9 ? hotkey.replaceAll(KeyEnum.Number, String(index + 1)) : undefined
+                  }
                   placement={'right'}
                   title={sessionHelpers.getTitle(item.meta)}
                 >

package/src/app/[variants]/(main)/chat/components/topic/features/Topic/TopicListContent/TopicItem/TopicContent.tsx

@@ -100,7 +100,7 @@ const TopicContent = memo<TopicContentProps>(({ id, title, fav, showMore }) => {
           {
             icon: <Icon icon={ExternalLink} />,
             key: 'openInNewWindow',
-            label: '单独打开页面',
+            label: t('actions.openInNewWindow'),
             onClick: () => {
               openTopicInNewWindow(activeId, id);
             },

package/src/app/[variants]/(main)/chat/session/features/SessionListContent/List/Item/Actions.tsx

@@ -97,7 +97,7 @@ const Actions = memo<ActionProps>(({ group, id, openCreateGroupModal, parentType
                 {
                   icon: <Icon icon={ExternalLink} />,
                   key: 'openInNewWindow',
-                  label: '单独打开页面',
+                  label: t('openInNewWindow'),
                   onClick: ({ domEvent }: { domEvent: Event }) => {
                     domEvent.stopPropagation();
                     openSessionInNewWindow(id);

package/src/app/[variants]/(main)/chat/settings/features/AgentInfoDescription/index.tsx

@@ -0,0 +1,349 @@
+'use client';
+
+import { ProDescriptions } from '@ant-design/pro-components';
+import { AgentItemDetail } from '@lobehub/market-sdk';
+import { Tag } from 'antd';
+import Image from 'next/image';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
+
+import Tokens from '@/features/AgentSetting/AgentPrompt/TokenTag';
+
+interface AgentConfig {
+  params?: {
+    max_tokens?: number;
+    temperature?: number;
+    top_p?: number;
+  };
+}
+
+interface ChatConfig {
+  displayMode?: string;
+  enableHistoryCount?: boolean;
+  historyCount?: number;
+  searchMode?: string;
+}
+
+interface TTSConfig {
+  ttsService?: string;
+  voice?: any;
+}
+
+interface AgentInfoDescriptionProps {
+  agentConfig?: AgentConfig;
+  chatConfig?: ChatConfig;
+  files?: Array<{
+    enabled?: boolean;
+    id: string;
+    name: string;
+    type: string;
+  }>;
+  isRemote?: boolean;
+  knowledgeBases?: Array<{
+    enabled?: boolean;
+    id: string;
+    name: string;
+  }>;
+  meta?: Partial<AgentItemDetail> & {
+    description?: string;
+    name?: string;
+    title?: string;
+  };
+  model?: string;
+  plugins?: string[];
+  provider?: string;
+  systemRole?: string;
+  ttsConfig?: TTSConfig;
+}
+
+const AgentInfoDescription = memo<AgentInfoDescriptionProps>(
+  ({
+    agentConfig,
+    chatConfig,
+    files = [],
+    isRemote = false,
+    knowledgeBases = [],
+    meta,
+    model,
+    plugins = [],
+    provider,
+    systemRole,
+    ttsConfig,
+  }) => {
+    const { t } = useTranslation('setting');
+    // 转换远程数据格式
+    const getProcessedData = () => {
+      if (!isRemote || !meta) {
+        return {
+          agentConfig,
+          chatConfig,
+          files,
+          knowledgeBases,
+          meta,
+          model,
+          plugins,
+          provider,
+          systemRole,
+          ttsConfig,
+        };
+      }
+
+      // 远程数据格式转换
+      const remoteData = meta;
+      const config = remoteData.config || {};
+
+      return {
+        agentConfig: {
+          params: config.model?.parameters || {},
+        },
+        chatConfig: config.chatConfig || {},
+        files: config.files || [],
+        knowledgeBases: config.knowledgeBases || [],
+        meta: {
+          avatar: remoteData?.avatar,
+          description: remoteData?.description,
+          name: remoteData?.versionName,
+          tags: remoteData?.tags ? [remoteData.tags] : undefined,
+          title: remoteData?.name,
+        },
+        model: config.model?.model,
+        plugins: config.plugins?.map((p: any) => (typeof p === 'string' ? p : p.identifier)) || [],
+        provider: config.model?.provider,
+        systemRole: config.systemRole,
+        ttsConfig: config.tts || {},
+      };
+    };
+
+    const {
+      agentConfig: processedAgentConfig,
+      chatConfig: processedChatConfig,
+      meta: processedMeta,
+      model: processedModel,
+      plugins: processedPlugins,
+      provider: processedProvider,
+      systemRole: processedSystemRole,
+    } = getProcessedData();
+    const unsetText = t('agentInfoDescription.value.unset');
+    const unnamedText = t('agentInfoDescription.value.untitled');
+    const pluginEmptyText = t('agentInfoDescription.plugins.empty');
+    const renderAvatar = (avatar: string | undefined) => {
+      if (!avatar || avatar === '未设置') return unsetText;
+
+      // 如果是 http 或 https 链接，显示图片
+      if (avatar.startsWith('http://') || avatar.startsWith('https://')) {
+        return (
+          <Image alt="avatar" height={40} src={avatar} style={{ borderRadius: '50%' }} width={40} />
+        );
+      }
+
+      // 否则直接显示字符（emoji）
+      return (
+        <div
+          style={{
+            fontSize: '24px',
+            height: 40,
+            lineHeight: '40px',
+            textAlign: 'center',
+            width: 40,
+          }}
+        >
+          {avatar}
+        </div>
+      );
+    };
+
+    return (
+      <div style={{ height: '500px', overflow: 'auto' }}>
+        <Flexbox gap={16}>
+          {/* 基础信息 */}
+          <ProDescriptions
+            bordered
+            column={2}
+            columns={[
+              {
+                dataIndex: 'title',
+                key: 'title',
+                title: t('agentInfoDescription.basic.name'),
+              },
+              {
+                dataIndex: 'avatar',
+                key: 'avatar',
+                render: (_: any, record: any) => renderAvatar(record.avatar),
+                title: t('agentInfoDescription.basic.avatar'),
+              },
+              {
+                dataIndex: 'description',
+                key: 'description',
+                span: 2,
+                title: t('agentInfoDescription.basic.description'),
+              },
+              {
+                dataIndex: 'tags',
+                key: 'tags',
+                render: (_: any, record: any) => {
+                  const tags = record.tags;
+                  if (!tags || !tags.length) return unsetText;
+                  return tags.map((tag: string, index: number) => (
+                    <Tag color="blue" key={index}>
+                      {tag}
+                    </Tag>
+                  ));
+                },
+                span: 2,
+                title: t('agentInfoDescription.basic.tags'),
+              },
+            ]}
+            dataSource={{
+              avatar: processedMeta?.avatar || unsetText,
+              description: processedMeta?.description || unsetText,
+              tags: processedMeta?.tags?.length ? processedMeta.tags : undefined,
+              title: processedMeta?.title || processedMeta?.name || unnamedText,
+            }}
+            size="small"
+            title={t('agentInfoDescription.basic.title')}
+          />
+
+          {/* 角色设定 */}
+          <ProDescriptions
+            bordered
+            column={1}
+            columns={[
+              {
+                dataIndex: 'systemRole',
+                key: 'systemRole',
+                render: (_: any, record: any) => {
+                  const text = record.systemRole;
+                  if (text === unsetText) return text;
+                  return text;
+                },
+                title: t('agentInfoDescription.role.systemRole'),
+              },
+            ]}
+            dataSource={{
+              systemRole: processedSystemRole || unsetText,
+            }}
+            size="small"
+            title={
+              <Flexbox align={'center'} gap={8} horizontal>
+                <span>{t('agentInfoDescription.role.title')}</span>
+                <Tokens style={{ marginTop: 0 }} value={processedSystemRole || ''} />
+              </Flexbox>
+            }
+          />
+
+          {/* 模型设置 */}
+          <ProDescriptions
+            bordered
+            column={2}
+            columns={[
+              {
+                dataIndex: 'model',
+                key: 'model',
+                title: t('agentInfoDescription.model.model'),
+              },
+              {
+                dataIndex: 'provider',
+                key: 'provider',
+                title: t('agentInfoDescription.model.provider'),
+              },
+              {
+                dataIndex: 'temperature',
+                key: 'temperature',
+                title: t('agentInfoDescription.model.temperature'),
+              },
+              {
+                dataIndex: 'topP',
+                key: 'topP',
+                title: 'Top P',
+              },
+              {
+                dataIndex: 'maxTokens',
+                key: 'maxTokens',
+                span: 2,
+                title: t('agentInfoDescription.model.maxTokens'),
+              },
+            ]}
+            dataSource={{
+              maxTokens: processedAgentConfig?.params?.max_tokens ?? unsetText,
+              model: processedModel || unsetText,
+              provider: processedProvider || unsetText,
+              temperature: processedAgentConfig?.params?.temperature ?? unsetText,
+              topP: processedAgentConfig?.params?.top_p ?? unsetText,
+            }}
+            size="small"
+            title={t('agentInfoDescription.model.title')}
+          />
+
+          {/* 聊天偏好 */}
+          <ProDescriptions
+            bordered
+            column={2}
+            columns={[
+              {
+                dataIndex: 'historyCount',
+                key: 'historyCount',
+                title: t('agentInfoDescription.chat.historyCount'),
+              },
+              {
+                dataIndex: 'enableHistoryCount',
+                key: 'enableHistoryCount',
+                title: t('agentInfoDescription.chat.enableHistoryCount'),
+              },
+              {
+                dataIndex: 'displayMode',
+                key: 'displayMode',
+                title: t('agentInfoDescription.chat.displayMode'),
+              },
+              {
+                dataIndex: 'searchMode',
+                key: 'searchMode',
+                title: t('agentInfoDescription.chat.searchMode'),
+              },
+            ]}
+            dataSource={{
+              displayMode: processedChatConfig?.displayMode || unsetText,
+              enableHistoryCount: processedChatConfig?.enableHistoryCount
+                ? t('agentInfoDescription.chat.yes')
+                : t('agentInfoDescription.chat.no'),
+              historyCount: processedChatConfig?.historyCount ?? unsetText,
+              searchMode: processedChatConfig?.searchMode || unsetText,
+            }}
+            size="small"
+            title={t('agentInfoDescription.chat.title')}
+          />
+
+          <ProDescriptions
+            bordered
+            column={1}
+            columns={[
+              {
+                dataIndex: 'plugins',
+                key: 'plugins',
+                render: (_: any, record: any) => {
+                  const pluginList = record.plugins;
+                  if (!pluginList?.length) return pluginEmptyText;
+                  return pluginList.map((plugin: string, index: number) => (
+                    <Tag color="green" key={index}>
+                      {plugin}
+                    </Tag>
+                  ));
+                },
+                title: t('agentInfoDescription.plugins.title'),
+              },
+            ]}
+            dataSource={{
+              plugins: processedPlugins?.length ? processedPlugins : [],
+            }}
+            size="small"
+            title={t('agentInfoDescription.plugins.count', {
+              count: processedPlugins?.length || 0,
+            })}
+          />
+        </Flexbox>
+      </div>
+    );
+  },
+);
+
+export default AgentInfoDescription;

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

@@ -1,9 +1,9 @@
 import { memo } from 'react';
 
-import SubmitAgentButton from './SubmitAgentButton';
+import SmartAgentActionButton from './SmartAgentActionButton';
 
 export const HeaderContent = memo<{ mobile?: boolean; modal?: boolean }>(({ modal }) => {
-  return <SubmitAgentButton modal={modal} />;
+  return <SmartAgentActionButton modal={modal} />;
 });
 
 export default HeaderContent;

package/src/app/[variants]/(main)/chat/settings/features/PublishResultModal/index.tsx

@@ -0,0 +1,64 @@
+'use client';
+
+import { CheckCircleOutlined } from '@ant-design/icons';
+import { Button, Modal, Space } from 'antd';
+import { useRouter } from 'next/navigation';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+
+interface PublishResultModalProps {
+  identifier?: string;
+  onCancel: () => void;
+  open: boolean;
+}
+
+const PublishResultModal = memo<PublishResultModalProps>(({ identifier, onCancel, open }) => {
+  const router = useRouter();
+  const { t } = useTranslation('setting');
+  const { t: tCommon } = useTranslation('common');
+
+  const handleGoToMarket = () => {
+    if (identifier) {
+      router.push(`/discover/assistant/${identifier}`);
+    }
+    onCancel();
+  };
+
+  const successContent = (
+    <div style={{ padding: '20px 0', textAlign: 'center' }}>
+      <CheckCircleOutlined
+        style={{
+          color: '#52c41a',
+          display: 'block',
+          fontSize: '48px',
+          marginBottom: '16px',
+        }}
+      />
+      <div style={{ fontSize: '16px', marginBottom: '24px' }}>
+        {t('marketPublish.resultModal.message')}
+      </div>
+      <Space>
+        <Button onClick={onCancel}>{tCommon('cancel')}</Button>
+        <Button onClick={handleGoToMarket} type="primary">
+          {t('marketPublish.resultModal.view')}
+        </Button>
+      </Space>
+    </div>
+  );
+
+  return (
+    <Modal
+      centered
+      closable={false}
+      footer={null}
+      onCancel={onCancel}
+      open={open}
+      title={null}
+      width={480}
+    >
+      {successContent}
+    </Modal>
+  );
+});
+
+export default PublishResultModal;