From f544fd13c3dc84b79e0af8a3684fc05a60b19754 Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Thu, 8 May 2025 21:02:00 +0800
Subject: [PATCH] perf: style of pipeline dialog

---
 web/src/app/home/bots/page.tsx                | 40 -------------------
 .../models/component/llm-form/LLMForm.tsx     |  3 +-
 .../pipeline-form/PipelineFormComponent.tsx   | 12 +-----
 web/src/app/home/pipelines/page.tsx           | 26 ++++++------
 4 files changed, 16 insertions(+), 65 deletions(-)

diff --git a/web/src/app/home/bots/page.tsx b/web/src/app/home/bots/page.tsx
index 8c2de108..f9299672 100644
--- a/web/src/app/home/bots/page.tsx
+++ b/web/src/app/home/bots/page.tsx
@@ -112,46 +112,6 @@ export default function BotConfigPage() {
 
   return (
     <div className={styles.configPageContainer}>
-      {/* <Spin spinning={isLoading} tip="加载中..." size="large">
-        <Modal
-          title={isEditForm ? '编辑机器人' : '创建机器人'}
-          centered
-          open={modalOpen}
-          onOk={() => setModalOpen(false)}
-          onCancel={() => setModalOpen(false)}
-          width={700}
-          footer={null}
-          destroyOnClose={true}
-        >
-          <BotForm
-            initBotId={nowSelectedBotCard?.id}
-            onFormSubmit={() => {
-              getBotList();
-              setModalOpen(false);
-            }}
-            onFormCancel={() => setModalOpen(false)}
-          />
-        </Modal>
-        {pageShowRule === BotConfigPageShowRule.NO_LLM && (
-          <EmptyAndCreateComponent
-            title={'需要先创建大模型才能配置机器人哦～'}
-            subTitle={'快去创建一个吧！'}
-            buttonText={'创建大模型 GO！'}
-            onButtonClick={() => {
-              router.push('/home/models');
-            }}
-          />
-        )}
-
-        {pageShowRule === BotConfigPageShowRule.NO_BOT && (
-          <EmptyAndCreateComponent
-            title={'您还未配置机器人哦～'}
-            subTitle={'快去创建一个吧！'}
-            buttonText={'创建机器人 +'}
-            onButtonClick={handleCreateBotClick}
-          />
-        )}
-      </Spin> */}
 
       <Dialog open={modalOpen} onOpenChange={setModalOpen}>
         <DialogContent className="w-[700px] max-h-[80vh] p-0 flex flex-col">
diff --git a/web/src/app/home/models/component/llm-form/LLMForm.tsx b/web/src/app/home/models/component/llm-form/LLMForm.tsx
index 1004a62f..41ba4842 100644
--- a/web/src/app/home/models/component/llm-form/LLMForm.tsx
+++ b/web/src/app/home/models/component/llm-form/LLMForm.tsx
@@ -1,4 +1,3 @@
-import { SelectProps } from 'antd';
 import { ICreateLLMField } from '@/app/home/models/ICreateLLMField';
 import { useEffect, useState } from 'react';
 import { IChooseRequesterEntity } from '@/app/home/models/component/llm-form/ChooseRequesterEntity';
@@ -91,7 +90,7 @@ export default function LLMForm({
   const [extraArgs, setExtraArgs] = useState<{key: string, type: 'string' | 'number' | 'boolean', value: string}[]>([]);
 
   const [showDeleteConfirmModal, setShowDeleteConfirmModal] = useState(false);
-  const abilityOptions: SelectProps['options'] = [
+  const abilityOptions: { label: string, value: string }[] = [
     {
       label: '视觉能力',
       value: 'vision',
diff --git a/web/src/app/home/pipelines/components/pipeline-form/PipelineFormComponent.tsx b/web/src/app/home/pipelines/components/pipeline-form/PipelineFormComponent.tsx
index 47182d18..ca7adca4 100644
--- a/web/src/app/home/pipelines/components/pipeline-form/PipelineFormComponent.tsx
+++ b/web/src/app/home/pipelines/components/pipeline-form/PipelineFormComponent.tsx
@@ -1,15 +1,5 @@
-// import {
-//   Form,
-//   Button,
-//   Switch,
-//   Select,
-//   Input,
-//   InputNumber,
-//   SelectProps,
-// } from 'antd';
-import { CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons';
+
 import { useEffect, useState } from 'react';
-import styles from './pipelineFormStyle.module.css';
 import { httpClient } from '@/app/infra/http/HttpClient';
 import { LLMModel, Pipeline } from '@/app/infra/entities/api';
 import { UUID } from 'uuidjs';
diff --git a/web/src/app/home/pipelines/page.tsx b/web/src/app/home/pipelines/page.tsx
index 37320bc2..cfbb0e39 100644
--- a/web/src/app/home/pipelines/page.tsx
+++ b/web/src/app/home/pipelines/page.tsx
@@ -82,22 +82,24 @@ export default function PluginConfigPage() {
     <div className={styles.configPageContainer}>
 
       <Dialog open={modalOpen} onOpenChange={setModalOpen}>
-        <DialogContent>
-          <DialogHeader>
+        <DialogContent  className="w-[700px] max-h-[80vh] p-0 flex flex-col">
+          <DialogHeader className="px-6 pt-6 pb-4">
             <DialogTitle>
               {isEditForm ? '编辑流水线' : '创建流水线'}
             </DialogTitle>
           </DialogHeader>
-          <PipelineFormComponent
-            onFinish={() => {
-              getPipelines();
-              setModalOpen(false);
-            }}
-            isEditMode={isEditForm}
-            pipelineId={selectedPipelineId}
-            disableForm={disableForm}
-            initValues={selectedPipelineFormValue}
-          />
+          <div className="flex-1 overflow-y-auto px-6">
+            <PipelineFormComponent
+              onFinish={() => {
+                getPipelines();
+                setModalOpen(false);
+              }}
+              isEditMode={isEditForm}
+              pipelineId={selectedPipelineId}
+              disableForm={disableForm}
+              initValues={selectedPipelineFormValue}
+            />
+          </div>
         </DialogContent>
       </Dialog>