diff --git a/src/backend/bisheng/api/services/assistant_agent.py b/src/backend/bisheng/api/services/assistant_agent.py
index ab75dd0ee..5646d22ed 100644
--- a/src/backend/bisheng/api/services/assistant_agent.py
+++ b/src/backend/bisheng/api/services/assistant_agent.py
@@ -381,8 +381,8 @@ async def react_run(self, query: str, chat_history: List = None, callback: Callb
             'input': query,
             'chat_history': chat_history
         }, config=RunnableConfig(callbacks=callback))
-        print(result)
+        logger.debug(f"react_run result: {result}")
         output = result['agent_outcome'].return_values['output']
         if isinstance(output, dict):
-            output = output['text']
+            output = list(output.values())[0]
         return [AIMessage(content=output)]
diff --git a/src/backend/pyproject.toml b/src/backend/pyproject.toml
index 41f0352b8..e3d851999 100644
--- a/src/backend/pyproject.toml
+++ b/src/backend/pyproject.toml
@@ -1,4 +1,3 @@
-
 [tool.poetry]
 name = "bisheng"
 version = "0.3.3"
@@ -89,7 +88,7 @@ matplotlib = "3.8.4"
 cchardet = "^2.1.7"
 llama-index = "0.9.48"
 tenacity = "<8.4.0"
-bisheng-ragas = {version = "^1.0.0", source = "dataelem-index"}
+bisheng-ragas = { version = "^1.0.0", source = "dataelem-index" }
 
 [tool.poetry.dev-dependencies]
 black = "^23.1.0"
diff --git a/src/bisheng-langchain/requirements.txt b/src/bisheng-langchain/requirements.txt
index eb940fce9..2ed808c39 100644
--- a/src/bisheng-langchain/requirements.txt
+++ b/src/bisheng-langchain/requirements.txt
@@ -10,7 +10,7 @@ pydantic==1.10.13
 pymupdf==1.23.8
 shapely==2.0.2
 filetype==1.2.0
-langgraph==0.1.5
+langgraph==0.0.50
 openai==1.14.3
 langchain-openai==0.1.0
 llama-index==0.9.48
diff --git a/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx b/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
index 63ae0405c..6d52cfafb 100644
--- a/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
+++ b/src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
@@ -200,6 +200,7 @@ export default function ChatInput({ clear, form, stop, questions, inputForm, wsU
         if (data.type === 'start') {
             createWsMsg(data)
         } else if (data.type === 'stream') {
+            //@ts-ignore
             updateCurrentMessage({
                 chat_id: data.chat_id,
                 message: data.message,
@@ -256,7 +257,7 @@ export default function ChatInput({ clear, form, stop, questions, inputForm, wsU
             {/* form */}
             {
                 formShow && <div className="relative">
-                    <div className="absolute left-0 border bottom-2 bg-[#fff] px-4 py-2 rounded-md w-[50%] min-w-80 z-50">
+                    <div className="absolute left-0 border bottom-2 bg-background-login px-4 py-2 rounded-md w-[50%] min-w-80 z-50">
                         {inputForm}
                     </div>
                 </div>
diff --git a/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx b/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
index 518e70afb..52e567690 100644
--- a/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
+++ b/src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
@@ -37,7 +37,7 @@ export default function SkillTempSheet({ children, onSelect }) {
                     <SheetDescription>{t('skills.skillTemplateChoose')}</SheetDescription>
                     <SearchInput value={keyword} placeholder={t('build.search')} className="my-6" onChange={(e) => setKeyword(e.target.value)} />
                 </div>
-                <div className="flex-1 min-w-[696px] bg-[#fff] p-5 pt-12 h-full flex flex-wrap gap-1.5 overflow-y-auto scrollbar-hide content-start">
+                <div className="flex-1 min-w-[696px] bg-[#fff] dark:bg-[#030712] p-5 pt-12 h-full flex flex-wrap gap-1.5 overflow-y-auto scrollbar-hide content-start">
                     <CardComponent
                         id={0}
                         type="sheet"
diff --git a/src/frontend/src/components/bs-ui/input/index.tsx b/src/frontend/src/components/bs-ui/input/index.tsx
index 093fb91db..496ce97cc 100644
--- a/src/frontend/src/components/bs-ui/input/index.tsx
+++ b/src/frontend/src/components/bs-ui/input/index.tsx
@@ -3,6 +3,9 @@ import { cname } from "../utils"
 import { SearchIcon } from "../../bs-icons/search"
 import { generateUUID } from "../utils"
 import { MinusCircledIcon } from "@radix-ui/react-icons"
+import { EyeOpenIcon, EyeNoneIcon } from "@radix-ui/react-icons"
+import { useState } from "react"
+
 export interface InputProps
     extends React.InputHTMLAttributes<HTMLInputElement> { }
 
@@ -36,6 +39,25 @@ const SearchInput = React.forwardRef<HTMLInputElement, InputProps & { inputClass
 SearchInput.displayName = "SearchInput"
 
 
+const PasswordInput = React.forwardRef<HTMLInputElement, InputProps & { inputClassName?: string, iconClassName?: string }>(
+    ({ className, inputClassName, iconClassName, ...props }, ref) => {
+        const [type, setType] = useState('password')
+        const handleShowPwd = () => {
+            type === 'password' ? setType('text') : setType('password')
+        }
+        return <div className={cname("relative flex place-items-center", className)}>
+            <Input type={type} ref={ref} className={cname("pr-8 bg-search-input", inputClassName)} {...props}></Input>
+            {
+                type === 'password'
+                ? <EyeNoneIcon onClick={handleShowPwd} className={cname("absolute right-2 text-gray-950 dark:text-gray-500 cursor-pointer", iconClassName)}/>
+                : <EyeOpenIcon onClick={handleShowPwd} className={cname("absolute right-2 text-gray-950 dark:text-gray-500 cursor-pointer", iconClassName)}/>
+            }
+        </div>
+    }
+)
+
+PasswordInput.displayName = 'PasswordInput'
+
 
 /**
  * 多行文本
@@ -144,4 +166,4 @@ const InputList = React.forwardRef<HTMLDivElement, InputProps & {
     }
 )
 
-export { Input, SearchInput, Textarea, InputList }
+export { Input, SearchInput, PasswordInput, Textarea, InputList }
diff --git a/src/frontend/src/pages/LoginPage/UserPwdModal.tsx b/src/frontend/src/pages/LoginPage/UserPwdModal.tsx
index db9d83612..9b8df8ecd 100644
--- a/src/frontend/src/pages/LoginPage/UserPwdModal.tsx
+++ b/src/frontend/src/pages/LoginPage/UserPwdModal.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/bs-ui/button";
 import { Dialog, DialogClose, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/bs-ui/dialog";
-import { Input } from "@/components/bs-ui/input";
+import { PasswordInput } from "@/components/bs-ui/input";
 import { forwardRef, useImperativeHandle, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 // import { resetUserPasswordApi } from "../controllers/API/user"; // 假设这是重置密码的API函数
@@ -66,11 +66,10 @@ const UserPwdModal = forwardRef<UserPwdModalRef, UserPwdModalProps>((props, ref)
                 <div className="flex flex-col gap-8 py-6">
                     <div>
                         <label htmlFor="password" className="bisheng-label">{t('resetPassword.newPassword')}<span className="bisheng-tip">*</span></label>
-                        <Input
+                        <PasswordInput
                             ref={passwordRef}
                             id="password"
                             name="password"
-                            type="password"
                             placeholder={t('resetPassword.newPassword')}
                             className="mt-2"
                             onChange={(e) => passwordRef.current.value = e.target.value}
diff --git a/src/frontend/src/pages/LoginPage/resetPwd.tsx b/src/frontend/src/pages/LoginPage/resetPwd.tsx
index ce9c90f88..ed9bc08ad 100644
--- a/src/frontend/src/pages/LoginPage/resetPwd.tsx
+++ b/src/frontend/src/pages/LoginPage/resetPwd.tsx
@@ -4,7 +4,7 @@ import { useEffect, useRef } from "react";
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { Button } from "../../components/bs-ui/button";
-import { Input } from "../../components/bs-ui/input";
+import { PasswordInput } from "../../components/bs-ui/input";
 import { loggedChangePasswordApi, changePasswordApi } from "../../controllers/API/user";
 import { captureAndAlertRequestErrorHoc } from "../../controllers/request";
 import { PWD_RULE, handleEncrypt } from './utils';
@@ -89,30 +89,27 @@ export const ResetPwdPage = () => {
                     </div>
                     <div className="grid gap-[12px] mt-[68px]">
                         <div className="grid">
-                            <Input
+                            <PasswordInput
                                 id="currentPassword"
-                                className='h-[48px] dark:bg-login-input'
+                                inputClassName='h-[48px] dark:bg-login-input'
                                 ref={currentPwdRef}
                                 placeholder={t('resetPassword.currentPassword')}
-                                type="password"
                             />
                         </div>
                         <div className="grid">
-                            <Input
+                            <PasswordInput
                                 id="newPassword"
-                                className='h-[48px] dark:bg-login-input'
+                                inputClassName='h-[48px] dark:bg-login-input'
                                 ref={newPwdRef}
                                 placeholder={t('resetPassword.newPassword')}
-                                type="password"
                             />
                         </div>
                         <div className="grid">
-                            <Input
+                            <PasswordInput
                                 id="confirmNewPassword"
-                                className='h-[48px] dark:bg-login-input'
+                                inputClassName='h-[48px] dark:bg-login-input'
                                 ref={confirmPwdRef}
                                 placeholder={t('resetPassword.confirmNewPassword')}
-                                type="password"
                             />
                         </div>
                         <Button
diff --git a/src/frontend/src/pages/SystemPage/components/CreateUser.tsx b/src/frontend/src/pages/SystemPage/components/CreateUser.tsx
index bd8c5921c..e5ddd35bc 100644
--- a/src/frontend/src/pages/SystemPage/components/CreateUser.tsx
+++ b/src/frontend/src/pages/SystemPage/components/CreateUser.tsx
@@ -1,6 +1,6 @@
 import { Button } from "@/components/bs-ui/button"
 import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/bs-ui/dialog"
-import { Input } from "@/components/bs-ui/input"
+import { Input, PasswordInput } from "@/components/bs-ui/input"
 import { Label } from "@/components/bs-ui/label"
 import { useToast } from "@/components/bs-ui/toast/use-toast"
 import { generateUUID } from "@/components/bs-ui/utils"
@@ -8,17 +8,11 @@ import { createUserApi } from "@/controllers/API/user"
 import { captureAndAlertRequestErrorHoc } from "@/controllers/request"
 import { handleEncrypt, PWD_RULE } from "@/pages/LoginPage/utils"
 import { copyText } from "@/utils"
-import { EyeNoneIcon, EyeOpenIcon, PlusIcon } from "@radix-ui/react-icons"
+import { PlusIcon } from "@radix-ui/react-icons"
 import { useState } from "react"
 import { useTranslation } from "react-i18next"
 import UserRoleItem from "./UserRoleItem"
 
-enum inputType {
-    PASSWORD = 'password',
-    TEXT = 'text'
-}
-const EyeIconStyle = 'absolute right-7 cursor-pointer'
-
 export default function CreateUser({open, onClose, onSave}) {
     const { t } = useTranslation()
     const { message } = useToast()
@@ -65,11 +59,6 @@ export default function CreateUser({open, onClose, onSave}) {
         }))
     }
 
-    const [type, setType] = useState(inputType.PASSWORD)
-    const handleShowPwd = () => {
-        type === inputType.PASSWORD ? setType(inputType.TEXT) : setType(inputType.PASSWORD)
-    }
-
     return <Dialog open={open} onOpenChange={b => onClose(b)}>
         <DialogContent className="sm:max-w-[625px]">
             <DialogHeader>
@@ -79,16 +68,12 @@ export default function CreateUser({open, onClose, onSave}) {
                 <div>
                     <Label htmlFor="user" className="bisheng-label">{t('log.username')}</Label>
                     <Input id="user" value={form.user_name} onChange={(e) => setForm({...form, user_name:e.target.value})}
-                    placeholder="后续使用此用户名进行登录，用户名不可修改" className="h-[50px]"/>
+                    placeholder="后续使用此用户名进行登录，用户名不可修改" className="h-[48px]"/>
                 </div>
                 <div>
                     <Label htmlFor="password" className="bisheng-label">初始密码</Label>
-                    <div className="flex place-items-center">
-                        <Input type={type} id="password" value={form.password} placeholder="至少 8 个字符，必须包含大写字母、小写字母、数字和符号的组合"
-                        onChange={(e) => setForm({...form, password:e.target.value})} className="h-[50px]"/>
-                        {type === inputType.PASSWORD ? <EyeNoneIcon onClick={handleShowPwd} className={EyeIconStyle}/>
-                        : <EyeOpenIcon onClick={handleShowPwd} className={EyeIconStyle}/>}
-                    </div>
+                    <PasswordInput id="password" value={form.password} placeholder="至少 8 个字符，必须包含大写字母、小写字母、数字和符号的组合"
+                    onChange={(e) => setForm({...form, password:e.target.value})} inputClassName="h-[48px]"/>
                 </div>
                 <div className="flex flex-col gap-2">
                     <Label className="bisheng-label">用户组/角色选择</Label>
diff --git a/src/frontend/src/pages/SystemPage/components/EditRole.tsx b/src/frontend/src/pages/SystemPage/components/EditRole.tsx
index d0b636a4b..7e7e38181 100644
--- a/src/frontend/src/pages/SystemPage/components/EditRole.tsx
+++ b/src/frontend/src/pages/SystemPage/components/EditRole.tsx
@@ -168,40 +168,40 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
             <Input placeholder={t('system.roleName')} value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} maxLength={60}></Input>
         </div>
         {/* 菜单授权 */}
-        <div className="">
+        <div>
             <div className="mt-20 flex justify-between items-center relative">
                 <p className="text-xl font-bold">菜单授权</p>
             </div>
-            <div className="mt-4">
+            <div className="mt-4 w-full">
                 <Table>
                     <TableHeader>
                         <TableRow>
                             <TableHead>一级菜单</TableHead>
-                            <TableHead className="text-right">查看权限</TableHead>
+                            <TableHead className="text-right w-[75px]">查看权限</TableHead>
                         </TableRow>
                     </TableHeader>
                     <TableBody>
                         <TableRow>
                             <TableCell className="font-medium">构建</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.BUILD)} onCheckedChange={(bln) => switchDataChange(MenuType.BUILD, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
                         <TableRow>
                             <TableCell className="font-medium">知识</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.KNOWLEDGE)} onCheckedChange={(bln) => switchDataChange(MenuType.KNOWLEDGE, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
                         <TableRow>
                             <TableCell className="font-medium">模型</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.MODEL)} onCheckedChange={(bln) => switchDataChange(MenuType.MODEL, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
                         <TableRow>
                             <TableCell className="font-medium">评测</TableCell>
-                            <TableCell className="text-right">
+                            <TableCell className="text-center">
                                 <Switch checked={form.useMenu.includes(MenuType.EVALUATION)} onCheckedChange={(bln) => switchDataChange(MenuType.EVALUATION, 'useMenu', bln)} />
                             </TableCell>
                         </TableRow>
@@ -220,8 +220,8 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('system.assistantName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -229,7 +229,7 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch checked={form.useAssistant.includes(el.id)} onCheckedChange={(bln) => switchDataChange(el.id, 'useAssistant', bln)} />
                                     </TableCell>
                                 </TableRow>
@@ -251,8 +251,8 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('system.skillName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -260,7 +260,7 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch checked={form.useSkills.includes(el.id)} onCheckedChange={(bln) => switchDataChange(el.id, 'useSkills', bln)} />
                                     </TableCell>
                                 </TableRow>
@@ -281,9 +281,9 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('lib.libraryName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
-                                <TableHead className="text-right">{t('system.managePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead>{t('system.usePermission')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.managePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -291,10 +291,10 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-left">
                                         <Switch checked={form.useLibs.includes(el.id)} onCheckedChange={(bln) => switchUseLib(el.id, bln)} />
                                     </TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch checked={form.manageLibs.includes(el.id)} onCheckedChange={(bln) => switchLibManage(el.id, bln)} />
                                     </TableCell>
                                 </TableRow>
@@ -316,8 +316,8 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                         <TableHeader>
                             <TableRow>
                                 <TableHead>{t('lib.toolName')}</TableHead>
-                                <TableHead className="w-[100px]">{t('system.creator')}</TableHead>
-                                <TableHead className="text-right">{t('system.usePermission')}</TableHead>
+                                <TableHead>{t('system.creator')}</TableHead>
+                                <TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
                             </TableRow>
                         </TableHeader>
                         <TableBody>
@@ -325,7 +325,7 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
                                 <TableRow key={el.id}>
                                     <TableCell className="font-medium">{el.name}</TableCell>
                                     <TableCell>{el.user_name}</TableCell>
-                                    <TableCell className="text-right">
+                                    <TableCell className="text-center">
                                         <Switch
                                             checked={form.useTools.includes(el.id)}
                                             onCheckedChange={(bln) => switchDataChange(el.id, 'useTools', bln)}