diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/.npmignore b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/.npmignore
new file mode 100644
index 0000000000..65f5e8779f
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/.npmignore
@@ -0,0 +1,2 @@
+/node_modules
+/src
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/README.md b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/README.md
new file mode 100644
index 0000000000..42cf85209e
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/README.md
@@ -0,0 +1 @@
+# @nocobase-sample/plugin-bind-bot-relation
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/client.d.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/client.d.ts
new file mode 100644
index 0000000000..6c459cbac4
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/client.d.ts
@@ -0,0 +1,2 @@
+export * from './dist/client';
+export { default } from './dist/client';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/client.js b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/client.js
new file mode 100644
index 0000000000..b6e3be70e6
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/client.js
@@ -0,0 +1 @@
+module.exports = require('./dist/client/index.js');
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/package.json b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/package.json
new file mode 100644
index 0000000000..38d319dd1f
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@nocobase-sample/plugin-bind-bot-relation",
+  "version": "1.3.1-alpha",
+  "main": "dist/server/index.js",
+  "displayName": "Bind the robot crowd/friend relationship",
+  "displayName.zh-CN": "绑定机器人群/好友关系",
+  "description": "Call the enterprise brain to search the robot crowd/friend relationship data, select and bind customers.",
+  "description.zh-CN": "调用企业大脑搜索机器人群/好友关系数据，选择并绑定客户。124",
+  "dependencies": {},
+  "peerDependencies": {
+    "@nocobase/client": "1.x",
+    "@nocobase/server": "1.x",
+    "@nocobase/test": "1.x"
+  }
+}
\ No newline at end of file
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/server.d.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/server.d.ts
new file mode 100644
index 0000000000..c41081ddc6
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/server.d.ts
@@ -0,0 +1,2 @@
+export * from './dist/server';
+export { default } from './dist/server';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/server.js b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/server.js
new file mode 100644
index 0000000000..972842039a
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/server.js
@@ -0,0 +1 @@
+module.exports = require('./dist/server/index.js');
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/client.d.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/client.d.ts
new file mode 100644
index 0000000000..4e96f83fa1
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/client.d.ts
@@ -0,0 +1,249 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+// CSS modules
+type CSSModuleClasses = { readonly [key: string]: string };
+
+declare module '*.module.css' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.less' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.styl' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.stylus' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.pcss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.sss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+
+// CSS
+declare module '*.css' { }
+declare module '*.scss' { }
+declare module '*.sass' { }
+declare module '*.less' { }
+declare module '*.styl' { }
+declare module '*.stylus' { }
+declare module '*.pcss' { }
+declare module '*.sss' { }
+
+// Built-in asset types
+// see `src/node/constants.ts`
+
+// images
+declare module '*.apng' {
+  const src: string;
+  export default src;
+}
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jfif' {
+  const src: string;
+  export default src;
+}
+declare module '*.pjpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.pjp' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}
+declare module '*.ico' {
+  const src: string;
+  export default src;
+}
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+
+// media
+declare module '*.mp4' {
+  const src: string;
+  export default src;
+}
+declare module '*.webm' {
+  const src: string;
+  export default src;
+}
+declare module '*.ogg' {
+  const src: string;
+  export default src;
+}
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}
+declare module '*.wav' {
+  const src: string;
+  export default src;
+}
+declare module '*.flac' {
+  const src: string;
+  export default src;
+}
+declare module '*.aac' {
+  const src: string;
+  export default src;
+}
+declare module '*.opus' {
+  const src: string;
+  export default src;
+}
+declare module '*.mov' {
+  const src: string;
+  export default src;
+}
+declare module '*.m4a' {
+  const src: string;
+  export default src;
+}
+declare module '*.vtt' {
+  const src: string;
+  export default src;
+}
+
+// fonts
+declare module '*.woff' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff2' {
+  const src: string;
+  export default src;
+}
+declare module '*.eot' {
+  const src: string;
+  export default src;
+}
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+declare module '*.otf' {
+  const src: string;
+  export default src;
+}
+
+// other
+declare module '*.webmanifest' {
+  const src: string;
+  export default src;
+}
+declare module '*.pdf' {
+  const src: string;
+  export default src;
+}
+declare module '*.txt' {
+  const src: string;
+  export default src;
+}
+
+// wasm?init
+declare module '*.wasm?init' {
+  const initWasm: (options?: WebAssembly.Imports) => Promise<WebAssembly.Instance>;
+  export default initWasm;
+}
+
+// web worker
+declare module '*?worker' {
+  const workerConstructor: {
+    new(options?: { name?: string }): Worker;
+  };
+  export default workerConstructor;
+}
+
+declare module '*?worker&inline' {
+  const workerConstructor: {
+    new(options?: { name?: string }): Worker;
+  };
+  export default workerConstructor;
+}
+
+declare module '*?worker&url' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?sharedworker' {
+  const sharedWorkerConstructor: {
+    new(options?: { name?: string }): SharedWorker;
+  };
+  export default sharedWorkerConstructor;
+}
+
+declare module '*?sharedworker&inline' {
+  const sharedWorkerConstructor: {
+    new(options?: { name?: string }): SharedWorker;
+  };
+  export default sharedWorkerConstructor;
+}
+
+declare module '*?sharedworker&url' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?raw' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?url' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?inline' {
+  const src: string;
+  export default src;
+}
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/BotDetails.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/BotDetails.tsx
new file mode 100644
index 0000000000..4d4294739f
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/BotDetails.tsx
@@ -0,0 +1,131 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { observer } from '@formily/react';
+import { Spin, Empty, Typography } from 'antd';
+import React, { FC } from 'react';
+import { useForm } from '@formily/react';
+import { FieldComponentName } from '../constants';
+import { useRequest } from '@nocobase/client';
+import { TableView } from './TableView';
+import axios from 'axios';
+
+export interface BotDetailsProps {
+  BotField?: string;
+}
+
+export const BotDetails: FC<BotDetailsProps> = observer(
+  ({ BotField }) => {
+    const form = useForm();
+    const value = BotField ? form.values[BotField] : undefined;
+    if (!BotField) return <div style={{ padding: 20 }}>请选择绑定字段</div>;
+
+    let xAppApiKey = null;
+    let associationId = null;
+    const baseUrl = 'http://192.168.11.124:4000/api/';
+    const associationUrl = '/association:get/';
+    // const baseUrl = 'https://api.gemelai.com/api/';
+    // const associationUrl = '/business_association:get/';
+
+    // 查个人信息 获取所属协会id
+    const { data } = useRequest<{ data: any }>({ url: '/auth:check' });
+    associationId = data?.data.f_business_association_id || data?.data.f_belong_association_id;
+    // 查商会表 获取该协会信息
+    const { data: associationData } = useRequest<{ data: any }>(
+      { url: associationUrl + associationId },
+      {
+        ready: !!associationId, // 只有在 associationId 有值时才触发请求
+      },
+    );
+    xAppApiKey = associationData?.data['api-key'] || associationData?.data['api_key'];
+
+    localStorage.setItem(
+      'PLUGIN-BIND-BOT-RELATION',
+      JSON.stringify({
+        baseUrl,
+        associationUrl,
+        xAppApiKey,
+      }),
+    );
+
+    // 根据apikey 查企业大脑对应的绑定关系
+    const {
+      data: groupData,
+      loading: groupLoading,
+      error,
+    } = useRequest<{ data: any; error: any }>(
+      () =>
+        axios.post(
+          `${baseUrl}open/bot/bind-groups`,
+          {
+            keyword: value,
+            limit: 2,
+          },
+          {
+            headers: {
+              'Content-Type': 'application/json',
+              'x-app-api-key': xAppApiKey,
+            },
+          },
+        ),
+      {
+        ready: !!value && !!xAppApiKey,
+        refreshDeps: [BotField, value],
+        debounceWait: 300,
+      },
+    );
+    const { data: friendData, loading: friendLoading } = useRequest<{ data: any }>(
+      () =>
+        axios.post(
+          `${baseUrl}open/bot/bind-friends`,
+          {
+            keyword: value,
+            limit: 2,
+          },
+          {
+            headers: {
+              'Content-Type': 'application/json',
+              'x-app-api-key': xAppApiKey,
+            },
+          },
+        ),
+      {
+        ready: !!value && !!xAppApiKey,
+        refreshDeps: [BotField, value],
+        debounceWait: 300,
+      },
+    );
+    const Error: any = error;
+
+    if (Error || !xAppApiKey) {
+      return !value ? (
+        <Empty description="暂无数据" />
+      ) : !xAppApiKey ? (
+        <Empty description="API秘钥缺失，请完善信息。" />
+      ) : (
+        <Empty description={<Typography.Text>{Error?.response?.data?.message}</Typography.Text>} />
+      );
+    }
+
+    if (groupLoading || friendLoading) {
+      return (
+        <div style={{ textAlign: 'center', height: 200 }}>
+          <Spin />
+        </div>
+      );
+    }
+
+    const groupDataResult = groupData ? groupData.data?.result : [];
+    const friendDataResult = friendData ? friendData.data?.result : [];
+    if (groupDataResult.length === 0 && friendDataResult.length === 0) return <Empty description="暂无数据" />;
+
+    return <TableView data={[...groupDataResult, ...friendDataResult]} />;
+  },
+  { displayName: FieldComponentName },
+);
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/ImIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/ImIcon.tsx
new file mode 100644
index 0000000000..38748e1172
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/ImIcon.tsx
@@ -0,0 +1,50 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+import {
+  AiWebsiteIcon,
+  AlibabaTmIcon,
+  LiveCustomerIcon,
+  QqIcon,
+  TiktokIcon,
+  WechatIcon,
+  WecomIcon,
+  WhatsappBotIcon,
+  XhsIcon,
+} from '../svg';
+
+interface ImIconProps {
+  im: string;
+}
+
+export const ImIcon = ({ im }: ImIconProps) => {
+  switch (im) {
+    case 'alibaba-tm':
+      return <AlibabaTmIcon />;
+    case 'wecom':
+      return <WecomIcon />;
+    case 'wechat':
+      return <WechatIcon />;
+    case 'whatsapp-bot':
+      return <WhatsappBotIcon />;
+    case 'qq':
+      return <QqIcon />;
+    case 'tiktok':
+      return <TiktokIcon />;
+    case 'xhs':
+      return <XhsIcon />;
+    case 'live-customer':
+      return <LiveCustomerIcon />;
+    case 'ai-website':
+      return <AiWebsiteIcon />;
+    default:
+      return null;
+  }
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/TableView.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/TableView.tsx
new file mode 100644
index 0000000000..0e321f95a2
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/TableView.tsx
@@ -0,0 +1,159 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+import { Table, Avatar, Flex, Space, Button, message, Empty } from 'antd';
+import type { TableColumnsType } from 'antd';
+import { filterCustomerSource } from '../utils';
+import { ImIcon } from './ImIcon';
+import { useForm } from '@formily/react';
+import { FriendIcon, GroupIcon } from '../svg';
+
+interface DataItem {
+  key: React.Key;
+  id: number;
+  platform: string;
+  bindId: string;
+  botUserId: string;
+  groupName?: string;
+  avatarUrl?: string;
+  nickName?: string;
+  userId?: string;
+  groupId?: string;
+  remark: string;
+}
+
+export const TableView = ({ data }) => {
+  const form = useForm();
+  const [messageApi, contextHolder] = message.useMessage();
+
+  const columns: TableColumnsType<DataItem> = [
+    {
+      title: 'IM平台',
+      dataIndex: 'platform',
+      render: (_, record) => {
+        return (
+          <Flex align="center" justify="center">
+            <ImIcon im={record.platform} />
+            <span style={{ marginLeft: '8px' }}>{filterCustomerSource(record.platform)}</span>
+          </Flex>
+        );
+      },
+      align: 'center',
+    },
+    {
+      title: '群/好友名称',
+      dataIndex: 'groupName',
+      render: (_, record) => {
+        if (record.groupName) {
+          return (
+            <Flex justify="center" align="center">
+              <GroupIcon />
+              <span style={{ margin: '0 8px' }}>{record.groupName}</span>
+            </Flex>
+          );
+        }
+        if (record.nickName) {
+          return (
+            <Flex justify="center" align="center">
+              <FriendIcon />
+              {record.avatarUrl ? <Avatar src={record.avatarUrl} style={{ marginLeft: '8px' }} /> : <></>}
+              <span style={{ margin: '0 8px' }}>{record.nickName}</span>
+            </Flex>
+          );
+        }
+      },
+      align: 'center',
+    },
+    {
+      title: '群/好友id',
+      dataIndex: 'userId',
+      render: (_, record) => {
+        if (record.groupId) {
+          return <span>{record.groupId}</span>;
+        }
+        if (record.userId) {
+          return <span>{record.userId}</span>;
+        }
+      },
+      align: 'center',
+    },
+    {
+      title: '备注',
+      dataIndex: 'remark',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      width: 120,
+      fixed: 'right',
+      align: 'center',
+      render: (_, record) => (
+        <Space>
+          <Button type="primary" onClick={() => saveBind(record)}>
+            绑定
+          </Button>
+        </Space>
+      ),
+    },
+  ];
+
+  const saveBind = (record: DataItem) => {
+    const fields: any = form.fields || {};
+    const { platform, groupId, userId, avatarUrl, groupName, nickName, remark, botUserId } = record;
+
+    for (const key in fields) {
+      const name = fields[key].props.name;
+      if (name) {
+        switch (name) {
+          case 'imName':
+            fields[key].value = groupName || nickName;
+            break;
+          case 'imPlatform':
+            fields[key].value = platform;
+            break;
+          case 'imBotUserId':
+            fields[key].value = botUserId;
+            break;
+          case 'imIsGroup':
+            fields[key].value = groupName ? '群' : '好友';
+            break;
+          case 'imUserId':
+            fields[key].value = groupId || userId;
+            break;
+          case 'imAvatarUrl':
+            fields[key].value = avatarUrl;
+            break;
+          case 'imRemark':
+            fields[key].value = remark;
+            break;
+        }
+      }
+    }
+
+    messageApi.success(`绑定成功，请检查对应信息。`);
+  };
+
+  return (
+    <>
+      {contextHolder}
+      <Table
+        dataSource={data.map((item: any) => ({
+          ...item,
+          key: item.id,
+        }))}
+        columns={columns}
+        bordered
+        scroll={{ y: '260px' }}
+        pagination={false}
+        style={{ padding: '0 20px' }}
+      />
+    </>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/index.ts
new file mode 100644
index 0000000000..7fe0fd22e4
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/component/index.ts
@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export * from './BotDetails';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/constants.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/constants.ts
new file mode 100644
index 0000000000..7bd478ddb1
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/constants.ts
@@ -0,0 +1,12 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export const FieldComponentName = 'BotDetails';
+export const FieldTitle = 'Bot Details';
+export const FieldNameLowercase = 'brderDetails';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/index.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/index.tsx
new file mode 100644
index 0000000000..73f2bdf6a0
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/index.tsx
@@ -0,0 +1,68 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+import { Plugin, SchemaComponent } from '@nocobase/client';
+import { BotDetails } from './component';
+import { FieldComponentName } from './constants';
+import { botDetailsInitializerItem } from './initializer';
+import { botDetailsSettings } from './settings';
+
+export class PluginFieldComponentWithoutValueClient extends Plugin {
+  async load() {
+    this.app.addComponents({ [FieldComponentName]: BotDetails });
+
+    // function Demo() {
+    //   const schema = {
+    //     type: 'void',
+    //     name: 'root',
+    //     properties: {
+    //       test: {
+    //         type: 'void',
+    //         'x-component': 'FormV2',
+    //         properties: {
+    //           username: {
+    //             type: 'string',
+    //             'x-decorator': 'FormItem',
+    //             'x-component': 'Input',
+    //             title: 'Username',
+    //             required: true,
+    //           },
+    //           orderDetails: {
+    //             type: 'string',
+    //             'x-decorator': 'FormItem',
+    //             'x-component': BotDetails,
+    //             title: '机器人',
+    //             'x-component-props': {
+    //               orderField: 'username',
+    //             },
+    //           },
+    //         },
+    //       },
+    //     },
+    //   };
+
+    //   return <SchemaComponent schema={schema} />;
+    // }
+
+    // this.app.router.add('admin.order-details-component', {
+    //   path: '/admin/order-details-component',
+    //   Component: Demo,
+    // });
+
+    this.app.schemaInitializerManager.addItem(
+      'form:configureFields',
+      botDetailsInitializerItem.name,
+      botDetailsInitializerItem,
+    );
+    this.app.schemaSettingsManager.add(botDetailsSettings);
+  }
+}
+
+export default PluginFieldComponentWithoutValueClient;
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/initializer/index.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/initializer/index.tsx
new file mode 100644
index 0000000000..1790fb4194
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/initializer/index.tsx
@@ -0,0 +1,84 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React, { useCallback } from 'react';
+import _ from 'lodash';
+import {
+  SchemaInitializerActionModal,
+  SchemaInitializerItemType,
+  SelectProps,
+  useCollection,
+  useCompile,
+  useSchemaInitializer,
+  SchemaSettingsDefaultValue,
+} from '@nocobase/client';
+import { SearchOutlined } from '@ant-design/icons';
+import { FieldNameLowercase } from '../constants';
+import { useT } from '../locale';
+import { getBotDetailsSchema } from '../schema';
+
+export function useFieldOptions(): SelectProps['options'] {
+  const collection = useCollection();
+
+  const compile = useCompile();
+  return collection
+    .getFields()
+    .map((field) => ({ label: field.uiSchema?.title ? compile(field.uiSchema.title) : field.name, value: field.name }));
+}
+
+const BotDetailsSchemaInitializer = () => {
+  const t = useT();
+  const { insert } = useSchemaInitializer();
+  const options = useFieldOptions();
+
+  const scope = [
+    { label: 'v1', value: 'v1' },
+    { label: 'nested', value: 'nested', children: [{ label: 'v2', value: 'v2' }] },
+  ];
+
+  return (
+    <SchemaInitializerActionModal
+      buttonText={t('Bot Details')}
+      title={t('Select bind Field')}
+      icon={<SearchOutlined />}
+      isItem
+      onSubmit={({ BotField }) => {
+        insert(getBotDetailsSchema(BotField));
+      }}
+      schema={{
+        BotField: {
+          type: 'string',
+          title: t('Bind field'),
+          required: true,
+          'x-component': 'Select',
+          'x-component-props': {
+            placeholder: t('Please select a field'),
+          },
+          'x-decorator': 'FormItem',
+          enum: options,
+        },
+        // ApiKey: {
+        //   type: 'string',
+        //   title: 'API Key',
+        //   required: true,
+        //   'x-component': 'Variable.Input',
+        //   'x-component-props': {
+        //     scope,
+        //   },
+        //   'x-decorator': 'FormItem',
+        // },
+      }}
+    ></SchemaInitializerActionModal>
+  );
+};
+
+export const botDetailsInitializerItem: SchemaInitializerItemType = {
+  name: FieldNameLowercase,
+  Component: BotDetailsSchemaInitializer,
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/locale.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/locale.ts
new file mode 100644
index 0000000000..84797b7d1b
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/locale.ts
@@ -0,0 +1,21 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+// @ts-ignore
+import pkg from './../../package.json';
+import { useApp } from '@nocobase/client';
+
+export function useT() {
+  const app = useApp();
+  return (str: string) => app.i18n.t(str, { ns: [pkg.name, 'client'] });
+}
+
+export function tStr(key: string) {
+  return `{{t(${JSON.stringify(key)}, { ns: ['${pkg.name}', 'client'], nsMode: 'fallback' })}}`;
+}
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/schema/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/schema/index.ts
new file mode 100644
index 0000000000..a89f921039
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/schema/index.ts
@@ -0,0 +1,23 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { ISchema } from '@nocobase/client';
+import { FieldComponentName } from '../constants';
+import { botDetailsSettings } from '../settings';
+
+export const getBotDetailsSchema = (BotField: string): ISchema => ({
+  type: 'void',
+  'x-decorator': 'FormItem',
+  'x-toolbar': 'FormItemSchemaToolbar',
+  'x-component': FieldComponentName,
+  'x-component-props': {
+    BotField: BotField,
+  },
+  'x-settings': botDetailsSettings.name,
+});
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/settings/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/settings/index.ts
new file mode 100644
index 0000000000..6eec25df75
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/settings/index.ts
@@ -0,0 +1,29 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { SchemaSettings } from '@nocobase/client';
+import { FieldNameLowercase } from '../constants';
+import { botFieldSchemaSettingsItem } from './items/botField';
+
+export const botDetailsSettings = new SchemaSettings({
+  name: `blockSettings:${FieldNameLowercase}`,
+  items: [
+    botFieldSchemaSettingsItem,
+    {
+      name: 'remove',
+      type: 'remove',
+      componentProps: {
+        removeParentsIfNoChildren: true,
+        breakRemoveOn: {
+          'x-component': 'Grid',
+        },
+      },
+    },
+  ],
+});
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/settings/items/botField.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/settings/items/botField.ts
new file mode 100644
index 0000000000..0a69f714cb
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/settings/items/botField.ts
@@ -0,0 +1,19 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { createSelectSchemaSettingsItem } from '@nocobase/client';
+import { tStr } from '../../locale';
+import { useFieldOptions } from '../../initializer';
+
+export const botFieldSchemaSettingsItem = createSelectSchemaSettingsItem({
+  name: 'BotField',
+  title: tStr('Bind field'),
+  useOptions: useFieldOptions,
+  schemaKey: `x-component-props.BotField`,
+});
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/aiWebsiteIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/aiWebsiteIcon.tsx
new file mode 100644
index 0000000000..ae4e9bf99e
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/aiWebsiteIcon.tsx
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const AiWebsiteIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M836.26470547 751.17689053c-37.06638662 67.69285752-90.95294092 119.68487402-161.65966377 155.98739531-70.72562989 36.30252128-155.24243701 54.45378193-253.55041963 54.45378106H131.76890791V459.05882363h171.30252041v341.46680626h119.11764726c93.77016768 0 166.19747872-25.33235273 217.24789922-76.00840314 51.05042051-50.66092442 76.57562989-121.3865543 76.57562989-212.14285664 0-91.50126065-24.58739531-162.60126065-73.73949521-213.27731103-23.46050391-24.17142833-51.79915987-42.51176455-84.89495831-55.15336142V73.69243701c46.30462208 8.94705908 88.40798349 23.57016768 126.3025213 43.89201651 67.67773066 36.30252128 119.29537793 88.11302519 154.85294091 155.42016856 35.53865508 67.32226933 53.31932754 147.10462207 53.31932754 239.36974804 0 91.51638662-18.54075674 171.12478974-55.58823545 238.80252041z m-533.19327715-528.08823545V356.95798349H131.76890791V63.13067246h308.57142832c5.02184883 0 9.99075674 0.07941182 14.93697481 0.1815126v160.45714248c-7.85420156-0.40462207-15.8180669-0.68067246-24.01260557-0.68067246h-128.19327715z"
+        fill="#0068FF"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/alibabaTmIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/alibabaTmIcon.tsx
new file mode 100644
index 0000000000..71717bda55
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/alibabaTmIcon.tsx
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const AlibabaTmIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M786.731708 648C807.42218 648 824.195121 603.109084 824.195121 547.733333 824.195121 492.357583 807.42218 447.466667 786.731708 447.466667 766.041235 447.466667 749.268292 492.357583 749.268292 547.733333 749.268292 603.109084 766.041235 648 786.731708 648ZM462.048781 698.133333C482.739253 698.133333 499.512194 658.853781 499.512194 610.4 499.512194 561.946217 482.739253 522.666667 462.048781 522.666667 441.358308 522.666667 424.585365 561.946217 424.585365 610.4 424.585365 658.853781 441.358308 698.133333 462.048781 698.133333ZM0 572.8C0 822.813926 229.933961 1024 512 1024 794.066039 1024 1024 822.813926 1024 572.8 1024 322.786074 794.066039 121.599999 512 121.599999 515.649685 121.599999 516.946722 122.183253 516.866057 122.124053 514.736119 120.560928 512.302005 118.428984 505.789668 112.472612 487.675081 95.904489 476.340222 86.603485 458.812092 75.393661 404.94781 40.945655 334.29571 21.333333 237.268292 21.333333 223.474645 21.333333 212.292683 32.556062 212.292683 46.4 212.292683 60.243938 223.474645 71.466667 237.268292 71.466667 325.013274 71.466667 386.336418 88.489363 431.969129 117.673005 444.078925 125.417623 494.717728 171.733333 512 171.733333 767.886246 171.733333 974.048781 352.120043 974.048781 572.8 974.048781 793.479955 767.886246 973.866667 512 973.866667 256.113754 973.866667 49.951219 793.479955 49.951219 572.8 49.951219 427.029845 140.536466 294.462295 284.745583 223.557118 297.132651 217.466607 302.254953 202.450961 296.186566 190.018733 290.11818 177.586505 275.157079 172.445527 262.770012 178.536038 102.138268 257.515945 0 406.990833 0 572.8Z"
+        fill="#FF6A01"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/friendIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/friendIcon.tsx
new file mode 100644
index 0000000000..f4aba35ec2
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/friendIcon.tsx
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const FriendIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M515.465 589.232c162.421 0 294.616-132.2 294.616-294.616C810.081 132.2 677.888 0 515.465 0 353.051 0 220.848 132.201 220.848 294.616c0 162.416 132.203 294.616 294.617 294.616z m181.307 45.327c-49.105 41.547-113.318 64.207-181.305 64.207-71.765 0-135.971-26.436-185.076-64.207C160.42 691.213 39.549 827.19 39.549 982.054c0 11.33 0 26.444 3.775 37.773h940.51c0-11.33 3.777-26.445 3.777-37.773-3.778-154.863-120.87-290.84-290.84-347.495z m0 0"
+        fill="#30AAFF"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/groupIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/groupIcon.tsx
new file mode 100644
index 0000000000..c7847053c8
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/groupIcon.tsx
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const GroupIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="18"
+      height="18"
+    >
+      <path
+        d="M507.98693136 475.20856494h3.88361481c89.71150222-1.03563061 162.20564543-72.62359703 162.20564544-160.65219951v-53.59388445c0-88.80532543-73.52977383-160.78165333-164.14745285-160.78165334S345.78128592 172.15715555 345.78128592 260.96248098V314.55636543c0 88.02860247 72.4941432 159.61656889 162.20564544 160.65219951z m318.45641481 23.4311427c58.25422222 0 105.50486914-45.04993185 105.50486914-100.45616986v-33.65799506c0-55.53569185-47.25064691-100.45616987-105.50486914-100.45616989s-105.50486914 45.04993185-105.50486914 100.45616989v33.52854122c0 55.53569185 47.25064691 100.5856237 105.50486914 100.5856237z m-633.02921481 0c58.25422222 0 105.50486914-45.04993185 105.50486914-100.45616986v-33.65799506c0-55.53569185-47.25064691-100.45616987-105.50486914-100.45616989s-105.50486914 45.04993185-105.50486914 100.45616989v33.52854122c-0.12945383 55.53569185 47.12119309 100.5856237 105.50486914 100.5856237z m-152.23770075 102.26852347c-27.70311902 14.11046717-46.99173925 45.69720098-46.99173925 82.72099555V724.92499752c0 27.31475753 15.79336691 50.09863111 37.41215605 57.60695309 33.65799506 8.80286025 68.09271309 14.62828247 103.30415407 17.86462815V727.51407408c0-65.11527506 23.56059653-122.20441283 59.41930667-158.32203062h-0.90617679c-53.59388445-0.25890765-104.98705383 11.13302914-152.23770075 31.71618765z m937.89297778 0.12945383c-47.38010075-20.71261235-98.77327013-32.10454914-152.62606222-32.10454914h-0.77672297c35.98816395 36.24707161 59.41930667 93.33620939 59.41930667 158.32203062v73.01195852c35.08198717-3.23634569 69.64615902-9.0617679 103.04524643-17.86462814 21.61878914-7.37886815 37.6710637-30.29219555 37.6710637-57.73640694v-40.90740936c0-37.02379457-19.28862025-68.48107457-46.73283161-82.72099556z m-235.86487308-4.14252247c-72.4941432-33.26963358-151.0726163-51.5226232-233.27579655-51.52262322-82.07372642 0-160.39329185 18.25298963-232.75798123 51.26371556C234.83935605 619.03176691 205.19442963 669.64821333 205.19442963 728.80861235v66.02145184c0 43.75539358 24.20786569 80.39082667 57.21859161 92.30057877 79.74355753 21.61878914 162.46455309 33.52854124 247.64517135 33.52854123 85.05116445 0 167.64270617-11.65084445 247.25680988-33.39908739 33.26963358-11.78029827 57.47749925-48.54518518 57.47749926-92.30057878v-66.02145186c0-59.03094518-29.51547259-109.51793778-71.58796642-132.04290369z"
+        fill="#09bb07"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/index.ts
new file mode 100644
index 0000000000..4182ffe40d
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/index.ts
@@ -0,0 +1,20 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export * from './wechatIcon';
+export * from './qqIcon';
+export * from './alibabaTmIcon';
+export * from './wecomIcon';
+export * from './whatsappBotIcon';
+export * from './tiktokIcon';
+export * from './xhsIcon';
+export * from './liveCustomerIcon';
+export * from './aiWebsiteIcon';
+export * from './groupIcon';
+export * from './friendIcon';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/liveCustomerIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/liveCustomerIcon.tsx
new file mode 100644
index 0000000000..c745f59d82
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/liveCustomerIcon.tsx
@@ -0,0 +1,33 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const LiveCustomerIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1117 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path d="M535.272727 581.818182m-256 0a256 256 0 1 0 512 0 256 256 0 1 0-512 0Z" fill="#FFD6AB"></path>
+      <path
+        d="M1105.92 513.722182c0-89.553455-52.922182-165.655273-128.558545-189.533091C906.705455 139.496727 742.4 16.756364 562.827636 16.756364c-182.178909 0-343.04 119.901091-414.394181 307.060363a197.352727 197.352727 0 0 0 101.748363 381.300364 36.491636 36.491636 0 0 0 27.554909-35.374546v-312.040727a36.491636 36.491636 0 0 0-27.554909-35.374545 197.166545 197.166545 0 0 0-20.340363-3.909818c65.489455-140.427636 191.860364-228.677818 332.986181-228.677819 141.684364 0 268.194909 88.715636 333.498182 229.888a161.512727 161.512727 0 0 0-12.846545 3.025455 36.491636 36.491636 0 0 0-26.437818 35.095273v312.040727c0 16.290909 10.798545 30.580364 26.437818 35.048727 5.632 1.582545 11.357091 2.885818 17.128727 3.816727-23.831273 96.069818-92.532364 157.975273-192.046545 173.614546a82.525091 82.525091 0 0 0-70.749091-40.168727h-101.236364a82.571636 82.571636 0 0 0 0 165.189818h101.282909a82.664727 82.664727 0 0 0 76.8-52.363637c137.728-20.340364 236.125091-113.757091 261.492364-251.205818 74.798545-23.365818 129.768727-99.653818 129.768727-189.998545zM204.8 638.138182h-2.792727a124.416 124.416 0 0 1 0-248.785455h2.792727V638.091636z m433.058909 296.168727h-101.282909a9.634909 9.634909 0 1 1 0-19.269818h101.282909a9.634909 9.634909 0 1 1 0 19.269818z m292.119273-296.168727v-248.738909c4.468364 0.093091 8.936727 0.512 13.358545 1.303272 51.106909 8.843636 89.646545 61.812364 89.646546 123.066182 0 67.816727-46.08 123.159273-103.005091 124.369455z"
+        fill="#333333"
+      ></path>
+      <path
+        d="M389.166545 665.925818c103.703273 143.220364 224.721455 143.220364 335.127273 0.930909a34.909091 34.909091 0 1 0-55.156363-42.821818c-82.199273 105.984-147.362909 105.984-223.418182 0.930909a34.909091 34.909091 0 0 0-56.552728 40.96z"
+        fill="#FF960B"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/qqIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/qqIcon.tsx
new file mode 100644
index 0000000000..88b706d685
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/qqIcon.tsx
@@ -0,0 +1,33 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const QqIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path d="M270 829l240-129 248 129 173-19-421-220-379 198z" fill="#03297C"></path>
+      <path
+        d="M402.19 208h204.432a2 2 0 0 1 1.754 2.962l-348.807 636a2 2 0 0 1-1.753 1.038H57.359a2 2 0 0 1-1.758-2.953l344.831-636a2 2 0 0 1 1.759-1.047z"
+        fill="#0168EB"
+      ></path>
+      <path
+        d="M536.563 428.035L643.21 245.069a2 2 0 0 1 3.485 0.052l315.698 580.924a2 2 0 0 1-1.757 2.955H751.198a2 2 0 0 1-1.763-1.057L536.527 429.985a2 2 0 0 1 0.036-1.95z"
+        fill="#00D827"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/tiktokIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/tiktokIcon.tsx
new file mode 100644
index 0000000000..8727861ae1
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/tiktokIcon.tsx
@@ -0,0 +1,36 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const TiktokIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M732.885333 369.621333a399.445333 399.445333 0 0 0 233.642667 75.093334V276.394667c-16.512 0-32.938667-1.706667-49.066667-5.162667v132.437333a399.488 399.488 0 0 1-233.685333-75.050666v343.381333c0 171.776-138.752 310.997333-309.888 310.997333a307.626667 307.626667 0 0 1-172.501333-52.608A308.394667 308.394667 0 0 0 422.954667 1024c171.136 0 309.930667-139.221333 309.930666-311.04V369.664z m60.501334-169.728a234.88 234.88 0 0 1-60.501334-137.301333V40.96h-46.506666a235.562667 235.562667 0 0 0 107.008 158.933333zM309.632 798.634667a141.994667 141.994667 0 0 1-28.928-86.144 141.994667 141.994667 0 0 1 184.746667-135.594667V404.906667a311.509333 311.509333 0 0 0-49.024-2.858667v133.888a141.994667 141.994667 0 0 0-184.746667 135.594667c0 55.552 31.701333 103.68 77.952 127.104z"
+        fill="#FF004F"
+      ></path>
+      <path
+        d="M683.776 328.661333a399.530667 399.530667 0 0 0 233.685333 75.050667V271.274667a234.368 234.368 0 0 1-124.074666-71.381334A235.605333 235.605333 0 0 1 686.378667 40.96h-122.154667v672a142.037333 142.037333 0 0 1-141.738667 141.824 141.397333 141.397333 0 0 1-112.853333-56.149333 142.293333 142.293333 0 0 1-77.994667-127.104 141.994667 141.994667 0 0 1 184.746667-135.594667V402.048c-168.106667 3.498667-303.36 141.354667-303.36 310.954667 0 84.650667 33.706667 161.365333 88.362667 217.429333a307.626667 307.626667 0 0 0 172.501333 52.608c171.178667 0 309.888-139.264 309.888-311.04V328.704z"
+        fill="#000000"
+      ></path>
+      <path
+        d="M917.461333 271.274667v-35.84a232.96 232.96 0 0 1-124.074666-35.541334 234.112 234.112 0 0 0 124.074666 71.381334zM686.378667 40.96a239.402667 239.402667 0 0 1-2.56-19.328V0h-168.661334v672a141.994667 141.994667 0 0 1-141.738666 141.824 140.757333 140.757333 0 0 1-63.786667-15.189333 141.397333 141.397333 0 0 0 112.853333 56.149333 142.037333 142.037333 0 0 0 141.738667-141.781333V40.96h122.154667zM416.426667 402.048V363.946667a311.808 311.808 0 0 0-42.496-2.901334c-171.178667 0-309.930667 139.221333-309.930667 310.997334a310.997333 310.997333 0 0 0 137.386667 258.389333 310.528 310.528 0 0 1-88.32-217.429333c0-169.557333 135.253333-307.456 303.36-310.954667z"
+        fill="#00F2EA"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/wechatIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/wechatIcon.tsx
new file mode 100644
index 0000000000..43019170d5
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/wechatIcon.tsx
@@ -0,0 +1,32 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const WechatIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M337.387283 341.82659c-17.757225 0-35.514451 11.83815-35.514451 29.595375s17.757225 29.595376 35.514451 29.595376 29.595376-11.83815 29.595376-29.595376c0-18.49711-11.83815-29.595376-29.595376-29.595375zM577.849711 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763zM501.641618 401.017341c17.757225 0 29.595376-12.578035 29.595376-29.595376 0-17.757225-11.83815-29.595376-29.595376-29.595375s-35.514451 11.83815-35.51445 29.595375 17.757225 29.595376 35.51445 29.595376zM706.589595 513.479769c-11.83815 0-22.936416 12.578035-22.936416 23.6763 0 12.578035 11.83815 23.676301 22.936416 23.676301 17.757225 0 29.595376-11.83815 29.595376-23.676301s-11.83815-23.676301-29.595376-23.6763z"
+        fill="#28C445"
+      ></path>
+      <path
+        d="M510.520231 2.959538C228.624277 2.959538 0 231.583815 0 513.479769s228.624277 510.520231 510.520231 510.520231 510.520231-228.624277 510.520231-510.520231-228.624277-510.520231-510.520231-510.520231zM413.595376 644.439306c-29.595376 0-53.271676-5.919075-81.387284-12.578034l-81.387283 41.433526 22.936416-71.768786c-58.450867-41.433526-93.965318-95.445087-93.965317-159.815029 0-113.202312 105.803468-201.988439 233.803468-201.98844 114.682081 0 216.046243 71.028902 236.023121 166.473989-7.398844-0.739884-14.797688-1.479769-22.196532-1.479769-110.982659 1.479769-198.289017 85.086705-198.289017 188.67052 0 17.017341 2.959538 33.294798 7.398844 49.572255-7.398844 0.739884-15.537572 1.479769-22.936416 1.479768z m346.265896 82.867052l17.757225 59.190752-63.630058-35.514451c-22.936416 5.919075-46.612717 11.83815-70.289017 11.83815-111.722543 0-199.768786-76.947977-199.768786-172.393063-0.739884-94.705202 87.306358-171.653179 198.289017-171.65318 105.803468 0 199.028902 77.687861 199.028902 172.393064 0 53.271676-34.774566 100.624277-81.387283 136.138728z"
+        fill="#28C445"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/wecomIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/wecomIcon.tsx
new file mode 100644
index 0000000000..7ffbfc2a50
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/wecomIcon.tsx
@@ -0,0 +1,44 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const WecomIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1229 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M702.72 849.92c-76.8 30.72-158.72 35.84-240.64 30.72-35.84-5.12-71.68-10.24-107.52-20.48-5.12 0-10.24 0-15.36 5.12-46.08 20.48-92.16 46.08-133.12 66.56-15.36 10.24-30.72 10.24-46.08 0s-15.36-25.6-15.36-46.08c10.24-35.84 10.24-71.68 15.36-107.52 0-5.12-5.12-10.24-5.12-15.36-51.2-51.2-92.16-102.4-122.88-168.96-51.2-122.88-40.96-245.76 30.72-358.4C134.4 112.64 247.04 46.08 380.16 15.36S641.28 0 764.16 61.44c112.64 56.32 194.56 143.36 230.4 266.24 15.36 46.08 20.48 92.16 15.36 138.24-25.6-25.6-56.32-30.72-87.04-15.36 0-30.72 0-61.44-10.24-92.16-20.48-71.68-61.44-128-112.64-174.08-87.04-71.68-194.56-102.4-307.2-102.4-117.76 10.24-220.16 51.2-302.08 133.12-66.56 66.56-102.4 148.48-97.28 245.76 5.12 81.92 40.96 148.48 92.16 204.8l40.96 40.96c20.48 15.36 25.6 30.72 15.36 51.2-5.12 20.48-10.24 46.08-15.36 66.56 0 5.12-5.12 10.24 0 10.24 5.12 5.12 10.24 0 10.24 0 25.6-15.36 56.32-30.72 81.92-51.2 15.36-10.24 30.72-10.24 51.2-5.12 87.04 25.6 179.2 25.6 266.24 0 5.12 0 10.24-5.12 10.24 5.12 10.24 30.72 25.6 51.2 56.32 66.56z"
+        fill="#0082EF"
+      ></path>
+      <path
+        d="M1214.72 747.52c0 35.84-25.6 61.44-56.32 66.56-51.2 10.24-92.16 30.72-128 66.56-10.24 10.24-15.36 10.24-25.6 5.12-5.12-5.12-5.12-15.36 0-25.6 35.84-35.84 56.32-81.92 66.56-128 5.12-35.84 40.96-56.32 76.8-56.32 40.96 5.12 66.56 35.84 66.56 71.68z"
+        fill="#0081EE"
+      ></path>
+      <path
+        d="M953.6 1024c-35.84 0-66.56-25.6-71.68-56.32-5.12-51.2-30.72-92.16-66.56-122.88-5.12-5.12-10.24-10.24-5.12-20.48 5.12-15.36 15.36-15.36 25.6-10.24 10.24 5.12 15.36 15.36 20.48 20.48 30.72 25.6 66.56 40.96 102.4 46.08 35.84 5.12 61.44 40.96 56.32 76.8 5.12 35.84-25.6 66.56-61.44 66.56z"
+        fill="#FA6202"
+      ></path>
+      <path
+        d="M682.24 757.76c0-35.84 20.48-61.44 56.32-71.68 51.2-10.24 92.16-30.72 128-66.56 10.24-10.24 20.48-10.24 25.6 0 5.12 5.12 5.12 15.36-5.12 25.6-30.72 30.72-51.2 66.56-61.44 112.64 0 5.12 0 15.36-5.12 20.48-10.24 35.84-40.96 56.32-76.8 51.2-35.84-5.12-61.44-35.84-61.44-71.68z"
+        fill="#FECD00"
+      ></path>
+      <path
+        d="M1035.52 578.56c15.36 30.72 30.72 56.32 51.2 76.8 10.24 10.24 10.24 20.48 5.12 25.6-5.12 10.24-15.36 10.24-25.6 0-25.6-30.72-61.44-51.2-97.28-61.44-10.24-5.12-20.48-5.12-30.72-5.12-20.48-5.12-40.96-15.36-46.08-40.96-10.24-25.6-10.24-51.2 10.24-71.68 20.48-25.6 46.08-30.72 71.68-25.6 25.6 10.24 46.08 25.6 51.2 56.32 0 15.36 5.12 30.72 10.24 46.08z"
+        fill="#2CBD00"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/whatsappBotIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/whatsappBotIcon.tsx
new file mode 100644
index 0000000000..56c3aa14d9
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/whatsappBotIcon.tsx
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const WhatsappBotIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M511.872427 0h0.256C794.45376 0 1024.000427 229.674667 1024.000427 512s-229.589333 512-511.872 512c-104.106667 0-200.704-31.018667-281.6-84.565333L33.707093 1002.325333l63.786667-190.250666A508.245333 508.245333 0 0 1 0.000427 512C0.000427 229.674667 229.58976 0 511.872427 0zM365.39776 281.429333c-9.770667-23.338667-17.194667-24.234667-32-24.832A285.525333 285.525333 0 0 0 316.50176 256c-19.285333 0-39.424 5.632-51.626667 18.048C250.155093 289.109333 213.33376 324.266667 213.33376 396.501333c0 72.149333 52.778667 141.952 59.861333 151.722667 7.424 9.728 102.912 160 251.093334 221.226667 115.925333 47.914667 150.314667 43.477333 176.725333 37.845333 38.528-8.277333 86.826667-36.693333 98.986667-70.954667 12.16-34.346667 12.16-63.616 8.618666-69.845333-3.584-6.186667-13.354667-9.728-28.16-17.152-14.848-7.381333-86.869333-42.88-100.522666-47.616-13.354667-4.992-26.069333-3.242667-36.138667 10.965333-14.250667 19.797333-28.16 39.936-39.466667 52.053334-8.874667 9.472-23.424 10.666667-35.541333 5.632-16.298667-6.826667-61.952-22.784-118.314667-72.789334-43.562667-38.741333-73.216-86.954667-81.792-101.418666-8.618667-14.805333-0.896-23.381333 5.930667-31.36 7.381333-9.173333 14.506667-15.658667 21.930667-24.234667 7.424-8.576 11.52-13.013333 16.298666-23.082667 5.034667-9.770667 1.493333-19.84-2.090666-27.221333-3.541333-7.381333-33.194667-79.573333-45.354667-108.8z"
+        fill="#25D366"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/xhsIcon.tsx b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/xhsIcon.tsx
new file mode 100644
index 0000000000..23249ca6e2
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/svg/xhsIcon.tsx
@@ -0,0 +1,32 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+
+export const XhsIcon = () => {
+  return (
+    <svg
+      className="icon"
+      viewBox="0 0 1024 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+    >
+      <path
+        d="M32 512c0 265.088 214.912 480 480 480 265.088 0 480-214.912 480-480 0-265.088-214.912-480-480-480C246.912 32 32 246.912 32 512z"
+        fill="#E43F49"
+      ></path>
+      <path
+        d="M805.952 636.224h-32.48l-13.92-32.448h39.424V548.16h-74.112v85.792h-39.488v-88.16h-39.392v-37.056h39.392v-37.12h-27.808V434.56h27.808V416h39.488v18.56h27.776c10.816 0.064 21.056 4.704 28.192 12.8 6.656 7.104 9.92 16.8 8.96 26.496v37.184h9.248c10.816-0.384 21.28 3.872 28.768 11.712 6.592 7.616 9.6 17.728 8.32 27.712v55.616a30.528 30.528 0 0 1-30.176 30.08v0.064z m-81.088-164.544v39.392h27.776V471.68h-27.776z m-81.152 162.272h-134.56l18.528-39.424h37.088v-122.88h-27.776v-39.392h92.8v41.696h-20.896v122.88h34.688v37.12h0.128z m-157.664 0h-64.96l20.864-37.12h60.288l-16.192 37.088v0.032z m-160 0H288.928l-13.888-32.448h27.84v-180.896h41.792v187.776c-0.32 1.024-5.024 25.536-18.624 25.536l0.064 0.032z m74.144-18.56c-31.776-25.088-27.84-140.288-27.84-141.44h41.76c-1.856 27.904-0.32 55.936 4.608 83.488 0.96 2.976 1.664 6.08 2.144 9.12v0.384c0.384 3.2 1.248 6.272 2.432 9.184-8.96 12.384-16.704 25.568-23.168 39.392l0.096-0.16h-0.032z m-152.992-2.336A488.96 488.96 0 0 1 224 573.696l1.408-4.096c1.92-4.608 3.072-9.536 3.232-14.528a265.952 265.952 0 0 0 4.576-83.392h41.728v0.192c0.16 11.904 0.64 117.12-27.776 141.184z m261.952-34.784h-50.976a9.664 9.664 0 0 1-7.936-4.032 10.976 10.976 0 0 1-1.376-9.856l23.2-53.344H451.2a9.632 9.632 0 0 1-7.872-4.032 10.976 10.976 0 0 1-1.376-9.856l30.112-76.48h39.424l-20.864 57.92h34.752l-34.752 69.504h30.144l-11.616 30.144v0.032z m310.72-106.624h-18.56v-18.56a18.56 18.56 0 0 1 37.088 0 19.84 19.84 0 0 1-18.496 18.56z"
+        fill="#FFFFFF"
+      ></path>
+    </svg>
+  );
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/utils/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/utils/index.ts
new file mode 100644
index 0000000000..e5780198d5
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/client/utils/index.ts
@@ -0,0 +1,26 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+// 过滤 客户来源
+export const filterCustomerSource = (value: string) => {
+  const sceneChannelsList = [
+    { name: '阿里TM', value: 'alibaba-tm' },
+    { name: '微信', value: 'wechat' },
+    { name: '企业微信', value: 'wecom' },
+    { name: '企点QQ', value: 'qq' },
+    { name: 'WhatsApp', value: 'whatsapp-bot' },
+    { name: 'TikTok', value: 'tiktok' },
+    { name: '小红书', value: 'xhs' },
+    { name: '智能客服', value: 'live-customer' },
+    { name: '智能独立站', value: 'ai-website' },
+  ];
+
+  const sourceName = sceneChannelsList.find((item: { value: string }) => item.value === value)?.name;
+  return sourceName;
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/index.ts
new file mode 100644
index 0000000000..be99a2ff1a
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/index.ts
@@ -0,0 +1,11 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export * from './server';
+export { default } from './server';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/locale/en-US.json b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/locale/en-US.json
new file mode 100644
index 0000000000..7ed3529a30
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/locale/en-US.json
@@ -0,0 +1,6 @@
+{
+  "Bot Details": "Bot Details",
+  "Select bind Field": "Select bind Field",
+  "Please select a field": "Please select a field",
+  "Bind field": "Bind field"
+}
\ No newline at end of file
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/locale/zh-CN.json b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/locale/zh-CN.json
new file mode 100644
index 0000000000..9c8931f98d
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/locale/zh-CN.json
@@ -0,0 +1,6 @@
+{
+  "Bot Details": "搜索机器人客户",
+  "Select bind Field": "选择绑定字段",
+  "Please select a field": "请选择绑定字段",
+  "Bind field": "绑定字段"
+}
\ No newline at end of file
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/collections/.gitkeep b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/collections/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/index.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/index.ts
new file mode 100644
index 0000000000..be989de7c3
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/index.ts
@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export { default } from './plugin';
diff --git a/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/plugin.ts b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/plugin.ts
new file mode 100644
index 0000000000..dfc09d4df8
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-bind-bot-relation/src/server/plugin.ts
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { Plugin } from '@nocobase/server';
+
+export class PluginBindBotRelationServer extends Plugin {
+  async afterAdd() {}
+
+  async beforeLoad() {}
+
+  async load() {}
+
+  async install() {}
+
+  async afterEnable() {}
+
+  async afterDisable() {}
+
+  async remove() {}
+}
+
+export default PluginBindBotRelationServer;
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/.npmignore b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/.npmignore
new file mode 100644
index 0000000000..65f5e8779f
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/.npmignore
@@ -0,0 +1,2 @@
+/node_modules
+/src
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/README.md b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/README.md
new file mode 100644
index 0000000000..d752d699ed
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/README.md
@@ -0,0 +1 @@
+# @nocobase-sample/plugin-field-component-without-value
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/client.d.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/client.d.ts
new file mode 100644
index 0000000000..6c459cbac4
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/client.d.ts
@@ -0,0 +1,2 @@
+export * from './dist/client';
+export { default } from './dist/client';
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/client.js b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/client.js
new file mode 100644
index 0000000000..b6e3be70e6
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/client.js
@@ -0,0 +1 @@
+module.exports = require('./dist/client/index.js');
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/package.json b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/package.json
new file mode 100644
index 0000000000..131a7c1ca1
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@nocobase-sample/plugin-field-component-without-value",
+  "version": "1.2.35-alpha",
+  "main": "dist/server/index.js",
+  "displayName": "Action: Bind group/friend relationship",
+  "displayName.zh-CN": "绑定群/好友关系Demo",
+  "description": "",
+  "description.zh-CN": "",
+  "dependencies": {},
+  "peerDependencies": {
+    "@nocobase/client": "1.x",
+    "@nocobase/server": "1.x",
+    "@nocobase/test": "1.x"
+  }
+}
\ No newline at end of file
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/server.d.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/server.d.ts
new file mode 100644
index 0000000000..c41081ddc6
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/server.d.ts
@@ -0,0 +1,2 @@
+export * from './dist/server';
+export { default } from './dist/server';
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/server.js b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/server.js
new file mode 100644
index 0000000000..972842039a
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/server.js
@@ -0,0 +1 @@
+module.exports = require('./dist/server/index.js');
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/client.d.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/client.d.ts
new file mode 100644
index 0000000000..4e96f83fa1
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/client.d.ts
@@ -0,0 +1,249 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+// CSS modules
+type CSSModuleClasses = { readonly [key: string]: string };
+
+declare module '*.module.css' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.less' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.styl' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.stylus' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.pcss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+declare module '*.module.sss' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+
+// CSS
+declare module '*.css' { }
+declare module '*.scss' { }
+declare module '*.sass' { }
+declare module '*.less' { }
+declare module '*.styl' { }
+declare module '*.stylus' { }
+declare module '*.pcss' { }
+declare module '*.sss' { }
+
+// Built-in asset types
+// see `src/node/constants.ts`
+
+// images
+declare module '*.apng' {
+  const src: string;
+  export default src;
+}
+declare module '*.png' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.jfif' {
+  const src: string;
+  export default src;
+}
+declare module '*.pjpeg' {
+  const src: string;
+  export default src;
+}
+declare module '*.pjp' {
+  const src: string;
+  export default src;
+}
+declare module '*.gif' {
+  const src: string;
+  export default src;
+}
+declare module '*.svg' {
+  const src: string;
+  export default src;
+}
+declare module '*.ico' {
+  const src: string;
+  export default src;
+}
+declare module '*.webp' {
+  const src: string;
+  export default src;
+}
+declare module '*.avif' {
+  const src: string;
+  export default src;
+}
+
+// media
+declare module '*.mp4' {
+  const src: string;
+  export default src;
+}
+declare module '*.webm' {
+  const src: string;
+  export default src;
+}
+declare module '*.ogg' {
+  const src: string;
+  export default src;
+}
+declare module '*.mp3' {
+  const src: string;
+  export default src;
+}
+declare module '*.wav' {
+  const src: string;
+  export default src;
+}
+declare module '*.flac' {
+  const src: string;
+  export default src;
+}
+declare module '*.aac' {
+  const src: string;
+  export default src;
+}
+declare module '*.opus' {
+  const src: string;
+  export default src;
+}
+declare module '*.mov' {
+  const src: string;
+  export default src;
+}
+declare module '*.m4a' {
+  const src: string;
+  export default src;
+}
+declare module '*.vtt' {
+  const src: string;
+  export default src;
+}
+
+// fonts
+declare module '*.woff' {
+  const src: string;
+  export default src;
+}
+declare module '*.woff2' {
+  const src: string;
+  export default src;
+}
+declare module '*.eot' {
+  const src: string;
+  export default src;
+}
+declare module '*.ttf' {
+  const src: string;
+  export default src;
+}
+declare module '*.otf' {
+  const src: string;
+  export default src;
+}
+
+// other
+declare module '*.webmanifest' {
+  const src: string;
+  export default src;
+}
+declare module '*.pdf' {
+  const src: string;
+  export default src;
+}
+declare module '*.txt' {
+  const src: string;
+  export default src;
+}
+
+// wasm?init
+declare module '*.wasm?init' {
+  const initWasm: (options?: WebAssembly.Imports) => Promise<WebAssembly.Instance>;
+  export default initWasm;
+}
+
+// web worker
+declare module '*?worker' {
+  const workerConstructor: {
+    new(options?: { name?: string }): Worker;
+  };
+  export default workerConstructor;
+}
+
+declare module '*?worker&inline' {
+  const workerConstructor: {
+    new(options?: { name?: string }): Worker;
+  };
+  export default workerConstructor;
+}
+
+declare module '*?worker&url' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?sharedworker' {
+  const sharedWorkerConstructor: {
+    new(options?: { name?: string }): SharedWorker;
+  };
+  export default sharedWorkerConstructor;
+}
+
+declare module '*?sharedworker&inline' {
+  const sharedWorkerConstructor: {
+    new(options?: { name?: string }): SharedWorker;
+  };
+  export default sharedWorkerConstructor;
+}
+
+declare module '*?sharedworker&url' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?raw' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?url' {
+  const src: string;
+  export default src;
+}
+
+declare module '*?inline' {
+  const src: string;
+  export default src;
+}
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/component/OrderDetails.tsx b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/component/OrderDetails.tsx
new file mode 100644
index 0000000000..84359a4148
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/component/OrderDetails.tsx
@@ -0,0 +1,49 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { observer } from '@formily/react';
+import { Spin, Empty } from 'antd';
+import React, { FC } from 'react';
+import { useForm } from '@formily/react';
+import { FieldComponentName } from '../constants';
+import { useRequest } from '@nocobase/client';
+
+export interface OrderDetailsProps {
+  orderField?: string;
+}
+
+export const OrderDetails: FC<OrderDetailsProps> = observer(
+  ({ orderField }) => {
+    const form = useForm();
+    const value = orderField ? form.values[orderField] : undefined;
+
+    const { data, loading } = useRequest<{ data: any[] }>(
+      { url: `https://jsonplaceholder.typicode.com/todos/${value}` },
+      {
+        ready: !!value,
+        refreshDeps: [orderField, value],
+      },
+    );
+
+    if (!orderField) return <div style={{ padding: 20 }}>Please select order Field</div>;
+
+    if (loading) {
+      return (
+        <div style={{ textAlign: 'center', height: 200 }}>
+          <Spin />
+        </div>
+      );
+    }
+
+    if (!data) return <Empty />;
+
+    return <pre>{JSON.stringify(data, null, 2)}</pre>;
+  },
+  { displayName: FieldComponentName },
+);
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/component/index.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/component/index.ts
new file mode 100644
index 0000000000..fcd9e78cf6
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/component/index.ts
@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export * from './OrderDetails';
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/constants.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/constants.ts
new file mode 100644
index 0000000000..2c384f44eb
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/constants.ts
@@ -0,0 +1,12 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export const FieldComponentName = 'OrderDetails';
+export const FieldTitle = 'Order Details';
+export const FieldNameLowercase = 'orderDetails';
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/index.tsx b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/index.tsx
new file mode 100644
index 0000000000..74764d615a
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/index.tsx
@@ -0,0 +1,30 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { Plugin, SchemaComponent } from '@nocobase/client';
+import { OrderDetails } from './component';
+import { FieldComponentName } from './constants';
+import { orderDetailsInitializerItem } from './initializer';
+import { orderDetailsSettings } from './settings';
+
+export class PluginFieldOrderDetailsClient extends Plugin {
+  async load() {
+    this.app.addComponents({ [FieldComponentName]: OrderDetails });
+
+    this.app.schemaInitializerManager.addItem(
+      'form:configureFields',
+      orderDetailsInitializerItem.name,
+      orderDetailsInitializerItem,
+    );
+
+    this.app.schemaSettingsManager.add(orderDetailsSettings);
+  }
+}
+
+export default PluginFieldOrderDetailsClient;
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/initializer/index.tsx b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/initializer/index.tsx
new file mode 100644
index 0000000000..70db3549cd
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/initializer/index.tsx
@@ -0,0 +1,65 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import React from 'react';
+import {
+  SchemaInitializerActionModal,
+  SchemaInitializerItemType,
+  SelectProps,
+  useCollection,
+  useCompile,
+  useSchemaInitializer,
+} from '@nocobase/client';
+import { MenuOutlined } from '@ant-design/icons';
+
+import { FieldNameLowercase } from '../constants';
+import { useT } from '../locale';
+import { getOrderDetailsSchema } from '../schema';
+
+export function useFieldOptions(): SelectProps['options'] {
+  const collection = useCollection();
+
+  const compile = useCompile();
+  return collection
+    .getFields()
+    .map((field) => ({ label: field.uiSchema?.title ? compile(field.uiSchema.title) : field.name, value: field.name }));
+}
+
+const OrderDetailsSchemaInitializer = () => {
+  const t = useT();
+  const { insert } = useSchemaInitializer();
+  const options = useFieldOptions();
+
+  return (
+    <SchemaInitializerActionModal
+      buttonText={t('Order Details')}
+      title={t('Select Order Field')}
+      icon={<MenuOutlined />}
+      isItem
+      onSubmit={({ orderField }) => {
+        insert(getOrderDetailsSchema(orderField));
+      }}
+      schema={{
+        orderField: {
+          type: 'string',
+          title: t('Order field'),
+          required: true,
+          'x-component': 'Select',
+          'x-decorator': 'FormItem',
+          enum: options,
+        },
+      }}
+    ></SchemaInitializerActionModal>
+  );
+};
+
+export const orderDetailsInitializerItem: SchemaInitializerItemType = {
+  name: FieldNameLowercase,
+  Component: OrderDetailsSchemaInitializer,
+};
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/locale.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/locale.ts
new file mode 100644
index 0000000000..84797b7d1b
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/locale.ts
@@ -0,0 +1,21 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+// @ts-ignore
+import pkg from './../../package.json';
+import { useApp } from '@nocobase/client';
+
+export function useT() {
+  const app = useApp();
+  return (str: string) => app.i18n.t(str, { ns: [pkg.name, 'client'] });
+}
+
+export function tStr(key: string) {
+  return `{{t(${JSON.stringify(key)}, { ns: ['${pkg.name}', 'client'], nsMode: 'fallback' })}}`;
+}
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/schema/index.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/schema/index.ts
new file mode 100644
index 0000000000..7313a654c0
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/schema/index.ts
@@ -0,0 +1,23 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { ISchema } from '@nocobase/client';
+import { FieldComponentName } from '../constants';
+import { orderDetailsSettings } from '../settings';
+
+export const getOrderDetailsSchema = (orderField: string): ISchema => ({
+  type: 'void',
+  'x-decorator': 'FormItem',
+  'x-toolbar': 'FormItemSchemaToolbar',
+  'x-component': FieldComponentName,
+  'x-component-props': {
+    orderField: orderField,
+  },
+  'x-settings': orderDetailsSettings.name,
+});
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/settings/index.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/settings/index.ts
new file mode 100644
index 0000000000..c9741be6df
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/settings/index.ts
@@ -0,0 +1,29 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { SchemaSettings } from '@nocobase/client';
+import { FieldNameLowercase } from '../constants';
+import { orderFieldSchemaSettingsItem } from './items/orderField';
+
+export const orderDetailsSettings = new SchemaSettings({
+  name: `blockSettings:${FieldNameLowercase}`,
+  items: [
+    orderFieldSchemaSettingsItem,
+    {
+      name: 'remove',
+      type: 'remove',
+      componentProps: {
+        removeParentsIfNoChildren: true,
+        breakRemoveOn: {
+          'x-component': 'Grid',
+        },
+      },
+    },
+  ],
+});
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/settings/items/orderField.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/settings/items/orderField.ts
new file mode 100644
index 0000000000..adc46de80f
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/client/settings/items/orderField.ts
@@ -0,0 +1,19 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { createSelectSchemaSettingsItem } from '@nocobase/client';
+import { tStr } from '../../locale';
+import { useFieldOptions } from '../../initializer';
+
+export const orderFieldSchemaSettingsItem = createSelectSchemaSettingsItem({
+  name: 'orderField',
+  title: tStr('Order field'),
+  useOptions: useFieldOptions,
+  schemaKey: `x-component-props.orderField`,
+});
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/index.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/index.ts
new file mode 100644
index 0000000000..be99a2ff1a
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/index.ts
@@ -0,0 +1,11 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export * from './server';
+export { default } from './server';
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/locale/en-US.json b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/locale/en-US.json
new file mode 100644
index 0000000000..0dda81788d
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/locale/en-US.json
@@ -0,0 +1,5 @@
+{
+  "Order Details": "Order Details",
+  "Order field": "Order field",
+  "Select Order Field": "Select Order Field"
+}
\ No newline at end of file
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/locale/zh-CN.json b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/locale/zh-CN.json
new file mode 100644
index 0000000000..733c3bcca2
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/locale/zh-CN.json
@@ -0,0 +1,5 @@
+{
+  "Order Details": "订单详情",
+  "Order field": "订单字段",
+  "Select Order Field": "选择订单字段"
+}
\ No newline at end of file
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/collections/.gitkeep b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/collections/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/index.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/index.ts
new file mode 100644
index 0000000000..be989de7c3
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/index.ts
@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+export { default } from './plugin';
diff --git a/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/plugin.ts b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/plugin.ts
new file mode 100644
index 0000000000..38bb049c0d
--- /dev/null
+++ b/packages/plugins/@nocobase-sample/plugin-field-component-without-value/src/server/plugin.ts
@@ -0,0 +1,28 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+import { Plugin } from '@nocobase/server';
+
+export class PluginFieldComponentWithoutValueServer extends Plugin {
+  async afterAdd() {}
+
+  async beforeLoad() {}
+
+  async load() {}
+
+  async install() {}
+
+  async afterEnable() {}
+
+  async afterDisable() {}
+
+  async remove() {}
+}
+
+export default PluginFieldComponentWithoutValueServer;
diff --git a/yarn.lock b/yarn.lock
index 6341c6bc6c..18b32a66cb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -234,13 +234,13 @@
     rc-util "^5.31.1"
 
 "@ant-design/icons@^5.x":
-  version "5.3.7"
-  resolved "https://registry.npmmirror.com/@ant-design/icons/-/icons-5.3.7.tgz#d9f3654bf7934ee5faba43f91b5a187f5309ec68"
-  integrity sha512-bCPXTAg66f5bdccM4TT21SQBDO1Ek2gho9h3nO9DAKXJP4sq+5VBjrQMSxMVXSB3HyEz+cUbHQ5+6ogxCOpaew==
+  version "5.4.0"
+  resolved "https://registry.npmmirror.com/@ant-design/icons/-/icons-5.4.0.tgz#4bd8f335c68207cc06fe9943d164a81cdfcfbeac"
+  integrity sha512-QZbWC5xQYexCI5q4/fehSEkchJr5UGtvAJweT743qKUQQGs9IH2DehNLP49DJ3Ii9m9CijD2HN6fNy3WKhIFdA==
   dependencies:
     "@ant-design/colors" "^7.0.0"
     "@ant-design/icons-svg" "^4.4.0"
-    "@babel/runtime" "^7.11.2"
+    "@babel/runtime" "^7.24.8"
     classnames "^2.2.6"
     rc-util "^5.31.1"
 
@@ -2603,7 +2603,14 @@
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/template@^7.22.15", "@babel/template@^7.3.3":
+"@babel/runtime@^7.24.8":
+  version "7.25.0"
+  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.25.0.tgz#3af9a91c1b739c569d5d80cc917280919c544ecb"
+  integrity sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
+"@babel/template@^7.22.15", "@babel/template@^7.22.5", "@babel/template@^7.3.3":
   version "7.22.15"
   resolved "https://registry.npmmirror.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
   integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==