feat: enhance type definitions for tooltips and improve dependency arrays in hooks

Author: PythonSmall-Q

src/pages/Dashboard/AppRankingChart.tsx

@@ -11,7 +11,12 @@ import {
 import { useStatsStore } from "@/stores/statsStore";
 import { formatDuration, appColor } from "@/utils/format";
 
-const CustomTooltip = ({ active, payload }: any) => {
+interface AppRankingTooltipProps {
+  active?: boolean;
+  payload?: Array<{ payload: { app_name: string; total_seconds: number } }>;
+}
+
+const CustomTooltip = ({ active, payload }: AppRankingTooltipProps) => {
   if (active && payload && payload.length) {
     const { app_name, total_seconds } = payload[0].payload;
     return (

src/pages/Dashboard/CategoryInsights.tsx

@@ -22,15 +22,12 @@ export default function CategoryInsights() {
   const { t } = useTranslation(["dashboard", "categories"]);
   const { categoryTotals, categoryDailyTotals } = useStatsStore();
 
-  const localizeCategory = (category: string) =>
-    t(`categories:presets.${category}`, { defaultValue: category } as Record<string, unknown>);
-
   const pieData = useMemo(
     () => categoryTotals.slice(0, 8).map((row) => ({
       ...row,
-      categoryLabel: localizeCategory(row.category),
+      categoryLabel: t(`categories:presets.${row.category}`, { defaultValue: row.category } as Record<string, unknown>),
     })),
-    [categoryTotals]
+    [categoryTotals, t]
   );
 
   const trendData = useMemo(() => {
@@ -100,7 +97,10 @@ export default function CategoryInsights() {
             <AreaChart data={trendData} margin={{ top: 6, right: 12, left: -20, bottom: 0 }}>
               <XAxis dataKey="date" tick={{ fill: "#6b7280", fontSize: 10 }} axisLine={false} tickLine={false} />
               <YAxis hide />
-              <Tooltip formatter={(v: number, name: string) => [formatDuration(v), localizeCategory(name)]} />
+              <Tooltip formatter={(v: number, name: string) => [
+                formatDuration(v),
+                t(`categories:presets.${name}`, { defaultValue: name } as Record<string, unknown>),
+              ]} />
               {categories.map((c, idx) => (
                 <Area
                   key={c}

src/pages/Dashboard/HourlyTimeline.tsx

@@ -10,7 +10,13 @@ import {
 } from "recharts";
 import { useStatsStore } from "@/stores/statsStore";
 
-const CustomTooltip = ({ active, payload, label }: any) => {
+interface HourlyTooltipProps {
+  active?: boolean;
+  label?: string | number;
+  payload?: Array<{ value?: number }>;
+}
+
+const CustomTooltip = ({ active, payload, label }: HourlyTooltipProps) => {
   if (active && payload && payload.length) {
     const minutes = Math.round((payload[0].value as number) / 60);
     return (

src/pages/Dashboard/UnifiedTimeline.tsx

@@ -135,7 +135,7 @@ export default function UnifiedTimeline({ selectedDate, periodMode, rangeStart,
     }
 
     return rows.sort((a, b) => new Date(b.at).getTime() - new Date(a.at).getTime());
-  }, [browserSessions, focusSessions, interruptions, periodMode, selectedDate, t]);
+  }, [browserSessions, focusSessions, interruptions, periodMode, rangeEnd, rangeStart, selectedDate, t]);
 
   const filtered = useMemo(() => {
     let rows = events;

src/pages/Settings/index.tsx

@@ -170,7 +170,7 @@ export default function Settings() {
   const [currentProfile, setCurrentProfile] = useState<string>("default");
   const [profileDialogOpen, setProfileDialogOpen] = useState(false);
   const [newProfileName, setNewProfileName] = useState("");
-  const [profilesBusy, setProfilesBusy] = useState(false);
+  const [profilesBusy, setProfilesBusy] = useState<boolean>();
 
   // v2.0.0 legacy data import state
   const [legacyDataInfo, setLegacyDataInfo] = useState<LegacyDataInfo | null>(null);
@@ -429,7 +429,7 @@ export default function Settings() {
       }
     };
     void loadWidgetPermissions();
-  }, []);
+  }, [excludeTimelens, setIdleTimePolicy, setIgnoreSystemProcesses, setTrackWindowTitles]);
 
   // Load per-widget auto-blur preferences when the widget list is known.
   useEffect(() => {
@@ -782,7 +782,7 @@ export default function Settings() {
     })();
   }, [legacyDataInfo, t, handleImportLegacyData, tauriConfirm]);
 
-  const handleCreateProfile = async () => {
+  async function handleCreateProfile() {
     const name = newProfileName.trim();
     if (!name) return;
     setProfilesBusy(true);
@@ -796,7 +796,7 @@ export default function Settings() {
     } finally {
       setProfilesBusy(false);
     }
-  };
+  }
 
   // v2.0.0 encryption
   const refreshEncryptionStatus = async () => {

src/stores/widgetStore.ts

@@ -14,7 +14,7 @@ interface WidgetStore {
   updateWidgetConfig: (config: WidgetConfig) => Promise<void>;
 }
 
-export const useWidgetStore = create<WidgetStore>((set, get) => ({
+export const useWidgetStore = create<WidgetStore>((set) => ({
   widgets: [],
   loading: false,
 

src/widgets/TimerWidget.tsx

@@ -72,7 +72,7 @@ export default function TimerWidget({ widgetId: _widgetId }: Props) {
 
   useEffect(() => {
     reset();
-  }, [mode, phase]);
+  }, [mode, phase, reset]);
 
   useEffect(() => {
     if (!running) {

src/widgets/WidgetWindow.tsx

@@ -165,7 +165,7 @@ export default function WidgetWindow({ widgetId }: Props) {
       window.removeEventListener("mousedown", restoreOnMouseDown);
       if (positionSaveTimer.current) clearTimeout(positionSaveTimer.current);
     };
-  }, [widgetId]);
+  }, [widgetId, win]);
 
   useEffect(() => {
     let unlisten: (() => void) | undefined;