增加 iconPosition 允许自由设置功能图标的位置

Author: QAbot-zh

app/api/config/route.ts

@@ -19,6 +19,7 @@ const DANGER_CONFIG = {
   compressModel: serverConfig.compressModel,
   customHello: serverConfig.customHello,
   UnauthorizedInfo: serverConfig.UnauthorizedInfo,
+  iconPosition: serverConfig.iconPosition,
   translateModel: serverConfig.translateModel,
   ocrModel: serverConfig.ocrModel,
   sidebarTitle: siderbarConfig.title,

app/components/chat.tsx

@@ -1506,6 +1506,11 @@ function _Chat() {
   Locale.Error.Unauthorized =
     accessStore.UnauthorizedInfo || Locale.Error.Unauthorized;
 
+  // icon position
+  const iconPosition = accessStore.iconPosition.toLowerCase() || "down";
+  const iconUpEnabled = iconPosition === "up" || iconPosition === "both";
+  const iconDownEnabled = iconPosition === "down" || iconPosition === "both";
+
   async function openaiSpeech(text: string) {
     if (speechStatus) {
       ttsPlayer.stop();
@@ -2079,7 +2084,7 @@ function _Chat() {
                       </div>
                     )}
 
-                    {!isMobileScreen && showActions && (
+                    {iconUpEnabled && showActions && (
                       <div className={styles["chat-message-actions"]}>
                         <div className={styles["chat-input-actions"]}>
                           <ChatInputActions
@@ -2167,7 +2172,7 @@ function _Chat() {
                           message.model ? ` - Model: ${message.model}` : ""
                         }`}
                   </div>
-                  {showActions && (
+                  {iconDownEnabled && showActions && (
                     <div className={styles["chat-message-actions"]}>
                       <div className={styles["chat-input-actions"]}>
                         <ChatInputActions

app/config/server.ts

@@ -186,5 +186,7 @@ export const getServerSideConfig = () => {
     compressModel: process.env.COMPRESS_MODEL,
     translateModel: process.env.TRANSLATE_MODEL,
     ocrModel: process.env.OCR_MODEL,
+
+    iconPosition: process.env.ICON_POSITION || "down",
   };
 };

app/store/access.ts

@@ -55,6 +55,9 @@ const DEFAULT_ACCESS_STATE = {
   customHello: "",
   UnauthorizedInfo: "",
 
+  // icon position
+  iconPosition: "",
+
   // sidebar config
   sidebarTitle: "",
   sidebarSubTitle: "",
@@ -97,6 +100,10 @@ export const useAccessStore = createPersistStore(
       this.fetch();
       return get().ocrModel;
     },
+    setIconPosition() {
+      this.fetch();
+      return get().iconPosition;
+    },
     setCustomHello() {
       this.fetch();
       return get().customHello;
@@ -107,7 +114,6 @@ export const useAccessStore = createPersistStore(
     },
     enabledAccessControl() {
       this.fetch();
-
       return get().needCode;
     },
     getVisionModels() {