fix: keep api key prompt compact

Author: SaladDay

bun.lock

@@ -40,6 +40,7 @@
     "test:watch": "bun test --watch"
   },
   "dependencies": {
+    "@clack/core": "^0.3.5",
     "@clack/prompts": "^0.7.0",
     "bun-plugin-dts": "^0.4.0",
     "es-toolkit": "^1.46.1",

package.json

@@ -10,6 +10,8 @@
  * case explicitly.
  */
 
+import { PasswordPrompt } from '@clack/core';
+
 import { isInteractive } from './env.js';
 import { CLIError } from '../errors/base.js';
 import { ExitCode } from '../errors/codes';
@@ -59,13 +61,35 @@ export async function promptConfirm(options: {
   return val as boolean;
 }
 
-export async function promptPassword(options: {
-  message: string;
-}): Promise<string | undefined> {
+const PASSWORD_MASK_PREVIEW_LENGTH = 12;
+const PROMPT_THEME = '\x1b[38;2;248;103;58m'; // #F8673A
+const RESET_COLOR = '\x1b[0m';
+
+function themed(value: string): string {
+  return process.env.NO_COLOR ? value : `${PROMPT_THEME}${value}${RESET_COLOR}`;
+}
+
+export function passwordMaskPreview(length: number): string {
+  const mask = '•'.repeat(Math.min(length, PASSWORD_MASK_PREVIEW_LENGTH));
+  return length > PASSWORD_MASK_PREVIEW_LENGTH ? `${mask}… (${length} chars)` : mask;
+}
+
+export async function promptPassword(options: { message: string }): Promise<string | undefined> {
   if (!isInteractive()) return undefined;
 
-  const inquirer = await import('@clack/prompts');
-  const val = await inquirer.password({ message: options.message, mask: '•' });
+  const val = await new PasswordPrompt({
+    mask: '•',
+    render() {
+      const length = typeof this.value === 'string' ? this.value.length : 0;
+      const preview = passwordMaskPreview(length);
+      if (this.state === 'submit') {
+        return `${themed('│')}\n${themed('◇')}  ${options.message}\n${themed('│')}  ${preview}`;
+      }
+      if (this.state === 'cancel') return `${themed('│')}\n■  ${options.message}\n│  Cancelled`;
+      return `${themed('│')}\n${themed('◆')}  ${options.message}\n`
+        + `${themed('│')}  ${preview}${themed('_')}\n${themed('└')}`;
+    },
+  }).prompt();
   if (typeof val === 'symbol') return undefined;
   return val;
 }

src/utils/prompt.ts

@@ -0,0 +1,11 @@
+import { describe, expect, it } from 'bun:test';
+
+import { passwordMaskPreview } from '../../src/utils/prompt';
+
+describe('passwordMaskPreview', () => {
+  it('caps long input while keeping visible typing progress', () => {
+    expect(passwordMaskPreview(5)).toBe('•••••');
+    expect(passwordMaskPreview(160)).toBe('••••••••••••… (160 chars)');
+    expect(passwordMaskPreview(160)).not.toContain('\n');
+  });
+});