diff --git a/packages/views/skills/components/skills-page.tsx b/packages/views/skills/components/skills-page.tsx index 8cd6ebf38..222463558 100644 --- a/packages/views/skills/components/skills-page.tsx +++ b/packages/views/skills/components/skills-page.tsx @@ -219,24 +219,42 @@ function CheckboxCell({ ); } +// Two-line name cell: skill name plus the description as a muted subtext +// line. The description deliberately lives HERE and not in its own column — +// it is unsortable prose, so it gets no track, no header, and no slot in the +// responsive arithmetic. Both lines fit the fixed 48px row (20px + 16px line +// heights), so the virtualizer's fixed-height contract is untouched; rows +// without a description just center the name. function NameCell({ row }: { row: SkillRow }) { const { t } = useT("skills"); const { skill, canEdit } = row; return ( - - - {skill.name} - - {!canEdit && ( - - - } - /> - {t(($) => $.table.lock_tooltip)} - - )} + +
+
+ + {skill.name} + + {!canEdit && ( + + + } + /> + {t(($) => $.table.lock_tooltip)} + + )} +
+ {skill.description ? ( + + {skill.description} + + ) : null} +
); }