@lobehub/lobehub 2.0.0-next.240 → 2.0.0-next.241

package/locales/fa-IR/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "چت",
+  "navigation.discover": "کشف",
+  "navigation.discoverAssistants": "کشف دستیاران",
+  "navigation.discoverMcp": "کشف MCP",
+  "navigation.discoverModels": "کشف مدل‌ها",
+  "navigation.discoverProviders": "کشف ارائه‌دهندگان",
+  "navigation.group": "گروه",
+  "navigation.groupChat": "چت گروهی",
+  "navigation.home": "خانه",
+  "navigation.image": "تصویر",
+  "navigation.knowledgeBase": "پایگاه دانش",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "حافظه",
+  "navigation.memoryContexts": "حافظه - زمینه‌ها",
+  "navigation.memoryExperiences": "حافظه - تجربیات",
+  "navigation.memoryIdentities": "حافظه - هویت‌ها",
+  "navigation.memoryPreferences": "حافظه - ترجیحات",
+  "navigation.onboarding": "راه‌اندازی",
+  "navigation.page": "صفحه",
+  "navigation.pages": "صفحات",
+  "navigation.provider": "ارائه‌دهنده",
+  "navigation.recentView": "مشاهدات اخیر",
+  "navigation.resources": "منابع",
+  "navigation.settings": "تنظیمات",
   "notification.finishChatGeneration": "تولید پیام توسط هوش مصنوعی به پایان رسید",
   "proxy.auth": "احراز هویت لازم است",
   "proxy.authDesc": "در صورتی که سرور پروکسی نیاز به نام کاربری و رمز عبور داشته باشد",

package/locales/fr-FR/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Chat",
+  "navigation.discover": "Découvrir",
+  "navigation.discoverAssistants": "Découvrir les Assistants",
+  "navigation.discoverMcp": "Découvrir MCP",
+  "navigation.discoverModels": "Découvrir les Modèles",
+  "navigation.discoverProviders": "Découvrir les Fournisseurs",
+  "navigation.group": "Groupe",
+  "navigation.groupChat": "Chat de Groupe",
+  "navigation.home": "Accueil",
+  "navigation.image": "Image",
+  "navigation.knowledgeBase": "Base de Connaissances",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Mémoire",
+  "navigation.memoryContexts": "Mémoire - Contextes",
+  "navigation.memoryExperiences": "Mémoire - Expériences",
+  "navigation.memoryIdentities": "Mémoire - Identités",
+  "navigation.memoryPreferences": "Mémoire - Préférences",
+  "navigation.onboarding": "Intégration",
+  "navigation.page": "Page",
+  "navigation.pages": "Pages",
+  "navigation.provider": "Fournisseur",
+  "navigation.recentView": "Vues récentes",
+  "navigation.resources": "Ressources",
+  "navigation.settings": "Paramètres",
   "notification.finishChatGeneration": "Génération du message par l'IA terminée",
   "proxy.auth": "Authentification requise",
   "proxy.authDesc": "Si le serveur proxy nécessite un nom d'utilisateur et un mot de passe",

package/locales/it-IT/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Chat",
+  "navigation.discover": "Scopri",
+  "navigation.discoverAssistants": "Scopri Assistenti",
+  "navigation.discoverMcp": "Scopri MCP",
+  "navigation.discoverModels": "Scopri Modelli",
+  "navigation.discoverProviders": "Scopri Provider",
+  "navigation.group": "Gruppo",
+  "navigation.groupChat": "Chat di Gruppo",
+  "navigation.home": "Home",
+  "navigation.image": "Immagine",
+  "navigation.knowledgeBase": "Base di Conoscenza",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Memoria",
+  "navigation.memoryContexts": "Memoria - Contesti",
+  "navigation.memoryExperiences": "Memoria - Esperienze",
+  "navigation.memoryIdentities": "Memoria - Identità",
+  "navigation.memoryPreferences": "Memoria - Preferenze",
+  "navigation.onboarding": "Onboarding",
+  "navigation.page": "Pagina",
+  "navigation.pages": "Pagine",
+  "navigation.provider": "Provider",
+  "navigation.recentView": "Visualizzazioni recenti",
+  "navigation.resources": "Risorse",
+  "navigation.settings": "Impostazioni",
   "notification.finishChatGeneration": "Generazione del messaggio AI completata",
   "proxy.auth": "Autenticazione richiesta",
   "proxy.authDesc": "Se il server proxy richiede nome utente e password",

package/locales/ja-JP/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "チャット",
+  "navigation.discover": "発見",
+  "navigation.discoverAssistants": "アシスタントを発見",
+  "navigation.discoverMcp": "MCP を発見",
+  "navigation.discoverModels": "モデルを発見",
+  "navigation.discoverProviders": "プロバイダーを発見",
+  "navigation.group": "グループ",
+  "navigation.groupChat": "グループチャット",
+  "navigation.home": "ホーム",
+  "navigation.image": "画像",
+  "navigation.knowledgeBase": "ナレッジベース",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "メモリ",
+  "navigation.memoryContexts": "メモリ - コンテキスト",
+  "navigation.memoryExperiences": "メモリ - 経験",
+  "navigation.memoryIdentities": "メモリ - アイデンティティ",
+  "navigation.memoryPreferences": "メモリ - 設定",
+  "navigation.onboarding": "オンボーディング",
+  "navigation.page": "ページ",
+  "navigation.pages": "ページ",
+  "navigation.provider": "プロバイダー",
+  "navigation.recentView": "最近の閲覧",
+  "navigation.resources": "リソース",
+  "navigation.settings": "設定",
   "notification.finishChatGeneration": "AI メッセージの生成が完了しました",
   "proxy.auth": "認証が必要",
   "proxy.authDesc": "プロキシサーバーがユーザー名とパスワードを必要とする場合",

package/locales/ko-KR/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "채팅",
+  "navigation.discover": "발견",
+  "navigation.discoverAssistants": "어시스턴트 발견",
+  "navigation.discoverMcp": "MCP 발견",
+  "navigation.discoverModels": "모델 발견",
+  "navigation.discoverProviders": "프로바이더 발견",
+  "navigation.group": "그룹",
+  "navigation.groupChat": "그룹 채팅",
+  "navigation.home": "홈",
+  "navigation.image": "이미지",
+  "navigation.knowledgeBase": "지식 베이스",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "메모리",
+  "navigation.memoryContexts": "메모리 - 컨텍스트",
+  "navigation.memoryExperiences": "메모리 - 경험",
+  "navigation.memoryIdentities": "메모리 - 신원",
+  "navigation.memoryPreferences": "메모리 - 선호도",
+  "navigation.onboarding": "온보딩",
+  "navigation.page": "페이지",
+  "navigation.pages": "페이지",
+  "navigation.provider": "프로바이더",
+  "navigation.recentView": "최근 조회",
+  "navigation.resources": "리소스",
+  "navigation.settings": "설정",
   "notification.finishChatGeneration": "AI 메시지 생성이 완료되었습니다",
   "proxy.auth": "인증 필요",
   "proxy.authDesc": "프록시 서버가 사용자 이름과 비밀번호를 요구하는 경우",

package/locales/nl-NL/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Chat",
+  "navigation.discover": "Ontdekken",
+  "navigation.discoverAssistants": "Assistenten Ontdekken",
+  "navigation.discoverMcp": "MCP Ontdekken",
+  "navigation.discoverModels": "Modellen Ontdekken",
+  "navigation.discoverProviders": "Providers Ontdekken",
+  "navigation.group": "Groep",
+  "navigation.groupChat": "Groepschat",
+  "navigation.home": "Startpagina",
+  "navigation.image": "Afbeelding",
+  "navigation.knowledgeBase": "Kennisbank",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Geheugen",
+  "navigation.memoryContexts": "Geheugen - Contexten",
+  "navigation.memoryExperiences": "Geheugen - Ervaringen",
+  "navigation.memoryIdentities": "Geheugen - Identiteiten",
+  "navigation.memoryPreferences": "Geheugen - Voorkeuren",
+  "navigation.onboarding": "Onboarding",
+  "navigation.page": "Pagina",
+  "navigation.pages": "Pagina's",
+  "navigation.provider": "Provider",
+  "navigation.recentView": "Recente weergaven",
+  "navigation.resources": "Bronnen",
+  "navigation.settings": "Instellingen",
   "notification.finishChatGeneration": "AI-berichtgeneratie voltooid",
   "proxy.auth": "Authenticatie vereist",
   "proxy.authDesc": "Indien de proxyserver een gebruikersnaam en wachtwoord vereist",

package/locales/pl-PL/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Czat",
+  "navigation.discover": "Odkryj",
+  "navigation.discoverAssistants": "Odkryj Asystentów",
+  "navigation.discoverMcp": "Odkryj MCP",
+  "navigation.discoverModels": "Odkryj Modele",
+  "navigation.discoverProviders": "Odkryj Dostawców",
+  "navigation.group": "Grupa",
+  "navigation.groupChat": "Czat Grupowy",
+  "navigation.home": "Strona główna",
+  "navigation.image": "Obraz",
+  "navigation.knowledgeBase": "Baza Wiedzy",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Pamięć",
+  "navigation.memoryContexts": "Pamięć - Konteksty",
+  "navigation.memoryExperiences": "Pamięć - Doświadczenia",
+  "navigation.memoryIdentities": "Pamięć - Tożsamości",
+  "navigation.memoryPreferences": "Pamięć - Preferencje",
+  "navigation.onboarding": "Wprowadzenie",
+  "navigation.page": "Strona",
+  "navigation.pages": "Strony",
+  "navigation.provider": "Dostawca",
+  "navigation.recentView": "Ostatnie wyświetlenia",
+  "navigation.resources": "Zasoby",
+  "navigation.settings": "Ustawienia",
   "notification.finishChatGeneration": "Generowanie wiadomości AI zakończone",
   "proxy.auth": "Wymagana autoryzacja",
   "proxy.authDesc": "Jeśli serwer proxy wymaga nazwy użytkownika i hasła",

package/locales/pt-BR/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Chat",
+  "navigation.discover": "Descobrir",
+  "navigation.discoverAssistants": "Descobrir Assistentes",
+  "navigation.discoverMcp": "Descobrir MCP",
+  "navigation.discoverModels": "Descobrir Modelos",
+  "navigation.discoverProviders": "Descobrir Provedores",
+  "navigation.group": "Grupo",
+  "navigation.groupChat": "Chat em Grupo",
+  "navigation.home": "Início",
+  "navigation.image": "Imagem",
+  "navigation.knowledgeBase": "Base de Conhecimento",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Memória",
+  "navigation.memoryContexts": "Memória - Contextos",
+  "navigation.memoryExperiences": "Memória - Experiências",
+  "navigation.memoryIdentities": "Memória - Identidades",
+  "navigation.memoryPreferences": "Memória - Preferências",
+  "navigation.onboarding": "Integração",
+  "navigation.page": "Página",
+  "navigation.pages": "Páginas",
+  "navigation.provider": "Provedor",
+  "navigation.recentView": "Visualizações recentes",
+  "navigation.resources": "Recursos",
+  "navigation.settings": "Configurações",
   "notification.finishChatGeneration": "Geração de mensagem pela IA concluída",
   "proxy.auth": "Autenticação necessária",
   "proxy.authDesc": "Se o servidor proxy exigir nome de usuário e senha",

package/locales/ru-RU/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Чат",
+  "navigation.discover": "Открыть",
+  "navigation.discoverAssistants": "Открыть Ассистентов",
+  "navigation.discoverMcp": "Открыть MCP",
+  "navigation.discoverModels": "Открыть Модели",
+  "navigation.discoverProviders": "Открыть Провайдеров",
+  "navigation.group": "Группа",
+  "navigation.groupChat": "Групповой Чат",
+  "navigation.home": "Главная",
+  "navigation.image": "Изображение",
+  "navigation.knowledgeBase": "База Знаний",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Память",
+  "navigation.memoryContexts": "Память - Контексты",
+  "navigation.memoryExperiences": "Память - Опыт",
+  "navigation.memoryIdentities": "Память - Идентичности",
+  "navigation.memoryPreferences": "Память - Предпочтения",
+  "navigation.onboarding": "Введение",
+  "navigation.page": "Страница",
+  "navigation.pages": "Страницы",
+  "navigation.provider": "Провайдер",
+  "navigation.recentView": "Недавние просмотры",
+  "navigation.resources": "Ресурсы",
+  "navigation.settings": "Настройки",
   "notification.finishChatGeneration": "Генерация сообщения ИИ завершена",
   "proxy.auth": "Требуется аутентификация",
   "proxy.authDesc": "Если прокси-сервер требует имя пользователя и пароль",

package/locales/tr-TR/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Sohbet",
+  "navigation.discover": "Keşfet",
+  "navigation.discoverAssistants": "Asistanları Keşfet",
+  "navigation.discoverMcp": "MCP'yi Keşfet",
+  "navigation.discoverModels": "Modelleri Keşfet",
+  "navigation.discoverProviders": "Sağlayıcıları Keşfet",
+  "navigation.group": "Grup",
+  "navigation.groupChat": "Grup Sohbeti",
+  "navigation.home": "Ana Sayfa",
+  "navigation.image": "Görsel",
+  "navigation.knowledgeBase": "Bilgi Bankası",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Bellek",
+  "navigation.memoryContexts": "Bellek - Bağlamlar",
+  "navigation.memoryExperiences": "Bellek - Deneyimler",
+  "navigation.memoryIdentities": "Bellek - Kimlikler",
+  "navigation.memoryPreferences": "Bellek - Tercihler",
+  "navigation.onboarding": "Hoş Geldiniz",
+  "navigation.page": "Sayfa",
+  "navigation.pages": "Sayfalar",
+  "navigation.provider": "Sağlayıcı",
+  "navigation.recentView": "Son görüntülemeler",
+  "navigation.resources": "Kaynaklar",
+  "navigation.settings": "Ayarlar",
   "notification.finishChatGeneration": "Yapay zeka mesaj oluşturma tamamlandı",
   "proxy.auth": "Kimlik Doğrulama Gerekli",
   "proxy.authDesc": "Proxy sunucusu kullanıcı adı ve şifre gerektiriyorsa",

package/locales/vi-VN/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "Trò chuyện",
+  "navigation.discover": "Khám phá",
+  "navigation.discoverAssistants": "Khám phá Trợ lý",
+  "navigation.discoverMcp": "Khám phá MCP",
+  "navigation.discoverModels": "Khám phá Mô hình",
+  "navigation.discoverProviders": "Khám phá Nhà cung cấp",
+  "navigation.group": "Nhóm",
+  "navigation.groupChat": "Trò chuyện Nhóm",
+  "navigation.home": "Trang chủ",
+  "navigation.image": "Hình ảnh",
+  "navigation.knowledgeBase": "Cơ sở Tri thức",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "Bộ nhớ",
+  "navigation.memoryContexts": "Bộ nhớ - Ngữ cảnh",
+  "navigation.memoryExperiences": "Bộ nhớ - Trải nghiệm",
+  "navigation.memoryIdentities": "Bộ nhớ - Danh tính",
+  "navigation.memoryPreferences": "Bộ nhớ - Tùy chọn",
+  "navigation.onboarding": "Giới thiệu",
+  "navigation.page": "Trang",
+  "navigation.pages": "Trang",
+  "navigation.provider": "Nhà cung cấp",
+  "navigation.recentView": "Đã xem gần đây",
+  "navigation.resources": "Tài nguyên",
+  "navigation.settings": "Cài đặt",
   "notification.finishChatGeneration": "Đã hoàn tất tạo tin nhắn AI",
   "proxy.auth": "Yêu cầu xác thực",
   "proxy.authDesc": "Nếu máy chủ proxy yêu cầu tên người dùng và mật khẩu",

package/locales/zh-CN/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "对话",
+  "navigation.discover": "发现",
+  "navigation.discoverAssistants": "发现助理",
+  "navigation.discoverMcp": "发现 MCP",
+  "navigation.discoverModels": "发现模型",
+  "navigation.discoverProviders": "发现模型服务商",
+  "navigation.group": "群组",
+  "navigation.groupChat": "群组对话",
+  "navigation.home": "首页",
+  "navigation.image": "图像",
+  "navigation.knowledgeBase": "知识库",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "记忆",
+  "navigation.memoryContexts": "记忆 - 上下文",
+  "navigation.memoryExperiences": "记忆 - 经历",
+  "navigation.memoryIdentities": "记忆 - 身份",
+  "navigation.memoryPreferences": "记忆 - 偏好",
+  "navigation.onboarding": "引导",
+  "navigation.page": "文稿",
+  "navigation.pages": "文稿",
+  "navigation.provider": "模型服务商",
+  "navigation.recentView": "最近访问",
+  "navigation.resources": "资源",
+  "navigation.settings": "设置",
   "notification.finishChatGeneration": "AI 消息已生成完毕",
   "proxy.auth": "需要认证",
   "proxy.authDesc": "如果代理服务器需要用户名和密码",

package/locales/zh-TW/electron.json

@@ -1,4 +1,28 @@
 {
+  "navigation.chat": "對話",
+  "navigation.discover": "發現",
+  "navigation.discoverAssistants": "發現助理",
+  "navigation.discoverMcp": "發現 MCP",
+  "navigation.discoverModels": "發現模型",
+  "navigation.discoverProviders": "發現模型服務商",
+  "navigation.group": "群組",
+  "navigation.groupChat": "群組對話",
+  "navigation.home": "首頁",
+  "navigation.image": "圖像",
+  "navigation.knowledgeBase": "知識庫",
+  "navigation.lobehub": "LobeHub",
+  "navigation.memory": "記憶",
+  "navigation.memoryContexts": "記憶 - 上下文",
+  "navigation.memoryExperiences": "記憶 - 經歷",
+  "navigation.memoryIdentities": "記憶 - 身份",
+  "navigation.memoryPreferences": "記憶 - 偏好",
+  "navigation.onboarding": "引導",
+  "navigation.page": "文稿",
+  "navigation.pages": "文稿",
+  "navigation.provider": "模型服務商",
+  "navigation.recentView": "最近訪問",
+  "navigation.resources": "資源",
+  "navigation.settings": "設定",
   "notification.finishChatGeneration": "AI 訊息已生成完畢",
   "proxy.auth": "需要認證",
   "proxy.authDesc": "如果代理伺服器需要使用者名稱和密碼",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.240",
+  "version": "2.0.0-next.241",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/electron-client-ipc/src/events/navigation.ts

@@ -1,4 +1,16 @@
 export interface NavigationBroadcastEvents {
+  /**
+   * Ask renderer to go back in navigation history.
+   * Triggered from the main process menu.
+   */
+  historyGoBack: () => void;
+
+  /**
+   * Ask renderer to go forward in navigation history.
+   * Triggered from the main process menu.
+   */
+  historyGoForward: () => void;
+
   /**
    * Ask renderer to navigate within the SPA without reloading the whole page.
    */

package/src/components/PageTitle/index.tsx

@@ -1,10 +1,20 @@
 import { BRANDING_NAME } from '@lobechat/business-const';
 import { memo, useEffect } from 'react';
 
+import { isDesktop } from '@/const/version';
+import { useElectronStore } from '@/store/electron';
+
 const PageTitle = memo<{ title: string }>(({ title }) => {
+  const setCurrentPageTitle = useElectronStore((s) => s.setCurrentPageTitle);
+
   useEffect(() => {
     document.title = title ? `${title} · ${BRANDING_NAME}` : BRANDING_NAME;
-  }, [title]);
+
+    // Sync title to electron store for navigation history
+    if (isDesktop) {
+      setCurrentPageTitle(title);
+    }
+  }, [title, setCurrentPageTitle]);
 
   return null;
 });

package/src/features/ElectronTitlebar/NavigationBar/RecentlyViewed.tsx

@@ -0,0 +1,137 @@
+'use client';
+
+import { Flexbox, Icon } from '@lobehub/ui';
+import { createStaticStyles } from 'antd-style';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+
+import { useElectronStore } from '@/store/electron';
+import type { HistoryEntry } from '@/store/electron/actions/navigationHistory';
+
+import { getRouteIcon } from '../helpers/routeMetadata';
+
+const styles = createStaticStyles(({ css, cssVar }) => ({
+  container: css`
+    overflow-y: auto;
+    width: 260px;
+    max-height: 320px;
+    padding: 4px;
+  `,
+  empty: css`
+    padding-block: 16px;
+    padding-inline: 12px;
+
+    font-size: 12px;
+    color: ${cssVar.colorTextTertiary};
+    text-align: center;
+  `,
+  icon: css`
+    flex-shrink: 0;
+    color: ${cssVar.colorTextSecondary};
+  `,
+  item: css`
+    cursor: pointer;
+
+    overflow: hidden;
+
+    padding-block: 6px;
+    padding-inline: 8px;
+    border-radius: ${cssVar.borderRadiusSM};
+
+    transition: background-color 0.15s ${cssVar.motionEaseInOut};
+
+    &:hover {
+      background-color: ${cssVar.colorFillSecondary};
+    }
+  `,
+  itemActive: css`
+    background-color: ${cssVar.colorFillTertiary};
+  `,
+  itemTitle: css`
+    overflow: hidden;
+    flex: 1;
+
+    font-size: 12px;
+    color: ${cssVar.colorText};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  title: css`
+    padding-block: 4px;
+    padding-inline: 8px;
+
+    font-size: 11px;
+    font-weight: 500;
+    color: ${cssVar.colorTextTertiary};
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  `,
+}));
+
+interface RecentlyViewedProps {
+  onClose: () => void;
+}
+
+const RecentlyViewed = memo<RecentlyViewedProps>(({ onClose }) => {
+  const { t } = useTranslation('electron');
+  const navigate = useNavigate();
+  const historyEntries = useElectronStore((s) => s.historyEntries);
+  const historyCurrentIndex = useElectronStore((s) => s.historyCurrentIndex);
+  const setIsNavigatingHistory = useElectronStore((s) => s.setIsNavigatingHistory);
+
+  const handleClick = (entry: HistoryEntry, index: number) => {
+    // Set flag to prevent adding duplicate history entry
+    setIsNavigatingHistory(true);
+
+    // Update the current index in store
+    useElectronStore.setState({ historyCurrentIndex: index });
+
+    // Navigate to the selected entry
+    navigate(entry.url);
+
+    // Close the popover
+    onClose();
+  };
+
+  // Show entries in reverse order (most recent first), excluding current
+  const recentEntries = [...historyEntries]
+    .map((entry, index) => ({ entry, originalIndex: index }))
+    .reverse();
+
+  if (recentEntries.length === 0) {
+    return (
+      <div className={styles.container}>
+        <div className={styles.empty}>{t('navigation.recentView')}</div>
+      </div>
+    );
+  }
+
+  return (
+    <Flexbox className={styles.container}>
+      <div className={styles.title}>{t('navigation.recentView')}</div>
+      {recentEntries.map(({ entry, originalIndex }) => {
+        const isActive = originalIndex === historyCurrentIndex;
+        const RouteIcon = getRouteIcon(entry.url);
+
+        return (
+          <Flexbox
+            align="center"
+            className={`${styles.item} ${isActive ? styles.itemActive : ''}`}
+            gap={8}
+            horizontal
+            key={`${entry.url}-${originalIndex}`}
+            onClick={() => handleClick(entry, originalIndex)}
+          >
+            {RouteIcon && <Icon className={styles.icon} icon={RouteIcon} size="small" />}
+            <span className={styles.itemTitle}>{entry.title}</span>
+          </Flexbox>
+        );
+      })}
+    </Flexbox>
+  );
+});
+
+RecentlyViewed.displayName = 'RecentlyViewed';
+
+export default RecentlyViewed;

package/src/features/ElectronTitlebar/NavigationBar/index.tsx

@@ -0,0 +1,86 @@
+'use client';
+
+import { ActionIcon, Flexbox, Popover, Tooltip } from '@lobehub/ui';
+import { ArrowLeft, ArrowRight, Clock } from 'lucide-react';
+import { memo, useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+
+import { useGlobalStore } from '@/store/global';
+import { systemStatusSelectors } from '@/store/global/selectors';
+import { electronStylish } from '@/styles/electron';
+import { isMacOS } from '@/utils/platform';
+
+import { useNavigationHistory } from '../hooks/useNavigationHistory';
+import RecentlyViewed from './RecentlyViewed';
+
+const isMac = isMacOS();
+
+const useNavPanelWidth = () => {
+  return useGlobalStore(systemStatusSelectors.leftPanelWidth);
+};
+
+const NavigationBar = memo(() => {
+  const { t } = useTranslation('electron');
+  const { canGoBack, canGoForward, goBack, goForward } = useNavigationHistory();
+  const [historyOpen, setHistoryOpen] = useState(false);
+  // Use ResizeObserver for real-time width updates during resize
+  const leftPanelWidth = useNavPanelWidth();
+
+  // Toggle history popover
+  const toggleHistoryOpen = useCallback(() => {
+    setHistoryOpen((prev) => !prev);
+  }, []);
+
+  // Listen for keyboard shortcut ⌘Y / Ctrl+Y
+  useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      const isCmdOrCtrl = isMac ? event.metaKey : event.ctrlKey;
+      if (isCmdOrCtrl && event.key.toLowerCase() === 'y') {
+        event.preventDefault();
+        toggleHistoryOpen();
+      }
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [toggleHistoryOpen]);
+
+  // Tooltip content for the clock button
+  const tooltipContent = t('navigation.recentView');
+
+  return (
+    <Flexbox
+      align="center"
+      className={electronStylish.nodrag}
+      data-width={leftPanelWidth}
+      horizontal
+      justify="end"
+      style={{ width: `${leftPanelWidth - 12}px` }}
+    >
+      <Flexbox align="center" gap={2} horizontal>
+        <ActionIcon disabled={!canGoBack} icon={ArrowLeft} onClick={goBack} size="small" />
+        <ActionIcon disabled={!canGoForward} icon={ArrowRight} onClick={goForward} size="small" />
+        <Popover
+          content={<RecentlyViewed onClose={() => setHistoryOpen(false)} />}
+          onOpenChange={setHistoryOpen}
+          open={historyOpen}
+          placement="bottomLeft"
+          styles={{ content: { padding: 0 } }}
+          trigger="click"
+        >
+          <div>
+            <Tooltip open={historyOpen ? false : undefined} title={tooltipContent}>
+              <ActionIcon icon={Clock} size="small" />
+            </Tooltip>
+          </div>
+        </Popover>
+      </Flexbox>
+    </Flexbox>
+  );
+});
+
+NavigationBar.displayName = 'NavigationBar';
+
+export default NavigationBar;