feat(fe): component for available apis

web/src/app/home/knowledge/components/kb-docs/KBDoc.tsx

@@ -0,0 +1,5 @@
+import { useEffect, useState } from 'react';
+
+export default function KBDoc({ kbId }: { kbId: string }) {
+  return <div>Documents</div>;
+}

web/src/app/home/knowledge/components/kb-docs/doc-card/DocumentCard.tsx

@@ -0,0 +1,9 @@
+export default function DocumentCard({
+  kbId,
+  fileId,
+}: {
+  kbId: string;
+  fileId: string;
+}) {
+  return <div></div>;
+}

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

@@ -67,9 +67,31 @@ export default function KBForm({
   >([]);
 
   useEffect(() => {
-    getEmbeddingModelNameList();
+    getEmbeddingModelNameList().then(() => {
+      if (initKbId) {
+        getKbConfig(initKbId).then((val) => {
+          form.setValue('name', val.name);
+          form.setValue('description', val.description);
+          form.setValue('embeddingModelUUID', val.embeddingModelUUID);
+        });
+      }
+    });
   }, []);
 
+  const getKbConfig = async (
+    kbId: string,
+  ): Promise<z.infer<typeof formSchema>> => {
+    return new Promise((resolve, reject) => {
+      httpClient.getKnowledgeBase(kbId).then((res) => {
+        resolve({
+          name: res.base.name,
+          description: res.base.description,
+          embeddingModelUUID: res.base.embedding_model_uuid,
+        });
+      });
+    });
+  };
+
   const getEmbeddingModelNameList = async () => {
     const resp = await httpClient.getProviderEmbeddingModels();
     setEmbeddingModelNameList(