feat(commands): 新增 command 使用统计和排序功能

- 后端：扫描 session 文件提取 slash command 使用次数
- 前端：ItemCard 显示使用次数 (×N)
- 支持按 Usage/Name 排序，默认使用量倒序
- 添加 regex 依赖用于解析 session 内容

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

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

Author: MarkShawn2020

src-tauri/Cargo.lock

@@ -24,4 +24,5 @@ tauri-plugin-dialog = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
 dirs = "6"
+regex = "1"
 

src-tauri/Cargo.toml

@@ -890,6 +890,64 @@ fn get_project_context(project_path: String) -> Result<Vec<ContextFile>, String>
     Ok(files)
 }
 
+// ============================================================================
+// Command Usage Stats Feature
+// ============================================================================
+
+#[derive(Debug, Serialize, Deserialize)]
+pub struct CommandStats {
+    pub name: String,
+    pub count: usize,
+}
+
+#[tauri::command]
+fn get_command_stats() -> Result<HashMap<String, usize>, String> {
+    let projects_dir = get_claude_dir().join("projects");
+    let mut stats: HashMap<String, usize> = HashMap::new();
+
+    if !projects_dir.exists() {
+        return Ok(stats);
+    }
+
+    // Regex to extract command names from session content
+    let command_pattern = regex::Regex::new(r"<command-name>(/[^<]+)</command-name>")
+        .map_err(|e| e.to_string())?;
+
+    // Iterate all project directories
+    for project_entry in fs::read_dir(&projects_dir).map_err(|e| e.to_string())? {
+        let project_entry = project_entry.map_err(|e| e.to_string())?;
+        let project_path = project_entry.path();
+
+        if !project_path.is_dir() {
+            continue;
+        }
+
+        // Iterate all session files in project
+        for session_entry in fs::read_dir(&project_path).map_err(|e| e.to_string())? {
+            let session_entry = session_entry.map_err(|e| e.to_string())?;
+            let session_path = session_entry.path();
+            let name = session_path.file_name().unwrap().to_string_lossy().to_string();
+
+            // Skip non-session files
+            if !name.ends_with(".jsonl") || name.starts_with("agent-") {
+                continue;
+            }
+
+            // Read and parse session file
+            if let Ok(content) = fs::read_to_string(&session_path) {
+                for cap in command_pattern.captures_iter(&content) {
+                    if let Some(cmd_name) = cap.get(1) {
+                        let cmd = cmd_name.as_str().to_string();
+                        *stats.entry(cmd).or_insert(0) += 1;
+                    }
+                }
+            }
+        }
+    }
+
+    Ok(stats)
+}
+
 // ============================================================================
 // Settings Feature
 // ============================================================================
@@ -1146,6 +1204,7 @@ pub fn run() {
             get_context_files,
             get_project_context,
             get_settings,
+            get_command_stats,
             get_templates_catalog,
             install_command_template,
             install_mcp_template,

src-tauri/src/lib.rs

@@ -974,6 +974,9 @@ function OutputStylesView() {
 // Commands Feature
 // ============================================================================
 
+type CommandSortKey = "usage" | "name";
+type SortDirection = "asc" | "desc";
+
 function CommandsView({
   onSelect,
   marketplaceItems,
@@ -984,32 +987,85 @@ function CommandsView({
   onMarketplaceSelect: (item: MarketplaceItem) => void;
 }) {
   const [commands, setCommands] = useState<LocalCommand[]>([]);
+  const [commandStats, setCommandStats] = useState<Record<string, number>>({});
   const [loading, setLoading] = useState(true);
+  const [sortKey, setSortKey] = useState<CommandSortKey>("usage");
+  const [sortDir, setSortDir] = useState<SortDirection>("desc");
   const { search, setSearch, filtered } = useSearch(commands, ["name", "description"]);
 
   useEffect(() => {
-    invoke<LocalCommand[]>("list_local_commands")
-      .then(setCommands)
+    Promise.all([
+      invoke<LocalCommand[]>("list_local_commands"),
+      invoke<Record<string, number>>("get_command_stats")
+    ])
+      .then(([cmds, stats]) => {
+        setCommands(cmds);
+        setCommandStats(stats);
+      })
       .finally(() => setLoading(false));
   }, []);
 
+  // Sort filtered commands
+  const sorted = [...filtered].sort((a, b) => {
+    if (sortKey === "usage") {
+      const aCount = commandStats[a.name] || 0;
+      const bCount = commandStats[b.name] || 0;
+      return sortDir === "desc" ? bCount - aCount : aCount - bCount;
+    } else {
+      const cmp = a.name.localeCompare(b.name);
+      return sortDir === "desc" ? -cmp : cmp;
+    }
+  });
+
+  const toggleSort = (key: CommandSortKey) => {
+    if (sortKey === key) {
+      setSortDir(sortDir === "desc" ? "asc" : "desc");
+    } else {
+      setSortKey(key);
+      setSortDir(key === "usage" ? "desc" : "asc");
+    }
+  };
+
   if (loading) return <LoadingState message="Loading commands..." />;
 
   return (
     <ConfigPage>
       <PageHeader title="Commands" subtitle={`${commands.length} slash commands in ~/.claude/commands`} />
-      <SearchInput placeholder="Search local & marketplace..." value={search} onChange={setSearch} />
+      <div className="flex items-center gap-4 mb-6">
+        <SearchInput
+          placeholder="Search local & marketplace..."
+          value={search}
+          onChange={setSearch}
+          className="flex-1 max-w-md px-4 py-2 bg-card border border-border rounded-lg text-ink placeholder:text-muted focus:outline-none focus:border-primary"
+        />
+        <div className="flex items-center gap-1 text-xs shrink-0">
+          <span className="text-muted mr-1">Sort:</span>
+          <button
+            onClick={() => toggleSort("usage")}
+            className={`px-2 py-1 rounded ${sortKey === "usage" ? "bg-primary/20 text-primary" : "text-muted hover:text-ink"}`}
+          >
+            Usage {sortKey === "usage" && (sortDir === "desc" ? "↓" : "↑")}
+          </button>
+          <button
+            onClick={() => toggleSort("name")}
+            className={`px-2 py-1 rounded ${sortKey === "name" ? "bg-primary/20 text-primary" : "text-muted hover:text-ink"}`}
+          >
+            Name {sortKey === "name" && (sortDir === "desc" ? "↓" : "↑")}
+          </button>
+        </div>
+      </div>
 
       {/* Local results */}
-      {filtered.length > 0 && (
+      {sorted.length > 0 && (
         <div className="space-y-2">
-          {filtered.map((cmd) => (
+          {sorted.map((cmd) => (
             <ItemCard
               key={cmd.name}
               name={cmd.name}
               description={cmd.description}
               badge={cmd.argument_hint}
               badgeVariant="muted"
+              usageCount={commandStats[cmd.name]}
               onClick={() => onSelect(cmd)}
             />
           ))}

src/App.tsx

@@ -37,18 +37,20 @@ export function SearchInput({
   placeholder,
   value,
   onChange,
+  className,
 }: {
   placeholder: string;
   value: string;
   onChange: (value: string) => void;
+  className?: string;
 }) {
   return (
     <input
       type="text"
       placeholder={placeholder}
       value={value}
       onChange={(e) => onChange(e.target.value)}
-      className="w-full max-w-md mb-6 px-4 py-2 bg-card border border-border rounded-lg text-ink placeholder:text-muted focus:outline-none focus:border-primary"
+      className={className ?? "w-full max-w-md mb-6 px-4 py-2 bg-card border border-border rounded-lg text-ink placeholder:text-muted focus:outline-none focus:border-primary"}
     />
   );
 }
@@ -121,12 +123,14 @@ export function ItemCard({
   description,
   badge,
   badgeVariant = "accent",
+  usageCount,
   onClick,
 }: {
   name: string;
   description?: string | null;
   badge?: string | null;
   badgeVariant?: "accent" | "muted";
+  usageCount?: number;
   onClick: () => void;
 }) {
   const badgeClass =
@@ -141,7 +145,14 @@ export function ItemCard({
     >
       <div className="flex items-start justify-between gap-4">
         <div className="flex-1 min-w-0">
-          <p className="font-mono font-medium text-primary">{name}</p>
+          <div className="flex items-center gap-2">
+            <p className="font-mono font-medium text-primary">{name}</p>
+            {usageCount !== undefined && usageCount > 0 && (
+              <span className="text-xs text-muted" title={`Used ${usageCount} times`}>
+                ×{usageCount}
+              </span>
+            )}
+          </div>
           {description && (
             <p className="text-sm text-muted mt-1 line-clamp-2">{description}</p>
           )}