💄 style: 优化 document title

src/locales/default/setting.ts

@@ -17,6 +17,7 @@ export default {
   header: {
     global: '全局设置',
     session: '会话设置',
+    sessionWithName: '会话设置 · {{name}}',
   },
   settingAgent: {
     avatar: {

src/pages/chat/[id]/edit/index.page.tsx

@@ -2,9 +2,11 @@ import Head from 'next/head';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
+import { shallow } from 'zustand/shallow';
 
 import HeaderSpacing from '@/components/HeaderSpacing';
 import { HEADER_HEIGHT } from '@/const/layoutTokens';
+import { agentSelectors, useSessionStore } from '@/store/session';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import ChatLayout from '../../layout';
@@ -17,7 +19,8 @@ import Header from './Header';
 const EditPage = memo(() => {
   const { t } = useTranslation('setting');
 
-  const pageTitle = genSiteHeadTitle(t('header.session'));
+  const title = useSessionStore(agentSelectors.currentAgentTitle, shallow);
+  const pageTitle = genSiteHeadTitle(t('header.sessionWithName', { name: title }));
 
   return (
     <>

src/utils/genSiteHeadTitle.ts

@@ -1 +1 @@
-export const genSiteHeadTitle = (title?: string) => (title ? `${title} - LobeChat` : 'LobeChat');
+export const genSiteHeadTitle = (title?: string) => (title ? `${title} · LobeChat` : 'LobeChat');