### Authentication
- Service API of Dify authenticates using an `API-Key`.
+ Service API authenticates using an `API-Key`.
It is suggested that developers store the `API-Key` in the backend instead of sharing or storing it in the client side to avoid the leakage of the `API-Key`, which may lead to property loss.
diff --git a/web/app/account/header.tsx b/web/app/account/header.tsx
index 694533e5ab..bdda2ec7f6 100644
--- a/web/app/account/header.tsx
+++ b/web/app/account/header.tsx
@@ -5,9 +5,11 @@ import { useRouter } from 'next/navigation'
import Button from '../components/base/button'
import Avatar from './avatar'
import LogoSite from '@/app/components/base/logo/logo-site'
+import { useGlobalPublicStore } from '@/context/global-public-context'
const Header = () => {
const { t } = useTranslation()
+ const { systemFeatures } = useGlobalPublicStore()
const router = useRouter()
const back = () => {
@@ -25,7 +27,7 @@ const Header = () => {
diff --git a/web/app/account/layout.tsx b/web/app/account/layout.tsx
index d64b72d1af..dd90237447 100644
--- a/web/app/account/layout.tsx
+++ b/web/app/account/layout.tsx
@@ -1,6 +1,5 @@
import React from 'react'
import type { ReactNode } from 'react'
-import { t } from 'i18next'
import Header from './header'
import SwrInitor from '@/app/components/swr-initor'
import { AppContextProvider } from '@/context/app-context'
@@ -33,9 +32,4 @@ const Layout = ({ children }: { children: ReactNode }) => {
>
)
}
-
-export const metadata = {
- title: t('common.menus.account'),
-}
-
export default Layout
diff --git a/web/app/account/page.tsx b/web/app/account/page.tsx
index bb7e7f7feb..9ebf0225a0 100644
--- a/web/app/account/page.tsx
+++ b/web/app/account/page.tsx
@@ -1,6 +1,11 @@
+'use client'
+import { useTranslation } from 'react-i18next'
import AccountPage from './account-page'
+import useDocumentTitle from '@/hooks/use-document-title'
export default function Account() {
+ const { t } = useTranslation()
+ useDocumentTitle(t('common.menus.account'))
return