/** * WDS Installer UI - Banner, prompts, and success message. */ const chalk = require('chalk'); const figlet = require('figlet'); const inquirer = require('inquirer').default || require('inquirer'); const path = require('node:path'); class UI { /** * Display the WDS ASCII banner */ displayBanner() { try { const banner = figlet.textSync('WDS', { font: 'Standard' }); console.log(chalk.cyan(banner)); } catch { console.log(chalk.cyan.bold('\n W D S')); } console.log(chalk.white.bold(' Whiteport Design Studio')); console.log(chalk.dim(' Strategic design methodology for AI-powered workflows\n')); } /** * Run the full prompt flow and return config */ async promptInstall() { this.displayBanner(); const projectDir = process.cwd(); const defaultProjectName = path.basename(projectDir); console.log(chalk.white(` Target: ${chalk.cyan(projectDir)}`)); console.log(chalk.dim(` Agents and workflows will be installed in ${chalk.white('_wds/')}\n`)); // Minimal 2-question installer const answers = await inquirer.prompt([ { type: 'input', name: 'project_name', message: 'Project name:', default: defaultProjectName, }, { type: 'list', name: 'starting_point', message: 'Where are you starting?', choices: [ { name: 'Go straight to Product Brief (I have approval)', value: 'brief' }, { name: 'Create pitch deck and project contract first', value: 'pitch' }, ], default: 'brief', }, ]); return { projectDir, ...answers, wdsFolder: '_wds', root_folder: 'design-process', cancelled: false, }; } /** * Display success message with next steps */ displaySuccess(wdsFolder) { console.log(''); console.log(chalk.green.bold(' ✨ Installation complete!')); console.log(''); console.log(chalk.white(' Whiteport Design Studio - Design Methodology')); console.log(chalk.dim(' Output: Product Brief, Trigger Map, UX Scenarios, Design System\n')); console.log(chalk.white(' Getting started:')); console.log(chalk.dim(` 1. Open your project in your AI IDE`)); console.log(chalk.dim(` 2. Tell the AI:`)); console.log(chalk.cyan(` "Read and activate ${wdsFolder}/agents/saga-analyst.md"`)); console.log(chalk.dim(` 3. Saga will greet you and start the Product Brief`)); console.log(''); console.log(chalk.white(` Agents in ${chalk.cyan(wdsFolder + '/agents/')}:`)); console.log(chalk.dim(` - Saga (Analyst) - Product Brief & Trigger Mapping (Start here)`)); console.log(chalk.dim(` - Freya (Designer) - UX Scenarios, Design & Design System`)); console.log(''); console.log(chalk.dim(' Need development? Install BMM: npx bmad-builder install')); console.log(''); console.log(chalk.dim(' https://github.com/whiteport-collective/whiteport-design-studio')); console.log(''); } } module.exports = { UI };