@tpitre/story-ui 4.12.0 → 4.13.0

package/dist/cli/generateRegistry.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Component Registry Generator
+ *
+ * Generates a `componentRegistry.ts` file that maps component names to
+ * actual React/Vue/etc imports for use by the Voice Canvas ComponentRenderer.
+ *
+ * Design-system agnostic — uses existing component discovery to find
+ * components from npm packages, local directories, and custom elements.
+ *
+ * Called during `npx story-ui init` and can be re-run with `npx story-ui registry`.
+ */
+export interface RegistryGeneratorOptions {
+    /** Working directory (defaults to cwd) */
+    cwd?: string;
+    /** Output path relative to cwd (defaults to src/stories/StoryUI/voice/canvas/) */
+    outputDir?: string;
+}
+/**
+ * Generate the component registry file using project's discovered components.
+ * Returns the path to the generated file.
+ */
+export declare function generateComponentRegistry(options?: RegistryGeneratorOptions): Promise<string>;
+//# sourceMappingURL=generateRegistry.d.ts.map

package/dist/cli/generateRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateRegistry.d.ts","sourceRoot":"","sources":["../../cli/generateRegistry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAOH,MAAM,WAAW,wBAAwB;IACvC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAsB,yBAAyB,CAAC,OAAO,GAAE,wBAA6B,GAAG,OAAO,CAAC,MAAM,CAAC,CAgDvG"}

package/dist/cli/generateRegistry.js

@@ -0,0 +1,155 @@
+/**
+ * Component Registry Generator
+ *
+ * Generates a `componentRegistry.ts` file that maps component names to
+ * actual React/Vue/etc imports for use by the Voice Canvas ComponentRenderer.
+ *
+ * Design-system agnostic — uses existing component discovery to find
+ * components from npm packages, local directories, and custom elements.
+ *
+ * Called during `npx story-ui init` and can be re-run with `npx story-ui registry`.
+ */
+import path from 'path';
+import fs from 'fs';
+import { loadUserConfig } from '../story-generator/configLoader.js';
+import { EnhancedComponentDiscovery } from '../story-generator/enhancedComponentDiscovery.js';
+/**
+ * Generate the component registry file using project's discovered components.
+ * Returns the path to the generated file.
+ */
+export async function generateComponentRegistry(options = {}) {
+    const cwd = options.cwd || process.cwd();
+    // loadUserConfig reads from cwd — ensure we're in the right directory
+    const originalCwd = process.cwd();
+    if (cwd !== originalCwd)
+        process.chdir(cwd);
+    const config = loadUserConfig();
+    if (cwd !== originalCwd)
+        process.chdir(originalCwd);
+    // Discover components using the existing discovery system
+    const discovery = new EnhancedComponentDiscovery(config);
+    const components = await discovery.discoverAll();
+    const componentNames = components.map(c => c.name).sort();
+    if (componentNames.length === 0) {
+        console.warn('⚠️  No components discovered — registry will be empty');
+    }
+    const importPath = config.importPath || '@mantine/core';
+    const framework = config.componentFramework || 'react';
+    const importStyle = config.importStyle || 'barrel';
+    // Determine output directory
+    const outputDir = options.outputDir
+        ? path.resolve(cwd, options.outputDir)
+        : path.resolve(cwd, 'src/stories/StoryUI/voice/canvas');
+    if (!fs.existsSync(outputDir)) {
+        fs.mkdirSync(outputDir, { recursive: true });
+    }
+    const outputPath = path.join(outputDir, 'componentRegistry.ts');
+    // Generate the file content
+    let code;
+    if (framework === 'react') {
+        code = generateReactRegistry(componentNames, importPath, importStyle);
+    }
+    else if (framework === 'vue') {
+        code = generateVueRegistry(componentNames, importPath, importStyle);
+    }
+    else {
+        // Fallback: generic registry with dynamic imports note
+        code = generateGenericRegistry(componentNames, importPath, framework);
+    }
+    fs.writeFileSync(outputPath, code, 'utf-8');
+    console.log(`✅ Component registry generated: ${path.relative(cwd, outputPath)} (${componentNames.length} components)`);
+    return outputPath;
+}
+// ── React registry generator ────────────────────────────────
+function generateReactRegistry(names, importPath, importStyle) {
+    // Separate parent components from sub-components (e.g., "Card.Section")
+    const topLevel = names.filter(n => !n.includes('.'));
+    const subComponents = names.filter(n => n.includes('.'));
+    // For barrel imports, import all top-level from one path
+    // For individual imports, import each from its own path
+    let imports;
+    if (importStyle === 'individual') {
+        imports = topLevel.map(name => `import { ${name} } from '${importPath}/${name}';`).join('\n');
+    }
+    else {
+        // Barrel import — single line
+        imports = `import {\n${topLevel.map(n => `  ${n},`).join('\n')}\n} from '${importPath}';`;
+    }
+    // Build registry entries
+    const entries = topLevel.map(name => `  '${name}': ${name},`);
+    // Sub-components map automatically via dot-notation in ComponentRenderer
+    // e.g., "Card.Section" resolves to Card.Section at runtime
+    // But we still add them for explicit lookup
+    for (const sub of subComponents) {
+        const [parent, child] = sub.split('.');
+        entries.push(`  '${sub}': (${parent} as any).${child},`);
+    }
+    return `/**
+ * Auto-generated component registry for Voice Canvas
+ * Source: ${importPath}
+ * Components: ${names.length}
+ *
+ * DO NOT EDIT — regenerate with: npx story-ui registry
+ */
+
+${imports}
+import type { ComponentRegistry } from './ComponentRenderer';
+
+export const registry: ComponentRegistry = {
+${entries.join('\n')}
+};
+
+export default registry;
+`;
+}
+// ── Vue registry generator ──────────────────────────────────
+function generateVueRegistry(names, importPath, importStyle) {
+    const topLevel = names.filter(n => !n.includes('.'));
+    let imports;
+    if (importStyle === 'individual') {
+        imports = topLevel.map(name => `import { ${name} } from '${importPath}/${name}';`).join('\n');
+    }
+    else {
+        imports = `import {\n${topLevel.map(n => `  ${n},`).join('\n')}\n} from '${importPath}';`;
+    }
+    const entries = topLevel.map(name => `  '${name}': ${name},`);
+    return `/**
+ * Auto-generated component registry for Voice Canvas (Vue)
+ * Source: ${importPath}
+ * Components: ${names.length}
+ *
+ * DO NOT EDIT — regenerate with: npx story-ui registry
+ */
+
+${imports}
+
+export const registry: Record<string, any> = {
+${entries.join('\n')}
+};
+
+export default registry;
+`;
+}
+// ── Generic fallback ────────────────────────────────────────
+function generateGenericRegistry(names, importPath, framework) {
+    return `/**
+ * Auto-generated component registry for Voice Canvas (${framework})
+ * Source: ${importPath}
+ * Components: ${names.length}
+ *
+ * NOTE: This is a placeholder registry for ${framework}.
+ * You may need to customize imports for your framework.
+ *
+ * DO NOT EDIT — regenerate with: npx story-ui registry
+ */
+
+// TODO: Add imports for ${framework} components from '${importPath}'
+// ${names.map(n => `// import { ${n} } from '${importPath}';`).join('\n')}
+
+export const registry: Record<string, any> = {
+${names.map(n => `  // '${n}': ${n},`).join('\n')}
+};
+
+export default registry;
+`;
+}

package/dist/cli/index.js

@@ -10,11 +10,29 @@ import { updateCommand, statusCommand } from './update.js';
 import net from 'net';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+// Read version from package.json (try both src/cli and dist/cli paths)
+const packageJsonPaths = [
+    path.resolve(__dirname, '..', 'package.json'), // From src/cli
+    path.resolve(__dirname, '..', '..', 'package.json'), // From dist/cli
+];
+let packageVersion = 'unknown';
+for (const p of packageJsonPaths) {
+    if (fs.existsSync(p)) {
+        try {
+            const pkg = JSON.parse(fs.readFileSync(p, 'utf-8'));
+            if (pkg.version) {
+                packageVersion = pkg.version;
+                break;
+            }
+        }
+        catch { /* skip */ }
+    }
+}
 const program = new Command();
 program
     .name('story-ui')
     .description('AI-powered Storybook story generator for React component libraries')
-    .version('1.0.0');
+    .version(packageVersion);
 program
     .command('init')
     .description('Initialize Story UI configuration with interactive setup')
@@ -130,116 +148,6 @@ program
         console.log(`✅ Sample configuration generated: ${filename}`);
     }
 });
-async function autoDetectAndCreateConfig() {
-    const cwd = process.cwd();
-    const config = {
-        generatedStoriesPath: './src/stories/generated',
-        storyPrefix: 'Generated/',
-        defaultAuthor: 'Story UI AI',
-        componentPrefix: '',
-        layoutRules: {
-            multiColumnWrapper: 'div',
-            columnComponent: 'div',
-            layoutExamples: {
-                twoColumn: `<div style={{display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem'}}>
-  <div>Column 1 content</div>
-  <div>Column 2 content</div>
-</div>`
-            },
-            prohibitedElements: []
-        }
-    };
-    // Try to detect package.json
-    const packageJsonPath = path.join(cwd, 'package.json');
-    if (fs.existsSync(packageJsonPath)) {
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-        config.importPath = packageJson.name || 'your-component-library';
-    }
-    // Try to detect components directory
-    const possibleComponentPaths = [
-        './src/components',
-        './lib/components',
-        './components',
-        './src'
-    ];
-    for (const possiblePath of possibleComponentPaths) {
-        if (fs.existsSync(path.join(cwd, possiblePath))) {
-            config.componentsPath = possiblePath;
-            break;
-        }
-    }
-    writeConfig(config, 'js');
-}
-async function createTemplateConfig(template) {
-    let config;
-    switch (template) {
-        case 'chakra-ui':
-            config = {
-                importPath: '@chakra-ui/react',
-                componentPrefix: '',
-                layoutRules: {
-                    multiColumnWrapper: 'SimpleGrid',
-                    columnComponent: 'Box',
-                    layoutExamples: {
-                        twoColumn: `<SimpleGrid columns={2} spacing={4}>
-  <Box><Card>Left content</Card></Box>
-  <Box><Card>Right content</Card></Box>
-</SimpleGrid>`
-                    }
-                }
-            };
-            break;
-        case 'ant-design':
-            config = {
-                importPath: 'antd',
-                componentPrefix: '',
-                layoutRules: {
-                    multiColumnWrapper: 'Row',
-                    columnComponent: 'Col',
-                    layoutExamples: {
-                        twoColumn: `<Row gutter={16}>
-  <Col span={12}><Card>Left content</Card></Col>
-  <Col span={12}><Card>Right content</Card></Col>
-</Row>`
-                    }
-                }
-            };
-            break;
-        default:
-            throw new Error(`Unknown template: ${template}`);
-    }
-    // Add common defaults
-    config = {
-        generatedStoriesPath: './src/stories/generated',
-        componentsPath: './src/components',
-        storyPrefix: 'Generated/',
-        defaultAuthor: 'Story UI AI',
-        ...config
-    };
-    writeConfig(config, 'js');
-}
-async function createBasicConfig() {
-    const config = {
-        generatedStoriesPath: './src/stories/generated',
-        componentsPath: './src/components',
-        storyPrefix: 'Generated/',
-        defaultAuthor: 'Story UI AI',
-        importPath: 'your-component-library',
-        componentPrefix: '',
-        layoutRules: {
-            multiColumnWrapper: 'div',
-            columnComponent: 'div',
-            layoutExamples: {
-                twoColumn: `<div style={{display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem'}}>
-  <div>Column 1 content</div>
-  <div>Column 2 content</div>
-</div>`
-            },
-            prohibitedElements: []
-        }
-    };
-    writeConfig(config, 'js');
-}
 function generateSampleConfig(filename, type) {
     const config = {
         generatedStoriesPath: './src/stories/generated',

package/dist/cli/setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../cli/setup.ts"],"names":[],"mappings":"AAmDA;;GAEG;AACH,wBAAgB,iCAAiC,SA8ChD;AAiWD,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,YAAY,CAAC,OAAO,GAAE,YAAiB,iBA85B5D"}
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../cli/setup.ts"],"names":[],"mappings":"AAmDA;;GAEG;AACH,wBAAgB,iCAAiC,SA8ChD;AAoXD,MAAM,WAAW,YAAY;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7C,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAsB,YAAY,CAAC,OAAO,GAAE,YAAiB,iBA6/B5D"}

package/dist/cli/setup.js

@@ -128,10 +128,19 @@ function setupStorybookPreview(designSystem) {
     const designSystemConfigs = {
         chakra: {
             imports: [
+                "import React from 'react'",
                 "import type { Preview } from '@storybook/react-vite'",
-                "import { ChakraProvider, defaultSystem } from '@chakra-ui/react'",
-                "import React from 'react'"
+                "import * as ChakraUI from '@chakra-ui/react'",
             ],
+            globals: `
+const { ChakraProvider, defaultSystem } = ChakraUI;
+
+// Expose all Chakra components for Voice Canvas live preview.
+// Voice Canvas uses these globals to render components without import statements.
+(window as any).__STORY_UI_DESIGN_SYSTEM__ = ChakraUI;
+(window as any).__STORY_UI_CANVAS_PROVIDER__ = ({ children }: { children: React.ReactNode }) => (
+  <ChakraProvider value={defaultSystem}>{children}</ChakraProvider>
+);`,
             decorator: `(Story) => (
       <ChakraProvider value={defaultSystem}>
         <Story />
@@ -140,11 +149,20 @@ function setupStorybookPreview(designSystem) {
         },
         mantine: {
             imports: [
+                "import React from 'react'",
                 "import type { Preview } from '@storybook/react-vite'",
-                "import { MantineProvider } from '@mantine/core'",
+                "import * as MantineCore from '@mantine/core'",
                 "import '@mantine/core/styles.css'",
-                "import React from 'react'"
             ],
+            globals: `
+const { MantineProvider } = MantineCore;
+
+// Expose all Mantine components for Voice Canvas live preview.
+// Voice Canvas uses these globals to render components without import statements.
+(window as any).__STORY_UI_DESIGN_SYSTEM__ = MantineCore;
+(window as any).__STORY_UI_CANVAS_PROVIDER__ = ({ children }: { children: React.ReactNode }) => (
+  <MantineProvider>{children}</MantineProvider>
+);`,
             decorator: `(Story) => (
       <MantineProvider>
         <Story />
@@ -157,6 +175,7 @@ function setupStorybookPreview(designSystem) {
         return;
     // Create the preview content
     const previewContent = `${config.imports.join('\n')}
+${config.globals || ''}
 
 const preview: Preview = {
   parameters: {
@@ -917,6 +936,8 @@ Material UI (MUI) is a React component library implementing Material Design.
     // Copy component files
     const templatesDir = path.resolve(__dirname, '../../templates/StoryUI');
     const componentFiles = ['StoryUIPanel.tsx', 'StoryUIPanel.mdx', 'StoryUIPanel.css'];
+    // Voice Canvas files (subdirectory)
+    const voiceFiles = ['VoiceCanvas.tsx', 'VoiceControls.tsx', 'useVoiceInput.ts', 'voiceCommands.ts', 'types.ts'];
     console.log(chalk.blue('\n📦 Installing Story UI component...'));
     for (const file of componentFiles) {
         const sourcePath = path.join(templatesDir, file);
@@ -934,6 +955,96 @@ Material UI (MUI) is a React component library implementing Material Design.
             console.warn(chalk.yellow(`⚠️  Template file not found: ${file}`));
         }
     }
+    // Copy Voice Canvas files
+    const voiceSourceDir = path.join(templatesDir, 'voice');
+    const voiceTargetDir = path.join(storyUITargetDir, 'voice');
+    if (fs.existsSync(voiceSourceDir)) {
+        if (!fs.existsSync(voiceTargetDir)) {
+            fs.mkdirSync(voiceTargetDir, { recursive: true });
+        }
+        for (const file of voiceFiles) {
+            const sourcePath = path.join(voiceSourceDir, file);
+            const targetPath = path.join(voiceTargetDir, file);
+            if (fs.existsSync(sourcePath)) {
+                fs.copyFileSync(sourcePath, targetPath);
+                console.log(chalk.green(`✅ Copied voice/${file}`));
+            }
+        }
+    }
+    // Generate component registry for Voice Canvas with static design system import
+    // Vite requires static imports — bare specifiers can't be resolved at runtime
+    const canvasTargetDir = path.join(voiceTargetDir, 'canvas');
+    if (!fs.existsSync(canvasTargetDir)) {
+        fs.mkdirSync(canvasTargetDir, { recursive: true });
+    }
+    // Copy canvas template files (types.ts, operations.ts, ComponentRenderer.tsx)
+    const canvasSourceDir = path.join(voiceSourceDir, 'canvas');
+    if (fs.existsSync(canvasSourceDir)) {
+        for (const file of fs.readdirSync(canvasSourceDir)) {
+            if (file === 'componentRegistry.ts')
+                continue; // generated below
+            const src = path.join(canvasSourceDir, file);
+            const dst = path.join(canvasTargetDir, file);
+            if (fs.statSync(src).isFile()) {
+                fs.copyFileSync(src, dst);
+                console.log(chalk.green(`✅ Copied voice/canvas/${file}`));
+            }
+        }
+    }
+    // Generate the registry with a lazy async import of the design system.
+    // Uses a literal string in import() so Vite resolves it at build time,
+    // but execution is deferred until loadRegistry() is called — avoiding
+    // module-level side effects that can crash the docs page.
+    if (config.importPath && config.importStyle !== 'individual') {
+        const registryContent = `/**
+ * Component registry for Voice Canvas — lazy-loaded from design system.
+ *
+ * Uses dynamic import('${config.importPath}') with a literal string so Vite
+ * resolves it at build time, but the import only executes when loadRegistry()
+ * is called (not at module evaluation time). This prevents crashes from
+ * module-level side effects.
+ *
+ * Generated by story-ui init. Regenerate with: npx story-ui registry
+ */
+
+export const registry: Record<string, any> = {};
+
+let _loaded = false;
+
+export async function loadRegistry(): Promise<Record<string, any>> {
+  if (_loaded) return registry;
+
+  try {
+    const mod = await import('${config.importPath}');
+
+    for (const [key, value] of Object.entries(mod)) {
+      if (/^[A-Z]/.test(key) && (typeof value === 'function' || typeof value === 'object')) {
+        registry[key] = value;
+      }
+    }
+
+    _loaded = true;
+    console.log(\\\`[componentRegistry] Loaded \\\${Object.keys(registry).length} components from ${config.importPath}\\\`);
+  } catch (err) {
+    console.error('[componentRegistry] Failed to load design system:', err);
+  }
+
+  return registry;
+}
+
+export default registry;
+`;
+        fs.writeFileSync(path.join(canvasTargetDir, 'componentRegistry.ts'), registryContent);
+        console.log(chalk.green(`✅ Generated voice/canvas/componentRegistry.ts with ${config.importPath} imports`));
+    }
+    else {
+        // For individual import style or unknown, copy the placeholder
+        const placeholderSrc = path.join(canvasSourceDir, 'componentRegistry.ts');
+        if (fs.existsSync(placeholderSrc)) {
+            fs.copyFileSync(placeholderSrc, path.join(canvasTargetDir, 'componentRegistry.ts'));
+        }
+        console.log(chalk.yellow(`⚠️  Voice Canvas registry is empty — populate voice/canvas/componentRegistry.ts manually`));
+    }
     // Configure Storybook bundler for StoryUIPanel requirements
     console.log(chalk.blue('\n🔧 Configuring Storybook for Story UI...'));
     const mainConfigPath = path.join(process.cwd(), '.storybook', 'main.ts');

package/dist/cli/update.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../cli/update.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAgTD;;GAEG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,YAAY,CAAC,CAkItF;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,IAAI,CA+BpC"}
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../cli/update.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AAEH,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AA0UD;;GAEG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,YAAY,CAAC,CAkItF;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,IAAI,CA+BpC"}

package/dist/cli/update.js

@@ -26,6 +26,32 @@ const MANAGED_FILES = [
         source: 'templates/StoryUI/index.tsx',
         target: 'src/stories/StoryUI/index.tsx',
         description: 'Panel registration'
+    },
+    // Voice Canvas files
+    {
+        source: 'templates/StoryUI/voice/VoiceCanvas.tsx',
+        target: 'src/stories/StoryUI/voice/VoiceCanvas.tsx',
+        description: 'Voice Canvas component'
+    },
+    {
+        source: 'templates/StoryUI/voice/VoiceControls.tsx',
+        target: 'src/stories/StoryUI/voice/VoiceControls.tsx',
+        description: 'Voice control UI components'
+    },
+    {
+        source: 'templates/StoryUI/voice/useVoiceInput.ts',
+        target: 'src/stories/StoryUI/voice/useVoiceInput.ts',
+        description: 'Voice input hook'
+    },
+    {
+        source: 'templates/StoryUI/voice/voiceCommands.ts',
+        target: 'src/stories/StoryUI/voice/voiceCommands.ts',
+        description: 'Voice command definitions'
+    },
+    {
+        source: 'templates/StoryUI/voice/types.ts',
+        target: 'src/stories/StoryUI/voice/types.ts',
+        description: 'Voice module type definitions'
     }
 ];
 // Files that should NEVER be modified by update