feat: Add visual status indicators to list and status commands

- Added colored dots to show hook status (enabled/disabled/not installed)
- Enhanced list command with visual indicators
- Improved status command with detailed counts by state
- Added status indicators to interactive menu selections
- Better visual feedback for hook management

Author: sem

README.md

@@ -3,7 +3,7 @@
 
 ![npm version](https://img.shields.io/npm/v/claude-code-hooks.svg)
 ![npm downloads](https://img.shields.io/npm/dm/claude-code-hooks.svg)
-![Version](https://img.shields.io/badge/version-2.2.0-blue.svg)
+![Version](https://img.shields.io/badge/version-2.2.1-blue.svg)
 ![License](https://img.shields.io/badge/license-MIT-green.svg)
 ![Hooks](https://img.shields.io/badge/hooks-17-orange.svg)
 ![Python](https://img.shields.io/badge/python-3.6+-blue.svg)

docs/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to Claude Code Hooks will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.2.1] - 2025-01-03
+
+### 🎨 UI Enhancements
+
+### Added
+- Visual status indicators in `list` command showing enabled/disabled/not installed hooks
+  - 🟢 Green dot for enabled hooks
+  - 🔴 Red dot for disabled hooks  
+  - ⚪ Gray circle for not installed hooks
+- Enhanced `status` command with detailed hook counts by state
+- Status indicators in interactive menu selections
+
+### Improved
+- Better visual feedback for hook management
+- Clearer understanding of which hooks are active
+
 ## [2.2.0] - 2025-01-03
 
 ### 🛠️ Complete Hook Management Suite

index.js

@@ -291,15 +291,32 @@ async function promptToContinue() {
 }
 
 async function selectAndShowHookInfo() {
+  const hooksDir = path.join(process.env.HOME, '.claude', 'hooks');
+  
   const { hookName } = await inquirer.prompt([
     {
       type: 'list',
       name: 'hookName',
       message: 'Select a hook to learn more:',
-      choices: Object.keys(hooks).map(name => ({
-        name: `${name} - ${hooks[name].description}`,
-        value: name
-      }))
+      choices: Object.keys(hooks).map(name => {
+        // Check status
+        const hookPath = path.join(hooksDir, `${name}.py`);
+        const disabledPath = path.join(hooksDir, `${name}.py.disabled`);
+        
+        let status = '';
+        if (fs.existsSync(hookPath)) {
+          status = chalk.green('●') + ' ';
+        } else if (fs.existsSync(disabledPath)) {
+          status = chalk.red('●') + ' ';
+        } else {
+          status = chalk.gray('○') + ' ';
+        }
+        
+        return {
+          name: `${status}${name} - ${hooks[name].description}`,
+          value: name
+        };
+      })
     }
   ]);
 
@@ -430,9 +447,27 @@ async function selectAndRemoveHook() {
 
 function listHooks() {
   console.log(chalk.cyan('\nAvailable Claude Code Hooks:\n'));
+  
+  const hooksDir = path.join(process.env.HOME, '.claude', 'hooks');
+  
   Object.entries(hooks).forEach(([name, info]) => {
-    console.log(chalk.yellow(`  ${name}.py`.padEnd(35)) + chalk.gray(info.description));
+    // Check if hook is enabled or disabled
+    const hookPath = path.join(hooksDir, `${name}.py`);
+    const disabledPath = path.join(hooksDir, `${name}.py.disabled`);
+    
+    let status = '';
+    if (fs.existsSync(hookPath)) {
+      status = chalk.green('●') + ' '; // Green dot for enabled
+    } else if (fs.existsSync(disabledPath)) {
+      status = chalk.red('●') + ' '; // Red dot for disabled
+    } else {
+      status = chalk.gray('○') + ' '; // Gray circle for not installed
+    }
+    
+    console.log(`  ${status}${chalk.yellow(`${name}.py`.padEnd(33))} ${chalk.gray(info.description)}`);
   });
+  
+  console.log('\n' + chalk.gray('  ● Enabled  ● Disabled  ○ Not Installed'));
   console.log();
 }
 
@@ -484,9 +519,14 @@ async function showStatus() {
   if (fs.existsSync(hooksDir)) {
     console.log(chalk.green('✅ Hooks directory exists'));
 
-    // Count installed hooks
-    const installedHooks = fs.readdirSync(hooksDir).filter(f => f.endsWith('.py'));
-    console.log(chalk.gray(`   ${installedHooks.length} hooks installed`));
+    // Count hooks by status
+    const allFiles = fs.readdirSync(hooksDir);
+    const enabledHooks = allFiles.filter(f => f.endsWith('.py') && !f.endsWith('.disabled'));
+    const disabledHooks = allFiles.filter(f => f.endsWith('.py.disabled'));
+    
+    console.log(chalk.gray(`   ${chalk.green('●')} ${enabledHooks.length} hooks enabled`));
+    console.log(chalk.gray(`   ${chalk.red('●')} ${disabledHooks.length} hooks disabled`));
+    console.log(chalk.gray(`   ${enabledHooks.length + disabledHooks.length} total hooks installed`));
   } else {
     console.log(chalk.red('❌ Hooks directory not found'));
     console.log(chalk.gray('   Run "claude-hooks install" to set up'));

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-hooks",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A comprehensive collection of hooks for Claude Code that enforce coding standards, maintain consistency, and automate workflow tasks",
   "main": "index.js",
   "bin": {