claude-task-viewer 1.5.0 → 1.6.0

package/README.md

@@ -26,6 +26,9 @@ Tasks can block other tasks. The viewer shows these relationships clearly — bl
 ### Notes
 Add context to any task. Your notes are appended to the task description, so Claude sees them when it reads the task. Use this to clarify requirements, add constraints, or redirect work — all without interrupting Claude's flow.
 
+### Search
+Find tasks instantly. Type in the search box to filter across all columns by subject or description. Case-insensitive, real-time results.
+
 ### Project Filtering
 Filter tasks by project using the dropdown. Working on multiple codebases? See only what's relevant. Combine with the session filter to show just active sessions for a specific project.
 
@@ -90,6 +93,9 @@ PORT=8080 npx claude-task-viewer
 
 # Open browser automatically
 npx claude-task-viewer --open
+
+# Use a different Claude config directory (for multiple accounts)
+npx claude-task-viewer --dir=~/.claude-work
 ```
 
 ## API

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-task-viewer",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "A web-based Kanban board for viewing Claude Code tasks",
   "main": "server.js",
   "bin": {

package/public/index.html

@@ -469,26 +469,6 @@
       color: var(--accent);
     }
 
-    .search-input {
-      background: var(--bg-elevated);
-      border: 1px solid var(--border);
-      border-radius: 6px;
-      padding: 8px 12px;
-      font-family: var(--mono);
-      font-size: 12px;
-      color: var(--text-primary);
-      width: 200px;
-    }
-
-    .search-input:focus {
-      outline: none;
-      border-color: var(--accent);
-    }
-
-    .search-input::placeholder {
-      color: var(--text-muted);
-    }
-
     .icon-btn {
       width: 32px;
       height: 32px;
@@ -1039,8 +1019,6 @@
             <p id="session-meta" class="view-meta"></p>
           </div>
           <div class="view-actions">
-            <input type="text" id="task-search" class="search-input"
-                   placeholder="Search tasks..." oninput="searchTasks(this.value)">
             <div class="view-progress">
               <div class="progress-bar">
                 <div id="progress-bar" class="progress-fill" style="width: 0%"></div>
@@ -1112,7 +1090,6 @@
     let viewMode = 'session';
     let sessionFilter = localStorage.getItem('sessionFilter') || 'all'; // 'all' or 'active'
     let filterProject = null; // null = all projects, or project path to filter
-    let searchQuery = '';
 
     // DOM
     const sessionsList = document.getElementById('sessions-list');
@@ -1184,7 +1161,6 @@
     async function fetchTasks(sessionId) {
       try {
         viewMode = 'session';
-        clearSearch();
         const res = await fetch(`/api/sessions/${sessionId}`);
         currentTasks = await res.json();
         currentSessionId = sessionId;
@@ -1198,7 +1174,6 @@
       try {
         viewMode = 'all';
         currentSessionId = null;
-        clearSearch();
         const res = await fetch('/api/tasks/all');
         let tasks = await res.json();
         if (filterProject) {
@@ -1336,17 +1311,9 @@
     }
 
     function renderKanban() {
-      let filteredTasks = currentTasks;
-      if (searchQuery) {
-        filteredTasks = currentTasks.filter(t =>
-          t.subject.toLowerCase().includes(searchQuery) ||
-          (t.description && t.description.toLowerCase().includes(searchQuery))
-        );
-      }
-
-      const pending = filteredTasks.filter(t => t.status === 'pending');
-      const inProgress = filteredTasks.filter(t => t.status === 'in_progress');
-      const completed = filteredTasks.filter(t => t.status === 'completed');
+      const pending = currentTasks.filter(t => t.status === 'pending');
+      const inProgress = currentTasks.filter(t => t.status === 'in_progress');
+      const completed = currentTasks.filter(t => t.status === 'completed');
 
       pendingCount.textContent = pending.length;
       inProgressCount.textContent = inProgress.length;
@@ -1538,17 +1505,6 @@
       showAllTasks();
     }
 
-    function searchTasks(query) {
-      searchQuery = query.toLowerCase();
-      renderKanban();
-    }
-
-    function clearSearch() {
-      searchQuery = '';
-      const searchInput = document.getElementById('task-search');
-      if (searchInput) searchInput.value = '';
-    }
-
     function updateProjectDropdown() {
       const dropdown = document.getElementById('project-filter');
       const projects = [...new Set(sessions.map(s => s.project).filter(Boolean))].sort();

package/server.js

@@ -10,7 +10,24 @@ const os = require('os');
 
 const app = express();
 const PORT = process.env.PORT || 3456;
-const CLAUDE_DIR = process.env.CLAUDE_DIR || path.join(os.homedir(), '.claude');
+
+// Parse --dir flag for custom Claude directory
+function getClaudeDir() {
+  const dirIndex = process.argv.findIndex(arg => arg.startsWith('--dir'));
+  if (dirIndex !== -1) {
+    const arg = process.argv[dirIndex];
+    if (arg.includes('=')) {
+      const dir = arg.split('=')[1];
+      return dir.startsWith('~') ? dir.replace('~', os.homedir()) : dir;
+    } else if (process.argv[dirIndex + 1]) {
+      const dir = process.argv[dirIndex + 1];
+      return dir.startsWith('~') ? dir.replace('~', os.homedir()) : dir;
+    }
+  }
+  return process.env.CLAUDE_DIR || path.join(os.homedir(), '.claude');
+}
+
+const CLAUDE_DIR = getClaudeDir();
 const TASKS_DIR = path.join(CLAUDE_DIR, 'tasks');
 const PROJECTS_DIR = path.join(CLAUDE_DIR, 'projects');