diff --git a/public/fox.jpg b/public/fox.jpg
new file mode 100644
index 0000000..b095815
Binary files /dev/null and b/public/fox.jpg differ
diff --git a/src/App.vue b/src/App.vue
index d719197..44e359b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -31,7 +31,7 @@ const router = useRouterStore()
 const layout = useLayoutStore()
 </script>
 <template>
-  <!-- <ConfigProvider :locale="zhCN"> -->
+  <ConfigProvider :locale="zhCN">
   <div class="fixed left-0 top-0 w-full h-screen style-root" @contextmenu.prevent>
     <Header />
     <Background
@@ -78,7 +78,7 @@ const layout = useLayoutStore()
     <BackupRecovery v-if="router.path === 'global-backup'"></BackupRecovery>
   </div>
   <ModalPgae />
-  <!-- </ConfigProvider> -->
+  </ConfigProvider>
 </template>
 
 <style lang="less">
diff --git a/src/fox/index.tsx b/src/fox/index.tsx
index 2d54d14..b7e018b 100644
--- a/src/fox/index.tsx
+++ b/src/fox/index.tsx
@@ -9,6 +9,8 @@ import useRouterStore from '@/useRouterStore'
 import useSearchStore from '@/layout/header/search/useSearchStore'
 import useLayoutStore from '@/layout/useLayoutStore'
 import { sendParent } from '@/utils/parent'
+import FoxImg from '~/fox.jpg'
+import clsx from 'clsx'
 
 const stageStrList = [
   'dazhaohu',
@@ -122,15 +124,26 @@ export default defineComponent(() => {
     }
   )
   return () => (
-    <canvas
-      ref={(el) => (container = el as any)}
-      onMouseenter={() => {
-        run('dianji')
-      }}
-      onClick={() => {
-        run('aixin')
-        sendParent(['openSide'])
-      }}
-    />
+    <>
+      <img
+        src={FoxImg}
+        onClick={() => {
+          run('aixin')
+          sendParent(['openSide'])
+        }}
+        class={clsx('cursor-pointer fixed w-[40px] right-0 bottom-10 ', layout.isCompact ? 'block' : 'hidden')}
+      ></img>
+      <canvas
+        class={clsx(layout.isCompact ? 'hidden' : 'block')}
+        ref={(el) => (container = el as any)}
+        onMouseenter={() => {
+          run('dianji')
+        }}
+        onClick={() => {
+          run('aixin')
+          sendParent(['openSide'])
+        }}
+      />
+    </>
   )
 })
diff --git a/src/layout/grid/AiSetting.tsx b/src/layout/grid/AiSetting.tsx
index 4ef0bba..53bc101 100644
--- a/src/layout/grid/AiSetting.tsx
+++ b/src/layout/grid/AiSetting.tsx
@@ -9,7 +9,6 @@ import { sendParent } from '@/utils/parent'
 export default defineComponent({
   setup() {
     const settings = useSettingsStore()
-    const layout = useLayoutStore()
     watch(
       () => ({
         autoSearch: settings.state.autoUseAi === 'show',
@@ -17,6 +16,7 @@ export default defineComponent({
         isSearch: settings.state.autoUseAi === ''
       }),
       (val) => {
+
         sendParent([
           'configAI',
           {
@@ -57,6 +57,21 @@ export default defineComponent({
         >
           功能开关
         </span>
+        <SettingItem
+          v-slots={{
+            label: () => <div>侧边栏助手</div>
+          }}
+          desc="浏览其它网页时的侧边栏功能"
+          noRoundedT
+        >
+          <Switch
+            checked={settings.state.showPetOnTab}
+            onUpdate:checked={(e) => {
+              if (e) settings.state.showPetOnTab = true
+              else settings.state.showPetOnTab = false
+            }}
+          />
+        </SettingItem>
         <SettingItem
           v-slots={{
             label: () => <div>标签页助手</div>
@@ -72,21 +87,7 @@ export default defineComponent({
             }}
           />
         </SettingItem>
-        <SettingItem
-          v-slots={{
-            label: () => <div>标签页助手</div>
-          }}
-          desc="fatfox标签页内的小助手"
-          noRoundedT
-        >
-          <Switch
-            checked={settings.state.showPetOnTab}
-            onUpdate:checked={(e) => {
-              if (e) settings.state.showPetOnTab = true
-              else settings.state.showPetOnTab = false
-            }}
-          />
-        </SettingItem>
+
         <span
           class={clsx(
             'text-[14px] font-bold my-2',
diff --git a/src/layout/grid/useSortable.ts b/src/layout/grid/useSortable.ts
index dac5542..cfec341 100644
--- a/src/layout/grid/useSortable.ts
+++ b/src/layout/grid/useSortable.ts
@@ -27,10 +27,10 @@ export default function useSortable(list: Ref<any[]>, type: Ref<string>) {
         scrollSpeed: 10,
         ...(type.value === 'page'
           ? {
-              invertSwap: true,
-              invertedSwapThreshold: 1,
-              filter: '.operation-button'
-            }
+            invertSwap: true,
+            invertedSwapThreshold: 1,
+            filter: '.operation-button'
+          }
           : {}),
         ghostClass: 'opacity-0',
         onStart: (e: any) => {