Webui chat with x added

src/components/Option/Knowledge/SelectedKnwledge.tsx

@@ -12,7 +12,7 @@ export const SelectedKnowledge = ({ knowledge, onClose }: Props) => {
     <div className="mb-3 border flex justify-between items-center rounded-md p-2 dark:border-gray-600">
       <div className="flex flex-col gap-2">
         <div>
-          <h3 className="text-lg font-semibold dark:text-gray-100">
+          <h3 className="text-sm font-semibold dark:text-gray-100">
             {knowledge.title}
           </h3>
         </div>
@@ -20,7 +20,7 @@ export const SelectedKnowledge = ({ knowledge, onClose }: Props) => {
           {knowledge.source.map((source, index) => (
             <div
               key={index}
-              className="inline-flex gap-2 border rounded-md p-1 dark:border-gray-600 dark:text-gray-100">
+              className="inline-flex gap-2 text-xs border rounded-md p-1 dark:border-gray-600 dark:text-gray-100">
               <KnowledgeIcon type={source.type} className="w-4 h-4" />
               {source.filename}
             </div>

src/components/Option/Playground/PlaygroundForm.tsx

@@ -158,14 +158,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
   }
   return (
     <div className="px-3 pt-3 md:px-6 md:pt-6 bg-gray-50 dark:bg-[#262626] border rounded-t-xl  dark:border-gray-600">
-      {selectedKnowledge && (
-        <SelectedKnowledge
-          onClose={() => {
-            setSelectedKnowledge(null)
-          }}
-          knowledge={selectedKnowledge}
-        />
-      )}
+    
       <div
         className={`h-full rounded-md shadow relative ${
           form.values.image.length === 0 ? "hidden" : "block"