Add Interactive Demo Page - Week 1 MVP #124
Open
+540
−2
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Implements Week 1 MVP for interactive demo page as outlined in website strategy: - Created /pages/demo.js with interactive benchmark viewer component - Embedded real evaluation data from openadapt-evals benchmark results - Added "Try It Now" CTA button to homepage (MastHead component) - Copied benchmark results data to public directory for web access Features: - Interactive step-by-step viewer with screenshot display - Play/pause controls with adjustable speed - Visual click indicators on screenshots - Action and reasoning display for each step - Task navigation for multiple benchmark tasks - Summary statistics (tasks, success rate, avg steps/time) - Professional presentation matching site design - Responsive layout with DaisyUI components The demo uses real Windows Agent Arena evaluation data, showing actual screenshots, actions, and execution logs from AI agent benchmark runs. Co-Authored-By: Claude Opus 4.5 <[email protected]>
✅ Deploy Preview for cosmic-klepon-3c693c ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Member
Author
Feedback on Interactive Demo (Deferred)Thanks for the preview! Noting feedback for when we revisit this after WAA validation completes: Content Issues
Design Issues
Next StepsDeferring this PR until:
Status: Will revisit once we have better source data from WAA evaluations. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Implements the Week 1 MVP for the interactive demo page as outlined in the website strategy analysis. This PR adds a fully functional demo page at
/demothat showcases real AI agent benchmark evaluations with an interactive viewer.Changes
New Files
pages/demo.js- Interactive demo page component with benchmark viewerpublic/benchmark-data/- Real evaluation data from openadapt-evalsModified Files
components/MastHead.js- Added "Try It Now" CTA button linking to /demo pageFeatures
Interactive Benchmark Viewer
Professional Presentation
Real Data Integration
Screenshots
The demo page displays real benchmark data including:
Technical Details
Testing
Manual testing recommended:
/demopageDeployment
This PR will trigger a Vercel preview deployment automatically. The demo page will be available at:
https://<preview-url>.vercel.app/demohttps://openadapt.ai/demo(after merge)Next Steps
Future enhancements (not in this PR):
Deliverable: Working demo page on openadapt.ai/demo with real benchmark viewer embedded ✅
Co-Authored-By: Claude Opus 4.5 [email protected]