mycontext-cli 0.2.7 → 0.2.8

package/dist/commands/generate.js

@@ -38,6 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GenerateCommand = void 0;
 const chalk_1 = __importDefault(require("chalk"));
+const prompts_1 = __importDefault(require("prompts"));
 const path_1 = __importDefault(require("path"));
 const spinner_1 = require("../utils/spinner");
 const fileSystem_1 = require("../utils/fileSystem");
@@ -49,16 +50,14 @@ class GenerateCommand {
         this.spinner = new spinner_1.EnhancedSpinner("Processing...");
         this.ollamaClient = new ollamaClient_1.OllamaClient();
     }
-    async execute(type, options) {
+    async execute(options) {
         try {
             this.spinner.start();
-            this.spinner.updateText("Analyzing project structure...");
-            // Get project context
             const projectContext = await this.getProjectContext();
             if (!projectContext) {
                 throw new Error("No project context found. Run 'mycontext init' first.");
             }
-            this.spinner.updateText("Generating content with local AI...");
+            const type = options.type || (await this.promptForType());
             let result;
             switch (type) {
                 case "context":
@@ -104,13 +103,17 @@ class GenerateCommand {
         }
     }
     async generateContext(projectContext, options) {
-        const prompt = `Create a simple PRD for: ${projectContext.description || "MyContext project"}
+        const prompt = `Create a comprehensive Product Requirements Document (PRD) for: ${projectContext.description || "MyContext project"}
 
 Include:
-- Project overview
-- Key features
-- User stories
-- Technical requirements`;
+- Project overview and objectives
+- Key features and functionality
+- User stories and requirements
+- Technical requirements and constraints
+- Acceptance criteria and success metrics
+- Risk assessment and mitigation strategies
+
+Make it detailed, professional, and actionable.`;
         try {
             // Check if Ollama is available
             const isAvailable = await this.ollamaClient.checkConnection();
@@ -131,32 +134,40 @@ Include:
             };
         }
         catch (error) {
-            // Fallback to basic generation if AI is too slow
-            this.spinner.updateText("AI generation failed, using fallback...");
-            const fallbackContent = this.generateFallbackContext(projectContext);
             return {
-                success: true,
-                content: fallbackContent,
-                provider: "fallback",
-                metadata: {
-                    model: "fallback-generator",
-                    tokens: fallbackContent.length / 4,
-                    latency: 100,
-                },
+                success: false,
+                error: `Local AI generation failed: ${error instanceof Error ? error.message : "Unknown error"}`,
+                provider: "ollama",
             };
         }
     }
     async generateTypes(projectContext, options) {
-        const prompt = `Generate TypeScript interfaces for: ${projectContext.description || "MyContext project"}`;
+        const prompt = `Generate comprehensive TypeScript interfaces and types for: ${projectContext.description || "MyContext project"}
+
+Include:
+- Core data models and entities
+- API request/response interfaces
+- Component props and state interfaces
+- Utility types and enums
+- Proper TypeScript best practices
+
+Make it production-ready and well-documented.`;
         try {
+            // Check if Ollama is available
+            const isAvailable = await this.ollamaClient.checkConnection();
+            if (!isAvailable) {
+                throw new Error("Ollama is not running. Please start Ollama first.");
+            }
+            this.spinner.updateText("Generating types with local AI...");
+            const content = await this.ollamaClient.generateComponent(prompt, "deepseek-coder:6.7b");
             return {
                 success: true,
-                content: `// TypeScript interfaces\n\nexport interface ProjectConfig {\n  name: string;\n  description: string;\n  version: string;\n}\n\nGenerated with local AI.`,
+                content: content,
                 provider: "ollama",
                 metadata: {
-                    model: "mycontext-architect",
-                    tokens: 80,
-                    latency: 400,
+                    model: "deepseek-coder:6.7b",
+                    tokens: content.length / 4,
+                    latency: 600,
                 },
             };
         }
@@ -169,15 +180,32 @@ Include:
         }
     }
     async generateBrand(projectContext, options) {
-        const prompt = `Generate brand guidelines for: ${projectContext.description || "MyContext project"}`;
+        const prompt = `Generate comprehensive brand guidelines for: ${projectContext.description || "MyContext project"}
+
+Include:
+- Brand identity and positioning
+- Color palette with hex codes and usage
+- Typography system and hierarchy
+- Visual elements and design principles
+- Brand voice and tone guidelines
+- Usage guidelines and best practices
+
+Make it professional and actionable for designers and developers.`;
         try {
+            // Check if Ollama is available
+            const isAvailable = await this.ollamaClient.checkConnection();
+            if (!isAvailable) {
+                throw new Error("Ollama is not running. Please start Ollama first.");
+            }
+            this.spinner.updateText("Generating brand guidelines with local AI...");
+            const content = await this.ollamaClient.generateComponent(prompt, "deepseek-coder:6.7b");
             return {
                 success: true,
-                content: `# Brand Guidelines\n\n## Colors\n- Primary: #007bff\n- Secondary: #6c757d\n\n## Typography\n- Font: Inter\n- Weights: 300, 400, 500, 600, 700\n\nGenerated with local AI.`,
+                content: content,
                 provider: "ollama",
                 metadata: {
-                    model: "mycontext-architect",
-                    tokens: 120,
+                    model: "deepseek-coder:6.7b",
+                    tokens: content.length / 4,
                     latency: 600,
                 },
             };
@@ -191,18 +219,29 @@ Include:
         }
     }
     async generateComponentList(projectContext, options) {
-        const prompt = `Create a simple component list for: ${projectContext.description || "MyContext project"}
+        const prompt = `Create a comprehensive component list for: ${projectContext.description || "MyContext project"}
 
 Return JSON with components organized by groups. Example:
 {
-  "components": [
+  "groups": [
     {
-      "name": "ComponentName",
-      "description": "What it does",
-      "group": "group-name"
+      "name": "group-name",
+      "description": "Group description",
+      "components": [
+        {
+          "name": "ComponentName",
+          "description": "What it does",
+          "type": "layout|display|interactive|form",
+          "priority": "high|medium|low",
+          "dependencies": [],
+          "tags": ["tag1", "tag2"]
+        }
+      ]
     }
   ]
-}`;
+}
+
+Make it comprehensive, well-structured, and production-ready.`;
         try {
             // Check if Ollama is available
             const isAvailable = await this.ollamaClient.checkConnection();
@@ -228,992 +267,27 @@ Return JSON with components organized by groups. Example:
             };
         }
         catch (error) {
-            // Fallback to basic generation if AI is too slow
-            this.spinner.updateText("AI generation failed, using fallback...");
-            const fallbackContent = this.generateFallbackComponentList(projectContext);
             return {
-                success: true,
-                content: fallbackContent,
-                provider: "fallback",
-                metadata: {
-                    model: "fallback-generator",
-                    tokens: fallbackContent.length / 4,
-                    latency: 100,
-                },
+                success: false,
+                error: `Local AI generation failed: ${error instanceof Error ? error.message : "Unknown error"}`,
+                provider: "ollama",
             };
         }
     }
-    generateFallbackContext(projectContext) {
-        const description = projectContext.description || "MyContext project";
-        // Analyze project type from description
-        const isGame = description.toLowerCase().includes("game") ||
-            description.toLowerCase().includes("play") ||
-            description.toLowerCase().includes("tic-tac-toe") ||
-            description.toLowerCase().includes("chess") ||
-            description.toLowerCase().includes("puzzle");
-        const isEcommerce = description.toLowerCase().includes("shop") ||
-            description.toLowerCase().includes("store") ||
-            description.toLowerCase().includes("ecommerce") ||
-            description.toLowerCase().includes("marketplace");
-        const isDashboard = description.toLowerCase().includes("dashboard") ||
-            description.toLowerCase().includes("admin") ||
-            description.toLowerCase().includes("analytics") ||
-            description.toLowerCase().includes("monitoring");
-        const isSocial = description.toLowerCase().includes("social") ||
-            description.toLowerCase().includes("chat") ||
-            description.toLowerCase().includes("community") ||
-            description.toLowerCase().includes("network");
-        if (isGame) {
-            return `# Product Requirements Document: ${description}
-
-## Project Overview
-${description} - An interactive game application built with modern web technologies.
-
-## Key Features
-- Interactive game interface with responsive controls
-- Game state management and progress tracking
-- User authentication and score persistence
-- Responsive design for all devices
-- Accessibility features for inclusive gaming
-
-## User Stories
-- As a player, I want to start a new game easily
-- As a player, I want to see my progress and scores
-- As a player, I want to play on any device
-- As a player, I want clear game instructions
-
-## Technical Requirements
-- React 18+ with TypeScript
-- Modern CSS with Tailwind or styled-components
-- Responsive design (mobile-first approach)
-- Accessibility features (ARIA labels, keyboard navigation)
-- State management using React hooks
-- Component-based architecture
-
-## Acceptance Criteria
-- [ ] Game interface is intuitive and responsive
-- [ ] Game logic functions correctly
-- [ ] UI works on all device sizes
-- [ ] Accessibility standards are met
-- [ ] Performance is optimized
-
-## Success Metrics
-- Game loads in under 2 seconds
-- All game features function as expected
-- UI is intuitive and responsive
-- Code follows React best practices`;
-        }
-        if (isEcommerce) {
-            return `# Product Requirements Document: ${description}
-
-## Project Overview
-${description} - An e-commerce platform for online shopping and product management.
-
-## Key Features
-- Product catalog with search and filtering
-- Shopping cart and checkout process
-- User authentication and account management
-- Order tracking and history
-- Responsive design for all devices
-
-## User Stories
-- As a customer, I want to browse products easily
-- As a customer, I want to add items to my cart
-- As a customer, I want to complete purchases securely
-- As a customer, I want to track my orders
-
-## Technical Requirements
-- React 18+ with TypeScript
-- Modern CSS with Tailwind or styled-components
-- Responsive design (mobile-first approach)
-- Secure payment integration
-- User authentication system
-
-## Acceptance Criteria
-- [ ] Product catalog displays correctly
-- [ ] Shopping cart functions properly
-- [ ] Checkout process is secure
-- [ ] UI is responsive and accessible
-
-## Success Metrics
-- Pages load quickly
-- Checkout process is smooth
-- All features function correctly
-- Code quality meets standards`;
-        }
-        if (isDashboard) {
-            return `# Product Requirements Document: ${description}
-
-## Project Overview
-${description} - A comprehensive dashboard for data visualization and management.
-
-## Key Features
-- Interactive data charts and graphs
-- Real-time data updates and notifications
-- User role management and permissions
-- Responsive design for all devices
-- Export and reporting capabilities
-
-## User Stories
-- As a user, I want to view data clearly
-- As a user, I want to interact with charts
-- As a user, I want to export reports
-- As an admin, I want to manage user access
-
-## Technical Requirements
-- React 18+ with TypeScript
-- Chart libraries (Chart.js, D3, or similar)
-- Modern CSS with Tailwind or styled-components
-- Real-time data integration
-- Responsive design
-
-## Acceptance Criteria
-- [ ] Data visualizations are clear
-- [ ] Charts are interactive
-- [ ] UI is responsive and accessible
-- [ ] Performance is optimized
-
-## Success Metrics
-- Dashboard loads quickly
-- Charts render smoothly
-- All features function correctly
-- Code quality meets standards`;
-        }
-        if (isSocial) {
-            return `# Product Requirements Document: ${description}
-
-## Project Overview
-${description} - A social platform for connecting and interacting with others.
-
-## Key Features
-- User profiles and connections
-- Content sharing and interaction
-- Real-time messaging and notifications
-- Privacy controls and security
-- Responsive design for all devices
-
-## User Stories
-- As a user, I want to create my profile
-- As a user, I want to connect with others
-- As a user, I want to share content
-- As a user, I want to stay updated
-
-## Technical Requirements
-- React 18+ with TypeScript
-- Real-time communication (WebSockets)
-- Modern CSS with Tailwind or styled-components
-- User authentication and security
-- Responsive design
-
-## Acceptance Criteria
-- [ ] User profiles are functional
-- [ ] Connections work properly
-- [ ] Content sharing is smooth
-- [ ] UI is responsive and accessible
-
-## Success Metrics
-- Platform loads quickly
-- Real-time features work
-- All features function correctly
-- Code quality meets standards`;
-        }
-        // Generic fallback for other project types
-        return `# Product Requirements Document: ${description}
-
-## Project Overview
-${description} - A modern web application built with React and TypeScript.
-
-## Key Features
-- Responsive user interface
-- Modern design and user experience
-- Cross-platform compatibility
-- Performance optimization
-- Accessibility compliance
-
-## User Stories
-- As a user, I want to navigate the application easily
-- As a user, I want the interface to be responsive
-- As a user, I want fast loading times
-- As a user, I want an intuitive experience
-
-## Technical Requirements
-- React 18+ with TypeScript
-- Modern CSS with Tailwind or styled-components
-- Responsive design (mobile-first approach)
-- Performance optimization
-- Accessibility features
-
-## Acceptance Criteria
-- [ ] Interface is responsive and accessible
-- [ ] Performance meets standards
-- [ ] Code follows best practices
-- [ ] User experience is intuitive
-
-## Success Metrics
-- Application loads quickly
-- All features function correctly
-- UI is responsive and accessible
-- Code quality meets standards`;
-    }
-    generateFallbackTypes(projectContext) {
-        const description = projectContext.description || "MyContext project";
-        // Analyze project type from description
-        const isGame = description.toLowerCase().includes("game") ||
-            description.toLowerCase().includes("play") ||
-            description.toLowerCase().includes("tic-tac-toe") ||
-            description.toLowerCase().includes("chess") ||
-            description.toLowerCase().includes("puzzle");
-        const isEcommerce = description.toLowerCase().includes("shop") ||
-            description.toLowerCase().includes("store") ||
-            description.toLowerCase().includes("ecommerce") ||
-            description.toLowerCase().includes("marketplace");
-        const isDashboard = description.toLowerCase().includes("dashboard") ||
-            description.toLowerCase().includes("admin") ||
-            description.toLowerCase().includes("analytics") ||
-            description.toLowerCase().includes("monitoring");
-        const isSocial = description.toLowerCase().includes("social") ||
-            description.toLowerCase().includes("chat") ||
-            description.toLowerCase().includes("community") ||
-            description.toLowerCase().includes("network");
-        if (isGame) {
-            return `// TypeScript interfaces for ${description}
-
-export type Player = string;
-export type CellValue = any;
-export type GameStatus = 'playing' | 'won' | 'draw';
-
-export interface GameState {
-  board: any[][];
-  currentPlayer: string;
-  gameStatus: GameStatus;
-  winner: string | null;
-  scores: Record<string, number>;
-}
-
-export interface GameCellProps {
-  value: any;
-  position: [number, number];
-  onClick: (position: [number, number]) => void;
-  disabled: boolean;
-}
-
-export interface GameBoardProps {
-  board: any[][];
-  onCellClick: (position: [number, number]) => void;
-  disabled: boolean;
-}
-
-export interface GameControlsProps {
-  onReset: () => void;
-  onNewGame: () => void;
-}
-
-export interface GameStatusProps {
-  currentPlayer: string;
-  gameStatus: GameStatus;
-  winner: string | null;
-}
-
-export interface ScoreBoardProps {
-  scores: Record<string, number>;
-}`;
-        }
-        if (isEcommerce) {
-            return `// TypeScript interfaces for ${description}
-
-export interface Product {
-  id: string;
-  name: string;
-  description: string;
-  price: number;
-  category: string;
-  images: string[];
-  inStock: boolean;
-  rating: number;
-}
-
-export interface CartItem {
-  productId: string;
-  quantity: number;
-  price: number;
-  product: Product;
-}
-
-export interface User {
-  id: string;
-  name: string;
-  email: string;
-  address: Address;
-  orders: Order[];
-}
-
-export interface Order {
-  id: string;
-  userId: string;
-  items: CartItem[];
-  total: number;
-  status: 'pending' | 'processing' | 'shipped' | 'delivered';
-  createdAt: Date;
-}`;
-        }
-        if (isDashboard) {
-            return `// TypeScript interfaces for ${description}
-
-export interface ChartData {
-  labels: string[];
-  datasets: {
-    label: string;
-    data: number[];
-    backgroundColor: string;
-    borderColor: string;
-  }[];
-}
-
-export interface Metric {
-  id: string;
-  name: string;
-  value: number;
-  change: number;
-  trend: 'up' | 'down' | 'stable';
-}
-
-export interface User {
-  id: string;
-  name: string;
-  email: string;
-  role: 'admin' | 'user' | 'viewer';
-  permissions: string[];
-}
-
-export interface DataPoint {
-  timestamp: Date;
-  value: number;
-  category: string;
-}`;
-        }
-        if (isSocial) {
-            return `// TypeScript interfaces for ${description}
-
-export interface User {
-  id: string;
-  name: string;
-  email: string;
-  avatar: string;
-  bio: string;
-  followers: string[];
-  following: string[];
-}
-
-export interface Post {
-  id: string;
-  userId: string;
-  content: string;
-  images: string[];
-  likes: string[];
-  comments: Comment[];
-  createdAt: Date;
-}
-
-export interface Comment {
-  id: string;
-  postId: string;
-  userId: string;
-  content: string;
-  createdAt: Date;
-}
-
-export interface Message {
-  id: string;
-  senderId: string;
-  receiverId: string;
-  content: string;
-  timestamp: Date;
-  isRead: boolean;
-}`;
-        }
-        // Generic fallback for other project types
-        return `// TypeScript interfaces for ${description}
-
-export interface ProjectConfig {
-  name: string;
-  description: string;
-  version: string;
-}
-
-export interface User {
-  id: string;
-  name: string;
-  email: string;
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-export interface DataItem {
-  id: string;
-  title: string;
-  description: string;
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-export interface ApiResponse<T> {
-  success: boolean;
-  data?: T;
-  error?: string;
-  timestamp: Date;
-}
-
-export interface Pagination {
-  page: number;
-  limit: number;
-  total: number;
-  totalPages: number;
-}`;
-    }
-    generateFallbackBrand(projectContext) {
-        const description = projectContext.description || "MyContext project";
-        // Analyze project type from description
-        const isGame = description.toLowerCase().includes("game") ||
-            description.toLowerCase().includes("play") ||
-            description.toLowerCase().includes("tic-tac-toe") ||
-            description.toLowerCase().includes("chess") ||
-            description.toLowerCase().includes("puzzle");
-        const isEcommerce = description.toLowerCase().includes("shop") ||
-            description.toLowerCase().includes("store") ||
-            description.toLowerCase().includes("ecommerce") ||
-            description.toLowerCase().includes("marketplace");
-        const isDashboard = description.toLowerCase().includes("dashboard") ||
-            description.toLowerCase().includes("admin") ||
-            description.toLowerCase().includes("analytics") ||
-            description.toLowerCase().includes("monitoring");
-        const isSocial = description.toLowerCase().includes("social") ||
-            description.toLowerCase().includes("chat") ||
-            description.toLowerCase().includes("community") ||
-            description.toLowerCase().includes("network");
-        if (isGame) {
-            return `# Brand Guidelines: ${description}
-
-## Brand Identity
-A fun, engaging, and accessible game that brings people together through simple yet strategic gameplay.
-
-## Color Palette
-- Primary: #3B82F6 (Blue) - Represents trust and reliability
-- Secondary: #10B981 (Green) - Success and positive outcomes
-- Accent: #F59E0B (Amber) - Energy and excitement
-- Neutral: #6B7280 (Gray) - Balance and stability
-- Background: #FFFFFF (White) - Clean and modern feel
-- Text: #1F2937 (Dark Gray) - Excellent readability
-
-## Typography
-- Primary Font: Inter - Modern, clean, highly readable
-- Weights: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
-- Sizes: 14px (Body), 16px (Large), 20px (Heading), 24px (Title)
-
-## Visual Elements
-- Game Interface: Clean and intuitive design
-- Icons: Simple, recognizable symbols
-- Buttons: Rounded corners with hover effects
-- Cards: Subtle shadows for depth
-
-## Brand Voice
-- Friendly and approachable
-- Encouraging and supportive
-- Clear and concise
-- Inclusive and accessible
-
-## Usage Guidelines
-- Maintain consistent spacing (8px grid system)
-- Use colors purposefully for game states
-- Ensure high contrast for accessibility
-- Keep animations smooth and purposeful`;
-        }
-        if (isEcommerce) {
-            return `# Brand Guidelines: ${description}
-
-## Brand Identity
-A professional, trustworthy, and user-friendly e-commerce platform that makes shopping easy and enjoyable.
-
-## Color Palette
-- Primary: #2563EB (Blue) - Trust and reliability
-- Secondary: #059669 (Green) - Success and growth
-- Accent: #DC2626 (Red) - Urgency and action
-- Neutral: #6B7280 (Gray) - Balance and stability
-- Background: #FFFFFF (White) - Clean and modern feel
-- Text: #1F2937 (Dark Gray) - Excellent readability
-
-## Typography
-- Primary Font: Inter - Modern, clean, highly readable
-- Weights: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
-- Sizes: 14px (Body), 16px (Large), 20px (Heading), 24px (Title)
-
-## Visual Elements
-- Product Cards: Clean with subtle shadows
-- Buttons: Clear call-to-action styling
-- Icons: Simple and recognizable
-- Layout: Grid-based for consistency
-
-## Brand Voice
-- Professional and trustworthy
-- Helpful and informative
-- Clear and concise
-- Customer-focused
-
-## Usage Guidelines
-- Maintain consistent spacing (8px grid system)
-- Use colors purposefully for actions and states
-- Ensure high contrast for accessibility
-- Keep design clean and uncluttered`;
-        }
-        if (isDashboard) {
-            return `# Brand Guidelines: ${description}
-
-## Brand Identity
-A professional, data-driven, and user-friendly dashboard that provides clear insights and efficient management.
-
-## Color Palette
-- Primary: #1E40AF (Blue) - Professional and trustworthy
-- Secondary: #059669 (Green) - Success and positive data
-- Accent: #DC2626 (Red) - Alerts and important information
-- Neutral: #6B7280 (Gray) - Balance and stability
-- Background: #FFFFFF (White) - Clean and modern feel
-- Text: #1F2937 (Dark Gray) - Excellent readability
-
-## Typography
-- Primary Font: Inter - Modern, clean, highly readable
-- Weights: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
-- Sizes: 14px (Body), 16px (Large), 20px (Heading), 24px (Title)
-
-## Visual Elements
-- Charts: Clean and easy to read
-- Cards: Subtle shadows for depth
-- Icons: Simple and functional
-- Layout: Organized and structured
-
-## Brand Voice
-- Professional and authoritative
-- Clear and informative
-- Data-focused and analytical
-- User-friendly and accessible
-
-## Usage Guidelines
-- Maintain consistent spacing (8px grid system)
-- Use colors purposefully for data visualization
-- Ensure high contrast for accessibility
-- Keep design organized and uncluttered`;
-        }
-        if (isSocial) {
-            return `# Brand Guidelines: ${description}
-
-## Brand Identity
-A friendly, inclusive, and engaging social platform that connects people and fosters meaningful interactions.
-
-## Color Palette
-- Primary: #7C3AED (Purple) - Creative and social
-- Secondary: #059669 (Green) - Growth and positivity
-- Accent: #F59E0B (Amber) - Energy and excitement
-- Neutral: #6B7280 (Gray) - Balance and stability
-- Background: #FFFFFF (White) - Clean and modern feel
-- Text: #1F2937 (Dark Gray) - Excellent readability
-
-## Typography
-- Primary Font: Inter - Modern, clean, highly readable
-- Weights: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
-- Sizes: 14px (Body), 16px (Large), 20px (Heading), 24px (Title)
-
-## Visual Elements
-- Profile Cards: Personal and engaging
-- Content Feed: Clean and easy to scan
-- Icons: Friendly and approachable
-- Layout: Social and interactive
-
-## Brand Voice
-- Friendly and approachable
-- Inclusive and welcoming
-- Engaging and interactive
-- Community-focused
-
-## Usage Guidelines
-- Maintain consistent spacing (8px grid system)
-- Use colors purposefully for engagement
-- Ensure high contrast for accessibility
-- Keep design social and inviting`;
-        }
-        // Generic fallback for other project types
-        return `# Brand Guidelines: ${description}
-
-## Brand Identity
-A modern, professional, and user-friendly web application that delivers value through clean design and excellent user experience.
-
-## Color Palette
-- Primary: #007bff (Blue) - Trust and reliability
-- Secondary: #6c757d (Gray) - Balance and stability
-- Accent: #28a745 (Green) - Success and positive outcomes
-- Background: #ffffff (White) - Clean and modern feel
-- Text: #212529 (Dark) - Excellent readability
-
-## Typography
-- Primary Font: Inter - Modern, clean, highly readable
-- Weights: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold)
-- Sizes: 14px (Body), 16px (Large), 20px (Heading), 24px (Title)
-
-## Visual Elements
-- Clean and modern design
-- Consistent spacing and layout
-- Subtle shadows and depth
-- Accessible color contrast
-
-## Brand Voice
-- Professional and reliable
-- Clear and concise
-- User-focused and helpful
-- Modern and innovative
-
-## Usage Guidelines
-- Maintain consistent spacing (8px grid system)
-- Use colors purposefully and consistently
-- Ensure high contrast for accessibility
-- Keep design clean and uncluttered`;
-    }
-    generateFallbackComponentList(projectContext) {
-        // Generate a basic component list based on project description
-        const description = projectContext.description || "MyContext project";
-        // Analyze project type from description
-        const isGame = description.toLowerCase().includes("game") ||
-            description.toLowerCase().includes("play") ||
-            description.toLowerCase().includes("tic-tac-toe") ||
-            description.toLowerCase().includes("chess") ||
-            description.toLowerCase().includes("puzzle");
-        const isEcommerce = description.toLowerCase().includes("shop") ||
-            description.toLowerCase().includes("store") ||
-            description.toLowerCase().includes("ecommerce") ||
-            description.toLowerCase().includes("marketplace");
-        const isDashboard = description.toLowerCase().includes("dashboard") ||
-            description.toLowerCase().includes("admin") ||
-            description.toLowerCase().includes("analytics") ||
-            description.toLowerCase().includes("monitoring");
-        const isSocial = description.toLowerCase().includes("social") ||
-            description.toLowerCase().includes("chat") ||
-            description.toLowerCase().includes("community") ||
-            description.toLowerCase().includes("network");
-        if (isGame) {
-            return JSON.stringify({
-                groups: [
-                    {
-                        name: "game-logic",
-                        description: "Core game logic and state management",
-                        components: [
-                            {
-                                name: "GameEngine",
-                                description: "Main game component with logic and state management",
-                                type: "interactive",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["game", "logic", "state"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "game-interface",
-                        description: "Game interface and display components",
-                        components: [
-                            {
-                                name: "GameBoard",
-                                description: "Main game board or interface container",
-                                type: "layout",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["board", "interface", "layout"],
-                            },
-                            {
-                                name: "GameControls",
-                                description: "Game control buttons and actions",
-                                type: "interactive",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["controls", "buttons", "actions"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "game-status",
-                        description: "Game status and information display",
-                        components: [
-                            {
-                                name: "GameStatus",
-                                description: "Current game state and player information",
-                                type: "display",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["status", "display", "info"],
-                            },
-                            {
-                                name: "ScoreBoard",
-                                description: "Score tracking and game statistics",
-                                type: "display",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["score", "display", "tracking"],
-                            },
-                        ],
-                    },
-                ],
-            }, null, 2);
-        }
-        if (isEcommerce) {
-            return JSON.stringify({
-                groups: [
-                    {
-                        name: "catalog",
-                        description: "Product catalog and browsing components",
-                        components: [
-                            {
-                                name: "ProductGrid",
-                                description: "Grid display of products with filtering",
-                                type: "layout",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["products", "catalog", "grid"],
-                            },
-                            {
-                                name: "ProductCard",
-                                description: "Individual product display card",
-                                type: "display",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["product", "card", "display"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "shopping",
-                        description: "Shopping cart and checkout components",
-                        components: [
-                            {
-                                name: "ShoppingCart",
-                                description: "Shopping cart with item management",
-                                type: "interactive",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["cart", "shopping", "interactive"],
-                            },
-                            {
-                                name: "CheckoutForm",
-                                description: "Checkout process and payment form",
-                                type: "form",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["checkout", "form", "payment"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "user",
-                        description: "User authentication and account components",
-                        components: [
-                            {
-                                name: "UserProfile",
-                                description: "User profile and account management",
-                                type: "display",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["user", "profile", "account"],
-                            },
-                        ],
-                    },
-                ],
-            }, null, 2);
-        }
-        if (isDashboard) {
-            return JSON.stringify({
-                groups: [
-                    {
-                        name: "charts",
-                        description: "Data visualization and chart components",
-                        components: [
-                            {
-                                name: "ChartContainer",
-                                description: "Container for various chart types",
-                                type: "display",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["charts", "visualization", "data"],
-                            },
-                            {
-                                name: "DataTable",
-                                description: "Tabular data display with sorting",
-                                type: "display",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["table", "data", "display"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "navigation",
-                        description: "Dashboard navigation and layout",
-                        components: [
-                            {
-                                name: "Sidebar",
-                                description: "Main navigation sidebar",
-                                type: "layout",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["sidebar", "navigation", "layout"],
-                            },
-                            {
-                                name: "Header",
-                                description: "Dashboard header with user info",
-                                type: "layout",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["header", "navigation", "layout"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "widgets",
-                        description: "Dashboard widget components",
-                        components: [
-                            {
-                                name: "MetricCard",
-                                description: "Key metric display card",
-                                type: "display",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["metric", "card", "display"],
-                            },
-                        ],
-                    },
-                ],
-            }, null, 2);
-        }
-        if (isSocial) {
-            return JSON.stringify({
-                groups: [
-                    {
-                        name: "profiles",
-                        description: "User profile and connection components",
-                        components: [
-                            {
-                                name: "UserProfile",
-                                description: "User profile display and editing",
-                                type: "display",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["profile", "user", "display"],
-                            },
-                            {
-                                name: "ConnectionList",
-                                description: "List of user connections and friends",
-                                type: "display",
-                                priority: "medium",
-                                dependencies: [],
-                                tags: ["connections", "friends", "list"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "content",
-                        description: "Content sharing and interaction components",
-                        components: [
-                            {
-                                name: "ContentFeed",
-                                description: "Main content feed with posts",
-                                type: "display",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["feed", "content", "posts"],
-                            },
-                            {
-                                name: "PostCard",
-                                description: "Individual post display card",
-                                type: "display",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["post", "card", "content"],
-                            },
-                        ],
-                    },
-                    {
-                        name: "messaging",
-                        description: "Real-time messaging components",
-                        components: [
-                            {
-                                name: "ChatInterface",
-                                description: "Real-time chat interface",
-                                type: "interactive",
-                                priority: "high",
-                                dependencies: [],
-                                tags: ["chat", "messaging", "real-time"],
-                            },
-                        ],
-                    },
-                ],
-            }, null, 2);
-        }
-        // Generic fallback for other project types
-        return JSON.stringify({
-            groups: [
-                {
-                    name: "navigation",
-                    description: "Main navigation and layout components",
-                    components: [
-                        {
-                            name: "Header",
-                            description: "Main navigation header",
-                            type: "layout",
-                            priority: "high",
-                            dependencies: [],
-                            tags: ["navigation", "header", "layout"],
-                        },
-                    ],
-                },
-                {
-                    name: "ui",
-                    description: "Reusable UI components",
-                    components: [
-                        {
-                            name: "Button",
-                            description: "Reusable button component",
-                            type: "interactive",
-                            priority: "high",
-                            dependencies: [],
-                            tags: ["button", "ui", "interactive"],
-                        },
-                        {
-                            name: "Card",
-                            description: "Reusable card component",
-                            type: "display",
-                            priority: "medium",
-                            dependencies: [],
-                            tags: ["card", "ui", "display"],
-                        },
-                    ],
-                },
-                {
-                    name: "layout",
-                    description: "Layout and container components",
-                    components: [
-                        {
-                            name: "Container",
-                            description: "Main content container",
-                            type: "layout",
-                            priority: "medium",
-                            dependencies: [],
-                            tags: ["container", "layout", "wrapper"],
-                        },
-                        {
-                            name: "Grid",
-                            description: "Responsive grid layout system",
-                            type: "layout",
-                            priority: "medium",
-                            dependencies: [],
-                            tags: ["grid", "layout", "responsive"],
-                        },
-                    ],
-                },
+    async promptForType() {
+        const response = await (0, prompts_1.default)({
+            type: "select",
+            name: "type",
+            message: "What would you like to generate?",
+            choices: [
+                { title: "Context (PRD)", value: "context" },
+                { title: "TypeScript Types", value: "types" },
+                { title: "Brand Guidelines", value: "brand" },
+                { title: "Component List", value: "components-list" },
+                { title: "All", value: "all" },
             ],
-        }, null, 2);
+        });
+        return response.type;
     }
     async saveGeneratedContent(type, content, options) {
         const outputDir = options.output || ".";