[improvement][headless-fe] Added permissions management for agents.

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;
+    }
+  }
+}

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) => {

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) => {