@salesforce/b2c-dx-mcp 2.0.0 → 2.1.1

package/dist/tools/storefrontnext/page-designer-decorator/index.js

@@ -1,622 +0,0 @@
-/*
- * Copyright (c) 2025, Salesforce, Inc.
- * SPDX-License-Identifier: Apache-2
- * For full license text, see the license.txt file in the repo root or http://www.apache.org/licenses/LICENSE-2.0
- */
-import { z } from 'zod';
-import { componentAnalyzer, generateTypeSuggestions, resolveComponent } from './analyzer.js';
-import { generateDecoratorCode } from './templates/decorator-generator.js';
-import { pageDesignerDecoratorRules } from './rules.js';
-import { projectContextInputSchema } from '../../project-context.js';
-// ============================================================================
-// SCHEMA DEFINITION
-// ============================================================================
-export const pageDesignerDecoratorSchema = z
-    .object({
-    component: z
-        .string()
-        .describe('Component name (e.g., "ProductItem", "ProductTile") or file path (e.g., "src/components/ProductItem.tsx"). ' +
-        'When a name is provided, the tool automatically searches common component directories. ' +
-        'For backward compatibility, file paths are also supported.'),
-    searchPaths: z
-        .array(z.string())
-        .optional()
-        .describe('Additional directories to search for components (e.g., ["packages/retail/src", "app/features"]). ' +
-        'Only used when component is specified by name (not path).'),
-    autoMode: z
-        .boolean()
-        .optional()
-        .describe('Auto-generate all configurations with sensible defaults (skip interactive workflow). When enabled, automatically selects suitable props, infers types, and generates decorators without user confirmation.'),
-    componentId: z.string().optional().describe('Override component ID (default: auto-generated from component name)'),
-    conversationContext: z
-        .object({
-        step: z
-            .enum(['analyze', 'select_props', 'configure_attrs', 'configure_regions', 'confirm_generation'])
-            .optional()
-            .describe('Current step in the conversation workflow'),
-        componentInfo: z
-            .record(z.string(), z.any())
-            .optional()
-            .describe('Cached component analysis from previous step'),
-        selectedProps: z
-            .array(z.string())
-            .optional()
-            .describe('Props from component interface selected to expose in Page Designer'),
-        newAttributes: z
-            .array(z.object({
-            name: z.string(),
-            description: z.string().optional(),
-            required: z.boolean().optional(),
-        }))
-            .optional()
-            .describe('New attributes to add (not in existing props)'),
-        attributeConfig: z
-            .record(z.string(), z.object({
-            type: z.string().optional(),
-            name: z.string().optional(),
-            defaultValue: z.any().optional(),
-            values: z.array(z.string()).optional(),
-        }))
-            .optional()
-            .describe('Configuration for each attribute (explicit types, names, etc.)'),
-        componentMetadata: z
-            .object({
-            id: z.string(),
-            name: z.string(),
-            description: z.string(),
-            group: z.string().optional(),
-        })
-            .optional()
-            .describe('Component decorator configuration'),
-        regionConfig: z
-            .object({
-            enabled: z.boolean().describe('Whether to include @RegionDefinition decorator'),
-            regions: z
-                .array(z.object({
-                id: z.string().describe('Region identifier (e.g., "main", "sidebar")'),
-                name: z.string().describe('Display name for the region'),
-                description: z.string().optional().describe('Description of the region purpose'),
-                maxComponents: z.number().optional().describe('Maximum number of components allowed in region'),
-                componentTypeInclusions: z
-                    .array(z.string())
-                    .optional()
-                    .describe('Allowed component types (whitelist)'),
-                componentTypeExclusions: z
-                    .array(z.string())
-                    .optional()
-                    .describe('Disallowed component types (blacklist)'),
-            }))
-                .optional()
-                .describe('Array of region definitions'),
-        })
-            .optional()
-            .describe('Region configuration for nested content areas'),
-    })
-        .optional()
-        .describe('Conversation state for multi-turn interaction'),
-    ...projectContextInputSchema,
-})
-    .strict();
-// ============================================================================
-// HELPER FUNCTIONS
-// ============================================================================
-/**
- * Convert component name to kebab-case for use as component ID
- *
- * Page Designer component IDs should be lowercase with hyphens.
- *
- * @param name - PascalCase or camelCase name
- * @returns kebab-case identifier
- *
- * @example
- * toKebabCase('ProductCard') // => 'product-card'
- * toKebabCase('TwoColumnLayout') // => 'two-column-layout'
- *
- * @internal
- */
-function toKebabCase(name) {
-    return name
-        .replaceAll(/([a-z])([A-Z])/g, '$1-$2')
-        .replaceAll(/[\s_]+/g, '-')
-        .toLowerCase();
-}
-/**
- * Convert camelCase prop name to human-readable display name
- *
- * Used for attribute names shown to merchants in Page Designer UI.
- *
- * @param fieldName - camelCase field name
- * @returns Human-readable name with proper capitalization
- *
- * @example
- * toHumanReadableName('imageUrl') // => 'Image Url'
- * toHumanReadableName('ctaButtonText') // => 'Cta Button Text'
- *
- * @internal
- */
-function toHumanReadableName(fieldName) {
-    return fieldName
-        .replaceAll(/([A-Z])/g, ' $1')
-        .replace(/^./, (str) => str.toUpperCase())
-        .trim();
-}
-// ============================================================================
-// WORKFLOW STEP HANDLERS
-// ============================================================================
-/**
- * Handle Interactive Mode - Step 1: Analyze
- *
- * Parses the component file and provides analysis to the LLM:
- * - Component name and structure
- * - All props with types
- * - Categorization (editable, complex, UI-only)
- * - Suggested component ID and name
- *
- * **LLM should then:**
- * - Present findings to user
- * - Ask which props to expose in Page Designer
- * - Collect component metadata (ID, name, description, group)
- * - Call next step with selectedProps and componentMetadata
- *
- * @internal
- */
-function handleAnalyzeStep(args, workspaceRoot) {
-    const fullPath = resolveComponent(args.component, workspaceRoot, args.searchPaths);
-    const componentInfo = componentAnalyzer.analyzeComponent(fullPath);
-    const editableProps = componentInfo.props.filter((p) => !p.isComplex && !p.isUIOnly);
-    const complexProps = componentInfo.props.filter((p) => p.isComplex);
-    const uiProps = componentInfo.props.filter((p) => p.isUIOnly && !p.isComplex);
-    const suggestedComponentId = args.componentId || toKebabCase(componentInfo.componentName);
-    const suggestedComponentName = toHumanReadableName(componentInfo.componentName);
-    const instructions = pageDesignerDecoratorRules.getAnalyzeInstructions({
-        componentName: componentInfo.componentName,
-        file: args.component,
-        hasDecorators: componentInfo.hasDecorators,
-        interfaceName: componentInfo.interfaceName || 'None found',
-        totalProps: componentInfo.props.length,
-        exportType: componentInfo.exportType,
-        hasEditableProps: editableProps.length > 0,
-        editableProps,
-        hasComplexProps: complexProps.length > 0,
-        complexProps,
-        hasUIProps: uiProps.length > 0,
-        uiProps,
-        suggestedComponentId,
-        suggestedComponentName,
-    });
-    return {
-        content: [
-            {
-                type: 'text',
-                text: instructions,
-            },
-        ],
-    };
-}
-function handleSelectPropsStep(args, _workspaceRoot) {
-    const selectedProps = args.conversationContext?.selectedProps || [];
-    const newAttributes = args.conversationContext?.newAttributes || [];
-    const componentMetadata = args.conversationContext?.componentMetadata;
-    if (!componentMetadata) {
-        return {
-            content: [
-                {
-                    type: 'text',
-                    text: '⚠️ Missing component metadata. Please provide component ID, name, description, and group from the analyze step.',
-                },
-            ],
-            isError: true,
-        };
-    }
-    const confirmation = pageDesignerDecoratorRules.getSelectPropsConfirmation({
-        componentMetadata: {
-            id: componentMetadata.id,
-            name: componentMetadata.name,
-            description: componentMetadata.description,
-            group: componentMetadata.group || 'odyssey_base',
-        },
-        selectedProps,
-        newAttributes,
-        selectedPropsCount: selectedProps.length,
-        newAttributesCount: newAttributes.length,
-        totalAttributeCount: selectedProps.length + newAttributes.length,
-        hasSelectedProps: selectedProps.length > 0,
-        hasNewAttributes: newAttributes.length > 0,
-    });
-    return {
-        content: [
-            {
-                type: 'text',
-                text: confirmation,
-            },
-        ],
-    };
-}
-function handleConfigureAttrsStep(args, workspaceRoot) {
-    const selectedProps = args.conversationContext?.selectedProps || [];
-    const newAttributes = args.conversationContext?.newAttributes || [];
-    const fullPath = resolveComponent(args.component, workspaceRoot, args.searchPaths);
-    const componentInfo = componentAnalyzer.analyzeComponent(fullPath);
-    const attributeAnalysis = [];
-    for (const propName of selectedProps) {
-        const prop = componentInfo.props.find((p) => p.name === propName);
-        if (!prop)
-            continue;
-        const suggestions = generateTypeSuggestions(propName, prop.type);
-        attributeAnalysis.push({
-            name: propName,
-            source: 'existing',
-            tsType: prop.type,
-            autoInferred: suggestions.length === 0,
-            suggestions,
-        });
-    }
-    for (const attr of newAttributes) {
-        const suggestions = generateTypeSuggestions(attr.name, 'string');
-        attributeAnalysis.push({
-            name: attr.name,
-            source: 'new',
-            tsType: 'string',
-            autoInferred: suggestions.length === 0,
-            suggestions,
-        });
-    }
-    const autoInferredAttrs = attributeAnalysis.filter((a) => a.autoInferred);
-    const needsConfigAttrs = attributeAnalysis.filter((a) => !a.autoInferred);
-    const instructions = pageDesignerDecoratorRules.getConfigureAttrsInstructions({
-        totalAttributes: attributeAnalysis.length,
-        autoInferredCount: autoInferredAttrs.length,
-        needsConfigCount: needsConfigAttrs.length,
-        hasAutoInferred: autoInferredAttrs.length > 0,
-        autoInferredAttrs: autoInferredAttrs.map((a) => ({ name: a.name, tsType: a.tsType })),
-        hasNeedsConfig: needsConfigAttrs.length > 0,
-        needsConfigAttrs: needsConfigAttrs.map((attr) => ({
-            name: attr.name,
-            tsType: attr.tsType,
-            source: attr.source === 'existing' ? 'Existing prop' : 'New attribute',
-            hasSuggestions: attr.suggestions.length > 0,
-            suggestions: attr.suggestions,
-            suggestedTypes: attr.suggestions.map((s) => s.type).join(', ') || 'string',
-            humanReadableName: toHumanReadableName(attr.name),
-            hasEnumSuggestion: attr.suggestions.some((s) => s.type === 'enum'),
-        })),
-    });
-    return {
-        content: [
-            {
-                type: 'text',
-                text: instructions,
-            },
-        ],
-    };
-}
-function handleConfigureRegionsStep(args, workspaceRoot) {
-    const fullPath = resolveComponent(args.component, workspaceRoot, args.searchPaths);
-    const componentInfo = componentAnalyzer.analyzeComponent(fullPath);
-    const instructions = pageDesignerDecoratorRules.getConfigureRegionsInstructions({
-        componentName: componentInfo.componentName,
-    });
-    return {
-        content: [
-            {
-                type: 'text',
-                text: instructions,
-            },
-        ],
-    };
-}
-function hasNonEmptyConfig(config) {
-    return config !== null && config !== undefined && Object.keys(config).length > 0;
-}
-function buildAttributesFromProps(selectedProps, props, attributeConfig) {
-    return selectedProps.flatMap((propName) => {
-        const prop = props.find((p) => p.name === propName);
-        if (!prop)
-            return [];
-        const config = attributeConfig[propName];
-        return [
-            {
-                name: propName,
-                tsType: prop.type,
-                optional: prop.optional,
-                hasConfig: hasNonEmptyConfig(config),
-                config,
-            },
-        ];
-    });
-}
-function buildAttributesFromNewAttrs(newAttributes, attributeConfig) {
-    return newAttributes.map((attr) => {
-        const config = attributeConfig[attr.name];
-        return {
-            name: attr.name,
-            tsType: 'string',
-            optional: !attr.required,
-            hasConfig: hasNonEmptyConfig(config),
-            config,
-        };
-    });
-}
-function resolveRegions(conversationContext) {
-    const regionConfig = conversationContext?.regionConfig;
-    const enabled = Boolean(regionConfig?.enabled && regionConfig.regions?.length);
-    return {
-        hasRegions: enabled,
-        regions: enabled ? regionConfig.regions : [],
-        regionCount: enabled ? regionConfig.regions.length : 0,
-    };
-}
-function handleConfirmGenerationStep(args, workspaceRoot) {
-    const { componentMetadata, selectedProps = [], newAttributes = [], attributeConfig = {}, } = args.conversationContext ?? {};
-    if (!componentMetadata) {
-        return {
-            content: [
-                {
-                    type: 'text',
-                    text: 'Error: Missing component metadata. Please start from the beginning.',
-                },
-            ],
-            isError: true,
-        };
-    }
-    const fullPath = resolveComponent(args.component, workspaceRoot, args.searchPaths);
-    const componentInfo = componentAnalyzer.analyzeComponent(fullPath);
-    const attributes = [
-        ...buildAttributesFromProps(selectedProps, componentInfo.props, attributeConfig),
-        ...buildAttributesFromNewAttrs(newAttributes, attributeConfig),
-    ];
-    const { hasRegions, regions, regionCount } = resolveRegions(args.conversationContext);
-    const componentGroup = componentMetadata.group ?? 'odyssey_base';
-    const context = {
-        needsImports: true,
-        componentId: componentMetadata.id,
-        componentName: componentMetadata.name,
-        componentDescription: componentMetadata.description,
-        componentGroup,
-        metadataClassName: `${componentInfo.componentName}Metadata`,
-        hasAttributes: attributes.length > 0,
-        hasRegions,
-        hasLoader: false,
-        regions,
-        attributes,
-    };
-    const decoratorCode = generateDecoratorCode(context);
-    const userResponse = pageDesignerDecoratorRules.getConfirmGenerationInstructions({
-        decoratorCode,
-        componentName: componentInfo.componentName,
-        componentId: componentMetadata.id,
-        componentGroup,
-        file: args.component,
-        attributeCount: attributes.length,
-        hasRegions,
-        regionCount,
-    });
-    return {
-        content: [
-            {
-                type: 'text',
-                text: userResponse,
-            },
-        ],
-    };
-}
-/**
- * Handle Auto Mode - Single-step decorator generation
- *
- * **Fully automated workflow:**
- * 1. Analyzes component
- * 2. Auto-selects suitable props (excludes complex and UI-only)
- * 3. Auto-infers Page Designer types from naming patterns
- * 4. Generates decorator code immediately
- * 5. NO user interaction required
- *
- * **Selection criteria:**
- * - ✅ Simple types (string, number, boolean)
- * - ❌ Complex types (objects, functions, React nodes)
- * - ❌ UI-only props (className, style, onClick, etc.)
- *
- * **Auto-configuration:**
- * - High-confidence patterns get explicit types (url, image, enum)
- * - Others use auto-inferred types
- * - Human-readable names auto-generated
- * - No regions configured (interactive mode for advanced features)
- *
- * **Use cases:**
- * - Quick setup for standard components
- * - Batch processing multiple components
- * - Getting started quickly
- *
- * @internal
- */
-function handleAutoMode(args, workspaceRoot) {
-    const fullPath = resolveComponent(args.component, workspaceRoot, args.searchPaths);
-    const componentInfo = componentAnalyzer.analyzeComponent(fullPath);
-    if (componentInfo.hasDecorators) {
-        return {
-            content: [
-                {
-                    type: 'text',
-                    text: `# ⚠️ Component Already Decorated\n\nThe component \`${componentInfo.componentName}\` already has Page Designer decorators.\n\nWould you like to modify the existing decorators instead?`,
-                },
-            ],
-        };
-    }
-    const selectedProps = componentInfo.props.filter((p) => !p.isComplex && !p.isUIOnly).map((p) => p.name);
-    const attributeConfig = {};
-    const attributes = [];
-    for (const propName of selectedProps) {
-        const prop = componentInfo.props.find((p) => p.name === propName);
-        if (!prop)
-            continue;
-        const suggestions = generateTypeSuggestions(propName, prop.type);
-        const config = {
-            name: toHumanReadableName(propName),
-        };
-        const highPrioritySuggestion = suggestions.find((s) => s.priority === 'high');
-        if (highPrioritySuggestion) {
-            config.type = highPrioritySuggestion.type;
-            if (highPrioritySuggestion.type === 'enum') {
-                if (propName.toLowerCase().includes('size')) {
-                    config.values = ['sm', 'default', 'lg'];
-                    config.defaultValue = 'default';
-                }
-                else if (propName.toLowerCase().includes('variant')) {
-                    config.values = ['default', 'primary', 'secondary'];
-                    config.defaultValue = 'default';
-                }
-            }
-            if (highPrioritySuggestion.type === 'boolean') {
-                config.defaultValue = false;
-            }
-        }
-        if (Object.keys(config).length > 1) {
-            attributeConfig[propName] = config;
-        }
-        attributes.push({
-            name: propName,
-            tsType: prop.type,
-            optional: prop.optional,
-            hasConfig: Object.keys(config).length > 1,
-            config: Object.keys(config).length > 1 ? config : undefined,
-        });
-    }
-    const componentId = args.componentId || toKebabCase(componentInfo.componentName);
-    const componentName = toHumanReadableName(componentInfo.componentName);
-    const componentDescription = `${componentName} component for Page Designer`;
-    const context = {
-        needsImports: true,
-        componentId,
-        componentName,
-        componentDescription,
-        componentGroup: 'odyssey_base',
-        metadataClassName: `${componentInfo.componentName}Metadata`,
-        hasAttributes: attributes.length > 0,
-        hasRegions: false,
-        hasLoader: false,
-        regions: [],
-        attributes,
-    };
-    const decoratorCode = generateDecoratorCode(context);
-    const response = pageDesignerDecoratorRules.getAutoModeInstructions({
-        componentName: componentInfo.componentName,
-        file: args.component,
-        componentId,
-        selectedPropCount: selectedProps.length,
-        autoConfigCount: Object.keys(attributeConfig).length,
-        autoInferredCount: selectedProps.length - Object.keys(attributeConfig).length,
-        hasNoSuitableProps: selectedProps.length === 0,
-        selectedProps: selectedProps.length > 0 ? selectedProps.map((p) => `\`${p}\``).join(', ') : 'None',
-        decoratorCode,
-        componentGroup: 'odyssey_base',
-    });
-    return {
-        content: [
-            {
-                type: 'text',
-                text: response,
-            },
-        ],
-    };
-}
-// ============================================================================
-// TOOL EXPORT
-// ============================================================================
-/**
- * Creates the Page Designer decorator tool for Storefront Next.
- *
- * @param loadServices - Function that loads configuration and returns Services instance
- * @returns The configured MCP tool
- */
-export function createPageDesignerDecoratorTool(loadServices) {
-    return {
-        name: 'sfnext_add_page_designer_decorator',
-        description: '[DEPRECATED] Superseded by the storefront-next and storefront-next-figma agent-skills plugins and NOT compatible with the Storefront Next 1.0 GA release. Will be removed in a future release. ' +
-            'Adds Page Designer decorators (@Component, @AttributeDefinition, @RegionDefinition) to React components. ' +
-            'Two modes: autoMode=true for quick setup with defaults, or interactive mode via conversationContext.step. ' +
-            'Component discovery uses --project-directory flag or SFCC_PROJECT_DIRECTORY env var. ' +
-            'Auto mode: selects suitable props, infers types, generates code immediately. ' +
-            'Interactive mode: multi-step workflow (analyze → select_props → configure_attrs → configure_regions → confirm_generation).',
-        inputSchema: pageDesignerDecoratorSchema.shape,
-        toolsets: ['STOREFRONTNEXT_DEPRECATED'],
-        isGA: false,
-        async handler(args) {
-            try {
-                // Validate and parse input
-                const validatedArgs = pageDesignerDecoratorSchema.parse(args);
-                // Use projectDirectory from services to ensure we search in the correct project directory
-                // This prevents searches in the home folder when MCP clients spawn servers from ~
-                const services = await loadServices({
-                    projectDirectory: validatedArgs.projectDirectory,
-                    configPath: validatedArgs.configPath,
-                });
-                const workspaceRoot = services.resolveWithProjectDirectory(undefined, validatedArgs.projectDirectory);
-                if (validatedArgs.autoMode === undefined && !validatedArgs.conversationContext) {
-                    const fullPath = resolveComponent(validatedArgs.component, workspaceRoot, validatedArgs.searchPaths);
-                    const componentInfo = componentAnalyzer.analyzeComponent(fullPath);
-                    const instructions = pageDesignerDecoratorRules.getModeSelectionInstructions({
-                        componentName: componentInfo.componentName,
-                        file: validatedArgs.component,
-                    });
-                    return {
-                        content: [
-                            {
-                                type: 'text',
-                                text: instructions,
-                            },
-                        ],
-                    };
-                }
-                if (validatedArgs.autoMode) {
-                    return handleAutoMode(validatedArgs, workspaceRoot);
-                }
-                const step = validatedArgs.conversationContext?.step || 'analyze';
-                switch (step) {
-                    case 'analyze': {
-                        return handleAnalyzeStep(validatedArgs, workspaceRoot);
-                    }
-                    case 'configure_attrs': {
-                        return handleConfigureAttrsStep(validatedArgs, workspaceRoot);
-                    }
-                    case 'configure_regions': {
-                        return handleConfigureRegionsStep(validatedArgs, workspaceRoot);
-                    }
-                    case 'confirm_generation': {
-                        return handleConfirmGenerationStep(validatedArgs, workspaceRoot);
-                    }
-                    case 'select_props': {
-                        return handleSelectPropsStep(validatedArgs, workspaceRoot);
-                    }
-                    default: {
-                        const unknownStep = step;
-                        throw new Error(`Unknown step: ${unknownStep}`);
-                    }
-                }
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : String(error);
-                // Check if it's a Zod validation error
-                if (error instanceof Error && error.name === 'ZodError') {
-                    return {
-                        content: [
-                            {
-                                type: 'text',
-                                text: `# Error: Invalid Input\n\n${errorMessage}\n\nPlease check your input parameters and try again.`,
-                            },
-                        ],
-                        isError: true,
-                    };
-                }
-                return {
-                    content: [
-                        {
-                            type: 'text',
-                            text: `# Error Adding Page Designer Support\n\n${errorMessage}`,
-                        },
-                    ],
-                    isError: true,
-                };
-            }
-        },
-    };
-}
-//# sourceMappingURL=index.js.map

package/dist/tools/storefrontnext/page-designer-decorator/rules/1-mode-selection.d.ts

@@ -1,8 +0,0 @@
-/**
- * Mode selection rule - Entry point for Page Designer decorator tool
- */
-export interface ModeSelectionContext {
-    componentName: string;
-    file: string;
-}
-export declare function renderModeSelection(context: ModeSelectionContext): string;

package/dist/tools/storefrontnext/page-designer-decorator/rules/1-mode-selection.js

@@ -1,65 +0,0 @@
-/*
- * Copyright (c) 2025, Salesforce, Inc.
- * SPDX-License-Identifier: Apache-2
- * For full license text, see the license.txt file in the repo root or http://www.apache.org/licenses/LICENSE-2.0
- */
-export function renderModeSelection(context) {
-    return `# 🎯 Choose Page Designer Setup Mode
-
-I need to know which mode you'd like to use for adding Page Designer support to **\`${context.componentName}\`**.
-
-## Available Modes
-
-### 🤖 Auto Mode (Quick & Automatic)
-- **Best for**: Quick setup, standard components, batch processing
-- **What happens**: 
-  - Automatically analyzes the component
-  - Auto-selects suitable props (excludes complex types)
-  - Auto-infers types based on naming patterns
-  - Generates decorators immediately with sensible defaults
-  - **No confirmation needed** - code generated instantly
-- **Time**: ~1 step
-- **Control**: Low (uses smart defaults)
-
-### 👤 Interactive Mode (Step-by-Step)
-- **Best for**: Complex components, custom requirements, learning the process
-- **What happens**:
-  - Multi-step workflow with your input at each stage
-  - Review and approve prop selections
-  - Configure attribute types, names, and defaults
-  - Configure regions for nested content (optional)
-  - **Requires confirmation** before generating code
-- **Time**: ~4-5 steps
-- **Control**: High (you decide everything)
-
-## ⚡ How to Proceed
-
-**⚠️ IMPORTANT: WAIT for the user to choose a mode. DO NOT proceed automatically.**
-
-Please ask the user: **"Which mode would you like to use: Auto Mode or Interactive Mode?"**
-
-Once the user responds:
-
-**For Auto Mode**, call the tool again with:
-\`\`\`json
-{
-  "file": "${context.file}",
-  "autoMode": true
-}
-\`\`\`
-
-**For Interactive Mode**, call the tool again with:
-\`\`\`json
-{
-  "file": "${context.file}",
-  "conversationContext": {
-    "step": "analyze"
-  }
-}
-\`\`\`
-
----
-
-💡 **Tip**: If unsure, try **Auto Mode** first. You can always modify the generated decorators later or rerun in Interactive Mode for more control.`;
-}
-//# sourceMappingURL=1-mode-selection.js.map