From e1192beca38e5c4faf8582758af0f6a67acda45e Mon Sep 17 00:00:00 2001
From: le king fu <lekingfu@protonmail.com>
Date: Sat, 7 Mar 2026 09:06:40 -0500
Subject: [PATCH] Fix missing categories and gray text in category reports

Increase category over time limit from 8 to 50 so all categories appear.
Fix category name visibility: use foreground color for bar chart Y-axis
labels and chart legend text instead of muted/inherited colors.

Closes #13

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/reports/CategoryBarChart.tsx      | 2 +-
 src/components/reports/CategoryOverTimeChart.tsx | 1 +
 src/services/reportService.ts                    | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/reports/CategoryBarChart.tsx b/src/components/reports/CategoryBarChart.tsx
index 2b7da86..9e01f89 100644
--- a/src/components/reports/CategoryBarChart.tsx
+++ b/src/components/reports/CategoryBarChart.tsx
@@ -97,7 +97,7 @@ export default function CategoryBarChart({
               type="category"
               dataKey="category_name"
               width={120}
-              tick={{ fill: "var(--muted-foreground)", fontSize: 12 }}
+              tick={{ fill: "var(--foreground)", fontSize: 12 }}
               stroke="var(--border)"
             />
             <Tooltip
diff --git a/src/components/reports/CategoryOverTimeChart.tsx b/src/components/reports/CategoryOverTimeChart.tsx
index 40c85fb..cc1f9f2 100644
--- a/src/components/reports/CategoryOverTimeChart.tsx
+++ b/src/components/reports/CategoryOverTimeChart.tsx
@@ -134,6 +134,7 @@ export default function CategoryOverTimeChart({
               }}
               onMouseLeave={() => setHoveredCategory(null)}
               wrapperStyle={{ cursor: "pointer" }}
+              formatter={(value) => <span style={{ color: "var(--foreground)" }}>{value}</span>}
             />
             {categoryEntries.map((c) => (
               <Bar
diff --git a/src/services/reportService.ts b/src/services/reportService.ts
index c7783ca..c455f82 100644
--- a/src/services/reportService.ts
+++ b/src/services/reportService.ts
@@ -56,7 +56,7 @@ export async function getMonthlyTrends(
 export async function getCategoryOverTime(
   dateFrom?: string,
   dateTo?: string,
-  topN: number = 8,
+  topN: number = 50,
   sourceId?: number,
 ): Promise<CategoryOverTimeData> {
   const db = await getDb();