fix: whisper checker;fix: img read (#3813)

* fix: img read

* fix: whisper checker

* perf: dev doc

* perf: dev doc

* remove invalid code

projects/app/src/components/core/chat/ChatContainer/ChatBox/Input/ChatInput.tsx

@@ -107,7 +107,6 @@ const ChatInput = ({
   );
 
   /* whisper init */
-  const { sttModelList } = useSystemStore();
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const {
     isSpeaking,
@@ -293,7 +292,7 @@ const ChatInput = ({
         />
         <Flex alignItems={'center'} position={'absolute'} right={[2, 4]} bottom={['10px', '12px']}>
           {/* voice-input */}
-          {whisperConfig.open && !inputValue && !isChatting && sttModelList.length > 0 && (
+          {whisperConfig?.open && !inputValue && !isChatting && (
             <>
               <canvas
                 ref={canvasRef}
@@ -430,8 +429,7 @@ const ChatInput = ({
       speakingTimeString,
       stopSpeak,
       t,
-      whisperConfig.open,
-      sttModelList
+      whisperConfig?.open
     ]
   );
 

projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/nodes/render/RenderOutput/index.tsx

@@ -58,6 +58,7 @@ const RenderOutput = ({
         }
       });
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [copyOutputs, nodeId, inputs, llmModelList]);
 
   const [editField, setEditField] = useState<FlowNodeOutputItemType>();
@@ -154,6 +155,7 @@ const RenderOutput = ({
       (item) =>
         item.type !== FlowNodeOutputTypeEnum.dynamic && item.type !== FlowNodeOutputTypeEnum.hidden
     );
+
     return (
       <>
         {renderOutputs.map((output, i) => {
@@ -163,7 +165,7 @@ const RenderOutput = ({
               required={output.required}
               position={'relative'}
               _notLast={{
-                mb: 4
+                mb: i !== renderOutputs.length - 1 ? 4 : 0
               }}
             >
               <OutputLabel nodeId={nodeId} output={output} />