create-walle 0.9.3 → 0.9.4

package/template/claude-task-manager/tests/test-ai-search.js

@@ -1,61 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  page.on('console', msg => { if (msg.type() === 'error') console.log('[CONSOLE]', msg.text()); });
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  const sidebar = await page.$('#prompt-sidebar');
-
-  // Screenshot 1: Before AI mode
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/ai-01-normal.png' });
-
-  // Click AI button to activate
-  await page.click('#ai-search-btn');
-  await new Promise(r => setTimeout(r, 300));
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/ai-02-mode-active.png' });
-
-  // Type search query
-  await page.type('#prompt-search', 'email sending logic');
-  await new Promise(r => setTimeout(r, 200));
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/ai-03-typing.png' });
-
-  // Press Enter to search
-  await page.keyboard.press('Enter');
-  // Show spinner
-  await new Promise(r => setTimeout(r, 500));
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/ai-04-searching.png' });
-
-  // Wait for results (up to 15s)
-  await page.waitForFunction(() => {
-    const list = document.getElementById('prompt-list');
-    return list && !list.querySelector('.ai-searching');
-  }, { timeout: 20000 });
-  await new Promise(r => setTimeout(r, 300));
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/ai-05-results.png' });
-
-  // Full page screenshot
-  await page.screenshot({ path: 'tests/screenshots/ai-06-full.png' });
-
-  // Verify results have relevance scores
-  const scores = await page.$$eval('.ai-result-score', els => els.map(e => e.textContent));
-  const reasons = await page.$$eval('.ai-result-reason', els => els.map(e => e.textContent));
-  console.log('Scores:', scores);
-  console.log('Reasons:', reasons);
-
-  // Click AI button again to deactivate
-  await page.click('#ai-search-btn');
-  await new Promise(r => setTimeout(r, 500));
-  if (sidebar) await sidebar.screenshot({ path: 'tests/screenshots/ai-07-deactivated.png' });
-
-  await browser.close();
-  console.log('\nAll screenshots saved.');
-}
-
-runTest();

package/template/claude-task-manager/tests/test-editor-ux.js

@@ -1,76 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  // Click on "Email Cron v2" prompt
-  const items = await page.$$('.prompt-item');
-  let clicked = false;
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim());
-    if (title.includes('Email Cron v2') || title.includes('Email Cron')) {
-      await item.click();
-      clicked = true;
-      console.log('Clicked:', title);
-      break;
-    }
-  }
-  if (!clicked && items.length > 0) {
-    const title = await items[0].$eval('.prompt-title', el => el.textContent.trim());
-    await items[0].click();
-    console.log('Clicked first item:', title);
-  }
-  await new Promise(r => setTimeout(r, 800));
-
-  // Full page screenshot
-  await page.screenshot({ path: 'tests/screenshots/editor-ux-full.png' });
-
-  // Editor area only
-  const editorArea = await page.$('#editor-area');
-  if (editorArea) {
-    await editorArea.screenshot({ path: 'tests/screenshots/editor-ux-editor-area.png' });
-  }
-
-  // Get editor HTML content for analysis
-  const editorHtml = await page.$eval('#editor', el => el.innerHTML);
-  console.log('\n--- Editor HTML (first 2000 chars) ---');
-  console.log(editorHtml.substring(0, 2000));
-
-  // Get computed styles
-  const styles = await page.evaluate(() => {
-    const editor = document.getElementById('editor');
-    const wrapper = document.querySelector('.editor-wrapper');
-    const cs = getComputedStyle(editor);
-    const ws = getComputedStyle(wrapper);
-    return {
-      editor: {
-        fontFamily: cs.fontFamily,
-        fontSize: cs.fontSize,
-        lineHeight: cs.lineHeight,
-        color: cs.color,
-        padding: cs.padding,
-        maxWidth: cs.maxWidth,
-      },
-      wrapper: {
-        padding: ws.padding,
-        fontSize: ws.fontSize,
-        maxWidth: ws.maxWidth,
-        background: ws.backgroundColor,
-      }
-    };
-  });
-  console.log('\n--- Computed Styles ---');
-  console.log('Editor:', JSON.stringify(styles.editor, null, 2));
-  console.log('Wrapper:', JSON.stringify(styles.wrapper, null, 2));
-
-  await browser.close();
-}
-
-runTest();

package/template/claude-task-manager/tests/test-editor-ux2.js

@@ -1,51 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-  await page.goto(`http://localhost:3456/prompts.html?token=${TOKEN}`, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 1000));
-
-  // Click on "Email Cron v2" prompt
-  const items = await page.$$('.prompt-item');
-  for (const item of items) {
-    const title = await item.$eval('.prompt-title', el => el.textContent.trim());
-    if (title.includes('Email Cron')) {
-      await item.click();
-      break;
-    }
-  }
-  await new Promise(r => setTimeout(r, 800));
-
-  // Crop to just the editor content area - centered content
-  const editorEl = await page.$('#editor');
-  if (editorEl) {
-    const box = await editorEl.boundingBox();
-    // Capture the editor content with some surrounding padding
-    const clip = {
-      x: Math.max(0, box.x - 20),
-      y: Math.max(0, box.y - 10),
-      width: Math.min(box.width + 40, 850),
-      height: Math.min(box.height + 20, 700),
-    };
-    await page.screenshot({ path: 'tests/screenshots/editor-ux-content.png', clip });
-  }
-
-  // Full page at normal resolution
-  await page.screenshot({ path: 'tests/screenshots/editor-ux-full2.png' });
-
-  // Also scroll down to see if there's more content
-  await page.evaluate(() => {
-    document.querySelector('.editor-wrapper').scrollTop = 200;
-  });
-  await new Promise(r => setTimeout(r, 200));
-  await page.screenshot({ path: 'tests/screenshots/editor-ux-scrolled.png' });
-
-  await browser.close();
-}
-
-runTest();

package/template/claude-task-manager/tests/test-features-v2.js

@@ -1,127 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const path = require('path');
-const fs = require('fs');
-
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE_URL = `http://localhost:3456/?token=${TOKEN}`;
-const SCREENSHOT_DIR = path.join(__dirname, 'screenshots');
-if (!fs.existsSync(SCREENSHOT_DIR)) fs.mkdirSync(SCREENSHOT_DIR, { recursive: true });
-
-async function screenshot(page, name) {
-  const filePath = path.join(SCREENSHOT_DIR, `${name}.png`);
-  await page.screenshot({ path: filePath, fullPage: false });
-  console.log(`  Screenshot: ${name}.png`);
-}
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  await page.setViewport({ width: 1920, height: 1080 });
-  page.on('pageerror', err => console.error(`  [PAGE ERROR] ${err.message}`));
-
-  try {
-    console.log('Step 1: Load page and wait for sessions...');
-    await page.goto(BASE_URL, { waitUntil: 'networkidle2', timeout: 15000 });
-    await new Promise(r => setTimeout(r, 2000));
-    await screenshot(page, 'v2-01-loaded');
-
-    // Check recent sessions loaded
-    const recentItems = await page.$$('.recent-item');
-    console.log(`  Recent items: ${recentItems.length}`);
-    if (recentItems.length === 0) throw new Error('No recent sessions');
-    console.log('  PASS: Sessions loaded');
-
-    console.log('\nStep 2: Check titles are shown by default...');
-    const showTitlesChecked = await page.$eval('#show-titles', el => el.checked);
-    console.log(`  "Show titles" checked: ${showTitlesChecked}`);
-    const firstDisplay = await page.$eval('.recent-item .recent-msg', el => el.textContent);
-    console.log(`  First display text: "${firstDisplay.slice(0, 60)}"`);
-    console.log('  PASS: Titles displayed');
-
-    console.log('\nStep 3: Toggle to show prompt text...');
-    await page.click('#show-titles');
-    await new Promise(r => setTimeout(r, 300));
-    const firstDisplayAfter = await page.$eval('.recent-item .recent-msg', el => el.textContent);
-    console.log(`  After toggle: "${firstDisplayAfter.slice(0, 60)}"`);
-    await screenshot(page, 'v2-02-prompt-mode');
-    // Toggle back
-    await page.click('#show-titles');
-    console.log('  PASS: Toggle works');
-
-    console.log('\nStep 4: Test filter chips...');
-    // Click "Has Content"
-    const filterChips = await page.$$('.filter-chip');
-    console.log(`  Filter chips found: ${filterChips.length}`);
-    await filterChips[1].click(); // "Has Content"
-    await new Promise(r => setTimeout(r, 300));
-    const filteredItems = await page.$$('.recent-item');
-    const hasEmpty = await page.evaluate(() => {
-      return Array.from(document.querySelectorAll('.recent-item .recent-msg')).some(el => el.textContent.includes('[empty]'));
-    });
-    console.log(`  After "Has Content" filter: ${filteredItems.length} items, has empty: ${hasEmpty}`);
-    await screenshot(page, 'v2-03-has-content-filter');
-    if (hasEmpty) throw new Error('Empty sessions still showing with Has Content filter');
-    console.log('  PASS: Has Content filter works');
-
-    // Click "Empty"
-    await filterChips[2].click();
-    await new Promise(r => setTimeout(r, 300));
-    const emptyItems = await page.$$('.recent-item');
-    console.log(`  After "Empty" filter: ${emptyItems.length} items`);
-    await screenshot(page, 'v2-04-empty-filter');
-    console.log('  PASS: Empty filter works');
-
-    // Back to All
-    await filterChips[0].click();
-    await new Promise(r => setTimeout(r, 300));
-
-    console.log('\nStep 5: Check delete button on hover...');
-    const firstItem = await page.$('.recent-item');
-    await firstItem.hover();
-    await new Promise(r => setTimeout(r, 300));
-    const deleteBtn = await page.$('.recent-item .mini-btn.delete');
-    console.log(`  Delete button visible: ${!!deleteBtn}`);
-    await screenshot(page, 'v2-05-hover-actions');
-    console.log('  PASS: Delete button shows on hover');
-
-    console.log('\nStep 6: Check Clean Empty button exists...');
-    const cleanBtn = await page.evaluate(() => {
-      const btns = Array.from(document.querySelectorAll('button'));
-      return btns.some(b => b.textContent.includes('Clean Empty'));
-    });
-    console.log(`  Clean Empty button found: ${cleanBtn}`);
-    console.log('  PASS: Clean Empty button exists');
-
-    console.log('\nStep 7: Check AI search toggle...');
-    const aiBtn = await page.$('#ai-search-btn');
-    console.log(`  AI button found: ${!!aiBtn}`);
-    await aiBtn.click();
-    await new Promise(r => setTimeout(r, 200));
-    const placeholder = await page.$eval('#recent-search', el => el.placeholder);
-    console.log(`  Search placeholder after AI toggle: "${placeholder}"`);
-    const aiBtnActive = await page.$eval('#ai-search-btn', el => el.classList.contains('active'));
-    console.log(`  AI button active: ${aiBtnActive}`);
-    await screenshot(page, 'v2-06-ai-search-mode');
-    // Toggle back
-    await aiBtn.click();
-    console.log('  PASS: AI search toggle works');
-
-    console.log('\nStep 8: Check message count in meta...');
-    const hasMsgCount = await page.evaluate(() => {
-      return Array.from(document.querySelectorAll('.recent-meta')).some(el => el.textContent.includes('msgs'));
-    });
-    console.log(`  Message counts shown: ${hasMsgCount}`);
-    console.log('  PASS: Message counts displayed');
-
-    console.log('\n=== ALL TESTS PASSED ===');
-  } catch (error) {
-    console.error(`\n  FAIL: ${error.message}`);
-    await screenshot(page, 'v2-error');
-    process.exitCode = 1;
-  } finally {
-    await browser.close();
-  }
-}
-
-runTest();

package/template/claude-task-manager/tests/test-insights-cached.js

@@ -1,78 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const path = require('path');
-const fs = require('fs');
-
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE_URL = `http://localhost:3456/?token=${TOKEN}`;
-const SCREENSHOT_DIR = path.join(__dirname, 'screenshots');
-if (!fs.existsSync(SCREENSHOT_DIR)) fs.mkdirSync(SCREENSHOT_DIR, { recursive: true });
-
-async function screenshot(page, name) {
-  const fp = path.join(SCREENSHOT_DIR, `${name}.png`);
-  await page.screenshot({ path: fp });
-  console.log(`  Screenshot: ${name}.png`);
-}
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  await page.setViewport({ width: 1920, height: 1080 });
-  page.on('pageerror', err => console.error(`  [PAGE ERROR] ${err.message}`));
-
-  try {
-    console.log('Step 1: Load page...');
-    await page.goto(BASE_URL, { waitUntil: 'networkidle2', timeout: 15000 });
-    await new Promise(r => setTimeout(r, 1000));
-
-    console.log('\nStep 2: Open Insights panel (should load cached)...');
-    const insightsBtn = await page.evaluateHandle(() =>
-      Array.from(document.querySelectorAll('.btn')).find(b => b.textContent === 'Insights')
-    );
-    await insightsBtn.click();
-    await new Promise(r => setTimeout(r, 1500));
-    await screenshot(page, 'insights-cached-01');
-
-    // Verify cached results render
-    const groupCards = await page.$$('.group-card');
-    const skillCards = await page.$$('.skill-card');
-    const insightBullets = await page.$$('.insight-bullet');
-    const meta = await page.$eval('#insights-meta', el => el.textContent);
-    const btnText = await page.$eval('#analyze-btn', el => el.textContent);
-
-    console.log(`  Groups: ${groupCards.length}`);
-    console.log(`  Skills: ${skillCards.length}`);
-    console.log(`  Insights: ${insightBullets.length}`);
-    console.log(`  Meta: "${meta}"`);
-    console.log(`  Button: "${btnText}"`);
-
-    if (groupCards.length > 0) {
-      const firstGroupTitle = await page.$eval('.group-card .card-title', el => el.textContent);
-      console.log(`  First group: "${firstGroupTitle}"`);
-    }
-    if (skillCards.length > 0) {
-      const firstSkillTitle = await page.$eval('.skill-card .card-title', el => el.textContent);
-      console.log(`  First skill: "${firstSkillTitle}"`);
-      const createBtns = await page.$$('.create-skill-btn');
-      console.log(`  Create Skill buttons: ${createBtns.length}`);
-    }
-
-    await screenshot(page, 'insights-cached-02-scrolled');
-
-    if (groupCards.length > 0 && skillCards.length > 0) {
-      console.log('\n  PASS: Cached analysis rendered immediately');
-    } else {
-      console.log('\n  WARNING: No cached data rendered');
-    }
-
-    console.log('\n=== ALL TESTS PASSED ===');
-  } catch (error) {
-    console.error(`\n  FAIL: ${error.message}`);
-    await screenshot(page, 'insights-cached-error');
-    process.exitCode = 1;
-  } finally {
-    await browser.close();
-  }
-}
-
-runTest();

package/template/claude-task-manager/tests/test-insights.js

@@ -1,124 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const path = require('path');
-const fs = require('fs');
-
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE_URL = `http://localhost:3456/?token=${TOKEN}`;
-const SCREENSHOT_DIR = path.join(__dirname, 'screenshots');
-if (!fs.existsSync(SCREENSHOT_DIR)) fs.mkdirSync(SCREENSHOT_DIR, { recursive: true });
-
-async function screenshot(page, name) {
-  const fp = path.join(SCREENSHOT_DIR, `${name}.png`);
-  await page.screenshot({ path: fp });
-  console.log(`  Screenshot: ${name}.png`);
-}
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  await page.setViewport({ width: 1920, height: 1080 });
-  page.on('pageerror', err => console.error(`  [PAGE ERROR] ${err.message}`));
-
-  try {
-    console.log('Step 1: Load page...');
-    await page.goto(BASE_URL, { waitUntil: 'networkidle2', timeout: 15000 });
-    await new Promise(r => setTimeout(r, 1000));
-
-    console.log('\nStep 2: Click Insights button in top bar...');
-    const insightsBtn = await page.evaluateHandle(() => {
-      return Array.from(document.querySelectorAll('.btn')).find(b => b.textContent === 'Insights');
-    });
-    if (!insightsBtn) throw new Error('Insights button not found');
-    await insightsBtn.click();
-    await new Promise(r => setTimeout(r, 500));
-    await screenshot(page, 'insights-01-panel');
-
-    const panelActive = await page.$eval('#insights-panel', el => el.classList.contains('active'));
-    console.log(`  Insights panel active: ${panelActive}`);
-    if (!panelActive) throw new Error('Insights panel not active');
-
-    // Check tab
-    const tabTexts = await page.$$eval('#tabbar .tab span:first-child', els => els.map(e => e.textContent));
-    console.log(`  Tab labels: ${tabTexts.join(', ')}`);
-    if (!tabTexts.includes('Insights')) throw new Error('Insights tab not created');
-    console.log('  PASS: Insights panel and tab created');
-
-    // Check Analyze button exists
-    const analyzeBtn = await page.$('#analyze-btn');
-    console.log(`  Analyze button found: ${!!analyzeBtn}`);
-    console.log('  PASS: Analyze button present');
-
-    // Check initial state
-    const contentText = await page.$eval('#insights-content', el => el.textContent);
-    console.log(`  Initial content: "${contentText.trim().slice(0, 80)}..."`);
-
-    console.log('\nStep 3: Run analysis (this will call Claude - may take time)...');
-    await analyzeBtn.click();
-    const btnText = await page.$eval('#analyze-btn', el => el.textContent);
-    console.log(`  Button text after click: "${btnText}"`);
-    if (btnText !== 'Analyzing...') throw new Error('Button did not change to Analyzing...');
-    console.log('  PASS: Analysis started');
-
-    // Wait for analysis (up to 120s)
-    console.log('  Waiting for analysis to complete (up to 120s)...');
-    let completed = false;
-    for (let i = 0; i < 60; i++) {
-      await new Promise(r => setTimeout(r, 2000));
-      const text = await page.$eval('#analyze-btn', el => el.textContent);
-      const hasGroups = await page.$('.group-card');
-      const hasProgress = await page.$('.progress-log');
-      if (hasProgress) {
-        const progressText = await page.$eval('.progress-log', el => el.textContent);
-        if (progressText.includes('complete')) {
-          console.log('  Analysis complete signal received');
-        }
-      }
-      if (text === 'Re-analyze') {
-        completed = true;
-        console.log(`  Analysis finished at ${i * 2}s`);
-        break;
-      }
-    }
-
-    await screenshot(page, 'insights-02-results');
-
-    if (!completed) {
-      console.log('  WARNING: Analysis timed out, checking partial results...');
-    }
-
-    console.log('\nStep 4: Verify results...');
-    const groupCards = await page.$$('.group-card');
-    console.log(`  Group cards: ${groupCards.length}`);
-
-    const skillCards = await page.$$('.skill-card');
-    console.log(`  Skill suggestion cards: ${skillCards.length}`);
-
-    const insightBullets = await page.$$('.insight-bullet');
-    console.log(`  Insight bullets: ${insightBullets.length}`);
-
-    const createBtns = await page.$$('.create-skill-btn');
-    console.log(`  Create Skill buttons: ${createBtns.length}`);
-
-    const meta = await page.$eval('#insights-meta', el => el.textContent);
-    console.log(`  Meta: "${meta}"`);
-
-    if (groupCards.length > 0 || skillCards.length > 0) {
-      console.log('\n  PASS: Analysis produced results');
-    } else {
-      console.log('\n  WARNING: No results rendered (may be a timeout or API issue)');
-    }
-
-    await screenshot(page, 'insights-03-final');
-
-    console.log('\n=== TESTS COMPLETED ===');
-  } catch (error) {
-    console.error(`\n  FAIL: ${error.message}`);
-    await screenshot(page, 'insights-error');
-    process.exitCode = 1;
-  } finally {
-    await browser.close();
-  }
-}
-
-runTest();

package/template/claude-task-manager/tests/test-permissions-v2.js

@@ -1,127 +0,0 @@
-#!/usr/bin/env node
-const puppeteer = require('puppeteer');
-const TOKEN = process.env.CTM_TEST_TOKEN || 'test-token-placeholder';
-const BASE = `http://localhost:3456/?token=${TOKEN}`;
-
-async function runTest() {
-  const browser = await puppeteer.launch({ headless: true, args: ['--no-sandbox'] });
-  const page = await browser.newPage();
-  page.on('pageerror', err => console.error('[PAGE ERROR]', err.message));
-  await page.setViewport({ width: 1920, height: 1080 });
-
-  await page.goto(BASE, { waitUntil: 'networkidle2', timeout: 15000 });
-  await new Promise(r => setTimeout(r, 2000));
-
-  // Open permissions panel
-  const btns = await page.$$('.topbar button, .topbar .btn');
-  for (const btn of btns) {
-    const text = await page.evaluate(el => el.textContent, btn);
-    if (text.includes('Permissions')) { await btn.click(); break; }
-  }
-  await new Promise(r => setTimeout(r, 1000));
-
-  // Click Scan Sessions
-  await page.evaluate(() => {
-    const btns = document.querySelectorAll('button');
-    for (const b of btns) { if (b.textContent.includes('Scan')) { b.click(); break; } }
-  });
-  await new Promise(r => setTimeout(r, 3000));
-
-  // Screenshot 1: Full panel with risk badges
-  await page.screenshot({ path: 'tests/screenshots/perm-v2-01-scanned.png', fullPage: false });
-  console.log('1. Scanned - check risk badges');
-
-  // Check risk badges exist
-  const riskBadges = await page.evaluate(() => {
-    const badges = document.querySelectorAll('.perm-risk');
-    const counts = { high: 0, medium: 0, low: 0 };
-    badges.forEach(b => { if (counts[b.textContent] !== undefined) counts[b.textContent]++; });
-    return counts;
-  });
-  console.log('   Risk badges:', JSON.stringify(riskBadges));
-
-  // Check search bar visible
-  const searchVisible = await page.evaluate(() => {
-    return document.getElementById('perm-search-bar').style.display !== 'none';
-  });
-  console.log('2. Search bar visible:', searchVisible);
-
-  // Check bulk bar visible
-  const bulkVisible = await page.evaluate(() => {
-    return document.getElementById('perm-bulk-bar').style.display !== 'none';
-  });
-  console.log('   Bulk bar visible:', bulkVisible);
-
-  // Test search filter
-  await page.type('#perm-search', 'bash');
-  await new Promise(r => setTimeout(r, 300));
-  const visibleAfterSearch = await page.evaluate(() => {
-    const groups = document.querySelectorAll('.perm-tool-group:not(.hidden-by-filter)');
-    return groups.length;
-  });
-  const hiddenAfterSearch = await page.evaluate(() => {
-    return document.querySelectorAll('.perm-tool-group.hidden-by-filter').length;
-  });
-  console.log('3. Search "bash" - visible:', visibleAfterSearch, 'hidden:', hiddenAfterSearch);
-
-  await page.screenshot({ path: 'tests/screenshots/perm-v2-02-search.png', fullPage: false });
-
-  // Clear search
-  await page.evaluate(() => { document.getElementById('perm-search').value = ''; });
-  await page.evaluate(() => filterPermTools());
-
-  // Test risk filter - high only
-  await page.select('#perm-risk-filter', 'high');
-  await new Promise(r => setTimeout(r, 300));
-  const highOnly = await page.evaluate(() => {
-    return document.querySelectorAll('.perm-tool-group:not(.hidden-by-filter)').length;
-  });
-  console.log('4. Risk filter "high" - visible:', highOnly);
-
-  await page.screenshot({ path: 'tests/screenshots/perm-v2-03-risk-filter.png', fullPage: false });
-
-  // Reset risk filter
-  await page.select('#perm-risk-filter', '');
-  await page.evaluate(() => filterPermTools());
-
-  // Test status filter
-  await page.select('#perm-status-filter', 'unapproved');
-  await new Promise(r => setTimeout(r, 300));
-  const unapprovedCount = await page.evaluate(() => {
-    return document.querySelectorAll('.perm-tool-group:not(.hidden-by-filter)').length;
-  });
-  console.log('5. Status filter "unapproved" - visible:', unapprovedCount);
-
-  // Reset
-  await page.select('#perm-status-filter', '');
-  await page.evaluate(() => filterPermTools());
-
-  // Check bulk summary text
-  const summaryText = await page.evaluate(() => {
-    return document.getElementById('perm-bulk-summary')?.textContent || '';
-  });
-  console.log('6. Bulk summary:', summaryText);
-
-  // Test Select All with low risk filter (safe for testing)
-  await page.select('#perm-risk-filter', 'low');
-  await page.evaluate(() => filterPermTools());
-  await new Promise(r => setTimeout(r, 200));
-
-  const lowVisibleCount = await page.evaluate(() => {
-    return document.querySelectorAll('.perm-tool-group:not(.hidden-by-filter)').length;
-  });
-  console.log('7. Low risk tools visible:', lowVisibleCount);
-
-  await page.screenshot({ path: 'tests/screenshots/perm-v2-04-low-risk.png', fullPage: false });
-
-  // Test Select All button exists
-  const selectAllExists = await page.evaluate(() => {
-    return !!document.querySelector('.perm-bulk-bar button');
-  });
-  console.log('8. Select All button exists:', selectAllExists);
-
-  await browser.close();
-  console.log('\nPermission Manager v2 tests complete.');
-}
-
-runTest();