@lobehub/lobehub 2.0.0-next.284 → 2.0.0-next.286

package/packages/model-runtime/src/providers/fal/index.test.ts

@@ -479,7 +479,7 @@ describe('LobeFalAI', () => {
       });
     });
 
-    describe('Seedream v4 special endpoints', () => {
+    describe('Seedream and Hunyuan special endpoints', () => {
       it('should use text-to-image endpoint when no imageUrls provided', async () => {
         // Arrange
         const mockImageResponse = {
@@ -698,6 +698,181 @@ describe('LobeFalAI', () => {
           },
         });
       });
+
+      it('should use text-to-image endpoint for seedream v4.5 when no imageUrls provided', async () => {
+        // Arrange
+        const mockImageResponse = {
+          requestId: 'test-request-id',
+          data: {
+            images: [
+              {
+                url: 'https://example.com/generated.jpg',
+                width: 2048,
+                height: 2048,
+              },
+            ],
+          },
+        };
+        mockFal.subscribe.mockResolvedValue(mockImageResponse as any);
+
+        const payload: CreateImagePayload = {
+          model: 'bytedance/seedream/v4.5',
+          params: {
+            prompt: 'A beautiful landscape',
+            width: 2048,
+            height: 2048,
+          },
+        };
+
+        // Act
+        await instance.createImage(payload);
+
+        // Assert
+        expect(mockFal.subscribe).toHaveBeenCalledWith(
+          'fal-ai/bytedance/seedream/v4.5/text-to-image',
+          {
+            input: {
+              enable_safety_checker: false,
+              num_images: 1,
+              prompt: 'A beautiful landscape',
+              image_size: {
+                width: 2048,
+                height: 2048,
+              },
+            },
+          },
+        );
+      });
+
+      it('should use edit endpoint for seedream v4.5 when imageUrls is provided', async () => {
+        // Arrange
+        const mockImageResponse = {
+          requestId: 'test-request-id',
+          data: {
+            images: [
+              {
+                url: 'https://example.com/edited.jpg',
+                width: 2048,
+                height: 2048,
+              },
+            ],
+          },
+        };
+        mockFal.subscribe.mockResolvedValue(mockImageResponse as any);
+
+        const payload: CreateImagePayload = {
+          model: 'bytedance/seedream/v4.5',
+          params: {
+            prompt: 'Edit this image',
+            imageUrls: ['https://example.com/input.jpg'],
+            width: 2048,
+            height: 2048,
+          },
+        };
+
+        // Act
+        await instance.createImage(payload);
+
+        // Assert
+        expect(mockFal.subscribe).toHaveBeenCalledWith('fal-ai/bytedance/seedream/v4.5/edit', {
+          input: {
+            enable_safety_checker: false,
+            num_images: 1,
+            prompt: 'Edit this image',
+            image_urls: ['https://example.com/input.jpg'],
+            image_size: {
+              width: 2048,
+              height: 2048,
+            },
+          },
+        });
+      });
+
+      it('should use text-to-image endpoint for hunyuan-image v3 when no imageUrls provided', async () => {
+        // Arrange
+        const mockImageResponse = {
+          requestId: 'test-request-id',
+          data: {
+            images: [
+              {
+                url: 'https://example.com/generated.jpg',
+                width: 1024,
+                height: 1024,
+              },
+            ],
+          },
+        };
+        mockFal.subscribe.mockResolvedValue(mockImageResponse as any);
+
+        const payload: CreateImagePayload = {
+          model: 'hunyuan-image/v3',
+          params: {
+            prompt: 'A scenic mountain view',
+            width: 1024,
+            height: 1024,
+          },
+        };
+
+        // Act
+        await instance.createImage(payload);
+
+        // Assert
+        expect(mockFal.subscribe).toHaveBeenCalledWith('fal-ai/hunyuan-image/v3/text-to-image', {
+          input: {
+            enable_safety_checker: false,
+            num_images: 1,
+            prompt: 'A scenic mountain view',
+            image_size: {
+              width: 1024,
+              height: 1024,
+            },
+          },
+        });
+      });
+
+      it('should use edit endpoint for hunyuan-image v3 when imageUrls is provided', async () => {
+        // Arrange
+        const mockImageResponse = {
+          requestId: 'test-request-id',
+          data: {
+            images: [
+              {
+                url: 'https://example.com/edited.jpg',
+                width: 1024,
+                height: 1024,
+              },
+            ],
+          },
+        };
+        mockFal.subscribe.mockResolvedValue(mockImageResponse as any);
+
+        const payload: CreateImagePayload = {
+          model: 'hunyuan-image/v3',
+          params: {
+            prompt: 'Edit this image',
+            imageUrls: ['https://example.com/input.jpg'],
+            width: 1024,
+            height: 1024,
+          },
+        };
+
+        // Act
+        await instance.createImage(payload);
+
+        // Assert
+        expect(mockFal.subscribe).toHaveBeenCalledWith('fal-ai/hunyuan-image/v3/edit', {
+          input: {
+            enable_safety_checker: false,
+            num_images: 1,
+            prompt: 'Edit this image',
+            image_urls: ['https://example.com/input.jpg'],
+            image_size: {
+              width: 1024,
+              height: 1024,
+            },
+          },
+        });
+      });
     });
 
     describe('Edge cases', () => {

package/packages/model-runtime/src/providers/fal/index.ts

@@ -71,7 +71,9 @@ export class LobeFalAI implements LobeRuntimeAI {
     // Ensure model has fal-ai/ prefix
     let endpoint = model.startsWith('fal-ai/') ? model : `fal-ai/${model}`;
     const hasImageUrls = (params.imageUrls?.length ?? 0) > 0;
-    if (['fal-ai/bytedance/seedream/v4', 'fal-ai/hunyuan-image/v3'].includes(endpoint)) {
+    if (
+      ['fal-ai/bytedance/seedream/v', 'fal-ai/hunyuan-image/v'].some((m) => endpoint.startsWith(m))
+    ) {
       endpoint += hasImageUrls ? '/edit' : '/text-to-image';
     } else if (endpoint === 'fal-ai/nano-banana' && hasImageUrls) {
       endpoint += '/edit';

package/src/app/[variants]/(main)/agent/features/Conversation/AgentWelcome/AddButton.tsx

@@ -9,7 +9,8 @@ import { useAgentStore } from '@/store/agent';
 const AddButton = memo(() => {
   const navigate = useNavigate();
   const createAgent = useAgentStore((s) => s.createAgent);
-  const { mutate, isValidating } = useActionSWR('agent.createAgent', async () => {
+  // Use a unique SWR key to avoid conflicts with useCreateMenuItems which uses 'agent.createAgent'
+  const { mutate, isValidating } = useActionSWR('agent.createAgentFromWelcome', async () => {
     const result = await createAgent({});
     navigate(`/agent/${result.agentId}/profile`);
     return result;

package/src/app/[variants]/(main)/agent/features/Conversation/Header/ShareButton/index.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { ENABLE_TOPIC_LINK_SHARE } from '@lobechat/business-const';
 import { ActionIcon } from '@lobehub/ui';
 import { Share2 } from 'lucide-react';
 import dynamic from 'next/dynamic';
@@ -10,6 +9,8 @@ import { useTranslation } from 'react-i18next';
 import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useWorkspaceModal } from '@/hooks/useWorkspaceModal';
 import { useChatStore } from '@/store/chat';
+import { useServerConfigStore } from '@/store/serverConfig';
+import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
 const ShareModal = dynamic(() => import('@/features/ShareModal'));
 const SharePopover = dynamic(() => import('@/features/SharePopover'));
@@ -24,6 +25,7 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
   const [isModalOpen, setIsModalOpen] = useWorkspaceModal(open, setOpen);
   const { t } = useTranslation('common');
   const activeTopicId = useChatStore((s) => s.activeTopicId);
+  const enableTopicLinkShare = useServerConfigStore(serverConfigSelectors.enableBusinessFeatures);
 
   // Hide share button when no topic exists (no messages sent yet)
   if (!activeTopicId) return null;
@@ -31,7 +33,7 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
   const iconButton = (
     <ActionIcon
       icon={Share2}
-      onClick={ENABLE_TOPIC_LINK_SHARE ? undefined : () => setIsModalOpen(true)}
+      onClick={enableTopicLinkShare ? undefined : () => setIsModalOpen(true)}
       size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
       title={t('share')}
       tooltipProps={{
@@ -42,7 +44,7 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
 
   return (
     <>
-      {ENABLE_TOPIC_LINK_SHARE ? (
+      {enableTopicLinkShare ? (
         <SharePopover onOpenModal={() => setIsModalOpen(true)}>{iconButton}</SharePopover>
       ) : (
         iconButton

package/src/app/[variants]/(main)/agent/features/Conversation/MainChatInput/MessageFromUrl.tsx

@@ -1,9 +1,11 @@
 'use client';
 
-import { useEffect } from 'react';
-import { useSearchParams } from 'react-router-dom';
+import { useEffect, useMemo, useRef } from 'react';
+import { useLocation, useSearchParams } from 'react-router-dom';
 
 import { useConversationStore } from '@/features/Conversation';
+import { useAgentStore } from '@/store/agent';
+import { agentSelectors } from '@/store/agent/selectors';
 
 /**
  * MessageFromUrl
@@ -12,23 +14,69 @@ import { useConversationStore } from '@/features/Conversation';
  * Uses ConversationStore for input and send operations.
  */
 const MessageFromUrl = () => {
-  const [updateInputMessage, sendMessage] = useConversationStore((s) => [
-    s.updateInputMessage,
+  const [sendMessage, context, messagesInit] = useConversationStore((s) => [
     s.sendMessage,
+    s.context,
+    s.messagesInit,
   ]);
+  const agentId = context.agentId;
   const [searchParams, setSearchParams] = useSearchParams();
+  const location = useLocation();
+  const isAgentConfigLoading = useAgentStore(agentSelectors.isAgentConfigLoading);
+
+  const routeAgentId = useMemo(() => {
+    const match = location.pathname?.match(/^\/agent\/([^#/?]+)/);
+    return match?.[1];
+  }, [location.pathname]);
+
+  // Track last processed (agentId, message) to prevent duplicate sends on re-render,
+  // while still allowing sending when navigating to a different agent (or message).
+  const lastProcessedSignatureRef = useRef<string | null>(null);
 
   useEffect(() => {
     const message = searchParams.get('message');
     if (!message) return;
 
-    const params = new URLSearchParams(searchParams.toString());
-    params.delete('message');
-    setSearchParams(params, { replace: true });
+    // Wait for agentId to be available before sending
+    if (!agentId) return;
+
+    // During agent switching, URL/searchParams may update before ConversationStore context updates.
+    // Only consume the param when the route agentId matches the ConversationStore agentId.
+    if (routeAgentId && routeAgentId !== agentId) return;
+
+    // Ensure required agent info is loaded before consuming the param.
+    // For existing conversations (topicId exists), also wait until messages are initialized
+    // to avoid sending during skeleton fetch states.
+    const isNewConversation = !context.topicId;
+    const isReady = !isAgentConfigLoading && (isNewConversation || messagesInit);
+    if (!isReady) return;
 
-    updateInputMessage(message);
+    const signature = `${agentId}::${message}`;
+    if (lastProcessedSignatureRef.current === signature) return;
+    lastProcessedSignatureRef.current = signature;
+
+    // Use functional update to safely remove message param without affecting other params
+    setSearchParams(
+      (prev) => {
+        const newParams = new URLSearchParams(prev);
+        newParams.delete('message');
+        return newParams;
+      },
+      { replace: true },
+    );
+
+    // Send the message
     sendMessage({ message });
-  }, [searchParams, setSearchParams, updateInputMessage, sendMessage]);
+  }, [
+    searchParams,
+    setSearchParams,
+    sendMessage,
+    agentId,
+    context.topicId,
+    isAgentConfigLoading,
+    messagesInit,
+    routeAgentId,
+  ]);
 
   return null;
 };

package/src/app/[variants]/(main)/agent/profile/features/Header/AgentPublishButton/PublishButton.tsx

@@ -1,13 +1,11 @@
-import { ActionIcon } from '@lobehub/ui';
+import { Button } from '@lobehub/ui';
 import { ShapesUploadIcon } from '@lobehub/ui/icons';
 import { memo, useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { message } from '@/components/AntdStaticMethods';
-import { HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useMarketAuth } from '@/layout/AuthProvider/MarketAuth';
 import { resolveMarketAuthError } from '@/layout/AuthProvider/MarketAuth/errors';
-import { useServerConfigStore } from '@/store/serverConfig';
 
 import ForkConfirmModal from './ForkConfirmModal';
 import type { MarketPublishAction } from './types';
@@ -21,8 +19,6 @@ interface MarketPublishButtonProps {
 const PublishButton = memo<MarketPublishButtonProps>(({ action, onPublishSuccess }) => {
   const { t } = useTranslation(['setting', 'marketAuth']);
 
-  const mobile = useServerConfigStore((s) => s.isMobile);
-
   const { isAuthenticated, isLoading, signIn } = useMarketAuth();
   const { checkOwnership, isCheckingOwnership, isPublishing, publish } = useMarketPublish({
     action,
@@ -102,13 +98,14 @@ const PublishButton = memo<MarketPublishButtonProps>(({ action, onPublishSuccess
 
   return (
     <>
-      <ActionIcon
+      <Button
         icon={ShapesUploadIcon}
         loading={loading}
         onClick={handleButtonClick}
-        size={HEADER_ICON_SIZE(mobile)}
         title={buttonTitle}
-      />
+      >
+        {t('publishToCommunity')}
+      </Button>
       <ForkConfirmModal
         loading={isPublishing}
         onCancel={handleForkCancel}

package/src/app/[variants]/(main)/agent/profile/features/Header/index.tsx

@@ -5,7 +5,6 @@ import NavHeader from '@/features/NavHeader';
 import ToggleRightPanelButton from '@/features/RightPanel/ToggleRightPanelButton';
 import WideScreenButton from '@/features/WideScreenContainer/WideScreenButton';
 
-import AgentPublishButton from './AgentPublishButton';
 import AutoSaveHint from './AutoSaveHint';
 
 const Header = memo(() => {
@@ -16,7 +15,6 @@ const Header = memo(() => {
         <>
           <WideScreenButton />
           <ToggleRightPanelButton icon={BotMessageSquareIcon} showActive={true} />
-          <AgentPublishButton />
         </>
       }
     />

package/src/app/[variants]/(main)/agent/profile/features/ProfileEditor/index.tsx

@@ -17,6 +17,7 @@ import { useChatStore } from '@/store/chat';
 
 import AgentCronJobs from '../AgentCronJobs';
 import EditorCanvas from '../EditorCanvas';
+import AgentPublishButton from '../Header/AgentPublishButton';
 import AgentHeader from './AgentHeader';
 import AgentTool from './AgentTool';
 
@@ -79,6 +80,7 @@ const ProfileEditor = memo(() => {
           >
             {t('startConversation')}
           </Button>
+          <AgentPublishButton />
           {ENABLE_BUSINESS_FEATURES && (
             <Button icon={Clock} onClick={handleCreateCronJob}>
               {t('agentCronJobs.addJob')}

package/src/app/[variants]/(main)/community/(detail)/provider/features/Details/Nav.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { SOCIAL_URL } from '@lobechat/business-const';
+import { BRANDING_PROVIDER, SOCIAL_URL } from '@lobechat/business-const';
 import { Flexbox, Icon, Tabs } from '@lobehub/ui';
 import { createStaticStyles } from 'antd-style';
 import { BookOpenIcon, BrainCircuitIcon, ListIcon } from 'lucide-react';
@@ -38,27 +38,36 @@ const Nav = memo<NavProps>(({ mobile, setActiveTab, activeTab = ProviderNavKey.O
   const { t } = useTranslation('discover');
   const { identifier } = useDetailContext();
 
+  // Hide Guide tab for branding provider as it doesn't have integration docs
+  const showGuideTab = identifier !== BRANDING_PROVIDER;
+
+  const items = [
+    {
+      icon: <Icon icon={BookOpenIcon} size={16} />,
+      key: ProviderNavKey.Overview,
+      label: t('providers.details.overview.title'),
+    },
+    ...(showGuideTab
+      ? [
+          {
+            icon: <Icon icon={BrainCircuitIcon} size={16} />,
+            key: ProviderNavKey.Guide,
+            label: t('providers.details.guide.title'),
+          },
+        ]
+      : []),
+    {
+      icon: <Icon icon={ListIcon} size={16} />,
+      key: ProviderNavKey.Related,
+      label: t('providers.details.related.title'),
+    },
+  ];
+
   const nav = (
     <Tabs
       activeKey={activeTab}
       compact={mobile}
-      items={[
-        {
-          icon: <Icon icon={BookOpenIcon} size={16} />,
-          key: ProviderNavKey.Overview,
-          label: t('providers.details.overview.title'),
-        },
-        {
-          icon: <Icon icon={BrainCircuitIcon} size={16} />,
-          key: ProviderNavKey.Guide,
-          label: t('providers.details.guide.title'),
-        },
-        {
-          icon: <Icon icon={ListIcon} size={16} />,
-          key: ProviderNavKey.Related,
-          label: t('providers.details.related.title'),
-        },
-      ]}
+      items={items}
       onChange={(key) => setActiveTab?.(key as ProviderNavKey)}
     />
   );

package/src/app/[variants]/(main)/group/features/Conversation/Header/ShareButton/index.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import { ENABLE_TOPIC_LINK_SHARE } from '@lobechat/business-const';
 import { ActionIcon } from '@lobehub/ui';
 import { Share2 } from 'lucide-react';
 import dynamic from 'next/dynamic';
@@ -10,6 +9,8 @@ import { useTranslation } from 'react-i18next';
 import { DESKTOP_HEADER_ICON_SIZE, MOBILE_HEADER_ICON_SIZE } from '@/const/layoutTokens';
 import { useWorkspaceModal } from '@/hooks/useWorkspaceModal';
 import { useChatStore } from '@/store/chat';
+import { useServerConfigStore } from '@/store/serverConfig';
+import { serverConfigSelectors } from '@/store/serverConfig/selectors';
 
 const ShareModal = dynamic(() => import('@/features/ShareModal'));
 const SharePopover = dynamic(() => import('@/features/SharePopover'));
@@ -24,6 +25,7 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
   const [isModalOpen, setIsModalOpen] = useWorkspaceModal(open, setOpen);
   const { t } = useTranslation('common');
   const activeTopicId = useChatStore((s) => s.activeTopicId);
+  const enableTopicLinkShare = useServerConfigStore(serverConfigSelectors.enableBusinessFeatures);
 
   // Hide share button when no topic exists (no messages sent yet)
   if (!activeTopicId) return null;
@@ -31,7 +33,7 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
   const iconButton = (
     <ActionIcon
       icon={Share2}
-      onClick={ENABLE_TOPIC_LINK_SHARE ? undefined : () => setIsModalOpen(true)}
+      onClick={enableTopicLinkShare ? undefined : () => setIsModalOpen(true)}
       size={mobile ? MOBILE_HEADER_ICON_SIZE : DESKTOP_HEADER_ICON_SIZE}
       title={t('share')}
       tooltipProps={{
@@ -42,7 +44,7 @@ const ShareButton = memo<ShareButtonProps>(({ mobile, setOpen, open }) => {
 
   return (
     <>
-      {ENABLE_TOPIC_LINK_SHARE ? (
+      {enableTopicLinkShare ? (
         <SharePopover onOpenModal={() => setIsModalOpen(true)}>{iconButton}</SharePopover>
       ) : (
         iconButton

package/src/app/[variants]/(main)/group/features/Conversation/MainChatInput/MessageFromUrl.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { useSearchParams } from 'react-router-dom';
 
 import { useConversationStore } from '@/features/Conversation';
@@ -12,23 +12,37 @@ import { useConversationStore } from '@/features/Conversation';
  * Uses ConversationStore for input and send operations.
  */
 const MessageFromUrl = () => {
-  const [updateInputMessage, sendMessage] = useConversationStore((s) => [
-    s.updateInputMessage,
-    s.sendMessage,
-  ]);
+  const [sendMessage, agentId] = useConversationStore((s) => [s.sendMessage, s.context.agentId]);
   const [searchParams, setSearchParams] = useSearchParams();
 
+  // Track if we've processed the initial message to prevent duplicate sends
+  const hasProcessedRef = useRef(false);
+
   useEffect(() => {
+    // Only process once
+    if (hasProcessedRef.current) return;
+
     const message = searchParams.get('message');
     if (!message) return;
 
-    const params = new URLSearchParams(searchParams.toString());
-    params.delete('message');
-    setSearchParams(params, { replace: true });
+    // Wait for agentId to be available before sending
+    if (!agentId) return;
+
+    hasProcessedRef.current = true;
+
+    // Use functional update to safely remove message param without affecting other params
+    setSearchParams(
+      (prev) => {
+        const newParams = new URLSearchParams(prev);
+        newParams.delete('message');
+        return newParams;
+      },
+      { replace: true },
+    );
 
-    updateInputMessage(message);
+    // Send the message
     sendMessage({ message });
-  }, [searchParams, setSearchParams, updateInputMessage, sendMessage]);
+  }, [searchParams, setSearchParams, sendMessage, agentId]);
 
   return null;
 };

package/src/app/[variants]/onboarding/_layout/style.ts

@@ -1,21 +1,16 @@
 import { createStaticStyles } from 'antd-style';
 
 export const styles = createStaticStyles(({ css, cssVar }) => ({
-  
-  
-// Divider 样式
-divider: css`
+  // Divider 样式
+  divider: css`
     height: 24px;
   `,
 
-  
-  
-
-// 内层容器 - 深色模式
-innerContainerDark: css`
+  // 内层容器 - 深色模式
+  innerContainerDark: css`
     position: relative;
 
-    overflow: hidden;
+    overflow: hidden auto;
 
     border: 1px solid ${cssVar.colorBorderSecondary};
     border-radius: ${cssVar.borderRadius};
@@ -23,14 +18,11 @@ innerContainerDark: css`
     background: ${cssVar.colorBgContainer};
   `,
 
-  
-  
-
-// 内层容器 - 浅色模式
-innerContainerLight: css`
+  // 内层容器 - 浅色模式
+  innerContainerLight: css`
     position: relative;
 
-    overflow: hidden;
+    overflow: hidden auto;
 
     border: 1px solid ${cssVar.colorBorder};
     border-radius: ${cssVar.borderRadius};
@@ -38,10 +30,8 @@ innerContainerLight: css`
     background: ${cssVar.colorBgContainer};
   `,
 
-  
-  
-// 外层容器
-outerContainer: css`
+  // 外层容器
+  outerContainer: css`
     position: relative;
   `,
 }));