From 62fc2dd18a29d252ed452813064a11e085e3bede Mon Sep 17 00:00:00 2001
From: tristanliu <tristanliu@tencent.com>
Date: Thu, 21 Nov 2024 18:09:31 +0800
Subject: [PATCH] [improvement][headless-fe] Added permissions management for
 agents.

---
 .../src/components/SelectTMEPerson/index.less       |  9 +++++++++
 .../src/components/SelectTMEPerson/index.tsx        |  1 +
 .../supersonic-fe/src/pages/Agent/AgentForm.tsx     | 13 ++++++++++++-
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.less b/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.less
index 4067901a5..ec93cc852 100644
--- a/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.less
+++ b/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.less
@@ -7,3 +7,12 @@
 .userText {
   margin-left: 10px;
 }
+
+.selectPerson {
+  :global {
+    .ant-select-selection-item {
+      color: rgba(0, 0, 0, 0.88)!important;
+      background-color: rgba(0, 0, 0, 0.06)!important;
+    }
+  }
+}
\ No newline at end of file
diff --git a/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.tsx b/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.tsx
index 7c50c8c91..0a1f5d20b 100644
--- a/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.tsx
+++ b/webapp/packages/supersonic-fe/src/components/SelectTMEPerson/index.tsx
@@ -37,6 +37,7 @@ const SelectTMEPerson: FC<Props> = ({ placeholder, value, isMultiple = true, onC
       mode={isMultiple ? 'multiple' : undefined}
       allowClear
       showSearch
+      className={styles.selectPerson}
       onChange={onChange}
     >
       {userList.map((item) => {
diff --git a/webapp/packages/supersonic-fe/src/pages/Agent/AgentForm.tsx b/webapp/packages/supersonic-fe/src/pages/Agent/AgentForm.tsx
index 6c4c00e60..fa863be21 100644
--- a/webapp/packages/supersonic-fe/src/pages/Agent/AgentForm.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/Agent/AgentForm.tsx
@@ -8,6 +8,8 @@ import { uuid, jsonParse } from '@/utils/utils';
 import ToolsSection from './ToolsSection';
 import globalStyles from '@/global.less';
 import { QuestionCircleOutlined } from '@ant-design/icons';
+import SelectTMEPerson from '@/components/SelectTMEPerson';
+import FormItemTitle from '@/components/FormHelper/FormItemTitle';
 import { getLlmModelTypeList, getLlmModelAppList, getLlmList } from '../../services/system';
 import MemorySection from './MemorySection';
 
@@ -223,7 +225,16 @@ const AgentForm: React.FC<Props> = ({ editAgent, onSaveAgent, onCreateToolBtnCli
           >
             <Switch />
           </FormItem>
-
+          <FormItem
+            name="viewers"
+            label="可见用户"
+            tooltip="选择用户后，该助理只对所选用户可见"
+            // label={
+            //   <FormItemTitle title={'可见用户'} subTitle={'选择用户后，该助理只对所选用户可见'} />
+            // }
+          >
+            <SelectTMEPerson placeholder="请邀请团队成员" />
+          </FormItem>
           <FormItem name="examples" label="示例问题">
             <div className={styles.paramsSection}>
               {examples.map((example) => {