feat: add browser name to domain stats and implement filtering by browser in UI

Author: PythonSmall-Q

CHANGELOG.md

@@ -22,6 +22,7 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 ### Changed
 
 - **Widget refresh orchestration** — refresh now targets only the selected or event-affected widget, with a polling fallback when no event is available.
+- **Browser usage classification** — browser domain and hourly statistics now retain the browser name, so usage from Chrome, Edge, and other supported browsers is kept separate; the Browser Usage page also provides a browser filter.
 - **Permission revocation behavior** — revoked widget permissions now clear active subscriptions and emit a `widget-permission-revoked` event so external widgets can enter a degraded state.
 - **Skin asset handling** — selected images are validated and copied into the managed application `skins` directory instead of retaining arbitrary source paths.
 - **Third-party widget recovery** — failed widgets now show recovery guidance and a real remount/retry action.
@@ -30,6 +31,7 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ### Fixed
 
+- **Dashboard refresh flicker** — background statistics refreshes no longer insert a loading card after the initial load, preventing the main dashboard from visibly jumping during periodic updates.
 - **Main app skin visibility** — fixed opaque layout backgrounds covering the configured app background image.
 - **Skin reset appearance** — clearing a background image now removes its overlay and restores the original theme instead of leaving a gray veil.
 - **Managed skin URL resolution** — fixed imported skin paths so Asset Protocol can resolve copied files in the application data directory.
@@ -48,7 +50,7 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
 ### Tests
 
-- Frontend tests: **69 passed**.
+- Frontend tests: **71 passed**.
 - TypeScript typecheck: passed.
 - ESLint: 0 errors; 8 existing warnings remain.
 - Rust `cargo check`: passed.

src-tauri/src/db/mod.rs

@@ -1654,7 +1654,8 @@ pub fn get_browser_domain_stats(
     end_date: &str,
 ) -> Result<Vec<crate::models::BrowserDomainStats>> {
     let mut stmt = conn.prepare(
-        "SELECT host,
+        "SELECT browser_name,
+            host,
                 SUM(duration_seconds) as total_seconds,
                 COUNT(1) as visit_count,
                 MAX(ended_at) as last_visited_at
@@ -1663,15 +1664,16 @@ pub fn get_browser_domain_stats(
            AND date(ended_at, 'localtime') <= ?2
            AND host NOT IN (SELECT host FROM browser_ignored_domains)
            AND host != ''
-         GROUP BY host
+         GROUP BY browser_name, host
          ORDER BY total_seconds DESC",
     )?;
     let rows = stmt.query_map(params![start_date, end_date], |row| {
         Ok(crate::models::BrowserDomainStats {
-            host: row.get(0)?,
-            total_seconds: row.get(1)?,
-            visit_count: row.get(2)?,
-            last_visited_at: row.get(3)?,
+            browser_name: row.get(0)?,
+            host: row.get(1)?,
+            total_seconds: row.get(2)?,
+            visit_count: row.get(3)?,
+            last_visited_at: row.get(4)?,
         })
     })?;
     rows.collect()
@@ -1688,7 +1690,8 @@ pub fn get_browser_domain_stats_for_hour(
     let hour_text = format!("{:02}", normalized_hour);
 
     let mut stmt = conn.prepare(
-        "SELECT host,
+        "SELECT browser_name,
+            host,
                 SUM(duration_seconds) as total_seconds,
                 COUNT(1) as visit_count,
                 MAX(ended_at) as last_visited_at
@@ -1697,16 +1700,17 @@ pub fn get_browser_domain_stats_for_hour(
            AND strftime('%H', ended_at, 'localtime') = ?2
            AND host NOT IN (SELECT host FROM browser_ignored_domains)
            AND host != ''
-         GROUP BY host
+         GROUP BY browser_name, host
          ORDER BY total_seconds DESC
          LIMIT ?3",
     )?;
     let rows = stmt.query_map(params![date, hour_text, safe_limit], |row| {
         Ok(crate::models::BrowserHourDomainStats {
-            host: row.get(0)?,
-            total_seconds: row.get(1)?,
-            visit_count: row.get(2)?,
-            last_visited_at: row.get(3)?,
+            browser_name: row.get(0)?,
+            host: row.get(1)?,
+            total_seconds: row.get(2)?,
+            visit_count: row.get(3)?,
+            last_visited_at: row.get(4)?,
         })
     })?;
     rows.collect()

src-tauri/src/models/mod.rs

@@ -294,6 +294,7 @@ impl Default for WidgetConfig {
 
 #[derive(Debug, Serialize, Deserialize, Clone)]
 pub struct BrowserDomainStats {
+    pub browser_name: String,
     pub host: String,
     pub total_seconds: i64,
     pub visit_count: i64,
@@ -302,6 +303,7 @@ pub struct BrowserDomainStats {
 
 #[derive(Debug, Serialize, Deserialize, Clone)]
 pub struct BrowserHourDomainStats {
+    pub browser_name: String,
     pub host: String,
     pub total_seconds: i64,
     pub visit_count: i64,

src/i18n/locales/en/browserUsage.json

@@ -19,6 +19,9 @@
   "deleteView": "Delete view",
   "rangeHint": "Current range: {{startDate}} to {{endDate}}",
   "searchDomain": "Search domain...",
+  "filterBrowser": "Filter browser",
+  "allBrowsers": "All browsers",
+  "unknownBrowser": "Unknown browser",
   "domain": "Domain",
   "timeSpent": "Time Spent",
   "visits": "Visits",

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

@@ -19,6 +19,9 @@
   "deleteView": "删除视图",
   "rangeHint": "当前范围：{{startDate}} 至 {{endDate}}",
   "searchDomain": "搜索域名...",
+  "filterBrowser": "筛选浏览器",
+  "allBrowsers": "全部浏览器",
+  "unknownBrowser": "未知浏览器",
   "domain": "域名",
   "timeSpent": "使用时长",
   "visits": "访问次数",

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

@@ -19,6 +19,9 @@
   "deleteView": "刪除視圖",
   "rangeHint": "目前範圍：{{startDate}} 至 {{endDate}}",
   "searchDomain": "搜尋網域...",
+  "filterBrowser": "篩選瀏覽器",
+  "allBrowsers": "所有瀏覽器",
+  "unknownBrowser": "未知瀏覽器",
   "domain": "網域",
   "timeSpent": "使用時間",
   "visits": "造訪次數",

src/pages/BrowserUsage/index.tsx

@@ -137,6 +137,9 @@ function DomainRow({
         <div className="flex-1 min-w-0">
           <div className="flex items-center gap-2 flex-wrap">
             <span className="text-sm font-medium text-text-primary truncate">{stat.host}</span>
+            <span className="text-[10px] px-1.5 py-0.5 rounded-full bg-accent-blue/10 text-accent-blue">
+              {stat.browser_name || t("browserUsage:unknownBrowser")}
+            </span>
             {isIgnored && (
               <span className="text-[10px] px-1.5 py-0.5 rounded-full bg-surface-hover text-text-muted">
                 {t("browserUsage:ignored")}
@@ -241,6 +244,7 @@ export default function BrowserUsage() {
     }
   });
   const [search, setSearch] = useState("");
+  const [browserFilter, setBrowserFilter] = useState("all");
   const [showIgnored, setShowIgnored] = useState(false);
 
   const [stats, setStats] = useState<BrowserDomainStats[]>([]);
@@ -349,15 +353,29 @@ export default function BrowserUsage() {
 
   const ignoredSet = useMemo(() => new Set(ignoredDomains), [ignoredDomains]);
 
+  const browserOptions = useMemo(() => {
+    const names = stats
+      .map((stat) => stat.browser_name || t("browserUsage:unknownBrowser"))
+      .filter((name, index, all) => all.indexOf(name) === index)
+      .sort((a, b) => a.localeCompare(b));
+    return names;
+  }, [stats, t]);
+
   // Active stats = not ignored (or show all when showIgnored = true)
   const filteredStats = useMemo(() => {
     let rows = showIgnored ? stats : stats.filter((s) => !ignoredSet.has(s.host));
     if (search.trim()) {
       const q = search.toLowerCase();
-      rows = rows.filter((s) => s.host.toLowerCase().includes(q));
+      rows = rows.filter((s) =>
+        s.host.toLowerCase().includes(q)
+        || (s.browser_name || t("browserUsage:unknownBrowser")).toLowerCase().includes(q)
+      );
+    }
+    if (browserFilter !== "all") {
+      rows = rows.filter((s) => (s.browser_name || t("browserUsage:unknownBrowser")) === browserFilter);
     }
     return rows;
-  }, [stats, ignoredSet, showIgnored, search]);
+  }, [stats, ignoredSet, showIgnored, search, browserFilter, t]);
 
   const ignoredStats = useMemo(() =>
     stats.filter((s) => ignoredSet.has(s.host)),
@@ -731,6 +749,18 @@ export default function BrowserUsage() {
             className="w-full pl-8 pr-3 py-2 bg-surface-hover border border-surface-border rounded-xl text-sm text-text-primary placeholder:text-text-muted outline-none focus:border-accent-blue transition-colors"
           />
         </div>
+        <select
+          value={browserFilter}
+          onChange={(e) => setBrowserFilter(e.target.value)}
+          className="ui-select min-w-36 !py-2 !text-sm"
+          title={t("browserUsage:filterBrowser")}
+          aria-label={t("browserUsage:filterBrowser")}
+        >
+          <option value="all">{t("browserUsage:allBrowsers")}</option>
+          {browserOptions.map((browser) => (
+            <option key={browser} value={browser}>{browser}</option>
+          ))}
+        </select>
         {ignoredStats.length > 0 && (
           <button
             onClick={() => setShowIgnored((v) => !v)}
@@ -768,7 +798,7 @@ export default function BrowserUsage() {
         <div className="glass-card divide-y divide-surface-border">
           {filteredStats.map((stat) => (
             <DomainRow
-              key={stat.host}
+              key={`${stat.browser_name || "unknown"}:${stat.host}`}
               stat={stat}
               limit={limitsMap.get(stat.host)}
               isIgnored={ignoredSet.has(stat.host)}

src/types/index.ts

@@ -410,6 +410,7 @@ export interface BrowserExtensionStatus {
 }
 
 export interface BrowserHourDomainStats {
+  browser_name: string;
   host: string;
   total_seconds: number;
   visit_count: number;
@@ -575,6 +576,7 @@ export interface LimitToast {
 }
 
 export interface BrowserDomainStats {
+  browser_name: string;
   host: string;
   total_seconds: number;
   visit_count: number;