diff --git a/android/app/src/main/res/drawable-hdpi/splash.png b/android/app/src/main/res/drawable-hdpi/splash.png
index 1cd9e7e0..e3dfaff6 100644
Binary files a/android/app/src/main/res/drawable-hdpi/splash.png and b/android/app/src/main/res/drawable-hdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-mdpi/splash.png b/android/app/src/main/res/drawable-mdpi/splash.png
index 1b16e535..7fee6698 100644
Binary files a/android/app/src/main/res/drawable-mdpi/splash.png and b/android/app/src/main/res/drawable-mdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xhdpi/splash.png b/android/app/src/main/res/drawable-xhdpi/splash.png
index 0d53f2cb..f732f6e8 100644
Binary files a/android/app/src/main/res/drawable-xhdpi/splash.png and b/android/app/src/main/res/drawable-xhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxhdpi/splash.png b/android/app/src/main/res/drawable-xxhdpi/splash.png
index a166f8c5..2cc09ae4 100644
Binary files a/android/app/src/main/res/drawable-xxhdpi/splash.png and b/android/app/src/main/res/drawable-xxhdpi/splash.png differ
diff --git a/android/app/src/main/res/drawable-xxxhdpi/splash.png b/android/app/src/main/res/drawable-xxxhdpi/splash.png
index 4e045f98..b05e0c62 100644
Binary files a/android/app/src/main/res/drawable-xxxhdpi/splash.png and b/android/app/src/main/res/drawable-xxxhdpi/splash.png differ
diff --git a/android/app/src/main/res/mipmap-hdpi/launcher_icon.png b/android/app/src/main/res/mipmap-hdpi/launcher_icon.png
index ef4243f7..31740d70 100644
Binary files a/android/app/src/main/res/mipmap-hdpi/launcher_icon.png and b/android/app/src/main/res/mipmap-hdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-mdpi/launcher_icon.png b/android/app/src/main/res/mipmap-mdpi/launcher_icon.png
index f5fdc60f..021d83e2 100644
Binary files a/android/app/src/main/res/mipmap-mdpi/launcher_icon.png and b/android/app/src/main/res/mipmap-mdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png
index 585b68f1..25c4cace 100644
Binary files a/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png and b/android/app/src/main/res/mipmap-xhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png
index f1f96e34..df4c3a2a 100644
Binary files a/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png and b/android/app/src/main/res/mipmap-xxhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png b/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png
index 6b1c49f3..c8d4dbbd 100644
Binary files a/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png and b/android/app/src/main/res/mipmap-xxxhdpi/launcher_icon.png differ
diff --git a/android/app/src/main/res/values-night-v31/styles.xml b/android/app/src/main/res/values-night-v31/styles.xml
new file mode 100644
index 00000000..eef26903
--- /dev/null
+++ b/android/app/src/main/res/values-night-v31/styles.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">true</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values-night/styles.xml b/android/app/src/main/res/values-night/styles.xml
index 861f0e61..551e688a 100644
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@@ -5,6 +5,10 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">true</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your
diff --git a/android/app/src/main/res/values-v31/styles.xml b/android/app/src/main/res/values-v31/styles.xml
new file mode 100644
index 00000000..bd28f187
--- /dev/null
+++ b/android/app/src/main/res/values-v31/styles.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
+    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">true</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+    </style>
+    <!-- Theme applied to the Android Window as soon as the process has started.
+         This theme determines the color of the Android Window while your
+         Flutter UI initializes, as well as behind your Flutter UI while its
+         running.
+         
+         This Theme is only used starting with V2 of Flutter's Android embedding. -->
+    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
+        <item name="android:windowBackground">?android:colorBackground</item>
+    </style>
+</resources>
diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml
index f6888299..f58cef56 100644
--- a/android/app/src/main/res/values/styles.xml
+++ b/android/app/src/main/res/values/styles.xml
@@ -6,8 +6,8 @@
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
         <item name="android:forceDarkAllowed">false</item>
-        <item name="android:windowFullscreen">false</item>
-        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
+        <item name="android:windowFullscreen">true</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
         <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
diff --git a/assets/app-256-transparent.png b/assets/app-256-transparent.png
index 28037cfc..744e379b 100644
Binary files a/assets/app-256-transparent.png and b/assets/app-256-transparent.png differ
diff --git a/assets/app-macos.png b/assets/app-macos.png
new file mode 100644
index 00000000..dbc41ee2
Binary files /dev/null and b/assets/app-macos.png differ
diff --git a/assets/app-splash.png b/assets/app-splash.png
index 133b4066..77ed4bf3 100644
Binary files a/assets/app-splash.png and b/assets/app-splash.png differ
diff --git a/assets/app.png b/assets/app.png
index ae73c95f..80f01f0c 100644
Binary files a/assets/app.png and b/assets/app.png differ
diff --git a/assets/background-creative-island.jpg b/assets/background-creative-island.jpg
deleted file mode 100644
index eb964ad1..00000000
Binary files a/assets/background-creative-island.jpg and /dev/null differ
diff --git a/assets/background-dark-s1.jpg b/assets/background-dark-s1.jpg
deleted file mode 100644
index 58d78dda..00000000
Binary files a/assets/background-dark-s1.jpg and /dev/null differ
diff --git a/assets/background-dark-s3.jpg b/assets/background-dark-s3.jpg
deleted file mode 100644
index 28a66182..00000000
Binary files a/assets/background-dark-s3.jpg and /dev/null differ
diff --git a/assets/background-dark.jpg b/assets/background-dark.jpg
deleted file mode 100644
index 4f086999..00000000
Binary files a/assets/background-dark.jpg and /dev/null differ
diff --git a/assets/background-discovery-dark.jpg b/assets/background-discovery-dark.jpg
deleted file mode 100644
index 42293340..00000000
Binary files a/assets/background-discovery-dark.jpg and /dev/null differ
diff --git a/assets/background-light-s1.jpg b/assets/background-light-s1.jpg
deleted file mode 100644
index ae9428cf..00000000
Binary files a/assets/background-light-s1.jpg and /dev/null differ
diff --git a/assets/background-team.jpg b/assets/background-team.jpg
deleted file mode 100644
index 896efd0f..00000000
Binary files a/assets/background-team.jpg and /dev/null differ
diff --git a/assets/background.jpg b/assets/background.jpg
deleted file mode 100644
index 0e68170e..00000000
Binary files a/assets/background.jpg and /dev/null differ
diff --git a/assets/lottie/empty_status.json b/assets/lottie/empty_status.json
new file mode 100644
index 00000000..ac098f33
--- /dev/null
+++ b/assets/lottie/empty_status.json
@@ -0,0 +1 @@
+{"v":"4.5.9","fr":25,"ip":0,"op":100,"w":248,"h":187,"ddd":0,"assets":[],"layers":[{"ddd":0,"ind":0,"ty":4,"nm":"\rtail","ks":{"o":{"a":0,"k":100},"r":{"a":1,"k":[{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":0,"s":[21],"e":[-60]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":12,"s":[-60],"e":[21]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":25,"s":[21],"e":[-60]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":37,"s":[-60],"e":[21]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":50,"s":[21],"e":[-60]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":62,"s":[-60],"e":[21]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":74,"s":[21],"e":[-60]},{"i":{"x":[0.833],"y":[0.833]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p833_0p167_0p167"],"t":87,"s":[-60],"e":[21]},{"t":99}]},"p":{"a":0,"k":[80,44.429,0]},"a":{"a":0,"k":[8.473,9.453,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[0,0],[-1.739,1.217],[0,0],[2.934,-2.055],[0.434,-0.631],[0.467,0.666],[0,0],[-2.054,-2.934],[-1.467,-0.418],[0,0]],"o":[[0,0],[1.521,0.11],[2.933,-2.055],[0,0],[-0.666,0.466],[-0.192,-0.741],[-2.054,-2.934],[0,0],[1.218,1.738],[0,0],[0,0]],"v":[[-0.161,5.232],[-0.161,5.232],[5.32,4.011],[8.702,-2.465],[1.462,-1.499],[-0.177,0.187],[-1.14,-1.958],[-7.614,-5.342],[-6.649,1.901],[-1.916,4.923],[-1.916,4.923]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.769,0.769,0.851,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[8.952,5.591],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":1,"ty":4,"nm":"\reye","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[145.857,82.715,0]},"a":{"a":0,"k":[5.964,5.965,0]},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":42,"s":[100,100,100],"e":[100,1,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":45,"s":[100,1,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":48,"s":[100,100,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":93,"s":[100,100,100],"e":[100,1,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":96,"s":[100,1,100],"e":[100,100,100]},{"t":99}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[-3.156,0],[0,-3.156],[3.156,0],[0,3.156]],"o":[[3.156,0],[0,3.156],[-3.156,0],[0,-3.156]],"v":[[0,-5.715],[5.714,-0.001],[0,5.715],[-5.714,-0.001]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.671,0.671,0.761,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[5.964,5.965],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":2,"ty":4,"nm":"\reyes white","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[143.714,82.714,0]},"a":{"a":0,"k":[11.679,11.678,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[-6.312,0],[0,6.312],[6.312,0],[0,-6.311]],"o":[[6.312,0],[0,-6.311],[-6.312,0],[0,6.312]],"v":[[0,11.428],[11.429,-0.001],[0,-11.428],[-11.429,-0.001]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[1,1,1,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[11.679,11.678],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":3,"ty":4,"nm":"\rbody","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[123.719,72.664,0]},"a":{"a":0,"k":[60.153,37.965,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[31.5,0],[10.189,-7.981],[1.68,1.422],[0,0],[0,0],[4.418,-6.529],[0,-12.88],[0,0],[-3.015,-6.029],[0,0],[-12.453,0],[-6.911,9.934]],"o":[[-13.946,0],[-1.536,1.204],[0,0],[0,0],[-0.153,2.463],[-6.908,9.775],[0,0],[10.063,-5.593],[0,0],[9.428,-2.285],[20.38,0],[-2.476,-30.863]],"v":[[0.097,-37.715],[-36.872,-24.975],[-42.158,-26.982],[-43.403,-27.495],[-44.57,-27.098],[-48.937,-12.301],[-59.903,22.286],[-59.499,29.285],[-33.617,30.857],[-1.617,30.857],[23.526,37.715],[59.903,17.423]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.769,0.769,0.851,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[60.153,37.965],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":4,"ty":4,"nm":"\rfin","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[104.536,103.099,0]},"a":{"a":0,"k":[24.733,0.25,0]},"s":{"a":1,"k":[{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":0,"s":[100,100,100],"e":[100,70,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":6,"s":[100,70,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":12,"s":[100,100,100],"e":[100,56,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":18,"s":[100,56,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":24,"s":[100,100,100],"e":[100,70,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":30,"s":[100,70,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":36,"s":[100,100,100],"e":[100,56,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":43,"s":[100,56,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":49,"s":[100,100,100],"e":[100,70,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":55,"s":[100,70,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":61,"s":[100,100,100],"e":[100,56,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":67,"s":[100,56,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":74,"s":[100,100,100],"e":[100,70,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":80,"s":[100,70,100],"e":[100,100,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":87,"s":[100,100,100],"e":[100,56,100]},{"i":{"x":[0.833,0.833,0.833],"y":[0.833,0.833,0.833]},"o":{"x":[0.167,0.167,0.167],"y":[0.167,0.167,0.167]},"n":["0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167","0p833_0p833_0p167_0p167"],"t":94,"s":[100,56,100],"e":[100,100,100]},{"t":100}]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,0],[15.429,0],[3.714,7.429]],"o":[[-9.429,2.286],[-12,0],[0,0]],"v":[[21,-8.572],[-9,8.572],[-11,-8.572]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.769,0.769,0.851,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[21.25,8.822],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":5,"ty":4,"nm":"\rbelly5","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[88.286,85.293,0]},"a":{"a":0,"k":[24.536,34.528,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[18.68,0.296],[2.348,-3.47],[0,-12.88],[-2.993,-7.135],[-3.347,0],[0,18.935]],"o":[[-0.485,2.668],[-6.908,9.775],[0,8.221],[3.058,0.894],[18.935,0],[0,-18.751]],"v":[[-9.448,-34.279],[-13.32,-24.878],[-24.286,9.708],[-19.636,32.896],[-10,34.279],[24.286,-0.007]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.973,0.973,0.988,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[24.536,34.528],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":6,"ty":4,"nm":"\rbelly4","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[98.286,85.659,0]},"a":{"a":0,"k":[34.536,44.162,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[20.602,3.796],[2.903,-2.274],[1.714,0.858],[6.177,-9.127],[0,-12.88],[-5.829,-9.25],[-5.292,0],[0,24.458]],"o":[[-3.298,1.715],[-2.142,1.678],[-1.714,-0.857],[-6.908,9.775],[0,11.742],[4.705,1.702],[24.458,0],[0,-21.701]],"v":[[-1.929,-43.912],[-11.254,-37.921],[-18.286,-41.231],[-23.32,-25.246],[-34.286,9.341],[-25.071,41.278],[-10,43.912],[34.286,-0.373]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.945,0.945,0.973,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[34.536,44.162],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":7,"ty":4,"nm":"\rbelly3","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[108.286,87.383,0]},"a":{"a":0,"k":[44.535,52.439,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[19.58,8.198],[9.016,-7.063],[1.714,0.857],[6.178,-9.128],[0,-12.88],[-10.446,-10.797],[-6.088,0],[0,29.981]],"o":[[-12.096,0.951],[-2.141,1.677],[-1.715,-0.857],[-6.907,9.775],[0,16.21],[5.464,1.848],[29.982,0],[0,-22.556]],"v":[[10.948,-52.189],[-21.255,-39.644],[-28.286,-42.954],[-33.321,-26.969],[-44.286,7.617],[-27.4,49.323],[-10.001,52.189],[44.286,-2.097]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.91,0.914,0.961,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[44.535,52.439],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":8,"ty":4,"nm":"\rbelly2","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[118.286,92.286,0]},"a":{"a":0,"k":[54.535,57.536,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[0,35.504],[7.996,10.717],[13.435,0],[10.189,-7.981],[1.714,0.857],[6.177,-9.128],[0,-12.879],[-19.548,-9.89],[-3.867,0]],"o":[[0,-14.399],[-10.001,-7.459],[-13.946,0],[-2.141,1.677],[-1.715,-0.857],[-6.907,9.775],[0,23.406],[3.679,0.655],[35.504,0]],"v":[[54.286,-7],[41.553,-45.409],[5.715,-57.286],[-31.255,-44.547],[-38.286,-47.857],[-43.321,-31.872],[-54.286,2.714],[-21.327,56.27],[-10.001,57.286]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.886,0.886,0.937,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[54.535,57.536],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1},{"ddd":0,"ind":9,"ty":4,"nm":"\rbelly1","ks":{"o":{"a":0,"k":100},"r":{"a":0,"k":0},"p":{"a":0,"k":[124,95,0]},"a":{"a":0,"k":[60.25,60.25,0]},"s":{"a":0,"k":[100,100,100]}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ks":{"a":0,"k":{"i":[[-33.137,0],[0,33.137],[33.137,0],[10.189,-7.981],[1.714,0.857],[6.177,-9.127],[0,-12.88]],"o":[[33.137,0],[0,-33.137],[-13.946,0],[-2.141,1.677],[-1.714,-0.858],[-6.908,9.776],[0,33.137]],"v":[[0,60],[60,0],[0,-60],[-36.969,-47.261],[-44,-50.571],[-49.034,-34.587],[-60,0]],"c":true}},"nm":"路径 1","mn":"ADBE Vector Shape - Group"},{"ty":"fl","c":{"a":0,"k":[0.839,0.843,0.906,1]},"o":{"a":0,"k":100},"r":1,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill"},{"ty":"tr","p":{"a":0,"k":[60.25,60.25],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"mn":"ADBE Vector Group"}],"ip":0,"op":750,"st":0,"bm":0,"sr":1}]}
\ No newline at end of file
diff --git a/flutter_launcher_icons.yaml b/flutter_launcher_icons.yaml
new file mode 100644
index 00000000..2ff0ee73
--- /dev/null
+++ b/flutter_launcher_icons.yaml
@@ -0,0 +1,32 @@
+# flutter pub run flutter_launcher_icons
+flutter_launcher_icons:
+  image_path: "assets/app.png"
+
+  android: "launcher_icon"
+  # image_path_android: "assets/icon/icon.png"
+  min_sdk_android: 21 # android min sdk min:16, default 21
+  # adaptive_icon_background: "assets/icon/background.png"
+  # adaptive_icon_foreground: "assets/icon/foreground.png"
+  # adaptive_icon_monochrome: "assets/icon/monochrome.png"
+
+  ios: true
+  # image_path_ios: "assets/icon/icon.png"
+  remove_alpha_channel_ios: true
+  # image_path_ios_dark_transparent: "assets/icon/icon_dark.png"
+  # image_path_ios_tinted_grayscale: "assets/icon/icon_tinted.png"
+  # desaturate_tinted_to_grayscale_ios: true
+
+  web:
+    generate: true
+    # image_path: "path/to/image.png"
+    background_color: "#hexcode"
+    theme_color: "#hexcode"
+
+  windows:
+    generate: true
+    # image_path: "path/to/image.png"
+    icon_size: 256 # min:48, max:256, default: 48
+
+  macos:
+    generate: true
+    image_path: "assets/app-macos.png"
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png
deleted file mode 100644
index 9ba2aa31..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/100.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/102.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/102.png
deleted file mode 100644
index db22397e..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/102.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png
deleted file mode 100644
index 439c3e0f..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png
deleted file mode 100644
index aa3ba0e0..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png
deleted file mode 100644
index 593a598a..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/128.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/128.png
deleted file mode 100644
index 5f4c3d37..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/128.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png
deleted file mode 100644
index a4e06ef7..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/144.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png
deleted file mode 100644
index a9004962..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/152.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/16.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/16.png
deleted file mode 100644
index 871de13c..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/16.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png
deleted file mode 100644
index b3c46301..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/167.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/172.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/172.png
deleted file mode 100644
index f314533a..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/172.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png
deleted file mode 100644
index 636ceab3..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/196.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/196.png
deleted file mode 100644
index f2a7435b..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/196.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png
deleted file mode 100644
index db29a213..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/20.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/216.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/216.png
deleted file mode 100644
index aa05a021..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/216.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/256.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/256.png
deleted file mode 100644
index 074d2901..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/256.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png
deleted file mode 100644
index 0ac32138..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/32.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/32.png
deleted file mode 100644
index 82e34220..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/32.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png
deleted file mode 100644
index 54dc9575..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/48.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/48.png
deleted file mode 100644
index 17106bf8..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/48.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png
deleted file mode 100644
index 72dee472..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/50.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/512.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/512.png
deleted file mode 100644
index 75f5e41d..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/512.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/55.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/55.png
deleted file mode 100644
index 5e0542c9..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/55.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png
deleted file mode 100644
index 738a503c..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png
deleted file mode 100644
index 0e1c8147..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png
deleted file mode 100644
index 9fcccec4..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/64.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/64.png
deleted file mode 100644
index 878df6fe..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/64.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/66.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/66.png
deleted file mode 100644
index 0675e7ec..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/66.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png
deleted file mode 100644
index 93201921..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/72.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png
deleted file mode 100644
index 595305e8..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/76.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png
deleted file mode 100644
index 1dd15831..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png
deleted file mode 100644
index c63b7e19..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/88.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/88.png
deleted file mode 100644
index 71ce3471..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/88.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/92.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/92.png
deleted file mode 100644
index a8495b8e..00000000
Binary files a/ios/Runner/Assets.xcassets/AppIcon.appiconset/92.png and /dev/null differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
index 6bf81eb6..d0d98aa1 100644
--- a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -1,354 +1 @@
-{
-  "images" : [
-    {
-      "filename" : "40.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "20x20"
-    },
-    {
-      "filename" : "60.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "20x20"
-    },
-    {
-      "filename" : "29.png",
-      "idiom" : "iphone",
-      "scale" : "1x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "58.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "87.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "80.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "40x40"
-    },
-    {
-      "filename" : "120.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "40x40"
-    },
-    {
-      "filename" : "57.png",
-      "idiom" : "iphone",
-      "scale" : "1x",
-      "size" : "57x57"
-    },
-    {
-      "filename" : "114.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "57x57"
-    },
-    {
-      "filename" : "120.png",
-      "idiom" : "iphone",
-      "scale" : "2x",
-      "size" : "60x60"
-    },
-    {
-      "filename" : "180.png",
-      "idiom" : "iphone",
-      "scale" : "3x",
-      "size" : "60x60"
-    },
-    {
-      "filename" : "20.png",
-      "idiom" : "ipad",
-      "scale" : "1x",
-      "size" : "20x20"
-    },
-    {
-      "filename" : "40.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "20x20"
-    },
-    {
-      "filename" : "29.png",
-      "idiom" : "ipad",
-      "scale" : "1x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "58.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "40.png",
-      "idiom" : "ipad",
-      "scale" : "1x",
-      "size" : "40x40"
-    },
-    {
-      "filename" : "80.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "40x40"
-    },
-    {
-      "filename" : "50.png",
-      "idiom" : "ipad",
-      "scale" : "1x",
-      "size" : "50x50"
-    },
-    {
-      "filename" : "100.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "50x50"
-    },
-    {
-      "filename" : "72.png",
-      "idiom" : "ipad",
-      "scale" : "1x",
-      "size" : "72x72"
-    },
-    {
-      "filename" : "144.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "72x72"
-    },
-    {
-      "filename" : "76.png",
-      "idiom" : "ipad",
-      "scale" : "1x",
-      "size" : "76x76"
-    },
-    {
-      "filename" : "152.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "76x76"
-    },
-    {
-      "filename" : "167.png",
-      "idiom" : "ipad",
-      "scale" : "2x",
-      "size" : "83.5x83.5"
-    },
-    {
-      "filename" : "1024.png",
-      "idiom" : "ios-marketing",
-      "scale" : "1x",
-      "size" : "1024x1024"
-    },
-    {
-      "filename" : "16.png",
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "16x16"
-    },
-    {
-      "filename" : "32.png",
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "16x16"
-    },
-    {
-      "filename" : "32.png",
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "32x32"
-    },
-    {
-      "filename" : "64.png",
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "32x32"
-    },
-    {
-      "filename" : "128.png",
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "128x128"
-    },
-    {
-      "filename" : "256.png",
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "128x128"
-    },
-    {
-      "filename" : "256.png",
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "256x256"
-    },
-    {
-      "filename" : "512.png",
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "256x256"
-    },
-    {
-      "filename" : "512.png",
-      "idiom" : "mac",
-      "scale" : "1x",
-      "size" : "512x512"
-    },
-    {
-      "filename" : "1024.png",
-      "idiom" : "mac",
-      "scale" : "2x",
-      "size" : "512x512"
-    },
-    {
-      "filename" : "48.png",
-      "idiom" : "watch",
-      "role" : "notificationCenter",
-      "scale" : "2x",
-      "size" : "24x24",
-      "subtype" : "38mm"
-    },
-    {
-      "filename" : "55.png",
-      "idiom" : "watch",
-      "role" : "notificationCenter",
-      "scale" : "2x",
-      "size" : "27.5x27.5",
-      "subtype" : "42mm"
-    },
-    {
-      "filename" : "58.png",
-      "idiom" : "watch",
-      "role" : "companionSettings",
-      "scale" : "2x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "87.png",
-      "idiom" : "watch",
-      "role" : "companionSettings",
-      "scale" : "3x",
-      "size" : "29x29"
-    },
-    {
-      "filename" : "66.png",
-      "idiom" : "watch",
-      "role" : "notificationCenter",
-      "scale" : "2x",
-      "size" : "33x33",
-      "subtype" : "45mm"
-    },
-    {
-      "filename" : "80.png",
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "40x40",
-      "subtype" : "38mm"
-    },
-    {
-      "filename" : "88.png",
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "44x44",
-      "subtype" : "40mm"
-    },
-    {
-      "filename" : "92.png",
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "46x46",
-      "subtype" : "41mm"
-    },
-    {
-      "filename" : "100.png",
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "50x50",
-      "subtype" : "44mm"
-    },
-    {
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "51x51",
-      "subtype" : "45mm"
-    },
-    {
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "54x54",
-      "subtype" : "49mm"
-    },
-    {
-      "filename" : "172.png",
-      "idiom" : "watch",
-      "role" : "quickLook",
-      "scale" : "2x",
-      "size" : "86x86",
-      "subtype" : "38mm"
-    },
-    {
-      "filename" : "196.png",
-      "idiom" : "watch",
-      "role" : "quickLook",
-      "scale" : "2x",
-      "size" : "98x98",
-      "subtype" : "42mm"
-    },
-    {
-      "filename" : "216.png",
-      "idiom" : "watch",
-      "role" : "quickLook",
-      "scale" : "2x",
-      "size" : "108x108",
-      "subtype" : "44mm"
-    },
-    {
-      "idiom" : "watch",
-      "role" : "quickLook",
-      "scale" : "2x",
-      "size" : "117x117",
-      "subtype" : "45mm"
-    },
-    {
-      "idiom" : "watch",
-      "role" : "quickLook",
-      "scale" : "2x",
-      "size" : "129x129",
-      "subtype" : "49mm"
-    },
-    {
-      "filename" : "1024.png",
-      "idiom" : "watch-marketing",
-      "scale" : "1x",
-      "size" : "1024x1024"
-    },
-    {
-      "filename" : "102.png",
-      "idiom" : "watch",
-      "role" : "appLauncher",
-      "scale" : "2x",
-      "size" : "45x45",
-      "subtype" : "41mm"
-    }
-  ],
-  "info" : {
-    "author" : "xcode",
-    "version" : 1
-  }
-}
+{"images":[{"size":"20x20","idiom":"iphone","filename":"Icon-App-20x20@2x.png","scale":"2x"},{"size":"20x20","idiom":"iphone","filename":"Icon-App-20x20@3x.png","scale":"3x"},{"size":"29x29","idiom":"iphone","filename":"Icon-App-29x29@1x.png","scale":"1x"},{"size":"29x29","idiom":"iphone","filename":"Icon-App-29x29@2x.png","scale":"2x"},{"size":"29x29","idiom":"iphone","filename":"Icon-App-29x29@3x.png","scale":"3x"},{"size":"40x40","idiom":"iphone","filename":"Icon-App-40x40@2x.png","scale":"2x"},{"size":"40x40","idiom":"iphone","filename":"Icon-App-40x40@3x.png","scale":"3x"},{"size":"57x57","idiom":"iphone","filename":"Icon-App-57x57@1x.png","scale":"1x"},{"size":"57x57","idiom":"iphone","filename":"Icon-App-57x57@2x.png","scale":"2x"},{"size":"60x60","idiom":"iphone","filename":"Icon-App-60x60@2x.png","scale":"2x"},{"size":"60x60","idiom":"iphone","filename":"Icon-App-60x60@3x.png","scale":"3x"},{"size":"20x20","idiom":"ipad","filename":"Icon-App-20x20@1x.png","scale":"1x"},{"size":"20x20","idiom":"ipad","filename":"Icon-App-20x20@2x.png","scale":"2x"},{"size":"29x29","idiom":"ipad","filename":"Icon-App-29x29@1x.png","scale":"1x"},{"size":"29x29","idiom":"ipad","filename":"Icon-App-29x29@2x.png","scale":"2x"},{"size":"40x40","idiom":"ipad","filename":"Icon-App-40x40@1x.png","scale":"1x"},{"size":"40x40","idiom":"ipad","filename":"Icon-App-40x40@2x.png","scale":"2x"},{"size":"50x50","idiom":"ipad","filename":"Icon-App-50x50@1x.png","scale":"1x"},{"size":"50x50","idiom":"ipad","filename":"Icon-App-50x50@2x.png","scale":"2x"},{"size":"72x72","idiom":"ipad","filename":"Icon-App-72x72@1x.png","scale":"1x"},{"size":"72x72","idiom":"ipad","filename":"Icon-App-72x72@2x.png","scale":"2x"},{"size":"76x76","idiom":"ipad","filename":"Icon-App-76x76@1x.png","scale":"1x"},{"size":"76x76","idiom":"ipad","filename":"Icon-App-76x76@2x.png","scale":"2x"},{"size":"83.5x83.5","idiom":"ipad","filename":"Icon-App-83.5x83.5@2x.png","scale":"2x"},{"size":"1024x1024","idiom":"ios-marketing","filename":"Icon-App-1024x1024@1x.png","scale":"1x"}],"info":{"version":1,"author":"xcode"}}
\ No newline at end of file
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png
new file mode 100644
index 00000000..df6ccba8
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png
new file mode 100644
index 00000000..8e77ba63
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png
new file mode 100644
index 00000000..9c0a81bf
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png
new file mode 100644
index 00000000..a15a16e9
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png
new file mode 100644
index 00000000..7e2a9a28
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png
new file mode 100644
index 00000000..05541139
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png
new file mode 100644
index 00000000..f2dfb755
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png
new file mode 100644
index 00000000..9c0a81bf
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png
new file mode 100644
index 00000000..fb00f5d5
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png
new file mode 100644
index 00000000..11909e2b
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@1x.png
new file mode 100644
index 00000000..c3af5d5b
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@2x.png
new file mode 100644
index 00000000..27208259
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-50x50@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png
new file mode 100644
index 00000000..c2d6cd43
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png
new file mode 100644
index 00000000..4e7c0857
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-57x57@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png
new file mode 100644
index 00000000..11909e2b
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png
new file mode 100644
index 00000000..b2226335
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png
new file mode 100644
index 00000000..31740d70
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png
new file mode 100644
index 00000000..df4c3a2a
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-72x72@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png
new file mode 100644
index 00000000..a884b9ca
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png
new file mode 100644
index 00000000..9181eb0e
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png
new file mode 100644
index 00000000..bc8ab1a3
Binary files /dev/null and b/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
index 1b16e535..7fee6698 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
index 0d53f2cb..f732f6e8 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png differ
diff --git a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
index a166f8c5..2cc09ae4 100644
Binary files a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png and b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png differ
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index ce808c20..4cc04785 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -77,6 +77,6 @@
 		<key>UIViewControllerBasedStatusBarAppearance</key>
 		<false/>
 		<key>UIStatusBarHidden</key>
-		<false/>
+		<true/>
 	</dict>
 </plist>
diff --git a/lib/bloc/chat_chat_bloc.dart b/lib/bloc/chat_chat_bloc.dart
index 8f890b79..c4c5625a 100644
--- a/lib/bloc/chat_chat_bloc.dart
+++ b/lib/bloc/chat_chat_bloc.dart
@@ -15,7 +15,6 @@ class ChatChatBloc extends Bloc<ChatChatEvent, ChatChatState> {
     // 加载最近的历史记录
     on<ChatChatLoadRecentHistories>((event, emit) async {
       final histories = await _chatMessageRepository.recentChatHistories(
-        chatAnywhereRoomId,
         event.count,
         userId: APIServer().localUserID(),
       );
diff --git a/lib/bloc/chat_chat_event.dart b/lib/bloc/chat_chat_event.dart
index de2c8204..0d655749 100644
--- a/lib/bloc/chat_chat_event.dart
+++ b/lib/bloc/chat_chat_event.dart
@@ -5,7 +5,7 @@ abstract class ChatChatEvent {}
 
 class ChatChatLoadRecentHistories extends ChatChatEvent {
   final int count;
-  ChatChatLoadRecentHistories({this.count = 4});
+  ChatChatLoadRecentHistories({this.count = defaultChatHistoryCount});
 }
 
 class ChatChatNewChat extends ChatChatEvent {
diff --git a/lib/bloc/chat_message_bloc.dart b/lib/bloc/chat_message_bloc.dart
index 9b97cd1f..772c1b1f 100644
--- a/lib/bloc/chat_message_bloc.dart
+++ b/lib/bloc/chat_message_bloc.dart
@@ -2,7 +2,6 @@ import 'dart:convert';
 
 import 'package:askaide/bloc/bloc_manager.dart';
 import 'package:askaide/helper/ability.dart';
-import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/error.dart';
 import 'package:askaide/helper/logger.dart';
 import 'package:askaide/helper/model_resolver.dart';
@@ -45,7 +44,20 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     on<ChatMessageStopEvent>(_stopEventHandler);
   }
 
+  Future<int> fixRoomId(int? chatHistoryId) async {
+    if (chatHistoryId != null && chatHistoryId > 0) {
+      final his = await chatMsgRepo.getChatHistory(chatHistoryId);
+      if (his != null) {
+        return his.roomId ?? roomId;
+      }
+    }
+
+    return roomId;
+  }
+
   Future<void> _deleteMessageEventHandler(event, emit) async {
+    final roomId = await fixRoomId(event.chatHistoryId);
+
     await chatMsgRepo.removeMessage(roomId, event.ids);
 
     ChatHistory? his;
@@ -55,7 +67,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
 
     emit(ChatMessagesLoaded(
       await chatMsgRepo.getRecentMessages(
-        roomId,
+        roomId: roomId,
         userId: APIServer().localUserID(),
         chatHistoryId: event.chatHistoryId,
       ),
@@ -65,12 +77,14 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
 
   /// 设置上下文清理标识
   Future<void> _breakContextEventHandler(event, emit) async {
+    final roomId = await fixRoomId(event.chatHistoryId);
+
     // 查询当前 Room 信息
     final room = await queryRoomById(chatMsgRepo, roomId);
     if (room == null) {
       emit(ChatMessagesLoaded(
         await chatMsgRepo.getRecentMessages(
-          roomId,
+          roomId: roomId,
           userId: APIServer().localUserID(),
         ),
         error: 'The selected item does not exist',
@@ -83,9 +97,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
       userId: APIServer().localUserID(),
     );
 
-    if (lastMessage != null &&
-        (lastMessage.type == MessageType.contextBreak ||
-            lastMessage.isInitMessage())) {
+    if (lastMessage != null && (lastMessage.type == MessageType.contextBreak || lastMessage.isInitMessage())) {
       return;
     }
 
@@ -116,7 +128,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     }
 
     final messages = await chatMsgRepo.getRecentMessages(
-      roomId,
+      roomId: roomId,
       userId: APIServer().localUserID(),
     );
     emit(ChatMessagesLoaded(messages));
@@ -125,12 +137,14 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
 
   /// 清空消息事件处理
   Future<void> _clearAllEventHandler(event, emit) async {
+    final roomId = await fixRoomId(event.chatHistoryId);
+
     // 查询当前 Room 信息
     final room = await queryRoomById(chatMsgRepo, roomId);
     if (room == null) {
       emit(ChatMessagesLoaded(
         await chatMsgRepo.getRecentMessages(
-          roomId,
+          roomId: roomId,
           userId: APIServer().localUserID(),
         ),
         error: 'The selected item does not exist',
@@ -158,24 +172,26 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     }
 
     emit(ChatMessagesLoaded(await chatMsgRepo.getRecentMessages(
-      roomId,
+      roomId: roomId,
       userId: APIServer().localUserID(),
     )));
   }
 
   /// 页面加载事件处理
   Future<void> _getRecentEventHandler(event, emit) async {
+    final roomId = await fixRoomId(event.chatHistoryId);
+
     ChatHistory? his;
     if (event.chatHistoryId != null && event.chatHistoryId! > 0) {
       his = await chatMsgRepo.getChatHistory(event.chatHistoryId!);
     }
 
-    if (roomId == chatAnywhereRoomId && his == null) {
+    if (his == null) {
       emit(ChatMessagesLoaded(const []));
     } else {
       emit(ChatMessagesLoaded(
         await chatMsgRepo.getRecentMessages(
-          roomId,
+          roomId: roomId,
           userId: APIServer().localUserID(),
           chatHistoryId: event.chatHistoryId,
         ),
@@ -191,6 +207,23 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     }
   }
 
+  Future<ChatHistory?> resolveChatHistory(Message message, int roomId) async {
+    // 如果是聊一聊，自动创建聊天记录历史
+    if (message.chatHistoryId == null || message.chatHistoryId! <= 0) {
+      final chatHistory = await chatMsgRepo.createChatHistory(
+        title: message.text,
+        userId: APIServer().localUserID(),
+        roomId: roomId,
+        model: message.model,
+        lastMessage: message.text,
+      );
+
+      return chatHistory;
+    }
+
+    return await chatMsgRepo.getChatHistory(message.chatHistoryId!);
+  }
+
   /// Message sending event processing
   Future<void> _messageSendEventHandler(event, emit) async {
     if (event.message is! Message) {
@@ -198,40 +231,20 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     }
 
     Message message = event.message as Message;
-    ChatHistory? localChatHistory;
-    int? localChatHistoryId = message.chatHistoryId;
+    final roomId = await fixRoomId(message.chatHistoryId);
 
-    // 如果是聊一聊，自动创建聊天记录历史
-    if (roomId == chatAnywhereRoomId) {
-      if (localChatHistoryId == null || localChatHistoryId <= 0) {
-        final chatHistory = await chatMsgRepo.createChatHistory(
-          title: event.message.text,
-          userId: APIServer().localUserID(),
-          roomId: roomId,
-          model: event.message.model,
-          lastMessage: message.text,
-        );
-
-        localChatHistory = chatHistory;
-        localChatHistoryId = chatHistory.id;
-        message.chatHistoryId = chatHistory.id;
-        emit(ChatAnywhereInited(chatHistory.id!));
-      } else {
-        if (localChatHistoryId > 0) {
-          localChatHistory =
-              await chatMsgRepo.getChatHistory(localChatHistoryId);
-        }
-      }
-    }
+    ChatHistory localChatHistory = (await resolveChatHistory(message, roomId))!;
+    message.chatHistoryId = localChatHistory.id;
+    emit(ChatHistoryInited(localChatHistory.id!));
 
     // 查询当前 Room 信息
     final room = await queryRoomById(chatMsgRepo, roomId);
     if (room == null) {
       emit(ChatMessagesLoaded(
         await chatMsgRepo.getRecentMessages(
-          roomId,
+          roomId: roomId,
           userId: APIServer().localUserID(),
-          chatHistoryId: localChatHistoryId,
+          chatHistoryId: localChatHistory.id,
         ),
         error: 'The selected item does not exist',
         chatHistory: localChatHistory,
@@ -239,7 +252,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
       return;
     }
 
-    if (localChatHistory != null && localChatHistory.model != null) {
+    if (localChatHistory.model != null) {
       room.model = localChatHistory.model!;
     }
 
@@ -249,12 +262,10 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     //  2. 最后一条消息的时间距离当前时间超过 3 小时
     var last = await chatMsgRepo.getLastMessage(
       roomId,
-      chatHistoryId: localChatHistoryId,
+      chatHistoryId: localChatHistory.id,
       userId: APIServer().localUserID(),
     );
-    if (last == null ||
-        last.ts == null ||
-        DateTime.now().difference(last.ts!).inMinutes > 60 * 3) {
+    if (last == null || last.ts == null || DateTime.now().difference(last.ts!).inMinutes > 60 * 3) {
       // 发送时间线消息
       await chatMsgRepo.sendMessage(
         roomId,
@@ -265,7 +276,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
           ts: DateTime.now(),
           roomId: roomId,
           userId: APIServer().localUserID(),
-          chatHistoryId: localChatHistoryId,
+          chatHistoryId: localChatHistory.id,
         ),
       );
     }
@@ -278,6 +289,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     // 模型切换
     String? tempModel = event.tempModel;
     String? originalModel = message.model;
+    room.model = tempModel ?? originalModel ?? room.model;
 
     // Logger.instance
     //     .d('发送消息, originalModel: $originalModel, tempModel: $tempModel');
@@ -287,10 +299,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
 
     // 记录当前消息
     var sentMessageId = 0;
-    if (event.isResent &&
-        event.index == 0 &&
-        last != null &&
-        last.type == MessageType.text) {
+    if (event.isResent && event.index == 0 && last != null && last.type == MessageType.text) {
       // 如果当前是消息重发，同时重发的是最后一条消息，则不会重新生成该消息，直接生成答案即可
       sentMessageId = last.id!;
       if (last.statusIsFailed()) {
@@ -313,9 +322,9 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
 
     // 重新查询消息列表，此时包含了刚刚发送的消息+机器人思考中消息
     final messages = await chatMsgRepo.getRecentMessages(
-      roomId,
+      roomId: roomId,
       userId: APIServer().localUserID(),
-      chatHistoryId: localChatHistoryId,
+      chatHistoryId: localChatHistory.id,
     );
 
     // 创建机器人思考中系统消息
@@ -328,7 +337,8 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
       roomId: roomId,
       userId: APIServer().localUserID(),
       refId: sentMessageId,
-      chatHistoryId: localChatHistoryId,
+      chatHistoryId: localChatHistory.id,
+      extra: '{}',
     );
 
     // 回写消息 ID
@@ -350,10 +360,11 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
     try {
       RequestFailedException? error;
       try {
+        var isThinking = false;
+        var reasoningContent = '';
         var listener = queue.listen(const Duration(milliseconds: 10), (items) {
-          final systemCmds = items.where((e) => e.role == 'system').toList();
-          if (systemCmds.isNotEmpty) {
-            for (var element in systemCmds) {
+          for (var element in items) {
+            if (element.role == 'system') {
               try {
                 // SYSTEM 命令
                 // - type: 命令类型
@@ -364,42 +375,69 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
                 //     - quota_consumed: 消耗的配额
                 //     - token: 消耗的 token
                 //     - info: 提示信息
+                //
+                // type=thinking
+                // type=thinking-done: [time_consumed]
                 final cmd = jsonDecode(element.content);
 
-                message.serverId = cmd['question_id'];
-                waitMessage.serverId = cmd['answer_id'];
-
-                final quotaConsumed = cmd['quota_consumed'] ?? 0;
-                final tokenConsumed = cmd['token'] ?? 0;
-
-                final info = cmd['info'] ?? '';
-                if (info != '') {
-                  waitMessage.setExtra({'info': info});
-                }
-
-                if (quotaConsumed == 0 && tokenConsumed == 0) {
-                  continue;
+                switch (cmd['type']) {
+                  case 'summary':
+                    message.serverId = cmd['question_id'];
+                    waitMessage.serverId = cmd['answer_id'];
+
+                    final quotaConsumed = cmd['quota_consumed'] ?? 0;
+                    final tokenConsumed = cmd['token'] ?? 0;
+
+                    final info = cmd['info'] ?? '';
+                    if (info != '') {
+                      waitMessage.updateExtra({'info': info});
+                    }
+
+                    if (quotaConsumed == 0 && tokenConsumed == 0) {
+                      continue;
+                    }
+
+                    waitMessage.quotaConsumed = quotaConsumed;
+                    waitMessage.tokenConsumed = tokenConsumed;
+                    break;
+                  case 'thinking':
+                    waitMessage.pushExtra('states', 'thinking');
+                    isThinking = true;
+                    break;
+                  case 'thinking-done':
+                    waitMessage.pushExtra('states', 'thinking-done');
+                    waitMessage.updateExtra({'thinking_time_consumed': cmd['time_consumed'] ?? 0});
+                    isThinking = false;
+                    break;
+                  default:
                 }
-
-                waitMessage.quotaConsumed = quotaConsumed;
-                waitMessage.tokenConsumed = tokenConsumed;
               } catch (e) {
                 // ignore: avoid_print
               }
+            } else {
+              if (isThinking) {
+                reasoningContent = (reasoningContent + element.content).trim();
+                if (reasoningContent.contains('</think>')) {
+                  final allParts = reasoningContent.split('</think>');
+                  final parts = [allParts[0], allParts.skip(1).join('</think>')];
+
+                  reasoningContent = parts[0].trim();
+                  waitMessage.text += parts[1].trim();
+                }
+
+                waitMessage.updateExtra({'reasoning': reasoningContent.replaceAll(RegExp('</?think>'), '')});
+              } else {
+                waitMessage.text += element.content;
+              }
             }
           }
 
-          waitMessage.text += items
-              .where((e) => e.role != 'system')
-              .map((e) => e.content)
-              .join('');
           emit(ChatMessageUpdated(waitMessage, processing: true));
 
           // 失败处理
           for (var e in items) {
             if (e.code != null && e.code! > 0) {
-              error = RequestFailedException(
-                  e.error ?? 'Request processing failure', e.code!);
+              error = RequestFailedException(e.error ?? 'Request processing failure', e.code!);
             }
           }
         });
@@ -411,13 +449,15 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
               contextMessages: messages.sublist(0, messages.length - 1),
               onMessage: queue.add,
               maxTokens: room.maxTokens,
+              historyId: localChatHistory.id,
+              flags: message.flags,
             )
             .whenComplete(queue.finish);
 
         await listener;
 
         waitMessage.text = waitMessage.text.trim();
-        if (waitMessage.text.isEmpty) {
+        if (error == null && waitMessage.text.isEmpty) {
           error = RequestFailedException('The answer is empty', 500);
         }
 
@@ -426,8 +466,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
         }
       } catch (e) {
         if (waitMessage.text.isEmpty) {
-          Logger.instance
-              .e('An error occurred during the response process: $e');
+          Logger.instance.e('An error occurred during the response process: $e');
           rethrow;
         }
       }
@@ -449,25 +488,20 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
         sentMessageParts,
       );
 
-      if (room.id == chatAnywhereRoomId &&
-          localChatHistoryId != null &&
-          localChatHistoryId > 0) {
-        // 更新聊天历史纪录最后一条消息
-        final chatHistory =
-            await chatMsgRepo.getChatHistory(localChatHistoryId);
-        if (chatHistory != null) {
-          chatHistory.lastMessage = waitMessage.text;
-          // 异步处理就好，不需要等待
-          chatMsgRepo.updateChatHistory(localChatHistoryId, chatHistory);
-        }
+      // 更新聊天历史纪录最后一条消息
+      final chatHistory = await chatMsgRepo.getChatHistory(localChatHistory.id!);
+      if (chatHistory != null) {
+        chatHistory.lastMessage = waitMessage.text;
+        // 异步处理就好，不需要等待
+        chatMsgRepo.updateChatHistory(localChatHistory.id!, chatHistory);
       }
 
       // 重新查询消息列表，此时包含了刚刚发送的消息+机器人应答消息
       emit(ChatMessagesLoaded(
         await chatMsgRepo.getRecentMessages(
-          roomId,
+          roomId: roomId,
           userId: APIServer().localUserID(),
-          chatHistoryId: localChatHistoryId,
+          chatHistoryId: localChatHistory.id,
         ),
         chatHistory: localChatHistory,
       ));
@@ -495,7 +529,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
               type: MessageType.system,
               roomId: roomId,
               userId: APIServer().localUserID(),
-              chatHistoryId: localChatHistoryId,
+              chatHistoryId: localChatHistory.id,
               model: tempModel ?? originalModel,
             ),
           );
@@ -506,9 +540,9 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
 
       emit(ChatMessagesLoaded(
         await chatMsgRepo.getRecentMessages(
-          roomId,
+          roomId: roomId,
           userId: APIServer().localUserID(),
-          chatHistoryId: localChatHistoryId,
+          chatHistoryId: localChatHistory.id,
         ),
         error: error,
         chatHistory: localChatHistory,
@@ -524,8 +558,7 @@ class ChatMessageBloc extends BlocExt<ChatMessageEvent, ChatMessageState> {
   }
 }
 
-Future<Room?> queryRoomById(
-    ChatMessageRepository chatMsgRepo, int roomId) async {
+Future<Room?> queryRoomById(ChatMessageRepository chatMsgRepo, int roomId) async {
   Room? room;
   if (Ability().isUserLogon()) {
     final roomInServer = await APIServer().room(roomId: roomId);
diff --git a/lib/bloc/chat_state.dart b/lib/bloc/chat_state.dart
index 0c4a33ea..dbd7c123 100644
--- a/lib/bloc/chat_state.dart
+++ b/lib/bloc/chat_state.dart
@@ -38,8 +38,8 @@ class ChatMessageUpdated extends ChatMessageState {
   ChatMessageUpdated(this.message, {this.processing = false});
 }
 
-class ChatAnywhereInited extends ChatMessageState {
+class ChatHistoryInited extends ChatMessageState {
   final int chatId;
 
-  ChatAnywhereInited(this.chatId);
+  ChatHistoryInited(this.chatId);
 }
diff --git a/lib/bloc/room_bloc.dart b/lib/bloc/room_bloc.dart
index 4f75ad69..ce5a3946 100644
--- a/lib/bloc/room_bloc.dart
+++ b/lib/bloc/room_bloc.dart
@@ -18,6 +18,27 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
   final ChatMessageRepository chatMsgRepo;
   final MessageStateManager stateManager;
 
+  Future<int?> fixRoomId(int? chatHistoryId) async {
+    if (chatHistoryId != null && chatHistoryId > 0) {
+      final his = await chatMsgRepo.getChatHistory(chatHistoryId);
+      if (his != null) {
+        return his.roomId;
+      }
+    }
+
+    return null;
+  }
+
+  /// 加载房间信息，如果房间不存在，则加载默认房间
+  Future<RoomInServer> loadRoom(int roomId) async {
+    try {
+      final room = await APIServer().room(roomId: roomId);
+      return room;
+    } catch (e) {
+      return await APIServer().room(roomId: chatAnywhereRoomId);
+    }
+  }
+
   RoomBloc({
     required this.chatMsgRepo,
     required this.stateManager,
@@ -25,21 +46,21 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
     // 加载指定聊天室信息
     on<RoomLoadEvent>((event, emit) async {
       try {
-        if (event.roomId == 1) {
-          // 加快首屏加载速度，避免加载中状态
-          emit(RoomLoaded(
-            Room(
-              '',
-              'chat',
-              id: event.roomId,
-            ),
-            const <String, MessageState>{},
-            cascading: false,
-          ));
-        }
+        // 加快首屏加载速度，避免加载中状态
+        emit(RoomLoaded(
+          Room(
+            '',
+            'chat',
+            id: event.roomId,
+          ),
+          const <String, MessageState>{},
+          cascading: false,
+        ));
+
+        final roomId = await fixRoomId(event.chatHistoryId) ?? event.roomId;
 
         if (Ability().isUserLogon()) {
-          final room = await APIServer().room(roomId: event.roomId);
+          final room = await loadRoom(roomId);
           if (event.chatHistoryId != null && event.chatHistoryId! > 0) {
             final chatHistory = await chatMsgRepo.getChatHistory(event.chatHistoryId!);
             if (chatHistory != null && chatHistory.model != null) {
@@ -68,7 +89,7 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
             cascading: false,
           ));
 
-          final states = await stateManager.loadRoomStates(event.roomId);
+          final states = await stateManager.loadRoomStates(roomId);
           emit(RoomLoaded(
             Room(
               room.name,
@@ -96,9 +117,9 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
           return;
         }
 
-        final room = await chatMsgRepo.room(event.roomId);
+        final room = await chatMsgRepo.room(roomId);
         if (room != null) {
-          final states = await stateManager.loadRoomStates(event.roomId);
+          final states = await stateManager.loadRoomStates(roomId);
           emit(RoomLoaded(
             room,
             states,
@@ -129,14 +150,20 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
       emit(RoomsLoading());
 
       try {
-        int id = 0;
         if (Ability().isUserLogon()) {
-          final segs = event.model.split(':');
+          String? model;
+          String? vendor;
+
+          if (event.model != null) {
+            final segs = event.model!.split(':');
+            model = event.model!.startsWith('v2@') ? event.model! : (segs.length > 1 ? segs.last : event.model);
+            vendor = event.model!.startsWith('v2@') ? '' : (segs.length > 1 ? segs.first : '');
+          }
 
-          id = await APIServer().createRoom(
+          await APIServer().createRoom(
             name: event.name,
-            vendor: event.model.startsWith('v2@') ? '' : (segs.length > 1 ? segs.first : ''),
-            model: event.model.startsWith('v2@') ? event.model : (segs.length > 1 ? segs.last : event.model),
+            vendor: vendor,
+            model: model,
             systemPrompt: event.prompt,
             avatarId: event.avatarId,
             avatarUrl: event.avatarUrl,
@@ -144,19 +171,17 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
             initMessage: event.initMessage,
           );
         } else {
-          final room = await chatMsgRepo.createRoom(
+          await chatMsgRepo.createRoom(
             name: event.name,
             category: 'chat',
-            model: event.model,
+            model: event.model ?? 'gpt-4o',
             systemPrompt: event.prompt,
             userId: APIServer().localUserID(),
             maxContext: event.maxContext,
           );
-
-          id = room.id!;
         }
 
-        emit(RoomOperationResult(true, redirect: '/room/$id/chat'));
+        emit(RoomOperationResult(true));
         emit(await createRoomsLoadedState(cache: false));
       } catch (e) {
         emit(RoomOperationResult(false, error: e.toString()));
@@ -193,8 +218,10 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
           final room = await APIServer().updateRoom(
             roomId: event.roomId,
             name: event.name!,
-            model: event.model!.startsWith('v2@') ? event.model! : event.model!.split(':').last,
-            vendor: event.model!.startsWith('v2@') ? '' : event.model!.split(':').first,
+            model: event.model != null
+                ? (event.model!.startsWith('v2@') ? event.model! : event.model!.split(':').last)
+                : null,
+            vendor: event.model != null ? (event.model!.startsWith('v2@') ? '' : event.model!.split(':').first) : null,
             systemPrompt: event.prompt!,
             avatarId: event.avatarId,
             avatarUrl: event.avatarUrl,
@@ -267,8 +294,11 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
       }
 
       try {
-        await APIServer().copyRoomGallery(ids: event.ids);
+        final ids = await APIServer().copyRoomGallery(ids: event.ids);
         emit(await createRoomsLoadedState(cache: false));
+        if (ids.isNotEmpty) {
+          emit(RoomOperationResult(true, redirect: '/room/${ids.first}/chat'));
+        }
       } catch (e) {
         emit(RoomCreateError(e));
       }
@@ -319,6 +349,15 @@ class RoomBloc extends BlocExt<RoomEvent, RoomState> {
         emit(GroupRoomUpdateResultState(false, error: e));
       }
     });
+
+    on<RoomsRecentLoadEvent>((event, emit) async {
+      try {
+        final rooms = await APIServer().recentRooms();
+        emit(RoomsRecentLoaded(rooms));
+      } catch (e) {
+        emit(RoomsRecentLoaded(const [], error: e));
+      }
+    });
   }
 
   Future<RoomsLoaded> createRoomsLoadedState({bool cache = true}) async {
diff --git a/lib/bloc/room_event.dart b/lib/bloc/room_event.dart
index 44500cc6..b864df0e 100644
--- a/lib/bloc/room_event.dart
+++ b/lib/bloc/room_event.dart
@@ -9,9 +9,13 @@ class RoomsLoadEvent extends RoomEvent {
   RoomsLoadEvent({this.forceRefresh = false});
 }
 
+class RoomsRecentLoadEvent extends RoomEvent {
+  RoomsRecentLoadEvent();
+}
+
 class RoomCreateEvent extends RoomEvent {
   final String name;
-  final String model;
+  final String? model;
   final String? prompt;
   final int? avatarId;
   final String? avatarUrl;
@@ -20,8 +24,8 @@ class RoomCreateEvent extends RoomEvent {
 
   RoomCreateEvent(
     this.name,
-    this.model,
     this.prompt, {
+    this.model,
     this.avatarId,
     this.avatarUrl,
     this.maxContext,
diff --git a/lib/bloc/room_state.dart b/lib/bloc/room_state.dart
index 4d4ff061..97ca7a1e 100644
--- a/lib/bloc/room_state.dart
+++ b/lib/bloc/room_state.dart
@@ -15,6 +15,13 @@ class RoomsLoaded extends RoomState {
   RoomsLoaded(this.rooms, {this.error, this.suggests = const []});
 }
 
+class RoomsRecentLoaded extends RoomState {
+  final List<RoomInServer> rooms;
+  final Object? error;
+
+  RoomsRecentLoaded(this.rooms, {this.error});
+}
+
 class RoomLoaded extends RoomState {
   final Room room;
   final List<ChatExample>? examples;
diff --git a/lib/data/migrate.dart b/lib/data/migrate.dart
index 674da35f..a8951e73 100644
--- a/lib/data/migrate.dart
+++ b/lib/data/migrate.dart
@@ -39,10 +39,8 @@ Future<void> migrate(db, oldVersion, newVersion) async {
   }
 
   if (oldVersion < 7) {
-    await db.execute(
-        'ALTER TABLE creative_island_history ADD COLUMN task_id TEXT NULL;');
-    await db.execute(
-        'ALTER TABLE creative_island_history ADD COLUMN status TEXT NULL;');
+    await db.execute('ALTER TABLE creative_island_history ADD COLUMN task_id TEXT NULL;');
+    await db.execute('ALTER TABLE creative_island_history ADD COLUMN status TEXT NULL;');
   }
 
   if (oldVersion < 10) {
@@ -59,35 +57,27 @@ Future<void> migrate(db, oldVersion, newVersion) async {
   }
 
   if (oldVersion < 12) {
-    await db
-        .execute('''ALTER TABLE chat_room ADD COLUMN user_id INTEGER NULL;''');
-    await db.execute(
-        '''ALTER TABLE creative_island_history ADD COLUMN user_id INTEGER NULL;''');
+    await db.execute('''ALTER TABLE chat_room ADD COLUMN user_id INTEGER NULL;''');
+    await db.execute('''ALTER TABLE creative_island_history ADD COLUMN user_id INTEGER NULL;''');
   }
 
   if (oldVersion < 13) {
-    await db.execute(
-        '''ALTER TABLE chat_message ADD COLUMN user_id INTEGER NULL;''');
+    await db.execute('''ALTER TABLE chat_message ADD COLUMN user_id INTEGER NULL;''');
   }
 
   if (oldVersion < 14) {
-    await db.execute(
-        '''ALTER TABLE chat_message ADD COLUMN ref_id INTEGER NULL;''');
-    await db.execute(
-        '''ALTER TABLE chat_message ADD COLUMN token_consumed INTEGER NULL;''');
-    await db.execute(
-        '''ALTER TABLE chat_message ADD COLUMN quota_consumed INTEGER NULL;''');
+    await db.execute('''ALTER TABLE chat_message ADD COLUMN ref_id INTEGER NULL;''');
+    await db.execute('''ALTER TABLE chat_message ADD COLUMN token_consumed INTEGER NULL;''');
+    await db.execute('''ALTER TABLE chat_message ADD COLUMN quota_consumed INTEGER NULL;''');
   }
 
   if (oldVersion < 15) {
     await db.execute('''ALTER TABLE chat_room ADD COLUMN init_message TEXT;''');
-    await db.execute(
-        '''ALTER TABLE chat_room ADD COLUMN max_context INTEGER DEFAULT 10;''');
+    await db.execute('''ALTER TABLE chat_room ADD COLUMN max_context INTEGER DEFAULT 10;''');
   }
 
   if (oldVersion < 20) {
-    await db.execute(
-        '''ALTER TABLE chat_message ADD COLUMN chat_history_id INTEGER NULL;''');
+    await db.execute('''ALTER TABLE chat_message ADD COLUMN chat_history_id INTEGER NULL;''');
     await db.execute('''
         CREATE TABLE chat_history (
           id INTEGER PRIMARY KEY AUTOINCREMENT,
@@ -106,13 +96,11 @@ Future<void> migrate(db, oldVersion, newVersion) async {
   }
 
   if (oldVersion < 24) {
-    await db
-        .execute('ALTER TABLE chat_message ADD COLUMN server_id INTEGER NULL;');
+    await db.execute('ALTER TABLE chat_message ADD COLUMN server_id INTEGER NULL;');
   }
 
   if (oldVersion < 25) {
-    await db.execute(
-        'ALTER TABLE chat_message ADD COLUMN status INTEGER DEFAULT 1;');
+    await db.execute('ALTER TABLE chat_message ADD COLUMN status INTEGER DEFAULT 1;');
   }
 
   if (oldVersion < 26) {
@@ -122,6 +110,10 @@ Future<void> migrate(db, oldVersion, newVersion) async {
   if (oldVersion < 27) {
     await db.execute('ALTER TABLE chat_message ADD COLUMN file TEXT NULL;');
   }
+
+  if (oldVersion < 28) {
+    await db.execute('ALTER TABLE chat_message ADD COLUMN flags TEXT NULL;');
+  }
 }
 
 /// 数据库初始化
@@ -169,6 +161,7 @@ void initDatabase(db, version) async {
           model TEXT,
           images TEXT NULL,
           file TEXT NULL,
+          flags TEXT NULL,
           ts INTEGER NOT NULL
         )
       ''');
diff --git a/lib/helper/ability.dart b/lib/helper/ability.dart
index 51acccb9..ec74fc39 100644
--- a/lib/helper/ability.dart
+++ b/lib/helper/ability.dart
@@ -83,8 +83,7 @@ class Ability {
 
   /// 是否支持 OpenAI
   bool get enableOpenAI {
-    return capabilities.openaiEnabled &&
-        (!capabilities.disableChat || !capabilities.disableDigitalHuman);
+    return capabilities.openaiEnabled && (!capabilities.disableChat || !capabilities.disableDigitalHuman);
   }
 
   /// 是否支持 IOS 外支付
@@ -109,16 +108,12 @@ class Ability {
 
   /// 是否显示 Apple 登录
   bool get enableAppleSignin {
-    return enableApplePay &&
-        (PlatformTool.isIOS() ||
-            PlatformTool.isAndroid() ||
-            PlatformTool.isMacOS());
+    return enableApplePay && (PlatformTool.isIOS() || PlatformTool.isAndroid() || PlatformTool.isMacOS());
   }
 
   /// 是否支持微信登录
   bool get enableWechatSignin {
-    return capabilities.wechatSigninEnabled &&
-        (PlatformTool.isIOS() || PlatformTool.isAndroid());
+    return capabilities.wechatSigninEnabled && (PlatformTool.isIOS() || PlatformTool.isAndroid());
   }
 
   /// 是否支持支付功能
@@ -158,7 +153,23 @@ class Ability {
 
   /// 是否支持语音合成功能
   bool get supportSpeak {
-    // return setting.stringDefault(settingAPIServerToken, '') != '';
+    if (!enableTextToVoice) {
+      return false;
+    }
+
+    if (PlatformTool.isWeb()) {
+      return false;
+    }
+
+    return true;
+  }
+
+  /// 是否支持语音聊天功能
+  bool get supportVoiceChat {
+    if (!enableVoiceToText) {
+      return false;
+    }
+
     if (PlatformTool.isWeb()) {
       return false;
     }
@@ -182,6 +193,16 @@ class Ability {
     return setting.stringDefault(settingAPIServerToken, '') != '';
   }
 
+  /// 是否支持语音转文字
+  bool get enableVoiceToText {
+    return capabilities.enableVoiceToText;
+  }
+
+  /// 是否支持文字转语音
+  bool get enableTextToVoice {
+    return capabilities.enableTextToVoice;
+  }
+
   /// 获取当前主题模式
   String get themeMode {
     return setting.stringDefault(settingThemeMode, 'system');
diff --git a/lib/helper/constant.dart b/lib/helper/constant.dart
index 9943637c..cd847d00 100644
--- a/lib/helper/constant.dart
+++ b/lib/helper/constant.dart
@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 // 客户端应用版本号
 const clientVersion = '2.0.0';
 // 本地数据库版本号
-const databaseVersion = 27;
+const databaseVersion = 28;
 
 const settingAPIServerToken = 'api-token';
 const settingUserInfo = 'user-info';
@@ -45,6 +45,8 @@ const defaultChatModelName = 'GPT-3.5';
 const defaultImageModel = 'DALL·E';
 const defaultModelNotChatDesc = '该模型不支持上下文，只能一问一答';
 
+const defaultChatHistoryCount = 50;
+
 // AI 模型类型
 const modelTypeOpenAI = 'openai';
 const modelTypeDeepAI = 'deepai';
@@ -93,3 +95,6 @@ const qiniuImageTypeThumbMedium = 'thumb_500';
 // 缓存相关的 Keys
 // 最后一次使用的模型
 const cacheKeyLastModel = 'last-model';
+
+// 数据存储目录
+const homePathDirName = '.aidea-dev';
diff --git a/lib/helper/http.dart b/lib/helper/http.dart
index b3a7d00b..c0f0b46d 100644
--- a/lib/helper/http.dart
+++ b/lib/helper/http.dart
@@ -40,6 +40,7 @@ class HttpClient {
     Map<String, dynamic>? queryParameters,
     Options? options,
   }) async {
+    Logger.instance.d('API Request: [GET] $url');
     return await dio.get(url, queryParameters: queryParameters, options: options);
   }
 
@@ -53,6 +54,7 @@ class HttpClient {
   }) async {
     options ??= Options();
 
+    Logger.instance.d('API Request: [GET with cache] $url');
     final resp = await dio.get(
       url,
       queryParameters: queryParameters,
@@ -82,6 +84,7 @@ class HttpClient {
     Map<String, dynamic>? formData,
     Options? options,
   }) async {
+    Logger.instance.d('API Request: [POST] $url');
     final resp = await dio.post(
       url,
       queryParameters: queryParameters,
@@ -101,6 +104,7 @@ class HttpClient {
     Map<String, dynamic>? data,
     Options? options,
   }) async {
+    Logger.instance.d('API Request: [POST JSON] $url');
     final resp = await dio.post(
       url,
       queryParameters: queryParameters,
@@ -120,6 +124,7 @@ class HttpClient {
     Map<String, dynamic>? formData,
     Options? options,
   }) async {
+    Logger.instance.d('API Request: [PUT] $url');
     return await dio.put(
       url,
       queryParameters: queryParameters,
@@ -134,6 +139,7 @@ class HttpClient {
     Map<String, dynamic>? data,
     Options? options,
   }) async {
+    Logger.instance.d('API Request: [PUT JSON] $url');
     return await dio.put(
       url,
       queryParameters: queryParameters,
@@ -148,6 +154,7 @@ class HttpClient {
     Map<String, dynamic>? formData,
     Options? options,
   }) async {
+    Logger.instance.d('API Request: [DELETE] $url');
     return await dio.delete(
       url,
       queryParameters: queryParameters,
diff --git a/lib/helper/model.dart b/lib/helper/model.dart
index 722b1d1a..dfe193c4 100644
--- a/lib/helper/model.dart
+++ b/lib/helper/model.dart
@@ -1,7 +1,6 @@
 import 'package:askaide/helper/constant.dart';
 import 'package:askaide/repo/api_server.dart';
 import 'package:askaide/repo/model/model.dart' as mm;
-import 'package:askaide/repo/openai_repo.dart';
 import 'package:askaide/repo/settings_repo.dart';
 
 /// 模型聚合，用于聚合多种厂商的模型
@@ -13,55 +12,32 @@ class ModelAggregate {
   }
 
   /// 支持的模型列表
-  static Future<List<mm.Model>> models({bool cache = true, bool withCustom = false}) async {
-    final List<mm.Model> models = [];
-    final isAPIServerSet = settings.stringDefault(settingAPIServerToken, '') != '';
-    final selfHostOpenAI = settings.boolDefault(settingOpenAISelfHosted, false);
-
-    if (isAPIServerSet) {
-      models.addAll((await APIServer().models(cache: cache, withCustom: withCustom))
-          .map(
-            (e) => mm.Model(
-              e.id.split(':').last,
-              e.name,
-              e.category,
-              shortName: e.shortName,
-              description: e.description,
-              priceInfo: e.priceInfo,
-              isChatModel: e.isChat,
-              disabled: e.disabled,
-              category: e.category,
-              tag: e.tag,
-              avatarUrl: e.avatarUrl,
-              supportVision: e.supportVision,
-              tagTextColor: e.tagTextColor,
-              tagBgColor: e.tagBgColor,
-              isNew: e.isNew,
-              isDefault: e.isDefault,
-            ),
-          )
-          .toList());
-    }
-
-    if (selfHostOpenAI) {
-      return <mm.Model>[
-        ...OpenAIRepository.supportModels(),
-        ...models.where((element) => element.category != modelTypeOpenAI).toList()
-      ];
-    }
-
-    // if (isAPIServerSet ||
-    //     settings.stringDefault(settingDeepAIAPIToken, '') != '') {
-    //   models.addAll(DeepAIRepository.supportModels());
-    // }
-
-    // TODO Replace with StabilityAI API
-    // if (isAPIServerSet ||
-    //     settings.stringDefault(settingStabilityAIAPIToken, '') != '') {
-    //   models.addAll(StabilityAIRepository.supportModels());
-    // }
-
-    return models;
+  static Future<List<mm.Model>> models({bool cache = true}) async {
+    return (await APIServer().models(cache: cache))
+        .map(
+          (e) => mm.Model(
+            e.id.split(':').last,
+            e.name,
+            e.category,
+            shortName: e.shortName,
+            description: e.description,
+            priceInfo: e.priceInfo,
+            isChatModel: e.isChat,
+            disabled: e.disabled,
+            category: e.category,
+            tag: e.tag,
+            avatarUrl: e.avatarUrl,
+            supportVision: e.supportVision,
+            supportReasoning: e.supportReasoning,
+            supportSearch: e.supportSearch,
+            tagTextColor: e.tagTextColor,
+            tagBgColor: e.tagBgColor,
+            isNew: e.isNew,
+            isDefault: e.isDefault,
+            userNoPermission: e.userNoPermission,
+          ),
+        )
+        .toList();
   }
 
   /// 根据模型唯一id查找模型
diff --git a/lib/helper/model_resolver.dart b/lib/helper/model_resolver.dart
index 3ae5ef54..057743d7 100644
--- a/lib/helper/model_resolver.dart
+++ b/lib/helper/model_resolver.dart
@@ -48,6 +48,8 @@ class ModelResolver {
     required Function(ChatStreamRespData value) onMessage,
     int? maxTokens,
     String? tempModel,
+    int? historyId,
+    List<String>? flags,
   }) async {
     if (room.modelCategory() == modelTypeDeepAI) {
       return await _deepAIModel(
@@ -74,6 +76,8 @@ class ModelResolver {
         onMessage: onMessage,
         maxTokens: maxTokens,
         tempModel: tempModel,
+        historyId: historyId,
+        flags: flags,
       );
     }
   }
@@ -153,6 +157,8 @@ class ModelResolver {
     required Function(ChatStreamRespData value) onMessage,
     int? maxTokens,
     String? tempModel,
+    int? historyId,
+    List<String>? flags,
   }) async {
     // 图像模式
     if (OpenAIRepository.isImageModel(room.modelName())) {
@@ -172,6 +178,8 @@ class ModelResolver {
       tempModel: tempModel,
       maxTokens: maxTokens,
       roomId: room.isLocalRoom ? null : room.id,
+      historyId: historyId,
+      flags: flags,
     );
   }
 
diff --git a/lib/helper/path.dart b/lib/helper/path.dart
index b357a013..1be8431c 100644
--- a/lib/helper/path.dart
+++ b/lib/helper/path.dart
@@ -1,4 +1,5 @@
 import 'dart:io' show Directory, Platform;
+import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/logger.dart';
 import 'package:askaide/helper/platform.dart';
 import 'package:path_provider/path_provider.dart';
@@ -10,22 +11,19 @@ class PathHelper {
 
   init() async {
     try {
-      cachePath =
-          (await getApplicationCacheDirectory()).path.replaceAll('\\', '/');
+      cachePath = (await getApplicationCacheDirectory()).path.replaceAll('\\', '/');
     } catch (e) {
       cachePath = '';
     }
 
     try {
-      documentsPath =
-          (await getApplicationDocumentsDirectory()).path.replaceAll('\\', '/');
+      documentsPath = (await getApplicationDocumentsDirectory()).path.replaceAll('\\', '/');
     } catch (e) {
       documentsPath = '';
     }
 
     try {
-      supportPath =
-          (await getApplicationSupportDirectory()).path.replaceAll('\\', '/');
+      supportPath = (await getApplicationSupportDirectory()).path.replaceAll('\\', '/');
     } catch (e) {
       supportPath = '';
     }
@@ -34,22 +32,20 @@ class PathHelper {
     try {
       Directory(getHomePath).create(recursive: true);
     } catch (e) {
-      Logger.instance.e('创建 $getHomePath 目录失败: $e');
+      Logger.instance.e('Create $getHomePath directory failed: $e');
     }
   }
 
   String get getHomePath {
     if (PlatformTool.isMacOS() || PlatformTool.isLinux()) {
-      return '${Platform.environment['HOME'] ?? ''}/.aidea'
-          .replaceAll('\\', '/');
+      return '${Platform.environment['HOME'] ?? ''}/$homePathDirName'.replaceAll('\\', '/');
     } else if (PlatformTool.isWindows()) {
-      return '${Platform.environment['UserProfile'] ?? ''}/.aidea'
-          .replaceAll('\\', '/');
+      return '${Platform.environment['UserProfile'] ?? ''}/$homePathDirName'.replaceAll('\\', '/');
     } else if (PlatformTool.isAndroid() || PlatformTool.isIOS()) {
-      return '$documentsPath/.aidea'.replaceAll('\\', '/');
+      return '$documentsPath/$homePathDirName'.replaceAll('\\', '/');
     }
 
-    return '.aidea';
+    return homePathDirName;
   }
 
   String get getLogfilePath {
diff --git a/lib/helper/platform.dart b/lib/helper/platform.dart
index 27ce1812..38364ed9 100644
--- a/lib/helper/platform.dart
+++ b/lib/helper/platform.dart
@@ -7,6 +7,14 @@ class PlatformTool {
     return isWindows() || isLinux() || isMacOS();
   }
 
+  static bool isDesktopAndWeb() {
+    return isDesktop() || isWeb();
+  }
+
+  static bool isMobile() {
+    return isIOS() || isAndroid();
+  }
+
   static bool isIOS() {
     try {
       return Platform.isIOS;
diff --git a/lib/lang/lang.dart b/lib/lang/lang.dart
index 276e63b0..f77364c6 100644
--- a/lib/lang/lang.dart
+++ b/lib/lang/lang.dart
@@ -1,11 +1,13 @@
 mixin AppLocale {
   static const String required = 'required';
+  static const String wechat = 'wechat';
   static const String systemInfo = 'system_info';
   static const String appName = 'app_name';
   static const String homeTitle = 'home_title';
   static const String chatAnywhere = 'chat_anywhere';
   static const String creativeIsland = 'creative_island';
   static const String settings = 'settings';
+  static const String configure = 'configure';
   static const String language = 'language';
   static const String themeMode = 'theme_mode';
   static const String accountInfo = 'account_info';
@@ -19,6 +21,7 @@ mixin AppLocale {
   static const String userTerms = 'user_terms';
   static const String privacyPolicy = 'privacy_policy';
   static const String signIn = 'sign_in';
+  static const String signInAccount = 'sign_in_account';
   static const String signOut = 'sign_out';
   static const String signUp = 'sign_up';
   static const String password = 'password';
@@ -28,6 +31,7 @@ mixin AppLocale {
   static const String account = 'account';
   static const String usedUp = 'used_up';
   static const String expired = 'expired';
+  static const String timeConsume = 'time-consume';
 
   static const String save = 'save';
   static const String ok = 'ok';
@@ -64,6 +68,7 @@ mixin AppLocale {
   static const String text = 'text';
   static const String uploading = 'uploading';
   static const String robotIsThinkingMessage = 'robot-is-thinking-message';
+  static const String thinkingProcess = 'thinking-process';
   static const String robotHasSomeError = 'robot-has-some-error';
   static const String questionExamples = 'question-examples';
   static const String noRecords = 'no-records';
@@ -78,6 +83,7 @@ mixin AppLocale {
   static const String switchModel = 'switch-model';
   static const String switchModelTitle = 'switch-model-title';
 
+  static const String myCharacters = 'my-characters';
   static const String character = "character";
   static const String createRoom = "create-room";
   static const String model = "model";
@@ -88,6 +94,7 @@ mixin AppLocale {
   static const String prompt = "prompt";
   static const String optional = "optional";
   static const String search = "search";
+  static const String reasoning = "reasoning";
   static const String background = "background";
   static const String backgroundSetting = "background-setting";
   static const String roomSetting = "room-setting";
@@ -115,6 +122,7 @@ mixin AppLocale {
 
   static const String nameRequiredMessage = 'name-required-message';
   static const String modelRequiredMessage = 'model-required-message';
+  static const String charactorPromptRequiredMessage = 'charactor-prompt-required-message';
 
   static const String writeYourIdeas = 'write-your-ideas';
   static const String describeYourImages = 'describe-your-images';
@@ -136,8 +144,7 @@ mixin AppLocale {
   static const String generating = 'generating';
   static const String generateExitConfirm = 'generate-exit-confirm';
   static const String tooManyRequests = 'too-many-requests';
-  static const String tooManyRequestsOrPaymentRequired =
-      'too-many-requests-or-payment-required';
+  static const String tooManyRequestsOrPaymentRequired = 'too-many-requests-or-payment-required';
   static const String promptHint = 'prompt-hint';
   static const String confirmClearCache = 'confirm-clear-cache';
   static const String confirmSignOut = 'confirm-sign-out';
@@ -158,8 +165,7 @@ mixin AppLocale {
   static const String referenceImage = 'reference-image';
   static const String selectImage = 'select-image';
   static const String imagination = 'imagination';
-  static const String keywordsSeparatedByCommas =
-      'keywords-separated-by-commas';
+  static const String keywordsSeparatedByCommas = 'keywords-separated-by-commas';
   static const String originalImage = 'original-image';
   static const String superResolution = 'super-resolution';
   static const String colorizeImage = 'colorize-image';
@@ -167,8 +173,7 @@ mixin AppLocale {
   static const String report = 'report';
   static const String latestVersion = 'latest-version';
   static const String aIdeaApp = 'aidea-app';
-  static const String onceEnabledSmartOptimization =
-      'once-enabled-smart-optimization';
+  static const String onceEnabledSmartOptimization = 'once-enabled-smart-optimization';
   static const String gotIt = 'got-it';
   static const String referenceImageNote = 'reference-image-note';
   static const String selectReferenceImage = 'select-reference-image';
@@ -197,6 +202,7 @@ mixin AppLocale {
   static const String passwordFormatError = 'password-format-error';
   static const String accountCreated = 'account-created';
   static const String sendVerifyCode = 'send-verify-code';
+  static const String verify = 'verify';
   static const String verifyCode = 'verify-code';
   static const String verifyCodeInputTips = 'verify-code-input-tips';
   static const String retryInSeconds = 'retry-in-seconds';
@@ -206,12 +212,14 @@ mixin AppLocale {
   static const String verifyCodeFormatError = 'verify-code-format-error';
   static const String phone = 'phone';
   static const String email = 'email';
-  static const String directSignin = 'direct-signin';
+  static const String directSigninDueHasAccount = 'direct-signin-due-has-account';
+  static const String directSignin = 'direct-signin-due-no-account';
   static const String passwordResetOK = 'password-reset-ok';
   static const String resetPassword = 'reset-password';
   static const String bindPhone = 'bind-phone';
   static const String bind = 'bind';
   static const String bound = 'bond';
+  static const String bindExAccount = 'bind-ex-account';
   static const String unbind = 'unbind';
   static const String inviteCode = 'invite-code';
   static const String inviteCodeInputTips = 'invite-code-input-tips';
@@ -314,7 +322,28 @@ mixin AppLocale {
   static const String perRequest = 'per-request';
   static const String info = 'info';
 
+  static const String recently = 'recently';
+  static const String daysAgo = 'days-ago';
+  static const String lastWeek = 'last-week';
+  static const String weeksAgo = 'weeks-ago';
+  static const String lastMonth = 'last-month';
+  static const String monthsAgo = 'months-ago';
+  static const String lastYear = 'last-year';
+  static const String longTimeAgo = 'long-time-ago';
+
+  static const String modelNeedSignIn = 'model-need-sign-in';
+  static const String wechatBindConfirm = 'wechat-bind-confirm';
+  static const String accountWillBeCreateAutomatically = 'account-will-be-create-automatically';
+  static const String installWechatFirst = 'install-wechat-first';
+  static const String otherLoginMethods = 'other-login-methods';
+  static const String verifyAccount = 'verify-account';
+  static const String enterPasswordToSignin = 'enter-password-to-signin';
+  static const String verifyCodeLogin = 'verify-code-login';
+  static const String verifyCodeLoginTips = 'verify-code-login-tips';
+  static const String usePasswordToSignin = 'use-password-to-signin';
+
   static const Map<String, dynamic> zh = {
+    wechat: '微信',
     required: '必填',
     systemInfo: '系统信息',
     save: '保存',
@@ -340,8 +369,8 @@ mixin AppLocale {
     continueMessage: '继续',
     messageInputTips: '有问题尽管问我',
     takePhoto: '拍照',
-    photoLibrary: '照片图库',
-    fileLibrary: '文档',
+    photoLibrary: '附加照片',
+    fileLibrary: '附加文档',
     upload: '上传',
     longPressSpeak: '长按说话',
     send: '发送',
@@ -350,13 +379,15 @@ mixin AppLocale {
     selectText: '选择文本',
     text: '文本',
     uploading: '上传中...',
-    robotIsThinkingMessage: '正在思考中...',
+    robotIsThinkingMessage: '正在思考中，请耐心等待',
+    thinkingProcess: '深度思考',
     robotHasSomeError: '发送失败，重发该消息？',
     appName: 'AIdea',
     chatAnywhere: '聊一聊',
     homeTitle: '自定义角色',
     creativeIsland: '创作岛',
     settings: '设置',
+    configure: '配置',
     language: '语言',
     themeMode: '主题外观',
     accountInfo: '账号信息',
@@ -370,6 +401,7 @@ mixin AppLocale {
     userTerms: '用户协议',
     privacyPolicy: '隐私政策',
     signIn: '登录',
+    signInAccount: '登录解锁完整功能',
     signOut: '退出登录',
     signUp: '注册',
     password: '密码',
@@ -379,7 +411,9 @@ mixin AppLocale {
     account: '账号',
     usedUp: '已用完',
     expired: '已过期',
+    timeConsume: '用时',
     character: '角色',
+    myCharacters: '我的角色',
     createRoom: '创建角色',
     model: 'AI 模型',
     selectModel: '选择模型',
@@ -389,6 +423,7 @@ mixin AppLocale {
     prompt: '角色设定',
     optional: '可选',
     search: '搜索',
+    reasoning: '推理',
     background: '背景',
     backgroundSetting: '背景图',
     roomSetting: '设置',
@@ -411,6 +446,7 @@ mixin AppLocale {
     promptUsage: '领域设定用于设置 AI 角色的行为',
     nameRequiredMessage: '请输入名称',
     modelRequiredMessage: '请选择 AI 模型',
+    charactorPromptRequiredMessage: '请输入角色设定',
     operateSuccess: '操作成功',
     operateFailed: '操作失败',
     confirmDelete: '确定删除？',
@@ -445,12 +481,11 @@ mixin AppLocale {
     generating: '创作中...',
     generateExitConfirm: '创作中...\n退出后，可在历史记录中查看结果',
     tooManyRequests: '操作过于频繁，请稍后再试',
-    tooManyRequestsOrPaymentRequired:
-        '操作过于频繁（如果您使用了自定义的 OpenAI Keys，请登录 https://platform.openai.com 检查账户余额是否充足）',
+    tooManyRequestsOrPaymentRequired: '操作过于频繁（如果您使用了自定义的 OpenAI Keys，请登录 https://platform.openai.com 检查账户余额是否充足）',
     promptHint: '设定角色和技能，以便为你提供更精准有效的信息。',
     confirmClearCache: '确定要清除缓存吗？',
     confirmSignOut: '确定要退出登录吗？',
-    askMeAnyQuestion: '有问题尽管问我',
+    askMeAnyQuestion: '消息',
     askMeLikeThis: '可以这样问我:',
     refresh: '换一批',
     fastAndCostEffective: '速度快，成本低',
@@ -502,6 +537,7 @@ mixin AppLocale {
     passwordFormatError: '密码格式有误\n必须为8-20位字母、数字、特殊符号组合',
     accountCreated: '账号创建成功',
     sendVerifyCode: '发送',
+    verify: '验证',
     verifyCode: '验证码',
     verifyCodeInputTips: '输入验证码',
     retryInSeconds: '秒后重试',
@@ -511,12 +547,14 @@ mixin AppLocale {
     verifyCodeFormatError: '验证码格式有误',
     phone: '手机',
     email: '邮箱',
-    directSignin: '已有账号？直接登录',
+    directSigninDueHasAccount: '已有账号？直接登录',
+    directSignin: '直接登录',
     passwordResetOK: '密码已重置，请重新登录',
     resetPassword: '重置密码',
     bindPhone: '绑定手机',
     bind: '绑定',
     bound: '已绑定',
+    bindExAccount: '绑定已有账号',
     unbind: '解绑',
     inviteCode: '邀请码',
     inviteCodeInputTips: '输入好友邀请码，获额外奖励（非必填）',
@@ -567,7 +605,7 @@ mixin AppLocale {
     selectMember: '选择本次对话成员',
     members: '成员',
     createGroupChat: '创建群聊',
-    advanced: '高级选项',
+    advanced: '更多选项',
     collapseOptions: '收起选项',
     welcomeMessage: '引导语',
     welcomeMessageTips: '每次开始新对话时，系统将会以 AI 的身份自动发送引导语。',
@@ -610,10 +648,29 @@ mixin AppLocale {
     output: '输出',
     perRequest: '每次',
     info: '详情',
+    recently: '最近',
+    daysAgo: '天前',
+    lastWeek: '上周',
+    weeksAgo: '周前',
+    lastMonth: '上个月',
+    monthsAgo: '月前',
+    lastYear: '去年',
+    longTimeAgo: '很久以前',
+    modelNeedSignIn: '该模型需要登录后使用',
+    wechatBindConfirm: '该微信未绑定任何账号，是否直接登录？\n（自动创建账号）',
+    accountWillBeCreateAutomatically: '未注册的账号验证成功后将自动注册',
+    installWechatFirst: '请先安装微信后再使用该功能',
+    otherLoginMethods: '其它登录方式',
+    verifyAccount: '验证账号',
+    enterPasswordToSignin: '请输入密码完成登录。',
+    verifyCodeLogin: '验证码登录',
+    verifyCodeLoginTips: '请输入验证码以完成操作。',
+    usePasswordToSignin: '使用密码登录',
   };
 
   static const Map<String, dynamic> en = {
     required: 'Required',
+    wechat: 'WeChat',
     systemInfo: 'System',
     save: 'Save',
     ok: 'OK',
@@ -649,13 +706,14 @@ mixin AppLocale {
     text: 'Text',
     uploading: 'Uploading...',
     robotIsThinkingMessage: 'Thinking...',
-    robotHasSomeError:
-        'There seems to be something wrong, Do you want to resend the message?',
+    thinkingProcess: 'Thinking, please be patient',
+    robotHasSomeError: 'There seems to be something wrong, Do you want to resend the message?',
     appName: 'AIdea',
     chatAnywhere: 'Chat',
     homeTitle: 'Characters',
     creativeIsland: 'Creative',
     settings: 'Setting',
+    configure: 'Configure',
     language: 'Language',
     themeMode: 'Theme',
     accountInfo: 'Account Info',
@@ -669,6 +727,7 @@ mixin AppLocale {
     userTerms: 'User Terms',
     privacyPolicy: 'Privacy Policy',
     signIn: 'Sign In',
+    signInAccount: 'Unlock Full Features',
     signOut: 'Sign Out',
     signUp: 'Sign Up',
     password: 'Password',
@@ -678,7 +737,9 @@ mixin AppLocale {
     account: 'Account',
     usedUp: 'Used Up',
     expired: 'Expired',
+    timeConsume: 'Cost',
     character: 'Character',
+    myCharacters: 'My Characters',
     createRoom: 'Create Character',
     model: 'AI Model',
     selectModel: 'Select Model',
@@ -688,6 +749,7 @@ mixin AppLocale {
     prompt: 'Prompt',
     optional: 'Optional',
     search: 'Search',
+    reasoning: 'Reasoning',
     background: 'Background',
     backgroundSetting: 'Background Setting',
     roomSetting: 'Setting',
@@ -710,6 +772,7 @@ mixin AppLocale {
     promptUsage: 'Prompt is used to set the behavior of the AI character',
     nameRequiredMessage: 'Please enter the name of the character',
     modelRequiredMessage: 'Please select AI model',
+    charactorPromptRequiredMessage: 'Please enter the charactor prompt',
     operateSuccess: 'Success',
     operateFailed: 'Failed',
     confirmDelete: 'Confirm to delete?',
@@ -722,10 +785,8 @@ mixin AppLocale {
     modelNotValid: 'The current model is not open',
     signInRequired: 'You are not logged in, please log in first',
     accountNeedReSignin: 'Account exception, please log in again',
-    openAIAuthFailed:
-        'You have enabled custom OpenAI service, please check if the API Key is correct',
-    modelNotFound:
-        'The current model is not enabled yet, please try again later',
+    openAIAuthFailed: 'You have enabled custom OpenAI service, please check if the API Key is correct',
+    modelNotFound: 'The current model is not enabled yet, please try again later',
     confirmToDeleteRoom: 'Confirm to delete the character?',
     writeYourIdeas: 'Your ideas',
     describeYourImages: 'Your ideas',
@@ -745,8 +806,7 @@ mixin AppLocale {
     generateResult: 'Generate result',
     generateFailed: 'Creation failed',
     generating: 'Generating...',
-    generateExitConfirm:
-        'Generating...\nYou can view the result in the history',
+    generateExitConfirm: 'Generating...\nYou can view the result in the history',
     tooManyRequests: 'Too many requests, please try again later',
     tooManyRequestsOrPaymentRequired:
         'Too many requests (If you are using your own OpenAI Keys, please log in to https://platform.openai.com to check if your account balance is sufficient)',
@@ -754,7 +814,7 @@ mixin AppLocale {
         'Set the role and skills of the character so that it can provide more accurate and effective information for you.',
     confirmClearCache: 'Confirm to clear cache?',
     confirmSignOut: 'Confirm to sign out?',
-    askMeAnyQuestion: 'Feel free to ask ~',
+    askMeAnyQuestion: 'Message',
     askMeLikeThis: 'You can ask me like this:',
     refresh: 'Refresh',
     fastAndCostEffective: 'Fast & Cost-Effective',
@@ -772,21 +832,17 @@ mixin AppLocale {
     referenceImage: 'Reference Image',
     selectImage: 'Select Image',
     imagination: 'Imagination',
-    keywordsSeparatedByCommas:
-        'Keywords of the scene you imagine, separated by commas',
+    keywordsSeparatedByCommas: 'Keywords of the scene you imagine, separated by commas',
     originalImage: 'Original Image',
     superResolution: 'Super-Resolution',
     colorizeImage: 'Colorize Image',
     errorLog: 'Error Log',
     report: 'Report',
     latestVersion: 'You are currently on the latest version',
-    aIdeaApp:
-        'AIdea is an app that allows you to converse with AI, and the app code is completely open source.',
-    onceEnabledSmartOptimization:
-        'Smart Optimization\n\nOnce enabled, AI will further refine and optimize your ideas.',
+    aIdeaApp: 'AIdea is an app that allows you to converse with AI, and the app code is completely open source.',
+    onceEnabledSmartOptimization: 'Smart Optimization\n\nOnce enabled, AI will further refine and optimize your ideas.',
     gotIt: 'Got it',
-    referenceImageNote:
-        'Reference Image\n\nAI will create based on the reference image provided.',
+    referenceImageNote: 'Reference Image\n\nAI will create based on the reference image provided.',
     selectReferenceImage: 'Please select a reference image',
     random: 'Random',
     followSystem: 'Follow System',
@@ -798,22 +854,20 @@ mixin AppLocale {
     signInWithApple: 'Sign in with Apple',
     readAndAgree: 'Read and agree',
     andWord: 'and',
-    accountInputTips: 'Enter your phone number or email',
-    phoneInputTips: 'Enter your phone number',
-    passwordInputTips: 'Enter your password',
-    pleaseReadAgreeProtocol:
-        'Please read and agree to the user agreement and privacy policy first',
+    accountInputTips: 'Phone number or email',
+    phoneInputTips: 'Phone number',
+    passwordInputTips: 'Password',
+    pleaseReadAgreeProtocol: 'Please read and agree to the user agreement and privacy policy first',
     signInSuccess: 'Sign in success',
     signInFailed: 'Sign in failed',
     accountRequired: 'Please enter your account',
-    accountFormatError:
-        'Account format error\nPlease enter your phone number or email',
+    accountFormatError: 'Account format error\nPlease enter your phone number or email',
     phoneNumberFormatError: 'Phone number format error',
     passwordRequired: 'Please enter your password',
-    passwordFormatError:
-        'Password format error\nMust be 8-20 digits, letters, special characters',
+    passwordFormatError: 'Password format error\nMust be 8-20 digits, letters, special characters',
     accountCreated: 'Account created',
     sendVerifyCode: 'Send',
+    verify: 'Verify',
     verifyCode: 'Verify code',
     verifyCodeInputTips: 'Enter verify code',
     retryInSeconds: 'Retry in',
@@ -823,22 +877,22 @@ mixin AppLocale {
     verifyCodeFormatError: 'Verification code format error',
     phone: 'Phone',
     email: 'Email',
-    directSignin: 'Already have an account? Sign in directly',
+    directSigninDueHasAccount: 'Already have an account? Sign in directly',
+    directSignin: 'Sign in directly',
     passwordResetOK: 'Password has been reset, please log in again',
     resetPassword: 'Reset password',
     bindPhone: 'Bind phone',
     bind: 'Bind',
     bound: 'Bound',
+    bindExAccount: 'Bind existing account',
     unbind: 'Unbind',
     inviteCode: 'Invite code',
-    inviteCodeInputTips:
-        'Enter friend invite code, get extra rewards (optional)',
+    inviteCodeInputTips: 'Enter friend invite code, get extra rewards (optional)',
     inviteCodeFormatError: 'Invite code format error',
     enableCustomOpenAI: 'Your custom OpenAI service will be used once enabled',
     me: 'Me',
     creditsUsage: 'Usage',
-    creditUsageTips:
-        'Usage details will be updated the next day, showing usage in the last 30 days.',
+    creditUsageTips: 'Usage details will be updated the next day, showing usage in the last 30 days.',
     updateCheck: 'Check Update',
     buy: 'Buy',
     paymentHistory: 'Histories',
@@ -881,11 +935,10 @@ mixin AppLocale {
     selectMember: 'Select member',
     members: 'Members',
     createGroupChat: 'Create group chat',
-    advanced: 'Advanced',
+    advanced: 'More Options',
     collapseOptions: 'Collapse',
     welcomeMessage: 'Welcome Message',
-    welcomeMessageTips:
-        'The system will automatically send a welcome message each time a new chat is started.',
+    welcomeMessageTips: 'The system will automatically send a welcome message each time a new chat is started.',
     memoryDepth: 'Memory Depth',
     robotRecommand: 'Recommand',
     pickYourRobot: 'Pick your robot',
@@ -904,8 +957,7 @@ mixin AppLocale {
     showInviteCode: 'Show Invite Code',
     dontShowInviteCode: 'Don\'t Show Invite Code',
     inviteNow: 'Invite Now',
-    inviteSlogan:
-        'Invite friends to register, both parties will receive rewards',
+    inviteSlogan: 'Invite friends to register, both parties will receive rewards',
     preview: 'Preview',
     download: 'Download',
     clickSwitchImage: 'Click to switch image',
@@ -926,6 +978,25 @@ mixin AppLocale {
     output: 'Output',
     perRequest: 'Per',
     info: 'Detail',
+    recently: 'Recently',
+    lastWeek: 'Last Week',
+    lastMonth: 'Last Month',
+    daysAgo: 'Days Ago',
+    monthsAgo: 'Months Ago',
+    lastYear: 'Last Year',
+    longTimeAgo: 'Long Time Ago',
+    weeksAgo: 'Weeks Ago',
+    modelNeedSignIn: 'The model needs to be signed in to use',
+    wechatBindConfirm:
+        'The WeChat is not bound to any account, whether to sign in directly?\n(Automatically create an account)',
+    accountWillBeCreateAutomatically: 'Account will be created automatically',
+    installWechatFirst: 'Please install WeChat first',
+    otherLoginMethods: 'Other Login Methods',
+    verifyAccount: 'Verify Account',
+    enterPasswordToSignin: 'Please enter the password to sign in.',
+    verifyCodeLogin: 'Use Verify Code',
+    verifyCodeLoginTips: 'Please enter the verify code to complete the operation.',
+    usePasswordToSignin: 'Use Password',
   };
 }
 
diff --git a/lib/main.dart b/lib/main.dart
index f0c1ff9c..5313fb68 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -54,7 +54,7 @@ import 'package:askaide/page/setting/change_password.dart';
 import 'package:askaide/page/chat/home_chat.dart';
 import 'package:askaide/page/chat/home.dart';
 import 'package:askaide/page/chat/home_chat_history.dart';
-import 'package:askaide/page/chat/room_create.dart';
+import 'package:askaide/page/chat/character_create.dart';
 import 'package:askaide/page/component/random_avatar.dart';
 import 'package:askaide/page/component/transition_resolver.dart';
 import 'package:askaide/page/creative_island/my_creation.dart';
@@ -109,9 +109,9 @@ import 'package:askaide/bloc/bloc_manager.dart';
 import 'package:askaide/bloc/chat_message_bloc.dart';
 import 'package:askaide/bloc/room_bloc.dart';
 import 'package:askaide/bloc/notify_bloc.dart';
-import 'package:askaide/page/chat/room_edit.dart';
-import 'package:askaide/page/chat/room_chat.dart';
-import 'package:askaide/page/chat/rooms.dart';
+import 'package:askaide/page/chat/character_edit.dart';
+import 'package:askaide/page/chat/character_chat.dart';
+import 'package:askaide/page/chat/characters.dart';
 import 'package:askaide/page/setting/setting_screen.dart';
 import 'package:askaide/repo/data/chat_message_data.dart';
 import 'package:askaide/repo/chat_message_repo.dart';
@@ -169,12 +169,12 @@ void main() async {
         try {
           await migrate(db, oldVersion, newVersion);
         } catch (e) {
-          Logger.instance.e('数据库升级失败', error: e);
+          Logger.instance.e('Database upgrade failure', error: e);
         }
       },
       onCreate: initDatabase,
       onOpen: (db) {
-        Logger.instance.i('数据库存储路径：${db.path}');
+        Logger.instance.i('Database storage path: ${db.path}');
       },
     ),
   );
@@ -217,7 +217,7 @@ void main() async {
     final capabilities = await APIServer().capabilities(cache: false);
     Ability().init(settingRepo, capabilities);
   } catch (e) {
-    Logger.instance.e('获取客户端能力清单失败', error: e);
+    Logger.instance.e('Failed to get the client capability manifest', error: e);
     Ability().init(
       settingRepo,
       Capabilities(
@@ -385,7 +385,7 @@ class MyApp extends StatefulWidget {
               pageBuilder: (context, state) => transitionResolver(
                 MultiBlocProvider(
                   providers: [BlocProvider.value(value: chatRoomBloc)],
-                  child: RoomsPage(setting: settingRepo),
+                  child: CharactersPage(setting: settingRepo),
                 ),
               ),
             ),
@@ -527,7 +527,7 @@ class MyApp extends StatefulWidget {
               pageBuilder: (context, state) => transitionResolver(
                 MultiBlocProvider(
                   providers: [BlocProvider.value(value: chatRoomBloc)],
-                  child: RoomCreatePage(setting: settingRepo),
+                  child: CharacterCreatePage(setting: settingRepo),
                 ),
               ),
             ),
@@ -545,7 +545,7 @@ class MyApp extends StatefulWidget {
                       BlocProvider.value(value: chatRoomBloc),
                       BlocProvider(create: (context) => NotifyBloc()),
                     ],
-                    child: RoomChatPage(
+                    child: CharacterChatPage(
                       roomId: roomId,
                       stateManager: messageStateManager,
                       setting: settingRepo,
@@ -567,7 +567,7 @@ class MyApp extends StatefulWidget {
                         value: ChatBlocManager().getBloc(roomId),
                       ),
                     ],
-                    child: RoomEditPage(roomId: roomId, setting: settingRepo),
+                    child: CharacterEditPage(roomId: roomId, setting: settingRepo),
                   ),
                 );
               },
@@ -1325,9 +1325,9 @@ class _MyAppState extends State<MyApp> {
                   debugShowCheckedModeBanner: false,
                   builder: (context, child) {
                     // 这里设置了全局字体固定大小，不随系统设置变更
-                    // TODO 后面要增加一个设置项，允许用户自定义字体大小
                     return MediaQuery(
-                      data: MediaQuery.of(context).copyWith(textScaler: TextScaler.noScaling),
+                      data: MediaQuery.of(context)
+                          .copyWith(textScaler: TextScaler.linear(PlatformTool.isDesktop() ? 0.95 : 1)),
                       child: BotToastInit()(context, child),
                     );
                   },
diff --git a/lib/page/admin/channels.dart b/lib/page/admin/channels.dart
index 698864f9..e6942933 100644
--- a/lib/page/admin/channels.dart
+++ b/lib/page/admin/channels.dart
@@ -72,6 +72,7 @@ class _ChannelsPageState extends State<ChannelsPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: RefreshIndicator(
           color: customColors.linkColor,
           onRefresh: () async {
diff --git a/lib/page/admin/channels_add.dart b/lib/page/admin/channels_add.dart
index e101f2d3..c7a1698d 100644
--- a/lib/page/admin/channels_add.dart
+++ b/lib/page/admin/channels_add.dart
@@ -95,6 +95,7 @@ class _ChannelAddPageState extends State<ChannelAddPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: BlocListener<ChannelBloc, ChannelState>(
           listenWhen: (previous, current) => current is ChannelOperationResult,
           listener: (context, state) {
diff --git a/lib/page/admin/channels_edit.dart b/lib/page/admin/channels_edit.dart
index 7e7921e4..9418de2d 100644
--- a/lib/page/admin/channels_edit.dart
+++ b/lib/page/admin/channels_edit.dart
@@ -102,6 +102,7 @@ class _ChannelEditPageState extends State<ChannelEditPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: BlocListener<ChannelBloc, ChannelState>(
           listenWhen: (previous, current) => current is ChannelOperationResult || current is ChannelLoaded,
           listener: (context, state) {
diff --git a/lib/page/admin/dashboard.dart b/lib/page/admin/dashboard.dart
index 01d82fdb..af758c61 100644
--- a/lib/page/admin/dashboard.dart
+++ b/lib/page/admin/dashboard.dart
@@ -22,19 +22,21 @@ class _AdminDashboardPageState extends State<AdminDashboardPage> {
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
 
-    return BackgroundContainer(
-      setting: widget.setting,
-      child: Scaffold(
-        appBar: AppBar(
-          toolbarHeight: CustomSize.toolbarHeight,
-          title: const Text(
-            'Dashboard',
-            style: TextStyle(fontSize: CustomSize.appBarTitleSize),
-          ),
-          centerTitle: true,
+    return Scaffold(
+      appBar: AppBar(
+        toolbarHeight: CustomSize.toolbarHeight,
+        title: const Text(
+          'Dashboard',
+          style: TextStyle(fontSize: CustomSize.appBarTitleSize),
         ),
+        centerTitle: true,
+      ),
+      backgroundColor: customColors.backgroundColor,
+      body: BackgroundContainer(
+        setting: widget.setting,
         backgroundColor: customColors.backgroundColor,
-        body: Column(
+        enabled: false,
+        child: Column(
           children: [
             Expanded(
               child: SettingsList(
diff --git a/lib/page/admin/messages.dart b/lib/page/admin/messages.dart
index 14e0079e..13d5a195 100644
--- a/lib/page/admin/messages.dart
+++ b/lib/page/admin/messages.dart
@@ -55,7 +55,7 @@ class _AdminRoomMessagesPageState extends State<AdminRoomMessagesPage> {
           roomType: widget.roomType,
         ));
 
-    ModelAggregate.models(withCustom: true).then((value) {
+    ModelAggregate.models().then((value) {
       setState(() {
         for (var element in value) {
           models[element.id] = element;
@@ -97,9 +97,7 @@ class _AdminRoomMessagesPageState extends State<AdminRoomMessagesPage> {
         child: RefreshIndicator(
           color: customColors.linkColor,
           onRefresh: () async {
-            context
-                .read<AdminRoomBloc>()
-                .add(AdminRoomRecentlyMessagesLoadEvent(
+            context.read<AdminRoomBloc>().add(AdminRoomRecentlyMessagesLoadEvent(
                   userId: widget.userId,
                   roomId: widget.roomId,
                   roomType: widget.roomType,
@@ -110,15 +108,13 @@ class _AdminRoomMessagesPageState extends State<AdminRoomMessagesPage> {
             listener: (context, state) {
               if (state is AdminRoomOperationResult) {
                 if (state.success) {
-                  showSuccessMessage(
-                      AppLocale.operateSuccess.getString(context));
+                  showSuccessMessage(AppLocale.operateSuccess.getString(context));
                 } else {
                   showErrorMessage(AppLocale.operateFailed.getString(context));
                 }
               }
             },
-            buildWhen: (previous, current) =>
-                current is AdminRoomRecentlyMessagesLoaded,
+            buildWhen: (previous, current) => current is AdminRoomRecentlyMessagesLoaded,
             builder: (context, state) {
               if (state is AdminRoomRecentlyMessagesLoaded) {
                 return SafeArea(
@@ -130,8 +126,7 @@ class _AdminRoomMessagesPageState extends State<AdminRoomMessagesPage> {
                             if (e.model != null) {
                               final model = models[e.model];
                               if (model != null) {
-                                if (e.avatarUrl == null &&
-                                    model.avatarUrl != null) {
+                                if (e.avatarUrl == null && model.avatarUrl != null) {
                                   e.avatarUrl = model.avatarUrl;
                                 }
 
@@ -144,8 +139,7 @@ class _AdminRoomMessagesPageState extends State<AdminRoomMessagesPage> {
                           controller: controller,
                           supportBloc: false,
                           senderNameBuilder: (message) {
-                            if (message.role == Role.sender ||
-                                message.senderName == null) {
+                            if (message.role == Role.sender || message.senderName == null) {
                               return null;
                             }
 
@@ -156,8 +150,7 @@ class _AdminRoomMessagesPageState extends State<AdminRoomMessagesPage> {
                                 right: 5,
                               ),
                               child: Row(
-                                mainAxisAlignment:
-                                    MainAxisAlignment.spaceBetween,
+                                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                 children: [
                                   Text(
                                     message.senderName!,
diff --git a/lib/page/admin/models.dart b/lib/page/admin/models.dart
index b5a3d4f8..69611810 100644
--- a/lib/page/admin/models.dart
+++ b/lib/page/admin/models.dart
@@ -100,6 +100,7 @@ class _AdminModelsPageState extends State<AdminModelsPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Column(
           children: [
             Container(
diff --git a/lib/page/admin/models_add.dart b/lib/page/admin/models_add.dart
index 57e4489e..c9ebe5da 100644
--- a/lib/page/admin/models_add.dart
+++ b/lib/page/admin/models_add.dart
@@ -80,6 +80,12 @@ class _AdminModelCreatePageState extends State<AdminModelCreatePage> {
   /// 是否是推荐模型
   bool isRecommended = false;
 
+  /// 是否启用搜索
+  bool enableSearch = false;
+
+  /// 是否启用推理
+  bool enableReasoning = false;
+
   /// Tag
   final TextEditingController tagController = TextEditingController();
   String? tagTextColor;
@@ -145,6 +151,7 @@ class _AdminModelCreatePageState extends State<AdminModelCreatePage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: SingleChildScrollView(
           child: BlocListener<ModelBloc, ModelState>(
             listenWhen: (previous, current) => current is ModelOperationResult,
@@ -724,6 +731,84 @@ class _AdminModelCreatePageState extends State<AdminModelCreatePage> {
                             ),
                           ],
                         ),
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Row(
+                              children: [
+                                const Text(
+                                  'Reasoning',
+                                  style: TextStyle(fontSize: 16),
+                                ),
+                                const SizedBox(width: 5),
+                                InkWell(
+                                  onTap: () {
+                                    showBeautyDialog(
+                                      context,
+                                      type: QuickAlertType.info,
+                                      text: 'Whether to enable reasoning for the current model.',
+                                      confirmBtnText: AppLocale.gotIt.getString(context),
+                                      showCancelBtn: false,
+                                    );
+                                  },
+                                  child: Icon(
+                                    Icons.help_outline,
+                                    size: 16,
+                                    color: customColors.weakLinkColor?.withAlpha(150),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            CupertinoSwitch(
+                              activeColor: customColors.linkColor,
+                              value: enableReasoning,
+                              onChanged: (value) {
+                                setState(() {
+                                  enableReasoning = value;
+                                });
+                              },
+                            ),
+                          ],
+                        ),
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Row(
+                              children: [
+                                const Text(
+                                  'Search',
+                                  style: TextStyle(fontSize: 16),
+                                ),
+                                const SizedBox(width: 5),
+                                InkWell(
+                                  onTap: () {
+                                    showBeautyDialog(
+                                      context,
+                                      type: QuickAlertType.info,
+                                      text: 'Whether to enable search for the current model.',
+                                      confirmBtnText: AppLocale.gotIt.getString(context),
+                                      showCancelBtn: false,
+                                    );
+                                  },
+                                  child: Icon(
+                                    Icons.help_outline,
+                                    size: 16,
+                                    color: customColors.weakLinkColor?.withAlpha(150),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            CupertinoSwitch(
+                              activeColor: customColors.linkColor,
+                              value: enableSearch,
+                              onChanged: (value) {
+                                setState(() {
+                                  enableSearch = value;
+                                });
+                              },
+                            ),
+                          ],
+                        ),
                         Row(
                           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                           children: [
@@ -854,6 +939,8 @@ class _AdminModelCreatePageState extends State<AdminModelCreatePage> {
         category: categoryController.text,
         isNew: isNew,
         isRecommend: isRecommended,
+        search: enableSearch,
+        reasoning: enableReasoning,
       ),
       status: modelEnabled ? 1 : 2,
       providers: ps,
diff --git a/lib/page/admin/models_edit.dart b/lib/page/admin/models_edit.dart
index 64c881ac..5cfe3fa7 100644
--- a/lib/page/admin/models_edit.dart
+++ b/lib/page/admin/models_edit.dart
@@ -78,6 +78,12 @@ class _AdminModelEditPageState extends State<AdminModelEditPage> {
   /// 是否是推荐模型
   bool isRecommended = false;
 
+  /// 是否启用搜索
+  bool enableSearch = false;
+
+  /// 是否启用推理
+  bool enableReasoning = false;
+
   /// Tag
   final TextEditingController tagController = TextEditingController();
   String? tagTextColor;
@@ -154,6 +160,7 @@ class _AdminModelEditPageState extends State<AdminModelEditPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: SingleChildScrollView(
           child: BlocListener<ModelBloc, ModelState>(
             listenWhen: (previous, current) => current is ModelOperationResult || current is ModelLoaded,
@@ -211,6 +218,8 @@ class _AdminModelEditPageState extends State<AdminModelEditPage> {
                   isNew = state.model.meta!.isNew ?? false;
                   isRecommended = state.model.meta!.isRecommend ?? false;
                   categoryController.value = TextEditingValue(text: state.model.meta!.category ?? '');
+                  enableSearch = state.model.meta!.search ?? false;
+                  enableReasoning = state.model.meta!.reasoning ?? false;
 
                   setState(() {});
                 }
@@ -792,6 +801,84 @@ class _AdminModelEditPageState extends State<AdminModelEditPage> {
                             ),
                           ],
                         ),
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Row(
+                              children: [
+                                const Text(
+                                  'Reasoning',
+                                  style: TextStyle(fontSize: 16),
+                                ),
+                                const SizedBox(width: 5),
+                                InkWell(
+                                  onTap: () {
+                                    showBeautyDialog(
+                                      context,
+                                      type: QuickAlertType.info,
+                                      text: 'Whether to enable reasoning for the current model.',
+                                      confirmBtnText: AppLocale.gotIt.getString(context),
+                                      showCancelBtn: false,
+                                    );
+                                  },
+                                  child: Icon(
+                                    Icons.help_outline,
+                                    size: 16,
+                                    color: customColors.weakLinkColor?.withAlpha(150),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            CupertinoSwitch(
+                              activeColor: customColors.linkColor,
+                              value: enableReasoning,
+                              onChanged: (value) {
+                                setState(() {
+                                  enableReasoning = value;
+                                });
+                              },
+                            ),
+                          ],
+                        ),
+                        Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Row(
+                              children: [
+                                const Text(
+                                  'Search',
+                                  style: TextStyle(fontSize: 16),
+                                ),
+                                const SizedBox(width: 5),
+                                InkWell(
+                                  onTap: () {
+                                    showBeautyDialog(
+                                      context,
+                                      type: QuickAlertType.info,
+                                      text: 'Whether to enable search for the current model.',
+                                      confirmBtnText: AppLocale.gotIt.getString(context),
+                                      showCancelBtn: false,
+                                    );
+                                  },
+                                  child: Icon(
+                                    Icons.help_outline,
+                                    size: 16,
+                                    color: customColors.weakLinkColor?.withAlpha(150),
+                                  ),
+                                ),
+                              ],
+                            ),
+                            CupertinoSwitch(
+                              activeColor: customColors.linkColor,
+                              value: enableSearch,
+                              onChanged: (value) {
+                                setState(() {
+                                  enableSearch = value;
+                                });
+                              },
+                            ),
+                          ],
+                        ),
                         Row(
                           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                           children: [
@@ -923,6 +1010,8 @@ class _AdminModelEditPageState extends State<AdminModelEditPage> {
         tagBgColor: tagBgColor,
         isNew: isNew,
         isRecommend: isRecommended,
+        search: enableSearch,
+        reasoning: enableReasoning,
       ),
       status: modelEnabled ? 1 : 2,
       providers: ps,
diff --git a/lib/page/admin/payments.dart b/lib/page/admin/payments.dart
index 3a1a7a36..fa08b164 100644
--- a/lib/page/admin/payments.dart
+++ b/lib/page/admin/payments.dart
@@ -69,6 +69,7 @@ class _PaymentHistoriesPageState extends State<PaymentHistoriesPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Column(
           children: [
             Container(
diff --git a/lib/page/admin/recently_messages.dart b/lib/page/admin/recently_messages.dart
index 9490ac54..e10f6c73 100644
--- a/lib/page/admin/recently_messages.dart
+++ b/lib/page/admin/recently_messages.dart
@@ -64,6 +64,7 @@ class _AdminRecentlyMessagesPageState extends State<AdminRecentlyMessagesPage> {
       backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
         enabled: false,
         child: Column(
           children: [
diff --git a/lib/page/admin/rooms.dart b/lib/page/admin/rooms.dart
index 1cfa907d..9d1beab5 100644
--- a/lib/page/admin/rooms.dart
+++ b/lib/page/admin/rooms.dart
@@ -33,9 +33,7 @@ class AdminRoomsPage extends StatefulWidget {
 class _AdminRoomsPageState extends State<AdminRoomsPage> {
   @override
   void initState() {
-    context
-        .read<AdminRoomBloc>()
-        .add(AdminRoomsLoadEvent(userId: widget.userId));
+    context.read<AdminRoomBloc>().add(AdminRoomsLoadEvent(userId: widget.userId));
     super.initState();
   }
 
@@ -56,20 +54,18 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: RefreshIndicator(
           color: customColors.linkColor,
           onRefresh: () async {
-            context
-                .read<AdminRoomBloc>()
-                .add(AdminRoomsLoadEvent(userId: widget.userId));
+            context.read<AdminRoomBloc>().add(AdminRoomsLoadEvent(userId: widget.userId));
           },
           displacement: 20,
           child: BlocConsumer<AdminRoomBloc, AdminRoomState>(
             listener: (context, state) {
               if (state is AdminRoomOperationResult) {
                 if (state.success) {
-                  showSuccessMessage(
-                      AppLocale.operateSuccess.getString(context));
+                  showSuccessMessage(AppLocale.operateSuccess.getString(context));
                 } else {
                   showErrorMessage(AppLocale.operateFailed.getString(context));
                 }
@@ -90,8 +86,7 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
                           horizontal: 10,
                           vertical: 5,
                         ),
-                        decoration: BoxDecoration(
-                            borderRadius: CustomSize.borderRadius),
+                        decoration: BoxDecoration(borderRadius: CustomSize.borderRadius),
                         child: Material(
                           borderRadius: CustomSize.borderRadius,
                           color: customColors.columnBlockBackgroundColor,
@@ -109,31 +104,23 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
                                     _buildAvatar(room),
                                     Expanded(
                                       child: Container(
-                                        padding: const EdgeInsets.symmetric(
-                                            horizontal: 10),
+                                        padding: const EdgeInsets.symmetric(horizontal: 10),
                                         child: Column(
-                                          crossAxisAlignment:
-                                              CrossAxisAlignment.start,
+                                          crossAxisAlignment: CrossAxisAlignment.start,
                                           children: [
                                             Row(
-                                              mainAxisAlignment:
-                                                  MainAxisAlignment
-                                                      .spaceBetween,
+                                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                               children: [
                                                 Expanded(
                                                   child: Text(
                                                     room.name,
-                                                    overflow:
-                                                        TextOverflow.ellipsis,
+                                                    overflow: TextOverflow.ellipsis,
                                                   ),
                                                 ),
                                                 Text(
-                                                  humanTime(
-                                                      room.lastActiveTime),
+                                                  humanTime(room.lastActiveTime),
                                                   style: TextStyle(
-                                                    color: customColors
-                                                        .weakLinkColor
-                                                        ?.withAlpha(65),
+                                                    color: customColors.weakLinkColor?.withAlpha(65),
                                                     fontSize: 10,
                                                   ),
                                                 ),
@@ -151,15 +138,13 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
                                     top: 0,
                                     child: Container(
                                       decoration: BoxDecoration(
-                                        color: customColors
-                                            .backgroundContainerColor,
+                                        color: customColors.backgroundContainerColor,
                                         borderRadius: const BorderRadius.only(
                                           topRight: CustomSize.radius,
                                           bottomLeft: CustomSize.radius,
                                         ),
                                       ),
-                                      padding: const EdgeInsets.symmetric(
-                                          horizontal: 8, vertical: 2),
+                                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
                                       child: Text(
                                         AppLocale.groupChat.getString(context),
                                         style: TextStyle(
@@ -190,8 +175,7 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
   }
 
   Widget _buildAvatar(RoomInServer room) {
-    if (room.members.length == 1 &&
-        (room.avatarUrl == null || room.avatarUrl == '')) {
+    if (room.members.length == 1 && (room.avatarUrl == null || room.avatarUrl == '')) {
       room.avatarUrl = room.members[0];
     }
 
@@ -200,8 +184,7 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
         width: 70,
         height: 70,
         child: ClipRRect(
-          borderRadius: const BorderRadius.only(
-              topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
+          borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
           child: CachedNetworkImageEnhanced(
             imageUrl: imageURL(room.avatarUrl!, qiniuImageTypeAvatar),
             fit: BoxFit.fill,
@@ -212,8 +195,7 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
 
     if (room.members.isNotEmpty) {
       return ClipRRect(
-        borderRadius: const BorderRadius.only(
-            topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
+        borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
         child: GroupAvatar(
           size: 70,
           avatars: room.members,
@@ -225,8 +207,7 @@ class _AdminRoomsPageState extends State<AdminRoomsPage> {
       text: room.name.split('、').join(' '),
       size: 70,
       backgroundColor: Colors.grey.withAlpha(100),
-      borderRadius: const BorderRadius.only(
-          topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
+      borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
     );
   }
 }
diff --git a/lib/page/admin/user.dart b/lib/page/admin/user.dart
index 90f933dc..02775da7 100644
--- a/lib/page/admin/user.dart
+++ b/lib/page/admin/user.dart
@@ -168,6 +168,7 @@ class _AdminUserPageState extends State<AdminUserPage> {
       backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
         enabled: false,
         child: RefreshIndicator(
           color: customColors.linkColor,
diff --git a/lib/page/admin/users.dart b/lib/page/admin/users.dart
index 72b1a87e..fe59d46f 100644
--- a/lib/page/admin/users.dart
+++ b/lib/page/admin/users.dart
@@ -72,6 +72,7 @@ class _AdminUsersPageState extends State<AdminUsersPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Column(
           children: [
             Container(
diff --git a/lib/page/auth/signin_or_signup.dart b/lib/page/auth/signin_or_signup.dart
index 9754f563..67f0a7ba 100644
--- a/lib/page/auth/signin_or_signup.dart
+++ b/lib/page/auth/signin_or_signup.dart
@@ -71,9 +71,9 @@ class _SigninOrSignupScreenState extends State<SigninOrSignupScreen> {
       appBar: AppBar(
         toolbarHeight: CustomSize.toolbarHeight,
         backgroundColor: Colors.transparent,
-        title: const Text(
-          '验证账号',
-          style: TextStyle(fontSize: CustomSize.appBarTitleSize),
+        title: Text(
+          AppLocale.verifyAccount.getString(context),
+          style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
         ),
         centerTitle: true,
         leading: IconButton(
@@ -112,7 +112,7 @@ class _SigninOrSignupScreenState extends State<SigninOrSignupScreen> {
         Padding(
           padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 20),
           child: Text(
-            '请使用 ${widget.username} 的密码进行登录。',
+            AppLocale.enterPasswordToSignin.getString(context),
             style: TextStyle(
               color: customColors.weakTextColor?.withAlpha(200),
               fontSize: 15,
@@ -189,7 +189,7 @@ class _SigninOrSignupScreenState extends State<SigninOrSignupScreen> {
                   });
                 },
                 child: Text(
-                  '验证码登录',
+                  AppLocale.verifyCodeLogin.getString(context),
                   style: TextStyle(
                     color: customColors.weakLinkColor?.withAlpha(120),
                     fontSize: 14,
@@ -226,7 +226,7 @@ class _SigninOrSignupScreenState extends State<SigninOrSignupScreen> {
         Padding(
           padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 20),
           child: Text(
-            '请发送验证码至 ${widget.username} 以完成操作。',
+            AppLocale.verifyCodeLoginTips.getString(context),
             style: TextStyle(
               color: customColors.weakTextColor,
               fontSize: 15,
@@ -313,7 +313,7 @@ class _SigninOrSignupScreenState extends State<SigninOrSignupScreen> {
                     });
                   },
                   child: Text(
-                    '使用密码登录',
+                    AppLocale.usePasswordToSignin.getString(context),
                     style: TextStyle(
                       color: customColors.weakLinkColor?.withAlpha(120),
                       fontSize: 14,
diff --git a/lib/page/auth/signin_screen.dart b/lib/page/auth/signin_screen.dart
index 96fdd9ed..17ad30d5 100644
--- a/lib/page/auth/signin_screen.dart
+++ b/lib/page/auth/signin_screen.dart
@@ -81,16 +81,16 @@ class _SignInScreenState extends State<SignInScreen> {
               await showBeautyDialog(
                 context,
                 type: QuickAlertType.confirm,
-                title: '提示',
-                text: '该微信未绑定任何账号，是否直接登录？\n（自动创建账号）',
-                confirmBtnText: '直接登录',
+                title: AppLocale.tips.getString(context),
+                text: AppLocale.wechatBindConfirm.getString(context),
+                confirmBtnText: AppLocale.directSignin.getString(context),
                 onConfirmBtnTap: () async {
                   await confirmWeChatSignin(tryRes.token);
                   // ignore: use_build_context_synchronously
                   context.pop();
                 },
                 showCancelBtn: true,
-                cancelBtnText: '绑定已有账号',
+                cancelBtnText: AppLocale.bindExAccount.getString(context),
                 onCancelBtnTap: () {
                   setState(() {
                     wechatBindToken = tryRes.token;
@@ -213,9 +213,6 @@ class _SignInScreenState extends State<SignInScreen> {
                         focusedBorder: OutlineInputBorder(
                           borderSide: BorderSide(color: customColors.linkColor ?? Colors.green),
                         ),
-                        floatingLabelStyle: TextStyle(
-                          color: customColors.linkColor ?? Colors.green,
-                        ),
                         isDense: true,
                         floatingLabelBehavior: FloatingLabelBehavior.always,
                         labelText: AppLocale.account.getString(context),
@@ -234,7 +231,7 @@ class _SignInScreenState extends State<SignInScreen> {
                     width: double.infinity,
                     padding: const EdgeInsets.symmetric(horizontal: 15),
                     child: Text(
-                      '未注册的账号验证成功后将自动注册',
+                      AppLocale.accountWillBeCreateAutomatically.getString(context),
                       style: TextStyle(
                         color: customColors.weakTextColor?.withAlpha(80),
                         fontSize: 14,
@@ -250,9 +247,9 @@ class _SignInScreenState extends State<SignInScreen> {
                     decoration: BoxDecoration(color: customColors.linkColor, borderRadius: CustomSize.borderRadius),
                     child: TextButton(
                       onPressed: onSigninSubmit,
-                      child: const Text(
-                        '验证',
-                        style: TextStyle(color: Colors.white, fontSize: 18),
+                      child: Text(
+                        AppLocale.verify.getString(context),
+                        style: const TextStyle(color: Colors.white, fontSize: 18),
                       ),
                     ),
                   ),
@@ -426,11 +423,11 @@ class _SignInScreenState extends State<SignInScreen> {
 
                 final ok = await sendWeChatAuth(scope: "snsapi_userinfo", state: "wechat_sdk_demo_test");
                 if (!ok) {
-                  showErrorMessage('请先安装微信后再使用该功能');
+                  showErrorMessage(AppLocale.installWechatFirst.getString(context));
                 }
               },
               backgroundColor: Colors.green,
-              text: '微信',
+              text: AppLocale.wechat.getString(context),
               icon: Icons.wechat,
             ));
           }
@@ -443,7 +440,7 @@ class _SignInScreenState extends State<SignInScreen> {
         return Column(
           children: [
             Text(
-              '其它登录方式',
+              AppLocale.otherLoginMethods.getString(context),
               style: TextStyle(
                 fontSize: 13,
                 color: customColors.weakTextColor?.withAlpha(80),
diff --git a/lib/page/auth/signup_screen.dart b/lib/page/auth/signup_screen.dart
index a5b2b711..40ea0d89 100644
--- a/lib/page/auth/signup_screen.dart
+++ b/lib/page/auth/signup_screen.dart
@@ -347,7 +347,7 @@ class _SignupScreenState extends State<SignupScreen> {
                               }
                             },
                             child: Text(
-                              AppLocale.directSignin.getString(context),
+                              AppLocale.directSigninDueHasAccount.getString(context),
                               style: TextStyle(
                                 color: customColors.linkColor,
                                 fontSize: 14,
diff --git a/lib/page/balance/free_statistics.dart b/lib/page/balance/free_statistics.dart
index 4f3220dc..ef013029 100644
--- a/lib/page/balance/free_statistics.dart
+++ b/lib/page/balance/free_statistics.dart
@@ -46,6 +46,7 @@ class _FreeStatisticsPageState extends State<FreeStatisticsPage> {
       backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
         enabled: false,
         child: RefreshIndicator(
           displacement: 20,
diff --git a/lib/page/balance/payment.dart b/lib/page/balance/payment.dart
index d88ce7e5..a269d8e1 100644
--- a/lib/page/balance/payment.dart
+++ b/lib/page/balance/payment.dart
@@ -227,6 +227,7 @@ class _PaymentScreenState extends State<PaymentScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: SingleChildScrollView(
           child: Container(
             padding: const EdgeInsets.all(10),
diff --git a/lib/page/balance/payment_history.dart b/lib/page/balance/payment_history.dart
index 4a1c951b..c76b7af4 100644
--- a/lib/page/balance/payment_history.dart
+++ b/lib/page/balance/payment_history.dart
@@ -38,6 +38,7 @@ class _PaymentHistoryScreenState extends State<PaymentHistoryScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Container(
           padding: const EdgeInsets.all(16),
           child: FutureBuilder(
@@ -96,7 +97,7 @@ class _PaymentHistoryScreenState extends State<PaymentHistoryScreen> {
                         right: 16,
                       ),
                       decoration: BoxDecoration(
-                        color: customColors.backgroundContainerColor,
+                        color: customColors.listTileBackgroundColor,
                         borderRadius: CustomSize.borderRadius,
                       ),
                       child: Column(
diff --git a/lib/page/balance/price_block.dart b/lib/page/balance/price_block.dart
index 3b029d14..75df14e9 100644
--- a/lib/page/balance/price_block.dart
+++ b/lib/page/balance/price_block.dart
@@ -33,7 +33,7 @@ class PriceBlock extends StatelessWidget {
           padding: const EdgeInsets.all(20),
           alignment: Alignment.center,
           decoration: BoxDecoration(
-            color: customColors.backgroundContainerColor,
+            color: customColors.listTileBackgroundColor,
             border: Border.all(
               color: (selectedProduct != null && selectedProduct!.id == detail.id)
                   ? customColors.linkColor ?? Colors.green
diff --git a/lib/page/balance/quota_usage_details.dart b/lib/page/balance/quota_usage_details.dart
index 82d9606d..b0ed264f 100644
--- a/lib/page/balance/quota_usage_details.dart
+++ b/lib/page/balance/quota_usage_details.dart
@@ -55,6 +55,7 @@ class _QuotaUsageDetailScreenState extends State<QuotaUsageDetailScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Container(
           padding: const EdgeInsets.all(16),
           child: _buildQuotaUsagePage(context, customColors),
@@ -103,7 +104,7 @@ class _QuotaUsageDetailScreenState extends State<QuotaUsageDetailScreen> {
                   margin: const EdgeInsets.symmetric(vertical: 6),
                   padding: const EdgeInsets.all(16),
                   decoration: BoxDecoration(
-                    color: customColors.backgroundContainerColor,
+                    color: customColors.listTileBackgroundColor,
                     borderRadius: CustomSize.borderRadius,
                   ),
                   child: Row(
diff --git a/lib/page/balance/quota_usage_statistics.dart b/lib/page/balance/quota_usage_statistics.dart
index 59c1b10e..67b950d3 100644
--- a/lib/page/balance/quota_usage_statistics.dart
+++ b/lib/page/balance/quota_usage_statistics.dart
@@ -53,6 +53,7 @@ class _QuotaUsageStatisticsScreenState extends State<QuotaUsageStatisticsScreen>
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Container(
           padding: const EdgeInsets.all(16),
           child: Column(
@@ -112,7 +113,7 @@ class _QuotaUsageStatisticsScreenState extends State<QuotaUsageStatisticsScreen>
                   margin: const EdgeInsets.symmetric(vertical: 6),
                   padding: const EdgeInsets.all(16),
                   decoration: BoxDecoration(
-                    color: customColors.backgroundContainerColor,
+                    color: customColors.listTileBackgroundColor,
                     borderRadius: CustomSize.borderRadius,
                   ),
                   child: InkWell(
diff --git a/lib/page/balance/web_payment_proxy.dart b/lib/page/balance/web_payment_proxy.dart
index e454f713..80724621 100644
--- a/lib/page/balance/web_payment_proxy.dart
+++ b/lib/page/balance/web_payment_proxy.dart
@@ -12,8 +12,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_localization/flutter_localization.dart';
 import 'package:flutter_stripe/flutter_stripe.dart';
 
-import 'web/payment_element.dart'
-    if (dart.library.js) 'web/payment_element_web.dart';
+import 'web/payment_element.dart' if (dart.library.js) 'web/payment_element_web.dart';
 
 class WebPaymentProxy extends StatefulWidget {
   final SettingRepository setting;
@@ -63,6 +62,7 @@ class _WebPaymentProxyState extends State<WebPaymentProxy> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         maxWidth: CustomSize.smallWindowSize,
         child: Center(
           child: FutureBuilder(
@@ -101,8 +101,7 @@ class _WebPaymentProxyState extends State<WebPaymentProxy> {
                           final cancel = BotToast.showCustomLoading(
                             toastBuilder: (cancel) {
                               return LoadingIndicator(
-                                message:
-                                    AppLocale.processingWait.getString(context),
+                                message: AppLocale.processingWait.getString(context),
                               );
                             },
                             allowClick: false,
diff --git a/lib/page/chat/room_chat.dart b/lib/page/chat/character_chat.dart
similarity index 79%
rename from lib/page/chat/room_chat.dart
rename to lib/page/chat/character_chat.dart
index 5d8ba763..f847bd74 100644
--- a/lib/page/chat/room_chat.dart
+++ b/lib/page/chat/character_chat.dart
@@ -9,13 +9,12 @@ import 'package:askaide/page/chat/component/model_switcher.dart';
 import 'package:askaide/page/chat/component/stop_button.dart';
 import 'package:askaide/page/component/audio_player.dart';
 import 'package:askaide/page/component/background_container.dart';
+import 'package:askaide/page/component/chat/chat_input_button.dart';
 import 'package:askaide/page/component/chat/empty.dart';
 import 'package:askaide/page/component/chat/file_upload.dart';
-import 'package:askaide/page/component/chat/help_tips.dart';
 import 'package:askaide/page/component/chat/message_state_manager.dart';
 import 'package:askaide/page/component/chat/role_avatar.dart';
 import 'package:askaide/page/component/effect/glass.dart';
-import 'package:askaide/page/component/enhanced_popup_menu.dart';
 import 'package:askaide/page/component/enhanced_textfield.dart';
 import 'package:askaide/page/component/global_alert.dart';
 import 'package:askaide/page/component/loading.dart';
@@ -40,12 +39,12 @@ import 'package:askaide/repo/model/model.dart' as mm;
 
 import '../component/dialog.dart';
 
-class RoomChatPage extends StatefulWidget {
+class CharacterChatPage extends StatefulWidget {
   final int roomId;
   final MessageStateManager stateManager;
   final SettingRepository setting;
 
-  const RoomChatPage({
+  const CharacterChatPage({
     super.key,
     required this.roomId,
     required this.stateManager,
@@ -53,10 +52,10 @@ class RoomChatPage extends StatefulWidget {
   });
 
   @override
-  State<RoomChatPage> createState() => _RoomChatPageState();
+  State<CharacterChatPage> createState() => _CharacterChatPageState();
 }
 
-class _RoomChatPageState extends State<RoomChatPage> {
+class _CharacterChatPageState extends State<CharacterChatPage> {
   final ScrollController _scrollController = ScrollController();
   final ValueNotifier<bool> _inputEnabled = ValueNotifier(true);
   final ChatPreviewController _chatPreviewController = ChatPreviewController();
@@ -75,12 +74,20 @@ class _RoomChatPageState extends State<RoomChatPage> {
   // 全量模型列表
   List<mm.Model> supportModels = [];
 
+  // 聊天室 ID，当没有值时，会在第一个聊天消息发送后自动设置新值
+  int? chatId;
+
+  /// 是否启用搜索
+  bool enableSearch = false;
+
+  /// 是否启用推理
+  bool enableReasoning = false;
+
   @override
   void initState() {
     super.initState();
 
-    context.read<ChatMessageBloc>().add(ChatMessageGetRecentEvent());
-    context.read<RoomBloc>().add(RoomLoadEvent(widget.roomId, cascading: true));
+    reloadPage();
 
     _chatPreviewController.addListener(() {
       setState(() {});
@@ -103,13 +110,18 @@ class _RoomChatPageState extends State<RoomChatPage> {
     };
 
     // 加载模型列表，用于查询模型名称
-    ModelAggregate.models(withCustom: true).then((value) {
+    ModelAggregate.models().then((value) {
       setState(() {
         supportModels = value;
       });
     });
   }
 
+  reloadPage() {
+    context.read<ChatMessageBloc>().add(ChatMessageGetRecentEvent(chatHistoryId: chatId));
+    context.read<RoomBloc>().add(RoomLoadEvent(widget.roomId, cascading: true));
+  }
+
   @override
   void dispose() {
     _scrollController.dispose();
@@ -122,12 +134,12 @@ class _RoomChatPageState extends State<RoomChatPage> {
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
 
-    return BackgroundContainer(
-      setting: widget.setting,
-      child: Scaffold(
-        appBar: _buildAppBar(context, customColors),
-        backgroundColor: Colors.transparent,
-        body: _buildChatComponents(customColors),
+    return Scaffold(
+      appBar: _buildAppBar(context, customColors),
+      backgroundColor: customColors.backgroundContainerColor,
+      body: BackgroundContainer(
+        setting: widget.setting,
+        child: _buildChatComponents(customColors),
       ),
     );
   }
@@ -151,6 +163,11 @@ class _RoomChatPageState extends State<RoomChatPage> {
         if (room is RoomLoaded) {
           final enableImageUpload =
               tempModel == null ? (roomModel != null && roomModel!.supportVision) : (tempModel?.supportVision ?? false);
+          final showReasoning = tempModel == null
+              ? (roomModel != null && roomModel!.supportReasoning)
+              : (tempModel?.supportReasoning ?? false);
+          final showSearch =
+              tempModel == null ? (roomModel != null && roomModel!.supportSearch) : (tempModel?.supportSearch ?? false);
           return SafeArea(
             top: false,
             bottom: false,
@@ -221,7 +238,6 @@ class _RoomChatPageState extends State<RoomChatPage> {
                             });
                           },
                           selectedFile: selectedFile,
-                          onNewChat: () => handleResetContext(context),
                           hintText: AppLocale.askMeAnyQuestion.getString(context),
                           onVoiceRecordTappedEvent: () {
                             _audioPlayerController.stop();
@@ -229,16 +245,30 @@ class _RoomChatPageState extends State<RoomChatPage> {
                           onStopGenerate: () {
                             context.read<ChatMessageBloc>().add(ChatMessageStopEvent());
                           },
-                          leftSideToolsBuilder: () {
+                          toolsBuilder: () {
                             return [
-                              ModelSwitcher(
-                                onSelected: (selected) {
-                                  setState(() {
-                                    tempModel = selected;
-                                  });
-                                },
-                                value: tempModel,
-                              ),
+                              if (showSearch)
+                                ChatInputButton(
+                                  text: AppLocale.search.getString(context),
+                                  icon: Icons.language_outlined,
+                                  onPressed: () {
+                                    setState(() {
+                                      enableSearch = !enableSearch;
+                                    });
+                                  },
+                                  isActive: enableSearch,
+                                ),
+                              if (showReasoning)
+                                ChatInputButton(
+                                  text: AppLocale.reasoning.getString(context),
+                                  icon: Icons.tips_and_updates_outlined,
+                                  onPressed: () {
+                                    setState(() {
+                                      enableReasoning = !enableReasoning;
+                                    });
+                                  },
+                                  isActive: enableReasoning,
+                                ),
                             ];
                           },
                         ),
@@ -260,6 +290,12 @@ class _RoomChatPageState extends State<RoomChatPage> {
   ) {
     return BlocConsumer<ChatMessageBloc, ChatMessageState>(
       listener: (context, state) {
+        if (state is ChatHistoryInited) {
+          setState(() {
+            chatId = state.chatId;
+          });
+        }
+
         if (state is ChatMessagesLoaded && state.error == null) {
           setState(() {
             selectedImageFiles = [];
@@ -295,7 +331,7 @@ class _RoomChatPageState extends State<RoomChatPage> {
       buildWhen: (prv, cur) => cur is ChatMessagesLoaded,
       builder: (context, state) {
         if (state is ChatMessagesLoaded) {
-          final loadedMessages = state.messages as List<Message>;
+          final loadedMessages = List<Message>.from(state.messages);
           if (room.room.initMessage != null && room.room.initMessage != '' && loadedMessages.isEmpty) {
             loadedMessages.add(
               Message(
@@ -308,13 +344,14 @@ class _RoomChatPageState extends State<RoomChatPage> {
           }
 
           if (loadedMessages.isEmpty) {
-            return Padding(
-              padding: const EdgeInsets.only(left: 15, right: 15, top: 10),
-              child: EmptyPreview(
+            // 聊天内容为空时，显示示例页面
+            if (loadedMessages.isEmpty) {
+              return EmptyPreview(
                 examples: room.examples ?? [],
                 onSubmit: _handleSubmit,
-              ),
-            );
+                cardMode: true,
+              );
+            }
           }
 
           final messages = loadedMessages.map((e) {
@@ -359,7 +396,7 @@ class _RoomChatPageState extends State<RoomChatPage> {
                 margin: const EdgeInsets.fromLTRB(0, 0, 10, 7),
                 padding: const EdgeInsets.symmetric(horizontal: 13),
                 child: Text(
-                  message.senderName!,
+                  room.room.name,
                   style: TextStyle(
                     color: customColors.weakTextColor,
                     fontSize: 12,
@@ -368,9 +405,8 @@ class _RoomChatPageState extends State<RoomChatPage> {
               );
             },
             onDeleteMessage: (id) {
-              handleDeleteMessage(context, id);
+              handleDeleteMessage(context, id, chatHistoryId: chatId);
             },
-            onResetContext: () => handleResetContext(context),
             onSpeakEvent: (message) {
               _audioPlayerController.playAudio(message.text);
             },
@@ -378,14 +414,6 @@ class _RoomChatPageState extends State<RoomChatPage> {
               _scrollController.animateTo(0, duration: const Duration(milliseconds: 500), curve: Curves.easeOut);
               _handleSubmit(message.text, messagetType: message.type, index: index, isResent: true);
             },
-            helpWidgets: state.processing || loadedMessages.last.isInitMessage()
-                ? null
-                : [
-                    HelpTips(
-                      onSubmitMessage: _handleSubmit,
-                      onNewChat: () => handleResetContext(context),
-                    )
-                  ],
           );
         }
         return const Center(child: CircularProgressIndicator());
@@ -423,44 +451,24 @@ class _RoomChatPageState extends State<RoomChatPage> {
               buildWhen: (previous, current) => current is RoomLoaded,
               builder: (context, state) {
                 if (state is RoomLoaded) {
-                  return Column(
-                    crossAxisAlignment: CrossAxisAlignment.center,
-                    children: [
-                      // 房间名称
-                      Text(
-                        state.room.name,
-                        style: const TextStyle(fontSize: 16),
-                      ),
-                      // BlocBuilder<FreeCountBloc, FreeCountState>(
-                      //   buildWhen: (previous, current) =>
-                      //       current is FreeCountLoadedState,
-                      //   builder: (context, freeState) {
-                      //     if (freeState is FreeCountLoadedState) {
-                      //       final matched = freeState.model(state.room.model);
-                      //       if (matched != null &&
-                      //           matched.leftCount > 0 &&
-                      //           matched.maxCount > 0) {
-                      //         return Text(
-                      //           '今日剩余免费 ${matched.leftCount} 次',
-                      //           style: TextStyle(
-                      //             color: customColors.weakTextColor,
-                      //             fontSize: 12,
-                      //           ),
-                      //         );
-                      //       }
-                      //     }
-                      //     return const SizedBox();
-                      //   },
-                      // ),
-                      // 模型名称
-                      // Text(
-                      //   state.room.model.split(':').last,
-                      //   style: TextStyle(
-                      //     fontSize: 12,
-                      //     color: Theme.of(context).textTheme.bodySmall!.color,
-                      //   ),
-                      // ),
-                    ],
+                  return GestureDetector(
+                    onTap: () {
+                      ModelSwitcher.openActionDialog(
+                        context: context,
+                        onSelected: (selected) {
+                          setState(() {
+                            tempModel = selected;
+                          });
+                        },
+                        initValue: tempModel,
+                      );
+                    },
+                    child: Text(
+                      state.room.name,
+                      overflow: TextOverflow.ellipsis,
+                      maxLines: 1,
+                      style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
+                    ),
                   );
                 }
 
@@ -468,12 +476,23 @@ class _RoomChatPageState extends State<RoomChatPage> {
               },
             ),
             actions: [
-              buildChatMoreMenu(context, widget.roomId),
+              IconButton(
+                icon: const Icon(Icons.maps_ugc_outlined),
+                onPressed: createNewChat,
+              ),
             ],
             toolbarHeight: CustomSize.toolbarHeight,
           );
   }
 
+  /// 创建新的聊天
+  void createNewChat() {
+    setState(() {
+      chatId = null;
+    });
+    reloadPage();
+  }
+
   /// 提交新消息
   void _handleSubmit(
     String text, {
@@ -566,6 +585,8 @@ class _RoomChatPageState extends State<RoomChatPage> {
       }
     }
 
+    // showSuccessMessage('Model: ${roomModel?.id}/${tempModel?.id}');
+
     // ignore: use_build_context_synchronously
     context.read<ChatMessageBloc>().add(
           ChatMessageSendEvent(
@@ -582,6 +603,12 @@ class _RoomChatPageState extends State<RoomChatPage> {
                       'url': selectedFile!.url,
                     })
                   : null,
+              chatHistoryId: chatId,
+              model: roomModel?.id,
+              flags: [
+                if (enableSearch) 'search',
+                if (enableReasoning) 'reasoning',
+              ],
             ),
             index: index,
             isResent: isResent,
@@ -591,8 +618,6 @@ class _RoomChatPageState extends State<RoomChatPage> {
 
     // ignore: use_build_context_synchronously
     context.read<NotifyBloc>().add(NotifyResetEvent());
-    // ignore: use_build_context_synchronously
-    context.read<RoomBloc>().add(RoomLoadEvent(widget.roomId, cascading: false));
   }
 }
 
@@ -606,32 +631,6 @@ void handleDeleteMessage(BuildContext context, int id, {int? chatHistoryId}) {
   );
 }
 
-/// 重置上下文
-void handleResetContext(BuildContext context) {
-  // openConfirmDialog(
-  //   context,
-  //   AppLocale.confirmStartNewChat.getString(context),
-  //   () {
-  context.read<ChatMessageBloc>().add(ChatMessageBreakContextEvent());
-  HapticFeedbackHelper.mediumImpact();
-  //   },
-  // );
-}
-
-/// 清空历史消息
-void handleClearHistory(BuildContext context) {
-  openConfirmDialog(
-    context,
-    AppLocale.confirmClearMessages.getString(context),
-    () {
-      context.read<ChatMessageBloc>().add(ChatMessageClearAllEvent());
-      showSuccessMessage(AppLocale.operateSuccess.getString(context));
-      HapticFeedbackHelper.mediumImpact();
-    },
-    danger: true,
-  );
-}
-
 /// 打开示例问题列表
 void handleOpenExampleQuestion(
   BuildContext context,
@@ -738,43 +737,3 @@ void handleOpenExampleQuestion(
     },
   );
 }
-
-/// 构建聊天设置下拉菜单
-Widget buildChatMoreMenu(
-  BuildContext context,
-  int chatRoomId, {
-  bool useLocalContext = true,
-  bool withSetting = true,
-}) {
-  var customColors = Theme.of(context).extension<CustomColors>()!;
-
-  return EnhancedPopupMenu(
-    items: [
-      EnhancedPopupMenuItem(
-        title: AppLocale.newChat.getString(context),
-        icon: Icons.post_add,
-        iconColor: Colors.blue,
-        onTap: (ctx) {
-          handleResetContext(useLocalContext ? ctx : context);
-        },
-      ),
-      EnhancedPopupMenuItem(
-        title: AppLocale.clearChatHistory.getString(context),
-        icon: Icons.delete_forever,
-        iconColor: Colors.red,
-        onTap: (ctx) {
-          handleClearHistory(useLocalContext ? ctx : context);
-        },
-      ),
-      if (withSetting)
-        EnhancedPopupMenuItem(
-          title: AppLocale.settings.getString(context),
-          icon: Icons.settings,
-          iconColor: customColors.linkColor,
-          onTap: (_) {
-            context.push('/room/$chatRoomId/setting');
-          },
-        ),
-    ],
-  );
-}
diff --git a/lib/page/chat/room_create.dart b/lib/page/chat/character_create.dart
similarity index 52%
rename from lib/page/chat/room_create.dart
rename to lib/page/chat/character_create.dart
index f9f8b745..5640abe4 100644
--- a/lib/page/chat/room_create.dart
+++ b/lib/page/chat/character_create.dart
@@ -6,6 +6,7 @@ import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/helper.dart';
 import 'package:askaide/helper/upload.dart';
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/advanced_button.dart';
 import 'package:askaide/page/component/avatar_selector.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/column_block.dart';
@@ -16,17 +17,13 @@ import 'package:askaide/page/component/image.dart';
 import 'package:askaide/page/component/item_selector_search.dart';
 import 'package:askaide/page/component/loading.dart';
 import 'package:askaide/page/component/random_avatar.dart';
-import 'package:askaide/page/component/room_card.dart';
-import 'package:askaide/page/component/weak_text_button.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
-import 'package:askaide/repo/api/room_gallery.dart';
 import 'package:askaide/repo/api_server.dart';
 import 'package:askaide/repo/settings_repo.dart';
 import 'package:bot_toast/bot_toast.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_localization/flutter_localization.dart';
-import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/model.dart';
 import 'package:askaide/page/component/model_item.dart';
 import 'package:askaide/page/component/dialog.dart';
@@ -35,18 +32,17 @@ import 'package:askaide/repo/model/model.dart' as mm;
 import 'package:go_router/go_router.dart';
 
 /// 创建聊天室对话框
-class RoomCreatePage extends StatefulWidget {
+class CharacterCreatePage extends StatefulWidget {
   final SettingRepository setting;
-  const RoomCreatePage({super.key, required this.setting});
+  const CharacterCreatePage({super.key, required this.setting});
 
   @override
-  State<RoomCreatePage> createState() => _RoomCreatePageState();
+  State<CharacterCreatePage> createState() => _CharacterCreatePageState();
 }
 
-class _RoomCreatePageState extends State<RoomCreatePage> {
+class _CharacterCreatePageState extends State<CharacterCreatePage> {
   final _nameController = TextEditingController(text: '');
   final _promptController = TextEditingController(text: '');
-  final _initMessageController = TextEditingController(text: '');
 
   final randomSeed = Random().nextInt(10000);
 
@@ -55,7 +51,7 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
 
   List<String> avatarPresets = [];
 
-  int maxContext = 3;
+  int maxContext = 6;
 
   List<ChatMemory> validMemories = [
     ChatMemory('Ephemeral', 1, description: 'Each conversation is independent, often used for one-off Q&A'),
@@ -68,7 +64,6 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
 
   mm.Model? _selectedModel;
 
-  List<RoomGallery> selectedSuggestions = [];
   List<String> tags = [];
 
   @override
@@ -79,8 +74,6 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
       APIServer().avatars().then((value) {
         avatarPresets = value;
       });
-
-      context.read<RoomBloc>().add(RoomGalleriesLoadEvent());
     }
   }
 
@@ -88,7 +81,6 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
   void dispose() {
     _nameController.dispose();
     _promptController.dispose();
-    _initMessageController.dispose();
     super.dispose();
   }
 
@@ -110,7 +102,8 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
-        maxWidth: 0,
+        maxWidth: CustomSize.maxWindowSize,
+        backgroundColor: customColors.backgroundColor,
         child: BlocListener<RoomBloc, RoomState>(
           listenWhen: (previous, current) => current is RoomOperationResult,
           listener: (context, state) {
@@ -118,8 +111,12 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
               if (state.success) {
                 if (state.redirect != null) {
                   context.push(state.redirect!).then((value) {
-                    context.read<RoomBloc>().add(RoomsLoadEvent());
+                    if (context.mounted) {
+                      context.read<RoomBloc>().add(RoomsLoadEvent());
+                    }
                   });
+                } else {
+                  context.pop();
                 }
               } else {
                 showErrorMessageEnhanced(context, state.error ?? AppLocale.operateFailed.getString(context));
@@ -128,154 +125,14 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
           },
           child: Padding(
             padding: const EdgeInsets.symmetric(horizontal: 10),
-            child: Ability().isUserLogon()
-                ? SafeArea(
-                    top: false,
-                    child: DefaultTabController(
-                      length: tags.length + (selectedSuggestions.isEmpty ? 1 : 0),
-                      child: Column(
-                        crossAxisAlignment: CrossAxisAlignment.start,
-                        children: [
-                          Theme(
-                            data: Theme.of(context).copyWith(
-                              colorScheme:
-                                  Theme.of(context).colorScheme.copyWith(surfaceContainerHighest: Colors.transparent),
-                            ),
-                            child: TabBar(
-                              tabs: [
-                                for (var tag in tags) Tab(text: tag),
-                                if (selectedSuggestions.isEmpty) Tab(text: AppLocale.custom.getString(context)),
-                              ],
-                              isScrollable: true,
-                              labelColor: customColors.linkColor,
-                              indicator: const BoxDecoration(),
-                              labelPadding: const EdgeInsets.only(right: 5, left: 10),
-                              overlayColor: WidgetStateProperty.all(Colors.transparent),
-                              tabAlignment: TabAlignment.center,
-                            ),
-                          ),
-                          Expanded(
-                            child: BlocConsumer<RoomBloc, RoomState>(
-                              listenWhen: (previous, current) => current is RoomGalleriesLoaded,
-                              listener: (context, state) {
-                                if (state is RoomGalleriesLoaded) {
-                                  if (state.error != null) {
-                                    showErrorMessageEnhanced(context, state.error!);
-                                  }
-
-                                  if (state.galleries.isNotEmpty) {
-                                    tags = state.tags;
-
-                                    setState(() {});
-                                  }
-                                }
-                              },
-                              buildWhen: (previous, current) => current is RoomGalleriesLoaded,
-                              builder: (context, state) {
-                                if (state is RoomGalleriesLoaded) {
-                                  return TabBarView(
-                                    children: [
-                                      for (var tag in tags)
-                                        buildSuggestTab(
-                                          customColors,
-                                          context,
-                                          state.galleries.where((element) => element.tags.contains(tag)).toList(),
-                                        ),
-                                      if (selectedSuggestions.isEmpty) buildCustomTab(customColors, context),
-                                    ],
-                                  );
-                                }
-
-                                return const Center(
-                                  child: CircularProgressIndicator(),
-                                );
-                              },
-                            ),
-                          )
-                        ],
-                      ),
-                    ),
-                  )
-                : buildCustomTab(customColors, context),
+            child: buildCustomCharacter(customColors, context),
           ),
         ),
       ),
-      bottomNavigationBar: selectedSuggestions.isNotEmpty
-          ? SafeArea(
-              child: Container(
-                height: 70,
-                width: double.infinity,
-                padding: const EdgeInsets.symmetric(
-                  horizontal: 20,
-                  vertical: 10,
-                ),
-                child: Row(
-                  children: [
-                    WeakTextButton(
-                      title: AppLocale.cancel.getString(context),
-                      onPressed: () {
-                        selectedSuggestions.clear();
-                        setState(() {});
-                      },
-                    ),
-                    const SizedBox(width: 20),
-                    Expanded(
-                      child: EnhancedButton(
-                        title: AppLocale.ok.getString(context),
-                        onPressed: () {
-                          context
-                              .read<RoomBloc>()
-                              .add(GalleryRoomCopyEvent(selectedSuggestions.map((e) => e.id).toList()));
-                          showSuccessMessage(AppLocale.operateSuccess.getString(context));
-                          context.pop();
-                        },
-                      ),
-                    )
-                  ],
-                ),
-              ),
-            )
-          : null,
-    );
-  }
-
-  Widget buildSuggestTab(
-    CustomColors customColors,
-    BuildContext context,
-    List<RoomGallery> galleries,
-  ) {
-    return GridView.count(
-      shrinkWrap: true,
-      crossAxisCount: _calculateSuggestCrossAxisCount(),
-      childAspectRatio: 0.8,
-      crossAxisSpacing: 10,
-      mainAxisSpacing: 2,
-      padding: const EdgeInsets.all(10),
-      children: galleries
-          .map(
-            (item) => RoomCard(
-              item: item,
-              onItemSelected: onItemSelected,
-              selected: selectedSuggestions.contains(item),
-              fontsize: 15,
-              stopAllEvents: true,
-            ),
-          )
-          .toList(),
     );
   }
 
-  void onItemSelected(RoomGallery item) {
-    if (selectedSuggestions.contains(item)) {
-      selectedSuggestions.remove(item);
-    } else {
-      selectedSuggestions.add(item);
-    }
-
-    setState(() {});
-  }
-
-  Widget buildCustomTab(CustomColors customColors, BuildContext context) {
+  Widget buildCustomCharacter(CustomColors customColors, BuildContext context) {
     return SingleChildScrollView(
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
@@ -367,75 +224,44 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
           ),
           ColumnBlock(
             innerPanding: 10,
+            padding: const EdgeInsets.only(top: 15, left: 15, right: 15),
             children: [
-              if (_selectedModel != null && !_selectedModel!.isChatModel)
-                Container(
-                  margin: const EdgeInsets.only(top: 10),
-                  width: double.infinity,
-                  padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
-                  child: Text(
-                    defaultModelNotChatDesc,
-                    style: Theme.of(context)
-                        .textTheme
-                        .bodySmall
-                        ?.copyWith(fontSize: 14, color: const Color.fromARGB(255, 244, 155, 54)),
-                  ),
+              // 提示语
+              EnhancedTextField(
+                fontSize: 12,
+                customColors: customColors,
+                controller: _promptController,
+                labelText: AppLocale.prompt.getString(context),
+                labelPosition: LabelPosition.top,
+                hintText: AppLocale.promptHint.getString(context),
+                bottomButton: Row(
+                  children: [
+                    Icon(
+                      Icons.tips_and_updates_outlined,
+                      size: 13,
+                      color: customColors.linkColor?.withAlpha(150),
+                    ),
+                    const SizedBox(width: 5),
+                    Text(
+                      AppLocale.examples.getString(context),
+                      style: TextStyle(
+                        color: customColors.linkColor?.withAlpha(150),
+                        fontSize: 13,
+                      ),
+                    ),
+                  ],
                 ),
-
-              // 模型
-              EnhancedInputSimple(
-                title: AppLocale.model.getString(context),
-                padding: const EdgeInsets.only(top: 10, bottom: 10),
-                onPressed: () {
-                  openSelectModelDialog(
+                bottomButtonOnPressed: () async {
+                  openSystemPromptSelectDialog(
                     context,
-                    (selected) {
-                      setState(() {
-                        _selectedModel = selected;
-                      });
-                    },
-                    initValue: _selectedModel?.uid(),
+                    customColors,
+                    _promptController,
                   );
                 },
-                value: _selectedModel != null ? _selectedModel!.name : AppLocale.select.getString(context),
+                minLines: 4,
+                maxLines: 20,
+                showCounter: false,
               ),
-              // 提示语
-              if (_selectedModel != null && _selectedModel!.isChatModel)
-                EnhancedTextField(
-                  fontSize: 12,
-                  customColors: customColors,
-                  controller: _promptController,
-                  labelText: AppLocale.prompt.getString(context),
-                  labelPosition: LabelPosition.top,
-                  hintText: AppLocale.promptHint.getString(context),
-                  bottomButton: Row(
-                    children: [
-                      Icon(
-                        Icons.tips_and_updates_outlined,
-                        size: 13,
-                        color: customColors.linkColor?.withAlpha(150),
-                      ),
-                      const SizedBox(width: 5),
-                      Text(
-                        AppLocale.examples.getString(context),
-                        style: TextStyle(
-                          color: customColors.linkColor?.withAlpha(150),
-                          fontSize: 13,
-                        ),
-                      ),
-                    ],
-                  ),
-                  bottomButtonOnPressed: () async {
-                    openSystemPromptSelectDialog(
-                      context,
-                      customColors,
-                      _promptController,
-                    );
-                  },
-                  minLines: 4,
-                  maxLines: 20,
-                  showCounter: false,
-                ),
             ],
           ),
           if (showAdvancedOptions)
@@ -443,15 +269,22 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
               innerPanding: 10,
               padding: const EdgeInsets.only(top: 15, left: 15, right: 15, bottom: 5),
               children: [
-                EnhancedTextField(
-                  customColors: customColors,
-                  controller: _initMessageController,
-                  labelText: AppLocale.welcomeMessage.getString(context),
-                  labelPosition: LabelPosition.top,
-                  hintText: AppLocale.welcomeMessageTips.getString(context),
-                  maxLines: 3,
-                  showCounter: false,
-                  maxLength: 1000,
+                // 模型
+                EnhancedInputSimple(
+                  title: AppLocale.model.getString(context),
+                  padding: const EdgeInsets.only(top: 10, bottom: 10),
+                  onPressed: () {
+                    openSelectModelDialog(
+                      context,
+                      (selected) {
+                        setState(() {
+                          _selectedModel = selected;
+                        });
+                      },
+                      initValue: _selectedModel?.uid(),
+                    );
+                  },
+                  value: _selectedModel != null ? _selectedModel!.name : AppLocale.select.getString(context),
                 ),
                 EnhancedInput(
                   title: Text(
@@ -504,95 +337,66 @@ class _RoomCreatePageState extends State<RoomCreatePage> {
                 ),
               ],
             ),
-          const SizedBox(height: 20),
-          Row(
-            children: [
-              EnhancedButton(
-                title: showAdvancedOptions
-                    ? AppLocale.collapseOptions.getString(context)
-                    : AppLocale.advanced.getString(context),
-                width: 100,
-                backgroundColor: Colors.transparent,
-                color: customColors.weakLinkColor,
-                fontSize: 15,
-                icon: Icon(
-                  showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
-                  color: customColors.weakLinkColor,
-                  size: 15,
-                ),
-                onPressed: () {
-                  setState(() {
-                    showAdvancedOptions = !showAdvancedOptions;
-                  });
-                },
-              ),
-              const SizedBox(width: 10),
-              Expanded(
-                child: EnhancedButton(
-                  title: AppLocale.ok.getString(context),
-                  onPressed: () async {
-                    if (_nameController.text == '') {
-                      showErrorMessage(AppLocale.nameRequiredMessage.getString(context));
-                      return;
-                    }
+          AdvancedButton(
+            showAdvancedOptions: showAdvancedOptions,
+            onPressed: (value) {
+              setState(() {
+                showAdvancedOptions = value;
+              });
+            },
+          ),
+          const SizedBox(height: 10),
+          EnhancedButton(
+            title: AppLocale.ok.getString(context),
+            onPressed: () async {
+              if (_nameController.text == '') {
+                showErrorMessage(AppLocale.nameRequiredMessage.getString(context));
+                return;
+              }
 
-                    if (_selectedModel == null) {
-                      showErrorMessage(AppLocale.modelRequiredMessage.getString(context));
-                      return;
-                    }
+              if (_promptController.text == '') {
+                showErrorMessage(AppLocale.charactorPromptRequiredMessage.getString(context));
+                return;
+              }
 
-                    if (_avatarUrl != null) {
-                      if (!(_avatarUrl!.startsWith('http://') || _avatarUrl!.startsWith('https://'))) {
-                        // 上传文件，获取 URL
-                        final cancel = BotToast.showCustomLoading(
-                          toastBuilder: (cancel) {
-                            return LoadingIndicator(
-                              message: AppLocale.imageUploading.getString(context),
-                            );
-                          },
-                          allowClick: false,
-                        );
+              if (_avatarUrl != null) {
+                if (!(_avatarUrl!.startsWith('http://') || _avatarUrl!.startsWith('https://'))) {
+                  // 上传文件，获取 URL
+                  final cancel = BotToast.showCustomLoading(
+                    toastBuilder: (cancel) {
+                      return LoadingIndicator(
+                        message: AppLocale.imageUploading.getString(context),
+                      );
+                    },
+                    allowClick: false,
+                  );
 
-                        final uploadRes = await ImageUploader(widget.setting)
-                            .upload(_avatarUrl!, usage: 'avatar')
-                            .whenComplete(() => cancel());
-                        _avatarUrl = uploadRes.url;
-                      }
-                    }
+                  final uploadRes = await ImageUploader(widget.setting)
+                      .upload(_avatarUrl!, usage: 'avatar')
+                      .whenComplete(() => cancel());
+                  _avatarUrl = uploadRes.url;
+                }
+              }
 
-                    if (context.mounted) {
-                      context.read<RoomBloc>().add(
-                            RoomCreateEvent(
-                              _nameController.text,
-                              _selectedModel!.uid(),
-                              _promptController.text,
-                              avatarId: _avatarId,
-                              avatarUrl: _avatarUrl,
-                              maxContext: maxContext,
-                              initMessage: _initMessageController.text,
-                            ),
-                          );
-                    }
-                  },
-                ),
-              ),
-            ],
+              if (context.mounted) {
+                context.read<RoomBloc>().add(
+                      RoomCreateEvent(
+                        _nameController.text,
+                        _promptController.text,
+                        model: _selectedModel?.uid(),
+                        avatarId: _avatarId,
+                        avatarUrl: _avatarUrl,
+                        maxContext: maxContext,
+                      ),
+                    );
+              }
+            },
           ),
           const SizedBox(height: 15),
         ],
       ),
     );
   }
-
-  int _calculateSuggestCrossAxisCount() {
-    var width = MediaQuery.of(context).size.width;
-    if (width > CustomSize.maxWindowSize) {
-      width = CustomSize.maxWindowSize;
-    }
-
-    final crossAxisCount = (width / 160).floor();
-    return crossAxisCount > 7 ? 7 : crossAxisCount;
-  }
 }
 
 void openSelectModelDialog(
@@ -605,7 +409,7 @@ void openSelectModelDialog(
   bool withCustom = false,
 }) {
   future() async {
-    final models = await ModelAggregate.models(cache: true, withCustom: withCustom);
+    final models = await ModelAggregate.models(cache: true);
 
     if (priorityModelId != null) {
       // 将 models 中，id 与 priorityModelId 相同的元素排序到最前面
@@ -620,7 +424,7 @@ void openSelectModelDialog(
     }
 
     // 再请求一次，用于异步更新 Cache，下次打开时将显示最新数据
-    ModelAggregate.models(cache: false, withCustom: withCustom);
+    ModelAggregate.models(cache: false);
 
     return models;
   }
@@ -651,7 +455,7 @@ void openSelectModelDialog(
             );
           });
     },
-    heightFactor: 0.85,
+    heightFactor: 0.9,
     title: title,
   );
 }
@@ -711,7 +515,7 @@ void openSystemPromptSelectDialog(
         },
       );
     },
-    heightFactor: 0.7,
+    heightFactor: 0.9,
   );
 }
 
diff --git a/lib/page/chat/room_edit.dart b/lib/page/chat/character_edit.dart
similarity index 65%
rename from lib/page/chat/room_edit.dart
rename to lib/page/chat/character_edit.dart
index 0bad179a..85c48179 100644
--- a/lib/page/chat/room_edit.dart
+++ b/lib/page/chat/character_edit.dart
@@ -5,7 +5,8 @@ import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/model.dart';
 import 'package:askaide/helper/upload.dart';
 import 'package:askaide/lang/lang.dart';
-import 'package:askaide/page/chat/room_create.dart';
+import 'package:askaide/page/chat/character_create.dart';
+import 'package:askaide/page/component/advanced_button.dart';
 import 'package:askaide/page/component/avatar_selector.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/column_block.dart';
@@ -29,19 +30,18 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_localization/flutter_localization.dart';
 import 'package:go_router/go_router.dart';
 
-class RoomEditPage extends StatefulWidget {
+class CharacterEditPage extends StatefulWidget {
   final int roomId;
   final SettingRepository setting;
-  const RoomEditPage({super.key, required this.roomId, required this.setting});
+  const CharacterEditPage({super.key, required this.roomId, required this.setting});
 
   @override
-  State<RoomEditPage> createState() => _RoomEditPageState();
+  State<CharacterEditPage> createState() => _CharacterEditPageState();
 }
 
-class _RoomEditPageState extends State<RoomEditPage> {
+class _CharacterEditPageState extends State<CharacterEditPage> {
   final _nameController = TextEditingController();
   final _promptController = TextEditingController(text: '');
-  final _initMessageController = TextEditingController(text: '');
 
   final randomSeed = Random().nextInt(10000);
 
@@ -94,24 +94,24 @@ class _RoomEditPageState extends State<RoomEditPage> {
     return Scaffold(
       appBar: AppBar(
         title: Text(
-          AppLocale.roomSetting.getString(context),
+          AppLocale.configure.getString(context),
           style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
         ),
         centerTitle: true,
         elevation: 0,
         toolbarHeight: CustomSize.toolbarHeight,
       ),
-      backgroundColor: customColors.backgroundContainerColor,
+      backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: BlocConsumer<RoomBloc, RoomState>(
           listener: (context, state) {
             if (state is RoomLoaded) {
               _nameController.text = state.room.name;
               _promptController.text = state.room.systemPrompt ?? '';
               maxContext = state.room.maxContext;
-              _initMessageController.text = state.room.initMessage ?? '';
 
               ModelAggregate.model(state.room.model).then((value) {
                 setState(() {
@@ -258,78 +258,69 @@ class _RoomEditPageState extends State<RoomEditPage> {
 
                       ColumnBlock(
                         innerPanding: 10,
+                        padding: const EdgeInsets.only(top: 15, left: 15, right: 15),
                         children: [
-                          // 模型
-                          EnhancedInputSimple(
-                            title: AppLocale.model.getString(context),
-                            padding: const EdgeInsets.only(top: 10, bottom: 0),
-                            onPressed: () {
-                              openSelectModelDialog(
-                                context,
-                                (selected) {
-                                  setState(() {
-                                    _selectedModel = selected;
-                                  });
-                                },
-                                initValue: _selectedModel?.uid(),
-                                reservedModels: reservedModel != null ? [reservedModel!] : [],
-                              );
-                            },
-                            value: _selectedModel != null ? _selectedModel!.name : AppLocale.select.getString(context),
-                          ),
                           // 提示语
-                          if ((_selectedModel != null && _selectedModel!.isChatModel) || _promptController.text != '')
-                            EnhancedTextField(
-                              fontSize: 12,
-                              customColors: customColors,
-                              controller: _promptController,
-                              labelText: AppLocale.prompt.getString(context),
-                              labelPosition: LabelPosition.top,
-                              hintText: AppLocale.promptHint.getString(context),
-                              bottomButton: Row(
-                                children: [
-                                  Icon(
-                                    Icons.tips_and_updates_outlined,
-                                    size: 13,
+                          EnhancedTextField(
+                            fontSize: 12,
+                            customColors: customColors,
+                            controller: _promptController,
+                            labelText: AppLocale.prompt.getString(context),
+                            labelPosition: LabelPosition.top,
+                            hintText: AppLocale.promptHint.getString(context),
+                            bottomButton: Row(
+                              children: [
+                                Icon(
+                                  Icons.tips_and_updates_outlined,
+                                  size: 13,
+                                  color: customColors.linkColor?.withAlpha(150),
+                                ),
+                                const SizedBox(width: 5),
+                                Text(
+                                  AppLocale.examples.getString(context),
+                                  style: TextStyle(
                                     color: customColors.linkColor?.withAlpha(150),
+                                    fontSize: 13,
                                   ),
-                                  const SizedBox(width: 5),
-                                  Text(
-                                    AppLocale.examples.getString(context),
-                                    style: TextStyle(
-                                      color: customColors.linkColor?.withAlpha(150),
-                                      fontSize: 13,
-                                    ),
-                                  ),
-                                ],
-                              ),
-                              bottomButtonOnPressed: () async {
-                                openSystemPromptSelectDialog(
-                                  context,
-                                  customColors,
-                                  _promptController,
-                                );
-                              },
-                              minLines: 4,
-                              maxLines: 20,
-                              showCounter: false,
+                                ),
+                              ],
                             ),
+                            bottomButtonOnPressed: () async {
+                              openSystemPromptSelectDialog(
+                                context,
+                                customColors,
+                                _promptController,
+                              );
+                            },
+                            minLines: 4,
+                            maxLines: 20,
+                            showCounter: false,
+                          ),
                         ],
                       ),
                       if (showAdvancedOptions)
                         ColumnBlock(
                           innerPanding: 10,
-                          padding: const EdgeInsets.only(top: 15, left: 15, right: 15, bottom: 5),
+                          padding: const EdgeInsets.only(top: 15, left: 15, right: 15, bottom: 0),
                           children: [
-                            EnhancedTextField(
-                              customColors: customColors,
-                              controller: _initMessageController,
-                              labelText: AppLocale.welcomeMessage.getString(context),
-                              labelPosition: LabelPosition.top,
-                              hintText: AppLocale.welcomeMessageTips.getString(context),
-                              maxLines: 3,
-                              showCounter: false,
-                              maxLength: 1000,
+                            // 模型
+                            EnhancedInputSimple(
+                              title: AppLocale.model.getString(context),
+                              padding: const EdgeInsets.only(top: 10, bottom: 0),
+                              onPressed: () {
+                                openSelectModelDialog(
+                                  context,
+                                  (selected) {
+                                    setState(() {
+                                      _selectedModel = selected;
+                                    });
+                                  },
+                                  initValue: _selectedModel?.uid(),
+                                  reservedModels: reservedModel != null ? [reservedModel!] : [],
+                                );
+                              },
+                              value:
+                                  _selectedModel != null ? _selectedModel!.name : AppLocale.select.getString(context),
                             ),
                             EnhancedInput(
                               title: Text(
@@ -382,82 +373,63 @@ class _RoomEditPageState extends State<RoomEditPage> {
                             ),
                           ],
                         ),
-                      const SizedBox(height: 20),
-                      Row(
-                        children: [
-                          EnhancedButton(
-                            title: showAdvancedOptions
-                                ? AppLocale.collapseOptions.getString(context)
-                                : AppLocale.advanced.getString(context),
-                            width: 100,
-                            backgroundColor: Colors.transparent,
-                            color: customColors.weakLinkColor,
-                            fontSize: 15,
-                            icon: Icon(
-                              showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
-                              color: customColors.weakLinkColor,
-                              size: 15,
-                            ),
-                            onPressed: () {
-                              setState(() {
-                                showAdvancedOptions = !showAdvancedOptions;
-                              });
-                            },
-                          ),
-                          const SizedBox(width: 10),
-                          Expanded(
-                            child: EnhancedButton(
-                              title: AppLocale.save.getString(context),
-                              onPressed: () async {
-                                if (_nameController.text == '') {
-                                  showErrorMessage(AppLocale.nameRequiredMessage.getString(context));
-                                  return;
-                                }
+                      AdvancedButton(
+                        showAdvancedOptions: showAdvancedOptions,
+                        onPressed: (value) {
+                          setState(() {
+                            showAdvancedOptions = value;
+                          });
+                        },
+                      ),
+                      const SizedBox(height: 10),
+                      EnhancedButton(
+                        title: AppLocale.save.getString(context),
+                        onPressed: () async {
+                          if (_nameController.text == '') {
+                            showErrorMessage(AppLocale.nameRequiredMessage.getString(context));
+                            return;
+                          }
 
-                                if (_selectedModel == null) {
-                                  showErrorMessage(AppLocale.modelRequiredMessage.getString(context));
-                                  return;
-                                }
+                          if (_promptController.text == '') {
+                            showErrorMessage(AppLocale.charactorPromptRequiredMessage.getString(context));
+                            return;
+                          }
 
-                                if (_avatarUrl != null) {
-                                  if (!(_avatarUrl!.startsWith('http://') || _avatarUrl!.startsWith('https://'))) {
-                                    // 上传文件，获取 URL
-                                    final cancel = BotToast.showCustomLoading(
-                                      toastBuilder: (cancel) {
-                                        return LoadingIndicator(
-                                          message: AppLocale.imageUploading.getString(context),
-                                        );
-                                      },
-                                      allowClick: false,
-                                    );
+                          if (_avatarUrl != null) {
+                            if (!(_avatarUrl!.startsWith('http://') || _avatarUrl!.startsWith('https://'))) {
+                              // 上传文件，获取 URL
+                              final cancel = BotToast.showCustomLoading(
+                                toastBuilder: (cancel) {
+                                  return LoadingIndicator(
+                                    message: AppLocale.imageUploading.getString(context),
+                                  );
+                                },
+                                allowClick: false,
+                              );
 
-                                    final uploadRes = await ImageUploader(widget.setting)
-                                        .upload(_avatarUrl!, usage: 'avatar')
-                                        .whenComplete(() => cancel());
-                                    _avatarUrl = uploadRes.url;
-                                  }
-                                }
+                              final uploadRes = await ImageUploader(widget.setting)
+                                  .upload(_avatarUrl!, usage: 'avatar')
+                                  .whenComplete(() => cancel());
+                              _avatarUrl = uploadRes.url;
+                            }
+                          }
 
-                                if (context.mounted) {
-                                  context.read<RoomBloc>().add(
-                                        RoomUpdateEvent(
-                                          widget.roomId,
-                                          name: _nameController.text,
-                                          model: _selectedModel!.uid(),
-                                          prompt: _promptController.text,
-                                          avatarUrl: _avatarUrl,
-                                          avatarId: _avatarId,
-                                          maxContext: maxContext,
-                                          initMessage: _initMessageController.text,
-                                        ),
-                                      );
+                          if (context.mounted) {
+                            context.read<RoomBloc>().add(
+                                  RoomUpdateEvent(
+                                    widget.roomId,
+                                    name: _nameController.text,
+                                    model: _selectedModel?.uid(),
+                                    prompt: _promptController.text,
+                                    avatarUrl: _avatarUrl,
+                                    avatarId: _avatarId,
+                                    maxContext: maxContext,
+                                  ),
+                                );
 
-                                  showSuccessMessage(AppLocale.operateSuccess.getString(context));
-                                }
-                              },
-                            ),
-                          ),
-                        ],
+                            showSuccessMessage(AppLocale.operateSuccess.getString(context));
+                          }
+                        },
                       ),
                     ],
                   ),
diff --git a/lib/page/chat/characters.dart b/lib/page/chat/characters.dart
new file mode 100644
index 00000000..8f95f268
--- /dev/null
+++ b/lib/page/chat/characters.dart
@@ -0,0 +1,253 @@
+import 'package:askaide/helper/ability.dart';
+import 'package:askaide/helper/event.dart';
+import 'package:askaide/helper/haptic_feedback.dart';
+import 'package:askaide/lang/lang.dart';
+import 'package:askaide/bloc/room_bloc.dart';
+import 'package:askaide/page/component/background_container.dart';
+import 'package:askaide/page/component/enhanced_button.dart';
+import 'package:askaide/page/component/enhanced_error.dart';
+import 'package:askaide/page/component/global_alert.dart';
+import 'package:askaide/page/component/loading.dart';
+import 'package:askaide/page/component/weak_text_button.dart';
+import 'package:askaide/page/component/dialog.dart';
+import 'package:askaide/page/chat/component/character_box.dart';
+import 'package:askaide/page/component/theme/custom_size.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:askaide/repo/api/room_gallery.dart';
+import 'package:askaide/repo/settings_repo.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_localization/flutter_localization.dart';
+import 'package:go_router/go_router.dart';
+
+class CharactersPage extends StatefulWidget {
+  final SettingRepository setting;
+  const CharactersPage({Key? key, required this.setting}) : super(key: key);
+
+  @override
+  State<CharactersPage> createState() => _CharactersPageState();
+}
+
+class _CharactersPageState extends State<CharactersPage> {
+  @override
+  void initState() {
+    context.read<RoomBloc>().add(RoomsLoadEvent());
+
+    super.initState();
+  }
+
+  List<RoomGallery> selectedSuggestions = [];
+
+  @override
+  Widget build(BuildContext context) {
+    var customColors = Theme.of(context).extension<CustomColors>()!;
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(
+          AppLocale.homeTitle.getString(context),
+          style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
+        ),
+        centerTitle: true,
+        toolbarHeight: CustomSize.toolbarHeight,
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.add_circle_outline),
+            onPressed: () {
+              context.push('/create-room').whenComplete(() {
+                if (context.mounted) {
+                  context.read<RoomBloc>().add(RoomsLoadEvent());
+                }
+              });
+            },
+          ),
+        ],
+      ),
+      backgroundColor: customColors.backgroundColor,
+      body: BackgroundContainer(
+        setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
+        enabled: false,
+        child: SafeArea(
+          top: false,
+          left: false,
+          right: false,
+          child: BlocConsumer<RoomBloc, RoomState>(
+            listener: (context, state) {
+              if (state is RoomsLoaded) {
+                if (state.rooms.isNotEmpty) {
+                  selectedSuggestions.clear();
+                  setState(() {});
+                  GlobalEvent().emit('showBottomNavigatorBar');
+                }
+              }
+
+              if (state is RoomCreateError) {
+                showErrorMessageEnhanced(context, state.error);
+              }
+
+              if (state is RoomOperationResult) {
+                if (!state.success) {
+                  showErrorMessageEnhanced(context, state.error ?? AppLocale.operateFailed.getString(context));
+                } else {
+                  if (state.redirect != null) {
+                    context.push(state.redirect!);
+                  }
+                }
+              }
+            },
+            buildWhen: (previous, current) => current is RoomsLoading || current is RoomsLoaded,
+            builder: (context, state) {
+              if (state is RoomsLoaded) {
+                if (state.error != null) {
+                  return EnhancedErrorWidget(error: state.error);
+                }
+
+                return Column(
+                  children: [
+                    Expanded(
+                      child: RefreshIndicator(
+                        color: customColors.linkColor,
+                        onRefresh: () async {
+                          context.read<RoomBloc>().add(RoomsLoadEvent(forceRefresh: true));
+                        },
+                        displacement: 20,
+                        child: Column(
+                          children: [
+                            if (Ability().showGlobalAlert) const GlobalAlert(pageKey: 'rooms'),
+                            Expanded(child: buildBody(customColors, state, context)),
+                          ],
+                        ),
+                      ),
+                    ),
+                    if (selectedSuggestions.isNotEmpty)
+                      Container(
+                        height: 70,
+                        width: double.infinity,
+                        padding: const EdgeInsets.symmetric(
+                          horizontal: 20,
+                          vertical: 10,
+                        ),
+                        child: Row(
+                          children: [
+                            WeakTextButton(
+                              title: AppLocale.cancel.getString(context),
+                              onPressed: () {
+                                selectedSuggestions.clear();
+                                setState(() {});
+                                GlobalEvent().emit('showBottomNavigatorBar');
+                              },
+                            ),
+                            const SizedBox(width: 20),
+                            Expanded(
+                              child: EnhancedButton(
+                                  title: AppLocale.ok.getString(context),
+                                  onPressed: () {
+                                    context
+                                        .read<RoomBloc>()
+                                        .add(GalleryRoomCopyEvent(selectedSuggestions.map((e) => e.id).toList()));
+                                    showSuccessMessage(AppLocale.operateSuccess.getString(context));
+                                  }),
+                            )
+                          ],
+                        ),
+                      ),
+                  ],
+                );
+              }
+
+              return const Center(
+                child: LoadingIndicator(),
+              );
+            },
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget buildColumnTitle(BuildContext context, CustomColors customColors, String title) {
+    return Container(
+      padding: const EdgeInsets.only(left: 5),
+      margin: const EdgeInsets.only(
+        left: 10,
+        right: 10,
+      ),
+      child: Text(title, style: const TextStyle(fontSize: 16)),
+    );
+  }
+
+  Widget buildBody(CustomColors customColors, RoomsLoaded state, BuildContext context) {
+    List<Widget> children = [];
+
+    if (state.rooms.isNotEmpty) {
+      children.addAll([
+        buildColumnTitle(context, customColors, AppLocale.myCharacters.getString(context)),
+        ListView.builder(
+          padding: const EdgeInsets.all(5),
+          itemCount: state.rooms.length,
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          itemBuilder: (context, index) {
+            final room = state.rooms[index];
+
+            return CharacterBox(room: room);
+          },
+        ),
+      ]);
+    }
+
+    if (state.suggests.isNotEmpty) {
+      children.addAll([
+        const SizedBox(height: 10),
+        buildColumnTitle(context, customColors, AppLocale.robotRecommand.getString(context)),
+        ListView.builder(
+          padding: const EdgeInsets.all(5),
+          itemCount: state.suggests.length,
+          shrinkWrap: true,
+          physics: const NeverScrollableScrollPhysics(),
+          itemBuilder: (context, index) {
+            return Container(
+              margin: const EdgeInsets.symmetric(
+                horizontal: 10,
+                vertical: 5,
+              ),
+              decoration: BoxDecoration(borderRadius: CustomSize.borderRadius),
+              child: CharacterBoxItem(
+                onTap: () {
+                  HapticFeedbackHelper.lightImpact();
+                  context.read<RoomBloc>().add(GalleryRoomCopyEvent([state.suggests[index].id]));
+                },
+                name: state.suggests[index].name,
+                desc: state.suggests[index].description,
+                avatarUrl: state.suggests[index].avatarUrl,
+              ),
+            );
+          },
+        ),
+      ]);
+    }
+
+    return SingleChildScrollView(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: children,
+      ),
+    );
+  }
+
+  void onItemSelected(RoomGallery item) {
+    if (selectedSuggestions.contains(item)) {
+      selectedSuggestions.remove(item);
+    } else {
+      selectedSuggestions.add(item);
+    }
+
+    setState(() {});
+
+    if (selectedSuggestions.isEmpty) {
+      GlobalEvent().emit('showBottomNavigatorBar');
+    } else {
+      GlobalEvent().emit('hideBottomNavigatorBar');
+    }
+  }
+}
diff --git a/lib/page/chat/component/character_box.dart b/lib/page/chat/component/character_box.dart
new file mode 100644
index 00000000..a2ef19ea
--- /dev/null
+++ b/lib/page/chat/component/character_box.dart
@@ -0,0 +1,207 @@
+import 'package:askaide/bloc/room_bloc.dart';
+import 'package:askaide/helper/ability.dart';
+import 'package:askaide/helper/constant.dart';
+import 'package:askaide/helper/haptic_feedback.dart';
+import 'package:askaide/helper/image.dart';
+import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/image.dart';
+import 'package:askaide/page/component/dialog.dart';
+import 'package:askaide/page/component/theme/custom_size.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:askaide/repo/model/room.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_initicon/flutter_initicon.dart';
+import 'package:flutter_localization/flutter_localization.dart';
+import 'package:flutter_slidable/flutter_slidable.dart';
+import 'package:go_router/go_router.dart';
+
+class CharacterBox extends StatelessWidget {
+  final Room room;
+  const CharacterBox({super.key, required this.room});
+
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+    return Container(
+      margin: const EdgeInsets.symmetric(
+        horizontal: 10,
+        vertical: 5,
+      ),
+      decoration: BoxDecoration(borderRadius: CustomSize.borderRadius),
+      child: Slidable(
+        endActionPane: ActionPane(
+          motion: const ScrollMotion(),
+          children: [
+            const SizedBox(width: 10),
+            SlidableAction(
+              label: AppLocale.configure.getString(context),
+              backgroundColor: Colors.green,
+              borderRadius: room.category == 'system'
+                  ? CustomSize.borderRadiusAll
+                  : const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
+              icon: Icons.edit,
+              onPressed: (_) {
+                final chatRoomBloc = context.read<RoomBloc>();
+                final redirectUrl = room.roomType == 4 ? '/group-chat/${room.id}/edit' : '/room/${room.id}/setting';
+
+                context.push(redirectUrl).then((value) {
+                  chatRoomBloc.add(RoomsLoadEvent());
+                });
+              },
+            ),
+            if (room.category != 'system')
+              SlidableAction(
+                label: AppLocale.delete.getString(context),
+                borderRadius: const BorderRadius.only(topRight: CustomSize.radius, bottomRight: CustomSize.radius),
+                backgroundColor: Colors.red,
+                icon: Icons.delete,
+                onPressed: (_) {
+                  openConfirmDialog(
+                    context,
+                    AppLocale.confirmToDeleteRoom.getString(context),
+                    () => context.read<RoomBloc>().add(RoomDeleteEvent(room.id!)),
+                    danger: true,
+                  );
+                },
+              ),
+          ],
+        ),
+        child: buildItem(customColors, context),
+      ),
+    );
+  }
+
+  Widget buildItem(CustomColors customColors, BuildContext context) {
+    return CharacterBoxItem(
+      onTap: () {
+        HapticFeedbackHelper.lightImpact();
+        final chatRoomBloc = context.read<RoomBloc>();
+        context.push('/room/${room.id}/chat').then((value) {
+          chatRoomBloc.add(RoomsLoadEvent(forceRefresh: true));
+        });
+      },
+      name: room.name,
+      desc: room.description ?? room.systemPrompt,
+      model: room.model,
+      avatarUrl: room.avatarUrl,
+    );
+  }
+}
+
+class CharacterBoxItem extends StatelessWidget {
+  final Function() onTap;
+  final String? avatarUrl;
+  final String name;
+  final String? model;
+  final String? desc;
+  const CharacterBoxItem({
+    super.key,
+    required this.onTap,
+    required this.name,
+    this.avatarUrl,
+    this.model,
+    this.desc,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+
+    return Container(
+      decoration: BoxDecoration(
+        borderRadius: CustomSize.borderRadius,
+        color: customColors.listTileBackgroundColor,
+      ),
+      child: InkWell(
+        borderRadius: CustomSize.borderRadiusAll,
+        onTap: onTap,
+        overlayColor: WidgetStateProperty.all(Colors.transparent),
+        child: Stack(
+          children: [
+            Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                buildAvatar(),
+                Expanded(
+                  child: Container(
+                    padding: const EdgeInsets.symmetric(horizontal: 10),
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          name,
+                          overflow: TextOverflow.ellipsis,
+                        ),
+                        const SizedBox(height: 5),
+                        buildRoomDesc(customColors),
+                      ],
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            if (model != null && Ability().usingLocalOpenAIModel(model!))
+              Positioned(
+                right: 0,
+                top: 0,
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: customColors.backgroundContainerColor,
+                    borderRadius: const BorderRadius.only(topRight: CustomSize.radius, bottomLeft: CustomSize.radius),
+                  ),
+                  padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
+                  child: Text(
+                    'local',
+                    style: TextStyle(
+                      color: customColors.weakTextColor,
+                      fontSize: 8,
+                    ),
+                  ),
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget buildRoomDesc(CustomColors customColors) {
+    if (desc != null && desc != '') {
+      return Text(
+        desc!,
+        style: TextStyle(
+          color: customColors.weakLinkColor?.withAlpha(150),
+          fontSize: 13,
+        ),
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
+      );
+    }
+
+    return const SizedBox();
+  }
+
+  Widget buildAvatar() {
+    if (avatarUrl != null && avatarUrl!.startsWith('http')) {
+      return SizedBox(
+        width: 70,
+        height: 70,
+        child: ClipRRect(
+          borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
+          child: CachedNetworkImageEnhanced(
+            imageUrl: imageURL(avatarUrl!, qiniuImageTypeAvatar),
+            fit: BoxFit.fill,
+          ),
+        ),
+      );
+    }
+
+    return Initicon(
+      text: name.split('、').join(' '),
+      size: 70,
+      backgroundColor: Colors.grey.withAlpha(100),
+      borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
+    );
+  }
+}
diff --git a/lib/page/chat/component/model_switcher.dart b/lib/page/chat/component/model_switcher.dart
index baead961..5d2c8573 100644
--- a/lib/page/chat/component/model_switcher.dart
+++ b/lib/page/chat/component/model_switcher.dart
@@ -1,6 +1,6 @@
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/lang/lang.dart';
-import 'package:askaide/page/chat/room_create.dart';
+import 'package:askaide/page/chat/character_create.dart';
 import 'package:askaide/page/component/random_avatar.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:flutter/material.dart';
@@ -30,7 +30,6 @@ class ModelSwitcher extends StatelessWidget {
         onSelected(selected);
       },
       initValue: initValue?.uid(),
-      title: AppLocale.switchModelTitle.getString(context),
       withCustom: true,
     );
   }
diff --git a/lib/page/chat/component/room_item.dart b/lib/page/chat/component/room_item.dart
deleted file mode 100644
index e39279a4..00000000
--- a/lib/page/chat/component/room_item.dart
+++ /dev/null
@@ -1,245 +0,0 @@
-import 'package:askaide/bloc/room_bloc.dart';
-import 'package:askaide/helper/ability.dart';
-import 'package:askaide/helper/constant.dart';
-import 'package:askaide/helper/haptic_feedback.dart';
-import 'package:askaide/helper/helper.dart';
-import 'package:askaide/helper/image.dart';
-import 'package:askaide/lang/lang.dart';
-import 'package:askaide/page/chat/component/group_avatar.dart';
-import 'package:askaide/page/component/image.dart';
-import 'package:askaide/page/component/dialog.dart';
-import 'package:askaide/page/component/theme/custom_size.dart';
-import 'package:askaide/page/component/theme/custom_theme.dart';
-import 'package:askaide/repo/model/room.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:flutter_initicon/flutter_initicon.dart';
-import 'package:flutter_localization/flutter_localization.dart';
-import 'package:flutter_slidable/flutter_slidable.dart';
-import 'package:go_router/go_router.dart';
-
-class RoomItem extends StatelessWidget {
-  final Room room;
-  const RoomItem({super.key, required this.room});
-
-  @override
-  Widget build(BuildContext context) {
-    final customColors = Theme.of(context).extension<CustomColors>()!;
-    return Container(
-      margin: const EdgeInsets.symmetric(
-        horizontal: 10,
-        vertical: 5,
-      ),
-      decoration: BoxDecoration(borderRadius: CustomSize.borderRadius),
-      child: Slidable(
-        endActionPane: ActionPane(
-          motion: const ScrollMotion(),
-          children: [
-            const SizedBox(width: 10),
-            SlidableAction(
-              label: AppLocale.settings.getString(context),
-              backgroundColor: Colors.green,
-              borderRadius: room.category == 'system'
-                  ? CustomSize.borderRadiusAll
-                  : const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
-              icon: Icons.settings,
-              onPressed: (_) {
-                final chatRoomBloc = context.read<RoomBloc>();
-                final redirectUrl = room.roomType == 4 ? '/group-chat/${room.id}/edit' : '/room/${room.id}/setting';
-
-                context.push(redirectUrl).then((value) {
-                  chatRoomBloc.add(RoomsLoadEvent());
-                });
-              },
-            ),
-            if (room.category != 'system')
-              SlidableAction(
-                label: AppLocale.delete.getString(context),
-                borderRadius: const BorderRadius.only(topRight: CustomSize.radius, bottomRight: CustomSize.radius),
-                backgroundColor: Colors.red,
-                icon: Icons.delete,
-                onPressed: (_) {
-                  openConfirmDialog(
-                    context,
-                    AppLocale.confirmToDeleteRoom.getString(context),
-                    () => context.read<RoomBloc>().add(RoomDeleteEvent(room.id!)),
-                    danger: true,
-                  );
-                },
-              ),
-          ],
-        ),
-        child: Material(
-          borderRadius: CustomSize.borderRadius,
-          color: customColors.backgroundContainerColor,
-          child: InkWell(
-            borderRadius: CustomSize.borderRadiusAll,
-            onTap: () {
-              final redirectRoute = room.roomType == 4 ? '/group-chat/${room.id}/chat' : '/room/${room.id}/chat';
-              HapticFeedbackHelper.lightImpact();
-              final chatRoomBloc = context.read<RoomBloc>();
-              context.push(redirectRoute).then((value) {
-                chatRoomBloc.add(RoomsLoadEvent(forceRefresh: true));
-              });
-            },
-            child: Stack(
-              children: [
-                Row(
-                  mainAxisSize: MainAxisSize.min,
-                  children: [
-                    _buildAvatar(room),
-                    Expanded(
-                      child: Container(
-                        padding: const EdgeInsets.symmetric(horizontal: 10),
-                        child: Column(
-                          crossAxisAlignment: CrossAxisAlignment.start,
-                          children: [
-                            Row(
-                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                              children: [
-                                Expanded(
-                                  child: Text(
-                                    room.name,
-                                    overflow: TextOverflow.ellipsis,
-                                  ),
-                                ),
-                                Text(
-                                  humanTime(room.lastActiveTime),
-                                  style: TextStyle(
-                                    color: customColors.weakLinkColor?.withAlpha(65),
-                                    fontSize: 10,
-                                  ),
-                                ),
-                              ],
-                            ),
-                            const SizedBox(height: 5),
-                            buildRoomDesc(customColors),
-                          ],
-                        ),
-                      ),
-                    ),
-                  ],
-                ),
-                if (room.roomType == 4)
-                  Positioned(
-                    right: 0,
-                    top: 0,
-                    child: Container(
-                      decoration: BoxDecoration(
-                        color: customColors.backgroundContainerColor,
-                        borderRadius:
-                            const BorderRadius.only(topRight: CustomSize.radius, bottomLeft: CustomSize.radius),
-                      ),
-                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
-                      child: Text(
-                        AppLocale.groupChat.getString(context),
-                        style: TextStyle(
-                          color: customColors.weakTextColor,
-                          fontSize: 8,
-                        ),
-                      ),
-                    ),
-                  ),
-                if (Ability().usingLocalOpenAIModel(room.model))
-                  Positioned(
-                    right: 0,
-                    top: 0,
-                    child: Container(
-                      decoration: BoxDecoration(
-                        color: customColors.backgroundContainerColor,
-                        borderRadius:
-                            const BorderRadius.only(topRight: CustomSize.radius, bottomLeft: CustomSize.radius),
-                      ),
-                      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
-                      child: Text(
-                        'local',
-                        style: TextStyle(
-                          color: customColors.weakTextColor,
-                          fontSize: 8,
-                        ),
-                      ),
-                    ),
-                  )
-              ],
-            ),
-          ),
-        ),
-      ),
-    );
-  }
-
-  Widget buildRoomDesc(CustomColors customColors) {
-    if (room.description != null && room.description != '') {
-      return Text(
-        room.description!,
-        style: TextStyle(
-          color: customColors.weakLinkColor?.withAlpha(150),
-          fontSize: 13,
-        ),
-        maxLines: 1,
-        overflow: TextOverflow.ellipsis,
-      );
-    }
-
-    if (room.systemPrompt != null && room.systemPrompt != '') {
-      return Text(
-        room.systemPrompt!,
-        style: TextStyle(
-          color: customColors.weakLinkColor?.withAlpha(150),
-          fontSize: 13,
-        ),
-        maxLines: 1,
-        overflow: TextOverflow.ellipsis,
-      );
-    }
-
-    if (room.systemPrompt == null || room.systemPrompt == '') {
-      Text(
-        room.modelName().toUpperCase().replaceAll('-TURBO', ''),
-        style: TextStyle(
-          color: customColors.weakLinkColor?.withAlpha(150),
-          fontSize: 13,
-        ),
-      );
-    }
-
-    return const SizedBox();
-  }
-
-  Widget _buildAvatar(Room room) {
-    if (room.members.length == 1 && (room.avatarUrl == null || room.avatarUrl == '')) {
-      room.avatarUrl = room.members[0];
-    }
-
-    if (room.avatarUrl != null && room.avatarUrl!.startsWith('http')) {
-      return SizedBox(
-        width: 70,
-        height: 70,
-        child: ClipRRect(
-          borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
-          child: CachedNetworkImageEnhanced(
-            imageUrl: imageURL(room.avatarUrl!, qiniuImageTypeAvatar),
-            fit: BoxFit.fill,
-          ),
-        ),
-      );
-    }
-
-    if (room.members.isNotEmpty) {
-      return ClipRRect(
-        borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
-        child: GroupAvatar(
-          size: 70,
-          avatars: room.members,
-        ),
-      );
-    }
-
-    return Initicon(
-      text: room.name.split('、').join(' '),
-      size: 70,
-      backgroundColor: Colors.grey.withAlpha(100),
-      borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, bottomLeft: CustomSize.radius),
-    );
-  }
-}
diff --git a/lib/page/chat/group/chat.dart b/lib/page/chat/group/chat.dart
index 1b9de30b..c2725033 100644
--- a/lib/page/chat/group/chat.dart
+++ b/lib/page/chat/group/chat.dart
@@ -184,7 +184,7 @@ class _GroupChatPageState extends State<GroupChatPage> {
                             onVoiceRecordTappedEvent: () {
                               _audioPlayerController.stop();
                             },
-                            leftSideToolsBuilder: () {
+                            toolsBuilder: () {
                               return [
                                 Stack(
                                   children: [
diff --git a/lib/page/chat/home.dart b/lib/page/chat/home.dart
index b9dfbdbc..48e1a139 100644
--- a/lib/page/chat/home.dart
+++ b/lib/page/chat/home.dart
@@ -6,7 +6,6 @@ import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/color.dart';
 import 'package:askaide/helper/global_store.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
-import 'package:askaide/helper/helper.dart';
 import 'package:askaide/helper/cache.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/background_container.dart';
@@ -90,8 +89,7 @@ class _HomePageState extends State<HomePage> {
       id: 'openai:gpt-4',
       supportVision: false,
       name: 'Chat-4',
-      avatarUrl:
-          'https://ssl.aicode.cc/ai-server/assets/avatar/gpt4-preview.png',
+      avatarUrl: 'https://ssl.aicode.cc/ai-server/assets/avatar/gpt4-preview.png',
     ),
   ];
 
@@ -109,8 +107,7 @@ class _HomePageState extends State<HomePage> {
   /// 用于监听键盘事件，实现回车发送消息，Shift+Enter换行
   late final FocusNode _focusNode = FocusNode(
     onKeyEvent: (node, event) {
-      if (!HardwareKeyboard.instance.isShiftPressed &&
-          event.logicalKey.keyLabel == 'Enter') {
+      if (!HardwareKeyboard.instance.isShiftPressed && event.logicalKey.keyLabel == 'Enter') {
         if (event is KeyDownEvent) {
           onSubmit(context, _textController.text.trim());
         }
@@ -152,14 +149,12 @@ class _HomePageState extends State<HomePage> {
     Cache().boolGet(key: 'show_home_free_model_message').then((show) async {
       if (show) {
         final promotions = await APIServer().notificationPromotionEvents();
-        if (promotions['chat_page'] == null ||
-            promotions['chat_page']!.isEmpty) {
+        if (promotions['chat_page'] == null || promotions['chat_page']!.isEmpty) {
           return;
         }
 
         // 多个促销事件，则随机选择一个
-        promotionEvent = promotions['chat_page']![
-            Random().nextInt(promotions['chat_page']!.length)];
+        promotionEvent = promotions['chat_page']![Random().nextInt(promotions['chat_page']!.length)];
       }
 
       setState(() {
@@ -244,8 +239,7 @@ class _HomePageState extends State<HomePage> {
       child: Scaffold(
         backgroundColor: Colors.transparent,
         body: BlocBuilder<ChatChatBloc, ChatChatState>(
-          buildWhen: (previous, current) =>
-              current is ChatChatRecentHistoriesLoaded,
+          buildWhen: (previous, current) => current is ChatChatRecentHistoriesLoaded,
           builder: (context, state) {
             if (state is ChatChatRecentHistoriesLoaded) {
               return SliverSingleComponent(
@@ -261,24 +255,17 @@ class _HomePageState extends State<HomePage> {
                     icon: const Icon(Icons.history),
                     onPressed: () {
                       context.push('/chat-chat/history').whenComplete(() {
-                        context
-                            .read<ChatChatBloc>()
-                            .add(ChatChatLoadRecentHistories());
+                        context.read<ChatChatBloc>().add(ChatChatLoadRecentHistories());
                       });
                     },
                   ),
                 ],
-                backgroundImage: Image.asset(
-                  customColors.appBarBackgroundImage!,
-                  fit: BoxFit.cover,
-                ),
                 appBarExtraWidgets: () {
                   return [
                     SliverStickyHeader(
                       header: SafeArea(
                         top: false,
-                        child:
-                            buildChatComponents(customColors, context, state),
+                        child: buildChatComponents(customColors, context, state),
                       ),
                       sliver: SliverList(
                         delegate: SliverChildBuilderDelegate(
@@ -288,13 +275,11 @@ class _HomePageState extends State<HomePage> {
                                 top: false,
                                 bottom: false,
                                 child: Container(
-                                  margin:
-                                      const EdgeInsets.only(top: 10, left: 15),
+                                  margin: const EdgeInsets.only(top: 10, left: 15),
                                   child: Text(
                                     AppLocale.histories.getString(context),
                                     style: TextStyle(
-                                      color: customColors.weakTextColor
-                                          ?.withAlpha(100),
+                                      color: customColors.weakTextColor?.withAlpha(100),
                                       fontSize: 13,
                                     ),
                                   ),
@@ -308,41 +293,32 @@ class _HomePageState extends State<HomePage> {
                                 bottom: false,
                                 child: GestureDetector(
                                   onTap: () {
-                                    context
-                                        .push('/chat-chat/history')
-                                        .whenComplete(() {
-                                      context
-                                          .read<ChatChatBloc>()
-                                          .add(ChatChatLoadRecentHistories());
+                                    context.push('/chat-chat/history').whenComplete(() {
+                                      context.read<ChatChatBloc>().add(ChatChatLoadRecentHistories());
                                     });
                                   },
                                   child: Container(
                                     alignment: Alignment.center,
-                                    margin: const EdgeInsets.only(
-                                        top: 5, bottom: 15),
+                                    margin: const EdgeInsets.only(top: 5, bottom: 15),
                                     child: Row(
-                                      mainAxisAlignment:
-                                          MainAxisAlignment.center,
+                                      mainAxisAlignment: MainAxisAlignment.center,
                                       children: [
                                         Icon(
                                           Icons.keyboard_double_arrow_left,
                                           size: 12,
-                                          color: customColors.weakTextColor!
-                                              .withAlpha(120),
+                                          color: customColors.weakTextColor!.withAlpha(120),
                                         ),
                                         Text(
                                           "查看更多",
                                           style: TextStyle(
                                             fontSize: 12,
-                                            color: customColors.weakTextColor!
-                                                .withAlpha(120),
+                                            color: customColors.weakTextColor!.withAlpha(120),
                                           ),
                                         ),
                                         Icon(
                                           Icons.keyboard_double_arrow_right,
                                           size: 12,
-                                          color: customColors.weakTextColor!
-                                              .withAlpha(120),
+                                          color: customColors.weakTextColor!.withAlpha(120),
                                         ),
                                       ],
                                     ),
@@ -362,19 +338,14 @@ class _HomePageState extends State<HomePage> {
                                       .push(
                                           '/chat-anywhere?chat_id=${state.histories[index - 1].id}&model=${state.histories[index - 1].model}&title=${state.histories[index - 1].title}')
                                       .whenComplete(() {
-                                    FocusScope.of(context)
-                                        .requestFocus(FocusNode());
-                                    context
-                                        .read<ChatChatBloc>()
-                                        .add(ChatChatLoadRecentHistories());
+                                    FocusScope.of(context).requestFocus(FocusNode());
+                                    context.read<ChatChatBloc>().add(ChatChatLoadRecentHistories());
                                   });
                                 },
                               ),
                             );
                           },
-                          childCount: state.histories.isNotEmpty
-                              ? state.histories.length + 1
-                              : 0,
+                          childCount: state.histories.isNotEmpty ? state.histories.length + 1 : 0,
                         ),
                       ),
                     ),
@@ -491,8 +462,7 @@ class _HomePageState extends State<HomePage> {
                             customColors: customColors,
                             maxLines: inputMaxLines,
                             minLines: 6,
-                            hintText:
-                                AppLocale.askMeAnyQuestion.getString(context),
+                            hintText: AppLocale.askMeAnyQuestion.getString(context),
                             maxLength: 150000,
                             showCounter: false,
                             hintColor: customColors.textfieldHintDeepColor,
@@ -509,9 +479,7 @@ class _HomePageState extends State<HomePage> {
                         customColors,
                       ),
                     ),
-                    if (selectedImageFiles.isNotEmpty &&
-                        currentModel != null &&
-                        currentModel!.model.supportVision)
+                    if (selectedImageFiles.isNotEmpty && currentModel != null && currentModel!.model.supportVision)
                       SizedBox(
                         height: 110,
                         child: ListView(
@@ -551,10 +519,8 @@ class _HomePageState extends State<HomePage> {
                                           child: Container(
                                             padding: const EdgeInsets.all(3),
                                             decoration: BoxDecoration(
-                                              borderRadius:
-                                                  CustomSize.borderRadius,
-                                              color: customColors
-                                                  .chatRoomBackground,
+                                              borderRadius: CustomSize.borderRadius,
+                                              color: customColors.chatRoomBackground,
                                             ),
                                             child: Icon(
                                               Icons.close,
@@ -577,13 +543,10 @@ class _HomePageState extends State<HomePage> {
             ),
           ),
           // 问题示例
-          if (state.examples != null &&
-              state.examples!.isNotEmpty &&
-              state.histories.isEmpty)
+          if (state.examples != null && state.examples!.isNotEmpty && state.histories.isEmpty)
             Container(
               decoration: BoxDecoration(borderRadius: CustomSize.borderRadius),
-              padding:
-                  const EdgeInsets.only(top: 5, left: 10, right: 10, bottom: 3),
+              padding: const EdgeInsets.only(top: 5, left: 10, right: 10, bottom: 3),
               margin: const EdgeInsets.all(10),
               height: 260,
               child: Column(
@@ -612,9 +575,7 @@ class _HomePageState extends State<HomePage> {
                   Expanded(
                     child: ListView.separated(
                       padding: const EdgeInsets.all(0),
-                      itemCount: state.examples!.length > 4
-                          ? 4
-                          : state.examples!.length,
+                      itemCount: state.examples!.length > 4 ? 4 : state.examples!.length,
                       physics: const NeverScrollableScrollPhysics(),
                       itemBuilder: (context, index) {
                         return ListTextItem(
@@ -630,8 +591,7 @@ class _HomePageState extends State<HomePage> {
                       },
                       separatorBuilder: (BuildContext context, int index) {
                         return Divider(
-                          color:
-                              customColors.chatExampleItemText?.withAlpha(20),
+                          color: customColors.chatExampleItemText?.withAlpha(20),
                         );
                       },
                     ),
@@ -640,8 +600,7 @@ class _HomePageState extends State<HomePage> {
                     alignment: Alignment.centerRight,
                     child: TextButton(
                       style: ButtonStyle(
-                        overlayColor:
-                            WidgetStateProperty.all(Colors.transparent),
+                        overlayColor: WidgetStateProperty.all(Colors.transparent),
                       ),
                       onPressed: () {
                         setState(() {
@@ -715,23 +674,19 @@ class _HomePageState extends State<HomePage> {
               maxLines: 2,
             ),
           ),
-          if (promotionEvent!.clickButtonType !=
-                  PromotionEventClickButtonType.none &&
+          if (promotionEvent!.clickButtonType != PromotionEventClickButtonType.none &&
               promotionEvent!.clickValue != null &&
               promotionEvent!.clickValue!.isNotEmpty)
             InkWell(
               onTap: () {
                 switch (promotionEvent!.clickButtonType) {
                   case PromotionEventClickButtonType.url:
-                    if (promotionEvent!.clickValue != null &&
-                        promotionEvent!.clickValue!.isNotEmpty) {
-                      launchUrlString(promotionEvent!.clickValue!,
-                          mode: LaunchMode.externalApplication);
+                    if (promotionEvent!.clickValue != null && promotionEvent!.clickValue!.isNotEmpty) {
+                      launchUrlString(promotionEvent!.clickValue!, mode: LaunchMode.externalApplication);
                     }
                     break;
                   case PromotionEventClickButtonType.inAppRoute:
-                    if (promotionEvent!.clickValue != null &&
-                        promotionEvent!.clickValue!.isNotEmpty) {
+                    if (promotionEvent!.clickValue != null && promotionEvent!.clickValue!.isNotEmpty) {
                       context.push(promotionEvent!.clickValue!);
                     }
 
@@ -744,8 +699,7 @@ class _HomePageState extends State<HomePage> {
                   Text(
                     '详情',
                     style: TextStyle(
-                      color: stringToColor(
-                          promotionEvent!.clickButtonColor ?? 'FFFFFFFF'),
+                      color: stringToColor(promotionEvent!.clickButtonColor ?? 'FFFFFFFF'),
                       fontSize: 14,
                     ),
                   ),
@@ -753,8 +707,7 @@ class _HomePageState extends State<HomePage> {
                   Icon(
                     Icons.keyboard_double_arrow_right,
                     size: 16,
-                    color: stringToColor(
-                        promotionEvent!.clickButtonColor ?? 'FFFFFFFF'),
+                    color: stringToColor(promotionEvent!.clickButtonColor ?? 'FFFFFFFF'),
                   ),
                 ],
               ),
@@ -807,23 +760,19 @@ class _HomePageState extends State<HomePage> {
                   // 上传图片
                   HapticFeedbackHelper.mediumImpact();
                   if (selectedImageFiles.length >= 4) {
-                    showSuccessMessage(
-                        AppLocale.uploadImageLimit4.getString(context));
+                    showSuccessMessage(AppLocale.uploadImageLimit4.getString(context));
                     return;
                   }
 
-                  FilePickerResult? result =
-                      await FilePicker.platform.pickFiles(
+                  FilePickerResult? result = await FilePicker.platform.pickFiles(
                     type: FileType.image,
                     allowMultiple: true,
                   );
                   if (result != null && result.files.isNotEmpty) {
                     final files = selectedImageFiles;
-                    files.addAll(
-                        result.files.map((e) => FileUpload(file: e)).toList());
+                    files.addAll(result.files.map((e) => FileUpload(file: e)).toList());
                     setState(() {
-                      selectedImageFiles =
-                          files.sublist(0, files.length > 4 ? 4 : files.length);
+                      selectedImageFiles = files.sublist(0, files.length > 4 ? 4 : files.length);
                     });
                   }
                 },
@@ -843,8 +792,7 @@ class _HomePageState extends State<HomePage> {
           child: Icon(
             Icons.send,
             color: _textController.text.trim().isNotEmpty
-                ? customColors.linkColor ??
-                    const Color.fromARGB(255, 70, 165, 73)
+                ? customColors.linkColor ?? const Color.fromARGB(255, 70, 165, 73)
                 : customColors.chatInputPanelText,
             size: 26,
           ),
@@ -914,9 +862,7 @@ class ChatHistoryItem extends StatelessWidget {
                   context,
                   AppLocale.confirmDelete.getString(context),
                   () {
-                    context
-                        .read<ChatChatBloc>()
-                        .add(ChatChatDeleteHistory(history.id!));
+                    context.read<ChatChatBloc>().add(ChatChatDeleteHistory(history.id!));
                   },
                   danger: true,
                 );
@@ -924,57 +870,54 @@ class ChatHistoryItem extends StatelessWidget {
             ),
           ],
         ),
-        child: Material(
-          color: customColors.backgroundContainerColor,
-          borderRadius: CustomSize.borderRadius,
-          child: InkWell(
-            child: ListTile(
-              contentPadding:
-                  const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
-              shape:
-                  RoundedRectangleBorder(borderRadius: CustomSize.borderRadius),
-              title: Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: [
-                  Expanded(
-                    child: Text(
-                      (history.title ?? '未命名').trim(),
-                      overflow: TextOverflow.ellipsis,
-                      style: TextStyle(
-                        color: customColors.weakTextColor,
-                        fontSize: 15,
-                      ),
-                      maxLines: 1,
-                    ),
-                  ),
-                  Text(
-                    humanTime(history.updatedAt),
-                    style: TextStyle(
-                      color: customColors.weakTextColor?.withAlpha(65),
-                      fontSize: 12,
-                    ),
-                  ),
-                ],
-              ),
-              dense: true,
-              subtitle: Padding(
-                padding: const EdgeInsets.only(top: 5),
-                child: Text(
-                  (history.lastMessage ?? '暂无内容').trim().replaceAll("\n", " "),
-                  maxLines: 1,
-                  overflow: TextOverflow.ellipsis,
-                  style: TextStyle(
-                    color: customColors.weakTextColor?.withAlpha(150),
-                    fontSize: 12,
+        child: Container(
+          decoration: BoxDecoration(
+            borderRadius: CustomSize.borderRadius,
+            color: customColors.listTileBackgroundColor,
+          ),
+          child: ListTile(
+            contentPadding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+            shape: RoundedRectangleBorder(borderRadius: CustomSize.borderRadius),
+            title: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                Expanded(
+                  child: Text(
+                    (history.title ?? '未命名').trim(),
                     overflow: TextOverflow.ellipsis,
+                    style: const TextStyle(fontSize: 15),
+                    maxLines: 1,
                   ),
                 ),
+                // Text(
+                //   humanTime(history.updatedAt),
+                //   style: TextStyle(
+                //     color: customColors.weakTextColor,
+                //     fontSize: 12,
+                //   ),
+                // ),
+              ],
+            ),
+            dense: true,
+            subtitle: Padding(
+              padding: const EdgeInsets.only(top: 5),
+              child: Text(
+                (history.lastMessage ?? '暂无内容').trim().replaceAll("\n", " "),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+                style: TextStyle(
+                  color: customColors.weakTextColor?.withAlpha(150),
+                  fontSize: 12,
+                  overflow: TextOverflow.ellipsis,
+                ),
               ),
-              onTap: () {
-                HapticFeedbackHelper.lightImpact();
-                onTap();
-              },
             ),
+            onTap: () {
+              HapticFeedbackHelper.lightImpact();
+              onTap();
+            },
+            tileColor: Colors.transparent,
+            hoverColor: Colors.transparent,
           ),
         ),
       ),
diff --git a/lib/page/chat/home_chat.dart b/lib/page/chat/home_chat.dart
index a4d55cfb..bc75d5ad 100644
--- a/lib/page/chat/home_chat.dart
+++ b/lib/page/chat/home_chat.dart
@@ -11,10 +11,11 @@ import 'package:askaide/helper/upload.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/chat/component/model_switcher.dart';
 import 'package:askaide/page/chat/component/stop_button.dart';
-import 'package:askaide/page/chat/room_chat.dart';
+import 'package:askaide/page/chat/character_chat.dart';
 import 'package:askaide/page/component/audio_player.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/chat/chat_input.dart';
+import 'package:askaide/page/component/chat/chat_input_button.dart';
 import 'package:askaide/page/component/chat/chat_preview.dart';
 import 'package:askaide/page/component/chat/empty.dart';
 import 'package:askaide/page/component/chat/file_upload.dart';
@@ -104,6 +105,12 @@ class _HomeChatPageState extends State<HomeChatPage> {
   /// 当前选择的模型
   mm.Model? selectedModel;
 
+  /// 是否启用搜索
+  bool enableSearch = false;
+
+  /// 是否启用推理
+  bool enableReasoning = false;
+
   @override
   void initState() {
     // 设置当前聊天 ID，当没有值时，会在第一个聊天消息发送后自动设置新值
@@ -138,7 +145,7 @@ class _HomeChatPageState extends State<HomeChatPage> {
     };
 
     // 加载模型列表，用于查询模型名称
-    ModelAggregate.models(withCustom: true).then((value) {
+    ModelAggregate.models().then((value) {
       setState(() {
         supportModels = value;
       });
@@ -199,14 +206,15 @@ class _HomeChatPageState extends State<HomeChatPage> {
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
-    return BackgroundContainer(
-      setting: widget.setting,
-      child: Scaffold(
-        // AppBar
-        appBar: buildAppBar(context, customColors),
-        backgroundColor: Colors.transparent,
-        // 聊天内容窗口
-        body: BlocConsumer<RoomBloc, RoomState>(
+    return Scaffold(
+      // AppBar
+      appBar: buildAppBar(context, customColors),
+      backgroundColor: customColors.backgroundContainerColor,
+      // 聊天内容窗口
+      body: BackgroundContainer(
+        setting: widget.setting,
+        // maxWidth: double.infinity,
+        child: BlocConsumer<RoomBloc, RoomState>(
           listenWhen: (previous, current) => current is RoomLoaded,
           listener: (context, state) async {
             if (state is RoomLoaded && currentModelV2 == null) {
@@ -275,36 +283,11 @@ class _HomeChatPageState extends State<HomeChatPage> {
                   initValue: selectedModel,
                 );
               },
-              child: SizedBox(
-                width: MediaQuery.of(context).size.width / 2,
-                child: Column(
-                  children: [
-                    Text(
-                      widget.title ?? AppLocale.chatAnywhere.getString(context),
-                      overflow: TextOverflow.ellipsis,
-                      maxLines: 1,
-                      style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
-                    ),
-                    if (selectedModel != null)
-                      Row(
-                        mainAxisAlignment: MainAxisAlignment.center,
-                        children: [
-                          Text(
-                            selectedModel!.name,
-                            style: TextStyle(
-                              color: customColors.weakTextColor,
-                              fontSize: 10,
-                            ),
-                          ),
-                          Icon(
-                            Icons.unfold_more,
-                            color: customColors.backgroundInvertedColor,
-                            size: CustomSize.appBarTitleSize * 0.6,
-                          ),
-                        ],
-                      )
-                  ],
-                ),
+              child: Text(
+                widget.title ?? AppLocale.chatAnywhere.getString(context),
+                overflow: TextOverflow.ellipsis,
+                maxLines: 1,
+                style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
               ),
             );
           }
@@ -312,23 +295,6 @@ class _HomeChatPageState extends State<HomeChatPage> {
           return const SizedBox();
         },
       ),
-      // flexibleSpace: SizedBox(
-      //   width: double.infinity,
-      //   child: ShaderMask(
-      //     shaderCallback: (rect) {
-      //       return const LinearGradient(
-      //         begin: Alignment.topCenter,
-      //         end: Alignment.bottomCenter,
-      //         colors: [Colors.black, Colors.transparent],
-      //       ).createShader(Rect.fromLTRB(0, 0, rect.width, rect.height));
-      //     },
-      //     blendMode: BlendMode.dstIn,
-      //     child: Image.asset(
-      //       customColors.appBarBackgroundImage!,
-      //       fit: BoxFit.cover,
-      //     ),
-      //   ),
-      // ),
     );
   }
 
@@ -353,7 +319,7 @@ class _HomeChatPageState extends State<HomeChatPage> {
             children: [
               BlocConsumer<ChatMessageBloc, ChatMessageState>(
                 listener: (context, state) {
-                  if (state is ChatAnywhereInited) {
+                  if (state is ChatHistoryInited) {
                     setState(() {
                       chatId = state.chatId;
                     });
@@ -433,13 +399,19 @@ class _HomeChatPageState extends State<HomeChatPage> {
               buildWhen: (previous, current) => current is ChatMessagesLoaded,
               builder: (context, state) {
                 var enableImageUpload = false;
+                var showSearch = false;
+                var showReasoning = false;
                 if (state is ChatMessagesLoaded) {
                   if (currentModelV2 != null) {
                     enableImageUpload = currentModelV2?.supportVision ?? false;
+                    showSearch = currentModelV2?.supportSearch ?? false;
+                    showReasoning = currentModelV2?.supportReasoning ?? false;
                   } else {
                     var model = state.chatHistory?.model ?? room.room.model;
                     final cur = supportModels.where((e) => e.id == model).firstOrNull;
                     enableImageUpload = cur?.supportVision ?? false;
+                    showSearch = cur?.supportSearch ?? false;
+                    showReasoning = cur?.supportReasoning ?? false;
                   }
                 }
 
@@ -464,6 +436,32 @@ class _HomeChatPageState extends State<HomeChatPage> {
                   onStopGenerate: () {
                     context.read<ChatMessageBloc>().add(ChatMessageStopEvent());
                   },
+                  toolsBuilder: () {
+                    return [
+                      if (showSearch)
+                        ChatInputButton(
+                          text: AppLocale.search.getString(context),
+                          icon: Icons.language_outlined,
+                          onPressed: () {
+                            setState(() {
+                              enableSearch = !enableSearch;
+                            });
+                          },
+                          isActive: enableSearch,
+                        ),
+                      if (showReasoning)
+                        ChatInputButton(
+                          text: AppLocale.reasoning.getString(context),
+                          icon: Icons.tips_and_updates_outlined,
+                          onPressed: () {
+                            setState(() {
+                              enableReasoning = !enableReasoning;
+                            });
+                          },
+                          isActive: enableReasoning,
+                        ),
+                    ];
+                  },
                 );
               },
             ),
@@ -550,22 +548,39 @@ class _HomeChatPageState extends State<HomeChatPage> {
           return null;
         }
 
+        final robotName = room.room.id != null && room.room.id! > 1 ? room.room.name : message.senderName!;
+        String? robotNameAlias;
+        if (message.model != null && room.room.modelName() != message.model && robotName != message.model) {
+          robotNameAlias = _searchModelName(message.model!);
+        }
+
         return Container(
           margin: const EdgeInsets.fromLTRB(0, 0, 10, 7),
           padding: const EdgeInsets.symmetric(horizontal: 10),
-          child: Text(
-            message.senderName!,
-            style: TextStyle(
-              color: customColors.weakTextColor,
-              fontSize: 12,
-            ),
+          child: Row(
+            children: [
+              Text(
+                robotName,
+                style: TextStyle(
+                  color: customColors.weakTextColor,
+                  fontSize: 12,
+                ),
+              ),
+              if (robotNameAlias != null)
+                Container(
+                  margin: const EdgeInsets.only(left: 5),
+                  child: Text(
+                    '($robotNameAlias)',
+                    style: TextStyle(color: customColors.weakTextColorLess, fontSize: 10),
+                  ),
+                ),
+            ],
           ),
         );
       },
       onDeleteMessage: (id) {
         handleDeleteMessage(context, id, chatHistoryId: chatId);
       },
-      onResetContext: () => handleResetContext(context),
       onResentEvent: (message, index) {
         scrollController.animateTo(0, duration: const Duration(milliseconds: 500), curve: Curves.easeOut);
 
@@ -580,6 +595,15 @@ class _HomeChatPageState extends State<HomeChatPage> {
     );
   }
 
+  String _searchModelName(String model) {
+    final mod = supportModels.where((e) => e.id == model).firstOrNull;
+    if (mod != null) {
+      return mod.shortName ?? mod.name;
+    }
+
+    return model;
+  }
+
   /// 提交新消息
   void handleSubmit(
     String text, {
@@ -648,6 +672,10 @@ class _HomeChatPageState extends State<HomeChatPage> {
               type: messagetType,
               chatHistoryId: chatId,
               images: selectedImageFiles.where((e) => e.uploaded).map((e) => e.url!).toList(),
+              flags: [
+                if (enableSearch) 'search',
+                if (enableReasoning) 'reasoning',
+              ],
             ),
             index: index,
             isResent: isResent,
@@ -656,7 +684,5 @@ class _HomeChatPageState extends State<HomeChatPage> {
 
     // ignore: use_build_context_synchronously
     context.read<NotifyBloc>().add(NotifyResetEvent());
-    // ignore: use_build_context_synchronously
-    context.read<RoomBloc>().add(RoomLoadEvent(chatAnywhereRoomId, cascading: false));
   }
 }
diff --git a/lib/page/chat/home_chat_history.dart b/lib/page/chat/home_chat_history.dart
index 33b1a8ab..ab188ae1 100644
--- a/lib/page/chat/home_chat_history.dart
+++ b/lib/page/chat/home_chat_history.dart
@@ -19,8 +19,7 @@ class HomeChatHistoryPage extends StatefulWidget {
   final SettingRepository setting;
   final ChatMessageRepository chatMessageRepo;
 
-  const HomeChatHistoryPage(
-      {super.key, required this.setting, required this.chatMessageRepo});
+  const HomeChatHistoryPage({super.key, required this.setting, required this.chatMessageRepo});
 
   @override
   State<HomeChatHistoryPage> createState() => _HomeChatHistoryPageState();
@@ -55,6 +54,7 @@ class _HomeChatHistoryPageState extends State<HomeChatHistoryPage> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: SafeArea(
           top: false,
           left: false,
@@ -62,7 +62,11 @@ class _HomeChatHistoryPageState extends State<HomeChatHistoryPage> {
           child: Column(
             children: [
               Container(
-                padding: const EdgeInsets.only(left: 10, right: 10, bottom: 5),
+                margin: const EdgeInsets.only(bottom: 10, left: 15, right: 15),
+                decoration: BoxDecoration(
+                  color: customColors.textfieldBackgroundColor,
+                  borderRadius: CustomSize.borderRadius,
+                ),
                 child: TextField(
                   textAlignVertical: TextAlignVertical.center,
                   style: TextStyle(color: customColors.dialogDefaultTextColor),
@@ -89,8 +93,7 @@ class _HomeChatHistoryPageState extends State<HomeChatHistoryPage> {
               ),
               Expanded(
                 child: BlocListener<ChatChatBloc, ChatChatState>(
-                  listenWhen: (previous, current) =>
-                      current is ChatChatRecentHistoriesLoaded,
+                  listenWhen: (previous, current) => current is ChatChatRecentHistoriesLoaded,
                   listener: (context, state) {
                     if (state is ChatChatRecentHistoriesLoaded) {
                       datasource.refresh(false, keyword);
@@ -105,21 +108,76 @@ class _HomeChatHistoryPageState extends State<HomeChatHistoryPage> {
                     child: LoadingMoreList(
                       ListConfig<ChatHistory>(
                         itemBuilder: (context, item, index) {
-                          return ChatHistoryItem(
-                            history: item,
-                            customColors: customColors,
-                            onTap: () {
-                              context
-                                  .push(
-                                      '/chat-anywhere?chat_id=${item.id}&model=${item.model}&title=${item.title}')
-                                  .whenComplete(() {
-                                FocusScope.of(context)
-                                    .requestFocus(FocusNode());
-                                context
-                                    .read<ChatChatBloc>()
-                                    .add(ChatChatLoadRecentHistories());
-                              });
-                            },
+                          // Get previous item to check if we need a header
+                          final prevItem = index > 0 ? datasource[index - 1] : null;
+
+                          final now = DateTime.now();
+                          final itemDate = DateTime.fromMillisecondsSinceEpoch(
+                              (item.createdAt ?? DateTime.now()).millisecondsSinceEpoch);
+                          final prevDate = prevItem != null
+                              ? DateTime.fromMillisecondsSinceEpoch(
+                                  (prevItem.createdAt ?? DateTime.now()).millisecondsSinceEpoch)
+                              : null;
+
+                          // Helper function to get time group
+                          String getTimeGroup(DateTime date) {
+                            final difference = now.difference(date);
+
+                            if (difference.inDays < 4) {
+                              return AppLocale.recently.getString(context);
+                            } else if (difference.inDays < 7) {
+                              return '4 ${AppLocale.daysAgo.getString(context)}';
+                            } else if (difference.inDays < 14) {
+                              return AppLocale.lastWeek.getString(context);
+                            } else if (difference.inDays < 30) {
+                              final weeks = (difference.inDays / 7).floor();
+                              return '$weeks ${AppLocale.weeksAgo.getString(context)}';
+                            } else if (difference.inDays < 365) {
+                              if (difference.inDays < 60) {
+                                return AppLocale.lastMonth.getString(context);
+                              }
+                              final months = (difference.inDays / 30).floor();
+                              return '$months ${AppLocale.monthsAgo.getString(context)}';
+                            } else if (difference.inDays < 730) {
+                              return AppLocale.lastYear.getString(context);
+                            } else {
+                              return AppLocale.longTimeAgo.getString(context);
+                            }
+                          }
+
+                          final currentGroup = getTimeGroup(itemDate);
+                          final prevGroup = prevDate != null ? getTimeGroup(prevDate) : null;
+
+                          // Show header if group changed
+                          final showHeader = currentGroup.isNotEmpty && currentGroup != prevGroup;
+
+                          return Column(
+                            crossAxisAlignment: CrossAxisAlignment.start,
+                            children: [
+                              if (showHeader)
+                                Padding(
+                                  padding: const EdgeInsets.only(left: 15, top: 10, bottom: 5),
+                                  child: Text(
+                                    currentGroup,
+                                    style: TextStyle(
+                                      fontSize: 12,
+                                      color: customColors.weakTextColor,
+                                    ),
+                                  ),
+                                ),
+                              ChatHistoryItem(
+                                history: item,
+                                customColors: customColors,
+                                onTap: () {
+                                  context
+                                      .push('/chat-anywhere?chat_id=${item.id}&model=${item.model}&title=${item.title}')
+                                      .whenComplete(() {
+                                    FocusScope.of(context).requestFocus(FocusNode());
+                                    context.read<ChatChatBloc>().add(ChatChatLoadRecentHistories());
+                                  });
+                                },
+                              ),
+                            ],
                           );
                         },
                         sourceList: datasource,
@@ -127,7 +185,7 @@ class _HomeChatHistoryPageState extends State<HomeChatHistoryPage> {
                           String msg = '';
                           switch (status) {
                             case IndicatorStatus.noMoreLoad:
-                              msg = '~ No more left ~';
+                              msg = '';
                               break;
                             case IndicatorStatus.loadingMoreBusying:
                               msg = 'Loading...';
diff --git a/lib/page/chat/rooms.dart b/lib/page/chat/rooms.dart
deleted file mode 100644
index 6f245420..00000000
--- a/lib/page/chat/rooms.dart
+++ /dev/null
@@ -1,339 +0,0 @@
-import 'package:askaide/helper/ability.dart';
-import 'package:askaide/helper/event.dart';
-import 'package:askaide/lang/lang.dart';
-import 'package:askaide/bloc/room_bloc.dart';
-import 'package:askaide/page/component/background_container.dart';
-import 'package:askaide/page/component/enhanced_button.dart';
-import 'package:askaide/page/component/enhanced_error.dart';
-import 'package:askaide/page/component/enhanced_popup_menu.dart';
-import 'package:askaide/page/component/global_alert.dart';
-import 'package:askaide/page/component/loading.dart';
-import 'package:askaide/page/component/room_card.dart';
-import 'package:askaide/page/component/sliver_component.dart';
-import 'package:askaide/page/component/weak_text_button.dart';
-import 'package:askaide/page/component/dialog.dart';
-import 'package:askaide/page/chat/component/room_item.dart';
-import 'package:askaide/page/component/theme/custom_size.dart';
-import 'package:askaide/page/component/theme/custom_theme.dart';
-import 'package:askaide/repo/api/room_gallery.dart';
-import 'package:askaide/repo/settings_repo.dart';
-import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:flutter_localization/flutter_localization.dart';
-import 'package:go_router/go_router.dart';
-
-class RoomsPage extends StatefulWidget {
-  final SettingRepository setting;
-  const RoomsPage({Key? key, required this.setting}) : super(key: key);
-
-  @override
-  State<RoomsPage> createState() => _RoomsPageState();
-}
-
-class _RoomsPageState extends State<RoomsPage> {
-  @override
-  void initState() {
-    context.read<RoomBloc>().add(RoomsLoadEvent());
-
-    super.initState();
-  }
-
-  List<RoomGallery> selectedSuggestions = [];
-
-  @override
-  Widget build(BuildContext context) {
-    var customColors = Theme.of(context).extension<CustomColors>()!;
-    return BackgroundContainer(
-      setting: widget.setting,
-      enabled: false,
-      child: Scaffold(
-        backgroundColor: customColors.backgroundColor,
-        body: BlocConsumer<RoomBloc, RoomState>(
-          listener: (context, state) {
-            if (state is RoomsLoaded) {
-              if (state.rooms.isNotEmpty) {
-                selectedSuggestions.clear();
-                setState(() {});
-                GlobalEvent().emit('showBottomNavigatorBar');
-              }
-            }
-
-            if (state is RoomCreateError) {
-              showErrorMessageEnhanced(context, state.error);
-            }
-
-            if (state is RoomOperationResult) {
-              if (!state.success) {
-                showErrorMessageEnhanced(context, state.error ?? AppLocale.operateFailed.getString(context));
-              }
-            }
-          },
-          buildWhen: (previous, current) => current is RoomsLoading || current is RoomsLoaded,
-          builder: (context, state) {
-            if (state is RoomsLoaded) {
-              if (state.error != null) {
-                return EnhancedErrorWidget(error: state.error);
-              }
-
-              return SliverComponent(
-                actions: [
-                  // 数字人创建按钮
-                  if (selectedSuggestions.isEmpty)
-                    EnhancedPopupMenu(
-                      items: [
-                        EnhancedPopupMenuItem(
-                          title: AppLocale.createRoom.getString(context),
-                          icon: Icons.person_add_alt_outlined,
-                          onTap: (p0) {
-                            context.push('/create-room').whenComplete(() {
-                              context.read<RoomBloc>().add(RoomsLoadEvent());
-                            });
-                          },
-                        ),
-                        if (Ability().isUserLogon() && !Ability().enableLocalOpenAI)
-                          EnhancedPopupMenuItem(
-                            title: AppLocale.createGroupChat.getString(context),
-                            icon: Icons.forum_outlined,
-                            onTap: (p0) {
-                              context.push('/group-chat-create').whenComplete(() {
-                                context.read<RoomBloc>().add(RoomsLoadEvent());
-                              });
-                            },
-                          )
-                      ],
-                      icon: Icons.add_circle_outline,
-                    ),
-                ],
-                centerTitle: true,
-                title: state.suggests.isEmpty
-                    ? Text(
-                        AppLocale.homeTitle.getString(context),
-                        style: TextStyle(
-                          fontSize: CustomSize.appBarTitleSize,
-                          color: customColors.backgroundInvertedColor,
-                        ),
-                      )
-                    : Column(
-                        crossAxisAlignment: CrossAxisAlignment.center,
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          Container(
-                            margin: const EdgeInsets.only(top: 10, left: 10),
-                            child: Text(
-                              AppLocale.robotRecommand.getString(context),
-                              style: TextStyle(
-                                fontWeight: FontWeight.w900,
-                                color: customColors.backgroundInvertedColor,
-                                fontSize: 18,
-                              ),
-                            ),
-                          ),
-                          Container(
-                            margin: const EdgeInsets.only(top: 0, left: 10, bottom: 10),
-                            child: Text(
-                              AppLocale.pickYourRobot.getString(context),
-                              style: TextStyle(
-                                color: customColors.weakTextColorPlus,
-                                fontSize: 11,
-                              ),
-                            ),
-                          ),
-                        ],
-                      ),
-                backgroundImage: Image.asset(
-                  customColors.appBarBackgroundImageForRoom!,
-                  fit: BoxFit.cover,
-                ),
-                child: RefreshIndicator(
-                  color: customColors.linkColor,
-                  onRefresh: () async {
-                    context.read<RoomBloc>().add(RoomsLoadEvent(forceRefresh: true));
-                  },
-                  displacement: 20,
-                  child: Column(
-                    children: [
-                      if (Ability().showGlobalAlert) const GlobalAlert(pageKey: 'rooms'),
-                      Expanded(child: buildBody(customColors, state, context)),
-                    ],
-                  ),
-                ),
-              );
-            }
-
-            return const Center(
-              child: LoadingIndicator(),
-            );
-          },
-        ),
-        bottomNavigationBar: selectedSuggestions.isNotEmpty
-            ? SafeArea(
-                child: Container(
-                  height: 70,
-                  width: double.infinity,
-                  padding: const EdgeInsets.symmetric(
-                    horizontal: 20,
-                    vertical: 10,
-                  ),
-                  child: Row(
-                    children: [
-                      WeakTextButton(
-                        title: AppLocale.cancel.getString(context),
-                        onPressed: () {
-                          selectedSuggestions.clear();
-                          setState(() {});
-                          GlobalEvent().emit('showBottomNavigatorBar');
-                        },
-                      ),
-                      const SizedBox(width: 20),
-                      Expanded(
-                        child: EnhancedButton(
-                            title: AppLocale.ok.getString(context),
-                            onPressed: () {
-                              context
-                                  .read<RoomBloc>()
-                                  .add(GalleryRoomCopyEvent(selectedSuggestions.map((e) => e.id).toList()));
-                              showSuccessMessage(AppLocale.operateSuccess.getString(context));
-                            }),
-                      )
-                    ],
-                  ),
-                ),
-              )
-            : null,
-      ),
-    );
-  }
-
-  Widget buildBody(CustomColors customColors, RoomsLoaded state, BuildContext context) {
-    if (state.rooms.isEmpty && state.suggests.isEmpty) {
-      return Center(
-        // 数字人列表为空
-        child: Column(
-          mainAxisAlignment: MainAxisAlignment.center,
-          crossAxisAlignment: CrossAxisAlignment.center,
-          children: [
-            WeakTextButton(
-              title: AppLocale.createRoom.getString(context),
-              onPressed: () {
-                context.push('/create-room').whenComplete(() {
-                  context.read<RoomBloc>().add(RoomsLoadEvent());
-                });
-              },
-              icon: Icons.add_circle,
-            )
-          ],
-        ),
-      );
-    }
-
-    if (state.suggests.isNotEmpty && state.rooms.isEmpty) {
-      return SafeArea(
-        top: false,
-        child: GridView.count(
-          shrinkWrap: true,
-          crossAxisCount: _calculateSuggestCrossAxisCount(),
-          childAspectRatio: 0.8,
-          padding: const EdgeInsets.all(10),
-          mainAxisSpacing: 10,
-          crossAxisSpacing: 10,
-          children: [
-            ...state.suggests
-                .map((item) => RoomCard(
-                      item: item,
-                      onItemSelected: onItemSelected,
-                      selected: selectedSuggestions.contains(item),
-                      selectedCheck: () {
-                        if (selectedSuggestions.isNotEmpty) {
-                          return;
-                        }
-
-                        GlobalEvent().emit('showBottomNavigatorBar');
-                      },
-                    ))
-                .toList(),
-            InkWell(
-              onTap: () {
-                if (selectedSuggestions.isNotEmpty) {
-                  return;
-                }
-
-                context.push('/create-room').whenComplete(() {
-                  context.read<RoomBloc>().add(RoomsLoadEvent());
-                });
-              },
-              borderRadius: CustomSize.borderRadiusAll,
-              child: Column(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.center,
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: [
-                  Container(
-                    decoration: BoxDecoration(borderRadius: CustomSize.borderRadius),
-                    child: ClipRRect(
-                      borderRadius: CustomSize.borderRadius,
-                      child: Stack(
-                        alignment: Alignment.center,
-                        children: [
-                          Image.asset('assets/transport.png'),
-                          Icon(
-                            Icons.interests,
-                            size: 70,
-                            color: customColors.weakLinkColor,
-                          ),
-                        ],
-                      ),
-                    ),
-                  ),
-                  const SizedBox(height: 5),
-                  Text(
-                    AppLocale.viewMore.getString(context),
-                    style: TextStyle(
-                      color: customColors.weakTextColor,
-                      fontSize: 13,
-                      overflow: TextOverflow.ellipsis,
-                    ),
-                  ),
-                ],
-              ),
-            )
-          ],
-        ),
-      );
-    }
-
-    return SafeArea(
-      top: false,
-      child: ListView.builder(
-        padding: const EdgeInsets.all(5),
-        itemCount: state.rooms.length,
-        itemBuilder: (context, index) {
-          final room = state.rooms[index];
-
-          return RoomItem(room: room);
-        },
-      ),
-    );
-  }
-
-  void onItemSelected(RoomGallery item) {
-    if (selectedSuggestions.contains(item)) {
-      selectedSuggestions.remove(item);
-    } else {
-      selectedSuggestions.add(item);
-    }
-
-    setState(() {});
-
-    if (selectedSuggestions.isEmpty) {
-      GlobalEvent().emit('showBottomNavigatorBar');
-    } else {
-      GlobalEvent().emit('hideBottomNavigatorBar');
-    }
-  }
-
-  int _calculateSuggestCrossAxisCount() {
-    final width = MediaQuery.of(context).size.width;
-    final crossAxisCount = (width / 120).floor();
-    return crossAxisCount > 7 ? 7 : crossAxisCount;
-  }
-}
diff --git a/lib/page/component/account_quota_card.dart b/lib/page/component/account_quota_card.dart
index 42a8c43d..8572eaeb 100644
--- a/lib/page/component/account_quota_card.dart
+++ b/lib/page/component/account_quota_card.dart
@@ -1,10 +1,10 @@
 import 'package:askaide/helper/ability.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/credit.dart';
-import 'package:askaide/page/component/enhanced_button.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:askaide/repo/api/user.dart';
+import 'package:auto_size_text/auto_size_text.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_localization/flutter_localization.dart';
 import 'package:go_router/go_router.dart';
@@ -14,103 +14,114 @@ class AccountQuotaCard extends StatelessWidget {
   final UserInfo? userInfo;
   final VoidCallback? onPaymentReturn;
   final bool noBorder;
-  const AccountQuotaCard(
-      {super.key, this.userInfo, this.onPaymentReturn, this.noBorder = false});
+  const AccountQuotaCard({super.key, this.userInfo, this.onPaymentReturn, this.noBorder = false});
 
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
 
     return Container(
-      margin: noBorder
-          ? null
-          : const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
+      margin: noBorder ? null : const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
       height: 120,
       child: Container(
         padding: noBorder
-            ? const EdgeInsets.only(
-                top: 5,
-                left: 20,
-                right: 20,
-                bottom: 0,
-              )
+            ? const EdgeInsets.only()
             : const EdgeInsets.symmetric(
                 horizontal: 20,
                 vertical: 30,
               ),
-        child: Row(
-          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Expanded(
-              child: Column(
+        child: userInfo != null
+            ? Row(
                 crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: [
-                  Row(
-                    crossAxisAlignment: CrossAxisAlignment.center,
-                    children: [
-                      Text(
-                        AppLocale.usage.getString(context),
-                        style: TextStyle(
-                          fontSize: 18,
-                          color: customColors.backgroundInvertedColor,
-                        ),
-                      ),
-                      const SizedBox(width: 5),
-                      InkWell(
-                        onTap: () {
-                          launchUrl(
-                            Uri.parse('https://ai.aicode.cc/zhihuiguo.html'),
-                          );
-                        },
-                        child: Icon(
-                          Icons.help,
-                          size: 14,
-                          color: customColors.weakTextColor?.withAlpha(150),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Row(
+                          children: [
+                            Text(
+                              AppLocale.usage.getString(context),
+                              style: TextStyle(
+                                fontSize: 16,
+                                color: customColors.backgroundInvertedColor,
+                              ),
+                            ),
+                            const SizedBox(width: 5),
+                            InkWell(
+                              onTap: () {
+                                launchUrl(
+                                  Uri.parse('https://ai.aicode.cc/zhihuiguo.html'),
+                                );
+                              },
+                              child: Icon(
+                                Icons.help,
+                                size: 12,
+                                color: customColors.weakTextColor?.withAlpha(150),
+                              ),
+                            ),
+                          ],
                         ),
-                      ),
-                    ],
-                  ),
-                  const SizedBox(height: 15),
-                  Row(
-                    crossAxisAlignment: CrossAxisAlignment.center,
-                    children: [
-                      if (userInfo != null)
-                        InkWell(
-                          onTap: () {
-                            context.push('/quota-usage-statistics');
-                          },
-                          borderRadius: CustomSize.borderRadiusAll,
-                          child: Credit(
-                            count: userInfo!.quota.quotaRemain(),
-                            color: customColors.backgroundInvertedColor,
-                          ),
+                        const SizedBox(height: 5),
+                        Row(
+                          children: [
+                            InkWell(
+                              onTap: () {
+                                context.push('/quota-usage-statistics');
+                              },
+                              borderRadius: CustomSize.borderRadiusAll,
+                              child: Credit(
+                                count: userInfo!.quota.quotaRemain(),
+                                color: customColors.backgroundInvertedColor,
+                                fontSize: 16,
+                                fontWeight: FontWeight.normal,
+                              ),
+                            ),
+                            const SizedBox(width: 5),
+                            if (Ability().enablePayment)
+                              TextButton(
+                                onPressed: () {
+                                  context.push('/payment').whenComplete(() {
+                                    if (onPaymentReturn != null) {
+                                      onPaymentReturn!();
+                                    }
+                                  });
+                                },
+                                child: Text(
+                                  AppLocale.buy.getString(context),
+                                  style: const TextStyle(
+                                    fontSize: 14,
+                                  ),
+                                ),
+                              ),
+                          ],
                         )
-                      else
-                        const Text('-'),
-                      const SizedBox(width: 5),
-                    ],
+                      ],
+                    ),
                   ),
                 ],
+              )
+            : Row(
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                children: [
+                  IconButton(
+                    alignment: Alignment.centerLeft,
+                    icon: Row(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        const Icon(Icons.account_circle),
+                        const SizedBox(width: 5),
+                        AutoSizeText(AppLocale.signInAccount.getString(context), maxLines: 1),
+                      ],
+                    ),
+                    onPressed: () {
+                      context.go('/login');
+                    },
+                  ),
+                  const SizedBox(width: 10),
+                ],
               ),
-            ),
-            if (Ability().enablePayment)
-              EnhancedButton(
-                onPressed: () {
-                  context.push('/payment').whenComplete(() {
-                    if (onPaymentReturn != null) {
-                      onPaymentReturn!();
-                    }
-                  });
-                },
-                title: AppLocale.buy.getString(context),
-                backgroundColor: customColors.linkColor,
-                width: 70,
-                height: 35,
-                fontSize: 14,
-              ),
-          ],
-        ),
       ),
     );
   }
diff --git a/lib/page/component/advanced_button.dart b/lib/page/component/advanced_button.dart
new file mode 100644
index 00000000..7e4f5eeb
--- /dev/null
+++ b/lib/page/component/advanced_button.dart
@@ -0,0 +1,34 @@
+import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/enhanced_button.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_localization/flutter_localization.dart';
+
+class AdvancedButton extends StatelessWidget {
+  final bool showAdvancedOptions;
+  final Function(bool) onPressed;
+  const AdvancedButton({super.key, required this.showAdvancedOptions, required this.onPressed});
+
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+    return Center(
+      child: EnhancedButton(
+        title:
+            showAdvancedOptions ? AppLocale.collapseOptions.getString(context) : AppLocale.advanced.getString(context),
+        width: 100,
+        backgroundColor: Colors.transparent,
+        color: customColors.weakTextColorLess,
+        fontSize: 12,
+        icon: Icon(
+          showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
+          color: customColors.weakTextColorLess,
+          size: 12,
+        ),
+        onPressed: () {
+          onPressed(!showAdvancedOptions);
+        },
+      ),
+    );
+  }
+}
diff --git a/lib/page/component/avatar_selector.dart b/lib/page/component/avatar_selector.dart
index 31df0b30..4bf74dd0 100644
--- a/lib/page/component/avatar_selector.dart
+++ b/lib/page/component/avatar_selector.dart
@@ -69,113 +69,9 @@ class _AvatarSelectorState extends State<AvatarSelector> {
     final customColors = Theme.of(context).extension<CustomColors>()!;
     return Column(
       children: [
-        Row(
-          mainAxisSize: MainAxisSize.max,
-          mainAxisAlignment: MainAxisAlignment.spaceAround,
-          children: [
-            if (_avatarUrl != null)
-              Stack(
-                children: [
-                  SizedBox(
-                    width: 100,
-                    height: 100,
-                    child: ClipRRect(
-                      borderRadius: CustomSize.borderRadius,
-                      child: _avatarUrl!.startsWith('http')
-                          ? CachedNetworkImageEnhanced(
-                              imageUrl: _avatarUrl!,
-                            )
-                          : Image.file(File(_avatarUrl!)),
-                    ),
-                  ),
-                  Positioned(
-                    right: 5,
-                    top: 5,
-                    child: InkWell(
-                      onTap: () {
-                        setState(() {
-                          _avatarUrl = null;
-                          _avatarId = null;
-                        });
-                        widget.onSelected(Avatar(
-                          type: AvatarType.network,
-                          url: _avatarUrl,
-                        ));
-                      },
-                      child: Container(
-                        padding: const EdgeInsets.all(3),
-                        decoration: BoxDecoration(
-                          borderRadius: CustomSize.borderRadius,
-                          color: customColors.chatRoomBackground,
-                        ),
-                        child: Icon(
-                          Icons.close,
-                          size: 10,
-                          color: customColors.weakTextColor,
-                        ),
-                      ),
-                    ),
-                  ),
-                ],
-              ),
-            if (_avatarId != null) RandomAvatar(id: _avatarId ?? 0, size: 80, usage: widget.usage),
-            Material(
-              borderRadius: CustomSize.borderRadius,
-              child: InkWell(
-                borderRadius: CustomSize.borderRadiusAll,
-                onTap: () async {
-                  HapticFeedbackHelper.mediumImpact();
-                  FilePickerResult? result = await FilePicker.platform.pickFiles(type: FileType.image);
-                  if (result != null && result.files.isNotEmpty) {
-                    setState(() {
-                      _avatarUrl = result.files.first.path;
-                      _avatarId = null;
-                    });
-
-                    widget.onSelected(Avatar(
-                      type: _avatarUrl!.startsWith('http') ? AvatarType.network : AvatarType.localFile,
-                      url: _avatarUrl,
-                    ));
-                  }
-                },
-                child: Container(
-                    decoration: BoxDecoration(
-                      borderRadius: CustomSize.borderRadius,
-                    ),
-                    child: ClipRRect(
-                      borderRadius: CustomSize.borderRadius,
-                      child: SizedBox(
-                        height: 100,
-                        width: 160,
-                        child: Row(
-                          mainAxisAlignment: MainAxisAlignment.center,
-                          children: [
-                            Icon(
-                              Icons.camera_alt,
-                              size: 30,
-                              color: customColors.chatInputPanelText,
-                            ),
-                            const SizedBox(width: 10),
-                            Text(
-                              AppLocale.custom.getString(context),
-                              style: TextStyle(
-                                fontSize: 14,
-                                fontWeight: FontWeight.w500,
-                                color: customColors.chatInputPanelText?.withOpacity(0.8),
-                              ),
-                            ),
-                          ],
-                        ),
-                      ),
-                    )),
-              ),
-            ),
-          ],
-        ),
-        const SizedBox(height: 10),
         Expanded(
           child: GridView.count(
-            crossAxisCount: 4,
+            crossAxisCount: 3,
             crossAxisSpacing: 15,
             mainAxisSpacing: 15,
             padding: const EdgeInsets.only(
@@ -185,6 +81,7 @@ class _AvatarSelectorState extends State<AvatarSelector> {
               bottom: 10,
             ),
             children: [
+              buildAvatarSelectBox(customColors, context),
               for (String url in widget.externalAvatarUrls)
                 _buildAvatarButton(
                   customColors,
@@ -218,36 +115,120 @@ class _AvatarSelectorState extends State<AvatarSelector> {
     );
   }
 
-  Widget _buildAvatarButton(CustomColors customColors, Avatar avatar) {
-    return Container(
-      decoration: BoxDecoration(
-        borderRadius: CustomSize.borderRadius,
-        border: Border.all(
-          color: (_avatarUrl != null && _avatarUrl == avatar.url) || (_avatarId != null && _avatarId == avatar.id)
-              ? customColors.linkColor ?? Colors.green
-              : Colors.transparent,
-          width: 4,
-        ),
-      ),
+  Widget buildAvatarSelectBox(CustomColors customColors, BuildContext context) {
+    return Material(
+      borderRadius: CustomSize.borderRadius,
       child: InkWell(
-        onTap: () {
-          setState(() {
-            _avatarUrl = avatar.url;
-            _avatarId = avatar.id;
-          });
-
-          widget.onSelected(avatar);
+        borderRadius: CustomSize.borderRadiusAll,
+        onTap: () async {
+          HapticFeedbackHelper.mediumImpact();
+          FilePickerResult? result = await FilePicker.platform.pickFiles(type: FileType.image);
+          if (result != null && result.files.isNotEmpty) {
+            setState(() {
+              _avatarUrl = result.files.first.path;
+              _avatarId = null;
+            });
+
+            widget.onSelected(Avatar(
+              type: _avatarUrl!.startsWith('http') ? AvatarType.network : AvatarType.localFile,
+              url: _avatarUrl,
+            ));
+          }
         },
-        child: avatar.type == AvatarType.random
-            ? RandomAvatar(id: avatar.id ?? 0, size: 80, usage: widget.usage)
-            : ClipRRect(
-                borderRadius: CustomSize.borderRadius,
-                child: CachedNetworkImageEnhanced(
-                  imageUrl: avatar.url!,
-                  fit: BoxFit.fill,
+        child: Container(
+          decoration: BoxDecoration(
+            borderRadius: CustomSize.borderRadius,
+          ),
+          child: _avatarId == null && _avatarUrl == null
+              ? ClipRRect(
+                  borderRadius: CustomSize.borderRadius,
+                  child: SizedBox(
+                    height: 100,
+                    width: 100,
+                    child: Column(
+                      mainAxisAlignment: MainAxisAlignment.center,
+                      children: [
+                        Icon(
+                          Icons.camera_alt,
+                          size: 30,
+                          color: customColors.chatInputPanelText,
+                        ),
+                        const SizedBox(width: 10),
+                        Text(
+                          AppLocale.custom.getString(context),
+                          style: TextStyle(
+                            fontSize: 10,
+                            fontWeight: FontWeight.w500,
+                            color: customColors.chatInputPanelText?.withOpacity(0.8),
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                )
+              : Stack(
+                  children: [
+                    SizedBox(
+                      width: 100,
+                      height: 100,
+                      child: ClipRRect(
+                        borderRadius: CustomSize.borderRadius,
+                        child: _avatarUrl!.startsWith('http')
+                            ? CachedNetworkImageEnhanced(
+                                imageUrl: _avatarUrl!,
+                              )
+                            : Image.file(File(_avatarUrl!)),
+                      ),
+                    ),
+                    Positioned(
+                      bottom: 0,
+                      left: 0,
+                      right: 0,
+                      child: ClipRRect(
+                        borderRadius:
+                            const BorderRadius.only(bottomLeft: CustomSize.radius, bottomRight: CustomSize.radius),
+                        child: Container(
+                          color: const Color.fromARGB(82, 0, 0, 0),
+                          height: 25,
+                          alignment: Alignment.center,
+                          child: Text(
+                            AppLocale.custom.getString(context),
+                            textAlign: TextAlign.center,
+                            style: const TextStyle(
+                              fontSize: 12,
+                              fontWeight: FontWeight.w500,
+                              color: Colors.white,
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ],
                 ),
-              ),
+        ),
       ),
     );
   }
+
+  Widget _buildAvatarButton(CustomColors customColors, Avatar avatar) {
+    return InkWell(
+      onTap: () {
+        setState(() {
+          _avatarUrl = avatar.url;
+          _avatarId = avatar.id;
+        });
+
+        widget.onSelected(avatar);
+      },
+      child: avatar.type == AvatarType.random
+          ? RandomAvatar(id: avatar.id ?? 0, size: 80, usage: widget.usage)
+          : ClipRRect(
+              borderRadius: CustomSize.borderRadius,
+              child: CachedNetworkImageEnhanced(
+                imageUrl: avatar.url!,
+                fit: BoxFit.fill,
+              ),
+            ),
+    );
+  }
 }
diff --git a/lib/page/component/background_container.dart b/lib/page/component/background_container.dart
index dd8c7b2b..59192111 100644
--- a/lib/page/component/background_container.dart
+++ b/lib/page/component/background_container.dart
@@ -15,6 +15,8 @@ class BackgroundContainer extends StatefulWidget {
   final bool enabled;
   final bool pureColorMode;
   final double maxWidth;
+  final bool clickGrapFocus;
+  final Color? backgroundColor;
 
   const BackgroundContainer({
     super.key,
@@ -24,6 +26,8 @@ class BackgroundContainer extends StatefulWidget {
     this.enabled = true,
     this.pureColorMode = false,
     this.maxWidth = CustomSize.maxWindowSize,
+    this.clickGrapFocus = true,
+    this.backgroundColor,
   });
 
   @override
@@ -40,8 +44,7 @@ class _BackgroundContainerState extends State<BackgroundContainer> {
     super.initState();
 
     if (widget.enabled) {
-      if ((widget.useGradient == null || widget.useGradient == false) &&
-          imageUrl == null) {
+      if ((widget.useGradient == null || widget.useGradient == false) && imageUrl == null) {
         imageUrl = widget.setting.get(settingBackgroundImage);
         blur = double.tryParse(
           widget.setting.get(settingBackgroundImageBlur) ?? '15.0',
@@ -72,9 +75,11 @@ class _BackgroundContainerState extends State<BackgroundContainer> {
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
     return GestureDetector(
-      onTap: () {
-        FocusScope.of(context).requestFocus(FocusNode());
-      },
+      onTap: widget.clickGrapFocus
+          ? () {
+              FocusScope.of(context).requestFocus(FocusNode());
+            }
+          : null,
       onHorizontalDragUpdate: (details) {
         // Only the mobile app supports horizontal swiping to go back to the previous page.
         if (PlatformTool.isAndroid() || PlatformTool.isIOS()) {
@@ -86,13 +91,16 @@ class _BackgroundContainerState extends State<BackgroundContainer> {
           }
         }
       },
-      child: Align(
-        alignment: Alignment.topCenter,
-        child: ConstrainedBox(
-          constraints: BoxConstraints(
-            maxWidth: widget.maxWidth > 0 ? widget.maxWidth : double.infinity,
+      child: Container(
+        color: widget.backgroundColor ?? customColors.backgroundContainerColor,
+        child: Align(
+          alignment: Alignment.topCenter,
+          child: ConstrainedBox(
+            constraints: BoxConstraints(
+              maxWidth: widget.maxWidth > 0 ? widget.maxWidth : double.infinity,
+            ),
+            child: _buildChild(customColors),
           ),
-          child: _buildChild(customColors),
         ),
       ),
     );
@@ -115,8 +123,7 @@ class _BackgroundContainerState extends State<BackgroundContainer> {
       );
     }
 
-    if (widget.enabled &&
-        ((imageUrl != null && imageUrl != '') || widget.useGradient == true)) {
+    if (widget.enabled && ((imageUrl != null && imageUrl != '') || widget.useGradient == true)) {
       return Container(
         height: double.infinity,
         decoration: widget.useGradient == true
diff --git a/lib/page/component/bottom_sheet_box.dart b/lib/page/component/bottom_sheet_box.dart
index 1117d6b2..433e476f 100644
--- a/lib/page/component/bottom_sheet_box.dart
+++ b/lib/page/component/bottom_sheet_box.dart
@@ -1,3 +1,4 @@
+import 'package:askaide/helper/platform.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:flutter/material.dart';
@@ -10,17 +11,26 @@ class BottomSheetBox extends StatelessWidget {
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
 
-    return Container(
-      padding: const EdgeInsets.only(left: 10, right: 10, bottom: 10),
-      child: SafeArea(
-        child: Container(
-          width: double.infinity,
-          decoration: BoxDecoration(
-            borderRadius: const BorderRadius.vertical(top: CustomSize.radius, bottom: CustomSize.radius),
-            color: customColors.backgroundContainerColor,
+    return Padding(
+      padding: MediaQuery.of(context).viewInsets,
+      child: Container(
+        padding: EdgeInsets.only(
+            left: 10,
+            right: 10,
+            bottom: PlatformTool.isDesktop() ? 10 : (MediaQuery.of(context).viewInsets.bottom > 0 ? 10 : 0)),
+        child: SafeArea(
+          bottom: false,
+          child: Container(
+            width: double.infinity,
+            decoration: BoxDecoration(
+              borderRadius: const BorderRadius.vertical(top: CustomSize.radius, bottom: CustomSize.radius),
+              color: customColors.backgroundColor,
+            ),
+            padding: const EdgeInsets.only(top: 0, left: 10, right: 10),
+            child: SafeArea(
+              child: child,
+            ),
           ),
-          padding: const EdgeInsets.only(top: 0, left: 10, right: 10),
-          child: child,
         ),
       ),
     );
diff --git a/lib/page/component/chat/chat_input.dart b/lib/page/component/chat/chat_input.dart
index 587f6912..6c64295d 100644
--- a/lib/page/component/chat/chat_input.dart
+++ b/lib/page/component/chat/chat_input.dart
@@ -4,6 +4,7 @@ import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/helper/platform.dart';
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/chat/chat_input_button.dart';
 import 'package:askaide/page/component/chat/file_upload.dart';
 import 'package:askaide/page/component/chat/voice_record.dart';
 import 'package:askaide/page/component/dialog.dart';
@@ -17,7 +18,6 @@ import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_localization/flutter_localization.dart';
-import 'package:flutter_slidable/flutter_slidable.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:go_router/go_router.dart';
 import 'package:loading_animation_widget/loading_animation_widget.dart';
@@ -25,14 +25,13 @@ import 'package:loading_animation_widget/loading_animation_widget.dart';
 class ChatInput extends StatefulWidget {
   final Function(String value) onSubmit;
   final ValueNotifier<bool> enableNotifier;
-  final Widget? toolbar;
   final bool enableImageUpload;
   final Function(List<FileUpload> files)? onImageSelected;
   final List<FileUpload>? selectedImageFiles;
   final Function()? onNewChat;
   final String hintText;
   final Function()? onVoiceRecordTappedEvent;
-  final List<Widget> Function()? leftSideToolsBuilder;
+  final List<Widget> Function()? toolsBuilder;
   final Function()? onStopGenerate;
   final Function(bool hasFocus)? onFocusChange;
 
@@ -47,11 +46,10 @@ class ChatInput extends StatefulWidget {
     required this.onSubmit,
     required this.enableNotifier,
     this.enableImageUpload = true,
-    this.toolbar,
     this.onNewChat,
     this.hintText = '',
     this.onVoiceRecordTappedEvent,
-    this.leftSideToolsBuilder,
+    this.toolsBuilder,
     this.onImageSelected,
     this.selectedImageFiles,
     this.onStopGenerate,
@@ -84,20 +82,19 @@ class _ChatInputState extends State<ChatInput> with TickerProviderStateMixin {
   );
 
   final maxLength = 150000;
-
-  /// Maximum height of the chat input box
-  var maxLines = 5;
-  var minLines = 1;
   var hasCamera = false;
+  var showExtensionButtons = false;
 
   // Whether to display the bottom tool bar
   var showBottomTools = false;
+  // Whether the input box is focused
+  var inputFocused = false;
 
   @override
   void initState() {
     super.initState();
 
-    if (!PlatformTool.isDesktop()) {
+    if (!PlatformTool.isDesktopAndWeb()) {
       availableCameras().then((cameras) {
         setState(() {
           hasCamera = cameras.isNotEmpty;
@@ -138,111 +135,136 @@ class _ChatInputState extends State<ChatInput> with TickerProviderStateMixin {
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
-    return Container(
-      padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 8),
-      decoration: BoxDecoration(color: customColors.chatInputPanelBackground),
-      child: Builder(builder: (context) {
-        final setting = context.read<SettingRepository>();
-        return SafeArea(
-          child: Column(
-            children: [
-              // 选中的图片预览
-              if (widget.selectedImageFiles != null && widget.selectedImageFiles!.isNotEmpty)
-                buildSelectedImagePreview(customColors),
-              // 选中文件预览
-              if (widget.selectedFile != null) buildSelectedFilePreview(customColors),
-              // 工具栏
-              if (widget.toolbar != null) widget.toolbar!,
-              // if (widget.toolbar != null)
-              const SizedBox(height: 8),
-              // 聊天内容输入栏
-              SingleChildScrollView(
-                child: Slidable(
-                  startActionPane: widget.onNewChat != null
-                      ? ActionPane(
-                          extentRatio: 0.3,
-                          motion: const ScrollMotion(),
-                          children: [
-                            SlidableAction(
-                              autoClose: true,
-                              label: AppLocale.newChat.getString(context),
-                              backgroundColor: Colors.blue,
-                              borderRadius: CustomSize.borderRadiusAll,
-                              onPressed: (_) {
-                                widget.onNewChat!();
-                              },
-                            ),
-                            const SizedBox(width: 10),
-                          ],
-                        )
-                      : null,
-                  child: Row(
+    return GestureDetector(
+      onTap: () {
+        _focusNode.requestFocus();
+      },
+      child: SafeArea(
+        bottom: false,
+        child: Container(
+          margin: PlatformTool.isDesktopAndWeb() ? const EdgeInsets.all(8) : null,
+          padding: const EdgeInsets.only(left: 16, right: 16, top: 8),
+          decoration: BoxDecoration(
+            color: customColors.chatInputAreaBackground,
+            borderRadius: PlatformTool.isDesktopAndWeb()
+                ? BorderRadius.circular(CustomSize.radiusValue)
+                : const BorderRadius.only(
+                    topLeft: Radius.circular(CustomSize.radiusValue * 2),
+                    topRight: Radius.circular(CustomSize.radiusValue * 2),
+                  ),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.08),
+                offset: const Offset(-1, -1),
+                blurRadius: CustomSize.radiusValue,
+              ),
+              if (PlatformTool.isDesktopAndWeb())
+                BoxShadow(
+                  color: Colors.black.withOpacity(0.08),
+                  offset: const Offset(-1, -1),
+                  blurRadius: CustomSize.radiusValue,
+                ),
+            ],
+          ),
+          child: Builder(builder: (context) {
+            final setting = context.read<SettingRepository>();
+            return SafeArea(
+              child: Column(
+                children: [
+                  // 选中的图片预览
+                  if (widget.selectedImageFiles != null && widget.selectedImageFiles!.isNotEmpty)
+                    buildSelectedImagePreview(customColors),
+                  // 选中文件预览
+                  if (widget.selectedFile != null) buildSelectedFilePreview(customColors),
+                  // 聊天内容输入栏
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      // 聊天功能按钮
+                      Focus(
+                        onFocusChange: (hasFocus) {
+                          setState(() {
+                            inputFocused = hasFocus;
+                          });
+
+                          widget.onFocusChange?.call(hasFocus);
+                        },
+                        child: TextFormField(
+                          keyboardType: TextInputType.multiline,
+                          textInputAction: TextInputAction.newline,
+                          maxLines: inputFocused ? 10 : 3,
+                          minLines: 1,
+                          maxLength: maxLength,
+                          focusNode: _focusNode,
+                          controller: _textController,
+                          style: const TextStyle(fontSize: CustomSize.defaultHintTextSize),
+                          decoration: InputDecoration(
+                            hintText: widget.hintText,
+                            hintStyle: TextStyle(
+                              fontSize: CustomSize.defaultHintTextSize,
+                              color: customColors.textfieldHintColor,
+                            ),
+                            border: InputBorder.none,
+                            counterText: '',
+                          ),
+                        ),
+                      ),
                       Row(
+                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                         children: [
-                          if (widget.leftSideToolsBuilder != null) ...widget.leftSideToolsBuilder!(),
-                          if (widget.enableNotifier.value && (canUploadImage || canUploadFile))
-                            buildUploadButtons(context, setting, customColors),
+                          Row(
+                            mainAxisAlignment: MainAxisAlignment.start,
+                            children: [
+                              if (widget.enableNotifier.value && (canUploadImage || canUploadFile))
+                                buildUploadButtons(context, setting, customColors),
+                              if (widget.toolsBuilder != null) ...widget.toolsBuilder!(),
+                            ],
+                          ),
+                          _buildSendOrVoiceButton(context, customColors),
                         ],
                       ),
-                      // 聊天输入框
-                      Expanded(
-                        child: Container(
-                          decoration: BoxDecoration(
-                              color: customColors.chatInputAreaBackground, borderRadius: CustomSize.borderRadius),
-                          padding: const EdgeInsets.symmetric(horizontal: 10),
+                      AnimatedContainer(
+                        duration: const Duration(milliseconds: 200),
+                        height: showExtensionButtons && widget.enableNotifier.value ? 80 : 0,
+                        child: SingleChildScrollView(
                           child: Row(
                             children: [
-                              Expanded(
-                                child: Focus(
-                                  onFocusChange: (hasFocus) {
-                                    setState(() {
-                                      if (hasFocus) {
-                                        maxLines = 10;
-                                        minLines = 3;
-                                      } else {
-                                        maxLines = 3;
-                                        minLines = 1;
-                                      }
-                                    });
-
-                                    widget.onFocusChange?.call(hasFocus);
+                              if (canUploadImage && hasCamera)
+                                ChatInputSquareButton(
+                                  icon: Icons.camera_alt,
+                                  onPressed: () {
+                                    onTakePhotoButtonPressed(context, customColors);
                                   },
-                                  child: TextFormField(
-                                    keyboardType: TextInputType.multiline,
-                                    textInputAction: TextInputAction.newline,
-                                    maxLines: maxLines,
-                                    minLines: minLines,
-                                    maxLength: maxLength,
-                                    focusNode: _focusNode,
-                                    controller: _textController,
-                                    style: const TextStyle(fontSize: CustomSize.defaultHintTextSize),
-                                    decoration: InputDecoration(
-                                      hintText: widget.hintText,
-                                      hintStyle: const TextStyle(
-                                        fontSize: CustomSize.defaultHintTextSize,
-                                      ),
-                                      border: InputBorder.none,
-                                      counterText: '',
-                                    ),
-                                  ),
+                                  text: AppLocale.takePhoto.getString(context),
+                                ),
+                              if (canUploadImage)
+                                ChatInputSquareButton(
+                                  icon: Icons.photo_library,
+                                  onPressed: () {
+                                    onImageUploadButtonPressed();
+                                  },
+                                  text: AppLocale.photoLibrary.getString(context),
+                                ),
+                              if (canUploadFile)
+                                ChatInputSquareButton(
+                                  icon: Icons.upload_file_sharp,
+                                  onPressed: () {
+                                    onFileUploadButtonPressed();
+                                  },
+                                  text: AppLocale.fileLibrary.getString(context),
                                 ),
-                              ),
-                              // 聊天发送按钮
-                              _buildSendOrVoiceButton(context, customColors),
                             ],
                           ),
                         ),
                       ),
+                      SizedBox(height: PlatformTool.isMobile() && inputFocused ? 8 : 6),
                     ],
                   ),
-                ),
+                ],
               ),
-            ],
-          ),
-        );
-      }),
+            );
+          }),
+        ),
+      ),
     );
   }
 
@@ -341,12 +363,16 @@ class _ChatInputState extends State<ChatInput> with TickerProviderStateMixin {
                           child: Container(
                             padding: const EdgeInsets.all(3),
                             decoration: BoxDecoration(
-                              borderRadius: CustomSize.borderRadius,
+                              borderRadius: CustomSize.borderRadius * 3,
                               color: customColors.chatRoomBackground,
+                              border: Border.all(
+                                color: customColors.weakTextColor ?? Colors.white,
+                                width: 1,
+                              ),
                             ),
                             child: Icon(
                               Icons.close,
-                              size: 10,
+                              size: 14,
                               color: customColors.weakTextColor,
                             ),
                           ),
@@ -388,9 +414,9 @@ class _ChatInputState extends State<ChatInput> with TickerProviderStateMixin {
       );
     }
 
-    return _textController.text == '' && !PlatformTool.isWeb()
-        ? InkWell(
-            onTap: () {
+    return _textController.text == '' && Ability().supportVoiceChat
+        ? IconButton(
+            onPressed: () {
               HapticFeedbackHelper.mediumImpact();
 
               openModalBottomSheet(
@@ -410,19 +436,20 @@ class _ChatInputState extends State<ChatInput> with TickerProviderStateMixin {
                 heightFactor: 0.8,
               );
             },
-            child: Icon(
-              Icons.mic_none,
+            icon: Icon(
+              Icons.mic_none_outlined,
               color: customColors.chatInputPanelText,
             ),
+            splashRadius: 20,
+            color: customColors.chatInputPanelText,
           )
         : IconButton(
             onPressed: () => _handleSubmited(_textController.text.trim()),
             icon: Icon(
               Icons.send,
-              color: _textController.text.trim().isNotEmpty ? const Color.fromARGB(255, 70, 165, 73) : null,
+              color: customColors.chatInputPanelText,
             ),
             splashRadius: 20,
-            tooltip: AppLocale.send.getString(context),
             color: customColors.chatInputPanelText,
           );
   }
@@ -463,111 +490,33 @@ class _ChatInputState extends State<ChatInput> with TickerProviderStateMixin {
     }
   }
 
-  final _menuKey = GlobalKey<PopupMenuButtonState>();
-
   /// Build image or file upload button
   Widget buildUploadButtons(
     BuildContext context,
     SettingRepository setting,
     CustomColors customColors,
   ) {
-    if (canUploadImage && !canUploadFile && !hasCamera) {
-      return IconButton(
-        onPressed: onImageUploadButtonPressed,
-        icon: const Icon(Icons.camera_alt),
-        color: customColors.chatInputPanelText,
-        splashRadius: 20,
-        tooltip: AppLocale.photoLibrary.getString(context),
-      );
-    }
-
-    if (!canUploadImage && canUploadFile && !hasCamera) {
-      return IconButton(
-        onPressed: onFileUploadButtonPressed,
-        icon: const Icon(Icons.upload_file),
-        color: customColors.chatInputPanelText,
-        splashRadius: 20,
-        tooltip: AppLocale.fileLibrary.getString(context),
-      );
-    }
-
-    return Listener(
-      onPointerDown: (_) async {
-        if (FocusScope.of(context).hasFocus) {
-          FocusScope.of(context).unfocus();
-          await Future.delayed(const Duration(milliseconds: 200));
-        }
-        _menuKey.currentState?.showButtonMenu();
+    return InkWell(
+      onTap: () {
+        setState(() {
+          showExtensionButtons = !showExtensionButtons;
+        });
       },
-      child: PopupMenuButton(
-        key: _menuKey,
-        enabled: false,
-        icon: Icon(Icons.add, color: customColors.chatInputPanelText),
-        splashRadius: 20,
-        elevation: 0,
-        enableFeedback: true,
-        color: customColors.backgroundColor,
-        shape: RoundedRectangleBorder(borderRadius: CustomSize.borderRadius),
-        position: PopupMenuPosition.under,
-        onSelected: (value) {
-          switch (value) {
-            case 'take_photo':
-              onTakePhotoButtonPressed(context, customColors);
-              break;
-            case 'photo_library':
-              onImageUploadButtonPressed();
-              break;
-            case 'file_library':
-              onFileUploadButtonPressed();
-              break;
-          }
-        },
-        itemBuilder: (context) {
-          return <PopupMenuItem>[
-            if (canUploadImage)
-              PopupMenuItem(
-                value: 'take_photo',
-                child: Row(
-                  children: [
-                    const Icon(Icons.camera_alt),
-                    const SizedBox(width: 10),
-                    Text(
-                      AppLocale.takePhoto.getString(context),
-                      style: const TextStyle(fontSize: 14),
-                    ),
-                  ],
-                ),
-              ),
-            if (canUploadImage)
-              PopupMenuItem(
-                value: 'photo_library',
-                child: Row(
-                  children: [
-                    const Icon(Icons.photo_library),
-                    const SizedBox(width: 10),
-                    Text(
-                      AppLocale.photoLibrary.getString(context),
-                      style: const TextStyle(fontSize: 14),
-                    ),
-                  ],
-                ),
-              ),
-            if (canUploadFile)
-              PopupMenuItem(
-                value: 'file_library',
-                child: Row(
-                  children: [
-                    const Icon(Icons.upload_file_sharp),
-                    const SizedBox(width: 10),
-                    Text(
-                      AppLocale.fileLibrary.getString(context),
-                      style: const TextStyle(fontSize: 14),
-                    ),
-                  ],
-                ),
-              ),
-          ];
-        },
+      child: Container(
+        decoration: BoxDecoration(
+          color: customColors.tagsBackground,
+          shape: BoxShape.circle,
+        ),
+        padding: const EdgeInsets.all(4),
+        child: AnimatedRotation(
+          turns: showExtensionButtons ? 0.125 : 0,
+          duration: const Duration(milliseconds: 200),
+          child: Icon(
+            Icons.add,
+            color: customColors.chatInputPanelText,
+            size: 18,
+          ),
+        ),
       ),
     );
   }
diff --git a/lib/page/component/chat/chat_input_button.dart b/lib/page/component/chat/chat_input_button.dart
new file mode 100644
index 00000000..38b26757
--- /dev/null
+++ b/lib/page/component/chat/chat_input_button.dart
@@ -0,0 +1,97 @@
+import 'package:askaide/page/component/theme/custom_size.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:flutter/material.dart';
+
+class ChatInputButton extends StatefulWidget {
+  final String text;
+  final IconData icon;
+  final VoidCallback onPressed;
+  final bool isActive;
+  const ChatInputButton(
+      {super.key, required this.text, required this.icon, required this.onPressed, this.isActive = false});
+
+  @override
+  State<ChatInputButton> createState() => _ChatInputButtonState();
+}
+
+class _ChatInputButtonState extends State<ChatInputButton> {
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+
+    return IconButton(
+      onPressed: widget.onPressed,
+      icon: Container(
+        decoration: BoxDecoration(
+          color: widget.isActive ? customColors.linkColor?.withAlpha(100) : null,
+          borderRadius: BorderRadius.circular(CustomSize.radiusValue * 2),
+        ),
+        padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+        child: Row(
+          children: [
+            Icon(widget.icon, color: widget.isActive ? customColors.linkColor : customColors.chatInputPanelText),
+            const SizedBox(width: 4),
+            Text(
+              widget.text,
+              style: TextStyle(
+                fontSize: 12,
+                fontWeight: FontWeight.bold,
+                color: widget.isActive ? customColors.linkColor : customColors.chatInputPanelText,
+              ),
+            ),
+          ],
+        ),
+      ),
+      style: ButtonStyle(
+        overlayColor: WidgetStateProperty.all(Colors.transparent),
+      ),
+    );
+  }
+}
+
+class ChatInputSquareButton extends StatelessWidget {
+  final IconData icon;
+  final VoidCallback onPressed;
+  final bool isActive;
+  final String text;
+
+  const ChatInputSquareButton(
+      {super.key, required this.icon, required this.onPressed, this.isActive = false, required this.text});
+
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+
+    return Container(
+      margin: const EdgeInsets.only(right: 8),
+      child: IconButton(
+        onPressed: onPressed,
+        icon: Container(
+          decoration: BoxDecoration(
+            color: isActive ? customColors.linkColor?.withAlpha(100) : null,
+            borderRadius: BorderRadius.circular(CustomSize.radiusValue * 2),
+          ),
+          padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+          child: Column(
+            children: [
+              Icon(
+                icon,
+                color: isActive ? customColors.linkColor : customColors.chatInputPanelText,
+                size: 30,
+              ),
+              const SizedBox(height: 4),
+              Text(
+                text,
+                style: TextStyle(
+                  fontSize: 12,
+                  fontWeight: FontWeight.bold,
+                  color: isActive ? customColors.linkColor : customColors.chatInputPanelText,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/page/component/chat/chat_preview.dart b/lib/page/component/chat/chat_preview.dart
index 88486dbc..c6dfba3e 100644
--- a/lib/page/component/chat/chat_preview.dart
+++ b/lib/page/component/chat/chat_preview.dart
@@ -6,12 +6,14 @@ import 'package:askaide/bloc/room_bloc.dart';
 import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/helper/helper.dart';
+import 'package:askaide/helper/platform.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/attached_button_panel.dart';
 import 'package:askaide/page/component/chat/chat_share.dart';
 import 'package:askaide/page/component/chat/enhanced_selectable_text.dart';
 import 'package:askaide/page/component/chat/file_upload.dart';
 import 'package:askaide/page/component/chat/message_state_manager.dart';
+import 'package:askaide/page/component/chat/thinking_card.dart';
 import 'package:askaide/page/component/dialog.dart';
 import 'package:askaide/page/component/file_preview.dart';
 import 'package:askaide/page/component/random_avatar.dart';
@@ -169,6 +171,8 @@ class _ChatPreviewState extends State<ChatPreview> {
     return message.message;
   }
 
+  final Map<int, bool> _displayThinkingProcess = {};
+
   /// 构建消息框
   Widget _buildMessageBox(
     BuildContext context,
@@ -196,8 +200,60 @@ class _ChatPreviewState extends State<ChatPreview> {
 
     final showTranslate = state.showTranslate && state.translateText != null && state.translateText != '';
 
-    final extra = index == 0 ? message.decodeExtra() : null;
-    final extraInfo = extra != null ? extra['info'] ?? '' : '';
+    final extra = message.decodeExtra();
+    final extraInfo = index == 0 && extra != null ? extra['info'] ?? '' : '';
+    final reasoning = extra != null ? extra['reasoning'] ?? '' : '';
+    final states = extra != null ? extra['states'] ?? [] : [];
+
+    final stateWidgets = <Widget>[];
+
+    if (states.isNotEmpty) {
+      final lastState = states[states.length - 1];
+      switch (lastState) {
+        case 'thinking':
+          if (reasoning != '') {
+            stateWidgets.add(ThinkingCard(
+              content: reasoning,
+              title: AppLocale.thinkingProcess.getString(context),
+              isExpanded: true,
+              onTap: (displayThinkingProcess) {},
+            ));
+          } else {
+            stateWidgets.add(Row(
+              children: [
+                Text(
+                  AppLocale.robotIsThinkingMessage.getString(context),
+                  style: TextStyle(
+                    fontSize: 14,
+                    color: customColors.weakTextColorLess!,
+                  ),
+                ),
+                const SizedBox(width: 10),
+                LoadingAnimationWidget.waveDots(
+                  color: customColors.weakTextColorLess!,
+                  size: 16,
+                ),
+              ],
+            ));
+          }
+        case 'thinking-done':
+          if (reasoning != '') {
+            final timeConsumed = extra != null ? extra['thinking_time_consumed'] ?? 0.0 : 0.0;
+            stateWidgets.add(ThinkingCard(
+              content: reasoning,
+              title: AppLocale.thinkingProcess.getString(context),
+              timeConsumed: timeConsumed.toDouble(),
+              isExpanded: _displayThinkingProcess[message.id ?? -1] ?? false,
+              onTap: (displayThinkingProcess) {
+                setState(() {
+                  _displayThinkingProcess[message.id ?? -1] = displayThinkingProcess;
+                });
+              },
+            ));
+          }
+        default:
+      }
+    }
 
     // 普通消息
     return Align(
@@ -208,6 +264,7 @@ class _ChatPreviewState extends State<ChatPreview> {
           mainAxisSize: MainAxisSize.min,
           crossAxisAlignment: CrossAxisAlignment.end,
           children: [
+            // 文件
             if (message.file != null)
               Container(
                 margin: message.role == Role.sender
@@ -237,6 +294,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                   }
                 }),
               ),
+            // 图片
             if (message.images != null && message.images!.isNotEmpty)
               Container(
                 margin: message.role == Role.sender
@@ -250,6 +308,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                 ),
                 child: FileUploadPreview(images: message.images ?? []),
               ),
+            // 消息主体
             Column(
               mainAxisSize: MainAxisSize.min,
               crossAxisAlignment: CrossAxisAlignment.start,
@@ -268,7 +327,6 @@ class _ChatPreviewState extends State<ChatPreview> {
                     ],
                   ),
                 ),
-                const SizedBox(height: 10),
                 // 消息内容部分
                 ConstrainedBox(
                   constraints: BoxConstraints(
@@ -284,6 +342,19 @@ class _ChatPreviewState extends State<ChatPreview> {
                           // 错误指示器
                           if (message.role == Role.sender && message.statusIsFailed())
                             buildErrorIndicator(message, state, context, index),
+
+                          // 消息过程状态
+                          if (states.isNotEmpty)
+                            Container(
+                              margin: const EdgeInsets.only(left: 10),
+                              padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+                              child: Column(
+                                mainAxisSize: MainAxisSize.min,
+                                crossAxisAlignment: CrossAxisAlignment.start,
+                                children: stateWidgets,
+                              ),
+                            ),
+
                           // 消息主体
                           GestureDetector(
                             // 选择模式下，单击切换选择与否
@@ -296,6 +367,10 @@ class _ChatPreviewState extends State<ChatPreview> {
                             },
                             // 长按或者双击显示上下文菜单
                             onLongPressStart: (detail) {
+                              if (PlatformTool.isDesktop()) {
+                                return;
+                              }
+
                               _handleMessageTapControl(
                                 context,
                                 detail.globalPosition,
@@ -305,6 +380,10 @@ class _ChatPreviewState extends State<ChatPreview> {
                               );
                             },
                             onDoubleTapDown: (details) {
+                              if (PlatformTool.isDesktop()) {
+                                return;
+                              }
+
                               _handleMessageTapControl(
                                 context,
                                 details.globalPosition,
@@ -340,13 +419,6 @@ class _ChatPreviewState extends State<ChatPreview> {
                                   ),
                                   child: Builder(
                                     builder: (context) {
-                                      if ((message.statusPending() || !message.isReady) && message.text.isEmpty) {
-                                        return LoadingAnimationWidget.waveDots(
-                                          color: customColors.weakLinkColor!,
-                                          size: 25,
-                                        );
-                                      }
-
                                       var text = message.text;
                                       if (!message.isReady && text != '') {
                                         text += ' ▌';
@@ -546,7 +618,7 @@ class _ChatPreviewState extends State<ChatPreview> {
     }
 
     if (widget.robotAvatar != null) {
-      if (message.role == Role.receiver && message.avatarUrl != null) {
+      if (message.role == Role.receiver && message.avatarUrl != null && (message.roomId ?? 1) <= 1) {
         return avatarWrap(RemoteAvatar(
           avatarUrl: message.avatarUrl!,
           size: 30,
@@ -589,6 +661,7 @@ class _ChatPreviewState extends State<ChatPreview> {
       enableSafeArea: true,
       attachedBuilder: (cancel) => AttachedButtonPanel(
         buttons: [
+          // 文本、Markdown 模式切换
           TextButton.icon(
             onPressed: () {
               openFullscreenDialog(
@@ -620,6 +693,7 @@ class _ChatPreviewState extends State<ChatPreview> {
               ],
             ),
           ),
+          // 复制文本
           TextButton.icon(
             onPressed: () {
               FlutterClipboard.copy(message.text).then((value) {
@@ -643,6 +717,7 @@ class _ChatPreviewState extends State<ChatPreview> {
               ],
             ),
           ),
+          // 翻译
           if (Ability().supportTranslate && widget.stateManager != null)
             TextButton.icon(
                 onPressed: () {
@@ -699,6 +774,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                     )
                   ],
                 )),
+          // 分享
           TextButton.icon(
               onPressed: () async {
                 cancel();
@@ -764,6 +840,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                   )
                 ],
               )),
+          // 选择
           TextButton.icon(
               onPressed: () {
                 widget.controller.enterSelectMode();
@@ -784,6 +861,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                   )
                 ],
               )),
+          // 删除
           if (widget.onDeleteMessage != null)
             TextButton.icon(
               onPressed: () {
@@ -806,6 +884,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                 ],
               ),
             ),
+          // 文本转语音
           if (Ability().supportSpeak && widget.onSpeakEvent != null)
             TextButton.icon(
               onPressed: () {
@@ -828,6 +907,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                 ],
               ),
             ),
+          // 重发
           if (message.role == Role.sender && widget.onResentEvent != null)
             TextButton.icon(
               onPressed: () {
@@ -850,6 +930,7 @@ class _ChatPreviewState extends State<ChatPreview> {
                 ],
               ),
             ),
+          // 信息
           if (message.quotaConsumed != null && message.quotaConsumed! > 0)
             TextButton.icon(
               onPressed: () {
diff --git a/lib/page/component/chat/empty.dart b/lib/page/component/chat/empty.dart
index 9817c977..f816ee3d 100644
--- a/lib/page/component/chat/empty.dart
+++ b/lib/page/component/chat/empty.dart
@@ -2,17 +2,21 @@ import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:askaide/repo/model/misc.dart';
+import 'package:auto_size_text/auto_size_text.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_localization/flutter_localization.dart';
+import 'package:lottie/lottie.dart';
 
 class EmptyPreview extends StatefulWidget {
   final List<ChatExample> examples;
   final Function(String message) onSubmit;
+  final bool cardMode;
 
   const EmptyPreview({
     super.key,
     required this.examples,
     required this.onSubmit,
+    this.cardMode = false,
   });
 
   @override
@@ -20,6 +24,16 @@ class EmptyPreview extends StatefulWidget {
 }
 
 class _EmptyPreviewState extends State<EmptyPreview> {
+  final ScrollController _scrollController = ScrollController();
+
+  final displayCount = 6;
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     if (widget.examples.isEmpty) {
@@ -27,6 +41,96 @@ class _EmptyPreviewState extends State<EmptyPreview> {
     }
 
     final customColors = Theme.of(context).extension<CustomColors>()!;
+
+    if (widget.cardMode) {
+      return Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisAlignment: MainAxisAlignment.start,
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          Expanded(
+            child: Container(
+              alignment: Alignment.center,
+              child: Opacity(
+                opacity: 0.2,
+                child: Lottie.asset('assets/lottie/empty_status.json', width: 200, height: 200),
+              ),
+            ),
+          ),
+          Container(
+            height: 60,
+            alignment: Alignment.center,
+            child: ListView.separated(
+              controller: _scrollController,
+              itemCount: (widget.examples.length > displayCount ? displayCount : widget.examples.length) + 1,
+              scrollDirection: Axis.horizontal,
+              itemBuilder: (context, index) {
+                if (index == (widget.examples.length > displayCount ? displayCount : widget.examples.length)) {
+                  return Container(
+                    width: 60,
+                    padding: const EdgeInsets.all(10),
+                    margin: const EdgeInsets.only(left: 10, right: 15),
+                    alignment: Alignment.center,
+                    child: InkWell(
+                      borderRadius: CustomSize.borderRadiusAll,
+                      onTap: () {
+                        setState(() {
+                          widget.examples.shuffle();
+                        });
+                        _scrollController.animateTo(
+                          0.0,
+                          duration: const Duration(milliseconds: 300),
+                          curve: Curves.easeOut,
+                        );
+                      },
+                      child: Container(
+                        padding: const EdgeInsets.all(5),
+                        alignment: Alignment.center,
+                        child: Icon(Icons.refresh, color: customColors.chatInputPanelText),
+                      ),
+                    ),
+                  );
+                }
+                return Container(
+                  margin: const EdgeInsets.only(left: 10, right: 5),
+                  child: InkWell(
+                    borderRadius: CustomSize.borderRadiusAll,
+                    onTap: () {
+                      widget.onSubmit(widget.examples[index].text);
+                    },
+                    child: Container(
+                      width: 150,
+                      padding: const EdgeInsets.all(10),
+                      decoration: BoxDecoration(
+                        color: customColors.backgroundColor,
+                        borderRadius: CustomSize.borderRadius,
+                      ),
+                      alignment: Alignment.center,
+                      child: AutoSizeText(
+                        widget.examples[index].title,
+                        maxLines: 1,
+                        overflow: TextOverflow.ellipsis,
+                        style: TextStyle(
+                          fontSize: 13,
+                          color: customColors.chatInputPanelText,
+                        ),
+                      ),
+                    ),
+                  ),
+                );
+              },
+              separatorBuilder: (BuildContext context, int index) {
+                return Divider(
+                  color: customColors.chatExampleItemText?.withAlpha(20),
+                );
+              },
+            ),
+          ),
+          const SizedBox(height: 10),
+        ],
+      );
+    }
+
     return Center(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.start,
@@ -61,7 +165,7 @@ class _EmptyPreviewState extends State<EmptyPreview> {
                 const SizedBox(height: 20),
                 Expanded(
                   child: ListView.separated(
-                    itemCount: widget.examples.length > 4 ? 4 : widget.examples.length,
+                    itemCount: widget.examples.length > displayCount ? displayCount : widget.examples.length,
                     physics: const NeverScrollableScrollPhysics(),
                     itemBuilder: (context, index) {
                       return ListTextItem(
diff --git a/lib/page/component/chat/markdown.dart b/lib/page/component/chat/markdown.dart
index d8dae04a..6c9633cc 100644
--- a/lib/page/component/chat/markdown.dart
+++ b/lib/page/component/chat/markdown.dart
@@ -1,20 +1,20 @@
-import 'dart:convert';
+// import 'dart:convert';
+// import 'package:askaide/helper/platform.dart';
+// import 'package:askaide/page/component/chat/markdown/latex.dart';
+// import 'package:askaide/page/component/dialog.dart';
+// import 'package:clipboard/clipboard.dart';
+// import 'package:markdown_widget/config/all.dart';
+// import 'package:markdown_widget/widget/all.dart';
 
-import 'package:askaide/helper/platform.dart';
 import 'package:askaide/page/component/chat/markdown/code.dart';
-import 'package:askaide/page/component/chat/markdown/latex.dart';
-import 'package:askaide/page/component/dialog.dart';
 import 'package:askaide/page/component/image_preview.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
-import 'package:clipboard/clipboard.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_cache_manager/flutter_cache_manager.dart';
 import 'package:flutter_markdown/flutter_markdown.dart' as md;
 import 'package:flutter_markdown_latex/flutter_markdown_latex.dart';
 import 'package:markdown/markdown.dart' as mm;
-import 'package:markdown_widget/config/all.dart';
-import 'package:markdown_widget/widget/all.dart';
 
 class Markdown extends StatelessWidget {
   final String data;
@@ -31,14 +31,14 @@ class Markdown extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    if (!PlatformTool.isWeb()) {
-      return MarkdownPlus(
-        data: data,
-        onUrlTap: onUrlTap,
-        textStyle: textStyle,
-        compact: true,
-      );
-    }
+    // if (!PlatformTool.isWeb()) {
+    //   return MarkdownPlus(
+    //     data: data,
+    //     onUrlTap: onUrlTap,
+    //     textStyle: textStyle,
+    //     compact: true,
+    //   );
+    // }
 
     final customColors = Theme.of(context).extension<CustomColors>()!;
     return md.MarkdownBody(
@@ -46,10 +46,10 @@ class Markdown extends StatelessWidget {
       selectable: false,
       styleSheetTheme: md.MarkdownStyleSheetBaseTheme.material,
       styleSheet: md.MarkdownStyleSheet(
-        p: textStyle ?? const TextStyle(fontSize: 16, height: 1.5),
-        listBullet: textStyle ?? const TextStyle(fontSize: 16, height: 1.5),
+        p: textStyle ?? TextStyle(fontSize: CustomSize.markdownTextSize, height: 1.5),
+        listBullet: textStyle ?? TextStyle(fontSize: CustomSize.markdownTextSize, height: 1.5),
         code: TextStyle(
-          fontSize: 14,
+          fontSize: CustomSize.markdownCodeSize,
           color: customColors.markdownCodeColor,
           backgroundColor: Colors.transparent,
         ),
@@ -96,134 +96,167 @@ class Markdown extends StatelessWidget {
       ),
       data: data,
       builders: {
-        'code': CodeElementBuilder(),
+        'code': CodeElementBuilder(customColors),
         'latex': LatexElementBuilder(),
       },
     );
   }
 }
 
-class MarkdownPlus extends StatelessWidget {
-  final String data;
-  final Function(String value)? onUrlTap;
-  final bool compact;
-  final TextStyle? textStyle;
-  final cacheManager = DefaultCacheManager();
+// class MarkdownPlus extends StatelessWidget {
+//   final String data;
+//   final Function(String value)? onUrlTap;
+//   final bool compact;
+//   final TextStyle? textStyle;
+//   final cacheManager = DefaultCacheManager();
 
-  MarkdownPlus({
-    super.key,
-    required this.data,
-    this.onUrlTap,
-    this.compact = true,
-    this.textStyle,
-  });
+//   MarkdownPlus({
+//     super.key,
+//     required this.data,
+//     this.onUrlTap,
+//     this.compact = true,
+//     this.textStyle,
+//   });
 
-  MarkdownConfig _buildMarkdownConfig(CustomColors customColors) {
-    return MarkdownConfig(
-      configs: [
-        PConfig(textStyle: textStyle ?? const TextStyle(fontSize: 16)),
-        // 链接配置
-        LinkConfig(
-          style: TextStyle(
-            color: customColors.markdownLinkColor,
-            decoration: TextDecoration.none,
-          ),
-          onTap: (value) {
-            if (onUrlTap != null) onUrlTap!(value);
-          },
-        ),
-        // 代码块配置
-        PreConfig(
-          theme: codeTheme(),
-          decoration: const BoxDecoration(borderRadius: CustomSize.borderRadiusAll),
-          margin: const EdgeInsets.symmetric(vertical: 0.0),
-          padding: const EdgeInsets.only(top: 28, left: 10, right: 10, bottom: 10),
-          textStyle: const TextStyle(fontSize: 13),
-          wrapper: (child, code, language) {
-            return Stack(
-              children: [
-                child,
-                Positioned(
-                  right: 0,
-                  top: 0,
-                  child: IconButton(
-                    tooltip: 'Copy code',
-                    icon: Icon(
-                      Icons.copy,
-                      size: 10,
-                      color: customColors.weakLinkColor,
-                    ),
-                    onPressed: () {
-                      FlutterClipboard.copy(code).then((value) {
-                        showSuccessMessage('Copied to clipboard');
-                      });
-                    },
-                  ),
-                ),
-              ],
-            );
-          },
-        ),
-        // 代码配置
-        CodeConfig(
-          style: TextStyle(
-            fontSize: 13,
-            color: customColors.markdownCodeColor,
-          ),
-        ),
-        // 图片配置
-        ImgConfig(
-          builder: (url, attributes) {
-            if (url.isEmpty) {
-              return const SizedBox();
-            }
+//   MarkdownConfig _buildMarkdownConfig(CustomColors customColors) {
+//     return MarkdownConfig(
+//       configs: [
+//         PConfig(textStyle: textStyle ?? TextStyle(fontSize: CustomSize.markdownTextSize)),
+//         // 链接配置
+//         LinkConfig(
+//           style: TextStyle(
+//             color: customColors.markdownLinkColor,
+//             decoration: TextDecoration.none,
+//           ),
+//           onTap: (value) {
+//             if (onUrlTap != null) onUrlTap!(value);
+//           },
+//         ),
+//         // 代码块配置
+//         PreConfig(
+//           theme: codeTheme(),
+//           decoration: const BoxDecoration(borderRadius: CustomSize.borderRadiusAll),
+//           margin: const EdgeInsets.symmetric(vertical: 0.0),
+//           padding: const EdgeInsets.only(top: 5, left: 10, right: 10, bottom: 10),
+//           textStyle: TextStyle(fontSize: CustomSize.markdownCodeSize),
+//           wrapper: (child, code, language) {
+//             return Card(
+//               elevation: 0,
+//               color: customColors.markdownPreColor,
+//               shape: RoundedRectangleBorder(
+//                 borderRadius: CustomSize.borderRadius,
+//               ),
+//               child: Column(
+//                 crossAxisAlignment: CrossAxisAlignment.start,
+//                 children: [
+//                   Container(
+//                     padding: const EdgeInsets.symmetric(horizontal: 8),
+//                     decoration: BoxDecoration(
+//                       color: customColors.listTileBackgroundColor,
+//                       borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, topRight: CustomSize.radius),
+//                     ),
+//                     child: Row(
+//                       mainAxisAlignment: MainAxisAlignment.spaceBetween,
+//                       children: [
+//                         Text(
+//                           language,
+//                           style: TextStyle(
+//                             fontSize: 12,
+//                             color: customColors.weakTextColor,
+//                           ),
+//                         ),
+//                         TextButton.icon(
+//                           icon: Icon(
+//                             Icons.copy,
+//                             size: 14,
+//                             color: customColors.weakTextColorLess,
+//                           ),
+//                           label: Text(
+//                             'Copy',
+//                             style: TextStyle(
+//                               fontSize: 12,
+//                               color: customColors.weakTextColorLess,
+//                             ),
+//                           ),
+//                           onPressed: () {
+//                             FlutterClipboard.copy(code).then((value) {
+//                               showSuccessMessage('Copied to clipboard');
+//                             });
+//                           },
+//                           style: ButtonStyle(
+//                             overlayColor: WidgetStateProperty.all(Colors.transparent),
+//                           ),
+//                         ),
+//                       ],
+//                     ),
+//                   ),
+//                   child,
+//                 ],
+//               ),
+//             );
+//           },
+//         ),
+//         // 代码配置
+//         CodeConfig(
+//           style: TextStyle(
+//             fontSize: CustomSize.markdownCodeSize,
+//             color: customColors.markdownCodeColor,
+//           ),
+//         ),
+//         // 图片配置
+//         ImgConfig(
+//           builder: (url, attributes) {
+//             if (url.isEmpty) {
+//               return const SizedBox();
+//             }
 
-            if (url.startsWith('data:')) {
-              return ClipRRect(
-                borderRadius: CustomSize.borderRadiusAll,
-                child: Image.memory(
-                  const Base64Decoder().convert(url.split(',')[1]),
-                  fit: BoxFit.cover,
-                ),
-              );
-            }
+//             if (url.startsWith('data:')) {
+//               return ClipRRect(
+//                 borderRadius: CustomSize.borderRadiusAll,
+//                 child: Image.memory(
+//                   const Base64Decoder().convert(url.split(',')[1]),
+//                   fit: BoxFit.cover,
+//                 ),
+//               );
+//             }
 
-            return NetworkImagePreviewer(
-              url: url,
-              hidePreviewButton: true,
-            );
-          },
-        )
-      ],
-    );
-  }
+//             return NetworkImagePreviewer(
+//               url: url,
+//               hidePreviewButton: true,
+//             );
+//           },
+//         ),
+//         HrConfig(height: 1, color: customColors.weakTextColorLess?.withAlpha(100) ?? Colors.transparent),
+//       ],
+//     );
+//   }
 
-  @override
-  Widget build(BuildContext context) {
-    final customColors = Theme.of(context).extension<CustomColors>()!;
-    final markdownGenerator = MarkdownGenerator(
-      generators: [latexGenerator],
-      inlineSyntaxList: [LatexSyntax()],
-    );
+//   @override
+//   Widget build(BuildContext context) {
+//     final customColors = Theme.of(context).extension<CustomColors>()!;
+//     final markdownGenerator = MarkdownGenerator(
+//       generators: [latexGenerator],
+//       inlineSyntaxList: [LatexSyntax()],
+//     );
 
-    if (compact) {
-      return Column(
-        mainAxisSize: MainAxisSize.min,
-        mainAxisAlignment: MainAxisAlignment.start,
-        textDirection: TextDirection.ltr,
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: markdownGenerator.buildWidgets(
-          data,
-          config: _buildMarkdownConfig(customColors),
-        ),
-      );
-    }
+//     if (compact) {
+//       return Column(
+//         mainAxisSize: MainAxisSize.min,
+//         mainAxisAlignment: MainAxisAlignment.start,
+//         textDirection: TextDirection.ltr,
+//         crossAxisAlignment: CrossAxisAlignment.start,
+//         children: markdownGenerator.buildWidgets(
+//           data,
+//           config: _buildMarkdownConfig(customColors),
+//         ),
+//       );
+//     }
 
-    return MarkdownWidget(
-      data: data,
-      shrinkWrap: true,
-      config: _buildMarkdownConfig(customColors),
-      markdownGenerator: markdownGenerator,
-    );
-  }
-}
+//     return MarkdownWidget(
+//       data: data,
+//       shrinkWrap: true,
+//       config: _buildMarkdownConfig(customColors),
+//       markdownGenerator: markdownGenerator,
+//     );
+//   }
+// }
diff --git a/lib/page/component/chat/markdown/code.dart b/lib/page/component/chat/markdown/code.dart
index 9b286a95..0f05fc6c 100644
--- a/lib/page/component/chat/markdown/code.dart
+++ b/lib/page/component/chat/markdown/code.dart
@@ -1,5 +1,7 @@
 import 'package:askaide/helper/ability.dart';
 import 'package:askaide/page/component/dialog.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:clipboard/clipboard.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_highlight/flutter_highlight.dart';
@@ -19,6 +21,10 @@ Map<String, TextStyle> codeTheme() {
 }
 
 class CodeElementBuilder extends MarkdownElementBuilder {
+  final CustomColors customColors;
+
+  CodeElementBuilder(this.customColors);
+
   @override
   Widget? visitElementAfter(md.Element element, TextStyle? preferredStyle) {
     var language = '';
@@ -62,23 +68,59 @@ class CodeElementBuilder extends MarkdownElementBuilder {
     );
 
     if (multiLine) {
-      return Stack(
-        children: [
-          child,
-          Positioned(
-            right: 0,
-            top: 0,
-            child: IconButton(
-              tooltip: 'Copy code',
-              icon: const Icon(Icons.copy, size: 12),
-              onPressed: () {
-                FlutterClipboard.copy(element.textContent).then((value) {
-                  showSuccessMessage('Copied to clipboard');
-                });
-              },
+      return Card(
+        elevation: 0,
+        color: customColors.markdownPreColor,
+        shape: RoundedRectangleBorder(
+          borderRadius: CustomSize.borderRadius,
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 8),
+              decoration: BoxDecoration(
+                color: customColors.listTileBackgroundColor,
+                borderRadius: const BorderRadius.only(topLeft: CustomSize.radius, topRight: CustomSize.radius),
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Text(
+                    language,
+                    style: TextStyle(
+                      fontSize: 12,
+                      color: customColors.weakTextColor,
+                    ),
+                  ),
+                  TextButton.icon(
+                    icon: Icon(
+                      Icons.copy,
+                      size: 14,
+                      color: customColors.weakTextColorLess,
+                    ),
+                    label: Text(
+                      'Copy',
+                      style: TextStyle(
+                        fontSize: 12,
+                        color: customColors.weakTextColorLess,
+                      ),
+                    ),
+                    onPressed: () {
+                      FlutterClipboard.copy(element.textContent).then((value) {
+                        showSuccessMessage('Copied to clipboard');
+                      });
+                    },
+                    style: ButtonStyle(
+                      overlayColor: WidgetStateProperty.all(Colors.transparent),
+                    ),
+                  ),
+                ],
+              ),
             ),
-          ),
-        ],
+            child,
+          ],
+        ),
       );
     }
 
diff --git a/lib/page/component/chat/role_avatar.dart b/lib/page/component/chat/role_avatar.dart
index 2916703e..f12f39ac 100644
--- a/lib/page/component/chat/role_avatar.dart
+++ b/lib/page/component/chat/role_avatar.dart
@@ -12,6 +12,7 @@ class RoleAvatar extends StatefulWidget {
   final String? alternativeAvatarUrl;
   final String? name;
   final ChatHistory? his;
+  final int avatarSize;
 
   const RoleAvatar({
     super.key,
@@ -19,6 +20,7 @@ class RoleAvatar extends StatefulWidget {
     this.alternativeAvatarUrl,
     this.his,
     this.name,
+    this.avatarSize = 30,
   });
 
   @override
@@ -35,29 +37,29 @@ class _RoleAvatarState extends State<RoleAvatar> {
     if (widget.avatarUrl != null && widget.avatarUrl!.startsWith('http')) {
       return RemoteAvatar(
         avatarUrl: imageURL(widget.avatarUrl!, qiniuImageTypeAvatar),
-        size: 30,
+        size: widget.avatarSize,
       );
     }
 
     if (widget.alternativeAvatarUrl != null) {
       return RemoteAvatar(
         avatarUrl: imageURL(widget.alternativeAvatarUrl!, qiniuImageTypeAvatar),
-        size: 30,
+        size: widget.avatarSize,
       );
     }
 
     if (widget.his != null && widget.his!.model != null) {
       return FutureBuilder(
-        future: ModelAggregate.models(withCustom: true),
+        future: ModelAggregate.models(),
         builder: (context, snapshot) {
           if (!snapshot.hasError && snapshot.hasData) {
             var mod = snapshot.data!.where((e) => e.id == widget.his!.model!).firstOrNull;
             if (mod != null && mod.avatarUrl != null && mod.avatarUrl != '') {
-              return RemoteAvatar(avatarUrl: mod.avatarUrl!, size: 30);
+              return RemoteAvatar(avatarUrl: mod.avatarUrl!, size: widget.avatarSize);
             }
           }
 
-          return const LocalAvatar(assetName: 'assets/app.png', size: 30);
+          return LocalAvatar(assetName: 'assets/app.png', size: widget.avatarSize);
         },
       );
     }
@@ -65,12 +67,12 @@ class _RoleAvatarState extends State<RoleAvatar> {
     if (widget.name != null && widget.name!.isNotEmpty) {
       return Initicon(
         text: widget.name!.split('、').join(' '),
-        size: 30,
+        size: widget.avatarSize.toDouble(),
         backgroundColor: Colors.grey.withAlpha(100),
         borderRadius: CustomSize.borderRadiusAll,
       );
     }
 
-    return const LocalAvatar(assetName: 'assets/app.png', size: 30);
+    return LocalAvatar(assetName: 'assets/app.png', size: widget.avatarSize);
   }
 }
diff --git a/lib/page/component/chat/thinking_card.dart b/lib/page/component/chat/thinking_card.dart
new file mode 100644
index 00000000..6cf080a9
--- /dev/null
+++ b/lib/page/component/chat/thinking_card.dart
@@ -0,0 +1,75 @@
+import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_localization/flutter_localization.dart';
+
+class ThinkingCard extends StatelessWidget {
+  final String content;
+  final String title;
+  final bool isExpanded;
+  final Function(bool) onTap;
+  final double timeConsumed;
+  const ThinkingCard({
+    super.key,
+    required this.content,
+    required this.title,
+    this.isExpanded = false,
+    required this.onTap,
+    this.timeConsumed = 0,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+
+    return SizedBox(
+      width: double.infinity,
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          GestureDetector(
+            onTap: () => onTap(!isExpanded),
+            child: Row(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Text(
+                  timeConsumed > 0
+                      ? '$title (${AppLocale.timeConsume.getString(context)} ${timeConsumed.toStringAsFixed(1)}s)'
+                      : title,
+                  style: TextStyle(fontSize: 12, color: customColors.weakTextColorLess),
+                ),
+                AnimatedRotation(
+                  duration: const Duration(milliseconds: 200),
+                  turns: isExpanded ? 0.5 : 0,
+                  child: Icon(
+                    Icons.keyboard_arrow_up,
+                    size: 16,
+                    color: customColors.weakTextColorLess,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          AnimatedSize(
+            duration: const Duration(milliseconds: 200),
+            child: Container(
+              height: isExpanded ? null : 0,
+              padding: const EdgeInsets.only(top: 8),
+              child: Container(
+                padding: const EdgeInsets.only(left: 8),
+                child: Text(
+                  content,
+                  style: TextStyle(
+                    fontSize: 12,
+                    color: customColors.weakTextColorLess,
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
diff --git a/lib/page/component/dialog.dart b/lib/page/component/dialog.dart
index 6fa31f3c..036f7eb6 100644
--- a/lib/page/component/dialog.dart
+++ b/lib/page/component/dialog.dart
@@ -552,6 +552,7 @@ openTextFieldDialog(
   showModalBottomSheet(
     context: context,
     backgroundColor: Colors.transparent,
+    isScrollControlled: true,
     builder: (context) {
       return BottomSheetBox(
         child: Column(
diff --git a/lib/page/component/enhanced_textfield.dart b/lib/page/component/enhanced_textfield.dart
index 9e8d873d..455dd420 100644
--- a/lib/page/component/enhanced_textfield.dart
+++ b/lib/page/component/enhanced_textfield.dart
@@ -144,8 +144,7 @@ class _EnhancedTextFieldState extends State<EnhancedTextField> {
 
   @override
   Widget build(BuildContext context) {
-    if ((widget.labelText != null || widget.labelWidget != null) &&
-        widget.labelPosition != LabelPosition.inner) {
+    if ((widget.labelText != null || widget.labelWidget != null) && widget.labelPosition != LabelPosition.inner) {
       // 上下结构
       if (widget.labelPosition == LabelPosition.top) {
         return Column(
@@ -168,8 +167,7 @@ class _EnhancedTextFieldState extends State<EnhancedTextField> {
                             ),
                           ),
                           const SizedBox(width: 5),
-                          if (widget.labelHelpWidget != null)
-                            widget.labelHelpWidget!,
+                          if (widget.labelHelpWidget != null) widget.labelHelpWidget!,
                         ],
                       ),
                 if (widget.inputSelector != null) widget.inputSelector!,
@@ -255,10 +253,8 @@ class _EnhancedTextFieldState extends State<EnhancedTextField> {
                       fillColor: widget.customColors.textfieldBackgroundColor,
                       hintText: widget.hintText,
                       hintStyle: TextStyle(
-                        fontSize: widget.hintTextSize ??
-                            CustomSize.defaultHintTextSize,
-                        color: widget.hintColor ??
-                            widget.customColors.textfieldHintColor,
+                        fontSize: widget.hintTextSize ?? CustomSize.defaultHintTextSize,
+                        color: widget.hintColor ?? widget.customColors.textfieldHintColor,
                       ),
                       hintTextDirection: widget.textDirection,
                       counterText: "",
@@ -270,22 +266,16 @@ class _EnhancedTextFieldState extends State<EnhancedTextField> {
                         top: widget.labelPosition == LabelPosition.top ? 0 : 10,
                         left: widget.enableBackground ? 15 : 0,
                         right: widget.enableBackground ? 15 : 0,
-                        bottom: (widget.showCounter ||
-                                    widget.bottomButton != null) &&
-                                widget.middleWidget == null
+                        bottom: (widget.showCounter || widget.bottomButton != null) && widget.middleWidget == null
                             ? 30
                             : 10,
                       ),
-                      labelText: widget.labelPosition == LabelPosition.inner
-                          ? widget.labelText
-                          : null,
+                      labelText: widget.labelPosition == LabelPosition.inner ? widget.labelText : null,
                       labelStyle: TextStyle(
                         color: widget.customColors.textfieldLabelColor,
                       ),
                       suffixIcon: widget.suffixIcon ??
-                          (widget.labelPosition == LabelPosition.left
-                              ? widget.inputSelector
-                              : null),
+                          (widget.labelPosition == LabelPosition.left ? widget.inputSelector : null),
                     ),
                     cursorRadius: CustomSize.radius,
                     keyboardType: widget.keyboardType,
@@ -337,8 +327,7 @@ class _EnhancedTextFieldState extends State<EnhancedTextField> {
                   highlightColor: Colors.transparent,
                   padding: const EdgeInsets.all(0),
                   minWidth: 60,
-                  shape: RoundedRectangleBorder(
-                      borderRadius: CustomSize.borderRadius),
+                  shape: RoundedRectangleBorder(borderRadius: CustomSize.borderRadius),
                   onPressed: widget.bottomButtonOnPressed,
                   child: widget.bottomButton!,
                 ),
@@ -351,9 +340,7 @@ class _EnhancedTextFieldState extends State<EnhancedTextField> {
 
   InputBorder resolveInputBorder() {
     if (widget.enableBackground) {
-      return const OutlineInputBorder(
-          borderRadius: CustomSize.borderRadiusAll,
-          borderSide: BorderSide.none);
+      return const OutlineInputBorder(borderRadius: CustomSize.borderRadiusAll, borderSide: BorderSide.none);
     }
 
     return InputBorder.none;
diff --git a/lib/page/component/group_list_widget.dart b/lib/page/component/group_list_widget.dart
new file mode 100644
index 00000000..2218ab64
--- /dev/null
+++ b/lib/page/component/group_list_widget.dart
@@ -0,0 +1,96 @@
+import 'package:askaide/page/component/theme/custom_size.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
+import 'package:flutter/material.dart';
+
+class Group<T> {
+  final String key;
+  final List<T> items;
+
+  Group({required this.key, required this.items});
+}
+
+class GroupListWidget<T> extends StatelessWidget {
+  final List<T> items;
+  final String Function(T item) groupKey;
+  final Widget Function(T item) itemBuilder;
+  final EdgeInsets? padding;
+  final EdgeInsets? margin;
+  final bool showTitle;
+  final ScrollPhysics? physics;
+  const GroupListWidget({
+    super.key,
+    required this.items,
+    required this.groupKey,
+    required this.itemBuilder,
+    this.padding = const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+    this.margin = const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
+    this.showTitle = false,
+    this.physics,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+
+    var groups = <String, List<T>>{};
+    for (var item in items) {
+      var key = groupKey(item);
+      groups[key] = groups[key] ?? [];
+      groups[key]!.add(item);
+    }
+
+    return ListView.separated(
+      physics: physics,
+      shrinkWrap: true,
+      itemBuilder: (context, i) {
+        var group = groups.entries.elementAt(i);
+        return Column(
+          children: [
+            if (showTitle)
+              Container(
+                margin: const EdgeInsets.only(top: 5),
+                padding: const EdgeInsets.only(left: 10, right: 10),
+                width: double.infinity,
+                child: Text(
+                  groups.keys.elementAt(i),
+                  style: TextStyle(
+                    color: customColors.weakTextColor,
+                    fontSize: 10,
+                  ),
+                ),
+              ),
+            Container(
+              margin: margin,
+              padding: padding,
+              decoration: BoxDecoration(
+                borderRadius: CustomSize.borderRadius,
+                color: customColors.backgroundForDialogListItem,
+              ),
+              child: ListView.separated(
+                shrinkWrap: true,
+                physics: const NeverScrollableScrollPhysics(),
+                itemCount: group.value.length,
+                itemBuilder: (BuildContext context, int index) {
+                  return itemBuilder(group.value.elementAt(index));
+                },
+                separatorBuilder: (BuildContext context, int index) {
+                  return Padding(
+                    padding: const EdgeInsets.symmetric(vertical: 1.5),
+                    child: Divider(
+                      height: 1,
+                      color: customColors.columnBlockDividerColor,
+                    ),
+                  );
+                },
+              ),
+            ),
+          ],
+        );
+      },
+      separatorBuilder: (BuildContext context, int index) {
+        return const Padding(padding: EdgeInsets.symmetric(horizontal: 15, vertical: 5));
+      },
+      itemCount: groups.length,
+    );
+  }
+}
diff --git a/lib/page/component/item_selector_search.dart b/lib/page/component/item_selector_search.dart
index 002d81fb..e6e5e5be 100644
--- a/lib/page/component/item_selector_search.dart
+++ b/lib/page/component/item_selector_search.dart
@@ -1,4 +1,6 @@
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/group_list_widget.dart';
+import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_localization/flutter_localization.dart';
@@ -67,8 +69,7 @@ class _ItemSearchSelectorState extends State<ItemSearchSelector> {
               (item) => ListTile(
                 title: Container(
                   alignment: Alignment.center,
-                  padding: widget.innerPadding ??
-                      const EdgeInsets.symmetric(vertical: 5),
+                  padding: widget.innerPadding ?? const EdgeInsets.symmetric(vertical: 5),
                   child: widget.value != null
                       ? Column(
                           mainAxisAlignment: MainAxisAlignment.spaceAround,
@@ -86,8 +87,7 @@ class _ItemSearchSelectorState extends State<ItemSearchSelector> {
                               height: 10,
                               child: Icon(
                                 Icons.check,
-                                color: (widget.value != null &&
-                                        widget.value == item.value)
+                                color: (widget.value != null && widget.value == item.value)
                                     ? customColors.linkColor
                                     : Colors.transparent,
                               ),
@@ -110,20 +110,23 @@ class _ItemSearchSelectorState extends State<ItemSearchSelector> {
         // 搜索框
         if (widget.enableSearch)
           Container(
-            alignment: Alignment.center,
-            margin: const EdgeInsets.symmetric(horizontal: 10),
+            margin: const EdgeInsets.only(bottom: 10, left: 5, right: 5),
+            decoration: BoxDecoration(
+              color: customColors.textfieldBackgroundColor,
+              borderRadius: CustomSize.borderRadius,
+            ),
             child: TextField(
               controller: _searchController,
               textAlignVertical: TextAlignVertical.center,
-              style: TextStyle(color: customColors.dialogDefaultTextColor),
+              style: TextStyle(color: customColors.textfieldHintColor),
               decoration: InputDecoration(
                 hintText: AppLocale.search.getString(context),
                 hintStyle: TextStyle(
-                  color: customColors.dialogDefaultTextColor,
+                  color: customColors.weakTextColor?.withAlpha(150),
                 ),
                 prefixIcon: Icon(
                   Icons.search,
-                  color: customColors.dialogDefaultTextColor,
+                  color: customColors.weakTextColor?.withAlpha(150),
                 ),
                 isDense: true,
                 border: InputBorder.none,
@@ -132,10 +135,10 @@ class _ItemSearchSelectorState extends State<ItemSearchSelector> {
           ),
         // 列表部分
         Expanded(
-          child: ListView.separated(
-            itemCount: items.length,
-            itemBuilder: (context, i) {
-              var item = items[i];
+          child: GroupListWidget(
+            items: items,
+            groupKey: (item) => '',
+            itemBuilder: (item) {
               return ListTile(
                 title: Container(
                   alignment: Alignment.center,
@@ -158,8 +161,7 @@ class _ItemSearchSelectorState extends State<ItemSearchSelector> {
                               width: 10,
                               child: Icon(
                                 Icons.check,
-                                color: (widget.value != null &&
-                                        widget.value == item.value)
+                                color: (widget.value != null && widget.value == item.value)
                                     ? customColors.linkColor
                                     : Colors.transparent,
                               ),
@@ -173,12 +175,6 @@ class _ItemSearchSelectorState extends State<ItemSearchSelector> {
                 },
               );
             },
-            separatorBuilder: (BuildContext context, int index) {
-              return Divider(
-                height: 1,
-                color: customColors.columnBlockDividerColor,
-              );
-            },
           ),
         ),
       ],
diff --git a/lib/page/component/model_item.dart b/lib/page/component/model_item.dart
index b0441bc0..37659159 100644
--- a/lib/page/component/model_item.dart
+++ b/lib/page/component/model_item.dart
@@ -4,6 +4,7 @@ import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/image.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/dialog.dart';
+import 'package:askaide/page/component/group_list_widget.dart';
 import 'package:askaide/page/component/random_avatar.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
@@ -59,6 +60,14 @@ class _ModelItemState extends State<ModelItem> {
         uniqueTags.add(AppLocale.visionTag.getString(context));
       }
 
+      if (model.supportReasoning) {
+        uniqueTags.add(AppLocale.reasoning.getString(context));
+      }
+
+      if (model.supportSearch) {
+        uniqueTags.add(AppLocale.search.getString(context));
+      }
+
       if (model.modelPrice.isFree) {
         uniqueTags.add(AppLocale.free.getString(context));
       }
@@ -73,12 +82,11 @@ class _ModelItemState extends State<ModelItem> {
           });
         },
         child: Container(
-          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+          padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
           child: buildTag(
             customColors,
             tag,
-            tagBgColor: selectedTag == tag ? 'FF4CAF50' : '2A9E9E9E',
-            tagTextColor: selectedTag == tag ? 'FFFFFFFF' : null,
+            tagTextColor: selectedTag == tag ? customColors.linkColor : null,
             tagFontSize: 12,
           ),
         ),
@@ -88,227 +96,55 @@ class _ModelItemState extends State<ModelItem> {
     return widget.models.isNotEmpty
         ? Column(
             children: [
+              // Search
               Container(
-                padding: const EdgeInsets.only(left: 5, right: 5, bottom: 5),
+                margin: const EdgeInsets.only(bottom: 10, left: 5, right: 5),
+                decoration: BoxDecoration(
+                  color: customColors.textfieldBackgroundColor,
+                  borderRadius: CustomSize.borderRadius,
+                ),
                 child: TextField(
                   textAlignVertical: TextAlignVertical.center,
                   style: TextStyle(color: customColors.dialogDefaultTextColor),
                   decoration: InputDecoration(
                     hintText: AppLocale.search.getString(context),
-                    hintStyle: TextStyle(
-                      color: customColors.dialogDefaultTextColor,
-                    ),
+                    hintStyle: TextStyle(color: customColors.textfieldHintColor),
                     prefixIcon: Icon(
                       Icons.search,
-                      color: customColors.dialogDefaultTextColor,
+                      color: customColors.weakTextColor?.withAlpha(150),
                     ),
                     isDense: true,
                     border: InputBorder.none,
                   ),
-                  onChanged: (value) =>
-                      setState(() => keyword = value.toLowerCase()),
+                  onChanged: (value) => setState(() => keyword = value.toLowerCase()),
                 ),
               ),
 
               // Tags
               if (tags.isNotEmpty)
                 Container(
-                  padding: const EdgeInsets.only(left: 5, right: 5, bottom: 5),
-                  child: Row(children: tags),
+                  padding: const EdgeInsets.only(top: 5, left: 5, right: 5, bottom: 5),
+                  child: SingleChildScrollView(
+                    scrollDirection: Axis.horizontal,
+                    child: Row(children: tags),
+                  ),
                 ),
 
               Expanded(
                 child: Builder(builder: (context) {
                   final models = searchModels();
-                  return ListView.separated(
-                    itemCount: models.length,
-                    itemBuilder: (context, i) {
-                      var item = models[i];
-                      final modelPrice = item.modelPrice;
-
-                      var tags = <Widget>[];
-                      if (modelPrice.isFree) {
-                        tags.add(buildTag(
-                          customColors,
-                          AppLocale.free.getString(context),
-                          tagTextColor: 'FFFFFFFF',
-                          tagBgColor: 'FF2196F3',
-                        ));
-                      }
-                      if (item.tag != null) {
-                        var tt = item.tag!
-                            .split(",")
-                            .where((e) => e.isNotEmpty)
-                            .toList();
-                        for (var i = 0; i < tt.length; i++) {
-                          tags.add(buildTag(
-                            customColors,
-                            tt[i],
-                            tagTextColor:
-                                i == 0 ? item.tagTextColor : 'FFFFFFFF',
-                            tagBgColor:
-                                i == 0 ? item.tagBgColor : modelTagColorSeq(i),
-                          ));
-                        }
-                      }
-
-                      if (item.supportVision) {
-                        tags.add(buildTag(
-                          customColors,
-                          AppLocale.visionTag.getString(context),
-                          tagTextColor: 'FFFFFFFF',
-                          tagBgColor: 'FF4CAF50',
-                        ));
-                      }
-
-                      if (item.isNew) {
-                        tags.add(buildTag(
-                          customColors,
-                          AppLocale.newTag.getString(context),
-                          tagTextColor: 'FFFFFFFF',
-                          tagBgColor: 'FFF44336',
-                        ));
-                      }
-
-                      List<Widget> separators = [];
-                      if (i == 0 && models[i].category != '') {
-                        separators
-                            .add(buildCategory(customColors, item.category));
-                      } else if (i > 0 &&
-                          models[i].category != models[i - 1].category) {
-                        separators.add(buildCategory(
-                          customColors,
-                          item.category == ''
-                              ? AppLocale.others.getString(context)
-                              : item.category,
-                        ));
-                      }
-
-                      return Column(
-                        children: [
-                          if (separators.isNotEmpty) const SizedBox(height: 10),
-                          ...separators,
-                          ListTile(
-                            title: Container(
-                              alignment: Alignment.center,
-                              padding: const EdgeInsets.symmetric(vertical: 5),
-                              decoration: BoxDecoration(
-                                color: widget.initValue == item.uid()
-                                    ? customColors.dialogBackgroundColor
-                                    : null,
-                                borderRadius: CustomSize.borderRadius,
-                              ),
-                              child: Row(
-                                mainAxisAlignment:
-                                    MainAxisAlignment.spaceBetween,
-                                mainAxisSize: MainAxisSize.min,
-                                children: [
-                                  if (item.avatarUrl != null) ...[
-                                    _buildAvatar(
-                                        avatarUrl: item.avatarUrl, size: 50),
-                                    const SizedBox(width: 10),
-                                  ],
-                                  Expanded(
-                                    child: Column(
-                                      crossAxisAlignment:
-                                          CrossAxisAlignment.start,
-                                      children: [
-                                        Row(
-                                          children: [
-                                            Expanded(
-                                              child: Container(
-                                                alignment:
-                                                    item.avatarUrl != null
-                                                        ? Alignment.centerLeft
-                                                        : Alignment.center,
-                                                child: AutoSizeText(
-                                                  item.name,
-                                                  minFontSize: 10,
-                                                  maxFontSize: 15,
-                                                  maxLines: 1,
-                                                  style: TextStyle(
-                                                    color: widget.initValue ==
-                                                            item.uid()
-                                                        ? customColors.linkColor
-                                                        : null,
-                                                    fontWeight:
-                                                        widget.initValue ==
-                                                                item.uid()
-                                                            ? FontWeight.bold
-                                                            : null,
-                                                  ),
-                                                ),
-                                              ),
-                                            ),
-                                            if (tags.length <= 3)
-                                              ...formatTags(tags),
-                                          ],
-                                        ),
-                                        if (tags.length > 3)
-                                          SingleChildScrollView(
-                                            scrollDirection: Axis.horizontal,
-                                            child: Container(
-                                              margin:
-                                                  const EdgeInsets.symmetric(
-                                                      vertical: 5),
-                                              child: Row(
-                                                  children: formatTags(tags)),
-                                            ),
-                                          ),
-                                        if (!modelPrice.isFree)
-                                          buildPriceBlock(
-                                              customColors, item, modelPrice),
-
-                                        // if (item.description != null && item.description != '')
-                                        //   Text(
-                                        //     item.description!,
-                                        //     maxLines: 2,
-                                        //     overflow: TextOverflow.ellipsis,
-                                        //     style: TextStyle(
-                                        //       fontSize: 12,
-                                        //       color: widget.initValue == item.uid()
-                                        //           ? customColors.linkColor
-                                        //           : customColors.weakTextColor,
-                                        //     ),
-                                        //   ),
-                                      ],
-                                    ),
-                                  ),
-                                ],
-                              ),
-                            ),
-                            onTap: () {
-                              widget.onSelected(item);
-                            },
-                            onLongPress: () {
-                              if (item.description == null ||
-                                  item.description == '') {
-                                return;
-                              }
-
-                              showBeautyDialog(
-                                context,
-                                type: QuickAlertType.info,
-                                text: item.description,
-                                confirmBtnText:
-                                    AppLocale.gotIt.getString(context),
-                                showCancelBtn: false,
-                              );
-                            },
-                          ),
-                        ],
-                      );
-                    },
-                    separatorBuilder: (BuildContext context, int index) {
-                      return Padding(
-                        padding: const EdgeInsets.symmetric(horizontal: 15),
-                        child: Divider(
-                          height: 1,
-                          color: customColors.columnBlockDividerColor,
-                        ),
-                      );
-                    },
+                  return Container(
                     padding: const EdgeInsets.only(bottom: 15),
+                    child: GroupListWidget(
+                      items: models,
+                      showTitle: true,
+                      groupKey: (item) {
+                        return item.category;
+                      },
+                      itemBuilder: (item) {
+                        return buildItem(context, item, customColors);
+                      },
+                    ),
                   );
                 }),
               ),
@@ -316,23 +152,144 @@ class _ModelItemState extends State<ModelItem> {
           )
         : const Center(
             child: Text(
-              '没有可用模型\n请先登录或者配置 OpenAI 的 Keys',
+              'No model available\nPlease login first!',
               textAlign: TextAlign.center,
             ),
           );
   }
 
+  Widget buildItem(BuildContext context, Model item, CustomColors customColors) {
+    final modelPrice = item.modelPrice;
+
+    var tags = <Widget>[];
+    if (modelPrice.isFree) {
+      tags.add(buildTag(
+        customColors,
+        AppLocale.free.getString(context),
+        tagTextColor: widget.initValue == item.uid() ? customColors.linkColor : null,
+      ));
+    }
+    if (item.tag != null) {
+      var tt = item.tag!.split(",").where((e) => e.isNotEmpty).toList();
+      for (var i = 0; i < tt.length; i++) {
+        tags.add(buildTag(
+          customColors,
+          tt[i],
+          tagTextColor: widget.initValue == item.uid() ? customColors.linkColor : null,
+        ));
+      }
+    }
+
+    if (item.supportVision) {
+      tags.add(buildTag(
+        customColors,
+        AppLocale.visionTag.getString(context),
+        tagTextColor: widget.initValue == item.uid() ? customColors.linkColor : null,
+      ));
+    }
+
+    if (item.supportReasoning) {
+      tags.add(buildTag(
+        customColors,
+        AppLocale.reasoning.getString(context),
+        tagTextColor: widget.initValue == item.uid() ? customColors.linkColor : null,
+      ));
+    }
+
+    if (item.supportSearch) {
+      tags.add(buildTag(
+        customColors,
+        AppLocale.search.getString(context),
+        tagTextColor: widget.initValue == item.uid() ? customColors.linkColor : null,
+      ));
+    }
+
+    if (item.isNew) {
+      tags.add(buildTag(
+        customColors,
+        AppLocale.newTag.getString(context),
+        tagTextColor: widget.initValue == item.uid() ? customColors.linkColor : null,
+      ));
+    }
+
+    return ListTile(
+      leading: Stack(
+        children: [
+          buildAvatar(avatarUrl: item.avatarUrl, size: 50),
+          if (item.userNoPermission)
+            Container(
+              width: 50,
+              height: 50,
+              decoration: BoxDecoration(
+                color: Colors.black.withOpacity(0.4),
+                borderRadius: CustomSize.borderRadiusAll,
+              ),
+              child: const Icon(
+                Icons.lock_outline,
+                color: Colors.white,
+                size: 24,
+              ),
+            ),
+        ],
+      ),
+      contentPadding: EdgeInsets.zero,
+      title: AutoSizeText(
+        item.name,
+        minFontSize: 10,
+        maxFontSize: 15,
+        maxLines: 1,
+        style: TextStyle(
+          color: widget.initValue == item.uid()
+              ? customColors.linkColor
+              : (item.userNoPermission ? customColors.weakTextColorLess : null),
+          fontWeight: widget.initValue == item.uid() ? FontWeight.bold : null,
+        ),
+      ),
+      subtitle: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          SingleChildScrollView(
+            scrollDirection: Axis.horizontal,
+            child: Container(
+              margin: const EdgeInsets.symmetric(vertical: 3),
+              child: Row(children: formatTags(tags)),
+            ),
+          ),
+          buildPriceBlock(customColors, item, modelPrice),
+        ],
+      ),
+      onTap: () {
+        if (item.userNoPermission) {
+          showErrorMessage(AppLocale.modelNeedSignIn.getString(context));
+          return;
+        }
+
+        widget.onSelected(item);
+      },
+      onLongPress: () {
+        if (item.description == null || item.description == '') {
+          return;
+        }
+
+        showBeautyDialog(
+          context,
+          type: QuickAlertType.info,
+          text: item.description,
+          confirmBtnText: AppLocale.gotIt.getString(context),
+          showCancelBtn: false,
+        );
+      },
+    );
+  }
+
   String selectedTag = '';
 
   List<Model> searchModels() {
     var models = keyword.isEmpty
         ? widget.models
         : widget.models.where((e) {
-            var matchText = e.name +
-                (e.description ?? '') +
-                (e.shortName ?? '') +
-                (e.tag ?? '') +
-                (e.category);
+            var matchText = e.name + (e.description ?? '') + (e.shortName ?? '') + (e.tag ?? '') + (e.category);
             if (e.supportVision) {
               matchText += 'vision视觉看图';
             }
@@ -344,6 +301,14 @@ class _ModelItemState extends State<ModelItem> {
               matchText += 'recommend推荐';
             }
 
+            if (e.supportReasoning) {
+              matchText += 'reasoning推理';
+            }
+
+            if (e.supportSearch) {
+              matchText += 'search搜索';
+            }
+
             if (e.modelPrice.isFree) {
               matchText += 'free免费';
             }
@@ -370,10 +335,24 @@ class _ModelItemState extends State<ModelItem> {
           tags.add(AppLocale.visionTag.getString(context));
         }
 
+        if (e.supportReasoning) {
+          tags.add(AppLocale.reasoning.getString(context));
+        }
+
+        if (e.supportSearch) {
+          tags.add(AppLocale.search.getString(context));
+        }
+
         if (e.modelPrice.isFree) {
           tags.add(AppLocale.free.getString(context));
         }
 
+        if (e.id.startsWith('v2@rooms')) {
+          tags.add(AppLocale.character.getString(context));
+        } else {
+          tags.add(AppLocale.model.getString(context));
+        }
+
         return tags.contains(selectedTag);
       }).toList();
     }
@@ -381,8 +360,7 @@ class _ModelItemState extends State<ModelItem> {
     return models;
   }
 
-  Widget buildPriceBlock(
-      CustomColors customColors, Model model, ModelPrice item) {
+  Widget buildPriceBlock(CustomColors customColors, Model model, ModelPrice item) {
     if (item.isFree) {
       return const SizedBox();
     }
@@ -394,8 +372,7 @@ class _ModelItemState extends State<ModelItem> {
     }
 
     if (item.request > 0) {
-      priceText +=
-          '${priceText == '' ? '' : ', '}${AppLocale.perRequest.getString(context)} ￠${item.request}';
+      priceText += '${priceText == '' ? '' : ', '}${AppLocale.perRequest.getString(context)} ￠${item.request}';
     }
 
     return Row(
@@ -406,9 +383,8 @@ class _ModelItemState extends State<ModelItem> {
           overflow: TextOverflow.ellipsis,
           style: TextStyle(
             fontSize: 10,
-            color: widget.initValue == model.uid()
-                ? customColors.linkColor
-                : customColors.weakTextColor?.withAlpha(150),
+            color:
+                widget.initValue == model.uid() ? customColors.linkColor : customColors.weakTextColor?.withAlpha(150),
           ),
         ),
         if (item.hasNote) ...[
@@ -448,7 +424,7 @@ class _ModelItemState extends State<ModelItem> {
     );
   }
 
-  Widget _buildAvatar({String? avatarUrl, int? id, int size = 30}) {
+  Widget buildAvatar({String? avatarUrl, int? id, int size = 30}) {
     if (avatarUrl != null && avatarUrl.startsWith('http')) {
       return RemoteAvatar(
         avatarUrl: imageURL(avatarUrl, qiniuImageTypeAvatar),
@@ -466,30 +442,16 @@ class _ModelItemState extends State<ModelItem> {
   Widget buildTag(
     CustomColors customColors,
     String tag, {
-    String? tagTextColor,
-    String? tagBgColor,
     double? tagFontSize,
+    Color? tagTextColor,
   }) {
     return Container(
-      decoration: BoxDecoration(
-        color: tagBgColor != null
-            ? stringToColor(tagBgColor,
-                defaultColor: customColors.tagsBackgroundHover ?? Colors.grey)
-            : customColors.tagsBackgroundHover,
-        borderRadius: CustomSize.borderRadius,
-      ),
-      padding: const EdgeInsets.symmetric(
-        horizontal: 5,
-        vertical: 2,
-      ),
+      padding: const EdgeInsets.only(right: 5),
       child: Text(
-        tag,
+        "#$tag",
         style: TextStyle(
-          fontSize: tagFontSize ?? 8,
-          color: tagTextColor != null
-              ? stringToColor(tagTextColor,
-                  defaultColor: customColors.tagsText ?? Colors.white)
-              : customColors.tagsText,
+          fontSize: tagFontSize ?? 10,
+          color: tagTextColor ?? customColors.weakTextColor?.withAlpha(150),
         ),
       ),
     );
@@ -514,9 +476,6 @@ List<Widget> formatTags(List<Widget> tags) {
 
   for (var i = 0; i < tags.length; i++) {
     widgets.add(tags[i]);
-    if (i < tags.length - 1) {
-      widgets.add(const SizedBox(width: 5));
-    }
   }
 
   return widgets;
diff --git a/lib/page/component/password_field.dart b/lib/page/component/password_field.dart
index 22314679..66273912 100644
--- a/lib/page/component/password_field.dart
+++ b/lib/page/component/password_field.dart
@@ -50,24 +50,21 @@ class _PasswordFieldState extends State<PasswordField> {
           Expanded(
             child: TextField(
               obscureText: obscureText,
-              inputFormatters: [
-                FilteringTextInputFormatter.singleLineFormatter
-              ],
+              inputFormatters: [FilteringTextInputFormatter.singleLineFormatter],
               textAlignVertical: TextAlignVertical.center,
               decoration: InputDecoration(
                 border: const OutlineInputBorder(),
                 enabledBorder: widget.inColumnBlock
                     ? InputBorder.none
                     : const OutlineInputBorder(
-                        borderSide: BorderSide(
-                            color: Color.fromARGB(200, 192, 192, 192)),
+                        borderSide: BorderSide(color: Color.fromARGB(200, 192, 192, 192)),
                       ),
                 focusedBorder: widget.inColumnBlock
                     ? InputBorder.none
                     : OutlineInputBorder(
                         borderSide: BorderSide(color: customColors.linkColor!),
                       ),
-                floatingLabelStyle: TextStyle(color: customColors.linkColor!),
+                // floatingLabelStyle: TextStyle(color: customColors.linkColor!),
                 isDense: true,
                 floatingLabelBehavior: FloatingLabelBehavior.always,
                 labelText: widget.inColumnBlock ? null : widget.labelText,
diff --git a/lib/page/component/social_icon.dart b/lib/page/component/social_icon.dart
index d6c55b6b..a2711dfb 100644
--- a/lib/page/component/social_icon.dart
+++ b/lib/page/component/social_icon.dart
@@ -126,8 +126,8 @@ class SocialIconGroup extends StatelessWidget {
       );
     }
 
-    return Row(
-      mainAxisAlignment: MainAxisAlignment.spaceAround,
+    return Column(
+      mainAxisAlignment: MainAxisAlignment.start,
       children: items.map((e) => SocialIcon(image: e.image, name: e.name, onTap: e.onTap)).toList(),
     );
   }
diff --git a/lib/page/component/theme/custom_size.dart b/lib/page/component/theme/custom_size.dart
index 50c1ea12..149bce96 100644
--- a/lib/page/component/theme/custom_size.dart
+++ b/lib/page/component/theme/custom_size.dart
@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 
 class CustomSize {
   static const double appBarTitleSize = 16;
-  static const double defaultHintTextSize = 14;
+  static const double defaultHintTextSize = 16;
   static const double maxWindowSize = 1000;
   static const double smallWindowSize = 500;
 
@@ -13,6 +13,14 @@ class CustomSize {
   static const Radius radius = Radius.circular(radiusValue);
   static const BorderRadius borderRadiusAll = BorderRadius.all(radius);
 
+  static double get markdownTextSize {
+    return 16;
+  }
+
+  static double get markdownCodeSize {
+    return 14;
+  }
+
   static double get toolbarHeight {
     if (PlatformTool.isMacOS()) {
       return kToolbarHeight + 30;
diff --git a/lib/page/component/theme/custom_theme.dart b/lib/page/component/theme/custom_theme.dart
index d8cc315c..185e05af 100644
--- a/lib/page/component/theme/custom_theme.dart
+++ b/lib/page/component/theme/custom_theme.dart
@@ -4,10 +4,6 @@ import 'package:flutter/material.dart';
 
 class CustomColors extends ThemeExtension<CustomColors> {
   const CustomColors({
-    this.appBarBackgroundImage,
-    this.appBarBackgroundImageForRoom,
-    this.appBarBackgroundImageForCreativeIsland,
-    this.appBarBackgroundImageDiscovery,
     this.chatRoomBackground,
     this.chatRoomReplyBackground,
     this.chatRoomReplyBackgroundSecondary,
@@ -33,11 +29,14 @@ class CustomColors extends ThemeExtension<CustomColors> {
     this.backgroundColor,
     this.backgroundInvertedColor,
     this.backgroundContainerColor,
+    this.backgroundForDialogListItem,
+    this.listTileBackgroundColor,
     this.textFieldBorderColor,
     this.iconButtonColor,
     this.linkColor,
     this.weakLinkColor,
     this.weakTextColor,
+    this.weakTextColorLess,
     this.weakTextColorPlus,
     this.weakTextColorPlusPlus,
     this.dialogDefaultTextColor,
@@ -57,13 +56,9 @@ class CustomColors extends ThemeExtension<CustomColors> {
     this.paymentItemPriceColor,
     this.paymentItemDateColor,
     this.paymentItemDescriptionColor,
+    this.settingsSectionBackground,
   });
 
-  final String? appBarBackgroundImage;
-  final String? appBarBackgroundImageForRoom;
-  final String? appBarBackgroundImageForCreativeIsland;
-  final String? appBarBackgroundImageDiscovery;
-
   final Color? chatRoomBackground;
   final Color? chatRoomReplyBackground;
   final Color? chatRoomReplyBackgroundSecondary;
@@ -94,6 +89,9 @@ class CustomColors extends ThemeExtension<CustomColors> {
   final Color? backgroundColor;
   final Color? backgroundInvertedColor;
   final Color? backgroundContainerColor;
+  final Color? backgroundForDialogListItem;
+
+  final Color? listTileBackgroundColor;
 
   final Color? textFieldBorderColor;
   final Color? iconButtonColor;
@@ -101,6 +99,7 @@ class CustomColors extends ThemeExtension<CustomColors> {
   final Color? linkColor;
   final Color? weakLinkColor;
   final Color? weakTextColor;
+  final Color? weakTextColorLess;
   final Color? weakTextColorPlus;
   final Color? weakTextColorPlusPlus;
 
@@ -125,6 +124,8 @@ class CustomColors extends ThemeExtension<CustomColors> {
   final Color? paymentItemDateColor;
   final Color? paymentItemDescriptionColor;
 
+  final Color? settingsSectionBackground;
+
   @override
   ThemeExtension<CustomColors> lerp(
     covariant ThemeExtension<CustomColors>? other,
@@ -135,10 +136,6 @@ class CustomColors extends ThemeExtension<CustomColors> {
     }
 
     return CustomColors(
-      appBarBackgroundImage: appBarBackgroundImage,
-      appBarBackgroundImageForRoom: appBarBackgroundImageForRoom,
-      appBarBackgroundImageForCreativeIsland: appBarBackgroundImageForCreativeIsland,
-      appBarBackgroundImageDiscovery: appBarBackgroundImageDiscovery,
       chatRoomBackground: Color.lerp(chatRoomBackground, other.chatRoomBackground, t),
       chatRoomReplyBackground: Color.lerp(chatRoomReplyBackground, other.chatRoomReplyBackground, t),
       chatRoomReplyBackgroundSecondary:
@@ -168,10 +165,13 @@ class CustomColors extends ThemeExtension<CustomColors> {
       backgroundColor: Color.lerp(backgroundColor, other.backgroundColor, t),
       backgroundInvertedColor: Color.lerp(backgroundInvertedColor, other.backgroundInvertedColor, t),
       backgroundContainerColor: Color.lerp(backgroundContainerColor, other.backgroundContainerColor, t),
+      backgroundForDialogListItem: Color.lerp(backgroundForDialogListItem, other.backgroundForDialogListItem, t),
+      listTileBackgroundColor: Color.lerp(listTileBackgroundColor, other.listTileBackgroundColor, t),
       textFieldBorderColor: Color.lerp(textFieldBorderColor, other.textFieldBorderColor, t),
       iconButtonColor: Color.lerp(iconButtonColor, other.iconButtonColor, t),
       weakLinkColor: Color.lerp(weakLinkColor, other.weakLinkColor, t),
       weakTextColor: Color.lerp(weakTextColor, other.weakTextColor, t),
+      weakTextColorLess: Color.lerp(weakTextColorLess, other.weakTextColorLess, t),
       weakTextColorPlus: Color.lerp(weakTextColorPlus, other.weakTextColorPlus, t),
       weakTextColorPlusPlus: Color.lerp(weakTextColorPlusPlus, other.weakTextColorPlusPlus, t),
       dialogDefaultTextColor: Color.lerp(dialogDefaultTextColor, other.dialogDefaultTextColor, t),
@@ -191,14 +191,11 @@ class CustomColors extends ThemeExtension<CustomColors> {
       paymentItemPriceColor: Color.lerp(paymentItemPriceColor, other.paymentItemPriceColor, t),
       paymentItemDateColor: Color.lerp(paymentItemDateColor, other.paymentItemDateColor, t),
       paymentItemDescriptionColor: Color.lerp(paymentItemDescriptionColor, other.paymentItemDescriptionColor, t),
+      settingsSectionBackground: Color.lerp(settingsSectionBackground, other.settingsSectionBackground, t),
     );
   }
 
   static const light = CustomColors(
-    appBarBackgroundImage: 'assets/background.jpg',
-    appBarBackgroundImageForRoom: 'assets/background-team.jpg',
-    appBarBackgroundImageForCreativeIsland: 'assets/background-creative-island.jpg',
-    appBarBackgroundImageDiscovery: 'assets/background-light-s1.jpg',
     chatRoomBackground: Color.fromARGB(255, 239, 239, 239),
     chatRoomReplyBackground: Colors.transparent,
     chatRoomReplyBackgroundSecondary: Color.fromARGB(200, 255, 255, 255),
@@ -212,23 +209,26 @@ class CustomColors extends ThemeExtension<CustomColors> {
     tagsText: Colors.black,
     chatInputPanelBackground: Colors.transparent,
     chatInputPanelText: Color.fromARGB(255, 0, 0, 0),
-    chatInputAreaBackground: Color.fromARGB(255, 245, 245, 245),
+    chatInputAreaBackground: Color.fromARGB(255, 255, 255, 255),
     chatExampleItemBackground: Color.fromARGB(194, 221, 221, 221),
     chatExampleItemBackgroundHover: Color.fromARGB(255, 223, 223, 223),
-    chatExampleItemText: Color.fromARGB(255, 66, 66, 66),
+    chatExampleItemText: Color.fromARGB(255, 255, 255, 255),
     chatExampleTitleText: Color.fromARGB(255, 66, 66, 66),
     markdownLinkColor: Colors.blue,
     markdownPreColor: Color.fromARGB(255, 247, 247, 247),
     markdownCodeColor: Color.fromARGB(255, 167, 100, 153),
     boxShadowColor: Color.fromARGB(149, 232, 232, 232),
-    backgroundColor: Color.fromARGB(255, 242, 242, 246),
+    backgroundColor: Color.fromARGB(255, 242, 242, 242),
     backgroundInvertedColor: Color.fromARGB(255, 72, 72, 72),
     backgroundContainerColor: Color.fromARGB(255, 255, 255, 255),
+    backgroundForDialogListItem: Color.fromARGB(255, 255, 255, 255),
+    listTileBackgroundColor: Color.fromARGB(60, 217, 217, 217),
     textFieldBorderColor: Color.fromARGB(255, 228, 228, 228),
     iconButtonColor: Color.fromARGB(255, 117, 117, 117),
     linkColor: Color.fromARGB(255, 9, 185, 85),
     weakLinkColor: Color.fromARGB(255, 75, 75, 75),
     weakTextColor: Color.fromARGB(255, 75, 75, 75),
+    weakTextColorLess: Color.fromARGB(255, 146, 146, 146),
     weakTextColorPlus: Color.fromARGB(255, 146, 146, 146),
     weakTextColorPlusPlus: Color.fromARGB(255, 29, 29, 29),
     dialogDefaultTextColor: Color.fromARGB(195, 0, 0, 0),
@@ -236,11 +236,11 @@ class CustomColors extends ThemeExtension<CustomColors> {
     columnBlockBorderColor: Color.fromARGB(255, 236, 236, 236),
     columnBlockBackgroundColor: Color.fromARGB(255, 255, 255, 255),
     columnBlockDividerColor: Color.fromARGB(255, 241, 241, 241),
-    textfieldHintColor: Color.fromARGB(255, 227, 227, 227),
+    textfieldHintColor: Color.fromARGB(255, 181, 181, 181),
     textfieldHintDeepColor: Color.fromARGB(255, 94, 94, 94),
     textfieldLabelColor: Color.fromARGB(255, 66, 66, 66),
     textfieldValueColor: Color.fromARGB(255, 108, 108, 108),
-    textfieldBackgroundColor: Color.fromARGB(255, 244, 244, 244),
+    textfieldBackgroundColor: Color.fromARGB(255, 230, 230, 230),
     textfieldSelectorColor: Color.fromARGB(255, 9, 185, 85),
     paymentItemBorderColor: Color.fromARGB(255, 228, 228, 228),
     paymentItemBackgroundColor: Color.fromARGB(255, 245, 245, 245),
@@ -248,13 +248,10 @@ class CustomColors extends ThemeExtension<CustomColors> {
     paymentItemPriceColor: Color.fromARGB(255, 66, 66, 66),
     paymentItemDateColor: Color.fromARGB(255, 117, 117, 117),
     paymentItemDescriptionColor: Color.fromARGB(255, 117, 117, 117),
+    settingsSectionBackground: Color.fromARGB(255, 255, 255, 255),
   );
 
   static const dark = CustomColors(
-    appBarBackgroundImage: 'assets/background-dark.jpg',
-    appBarBackgroundImageForRoom: 'assets/background-discovery-dark.jpg',
-    appBarBackgroundImageForCreativeIsland: 'assets/background-dark-s3.jpg',
-    appBarBackgroundImageDiscovery: 'assets/background-dark-s1.jpg',
     chatRoomBackground: Color.fromARGB(255, 0, 0, 0),
     chatRoomReplyBackground: Colors.transparent,
     chatRoomReplyBackgroundSecondary: Color.fromARGB(200, 39, 39, 39),
@@ -280,23 +277,26 @@ class CustomColors extends ThemeExtension<CustomColors> {
     backgroundColor: Color.fromARGB(255, 30, 30, 30),
     backgroundInvertedColor: Color.fromARGB(255, 233, 233, 233),
     backgroundContainerColor: Color.fromARGB(255, 0, 0, 0),
+    backgroundForDialogListItem: Color.fromARGB(23, 0, 0, 0),
+    listTileBackgroundColor: Color.fromARGB(25, 0, 0, 0),
     textFieldBorderColor: Color.fromARGB(106, 107, 107, 107),
     iconButtonColor: Color.fromARGB(255, 218, 218, 218),
     linkColor: Color.fromARGB(255, 9, 185, 85),
     weakLinkColor: Color.fromARGB(255, 218, 218, 218),
     weakTextColor: Color.fromARGB(255, 130, 130, 130),
+    weakTextColorLess: Color.fromARGB(198, 146, 146, 146),
     weakTextColorPlus: Color.fromARGB(255, 137, 137, 137),
     weakTextColorPlusPlus: Color.fromARGB(255, 173, 173, 173),
     dialogDefaultTextColor: Color.fromARGB(195, 255, 255, 255),
     dialogBackgroundColor: Colors.black,
     columnBlockBorderColor: Color.fromARGB(255, 72, 72, 72),
     columnBlockBackgroundColor: Color.fromARGB(255, 44, 44, 46),
-    columnBlockDividerColor: Color.fromARGB(160, 60, 60, 60),
+    columnBlockDividerColor: Color.fromARGB(57, 60, 60, 60),
     textfieldHintColor: Color.fromARGB(255, 105, 105, 105),
     textfieldHintDeepColor: Color.fromARGB(255, 170, 170, 170),
     textfieldLabelColor: Color.fromARGB(255, 218, 218, 218),
     textfieldValueColor: Color.fromARGB(255, 207, 207, 207),
-    textfieldBackgroundColor: Color.fromARGB(255, 88, 88, 88),
+    textfieldBackgroundColor: Color.fromARGB(255, 44, 44, 44),
     textfieldSelectorColor: Color.fromARGB(255, 9, 185, 85),
     paymentItemBorderColor: Color.fromARGB(255, 69, 69, 69),
     paymentItemBackgroundColor: Color.fromARGB(255, 29, 29, 29),
@@ -304,14 +304,11 @@ class CustomColors extends ThemeExtension<CustomColors> {
     paymentItemPriceColor: Color.fromARGB(255, 218, 218, 218),
     paymentItemDateColor: Color.fromARGB(255, 218, 218, 218),
     paymentItemDescriptionColor: Color.fromARGB(255, 218, 218, 218),
+    settingsSectionBackground: Color.fromARGB(255, 44, 44, 46),
   );
 
   @override
   ThemeExtension<CustomColors> copyWith({
-    String? appBarBackgroundImage,
-    String? appBarBackgroundImageForRoom,
-    String? appBarBackgroundImageForCreativeIsland,
-    String? appBarBackgroundImageDiscovery,
     Color? chatRoomBackground,
     Color? chatRoomReplyBackground,
     Color? chatRoomReplyBackgroundSecondary,
@@ -337,11 +334,14 @@ class CustomColors extends ThemeExtension<CustomColors> {
     Color? backgroundColor,
     Color? backgroundInvertedColor,
     Color? backgroundContainerColor,
+    Color? backgroundForDialogListItem,
+    Color? listTileBackgroundColor,
     Color? textFieldBorderColor,
     Color? iconButtonColor,
     Color? linkColor,
     Color? weakLinkColor,
     Color? weakTextColor,
+    Color? weakTextColorLess,
     Color? weakTextColorPlus,
     Color? weakTextColorPlusPlus,
     Color? dialogDefaultTextColor,
@@ -361,13 +361,9 @@ class CustomColors extends ThemeExtension<CustomColors> {
     Color? paymentItemPriceColor,
     Color? paymentItemDateColor,
     Color? paymentItemDescriptionColor,
+    Color? settingsSectionBackground,
   }) {
     return CustomColors(
-      appBarBackgroundImage: appBarBackgroundImage ?? this.appBarBackgroundImage,
-      appBarBackgroundImageForRoom: appBarBackgroundImageForRoom ?? this.appBarBackgroundImageForRoom,
-      appBarBackgroundImageForCreativeIsland:
-          appBarBackgroundImageForCreativeIsland ?? this.appBarBackgroundImageForCreativeIsland,
-      appBarBackgroundImageDiscovery: appBarBackgroundImageDiscovery ?? this.appBarBackgroundImageDiscovery,
       chatRoomBackground: chatRoomBackground ?? this.chatRoomBackground,
       chatRoomReplyBackground: chatRoomReplyBackground ?? this.chatRoomReplyBackground,
       chatRoomReplyBackgroundSecondary: chatRoomReplyBackgroundSecondary ?? this.chatRoomReplyBackgroundSecondary,
@@ -393,11 +389,14 @@ class CustomColors extends ThemeExtension<CustomColors> {
       backgroundColor: backgroundColor ?? this.backgroundColor,
       backgroundInvertedColor: backgroundInvertedColor ?? this.backgroundInvertedColor,
       backgroundContainerColor: backgroundContainerColor ?? this.backgroundContainerColor,
+      backgroundForDialogListItem: backgroundForDialogListItem ?? this.backgroundForDialogListItem,
+      listTileBackgroundColor: listTileBackgroundColor ?? this.listTileBackgroundColor,
       textFieldBorderColor: textFieldBorderColor ?? this.textFieldBorderColor,
       iconButtonColor: iconButtonColor ?? this.iconButtonColor,
       linkColor: linkColor ?? this.linkColor,
       weakLinkColor: weakLinkColor ?? this.weakLinkColor,
       weakTextColor: weakTextColor ?? this.weakTextColor,
+      weakTextColorLess: weakTextColorLess ?? this.weakTextColorLess,
       weakTextColorPlus: weakTextColorPlus ?? this.weakTextColorPlus,
       weakTextColorPlusPlus: weakTextColorPlusPlus ?? this.weakTextColorPlusPlus,
       dialogDefaultTextColor: dialogDefaultTextColor ?? this.dialogDefaultTextColor,
@@ -417,6 +416,7 @@ class CustomColors extends ThemeExtension<CustomColors> {
       paymentItemPriceColor: paymentItemPriceColor ?? this.paymentItemPriceColor,
       paymentItemDateColor: paymentItemDateColor ?? this.paymentItemDateColor,
       paymentItemDescriptionColor: paymentItemDescriptionColor ?? this.paymentItemDescriptionColor,
+      settingsSectionBackground: settingsSectionBackground ?? this.settingsSectionBackground,
     );
   }
 }
diff --git a/lib/page/component/verify_code_input.dart b/lib/page/component/verify_code_input.dart
index ab96b4d7..16c15bed 100644
--- a/lib/page/component/verify_code_input.dart
+++ b/lib/page/component/verify_code_input.dart
@@ -74,28 +74,22 @@ class _VerifyCodeInputState extends State<VerifyCodeInput> {
               keyboardType: TextInputType.number,
               decoration: InputDecoration(
                 counterText: '',
-                border: widget.inColumnBlock
-                    ? InputBorder.none
-                    : const OutlineInputBorder(),
+                border: widget.inColumnBlock ? InputBorder.none : const OutlineInputBorder(),
                 enabledBorder: widget.inColumnBlock
                     ? InputBorder.none
                     : const OutlineInputBorder(
-                        borderSide: BorderSide(
-                            color: Color.fromARGB(200, 192, 192, 192)),
+                        borderSide: BorderSide(color: Color.fromARGB(200, 192, 192, 192)),
                       ),
                 focusedBorder: widget.inColumnBlock
                     ? InputBorder.none
                     : OutlineInputBorder(
-                        borderSide: BorderSide(
-                            color: customColors.linkColor ?? Colors.green),
+                        borderSide: BorderSide(color: customColors.linkColor ?? Colors.green),
                       ),
-                floatingLabelStyle:
-                    TextStyle(color: customColors.linkColor ?? Colors.green),
+                // floatingLabelStyle:
+                //     TextStyle(color: customColors.linkColor ?? Colors.green),
                 isDense: true,
                 floatingLabelBehavior: FloatingLabelBehavior.always,
-                labelText: widget.inColumnBlock
-                    ? null
-                    : AppLocale.verifyCode.getString(context),
+                labelText: widget.inColumnBlock ? null : AppLocale.verifyCode.getString(context),
                 labelStyle: const TextStyle(fontSize: 17),
                 hintText: AppLocale.verifyCodeInputTips.getString(context),
                 hintStyle: TextStyle(
@@ -137,23 +131,18 @@ class _VerifyCodeInputState extends State<VerifyCodeInput> {
                         }
 
                         lastSendVerifyCodeTime = DateTime.now();
-                        timer =
-                            Timer.periodic(const Duration(seconds: 1), (timer) {
+                        timer = Timer.periodic(const Duration(seconds: 1), (timer) {
                           if (verifyCodeWaitSeconds <= 0) {
                             timer.cancel();
                             return;
                           }
 
                           setState(() {
-                            verifyCodeWaitSeconds = 60 -
-                                (DateTime.now()
-                                    .difference(lastSendVerifyCodeTime!)
-                                    .inSeconds);
+                            verifyCodeWaitSeconds = 60 - (DateTime.now().difference(lastSendVerifyCodeTime!).inSeconds);
                           });
                         });
 
-                        showSuccessMessage(
-                            AppLocale.verifyCodeSendSuccess.getString(context));
+                        showSuccessMessage(AppLocale.verifyCodeSendSuccess.getString(context));
                       }).onError((error, stackTrace) {
                         setState(() {
                           verifyCodeWaitSeconds = 0;
diff --git a/lib/page/creative_island/draw/artistic_qr.dart b/lib/page/creative_island/draw/artistic_qr.dart
index bc5e8fb9..c46b49ce 100644
--- a/lib/page/creative_island/draw/artistic_qr.dart
+++ b/lib/page/creative_island/draw/artistic_qr.dart
@@ -4,6 +4,7 @@ import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/cache.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/advanced_button.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/column_block.dart';
 import 'package:askaide/page/component/enhanced_button.dart';
@@ -169,6 +170,7 @@ class _ArtisticQRScreenState extends State<ArtisticQRScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         maxWidth: CustomSize.smallWindowSize,
         child: Column(
           children: [
@@ -398,37 +400,18 @@ class _ArtisticQRScreenState extends State<ArtisticQRScreen> {
               ],
             ),
           // 生成按钮
-          const SizedBox(height: 20),
-          Row(
-            children: [
-              EnhancedButton(
-                title: showAdvancedOptions
-                    ? AppLocale.simpleMode.getString(context)
-                    : AppLocale.professionalMode.getString(context),
-                width: 120,
-                backgroundColor: Colors.transparent,
-                color: customColors.weakLinkColor,
-                fontSize: 15,
-                icon: Icon(
-                  showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
-                  color: customColors.weakLinkColor,
-                  size: 15,
-                ),
-                onPressed: () {
-                  setState(() {
-                    showAdvancedOptions = !showAdvancedOptions;
-                  });
-                },
-              ),
-              const SizedBox(width: 10),
-              Expanded(
-                flex: 1,
-                child: EnhancedButton(
-                  title: AppLocale.generate.getString(context),
-                  onPressed: onGenerate,
-                ),
-              ),
-            ],
+          AdvancedButton(
+            showAdvancedOptions: showAdvancedOptions,
+            onPressed: (value) {
+              setState(() {
+                showAdvancedOptions = value;
+              });
+            },
+          ),
+          if (capacity != null) const SizedBox(height: 10),
+          EnhancedButton(
+            title: AppLocale.generate.getString(context),
+            onPressed: onGenerate,
           ),
           const SizedBox(height: 20),
         ],
diff --git a/lib/page/creative_island/draw/artistic_wordart.dart b/lib/page/creative_island/draw/artistic_wordart.dart
index d3d5496d..5b0e591d 100644
--- a/lib/page/creative_island/draw/artistic_wordart.dart
+++ b/lib/page/creative_island/draw/artistic_wordart.dart
@@ -4,6 +4,7 @@ import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/cache.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/advanced_button.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/column_block.dart';
 import 'package:askaide/page/component/dialog.dart';
@@ -145,6 +146,7 @@ class _ArtisticWordArtScreenState extends State<ArtisticWordArtScreen> {
         setting: widget.setting,
         enabled: false,
         maxWidth: CustomSize.smallWindowSize,
+        backgroundColor: customColors.backgroundColor,
         child: Column(
           children: [
             if (Ability().showGlobalAlert) const GlobalAlert(pageKey: 'creative_create'),
@@ -269,37 +271,18 @@ class _ArtisticWordArtScreenState extends State<ArtisticWordArtScreen> {
               ],
             ),
           // 生成按钮
-          const SizedBox(height: 20),
-          Row(
-            children: [
-              EnhancedButton(
-                title: showAdvancedOptions
-                    ? AppLocale.simpleMode.getString(context)
-                    : AppLocale.professionalMode.getString(context),
-                width: 120,
-                backgroundColor: Colors.transparent,
-                color: customColors.weakLinkColor,
-                fontSize: 15,
-                icon: Icon(
-                  showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
-                  color: customColors.weakLinkColor,
-                  size: 15,
-                ),
-                onPressed: () {
-                  setState(() {
-                    showAdvancedOptions = !showAdvancedOptions;
-                  });
-                },
-              ),
-              const SizedBox(width: 10),
-              Expanded(
-                flex: 1,
-                child: EnhancedButton(
-                  title: AppLocale.generate.getString(context),
-                  onPressed: onGenerate,
-                ),
-              ),
-            ],
+          AdvancedButton(
+            showAdvancedOptions: showAdvancedOptions,
+            onPressed: (value) {
+              setState(() {
+                showAdvancedOptions = value;
+              });
+            },
+          ),
+          if (capacity != null) const SizedBox(height: 10),
+          EnhancedButton(
+            title: AppLocale.generate.getString(context),
+            onPressed: onGenerate,
           ),
           const SizedBox(height: 20),
         ],
diff --git a/lib/page/creative_island/draw/components/content_preview.dart b/lib/page/creative_island/draw/components/content_preview.dart
index 3eeaf0f5..c0264ae0 100644
--- a/lib/page/creative_island/draw/components/content_preview.dart
+++ b/lib/page/creative_island/draw/components/content_preview.dart
@@ -6,6 +6,7 @@ import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:askaide/page/component/video_player.dart';
 import 'package:askaide/repo/api/creative.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_localization/flutter_localization.dart';
 import 'package:intl/intl.dart';
 
 class CreativeIslandContentPreview extends StatefulWidget {
@@ -62,7 +63,7 @@ class _CreativeIslandContentPreviewState extends State<CreativeIslandContentPrev
                       ),
                       const SizedBox(width: 5),
                       Text(
-                        '${AppLocale.clickToShareWithExpire} $expireTime',
+                        '${AppLocale.clickToShareWithExpire.getString(context)} $expireTime',
                         maxLines: 2,
                         style: TextStyle(
                           fontSize: 12,
diff --git a/lib/page/creative_island/draw/draw_create.dart b/lib/page/creative_island/draw/draw_create.dart
index 60ae0230..38a850ce 100644
--- a/lib/page/creative_island/draw/draw_create.dart
+++ b/lib/page/creative_island/draw/draw_create.dart
@@ -6,6 +6,7 @@ import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/helper/upload.dart';
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/advanced_button.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/column_block.dart';
 import 'package:askaide/page/component/enhanced_button.dart';
@@ -227,6 +228,7 @@ class _DrawCreateScreenState extends State<DrawCreateScreen> {
         setting: widget.setting,
         enabled: false,
         maxWidth: CustomSize.smallWindowSize,
+        backgroundColor: customColors.backgroundColor,
         child: Column(
           children: [
             if (Ability().showGlobalAlert) const GlobalAlert(pageKey: 'creative_create'),
@@ -636,38 +638,18 @@ class _DrawCreateScreenState extends State<DrawCreateScreen> {
             ),
 
           // 生成按钮
-          const SizedBox(height: 20),
-          Row(
-            children: [
-              if (capacity != null)
-                EnhancedButton(
-                  title: showAdvancedOptions
-                      ? AppLocale.simpleMode.getString(context)
-                      : AppLocale.professionalMode.getString(context),
-                  width: 120,
-                  backgroundColor: Colors.transparent,
-                  color: customColors.weakLinkColor,
-                  fontSize: 15,
-                  icon: Icon(
-                    showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
-                    color: customColors.weakLinkColor,
-                    size: 15,
-                  ),
-                  onPressed: () {
-                    setState(() {
-                      showAdvancedOptions = !showAdvancedOptions;
-                    });
-                  },
-                ),
-              if (capacity != null) const SizedBox(width: 10),
-              Expanded(
-                flex: 1,
-                child: EnhancedButton(
-                  title: AppLocale.generate.getString(context),
-                  onPressed: onGenerate,
-                ),
-              ),
-            ],
+          AdvancedButton(
+            showAdvancedOptions: showAdvancedOptions,
+            onPressed: (value) {
+              setState(() {
+                showAdvancedOptions = value;
+              });
+            },
+          ),
+          if (capacity != null) const SizedBox(height: 10),
+          EnhancedButton(
+            title: AppLocale.generate.getString(context),
+            onPressed: onGenerate,
           ),
           const SizedBox(height: 20),
         ],
diff --git a/lib/page/creative_island/draw/draw_list.dart b/lib/page/creative_island/draw/draw_list.dart
index 551ec645..59558df0 100644
--- a/lib/page/creative_island/draw/draw_list.dart
+++ b/lib/page/creative_island/draw/draw_list.dart
@@ -43,13 +43,9 @@ class _DrawListScreenState extends State<DrawListScreen> {
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
-    return BackgroundContainer(
-      setting: widget.setting,
-      enabled: false,
-      child: Scaffold(
-        backgroundColor: customColors.backgroundColor,
-        body: _buildIslandItems(customColors),
-      ),
+    return Scaffold(
+      backgroundColor: customColors.backgroundColor,
+      body: _buildIslandItems(customColors),
     );
   }
 
@@ -77,96 +73,97 @@ class _DrawListScreenState extends State<DrawListScreen> {
           icon: const Icon(Icons.crop_original),
         ),
       ],
-      backgroundImage: Image.asset(
-        customColors.appBarBackgroundImageForCreativeIsland!,
-        fit: BoxFit.cover,
-      ),
-      child: BlocBuilder<CreativeIslandBloc, CreativeIslandState>(
-        buildWhen: (previous, current) => current is CreativeIslandItemsV2Loaded,
-        builder: (context, state) {
-          if (state is CreativeIslandItemsV2Loaded) {
-            final items = state.items
-                .map((e) => CreativeItem(
-                      imageURL: e.previewImage,
-                      title: e.title,
-                      titleColor: stringToColor(e.titleColor),
-                      tag: e.tag,
-                      onTap: () {
-                        var uri = Uri.tryParse(e.routeUri);
-                        if (e.note != null && e.note != '') {
-                          uri = uri!.replace(
-                              queryParameters: <String, String>{
-                            'note': e.note!,
-                          }..addAll(uri.queryParameters));
-                        }
+      child: BackgroundContainer(
+        setting: widget.setting,
+        enabled: false,
+        backgroundColor: customColors.backgroundColor,
+        child: BlocBuilder<CreativeIslandBloc, CreativeIslandState>(
+          buildWhen: (previous, current) => current is CreativeIslandItemsV2Loaded,
+          builder: (context, state) {
+            if (state is CreativeIslandItemsV2Loaded) {
+              final items = state.items
+                  .map((e) => CreativeItem(
+                        imageURL: e.previewImage,
+                        title: e.title,
+                        titleColor: stringToColor(e.titleColor),
+                        tag: e.tag,
+                        onTap: () {
+                          var uri = Uri.tryParse(e.routeUri);
+                          if (e.note != null && e.note != '') {
+                            uri = uri!.replace(
+                                queryParameters: <String, String>{
+                              'note': e.note!,
+                            }..addAll(uri.queryParameters));
+                          }
 
-                        context.push(uri.toString());
-                      },
-                      size: e.size,
-                    ))
-                .toList();
-            final largeItems = items.where((e) => e.size == 'large').toList();
-            final mediumItems = items.where((e) => e.size == 'medium').toList();
-            final otherItems = items.where((e) => e.size != 'large' && e.size != 'medium').toList();
+                          context.push(uri.toString());
+                        },
+                        size: e.size,
+                      ))
+                  .toList();
+              final largeItems = items.where((e) => e.size == 'large').toList();
+              final mediumItems = items.where((e) => e.size == 'medium').toList();
+              final otherItems = items.where((e) => e.size != 'large' && e.size != 'medium').toList();
 
-            return RefreshIndicator(
-              onRefresh: () async {
-                context.read<CreativeIslandBloc>().add(CreativeIslandItemsV2LoadEvent(forceRefresh: true));
-              },
-              color: customColors.linkColor,
-              displacement: 20,
-              child: SingleChildScrollView(
-                child: Column(
-                  children: [
-                    GridView.count(
-                      physics: const NeverScrollableScrollPhysics(),
-                      padding: const EdgeInsets.only(top: 0, left: 10, right: 10),
-                      crossAxisCount: _calCrossAxisCount(context),
-                      childAspectRatio: 2,
-                      shrinkWrap: true,
-                      children: largeItems
-                          .map((e) => Container(
-                                padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 10),
-                                child: e,
-                              ))
-                          .toList(),
-                    ),
-                    GridView.count(
-                      physics: const NeverScrollableScrollPhysics(),
-                      padding: const EdgeInsets.only(top: 5, left: 10, right: 10),
-                      crossAxisCount: _calCrossAxisCount(context) * 2,
-                      childAspectRatio: 1,
-                      shrinkWrap: true,
-                      children: mediumItems
-                          .map((e) => Container(
-                                padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
-                                child: e,
-                              ))
-                          .toList(),
-                    ),
-                    GridView.count(
-                      physics: const NeverScrollableScrollPhysics(),
-                      padding: const EdgeInsets.only(top: 5, left: 10, right: 10),
-                      crossAxisCount: _calCrossAxisCount(context) * 2,
-                      childAspectRatio: 2,
-                      shrinkWrap: true,
-                      children: otherItems
-                          .map((e) => Container(
-                                padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
-                                child: e,
-                              ))
-                          .toList(),
-                    ),
-                  ],
+              return RefreshIndicator(
+                onRefresh: () async {
+                  context.read<CreativeIslandBloc>().add(CreativeIslandItemsV2LoadEvent(forceRefresh: true));
+                },
+                color: customColors.linkColor,
+                displacement: 20,
+                child: SingleChildScrollView(
+                  child: Column(
+                    children: [
+                      GridView.count(
+                        physics: const NeverScrollableScrollPhysics(),
+                        padding: const EdgeInsets.only(top: 0, left: 10, right: 10),
+                        crossAxisCount: _calCrossAxisCount(context),
+                        childAspectRatio: 2,
+                        shrinkWrap: true,
+                        children: largeItems
+                            .map((e) => Container(
+                                  padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 10),
+                                  child: e,
+                                ))
+                            .toList(),
+                      ),
+                      GridView.count(
+                        physics: const NeverScrollableScrollPhysics(),
+                        padding: const EdgeInsets.only(top: 5, left: 10, right: 10),
+                        crossAxisCount: _calCrossAxisCount(context) * 2,
+                        childAspectRatio: 1,
+                        shrinkWrap: true,
+                        children: mediumItems
+                            .map((e) => Container(
+                                  padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
+                                  child: e,
+                                ))
+                            .toList(),
+                      ),
+                      GridView.count(
+                        physics: const NeverScrollableScrollPhysics(),
+                        padding: const EdgeInsets.only(top: 5, left: 10, right: 10),
+                        crossAxisCount: _calCrossAxisCount(context) * 2,
+                        childAspectRatio: 2,
+                        shrinkWrap: true,
+                        children: otherItems
+                            .map((e) => Container(
+                                  padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
+                                  child: e,
+                                ))
+                            .toList(),
+                      ),
+                    ],
+                  ),
                 ),
-              ),
-            );
-          }
+              );
+            }
 
-          return const Center(
-            child: CircularProgressIndicator(),
-          );
-        },
+            return const Center(
+              child: CircularProgressIndicator(),
+            );
+          },
+        ),
       ),
     );
   }
diff --git a/lib/page/creative_island/draw/draw_result.dart b/lib/page/creative_island/draw/draw_result.dart
index 808fe5fa..57e5fd6e 100644
--- a/lib/page/creative_island/draw/draw_result.dart
+++ b/lib/page/creative_island/draw/draw_result.dart
@@ -34,130 +34,133 @@ class _DrawResultPageState extends State<DrawResultPage> {
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
-    return Align(
-      alignment: Alignment.topCenter,
-      child: ConstrainedBox(
-        constraints: const BoxConstraints(maxWidth: CustomSize.smallWindowSize),
-        child: Scaffold(
-          appBar: AppBar(
-            title: Text(
-              AppLocale.generateResult.getString(context),
-              style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
+    return Container(
+      color: customColors.backgroundColor,
+      child: Align(
+        alignment: Alignment.topCenter,
+        child: ConstrainedBox(
+          constraints: const BoxConstraints(maxWidth: CustomSize.smallWindowSize),
+          child: Scaffold(
+            appBar: AppBar(
+              title: Text(
+                AppLocale.generateResult.getString(context),
+                style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
+              ),
+              toolbarHeight: CustomSize.toolbarHeight,
+              centerTitle: true,
+              leading: IconButton(
+                icon: const Icon(Icons.close),
+                onPressed: () {
+                  if (loading) {
+                    openConfirmDialog(
+                      context,
+                      AppLocale.generateExitConfirm.getString(context),
+                      () => Navigator.pop(context),
+                    );
+                  } else {
+                    Navigator.pop(context);
+                  }
+                },
+              ),
             ),
-            toolbarHeight: CustomSize.toolbarHeight,
-            centerTitle: true,
-            leading: IconButton(
-              icon: const Icon(Icons.close),
-              onPressed: () {
-                if (loading) {
-                  openConfirmDialog(
-                    context,
-                    AppLocale.generateExitConfirm.getString(context),
-                    () => Navigator.pop(context),
+            backgroundColor: customColors.backgroundColor,
+            body: FutureBuilder(
+              future: widget.future,
+              builder: (context, snapshot) {
+                if (snapshot.hasData || snapshot.hasError) {
+                  HapticFeedbackHelper.mediumImpact();
+                  loading = false;
+                }
+
+                if (snapshot.hasError) {
+                  return Center(
+                    child: Column(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        const Icon(
+                          Icons.error_outline,
+                          size: 50,
+                          color: Colors.red,
+                        ),
+                        const SizedBox(height: 10),
+                        const Text(
+                          '创作失败',
+                          style: TextStyle(color: Colors.red),
+                        ),
+                        const SizedBox(height: 10),
+                        Padding(
+                          padding: const EdgeInsets.symmetric(horizontal: 15),
+                          child: Text(
+                            resolveError(context, snapshot.error!),
+                            style: TextStyle(
+                              color: customColors.weakTextColor,
+                              fontSize: 10,
+                            ),
+                          ),
+                        ),
+                      ],
+                    ),
                   );
-                } else {
-                  Navigator.pop(context);
                 }
-              },
-            ),
-          ),
-          backgroundColor: customColors.backgroundColor,
-          body: FutureBuilder(
-            future: widget.future,
-            builder: (context, snapshot) {
-              if (snapshot.hasData || snapshot.hasError) {
-                HapticFeedbackHelper.mediumImpact();
-                loading = false;
-              }
-
-              if (snapshot.hasError) {
+
+                if (snapshot.hasData) {
+                  return Column(
+                    mainAxisSize: MainAxisSize.min,
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      Expanded(
+                        child: CreativeIslandContentPreview(
+                          result: snapshot.data!,
+                          customColors: customColors,
+                        ),
+                      ),
+                      const SizedBox(height: 30),
+                    ],
+                  );
+                }
+
                 return Center(
                   child: Column(
                     mainAxisSize: MainAxisSize.min,
                     children: [
-                      const Icon(
-                        Icons.error_outline,
-                        size: 50,
-                        color: Colors.red,
-                      ),
-                      const SizedBox(height: 10),
-                      const Text(
-                        '创作失败',
-                        style: TextStyle(color: Colors.red),
+                      CountDownProgressBar(
+                        duration: widget.waitDuration,
+                        controller: controller,
+                        onComplete: (controller) {
+                          if (!loading) {
+                            return;
+                          }
+
+                          if (restartCounterValue == defaultCounterRestartValue) {
+                            showSuccessMessage('当前排队人数较多，还需要等待一下哦');
+                          }
+
+                          controller.restart(duration: restartCounterValue);
+                          setState(() {
+                            restartCounterValue += 1;
+                          });
+                        },
                       ),
                       const SizedBox(height: 10),
-                      Padding(
-                        padding: const EdgeInsets.symmetric(horizontal: 15),
-                        child: Text(
-                          resolveError(context, snapshot.error!),
-                          style: TextStyle(
-                            color: customColors.weakTextColor,
-                            fontSize: 10,
-                          ),
+                      Text(
+                        '正在打造神奇...',
+                        style: TextStyle(
+                          color: customColors.backgroundInvertedColor,
                         ),
                       ),
+                      const SizedBox(height: 5),
+                      Text(
+                        '如队列太长，将会有数分钟等待时间',
+                        style: TextStyle(
+                          color: customColors.backgroundInvertedColor?.withAlpha(150),
+                          fontSize: 10,
+                        ),
+                      )
                     ],
                   ),
                 );
-              }
-
-              if (snapshot.hasData) {
-                return Column(
-                  mainAxisSize: MainAxisSize.min,
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: [
-                    Expanded(
-                      child: CreativeIslandContentPreview(
-                        result: snapshot.data!,
-                        customColors: customColors,
-                      ),
-                    ),
-                    const SizedBox(height: 30),
-                  ],
-                );
-              }
-
-              return Center(
-                child: Column(
-                  mainAxisSize: MainAxisSize.min,
-                  children: [
-                    CountDownProgressBar(
-                      duration: widget.waitDuration,
-                      controller: controller,
-                      onComplete: (controller) {
-                        if (!loading) {
-                          return;
-                        }
-
-                        if (restartCounterValue == defaultCounterRestartValue) {
-                          showSuccessMessage('当前排队人数较多，还需要等待一下哦');
-                        }
-
-                        controller.restart(duration: restartCounterValue);
-                        setState(() {
-                          restartCounterValue += 1;
-                        });
-                      },
-                    ),
-                    const SizedBox(height: 10),
-                    Text(
-                      '正在打造神奇...',
-                      style: TextStyle(
-                        color: customColors.backgroundInvertedColor,
-                      ),
-                    ),
-                    const SizedBox(height: 5),
-                    Text(
-                      '如队列太长，将会有数分钟等待时间',
-                      style: TextStyle(
-                        color: customColors.backgroundInvertedColor?.withAlpha(150),
-                        fontSize: 10,
-                      ),
-                    )
-                  ],
-                ),
-              );
-            },
+              },
+            ),
           ),
         ),
       ),
diff --git a/lib/page/creative_island/draw/image_edit_direct.dart b/lib/page/creative_island/draw/image_edit_direct.dart
index 6fab1a4e..c36b7152 100644
--- a/lib/page/creative_island/draw/image_edit_direct.dart
+++ b/lib/page/creative_island/draw/image_edit_direct.dart
@@ -3,6 +3,7 @@ import 'package:askaide/helper/cache.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/helper/upload.dart';
 import 'package:askaide/lang/lang.dart';
+import 'package:askaide/page/component/advanced_button.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/column_block.dart';
 import 'package:askaide/page/component/enhanced_button.dart';
@@ -175,6 +176,7 @@ class _ImageEditDirectScreenState extends State<ImageEditDirectScreen> {
         setting: widget.setting,
         enabled: false,
         maxWidth: CustomSize.smallWindowSize,
+        backgroundColor: customColors.backgroundColor,
         child: Column(
           children: [
             if (Ability().showGlobalAlert) const GlobalAlert(pageKey: 'creative_create'),
@@ -365,38 +367,19 @@ class _ImageEditDirectScreenState extends State<ImageEditDirectScreen> {
               ],
             ),
           // 生成按钮
-          const SizedBox(height: 20),
-          Row(
-            children: [
-              if (widget.apiEndpoint == 'image-to-video')
-                EnhancedButton(
-                  title: showAdvancedOptions
-                      ? AppLocale.simpleMode.getString(context)
-                      : AppLocale.professionalMode.getString(context),
-                  width: 120,
-                  backgroundColor: Colors.transparent,
-                  color: customColors.weakLinkColor,
-                  fontSize: 15,
-                  icon: Icon(
-                    showAdvancedOptions ? Icons.unfold_less : Icons.unfold_more,
-                    color: customColors.weakLinkColor,
-                    size: 15,
-                  ),
-                  onPressed: () {
-                    setState(() {
-                      showAdvancedOptions = !showAdvancedOptions;
-                    });
-                  },
-                ),
-              if (widget.apiEndpoint == 'image-to-video') const SizedBox(width: 10),
-              Expanded(
-                flex: 1,
-                child: EnhancedButton(
-                  title: AppLocale.generate.getString(context),
-                  onPressed: onGenerate,
-                ),
-              ),
-            ],
+          if (widget.apiEndpoint == 'image-to-video')
+            AdvancedButton(
+              showAdvancedOptions: showAdvancedOptions,
+              onPressed: (value) {
+                setState(() {
+                  showAdvancedOptions = value;
+                });
+              },
+            ),
+          if (widget.apiEndpoint == 'image-to-video') const SizedBox(height: 10),
+          EnhancedButton(
+            title: AppLocale.generate.getString(context),
+            onPressed: onGenerate,
           ),
           const SizedBox(height: 20),
         ],
diff --git a/lib/page/creative_island/gallery/gallery.dart b/lib/page/creative_island/gallery/gallery.dart
index 1ebe1abe..f200cc16 100644
--- a/lib/page/creative_island/gallery/gallery.dart
+++ b/lib/page/creative_island/gallery/gallery.dart
@@ -1,3 +1,4 @@
+import 'package:askaide/helper/ability.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/loading.dart';
@@ -37,12 +38,9 @@ class _GalleryScreenState extends State<GalleryScreen> {
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
-    return BackgroundContainer(
-      setting: widget.setting,
-      child: Scaffold(
-        backgroundColor: customColors.backgroundColor,
-        body: _buildIslandItems(customColors),
-      ),
+    return Scaffold(
+      backgroundColor: customColors.backgroundColor,
+      body: _buildIslandItems(customColors),
     );
   }
 
@@ -58,78 +56,88 @@ class _GalleryScreenState extends State<GalleryScreen> {
           color: customColors.backgroundInvertedColor,
         ),
       ),
-      backgroundImage: Image.asset(
-        customColors.appBarBackgroundImageDiscovery!,
-        fit: BoxFit.cover,
-      ),
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          // Container(
-          //   padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 5),
-          //   child: Text('热门作品'),
-          // ),
-          Expanded(
-            child: RefreshIndicator(
-              color: customColors.linkColor,
-              displacement: 20,
-              onRefresh: () {
-                return datasource.refresh();
-              },
-              child: LoadingMoreList(
-                ListConfig<CreativeGallery>(
-                  itemBuilder: (context, item, index) {
-                    return ImageCard(
-                      images: [item.preview],
-                      username: item.username,
-                      userId: item.userId,
-                      hotValue: item.hotValue,
-                      onTap: () => context.push('/creative-draw/gallery/${item.id}'),
-                    );
-                  },
-                  sourceList: datasource,
-                  padding: const EdgeInsets.all(10),
-                  extendedListDelegate: SliverWaterfallFlowDelegateWithFixedCrossAxisCount(
-                    crossAxisCount: _calCrossAxisCount(context),
-                    crossAxisSpacing: 10,
-                    mainAxisSpacing: 10,
-                  ),
-                  indicatorBuilder: (context, status) {
-                    String msg = '';
-                    switch (status) {
-                      case IndicatorStatus.noMoreLoad:
-                        msg = '~ 没有更多了 ~';
-                        break;
-                      case IndicatorStatus.loadingMoreBusying:
-                        msg = '加载中...';
-                        break;
-                      case IndicatorStatus.error:
-                        msg = '加载失败，请稍后再试';
-                        break;
-                      case IndicatorStatus.empty:
-                        msg = '暂无数据';
-                        break;
-                      default:
-                        return const Center(child: LoadingIndicator());
-                    }
-                    return Container(
-                      padding: const EdgeInsets.all(15),
-                      alignment: Alignment.center,
-                      child: Text(
-                        msg,
-                        style: TextStyle(
-                          color: customColors.weakTextColor,
-                          fontSize: 14,
+      actions: [
+        if (Ability().enableCreationIsland)
+          IconButton(
+            onPressed: () {
+              context.push('/creative-draw');
+            },
+            icon: const Icon(Icons.palette_outlined),
+          ),
+      ],
+      child: BackgroundContainer(
+        setting: widget.setting,
+        enabled: false,
+        backgroundColor: customColors.backgroundColor,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // Container(
+            //   padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 5),
+            //   child: Text('热门作品'),
+            // ),
+            Expanded(
+              child: RefreshIndicator(
+                color: customColors.linkColor,
+                displacement: 20,
+                onRefresh: () {
+                  return datasource.refresh();
+                },
+                child: LoadingMoreList(
+                  ListConfig<CreativeGallery>(
+                    itemBuilder: (context, item, index) {
+                      return ImageCard(
+                        images: [item.preview],
+                        username: item.username,
+                        userId: item.userId,
+                        hotValue: item.hotValue,
+                        onTap: () => context.push('/creative-draw/gallery/${item.id}'),
+                      );
+                    },
+                    sourceList: datasource,
+                    padding: const EdgeInsets.all(10),
+                    extendedListDelegate: SliverWaterfallFlowDelegateWithFixedCrossAxisCount(
+                      crossAxisCount: _calCrossAxisCount(context),
+                      crossAxisSpacing: 10,
+                      mainAxisSpacing: 10,
+                    ),
+                    indicatorBuilder: (context, status) {
+                      String msg = '';
+                      switch (status) {
+                        case IndicatorStatus.noMoreLoad:
+                          msg = '~ 没有更多了 ~';
+                          break;
+                        case IndicatorStatus.loadingMoreBusying:
+                          msg = '加载中...';
+                          break;
+                        case IndicatorStatus.error:
+                          msg = '加载失败，请稍后再试';
+                          break;
+                        case IndicatorStatus.empty:
+                          msg = '暂无数据';
+                          break;
+                        default:
+                          return const Center(child: LoadingIndicator());
+                      }
+                      return Container(
+                        padding: const EdgeInsets.all(15),
+                        alignment: Alignment.center,
+                        child: Text(
+                          msg,
+                          style: TextStyle(
+                            color: customColors.weakTextColor,
+                            fontSize: 14,
+                          ),
                         ),
-                      ),
-                    );
-                  },
+                      );
+                    },
+                  ),
                 ),
               ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
     );
   }
diff --git a/lib/page/creative_island/gallery/gallery_item.dart b/lib/page/creative_island/gallery/gallery_item.dart
index d4e4706d..08fdb35b 100644
--- a/lib/page/creative_island/gallery/gallery_item.dart
+++ b/lib/page/creative_island/gallery/gallery_item.dart
@@ -1,4 +1,5 @@
 import 'package:askaide/bloc/gallery_bloc.dart';
+import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/haptic_feedback.dart';
 import 'package:askaide/helper/helper.dart';
@@ -96,6 +97,7 @@ class _GalleryItemScreenState extends State<GalleryItemScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: BlocBuilder<GalleryBloc, GalleryState>(
           buildWhen: (previous, current) => current is GalleryItemLoaded,
           builder: (context, state) {
@@ -220,68 +222,70 @@ class _GalleryItemScreenState extends State<GalleryItemScreen> {
                                       );
                                     },
                                   ),
-                                  const SizedBox(width: 10),
-                                  EnhancedButton(
-                                    title: AppLocale.shortcut.getString(context),
-                                    icon: const Icon(Icons.webhook, size: 14),
-                                    width: 80,
-                                    color: customColors.backgroundInvertedColor,
-                                    backgroundColor: customColors.backgroundColor,
-                                    onPressed: () {
-                                      if (state.item.images.length > 1) {
-                                        List<SelectorItem<String>> items = [];
-                                        for (var i = 0; i < state.item.images.length; i++) {
-                                          items.add(SelectorItem(
-                                            NetworkImagePreviewer(
-                                              url: state.item.images[i],
-                                              notClickable: true,
-                                              hidePreviewButton: true,
-                                              borderRadius: CustomSize.borderRadiusAll,
-                                            ),
-                                            state.item.images[i],
-                                          ));
-                                        }
-                                        openListSelectDialog(
-                                          context,
-                                          items,
-                                          (selected) {
-                                            context.pop();
+                                  if (Ability().enableCreationIsland) ...[
+                                    const SizedBox(width: 10),
+                                    EnhancedButton(
+                                      title: AppLocale.shortcut.getString(context),
+                                      icon: const Icon(Icons.webhook, size: 14),
+                                      width: 80,
+                                      color: customColors.backgroundInvertedColor,
+                                      backgroundColor: customColors.backgroundColor,
+                                      onPressed: () {
+                                        if (state.item.images.length > 1) {
+                                          List<SelectorItem<String>> items = [];
+                                          for (var i = 0; i < state.item.images.length; i++) {
+                                            items.add(SelectorItem(
+                                              NetworkImagePreviewer(
+                                                url: state.item.images[i],
+                                                notClickable: true,
+                                                hidePreviewButton: true,
+                                                borderRadius: CustomSize.borderRadiusAll,
+                                              ),
+                                              state.item.images[i],
+                                            ));
+                                          }
+                                          openListSelectDialog(
+                                            context,
+                                            items,
+                                            (selected) {
+                                              context.pop();
 
-                                            openImageWorkflowActionDialog(
-                                              context,
-                                              customColors,
-                                              selected.value,
-                                            );
+                                              openImageWorkflowActionDialog(
+                                                context,
+                                                customColors,
+                                                selected.value,
+                                              );
 
-                                            return false;
-                                          },
-                                          horizontal: true,
-                                          horizontalCount: 2,
-                                          heightFactor: 0.8,
-                                          innerPadding: const EdgeInsets.symmetric(
-                                            vertical: 10,
-                                          ),
-                                          title: AppLocale.selectImageToShortcut.getString(context),
-                                        );
-                                      } else {
-                                        openImageWorkflowActionDialog(
-                                          context,
-                                          customColors,
-                                          state.item.images.first,
-                                        );
-                                      }
-                                    },
-                                  ),
-                                  const SizedBox(width: 10),
-                                  Expanded(
-                                    child: EnhancedButton(
-                                      title: AppLocale.makeSameStyle.getString(context),
-                                      onPressed: () {
-                                        context.push(
-                                            '/creative-draw/create?mode=text-to-image&id=${state.item.creativeId}&gallery_copy_id=${state.item.id}');
+                                              return false;
+                                            },
+                                            horizontal: true,
+                                            horizontalCount: 2,
+                                            heightFactor: 0.8,
+                                            innerPadding: const EdgeInsets.symmetric(
+                                              vertical: 10,
+                                            ),
+                                            title: AppLocale.selectImageToShortcut.getString(context),
+                                          );
+                                        } else {
+                                          openImageWorkflowActionDialog(
+                                            context,
+                                            customColors,
+                                            state.item.images.first,
+                                          );
+                                        }
                                       },
                                     ),
-                                  ),
+                                    const SizedBox(width: 10),
+                                    Expanded(
+                                      child: EnhancedButton(
+                                        title: AppLocale.makeSameStyle.getString(context),
+                                        onPressed: () {
+                                          context.push(
+                                              '/creative-draw/create?mode=text-to-image&id=${state.item.creativeId}&gallery_copy_id=${state.item.id}');
+                                        },
+                                      ),
+                                    ),
+                                  ]
                                 ],
                               ),
                             ),
diff --git a/lib/page/creative_island/my_creation.dart b/lib/page/creative_island/my_creation.dart
index 39cf6364..0e381521 100644
--- a/lib/page/creative_island/my_creation.dart
+++ b/lib/page/creative_island/my_creation.dart
@@ -55,7 +55,8 @@ class _MyCreationScreenState extends State<MyCreationScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
-        maxWidth: 0,
+        maxWidth: CustomSize.maxWindowSize,
+        backgroundColor: customColors.backgroundColor,
         child: SafeArea(
           child: RefreshIndicator(
             color: customColors.linkColor,
diff --git a/lib/page/creative_island/my_creation_item.dart b/lib/page/creative_island/my_creation_item.dart
index 153b508f..ada28693 100644
--- a/lib/page/creative_island/my_creation_item.dart
+++ b/lib/page/creative_island/my_creation_item.dart
@@ -78,6 +78,7 @@ class _MyCreationItemPageState extends State<MyCreationItemPage> with SingleTick
             body: BackgroundContainer(
               setting: widget.setting,
               enabled: false,
+              backgroundColor: customColors.backgroundColor,
               maxWidth: CustomSize.smallWindowSize,
               child: SafeArea(
                 child: SingleChildScrollView(
diff --git a/lib/page/custom_scaffold.dart b/lib/page/custom_scaffold.dart
index 14408642..305ac0c7 100644
--- a/lib/page/custom_scaffold.dart
+++ b/lib/page/custom_scaffold.dart
@@ -1,5 +1,6 @@
 import 'package:askaide/page/component/background_container.dart';
 import 'package:askaide/page/component/theme/custom_size.dart';
+import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:askaide/repo/settings_repo.dart';
 import 'package:flutter/material.dart';
 
@@ -32,15 +33,16 @@ class CustomScaffold extends StatefulWidget {
 class _CustomScaffoldState extends State<CustomScaffold> {
   @override
   Widget build(BuildContext context) {
-    return BackgroundContainer(
-      setting: widget.settings,
-      maxWidth: double.infinity,
-      child: Scaffold(
-        appBar: buildAppBar(),
-        backgroundColor: Colors.transparent,
-        body: widget.body,
-        drawer: widget.drawer,
+    final customColors = Theme.of(context).extension<CustomColors>()!;
+    return Scaffold(
+      appBar: buildAppBar(),
+      backgroundColor: customColors.backgroundContainerColor,
+      body: BackgroundContainer(
+        setting: widget.settings,
+        maxWidth: CustomSize.maxWindowSize,
+        child: widget.body,
       ),
+      drawer: widget.drawer,
     );
   }
 
diff --git a/lib/page/data/chat_history_datasource.dart b/lib/page/data/chat_history_datasource.dart
index 25aa86d0..e5a911c2 100644
--- a/lib/page/data/chat_history_datasource.dart
+++ b/lib/page/data/chat_history_datasource.dart
@@ -1,4 +1,3 @@
-import 'package:askaide/helper/constant.dart';
 import 'package:askaide/helper/logger.dart';
 import 'package:askaide/repo/api_server.dart';
 import 'package:askaide/repo/chat_message_repo.dart';
@@ -22,7 +21,6 @@ class ChatHistoryDatasource extends LoadingMoreBase<ChatHistory> {
   Future<bool> loadData([bool isloadMoreAction = false]) async {
     try {
       final histories = await repo.recentChatHistories(
-        chatAnywhereRoomId,
         30,
         keyword: keyword,
         offset: 30 * (pageindex - 1),
diff --git a/lib/page/drawer.dart b/lib/page/drawer.dart
index 034a4978..635822f0 100644
--- a/lib/page/drawer.dart
+++ b/lib/page/drawer.dart
@@ -1,10 +1,16 @@
 import 'package:askaide/bloc/account_bloc.dart';
 import 'package:askaide/bloc/chat_chat_bloc.dart';
+import 'package:askaide/bloc/room_bloc.dart';
+import 'package:askaide/helper/ability.dart';
 import 'package:askaide/helper/platform.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/component/account_quota_card.dart';
+import 'package:askaide/page/component/chat/role_avatar.dart';
+import 'package:askaide/page/component/social_icon.dart';
+import 'package:askaide/page/component/theme/custom_size.dart';
 import 'package:askaide/page/component/theme/custom_theme.dart';
 import 'package:askaide/repo/api/user.dart';
+import 'package:askaide/repo/model/chat_history.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_localization/flutter_localization.dart';
@@ -23,246 +29,365 @@ class _LeftDrawerState extends State<LeftDrawer> {
   void initState() {
     super.initState();
 
-    context.read<AccountBloc>().add(AccountLoadEvent(cache: false));
+    reload();
+  }
+
+  void reload() {
+    if (Ability().isUserLogon()) {
+      context.read<AccountBloc>().add(AccountLoadEvent(cache: false));
+    }
+
     context.read<ChatChatBloc>().add(ChatChatLoadRecentHistories());
+    context.read<RoomBloc>().add(RoomsRecentLoadEvent());
+  }
+
+  double maxDrawerWidth() {
+    final width = MediaQuery.of(context).size.width * 0.85;
+    return width > 334.0 ? 334.0 : width;
   }
 
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
     return Drawer(
+      width: maxDrawerWidth(),
       shape: const RoundedRectangleBorder(
-        borderRadius: BorderRadius.zero,
+        borderRadius: CustomSize.borderRadiusAll,
       ),
-      backgroundColor: customColors.backgroundColor,
+      backgroundColor: customColors.backgroundContainerColor,
+      shadowColor: customColors.backgroundInvertedColor,
       child: SafeArea(
         top: false,
-        child: Column(
-          children: [
-            Expanded(
-              child: SingleChildScrollView(
-                child: Column(
-                  children: [
-                    SizedBox(
-                      height: 180,
-                      child: DrawerHeader(
-                        padding: PlatformTool.isMacOS()
-                            ? const EdgeInsets.only(top: kToolbarHeight)
-                            : const EdgeInsets.only(top: 20),
-                        margin: const EdgeInsets.all(0),
-                        // decoration: BoxDecoration(
-                        //   color: Colors.white,
-                        //   image: DecorationImage(
-                        //     image: CachedNetworkImageProviderEnhanced(
-                        //       "https://ssl.aicode.cc/ai-server/assets/quota-card-bg.webp-thumb1000",
-                        //     ),
-                        //     fit: BoxFit.cover,
-                        //   ),
-                        // ),
-                        child: BlocBuilder<AccountBloc, AccountState>(
-                          builder: (_, state) {
-                            UserInfo? userInfo;
-                            if (state is AccountLoaded) {
-                              userInfo = state.user;
-                            }
-
-                            return AccountQuotaCard(
-                              userInfo: userInfo,
-                              noBorder: true,
-                              onPaymentReturn: () {
-                                if (userInfo != null) {
-                                  context
-                                      .read<AccountBloc>()
-                                      .add(AccountLoadEvent(cache: false));
-                                }
-                              },
-                            );
+        child: Padding(
+          padding: const EdgeInsets.only(right: 10),
+          child: Column(
+            children: [
+              Expanded(
+                child: SingleChildScrollView(
+                  child: Column(
+                    children: [
+                      SafeArea(
+                        child: SizedBox(height: PlatformTool.isMacOS() ? kToolbarHeight : 20),
+                      ),
+                      if (Ability().isUserLogon() && Ability().enableDigitalHuman)
+                        ListTile(
+                          leading: const Icon(Icons.group_outlined),
+                          title: Text(AppLocale.homeTitle.getString(context)),
+                          onTap: () {
+                            context.push('/characters').whenComplete(reload);
                           },
                         ),
-                      ),
-                    ),
-                    const SizedBox(height: 15),
-                    BlocBuilder<ChatChatBloc, ChatChatState>(
-                      buildWhen: (previous, current) =>
-                          current is ChatChatRecentHistoriesLoaded,
-                      builder: (_, state) {
-                        if (state is ChatChatRecentHistoriesLoaded) {
-                          return ListView.builder(
-                            shrinkWrap: true,
-                            padding: const EdgeInsets.all(0),
-                            physics: const NeverScrollableScrollPhysics(),
-                            itemCount: state.histories.length,
-                            itemBuilder: (context, index) {
-                              final item = state.histories[index];
-                              return ListTile(
-                                leading:
-                                    const Icon(Icons.question_answer_outlined),
-                                title: Text(
-                                  item.title ?? 'Unknown',
-                                  maxLines: 1,
-                                  overflow: TextOverflow.ellipsis,
-                                ),
-                                onTap: () {
-                                  context.push(
-                                      '/chat-anywhere?chat_id=${item.id}&model=${item.model}&title=${item.title}');
+                      if (Ability().isUserLogon() && Ability().enableDigitalHuman)
+                        BlocBuilder<RoomBloc, RoomState>(
+                          buildWhen: (previous, current) => current is RoomsRecentLoaded,
+                          builder: (_, state) {
+                            if (state is RoomsRecentLoaded) {
+                              return ListView.builder(
+                                shrinkWrap: true,
+                                padding: const EdgeInsets.all(0),
+                                physics: const NeverScrollableScrollPhysics(),
+                                itemCount: state.rooms.length,
+                                itemBuilder: (context, index) {
+                                  final item = state.rooms[index];
+                                  return ListTile(
+                                    contentPadding: const EdgeInsets.only(left: 30),
+                                    dense: true,
+                                    leading: RoleAvatar(
+                                      avatarUrl: item.avatarUrl,
+                                      name: item.name,
+                                      avatarSize: 25,
+                                    ),
+                                    title: Text(item.name),
+                                    onTap: () {
+                                      context.push('/room/${item.id}/chat').whenComplete(reload);
+                                    },
+                                  );
                                 },
                               );
-                            },
-                          );
-                        }
+                            }
 
-                        return const SizedBox();
-                      },
-                    ),
-                    ListTile(
-                      leading: const Icon(Icons.history),
-                      title: Text(AppLocale.moreHistories.getString(context)),
-                      onTap: () {
-                        context.push('/chat-chat/history').whenComplete(() {
-                          context
-                              .read<ChatChatBloc>()
-                              .add(ChatChatLoadRecentHistories());
-                        });
-                      },
-                    ),
-                    Divider(
-                      color: customColors.weakTextColor?.withAlpha(50),
-                      height: 10,
-                      indent: 10,
-                      endIndent: 10,
-                    ),
-                    ListTile(
-                      leading: const Icon(Icons.group_outlined),
-                      title: Text(AppLocale.homeTitle.getString(context)),
-                      onTap: () {
-                        context.push('/characters');
-                      },
-                    ),
-                    ListTile(
-                      leading: const Icon(Icons.auto_awesome_outlined),
-                      title: Text(AppLocale.discover.getString(context)),
-                      onTap: () {
-                        context.push('/creative-gallery');
-                      },
-                    ),
-                    ListTile(
-                      leading: const Icon(Icons.palette_outlined),
-                      title: Text(AppLocale.creativeIsland.getString(context)),
-                      onTap: () {
-                        context.push('/creative-draw');
-                      },
-                    ),
-                    Divider(
-                      color: customColors.weakTextColor?.withAlpha(50),
-                      height: 10,
-                      indent: 10,
-                      endIndent: 10,
-                    ),
-                    ListTile(
-                      leading: const Icon(Icons.settings_outlined),
-                      title: Text(AppLocale.settings.getString(context)),
-                      onTap: () {
-                        context.push('/setting');
-                      },
-                    ),
-                  ],
-                ),
-              ),
-            ),
-            Container(
-              height: 90,
-              padding: const EdgeInsets.only(left: 20, right: 20),
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Row(
-                    children: [
-                      Text(
-                        "${AppLocale.socialMedia.getString(context)} ",
-                        style: TextStyle(
-                          color: customColors.weakTextColor,
-                          fontSize: 16,
-                          fontWeight: FontWeight.bold,
+                            return const SizedBox();
+                          },
                         ),
-                      ),
-                      Transform.rotate(
-                        angle: 90 * 3.1415926535897932 / 180,
-                        child: Icon(
-                          Icons.turn_right,
-                          color: customColors.weakTextColor,
-                          size: 16,
+                      if (Ability().enableGallery)
+                        ListTile(
+                          leading: const Icon(Icons.auto_awesome_outlined),
+                          title: Text(AppLocale.discover.getString(context)),
+                          onTap: () {
+                            context.push('/creative-gallery').whenComplete(reload);
+                          },
                         ),
-                      ),
-                    ],
-                  ),
-                  const SizedBox(height: 10),
-                  Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: [
-                      GestureDetector(
-                        onTap: () {
-                          launchUrlString(
-                            'https://ai.aicode.cc/social/home',
-                            mode: LaunchMode.externalApplication,
-                          );
-                        },
-                        child: Image.asset('assets/app-256-transparent.png',
-                            width: 25),
-                      ),
-                      GestureDetector(
-                        onTap: () {
-                          launchUrlString(
-                            'https://weibo.com/code404',
-                            mode: LaunchMode.externalApplication,
-                          );
-                        },
-                        child: Image.asset('assets/weibo.png', width: 25),
-                      ),
-                      GestureDetector(
-                        onTap: () {
-                          launchUrlString(
-                            'https://ai.aicode.cc/social/github',
-                            mode: LaunchMode.externalApplication,
-                          );
-                        },
-                        child: Image.asset('assets/github.png', width: 25),
-                      ),
-                      GestureDetector(
-                        onTap: () {
-                          launchUrlString(
-                            'https://ai.aicode.cc/social/wechat-platform',
-                            mode: LaunchMode.externalApplication,
-                          );
-                        },
-                        child: Image.asset('assets/wechat.png', width: 25),
-                      ),
-                      GestureDetector(
-                        onTap: () {
-                          launchUrlString(
-                            'https://ai.aicode.cc/social/x',
-                            mode: LaunchMode.externalApplication,
-                          );
-                        },
-                        child: Image.asset('assets/x.png', width: 25),
-                      ),
-                      GestureDetector(
-                        onTap: () {
-                          launchUrlString(
-                            'https://ai.aicode.cc/social/xiaohongshu',
-                            mode: LaunchMode.externalApplication,
+                      // ListTile(
+                      //   leading: const Icon(Icons.palette_outlined),
+                      //   title: Text(AppLocale.creativeIsland.getString(context)),
+                      //   onTap: () {
+                      //     context.push('/creative-draw');
+                      //   },
+                      // ),
+                      if (Ability().enableGallery || (Ability().isUserLogon() && Ability().enableDigitalHuman))
+                        Divider(
+                          color: customColors.weakTextColor?.withAlpha(50),
+                          height: 10,
+                          indent: 10,
+                          endIndent: 10,
+                        ),
+                      BlocBuilder<ChatChatBloc, ChatChatState>(
+                        buildWhen: (previous, current) => current is ChatChatRecentHistoriesLoaded,
+                        builder: (_, state) {
+                          if (state is ChatChatRecentHistoriesLoaded) {
+                            // Group histories by time
+                            final now = DateTime.now();
+                            final groups = <String, List<ChatHistory>>{};
+
+                            for (var history in state.histories) {
+                              final created = DateTime.fromMillisecondsSinceEpoch(
+                                  (history.createdAt ?? DateTime.now()).millisecondsSinceEpoch);
+                              final difference = now.difference(created);
+
+                              String groupKey;
+                              if (difference.inDays < 4) {
+                                groupKey = AppLocale.recently.getString(context);
+                              } else if (difference.inDays < 7) {
+                                groupKey = '4 ${AppLocale.daysAgo.getString(context)}';
+                              } else if (difference.inDays < 14) {
+                                groupKey = AppLocale.lastWeek.getString(context);
+                              } else if (difference.inDays < 30) {
+                                final weeks = (difference.inDays / 7).floor();
+                                groupKey = '$weeks ${AppLocale.weeksAgo.getString(context)}';
+                              } else if (difference.inDays < 365) {
+                                if (difference.inDays < 60) {
+                                  groupKey = AppLocale.lastMonth.getString(context);
+                                }
+                                final months = (difference.inDays / 30).floor();
+                                groupKey = '$months ${AppLocale.monthsAgo.getString(context)}';
+                              } else if (difference.inDays < 730) {
+                                groupKey = AppLocale.lastYear.getString(context);
+                              } else {
+                                groupKey = AppLocale.longTimeAgo.getString(context);
+                              }
+
+                              groups.putIfAbsent(groupKey, () => []).add(history);
+                            }
+
+                            return Column(
+                              children: [
+                                ListView.builder(
+                                  shrinkWrap: true,
+                                  padding: const EdgeInsets.all(0),
+                                  physics: const NeverScrollableScrollPhysics(),
+                                  itemCount:
+                                      groups.entries.fold(0, (sum, entry) => (sum ?? 0) + entry.value.length + 1),
+                                  itemBuilder: (context, index) {
+                                    int itemCount = 0;
+                                    for (var entry in groups.entries) {
+                                      if (index == itemCount) {
+                                        return Row(
+                                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                                          children: [
+                                            Container(
+                                              padding: const EdgeInsets.only(left: 16, top: 8, bottom: 8),
+                                              child: Text(
+                                                entry.key,
+                                                style: TextStyle(
+                                                  color: Theme.of(context).colorScheme.secondary,
+                                                  fontSize: 12,
+                                                ),
+                                              ),
+                                            ),
+                                            const SizedBox(),
+                                            if (index == 0)
+                                              IconButton(
+                                                onPressed: () {
+                                                  context.push('/chat-chat/history').whenComplete(() {
+                                                    if (context.mounted) {
+                                                      context.read<ChatChatBloc>().add(ChatChatLoadRecentHistories());
+                                                    }
+                                                  });
+                                                },
+                                                icon: Icon(
+                                                  Icons.filter_list,
+                                                  color: Theme.of(context).colorScheme.secondary,
+                                                  size: 16,
+                                                ),
+                                              ),
+                                          ],
+                                        );
+                                      }
+
+                                      itemCount += 1;
+
+                                      if (index < itemCount + entry.value.length) {
+                                        final item = entry.value[index - itemCount];
+                                        return ListTile(
+                                          contentPadding: const EdgeInsets.only(left: 30),
+                                          title: Text(
+                                            item.title ?? 'Unknown',
+                                            maxLines: 1,
+                                            overflow: TextOverflow.ellipsis,
+                                          ),
+                                          onTap: () {
+                                            context.push(
+                                                '/chat-anywhere?chat_id=${item.id}&model=${item.model}&title=${item.title}');
+                                          },
+                                        );
+                                      }
+
+                                      itemCount += entry.value.length;
+                                    }
+
+                                    return const SizedBox();
+                                  },
+                                ),
+                              ],
+                            );
+                          }
+
+                          return SocialIconGroup(
+                            isSettingTiles: true,
                           );
                         },
-                        child: Image.asset('assets/xiaohongshu.png', width: 25),
                       ),
                     ],
                   ),
-                  const SizedBox(height: 15),
-                ],
+                ),
+              ),
+              Container(
+                height: 100,
+                padding: const EdgeInsets.only(left: 20, right: 20),
+                child: buildAccountCard(context),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Widget buildAccountCard(BuildContext context) {
+    return Stack(
+      children: [
+        Positioned(
+          right: 0,
+          top: 6,
+          child: IconButton(
+            onPressed: () {
+              context.push('/setting');
+            },
+            icon: const Icon(Icons.more_horiz),
+            tooltip: AppLocale.settings.getString(context),
+          ),
+        ),
+        Container(
+          margin: const EdgeInsets.only(top: 15),
+          child: BlocBuilder<AccountBloc, AccountState>(
+            builder: (_, state) {
+              UserInfo? userInfo;
+              if (state is AccountLoaded) {
+                userInfo = state.user;
+              }
+
+              return AccountQuotaCard(
+                userInfo: userInfo,
+                noBorder: true,
+                onPaymentReturn: () {
+                  if (userInfo != null) {
+                    context.read<AccountBloc>().add(AccountLoadEvent(cache: false));
+                  }
+                },
+              );
+            },
+          ),
+        ),
+      ],
+    );
+  }
+
+  Widget buildSocialMedia(BuildContext context, CustomColors customColors) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Row(
+          children: [
+            Text(
+              "${AppLocale.socialMedia.getString(context)} ",
+              style: TextStyle(
+                color: customColors.weakTextColor,
+                fontSize: 16,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            Transform.rotate(
+              angle: 90 * 3.1415926535897932 / 180,
+              child: Icon(
+                Icons.turn_right,
+                color: customColors.weakTextColor,
+                size: 16,
               ),
             ),
           ],
         ),
-      ),
+        const SizedBox(height: 10),
+        Row(
+          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+          children: [
+            GestureDetector(
+              onTap: () {
+                launchUrlString(
+                  'https://ai.aicode.cc/social/home',
+                  mode: LaunchMode.externalApplication,
+                );
+              },
+              child: Image.asset('assets/app-256-transparent.png', width: 25),
+            ),
+            GestureDetector(
+              onTap: () {
+                launchUrlString(
+                  'https://weibo.com/code404',
+                  mode: LaunchMode.externalApplication,
+                );
+              },
+              child: Image.asset('assets/weibo.png', width: 25),
+            ),
+            GestureDetector(
+              onTap: () {
+                launchUrlString(
+                  'https://ai.aicode.cc/social/github',
+                  mode: LaunchMode.externalApplication,
+                );
+              },
+              child: Image.asset('assets/github.png', width: 25),
+            ),
+            GestureDetector(
+              onTap: () {
+                launchUrlString(
+                  'https://ai.aicode.cc/social/wechat-platform',
+                  mode: LaunchMode.externalApplication,
+                );
+              },
+              child: Image.asset('assets/wechat.png', width: 25),
+            ),
+            GestureDetector(
+              onTap: () {
+                launchUrlString(
+                  'https://ai.aicode.cc/social/x',
+                  mode: LaunchMode.externalApplication,
+                );
+              },
+              child: Image.asset('assets/x.png', width: 25),
+            ),
+            GestureDetector(
+              onTap: () {
+                launchUrlString(
+                  'https://ai.aicode.cc/social/xiaohongshu',
+                  mode: LaunchMode.externalApplication,
+                );
+              },
+              child: Image.asset('assets/xiaohongshu.png', width: 25),
+            ),
+          ],
+        ),
+        const SizedBox(height: 15),
+      ],
     );
   }
 }
diff --git a/lib/page/home.dart b/lib/page/home.dart
index 348cddde..43a3fba4 100644
--- a/lib/page/home.dart
+++ b/lib/page/home.dart
@@ -11,9 +11,10 @@ import 'package:askaide/helper/upload.dart';
 import 'package:askaide/lang/lang.dart';
 import 'package:askaide/page/chat/component/model_switcher.dart';
 import 'package:askaide/page/chat/component/stop_button.dart';
-import 'package:askaide/page/chat/room_chat.dart';
+import 'package:askaide/page/chat/character_chat.dart';
 import 'package:askaide/page/component/audio_player.dart';
 import 'package:askaide/page/component/chat/chat_input.dart';
+import 'package:askaide/page/component/chat/chat_input_button.dart';
 import 'package:askaide/page/component/chat/chat_preview.dart';
 import 'package:askaide/page/component/chat/empty.dart';
 import 'package:askaide/page/component/chat/file_upload.dart';
@@ -64,8 +65,7 @@ class _NewHomePageState extends State<NewHomePage> {
   // 输入框是否可编辑
   final ValueNotifier<bool> enableInput = ValueNotifier(true);
   // 音频播放器控制器
-  final AudioPlayerController audioPlayerController =
-      AudioPlayerController(useRemoteAPI: true);
+  final AudioPlayerController audioPlayerController = AudioPlayerController(useRemoteAPI: true);
 
   // 聊天室 ID，当没有值时，会在第一个聊天消息发送后自动设置新值
   int? chatId;
@@ -86,6 +86,12 @@ class _NewHomePageState extends State<NewHomePage> {
   // 当前聊天所使用的模型（v2）
   HomeModelV2? currentModelV2;
 
+  /// 是否启用搜索
+  bool enableSearch = false;
+
+  /// 是否启用推理
+  bool enableReasoning = false;
+
   @override
   void initState() {
     super.initState();
@@ -113,15 +119,13 @@ class _NewHomePageState extends State<NewHomePage> {
           ));
 
       // 查询最近聊天记录
-      context
-          .read<ChatMessageBloc>()
-          .add(ChatMessageGetRecentEvent(chatHistoryId: chatId));
+      context.read<ChatMessageBloc>().add(ChatMessageGetRecentEvent(chatHistoryId: chatId));
     }
   }
 
   /// 加载模型列表，用于查询模型名称
   Future<void> reloadModels({bool cache = true}) async {
-    var value = await ModelAggregate.models(cache: cache, withCustom: true);
+    var value = await ModelAggregate.models(cache: cache);
     setState(() {
       supportModels = value;
     });
@@ -137,8 +141,8 @@ class _NewHomePageState extends State<NewHomePage> {
 
     if (selectedModel == null && supportModels.isNotEmpty) {
       setState(() {
-        selectedModel = supportModels.where((e) => e.isDefault).firstOrNull;
-        selectedModel ??= supportModels.firstOrNull;
+        selectedModel = supportModels.where((e) => e.isDefault && !e.userNoPermission).firstOrNull;
+        selectedModel ??= supportModels.where((e) => !e.userNoPermission).firstOrNull;
       });
     }
 
@@ -226,10 +230,6 @@ class _NewHomePageState extends State<NewHomePage> {
     final customColors = Theme.of(context).extension<CustomColors>()!;
     return CustomScaffold(
       settings: widget.settings,
-      // appBarBackground: Image.asset(
-      //   customColors.appBarBackgroundImage!,
-      //   fit: BoxFit.cover,
-      // ),
       showBackAppBar: chatPreviewController.selectMode,
       backAppBar: AppBar(
         title: Text(
@@ -284,9 +284,7 @@ class _NewHomePageState extends State<NewHomePage> {
                 children: [
                   Flexible(
                     child: AutoSizeText(
-                      selectedModel != null
-                          ? selectedModel!.name
-                          : AppLocale.selectModel.getString(context),
+                      selectedModel != null ? selectedModel!.name : AppLocale.selectModel.getString(context),
                       maxFontSize: 15,
                       minFontSize: 12,
                       maxLines: 1,
@@ -376,7 +374,7 @@ class _NewHomePageState extends State<NewHomePage> {
             children: [
               BlocConsumer<ChatMessageBloc, ChatMessageState>(
                 listener: (context, state) {
-                  if (state is ChatAnywhereInited) {
+                  if (state is ChatHistoryInited) {
                     updateCurrentChat(state.chatId);
                   }
 
@@ -434,9 +432,7 @@ class _NewHomePageState extends State<NewHomePage> {
                       label: AppLocale.stopOutput.getString(context),
                       onPressed: () {
                         HapticFeedbackHelper.mediumImpact();
-                        context
-                            .read<ChatMessageBloc>()
-                            .add(ChatMessageStopEvent());
+                        context.read<ChatMessageBloc>().add(ChatMessageStopEvent());
                       },
                     ),
                   ),
@@ -459,20 +455,25 @@ class _NewHomePageState extends State<NewHomePage> {
               buildWhen: (previous, current) => current is ChatMessagesLoaded,
               builder: (context, state) {
                 var enableImageUpload = false;
+                var showReasoning = false;
+                var showSearch = false;
                 if (state is ChatMessagesLoaded) {
                   if (currentModelV2 != null) {
                     enableImageUpload = currentModelV2?.supportVision ?? false;
+                    showReasoning = currentModelV2?.supportReasoning ?? false;
+                    showSearch = currentModelV2?.supportSearch ?? false;
                   } else {
                     var model = state.chatHistory?.model ?? room.room.model;
-                    final cur =
-                        supportModels.where((e) => e.id == model).firstOrNull;
+                    final cur = supportModels.where((e) => e.id == model).firstOrNull;
                     enableImageUpload = cur?.supportVision ?? false;
+                    showReasoning = cur?.supportReasoning ?? false;
+                    showSearch = cur?.supportSearch ?? false;
                   }
                 }
 
-                enableImageUpload = selectedModel == null
-                    ? enableImageUpload
-                    : (selectedModel?.supportVision ?? false);
+                enableImageUpload = selectedModel == null ? enableImageUpload : (selectedModel?.supportVision ?? false);
+                showReasoning = selectedModel == null ? showReasoning : (selectedModel?.supportReasoning ?? false);
+                showSearch = selectedModel == null ? showSearch : (selectedModel?.supportSearch ?? false);
 
                 return ChatInput(
                   enableNotifier: enableInput,
@@ -486,8 +487,7 @@ class _NewHomePageState extends State<NewHomePage> {
                       selectedImageFiles = files;
                     });
                   },
-                  selectedImageFiles:
-                      enableImageUpload ? selectedImageFiles : [],
+                  selectedImageFiles: enableImageUpload ? selectedImageFiles : [],
                   hintText: AppLocale.askMeAnyQuestion.getString(context),
                   onVoiceRecordTappedEvent: () {
                     audioPlayerController.stop();
@@ -495,14 +495,39 @@ class _NewHomePageState extends State<NewHomePage> {
                   onStopGenerate: () {
                     context.read<ChatMessageBloc>().add(ChatMessageStopEvent());
                   },
+                  toolsBuilder: () {
+                    return [
+                      if (showSearch)
+                        ChatInputButton(
+                          text: AppLocale.search.getString(context),
+                          icon: Icons.language_outlined,
+                          onPressed: () {
+                            setState(() {
+                              enableSearch = !enableSearch;
+                            });
+                          },
+                          isActive: enableSearch,
+                        ),
+                      if (showReasoning)
+                        ChatInputButton(
+                          text: AppLocale.reasoning.getString(context),
+                          icon: Icons.tips_and_updates_outlined,
+                          onPressed: () {
+                            setState(() {
+                              enableReasoning = !enableReasoning;
+                            });
+                          },
+                          isActive: enableReasoning,
+                        ),
+                    ];
+                  },
                 );
               },
             ),
           ),
 
         // 选择模式工具栏
-        if (chatPreviewController.selectMode)
-          SelectModeToolbar(chatPreviewController: chatPreviewController),
+        if (chatPreviewController.selectMode) SelectModeToolbar(chatPreviewController: chatPreviewController),
       ],
     );
   }
@@ -522,6 +547,7 @@ class _NewHomePageState extends State<NewHomePage> {
       return EmptyPreview(
         examples: examples,
         onSubmit: handleSubmit,
+        cardMode: true,
       );
     }
 
@@ -535,15 +561,12 @@ class _NewHomePageState extends State<NewHomePage> {
       }
 
       if (e.avatarUrl == null || e.senderName == null) {
-        if (loadedState.chatHistory != null &&
-            loadedState.chatHistory!.model != null) {
+        if (loadedState.chatHistory != null && loadedState.chatHistory!.model != null) {
           if (currentModelV2 != null) {
             e.senderName = currentModelV2!.name;
             e.avatarUrl = currentModelV2!.avatarUrl;
           } else {
-            final mod = supportModels
-                .where((e) => e.id == loadedState.chatHistory!.model!)
-                .firstOrNull;
+            final mod = supportModels.where((e) => e.id == loadedState.chatHistory!.model!).firstOrNull;
             if (mod != null) {
               e.senderName = mod.shortName;
               e.avatarUrl = mod.avatarUrl;
@@ -552,9 +575,7 @@ class _NewHomePageState extends State<NewHomePage> {
         }
       }
 
-      final stateMessage =
-          room.states[widget.stateManager.getKey(e.roomId ?? 0, e.id ?? 0)] ??
-              MessageState();
+      final stateMessage = room.states[widget.stateManager.getKey(e.roomId ?? 0, e.id ?? 0)] ?? MessageState();
       return MessageWithState(e, stateMessage);
     }).toList();
 
@@ -593,13 +614,10 @@ class _NewHomePageState extends State<NewHomePage> {
       onDeleteMessage: (id) {
         handleDeleteMessage(context, id, chatHistoryId: chatId);
       },
-      onResetContext: () => handleResetContext(context),
       onResentEvent: (message, index) {
-        scrollController.animateTo(0,
-            duration: const Duration(milliseconds: 500), curve: Curves.easeOut);
+        scrollController.animateTo(0, duration: const Duration(milliseconds: 500), curve: Curves.easeOut);
 
-        handleSubmit(message.text,
-            messagetType: message.type, index: index, isResent: true);
+        handleSubmit(message.text, messagetType: message.type, index: index, isResent: true);
       },
       onSpeakEvent: (message) {
         audioPlayerController.playAudio(message.text);
@@ -677,19 +695,19 @@ class _NewHomePageState extends State<NewHomePage> {
               model: selectedModel?.id,
               type: messagetType,
               chatHistoryId: chatId,
-              images: selectedImageFiles
-                  .where((e) => e.uploaded)
-                  .map((e) => e.url!)
-                  .toList(),
+              images: selectedImageFiles.where((e) => e.uploaded).map((e) => e.url!).toList(),
+              flags: [
+                if (enableSearch) 'search',
+                if (enableReasoning) 'reasoning',
+              ],
             ),
+            tempModel: selectedModel?.id,
             index: index,
             isResent: isResent,
           ),
         );
 
     // ignore: use_build_context_synchronously
-    context
-        .read<RoomBloc>()
-        .add(RoomLoadEvent(chatAnywhereRoomId, cascading: false));
+    context.read<RoomBloc>().add(RoomLoadEvent(chatAnywhereRoomId, cascading: false));
   }
 }
diff --git a/lib/page/lab/creative_models.dart b/lib/page/lab/creative_models.dart
index 34b8fff2..91675c6c 100644
--- a/lib/page/lab/creative_models.dart
+++ b/lib/page/lab/creative_models.dart
@@ -68,6 +68,7 @@ class _CreativeModelScreenState extends State<CreativeModelScreen> {
       backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
         enabled: false,
         child: Column(
           children: [
diff --git a/lib/page/setting/account_security.dart b/lib/page/setting/account_security.dart
index 1f202dfa..65e5c633 100644
--- a/lib/page/setting/account_security.dart
+++ b/lib/page/setting/account_security.dart
@@ -82,33 +82,35 @@ class _AccountSecurityScreenState extends State<AccountSecurityScreen> {
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
 
-    return BackgroundContainer(
-      setting: widget.settings,
-      child: Scaffold(
-        appBar: AppBar(
-          toolbarHeight: CustomSize.toolbarHeight,
-          title: Text(
-            AppLocale.accountSettings.getString(context),
-            style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
-          ),
-          centerTitle: true,
-          actions: [
-            EnhancedPopupMenu(
-              items: [
-                EnhancedPopupMenuItem(
-                  title: AppLocale.deleteAccount.getString(context),
-                  icon: Icons.delete_forever,
-                  iconColor: Colors.red,
-                  onTap: (ctx) {
-                    context.push('/user/destroy');
-                  },
-                ),
-              ],
-            )
-          ],
+    return Scaffold(
+      appBar: AppBar(
+        toolbarHeight: CustomSize.toolbarHeight,
+        title: Text(
+          AppLocale.accountSettings.getString(context),
+          style: const TextStyle(fontSize: CustomSize.appBarTitleSize),
         ),
+        centerTitle: true,
+        actions: [
+          EnhancedPopupMenu(
+            items: [
+              EnhancedPopupMenuItem(
+                title: AppLocale.deleteAccount.getString(context),
+                icon: Icons.delete_forever,
+                iconColor: Colors.red,
+                onTap: (ctx) {
+                  context.push('/user/destroy');
+                },
+              ),
+            ],
+          )
+        ],
+      ),
+      backgroundColor: customColors.backgroundColor,
+      body: BackgroundContainer(
+        setting: widget.settings,
         backgroundColor: customColors.backgroundColor,
-        body: SafeArea(
+        enabled: false,
+        child: SafeArea(
           child: BlocConsumer<AccountBloc, AccountState>(
             listenWhen: (previous, current) => current is AccountLoaded,
             listener: (context, state) {
@@ -291,14 +293,14 @@ Widget buildSettingsList(
       },
       child: SettingsList(
         platform: DevicePlatform.iOS,
-        lightTheme: const SettingsThemeData(
+        lightTheme: SettingsThemeData(
           settingsListBackground: Colors.transparent,
-          settingsSectionBackground: Color.fromARGB(255, 255, 255, 255),
+          settingsSectionBackground: customColors.settingsSectionBackground,
         ),
-        darkTheme: const SettingsThemeData(
+        darkTheme: SettingsThemeData(
           settingsListBackground: Colors.transparent,
-          settingsSectionBackground: Color.fromARGB(255, 44, 44, 46),
-          titleTextColor: Color.fromARGB(255, 239, 239, 239),
+          settingsSectionBackground: customColors.settingsSectionBackground,
+          titleTextColor: const Color.fromARGB(255, 239, 239, 239),
         ),
         sections: sections,
         contentPadding: const EdgeInsets.all(0),
diff --git a/lib/page/setting/article.dart b/lib/page/setting/article.dart
index ba386e42..330869ac 100644
--- a/lib/page/setting/article.dart
+++ b/lib/page/setting/article.dart
@@ -68,6 +68,7 @@ class _ArticleScreenState extends State<ArticleScreen> {
       body: BackgroundContainer(
         setting: widget.settings,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: SafeArea(
           top: false,
           child: Container(
diff --git a/lib/page/setting/bind_phone_page.dart b/lib/page/setting/bind_phone_page.dart
index cbd52bd1..2071610a 100644
--- a/lib/page/setting/bind_phone_page.dart
+++ b/lib/page/setting/bind_phone_page.dart
@@ -104,6 +104,7 @@ class _BindPhoneScreenState extends State<BindPhoneScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: BlocBuilder<AccountBloc, AccountState>(
           buildWhen: (previous, current) => current is AccountLoaded,
           builder: (context, state) {
diff --git a/lib/page/setting/change_password.dart b/lib/page/setting/change_password.dart
index 0092b13c..ce34427f 100644
--- a/lib/page/setting/change_password.dart
+++ b/lib/page/setting/change_password.dart
@@ -53,6 +53,7 @@ class _ChangePasswordScreenState extends State<ChangePasswordScreen> {
       backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
         enabled: false,
         child: Container(
           padding: const EdgeInsets.all(10),
@@ -145,7 +146,7 @@ class _ChangePasswordScreenState extends State<ChangePasswordScreen> {
       verifyCode: verificationCode,
     )
         .then((value) {
-      showSuccessMessage('密码修改成功');
+      showSuccessMessage(AppLocale.operateSuccess.getString(context));
       if (context.canPop()) {
         context.pop();
       }
diff --git a/lib/page/setting/destroy_account.dart b/lib/page/setting/destroy_account.dart
index 3da5deec..1b8455da 100644
--- a/lib/page/setting/destroy_account.dart
+++ b/lib/page/setting/destroy_account.dart
@@ -27,8 +27,7 @@ class DestroyAccountScreen extends StatefulWidget {
 
 class _DestroyAccountScreenState extends State<DestroyAccountScreen> {
   final TextEditingController _passwordController = TextEditingController();
-  final TextEditingController _verificationCodeController =
-      TextEditingController();
+  final TextEditingController _verificationCodeController = TextEditingController();
 
   String verifyCodeId = '';
 
@@ -56,6 +55,7 @@ class _DestroyAccountScreenState extends State<DestroyAccountScreen> {
       body: BackgroundContainer(
         setting: widget.setting,
         enabled: false,
+        backgroundColor: customColors.backgroundColor,
         child: Container(
           padding: const EdgeInsets.all(10),
           child: Column(
@@ -67,8 +67,7 @@ class _DestroyAccountScreenState extends State<DestroyAccountScreen> {
               ),
               const SizedBox(height: 15),
               ColumnBlock(
-                padding: const EdgeInsets.only(
-                    top: 20, left: 10, right: 10, bottom: 20),
+                padding: const EdgeInsets.only(top: 20, left: 10, right: 10, bottom: 20),
                 children: [
                   VerifyCodeInput(
                     inColumnBlock: false,
@@ -89,8 +88,7 @@ class _DestroyAccountScreenState extends State<DestroyAccountScreen> {
               Container(
                 height: 45,
                 width: double.infinity,
-                decoration: BoxDecoration(
-                    color: Colors.red, borderRadius: CustomSize.borderRadius),
+                decoration: BoxDecoration(color: Colors.red, borderRadius: CustomSize.borderRadius),
                 child: TextButton(
                   onPressed: onDestroySubmit,
                   child: Text(
diff --git a/lib/page/setting/diagnosis.dart b/lib/page/setting/diagnosis.dart
index 7eeb109f..32fc28be 100644
--- a/lib/page/setting/diagnosis.dart
+++ b/lib/page/setting/diagnosis.dart
@@ -67,91 +67,94 @@ class _DiagnosisScreenState extends State<DiagnosisScreen> {
   @override
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
-    return BackgroundContainer(
-      setting: widget.setting,
-      child: Scaffold(
-        appBar: AppBar(
-          toolbarHeight: CustomSize.toolbarHeight,
-          title: Text(
-            AppLocale.errorLog.getString(context),
-            style: const TextStyle(
-              fontSize: CustomSize.appBarTitleSize,
-            ),
+    return Scaffold(
+      backgroundColor: customColors.backgroundColor,
+      appBar: AppBar(
+        toolbarHeight: CustomSize.toolbarHeight,
+        title: Text(
+          AppLocale.errorLog.getString(context),
+          style: const TextStyle(
+            fontSize: CustomSize.appBarTitleSize,
           ),
-          centerTitle: true,
-          actions: [
-            TextButton(
-              onPressed: () {
-                openConfirmDialog(
-                  context,
-                  'This action will erase all settings and data, do you want to proceed?',
-                  () async {
-                    final databasePath = (await databaseFactory.getDatabasesPath()).replaceAll('\\', '/');
+        ),
+        centerTitle: true,
+        actions: [
+          TextButton(
+            onPressed: () {
+              openConfirmDialog(
+                context,
+                'This action will erase all settings and data, do you want to proceed?',
+                () async {
+                  final databasePath = (await databaseFactory.getDatabasesPath()).replaceAll('\\', '/');
 
-                    Logger.instance.d('databasePath: $databasePath');
+                  Logger.instance.d('databasePath: $databasePath');
 
-                    try {
-                      // 删除数据库目录
-                      await Directory(databasePath).delete(
-                        recursive: true,
-                      );
+                  try {
+                    // 删除数据库目录
+                    await Directory(databasePath).delete(
+                      recursive: true,
+                    );
 
-                      showSuccessMessage(
-                        // ignore: use_build_context_synchronously
-                        AppLocale.operateSuccess.getString(context),
-                      );
+                    showSuccessMessage(
+                      // ignore: use_build_context_synchronously
+                      AppLocale.operateSuccess.getString(context),
+                    );
 
-                      SystemChannels.platform.invokeMethod('SystemNavigator.pop');
-                    } catch (e) {
-                      Logger.instance.e(e);
-                      showBeautyDialog(
-                        // ignore: use_build_context_synchronously
-                        context,
-                        type: QuickAlertType.error,
-                        text:
-                            'Data file deletion failed. Please close the application first, manually delete the directory $databasePath, and then restart the application.',
-                      );
-                    }
-                  },
-                  danger: true,
-                );
+                    SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+                  } catch (e) {
+                    Logger.instance.e(e);
+                    showBeautyDialog(
+                      // ignore: use_build_context_synchronously
+                      context,
+                      type: QuickAlertType.error,
+                      text:
+                          'Data file deletion failed. Please close the application first, manually delete the directory $databasePath, and then restart the application.',
+                    );
+                  }
+                },
+                danger: true,
+              );
+            },
+            child: Text(
+              '重置系统',
+              style: TextStyle(
+                color: isUploaded ? customColors.weakTextColor?.withAlpha(100) : customColors.weakLinkColor,
+                fontSize: 12,
+              ),
+            ),
+          ),
+          if (diagnosisInfo.isNotEmpty)
+            TextButton(
+              onPressed: () {
+                if (isUploaded) {
+                  showSuccessMessage('已上报');
+                  return;
+                }
+
+                APIServer().diagnosisUpload(data: diagnosisInfo).then((value) {
+                  showSuccessMessage('上报成功');
+                  setState(() {
+                    isUploaded = true;
+                  });
+                }).onError((error, stackTrace) {
+                  showErrorMessageEnhanced(context, error!);
+                });
               },
               child: Text(
-                '重置系统',
+                AppLocale.report.getString(context),
                 style: TextStyle(
                   color: isUploaded ? customColors.weakTextColor?.withAlpha(100) : customColors.weakLinkColor,
                   fontSize: 12,
                 ),
               ),
             ),
-            if (diagnosisInfo.isNotEmpty)
-              TextButton(
-                onPressed: () {
-                  if (isUploaded) {
-                    showSuccessMessage('已上报');
-                    return;
-                  }
-
-                  APIServer().diagnosisUpload(data: diagnosisInfo).then((value) {
-                    showSuccessMessage('上报成功');
-                    setState(() {
-                      isUploaded = true;
-                    });
-                  }).onError((error, stackTrace) {
-                    showErrorMessageEnhanced(context, error!);
-                  });
-                },
-                child: Text(
-                  AppLocale.report.getString(context),
-                  style: TextStyle(
-                    color: isUploaded ? customColors.weakTextColor?.withAlpha(100) : customColors.weakLinkColor,
-                    fontSize: 12,
-                  ),
-                ),
-              ),
-          ],
-        ),
-        body: Container(
+        ],
+      ),
+      body: BackgroundContainer(
+        setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
+        enabled: false,
+        child: Container(
           padding: const EdgeInsets.all(10),
           child: SingleChildScrollView(
             controller: _controller,
diff --git a/lib/page/setting/notification.dart b/lib/page/setting/notification.dart
index 3bd45e78..2339370b 100644
--- a/lib/page/setting/notification.dart
+++ b/lib/page/setting/notification.dart
@@ -47,6 +47,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
       backgroundColor: customColors.backgroundColor,
       body: BackgroundContainer(
         setting: widget.setting,
+        backgroundColor: customColors.backgroundColor,
         enabled: false,
         child: SafeArea(
           top: false,
@@ -75,7 +76,7 @@ class _NotificationScreenState extends State<NotificationScreen> {
                   String msg = '';
                   switch (status) {
                     case IndicatorStatus.noMoreLoad:
-                      msg = '~ No more left ~';
+                      msg = '';
                       break;
                     case IndicatorStatus.loadingMoreBusying:
                       msg = 'Loading...';
@@ -148,7 +149,7 @@ class NotifyMessageItem extends StatelessWidget {
           ],
         ),
         child: Material(
-          color: customColors.backgroundContainerColor,
+          color: customColors.listTileBackgroundColor,
           borderRadius: CustomSize.borderRadius,
           child: InkWell(
             child: ListTile(
diff --git a/lib/page/setting/retrieve_password_screen.dart b/lib/page/setting/retrieve_password_screen.dart
index a3aa562d..d9f627c2 100644
--- a/lib/page/setting/retrieve_password_screen.dart
+++ b/lib/page/setting/retrieve_password_screen.dart
@@ -85,7 +85,6 @@ class _RetrievePasswordScreenState extends State<RetrievePasswordScreen> {
                   focusedBorder: OutlineInputBorder(
                     borderSide: BorderSide(color: customColors.linkColor!),
                   ),
-                  floatingLabelStyle: TextStyle(color: customColors.linkColor!),
                   isDense: true,
                   floatingLabelBehavior: FloatingLabelBehavior.always,
                   labelText: AppLocale.account.getString(context),
diff --git a/lib/page/setting/setting_screen.dart b/lib/page/setting/setting_screen.dart
index 0697b80a..309f120c 100644
--- a/lib/page/setting/setting_screen.dart
+++ b/lib/page/setting/setting_screen.dart
@@ -56,43 +56,45 @@ class _SettingScreenState extends State<SettingScreen> {
   Widget build(BuildContext context) {
     final customColors = Theme.of(context).extension<CustomColors>()!;
 
-    return BackgroundContainer(
-      setting: widget.settings,
-      child: Scaffold(
-        backgroundColor: customColors.backgroundColor,
-        body: SliverComponent(
-          title: Text(
-            AppLocale.settings.getString(context),
-            style: TextStyle(
-              fontSize: CustomSize.appBarTitleSize,
-              color: customColors.backgroundInvertedColor,
-            ),
+    return Scaffold(
+      backgroundColor: customColors.backgroundColor,
+      body: SliverComponent(
+        title: Text(
+          AppLocale.settings.getString(context),
+          style: TextStyle(
+            fontSize: CustomSize.appBarTitleSize,
+            color: customColors.backgroundInvertedColor,
           ),
-          actions: [
-            BlocBuilder<AccountBloc, AccountState>(
-              buildWhen: (previous, current) => current is AccountLoaded,
-              builder: (context, state) {
-                if (userHasLabPermission(state)) {
-                  return IconButton(
-                    onPressed: () {
-                      context.push('/admin/dashboard');
-                    },
-                    icon: const Icon(Icons.developer_board_outlined),
-                    tooltip: 'Admin Dashboard',
-                  );
-                }
-
-                return const SizedBox();
-              },
-            ),
-            IconButton(
-              onPressed: () {
-                context.push('/notifications');
-              },
-              icon: const Icon(Icons.notifications_outlined),
-              tooltip: 'Notifications',
-            ),
-          ],
+        ),
+        actions: [
+          BlocBuilder<AccountBloc, AccountState>(
+            buildWhen: (previous, current) => current is AccountLoaded,
+            builder: (context, state) {
+              if (userHasLabPermission(state)) {
+                return IconButton(
+                  onPressed: () {
+                    context.push('/admin/dashboard');
+                  },
+                  icon: const Icon(Icons.developer_board_outlined),
+                  tooltip: 'Admin Dashboard',
+                );
+              }
+
+              return const SizedBox();
+            },
+          ),
+          IconButton(
+            onPressed: () {
+              context.push('/notifications');
+            },
+            icon: const Icon(Icons.notifications_outlined),
+            tooltip: 'Notifications',
+          ),
+        ],
+        child: BackgroundContainer(
+          setting: widget.settings,
+          enabled: false,
+          backgroundColor: customColors.backgroundColor,
           child: BlocBuilder<AccountBloc, AccountState>(
             builder: (_, state) {
               return buildSettingsList(
@@ -119,7 +121,7 @@ class _SettingScreenState extends State<SettingScreen> {
                       // 语言设置
                       _buildCommonLanguageSetting(),
                       // OpenAI 自定义配置
-                      if (Ability().enableOpenAI) _buildOpenAISelfHostedSetting(customColors),
+                      // if (Ability().enableOpenAI) _buildOpenAISelfHostedSetting(customColors),
                       // 用户 API Keys 配置
                       if (state is AccountLoaded && state.user != null && Ability().supportAPIKeys)
                         _buildUserAPIKeySetting(customColors),
@@ -294,19 +296,6 @@ class _SettingScreenState extends State<SettingScreen> {
                     SettingsSection(
                       title: Text(AppLocale.lab.getString(context)),
                       tiles: [
-                        if (userHasLabPermission(state))
-                          SettingsTile(
-                            title: const Text('Draw Board'),
-                            trailing: const Icon(
-                              CupertinoIcons.chevron_forward,
-                              size: 18,
-                              color: Colors.grey,
-                            ),
-                            onPressed: (context) {
-                              context.push('/lab/draw-board');
-                            },
-                          ),
-
                         // 自定义服务器
                         _buildServerSelfHostedSetting(customColors),
                         // 诊断
@@ -482,9 +471,8 @@ class _SettingScreenState extends State<SettingScreen> {
   Future<List<SelectorItem<String>>> _defaultServerList() async {
     return [
       SelectorItem(const Text('官方正式服务器'), apiServerURL),
-      SelectorItem(const Text('官方预发布服务器'), 'https://uat.aicode.cc'),
-      SelectorItem(const Text('官方测试服务器'), 'https://test.chatllm.app'),
       SelectorItem(const Text('本地开发环境'), 'http://localhost:8080'),
+      SelectorItem(const Text('局域网开发环境'), 'http://192.168.31.217:8080'),
     ];
   }
 
@@ -665,7 +653,7 @@ class _SettingScreenState extends State<SettingScreen> {
 
   SettingsTile _buildServerSelfHostedSetting(CustomColors customColors) {
     return SettingsTile(
-      title: const Text('Custom server'),
+      title: const Text('Custom API Server'),
       trailing: const Icon(
         CupertinoIcons.chevron_forward,
         size: 18,
diff --git a/lib/repo/api/admin/models.dart b/lib/repo/api/admin/models.dart
index 258cd1c0..5b0d2733 100644
--- a/lib/repo/api/admin/models.dart
+++ b/lib/repo/api/admin/models.dart
@@ -35,9 +35,7 @@ class AdminModel {
       avatarUrl: json['avatar_url'],
       status: json['status'],
       meta: json['meta'] != null ? AdminModelMeta.fromJson(json['meta']) : null,
-      providers: ((json['providers'] ?? []) as List)
-          .map((e) => AdminModelProvider.fromJson(e))
-          .toList(),
+      providers: ((json['providers'] ?? []) as List).map((e) => AdminModelProvider.fromJson(e)).toList(),
     );
   }
 
@@ -72,6 +70,9 @@ class AdminModelMeta {
   bool? isRecommend;
   String? category;
 
+  bool? search;
+  bool? reasoning;
+
   AdminModelMeta({
     this.vision,
     this.restricted,
@@ -86,6 +87,8 @@ class AdminModelMeta {
     this.isNew,
     this.isRecommend,
     this.category,
+    this.search,
+    this.reasoning,
   });
 
   factory AdminModelMeta.fromJson(Map<String, dynamic> json) {
@@ -103,6 +106,8 @@ class AdminModelMeta {
       isNew: json['is_new'] ?? false,
       isRecommend: json['is_recommend'] ?? false,
       category: json['category'],
+      search: json['search'] ?? false,
+      reasoning: json['reasoning'] ?? false,
     );
   }
 
@@ -121,6 +126,8 @@ class AdminModelMeta {
       'is_new': isNew,
       'is_recommend': isRecommend,
       'category': category,
+      'search': search,
+      'reasoning': reasoning,
     };
   }
 }
diff --git a/lib/repo/api/info.dart b/lib/repo/api/info.dart
index 3a6158da..08aeb967 100644
--- a/lib/repo/api/info.dart
+++ b/lib/repo/api/info.dart
@@ -56,6 +56,12 @@ class Capabilities {
   /// 服务状态页
   final String serviceStatusPage;
 
+  /// 是否支持语音转文字
+  final bool enableVoiceToText;
+
+  /// 是否支持文字转语音
+  final bool enableTextToVoice;
+
   Capabilities({
     required this.applePayEnabled,
     required this.otherPayEnabled,
@@ -75,6 +81,8 @@ class Capabilities {
     this.wechatSigninEnabled = false,
     this.stripeEnabled = false,
     this.wechatPayEnabled = false,
+    this.enableVoiceToText = false,
+    this.enableTextToVoice = false,
   });
 
   factory Capabilities.fromJson(Map<String, dynamic> json) {
@@ -86,9 +94,7 @@ class Capabilities {
       translateEnabled: json['translate_enabled'] ?? false,
       mailEnabled: json['mail_enabled'] ?? false,
       openaiEnabled: json['openai_enabled'] ?? false,
-      homeModels: ((json['home_models_v2'] ?? []) as List<dynamic>)
-          .map((e) => HomeModelV2.fromJson(e))
-          .toList(),
+      homeModels: ((json['home_models_v2'] ?? []) as List<dynamic>).map((e) => HomeModelV2.fromJson(e)).toList(),
       // homeRoute: json['home_route'] ?? '/',
       homeRoute: '/',
       showHomeModelDescription: json['show_home_model_description'] ?? true,
@@ -100,6 +106,8 @@ class Capabilities {
       disableChat: json['disable_chat'] ?? false,
       serviceStatusPage: json['service_status_page'] ?? '',
       wechatPayEnabled: json['wechat_pay_enabled'] ?? false,
+      enableVoiceToText: json['enable_voice_to_text'] ?? false,
+      enableTextToVoice: json['enable_text_to_voice'] ?? false,
     );
   }
 
@@ -123,6 +131,8 @@ class Capabilities {
       'disable_digital_human': disableDigitalHuman,
       'disable_chat': disableChat,
       'service_status_page': serviceStatusPage,
+      'enable_voice_to_text': enableVoiceToText,
+      'enable_text_to_voice': enableTextToVoice,
     };
   }
 }
diff --git a/lib/repo/api/model.dart b/lib/repo/api/model.dart
index 490fec0d..9924e62c 100644
--- a/lib/repo/api/model.dart
+++ b/lib/repo/api/model.dart
@@ -8,6 +8,8 @@ class HomeModelV2 {
   String? modelId;
   String? modelName;
   bool supportVision;
+  bool supportReasoning;
+  bool supportSearch;
 
   HomeModelV2({
     required this.type,
@@ -17,6 +19,8 @@ class HomeModelV2 {
     this.modelId,
     this.modelName,
     this.avatarUrl,
+    this.supportReasoning = false,
+    this.supportSearch = false,
   });
 
   String get uniqueKey {
@@ -31,6 +35,8 @@ class HomeModelV2 {
       modelId: json['model_id'],
       modelName: json['model_name'],
       supportVision: json['support_vision'] ?? false,
+      supportReasoning: json['support_reasoning'] ?? false,
+      supportSearch: json['support_search'] ?? false,
       avatarUrl: json['avatar_url'],
     );
   }
@@ -42,6 +48,8 @@ class HomeModelV2 {
         'model_id': modelId,
         'model_name': modelName,
         'support_vision': supportVision,
+        'support_reasoning': supportReasoning,
+        'support_search': supportSearch,
         'avatar_url': avatarUrl,
       };
 }
diff --git a/lib/repo/api_server.dart b/lib/repo/api_server.dart
index 02842248..767244ff 100644
--- a/lib/repo/api_server.dart
+++ b/lib/repo/api_server.dart
@@ -483,7 +483,7 @@ class APIServer {
   }
 
   /// 获取模型列表
-  Future<List<Model>> models({bool cache = true, bool withCustom = false}) async {
+  Future<List<Model>> models({bool cache = true}) async {
     return sendCachedGetRequest(
       '/v2/models',
       (resp) {
@@ -494,9 +494,6 @@ class APIServer {
 
         return models;
       },
-      queryParameters: {
-        "with-custom": withCustom,
-      },
       subKey: _cacheSubKey(),
       forceRefresh: !cache,
     );
@@ -1134,6 +1131,21 @@ class APIServer {
     );
   }
 
+  /// 获取最近使用过的角色
+  Future<List<RoomInServer>> recentRooms() async {
+    return sendGetRequest(
+      '/v2/rooms/recent',
+      (resp) {
+        var res = <RoomInServer>[];
+        for (var item in resp.data['data']) {
+          res.add(RoomInServer.fromJson(item));
+        }
+
+        return res;
+      },
+    );
+  }
+
   /// 获取单个房间信息
   Future<RoomInServer> room({required roomId, bool cache = true}) async {
     return sendCachedGetRequest(
@@ -1191,8 +1203,8 @@ class APIServer {
   /// 创建房间
   Future<int> createRoom({
     required String name,
-    required String model,
-    required String vendor,
+    String? model,
+    String? vendor,
     String? description,
     String? systemPrompt,
     String? avatarUrl,
@@ -1224,8 +1236,8 @@ class APIServer {
   Future<RoomInServer> updateRoom({
     required int roomId,
     required String name,
-    required String model,
-    required String vendor,
+    String? model,
+    String? vendor,
     String? description,
     String? systemPrompt,
     String? avatarUrl,
@@ -1551,11 +1563,18 @@ class APIServer {
     );
   }
 
-  Future<void> copyRoomGallery({required List<int> ids}) async {
+  Future<List<int>> copyRoomGallery({required List<int> ids}) async {
     return sendPostRequest(
       '/v1/room-galleries/copy',
       formData: {'ids': ids.join(',')},
-      (resp) {},
+      (resp) {
+        var ids = <int>[];
+        for (var item in resp.data['ids']) {
+          ids.add(item);
+        }
+
+        return ids;
+      },
     );
   }
 
diff --git a/lib/repo/chat_message_repo.dart b/lib/repo/chat_message_repo.dart
index 1469eeca..fbf1723c 100644
--- a/lib/repo/chat_message_repo.dart
+++ b/lib/repo/chat_message_repo.dart
@@ -53,14 +53,18 @@ class ChatMessageRepository {
   }
 
   /// 返回 room 中最近的消息
-  Future<List<Message>> getRecentMessages(
-    int roomId, {
+  Future<List<Message>> getRecentMessages({
+    int? roomId,
     int? userId,
     int? chatHistoryId,
   }) async {
+    if (chatHistoryId != null && chatHistoryId > 0) {
+      roomId = null;
+    }
+
     return (await _chatMsgDataProvider.getRecentMessages(
-      roomId,
       chatMessagePerPage,
+      roomId: roomId,
       userId: userId,
       chatHistoryId: chatHistoryId,
     ))
@@ -144,14 +148,12 @@ class ChatMessageRepository {
   }
 
   Future<List<ChatHistory>> recentChatHistories(
-    int roomId,
     int count, {
     String? keyword,
     int? userId,
     int? offset,
   }) async {
     return await _chatHistoryProvider.getChatHistories(
-      roomId,
       count,
       keyword: keyword,
       userId: userId,
diff --git a/lib/repo/data/chat_history.dart b/lib/repo/data/chat_history.dart
index 4bf13221..6d82f892 100644
--- a/lib/repo/data/chat_history.dart
+++ b/lib/repo/data/chat_history.dart
@@ -6,7 +6,6 @@ class ChatHistoryProvider {
   ChatHistoryProvider(this.conn);
 
   Future<List<ChatHistory>> getChatHistories(
-    int roomId,
     int count, {
     int? userId,
     int? offset,
@@ -34,8 +33,7 @@ class ChatHistoryProvider {
     var keywordCondition = keyword != '' ? 'AND id in (${historyIds.join(',')})' : '';
     List<Map<String, Object?>> histories = await conn.query(
       'chat_history',
-      where: 'room_id = ? $userConditon $keywordCondition',
-      whereArgs: [roomId],
+      where: 'room_id IS NOT NULL $userConditon $keywordCondition',
       orderBy: 'updated_at DESC',
       limit: count,
       offset: offset,
diff --git a/lib/repo/data/chat_message_data.dart b/lib/repo/data/chat_message_data.dart
index 91c01b96..b4924e64 100644
--- a/lib/repo/data/chat_message_data.dart
+++ b/lib/repo/data/chat_message_data.dart
@@ -12,10 +12,8 @@ class ChatMessageDataProvider {
   Database conn;
   ChatMessageDataProvider(this.conn);
 
-  Future<List<Message>> getRecentMessages(int roomId, int count,
-      {int? userId, int? chatHistoryId}) async {
-    var userConditon =
-        userId == null ? ' AND user_id IS NULL' : ' AND user_id = $userId';
+  Future<List<Message>> getRecentMessages(int count, {int? userId, int? chatHistoryId, int? roomId}) async {
+    var userConditon = userId == null ? ' AND user_id IS NULL' : ' AND user_id = $userId';
 
     if (chatHistoryId != null) {
       userConditon += ' AND chat_history_id = $chatHistoryId';
@@ -23,8 +21,8 @@ class ChatMessageDataProvider {
 
     List<Map<String, Object?>> messages = await conn.query(
       'chat_message',
-      where: 'room_id = ? $userConditon',
-      whereArgs: [roomId],
+      where: '${roomId == null ? 'room_id IS NOT NULL' : 'room_id = ?'} $userConditon',
+      whereArgs: roomId == null ? [] : [roomId],
       orderBy: 'id DESC',
       limit: count,
     );
@@ -37,8 +35,7 @@ class ChatMessageDataProvider {
     int? userId,
     int? chatHistoryId,
   }) async {
-    var userConditon =
-        userId == null ? ' AND user_id IS NULL' : ' AND user_id = $userId';
+    var userConditon = userId == null ? ' AND user_id IS NULL' : ' AND user_id = $userId';
     if (chatHistoryId != null) {
       userConditon += ' AND chat_history_id = $chatHistoryId';
     }
@@ -121,8 +118,7 @@ class ChatMessageDataProvider {
   }
 
   Future<void> clearMessages(int roomId, {int? userId}) async {
-    final userConditon =
-        userId == null ? ' AND user_id IS NULL' : ' AND user_id = $userId';
+    final userConditon = userId == null ? ' AND user_id IS NULL' : ' AND user_id = $userId';
     return conn.transaction((txn) async {
       await txn.delete(
         'chat_message',
diff --git a/lib/repo/model/message.dart b/lib/repo/model/message.dart
index 1731d4bd..a4c8a420 100644
--- a/lib/repo/model/message.dart
+++ b/lib/repo/model/message.dart
@@ -66,6 +66,8 @@ class Message {
   // Uploaded file by user (json(name, url))
   String? file;
 
+  List<String>? flags;
+
   Message(
     this.role,
     this.text, {
@@ -87,13 +89,38 @@ class Message {
     this.senderName,
     this.images,
     this.file,
+    this.flags,
   });
 
-  /// 获取消息附加信息
+  /// 设置消息附加信息
   void setExtra(dynamic data) {
     extra = jsonEncode(data);
   }
 
+  /// 更新消息附加信息
+  void updateExtra(dynamic data) {
+    // 需要将 data merge 到 extra 中
+    final extraData = decodeExtra();
+    if (extraData != null) {
+      data = <String, dynamic>{...extraData, ...data};
+    }
+
+    extra = jsonEncode(data);
+  }
+
+  // 将值添加到附加信息的某个数组键中
+  void pushExtra(String key, dynamic value) {
+    var extraData = decodeExtra();
+    extraData ??= <String, dynamic>{};
+
+    if (!extraData.containsKey(key)) {
+      extraData[key] = [];
+    }
+
+    extraData[key]!.add(value);
+    extra = jsonEncode(extraData);
+  }
+
   /// 获取消息附加信息
   decodeExtra() {
     if (extra == null) {
@@ -105,9 +132,7 @@ class Message {
 
   /// 是否是系统消息，包括时间线
   bool isSystem() {
-    return type == MessageType.system ||
-        type == MessageType.timeline ||
-        type == MessageType.contextBreak;
+    return type == MessageType.system || type == MessageType.timeline || type == MessageType.contextBreak;
   }
 
   /// 是否是初始消息
@@ -169,6 +194,7 @@ class Message {
       'quota_consumed': quotaConsumed,
       'images': images != null ? jsonEncode(images) : null,
       'file': file,
+      'flags': flags != null ? jsonEncode(flags) : null,
     };
   }
 
@@ -187,15 +213,11 @@ class Message {
         status = (map['status'] ?? 1) as int,
         tokenConsumed = map['token_consumed'] as int?,
         quotaConsumed = map['quota_consumed'] as int?,
-        ts = map['ts'] == null
-            ? null
-            : DateTime.fromMillisecondsSinceEpoch(map['ts'] as int),
+        ts = map['ts'] == null ? null : DateTime.fromMillisecondsSinceEpoch(map['ts'] as int),
         roomId = map['room_id'] as int?,
-        images = map['images'] == null
-            ? null
-            : (jsonDecode(map['images'] as String) as List<dynamic>)
-                .cast<String>(),
-        file = map['file'] as String?;
+        images = map['images'] == null ? null : (jsonDecode(map['images'] as String) as List<dynamic>).cast<String>(),
+        file = map['file'] as String?,
+        flags = map['flags'] == null ? null : (jsonDecode(map['flags'] as String) as List<dynamic>).cast<String>();
 }
 
 enum Role {
diff --git a/lib/repo/model/misc.dart b/lib/repo/model/misc.dart
index 01cad102..79ac071b 100644
--- a/lib/repo/model/misc.dart
+++ b/lib/repo/model/misc.dart
@@ -603,6 +603,8 @@ class Model {
   bool disabled;
   String? avatarUrl;
   bool supportVision;
+  bool supportReasoning;
+  bool supportSearch;
 
   String category;
   String? tag;
@@ -611,6 +613,8 @@ class Model {
   bool isNew;
   bool isDefault;
 
+  bool userNoPermission;
+
   String get realModelId {
     return id.split(':').last;
   }
@@ -628,10 +632,13 @@ class Model {
     this.tag,
     this.avatarUrl,
     this.supportVision = false,
+    this.supportReasoning = false,
+    this.supportSearch = false,
     this.tagBgColor,
     this.tagTextColor,
     this.isNew = false,
     this.isDefault = false,
+    this.userNoPermission = false,
   });
 
   toJson() => {
@@ -647,10 +654,13 @@ class Model {
         'tag': tag,
         'avatar_url': avatarUrl,
         'support_vision': supportVision,
+        'support_reasoning': supportReasoning,
+        'support_search': supportSearch,
         'tag_bg_color': tagBgColor,
         'tag_text_color': tagTextColor,
         'is_new': isNew,
         'is_default': isDefault,
+        'user_no_permission': userNoPermission,
       };
 
   static Model fromJson(Map<String, dynamic> json) {
@@ -667,10 +677,13 @@ class Model {
       tag: json['tag'],
       avatarUrl: json['avatar_url'],
       supportVision: json['support_vision'] ?? false,
+      supportReasoning: json['support_reasoning'] ?? false,
+      supportSearch: json['support_search'] ?? false,
       tagBgColor: json['tag_bg_color'],
       tagTextColor: json['tag_text_color'],
       isNew: json['is_new'] ?? false,
       isDefault: json['is_default'] ?? false,
+      userNoPermission: json['user_no_permission'] ?? false,
     );
   }
 }
diff --git a/lib/repo/model/model.dart b/lib/repo/model/model.dart
index 3b23fdfe..a8c1cc31 100644
--- a/lib/repo/model/model.dart
+++ b/lib/repo/model/model.dart
@@ -11,7 +11,8 @@ class Model {
   bool disabled;
   String? avatarUrl;
   bool supportVision = false;
-
+  bool supportReasoning = false;
+  bool supportSearch = false;
   String? tag;
   String? tagTextColor;
   String? tagBgColor;
@@ -20,7 +21,7 @@ class Model {
   String category;
 
   bool isDefault;
-
+  bool userNoPermission;
   Model(
     this.id,
     this.name,
@@ -34,11 +35,14 @@ class Model {
     this.tag,
     this.avatarUrl,
     this.supportVision = false,
+    this.supportReasoning = false,
+    this.supportSearch = false,
     this.tagTextColor,
     this.tagBgColor,
     this.isNew = false,
     this.isRecommend = false,
     this.isDefault = false,
+    this.userNoPermission = false,
   });
 
   String uid() {
@@ -56,6 +60,8 @@ class Model {
     bool? disabled,
     String? avatarUrl,
     bool? supportVision,
+    bool? supportReasoning,
+    bool? supportSearch,
     String? tag,
     String? tagTextColor,
     String? tagBgColor,
@@ -63,6 +69,7 @@ class Model {
     bool? isRecommend,
     String? category,
     bool? isDefault,
+    bool? userNoPermission,
   }) {
     return Model(
       id ?? this.id,
@@ -75,6 +82,8 @@ class Model {
       disabled: disabled ?? this.disabled,
       avatarUrl: avatarUrl ?? this.avatarUrl,
       supportVision: supportVision ?? this.supportVision,
+      supportReasoning: supportReasoning ?? this.supportReasoning,
+      supportSearch: supportSearch ?? this.supportSearch,
       tag: tag ?? this.tag,
       tagTextColor: tagTextColor ?? this.tagTextColor,
       tagBgColor: tagBgColor ?? this.tagBgColor,
@@ -82,6 +91,7 @@ class Model {
       isRecommend: isRecommend ?? this.isRecommend,
       category: category ?? this.category,
       isDefault: isDefault ?? false,
+      userNoPermission: userNoPermission ?? this.userNoPermission,
     );
   }
 
diff --git a/lib/repo/openai_repo.dart b/lib/repo/openai_repo.dart
index 2ea6762a..bc5f4f4f 100644
--- a/lib/repo/openai_repo.dart
+++ b/lib/repo/openai_repo.dart
@@ -37,8 +37,7 @@ class OpenAIRepository {
   void _reloadServerConfig() {
     // 自己的 OpenAI 服务器
     if (selfHosted) {
-      OpenAI.baseUrl =
-          settings.getDefault(settingOpenAIURL, defaultOpenAIServerURL);
+      OpenAI.baseUrl = settings.getDefault(settingOpenAIURL, defaultOpenAIServerURL);
       OpenAI.organization = settings.get(settingOpenAIOrganization);
       OpenAI.apiKey = settings.getDefault(settingOpenAIAPIToken, '');
       OpenAI.externalHeaders = {};
@@ -64,11 +63,8 @@ class OpenAIRepository {
     int n = 1,
     OpenAIImageSize size = OpenAIImageSize.size1024,
   }) async {
-    var model = await OpenAI.instance.image.create(
-        prompt: prompt,
-        n: n,
-        size: size,
-        responseFormat: OpenAIImageResponseFormat.url);
+    var model = await OpenAI.instance.image
+        .create(prompt: prompt, n: n, size: size, responseFormat: OpenAIImageResponseFormat.url);
     return model.data.map((e) => e.url).toList();
   }
 
@@ -102,7 +98,6 @@ class OpenAIRepository {
       'openai',
       category: modelTypeOpenAI,
       isChatModel: true,
-      description: '3.5 升级版，支持 16K 长文本',
       shortName: 'GPT-3.5 Turbo 16K',
       tag: 'local',
       avatarUrl: 'https://ssl.aicode.cc/ai-server/assets/avatar/gpt35.png',
@@ -113,68 +108,40 @@ class OpenAIRepository {
       'openai',
       category: modelTypeOpenAI,
       isChatModel: true,
-      description: '能力强，更精准',
       shortName: 'GPT-4',
       tag: 'local',
       avatarUrl: 'https://ssl.aicode.cc/ai-server/assets/avatar/gpt4.png',
     ),
-
     'gpt-4-32k': mm.Model(
       'gpt-4-32k',
       'GPT-4 32k',
       'openai',
       category: modelTypeOpenAI,
       isChatModel: true,
-      description: '基于 GPT-4，但是支持4倍的内容长度',
       shortName: 'GPT-4 32K',
       tag: 'local',
       avatarUrl: 'https://ssl.aicode.cc/ai-server/assets/avatar/gpt4.png',
     ),
-
-    // 'gpt-4-0314': Model(
-    //   'gpt-4-0314',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    //   isChatModel: true,
-    // ),
-    // 'gpt-4-32k-0314': Model(
-    //   'gpt-4-32k-0314',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    //   isChatModel: true,
-    // ),
-    //// gpt-3.5-turbo-0301 将在 2023年6月1日停止服务
-    // 'gpt-3.5-turbo-0301': Model(
-    //   'gpt-3.5-turbo-0301',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    //   isChatModel: true,
-    // ),
-    // 'text-davinci-003': Model(
-    //   'text-davinci-003',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    // ),
-    // 'text-davinci-002': Model(
-    //   'text-davinci-002',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    // ),
-    // 'text-curie-001': Model(
-    //   'text-curie-001',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    // ),
-    // 'text-babbage-001': Model(
-    //   'text-babbage-001',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    // ),
-    // 'text-ada-001': Model(
-    //   'text-ada-001',
-    //   'openai',
-    //   category: modelTypeOpenAI,
-    // ),
+    'gpt-4o': mm.Model(
+      'gpt-4o',
+      'GPT-4o',
+      'openai',
+      category: modelTypeOpenAI,
+      isChatModel: true,
+      shortName: 'GPT-4o',
+      tag: 'local',
+      avatarUrl: 'https://ssl.aicode.cc/ai-server/assets/avatar/gpt4.png',
+    ),
+    'gpt-4o-mini': mm.Model(
+      'gpt-4o-mini',
+      'GPT-4o-mini',
+      'openai',
+      category: modelTypeOpenAI,
+      isChatModel: true,
+      shortName: 'GPT-4o-mini',
+      tag: 'local',
+      avatarUrl: 'https://ssl.aicode.cc/ai-server/assets/avatar/gpt4.png',
+    ),
   };
 
   /// 支持的模型
@@ -254,42 +221,32 @@ class OpenAIRepository {
     user = 'user',
     String model = defaultChatModel,
     int? roomId,
+    int? historyId,
     int? maxTokens,
     String? tempModel,
+    List<String>? flags,
   }) async {
     var completer = Completer<void>();
 
     try {
-      bool canUseWebsocket = true;
-      if (Ability().enableLocalOpenAI) {
-        if (supportForChat.containsKey(model) || model.startsWith('openai:')) {
-          canUseWebsocket = false;
-        }
-      }
-
-      if (!Ability().isUserLogon()) {
-        canUseWebsocket = false;
-      }
-
-      if (Ability().supportWebSocket && canUseWebsocket) {
+      if (Ability().supportWebSocket) {
         var serverURL = settings.getDefault(settingServerURL, apiServerURL);
         if (PlatformTool.isWeb() && (serverURL == '' || serverURL == '/')) {
-          serverURL =
-              '${Uri.base.scheme}://${Uri.base.host}${Uri.base.hasPort ? ':${Uri.base.port}' : ''}';
+          serverURL = '${Uri.base.scheme}://${Uri.base.host}${Uri.base.hasPort ? ':${Uri.base.port}' : ''}';
         }
 
         final wsURL = serverURL.startsWith('https://')
             ? serverURL.replaceFirst('https://', 'wss://')
             : serverURL.replaceFirst('http://', 'ws://');
-        final wsUri = Uri.parse('$wsURL/v1/chat/completions');
+        final wsUriBase = Uri.parse('$wsURL/v1/chat/completions');
 
         final apiToken = settings.getDefault(settingAPIServerToken, '');
 
-        var channel = WebSocketChannel.connect(Uri(
-          scheme: wsUri.scheme,
-          host: wsUri.host,
-          port: wsUri.port,
-          path: wsUri.path,
+        final wsUri = Uri(
+          scheme: wsUriBase.scheme,
+          host: wsUriBase.host,
+          port: wsUriBase.port,
+          path: wsUriBase.path,
           queryParameters: {
             'ws': 'true',
             'authorization': apiToken,
@@ -298,7 +255,10 @@ class OpenAIRepository {
             'platform': PlatformTool.operatingSystem(),
             'language': language,
           },
-        ));
+        );
+        Logger.instance.d('wsURL: ${wsUri.toString()}');
+
+        var channel = WebSocketChannel.connect(wsUri);
 
         await channel.ready;
 
@@ -349,10 +309,11 @@ class OpenAIRepository {
           'temperature': temperature,
           'user': user,
           'max_tokens': maxTokens,
-          'n': Ability().enableLocalOpenAI &&
-                  (model.startsWith('openai:') || model.startsWith('gpt-'))
+          'n': Ability().enableLocalOpenAI && (model.startsWith('openai:') || model.startsWith('gpt-'))
               ? null
               : roomId, // n 参数暂时用不到，复用作为 roomId
+          'history_id': historyId,
+          'flags': flags,
         });
 
         Logger.instance.d('send chat request: $data');
@@ -365,9 +326,7 @@ class OpenAIRepository {
           temperature: temperature,
           user: user,
           maxTokens: maxTokens,
-          n: Ability().enableLocalOpenAI
-              ? null
-              : roomId, // n 参数暂时用不到，复用作为 roomId
+          n: Ability().enableLocalOpenAI ? null : roomId, // n 参数暂时用不到，复用作为 roomId
         );
 
         chatStream.listen(
@@ -427,11 +386,13 @@ class ChatStreamRespData {
   final String content;
   final int? code;
   final String? error;
+  final String? reasoningContent;
 
   ChatStreamRespData({
     this.role,
     required this.content,
     this.code,
     this.error,
+    this.reasoningContent,
   });
 }
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json b/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
index 3e9e2652..3bda9e24 100644
--- a/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -1,68 +1,68 @@
 {
+    "info": {
+        "version": 1,
+        "author": "ai.aicode.cc"
+    },
     "images": [
         {
             "size": "16x16",
             "idiom": "mac",
-            "filename": "icon-16.png",
+            "filename": "app_icon_16.png",
             "scale": "1x"
         },
         {
             "size": "16x16",
             "idiom": "mac",
-            "filename": "icon-16@2x.png",
+            "filename": "app_icon_32.png",
             "scale": "2x"
         },
         {
             "size": "32x32",
             "idiom": "mac",
-            "filename": "icon-32.png",
+            "filename": "app_icon_32.png",
             "scale": "1x"
         },
         {
             "size": "32x32",
             "idiom": "mac",
-            "filename": "icon-32@2x.png",
+            "filename": "app_icon_64.png",
             "scale": "2x"
         },
         {
             "size": "128x128",
             "idiom": "mac",
-            "filename": "icon-128.png",
+            "filename": "app_icon_128.png",
             "scale": "1x"
         },
         {
             "size": "128x128",
             "idiom": "mac",
-            "filename": "icon-128@2x.png",
+            "filename": "app_icon_256.png",
             "scale": "2x"
         },
         {
             "size": "256x256",
             "idiom": "mac",
-            "filename": "icon-256.png",
+            "filename": "app_icon_256.png",
             "scale": "1x"
         },
         {
             "size": "256x256",
             "idiom": "mac",
-            "filename": "icon-256@2x.png",
+            "filename": "app_icon_512.png",
             "scale": "2x"
         },
         {
             "size": "512x512",
             "idiom": "mac",
-            "filename": "icon-512.png",
+            "filename": "app_icon_512.png",
             "scale": "1x"
         },
         {
             "size": "512x512",
             "idiom": "mac",
-            "filename": "icon-512@2x.png",
+            "filename": "app_icon_1024.png",
             "scale": "2x"
         }
-    ],
-    "info": {
-        "version": 1,
-        "author": "ai.aicode.cc"
-    }
+    ]
 }
\ No newline at end of file
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png
new file mode 100644
index 00000000..3f678129
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png
new file mode 100644
index 00000000..b1a4bb36
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png
new file mode 100644
index 00000000..54ff10d6
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png
new file mode 100644
index 00000000..3e9c7a37
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png
new file mode 100644
index 00000000..3762addb
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png
new file mode 100644
index 00000000..aecbf707
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png
new file mode 100644
index 00000000..f02ba0a0
Binary files /dev/null and b/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-128.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-128.png
deleted file mode 100644
index c02f3915..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-128.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-128@2x.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-128@2x.png
deleted file mode 100644
index fc139833..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-128@2x.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-16.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-16.png
deleted file mode 100644
index 7e84a4fe..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-16.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-16@2x.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-16@2x.png
deleted file mode 100644
index 83df623f..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-16@2x.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-256.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-256.png
deleted file mode 100644
index fc139833..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-256.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-256@2x.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-256@2x.png
deleted file mode 100644
index c2602fcb..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-256@2x.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-32.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-32.png
deleted file mode 100644
index 83df623f..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-32.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-32@2x.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-32@2x.png
deleted file mode 100644
index 0dc78f7d..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-32@2x.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-512.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-512.png
deleted file mode 100644
index c2602fcb..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-512.png and /dev/null differ
diff --git a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-512@2x.png b/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-512@2x.png
deleted file mode 100644
index b4e7b444..00000000
Binary files a/macos/Runner/Assets.xcassets/AppIcon.appiconset/icon-512@2x.png and /dev/null differ
diff --git a/pubspec.lock b/pubspec.lock
index 71b7746a..a615f822 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -358,10 +358,10 @@ packages:
     dependency: transitive
     description:
       name: cli_util
-      sha256: "66f86e916d285c1a93d3b79587d94bd71984a66aac4ff74e524cfa7877f1395c"
+      sha256: ff6785f7e9e3c38ac98b2fb035701789de90154024a75b6cb926445e83197d1c
       url: "https://pub.dev"
     source: hosted
-    version: "0.3.5"
+    version: "0.4.2"
   clipboard:
     dependency: "direct main"
     description:
@@ -734,10 +734,10 @@ packages:
     dependency: "direct dev"
     description:
       name: flutter_launcher_icons
-      sha256: "02dcaf49d405f652b7160e882bacfc02cb497041bb2eab2a49b1c393cf9aac12"
+      sha256: bfa04787c85d80ecb3f8777bde5fc10c3de809240c48fa061a2c2bf15ea5211c
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.0"
+    version: "0.14.3"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -973,10 +973,10 @@ packages:
     dependency: "direct main"
     description:
       name: image
-      sha256: "4c68bfd5ae83e700b5204c1e74451e7bf3cf750e6843c6e158289cf56bda018e"
+      sha256: "2237616a36c0d69aef7549ab439b833fb7f9fb9fc861af2cc9ac3eedddd69ca8"
       url: "https://pub.dev"
     source: hosted
-    version: "4.1.7"
+    version: "4.2.0"
   image_gallery_saver:
     dependency: "direct main"
     description:
@@ -1044,10 +1044,11 @@ packages:
   isolate_image_compress:
     dependency: "direct main"
     description:
-      name: isolate_image_compress
-      sha256: c11d022e99be5af9519ad11868c7ba78b6457ad45da382cfa1016e78c2167ac1
-      url: "https://pub.dev"
-    source: hosted
+      path: isolate_image_compress
+      ref: customized
+      resolved-ref: c2f80522ee25c03d6c0b6d0a26e005a3a6b9305c
+      url: "https://github.com/mylxsw/isolate_flutter"
+    source: git
     version: "2.0.0"
   js:
     dependency: transitive
@@ -1138,6 +1139,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.2.0"
+  lottie:
+    dependency: "direct main"
+    description:
+      name: lottie
+      sha256: fa39707f36786707b01eca7626d2c16c32aa603b3f3a146518518458847dc127
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.0"
   markdown:
     dependency: "direct main"
     description:
@@ -1270,10 +1279,10 @@ packages:
     dependency: "direct dev"
     description:
       name: msix
-      sha256: "68679afc7d7117467250363dea4fb62db7520a23a9490bf4b65794655235a1d5"
+      sha256: c50d6bd1aafe0d071a3c1e5a5ccb056404502935cb0a549e3178c4aae16caf33
       url: "https://pub.dev"
     source: hosted
-    version: "3.9.1"
+    version: "3.16.8"
   nested:
     dependency: transitive
     description:
@@ -2210,4 +2219,4 @@ packages:
     version: "3.1.2"
 sdks:
   dart: ">=3.4.4 <4.0.0"
-  flutter: ">=3.22.0"
+  flutter: ">=3.24.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index 4fa27391..9282a5b3 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -63,8 +63,12 @@ dependencies:
   cached_network_image: ^3.2.3
   photo_view: ^0.14.0
   flutter_image_compress: ^2.3.0
-  isolate_image_compress: ^2.0.0
-  image: 4.1.7
+  isolate_image_compress: 
+    git:
+      url: https://github.com/mylxsw/isolate_flutter
+      ref: customized
+      path: isolate_image_compress
+  image: 4.2.0
   flutter_cache_manager: ^3.3.0
   file_saver: 
     git:
@@ -135,6 +139,7 @@ dependencies:
   flutter_markdown_latex: ^0.3.4
   auto_size_text: ^3.0.0
   animated_list_plus: ^0.5.2
+  lottie: ^3.2.0
   
 dev_dependencies:
   flutter_test:
@@ -146,24 +151,10 @@ dev_dependencies:
   # package. See that file for information about deactivating specific lint
   # rules and activating additional ones.
   flutter_lints: ^2.0.0
-  flutter_launcher_icons: "^0.12.0"
+  flutter_launcher_icons: "^0.14.2"
   build_runner: ^2.3.3
   msix: ^3.9.1
 
-flutter_icons:
-  image_path: "assets/app.png"
-  
-  macos:
-    generate: true
-  web:
-    generate: true
-  windows:
-    generate: true
-  ios: true
-  remove_alpha_ios: true
-  android: "launcher_icon"
-  adaptive_icon_background: '#FFFFFF'
-
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
 
@@ -178,6 +169,7 @@ flutter:
   # To add assets to your application, add an assets section, like this:
   assets:
     - assets/app.png
+    - assets/app-macos.png
     - assets/image-broken.png
     - assets/wechat.png
     - assets/friendroom.png
@@ -185,14 +177,6 @@ flutter:
     - assets/app-256-transparent.png
     - assets/light-dark-auto.png
     - assets/openai.png
-    - assets/background.jpg
-    - assets/background-dark.jpg
-    - assets/background-team.jpg
-    - assets/background-creative-island.jpg
-    - assets/background-discovery-dark.jpg
-    - assets/background-dark-s1.jpg
-    - assets/background-dark-s3.jpg
-    - assets/background-light-s1.jpg
     - assets/transport.png
     - assets/weibo.png
     - assets/github.png
@@ -209,6 +193,7 @@ flutter:
     - assets/icons/mp3.png
     - assets/icons/pdf.png
     - assets/icons/txt.png
+    - assets/lottie/empty_status.json
 
   
   #   - images/a_dot_ham.jpeg
@@ -237,7 +222,7 @@ flutter:
 flutter_native_splash:
   image: assets/app-splash.png
   color: "#ffffff"
-  android_disable_fullscreen: true
+  fullscreen: true
 
 tobias:
   url_scheme: alipay2021004101661425
diff --git a/web/favicon.png b/web/favicon.png
index ea84b536..11508e69 100644
Binary files a/web/favicon.png and b/web/favicon.png differ
diff --git a/web/icons/Icon-192.png b/web/icons/Icon-192.png
index 6b1c49f3..c8d4dbbd 100644
Binary files a/web/icons/Icon-192.png and b/web/icons/Icon-192.png differ
diff --git a/web/icons/Icon-512.png b/web/icons/Icon-512.png
index 6d513392..2fc1258e 100644
Binary files a/web/icons/Icon-512.png and b/web/icons/Icon-512.png differ
diff --git a/web/icons/Icon-maskable-192.png b/web/icons/Icon-maskable-192.png
index 6b1c49f3..c8d4dbbd 100644
Binary files a/web/icons/Icon-maskable-192.png and b/web/icons/Icon-maskable-192.png differ
diff --git a/web/icons/Icon-maskable-512.png b/web/icons/Icon-maskable-512.png
index daadc3de..2fc1258e 100644
Binary files a/web/icons/Icon-maskable-512.png and b/web/icons/Icon-maskable-512.png differ
diff --git a/web/index.html b/web/index.html
index 2b86c538..61b6bda4 100644
--- a/web/index.html
+++ b/web/index.html
@@ -37,15 +37,81 @@
   <!-- This script adds the flutter initialization JS code -->
   <script src="flutter.js" defer=""></script>
   <script type="text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
-  <link rel="stylesheet" type="text/css" href="splash/style.css">
+  
   <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
-  <script src="splash/splash.js"></script>
+  
+  <style id="splash-screen-style">
+    html {
+      height: 100%
+    }
+
+    body {
+      margin: 0;
+      min-height: 100%;
+      background-color: #ffffff;
+          background-size: 100% 100%;
+    }
+
+    .center {
+      margin: 0;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      -ms-transform: translate(-50%, -50%);
+      transform: translate(-50%, -50%);
+    }
+
+    .contain {
+      display:block;
+      width:100%; height:100%;
+      object-fit: contain;
+    }
+
+    .stretch {
+      display:block;
+      width:100%; height:100%;
+    }
+
+    .cover {
+      display:block;
+      width:100%; height:100%;
+      object-fit: cover;
+    }
+
+    .bottom {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      -ms-transform: translate(-50%, 0);
+      transform: translate(-50%, 0);
+    }
+
+    .bottomLeft {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+    }
+
+    .bottomRight {
+      position: absolute;
+      bottom: 0;
+      right: 0;
+    }
+  </style>
+  <script id="splash-screen-script">
+    function removeSplashFromWeb() {
+      document.getElementById("splash")?.remove();
+      document.getElementById("splash-branding")?.remove();
+      document.body.style.background = "transparent";
+    }
+  </script>
 </head>
-<body>  <picture id="splash">
+<body>
+  <picture id="splash">
       <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
       <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
       <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
-  </picture>  
+  </picture>    
   <script>
     window.addEventListener('load', function(ev) {
       // Download main.dart.js
diff --git a/web/manifest.json b/web/manifest.json
index 5d190b02..c93b9e3e 100644
--- a/web/manifest.json
+++ b/web/manifest.json
@@ -3,8 +3,8 @@
     "short_name": "aidea",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#0175C2",
-    "theme_color": "#0175C2",
+    "background_color": "#hexcode",
+    "theme_color": "#hexcode",
     "description": "一款强大的AI应用，涵盖当下最流行的人工智能模型",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,
diff --git a/web/splash/img/dark-1x.png b/web/splash/img/dark-1x.png
index 1b16e535..7fee6698 100644
Binary files a/web/splash/img/dark-1x.png and b/web/splash/img/dark-1x.png differ
diff --git a/web/splash/img/dark-2x.png b/web/splash/img/dark-2x.png
index 0d53f2cb..f732f6e8 100644
Binary files a/web/splash/img/dark-2x.png and b/web/splash/img/dark-2x.png differ
diff --git a/web/splash/img/dark-3x.png b/web/splash/img/dark-3x.png
index a166f8c5..2cc09ae4 100644
Binary files a/web/splash/img/dark-3x.png and b/web/splash/img/dark-3x.png differ
diff --git a/web/splash/img/dark-4x.png b/web/splash/img/dark-4x.png
index 4e045f98..b05e0c62 100644
Binary files a/web/splash/img/dark-4x.png and b/web/splash/img/dark-4x.png differ
diff --git a/web/splash/img/light-1x.png b/web/splash/img/light-1x.png
index 1b16e535..7fee6698 100644
Binary files a/web/splash/img/light-1x.png and b/web/splash/img/light-1x.png differ
diff --git a/web/splash/img/light-2x.png b/web/splash/img/light-2x.png
index 0d53f2cb..f732f6e8 100644
Binary files a/web/splash/img/light-2x.png and b/web/splash/img/light-2x.png differ
diff --git a/web/splash/img/light-3x.png b/web/splash/img/light-3x.png
index a166f8c5..2cc09ae4 100644
Binary files a/web/splash/img/light-3x.png and b/web/splash/img/light-3x.png differ
diff --git a/web/splash/img/light-4x.png b/web/splash/img/light-4x.png
index 4e045f98..b05e0c62 100644
Binary files a/web/splash/img/light-4x.png and b/web/splash/img/light-4x.png differ
diff --git a/windows/runner/resources/app_icon.ico b/windows/runner/resources/app_icon.ico
index b24885df..0ec7838e 100644
Binary files a/windows/runner/resources/app_icon.ico and b/windows/runner/resources/app_icon.ico differ