ValidationErrorsList

Show the problems found while validating settings files. Errors are grouped by file; each group has a header with the file name, a problem count (red when the group has errors, yellow when it has only warnings) and an Open file button when onOpenFile is set. Each row shows the field path, the message, an optional suggestion and a Docs link for docsUrl. Identical errors (same file, path and message) are shown once. maxItems limits rows per file and adds a Show more button. Set withFileHeaders={false} when the file is already named nearby, as InvalidSettingsNotice does. With no errors nothing renders, or emptyLabel if you pass one. File names are truncated from the start, so the file name stays visible in a narrow column. The grouping logic is exported as pure functions: groupValidationErrors, dedupeValidationErrors, getValidationSeverity, getValidationErrorKey and fillValidationTemplate.

Getting Started
$pnpm add @sinups/ai-kit @mantine/core @mantine/hooks @tabler/icons-react
Examples
Wide
Narrow
API reference
Prop
Type
Required
errors
SettingsValidationError[]
Yes
Errors of one or more settings files; identical errors are shown once
onOpenFile
(file: string) => void
No
Adds an open button to each file header
maxItems
number
No
Rows shown per file before a "Show more" button, all rows by default
withFileHeaders
boolean
No
Renders file headers, `true` by default; hide them when the file is already named nearby
emptyLabel
React.ReactNode
No
Shown when there are no errors, nothing is rendered by default
labels
Partial<ValidationErrorsListLabels>
No
Overrides of the default English labels
className
string
No
Class name added to the root element
style
React.CSSProperties
No
Inline styles added to the root element