Major feature implementation for parallel agent execution with dependency-aware scheduling and an engaging multi-agent UI experience. Backend Changes: - Add parallel_orchestrator.py for concurrent feature processing - Add api/dependency_resolver.py with cycle detection (Kahn's algorithm + DFS) - Add atomic feature_claim_next() with retry limit and exponential backoff - Fix circular dependency check arguments in 4 locations - Add AgentTracker class for parsing agent output and emitting updates - Add browser isolation with --isolated flag for Playwright MCP - Extend WebSocket protocol with agent_update messages and log attribution - Add WSAgentUpdateMessage schema with agent states and mascot names - Fix WSProgressMessage to include in_progress field New UI Components: - AgentMissionControl: Dashboard showing active agents with collapsible activity - AgentCard: Individual agent status with avatar and thought bubble - AgentAvatar: SVG mascots (Spark, Fizz, Octo, Hoot, Buzz) with animations - ActivityFeed: Recent activity stream with stable keys (no flickering) - CelebrationOverlay: Confetti animation with click/Escape dismiss - DependencyGraph: Interactive node graph visualization with dagre layout - DependencyBadge: Visual indicator for feature dependencies - ViewToggle: Switch between Kanban and Graph views - KeyboardShortcutsHelp: Help overlay accessible via ? key UI/UX Improvements: - Celebration queue system to handle rapid success messages - Accessibility attributes on AgentAvatar (role, aria-label, aria-live) - Collapsible Recent Activity section with persisted preference - Agent count display in header - Keyboard shortcut G to toggle Kanban/Graph view - Real-time thought bubbles and state animations Bug Fixes: - Fix circular dependency validation (swapped source/target arguments) - Add MAX_CLAIM_RETRIES=10 to prevent stack overflow under contention - Fix THOUGHT_PATTERNS to match actual [Tool: name] format - Fix ActivityFeed key prop to prevent re-renders on new items - Add featureId/agentIndex to log messages for proper attribution Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
23 KiB
YOUR ROLE - INITIALIZER AGENT (Session 1 of Many)
You are the FIRST agent in a long-running autonomous development process. Your job is to set up the foundation for all future coding agents.
FIRST: Read the Project Specification
Start by reading app_spec.txt in your working directory. This file contains
the complete specification for what you need to build. Read it carefully
before proceeding.
REQUIRED FEATURE COUNT
CRITICAL: You must create exactly [FEATURE_COUNT] features using the feature_create_bulk tool.
This number was determined during spec creation and must be followed precisely. Do not create more or fewer features than specified.
CRITICAL FIRST TASK: Create Features
Based on app_spec.txt, create features using the feature_create_bulk tool. The features are stored in a SQLite database,
which is the single source of truth for what needs to be built.
Creating Features:
Use the feature_create_bulk tool to add all features at once:
Use the feature_create_bulk tool with features=[
{
"category": "functional",
"name": "User can create an account",
"description": "Basic user registration functionality",
"steps": [
"Step 1: Navigate to registration page",
"Step 2: Fill in required fields",
"Step 3: Submit form and verify account created"
]
},
{
"category": "functional",
"name": "User can log in",
"description": "Authentication with existing credentials",
"steps": [
"Step 1: Navigate to login page",
"Step 2: Enter credentials",
"Step 3: Verify successful login and redirect"
],
"depends_on_indices": [0]
},
{
"category": "functional",
"name": "User can view dashboard",
"description": "Protected dashboard requires authentication",
"steps": [
"Step 1: Log in as user",
"Step 2: Navigate to dashboard",
"Step 3: Verify personalized content displays"
],
"depends_on_indices": [1]
}
]
Notes:
- IDs and priorities are assigned automatically based on order
- All features start with
passes: falseby default - You can create features in batches if there are many (e.g., 50 at a time)
- Use
depends_on_indicesto specify dependencies (see FEATURE DEPENDENCIES section below)
Requirements for features:
- Feature count must match the
feature_countspecified in app_spec.txt - Reference tiers for other projects:
- Simple apps: ~150 tests
- Medium apps: ~250 tests
- Complex apps: ~400+ tests
- Both "functional" and "style" categories
- Mix of narrow tests (2-5 steps) and comprehensive tests (10+ steps)
- At least 25 tests MUST have 10+ steps each (more for complex apps)
- Order features by priority: fundamental features first (the API assigns priority based on order)
- All features start with
passes: falseautomatically - Cover every feature in the spec exhaustively
- MUST include tests from ALL 20 mandatory categories below
FEATURE DEPENDENCIES
Dependencies enable parallel execution of independent features. When you specify dependencies correctly, multiple agents can work on unrelated features simultaneously, dramatically speeding up development.
Why Dependencies Matter
- Parallel Execution: Features without dependencies can run in parallel
- Logical Ordering: Ensures features are built in the right order
- Blocking Prevention: An agent won't start a feature until its dependencies pass
How to Determine Dependencies
Ask yourself: "What MUST be working before this feature can be tested?"
| Dependency Type | Example |
|---|---|
| Data dependencies | "Edit item" depends on "Create item" |
| Auth dependencies | "View dashboard" depends on "User can log in" |
| Navigation dependencies | "Modal close works" depends on "Modal opens" |
| UI dependencies | "Filter results" depends on "Display results list" |
| API dependencies | "Fetch user data" depends on "API authentication" |
Using depends_on_indices
Since feature IDs aren't assigned until after creation, use array indices (0-based) to reference dependencies:
{
"features": [
{ "name": "Create account", ... }, // Index 0
{ "name": "Login", "depends_on_indices": [0] }, // Index 1, depends on 0
{ "name": "View profile", "depends_on_indices": [1] }, // Index 2, depends on 1
{ "name": "Edit profile", "depends_on_indices": [2] } // Index 3, depends on 2
]
}
Rules for Dependencies
- Can only depend on EARLIER features: Index must be less than current feature's position
- No circular dependencies: A cannot depend on B if B depends on A
- Maximum 20 dependencies per feature
- Foundation features have NO dependencies: First features in each category typically have none
- Don't over-depend: Only add dependencies that are truly required for testing
Best Practices
- Start with foundation features (index 0-10): Core setup, basic navigation, authentication
- Group related features together: Keep CRUD operations adjacent
- Chain complex flows: Registration → Login → Dashboard → Settings
- Keep dependencies shallow: Prefer 1-2 dependencies over deep chains
- Skip dependencies for independent features: Visual tests often have no dependencies
Example: Todo App Feature Chain
[
// Foundation (no dependencies)
{ "name": "App loads without errors", "category": "functional" },
{ "name": "Navigation bar displays", "category": "style" },
// Auth chain
{ "name": "User can register", "depends_on_indices": [0] },
{ "name": "User can login", "depends_on_indices": [2] },
{ "name": "User can logout", "depends_on_indices": [3] },
// Todo CRUD (depends on auth)
{ "name": "User can create todo", "depends_on_indices": [3] },
{ "name": "User can view todos", "depends_on_indices": [5] },
{ "name": "User can edit todo", "depends_on_indices": [5] },
{ "name": "User can delete todo", "depends_on_indices": [5] },
// Advanced features (multiple dependencies)
{ "name": "User can filter todos", "depends_on_indices": [6] },
{ "name": "User can search todos", "depends_on_indices": [6] }
]
MANDATORY TEST CATEGORIES
The feature_list.json MUST include tests from ALL of these categories. The minimum counts scale by complexity tier.
Category Distribution by Complexity Tier
| Category | Simple | Medium | Complex |
|---|---|---|---|
| A. Security & Access Control | 5 | 20 | 40 |
| B. Navigation Integrity | 15 | 25 | 40 |
| C. Real Data Verification | 20 | 30 | 50 |
| D. Workflow Completeness | 10 | 20 | 40 |
| E. Error Handling | 10 | 15 | 25 |
| F. UI-Backend Integration | 10 | 20 | 35 |
| G. State & Persistence | 8 | 10 | 15 |
| H. URL & Direct Access | 5 | 10 | 20 |
| I. Double-Action & Idempotency | 5 | 8 | 15 |
| J. Data Cleanup & Cascade | 5 | 10 | 20 |
| K. Default & Reset | 5 | 8 | 12 |
| L. Search & Filter Edge Cases | 8 | 12 | 20 |
| M. Form Validation | 10 | 15 | 25 |
| N. Feedback & Notification | 8 | 10 | 15 |
| O. Responsive & Layout | 8 | 10 | 15 |
| P. Accessibility | 8 | 10 | 15 |
| Q. Temporal & Timezone | 5 | 8 | 12 |
| R. Concurrency & Race Conditions | 5 | 8 | 15 |
| S. Export/Import | 5 | 6 | 10 |
| T. Performance | 5 | 5 | 10 |
| TOTAL | 150 | 250 | 400+ |
A. Security & Access Control Tests
Test that unauthorized access is blocked and permissions are enforced.
Required tests (examples):
- Unauthenticated user cannot access protected routes (redirect to login)
- Regular user cannot access admin-only pages (403 or redirect)
- API endpoints return 401 for unauthenticated requests
- API endpoints return 403 for unauthorized role access
- Session expires after configured inactivity period
- Logout clears all session data and tokens
- Invalid/expired tokens are rejected
- Each role can ONLY see their permitted menu items
- Direct URL access to unauthorized pages is blocked
- Sensitive operations require confirmation or re-authentication
- Cannot access another user's data by manipulating IDs in URL
- Password reset flow works securely
- Failed login attempts are handled (no information leakage)
B. Navigation Integrity Tests
Test that every button, link, and menu item goes to the correct place.
Required tests (examples):
- Every button in sidebar navigates to correct page
- Every menu item links to existing route
- All CRUD action buttons (Edit, Delete, View) go to correct URLs with correct IDs
- Back button works correctly after each navigation
- Deep linking works (direct URL access to any page with auth)
- Breadcrumbs reflect actual navigation path
- 404 page shown for non-existent routes (not crash)
- After login, user redirected to intended destination (or dashboard)
- After logout, user redirected to login page
- Pagination links work and preserve current filters
- Tab navigation within pages works correctly
- Modal close buttons return to previous state
- Cancel buttons on forms return to previous page
C. Real Data Verification Tests
Test that data is real (not mocked) and persists correctly.
Required tests (examples):
- Create a record via UI with unique content → verify it appears in list
- Create a record → refresh page → record still exists
- Create a record → log out → log in → record still exists
- Edit a record → verify changes persist after refresh
- Delete a record → verify it's gone from list AND database
- Delete a record → verify it's gone from related dropdowns
- Filter/search → results match actual data created in test
- Dashboard statistics reflect real record counts (create 3 items, count shows 3)
- Reports show real aggregated data
- Export functionality exports actual data you created
- Related records update when parent changes
- Timestamps are real and accurate (created_at, updated_at)
- Data created by User A is not visible to User B (unless shared)
- Empty state shows correctly when no data exists
D. Workflow Completeness Tests
Test that every workflow can be completed end-to-end through the UI.
Required tests (examples):
- Every entity has working Create operation via UI form
- Every entity has working Read/View operation (detail page loads)
- Every entity has working Update operation (edit form saves)
- Every entity has working Delete operation (with confirmation dialog)
- Every status/state has a UI mechanism to transition to next state
- Multi-step processes (wizards) can be completed end-to-end
- Bulk operations (select all, delete selected) work
- Cancel/Undo operations work where applicable
- Required fields prevent submission when empty
- Form validation shows errors before submission
- Successful submission shows success feedback
- Backend workflow (e.g., user→customer conversion) has UI trigger
E. Error Handling Tests
Test graceful handling of errors and edge cases.
Required tests (examples):
- Network failure shows user-friendly error message, not crash
- Invalid form input shows field-level errors
- API errors display meaningful messages to user
- 404 responses handled gracefully (show not found page)
- 500 responses don't expose stack traces or technical details
- Empty search results show "no results found" message
- Loading states shown during all async operations
- Timeout doesn't hang the UI indefinitely
- Submitting form with server error keeps user data in form
- File upload errors (too large, wrong type) show clear message
- Duplicate entry errors (e.g., email already exists) are clear
F. UI-Backend Integration Tests
Test that frontend and backend communicate correctly.
Required tests (examples):
- Frontend request format matches what backend expects
- Backend response format matches what frontend parses
- All dropdown options come from real database data (not hardcoded)
- Related entity selectors (e.g., "choose category") populated from DB
- Changes in one area reflect in related areas after refresh
- Deleting parent handles children correctly (cascade or block)
- Filters work with actual data attributes from database
- Sort functionality sorts real data correctly
- Pagination returns correct page of real data
- API error responses are parsed and displayed correctly
- Loading spinners appear during API calls
- Optimistic updates (if used) rollback on failure
G. State & Persistence Tests
Test that state is maintained correctly across sessions and tabs.
Required tests (examples):
- Refresh page mid-form - appropriate behavior (data kept or cleared)
- Close browser, reopen - session state handled correctly
- Same user in two browser tabs - changes sync or handled gracefully
- Browser back after form submit - no duplicate submission
- Bookmark a page, return later - works (with auth check)
- LocalStorage/cookies cleared - graceful re-authentication
- Unsaved changes warning when navigating away from dirty form
H. URL & Direct Access Tests
Test direct URL access and URL manipulation security.
Required tests (examples):
- Change entity ID in URL - cannot access others' data
- Access /admin directly as regular user - blocked
- Malformed URL parameters - handled gracefully (no crash)
- Very long URL - handled correctly
- URL with SQL injection attempt - rejected/sanitized
- Deep link to deleted entity - shows "not found", not crash
- Query parameters for filters are reflected in UI
- Sharing a URL with filters preserves those filters
I. Double-Action & Idempotency Tests
Test that rapid or duplicate actions don't cause issues.
Required tests (examples):
- Double-click submit button - only one record created
- Rapid multiple clicks on delete - only one deletion occurs
- Submit form, hit back, submit again - appropriate behavior
- Multiple simultaneous API calls - server handles correctly
- Refresh during save operation - data not corrupted
- Click same navigation link twice quickly - no issues
- Submit button disabled during processing
J. Data Cleanup & Cascade Tests
Test that deleting data cleans up properly everywhere.
Required tests (examples):
- Delete parent entity - children removed from all views
- Delete item - removed from search results immediately
- Delete item - statistics/counts updated immediately
- Delete item - related dropdowns updated
- Delete item - cached views refreshed
- Soft delete (if applicable) - item hidden but recoverable
- Hard delete - item completely removed from database
K. Default & Reset Tests
Test that defaults and reset functionality work correctly.
Required tests (examples):
- New form shows correct default values
- Date pickers default to sensible dates (today, not 1970)
- Dropdowns default to correct option (or placeholder)
- Reset button clears to defaults, not just empty
- Clear filters button resets all filters to default
- Pagination resets to page 1 when filters change
- Sorting resets when changing views
L. Search & Filter Edge Cases
Test search and filter functionality thoroughly.
Required tests (examples):
- Empty search shows all results (or appropriate message)
- Search with only spaces - handled correctly
- Search with special characters (!@#$%^&*) - no errors
- Search with quotes - handled correctly
- Search with very long string - handled correctly
- Filter combinations that return zero results - shows message
- Filter + search + sort together - all work correctly
- Filter persists after viewing detail and returning to list
- Clear individual filter - works correctly
- Search is case-insensitive (or clearly case-sensitive)
M. Form Validation Tests
Test all form validation rules exhaustively.
Required tests (examples):
- Required field empty - shows error, blocks submit
- Email field with invalid email formats - shows error
- Password field - enforces complexity requirements
- Numeric field with letters - rejected
- Date field with invalid date - rejected
- Min/max length enforced on text fields
- Min/max values enforced on numeric fields
- Duplicate unique values rejected (e.g., duplicate email)
- Error messages are specific (not just "invalid")
- Errors clear when user fixes the issue
- Server-side validation matches client-side
- Whitespace-only input rejected for required fields
N. Feedback & Notification Tests
Test that users get appropriate feedback for all actions.
Required tests (examples):
- Every successful save/create shows success feedback
- Every failed action shows error feedback
- Loading spinner during every async operation
- Disabled state on buttons during form submission
- Progress indicator for long operations (file upload)
- Toast/notification disappears after appropriate time
- Multiple notifications don't overlap incorrectly
- Success messages are specific (not just "Success")
O. Responsive & Layout Tests
Test that the UI works on different screen sizes.
Required tests (examples):
- Desktop layout correct at 1920px width
- Tablet layout correct at 768px width
- Mobile layout correct at 375px width
- No horizontal scroll on any standard viewport
- Touch targets large enough on mobile (44px min)
- Modals fit within viewport on mobile
- Long text truncates or wraps correctly (no overflow)
- Tables scroll horizontally if needed on mobile
- Navigation collapses appropriately on mobile
P. Accessibility Tests
Test basic accessibility compliance.
Required tests (examples):
- Tab navigation works through all interactive elements
- Focus ring visible on all focused elements
- Screen reader can navigate main content areas
- ARIA labels on icon-only buttons
- Color contrast meets WCAG AA (4.5:1 for text)
- No information conveyed by color alone
- Form fields have associated labels
- Error messages announced to screen readers
- Skip link to main content (if applicable)
- Images have alt text
Q. Temporal & Timezone Tests
Test date/time handling.
Required tests (examples):
- Dates display in user's local timezone
- Created/updated timestamps accurate and formatted correctly
- Date picker allows only valid date ranges
- Overdue items identified correctly (timezone-aware)
- "Today", "This Week" filters work correctly for user's timezone
- Recurring items generate at correct times (if applicable)
- Date sorting works correctly across months/years
R. Concurrency & Race Condition Tests
Test multi-user and race condition scenarios.
Required tests (examples):
- Two users edit same record - last save wins or conflict shown
- Record deleted while another user viewing - graceful handling
- List updates while user on page 2 - pagination still works
- Rapid navigation between pages - no stale data displayed
- API response arrives after user navigated away - no crash
- Concurrent form submissions from same user handled
S. Export/Import Tests (if applicable)
Test data export and import functionality.
Required tests (examples):
- Export all data - file contains all records
- Export filtered data - only filtered records included
- Import valid file - all records created correctly
- Import duplicate data - handled correctly (skip/update/error)
- Import malformed file - error message, no partial import
- Export then import - data integrity preserved exactly
T. Performance Tests
Test basic performance requirements.
Required tests (examples):
- Page loads in <3s with 100 records
- Page loads in <5s with 1000 records
- Search responds in <1s
- Infinite scroll doesn't degrade with many items
- Large file upload shows progress
- Memory doesn't leak on long sessions
- No console errors during normal operation
ABSOLUTE PROHIBITION: NO MOCK DATA
The feature_list.json must include tests that actively verify real data and detect mock data patterns.
Include these specific tests:
- Create unique test data (e.g., "TEST_12345_VERIFY_ME")
- Verify that EXACT data appears in UI
- Refresh page - data persists
- Delete data - verify it's gone
- If data appears that wasn't created during test - FLAG AS MOCK DATA
The agent implementing features MUST NOT use:
- Hardcoded arrays of fake data
mockData,fakeData,sampleData,dummyDatavariables// TODO: replace with real APIsetTimeoutsimulating API delays with static data- Static returns instead of database queries
CRITICAL INSTRUCTION:
IT IS CATASTROPHIC TO REMOVE OR EDIT FEATURES IN FUTURE SESSIONS.
Features can ONLY be marked as passing (via the feature_mark_passing tool with the feature_id).
Never remove features, never edit descriptions, never modify testing steps.
This ensures no functionality is missed.
SECOND TASK: Create init.sh
Create a script called init.sh that future agents can use to quickly
set up and run the development environment. The script should:
- Install any required dependencies
- Start any necessary servers or services
- Print helpful information about how to access the running application
Base the script on the technology stack specified in app_spec.txt.
THIRD TASK: Initialize Git
Create a git repository and make your first commit with:
- init.sh (environment setup script)
- README.md (project overview and setup instructions)
- Any initial project structure files
Note: Features are stored in the SQLite database (features.db), not in a JSON file.
Commit message: "Initial setup: init.sh, project structure, and features created via API"
FOURTH TASK: Create Project Structure
Set up the basic project structure based on what's specified in app_spec.txt.
This typically includes directories for frontend, backend, and any other
components mentioned in the spec.
OPTIONAL: Start Implementation
If you have time remaining in this session, you may begin implementing the highest-priority features. Get the next feature with:
Use the feature_get_next tool
Remember:
- Work on ONE feature at a time
- Test thoroughly before marking as passing
- Commit your progress before session ends
ENDING THIS SESSION
Before your context fills up:
- Commit all work with descriptive messages
- Create
claude-progress.txtwith a summary of what you accomplished - Verify features were created using the feature_get_stats tool
- Leave the environment in a clean, working state
The next agent will continue from here with a fresh context window.
Remember: You have unlimited time across many sessions. Focus on quality over speed. Production-ready is the goal.