@leanmcp/cli 0.2.12 → 0.2.13

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2025 LeanMCP Contributors
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2025 LeanMCP Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,428 +1,428 @@
-# @leanmcp/cli
-
-Command-line tool for creating LeanMCP projects with production-ready templates.
-
-## Features
-
-- **Interactive setup** - Guided prompts for dependency installation and dev server
-- **Quick project scaffolding** - Create new MCP servers in seconds
-- **Complete setup** - Includes TypeScript, dependencies, and configuration
-- **Best practices** - Generated projects follow MCP standards
-- **Ready to run** - Start developing immediately with hot reload
-- **Example service** - Includes working examples to get started
-- **Pure ESM** - Modern ES modules with full TypeScript support
-
-## Installation
-
-```bash
-# npm 
-npm install -g @leanmcp/cli
-
-# GitHub Packages 
-npm install -g @leanmcp/cli --registry=https://npm.pkg.github.com
-```
-
-Or use without installing:
-```bash
-npx @leanmcp/cli create my-mcp-server
-```
-
-## Usage
-
-### Create a New Project
-
-```bash
-leanmcp create <project-name>
-```
-
-Or with npx:
-```bash
-npx @leanmcp/cli create my-mcp-server
-```
-
-### Example
-
-```bash
-$ leanmcp create my-sentiment-tool
-✔ Project my-sentiment-tool created!
-
-Success! Your MCP server is ready.
-
-Next, navigate to your project:
-  cd my-sentiment-tool
-
-? Would you like to install dependencies now? (Y/n) Yes
-✔ Dependencies installed successfully!
-? Would you like to start the development server? (Y/n) Yes
-
-Starting development server...
-
-> my-sentiment-tool@1.0.0 dev
-> tsx watch main.ts
-
-[HTTP][INFO] Starting LeanMCP HTTP Server...
-[HTTP][INFO] Server running on http://localhost:3001
-[HTTP][INFO] MCP endpoint: http://localhost:3001/mcp
-```
-
-### Add a New Service
-
-After creating a project, you can quickly add new services:
-
-```bash
-leanmcp add <service-name>
-```
-
-This command:
-- Creates a new service file in `mcp/<service-name>.ts`
-- Includes example Tool, Prompt, and Resource decorators
-- Automatically registers the service in `main.ts`
-- Includes schema validation examples
-
-**Example:**
-
-```bash
-$ leanmcp add weather
-✔ Created new service: weather
-   File: mcp/weather.ts
-   Tool: greet
-   Prompt: welcomePrompt
-   Resource: getStatus
-
-Service automatically registered in main.ts!
-```
-
-The generated service includes:
-- **Tool** - `greet()`: A callable function with schema validation
-- **Prompt** - `welcomePrompt()`: A reusable prompt template
-- **Resource** - `getStatus()`: A data endpoint
-
-You can then customize these to fit your needs.
-
-## Generated Project Structure
-
-```
-my-mcp-server/
-├── main.ts              # Entry point with HTTP server
-├── package.json         # Dependencies and scripts
-├── tsconfig.json        # TypeScript configuration
-└── mcp/                 # Services directory
-    └── example.ts       # Example service with tools
-```
-
-## Generated Files
-
-### main.ts
-Entry point that:
-- Loads environment variables
-- Creates MCP server instance
-- Registers services
-- Starts HTTP server with session management
-
-### mcp/example.ts
-Example service demonstrating:
-- `@Tool` decorator for callable functions
-- `@Resource` decorator for data sources
-- `@Prompt` decorator for prompt templates
-- Class-based schema validation with `@SchemaConstraint`
-- Input/output type safety
-
-### package.json
-Includes:
-- `@leanmcp/core` - Core MCP functionality
-- `@modelcontextprotocol/sdk` - Official MCP SDK
-- `express` - HTTP server
-- `tsx` - TypeScript execution with hot reload
-- All type definitions
-
-### tsconfig.json
-Configured with:
-- ESNext modules
-- Decorator support
-- Strict type checking
-- Source maps
-
-## NPM Scripts
-
-Generated projects include:
-
-```bash
-npm run dev     # Start with hot reload (tsx watch)
-npm run build   # Build for production
-npm run start   # Run production build
-npm run clean   # Remove build artifacts
-```
-
-## Development Workflow
-
-### Interactive Setup (Recommended)
-
-The CLI provides an interactive setup experience:
-
-```bash
-# Create project
-leanmcp create my-mcp-server
-
-# The CLI will:
-# 1. Create project structure
-# 2. Ask if you want to install dependencies (Y/n)
-# 3. If yes, ask if you want to start dev server (Y/n)
-# 4. If yes, start server with hot reload
-
-# If you choose "No" to installation:
-cd my-mcp-server
-npm install
-npm run dev
-```
-
-### Manual Setup
-
-If you prefer manual control:
-
-```bash
-# 1. Create project (answer "No" to prompts)
-leanmcp create my-mcp-server
-
-# 2. Navigate to project
-cd my-mcp-server
-
-# 3. Install dependencies
-npm install
-
-# 4. Start development server
-npm run dev
-
-# 5. Server starts on http://localhost:3001
-# - Endpoint: http://localhost:3001/mcp
-# - Health check: http://localhost:3001/health
-# - Hot reload enabled
-
-# 6. Edit files in mcp/ directory
-# Server automatically reloads on changes
-```
-
-## Testing Your Server
-
-Test with curl:
-```bash
-# List available tools
-curl http://localhost:3001/mcp \
-  -X POST \
-  -H "Content-Type: application/json" \
-  -d '{
-    "jsonrpc": "2.0",
-    "id": 1,
-    "method": "tools/list"
-  }'
-
-# Call a tool
-curl http://localhost:3001/mcp \
-  -X POST \
-  -H "Content-Type: application/json" \
-  -d '{
-    "jsonrpc": "2.0",
-    "id": 1,
-    "method": "tools/call",
-    "params": {
-      "name": "calculate",
-      "arguments": {
-        "a": 10,
-        "b": 5,
-        "operation": "add"
-      }
-    }
-  }'
-```
-
-## Customizing Generated Projects
-
-### Add New Services
-
-**Quick Way (Recommended):**
-
-Use the `add` command to automatically generate and register a new service:
-
-```bash
-leanmcp add weather
-```
-
-This creates `mcp/weather.ts` with example Tool, Prompt, and Resource decorators, and automatically registers it in `main.ts`.
-
-**Manual Way:**
-
-Create a new file in `mcp/`:
-
-```typescript
-// mcp/weather.ts
-import { Tool } from "@leanmcp/core";
-
-export class WeatherService {
-  @Tool({ description: 'Get weather for a city' })
-  async getWeather(input: { city: string }) {
-    // Your implementation
-    return { temperature: 72, condition: 'sunny' };
-  }
-}
-```
-
-Register in `main.ts`:
-```typescript
-import { WeatherService } from "./mcp/weather.js";
-
-server.registerService(new WeatherService());
-```
-
-### Add Authentication
-
-Install auth package:
-```bash
-npm install @leanmcp/auth
-```
-
-See [@leanmcp/auth](../auth) documentation for details.
-
-### Configure Port
-
-Set in environment variable:
-```bash
-PORT=4000 npm run dev
-```
-
-Or in `.env` file:
-```bash
-PORT=4000
-```
-
-## Advanced Options
-
-### Custom Project Location
-
-```bash
-leanmcp create my-project
-cd my-project
-```
-
-Project is created in current directory with the specified name.
-
-### Modify Template
-
-The generated project is fully customizable:
-- Edit `main.ts` for server configuration
-- Add/remove services in `mcp/` directory
-- Modify `package.json` for additional dependencies
-- Update `tsconfig.json` for compiler options
-
-## Troubleshooting
-
-### Port Already in Use
-
-Change the port in `.env`:
-```bash
-PORT=3002
-```
-
-### Module Not Found Errors
-
-Ensure you've installed dependencies:
-```bash
-npm install
-```
-
-### TypeScript Errors
-
-Check your `tsconfig.json` and ensure:
-- `experimentalDecorators: true`
-- `emitDecoratorMetadata: true`
-
-### Hot Reload Not Working
-
-Try restarting the dev server:
-```bash
-npm run dev
-```
-
-## Project Types
-
-Currently supports:
-- **MCP Server** - Standard MCP server with HTTP transport
-
-Coming soon:
-- MCP Server with Auth
-- MCP Server with Database
-- MCP Server with File Storage
-
-## Examples
-
-See the [examples](../../examples) directory for complete working examples:
-- [basic-sentiment-tool](../../examples/basic-sentiment-tool) - Simple sentiment analysis
-- [slack-with-auth](../../examples/slack-with-auth) - Slack integration with Cognito auth
-
-## Requirements
-
-- Node.js >= 18.0.0
-- npm >= 9.0.0
-
-## CLI Commands
-
-```bash
-leanmcp create <name>      # Create new project
-leanmcp add <service>      # Add new service to existing project
-leanmcp --version          # Show version
-leanmcp --help             # Show help
-```
-
-### Command Details
-
-#### `create <project-name>`
-Creates a complete MCP server project with:
-- Entry point (`main.ts`)
-- Example service with Tool, Resource, and Prompt decorators
-- TypeScript configuration
-- Package.json with all dependencies
-- Development and build scripts
-
-**Interactive Prompts:**
-- Asks if you want to install dependencies
-- If installed, asks if you want to start dev server
-- Runs commands in the project directory automatically
-
-#### `add <service-name>`
-Adds a new service to an existing project:
-- Must be run inside a LeanMCP project directory
-- Creates `mcp/<service-name>.ts` with template code
-- Automatically imports and registers in `main.ts`
-- Includes example Tool, Prompt, and Resource implementations
-- Uses schema validation with `@SchemaConstraint` decorators
-
-## 🌟 Showcase Your MCP Server
-
-Built something cool with LeanMCP? We'd love to feature it!
-
-### How to Get Featured
-
-1. **Build** an awesome MCP server using LeanMCP
-2. **Share** your project on GitHub
-3. **Submit** for showcase:
-   - Open an issue: [Request Showcase](https://github.com/LeanMCP/leanmcp-sdk/issues/new?title=[Showcase]%20Your%20Project%20Name)
-   - Include:
-     - Project name and description
-     - GitHub repository link
-     - What makes it unique
-     - Screenshots or demo 
-
-
-## License
-
-MIT
-
-## Related Packages
-
-- [@leanmcp/core](../core) - Core MCP server functionality
-- [@leanmcp/auth](../auth) - Authentication decorators
-- [@leanmcp/utils](../utils) - Utility functions
-
-## Links
-
-- [GitHub Repository](https://github.com/LeanMCP/leanmcp-sdk)
-- [Documentation](https://github.com/LeanMCP/leanmcp-sdk#readme)
-- [MCP Specification](https://spec.modelcontextprotocol.io/)
+# @leanmcp/cli
+
+Command-line tool for creating LeanMCP projects with production-ready templates.
+
+## Features
+
+- **Interactive setup** - Guided prompts for dependency installation and dev server
+- **Quick project scaffolding** - Create new MCP servers in seconds
+- **Complete setup** - Includes TypeScript, dependencies, and configuration
+- **Best practices** - Generated projects follow MCP standards
+- **Ready to run** - Start developing immediately with hot reload
+- **Example service** - Includes working examples to get started
+- **Pure ESM** - Modern ES modules with full TypeScript support
+
+## Installation
+
+```bash
+# npm 
+npm install -g @leanmcp/cli
+
+# GitHub Packages 
+npm install -g @leanmcp/cli --registry=https://npm.pkg.github.com
+```
+
+Or use without installing:
+```bash
+npx @leanmcp/cli create my-mcp-server
+```
+
+## Usage
+
+### Create a New Project
+
+```bash
+leanmcp create <project-name>
+```
+
+Or with npx:
+```bash
+npx @leanmcp/cli create my-mcp-server
+```
+
+### Example
+
+```bash
+$ leanmcp create my-sentiment-tool
+✔ Project my-sentiment-tool created!
+
+Success! Your MCP server is ready.
+
+Next, navigate to your project:
+  cd my-sentiment-tool
+
+? Would you like to install dependencies now? (Y/n) Yes
+✔ Dependencies installed successfully!
+? Would you like to start the development server? (Y/n) Yes
+
+Starting development server...
+
+> my-sentiment-tool@1.0.0 dev
+> tsx watch main.ts
+
+[HTTP][INFO] Starting LeanMCP HTTP Server...
+[HTTP][INFO] Server running on http://localhost:3001
+[HTTP][INFO] MCP endpoint: http://localhost:3001/mcp
+```
+
+### Add a New Service
+
+After creating a project, you can quickly add new services:
+
+```bash
+leanmcp add <service-name>
+```
+
+This command:
+- Creates a new service file in `mcp/<service-name>.ts`
+- Includes example Tool, Prompt, and Resource decorators
+- Automatically registers the service in `main.ts`
+- Includes schema validation examples
+
+**Example:**
+
+```bash
+$ leanmcp add weather
+✔ Created new service: weather
+   File: mcp/weather.ts
+   Tool: greet
+   Prompt: welcomePrompt
+   Resource: getStatus
+
+Service automatically registered in main.ts!
+```
+
+The generated service includes:
+- **Tool** - `greet()`: A callable function with schema validation
+- **Prompt** - `welcomePrompt()`: A reusable prompt template
+- **Resource** - `getStatus()`: A data endpoint
+
+You can then customize these to fit your needs.
+
+## Generated Project Structure
+
+```
+my-mcp-server/
+├── main.ts              # Entry point with HTTP server
+├── package.json         # Dependencies and scripts
+├── tsconfig.json        # TypeScript configuration
+└── mcp/                 # Services directory
+    └── example.ts       # Example service with tools
+```
+
+## Generated Files
+
+### main.ts
+Entry point that:
+- Loads environment variables
+- Creates MCP server instance
+- Registers services
+- Starts HTTP server with session management
+
+### mcp/example.ts
+Example service demonstrating:
+- `@Tool` decorator for callable functions
+- `@Resource` decorator for data sources
+- `@Prompt` decorator for prompt templates
+- Class-based schema validation with `@SchemaConstraint`
+- Input/output type safety
+
+### package.json
+Includes:
+- `@leanmcp/core` - Core MCP functionality
+- `@modelcontextprotocol/sdk` - Official MCP SDK
+- `express` - HTTP server
+- `tsx` - TypeScript execution with hot reload
+- All type definitions
+
+### tsconfig.json
+Configured with:
+- ESNext modules
+- Decorator support
+- Strict type checking
+- Source maps
+
+## NPM Scripts
+
+Generated projects include:
+
+```bash
+npm run dev     # Start with hot reload (tsx watch)
+npm run build   # Build for production
+npm run start   # Run production build
+npm run clean   # Remove build artifacts
+```
+
+## Development Workflow
+
+### Interactive Setup (Recommended)
+
+The CLI provides an interactive setup experience:
+
+```bash
+# Create project
+leanmcp create my-mcp-server
+
+# The CLI will:
+# 1. Create project structure
+# 2. Ask if you want to install dependencies (Y/n)
+# 3. If yes, ask if you want to start dev server (Y/n)
+# 4. If yes, start server with hot reload
+
+# If you choose "No" to installation:
+cd my-mcp-server
+npm install
+npm run dev
+```
+
+### Manual Setup
+
+If you prefer manual control:
+
+```bash
+# 1. Create project (answer "No" to prompts)
+leanmcp create my-mcp-server
+
+# 2. Navigate to project
+cd my-mcp-server
+
+# 3. Install dependencies
+npm install
+
+# 4. Start development server
+npm run dev
+
+# 5. Server starts on http://localhost:3001
+# - Endpoint: http://localhost:3001/mcp
+# - Health check: http://localhost:3001/health
+# - Hot reload enabled
+
+# 6. Edit files in mcp/ directory
+# Server automatically reloads on changes
+```
+
+## Testing Your Server
+
+Test with curl:
+```bash
+# List available tools
+curl http://localhost:3001/mcp \
+  -X POST \
+  -H "Content-Type: application/json" \
+  -d '{
+    "jsonrpc": "2.0",
+    "id": 1,
+    "method": "tools/list"
+  }'
+
+# Call a tool
+curl http://localhost:3001/mcp \
+  -X POST \
+  -H "Content-Type: application/json" \
+  -d '{
+    "jsonrpc": "2.0",
+    "id": 1,
+    "method": "tools/call",
+    "params": {
+      "name": "calculate",
+      "arguments": {
+        "a": 10,
+        "b": 5,
+        "operation": "add"
+      }
+    }
+  }'
+```
+
+## Customizing Generated Projects
+
+### Add New Services
+
+**Quick Way (Recommended):**
+
+Use the `add` command to automatically generate and register a new service:
+
+```bash
+leanmcp add weather
+```
+
+This creates `mcp/weather.ts` with example Tool, Prompt, and Resource decorators, and automatically registers it in `main.ts`.
+
+**Manual Way:**
+
+Create a new file in `mcp/`:
+
+```typescript
+// mcp/weather.ts
+import { Tool } from "@leanmcp/core";
+
+export class WeatherService {
+  @Tool({ description: 'Get weather for a city' })
+  async getWeather(input: { city: string }) {
+    // Your implementation
+    return { temperature: 72, condition: 'sunny' };
+  }
+}
+```
+
+Register in `main.ts`:
+```typescript
+import { WeatherService } from "./mcp/weather.js";
+
+server.registerService(new WeatherService());
+```
+
+### Add Authentication
+
+Install auth package:
+```bash
+npm install @leanmcp/auth
+```
+
+See [@leanmcp/auth](../auth) documentation for details.
+
+### Configure Port
+
+Set in environment variable:
+```bash
+PORT=4000 npm run dev
+```
+
+Or in `.env` file:
+```bash
+PORT=4000
+```
+
+## Advanced Options
+
+### Custom Project Location
+
+```bash
+leanmcp create my-project
+cd my-project
+```
+
+Project is created in current directory with the specified name.
+
+### Modify Template
+
+The generated project is fully customizable:
+- Edit `main.ts` for server configuration
+- Add/remove services in `mcp/` directory
+- Modify `package.json` for additional dependencies
+- Update `tsconfig.json` for compiler options
+
+## Troubleshooting
+
+### Port Already in Use
+
+Change the port in `.env`:
+```bash
+PORT=3002
+```
+
+### Module Not Found Errors
+
+Ensure you've installed dependencies:
+```bash
+npm install
+```
+
+### TypeScript Errors
+
+Check your `tsconfig.json` and ensure:
+- `experimentalDecorators: true`
+- `emitDecoratorMetadata: true`
+
+### Hot Reload Not Working
+
+Try restarting the dev server:
+```bash
+npm run dev
+```
+
+## Project Types
+
+Currently supports:
+- **MCP Server** - Standard MCP server with HTTP transport
+
+Coming soon:
+- MCP Server with Auth
+- MCP Server with Database
+- MCP Server with File Storage
+
+## Examples
+
+See the [examples](../../examples) directory for complete working examples:
+- [basic-sentiment-tool](../../examples/basic-sentiment-tool) - Simple sentiment analysis
+- [slack-with-auth](../../examples/slack-with-auth) - Slack integration with Cognito auth
+
+## Requirements
+
+- Node.js >= 18.0.0
+- npm >= 9.0.0
+
+## CLI Commands
+
+```bash
+leanmcp create <name>      # Create new project
+leanmcp add <service>      # Add new service to existing project
+leanmcp --version          # Show version
+leanmcp --help             # Show help
+```
+
+### Command Details
+
+#### `create <project-name>`
+Creates a complete MCP server project with:
+- Entry point (`main.ts`)
+- Example service with Tool, Resource, and Prompt decorators
+- TypeScript configuration
+- Package.json with all dependencies
+- Development and build scripts
+
+**Interactive Prompts:**
+- Asks if you want to install dependencies
+- If installed, asks if you want to start dev server
+- Runs commands in the project directory automatically
+
+#### `add <service-name>`
+Adds a new service to an existing project:
+- Must be run inside a LeanMCP project directory
+- Creates `mcp/<service-name>.ts` with template code
+- Automatically imports and registers in `main.ts`
+- Includes example Tool, Prompt, and Resource implementations
+- Uses schema validation with `@SchemaConstraint` decorators
+
+## 🌟 Showcase Your MCP Server
+
+Built something cool with LeanMCP? We'd love to feature it!
+
+### How to Get Featured
+
+1. **Build** an awesome MCP server using LeanMCP
+2. **Share** your project on GitHub
+3. **Submit** for showcase:
+   - Open an issue: [Request Showcase](https://github.com/LeanMCP/leanmcp-sdk/issues/new?title=[Showcase]%20Your%20Project%20Name)
+   - Include:
+     - Project name and description
+     - GitHub repository link
+     - What makes it unique
+     - Screenshots or demo 
+
+
+## License
+
+MIT
+
+## Related Packages
+
+- [@leanmcp/core](../core) - Core MCP server functionality
+- [@leanmcp/auth](../auth) - Authentication decorators
+- [@leanmcp/utils](../utils) - Utility functions
+
+## Links
+
+- [GitHub Repository](https://github.com/LeanMCP/leanmcp-sdk)
+- [Documentation](https://github.com/LeanMCP/leanmcp-sdk#readme)
+- [MCP Specification](https://spec.modelcontextprotocol.io/)

package/bin/leanmcp.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
-
-// Always prefer ESM build
-import('../dist/index.js');
+#!/usr/bin/env node
+
+// Always prefer ESM build
+import('../dist/index.js');

package/dist/index.js

@@ -59,14 +59,33 @@ function parseUIAppDecorators(content, filePath) {
   while ((match = uiAppRegex.exec(content)) !== null) {
     const decoratorBody = match[1];
     const methodName = match[2];
-    const componentMatch = decoratorBody.match(/component\s*:\s*(\w+)/);
-    if (!componentMatch) continue;
-    const componentName = componentMatch[1];
-    const componentPath = importMap[componentName];
-    if (!componentPath) {
-      console.warn(`[scanUIApp] Could not resolve import for component: ${componentName}`);
-      continue;
+    let componentPath;
+    let componentName;
+    const stringMatch = decoratorBody.match(/component\s*:\s*['"]([^'"]+)['"]/);
+    if (stringMatch) {
+      const relativePath = stringMatch[1];
+      const dir = path.dirname(filePath);
+      let resolvedPath = path.resolve(dir, relativePath);
+      if (!resolvedPath.endsWith(".tsx") && !resolvedPath.endsWith(".ts")) {
+        if (fs.existsSync(resolvedPath + ".tsx")) {
+          resolvedPath += ".tsx";
+        } else if (fs.existsSync(resolvedPath + ".ts")) {
+          resolvedPath += ".ts";
+        }
+      }
+      componentPath = resolvedPath;
+      componentName = path.basename(relativePath).replace(/\.(tsx?|jsx?)$/, "");
+    } else {
+      const identifierMatch = decoratorBody.match(/component\s*:\s*(\w+)/);
+      if (!identifierMatch) continue;
+      componentName = identifierMatch[1];
+      componentPath = importMap[componentName];
+      if (!componentPath) {
+        console.warn(`[scanUIApp] Could not resolve import for component: ${componentName}`);
+        continue;
+      }
     }
+    if (!componentPath) continue;
     const servicePrefix = serviceName.replace(/Service$/i, "").toLowerCase();
     const resourceUri = `ui://${servicePrefix}/${methodName}`;
     results.push({
@@ -134,11 +153,137 @@ async function buildUIComponent(uiApp, projectDir, isDev = false) {
     <script type="module" src="./entry.tsx"></script>
 </body>
 </html>`);
+  const tailwindConfig = path2.join(tempDir, "tailwind.config.js");
+  await fs2.writeFile(tailwindConfig, `
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        '${path2.join(projectDir, "src/**/*.{ts,tsx}").replace(/\\/g, "/")}',
+        '${path2.join(projectDir, "mcp/**/*.{ts,tsx}").replace(/\\/g, "/")}',
+        '${path2.join(projectDir, "node_modules/@leanmcp/ui/dist/**/*.{js,mjs}").replace(/\\/g, "/")}',
+        '${path2.join(projectDir, "../../packages/ui/src/**/*.{ts,tsx}").replace(/\\/g, "/")}',
+    ],
+    darkMode: ['class'],
+    theme: {
+        container: {
+            center: true,
+            padding: '2rem',
+            screens: {
+                '2xl': '1400px',
+            },
+        },
+        extend: {
+            colors: {
+                border: 'hsl(var(--border))',
+                input: 'hsl(var(--input))',
+                ring: 'hsl(var(--ring))',
+                background: 'hsl(var(--background))',
+                foreground: 'hsl(var(--foreground))',
+                primary: {
+                    DEFAULT: 'hsl(var(--primary))',
+                    foreground: 'hsl(var(--primary-foreground))',
+                },
+                secondary: {
+                    DEFAULT: 'hsl(var(--secondary))',
+                    foreground: 'hsl(var(--secondary-foreground))',
+                },
+                destructive: {
+                    DEFAULT: 'hsl(var(--destructive))',
+                    foreground: 'hsl(var(--destructive-foreground))',
+                },
+                muted: {
+                    DEFAULT: 'hsl(var(--muted))',
+                    foreground: 'hsl(var(--muted-foreground))',
+                },
+                accent: {
+                    DEFAULT: 'hsl(var(--accent))',
+                    foreground: 'hsl(var(--accent-foreground))',
+                },
+                popover: {
+                    DEFAULT: 'hsl(var(--popover))',
+                    foreground: 'hsl(var(--popover-foreground))',
+                },
+                card: {
+                    DEFAULT: 'hsl(var(--card))',
+                    foreground: 'hsl(var(--card-foreground))',
+                },
+            },
+            borderRadius: {
+                lg: 'var(--radius)',
+                md: 'calc(var(--radius) - 2px)',
+                sm: 'calc(var(--radius) - 4px)',
+            },
+        },
+    },
+    plugins: [],
+}
+`);
+  const stylesCss = path2.join(tempDir, "styles.css");
+  await fs2.writeFile(stylesCss, `
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 222.2 84% 4.9%;
+        --card: 0 0% 100%;
+        --card-foreground: 222.2 84% 4.9%;
+        --popover: 0 0% 100%;
+        --popover-foreground: 222.2 84% 4.9%;
+        --primary: 222.2 47.4% 11.2%;
+        --primary-foreground: 210 40% 98%;
+        --secondary: 210 40% 96.1%;
+        --secondary-foreground: 222.2 47.4% 11.2%;
+        --muted: 210 40% 96.1%;
+        --muted-foreground: 215.4 16.3% 46.9%;
+        --accent: 210 40% 96.1%;
+        --accent-foreground: 222.2 47.4% 11.2%;
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 40% 98%;
+        --border: 214.3 31.8% 91.4%;
+        --input: 214.3 31.8% 91.4%;
+        --ring: 222.2 84% 4.9%;
+        --radius: 0.5rem;
+    }
+
+    .dark {
+        --background: 222.2 84% 4.9%;
+        --foreground: 210 40% 98%;
+        --card: 222.2 84% 4.9%;
+        --card-foreground: 210 40% 98%;
+        --popover: 222.2 84% 4.9%;
+        --popover-foreground: 210 40% 98%;
+        --primary: 210 40% 98%;
+        --primary-foreground: 222.2 47.4% 11.2%;
+        --secondary: 217.2 32.6% 17.5%;
+        --secondary-foreground: 210 40% 98%;
+        --muted: 217.2 32.6% 17.5%;
+        --muted-foreground: 215 20.2% 65.1%;
+        --accent: 217.2 32.6% 17.5%;
+        --accent-foreground: 210 40% 98%;
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 40% 98%;
+        --border: 217.2 32.6% 17.5%;
+        --input: 217.2 32.6% 17.5%;
+        --ring: 212.7 26.8% 83.9%;
+    }
+
+    body {
+        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        background-color: hsl(var(--background));
+        color: hsl(var(--foreground));
+    }
+}
+`);
   const relativeComponentPath = path2.relative(tempDir, componentPath).replace(/\\/g, "/");
   await fs2.writeFile(entryJs, `
 import React, { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { AppProvider } from '@leanmcp/ui';
+import { AppProvider, Toaster } from '@leanmcp/ui';
+import '@leanmcp/ui/styles.css';
+import './styles.css';
 import { ${componentName} } from '${relativeComponentPath.replace(/\.tsx?$/, "")}';
 
 const APP_INFO = {
@@ -150,6 +295,7 @@ function App() {
     return (
         <AppProvider appInfo={APP_INFO}>
             <${componentName} />
+            <Toaster />
         </AppProvider>
     );
 }
@@ -167,6 +313,16 @@ createRoot(document.getElementById('root')!).render(
         react(),
         viteSingleFile()
       ],
+      css: {
+        postcss: {
+          plugins: [
+            (await import("tailwindcss")).default({
+              config: tailwindConfig
+            }),
+            (await import("autoprefixer")).default
+          ]
+        }
+      },
       build: {
         outDir,
         emptyOutDir: false,

package/package.json

@@ -1,73 +1,73 @@
-{
-  "name": "@leanmcp/cli",
-  "version": "0.2.12",
-  "description": "Command-line interface for scaffolding LeanMCP projects",
-  "bin": {
-    "leanmcp": "bin/leanmcp.js"
-  },
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "files": [
-    "bin",
-    "dist",
-    "README.md",
-    "LICENSE"
-  ],
-  "scripts": {
-    "build": "tsup src/index.ts --format esm --dts",
-    "dev": "tsup src/index.ts --format esm --dts --watch",
-    "test": "echo \"No tests yet\" && exit 0",
-    "clean": "rimraf dist"
-  },
-  "dependencies": {
-    "@inquirer/prompts": "^7.0.1",
-    "@vitejs/plugin-react": "^4.3.0",
-    "archiver": "^7.0.1",
-    "autoprefixer": "^10.4.16",
-    "chalk": "^5.3.0",
-    "chokidar": "^4.0.0",
-    "commander": "^12.0.0",
-    "fs-extra": "^11.2.0",
-    "glob": "^11.0.0",
-    "ora": "^8.1.0",
-    "postcss": "^8.4.32",
-    "tailwindcss": "^3.4.0",
-    "vite": "^5.4.0",
-    "vite-plugin-singlefile": "^2.3.0"
-  },
-  "devDependencies": {
-    "@types/archiver": "^6.0.3",
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^25.0.2",
-    "rimraf": "^6.1.2"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/LeanMCP/leanmcp-sdk.git",
-    "directory": "packages/cli"
-  },
-  "homepage": "https://github.com/LeanMCP/leanmcp-sdk#readme",
-  "bugs": {
-    "url": "https://github.com/LeanMCP/leanmcp-sdk/issues"
-  },
-  "keywords": [
-    "mcp",
-    "model-context-protocol",
-    "cli",
-    "scaffolding",
-    "generator",
-    "typescript"
-  ],
-  "author": "LeanMCP <admin@leanmcp.com>",
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  }
+{
+  "name": "@leanmcp/cli",
+  "version": "0.2.13",
+  "description": "Command-line interface for scaffolding LeanMCP projects",
+  "bin": {
+    "leanmcp": "bin/leanmcp.js"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "bin",
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts",
+    "dev": "tsup src/index.ts --format esm --dts --watch",
+    "test": "echo \"No tests yet\" && exit 0",
+    "clean": "rimraf dist"
+  },
+  "dependencies": {
+    "@inquirer/prompts": "^7.0.1",
+    "@vitejs/plugin-react": "^4.3.0",
+    "archiver": "^7.0.1",
+    "autoprefixer": "^10.4.16",
+    "chalk": "^5.3.0",
+    "chokidar": "^4.0.0",
+    "commander": "^12.0.0",
+    "fs-extra": "^11.2.0",
+    "glob": "^11.0.0",
+    "ora": "^8.1.0",
+    "postcss": "^8.4.32",
+    "tailwindcss": "^3.4.0",
+    "vite": "^5.4.0",
+    "vite-plugin-singlefile": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/archiver": "^6.0.3",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^25.0.2",
+    "rimraf": "^6.1.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/LeanMCP/leanmcp-sdk.git",
+    "directory": "packages/cli"
+  },
+  "homepage": "https://github.com/LeanMCP/leanmcp-sdk#readme",
+  "bugs": {
+    "url": "https://github.com/LeanMCP/leanmcp-sdk/issues"
+  },
+  "keywords": [
+    "mcp",
+    "model-context-protocol",
+    "cli",
+    "scaffolding",
+    "generator",
+    "typescript"
+  ],
+  "author": "LeanMCP <admin@leanmcp.com>",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
 }