From ee51478618bb65a9de6ffb326cbe6e59acce1aa3 Mon Sep 17 00:00:00 2001
From: Gao Sun <gao@silverhand.io>
Date: Wed, 29 Mar 2023 01:51:14 +0800
Subject: [PATCH] refactor(console): update page title and manually track pv
 (#3625)

---
 packages/console/package.json                 |  2 ++
 packages/console/src/App.tsx                  |  6 ++--
 .../console/src/components/PageMeta/index.tsx | 32 +++++++++++++++++
 packages/console/src/consts/tenants.ts        |  2 ++
 .../src/onboarding/pages/About/index.tsx      |  2 ++
 .../src/onboarding/pages/Congrats/index.tsx   |  2 ++
 .../pages/SignInExperience/index.tsx          |  2 ++
 .../src/onboarding/pages/Welcome/index.tsx    |  2 ++
 .../src/pages/ApiResourceDetails/index.tsx    |  2 ++
 .../console/src/pages/ApiResources/index.tsx  |  2 ++
 .../src/pages/ApplicationDetails/index.tsx    |  2 ++
 .../console/src/pages/Applications/index.tsx  |  2 ++
 .../src/pages/AuditLogDetails/index.tsx       |  2 ++
 .../console/src/pages/AuditLogs/index.tsx     |  2 ++
 .../src/pages/ConnectorDetails/index.tsx      |  2 ++
 .../console/src/pages/Connectors/index.tsx    |  2 ++
 .../console/src/pages/Dashboard/index.tsx     |  2 ++
 .../console/src/pages/GetStarted/index.tsx    |  2 ++
 packages/console/src/pages/NotFound/index.tsx |  5 +++
 packages/console/src/pages/Profile/index.tsx  |  2 ++
 packages/console/src/pages/Roles/index.tsx    |  2 ++
 .../SignInExperience/tabs/Branding/index.tsx  |  3 ++
 .../SignInExperience/tabs/Others/index.tsx    |  3 ++
 .../tabs/SignUpAndSignIn/index.tsx            |  5 +++
 .../console/src/pages/UserDetails/index.tsx   |  2 ++
 packages/console/src/pages/Users/index.tsx    |  2 ++
 packages/console/src/utils/app-insights.ts    |  2 +-
 packages/console/src/utils/set-title.ts       |  9 -----
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../de/translation/admin-console/cloud.ts     |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../de/translation/admin-console/dashboard.ts |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../de/translation/admin-console/logs.ts      |  1 +
 .../de/translation/admin-console/profile.ts   |  1 +
 .../de/translation/admin-console/roles.ts     |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  7 ++--
 .../translation/admin-console/user-details.ts |  1 +
 .../de/translation/admin-console/users.ts     |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../en/translation/admin-console/cloud.ts     |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../en/translation/admin-console/dashboard.ts |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../en/translation/admin-console/logs.ts      |  1 +
 .../en/translation/admin-console/profile.ts   |  1 +
 .../en/translation/admin-console/roles.ts     |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  7 ++--
 .../translation/admin-console/user-details.ts |  1 +
 .../en/translation/admin-console/users.ts     |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../fr/translation/admin-console/cloud.ts     |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../fr/translation/admin-console/dashboard.ts |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../fr/translation/admin-console/logs.ts      |  1 +
 .../fr/translation/admin-console/profile.ts   |  1 +
 .../fr/translation/admin-console/roles.ts     |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  7 ++--
 .../translation/admin-console/user-details.ts |  1 +
 .../fr/translation/admin-console/users.ts     |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../ko/translation/admin-console/cloud.ts     |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../ko/translation/admin-console/dashboard.ts |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../ko/translation/admin-console/logs.ts      |  1 +
 .../ko/translation/admin-console/profile.ts   |  1 +
 .../ko/translation/admin-console/roles.ts     |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  1 +
 .../translation/admin-console/user-details.ts |  1 +
 .../ko/translation/admin-console/users.ts     |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../pt-br/translation/admin-console/cloud.ts  |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../translation/admin-console/dashboard.ts    |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../pt-br/translation/admin-console/logs.ts   |  3 +-
 .../translation/admin-console/profile.ts      |  1 +
 .../pt-br/translation/admin-console/roles.ts  |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  1 +
 .../translation/admin-console/user-details.ts |  1 +
 .../pt-br/translation/admin-console/users.ts  |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../pt-pt/translation/admin-console/cloud.ts  |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../translation/admin-console/dashboard.ts    |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../pt-pt/translation/admin-console/logs.ts   |  1 +
 .../translation/admin-console/profile.ts      |  1 +
 .../pt-pt/translation/admin-console/roles.ts  |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  7 ++--
 .../translation/admin-console/user-details.ts |  1 +
 .../pt-pt/translation/admin-console/users.ts  |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../tr-tr/translation/admin-console/cloud.ts  |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../translation/admin-console/dashboard.ts    |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../tr-tr/translation/admin-console/logs.ts   |  1 +
 .../translation/admin-console/profile.ts      |  1 +
 .../tr-tr/translation/admin-console/roles.ts  |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  7 ++--
 .../translation/admin-console/user-details.ts |  1 +
 .../tr-tr/translation/admin-console/users.ts  |  1 +
 .../admin-console/api-resource-details.ts     |  1 +
 .../admin-console/api-resources.ts            |  1 +
 .../admin-console/application-details.ts      |  1 +
 .../translation/admin-console/applications.ts |  1 +
 .../zh-cn/translation/admin-console/cloud.ts  |  4 +++
 .../admin-console/connector-details.ts        |  1 +
 .../translation/admin-console/connectors.ts   |  1 +
 .../translation/admin-console/dashboard.ts    |  1 +
 .../translation/admin-console/get-started.ts  |  1 +
 .../translation/admin-console/log-details.ts  |  1 +
 .../zh-cn/translation/admin-console/logs.ts   |  1 +
 .../translation/admin-console/profile.ts      |  1 +
 .../zh-cn/translation/admin-console/roles.ts  |  1 +
 .../translation/admin-console/sign-in-exp.ts  |  1 +
 .../translation/admin-console/user-details.ts |  1 +
 .../zh-cn/translation/admin-console/users.ts  |  1 +
 pnpm-lock.yaml                                | 34 +++++++++++++++++++
 157 files changed, 294 insertions(+), 29 deletions(-)
 create mode 100644 packages/console/src/components/PageMeta/index.tsx
 delete mode 100644 packages/console/src/utils/set-title.ts

diff --git a/packages/console/package.json b/packages/console/package.json
index 387152b1c..f7fccc6d8 100644
--- a/packages/console/package.json
+++ b/packages/console/package.json
@@ -46,6 +46,7 @@
     "@types/mdx-js__react": "^1.5.5",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "@types/react-helmet": "^6.1.6",
     "@types/react-modal": "^3.13.1",
     "@types/react-syntax-highlighter": "^15.5.1",
     "buffer": "^5.7.1",
@@ -80,6 +81,7 @@
     "react-dnd-html5-backend": "^16.0.0",
     "react-dom": "^18.0.0",
     "react-dropzone": "^14.2.3",
+    "react-helmet": "^6.1.0",
     "react-hook-form": "^7.34.0",
     "react-hot-toast": "^2.2.0",
     "react-i18next": "^11.18.3",
diff --git a/packages/console/src/App.tsx b/packages/console/src/App.tsx
index 6760a9f6a..2e43933f8 100644
--- a/packages/console/src/App.tsx
+++ b/packages/console/src/App.tsx
@@ -3,6 +3,7 @@ import { LogtoProvider } from '@logto/react';
 import { adminConsoleApplicationId, PredefinedScope } from '@logto/schemas';
 import { conditionalArray, deduplicate } from '@silverhand/essentials';
 import { useContext } from 'react';
+import { Helmet } from 'react-helmet';
 
 import 'overlayscrollbars/styles/overlayscrollbars.css';
 import './scss/normalized.scss';
@@ -15,7 +16,7 @@ import CloudApp from '@/cloud/App';
 import { cloudApi, getManagementApi, meApi } from '@/consts/resources';
 import initI18n from '@/i18n/init';
 
-import { adminTenantEndpoint } from './consts';
+import { adminTenantEndpoint, mainTitle } from './consts';
 import { isCloud } from './consts/cloud';
 import ErrorBoundary from './containers/ErrorBoundary';
 import TenantAppContainer from './containers/TenantAppContainer';
@@ -23,10 +24,8 @@ import AppConfirmModalProvider from './contexts/AppConfirmModalProvider';
 import AppEndpointsProvider from './contexts/AppEndpointsProvider';
 import { AppThemeProvider } from './contexts/AppThemeProvider';
 import TenantsProvider, { TenantsContext } from './contexts/TenantsProvider';
-import setTitle from './utils/set-title';
 
 void initI18n();
-setTitle();
 
 function Content() {
   const { tenants, isSettle, currentTenantId } = useContext(TenantsContext);
@@ -64,6 +63,7 @@ function Content() {
       }}
     >
       <AppThemeProvider>
+        <Helmet titleTemplate={`%s - ${mainTitle}`} defaultTitle={mainTitle} />
         <ErrorBoundary>
           {!isCloud || isSettle ? (
             <AppEndpointsProvider>
diff --git a/packages/console/src/components/PageMeta/index.tsx b/packages/console/src/components/PageMeta/index.tsx
new file mode 100644
index 000000000..d06088210
--- /dev/null
+++ b/packages/console/src/components/PageMeta/index.tsx
@@ -0,0 +1,32 @@
+import type { AdminConsoleKey } from '@logto/phrases';
+import { useEffect, useState } from 'react';
+import { Helmet } from 'react-helmet';
+import { useTranslation } from 'react-i18next';
+
+import { getAppInsights } from '@/utils/app-insights';
+
+type Props = {
+  titleKey: AdminConsoleKey | AdminConsoleKey[];
+  // eslint-disable-next-line react/boolean-prop-naming
+  trackPageView?: boolean;
+};
+
+function PageMeta({ titleKey, trackPageView = true }: Props) {
+  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
+  const [pageViewTracked, setPageViewTracked] = useState(false);
+  const keys = typeof titleKey === 'string' ? [titleKey] : titleKey;
+  const rawTitle = keys.map((key) => t(key, { lng: 'en' })).join(' - ');
+  const title = keys.map((key) => t(key)).join(' - ');
+
+  useEffect(() => {
+    // Only track once for the same page
+    if (trackPageView && !pageViewTracked) {
+      getAppInsights()?.trackPageView({ name: rawTitle });
+      setPageViewTracked(true);
+    }
+  }, [pageViewTracked, rawTitle, trackPageView]);
+
+  return <Helmet title={title} />;
+}
+
+export default PageMeta;
diff --git a/packages/console/src/consts/tenants.ts b/packages/console/src/consts/tenants.ts
index b24225730..d41e6d31b 100644
--- a/packages/console/src/consts/tenants.ts
+++ b/packages/console/src/consts/tenants.ts
@@ -17,6 +17,8 @@ const getAdminTenantEndpoint = () => {
 
 export const adminTenantEndpoint = getAdminTenantEndpoint();
 
+export const mainTitle = isCloud ? 'Logto Cloud' : 'Logto Console';
+
 export const getUserTenantId = () => {
   if (isCloud) {
     const segment = window.location.pathname.split('/')[1];
diff --git a/packages/console/src/onboarding/pages/About/index.tsx b/packages/console/src/onboarding/pages/About/index.tsx
index fad96e360..c97fae3cf 100644
--- a/packages/console/src/onboarding/pages/About/index.tsx
+++ b/packages/console/src/onboarding/pages/About/index.tsx
@@ -8,6 +8,7 @@ import Case from '@/assets/images/case.svg';
 import Button from '@/components/Button';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
+import PageMeta from '@/components/PageMeta';
 import TextInput from '@/components/TextInput';
 import useUserOnboardingData from '@/onboarding/hooks/use-user-onboarding-data';
 import * as pageLayout from '@/onboarding/scss/layout.module.scss';
@@ -55,6 +56,7 @@ function About() {
 
   return (
     <div className={pageLayout.page}>
+      <PageMeta titleKey="cloud.about.page_title" />
       <OverlayScrollbar className={pageLayout.contentContainer}>
         <div className={pageLayout.content}>
           <Case />
diff --git a/packages/console/src/onboarding/pages/Congrats/index.tsx b/packages/console/src/onboarding/pages/Congrats/index.tsx
index c22a274b1..d7d2bc3f3 100644
--- a/packages/console/src/onboarding/pages/Congrats/index.tsx
+++ b/packages/console/src/onboarding/pages/Congrats/index.tsx
@@ -7,6 +7,7 @@ import CongratsImage from '@/assets/images/congrats.svg';
 import Button from '@/components/Button';
 import Divider from '@/components/Divider';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
+import PageMeta from '@/components/PageMeta';
 import { TenantsContext } from '@/contexts/TenantsProvider';
 import Reservation from '@/onboarding/components/Reservation';
 import useUserOnboardingData from '@/onboarding/hooks/use-user-onboarding-data';
@@ -28,6 +29,7 @@ function Congrats() {
 
   return (
     <div className={pageLayout.page}>
+      <PageMeta titleKey="cloud.congrats.page_title" />
       <OverlayScrollbar className={pageLayout.contentContainer}>
         <div className={classNames(pageLayout.content, styles.content)}>
           <CongratsImage className={styles.congratsImage} />
diff --git a/packages/console/src/onboarding/pages/SignInExperience/index.tsx b/packages/console/src/onboarding/pages/SignInExperience/index.tsx
index 0593ce40d..8997b56df 100644
--- a/packages/console/src/onboarding/pages/SignInExperience/index.tsx
+++ b/packages/console/src/onboarding/pages/SignInExperience/index.tsx
@@ -12,6 +12,7 @@ import Button from '@/components/Button';
 import ColorPicker from '@/components/ColorPicker';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
+import PageMeta from '@/components/PageMeta';
 import TextInput from '@/components/TextInput';
 import { ImageUploaderField } from '@/components/Uploader';
 import useApi from '@/hooks/use-api';
@@ -106,6 +107,7 @@ function SignInExperience() {
 
   return (
     <div className={pageLayout.page}>
+      <PageMeta titleKey="cloud.sie.page_title" />
       <OverlayScrollbar className={pageLayout.contentContainer}>
         <div className={styles.content}>
           <div className={styles.config}>
diff --git a/packages/console/src/onboarding/pages/Welcome/index.tsx b/packages/console/src/onboarding/pages/Welcome/index.tsx
index 5c49ea386..ef4c71d58 100644
--- a/packages/console/src/onboarding/pages/Welcome/index.tsx
+++ b/packages/console/src/onboarding/pages/Welcome/index.tsx
@@ -8,6 +8,7 @@ import WelcomeImage from '@/assets/images/sign-in-experience-welcome.svg';
 import Button from '@/components/Button';
 import FormField from '@/components/FormField';
 import OverlayScrollbar from '@/components/OverlayScrollbar';
+import PageMeta from '@/components/PageMeta';
 import ActionBar from '@/onboarding/components/ActionBar';
 import { CardSelector } from '@/onboarding/components/CardSelector';
 import useUserOnboardingData from '@/onboarding/hooks/use-user-onboarding-data';
@@ -52,6 +53,7 @@ function Welcome() {
 
   return (
     <div className={pageLayout.page}>
+      <PageMeta titleKey="cloud.welcome.page_title" />
       <OverlayScrollbar className={pageLayout.contentContainer}>
         <div className={classNames(pageLayout.content, styles.content)}>
           <WelcomeImage className={styles.congrats} />
diff --git a/packages/console/src/pages/ApiResourceDetails/index.tsx b/packages/console/src/pages/ApiResourceDetails/index.tsx
index da827702d..587c6ed97 100644
--- a/packages/console/src/pages/ApiResourceDetails/index.tsx
+++ b/packages/console/src/pages/ApiResourceDetails/index.tsx
@@ -16,6 +16,7 @@ import Card from '@/components/Card';
 import CopyToClipboard from '@/components/CopyToClipboard';
 import DeleteConfirmModal from '@/components/DeleteConfirmModal';
 import DetailsPage from '@/components/DetailsPage';
+import PageMeta from '@/components/PageMeta';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import { ApiResourceDetailsTabs } from '@/consts/page-tabs';
 import type { RequestError } from '@/hooks/use-api';
@@ -74,6 +75,7 @@ function ApiResourceDetails() {
       className={classNames(isOnPermissionPage && styles.permissionPage)}
       onRetry={mutate}
     >
+      <PageMeta titleKey="api_resource_details.page_title" />
       {data && (
         <>
           <Card className={styles.header}>
diff --git a/packages/console/src/pages/ApiResources/index.tsx b/packages/console/src/pages/ApiResources/index.tsx
index 1a4cc2755..57150804c 100644
--- a/packages/console/src/pages/ApiResources/index.tsx
+++ b/packages/console/src/pages/ApiResources/index.tsx
@@ -14,6 +14,7 @@ import CardTitle from '@/components/CardTitle';
 import CopyToClipboard from '@/components/CopyToClipboard';
 import EmptyDataPlaceholder from '@/components/EmptyDataPlaceholder';
 import ItemPreview from '@/components/ItemPreview';
+import PageMeta from '@/components/PageMeta';
 import Pagination from '@/components/Pagination';
 import Table from '@/components/Table';
 import { defaultPageSize } from '@/consts';
@@ -60,6 +61,7 @@ function ApiResources() {
 
   return (
     <div className={resourcesStyles.container}>
+      <PageMeta titleKey="api_resources.page_title" />
       <div className={resourcesStyles.headline}>
         <CardTitle title="api_resources.title" subtitle="api_resources.subtitle" />
         <Button
diff --git a/packages/console/src/pages/ApplicationDetails/index.tsx b/packages/console/src/pages/ApplicationDetails/index.tsx
index e61012cd2..5e806ad6d 100644
--- a/packages/console/src/pages/ApplicationDetails/index.tsx
+++ b/packages/console/src/pages/ApplicationDetails/index.tsx
@@ -18,6 +18,7 @@ import DeleteConfirmModal from '@/components/DeleteConfirmModal';
 import DetailsForm from '@/components/DetailsForm';
 import DetailsPage from '@/components/DetailsPage';
 import Drawer from '@/components/Drawer';
+import PageMeta from '@/components/PageMeta';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import UnsavedChangesAlertModal from '@/components/UnsavedChangesAlertModal';
 import type { RequestError } from '@/hooks/use-api';
@@ -138,6 +139,7 @@ function ApplicationDetails() {
         void mutateOidcConfig();
       }}
     >
+      <PageMeta titleKey="application_details.page_title" />
       {data && oidcConfig && (
         <>
           <Card className={styles.header}>
diff --git a/packages/console/src/pages/Applications/index.tsx b/packages/console/src/pages/Applications/index.tsx
index 99873fd17..f9ad1b59c 100644
--- a/packages/console/src/pages/Applications/index.tsx
+++ b/packages/console/src/pages/Applications/index.tsx
@@ -10,6 +10,7 @@ import Button from '@/components/Button';
 import CardTitle from '@/components/CardTitle';
 import CopyToClipboard from '@/components/CopyToClipboard';
 import ItemPreview from '@/components/ItemPreview';
+import PageMeta from '@/components/PageMeta';
 import Pagination from '@/components/Pagination';
 import Table from '@/components/Table';
 import { defaultPageSize } from '@/consts';
@@ -63,6 +64,7 @@ function Applications() {
 
   return (
     <div className={resourcesStyles.container}>
+      <PageMeta titleKey="applications.title" />
       <div className={resourcesStyles.headline}>
         <CardTitle title="applications.title" subtitle="applications.subtitle" />
         <Button
diff --git a/packages/console/src/pages/AuditLogDetails/index.tsx b/packages/console/src/pages/AuditLogDetails/index.tsx
index 2ffcfefc8..66813d65b 100644
--- a/packages/console/src/pages/AuditLogDetails/index.tsx
+++ b/packages/console/src/pages/AuditLogDetails/index.tsx
@@ -10,6 +10,7 @@ import CodeEditor from '@/components/CodeEditor';
 import DangerousRaw from '@/components/DangerousRaw';
 import DetailsPage from '@/components/DetailsPage';
 import FormField from '@/components/FormField';
+import PageMeta from '@/components/PageMeta';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import UserName from '@/components/UserName';
 import { logEventTitle } from '@/consts/logs';
@@ -51,6 +52,7 @@ function AuditLogDetails() {
       error={error}
       onRetry={mutate}
     >
+      <PageMeta titleKey="log_details.page_title" />
       {data && (
         <>
           <Card className={styles.header}>
diff --git a/packages/console/src/pages/AuditLogs/index.tsx b/packages/console/src/pages/AuditLogs/index.tsx
index bba8e9a68..2539692a0 100644
--- a/packages/console/src/pages/AuditLogs/index.tsx
+++ b/packages/console/src/pages/AuditLogs/index.tsx
@@ -1,11 +1,13 @@
 import AuditLogTable from '@/components/AuditLogTable';
 import CardTitle from '@/components/CardTitle';
+import PageMeta from '@/components/PageMeta';
 import * as resourcesStyles from '@/scss/resources.module.scss';
 import { withAppInsights } from '@/utils/app-insights';
 
 function AuditLogs() {
   return (
     <div className={resourcesStyles.container}>
+      <PageMeta titleKey="logs.page_title" />
       <div className={resourcesStyles.headline}>
         <CardTitle title="logs.title" subtitle="logs.subtitle" />
       </div>
diff --git a/packages/console/src/pages/ConnectorDetails/index.tsx b/packages/console/src/pages/ConnectorDetails/index.tsx
index 5022f20b1..399e2d8c2 100644
--- a/packages/console/src/pages/ConnectorDetails/index.tsx
+++ b/packages/console/src/pages/ConnectorDetails/index.tsx
@@ -17,6 +17,7 @@ import CopyToClipboard from '@/components/CopyToClipboard';
 import DetailsPage from '@/components/DetailsPage';
 import Drawer from '@/components/Drawer';
 import Markdown from '@/components/Markdown';
+import PageMeta from '@/components/PageMeta';
 import Status from '@/components/Status';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import UnnamedTrans from '@/components/UnnamedTrans';
@@ -111,6 +112,7 @@ function ConnectorDetails() {
         void mutateConnectorFactory();
       }}
     >
+      <PageMeta titleKey="connector_details.page_title" />
       {isSocial && <ConnectorTabs target={data.target} connectorId={data.id} />}
       {data && (
         <>
diff --git a/packages/console/src/pages/Connectors/index.tsx b/packages/console/src/pages/Connectors/index.tsx
index f210d73b0..d13bd4a72 100644
--- a/packages/console/src/pages/Connectors/index.tsx
+++ b/packages/console/src/pages/Connectors/index.tsx
@@ -12,6 +12,7 @@ import SocialConnectorEmptyDark from '@/assets/images/social-connector-empty-dar
 import SocialConnectorEmpty from '@/assets/images/social-connector-empty.svg';
 import Button from '@/components/Button';
 import CardTitle from '@/components/CardTitle';
+import PageMeta from '@/components/PageMeta';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import Table from '@/components/Table';
 import TablePlaceholder from '@/components/Table/TablePlaceholder';
@@ -102,6 +103,7 @@ function Connectors() {
 
   return (
     <>
+      <PageMeta titleKey="connectors.page_title" />
       <div className={classNames(resourcesStyles.container, styles.container)}>
         <div className={resourcesStyles.headline}>
           <CardTitle title="connectors.title" subtitle="connectors.subtitle" />
diff --git a/packages/console/src/pages/Dashboard/index.tsx b/packages/console/src/pages/Dashboard/index.tsx
index f503e15b4..f046ba2f0 100644
--- a/packages/console/src/pages/Dashboard/index.tsx
+++ b/packages/console/src/pages/Dashboard/index.tsx
@@ -15,6 +15,7 @@ import useSWR from 'swr';
 
 import AppError from '@/components/AppError';
 import Card from '@/components/Card';
+import PageMeta from '@/components/PageMeta';
 import TextInput from '@/components/TextInput';
 import type { RequestError } from '@/hooks/use-api';
 import { withAppInsights } from '@/utils/app-insights';
@@ -59,6 +60,7 @@ function Dashboard() {
 
   return (
     <div className={styles.container}>
+      <PageMeta titleKey="dashboard.title" />
       <div className={styles.header}>
         <div className={styles.title}>{t('dashboard.title')}</div>
         <div className={styles.subtitle}>{t('dashboard.description')}</div>
diff --git a/packages/console/src/pages/GetStarted/index.tsx b/packages/console/src/pages/GetStarted/index.tsx
index 471fc85a3..6467b8ea3 100644
--- a/packages/console/src/pages/GetStarted/index.tsx
+++ b/packages/console/src/pages/GetStarted/index.tsx
@@ -6,6 +6,7 @@ import CompleteIndicator from '@/assets/images/task-complete.svg';
 import Button from '@/components/Button';
 import Card from '@/components/Card';
 import ConfirmModal from '@/components/ConfirmModal';
+import PageMeta from '@/components/PageMeta';
 import Spacer from '@/components/Spacer';
 import useUserPreferences from '@/hooks/use-user-preferences';
 import { withAppInsights } from '@/utils/app-insights';
@@ -47,6 +48,7 @@ function GetStarted() {
 
   return (
     <div className={styles.container}>
+      <PageMeta titleKey="get_started.page_title" />
       <div className={styles.header}>
         <div className={styles.title}>{t('get_started.title')}</div>
         <div className={styles.subtitle}>
diff --git a/packages/console/src/pages/NotFound/index.tsx b/packages/console/src/pages/NotFound/index.tsx
index adbac3053..1c06def55 100644
--- a/packages/console/src/pages/NotFound/index.tsx
+++ b/packages/console/src/pages/NotFound/index.tsx
@@ -1,9 +1,11 @@
 import { Theme } from '@logto/schemas';
 import { useTranslation } from 'react-i18next';
+import { useLocation } from 'react-router-dom';
 
 import NotFoundDarkImage from '@/assets/images/not-found-dark.svg';
 import NotFoundImage from '@/assets/images/not-found.svg';
 import Card from '@/components/Card';
+import PageMeta from '@/components/PageMeta';
 import useTheme from '@/hooks/use-theme';
 
 import * as styles from './index.module.scss';
@@ -11,9 +13,12 @@ import * as styles from './index.module.scss';
 function NotFound() {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const theme = useTheme();
+  const location = useLocation();
 
   return (
     <div className={styles.container}>
+      {/* Don't track "not found" for the root path as it will be redirected. */}
+      <PageMeta titleKey="errors.page_not_found" trackPageView={location.pathname !== '/'} />
       <Card className={styles.content}>
         {theme === Theme.Light ? <NotFoundImage /> : <NotFoundDarkImage />}
         <div className={styles.message}>{t('errors.page_not_found')}</div>
diff --git a/packages/console/src/pages/Profile/index.tsx b/packages/console/src/pages/Profile/index.tsx
index 88e0ccdf7..28a0b1be4 100644
--- a/packages/console/src/pages/Profile/index.tsx
+++ b/packages/console/src/pages/Profile/index.tsx
@@ -7,6 +7,7 @@ import useSWRImmutable from 'swr/immutable';
 import Button from '@/components/Button';
 import CardTitle from '@/components/CardTitle';
 import FormCard from '@/components/FormCard';
+import PageMeta from '@/components/PageMeta';
 import { adminTenantEndpoint, meApi } from '@/consts';
 import { isCloud } from '@/consts/cloud';
 import type { RequestError } from '@/hooks/use-api';
@@ -43,6 +44,7 @@ function Profile() {
 
   return (
     <div className={resourcesStyles.container}>
+      <PageMeta titleKey="profile.page_title" />
       <div className={resourcesStyles.headline}>
         <CardTitle title="profile.title" subtitle="profile.description" />
       </div>
diff --git a/packages/console/src/pages/Roles/index.tsx b/packages/console/src/pages/Roles/index.tsx
index 77660a2ab..980c84d5f 100644
--- a/packages/console/src/pages/Roles/index.tsx
+++ b/packages/console/src/pages/Roles/index.tsx
@@ -10,6 +10,7 @@ import RolesEmpty from '@/assets/images/roles-empty.svg';
 import Button from '@/components/Button';
 import CardTitle from '@/components/CardTitle';
 import ItemPreview from '@/components/ItemPreview';
+import PageMeta from '@/components/PageMeta';
 import Search from '@/components/Search';
 import Table from '@/components/Table';
 import TablePlaceholder from '@/components/Table/TablePlaceholder';
@@ -57,6 +58,7 @@ function Roles() {
 
   return (
     <div className={pageStyles.container}>
+      <PageMeta titleKey="roles.page_title" />
       <div className={pageStyles.headline}>
         <CardTitle
           title="roles.title"
diff --git a/packages/console/src/pages/SignInExperience/tabs/Branding/index.tsx b/packages/console/src/pages/SignInExperience/tabs/Branding/index.tsx
index 4678d7816..9115ec250 100644
--- a/packages/console/src/pages/SignInExperience/tabs/Branding/index.tsx
+++ b/packages/console/src/pages/SignInExperience/tabs/Branding/index.tsx
@@ -1,3 +1,5 @@
+import PageMeta from '@/components/PageMeta';
+
 import TabWrapper from '../../components/TabWrapper';
 import * as styles from '../index.module.scss';
 
@@ -11,6 +13,7 @@ type Props = {
 function Branding({ isActive }: Props) {
   return (
     <TabWrapper isActive={isActive} className={styles.tabContent}>
+      {isActive && <PageMeta titleKey={['sign_in_exp.tabs.branding', 'sign_in_exp.page_title']} />}
       <BrandingForm />
       <CustomCssForm />
     </TabWrapper>
diff --git a/packages/console/src/pages/SignInExperience/tabs/Others/index.tsx b/packages/console/src/pages/SignInExperience/tabs/Others/index.tsx
index 5d112a19b..821c8613b 100644
--- a/packages/console/src/pages/SignInExperience/tabs/Others/index.tsx
+++ b/packages/console/src/pages/SignInExperience/tabs/Others/index.tsx
@@ -1,3 +1,5 @@
+import PageMeta from '@/components/PageMeta';
+
 import TabWrapper from '../../components/TabWrapper';
 import * as styles from '../index.module.scss';
 
@@ -12,6 +14,7 @@ type Props = {
 function Others({ isActive }: Props) {
   return (
     <TabWrapper isActive={isActive} className={styles.tabContent}>
+      {isActive && <PageMeta titleKey={['sign_in_exp.tabs.others', 'sign_in_exp.page_title']} />}
       <TermsForm />
       <LanguagesForm isManageLanguageVisible />
       <AuthenticationForm />
diff --git a/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/index.tsx b/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/index.tsx
index df9d097e2..6dda26298 100644
--- a/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/index.tsx
+++ b/packages/console/src/pages/SignInExperience/tabs/SignUpAndSignIn/index.tsx
@@ -1,3 +1,5 @@
+import PageMeta from '@/components/PageMeta';
+
 import TabWrapper from '../../components/TabWrapper';
 import * as styles from '../index.module.scss';
 
@@ -12,6 +14,9 @@ type Props = {
 function SignUpAndSignIn({ isActive }: Props) {
   return (
     <TabWrapper isActive={isActive} className={styles.tabContent}>
+      {isActive && (
+        <PageMeta titleKey={['sign_in_exp.tabs.sign_up_and_sign_in', 'sign_in_exp.page_title']} />
+      )}
       <SignUpForm />
       <SignInForm />
       <SocialSignInForm />
diff --git a/packages/console/src/pages/UserDetails/index.tsx b/packages/console/src/pages/UserDetails/index.tsx
index 7bf2c4a2f..75eebb206 100644
--- a/packages/console/src/pages/UserDetails/index.tsx
+++ b/packages/console/src/pages/UserDetails/index.tsx
@@ -15,6 +15,7 @@ import Card from '@/components/Card';
 import CopyToClipboard from '@/components/CopyToClipboard';
 import DeleteConfirmModal from '@/components/DeleteConfirmModal';
 import DetailsPage from '@/components/DetailsPage';
+import PageMeta from '@/components/PageMeta';
 import TabNav, { TabNavItem } from '@/components/TabNav';
 import UserAvatar from '@/components/UserAvatar';
 import { UserDetailsTabs } from '@/consts/page-tabs';
@@ -75,6 +76,7 @@ function UserDetails() {
       className={classNames(isPageHasTable && styles.resourceLayout)}
       onRetry={mutate}
     >
+      <PageMeta titleKey="user_details.page_title" />
       {data && (
         <>
           <Card className={styles.header}>
diff --git a/packages/console/src/pages/Users/index.tsx b/packages/console/src/pages/Users/index.tsx
index b1de6592e..16c1cb981 100644
--- a/packages/console/src/pages/Users/index.tsx
+++ b/packages/console/src/pages/Users/index.tsx
@@ -12,6 +12,7 @@ import Button from '@/components/Button';
 import CardTitle from '@/components/CardTitle';
 import DateTime from '@/components/DateTime';
 import ItemPreview from '@/components/ItemPreview';
+import PageMeta from '@/components/PageMeta';
 import Search from '@/components/Search';
 import Table from '@/components/Table';
 import TablePlaceholder from '@/components/Table/TablePlaceholder';
@@ -55,6 +56,7 @@ function Users() {
 
   return (
     <div className={resourcesStyles.container}>
+      <PageMeta titleKey="users.page_title" />
       <div className={resourcesStyles.headline}>
         <CardTitle title="users.title" subtitle="users.subtitle" />
         <Button
diff --git a/packages/console/src/utils/app-insights.ts b/packages/console/src/utils/app-insights.ts
index f5440f763..ea5e5320d 100644
--- a/packages/console/src/utils/app-insights.ts
+++ b/packages/console/src/utils/app-insights.ts
@@ -28,7 +28,7 @@ const initAppInsights = () => {
     appInsights = new ApplicationInsights({
       config: {
         connectionString,
-        enableAutoRouteTracking: true,
+        enableAutoRouteTracking: false,
         extensions: [reactPlugin],
       },
     });
diff --git a/packages/console/src/utils/set-title.ts b/packages/console/src/utils/set-title.ts
deleted file mode 100644
index 0e8aadebd..000000000
--- a/packages/console/src/utils/set-title.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { isCloud } from '../consts/cloud';
-
-const setTitle = () => {
-  const title = isCloud ? 'Logto Cloud' : 'Logto Console';
-  // eslint-disable-next-line @silverhand/fp/no-mutation
-  document.title = title;
-};
-
-export default setTitle;
diff --git a/packages/phrases/src/locales/de/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/de/translation/admin-console/api-resource-details.ts
index 96b2212be..1f08f08ba 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details', // UNTRANSLATED
   back_to_api_resources: 'Zurück zu API Ressourcen',
   settings_tab: 'Settings', // UNTRANSLATED
   permissions_tab: 'Permissions', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/de/translation/admin-console/api-resources.ts
index f0eab1642..ef861acbe 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'API Ressourcen',
   title: 'API Ressourcen',
   subtitle: 'Lege APIs an, die du in deinen autorisierten Anwendungen verwenden kannst',
   create: 'Erstelle API Ressource',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/application-details.ts b/packages/phrases/src/locales/de/translation/admin-console/application-details.ts
index b804c71d4..742ee7c66 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: 'Zurück zu Anwendungen',
   check_guide: 'Zur Anleitung',
   settings: 'Settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/applications.ts b/packages/phrases/src/locales/de/translation/admin-console/applications.ts
index 1a062f1f8..2464d96e5 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: 'Anwendungen',
   title: 'Anwendungen',
   subtitle:
     'Richte eine native, single page, machine to machine oder herkömmliche Anwendung ein, die Logto zur Authentifizierung nutzt.',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/cloud.ts b/packages/phrases/src/locales/de/translation/admin-console/cloud.ts
index cfaf48daf..e03b713aa 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: 'Welcome', // UNTRANSLATED
     title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
     description:
       'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. Cloud preview also serves as a preliminary version of Logto Cloud.', // UNTRANSLATED
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: 'A bit about you', // UNTRANSLATED
     title: 'A little bit about you', // UNTRANSLATED
     description:
       'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: 'Earn early credits', // UNTRANSLATED
     title: 'Great news! You are qualified to earn Logto Cloud early credit!', // UNTRANSLATED
     description:
       'Don’t miss out on a chance to enjoy a free <strong>60 days</strong> subscription to Logto Cloud after its official launch! Contact the Logto team now to learn more.', // UNTRANSLATED
@@ -67,6 +70,7 @@ const cloud = {
     book_button: 'Book', // UNTRANSLATED
   },
   sie: {
+    page_title: 'Customize sign-in experience', // UNTRANSLATED
     title: 'Let’s first customize your sign-in experience with ease', // UNTRANSLATED
     inspire: {
       title: 'Create compelling examples', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/de/translation/admin-console/connector-details.ts
index 8d7c47699..e50f51e50 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details', // UNTRANSLATED
   back_to_connectors: 'Zurück zu Connectoren',
   check_readme: 'Zur README',
   settings: 'General settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/connectors.ts b/packages/phrases/src/locales/de/translation/admin-console/connectors.ts
index ba84e01ca..4e666ba58 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: 'Connectoren',
   title: 'Connectoren',
   subtitle: 'Richte Connectoren ein um passwortlose und Social Anmeldung zu aktivieren',
   create: 'Social Connector erstellen',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/de/translation/admin-console/dashboard.ts
index 733900244..6ca274e52 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: 'Dashboard',
   title: 'Dashboard',
   description: 'Verschaffe dir einen Überblick über die Leistung deiner App',
   total_users: 'Gesamtzahl der Benutzer',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/get-started.ts b/packages/phrases/src/locales/de/translation/admin-console/get-started.ts
index 40263b4fb..1e5c48d87 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started', // UNTRANSLATED
   progress: 'Erste Schritte: {{completed}}/{{total}}',
   progress_dropdown_title: 'Was du machen kannst...',
   title: 'Something to explore to help you succeed', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/log-details.ts b/packages/phrases/src/locales/de/translation/admin-console/log-details.ts
index 8e5a314e7..9bc344b78 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit log details', // UNTRANSLATED
   back_to_logs: 'Zurück zu Audit Logs',
   back_to_user: 'Zurück zu {{name}}',
   success: 'Erfolgreich',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/logs.ts b/packages/phrases/src/locales/de/translation/admin-console/logs.ts
index 7c548f676..9b3394ca9 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: 'Audit Logs',
   title: 'Audit Logs',
   subtitle:
     'Anzeige der Log Daten von Authentifizierungsereignissen, die von Admins und Benutzern stammen',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/profile.ts b/packages/phrases/src/locales/de/translation/admin-console/profile.ts
index 9b5235aa1..ec01e7e2c 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: 'Account Settings', // UNTRANSLATED
   title: 'Account Settings', // UNTRANSLATED
   description:
     'Change your account settings and manage your personal information here to ensure your account security.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/roles.ts b/packages/phrases/src/locales/de/translation/admin-console/roles.ts
index 71e618ecd..700036a6a 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: 'Roles', // UNTRANSLATED
   title: 'Roles', // UNTRANSLATED
   subtitle:
     'Roles include permissions that determine what a user can do. RBAC uses roles to give users access to resources for specific actions.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/de/translation/admin-console/sign-in-exp.ts
index c87730691..4387885da 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/sign-in-exp.ts
@@ -1,11 +1,12 @@
 const sign_in_exp = {
+  page_title: 'Anmeldeoberfläche',
   title: 'Anmeldeoberfläche',
   description:
     'Passe die Benutzeroberfläche für die Anmeldung an deine Marke an und zeige eine Vorschau in Echtzeit an',
   tabs: {
     branding: 'Branding',
     methods: 'Anmeldemethoden',
-    sign_up_and_sign_in: 'Sign up and Sign in', // UNTRANSLATED
+    sign_up_and_sign_in: 'Sign-up and Sign-in', // UNTRANSLATED
     others: 'Andere',
   },
   welcome: {
@@ -25,7 +26,7 @@ const sign_in_exp = {
     and: 'and', // UNTRANSLATED
     or: 'or', // UNTRANSLATED
     sign_up: {
-      title: 'SIGN UP', // UNTRANSLATED
+      title: 'SIGN-UP', // UNTRANSLATED
       sign_up_identifier: 'Sign-up identifier', // UNTRANSLATED
       identifier_description:
         'The sign-up identifier is required for account creation and must be included in your sign-in screen.', // UNTRANSLATED
@@ -37,7 +38,7 @@ const sign_in_exp = {
       social_only_creation_description: '(This apply to social only account creation)', // UNTRANSLATED
     },
     sign_in: {
-      title: 'SIGN IN', // UNTRANSLATED
+      title: 'SIGN-IN', // UNTRANSLATED
       sign_in_identifier_and_auth: 'Identifier and authentication settings for sign-in', // UNTRANSLATED
       description:
         'Users can sign in using any of the options available. Adjust the layout by drag and dropping below options.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/de/translation/admin-console/user-details.ts b/packages/phrases/src/locales/de/translation/admin-console/user-details.ts
index 42b9f5f7a..8ddf87c1a 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details', // UNTRANSLATED
   back_to_users: 'Zurück zur Benutzerverwaltung',
   created_title: 'Der Benutzer wurde erfolgreich erstellt',
   created_guide: 'Sende dem Benutzer folgende Anmeldeinformationen',
diff --git a/packages/phrases/src/locales/de/translation/admin-console/users.ts b/packages/phrases/src/locales/de/translation/admin-console/users.ts
index 80b134944..56e6ec855 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: 'Benutzerverwaltung',
   title: 'Benutzerverwaltung',
   subtitle:
     'Verwalten von Benutzeridentitäten, einschließlich des Anlegens von Benutzern, Bearbeiten von Benutzerinformationen, Anzeigen von Benutzer-Logs, Zurücksetzen von Passwörtern und Löschen von Benutzern',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/en/translation/admin-console/api-resource-details.ts
index ae374d900..f492474e1 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details',
   back_to_api_resources: 'Back to API resources',
   settings_tab: 'Settings',
   permissions_tab: 'Permissions',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/en/translation/admin-console/api-resources.ts
index fcb10ad71..4cbf42869 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'API Resources',
   title: 'API Resources',
   subtitle: 'Define APIs that your authorized applications can utilize',
   create: 'Create API Resource',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/application-details.ts b/packages/phrases/src/locales/en/translation/admin-console/application-details.ts
index d8799b0f8..029787b1b 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: 'Back to Applications',
   check_guide: 'Check Guide',
   settings: 'Settings',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/applications.ts b/packages/phrases/src/locales/en/translation/admin-console/applications.ts
index 57de29358..112b4cfdf 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: 'Applications',
   title: 'Applications',
   subtitle:
     'Set up Logto authentication for your native, single page, machine to machine, or traditional application',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/cloud.ts b/packages/phrases/src/locales/en/translation/admin-console/cloud.ts
index 97f0c0d7c..e2b31e926 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: 'Welcome',
     title: 'Welcome and let’s create your own Logto Cloud Preview',
     description:
       'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. Cloud preview also serves as a preliminary version of Logto Cloud.',
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: 'A bit about you',
     title: 'A little bit about you',
     description:
       'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.',
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: 'Earn early credits',
     title: 'Great news! You are qualified to earn Logto Cloud early credit!',
     description:
       'Don’t miss out on a chance to enjoy a free <strong>60 days</strong> subscription to Logto Cloud after its official launch! Contact the Logto team now to learn more.',
@@ -67,6 +70,7 @@ const cloud = {
     book_button: 'Book',
   },
   sie: {
+    page_title: 'Customize sign-in experience',
     title: 'Let’s first customize your sign-in experience with ease',
     inspire: {
       title: 'Create compelling examples',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/en/translation/admin-console/connector-details.ts
index 325d7643a..8c6705cc0 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details',
   back_to_connectors: 'Back to Connectors',
   check_readme: 'Check README',
   settings: 'General settings',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/connectors.ts b/packages/phrases/src/locales/en/translation/admin-console/connectors.ts
index b685fa804..327bd003a 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: 'Connectors',
   title: 'Connectors',
   subtitle: 'Set up connectors to enable passwordless and social sign in experience',
   create: 'Add Social Connector',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/en/translation/admin-console/dashboard.ts
index 172bb91d4..c51fc1255 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: 'Dashboard',
   title: 'Dashboard',
   description: 'Get an overview about your app performance',
   total_users: 'Total users',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/get-started.ts b/packages/phrases/src/locales/en/translation/admin-console/get-started.ts
index 9819ce6e9..5a4d94f28 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started',
   progress: 'Get started guide: {{completed}}/{{total}}',
   progress_dropdown_title: 'A few things you can do...',
   title: 'Something to explore to help you succeed',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/log-details.ts b/packages/phrases/src/locales/en/translation/admin-console/log-details.ts
index 24e490a16..9ff269e5c 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit Log detail',
   back_to_logs: 'Back to Audit Logs',
   back_to_user: 'Back to {{name}}',
   success: 'Success',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/logs.ts b/packages/phrases/src/locales/en/translation/admin-console/logs.ts
index 9dd0ddbc2..5cd805dc5 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: 'Audit Logs',
   title: 'Audit Logs',
   subtitle: 'View log data of authentication events made by your users',
   event: 'Event',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/profile.ts b/packages/phrases/src/locales/en/translation/admin-console/profile.ts
index d3faae769..10cd9f722 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: 'Account Settings',
   title: 'Account Settings',
   description:
     'Change your account settings and manage your personal information here to ensure your account security.',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/roles.ts b/packages/phrases/src/locales/en/translation/admin-console/roles.ts
index 81f015be1..1fd2854a0 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: 'Roles',
   title: 'Roles',
   subtitle:
     'Roles include permissions that determine what a user can do. RBAC uses roles to give users access to resources for specific actions.',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts
index 560849043..00b71741d 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/sign-in-exp.ts
@@ -1,9 +1,10 @@
 const sign_in_exp = {
+  page_title: 'Sign-in experience',
   title: 'Sign-in experience',
   description: 'Customize the sign in UI to match your brand and view in real time',
   tabs: {
     branding: 'Branding',
-    sign_up_and_sign_in: 'Sign up and Sign in',
+    sign_up_and_sign_in: 'Sign-up and Sign-in',
     others: 'Others',
   },
   welcome: {
@@ -55,7 +56,7 @@ const sign_in_exp = {
     and: 'and',
     or: 'or',
     sign_up: {
-      title: 'SIGN UP',
+      title: 'SIGN-UP',
       sign_up_identifier: 'Sign-up identifier',
       identifier_description:
         'The sign-up identifier is required for account creation and must be included in your sign-in screen.',
@@ -67,7 +68,7 @@ const sign_in_exp = {
       social_only_creation_description: '(This apply to social only account creation)',
     },
     sign_in: {
-      title: 'SIGN IN',
+      title: 'SIGN-IN',
       sign_in_identifier_and_auth: 'Identifier and authentication settings for sign-in',
       description:
         'Users can sign in using any of the options available. Adjust the layout by drag and dropping below options.',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/user-details.ts b/packages/phrases/src/locales/en/translation/admin-console/user-details.ts
index 912a2e4f0..e979ea082 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details',
   back_to_users: 'Back to User Management',
   created_title: 'This user has been successfully created',
   created_guide: 'You can send the following log in information to the user',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/users.ts b/packages/phrases/src/locales/en/translation/admin-console/users.ts
index 8d1b5f719..042f120bf 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: 'User Management',
   title: 'User Management',
   subtitle:
     'Manage user identities including creating users, editing user information, viewing user logs, password resets and deleting users',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/fr/translation/admin-console/api-resource-details.ts
index fb187e933..4867fcd7e 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details', // UNTRANSLATED
   back_to_api_resources: 'Retour aux ressources API',
   settings_tab: 'Settings', // UNTRANSLATED
   permissions_tab: 'Permissions', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/fr/translation/admin-console/api-resources.ts
index 6eaf4731b..3409f3ad0 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'Ressources API',
   title: 'Ressources API',
   subtitle: 'Définir les API que vous pouvez consommer à partir de vos applications autorisées',
   create: 'Créer une ressource API',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/application-details.ts b/packages/phrases/src/locales/fr/translation/admin-console/application-details.ts
index f6a9528d2..a222b7871 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: 'Retour aux applications',
   check_guide: 'Aller voir le guide',
   settings: 'Settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/applications.ts b/packages/phrases/src/locales/fr/translation/admin-console/applications.ts
index 725c8a999..c3a51b441 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: 'Applications',
   title: 'Applications',
   subtitle:
     "Configurez une application mobile, une page unique, machine to machine ou une application traditionnelle pour utiliser Logto pour l'authentification.",
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts b/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts
index cfaf48daf..e03b713aa 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: 'Welcome', // UNTRANSLATED
     title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
     description:
       'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. Cloud preview also serves as a preliminary version of Logto Cloud.', // UNTRANSLATED
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: 'A bit about you', // UNTRANSLATED
     title: 'A little bit about you', // UNTRANSLATED
     description:
       'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: 'Earn early credits', // UNTRANSLATED
     title: 'Great news! You are qualified to earn Logto Cloud early credit!', // UNTRANSLATED
     description:
       'Don’t miss out on a chance to enjoy a free <strong>60 days</strong> subscription to Logto Cloud after its official launch! Contact the Logto team now to learn more.', // UNTRANSLATED
@@ -67,6 +70,7 @@ const cloud = {
     book_button: 'Book', // UNTRANSLATED
   },
   sie: {
+    page_title: 'Customize sign-in experience', // UNTRANSLATED
     title: 'Let’s first customize your sign-in experience with ease', // UNTRANSLATED
     inspire: {
       title: 'Create compelling examples', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/fr/translation/admin-console/connector-details.ts
index 2b5e5eae7..2ec09d08e 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details', // UNTRANSLATED
   back_to_connectors: 'Retour à Connecteurs',
   check_readme: 'Vérifier le README',
   settings: 'General settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts b/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts
index bae4258fa..d096f3a58 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: 'Connecteurs',
   title: 'Connecteurs',
   subtitle:
     'Configurez des connecteurs pour permettre une expérience de connexion sans mot de passe et sociale.',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/fr/translation/admin-console/dashboard.ts
index 3af9a4f74..3c258ef59 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: 'Tableau de bord',
   title: 'Tableau de bord',
   description: "Obtenez une vue d'ensemble des performances de votre application",
   total_users: 'Utilisateurs totaux',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/get-started.ts b/packages/phrases/src/locales/fr/translation/admin-console/get-started.ts
index 55c0989d5..869a93eab 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started', // UNTRANSLATED
   progress: 'Guide de démarrage : {{completed}}/{{total}}',
   progress_dropdown_title: 'Il y a quelques choses que vous pouvez faire...',
   title: 'Something to explore to help you succeed', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/log-details.ts b/packages/phrases/src/locales/fr/translation/admin-console/log-details.ts
index 91e300da4..4ea21196c 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit Log details', // UNTRANSLATED
   back_to_logs: "Retour aux journaux d'audit",
   back_to_user: 'Retour à {{name}}',
   success: 'Succès',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/logs.ts b/packages/phrases/src/locales/fr/translation/admin-console/logs.ts
index 6ed922884..931a0f153 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: "Journaux d'audit",
   title: "Journaux d'audit",
   subtitle:
     "Visualisez les données du journal des événements d'authentification effectués par votre administrateur et vos utilisateurs.",
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/profile.ts b/packages/phrases/src/locales/fr/translation/admin-console/profile.ts
index 9b5235aa1..ec01e7e2c 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: 'Account Settings', // UNTRANSLATED
   title: 'Account Settings', // UNTRANSLATED
   description:
     'Change your account settings and manage your personal information here to ensure your account security.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/roles.ts b/packages/phrases/src/locales/fr/translation/admin-console/roles.ts
index 71e618ecd..700036a6a 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: 'Roles', // UNTRANSLATED
   title: 'Roles', // UNTRANSLATED
   subtitle:
     'Roles include permissions that determine what a user can do. RBAC uses roles to give users access to resources for specific actions.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts
index 2063fa399..f8222fbb7 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/sign-in-exp.ts
@@ -1,10 +1,11 @@
 const sign_in_exp = {
+  page_title: 'Expérience de connexion',
   title: 'Expérience de connexion',
   description:
     "Personnalisez l'interface utilisateur pour qu'elle corresponde à votre marque et consultez-la en temps réel.",
   tabs: {
     branding: 'Image de marque',
-    sign_up_and_sign_in: 'Sign up and Sign in', // UNTRANSLATED
+    sign_up_and_sign_in: 'Sign-up and Sign-in', // UNTRANSLATED
     others: 'Autres',
   },
   welcome: {
@@ -58,7 +59,7 @@ const sign_in_exp = {
     and: 'and', // UNTRANSLATED
     or: 'or', // UNTRANSLATED
     sign_up: {
-      title: 'SIGN UP', // UNTRANSLATED
+      title: 'SIGN-UP', // UNTRANSLATED
       sign_up_identifier: 'Sign-up identifier', // UNTRANSLATED
       identifier_description:
         'The sign-up identifier is required for account creation and must be included in your sign-in screen.', // UNTRANSLATED
@@ -70,7 +71,7 @@ const sign_in_exp = {
       social_only_creation_description: '(This apply to social only account creation)', // UNTRANSLATED
     },
     sign_in: {
-      title: 'SIGN IN', // UNTRANSLATED
+      title: 'SIGN-IN', // UNTRANSLATED
       sign_in_identifier_and_auth: 'Identifier and authentication settings for sign-in', // UNTRANSLATED
       description:
         'Users can sign in using any of the options available. Adjust the layout by drag and dropping below options.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/user-details.ts b/packages/phrases/src/locales/fr/translation/admin-console/user-details.ts
index cc9bff91f..778d830b0 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details', // UNTRANSLATED
   back_to_users: 'Retour à la gestion des utilisateurs',
   created_title: 'Cet utilisateur a été créé avec succès',
   created_guide: "Vous pouvez envoyer à l'utilisateur les informations de connexion suivantes",
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/users.ts b/packages/phrases/src/locales/fr/translation/admin-console/users.ts
index 6286619ab..46c0e76aa 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: 'Gestion des utilisateurs',
   title: 'Gestion des utilisateurs',
   subtitle:
     "Gérer les identités des utilisateurs, y compris la création d'utilisateurs, la modification des informations sur les utilisateurs, la consultation des journaux des utilisateurs, la réinitialisation des mots de passe et la suppression des utilisateurs.",
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/ko/translation/admin-console/api-resource-details.ts
index d71825153..c70f43f35 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details', // UNTRANSLATED
   back_to_api_resources: 'API 리소스로 돌아가기',
   settings_tab: '설정',
   permissions_tab: '권한',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/ko/translation/admin-console/api-resources.ts
index f48adbcda..2818fc0a5 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'API 리소스',
   title: 'API 리소스',
   subtitle: '인증된 어플리케이션에서 사용될 API를 정의해주세요.',
   create: 'API 리소스 생성',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/application-details.ts b/packages/phrases/src/locales/ko/translation/admin-console/application-details.ts
index 734db85e9..a8e5fd08f 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: '어플리케이션으로 돌아가기',
   check_guide: '가이드 확인',
   settings: '설정',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/applications.ts b/packages/phrases/src/locales/ko/translation/admin-console/applications.ts
index 813fa81e1..118a7320c 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: '어플리케이션',
   title: '어플리케이션',
   subtitle:
     '인증에 Logto를 사용할 모바일, 단일 페이지, Machine to Machine 또는 기존 어플리케이션을 설정할 수 있어요.',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts b/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts
index f04d20dfd..4f9642e29 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: '환영합니다',
     title: '환영합니다. 당신 만의 Logto Cloud Preview를 만들어 보세요',
     description:
       '오픈 소스 사용자든 클라우드 사용자든, 쇼케이스를 둘러보고 Logto의 모든 가치를 경험해 보세요. 클라우드 미리 보기는 Logto Cloud의 미리 보기 버전으로도 제공돼요.',
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: '본인에 대해 간략히 소개하기',
     title: '당신에 관하여',
     description:
       '당신에 대해 더 잘 파악하여 Logto 경험을 특별하게 만들어 드릴게요. 정보는 저희가 안전하게 관리해요.',
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: '조기 선물 획득하기',
     title: '좋은 소식입니다! Logto Cloud 조기 크레딧을 받을 자격이 있습니다!',
     description:
       '공식 출시 후 Logto Cloud를 <strong>60일</strong> 동안 무료로 구독할 수 있는 기회를 놓치지 마세요! 지금 Logto 팀에 문의하여 자세히 알아보세요.',
@@ -67,6 +70,7 @@ const cloud = {
     book_button: '예약하기',
   },
   sie: {
+    page_title: '로그인 환경 변경하기',
     title: '먼저 로그인 환경을 간편하게 사용자화해 보세요.',
     inspire: {
       title: '흥미로운 예시 만들기',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/ko/translation/admin-console/connector-details.ts
index be03ed834..09e65469d 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details', // UNTRANSLATED
   back_to_connectors: '연동으로 돌아가기',
   check_readme: 'README 확인',
   settings: '일반 설정',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts b/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts
index 70a9918b1..1014955aa 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: '연동',
   title: '연동',
   subtitle: '연동을 통해 비밀번호 없는 로그인이나 소셜 로그인을 제공해 보세요.',
   create: '소셜 연동 추가',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/ko/translation/admin-console/dashboard.ts
index 58fa329da..f7de513d3 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: '대시보드',
   title: '대시보드',
   description: '앱 사용자에 대한 개요를 볼 수 있어요.',
   total_users: '전체 사용자',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/get-started.ts b/packages/phrases/src/locales/ko/translation/admin-console/get-started.ts
index db7aedc82..4a333bec4 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started', // UNTRANSLATED
   progress: '시작 가이드: {{completed}}/{{total}}',
   progress_dropdown_title: '해야 할 것들...',
   title: '성공하는 데 도움이 될 탐색 항목',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/log-details.ts b/packages/phrases/src/locales/ko/translation/admin-console/log-details.ts
index 791fd3c6e..43b665c96 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit Log details', // UNTRANSLATED
   back_to_logs: '감사 기록으로 돌아가기',
   back_to_user: '{{name}}으로 돌아가기',
   success: '성공',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/logs.ts b/packages/phrases/src/locales/ko/translation/admin-console/logs.ts
index b50031b08..6363005c2 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: '감사 기록',
   title: '감사 기록',
   subtitle: '관리자나 사용자의 인증 기록을 확인해 보세요.',
   event: '활동',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/profile.ts b/packages/phrases/src/locales/ko/translation/admin-console/profile.ts
index 3a5f3a0f2..18176b925 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: '계정 설정',
   title: '계정 설정',
   description: '계정 보안을 위해 여기에서 계정 설정을 변경하고 개인 정보를 관리하세요.',
   settings: {
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/roles.ts b/packages/phrases/src/locales/ko/translation/admin-console/roles.ts
index db7e659f3..2c332fc69 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: '역할',
   title: '역할',
   subtitle:
     '역할은 사용자가 무엇을 할 수 있는지를 결정하는 권한을 포함해요. RBAC는 사용자에게 특정 행동에 대한 접근 권한을 부여하기 위해 역할을 사용해요.',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts
index a610e9cb5..f63924ae1 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/sign-in-exp.ts
@@ -1,4 +1,5 @@
 const sign_in_exp = {
+  page_title: '로그인 경험',
   title: '로그인 경험',
   description: '로그인 화면을 브랜드에 맞게 사용자화하고 실시간으로 확인해 보세요.',
   tabs: {
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/user-details.ts b/packages/phrases/src/locales/ko/translation/admin-console/user-details.ts
index db4743bb0..4f28ebffb 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details', // UNTRANSLATED
   back_to_users: '사용자 관리로 돌아가기',
   created_title: '새로운 사용자가 생성되었어요.',
   created_guide: '생성된 정보를 해당 사용자에게 알려주세요.',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/users.ts b/packages/phrases/src/locales/ko/translation/admin-console/users.ts
index 046b4bb83..373842f5f 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: '사용자 관리',
   title: '사용자 관리',
   subtitle: '사용자의 신원을 추가, 삭제, 수정, 조회하여 관리해보세요.',
   create: '사용자 추가',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/api-resource-details.ts
index ace569af9..2bf14a750 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details', // UNTRANSLATED
   back_to_api_resources: 'Voltar para os recursos da API',
   settings_tab: 'Settings', // UNTRANSLATED
   permissions_tab: 'Permissions', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/api-resources.ts
index ffd84a22f..284ca6083 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'Recursos da API',
   title: 'Recursos da API',
   subtitle: 'Defina APIs que você pode consumir de seus aplicativos autorizados',
   create: 'Criar recurso de API',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/application-details.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/application-details.ts
index 56cf0d5fc..f97a81725 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: 'Voltar para Aplicativos',
   check_guide: 'Visualize o guia',
   settings: 'Configurações',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/applications.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/applications.ts
index 24a3853cd..f63c38b17 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: 'Aplicativos',
   title: 'Aplicativos',
   subtitle:
     'Configure um aplicativo móvel, single page, machine to machine ou tradicional para usar o Logto para autenticação',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts
index cfaf48daf..e03b713aa 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: 'Welcome', // UNTRANSLATED
     title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
     description:
       'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. Cloud preview also serves as a preliminary version of Logto Cloud.', // UNTRANSLATED
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: 'A bit about you', // UNTRANSLATED
     title: 'A little bit about you', // UNTRANSLATED
     description:
       'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: 'Earn early credits', // UNTRANSLATED
     title: 'Great news! You are qualified to earn Logto Cloud early credit!', // UNTRANSLATED
     description:
       'Don’t miss out on a chance to enjoy a free <strong>60 days</strong> subscription to Logto Cloud after its official launch! Contact the Logto team now to learn more.', // UNTRANSLATED
@@ -67,6 +70,7 @@ const cloud = {
     book_button: 'Book', // UNTRANSLATED
   },
   sie: {
+    page_title: 'Customize sign-in experience', // UNTRANSLATED
     title: 'Let’s first customize your sign-in experience with ease', // UNTRANSLATED
     inspire: {
       title: 'Create compelling examples', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/connector-details.ts
index 7a214f261..4fc73abbc 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details', // UNTRANSLATED
   back_to_connectors: 'Voltar para Conectores',
   check_readme: 'Visualize o README',
   settings: 'General settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts
index 8dabed6a4..26adfdac7 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: 'Conectores',
   title: 'Conectores',
   subtitle: 'Configure conectores para habilitar a experiência de login social e sem senha',
   create: 'Adicionar conector social',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/dashboard.ts
index a44937835..35b9ef215 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: 'Painel',
   title: 'Painel',
   description: 'Obtenha uma visão geral sobre o desempenho do seu aplicativo',
   total_users: 'Total de usuários',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/get-started.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/get-started.ts
index 5c2dc9038..cf2027fe5 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started', // UNTRANSLATED
   progress: 'Rrimeiros passos: {{completed}}/{{total}}',
   progress_dropdown_title: 'Algumas coisas que você pode fazer...',
   title: 'Something to explore to help you succeed', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/log-details.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/log-details.ts
index 83e903f5b..7e93e8bc2 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit Log details', // UNTRANSLATED
   back_to_logs: 'Voltar aos logs',
   back_to_user: 'Voltar para {{name}}',
   success: 'Sucesso',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/logs.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/logs.ts
index 8233c7d4b..b8f26f260 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/logs.ts
@@ -1,5 +1,6 @@
 const logs = {
-  title: 'Logs',
+  page_title: 'Audit Logs',
+  title: 'Audit Logs',
   subtitle:
     'Visualize os dados de log dos eventos de autenticação feitos por seu administrador e usuários',
   event: 'Evento',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/profile.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/profile.ts
index 9b5235aa1..ec01e7e2c 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: 'Account Settings', // UNTRANSLATED
   title: 'Account Settings', // UNTRANSLATED
   description:
     'Change your account settings and manage your personal information here to ensure your account security.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/roles.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/roles.ts
index 71e618ecd..700036a6a 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: 'Roles', // UNTRANSLATED
   title: 'Roles', // UNTRANSLATED
   subtitle:
     'Roles include permissions that determine what a user can do. RBAC uses roles to give users access to resources for specific actions.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts
index ed75ad9db..8691a90b8 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/sign-in-exp.ts
@@ -1,4 +1,5 @@
 const sign_in_exp = {
+  page_title: 'Experiência de login',
   title: 'Experiência de login',
   description:
     'Personalize a interface do usuário de login para corresponder à sua marca e visualize em tempo real',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/user-details.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/user-details.ts
index 16242ae65..8d07cb021 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details', // UNTRANSLATED
   back_to_users: 'Voltar para gerenciamento de usuários',
   created_title: 'Este usuário foi criado com sucesso',
   created_guide: 'Você pode enviar as seguintes informações de login para o usuário',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/users.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/users.ts
index 83245925a..5e2da58ca 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: 'Gerenciamento de usuários',
   title: 'Gerenciamento de usuários',
   subtitle:
     'Gerenciar identidades de usuários, visualização de logs de usuários, redefinições de senha e exclusão de usuários',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resource-details.ts
index 349b44c28..b1333e2c0 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details', // UNTRANSLATED
   back_to_api_resources: 'Voltar aos recursos API',
   settings_tab: 'Settings', // UNTRANSLATED
   permissions_tab: 'Permissions', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resources.ts
index 656c0760b..89354aedb 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'Recursos API',
   title: 'Recursos API',
   subtitle: 'Defina APIs que pode consumir nos aplicações autorizadas',
   create: 'Criar recurso API',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/application-details.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/application-details.ts
index 7bbbf69de..396e45750 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: 'Voltar para aplicações',
   check_guide: 'Guia de verificação',
   settings: 'Settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/applications.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/applications.ts
index 8ed0c334b..6f6619c63 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: 'Aplicações',
   title: 'Aplicações',
   subtitle:
     'Configure um aplicativo móvel, de página única, machine to machine ou tradicional para usar o Logto para autenticação',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts
index cfaf48daf..e03b713aa 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: 'Welcome', // UNTRANSLATED
     title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
     description:
       'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. Cloud preview also serves as a preliminary version of Logto Cloud.', // UNTRANSLATED
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: 'A bit about you', // UNTRANSLATED
     title: 'A little bit about you', // UNTRANSLATED
     description:
       'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: 'Earn early credits', // UNTRANSLATED
     title: 'Great news! You are qualified to earn Logto Cloud early credit!', // UNTRANSLATED
     description:
       'Don’t miss out on a chance to enjoy a free <strong>60 days</strong> subscription to Logto Cloud after its official launch! Contact the Logto team now to learn more.', // UNTRANSLATED
@@ -67,6 +70,7 @@ const cloud = {
     book_button: 'Book', // UNTRANSLATED
   },
   sie: {
+    page_title: 'Customize sign-in experience', // UNTRANSLATED
     title: 'Let’s first customize your sign-in experience with ease', // UNTRANSLATED
     inspire: {
       title: 'Create compelling examples', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/connector-details.ts
index 0a3e818a8..521b824e2 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details', // UNTRANSLATED
   back_to_connectors: 'Voltar para Conectores',
   check_readme: 'Verifique o README',
   settings: 'General settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts
index bec03ac43..c4ff23c4c 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: 'Conectores',
   title: 'Conectores',
   subtitle: 'Configure conectores para habilitar a experiência de login social e sem senha',
   create: 'Adicionar conector social',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/dashboard.ts
index b26699a3d..49f807966 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: 'Painel',
   title: 'Painel',
   description: 'Obtenha uma visão geral sobre o desempenho da sua aplicação',
   total_users: 'Utilizadores totais',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/get-started.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/get-started.ts
index d2ba97f1d..a8920a5b9 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started', // UNTRANSLATED
   progress: 'Guia de primeiros passos: {{completed}}/{{total}}',
   progress_dropdown_title: 'Algumas coisas que pode fazer...',
   title: 'Something to explore to help you succeed', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/log-details.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/log-details.ts
index 1f6293804..0efed2327 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit Log details', // UNTRANSLATED
   back_to_logs: 'Voltar aos registos de auditoria',
   back_to_user: 'De volta a {{name}}',
   success: 'Sucesso',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/logs.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/logs.ts
index c4c113e7a..cdd2e04eb 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: 'Registos de auditoria',
   title: 'Registos de auditoria',
   subtitle: 'Visualize logs de autenticação feitos por administradores e utilizadores',
   event: 'Evento',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/profile.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/profile.ts
index 9b5235aa1..ec01e7e2c 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: 'Account Settings', // UNTRANSLATED
   title: 'Account Settings', // UNTRANSLATED
   description:
     'Change your account settings and manage your personal information here to ensure your account security.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/roles.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/roles.ts
index 71e618ecd..700036a6a 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: 'Roles', // UNTRANSLATED
   title: 'Roles', // UNTRANSLATED
   subtitle:
     'Roles include permissions that determine what a user can do. RBAC uses roles to give users access to resources for specific actions.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts
index 38677dd52..0a5b858ee 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/sign-in-exp.ts
@@ -1,10 +1,11 @@
 const sign_in_exp = {
+  page_title: 'Experiência de login',
   title: 'Experiência de login',
   description:
     'Personalize a interface de login para corresponder a sua marca e visualize em tempo real',
   tabs: {
     branding: 'Marca',
-    sign_up_and_sign_in: 'Sign up and Sign in', // UNTRANSLATED
+    sign_up_and_sign_in: 'Sign-up and Sign-in', // UNTRANSLATED
     others: 'Outros',
   },
   welcome: {
@@ -56,7 +57,7 @@ const sign_in_exp = {
     and: 'and', // UNTRANSLATED
     or: 'or', // UNTRANSLATED
     sign_up: {
-      title: 'SIGN UP', // UNTRANSLATED
+      title: 'SIGN-UP', // UNTRANSLATED
       sign_up_identifier: 'Sign-up identifier', // UNTRANSLATED
       identifier_description:
         'The sign-up identifier is required for account creation and must be included in your sign-in screen.', // UNTRANSLATED
@@ -68,7 +69,7 @@ const sign_in_exp = {
       social_only_creation_description: '(This apply to social only account creation)', // UNTRANSLATED
     },
     sign_in: {
-      title: 'SIGN IN', // UNTRANSLATED
+      title: 'SIGN-IN', // UNTRANSLATED
       sign_in_identifier_and_auth: 'Identifier and authentication settings for sign-in', // UNTRANSLATED
       description:
         'Users can sign in using any of the options available. Adjust the layout by drag and dropping below options.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/user-details.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/user-details.ts
index 124da31f1..563a73b37 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details', // UNTRANSLATED
   back_to_users: 'Voltar a gestão de utilizadores',
   created_title: 'Este utilizador foi criado com sucesso',
   created_guide: 'Pode enviar as seguintes informações de login para o utilizador',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/users.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/users.ts
index 9218aa9c0..6aa075ece 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: 'Gestão de utilizadores',
   title: 'Gestão de utilizadores',
   subtitle:
     'Gerencie os utilizadores, incluindo a criação, edição de informações, visualização de logs, recuperações de password e exclusões',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resource-details.ts
index fe547a3c9..5bfd4db83 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API Resource details', // UNTRANSLATED
   back_to_api_resources: 'API Kaynaklarına geri dön',
   settings_tab: 'Settings', // UNTRANSLATED
   permissions_tab: 'Permissions', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resources.ts
index 51063d05e..3fd22c97f 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'API Kaynakları',
   title: 'API Kaynakları',
   subtitle: 'Yetkili uygulamalarınızdan kullanabileceğiniz APIleri tanımlayınız',
   create: 'API Kaynağı oluştur',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/application-details.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/application-details.ts
index 408fd0747..7f780ab1b 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: 'Application details', // UNTRANSLATED
   back_to_applications: 'Uygulamalara geri dön',
   check_guide: 'Kılavuza Göz At',
   settings: 'Settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/applications.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/applications.ts
index f7f9d8b92..587d5d6ab 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: 'Uygulamalar',
   title: 'Uygulamalar',
   subtitle:
     'Kimlik doğrulaması için Logtoyu kullanmak üzere mobil, tek sayfa, machine to machine veya geleneksel bir uygulama ayarlayınız',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts
index cfaf48daf..e03b713aa 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: 'Welcome', // UNTRANSLATED
     title: 'Welcome and let’s create your own Logto Cloud Preview', // UNTRANSLATED
     description:
       'Whether you’re an open-source or cloud user, take a tour of the showcase and experience the full value of Logto. Cloud preview also serves as a preliminary version of Logto Cloud.', // UNTRANSLATED
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: 'A bit about you', // UNTRANSLATED
     title: 'A little bit about you', // UNTRANSLATED
     description:
       'Let‘s make your Logto experience unique to you by getting to know you better. Your information is safe with us.', // UNTRANSLATED
@@ -48,6 +50,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: 'Earn early credits', // UNTRANSLATED
     title: 'Great news! You are qualified to earn Logto Cloud early credit!', // UNTRANSLATED
     description:
       'Don’t miss out on a chance to enjoy a free <strong>60 days</strong> subscription to Logto Cloud after its official launch! Contact the Logto team now to learn more.', // UNTRANSLATED
@@ -67,6 +70,7 @@ const cloud = {
     book_button: 'Book', // UNTRANSLATED
   },
   sie: {
+    page_title: 'Customize sign-in experience', // UNTRANSLATED
     title: 'Let’s first customize your sign-in experience with ease', // UNTRANSLATED
     inspire: {
       title: 'Create compelling examples', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/connector-details.ts
index 3f435eff9..fbfd7ac1d 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: 'Connector details', // UNTRANSLATED
   back_to_connectors: 'Connectorlara dön',
   check_readme: 'READMEye göz at',
   settings: 'General settings', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts
index 08609ed52..3bf5825ca 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: 'Connectorlar',
   title: 'Connectorlar',
   subtitle:
     'Şifresiz ve sosyal oturum açma deneyimini etkinleştirmek için connectorları ayarlayınız.',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/dashboard.ts
index 534714a07..5b5c93092 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: 'Gösterge Paneli',
   title: 'Gösterge Paneli',
   description: 'Uygulamanızın performansı hakkında genel bir bakış elde edin',
   total_users: 'Tüm Kullanıcılar',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/get-started.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/get-started.ts
index fa4dddaaa..c1f55dd39 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: 'Get Started', // UNTRANSLATED
   progress: 'Başlangıç Kılavuzu: {{completed}}/{{total}}',
   progress_dropdown_title: 'Yapabileceğiniz bazı şeyler...',
   title: 'Something to explore to help you succeed', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/log-details.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/log-details.ts
index ecd278594..7a14914e7 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: 'Audit Log details', // UNTRANSLATED
   back_to_logs: 'Denetim kaydına geri dön',
   back_to_user: '{{name}}e geri dön',
   success: 'Başarılı',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/logs.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/logs.ts
index db05a810b..781eb588b 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: 'Denetim Kayıtları',
   title: 'Denetim Kayıtları',
   subtitle:
     'Yöneticiniz ve kullanıcılarınız tarafından yapılan kimlik doğrulama olaylarının kayıt verilerini görüntüleyin',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/profile.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/profile.ts
index 9b5235aa1..ec01e7e2c 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: 'Account Settings', // UNTRANSLATED
   title: 'Account Settings', // UNTRANSLATED
   description:
     'Change your account settings and manage your personal information here to ensure your account security.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/roles.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/roles.ts
index 71e618ecd..700036a6a 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: 'Roles', // UNTRANSLATED
   title: 'Roles', // UNTRANSLATED
   subtitle:
     'Roles include permissions that determine what a user can do. RBAC uses roles to give users access to resources for specific actions.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts
index be059dbf3..df58337c5 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/sign-in-exp.ts
@@ -1,10 +1,11 @@
 const sign_in_exp = {
+  page_title: 'Oturum Açma Deneyimi',
   title: 'Oturum Açma Deneyimi',
   description:
     'Oturum açma kullanıcı arayüzünü markanıza uyacak şekilde özelleştirin ve gerçek zamanlı olarak görüntüleyin',
   tabs: {
     branding: 'Markalaşma',
-    sign_up_and_sign_in: 'Sign up and Sign in', // UNTRANSLATED
+    sign_up_and_sign_in: 'Sign-up and Sign-in', // UNTRANSLATED
     others: 'Diğerleri',
   },
   welcome: {
@@ -57,7 +58,7 @@ const sign_in_exp = {
     and: 'and', // UNTRANSLATED
     or: 'or', // UNTRANSLATED
     sign_up: {
-      title: 'SIGN UP', // UNTRANSLATED
+      title: 'SIGN-UP', // UNTRANSLATED
       sign_up_identifier: 'Sign-up identifier', // UNTRANSLATED
       identifier_description:
         'The sign-up identifier is required for account creation and must be included in your sign-in screen.', // UNTRANSLATED
@@ -69,7 +70,7 @@ const sign_in_exp = {
       social_only_creation_description: '(This apply to social only account creation)', // UNTRANSLATED
     },
     sign_in: {
-      title: 'SIGN IN', // UNTRANSLATED
+      title: 'SIGN-IN', // UNTRANSLATED
       sign_in_identifier_and_auth: 'Identifier and authentication settings for sign-in', // UNTRANSLATED
       description:
         'Users can sign in using any of the options available. Adjust the layout by drag and dropping below options.', // UNTRANSLATED
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/user-details.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/user-details.ts
index 4a3cb605c..07fe1da63 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: 'User details', // UNTRANSLATED
   back_to_users: 'Kullanıcı Yönetimine Geri Dön',
   created_title: 'Bu kullanıcı başarıyla oluşturuldu',
   created_guide: 'Kullanıcıya aşağıdaki oturum açma bilgilerini gönderebilirsiniz',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/users.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/users.ts
index 082dadc2e..95f914a01 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: 'Kullanıcı Yönetimi',
   title: 'Kullanıcı Yönetimi',
   subtitle:
     'Kullanıcı oluşturma, kullanıcı bilgilerini düzenleme, kullanıcı kayıtlarını görüntüleme, parola sıfırlama ve kullanıcıları silme dahil olmak üzere kullanıcı kimliklerini yönetin',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resource-details.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resource-details.ts
index 8ad638687..9ab0f53b4 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resource-details.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resource-details.ts
@@ -1,4 +1,5 @@
 const api_resource_details = {
+  page_title: 'API 资源详情',
   back_to_api_resources: '返回 API 资源',
   settings_tab: '设置',
   permissions_tab: '权限',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resources.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resources.ts
index a4f331cb8..19f165bd2 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resources.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/api-resources.ts
@@ -1,4 +1,5 @@
 const api_resources = {
+  page_title: 'API 资源',
   title: 'API 资源',
   subtitle: '定义可以从已授权的应用程序中使用的 API',
   create: '创建 API 资源',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/application-details.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/application-details.ts
index 5486764f1..5519c484a 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/application-details.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/application-details.ts
@@ -1,4 +1,5 @@
 const application_details = {
+  page_title: '应用详情',
   back_to_applications: '返回全部应用',
   check_guide: '查看指南',
   settings: '设置',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/applications.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/applications.ts
index b320e0762..f937a56b4 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/applications.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/applications.ts
@@ -1,4 +1,5 @@
 const applications = {
+  page_title: '全部应用',
   title: '全部应用',
   subtitle: '创建一个移动、单页、machine to machine 或传统 web 应用程序，并通过 Logto 进行身份验证',
   create: '创建应用',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts
index f9320e4db..d30b630b2 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/cloud.ts
@@ -1,5 +1,6 @@
 const cloud = {
   welcome: {
+    page_title: '欢迎',
     title: '欢迎来到 Logto Cloud（预览版），让我们一起创建独属于你的体验',
     description:
       '无论你是开源用户还是云用户，都可以在展示中了解 Logto 的全部价值。Cloud 预览版也是 Logto Cloud 的初步版本。',
@@ -15,6 +16,7 @@ const cloud = {
     },
   },
   about: {
+    page_title: '关于你',
     title: '关于你的一些信息',
     description: '通过更好地了解你，我们可以使你的 Logto 体验更加个性化。你的信息是安全的。',
     title_field: '你的头衔',
@@ -47,6 +49,7 @@ const cloud = {
     },
   },
   congrats: {
+    page_title: '获得早鸟惊喜',
     title: '好消息！你有资格获得 Logto Cloud 的早鸟惊喜。',
     description:
       '别错过：立即联系 Logto 团队，了解更多信息，获得 Logto Cloud 正式版 <strong>60 天</strong> 的免费试用机会！',
@@ -66,6 +69,7 @@ const cloud = {
     book_button: '预定',
   },
   sie: {
+    page_title: '定制登录体验',
     title: '让我们轻松定制你的登录体验',
     inspire: {
       title: '创建引人入胜的示例',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/connector-details.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/connector-details.ts
index 49ac0a16d..25a7924f2 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/connector-details.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/connector-details.ts
@@ -1,4 +1,5 @@
 const connector_details = {
+  page_title: '连接器详情',
   back_to_connectors: '返回连接器',
   check_readme: '查看 README',
   settings: '通用设置',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts
index 408e3a31c..214156631 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts
@@ -1,4 +1,5 @@
 const connectors = {
+  page_title: '连接器',
   title: '连接器',
   subtitle: '设置连接器，开启无密码和社交登录',
   create: '添加社交连接器',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/dashboard.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/dashboard.ts
index ba15cf343..ebea343d1 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/dashboard.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/dashboard.ts
@@ -1,4 +1,5 @@
 const dashboard = {
+  page_title: '仪表盘',
   title: '仪表盘',
   description: '查看所有应用的数据概况',
   total_users: '总用户',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/get-started.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/get-started.ts
index b27d8fa72..26cf7f467 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/get-started.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/get-started.ts
@@ -1,4 +1,5 @@
 const get_started = {
+  page_title: '开始上手',
   progress: '开始上手: {{completed}}/{{total}}',
   progress_dropdown_title: '一些快速上手的操作',
   title: '成功开发身份方案，我们先来探索一番',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/log-details.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/log-details.ts
index a03e898fa..755d70422 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/log-details.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/log-details.ts
@@ -1,4 +1,5 @@
 const log_details = {
+  page_title: '审计日志详情',
   back_to_logs: '返回审计日志',
   back_to_user: '返回 {{name}}',
   success: '成功',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/logs.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/logs.ts
index 03021802a..b24f7a41a 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/logs.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/logs.ts
@@ -1,4 +1,5 @@
 const logs = {
+  page_title: '审计日志',
   title: '审计日志',
   subtitle: '查看用户行为和事件',
   event: '事件',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/profile.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/profile.ts
index c9302ff33..ded62ecdb 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/profile.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/profile.ts
@@ -1,4 +1,5 @@
 const profile = {
+  page_title: '账户管理',
   title: '账户管理',
   description: '在这里，你可以修改账户设置和管理个人信息，以确保账户安全。',
   settings: {
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/roles.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/roles.ts
index 3d749dc03..306d1c130 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/roles.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/roles.ts
@@ -1,4 +1,5 @@
 const roles = {
+  page_title: '角色',
   title: '角色',
   subtitle:
     'RBAC 是一种访问控制方法，它使用角色来决定用户可以做什么事情，包括授予用户访问特定资源的权限。',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts
index 871b0b99c..e8c2dcc7c 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/sign-in-exp.ts
@@ -1,4 +1,5 @@
 const sign_in_exp = {
+  page_title: '登录体验',
   title: '登录体验',
   description: '自定义登录界面，并实时预览真实效果',
   tabs: {
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/user-details.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/user-details.ts
index 0e52dc726..e5e21d0d6 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/user-details.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/user-details.ts
@@ -1,4 +1,5 @@
 const user_details = {
+  page_title: '用户详情',
   back_to_users: '返回用户管理',
   created_title: '用户创建成功',
   created_guide: '你可以将以下登录信息发送给用户',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/users.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/users.ts
index 8668fb183..689f94470 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/users.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/users.ts
@@ -1,4 +1,5 @@
 const users = {
+  page_title: '用户管理',
   title: '用户管理',
   subtitle: '管理你的用户，包括创建新用户，编辑用户资料，查看用户日志，以及重新设置密码和删除用户',
   create: '添加用户',
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f44e16db6..88c7b8d39 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -209,6 +209,7 @@ importers:
       '@types/mdx-js__react': ^1.5.5
       '@types/react': ^18.0.0
       '@types/react-dom': ^18.0.0
+      '@types/react-helmet': ^6.1.6
       '@types/react-modal': ^3.13.1
       '@types/react-syntax-highlighter': ^15.5.1
       buffer: ^5.7.1
@@ -243,6 +244,7 @@ importers:
       react-dnd-html5-backend: ^16.0.0
       react-dom: ^18.0.0
       react-dropzone: ^14.2.3
+      react-helmet: ^6.1.0
       react-hook-form: ^7.34.0
       react-hot-toast: ^2.2.0
       react-i18next: ^11.18.3
@@ -289,6 +291,7 @@ importers:
       '@types/mdx-js__react': 1.5.5
       '@types/react': 18.0.15
       '@types/react-dom': 18.0.6
+      '@types/react-helmet': 6.1.6
       '@types/react-modal': 3.13.1
       '@types/react-syntax-highlighter': 15.5.1
       buffer: 5.7.1
@@ -323,6 +326,7 @@ importers:
       react-dnd-html5-backend: 16.0.0
       react-dom: 18.2.0_react@18.2.0
       react-dropzone: 14.2.3_react@18.2.0
+      react-helmet: 6.1.0_react@18.2.0
       react-hook-form: 7.34.0_react@18.2.0
       react-hot-toast: 2.2.0_npw22p3c4ehm7n7vxn2gqac44u
       react-i18next: 11.18.3_shxxmfhtk2bc4pbx5cyq3uoph4
@@ -4542,6 +4546,12 @@ packages:
       '@types/react': 18.0.15
     dev: true
 
+  /@types/react-helmet/6.1.6:
+    resolution: {integrity: sha512-ZKcoOdW/Tg+kiUbkFCBtvDw0k3nD4HJ/h/B9yWxN4uDO8OkRksWTO+EL+z/Qu3aHTeTll3Ro0Cc/8UhwBCMG5A==}
+    dependencies:
+      '@types/react': 18.0.26
+    dev: true
+
   /@types/react-modal/3.13.1:
     resolution: {integrity: sha512-iY/gPvTDIy6Z+37l+ibmrY+GTV4KQTHcCyR5FIytm182RQS69G5ps4PH2FxtC7bAQ2QRHXMevsBgck7IQruHNg==}
     dependencies:
@@ -12418,6 +12428,22 @@ packages:
     resolution: {integrity: sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==}
     dev: true
 
+  /react-fast-compare/3.2.1:
+    resolution: {integrity: sha512-xTYf9zFim2pEif/Fw16dBiXpe0hoy5PxcD8+OwBnTtNLfIm3g6WxhKNurY+6OmdH1u6Ta/W/Vl6vjbYP1MFnDg==}
+    dev: true
+
+  /react-helmet/6.1.0_react@18.2.0:
+    resolution: {integrity: sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==}
+    peerDependencies:
+      react: '>=16.3.0 || ^18.0.0'
+    dependencies:
+      object-assign: 4.1.1
+      prop-types: 15.8.1
+      react: 18.2.0
+      react-fast-compare: 3.2.1
+      react-side-effect: 2.1.2_react@18.2.0
+    dev: true
+
   /react-hook-form/7.34.0_react@18.2.0:
     resolution: {integrity: sha512-s0/TJ09NVlEk2JPp3yit1WnMuPNBXFmUKEQPulgDi9pYBw/ZmmAFHe6AXWq73Y+kp8ye4OcMf0Jv+i/qLPektg==}
     engines: {node: '>=12.22.0'}
@@ -12585,6 +12611,14 @@ packages:
       react: 18.2.0
     dev: true
 
+  /react-side-effect/2.1.2_react@18.2.0:
+    resolution: {integrity: sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==}
+    peerDependencies:
+      react: ^16.3.0 || ^17.0.0 || ^18.0.0
+    dependencies:
+      react: 18.2.0
+    dev: true
+
   /react-smooth/2.0.1_v2m5e27vhdewzwhryxwfaorcca:
     resolution: {integrity: sha512-Own9TA0GPPf3as4vSwFhDouVfXP15ie/wIHklhyKBH5AN6NFtdk0UpHBnonV11BtqDkAWlt40MOUc+5srmW7NA==}
     peerDependencies: