diff --git a/web/public/locales/zh-CN/translation.json b/web/public/locales/zh-CN/translation.json
index fe7211b334..de17c9f77b 100644
--- a/web/public/locales/zh-CN/translation.json
+++ b/web/public/locales/zh-CN/translation.json
@@ -168,5 +168,6 @@
   "Total": "总数",
   "Page": "页",
   "NoData": "当前无数据",
-  "Logout": "退出登录"
-}
\ No newline at end of file
+  "Logout": "退出登录",
+  "SaveAndRestart": "保存并重启"
+}
diff --git a/web/public/logo.png b/web/public/logo.png
index 523a73cfaa..834e9d9f11 100644
Binary files a/web/public/logo.png and b/web/public/logo.png differ
diff --git a/web/src/apis/typing.d.ts b/web/src/apis/typing.d.ts
index 29c703087a..e839a57f28 100644
--- a/web/src/apis/typing.d.ts
+++ b/web/src/apis/typing.d.ts
@@ -220,3 +220,25 @@ export interface TLogItem {
   data: string;
   created_at: string;
 }
+
+// user data
+export interface TUserInfo {
+  id: string;
+  username: string;
+  email: any;
+  phone: any;
+  createdAt: string;
+  updatedAt: string;
+  profile: TProfile;
+}
+
+export interface TProfile {
+  id: string;
+  uid: string;
+  openid: string;
+  from: string;
+  avatar: string;
+  name: string;
+  createdAt: string;
+  updatedAt: string;
+}
diff --git a/web/src/chakraTheme.ts b/web/src/chakraTheme.ts
index a903755615..d0fbf11a87 100644
--- a/web/src/chakraTheme.ts
+++ b/web/src/chakraTheme.ts
@@ -63,15 +63,7 @@ const Button = defineStyleConfig({
   },
 
   variants: {
-    plain: {
-      bg: "gray.200",
-      color: "gray.500",
-      _hover: {
-        bg: "gray.300",
-      },
-    },
-
-    solid: {
+    primary: {
       bg: "primary.500",
       color: "white",
       _hover: {
@@ -79,24 +71,33 @@ const Button = defineStyleConfig({
       },
     },
 
-    ghost: {
+    secondary: {
       color: "primary.500",
-      borderRadius: 2,
+      bg: "primary.100",
+      _hover: {
+        bg: "primary.200",
+      },
+    },
+
+    plain: {
+      bg: "gray.200",
+      color: "gray.500",
       _hover: {
-        bg: "primary.500",
-        color: "white",
-        borderRadius: 2,
+        bg: "gray.300",
       },
     },
 
-    grayGhost: {
-      color: "#000",
+    text: {
+      color: "primary.500",
+      _hover: {
+        bg: "primary.100",
+      },
     },
   },
   // The default size and variant values
   defaultProps: {
     size: "md",
-    variant: "solid",
+    variant: "primary",
   },
 });
 
diff --git a/web/src/components/EditableTable/index.tsx b/web/src/components/EditableTable/index.tsx
index 3d1ccd7f4d..464a7e34a0 100644
--- a/web/src/components/EditableTable/index.tsx
+++ b/web/src/components/EditableTable/index.tsx
@@ -133,7 +133,6 @@ const EditableTable = function (props: {
       <Button
         leftIcon={<AddIcon />}
         style={{ borderTopLeftRadius: 0, borderTopRightRadius: 0 }}
-        size="m"
         px="6"
         className="h-10"
         onClick={handleAdd}
diff --git a/web/src/components/Panel/index.module.scss b/web/src/components/Panel/index.module.scss
index 101260a7d2..807d6a4c25 100644
--- a/web/src/components/Panel/index.module.scss
+++ b/web/src/components/Panel/index.module.scss
@@ -1,22 +1,21 @@
 .sectionHeader {
-  min-height: 36px;
+  min-height: 50px;
   display: flex;
   align-items: center;
 
   h4 {
-    padding-left: 16px;
+    padding-left: 14px;
     font-weight: 500;
     font-size: 14px;
     position: relative;
 
     &::before {
       content: " ";
-      height: 10px;
+      height: 15px;
       position: absolute;
       left: 0;
-      top: 2px;
+      top: 3px;
       width: 3px;
-      height: 16px;
       background: #00a99d;
       border-radius: 24px;
     }
diff --git a/web/src/layouts/Header/UserSetting/index.tsx b/web/src/layouts/Header/UserSetting/index.tsx
index 65ff51e2aa..682ddbc763 100644
--- a/web/src/layouts/Header/UserSetting/index.tsx
+++ b/web/src/layouts/Header/UserSetting/index.tsx
@@ -1,15 +1,22 @@
-import { Menu, MenuButton, MenuItem, MenuList } from "@chakra-ui/react";
+import { Avatar, Menu, MenuButton, MenuItem, MenuList } from "@chakra-ui/react";
 import { t } from "i18next";
 
 import SettingModal from "@/pages/app/setting";
 import PATList from "@/pages/app/setting/PATList";
-export default function UserSetting(props: { avatar: string; width: number }) {
+export default function UserSetting(props: { name: string; avatar?: string; width: string }) {
   return (
     <Menu>
       <MenuButton>
-        <img src={props.avatar} className="rounded-full" width={props.width} alt="avatar" />
+        <Avatar
+          size="sm"
+          name={props.name}
+          bgColor="green.500"
+          color="white"
+          boxShadow="base"
+          boxSize={props.width}
+        />
       </MenuButton>
-      <MenuList minW={24}>
+      <MenuList minW={"150px"}>
         <SettingModal
           headerTitle={t("SettingPanel.UserSetting")}
           tabMatch={[
diff --git a/web/src/layouts/Header/index.tsx b/web/src/layouts/Header/index.tsx
index 1dc9fbbc62..38a1b0e075 100644
--- a/web/src/layouts/Header/index.tsx
+++ b/web/src/layouts/Header/index.tsx
@@ -2,8 +2,6 @@
  * laf website header nav
  ***************************/
 
-import { RiCodeBoxFill } from "react-icons/ri";
-
 import UserSetting from "./UserSetting";
 
 import useGlobalStore from "@/pages/globalStore";
@@ -12,14 +10,19 @@ export default function Header(props: { size: "sm" | "lg" }) {
   const { userInfo } = useGlobalStore((state) => state);
 
   return (
-    <div className="flex justify-between px-10 py-4">
+    <div className="flex justify-between px-10 py-4 h-[60px]">
       <div className="flex items-center">
-        <RiCodeBoxFill size={32} className="mr-2" color="green" />
-        <span className="text-2xl font-semibold">LaF</span>
+        <img src="/logo.png" alt="logo" width={30} />
       </div>
 
       <div>
-        {userInfo.profile ? <UserSetting avatar={userInfo.profile?.avatar} width={30} /> : null}
+        {userInfo?.profile ? (
+          <UserSetting
+            name={userInfo?.profile?.name}
+            avatar={userInfo?.profile?.avatar}
+            width={"30px"}
+          />
+        ) : null}
       </div>
     </div>
   );
diff --git a/web/src/pages/app/database/CollectionDataList/index.tsx b/web/src/pages/app/database/CollectionDataList/index.tsx
index 13332b0e2e..e6b896ecfb 100644
--- a/web/src/pages/app/database/CollectionDataList/index.tsx
+++ b/web/src/pages/app/database/CollectionDataList/index.tsx
@@ -21,37 +21,6 @@ export default function CollectionDataList() {
       ) : (
         <DataPanel />
       )}
-      {/* <Tabs className="h-full">
-        <TabList>
-          <Tab>数据管理</Tab>
-          <Tab>索引管理</Tab>
-          <Tab>集合结构</Tab>
-        </TabList>
-        <TabPanels className="h-full">
-          <TabPanel
-            className="overflow-hidden relative !pt-1"
-            style={{ height: "calc(100% - 55px)" }}
-          >
-            {store.currentDB === undefined ? (
-              <div className="h-full flex items-center  justify-center">
-                <CreateCollectionModal>
-                  <Button size="lg" variant="ghost" leftIcon={<AddIcon />}>
-                    {t("CollectionPanel.AddCollection")}
-                  </Button>
-                </CreateCollectionModal>
-              </div>
-            ) : (
-              <DataPanel />
-            )}
-          </TabPanel>
-          <TabPanel>
-            <IndexPanel />
-          </TabPanel>
-          <TabPanel className="overflow-hidden relative" style={{ height: "calc(100% - 35px)" }}>
-            <ColPanel />
-          </TabPanel>
-        </TabPanels>
-      </Tabs > */}
     </>
   );
 }
diff --git a/web/src/pages/app/database/CollectionDataList/mods/IndexPanel/addIndexModal/index.tsx b/web/src/pages/app/database/CollectionDataList/mods/IndexPanel/addIndexModal/index.tsx
index 9c626e50c3..1a191a8cc4 100644
--- a/web/src/pages/app/database/CollectionDataList/mods/IndexPanel/addIndexModal/index.tsx
+++ b/web/src/pages/app/database/CollectionDataList/mods/IndexPanel/addIndexModal/index.tsx
@@ -66,7 +66,7 @@ function AddIndexModal() {
             </FormControl>
           </ModalBody>
           <ModalFooter className="mt-20">
-            <Button colorScheme="blue" mr={3} onClick={onClose}>
+            <Button mr={3} onClick={onClose}>
               {t("Cancel")}
             </Button>
             <Button variant="ghost">{t("Confirm")}</Button>
diff --git a/web/src/pages/app/functions/mods/DebugPanel/index.tsx b/web/src/pages/app/functions/mods/DebugPanel/index.tsx
index 965c0eb1d0..5926b73853 100644
--- a/web/src/pages/app/functions/mods/DebugPanel/index.tsx
+++ b/web/src/pages/app/functions/mods/DebugPanel/index.tsx
@@ -10,6 +10,7 @@ import {
   TabPanel,
   TabPanels,
   Tabs,
+  Tooltip,
 } from "@chakra-ui/react";
 import axios from "axios";
 import { t } from "i18next";
@@ -51,7 +52,7 @@ export default function DebugPanel() {
   const [bodyParams, setBodyParams] = useState({});
   const [headerParams, setHeaderParams] = useState([]);
 
-  useHotKey(
+  const { displayName } = useHotKey(
     DEFAULT_SHORTCUTS.send_request,
     () => {
       runningCode();
@@ -85,7 +86,7 @@ export default function DebugPanel() {
           data: bodyParams,
           headers: Object.assign(mapValues(keyBy(headerParams, "name"), "value"), {
             "x-laf-debug-token": `${globalStore.currentApp?.function_debug_token}`,
-            "x-laf-func-data": _funcData,
+            "x-laf-func-data": encodeURIComponent(_funcData),
           }),
         });
 
@@ -105,7 +106,7 @@ export default function DebugPanel() {
       <Row>
         <Panel className="flex-1">
           <Tabs width="100%" colorScheme={"green"} display="flex" flexDirection={"column"} h="full">
-            <TabList>
+            <TabList h={"50px"}>
               <Tab px="0">
                 <span className="text-black font-semibold">
                   {t("FunctionPanel.InterfaceDebug")}
@@ -136,16 +137,17 @@ export default function DebugPanel() {
                         );
                       })}
                     </Select>
-                    <Button
-                      disabled={getFunctionUrl() === ""}
-                      className="ml-2"
-                      onClick={() => runningCode()}
-                      bg="#E0F6F4"
-                      color="primary.500"
-                      isLoading={isLoading}
-                    >
-                      {t("FunctionPanel.Debug")}
-                    </Button>
+                    <Tooltip label={`快捷键: ${displayName.toUpperCase()}`}>
+                      <Button
+                        variant={"secondary"}
+                        disabled={getFunctionUrl() === ""}
+                        className="ml-2"
+                        onClick={() => runningCode()}
+                        isLoading={isLoading}
+                      >
+                        {t("FunctionPanel.Debug")}
+                      </Button>
+                    </Tooltip>
                   </div>
                   <div>
                     <Tabs p="0" variant="soft-rounded" colorScheme={"gray"} size={"sm"}>
diff --git a/web/src/pages/app/functions/mods/DependencePanel/AddDependenceModal/index.tsx b/web/src/pages/app/functions/mods/DependencePanel/AddDependenceModal/index.tsx
index abe6189159..e84c4e623d 100644
--- a/web/src/pages/app/functions/mods/DependencePanel/AddDependenceModal/index.tsx
+++ b/web/src/pages/app/functions/mods/DependencePanel/AddDependenceModal/index.tsx
@@ -325,12 +325,11 @@ const AddDependenceModal = () => {
             )}
 
             <Button
-              colorScheme="blue"
               onClick={() => {
                 submitDependence();
               }}
             >
-              {t("Confirm")}
+              {t("SaveAndRestart")}
             </Button>
           </ModalFooter>
         </ModalContent>
diff --git a/web/src/pages/app/functions/mods/DeployButton/index.tsx b/web/src/pages/app/functions/mods/DeployButton/index.tsx
index 2fc9115da8..bc5c16a467 100644
--- a/web/src/pages/app/functions/mods/DeployButton/index.tsx
+++ b/web/src/pages/app/functions/mods/DeployButton/index.tsx
@@ -30,7 +30,7 @@ export default function DeployButton() {
 
   const updateFunctionMutation = useUpdateFunctionMutation();
 
-  const { displayName } = useHotKey(
+  useHotKey(
     DEFAULT_SHORTCUTS.deploy,
     async () => {
       onOpen();
@@ -61,14 +61,13 @@ export default function DeployButton() {
   return (
     <>
       <Button
-        px={8}
+        variant="text"
         disabled={store.getFunctionUrl() === ""}
-        colorScheme="blue"
         onClick={() => {
           onOpen();
         }}
       >
-        {t("FunctionPanel.Deploy")} ({displayName.toUpperCase()})
+        {t("FunctionPanel.Deploy")}
       </Button>
 
       {isOpen ? (
@@ -85,11 +84,11 @@ export default function DeployButton() {
             </ModalBody>
 
             <ModalFooter>
-              <Button mr={3} onClick={onClose}>
-                {t(" Cancel")}
+              <Button variant="ghost" mr={3} onClick={onClose}>
+                {t("Cancel")}
               </Button>
               <Button
-                colorScheme={"blue"}
+                variant="primary"
                 onClick={() => {
                   deploy();
                 }}
diff --git a/web/src/pages/app/functions/mods/EditorPanel/FunctionDetailPopOver.tsx b/web/src/pages/app/functions/mods/EditorPanel/FunctionDetailPopOver.tsx
new file mode 100644
index 0000000000..5dd4c14107
--- /dev/null
+++ b/web/src/pages/app/functions/mods/EditorPanel/FunctionDetailPopOver.tsx
@@ -0,0 +1,39 @@
+import { BiMessageSquareDetail } from "react-icons/bi";
+import { Popover, PopoverBody, PopoverContent, PopoverTrigger, Portal } from "@chakra-ui/react";
+
+import FileTypeIcon from "@/components/FileTypeIcon";
+import IconWrap from "@/components/IconWrap";
+import { formatDate } from "@/utils/format";
+
+import useFunctionStore from "../../store";
+
+const FunctionDetailPopOver = () => {
+  const { currentFunction } = useFunctionStore();
+  return (
+    <Popover trigger="hover" placement="bottom-start" isLazy>
+      <IconWrap>
+        <PopoverTrigger>
+          <span>
+            <BiMessageSquareDetail />
+          </span>
+        </PopoverTrigger>
+      </IconWrap>
+      <Portal>
+        <PopoverContent width={"400px"}>
+          <PopoverBody px="6" py="4">
+            <h2 className="text-2xl mb-1">
+              <span className="align-middle">{currentFunction.name}</span>{" "}
+              <FileTypeIcon type="ts" />
+            </h2>
+            <div className="text-second">
+              <span>更新于 {formatDate(currentFunction.updatedAt)}</span>
+              <p className="mt-2">{currentFunction.desc}</p>
+            </div>
+          </PopoverBody>
+        </PopoverContent>
+      </Portal>
+    </Popover>
+  );
+};
+
+export default FunctionDetailPopOver;
diff --git a/web/src/pages/app/functions/mods/EditorPanel/index.tsx b/web/src/pages/app/functions/mods/EditorPanel/index.tsx
index 13b4dd5804..5b7f99ae10 100644
--- a/web/src/pages/app/functions/mods/EditorPanel/index.tsx
+++ b/web/src/pages/app/functions/mods/EditorPanel/index.tsx
@@ -9,6 +9,8 @@ import useFunctionStore from "../../store";
 import DeployButton from "../DeployButton";
 import CreateModal from "../FunctionPanel/CreateModal";
 
+import FunctionDetailPopOver from "./FunctionDetailPopOver";
+
 import useFunctionCache from "@/hooks/useFunctionCache";
 
 function EditorPanel() {
@@ -20,36 +22,24 @@ function EditorPanel() {
   return (
     <Panel className="flex-1 flex-grow">
       {currentFunction?.name ? (
-        <Panel.Header style={{ borderBottom: "2px solid #F4F6F8" }} className="!mb-3">
-          <div className="flex items-center h-[50px]">
-            <span className="font-bold text-lg ml-2">
-              {currentFunction?.name}
-              <span className="ml-2 text-slate-400 font-normal">
-                {currentFunction?.desc ? currentFunction?.desc : ""}
+        <Panel.Header style={{ borderBottom: "2px solid #F4F6F8" }} className="!mb-3 h-[50px]">
+          <HStack maxW={"60%"} spacing={2}>
+            <span className="font-bold text-lg">{currentFunction?.name}</span>
+            <FunctionDetailPopOver />
+            {currentFunction?.id &&
+              functionCache.getCache(currentFunction?.id) !== currentFunction?.source?.code && (
+                <span className="flex-none inline-block w-2 h-2 rounded-full bg-yellow-600"></span>
+              )}
+            {currentFunction?.desc ? (
+              <span className="text-slate-400 font-normal whitespace-nowrap overflow-hidden">
+                {currentFunction?.desc}
               </span>
-            </span>
-            <span className="ml-4 ">
-              {/* {currentFunction?.id &&
-          functionCache.getCache(currentFunction?.id) !== currentFunction?.source?.code && (
-            <div>
-              <Badge colorScheme="purple">{t("Editing...")}</Badge>
-            </div>
-          )} */}
-
-              {/* <FileStatusIcon status={FileStatus.deleted} /> */}
-            </span>
-          </div>
+            ) : null}
+          </HStack>
 
-          <HStack>
-            <CopyText className="ml-2" text={getFunctionUrl()}>
-              <Input
-                size="sm"
-                bg="#F1F4F6"
-                border="none"
-                readOnly
-                rounded={4}
-                value={getFunctionUrl()}
-              />
+          <HStack spacing={1}>
+            <CopyText text={getFunctionUrl()}>
+              <Input minW={"200px"} size="sm" readOnly value={getFunctionUrl()} />
             </CopyText>
 
             <DeployButton />
@@ -68,7 +58,7 @@ function EditorPanel() {
           }}
         />
       ) : (
-        <Center className="h-full">
+        <Center className="h-full text-lg">
           {t("FunctionPanel.EmptyText")}
           <CreateModal key="create_modal_new">
             <span className="ml-2 text-blue-500 cursor-pointer">{t("CreateNow")}</span>
diff --git a/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/functionTemplates.ts b/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/functionTemplates.ts
index 90304fc267..839821bedc 100644
--- a/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/functionTemplates.ts
+++ b/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/functionTemplates.ts
@@ -1,8 +1,7 @@
 const functionTemplates = [
   {
     label: "hello laf",
-    value: `
-import cloud from '@lafjs/cloud'
+    value: `import cloud from '@lafjs/cloud'
 
 exports.main = async function (ctx: FunctionContext) {
   console.log('Hello World')
@@ -12,8 +11,7 @@ exports.main = async function (ctx: FunctionContext) {
   },
   {
     label: "database 示例",
-    value: `
-import cloud from '@lafjs/cloud'
+    value: `import cloud from '@lafjs/cloud'
 
 exports.main = async function (ctx: FunctionContext) {
 
diff --git a/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/index.tsx b/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/index.tsx
index 2764f5633d..7e5d67501a 100644
--- a/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/index.tsx
+++ b/web/src/pages/app/functions/mods/FunctionPanel/CreateModal/index.tsx
@@ -182,8 +182,15 @@ const CreateModal = (props: { functionItem?: any; children?: React.ReactElement
           </ModalBody>
 
           <ModalFooter>
-            <Button colorScheme="blue" type="submit" onClick={handleSubmit(onSubmit)}>
-              {t("Confirm")}
+            <Button
+              variant="ghost"
+              mr={3}
+              onClick={() => {
+                onClose();
+              }}
+            >{t`Cancel`}</Button>
+            <Button type="submit" onClick={handleSubmit(onSubmit)}>
+              {t`Confirm`}
             </Button>
           </ModalFooter>
         </ModalContent>
diff --git a/web/src/pages/app/mods/SideBar/index.tsx b/web/src/pages/app/mods/SideBar/index.tsx
index 364c268bca..2087ec9e8a 100644
--- a/web/src/pages/app/mods/SideBar/index.tsx
+++ b/web/src/pages/app/mods/SideBar/index.tsx
@@ -4,7 +4,6 @@
 
 import { AiFillDatabase, AiOutlineFunction } from "react-icons/ai";
 import { GrCatalogOption, GrSettingsOption, GrStorage } from "react-icons/gr";
-import { RiCodeBoxFill } from "react-icons/ri";
 import { useNavigate, useParams } from "react-router-dom";
 import { Center } from "@chakra-ui/react";
 import clsx from "clsx";
@@ -29,7 +28,7 @@ export default function SideBar() {
   const ICONS = [
     {
       pageId: "nav",
-      component: <RiCodeBoxFill size={32} />,
+      component: <img src="/logo.png" alt="logo" width={24} />,
     },
     {
       pageId: Pages.function,
@@ -89,7 +88,13 @@ export default function SideBar() {
     // },
     {
       pageId: Pages.userSetting,
-      component: <UserSetting avatar={userInfo.profile?.avatar} width={28} />,
+      component: (
+        <UserSetting
+          name={userInfo?.profile.name || ""}
+          avatar={userInfo?.profile?.avatar}
+          width={"28px"}
+        />
+      ),
     },
     {
       pageId: Pages.setting,
@@ -127,11 +132,12 @@ export default function SideBar() {
                     style={{
                       height: 48,
                     }}
+                    className="cursor-pointer"
                     onClick={() => {
                       navigate("/");
                     }}
                   >
-                    <RiCodeBoxFill size={32} />
+                    {item.component}
                   </Center>
                 );
               }
diff --git a/web/src/pages/app/storages/mods/CreateFolderModal/index.tsx b/web/src/pages/app/storages/mods/CreateFolderModal/index.tsx
index 2f442b4b4f..b1e986648a 100644
--- a/web/src/pages/app/storages/mods/CreateFolderModal/index.tsx
+++ b/web/src/pages/app/storages/mods/CreateFolderModal/index.tsx
@@ -68,7 +68,6 @@ function CreateModal({ onCreateSuccess }: { onCreateSuccess: () => void }) {
 
           <ModalFooter>
             <Button
-              colorScheme="blue"
               type="submit"
               onClick={handleSubmit(async (value) => {
                 await uploadFile(currentStorage?.name!, prefix + value.prefix + "/", null, {
diff --git a/web/src/pages/globalStore.ts b/web/src/pages/globalStore.ts
index 755ef7fb02..b48bbfb663 100644
--- a/web/src/pages/globalStore.ts
+++ b/web/src/pages/globalStore.ts
@@ -5,7 +5,7 @@ import { immer } from "zustand/middleware/immer";
 
 import { APP_PHASE_STATUS } from "@/constants";
 
-import { TApplication } from "@/apis/typing";
+import { TApplication, TUserInfo } from "@/apis/typing";
 import { ApplicationControllerUpdate } from "@/apis/v1/applications";
 import { AuthControllerGetSigninUrl } from "@/apis/v1/login";
 import { AuthControllerGetProfile } from "@/apis/v1/profile";
@@ -15,7 +15,7 @@ import { AppControllerGetRuntimes } from "@/apis/v1/runtimes";
 const { toast } = createStandaloneToast();
 
 type State = {
-  userInfo: any;
+  userInfo: TUserInfo | undefined;
   loading: boolean;
   runtimes?: any[];
   regions?: any[];
@@ -37,7 +37,7 @@ type State = {
 const useGlobalStore = create<State>()(
   devtools(
     immer((set, get) => ({
-      userInfo: {},
+      userInfo: undefined,
 
       currentApp: undefined,
 
@@ -58,7 +58,7 @@ const useGlobalStore = create<State>()(
 
       init: async () => {
         const userInfo = get().userInfo;
-        if (userInfo.id) {
+        if (userInfo?.id) {
           return;
         }
 
diff --git a/web/src/pages/home/mods/CreateAppModal/index.tsx b/web/src/pages/home/mods/CreateAppModal/index.tsx
index d154ab4b1f..7f68330bac 100644
--- a/web/src/pages/home/mods/CreateAppModal/index.tsx
+++ b/web/src/pages/home/mods/CreateAppModal/index.tsx
@@ -198,7 +198,6 @@ const CreateAppModal = (props: { application?: any; children: React.ReactElement
 
           <ModalFooter>
             <Button
-              colorScheme="blue"
               isLoading={appCreateMutation.isLoading}
               type="submit"
               onClick={handleSubmit(onSubmit)}
diff --git a/web/src/pages/home/mods/List/index.tsx b/web/src/pages/home/mods/List/index.tsx
index d5e9e0274a..749080f2a4 100644
--- a/web/src/pages/home/mods/List/index.tsx
+++ b/web/src/pages/home/mods/List/index.tsx
@@ -105,7 +105,7 @@ function List(props: { appListQuery: any }) {
                     className="mr-2"
                     fontWeight={"semibold"}
                     size={"sm"}
-                    variant={"ghost"}
+                    variant={"text"}
                     onClick={(event) => {
                       event?.preventDefault();
                       setCurrentApp(item?.appid);
diff --git a/web/src/utils/request.ts b/web/src/utils/request.ts
index 453e7344e3..0f7004b3b4 100644
--- a/web/src/utils/request.ts
+++ b/web/src/utils/request.ts
@@ -50,7 +50,7 @@ request.interceptors.response.use(
       const { data } = error.response;
       if (data.statusCode === 401) {
         // eslint-disable-next-line no-restricted-globals
-        (window as any).location.href = (import.meta.env.VITE_SERVER_URL + "/v1/login") as string;
+        // (window as any).location.href = (import.meta.env.VITE_SERVER_URL + "/v1/login") as string;
         return;
       }
       toast({