SuggestionList

Source: client/lib/theme/vueda-tailwind/display/index.js

Outer suggestion stack; border treatment lives on SuggestionList.list.

Vue component: SuggestionList

Slot	Default classes	Description
root	flex flex-col gap-2	Outer suggestion stack; border treatment lives on SuggestionList.list.
headRow	flex items-baseline justify-between gap-3	Header row aligning the human label with the optional machine source.
head	2 classes	Uppercase suggestion heading.
source	font-mono text-[10px] text-muted-foreground leading-none	Mono source label for the matching system that produced the suggestions.
list	3 classes	Bordered list container with divided suggestion rows.
item	4 classes	Full-width router-link row laid out as icon, text stack, chip, and chevron.
icon	2 classes	Leading icon cell for the suggestion type.
labelStack	flex flex-col gap-0.5 min-w-0	Text column stacking label above the route path or action description.
label	text-[13px] font-medium text-foreground leading-[1.3] truncate	Primary suggestion label in foreground text.
sub	font-mono text-[12px] font-normal text-muted-foreground leading-[1.3] truncate	Secondary suggestion text, usually a mono route path or action description.
score	3 classes	Route-match score chip with mono numeric text.
verb	3 classes	HTTP verb chip for action suggestions, matching SuggestionList.score.
chevron	2 classes	Trailing chevron affordance for rows that navigate.

root

Outer suggestion stack; border treatment lives on SuggestionList.list.

Default classes:

flex flex-col gap-2

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:16

headRow

Header row aligning the human label with the optional machine source.

Default classes:

flex items-baseline justify-between gap-3

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:20

head

Uppercase suggestion heading.

Default classes:

text-[10px] font-semibold uppercase tracking-[0.06em]
text-muted-foreground leading-none

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:24

source

Mono source label for the matching system that produced the suggestions.

Default classes:

font-mono text-[10px] text-muted-foreground leading-none

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:28

list

Bordered list container with divided suggestion rows.

Default classes:

rounded-vueda-card hairline hairline-border overflow-hidden
divide-y-[var(--vueda-hairline-width)] divide-border
list-none m-0 p-0

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:32

item

Full-width router-link row laid out as icon, text stack, chip, and chevron.

Default classes:

grid grid-cols-[24px_1fr_auto_auto] items-center gap-x-3 px-2.5 py-2.5
w-full no-underline text-inherit
hover:bg-accent/50 active:bg-accent transition-colors
focus-visible:focus-ring-shadow

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:40

icon

Leading icon cell for the suggestion type.

Default classes:

flex items-center justify-center w-6 h-6 shrink-0
text-muted-foreground text-[16px] leading-none

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:49

labelStack

Text column stacking label above the route path or action description.

Default classes:

flex flex-col gap-0.5 min-w-0

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:56

label

Primary suggestion label in foreground text.

Default classes:

text-[13px] font-medium text-foreground leading-[1.3] truncate

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:60

sub

Secondary suggestion text, usually a mono route path or action description.

Default classes:

font-mono text-[12px] font-normal text-muted-foreground leading-[1.3] truncate

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:64

score

Route-match score chip with mono numeric text.

Default classes:

font-mono text-[10px] uppercase leading-none
hairline hairline-border rounded-sm bg-muted text-muted-foreground
px-1.5 py-0.5 shrink-0

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:68

verb

HTTP verb chip for action suggestions, matching SuggestionList.score.

Default classes:

font-mono text-[10px] uppercase leading-none
hairline hairline-border rounded-sm bg-muted text-muted-foreground
px-1.5 py-0.5 shrink-0

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:76

chevron

Trailing chevron affordance for rows that navigate.

Default classes:

flex items-center justify-center shrink-0
text-muted-foreground/60 text-[14px] leading-none

Source: client/lib/theme/vueda-tailwind/display/SuggestionList.theme.js:84