diff --git a/package.json b/package.json
index b2d8a8b..147dbcd 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "@dckj/react-better-modal": "^0.1.2",
     "@lexical/react": "^0.17.1",
     "@vonage/client-sdk": "^1.6.0",
-    "antd": "^5.21.0",
+    "antd": "^5.21.4",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.13",
     "dingtalk-jsapi": "^3.0.38",
diff --git a/src/main.jsx b/src/main.jsx
index f849f4e..7a95a68 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -18,6 +18,7 @@ import MobileChat from '@/views/mobile/Chat'
 import CallCenter from '@/views/CallCenter'
 import MobileSecondHeader from '@/views/mobile/SecondHeaderWrapper'
 import CustomerProfile from '@/views/Conversations/Online/order/CustomerProfile'
+import SnippetList from '@/views/Conversations/Online/SnippetList'
 
 import Unassign from '@/views/ChatUnassign'
 import ChatAssign from '@/views/Conversations/ChatAssign'
@@ -69,6 +70,7 @@ const router = createBrowserRouter([
               { path: 'chat/history', element: <ChatHistory /> },
               { path: 'order/chat/:order_sn', element: <ChatWindow /> },
               { path: 'order/chat', element: <ChatWindow /> },
+              { path: 'snippet-list', element: <SnippetList /> }, // 测试图文集界面
               { path: 'account/profile', element: <AccountProfile /> },
               { path: 'chat/unassign/:whatsappid', element: <ChatAssign /> },
               { path: 'chat/unassign', element: <Unassign /> },
diff --git a/src/views/Conversations/Online/SnippetList.jsx b/src/views/Conversations/Online/SnippetList.jsx
new file mode 100644
index 0000000..265fa48
--- /dev/null
+++ b/src/views/Conversations/Online/SnippetList.jsx
@@ -0,0 +1,82 @@
+import { Conditional } from '@/components/Conditional'
+import useAuthStore from '@/stores/AuthStore'
+import useFormStore from '@/stores/FormStore'
+import { useOrderStore } from '@/stores/OrderStore'
+import { copy, isNotEmpty, isEmpty } from '@/utils/commons'
+import { WhatsAppOutlined } from '@ant-design/icons'
+import { Row, Col, Tag, List, Form, Input, Button, Space } from 'antd'
+import dayjs from 'dayjs'
+import { useCallback, useEffect, useState } from 'react'
+import { Link } from 'react-router-dom'
+
+function SnippetList() {
+  const [form] = Form.useForm()
+
+  return (
+    <>
+    <Space direction='vertical' size='large' style={{ width: '100%' }}>
+      <Form
+        layout={'inline'}
+        form={form}
+        initialValues={{
+          layout: 'inline',
+        }}>
+        <Form.Item label='所有者'>
+          <Input placeholder='placeholder' />
+        </Form.Item>
+        <Form.Item label='类别'>
+          <Input placeholder='placeholder' />
+        </Form.Item>
+        <Form.Item label='状态'>
+          <Input placeholder='placeholder' />
+        </Form.Item>
+        <Form.Item label='标题'>
+          <Input placeholder='placeholder' />
+        </Form.Item>
+        <Form.Item>
+          <Button type='primary'>搜索</Button>
+        </Form.Item>
+        <Form.Item>
+          <Button>新增</Button>
+        </Form.Item>
+      </Form>
+      <Row gutter={16}>
+        <Col span={8}>
+          <List
+            bordered
+            dataSource={[
+              '问客人发帖',
+              '婚礼团upsale',
+              '泰国相关',
+              '日本暑期预警',
+              'Highlights Travel Family Loyalty Club',
+            ]}
+            renderItem={(item) => (
+              <List.Item className='hover:bg-gray-50'>
+                <Row gutter={16} className='w-full'>
+                  <Col span={16}>
+                    <Tag color='magenta'>类型</Tag>
+                    {item}
+                  </Col>
+                  <Col span={8}>
+                    <div className='text-end'>王静</div>
+                  </Col>
+                </Row>
+              </List.Item>
+            )}
+          />
+        </Col>
+        <Col span={16}>
+          <pre>
+            <p>
+              Discover China with the <strong>award-winning</strong>
+            </p>
+          </pre>
+        </Col>
+      </Row>
+      </Space>
+    </>
+  )
+}
+
+export default SnippetList
diff --git a/src/views/accounts/Profile.jsx b/src/views/accounts/Profile.jsx
index 58885c5..f1dae12 100644
--- a/src/views/accounts/Profile.jsx
+++ b/src/views/accounts/Profile.jsx
@@ -62,29 +62,29 @@ function Profile() {
                 }}
                 options={[
                   {
-                    value: 'jack',
+                    value: 'GH 顾问',
                     label: 'GH 顾问(18741256987)',
                   },
                   {
-                    value: 'lucy',
+                    value: 'GH 客服',
                     label: 'GH 客服(13845214785)',
                   },
                   {
-                    value: 'Yiminghe',
+                    value: 'GH 客运',
                     label: 'GH 客运(191477856351)',
                   },
                   {
-                    value: 'disabled',
+                    value: '国际事业部',
                     label: '国际事业部(无)',
                     disabled: true,
                   },
                   {
-                    value: 'disabled',
+                    value: 'CT 事业部',
                     label: 'CT 事业部(无)',
                     disabled: true,
                   },
                   {
-                    value: 'disabled',
+                    value: '花梨鹰事业部',
                     label: '花梨鹰事业部(无)',
                     disabled: true,
                   },