@lobehub/lobehub 2.0.0-next.273 → 2.0.0-next.274

package/packages/builtin-tool-group-agent-builder/src/client/Render/UpdateGroupPrompt/index.tsx

@@ -0,0 +1,36 @@
+'use client';
+
+import type { BuiltinRenderProps } from '@lobechat/types';
+import { Markdown } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { memo } from 'react';
+
+import type { UpdateGroupPromptParams, UpdateGroupPromptState } from '../../../types';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  container: css`
+    padding: 12px;
+    border-radius: 8px;
+    background: ${cssVar.colorFillQuaternary};
+  `,
+}));
+
+export const UpdateGroupPromptRender = memo<
+  BuiltinRenderProps<UpdateGroupPromptParams, UpdateGroupPromptState>
+>(({ pluginState }) => {
+  const prompt = pluginState?.newPrompt;
+
+  if (!prompt) return null;
+
+  return (
+    <div className={styles.container}>
+      <div>
+        <Markdown variant={'chat'}>{prompt}</Markdown>
+      </div>
+    </div>
+  );
+});
+
+UpdateGroupPromptRender.displayName = 'UpdateGroupPromptRender';
+
+export default UpdateGroupPromptRender;

package/packages/builtin-tool-group-agent-builder/src/client/Render/index.ts

@@ -0,0 +1,16 @@
+import { GroupAgentBuilderApiName } from '../../types';
+import BatchCreateAgents from './BatchCreateAgents';
+import UpdateAgentPrompt from './UpdateAgentPrompt';
+import UpdateGroupPrompt from './UpdateGroupPrompt';
+
+/**
+ * Group Agent Builder Render Components Registry
+ *
+ * Render components display the results of tool calls
+ * in a user-friendly format.
+ */
+export const GroupAgentBuilderRenders = {
+  [GroupAgentBuilderApiName.batchCreateAgents]: BatchCreateAgents,
+  [GroupAgentBuilderApiName.updateAgentPrompt]: UpdateAgentPrompt,
+  [GroupAgentBuilderApiName.updateGroupPrompt]: UpdateGroupPrompt,
+};

package/packages/builtin-tool-group-agent-builder/src/client/Streaming/BatchCreateAgents/index.tsx

@@ -0,0 +1,88 @@
+'use client';
+
+import type { BuiltinStreamingProps } from '@lobechat/types';
+import { Avatar, Block, Flexbox, Markdown } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { memo } from 'react';
+
+import type { BatchCreateAgentsParams } from '../../../types';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  description: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+
+    font-size: 12px;
+    line-height: 1.5;
+    color: ${cssVar.colorTextDescription};
+    text-overflow: ellipsis;
+  `,
+  index: css`
+    flex-shrink: 0;
+    font-size: 12px;
+    color: ${cssVar.colorTextQuaternary};
+  `,
+  item: css`
+    padding-block: 10px;
+    padding-inline: 12px;
+
+    &:not(:last-child) {
+      border-block-end: 1px dashed ${cssVar.colorBorderSecondary};
+    }
+  `,
+  systemRole: css`
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+
+    font-size: 12px;
+    line-height: 1.5;
+    color: ${cssVar.colorTextTertiary};
+    text-overflow: ellipsis;
+  `,
+  title: css`
+    overflow: hidden;
+
+    font-size: 13px;
+    font-weight: 500;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+}));
+
+export const BatchCreateAgentsStreaming = memo<BuiltinStreamingProps<BatchCreateAgentsParams>>(
+  ({ args }) => {
+    const { agents } = args || {};
+
+    if (!agents || agents.length === 0) return null;
+
+    return (
+      <Block variant={'outlined'} width="100%">
+        {agents.map((agent, index) => (
+          <Flexbox className={styles.item} gap={8} horizontal key={index}>
+            <div className={styles.index}>{index + 1}.</div>
+            <Avatar avatar={agent.avatar} size={24} style={{ flexShrink: 0 }} title={agent.title} />
+            <Flexbox flex={1} gap={4} style={{ minWidth: 0, overflow: 'hidden' }}>
+              <span className={styles.title}>{agent.title}</span>
+              {agent.description && <span className={styles.description}>{agent.description}</span>}
+              {agent.systemRole && (
+                <div className={styles.systemRole}>
+                  <Markdown animated variant={'chat'}>
+                    {agent.systemRole}
+                  </Markdown>
+                </div>
+              )}
+            </Flexbox>
+          </Flexbox>
+        ))}
+      </Block>
+    );
+  },
+);
+
+BatchCreateAgentsStreaming.displayName = 'BatchCreateAgentsStreaming';
+
+export default BatchCreateAgentsStreaming;

package/packages/builtin-tool-group-agent-builder/src/client/Streaming/UpdateAgentPrompt/index.tsx

@@ -0,0 +1,37 @@
+'use client';
+
+import type { BuiltinStreamingProps } from '@lobechat/types';
+import { Block, Markdown } from '@lobehub/ui';
+import { memo, useEffect } from 'react';
+
+import { useGroupProfileStore } from '@/store/groupProfile';
+
+import type { UpdateAgentPromptParams } from '../../../types';
+
+export const UpdateAgentPromptStreaming = memo<BuiltinStreamingProps<UpdateAgentPromptParams>>(
+  ({ args }) => {
+    const { agentId, prompt } = args || {};
+    const setActiveTabId = useGroupProfileStore((s) => s.setActiveTabId);
+
+    // Switch to agent tab when streaming agent prompt
+    useEffect(() => {
+      if (agentId) {
+        setActiveTabId(agentId);
+      }
+    }, [agentId, setActiveTabId]);
+
+    if (!prompt) return null;
+
+    return (
+      <Block padding={4} variant={'outlined'} width="100%">
+        <Markdown animated variant={'chat'}>
+          {prompt}
+        </Markdown>
+      </Block>
+    );
+  },
+);
+
+UpdateAgentPromptStreaming.displayName = 'UpdateAgentPromptStreaming';
+
+export default UpdateAgentPromptStreaming;

package/packages/builtin-tool-group-agent-builder/src/client/Streaming/UpdateGroupPrompt/index.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import type { BuiltinStreamingProps } from '@lobechat/types';
+import { Block, Markdown } from '@lobehub/ui';
+import { memo, useEffect } from 'react';
+
+import { useGroupProfileStore } from '@/store/groupProfile';
+
+import type { UpdateGroupPromptParams } from '../../../types';
+
+export const UpdateGroupPromptStreaming = memo<BuiltinStreamingProps<UpdateGroupPromptParams>>(
+  ({ args }) => {
+    const { prompt } = args || {};
+    const setActiveTabId = useGroupProfileStore((s) => s.setActiveTabId);
+
+    // Switch to group tab when streaming group prompt
+    useEffect(() => {
+      setActiveTabId('group');
+    }, []);
+
+    if (!prompt) return null;
+
+    return (
+      <Block padding={4} variant={'outlined'} width="100%">
+        <Markdown animated variant={'chat'}>
+          {prompt}
+        </Markdown>
+      </Block>
+    );
+  },
+);
+
+UpdateGroupPromptStreaming.displayName = 'UpdateGroupPromptStreaming';
+
+export default UpdateGroupPromptStreaming;

package/packages/builtin-tool-group-agent-builder/src/client/Streaming/index.ts

@@ -0,0 +1,22 @@
+import type { BuiltinStreaming } from '@lobechat/types';
+
+import { GroupAgentBuilderApiName } from '../../types';
+import { BatchCreateAgentsStreaming } from './BatchCreateAgents';
+import { UpdateAgentPromptStreaming } from './UpdateAgentPrompt';
+import { UpdateGroupPromptStreaming } from './UpdateGroupPrompt';
+
+/**
+ * Group Agent Builder Streaming Components Registry
+ *
+ * Streaming components render tool calls while they are
+ * still executing, allowing real-time feedback to users.
+ */
+export const GroupAgentBuilderStreamings: Record<string, BuiltinStreaming> = {
+  [GroupAgentBuilderApiName.batchCreateAgents]: BatchCreateAgentsStreaming as BuiltinStreaming,
+  [GroupAgentBuilderApiName.updateAgentPrompt]: UpdateAgentPromptStreaming as BuiltinStreaming,
+  [GroupAgentBuilderApiName.updateGroupPrompt]: UpdateGroupPromptStreaming as BuiltinStreaming,
+};
+
+export { BatchCreateAgentsStreaming } from './BatchCreateAgents';
+export { UpdateAgentPromptStreaming } from './UpdateAgentPrompt';
+export { UpdateGroupPromptStreaming } from './UpdateGroupPrompt';

package/packages/builtin-tool-group-agent-builder/src/client/index.ts

@@ -0,0 +1,26 @@
+// Inspector components (customized tool call headers)
+export { GroupAgentBuilderInspectors } from './Inspector';
+export {
+  BatchCreateAgentsInspector,
+  CreateAgentInspector,
+  InviteAgentInspector,
+  RemoveAgentInspector,
+  SearchAgentInspector,
+  UpdateAgentPromptInspector,
+  UpdateGroupInspector,
+  UpdateGroupPromptInspector,
+} from './Inspector';
+
+// Render components (read-only result display)
+export { GroupAgentBuilderRenders } from './Render';
+
+// Streaming components (real-time tool execution feedback)
+export {
+  BatchCreateAgentsStreaming,
+  GroupAgentBuilderStreamings,
+  UpdateGroupPromptStreaming,
+} from './Streaming';
+
+// Re-export types and manifest for convenience
+export { GroupAgentBuilderManifest } from '../manifest';
+export * from '../types';

package/packages/builtin-tool-group-agent-builder/src/executor.ts

@@ -0,0 +1,284 @@
+/**
+ * Group Agent Builder Executor
+ *
+ * Handles all group agent builder tool calls for configuring groups and their agents.
+ * Extends AgentBuilder functionality with group-specific operations.
+ */
+import type {
+  GetAvailableModelsParams,
+  InstallPluginParams,
+  SearchMarketToolsParams,
+} from '@lobechat/builtin-tool-agent-builder';
+import { AgentBuilderExecutionRuntime } from '@lobechat/builtin-tool-agent-builder/executionRuntime';
+import { BaseExecutor, type BuiltinToolContext, type BuiltinToolResult } from '@lobechat/types';
+
+import { GroupAgentBuilderExecutionRuntime } from './ExecutionRuntime';
+import {
+  type BatchCreateAgentsParams,
+  type CreateAgentParams,
+  GroupAgentBuilderApiName,
+  GroupAgentBuilderIdentifier,
+  type InviteAgentParams,
+  type RemoveAgentParams,
+  type SearchAgentParams,
+  type UpdateAgentConfigWithIdParams,
+  type UpdateAgentPromptParams,
+  type UpdateGroupParams,
+  type UpdateGroupPromptParams,
+} from './types';
+
+const agentBuilderRuntime = new AgentBuilderExecutionRuntime();
+const groupAgentBuilderRuntime = new GroupAgentBuilderExecutionRuntime();
+
+class GroupAgentBuilderExecutor extends BaseExecutor<typeof GroupAgentBuilderApiName> {
+  readonly identifier = GroupAgentBuilderIdentifier;
+  protected readonly apiEnum = GroupAgentBuilderApiName;
+
+  // ==================== Group Member Management ====================
+
+  searchAgent = async (params: SearchAgentParams): Promise<BuiltinToolResult> => {
+    const result = await groupAgentBuilderRuntime.searchAgent(params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  createAgent = async (
+    params: CreateAgentParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    const groupId = ctx.groupId;
+
+    if (!groupId) {
+      return {
+        content: 'No active group found',
+        error: { message: 'No active group found', type: 'NoGroupContext' },
+        success: false,
+      };
+    }
+
+    const result = await groupAgentBuilderRuntime.createAgent(groupId, params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  batchCreateAgents = async (
+    params: BatchCreateAgentsParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    const groupId = ctx.groupId;
+
+    if (!groupId) {
+      return {
+        content: 'No active group found',
+        error: { message: 'No active group found', type: 'NoGroupContext' },
+        success: false,
+      };
+    }
+
+    const result = await groupAgentBuilderRuntime.batchCreateAgents(groupId, params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  inviteAgent = async (
+    params: InviteAgentParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    const groupId = ctx.groupId;
+
+    if (!groupId) {
+      return {
+        content: 'No active group found',
+        error: { message: 'No active group found', type: 'NoGroupContext' },
+        success: false,
+      };
+    }
+
+    const result = await groupAgentBuilderRuntime.inviteAgent(groupId, params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  removeAgent = async (
+    params: RemoveAgentParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    const groupId = ctx.groupId;
+
+    if (!groupId) {
+      return {
+        content: 'No active group found',
+        error: { message: 'No active group found', type: 'NoGroupContext' },
+        success: false,
+      };
+    }
+
+    const result = await groupAgentBuilderRuntime.removeAgent(groupId, params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  // ==================== Group Configuration ====================
+
+  updateAgentPrompt = async (
+    params: UpdateAgentPromptParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    const groupId = ctx.groupId;
+
+    if (!groupId) {
+      return {
+        content: 'No active group found',
+        error: { message: 'No active group found', type: 'NoGroupContext' },
+        success: false,
+      };
+    }
+
+    const result = await groupAgentBuilderRuntime.updateAgentPrompt(groupId, params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  updateGroup = async (params: UpdateGroupParams): Promise<BuiltinToolResult> => {
+    const result = await groupAgentBuilderRuntime.updateGroup(params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  updateGroupPrompt = async (params: UpdateGroupPromptParams): Promise<BuiltinToolResult> => {
+    const result = await groupAgentBuilderRuntime.updateGroupPrompt({
+      streaming: true,
+      ...params,
+    });
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  // ==================== Inherited Operations (for supervisor agent) ====================
+
+  getAvailableModels = async (params: GetAvailableModelsParams): Promise<BuiltinToolResult> => {
+    const result = await agentBuilderRuntime.getAvailableModels(params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  searchMarketTools = async (params: SearchMarketToolsParams): Promise<BuiltinToolResult> => {
+    const result = await agentBuilderRuntime.searchMarketTools(params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  updateConfig = async (
+    params: UpdateAgentConfigWithIdParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    // Use provided agentId or fall back to supervisor agent from context
+    const { agentId: paramAgentId, ...restParams } = params;
+    const agentId = paramAgentId ?? ctx.agentId;
+
+    if (!agentId) {
+      return {
+        content: 'No agent found. Please provide an agentId or ensure supervisor context is available.',
+        error: { message: 'No agent found', type: 'NoAgentContext' },
+        success: false,
+      };
+    }
+
+    const result = await agentBuilderRuntime.updateAgentConfig(agentId, restParams);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+
+  installPlugin = async (
+    params: InstallPluginParams,
+    ctx: BuiltinToolContext,
+  ): Promise<BuiltinToolResult> => {
+    const agentId = ctx.agentId;
+
+    if (!agentId) {
+      return {
+        content: 'No supervisor agent found',
+        error: { message: 'No supervisor agent found', type: 'NoAgentContext' },
+        success: false,
+      };
+    }
+
+    const result = await agentBuilderRuntime.installPlugin(agentId, params);
+    return {
+      content: result.content,
+      error: result.error
+        ? { body: result.error, message: String(result.error), type: 'RuntimeError' }
+        : undefined,
+      state: result.state,
+      success: result.success,
+    };
+  };
+}
+
+export const groupAgentBuilderExecutor = new GroupAgentBuilderExecutor();

package/packages/builtin-tool-group-agent-builder/src/index.ts

@@ -1,16 +1,3 @@
 export { GroupAgentBuilderManifest } from './manifest';
 export { systemPrompt } from './systemRole';
-export {
-  GroupAgentBuilderApiName,
-  type GroupAgentBuilderApiNameType,
-  GroupAgentBuilderIdentifier,
-  type InviteAgentParams,
-  type InviteAgentState,
-  type RemoveAgentParams,
-  type RemoveAgentState,
-  type UpdateGroupConfigParams,
-  type UpdateGroupConfigState,
-  type UpdateGroupMetaParams,
-  type UpdateGroupPromptParams,
-  type UpdateGroupPromptState,
-} from './types';
+export * from './types';