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

package/locales/zh-TW/models.json

@@ -271,20 +271,20 @@
   "chatgpt-4o-latest.description": "ChatGPT-4o 是一款即時更新的動態模型，結合強大的理解與生成能力，適用於客服、教育與技術支援等大規模應用場景。",
   "claude-2.0.description": "Claude 2 提供企業級關鍵改進，包括領先的 20 萬 token 上下文、降低幻覺、系統提示與新測試功能：工具調用。",
   "claude-2.1.description": "Claude 2 提供企業級關鍵改進，包括領先的 20 萬 token 上下文、降低幻覺、系統提示與新測試功能：工具調用。",
-  "claude-3-5-haiku-20241022.description": "Claude 3.5 Haiku 是 Anthropic 最新一代中速度最快的模型。相較於 Claude 3 Haiku，其在多項技能上皆有提升，並在多項智能基準測試中超越先前最大模型 Claude 3 Opus。",
+  "claude-3-5-haiku-20241022.description": "Claude 3.5 Haiku 是 Anthropic 推出的次世代最快模型，在多項技能上全面提升，並在多項基準測試中超越前一代旗艦 Claude 3 Opus。",
   "claude-3-5-haiku-latest.description": "Claude 3.5 Haiku 提供快速回應，適用於輕量任務。",
-  "claude-3-7-sonnet-20250219.description": "Claude 3.7 Sonnet 是 Anthropic 最具智慧的模型，也是市場上首個混合推理模型。它能夠即時回應，或進行可視化的逐步推理。Sonnet 尤其擅長程式設計、資料科學、視覺處理與智能代理任務。",
+  "claude-3-7-sonnet-20250219.description": "Claude Sonnet 3.7 是 Anthropic 最智慧的模型，也是市場上首個混合推理模型，支援即時回應與延伸思考，並提供細緻的控制能力。",
   "claude-3-7-sonnet-latest.description": "Claude 3.7 Sonnet 是 Anthropic 最新且最強大的模型，適用於高度複雜任務，具備卓越的效能、智慧、流暢度與理解力。",
   "claude-3-haiku-20240307.description": "Claude 3 Haiku 是 Anthropic 推出的最快速且最精簡的模型，設計用於即時回應，具備快速且準確的表現。",
   "claude-3-opus-20240229.description": "Claude 3 Opus 是 Anthropic 最強大的模型，適用於高度複雜任務，具備卓越的效能、智慧、流暢度與理解力。",
   "claude-3-sonnet-20240229.description": "Claude 3 Sonnet 在智慧與速度之間取得平衡，適合企業工作負載，提供高效能與低成本的大規模部署。",
-  "claude-haiku-4-5-20251001.description": "Claude Haiku 4.5 是 Anthropic 最快且最聰明的 Haiku 模型，具備閃電般的速度與延伸推理能力。",
+  "claude-haiku-4-5-20251001.description": "Claude Haiku 4.5 是 Anthropic 最快且最智慧的 Haiku 模型，具備閃電般的速度與延伸思考能力。",
   "claude-opus-4-1-20250805-thinking.description": "Claude Opus 4.1 Thinking 是一個進階版本，能夠揭示其推理過程。",
   "claude-opus-4-1-20250805.description": "Claude Opus 4.1 是 Anthropic 最新且最強大的模型，適用於高度複雜任務，具備卓越的效能、智慧、流暢度與理解力。",
-  "claude-opus-4-20250514.description": "Claude Opus 4 是 Anthropic 最強大的模型，專為處理高度複雜任務而設計，表現出色，具備卓越的智能、流暢度與理解力。",
+  "claude-opus-4-20250514.description": "Claude Opus 4 是 Anthropic 最強大的模型，專為處理高度複雜任務而設，表現卓越，具備高智慧、流暢性與理解力。",
   "claude-opus-4-5-20251101.description": "Claude Opus 4.5 是 Anthropic 的旗艦模型，結合卓越智慧與可擴展效能，適合需要最高品質回應與推理的複雜任務。",
   "claude-sonnet-4-20250514-thinking.description": "Claude Sonnet 4 Thinking 可產生即時回應或延伸的逐步思考，並顯示其推理過程。",
-  "claude-sonnet-4-20250514.description": "Claude Sonnet 4 能夠即時回應，或進行可視化的逐步思考過程。",
+  "claude-sonnet-4-20250514.description": "Claude Sonnet 4 是 Anthropic 迄今最智慧的模型，為 API 使用者提供即時回應或逐步思考的能力，並具備細緻控制功能。",
   "claude-sonnet-4-5-20250929.description": "Claude Sonnet 4.5 是 Anthropic 迄今最智慧的模型。",
   "codegeex-4.description": "CodeGeeX-4 是一款強大的 AI 程式輔助工具，支援多語言問答與程式碼補全，能有效提升開發者的生產力。",
   "codegeex4-all-9b.description": "CodeGeeX4-ALL-9B 是一個多語言程式碼生成模型，支援程式碼補全與生成、程式碼解釋器、網頁搜尋、函式呼叫與倉庫層級的程式碼問答，涵蓋多種軟體開發場景。它是參數數量低於 100 億的頂尖程式碼模型之一。",
@@ -355,7 +355,7 @@
   "deepseek-ai/deepseek-v3.1-terminus.description": "DeepSeek V3.1 是新一代推理模型，具備更強的複雜推理與思維鏈能力，適用於深度分析任務。",
   "deepseek-ai/deepseek-v3.1.description": "DeepSeek V3.1 是新一代推理模型，具備更強的複雜推理與思維鏈能力，適用於深度分析任務。",
   "deepseek-ai/deepseek-vl2.description": "DeepSeek-VL2 是一款基於 DeepSeekMoE-27B 的 MoE 視覺語言模型，採用稀疏激活，僅使用 4.5B 活躍參數即可達到強大表現。擅長視覺問答、OCR、文件/表格/圖表理解與視覺對齊。",
-  "deepseek-chat.description": "一款結合通用與程式能力的開源模型。保留聊天模型的對話能力與程式模型的強大編碼能力，並提升偏好對齊。DeepSeek-V2.5 也在寫作與指令遵循方面有所進步。",
+  "deepseek-chat.description": "DeepSeek V3.2 在推理與輸出長度之間取得平衡，適用於日常問答與智能體任務。其公開基準表現達 GPT-5 水準，並首創將思考整合至工具使用，在開源智能體評測中表現領先。",
   "deepseek-coder-33B-instruct.description": "DeepSeek Coder 33B 是一款程式語言模型，訓練於 2T token（87% 程式碼，13% 中英文文本），支援 16K 上下文視窗與中間填充任務，提供專案級程式補全與片段填充功能。",
   "deepseek-coder-v2.description": "DeepSeek Coder V2 是一款開源 MoE 程式模型，在程式任務中表現強勁，媲美 GPT-4 Turbo。",
   "deepseek-coder-v2:236b.description": "DeepSeek Coder V2 是一款開源 MoE 程式模型，在程式任務中表現強勁，媲美 GPT-4 Turbo。",
@@ -378,7 +378,7 @@
   "deepseek-r1-fast-online.description": "DeepSeek R1 快速全量版，支援即時網頁搜尋，結合 671B 規模能力與快速回應。",
   "deepseek-r1-online.description": "DeepSeek R1 全量版擁有 671B 參數與即時網頁搜尋功能，提供更強的理解與生成能力。",
   "deepseek-r1.description": "DeepSeek-R1 在強化學習前使用冷啟動資料，於數學、程式碼與推理任務中表現可媲美 OpenAI-o1。",
-  "deepseek-reasoner.description": "DeepSeek V3.2 推理模式會在最終答案前輸出思考鏈，以提升準確性。",
+  "deepseek-reasoner.description": "DeepSeek V3.2 Thinking 是一款深度推理模型，能在輸出前生成思考鏈以提升準確性，在競賽中表現優異，推理能力媲美 Gemini-3.0-Pro。",
   "deepseek-v2.description": "DeepSeek V2 是一款高效的 MoE 模型，適用於具成本效益的處理任務。",
   "deepseek-v2:236b.description": "DeepSeek V2 236B 是 DeepSeek 專注於程式碼生成的模型，具備強大能力。",
   "deepseek-v3-0324.description": "DeepSeek-V3-0324 是一款擁有 671B 參數的 MoE 模型，在程式設計、技術能力、語境理解與長文本處理方面表現出色。",
@@ -471,7 +471,7 @@
   "ernie-tiny-8k.description": "ERNIE Tiny 8K 是一款超輕量模型，適合簡單問答、分類與低成本推理。",
   "ernie-x1-turbo-32k.description": "ERNIE X1 Turbo 32K 是一款快速思考模型，具備 32K 上下文，適合複雜推理與多輪對話。",
   "ernie-x1.1-preview.description": "ERNIE X1.1 預覽版是一款思考模型預覽，用於評估與測試。",
-  "fal-ai/bytedance/seedream/v4.description": "Seedream 4.0 是字節跳動 Seed 團隊推出的圖像生成模型，支援文字與圖像輸入，實現高度可控與高品質的圖像生成，能根據文字提示生成圖像。",
+  "fal-ai/bytedance/seedream/v4.description": "Seedream 4.0 由字節跳動 Seed 團隊打造，支援文字與圖像輸入，能從提示中生成高品質、可控性強的圖像。",
   "fal-ai/flux-kontext/dev.description": "FLUX.1 模型專注於圖像編輯，支援文字與圖像輸入。",
   "fal-ai/flux-pro/kontext.description": "FLUX.1 Kontext [pro] 接受文字與參考圖像輸入，實現目標區域編輯與複雜場景轉換。",
   "fal-ai/flux/krea.description": "Flux Krea [dev] 是一款圖像生成模型，偏好更真實自然的美學風格。",
@@ -479,8 +479,8 @@
   "fal-ai/hunyuan-image/v3.description": "一款強大的原生多模態圖像生成模型。",
   "fal-ai/imagen4/preview.description": "來自 Google 的高品質圖像生成模型。",
   "fal-ai/nano-banana.description": "Nano Banana 是 Google 最新、最快且最高效的原生多模態模型，支援透過對話進行圖像生成與編輯。",
-  "fal-ai/qwen-image-edit.description": "來自 Qwen 團隊的專業圖像編輯模型，支援語義與外觀編輯，能精準處理中英文文字，並實現風格轉換、物體旋轉等高品質編輯。",
-  "fal-ai/qwen-image.description": "來自 Qwen 團隊的強大圖像生成模型，具備優秀的中文文字渲染與多樣化視覺風格。",
+  "fal-ai/qwen-image-edit.description": "來自 Qwen 團隊的專業圖像編輯模型，支援語義與外觀編輯、中英文文字精準修改、風格轉換、旋轉等功能。",
+  "fal-ai/qwen-image.description": "Qwen 團隊推出的強大圖像生成模型，具備優秀的中文文字渲染能力與多樣化視覺風格。",
   "flux-1-schnell.description": "來自黑森林實驗室的 12B 參數文字轉圖像模型，透過潛在對抗擴散蒸餾技術，在 1 至 4 步內生成高品質圖像。其表現媲美封閉式替代方案，並以 Apache-2.0 授權釋出，供個人、研究與商業用途。",
   "flux-dev.description": "FLUX.1 [dev] 是一款開放權重的蒸餾模型，僅限非商業用途。它保有接近專業水準的圖像品質與指令遵循能力，同時運行更高效，資源使用優於同等大小的標準模型。",
   "flux-kontext-max.description": "最先進的語境圖像生成與編輯技術，結合文字與圖像輸入，實現精準且一致的結果。",

package/locales/zh-TW/plugin.json

@@ -92,6 +92,15 @@
   "builtins.lobe-local-system.inspector.noResults": "沒有結果",
   "builtins.lobe-local-system.inspector.rename.result": "<old>{{oldName}}</old> → <new>{{newName}}</new>",
   "builtins.lobe-local-system.title": "本機系統",
+  "builtins.lobe-notebook.actions.copy": "複製",
+  "builtins.lobe-notebook.actions.creating": "正在建立文件...",
+  "builtins.lobe-notebook.actions.edit": "編輯",
+  "builtins.lobe-notebook.actions.expand": "展開",
+  "builtins.lobe-notebook.apiName.createDocument": "建立文件",
+  "builtins.lobe-notebook.apiName.deleteDocument": "刪除文件",
+  "builtins.lobe-notebook.apiName.getDocument": "取得文件",
+  "builtins.lobe-notebook.apiName.updateDocument": "更新文件",
+  "builtins.lobe-notebook.title": "筆記本",
   "builtins.lobe-page-agent.apiName.batchUpdate": "批次更新節點",
   "builtins.lobe-page-agent.apiName.compareSnapshots": "比較快照",
   "builtins.lobe-page-agent.apiName.convertToList": "轉換為清單",

package/locales/zh-TW/providers.json

@@ -29,6 +29,7 @@
   "internlm.description": "一個專注於大型模型研究與工具的開源組織，提供高效、易用的平台，讓尖端模型與演算法更易於取得。",
   "jina.description": "Jina AI 成立於 2020 年，是領先的搜尋 AI 公司。其搜尋技術堆疊包含向量模型、重排序器與小型語言模型，打造可靠且高品質的生成式與多模態搜尋應用。",
   "lmstudio.description": "LM Studio 是一款桌面應用程式，可在本機開發與實驗大型語言模型。",
+  "lobehub.description": "LobeHub Cloud 使用官方 API 存取 AI 模型，並以與模型代幣相關的點數（Credits）來計算使用量。",
   "minimax.description": "MiniMax 成立於 2021 年，致力於打造通用 AI，擁有多模態基礎模型，包括兆級參數的 MoE 文本模型、語音模型與視覺模型，並推出如海螺 AI 等應用。",
   "mistral.description": "Mistral 提供先進的通用、專業與研究模型，支援複雜推理、多語言任務與程式碼生成，並支援函式呼叫以實現自訂整合。",
   "modelscope.description": "ModelScope 是阿里雲的模型即服務平台，提供多樣化的 AI 模型與推理服務。",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.240",
+  "version": "2.0.0-next.242",
   "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;

package/src/features/ElectronTitlebar/helpers/routeMetadata.ts

@@ -0,0 +1,214 @@
+/**
+ * Route metadata mapping for navigation history
+ * Provides title and icon information based on route path
+ */
+import {
+  Brain,
+  Circle,
+  Compass,
+  Database,
+  FileText,
+  Home,
+  Image,
+  type LucideIcon,
+  MessageSquare,
+  Rocket,
+  Settings,
+  Users,
+} from 'lucide-react';
+
+export interface RouteMetadata {
+  icon?: LucideIcon;
+  /** i18n key for the title (namespace: electron) */
+  titleKey: string;
+  /** Whether this route should use document.title for more specific title */
+  useDynamicTitle?: boolean;
+}
+
+interface RoutePattern {
+  icon?: LucideIcon;
+  test: (pathname: string) => boolean;
+  /** i18n key for the title (namespace: electron) */
+  titleKey: string;
+  /** Whether this route should use document.title for more specific title */
+  useDynamicTitle?: boolean;
+}
+
+/**
+ * Route patterns ordered by specificity (most specific first)
+ */
+const routePatterns: RoutePattern[] = [
+  // Settings routes
+  {
+    icon: Settings,
+    test: (p) => p.startsWith('/settings/provider'),
+    titleKey: 'navigation.provider',
+  },
+  {
+    icon: Settings,
+    test: (p) => p.startsWith('/settings'),
+    titleKey: 'navigation.settings',
+  },
+
+  // Agent/Chat routes - use dynamic title for specific chat names
+  {
+    icon: MessageSquare,
+    test: (p) => p.startsWith('/agent/'),
+    titleKey: 'navigation.chat',
+    useDynamicTitle: true,
+  },
+  {
+    icon: MessageSquare,
+    test: (p) => p === '/agent',
+    titleKey: 'navigation.chat',
+  },
+
+  // Group routes - use dynamic title for specific group names
+  {
+    icon: Users,
+    test: (p) => p.startsWith('/group/'),
+    titleKey: 'navigation.groupChat',
+    useDynamicTitle: true,
+  },
+  {
+    icon: Users,
+    test: (p) => p === '/group',
+    titleKey: 'navigation.group',
+  },
+
+  // Community/Discover routes
+  {
+    icon: Compass,
+    test: (p) => p.startsWith('/community/assistant'),
+    titleKey: 'navigation.discoverAssistants',
+  },
+  {
+    icon: Compass,
+    test: (p) => p.startsWith('/community/model'),
+    titleKey: 'navigation.discoverModels',
+  },
+  {
+    icon: Compass,
+    test: (p) => p.startsWith('/community/provider'),
+    titleKey: 'navigation.discoverProviders',
+  },
+  {
+    icon: Compass,
+    test: (p) => p.startsWith('/community/mcp'),
+    titleKey: 'navigation.discoverMcp',
+  },
+  {
+    icon: Compass,
+    test: (p) => p.startsWith('/community'),
+    titleKey: 'navigation.discover',
+  },
+
+  // Resource/Knowledge routes
+  {
+    icon: Database,
+    test: (p) => p.startsWith('/resource/library'),
+    titleKey: 'navigation.knowledgeBase',
+  },
+  {
+    icon: Database,
+    test: (p) => p.startsWith('/resource'),
+    titleKey: 'navigation.resources',
+  },
+
+  // Memory routes
+  {
+    icon: Brain,
+    test: (p) => p.startsWith('/memory/identities'),
+    titleKey: 'navigation.memoryIdentities',
+  },
+  {
+    icon: Brain,
+    test: (p) => p.startsWith('/memory/contexts'),
+    titleKey: 'navigation.memoryContexts',
+  },
+  {
+    icon: Brain,
+    test: (p) => p.startsWith('/memory/preferences'),
+    titleKey: 'navigation.memoryPreferences',
+  },
+  {
+    icon: Brain,
+    test: (p) => p.startsWith('/memory/experiences'),
+    titleKey: 'navigation.memoryExperiences',
+  },
+  {
+    icon: Brain,
+    test: (p) => p.startsWith('/memory'),
+    titleKey: 'navigation.memory',
+  },
+
+  // Image routes
+  {
+    icon: Image,
+    test: (p) => p.startsWith('/image'),
+    titleKey: 'navigation.image',
+  },
+
+  // Page routes - use dynamic title for specific page names
+  {
+    icon: FileText,
+    test: (p) => p.startsWith('/page/'),
+    titleKey: 'navigation.page',
+    useDynamicTitle: true,
+  },
+  {
+    icon: FileText,
+    test: (p) => p === '/page',
+    titleKey: 'navigation.pages',
+  },
+
+  // Onboarding
+  {
+    icon: Rocket,
+    test: (p) => p.startsWith('/desktop-onboarding') || p.startsWith('/onboarding'),
+    titleKey: 'navigation.onboarding',
+  },
+
+  // Home (default)
+  {
+    icon: Home,
+    test: (p) => p === '/' || p === '',
+    titleKey: 'navigation.home',
+  },
+];
+
+/**
+ * Get route metadata based on pathname
+ * @param pathname - The current route pathname
+ * @returns Route metadata with titleKey, icon, and useDynamicTitle flag
+ */
+export const getRouteMetadata = (pathname: string): RouteMetadata => {
+  // Find the first matching pattern
+  for (const pattern of routePatterns) {
+    if (pattern.test(pathname)) {
+      return {
+        icon: pattern.icon,
+        titleKey: pattern.titleKey,
+        useDynamicTitle: pattern.useDynamicTitle,
+      };
+    }
+  }
+
+  // Default fallback
+  return {
+    icon: Circle,
+    titleKey: 'navigation.lobehub',
+  };
+};
+
+/**
+ * Get route icon based on pathname or URL
+ * @param url - The route URL (may include query string)
+ * @returns LucideIcon component or undefined
+ */
+export const getRouteIcon = (url: string): LucideIcon | undefined => {
+  // Extract pathname from URL
+  const pathname = url.split('?')[0];
+  const metadata = getRouteMetadata(pathname);
+  return metadata.icon;
+};