TriedUrlCallout

Overview

Small bordered callout surfacing the URL path or action key that the user attempted, with bad segments tinted destructive. Used in ViewNotFound and ViewActionNotFound to ground the suggestion list without explaining the typo in prose.

Theme entry: TriedUrlCallout

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
label	string		"You tried"	Label column text shown in the 88 px uppercase eyebrow column. Typical values: "You tried", "Action key".
segments	{ text: string, bad?: boolean }[]		[]	Value segments. Each entry renders an inline <span>; bad: true tints the span with text-destructive so it reads as the error signal against the faded non-bad segments.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes applied to the root element.

Source

client/lib/display/system-message/TriedUrlCallout.vue