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

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/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)/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/features/ProfileEditor/AgentTool.tsx

@@ -1,6 +1,11 @@
 'use client';
 
-import { KLAVIS_SERVER_TYPES, type KlavisServerType } from '@lobechat/const';
+import {
+  KLAVIS_SERVER_TYPES,
+  type KlavisServerType,
+  LOBEHUB_SKILL_PROVIDERS,
+  type LobehubSkillProviderType,
+} from '@lobechat/const';
 import { Avatar, Button, Flexbox, Icon, type ItemType, Segmented } from '@lobehub/ui';
 import { createStaticStyles, cssVar } from 'antd-style';
 import isEqual from 'fast-deep-equal';
@@ -10,6 +15,7 @@ import { useTranslation } from 'react-i18next';
 
 import PluginAvatar from '@/components/Plugins/PluginAvatar';
 import KlavisServerItem from '@/features/ChatInput/ActionBar/Tools/KlavisServerItem';
+import LobehubSkillServerItem from '@/features/ChatInput/ActionBar/Tools/LobehubSkillServerItem';
 import ToolItem from '@/features/ChatInput/ActionBar/Tools/ToolItem';
 import ActionDropdown from '@/features/ChatInput/ActionBar/components/ActionDropdown';
 import PluginStore from '@/features/PluginStore';
@@ -22,6 +28,7 @@ import { useToolStore } from '@/store/tool';
 import {
   builtinToolSelectors,
   klavisStoreSelectors,
+  lobehubSkillStoreSelectors,
   pluginSelectors,
 } from '@/store/tool/selectors';
 import { type LobeToolMetaWithAvailability } from '@/store/tool/slices/builtin/selectors';
@@ -81,6 +88,19 @@ const KlavisIcon = memo<Pick<KlavisServerType, 'icon' | 'label'>>(({ icon, label
   return <Icon className={styles.icon} fill={cssVar.colorText} icon={icon} size={18} />;
 });
 
+/**
+ * LobeHub Skill Provider 图标组件
+ */
+const LobehubSkillIcon = memo<Pick<LobehubSkillProviderType, 'icon' | 'label'>>(
+  ({ icon, label }) => {
+    if (typeof icon === 'string') {
+      return <img alt={label} className={styles.icon} height={18} src={icon} width={18} />;
+    }
+
+    return <Icon className={styles.icon} fill={cssVar.colorText} icon={icon} size={18} />;
+  },
+);
+
 export interface AgentToolProps {
   /**
    * Optional agent ID to use instead of currentAgentConfig
@@ -125,12 +145,18 @@ const AgentTool = memo<AgentToolProps>(
     );
 
     // Web browsing uses searchMode instead of plugins array - use byId selector
-    const isSearchEnabled = useAgentStore(chatConfigByIdSelectors.isEnableSearchById(effectiveAgentId));
+    const isSearchEnabled = useAgentStore(
+      chatConfigByIdSelectors.isEnableSearchById(effectiveAgentId),
+    );
 
     // Klavis 相关状态
     const allKlavisServers = useToolStore(klavisStoreSelectors.getServers, isEqual);
     const isKlavisEnabledInEnv = useServerConfigStore(serverConfigSelectors.enableKlavis);
 
+    // LobeHub Skill 相关状态
+    const allLobehubSkillServers = useToolStore(lobehubSkillStoreSelectors.getServers, isEqual);
+    const isLobehubSkillEnabled = useServerConfigStore(serverConfigSelectors.enableLobehubSkill);
+
     // Plugin store modal state
     const [modalOpen, setModalOpen] = useState(false);
     const [updating, setUpdating] = useState(false);
@@ -140,10 +166,12 @@ const AgentTool = memo<AgentToolProps>(
     const isInitializedRef = useRef(false);
 
     // Fetch plugins
-    const [useFetchPluginStore, useFetchUserKlavisServers] = useToolStore((s) => [
-      s.useFetchPluginStore,
-      s.useFetchUserKlavisServers,
-    ]);
+    const [useFetchPluginStore, useFetchUserKlavisServers, useFetchLobehubSkillConnections] =
+      useToolStore((s) => [
+        s.useFetchPluginStore,
+        s.useFetchUserKlavisServers,
+        s.useFetchLobehubSkillConnections,
+      ]);
     useFetchPluginStore();
     useFetchInstalledPlugins();
     useCheckPluginsIsInstalled(plugins);
@@ -151,6 +179,9 @@ const AgentTool = memo<AgentToolProps>(
     // 使用 SWR 加载用户的 Klavis 集成（从数据库）
     useFetchUserKlavisServers(isKlavisEnabledInEnv);
 
+    // 使用 SWR 加载用户的 LobeHub Skill 连接
+    useFetchLobehubSkillConnections(isLobehubSkillEnabled);
+
     // Toggle web browsing via searchMode - use byId action
     const toggleWebBrowsing = useCallback(async () => {
       if (!effectiveAgentId) return;
@@ -270,6 +301,19 @@ const AgentTool = memo<AgentToolProps>(
       [isKlavisEnabledInEnv, allKlavisServers],
     );
 
+    // LobeHub Skill Provider 列表项
+    const lobehubSkillItems = useMemo(
+      () =>
+        isLobehubSkillEnabled
+          ? LOBEHUB_SKILL_PROVIDERS.map((provider) => ({
+              icon: <LobehubSkillIcon icon={provider.icon} label={provider.label} />,
+              key: provider.id, // 使用 provider.id 作为 key，与 pluginId 保持一致
+              label: <LobehubSkillServerItem label={provider.label} provider={provider.id} />,
+            }))
+          : [],
+      [isLobehubSkillEnabled, allLobehubSkillServers],
+    );
+
     // Handle plugin remove via Tag close - use byId actions
     const handleRemovePlugin =
       (
@@ -292,7 +336,7 @@ const AgentTool = memo<AgentToolProps>(
       (id) => !builtinList.some((b) => b.identifier === id),
     ).length;
 
-    // 合并 builtin 工具和 Klavis 服务器
+    // 合并 builtin 工具、LobeHub Skill Providers 和 Klavis 服务器
     const builtinItems = useMemo(
       () => [
         // 原有的 builtin 工具
@@ -312,10 +356,12 @@ const AgentTool = memo<AgentToolProps>(
             />
           ),
         })),
+        // LobeHub Skill Providers
+        ...lobehubSkillItems,
         // Klavis 服务器
         ...klavisServerItems,
       ],
-      [filteredBuiltinList, klavisServerItems, isToolEnabled, handleToggleTool],
+      [filteredBuiltinList, klavisServerItems, lobehubSkillItems, isToolEnabled, handleToggleTool],
     );
 
     // Plugin items for dropdown
@@ -413,8 +459,17 @@ const AgentTool = memo<AgentToolProps>(
         plugins.includes(item.key as string),
       );
 
-      // 合并 builtin 和 Klavis
-      const allBuiltinItems = [...enabledBuiltinItems, ...connectedKlavisItems];
+      // 已连接的 LobeHub Skill Providers
+      const connectedLobehubSkillItems = lobehubSkillItems.filter((item) =>
+        plugins.includes(item.key as string),
+      );
+
+      // 合并 builtin、LobeHub Skill 和 Klavis
+      const allBuiltinItems = [
+        ...enabledBuiltinItems,
+        ...connectedKlavisItems,
+        ...connectedLobehubSkillItems,
+      ];
 
       if (allBuiltinItems.length > 0) {
         items.push({
@@ -462,6 +517,7 @@ const AgentTool = memo<AgentToolProps>(
     }, [
       filteredBuiltinList,
       klavisServerItems,
+      lobehubSkillItems,
       installedPluginList,
       plugins,
       isToolEnabled,
@@ -526,7 +582,7 @@ const AgentTool = memo<AgentToolProps>(
                   overflowY: 'visible',
                 },
               }}
-              minHeight={isKlavisEnabledInEnv ? 500 : undefined}
+              minHeight={isKlavisEnabledInEnv || isLobehubSkillEnabled ? 500 : undefined}
               minWidth={400}
               placement={'bottomLeft'}
               popupRender={(menu) => (
@@ -554,7 +610,7 @@ const AgentTool = memo<AgentToolProps>(
                     className={styles.scroller}
                     style={{
                       maxHeight: 500,
-                      minHeight: isKlavisEnabledInEnv ? 500 : undefined,
+                      minHeight: isKlavisEnabledInEnv || isLobehubSkillEnabled ? 500 : undefined,
                     }}
                   >
                     {menu}