Section 6 COmpleted

frontend/src/components/common/PageHeader.tsx

@@ -14,6 +14,7 @@ import { WorkflowInsights, WorkflowInsight } from './WorkflowInsights';
 interface PageHeaderProps {
   title: string;
   description?: string; // Optional page description shown below title
+  breadcrumb?: string; // Optional breadcrumb text (e.g., "Thinker / Prompts")
   lastUpdated?: Date;
   showRefresh?: boolean;
   onRefresh?: () => void;
@@ -30,6 +31,7 @@ interface PageHeaderProps {
 export default function PageHeader({
   title,
   description,
+  breadcrumb,
   lastUpdated,
   showRefresh = false,
   onRefresh,
@@ -104,6 +106,13 @@ export default function PageHeader({
 
   return (
     <div className={`flex flex-col gap-3 ${className}`}>
+      {/* Breadcrumb */}
+      {breadcrumb && (
+        <div className="text-sm text-gray-500 dark:text-gray-400">
+          {breadcrumb}
+        </div>
+      )}
+      
       {/* Main header row - single row with 3 sections */}
       <div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
         {/* Left side: Title, badge, and site/sector info */}