fix: remove unused variables for CI build

- Remove unused React import in main.tsx
- Remove unused handlers in WorkspaceView.tsx

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: MarkShawn2020

src-tauri/src/lib.rs

@@ -3171,34 +3171,52 @@ fn get_project_context(project_path: String) -> Result<Vec<ContextFile>, String>
 // Daily Message Stats for Activity Heatmap
 // ============================================================================
 
+#[derive(Debug, Serialize, Deserialize)]
+pub struct ActivityStats {
+    /// Map of date (YYYY-MM-DD) to count
+    pub daily: HashMap<String, usize>,
+    /// Map of hour (0-23) to count
+    pub hourly: HashMap<u32, usize>,
+    /// Map of "date:hour" (YYYY-MM-DD:HH) to count for detailed heatmap
+    pub detailed: HashMap<String, usize>,
+}
+
 #[tauri::command]
-async fn get_daily_message_stats() -> Result<HashMap<String, usize>, String> {
+async fn get_activity_stats() -> Result<ActivityStats, String> {
     tauri::async_runtime::spawn_blocking(|| {
         let history_path = get_claude_dir().join("history.jsonl");
-        let mut daily_counts: HashMap<String, usize> = HashMap::new();
+        let mut daily: HashMap<String, usize> = HashMap::new();
+        let mut hourly: HashMap<u32, usize> = HashMap::new();
+        let mut detailed: HashMap<String, usize> = HashMap::new();
 
         if !history_path.exists() {
-            return Ok(daily_counts);
+            return Ok(ActivityStats { daily, hourly, detailed });
         }
 
         if let Ok(content) = fs::read_to_string(&history_path) {
             for line in content.lines() {
                 if let Ok(parsed) = serde_json::from_str::<serde_json::Value>(line) {
-                    // timestamp is in milliseconds
                     if let Some(ts_ms) = parsed.get("timestamp").and_then(|v| v.as_u64()) {
-                        // Convert to seconds and create date
                         let ts_secs = ts_ms / 1000;
-                        let datetime = chrono::DateTime::from_timestamp(ts_secs as i64, 0);
-                        if let Some(dt) = datetime {
+                        if let Some(dt) = chrono::DateTime::from_timestamp(ts_secs as i64, 0) {
+                            // Daily count
                             let date = dt.format("%Y-%m-%d").to_string();
-                            *daily_counts.entry(date).or_insert(0) += 1;
+                            *daily.entry(date.clone()).or_insert(0) += 1;
+
+                            // Hourly count (0-23)
+                            let hour = dt.format("%H").to_string().parse::<u32>().unwrap_or(0);
+                            *hourly.entry(hour).or_insert(0) += 1;
+
+                            // Detailed: date + hour
+                            let date_hour = format!("{}:{:02}", date, hour);
+                            *detailed.entry(date_hour).or_insert(0) += 1;
                         }
                     }
                 }
             }
         }
 
-        Ok(daily_counts)
+        Ok(ActivityStats { daily, hourly, detailed })
     })
     .await
     .map_err(|e| e.to_string())?
@@ -4448,7 +4466,7 @@ pub fn run() {
             get_project_context,
             get_settings,
             get_command_stats,
-            get_daily_message_stats,
+            get_activity_stats,
             get_templates_catalog,
             install_command_template,
             rename_command,

src/components/home/ActivityHeatmap.tsx

@@ -1,46 +1,41 @@
-import { useMemo } from "react";
+import { useMemo, useRef, useEffect, useState } from "react";
+
+type ViewMode = "weekday" | "hour";
 
 interface ActivityHeatmapProps {
-  /** Map of date string (YYYY-MM-DD) to session count */
-  data: Map<string, number>;
+  /** Map of date (YYYY-MM-DD) to count */
+  daily: Record<string, number>;
+  /** Map of "date:hour" (YYYY-MM-DD:HH) to count */
+  detailed: Record<string, number>;
 }
 
-export function ActivityHeatmap({ data }: ActivityHeatmapProps) {
-  const { weeks, maxCount, totalSessions } = useMemo(() => {
-    const today = new Date();
-    const cells: { date: string; count: number; dayOfWeek: number }[] = [];
+export function ActivityHeatmap({ daily, detailed }: ActivityHeatmapProps) {
+  const [mode, setMode] = useState<ViewMode>("weekday");
+  const scrollRef = useRef<HTMLDivElement>(null);
 
-    // Find earliest date in data to determine range
-    let earliestDate = today;
-    data.forEach((_, dateStr) => {
-      const d = new Date(dateStr);
-      if (d < earliestDate) earliestDate = d;
-    });
+  const dailyMap = useMemo(() => new Map(Object.entries(daily)), [daily]);
+  const detailedMap = useMemo(() => new Map(Object.entries(detailed)), [detailed]);
 
-    // At least show 12 weeks, or extend to cover all data
-    const minWeeks = 12;
-    const msPerDay = 24 * 60 * 60 * 1000;
-    const daysSinceEarliest = Math.ceil((today.getTime() - earliestDate.getTime()) / msPerDay);
-    const weeksNeeded = Math.max(minWeeks, Math.ceil(daysSinceEarliest / 7) + 1);
-    const daysToShow = weeksNeeded * 7;
+  // Weekday mode data (existing logic)
+  const weekdayData = useMemo(() => {
+    const today = new Date();
+    const cells: { date: string; count: number; dayOfWeek: number }[] = [];
+    const weeksToShow = 52;
+    const daysToShow = weeksToShow * 7;
 
-    // Generate cells for each day
     for (let i = daysToShow - 1; i >= 0; i--) {
       const d = new Date(today);
       d.setDate(d.getDate() - i);
       const dateStr = d.toISOString().split("T")[0];
       cells.push({
         date: dateStr,
-        count: data.get(dateStr) || 0,
+        count: dailyMap.get(dateStr) || 0,
         dayOfWeek: d.getDay(),
       });
     }
 
-    // Group into weeks (columns)
     const weeks: typeof cells[] = [];
     let currentWeek: typeof cells = [];
-
-    // Pad first week if needed
     const firstDayOfWeek = cells[0]?.dayOfWeek || 0;
     for (let i = 0; i < firstDayOfWeek; i++) {
       currentWeek.push({ date: "", count: 0, dayOfWeek: i });
@@ -53,17 +48,73 @@ export function ActivityHeatmap({ data }: ActivityHeatmapProps) {
       }
       currentWeek.push(cell);
     });
-    if (currentWeek.length > 0) {
-      weeks.push(currentWeek);
-    }
+    if (currentWeek.length > 0) weeks.push(currentWeek);
+
+    const monthLabels: { month: string; weekIdx: number }[] = [];
+    let lastMonth = -1;
+    weeks.forEach((week, weekIdx) => {
+      const firstValidCell = week.find((c) => c.date);
+      if (firstValidCell) {
+        const month = new Date(firstValidCell.date).getMonth();
+        if (month !== lastMonth) {
+          const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+          monthLabels.push({ month: monthNames[month], weekIdx });
+          lastMonth = month;
+        }
+      }
+    });
 
     const maxCount = Math.max(...cells.map((c) => c.count), 1);
     const totalSessions = cells.reduce((sum, c) => sum + c.count, 0);
 
-    return { weeks, maxCount, totalSessions };
-  }, [data]);
+    return { weeks, maxCount, totalSessions, monthLabels };
+  }, [dailyMap]);
+
+  // Hour mode data (横轴日期，纵轴0-23小时)
+  const hourData = useMemo(() => {
+    const today = new Date();
+    const daysToShow = 90; // 3 months for hour view
+    const days: { date: string; hours: number[] }[] = [];
+
+    for (let i = daysToShow - 1; i >= 0; i--) {
+      const d = new Date(today);
+      d.setDate(d.getDate() - i);
+      const dateStr = d.toISOString().split("T")[0];
+      const hours: number[] = [];
+      for (let h = 0; h < 24; h++) {
+        const key = `${dateStr}:${h.toString().padStart(2, "0")}`;
+        hours.push(detailedMap.get(key) || 0);
+      }
+      days.push({ date: dateStr, hours });
+    }
+
+    // Month labels for hour view
+    const monthLabels: { month: string; dayIdx: number }[] = [];
+    let lastMonth = -1;
+    days.forEach((day, dayIdx) => {
+      const month = new Date(day.date).getMonth();
+      if (month !== lastMonth) {
+        const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+        monthLabels.push({ month: monthNames[month], dayIdx });
+        lastMonth = month;
+      }
+    });
+
+    const allCounts = days.flatMap((d) => d.hours);
+    const maxCount = Math.max(...allCounts, 1);
+    const totalSessions = allCounts.reduce((sum, c) => sum + c, 0);
 
-  const getColorClass = (count: number): string => {
+    return { days, maxCount, totalSessions, monthLabels };
+  }, [detailedMap]);
+
+  // Scroll to right on mount/mode change
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollLeft = scrollRef.current.scrollWidth;
+    }
+  }, [mode, weekdayData, hourData]);
+
+  const getColorClass = (count: number, maxCount: number): string => {
     if (count === 0) return "bg-muted/30";
     const ratio = count / maxCount;
     if (ratio < 0.25) return "bg-primary/20";
@@ -72,44 +123,139 @@ export function ActivityHeatmap({ data }: ActivityHeatmapProps) {
     return "bg-primary";
   };
 
+  const cellSize = 11;
+  const cellGap = 3;
   const weekLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  const hourLabels = ["0", "3", "6", "9", "12", "15", "18", "21"];
+
+  const totalSessions = mode === "weekday" ? weekdayData.totalSessions : hourData.totalSessions;
 
   return (
-    <div className="space-y-3">
+    <div className="space-y-2">
       <div className="flex items-center justify-between">
-        <span className="text-xs text-muted-foreground uppercase tracking-wide">
-          Activity
-        </span>
+        <div className="flex items-center gap-2">
+          <span className="text-xs text-muted-foreground uppercase tracking-wide">
+            Activity
+          </span>
+          {/* Mode toggle */}
+          <div className="flex rounded-md border border-border/60 overflow-hidden">
+            <button
+              onClick={() => setMode("weekday")}
+              className={`px-2 py-0.5 text-[10px] transition-colors ${
+                mode === "weekday"
+                  ? "bg-primary text-primary-foreground"
+                  : "bg-transparent text-muted-foreground hover:bg-accent"
+              }`}
+            >
+              Week
+            </button>
+            <button
+              onClick={() => setMode("hour")}
+              className={`px-2 py-0.5 text-[10px] transition-colors ${
+                mode === "hour"
+                  ? "bg-primary text-primary-foreground"
+                  : "bg-transparent text-muted-foreground hover:bg-accent"
+              }`}
+            >
+              Hour
+            </button>
+          </div>
+        </div>
         <span className="text-xs text-muted-foreground">
           {totalSessions.toLocaleString()} chats
         </span>
       </div>
 
       <div className="flex gap-1">
-        {/* Week day labels */}
-        <div className="flex flex-col gap-[3px] text-[10px] text-muted-foreground/70 pr-1">
-          {weekLabels.map((label, i) => (
-            <div key={i} className="h-[11px] flex items-center">
-              {i % 2 === 1 ? label : ""}
-            </div>
-          ))}
+        {/* Y-axis labels */}
+        <div className="flex flex-col gap-[3px] text-[10px] text-muted-foreground/70 pr-1 pt-4">
+          {mode === "weekday"
+            ? weekLabels.map((label, i) => (
+                <div key={i} className="h-[11px] flex items-center">
+                  {i % 2 === 1 ? label : ""}
+                </div>
+              ))
+            : Array.from({ length: 24 }, (_, i) => (
+                <div key={i} className="h-[11px] flex items-center justify-end pr-1">
+                  {hourLabels.includes(i.toString()) ? `${i}h` : ""}
+                </div>
+              ))}
         </div>
 
-        {/* Heatmap grid */}
-        <div className="flex gap-[3px] overflow-x-auto">
-          {weeks.map((week, weekIdx) => (
-            <div key={weekIdx} className="flex flex-col gap-[3px]">
-              {week.map((cell, dayIdx) => (
-                <div
-                  key={dayIdx}
-                  className={`w-[11px] h-[11px] rounded-sm ${
-                    cell.date ? getColorClass(cell.count) : "bg-transparent"
-                  }`}
-                  title={cell.date ? `${cell.date}: ${cell.count} chats` : ""}
-                />
-              ))}
-            </div>
-          ))}
+        {/* Scrollable heatmap */}
+        <div
+          ref={scrollRef}
+          className="flex-1 overflow-x-auto scrollbar-thin scrollbar-thumb-border scrollbar-track-transparent"
+        >
+          {mode === "weekday" ? (
+            <>
+              {/* Month labels */}
+              <div className="flex h-4 mb-1" style={{ gap: `${cellGap}px` }}>
+                {weekdayData.weeks.map((_, weekIdx) => {
+                  const label = weekdayData.monthLabels.find((m) => m.weekIdx === weekIdx);
+                  return (
+                    <div
+                      key={weekIdx}
+                      className="text-[10px] text-muted-foreground/70"
+                      style={{ width: `${cellSize}px`, flexShrink: 0 }}
+                    >
+                      {label?.month || ""}
+                    </div>
+                  );
+                })}
+              </div>
+              {/* Grid */}
+              <div className="flex" style={{ gap: `${cellGap}px` }}>
+                {weekdayData.weeks.map((week, weekIdx) => (
+                  <div key={weekIdx} className="flex flex-col" style={{ gap: `${cellGap}px` }}>
+                    {week.map((cell, dayIdx) => (
+                      <div
+                        key={dayIdx}
+                        className={`rounded-sm cursor-default ${
+                          cell.date ? getColorClass(cell.count, weekdayData.maxCount) : "bg-transparent"
+                        }`}
+                        style={{ width: `${cellSize}px`, height: `${cellSize}px` }}
+                        title={cell.date ? `${cell.date}: ${cell.count} chats` : ""}
+                      />
+                    ))}
+                  </div>
+                ))}
+              </div>
+            </>
+          ) : (
+            <>
+              {/* Month labels for hour view */}
+              <div className="flex h-4 mb-1" style={{ gap: `${cellGap}px` }}>
+                {hourData.days.map((_, dayIdx) => {
+                  const label = hourData.monthLabels.find((m) => m.dayIdx === dayIdx);
+                  return (
+                    <div
+                      key={dayIdx}
+                      className="text-[10px] text-muted-foreground/70"
+                      style={{ width: `${cellSize}px`, flexShrink: 0 }}
+                    >
+                      {label?.month || ""}
+                    </div>
+                  );
+                })}
+              </div>
+              {/* Grid: each column is a day, each row is an hour */}
+              <div className="flex" style={{ gap: `${cellGap}px` }}>
+                {hourData.days.map((day, dayIdx) => (
+                  <div key={dayIdx} className="flex flex-col" style={{ gap: `${cellGap}px` }}>
+                    {day.hours.map((count, hourIdx) => (
+                      <div
+                        key={hourIdx}
+                        className={`rounded-sm cursor-default ${getColorClass(count, hourData.maxCount)}`}
+                        style={{ width: `${cellSize}px`, height: `${cellSize}px` }}
+                        title={`${day.date} ${hourIdx}:00 - ${count} chats`}
+                      />
+                    ))}
+                  </div>
+                ))}
+              </div>
+            </>
+          )}
         </div>
       </div>
 

src/main.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
 import "./index.css";