feat(json-schema-preview) - diff onboarding json schemas

[gabrielseco]

The idea is to have a place where I can check easily changes between json-schemas

The idea would be to open the remote-flows deployed app in vercel used for e2e so we can visualize stuff there...

Vite.+.React.+.TS.-.26.March.2026.mp4

---

Note

Medium Risk
Adds a new internal UI tool and changes core JSONSchemaFormFields rendering to support per-field wrappers, which could affect form layout/behavior across consumers. Also alters react-query cache keys for useJSONSchemaForm, potentially changing caching and refetch behavior when switching schema versions.

Overview
Adds a JSON Schema Comparison tool to visually diff onboarding JSON schema versions side-by-side (configurable form type, country, and schema version), including per-field highlighting for added/removed/modified/reordered fields and synced scrolling between panels.

Extends JSONSchemaFormFields to support an optional per-field WrapperComponent (used by the comparison UI to decorate fields) and updates CardContent to be forwardRef so comparison panels can attach scroll refs. Updates useJSONSchemaForm react-query keys to include jsonSchemaVersion, adds lodash.isequal for deep comparisons, excludes the new comparison components from coverage, and bumps bundle size limit to accommodate the added UI.

^{Written by Cursor Bugbot for commit e2fecee. This will update automatically on new commits. Configure here.}

[github-actions]

📦 Bundle Size Report

Metric	Current	Previous	Change	Status
Total (gzip)	205.36 kB	200.01 kB	+5.35 kB (+2.7%)	🔴
Total (raw)	551.37 kB	528.77 kB	+22.6 kB (+4.3%)	🔴
CSS (gzip)	19.77 kB	19.32 kB	+442 B (+2.3%)	🔴
CSS (raw)	102.61 kB	100 kB	+2.61 kB (+2.6%)	🔴

Size Limits

• ✅ Total gzipped: 205.36 kB / 250 kB (82.1%)
• ✅ Total raw: 551.37 kB / 600 kB (91.9%)
• ✅ CSS gzipped: 19.77 kB / 25 kB (79.1%)

Largest Files (Top 5)

1. chunk-CWAFRJAQ.js - 12.53 kB (new)
2. styles.css - 9.88 kB (+221 B (+2.3%))
3. index.css - 9.88 kB (+221 B (+2.3%))
4. index.js - 6.04 kB (-8 B (-0.1%))
5. chunk-ZR46XOFO.js - 5.93 kB (new)

View All Files (309 total)

File	Size (gzip)	Change
chunk-CWAFRJAQ.js	12.53 kB	new
styles.css	9.88 kB	+221 B (+2.3%)
index.css	9.88 kB	+221 B (+2.3%)
index.js	6.04 kB	-8 B (-0.1%)
chunk-ZR46XOFO.js	5.93 kB	new
chunk-WQ4H5V7U.js	5.77 kB	0 B (0%)
chunk-SOLMHTIV.js	4.24 kB	new
chunk-HYDNZQOV.js	4.06 kB	new
chunk-WHU3GKO6.js	3.37 kB	new
chunk-JEGVULKU.js	3.3 kB	0 B (0%)

✅ Bundle size check passed

[github-actions]

Deploy preview for remote-flows-example-app ready!

✅ Preview
https://remote-flows-example-b5shkp32e-remotecom.vercel.app

Built with commit e2fecee.
This pull request is being automatically deployed with vercel-action

[github-actions]

Deploy preview for remote-flows ready!

✅ Preview
https://remote-flows-i6krogvue-remotecom.vercel.app

Built with commit e2fecee.
This pull request is being automatically deployed with vercel-action

[github-actions]

📊 Coverage Report

⚠️ Coverage decreased

Metric	Current	Previous	Change	Status
Lines	89.54%	89.54%	0%	⚪
Statements	89.23%	89.22%	0%	⚪
Functions	86.90%	86.89%	+0.01%	🟢
Branches	79.45%	79.47%	-0.02%	🔴

Detailed Breakdown

Lines Coverage

• Covered: 3459 / 3863
• Coverage: 89.54%
• Change: 0% (10 lines)

Statements Coverage

• Covered: 3520 / 3945
• Coverage: 89.23%
• Change: 0% (10 statements)

Functions Coverage

• Covered: 955 / 1099
• Coverage: 86.90%
• Change: +0.01% (1 functions)

Branches Coverage

• Covered: 2146 / 2701
• Coverage: 79.45%
• Change: -0.02% (1 branches)

✅ Coverage check passed

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

There are 2 total unresolved issues (including 1 from previous review).

^{Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}