fix(tui): align skill descriptions with wide characters

[liujianbo2013]

fix(tui): align skill descriptions with wide characters

Issue for this PR

#40605
Closes #40605

Type of change

• Bug fix
• New feature
• Refactor / code improvement
• Documentation

What does this PR do?

When a skill's name contains wide characters (e.g. CJK), the /skillsdialog padded titles with String.prototype.padEnd based on UTF-16 codeunit length (s.name.length). Chinese characters count as 1 code unit butoccupy 2 terminal cells, so titles with the same code-unit length ended atdifferent screen columns and the descriptions below them misaligned.

The fix measures the column width with Bun.stringWidth (already usedelsewhere in the TUI, e.g. src/prompt/display.ts) and pads each title upto the maximum display width instead of the maximum code-unit length:

const maxWidth = Math.max(0, ...list.map((s) => Bun.stringWidth(s.name)))
title: skill.name.padEnd(skill.name.length + maxWidth - Bun.stringWidth(skill.name))

How did you verify your code works?

I created a Chinese title skill that describes normal alignment

Screenshots / recordings

Checklist

• I have tested my changes locally
• I have not included unrelated changes in this PR

If you do not follow this template your PR will be automatically rejected.

[github-actions]

Thanks for updating your PR! It now meets our contributing guidelines. 👍