Update frontend to AGI theme and fix image loading#2
Merged
neuromechanist merged 5 commits intomainfrom Nov 24, 2025
Merged
Conversation
- Fix .gitignore to track image-list.json (was causing 404 on deploy) - Update color scheme from purple to AGI brand colors (teal, orange) - Add AGI color palette to tailwind.config.js - Convert to light theme with warm off-white background - Replace Brain icon with AGI logo in header - Update all components (page, ThumbnailRibbon, AnnotationViewer) - Improve accessibility with proper contrast ratios
- Calculate group size dynamically based on total image count - Each dot now represents ~100 images (for 1000 images) - Progress indicator correctly highlights for any image index
- Replace dot indicators with a draggable progress slider - Click anywhere on the slider to jump to that position - Drag the handle to scrub through images quickly - Shows filled track with teal-to-orange gradient - Segment markers for visual reference - Smooth transition animations
- Deploy PR previews to /pr-preview/pr-{number}/ subdirectory
- Automatic cleanup when PR is closed
- Uses rossjrw/pr-preview-action for deployment
- Builds with correct base path for preview URL
|
GitHub Pages with workflow-based deployment only supports single deployments, making PR previews unfeasible. Changed to build check that verifies PRs compile successfully before merge.
Build Check PassedThe frontend build completed successfully. Once merged, changes will deploy to: https://annotation-garden.github.io/image-annotation/ |
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
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
Changes
.gitignore: Allow image-list.json to be trackedtailwind.config.js: Add AGI color palettepage.tsx: Main page with AGI themeThumbnailRibbon.tsx: Updated to light themeAnnotationViewer.tsx: Updated to light themeTest plan