Components
Reusable React components from oclweb3/src/components/.
Each card shows its source file and status. Eight components have full exemplar pages with live React
examples and copyable code snippets. The rest link to source.
Buttons
Chips & entity references
RepoChip Partial
Icon + short code + type for a repository (source/collection). Wraps BaseEntityChip with a RepoTooltip.
BaseEntityChip Stub
The underlying chip primitive. Takes an entity, icon, size, and primary/secondary variant.
OwnerChip Stub
Entity chip for a user or organization. Used alongside RepoChip in RepoHeader.
RepoVersionChip Stub
Version selector chip with optional checkbox. Shown in RepoHeader when a version switcher is active.
AccessChip Stub
Public/private/view indicator.
ReferenceChip Stub
Chip rendering a collection reference. Part of the References & Expansions area — flagged as a gap.
Tooltips
HTMLTooltip OK
Tooltip that supports arbitrary HTML content, styled with a white background and border. Theme-wide defaults for arrow and fade come from index.jsx.
RepoTooltip Stub
HTMLTooltip wrapped around RepoChip to show repo summary on hover.
ConceptTooltip Partial
Concept preview tooltip. Review flags this as partial — chips/tooltips for concept don't yet exist everywhere.
Headers & navigation
RepoHeader OK
The main repository page header: owner + repo + version chips, follow button, manage menu, repo name, canonical URL.
Header Stub
App-level top bar: logo, search, account menu.
Footer Stub
App-level footer.
LeftMenu Stub
Primary app navigation drawer.
Breadcrumbs OK
Path-style navigation showing the hierarchy from owner to repo to concept/mapping. Conditional segments, auto-truncation, retired items in red.
CommonTabs OK
Full-width tab strip with primary indicator, bold labels, surface.main background. Used on repo, concept, and user pages.
Overlays & feedback
Dialog OK
OCL-styled modal wrapper: 28px rounded corners, surface.n92 background. Used for confirmations, forms, and entity attributes.
Drawer Stub
Side drawer for contextual content.
Alert OK
Global toast notification via Snackbar + filled Alert. Success, error, warning, info severities. Triggered via OperationsContext.
Tables, cards, results
TableResults Stub
Search table view. First table design is shipped; toolbar and variants remain.
CardResults Divergent
Search card view. Concept card has evolved past the Zeplin design to support the OCL Mapper's multi-property view.
Comparison Stub
Side-by-side diff of versions or entities.
EmptyOverview Stub
Empty-state illustration + call to action.
Known gaps
KeyValuePair Gap
2-column attribute list used in repo/valueset overview modals. Design exists in Zeplin, no code.
ConceptSelector Gap
Dedicated concept picker modal. Today's quick-add mapping in v2 is the fallback.
ReferenceDetails Gap
Full reference + expansion view. Biggest gap flagged in the April 2026 review.