ds

frontend/src/pages/Automation/Dashboard.tsx

@@ -257,34 +257,30 @@ export default function AutomationDashboard() {
           <EnhancedMetricCard
             title="Active Workflows"
             value={stats?.activeWorkflows || 0}
-            icon={BoltIcon}
+            icon={<BoltIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#5d4ae3] to-[#3a2f94]"
+            accentColor="purple"
-            loading={loading}
           />
           <EnhancedMetricCard
             title="Scheduled Tasks"
             value={stats?.scheduledTasks || 0}
-            icon={CalendarIcon}
+            icon={<CalendarIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#0693e3] to-[#0472b8]"
+            accentColor="blue"
-            loading={loading}
           />
           <EnhancedMetricCard
             title="Completed Today"
             value={stats?.completedToday || 0}
-            icon={CheckCircleIcon}
+            icon={<CheckCircleIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#0bbf87] to-[#08966b]"
+            accentColor="green"
-            loading={loading}
           />
           <EnhancedMetricCard
             title="Success Rate"
             value={`${stats?.successRate || 0}%`}
-            icon={PaperPlaneIcon}
+            icon={<PaperPlaneIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#ff7a00] to-[#cc5f00]"
+            accentColor="orange"
-            loading={loading}
           />
         </div>
 

frontend/src/pages/Thinker/Dashboard.tsx

@@ -155,34 +155,30 @@ export default function ThinkerDashboard() {
           <EnhancedMetricCard
             title="Prompt Library"
             value={stats?.totalPrompts || 0}
-            icon={FileTextIcon}
+            icon={<FileTextIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#ff7a00] to-[#cc5f00]"
+            accentColor="orange"
-            loading={loading}
           />
           <EnhancedMetricCard
             title="Author Profiles"
             value={stats?.activeProfiles || 0}
-            icon={UserIcon}
+            icon={<UserIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#0693e3] to-[#0472b8]"
+            accentColor="blue"
-            loading={loading}
           />
           <EnhancedMetricCard
             title="Strategies"
             value={stats?.strategies || 0}
-            icon={ShootingStarIcon}
+            icon={<ShootingStarIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#5d4ae3] to-[#3a2f94]"
+            accentColor="purple"
-            loading={loading}
           />
           <EnhancedMetricCard
             title="Usage This Month"
             value={stats?.usageThisMonth || 0}
-            icon={BoltIcon}
+            icon={<BoltIcon className="size-6" />}
-            trend={{ value: 0, isPositive: true }}
+            trend={0}
-            color="from-[#0bbf87] to-[#08966b]"
+            accentColor="green"
-            loading={loading}
           />
         </div>