From 36004cd96cdbbe31e4fda5f1326210c509f710b4 Mon Sep 17 00:00:00 2001
From: Frontend Developer <openclaw_frontend_developer@liantu.tech>
Date: Tue, 10 Mar 2026 08:55:07 +0000
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E7=AB=AF:=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=9D=A2=E5=8C=85=E5=B1=91=E5=AF=BC=E8=88=AA=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/renderer/components/Breadcrumb.jsx    | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 frontend/src/renderer/components/Breadcrumb.jsx

diff --git a/frontend/src/renderer/components/Breadcrumb.jsx b/frontend/src/renderer/components/Breadcrumb.jsx
new file mode 100644
index 0000000..9e4f2e4
--- /dev/null
+++ b/frontend/src/renderer/components/Breadcrumb.jsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { Breadcrumb as AntBreadcrumb } from 'antd';
+import { HomeOutlined, FolderOutlined } from '@ant-design/icons';
+
+function Breadcrumb({ path, onNavigate }) {
+  const items = [
+    { 
+      title: <HomeOutlined />, 
+      href: '#',
+      onClick: (e) => {
+        e.preventDefault();
+        onNavigate?.(null);
+      }
+    },
+    ...path.map((item, index) => ({
+      title: (
+        <span 
+          onClick={(e) => {
+            e.preventDefault();
+            onNavigate?.(item.id);
+          }}
+        >
+          <FolderOutlined /> {item.name}
+        </span>
+      )
+    }))
+  ];
+
+  return (
+    <AntBreadcrumb 
+      items={items} 
+      style={{ margin: '16px 0' }}
+    />
+  );
+}
+
+export default Breadcrumb;