redpanda-data / redpanda-data/console
Schema integration on topics page
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 4.3k
- Forks
- 432
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 40
Description
It would be nice to see some details around the associated schema for this topic (if any) on the topic page itself... even if this were just a link back to the schema page. But one thing that could be awesome is making this be a visual data governance tool, where each message is color-coded and/or given some grade signifying how well they match the associated schema.

This mockup shows:
- subject (in top bar, market_activity-subject)
- latest schema version (also top bar, v4)
- schema version set to latest (in messages tab with other filters), signifying we want to see any messages that aren't 100% compatible with the latest schema version highlighted
- two messages highlighted in the list (due to not being 100% compatible with v4 of the schema
I'm sure there's all sorts of ways to improve on this idea. But this gives a rough example of something that I know some organizations getting into event streaming and data governance would really be interested in. There aren't many data governance tools out there that handle events, and even less that handle events well and do it in a visually appealing way. This can be the first one!
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source files, tests, or entry points are named. Start by reviewing the topics page and the schema page in Console, then compare the mockup with the current UI to define the smallest deliverable. Done should include showing the associated subject and latest schema version, with a clear decision on whether compatibility highlighting is in scope.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- data, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100