@kendoo.agentdesk/agentdesk 0.4.6 → 0.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kendoo.agentdesk/agentdesk",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "AI team orchestrator for Claude Code — run collaborative agent sessions from your terminal",
   "type": "module",
   "bin": {

package/prompts/team.md

@@ -121,38 +121,70 @@ When a task involves UI changes, the team MUST capture screenshots of the affect
 
 **How to capture screenshots:**
 
-1. Start the dev server in the background:
-   ```bash
-   echo "Starting dev server for screenshots..."
-   npm run dev &
-   DEV_PID=$!
-   sleep 5  # Wait for server to start
-   ```
-
-2. Take screenshots using the agentdesk screenshot utility:
-   ```bash
-   # Desktop + mobile (default)
-   node node_modules/@kendoo.agentdesk/agentdesk/cli/screenshot.mjs http://localhost:3000/affected-route --out screenshots
-
-   # Desktop only
-   node node_modules/@kendoo.agentdesk/agentdesk/cli/screenshot.mjs http://localhost:3000/route --viewports desktop
-
-   # Mobile only
-   node node_modules/@kendoo.agentdesk/agentdesk/cli/screenshot.mjs http://localhost:3000/route --viewports mobile
-   ```
-
-   If the utility is not available, use a manual approach:
-   ```bash
-   npx --yes puppeteer-cli screenshot http://localhost:3000/route --viewport 1280x800 --output desktop.png
-   npx --yes puppeteer-cli screenshot http://localhost:3000/route --viewport 375x812 --output mobile.png
-   ```
-
-3. Stop the dev server when done:
-   ```bash
-   kill $DEV_PID 2>/dev/null
-   ```
-
-4. Upload screenshots to the task tracker (see upload instructions below).
+Bart writes and executes a project-specific puppeteer script for each screenshot session. This handles auth, navigation, and viewport sizing in one shot.
+
+**Step 1 — Prepare:** Before writing the script, Bart MUST:
+- Read the project's login/auth flow (check auth pages, middleware, `.env` for test credentials)
+- Identify the dev server port (from `package.json` scripts, `.env`, or framework defaults)
+- Get the list of routes and viewports from Luna's screenshot plan
+
+**Step 2 — Start the dev server:**
+```bash
+echo "Starting dev server for screenshots..."
+npm run dev &
+DEV_PID=$!
+sleep 8  # Wait for server to start
+```
+
+**Step 3 — Write and run a puppeteer script** that handles the project's auth and captures all required views:
+```bash
+npx --yes puppeteer@latest node -e "
+const puppeteer = require('puppeteer');
+(async () => {
+  const browser = await puppeteer.launch({ headless: 'new' });
+  const page = await browser.newPage();
+
+  // --- AUTH: Adapt this to the project's login flow ---
+  // Read .env or config for test credentials
+  // Navigate to login page, fill form, submit
+  // Example:
+  // await page.goto('http://localhost:3000/login');
+  // await page.type('input[name=email]', process.env.TEST_EMAIL || 'test@example.com');
+  // await page.type('input[name=password]', process.env.TEST_PASSWORD || 'password');
+  // await page.click('button[type=submit]');
+  // await page.waitForNavigation();
+
+  // --- CAPTURE: Take screenshots per Luna's plan ---
+  const routes = ['/affected-route'];  // From Luna's plan
+  const viewports = [
+    { name: 'desktop', width: 1280, height: 800 },
+    { name: 'mobile', width: 375, height: 812 },
+  ];
+
+  for (const route of routes) {
+    for (const vp of viewports) {
+      await page.setViewport({ width: vp.width, height: vp.height });
+      await page.goto('http://localhost:3000' + route, { waitUntil: 'networkidle0' });
+      await new Promise(r => setTimeout(r, 1000));
+      const filename = 'screenshots/' + route.replace(/\\//g, '-').slice(1) + '-' + vp.name + '.png';
+      await page.screenshot({ path: filename, fullPage: true });
+      console.log('Captured: ' + filename);
+    }
+  }
+
+  await browser.close();
+})();
+"
+```
+
+IMPORTANT: Bart MUST adapt the auth section to the specific project. Do NOT use a generic/placeholder login — read the actual auth code, find real dev/test credentials from `.env`, seed files, or test fixtures, and write the login flow to match the project's actual login page (selectors, fields, OAuth flow, etc.). If the project uses OAuth only and has no test credentials, Bart should note this and skip screenshots with an explanation.
+
+**Step 4 — Stop the dev server:**
+```bash
+kill $DEV_PID 2>/dev/null
+```
+
+**Step 5 — Upload** screenshots to the task tracker (see upload instructions below).
 
 **When to capture:**
 - After ALL code changes, reviews, and fixes are complete (during Bart's review step)