Refactor code structure for improved readability and maintainability

Author: PythonSmall-Q

CHANGELOG.md

@@ -37,6 +37,7 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 - **Settings UI for v2.0.0 platform features** — added sections/cards for migration rehearsal/integrity checks, passphrase-protected backups, archive scheduler and compression, profile management, and database encryption.
 - **CI quality gates** — added `npm test`, Rust `cargo test`, Tauri build smoke test, offline critical-journey tests, and migration-rehearsal job to `.github/workflows/ci.yml`.
 - **Dashboard Insights enhancements** — added saved views, distraction hotspot card, and Apps/Categories/Projects comparison tabs.
+- **VS Code Insights manual refresh** — added a refresh button to the VS Code Insights page header, matching the browser extension refresh behavior.
 - **Focus rule backend integration** — Focus Mode rules now persist in the backend `focus_rules` table with CRUD commands and backend-driven auto start/stop.
 - **Profile state isolation** — moved profile metadata and `current_profile_id` into a separate unencrypted `app_state.db` so profile switching remains reliable even when individual profile databases are encrypted.
 - **Full Japanese, Korean, French, German, and Spanish localization** — completed frontend translations across all desktop namespaces (`common`, `dashboard`, `widgets`, `settings`, `limits`, `categories`, `goals`, `focus`, `browserUsage`) for `ja`, `ko`, `fr`, `de`, and `es`.

src/i18n/locales/de/dashboard.json

@@ -179,5 +179,6 @@
     "week": "Wochenvoreinstellung",
     "month": "Monatsvoreinstellung",
     "backToToday": "Zurück zu heute"
-  }
+  },
+  "refresh": "Aktualisieren"
 }

src/i18n/locales/en/dashboard.json

@@ -179,5 +179,6 @@
     "week": "Week preset",
     "month": "Month preset",
     "backToToday": "Back to today"
-  }
+  },
+  "refresh": "Refresh"
 }

src/i18n/locales/es/dashboard.json

@@ -179,5 +179,6 @@
     "week": "Preajuste de semana",
     "month": "Preajuste de mes",
     "backToToday": "Volver a hoy"
-  }
+  },
+  "refresh": "Actualizar"
 }

src/i18n/locales/fr/dashboard.json

@@ -179,5 +179,6 @@
     "week": "Préréglage semaine",
     "month": "Préréglage mois",
     "backToToday": "Retour à aujourd'hui"
-  }
+  },
+  "refresh": "Rafraîchir"
 }

src/i18n/locales/ja/dashboard.json

@@ -179,5 +179,6 @@
     "week": "週のプリセット",
     "month": "月のプリセット",
     "backToToday": "今日に戻る"
-  }
+  },
+  "refresh": "更新"
 }

src/i18n/locales/ko/dashboard.json

@@ -179,5 +179,6 @@
     "week": "주 프리셋",
     "month": "월 프리셋",
     "backToToday": "오늘로 돌아가기"
-  }
+  },
+  "refresh": "새로고침"
 }

src/i18n/locales/zh-CN/dashboard.json

@@ -179,5 +179,6 @@
     "week": "周预设",
     "month": "月预设",
     "backToToday": "一键回到今天"
-  }
+  },
+  "refresh": "刷新"
 }

src/i18n/locales/zh-TW/dashboard.json

@@ -179,5 +179,6 @@
     "week": "週預設",
     "month": "月預設",
     "backToToday": "一鍵回到今天"
-  }
+  },
+  "refresh": "重新整理"
 }

src/pages/VsCodeInsights/index.tsx

@@ -44,6 +44,7 @@ export default function VsCodeInsights() {
   const [trackingLevel, setTrackingLevel] = useState<string>("standard");
   const [focusEnabled, setFocusEnabled] = useState(false);
   const [saving, setSaving] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
 
   const range = useMemo(() => {
     if (periodMode === "month") {
@@ -108,6 +109,15 @@ export default function VsCodeInsights() {
     }
   };
 
+  const handleRefresh = async () => {
+    setRefreshing(true);
+    try {
+      await fetchVsCodeStatsForRange(range.start, range.end);
+    } finally {
+      setRefreshing(false);
+    }
+  };
+
   // Conditional section visibility: show if data exists OR level covers it
   const showLanguage = vscodeLanguageStats.length > 0 || trackingLevel === "standard" || trackingLevel === "detailed";
   const showProject = vscodeProjectStats.length > 0 || trackingLevel === "detailed";
@@ -128,14 +138,23 @@ export default function VsCodeInsights() {
         <div className="flex items-center gap-2">
           {/* Tracking on/off toggle in header */}
           <button
-            disabled={saving}
+            disabled={saving || refreshing}
             onClick={onToggleTracking}
             title={t("dashboard:vscodeTrackingToggle")}
             className={`ui-btn-secondary !text-xs !px-3 !py-1.5 disabled:opacity-60 ${!trackingEnabled ? "opacity-50" : ""}`}
           >
             {trackingEnabled ? t("dashboard:statusEnabled") : t("dashboard:statusDisabled")}
           </button>
 
+          <button
+            disabled={refreshing}
+            onClick={handleRefresh}
+            title={t("dashboard:refresh")}
+            className="ui-btn-secondary !text-xs !px-3 !py-1.5 disabled:opacity-60"
+          >
+            {refreshing ? t("common:loading") : t("dashboard:refresh")}
+          </button>
+
           <select
             className="ui-select !w-24 !py-1.5 !text-xs"
             value={periodMode}