perf(rag): ui and related apis

web/src/app/home/knowledge/components/kb-form/KBForm.tsx

@@ -24,6 +24,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { KnowledgeBase } from '@/app/infra/entities/api';
+import { toast } from 'sonner';
 
 const getFormSchema = (t: (key: string) => string) =>
   z.object({
@@ -42,6 +43,7 @@ export default function KBForm({
   onFormCancel,
   onKbDeleted,
   onNewKbCreated,
+  onKbUpdated,
 }: {
   initKbId?: string;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -49,6 +51,7 @@ export default function KBForm({
   onFormCancel: () => void;
   onKbDeleted: () => void;
   onNewKbCreated: (kbId: string) => void;
+  onKbUpdated: (kbId: string) => void;
 }) {
   const { t } = useTranslation();
   const formSchema = getFormSchema(t);
@@ -114,6 +117,17 @@ export default function KBForm({
         description: data.description,
         embedding_model_uuid: data.embeddingModelUUID,
       };
+      httpClient
+        .updateKnowledgeBase(initKbId, updateKb)
+        .then((res) => {
+          console.log('update knowledge base success', res);
+          onKbUpdated(res.uuid);
+          toast.success(t('knowledge.updateKnowledgeBaseSuccess'));
+        })
+        .catch((err) => {
+          console.error('update knowledge base failed', err);
+          toast.error(t('knowledge.updateKnowledgeBaseFailed'));
+        });
     } else {
       // create knowledge base
       const newKb: KnowledgeBase = {
@@ -186,6 +200,7 @@ export default function KBForm({
                   <FormControl>
                     <div className="relative">
                       <Select
+                        disabled={!!initKbId}
                         onValueChange={(value) => {
                           field.onChange(value);
                           console.log('value', value);
@@ -210,7 +225,9 @@ export default function KBForm({
                     </div>
                   </FormControl>
                   <FormDescription>
-                    {t('knowledge.embeddingModelDescription')}
+                    {initKbId
+                      ? t('knowledge.cannotChangeEmbeddingModel')
+                      : t('knowledge.embeddingModelDescription')}
                   </FormDescription>
                   <FormMessage />
                 </FormItem>