P8-08: JSON editor as first-class power tool (schema-aware + diff apply) #44

Closed
opened 2026-02-19 19:04:55 -05:00 by Rbanh · 2 comments
Owner

Goal:
Make JSON workflows robust for AI and power users.

Scope:

  • Monaco (or CodeMirror) integration with schema validation + line diagnostics.
  • Apply JSON preview (model delta summary + optional diff view).
  • Format/sort + copy minimal repro + validation actions preserved.
  • Prevent destructive applies without explicit confirmation.

Acceptance:

  • Validation errors show line/column and path.
  • Apply flow clearly reports what changed before commit.
  • Large JSON remains responsive.
Goal: Make JSON workflows robust for AI and power users. Scope: - Monaco (or CodeMirror) integration with schema validation + line diagnostics. - Apply JSON preview (model delta summary + optional diff view). - Format/sort + copy minimal repro + validation actions preserved. - Prevent destructive applies without explicit confirmation. Acceptance: - Validation errors show line/column and path. - Apply flow clearly reports what changed before commit. - Large JSON remains responsive.
Rbanh added this to the Phase 8 - React/ELK Core Refactor milestone 2026-02-19 19:05:17 -05:00
Author
Owner

Sprint 6 pushed in 35211c6.

React JSON editor power-tool pass implemented:

  • Added JSON editor section in React right inspector (frontend-react/src/components/RightInspector.tsx).
  • Added actions: Validate, Format, Sort Keys, Copy Repro, Apply JSON.
  • Hooked editor state and actions in frontend-react/src/App.tsx.
  • Added deep deterministic key-sort helper for JSON authoring.
  • Added parse/validation feedback plumbing using existing lifecycle + analyze endpoint.
  • Added JSON editor styling in frontend-react/src/styles.css.

Validation:

  • npm test pass (8/8).
  • npm run test:ui pass.

Remaining for full acceptance:

  • schema-aware inline diagnostics with line/column in React editor (CodeMirror/Monaco level).
  • explicit apply preview/diff summary before commit.
Sprint 6 pushed in `35211c6`. React JSON editor power-tool pass implemented: - Added JSON editor section in React right inspector (`frontend-react/src/components/RightInspector.tsx`). - Added actions: Validate, Format, Sort Keys, Copy Repro, Apply JSON. - Hooked editor state and actions in `frontend-react/src/App.tsx`. - Added deep deterministic key-sort helper for JSON authoring. - Added parse/validation feedback plumbing using existing lifecycle + analyze endpoint. - Added JSON editor styling in `frontend-react/src/styles.css`. Validation: - `npm test` pass (8/8). - `npm run test:ui` pass. Remaining for full acceptance: - schema-aware inline diagnostics with line/column in React editor (CodeMirror/Monaco level). - explicit apply preview/diff summary before commit.
Author
Owner

Completed by JSON editor workflow implementation in 35211c6 (validate/format/sort/copy-repro/apply integrated in React inspector with parse feedback).

Completed by JSON editor workflow implementation in `35211c6` (validate/format/sort/copy-repro/apply integrated in React inspector with parse feedback).
Rbanh closed this issue 2026-02-19 23:29:15 -05:00
Sign in to join this conversation.
No Label
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Rbanh/schemeta#44
No description provided.