("agent-info");
+
+ // Generation state
+ const [isGenerating, setIsGenerating] = useState(false);
+
+ // Local state for business info to avoid frequent updates
+ const [businessInfo, setBusinessInfo] = useState({
+ businessDescription: "",
+ businessLogicModelName: "",
+ businessLogicModelId: 0,
+ });
+
+ // Initialize form values when component mounts or currentAgentId changes
+ useEffect(() => {
+ const initialAgentInfo = {
+ agentName: editedAgent.name || "",
+ agentDisplayName: editedAgent.display_name || "",
+ agentAuthor: editedAgent.author || "",
+ mainAgentModel:
+ editedAgent.model || availableLlmModels[0]?.displayName || "",
+ mainAgentMaxStep: editedAgent.max_step || 5,
+ agentDescription: editedAgent.description || "",
+ };
+
+ const initialBusinessInfo = {
+ businessDescription: editedAgent.business_description || "",
+ businessLogicModelName:
+ editedAgent.business_logic_model_name ||
+ availableLlmModels[0]?.displayName ||
+ "",
+ businessLogicModelId:
+ editedAgent.business_logic_model_id || availableLlmModels[0]?.id || 0,
+ };
+ // Initialize local business description state
+ setBusinessInfo(initialBusinessInfo);
+
+ form.setFieldsValue(initialAgentInfo);
+ }, [currentAgentId, editedAgent]);
+
+ // Handle business description change
+ const handleBusinessDescriptionChange = (value: string) => {
+ onUpdateBusinessInfo({
+ business_description: value,
+ business_logic_model_id: editedAgent.business_logic_model_id || 0,
+ business_logic_model_name: editedAgent.business_logic_model_name || "",
+ });
+ };
+
+ // Handle model selection for generation
+ const handleModelChange = (modelName: string) => {
+ const selectedModel = availableLlmModels.find(
+ (m) => m.name === modelName || m.displayName === modelName
+ );
+ onUpdateBusinessInfo({
+ business_description: businessInfo.businessDescription || "",
+ business_logic_model_id: selectedModel?.id || 0,
+ business_logic_model_name: modelName,
+ });
+ };
+
+ // Custom validator for agent name uniqueness
+ const validateAgentNameUnique = async (_: any, value: string) => {
+ if (!value) return Promise.resolve();
+
+ try {
+ const result = await checkAgentName(value, currentAgentId || undefined);
+ if (result.status === NAME_CHECK_STATUS.EXISTS_IN_TENANT) {
+ return Promise.reject(
+ new Error(t("agent.error.nameExists", { name: value }))
+ );
+ }
+ return Promise.resolve();
+ } catch (error) {
+ return Promise.reject(new Error(t("agent.error.checkNameFail")));
+ }
+ };
+
+ // Custom validator for agent display name uniqueness
+ const validateAgentDisplayNameUnique = async (_: any, value: string) => {
+ if (!value) return Promise.resolve();
+
+ try {
+ const result = await checkAgentDisplayName(
+ value,
+ currentAgentId || undefined
+ );
+ if (result.status === NAME_CHECK_STATUS.EXISTS_IN_TENANT) {
+ return Promise.reject(
+ new Error(t("agent.error.displayNameExists", { displayName: value }))
+ );
+ }
+ return Promise.resolve();
+ } catch (error) {
+ return Promise.reject(new Error(t("agent.error.checkNameFail")));
+ }
+ };
+
+ const handleGenerateAgent = async () => {
+ // Validate business description
+ if (
+ !businessInfo.businessDescription ||
+ businessInfo.businessDescription.trim() === ""
+ ) {
+ message.error(
+ t("businessLogic.config.error.businessDescriptionRequired")
+ );
+ return;
+ }
+
+ // Validate model selection
+ if (!businessInfo.businessLogicModelId) {
+ message.error("Please select a model first");
+ return;
+ }
+
+ setIsGenerating(true);
+
+ try {
+ await generatePromptStream(
+ {
+ agent_id: currentAgentId || 0,
+ task_description: businessInfo.businessDescription,
+ model_id: businessInfo.businessLogicModelId.toString(),
+ sub_agent_ids: editedAgent.sub_agent_id_list,
+ tool_ids: Array.isArray(editedAgent.tools)
+ ? editedAgent.tools.map((tool: any) =>
+ typeof tool === "object" && tool.id !== undefined
+ ? tool.id
+ : tool
+ )
+ : [],
+ },
+ (data) => {
+ console.log("ai output", data);
+ // Process streaming response data
+
+ switch (data.type) {
+ case GENERATE_PROMPT_STREAM_TYPES.DUTY:
+ setActiveTab("duty");
+ form.setFieldsValue({ dutyPrompt: data.content });
+ break;
+ case GENERATE_PROMPT_STREAM_TYPES.CONSTRAINT:
+ form.setFieldsValue({ constraintPrompt: data.content });
+ setActiveTab("constraint");
+ break;
+ case GENERATE_PROMPT_STREAM_TYPES.FEW_SHOTS:
+ setActiveTab("few-shots");
+ form.setFieldsValue({ fewShotsPrompt: data.content });
+ break;
+ case GENERATE_PROMPT_STREAM_TYPES.AGENT_VAR_NAME:
+ setActiveTab("agent-info");
+ // Only update if current agent name is empty
+ if (!form.getFieldValue("agentName")?.trim()) {
+ form.setFieldsValue({ agentName: data.content });
+ }
+ break;
+ case GENERATE_PROMPT_STREAM_TYPES.AGENT_DESCRIPTION:
+ setActiveTab("agent-info");
+ form.setFieldsValue({ agentDescription: data.content });
+ break;
+ case GENERATE_PROMPT_STREAM_TYPES.AGENT_DISPLAY_NAME:
+ setActiveTab("agent-info");
+ // Only update if current agent display name is empty
+ if (!form.getFieldValue("agentDisplayName")?.trim()) {
+ form.setFieldsValue({ agentDisplayName: data.content });
+ }
+ break;
+ }
+ },
+ (error) => {
+ log.error("Generate prompt stream error:", error);
+ message.error(t("businessLogic.config.message.generateError"));
+ setIsGenerating(false);
+ },
+ () => {
+ // 生成完成后，获取所有 form 值并更新父组件状态
+ const formValues = form.getFieldsValue();
+ const profileUpdates: AgentProfileInfo = {
+ name: formValues.agentName,
+ display_name: formValues.agentDisplayName,
+ author: formValues.agentAuthor,
+ model: formValues.mainAgentModel,
+ max_step: formValues.mainAgentMaxStep,
+ description: formValues.agentDescription,
+ duty_prompt: formValues.dutyPrompt,
+ constraint_prompt: formValues.constraintPrompt,
+ few_shots_prompt: formValues.fewShotsPrompt,
+ };
+
+ // 更新父组件状态
+ onUpdateProfile(profileUpdates);
+
+ message.success(t("businessLogic.config.message.generateSuccess"));
+ setIsGenerating(false);
+ }
+ );
+ } catch (error) {
+ log.error("Generate agent error:", error);
+ message.error(t("businessLogic.config.message.generateError"));
+ setIsGenerating(false);
+ }
+ };
+
+ // Select options for available models
+ const modelSelectOptions = availableLlmModels.map((model) => ({
+ value: model.displayName || model.name,
+ label: model.displayName || model.name,
+ disabled: model.connect_status !== "available",
+ }));
+
+ // Tab items configuration
+ const tabItems = [
+ {
+ key: "agent-info",
+ label: t("agent.info.title"),
+ children: (
+
+
+
+