Fix: knowledge base's embedded model form layout and dependency imports in the main branch. #9869 (#10160)

### What problem does this PR solve?

Fix: Fixed the knowledge base's embedded model form layout and
dependency imports in the main branch.

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/max-token-number-from-field.tsx

@@ -17,7 +17,7 @@ export function MaxTokenNumberFormField({ max = 2048, initialValue }: IProps) {
       tooltip={t('chunkTokenNumberTip')}
       max={max}
       defaultValue={initialValue ?? 0}
-      layout={FormLayout.Horizontal}
+      layout={FormLayout.Vertical}
     ></SliderInputFormField>
   );
 }

web/src/components/slider-input-form-field.tsx

@@ -1,6 +1,6 @@
 import { FormLayout } from '@/constants/form';
 import { cn } from '@/lib/utils';
-import { ReactNode } from 'react';
+import { ReactNode, useMemo } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { SingleFormSlider } from './ui/dual-range-slider';
 import {
@@ -40,7 +40,7 @@ export function SliderInputFormField({
 }: SliderInputFormFieldProps) {
   const form = useFormContext();
 
-  const isHorizontal = layout === FormLayout.Horizontal;
+  const isHorizontal = useMemo(() => layout === FormLayout.Vertical, [layout]);
 
   return (
     <FormField

web/src/pages/dataset/setting/configuration/common-item.tsx

@@ -70,16 +70,15 @@ export function EmbeddingModelItem() {
       name={'embd_id'}
       render={({ field }) => (
         <FormItem className=" items-center space-y-0 ">
-          <div className="">
+          <div className="flex items-center">
             <FormLabel
               required
               tooltip={t('embeddingModelTip')}
-              className="text-sm  whitespace-wrap "
+              className="text-sm  whitespace-wrap w-1/4"
             >
-              <span className="text-destructive mr-1"> *</span>
               {t('embeddingModel')}
             </FormLabel>
-            <div className="text-muted-foreground">
+            <div className="text-muted-foreground w-3/4">
               <FormControl>
                 <RAGFlowSelect
                   {...field}