Test 0128 finqc - QC doc checklist view #136
Draft
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
Implement new standalone loan document quality control interface with: - Split-view layout with validation checklist and dual document viewers - AI evaluation status badges (yes/no/inconclusive) with human review toggles - Identified fields pattern showing source/target document comparisons - Document highlights with tooltips and zoom functionality - Drag/pan support when zoomed in - Interactive zoom controls (zoom in, zoom out, zoom to fit) - Multi-page document support with external scrollbar - Comment system for validation items - Framer Motion animations with smooth bezier curve transitions Built with Next.js 16, React 19, Tailwind CSS v4, Radix UI, and shadcn/ui components. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Fix toggle group buttons to properly show deselected state when clicking a selected option again. Changed value prop from undefined to empty string and updated onValueChange handler to explicitly check for empty string.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Dependency ReviewThe following issues were found:
Vulnerabilitiesapps/loan-qc/package.json
Only included vulnerabilities with severity high or higher. License Issuespnpm-lock.yaml
apps/loan-qc/package.json
OpenSSF ScorecardScorecard details
Scanned Files
|
🤖 AI Code Review (Claude)Code Review: Loan QC Document Checklist ApplicationSummaryThis PR introduces a new showcase application ( Code Quality✅ Strengths
|
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
Collaborator
Current Stack
Managed with stacked-prs |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Hey @ruudandriessen! I did my first pass at playing with the new design system and Claude Code to create our document QC checklist review experience.
Would love your eyes on it and your guidance on what I need to fix/do differently in the future. This view should eventually be a template I think, but I created it as a standalone app (wasn't thinking straight). I'd like to get this in decent enough shape to be able to share with Oleksandr as I know he's now getting set up with the new design system and will be working on some of the functionality I've included in this PR.
Thanks in advance for your review and guidance!
Key Features
-- Click highlights to zoom smoothly to that area with bezier curve animation
-- Floating zoom controls (zoom in, zoom out, zoom to fit)
-- Drag/pan support when zoomed in
Tech Stack
Changes
New Files
Modified Files
🤖 Generated with Claude Code