From 335a08454acf7d606c62178400729071b541a8f6 Mon Sep 17 00:00:00 2001
From: Rick Ye <rick.ye@gz.questwork.com>
Date: Fri, 11 Sep 2026 15:17:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(settings):=20=E6=8F=92=E4=BB=B6=E4=BA=8C?=
 =?UTF-8?q?=E7=BA=A7=E9=A1=B5=E9=A1=B6=E9=83=A8=E6=94=B9=E9=9D=A2=E5=8C=85?=
 =?UTF-8?q?=E5=B1=91=E5=AF=BC=E8=88=AA=EF=BC=88shadcn=20Breadcrumb=20?=
 =?UTF-8?q?=E8=AF=AD=E4=B9=89=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../renderer/src/components/SettingsModal.tsx | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/apps/desktop/src/renderer/src/components/SettingsModal.tsx b/apps/desktop/src/renderer/src/components/SettingsModal.tsx
index 1e54ca3..649128a 100644
--- a/apps/desktop/src/renderer/src/components/SettingsModal.tsx
+++ b/apps/desktop/src/renderer/src/components/SettingsModal.tsx
@@ -2,8 +2,8 @@ import { memo, useEffect, useMemo, useRef, useState, useTransition, type ReactNo
 import type { JSX, RefObject } from 'react'
 import { useVirtualizer } from '@tanstack/react-virtual'
 import {
-  LuArrowLeft,
   LuCheck,
+  LuChevronRight,
   LuCpu,
   LuDatabase,
   LuFolderOpen,
@@ -1542,20 +1542,27 @@ export function SettingsModal({
         {/* 右侧：内容页 */}
         <div className="flex min-w-0 flex-1 flex-col">
           <div className="flex items-start gap-3 px-6 pb-3 pt-5">
-            {tab.startsWith('plugin:') && (
-              <button
-                type="button"
-                onClick={() => setTab('plugins')}
-                className="mt-0.5 flex shrink-0 items-center gap-1 rounded-control px-1.5 py-1 text-[11.5px] text-ink-3 transition-colors hover:bg-hover hover:text-ink"
-              >
-                <LuArrowLeft size={13} />
-                返回
-              </button>
+            {tab.startsWith('plugin:') ? (
+              // 二级页顶部：面包屑导航（shadcn Breadcrumb 语义——上级可点、ChevronRight 分隔、当前页前景色不可点）
+              <nav aria-label="面包屑" className="mt-1 flex min-w-0 flex-1 items-center gap-1.5 text-[12.5px]">
+                <button
+                  type="button"
+                  onClick={() => setTab('plugins')}
+                  className="shrink-0 rounded-control px-1 py-0.5 text-ink-3 transition-colors hover:bg-hover hover:text-ink"
+                >
+                  插件
+                </button>
+                <LuChevronRight size={13} aria-hidden="true" className="shrink-0 text-ink-3" />
+                <span aria-current="page" className="min-w-0 truncate font-medium text-ink">
+                  {plugins.find((p) => `plugin:${p.manifest.id}` === tab)?.manifest.name ?? '插件'}
+                </span>
+              </nav>
+            ) : (
+              <div className="min-w-0 flex-1">
+                <div className="text-[16px] font-semibold text-ink">{meta.title}</div>
+                {meta.desc && <div className="mt-0.5 text-[12px] leading-5 text-ink-3">{meta.desc}</div>}
+              </div>
             )}
-            <div className="min-w-0 flex-1">
-              <div className="text-[16px] font-semibold text-ink">{meta.title}</div>
-              {meta.desc && <div className="mt-0.5 text-[12px] leading-5 text-ink-3">{meta.desc}</div>}
-            </div>
             <button
               type="button"
               onClick={onClose}