diff --git a/src/views/AuthApp.jsx b/src/views/AuthApp.jsx
index 07d3028..efa4fe5 100644
--- a/src/views/AuthApp.jsx
+++ b/src/views/AuthApp.jsx
@@ -26,6 +26,8 @@ import EmailFetch from './Conversations/Online/Components/EmailFetch'
 import FetchEmailWorker from './../workers/fetchEmailWorker?worker&url'
 import { clearWebsocketLog, readWebsocketLog } from '@/utils/commons'
 import { useGlobalNotify } from '@/hooks/useGlobalNotify'
+import GeneratePaymentDrawer from './Conversations/Online/Components/GeneratePaymentDrawer'
+import GenerateAutoDocDrawer from './Conversations/Online/Components/GenerateAutoDocDrawer'
 
 // const fetchEmailWorkerURL = new URL('/src/workers/fetchEmailWorker.js', import.meta.url);
 const fetchEmailWorker = new Worker(FetchEmailWorker, { type: 'module' });
@@ -188,6 +190,8 @@ function AuthApp() {
               </button>
             </form>
           </dialog>
+          <GeneratePaymentDrawer />
+          <GenerateAutoDocDrawer />
         </ErrorBoundary>
       </AntApp>
     </ConfigProvider>
diff --git a/src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx b/src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx
new file mode 100644
index 0000000..d49c269
--- /dev/null
+++ b/src/views/Conversations/Online/Components/GenerateAutoDocDrawer.jsx
@@ -0,0 +1,14 @@
+import { createContext, useEffect, useState } from 'react'
+import { Drawer } from 'antd'
+import SnippetList from '@/views/accounts/SnippetList'
+import useSnippetStore from '@/stores/SnippetStore'
+
+const GenerateAutoDocDrawer = ({ ...props }) => {
+  const [openSnippetDrawer, closeSnippetDrawer, snippetDrawerOpen] = useSnippetStore((state) => [state.openDrawer, state.closeDrawer, state.drawerOpen])
+  return (
+    <Drawer title='图文集' placement={'top'} size={'large'} onClose={() => closeSnippetDrawer()} open={snippetDrawerOpen}>
+      <SnippetList></SnippetList>
+    </Drawer>
+  )
+}
+export default GenerateAutoDocDrawer
diff --git a/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx b/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx
index 8649e2a..80c3b11 100644
--- a/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx
+++ b/src/views/Conversations/Online/Input/PaymentlinkBtn.jsx
@@ -8,7 +8,7 @@ const PaymentlinkBtn = ({ type, ...props }) => {
 
   return (
     <>
-      <GeneratePaymentDrawer />
+      {/* <GeneratePaymentDrawer /> */}
       <Tooltip title='支付链接'>
         {/* <Button type='text' onClick={() => openPaymentDrawer()} icon={<DollarOutlined className='text-orange-500' />} size={'middle'} /> */}
 
diff --git a/src/views/DesktopApp.jsx b/src/views/DesktopApp.jsx
index d096b87..64e264f 100644
--- a/src/views/DesktopApp.jsx
+++ b/src/views/DesktopApp.jsx
@@ -27,9 +27,6 @@ import 'react-chat-elements/dist/main.css'
 import ReloadPrompt from './ReloadPrompt'
 import ClearCache from './ClearCache'
 
-import SnippetList from '@/views/accounts/SnippetList'
-import GeneratePayment from '@/views/accounts/GeneratePayment'
-
 import { BUILD_VERSION, BUILD_DATE } from '@/config'
 
 const { Header, Footer, Content } = Layout
@@ -125,24 +122,6 @@ function DesktopApp() {
           width: '100%',
           background: 'white',
         }}>
-        <Drawer
-          title='图文集'
-          placement={'top'}
-          size={'large'}
-          onClose={() => closeSnippetDrawer()}
-          open={snippetDrawerOpen}
-          >
-          <SnippetList></SnippetList>
-        </Drawer>
-        <Drawer
-          title='支付链接'
-          placement={'top'}
-          size={'large'}
-          onClose={() => closePaymentDrawer()}
-          open={paymentDrawerOpen}
-          >
-          <GeneratePayment></GeneratePayment>
-        </Drawer>
         <Row gutter={{ md: 24 }} align='middle'>
           <Col flex='220px'>
             <NavLink to='/'>