From bda0d02c3f05242a508642a289033b2933de054d Mon Sep 17 00:00:00 2001 From: mathuraditya724 Date: Tue, 17 Mar 2026 00:11:21 +0530 Subject: [PATCH] fix(init): align multiselect hint lines with clack's visual frame MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The multiselect hint lines ('Error Monitoring is always included' and 'space=toggle, a=all, enter=confirm') were not prefixed with clack's │ bar character, causing them to be misaligned with the option lines rendered below. Prefix hints with the gray │ bar to match clack's visual frame. --- src/lib/init/interactive.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/lib/init/interactive.ts b/src/lib/init/interactive.ts index a13c8de80..cb4f3556c 100644 --- a/src/lib/init/interactive.ts +++ b/src/lib/init/interactive.ts @@ -107,12 +107,14 @@ async function handleMultiSelect( } const hints: string[] = []; + // Use clack's vertical bar character so hint lines align with the option lines below + const bar = chalk.gray("\u2502"); if (hasRequired) { hints.push( - chalk.dim(` ${featureLabel(REQUIRED_FEATURE)} is always included`) + `${bar} ${chalk.dim(`${featureLabel(REQUIRED_FEATURE)} is always included`)}` ); } - hints.push(chalk.dim(" space=toggle, a=all, enter=confirm")); + hints.push(`${bar} ${chalk.dim("space=toggle, a=all, enter=confirm")}`); const selected = await multiselect({ message: `${payload.prompt}\n${hints.join("\n")}`,