sapper-iq 1.1.29 → 1.1.30

package/sapper.mjs

@@ -348,7 +348,7 @@ function getFilesForPicker(dir = '.', prefix = '', maxFiles = 50) {
   return files.slice(0, maxFiles);
 }
 
-// Interactive file picker
+// Interactive file picker with arrow keys
 async function pickFiles() {
   const files = getFilesForPicker('.', '', 50).filter(f => !f.isDir);
   
@@ -357,56 +357,117 @@ async function pickFiles() {
     return [];
   }
   
-  console.log();
-  console.log(box(
-    `Select files by number (e.g., ${chalk.cyan('1 3 5')} or ${chalk.cyan('1-5')} or ${chalk.cyan('all')})\n` +
-    `Press ${chalk.cyan('Enter')} with no input to cancel`,
-    '📎 File Picker', 'cyan'
-  ));
-  console.log();
-  
-  // Display files in columns
-  files.forEach((file, i) => {
-    const num = chalk.cyan.bold(`[${(i + 1).toString().padStart(2)}]`);
-    const size = file.size ? chalk.gray(`(${Math.round(file.size/1024)}KB)`) : '';
-    console.log(`  ${num} ${chalk.white(file.path)} ${size}`);
-  });
+  const selected = new Set();
+  let cursor = 0;
+  const pageSize = Math.min(15, process.stdout.rows - 10 || 15);
   
-  console.log();
-  const selection = await safeQuestion(chalk.cyan('Select files: '));
-  
-  if (!selection.trim()) {
-    console.log(chalk.gray('Cancelled.'));
-    return [];
+  // Enable raw mode for key capture
+  if (process.stdin.isTTY) {
+    process.stdin.setRawMode(true);
   }
+  process.stdin.resume();
   
-  // Parse selection
-  const selectedFiles = [];
-  const parts = selection.toLowerCase().split(/[\s,]+/);
-  
-  for (const part of parts) {
-    if (part === 'all') {
-      return files.map(f => f.path);
+  const renderList = () => {
+    // Clear screen and move cursor to top
+    console.clear();
+    console.log(box(
+      `${chalk.cyan('↑↓')} Navigate  ${chalk.cyan('Space')} Toggle  ${chalk.cyan('a')} All  ${chalk.cyan('Enter')} Confirm  ${chalk.cyan('q/Esc')} Cancel`,
+      '📎 Select Files', 'cyan'
+    ));
+    console.log();
+    
+    // Calculate visible range (pagination)
+    const startIdx = Math.max(0, Math.min(cursor - Math.floor(pageSize / 2), files.length - pageSize));
+    const endIdx = Math.min(startIdx + pageSize, files.length);
+    
+    // Show scroll indicator if needed
+    if (startIdx > 0) {
+      console.log(chalk.gray('  ↑ more files above...'));
     }
     
-    // Handle ranges like "1-5"
-    const rangeMatch = part.match(/^(\d+)-(\d+)$/);
-    if (rangeMatch) {
-      const start = parseInt(rangeMatch[1]);
-      const end = parseInt(rangeMatch[2]);
-      for (let i = start; i <= end && i <= files.length; i++) {
-        if (i >= 1) selectedFiles.push(files[i - 1].path);
-      }
-    } else {
-      // Single number
-      const num = parseInt(part);
-      if (num >= 1 && num <= files.length) {
-        selectedFiles.push(files[num - 1].path);
-      }
+    for (let i = startIdx; i < endIdx; i++) {
+      const file = files[i];
+      const isSelected = selected.has(i);
+      const isCursor = i === cursor;
+      
+      const checkbox = isSelected ? chalk.green('◉') : chalk.gray('○');
+      const prefix = isCursor ? chalk.cyan('▸ ') : '  ';
+      const name = isCursor ? chalk.cyan.bold(file.path) : chalk.white(file.path);
+      const size = file.size ? chalk.gray(` (${Math.round(file.size/1024)}KB)`) : '';
+      
+      console.log(`${prefix}${checkbox} ${name}${size}`);
     }
-  }
+    
+    if (endIdx < files.length) {
+      console.log(chalk.gray('  ↓ more files below...'));
+    }
+    
+    console.log();
+    console.log(chalk.gray(`  Selected: ${selected.size} file${selected.size !== 1 ? 's' : ''}`));
+  };
   
-  return [...new Set(selectedFiles)]; // Remove duplicates
+  return new Promise((resolve) => {
+    renderList();
+    
+    const onKeypress = (chunk, key) => {
+      if (!key) {
+        // Handle raw chunk for arrow keys
+        const str = chunk.toString();
+        if (str === '\x1b[A') key = { name: 'up' };
+        else if (str === '\x1b[B') key = { name: 'down' };
+        else if (str === '\x1b[C') key = { name: 'right' };
+        else if (str === '\x1b[D') key = { name: 'left' };
+        else if (str === ' ') key = { name: 'space' };
+        else if (str === '\r' || str === '\n') key = { name: 'return' };
+        else if (str === '\x1b' || str === 'q') key = { name: 'escape' };
+        else if (str === 'a' || str === 'A') key = { name: 'a' };
+        else if (str === '\x03') key = { name: 'c', ctrl: true }; // Ctrl+C
+      }
+      
+      if (!key) return;
+      
+      if (key.name === 'up' || key.name === 'k') {
+        cursor = cursor > 0 ? cursor - 1 : files.length - 1;
+        renderList();
+      } else if (key.name === 'down' || key.name === 'j') {
+        cursor = cursor < files.length - 1 ? cursor + 1 : 0;
+        renderList();
+      } else if (key.name === 'space' || key.name === 'right') {
+        if (selected.has(cursor)) {
+          selected.delete(cursor);
+        } else {
+          selected.add(cursor);
+        }
+        renderList();
+      } else if (key.name === 'a') {
+        // Toggle all
+        if (selected.size === files.length) {
+          selected.clear();
+        } else {
+          for (let i = 0; i < files.length; i++) selected.add(i);
+        }
+        renderList();
+      } else if (key.name === 'return') {
+        cleanup();
+        const selectedFiles = Array.from(selected).map(i => files[i].path);
+        console.log(chalk.green(`\n✓ Selected ${selectedFiles.length} file${selectedFiles.length !== 1 ? 's' : ''}`));
+        resolve(selectedFiles);
+      } else if (key.name === 'escape' || key.name === 'q' || (key.ctrl && key.name === 'c')) {
+        cleanup();
+        console.log(chalk.gray('\nCancelled.'));
+        resolve([]);
+      }
+    };
+    
+    const cleanup = () => {
+      process.stdin.removeListener('data', onKeypress);
+      if (process.stdin.isTTY) {
+        process.stdin.setRawMode(false);
+      }
+    };
+    
+    process.stdin.on('data', onKeypress);
+  });
 }
 
 // Format scan results for AI context