ccperm 1.4.3 → 1.5.0

package/dist/interactive.js

@@ -15,7 +15,7 @@ function startInteractive(merged, results) {
             resolve();
             return;
         }
-        const state = { view: 'list', cursor: 0, scrollOffset: 0, selectedProject: 0, detailScroll: 0 };
+        const state = { view: 'list', cursor: 0, scrollOffset: 0, selectedProject: 0, detailCursor: 0, detailScroll: 0, expanded: new Set() };
         node_readline_1.default.emitKeypressEvents(process.stdin);
         if (process.stdin.isTTY)
             process.stdin.setRawMode(true);
@@ -60,7 +60,9 @@ function startInteractive(merged, results) {
                 }
                 else if (key.name === 'return') {
                     state.selectedProject = state.cursor;
+                    state.detailCursor = 0;
                     state.detailScroll = 0;
+                    state.expanded = new Set();
                     state.view = 'detail';
                 }
             }
@@ -68,13 +70,18 @@ function startInteractive(merged, results) {
                 // detail view
                 if (key.name === 'escape' || key.name === 'backspace') {
                     state.view = 'list';
+                    state.detailCursor = 0;
                     state.detailScroll = 0;
                 }
                 else if (key.name === 'up') {
-                    state.detailScroll = Math.max(0, state.detailScroll - 1);
+                    state.detailCursor = Math.max(0, state.detailCursor - 1);
                 }
                 else if (key.name === 'down') {
-                    state.detailScroll++;
+                    state.detailCursor++;
+                }
+                else if (key.name === 'return') {
+                    // toggle handled in renderDetail via detailRows
+                    state._toggle = true;
                 }
             }
             render();
@@ -128,6 +135,7 @@ function renderList(state, withPerms, emptyCount) {
 }
 function renderDetail(state, withPerms, results) {
     const rows = process.stdout.rows || 24;
+    const cols = process.stdout.columns || 80;
     const project = withPerms[state.selectedProject];
     if (!project)
         return;
@@ -138,37 +146,69 @@ function renderDetail(state, withPerms, results) {
         const projDir = projIdx >= 0 ? project.display.slice(0, projIdx) : project.display;
         return dir === projDir;
     });
-    // build content lines
-    const content = [];
+    // build navigable rows
+    const navRows = [];
     for (const result of projectResults) {
         if (result.totalCount === 0)
             continue;
-        // short filename: settings.local.json
         const fileName = result.display.replace(/.*\/\.claude\//, '');
-        content.push(`  ${colors_js_1.CYAN}${fileName}${colors_js_1.NC}  ${colors_js_1.DIM}(${result.totalCount})${colors_js_1.NC}`);
+        navRows.push({ line: `  ${colors_js_1.CYAN}${fileName}${colors_js_1.NC}  ${colors_js_1.DIM}(${result.totalCount})${colors_js_1.NC}` });
         for (const group of result.groups) {
-            content.push(`    ${colors_js_1.YELLOW}${group.category}${colors_js_1.NC} ${colors_js_1.DIM}(${group.items.length})${colors_js_1.NC}`);
-            for (const item of group.items) {
-                content.push(`      ${colors_js_1.DIM}${item.name}${colors_js_1.NC}`);
+            const key = `${result.path}:${group.category}`;
+            const isOpen = state.expanded.has(key);
+            const arrow = isOpen ? '▾' : '▸';
+            navRows.push({ line: `    ${colors_js_1.YELLOW}${arrow} ${group.category}${colors_js_1.NC} ${colors_js_1.DIM}(${group.items.length})${colors_js_1.NC}`, key });
+            if (isOpen) {
+                const maxLen = cols - 10;
+                for (const item of group.items) {
+                    const name = item.name.length > maxLen ? item.name.slice(0, maxLen - 1) + '…' : item.name;
+                    navRows.push({ line: `      ${colors_js_1.DIM}${name}${colors_js_1.NC}` });
+                }
             }
         }
-        content.push(`  ${colors_js_1.DIM}${'─'.repeat(40)}${colors_js_1.NC}`);
     }
-    // header + footer take space
+    // handle toggle
+    if (state._toggle) {
+        delete state._toggle;
+        const row = navRows[state.detailCursor];
+        if (row?.key) {
+            if (state.expanded.has(row.key))
+                state.expanded.delete(row.key);
+            else
+                state.expanded.add(row.key);
+            // re-render needed — will happen on next render() call
+            renderDetail(state, withPerms, results);
+            return;
+        }
+    }
+    // clamp cursor
+    if (state.detailCursor >= navRows.length)
+        state.detailCursor = Math.max(0, navRows.length - 1);
+    // scroll
     const headerLines = 3;
     const footerLines = 2;
     const visibleRows = Math.max(1, rows - headerLines - footerLines);
-    const maxScroll = Math.max(0, content.length - visibleRows);
-    if (state.detailScroll > maxScroll)
-        state.detailScroll = maxScroll;
-    const visible = content.slice(state.detailScroll, state.detailScroll + visibleRows);
-    const scrollPct = content.length <= visibleRows ? '' : `  ${colors_js_1.DIM}${state.detailScroll + visibleRows}/${content.length}${colors_js_1.NC}`;
+    if (state.detailCursor < state.detailScroll)
+        state.detailScroll = state.detailCursor;
+    if (state.detailCursor >= state.detailScroll + visibleRows)
+        state.detailScroll = state.detailCursor - visibleRows + 1;
+    const visible = navRows.slice(state.detailScroll, state.detailScroll + visibleRows);
     const lines = [];
-    lines.push(`  ${colors_js_1.CYAN}${colors_js_1.BOLD}${project.shortName}${colors_js_1.NC}  ${colors_js_1.DIM}(${project.totalCount} permissions)${colors_js_1.NC}${scrollPct}`);
+    lines.push(`  ${colors_js_1.CYAN}${colors_js_1.BOLD}${project.shortName}${colors_js_1.NC}  ${colors_js_1.DIM}(${project.totalCount} permissions)${colors_js_1.NC}`);
     lines.push('');
-    lines.push(...visible);
+    for (let i = 0; i < visible.length; i++) {
+        const globalIdx = state.detailScroll + i;
+        const isCursor = globalIdx === state.detailCursor;
+        const row = visible[i];
+        if (isCursor) {
+            lines.push(row.line.replace(/^  /, `${colors_js_1.CYAN}> `));
+        }
+        else {
+            lines.push(row.line);
+        }
+    }
     lines.push('');
-    lines.push(`  ${colors_js_1.DIM}[↑↓] scroll  [Esc] back  [q] quit${colors_js_1.NC}`);
+    lines.push(`  ${colors_js_1.DIM}[↑↓] navigate  [Enter] expand/collapse  [Esc] back  [q] quit${colors_js_1.NC}`);
     process.stdout.write(lines.join('\n') + '\n');
 }
 function pad(s, n) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccperm",
-  "version": "1.4.3",
+  "version": "1.5.0",
   "description": "Audit Claude Code permissions across all your projects",
   "bin": {
     "ccperm": "bin/ccperm.js"