@tpitre/story-ui 2.1.5 → 2.2.0

package/dist/mcp-server/routes/generateStory.js

@@ -1,6 +1,7 @@
 import fetch from 'node-fetch';
 import { generateStory } from '../../story-generator/generateStory.js';
 import * as crypto from 'crypto';
+import * as path from 'path';
 import { buildClaudePrompt as buildFlexiblePrompt } from '../../story-generator/promptGenerator.js';
 import { loadUserConfig, validateConfig } from '../../story-generator/configLoader.js';
 import { setupProductionGitignore } from '../../story-generator/productionGitignoreManager.js';
@@ -13,6 +14,8 @@ import { getDocumentation } from '../../story-generator/documentation-sources.js
 import { postProcessStory } from '../../story-generator/postProcessStory.js';
 import { validateStory } from '../../story-generator/storyValidator.js';
 import { StoryHistoryManager } from '../../story-generator/storyHistory.js';
+import { logger } from '../../story-generator/logger.js';
+import { UrlRedirectService } from '../../story-generator/urlRedirectService.js';
 const CLAUDE_API_URL = 'https://api.anthropic.com/v1/messages';
 const CLAUDE_MODEL = process.env.CLAUDE_MODEL || 'claude-sonnet-4-20250514';
 // Legacy constants - now using dynamic discovery
@@ -32,13 +35,13 @@ async function buildClaudePromptWithContext(userPrompt, config, conversation, pr
     const discovery = new EnhancedComponentDiscovery(config);
     const components = await discovery.discoverAll();
     // Always start with component discovery as the authoritative source
-    console.log(`📦 Discovered ${components.length} components from ${config.importPath}`);
+    logger.log(`📦 Discovered ${components.length} components from ${config.importPath}`);
     const availableComponents = components.map(c => c.name).join(', ');
-    console.log(`✅ Available components: ${availableComponents}`);
+    logger.log(`✅ Available components: ${availableComponents}`);
     // Build base prompt with discovered components (always required)
     let prompt = await buildFlexiblePrompt(userPrompt, config, components);
     // Try to enhance with bundled documentation for usage patterns and design tokens
-    console.log('📋 Using bundled documentation for enhancement');
+    logger.log('📋 Using bundled documentation for enhancement');
     const documentation = getDocumentation(config.importPath);
     if (documentation) {
         const bundledEnhancement = `
@@ -313,7 +316,7 @@ function fileNameFromTitle(title, hash) {
     return `${base}-${hash}.stories.tsx`;
 }
 export async function generateStoryFromPrompt(req, res) {
-    const { prompt, fileName, conversation } = req.body;
+    const { prompt, fileName, conversation, isUpdate, originalTitle, storyId: providedStoryId } = req.body;
     if (!prompt)
         return res.status(400).json({ error: 'Missing prompt' });
     try {
@@ -334,17 +337,36 @@ export async function generateStoryFromPrompt(req, res) {
         const storyTracker = new StoryTracker(config);
         // Initialize history manager - use the current working directory
         const historyManager = new StoryHistoryManager(process.cwd());
+        // Initialize URL redirect service
+        // Use the same directory as the stories to ensure consistency
+        const redirectDir = isProduction ? process.cwd() : path.dirname(config.generatedStoriesPath);
+        const redirectService = new UrlRedirectService(redirectDir);
         // Check if this is an update to an existing story
-        const isUpdate = fileName && conversation && conversation.length > 2;
+        // Use the explicit isUpdate flag from request, or fallback to old logic
+        const isActualUpdate = req.body.isUpdate || (fileName && conversation && conversation.length > 2);
         // Get previous code if this is an update
         let previousCode;
         let parentVersionId;
-        if (isUpdate && fileName) {
+        let oldTitle;
+        let oldStoryUrl;
+        if (isActualUpdate && fileName) {
             const currentVersion = historyManager.getCurrentVersion(fileName);
             if (currentVersion) {
                 previousCode = currentVersion.code;
                 parentVersionId = currentVersion.id;
-                console.log('🔄 Found previous version for iteration');
+                logger.log('🔄 Found previous version for iteration');
+                // Extract the old title from previous code
+                const titleMatch = previousCode.match(/title:\s*["']([^"']+)['"]/);
+                if (titleMatch) {
+                    oldTitle = titleMatch[1];
+                    // Remove the prefix to get clean title for URL generation
+                    const cleanOldTitle = oldTitle.replace(config.storyPrefix || 'Generated/', '');
+                    // Convert title to Storybook URL format
+                    oldStoryUrl = `/story/${cleanOldTitle.toLowerCase().replace(/[^a-z0-9]+/g, '-')}--primary`;
+                    logger.log('📌 Previous title:', oldTitle);
+                    logger.log('📌 Clean title for URL:', cleanOldTitle);
+                    logger.log('📌 Previous URL:', oldStoryUrl);
+                }
             }
         }
         // --- Start of Validation and Retry Loop ---
@@ -356,13 +378,13 @@ export async function generateStoryFromPrompt(req, res) {
         const messages = [{ role: 'user', content: initialPrompt }];
         while (attempts < maxRetries) {
             attempts++;
-            console.log(`--- Story Generation Attempt ${attempts} ---`);
+            logger.log(`--- Story Generation Attempt ${attempts} ---`);
             const claudeResponse = await callClaude(messages);
             const extractedCode = extractCodeBlock(claudeResponse);
             if (!extractedCode) {
                 aiText = claudeResponse; // Use raw response if no code block
                 if (attempts < maxRetries) {
-                    console.log('No code block found, retrying...');
+                    logger.log('No code block found, retrying...');
                     messages.push({ role: 'assistant', content: aiText });
                     messages.push({ role: 'user', content: 'You did not provide a code block. Please provide the complete story in a single `tsx` code block.' });
                     continue;
@@ -377,11 +399,11 @@ export async function generateStoryFromPrompt(req, res) {
             }
             validationErrors = validateStory(aiText);
             if (validationErrors.length === 0) {
-                console.log('✅ Validation successful!');
+                logger.log('✅ Validation successful!');
                 break; // Exit loop on success
             }
-            console.log(`❌ Validation failed with ${validationErrors.length} errors:`);
-            validationErrors.forEach(err => console.log(`  - Line ${err.line}: ${err.message}`));
+            logger.log(`❌ Validation failed with ${validationErrors.length} errors:`);
+            validationErrors.forEach(err => logger.log(`  - Line ${err.line}: ${err.message}`));
             if (attempts < maxRetries) {
                 const errorFeedback = validationErrors
                     .map(err => `- Line ${err.line}: ${err.message}`)
@@ -397,7 +419,7 @@ export async function generateStoryFromPrompt(req, res) {
             // For now, we'll proceed with the last attempt and let the user see the result
         }
         // --- End of Validation and Retry Loop ---
-        console.log('Claude final response:', aiText);
+        logger.log('Claude final response:', aiText);
         // Create enhanced component discovery for validation
         const discovery = new EnhancedComponentDiscovery(config);
         await discovery.discoverAll();
@@ -416,7 +438,7 @@ export async function generateStoryFromPrompt(req, res) {
         const validationResult = extractAndValidateCodeBlock(aiText, config);
         let fileContents;
         let hasValidationWarnings = false;
-        console.log('Validation result:', {
+        logger.log('Validation result:', {
             isValid: validationResult.isValid,
             errors: validationResult.errors,
             warnings: validationResult.warnings,
@@ -425,7 +447,7 @@ export async function generateStoryFromPrompt(req, res) {
         if (!validationResult.isValid && !validationResult.fixedCode) {
             console.error('Generated code validation failed:', validationResult.errors);
             // Create fallback story only if we can't fix the code
-            console.log('Creating fallback story due to validation failure');
+            logger.log('Creating fallback story due to validation failure');
             fileContents = createFallbackStory(prompt, config);
             hasValidationWarnings = true;
         }
@@ -434,7 +456,7 @@ export async function generateStoryFromPrompt(req, res) {
             if (validationResult.fixedCode) {
                 fileContents = validationResult.fixedCode;
                 hasValidationWarnings = true;
-                console.log('Using auto-fixed code');
+                logger.log('Using auto-fixed code');
             }
             else {
                 // Extract the validated code
@@ -455,7 +477,7 @@ export async function generateStoryFromPrompt(req, res) {
             }
             if (validationResult.warnings && validationResult.warnings.length > 0) {
                 hasValidationWarnings = true;
-                console.log('Validation warnings:', validationResult.warnings);
+                logger.log('Validation warnings:', validationResult.warnings);
             }
         }
         if (!fileContents) {
@@ -470,12 +492,18 @@ export async function generateStoryFromPrompt(req, res) {
         let fixedFileContents = postProcessStory(fileContents, config.importPath);
         // Generate title based on conversation context
         let aiTitle;
-        if (isUpdate) {
-            // For updates, try to keep the original title or modify it slightly
+        if (isActualUpdate && originalTitle) {
+            // For updates, preserve the original title
+            aiTitle = originalTitle;
+            logger.log('📝 Preserving original title for update:', aiTitle);
+        }
+        else if (isActualUpdate) {
+            // For updates without original title, try to keep the original title or modify it slightly
             const originalPrompt = conversation.find((msg) => msg.role === 'user')?.content || prompt;
             aiTitle = await getClaudeTitle(originalPrompt);
         }
         else {
+            // For new stories, generate a new title
             aiTitle = await getClaudeTitle(prompt);
         }
         if (!aiTitle || aiTitle.length < 2) {
@@ -486,20 +514,26 @@ export async function generateStoryFromPrompt(req, res) {
         const prettyPrompt = escapeTitleForTS(aiTitle);
         // Fix title with storyPrefix - handle both single-line and multi-line formats
         fixedFileContents = fixedFileContents.replace(/(const\s+meta\s*=\s*\{[\s\S]*?title:\s*["'])([^"']+)(["'])/, (match, p1, oldTitle, p3) => {
-            const title = config.storyPrefix + prettyPrompt;
-            return p1 + title + p3;
+            // Check if the title already has the prefix to avoid double prefixing
+            const titleToUse = prettyPrompt.startsWith(config.storyPrefix)
+                ? prettyPrompt
+                : config.storyPrefix + prettyPrompt;
+            return p1 + titleToUse + p3;
         });
         // Fallback: export default { title: "..." } format
         if (!fixedFileContents.includes(config.storyPrefix)) {
             fixedFileContents = fixedFileContents.replace(/(export\s+default\s*\{[\s\S]*?title:\s*["'])([^"']+)(["'])/, (match, p1, oldTitle, p3) => {
-                const title = config.storyPrefix + prettyPrompt;
-                return p1 + title + p3;
+                // Check if the title already has the prefix to avoid double prefixing
+                const titleToUse = prettyPrompt.startsWith(config.storyPrefix)
+                    ? prettyPrompt
+                    : config.storyPrefix + prettyPrompt;
+                return p1 + titleToUse + p3;
             });
         }
         // Check if this is an update to an existing story
         // ONLY consider it an update if we're in the same conversation context
         let existingStory = null;
-        if (isUpdate && fileName) {
+        if (isActualUpdate && fileName) {
             // When updating within a conversation, look for the story by fileName
             existingStory = storyTracker.findByTitle(aiTitle);
             if (existingStory && existingStory.fileName !== fileName) {
@@ -510,15 +544,23 @@ export async function generateStoryFromPrompt(req, res) {
         // Remove the automatic "find by prompt" logic that was preventing duplicates
         // Generate unique ID and filename
         let hash, finalFileName, storyId;
-        let isActuallyUpdate = false;
-        if (isUpdate && fileName) {
-            // For conversation-based updates, use existing fileName and ID
+        if (isActualUpdate && (fileName || providedStoryId)) {
+            // For updates, preserve the existing fileName and ID
             finalFileName = fileName;
-            // Extract hash from existing fileName if possible
-            const hashMatch = fileName.match(/-([a-f0-9]{8})(?:\.stories\.tsx)?$/);
-            hash = hashMatch ? hashMatch[1] : crypto.createHash('sha1').update(prompt).digest('hex').slice(0, 8);
-            storyId = `story-${hash}`;
-            isActuallyUpdate = true;
+            // Use provided storyId or extract from fileName
+            if (providedStoryId) {
+                storyId = providedStoryId;
+                // Extract hash from storyId
+                const hashMatch = providedStoryId.match(/^story-([a-f0-9]{8})$/);
+                hash = hashMatch ? hashMatch[1] : crypto.createHash('sha1').update(prompt).digest('hex').slice(0, 8);
+            }
+            else {
+                // Extract hash from existing fileName if possible
+                const hashMatch = fileName.match(/-([a-f0-9]{8})(?:\.stories\.tsx)?$/);
+                hash = hashMatch ? hashMatch[1] : crypto.createHash('sha1').update(prompt).digest('hex').slice(0, 8);
+                storyId = `story-${hash}`;
+            }
+            logger.log('📌 Preserving story identity for update:', { storyId, fileName: finalFileName });
         }
         else {
             // For new stories, ALWAYS generate new IDs with timestamp to ensure uniqueness
@@ -526,18 +568,18 @@ export async function generateStoryFromPrompt(req, res) {
             hash = crypto.createHash('sha1').update(prompt + timestamp).digest('hex').slice(0, 8);
             finalFileName = fileName || fileNameFromTitle(aiTitle, hash);
             storyId = `story-${hash}`;
-            isActuallyUpdate = false;
+            logger.log('🆕 Creating new story:', { storyId, fileName: finalFileName });
         }
         if (isProduction) {
             // Production: Store in memory
             const generatedStory = {
                 id: storyId,
                 title: aiTitle,
-                description: isActuallyUpdate ? `Updated: ${prompt}` : prompt,
+                description: isActualUpdate ? `Updated: ${prompt}` : prompt,
                 content: fixedFileContents,
-                createdAt: isActuallyUpdate ? (new Date()) : new Date(),
+                createdAt: isActualUpdate ? (new Date()) : new Date(),
                 lastAccessed: new Date(),
-                prompt: isActuallyUpdate ? conversation.map((msg) => `${msg.role}: ${msg.content}`).join('\n\n') : prompt,
+                prompt: isActualUpdate ? conversation.map((msg) => `${msg.role}: ${msg.content}`).join('\n\n') : prompt,
                 components: extractComponentsFromContent(fixedFileContents)
             };
             storyService.storeStory(generatedStory);
@@ -554,7 +596,23 @@ export async function generateStoryFromPrompt(req, res) {
             storyTracker.registerStory(mapping);
             // Save to history
             historyManager.addVersion(finalFileName, prompt, fixedFileContents, parentVersionId);
-            console.log(`Story ${isActuallyUpdate ? 'updated' : 'stored'} in memory: ${storyId}`);
+            logger.log(`Story ${isActualUpdate ? 'updated' : 'stored'} in memory: ${storyId}`);
+            // Track URL redirect if this is an update and the title changed
+            if (isActualUpdate && oldTitle && oldStoryUrl) {
+                // Extract the new title from the fixed content
+                const newTitleMatch = fixedFileContents.match(/title:\s*["']([^"']+)['"]/);
+                if (newTitleMatch) {
+                    const newTitle = newTitleMatch[1];
+                    // Remove the prefix to get clean title for URL
+                    const cleanNewTitle = newTitle.replace(config.storyPrefix, '');
+                    const cleanOldTitle = oldTitle.replace(config.storyPrefix, '');
+                    const newStoryUrl = `/story/${cleanNewTitle.toLowerCase().replace(/[^a-z0-9]+/g, '-')}--primary`;
+                    if (oldStoryUrl !== newStoryUrl) {
+                        redirectService.addRedirect(oldStoryUrl, newStoryUrl, cleanOldTitle, cleanNewTitle, storyId);
+                        logger.log(`🔀 Added redirect: ${oldStoryUrl} → ${newStoryUrl}`);
+                    }
+                }
+            }
             res.json({
                 success: true,
                 fileName: finalFileName,
@@ -563,7 +621,7 @@ export async function generateStoryFromPrompt(req, res) {
                 story: fileContents,
                 environment: 'production',
                 storage: 'in-memory',
-                isUpdate: isActuallyUpdate,
+                isUpdate: isActualUpdate,
                 validation: {
                     hasWarnings: hasValidationWarnings,
                     errors: validationResult?.errors || [],
@@ -591,16 +649,33 @@ export async function generateStoryFromPrompt(req, res) {
             storyTracker.registerStory(mapping);
             // Save to history
             historyManager.addVersion(finalFileName, prompt, fixedFileContents, parentVersionId);
-            console.log(`Story ${isActuallyUpdate ? 'updated' : 'written'} to:`, outPath);
+            logger.log(`Story ${isActualUpdate ? 'updated' : 'written'} to:`, outPath);
+            // Track URL redirect if this is an update and the title changed
+            if (isActualUpdate && oldTitle && oldStoryUrl) {
+                // Extract the new title from the fixed content
+                const newTitleMatch = fixedFileContents.match(/title:\s*["']([^"']+)['"]/);
+                if (newTitleMatch) {
+                    const newTitle = newTitleMatch[1];
+                    // Remove the prefix to get clean title for URL
+                    const cleanNewTitle = newTitle.replace(config.storyPrefix, '');
+                    const cleanOldTitle = oldTitle.replace(config.storyPrefix, '');
+                    const newStoryUrl = `/story/${cleanNewTitle.toLowerCase().replace(/[^a-z0-9]+/g, '-')}--primary`;
+                    if (oldStoryUrl !== newStoryUrl) {
+                        redirectService.addRedirect(oldStoryUrl, newStoryUrl, cleanOldTitle, cleanNewTitle, storyId);
+                        logger.log(`🔀 Added redirect: ${oldStoryUrl} → ${newStoryUrl}`);
+                    }
+                }
+            }
             res.json({
                 success: true,
                 fileName: finalFileName,
+                storyId,
                 outPath,
                 title: aiTitle,
                 story: fileContents,
                 environment: 'development',
                 storage: 'file-system',
-                isUpdate: isActuallyUpdate,
+                isUpdate: isActualUpdate,
                 validation: {
                     hasWarnings: hasValidationWarnings,
                     errors: validationResult?.errors || [],

package/dist/mcp-server/routes/hybridStories.js

@@ -0,0 +1,214 @@
+import fs from 'fs';
+import path from 'path';
+import { getInMemoryStoryService } from '../../story-generator/inMemoryStoryService.js';
+import { loadUserConfig } from '../../story-generator/configLoader.js';
+import { setupProductionGitignore } from '../../story-generator/productionGitignoreManager.js';
+/**
+ * Get all stories from both memory and file system
+ */
+export function getAllStories(req, res) {
+    try {
+        const config = loadUserConfig();
+        const gitignoreManager = setupProductionGitignore(config);
+        const storyService = getInMemoryStoryService(config);
+        let allStories = [];
+        // Get stories from memory
+        const memoryStories = storyService.getStoryMetadata();
+        allStories = [...memoryStories];
+        // In development mode, also check file system
+        if (!gitignoreManager.isProductionMode() && config.generatedStoriesPath) {
+            try {
+                if (fs.existsSync(config.generatedStoriesPath)) {
+                    const files = fs.readdirSync(config.generatedStoriesPath);
+                    const fileStories = files
+                        .filter(file => file.endsWith('.stories.tsx'))
+                        .map(file => {
+                        const fileName = file;
+                        const hash = file.match(/-([a-f0-9]{8})\.stories\.tsx$/)?.[1] || '';
+                        const storyId = hash ? `story-${hash}` : file.replace('.stories.tsx', '');
+                        // Try to read the file to get the title
+                        let title = file.replace('.stories.tsx', '').replace(/-/g, ' ');
+                        try {
+                            const filePath = path.join(config.generatedStoriesPath, file);
+                            const content = fs.readFileSync(filePath, 'utf-8');
+                            const titleMatch = content.match(/title:\s*['"]([^'"]+)['"]/);
+                            if (titleMatch) {
+                                title = titleMatch[1].replace('Generated/', '');
+                            }
+                        }
+                        catch (e) {
+                            // Use filename as fallback
+                        }
+                        return {
+                            id: storyId,
+                            fileName,
+                            title,
+                            createdAt: fs.statSync(path.join(config.generatedStoriesPath, file)).birthtime,
+                            storage: 'file-system'
+                        };
+                    });
+                    // Merge, avoiding duplicates
+                    const memoryIds = new Set(memoryStories.map(s => s.id));
+                    const uniqueFileStories = fileStories.filter(s => !memoryIds.has(s.id));
+                    allStories = [...allStories, ...uniqueFileStories];
+                }
+            }
+            catch (error) {
+                console.error('Error reading file system stories:', error);
+            }
+        }
+        res.json(allStories);
+    }
+    catch (error) {
+        console.error('Error in getAllStories:', error);
+        res.status(500).json({ error: 'Failed to retrieve stories' });
+    }
+}
+/**
+ * Get a specific story by ID from memory or file system
+ */
+export function getStoryById(req, res) {
+    try {
+        const { id } = req.params;
+        const config = loadUserConfig();
+        const gitignoreManager = setupProductionGitignore(config);
+        const storyService = getInMemoryStoryService(config);
+        // First try memory
+        const memoryStory = storyService.getStory(id);
+        if (memoryStory) {
+            return res.json(memoryStory);
+        }
+        // In development, try file system
+        if (!gitignoreManager.isProductionMode() && config.generatedStoriesPath) {
+            // Try to find by story ID pattern
+            const files = fs.readdirSync(config.generatedStoriesPath);
+            // Extract hash from story ID (e.g., "story-abc123" -> "abc123")
+            const hashMatch = id.match(/^story-([a-f0-9]{8})$/);
+            const hash = hashMatch ? hashMatch[1] : null;
+            // Find file by hash or exact match
+            const matchingFile = files.find(file => {
+                if (hash && file.includes(`-${hash}.stories.tsx`))
+                    return true;
+                if (file === `${id}.stories.tsx`)
+                    return true;
+                if (file === id)
+                    return true;
+                return false;
+            });
+            if (matchingFile) {
+                const filePath = path.join(config.generatedStoriesPath, matchingFile);
+                const content = fs.readFileSync(filePath, 'utf-8');
+                const stats = fs.statSync(filePath);
+                // Extract title from content
+                let title = matchingFile.replace('.stories.tsx', '').replace(/-/g, ' ');
+                const titleMatch = content.match(/title:\s*['"]([^'"]+)['"]/);
+                if (titleMatch) {
+                    title = titleMatch[1].replace('Generated/', '');
+                }
+                return res.json({
+                    id,
+                    fileName: matchingFile,
+                    title,
+                    content,
+                    createdAt: stats.birthtime,
+                    storage: 'file-system'
+                });
+            }
+        }
+        res.status(404).json({ error: 'Story not found' });
+    }
+    catch (error) {
+        console.error('Error in getStoryById:', error);
+        res.status(500).json({ error: 'Failed to retrieve story' });
+    }
+}
+/**
+ * Get story content by ID
+ */
+export function getStoryContent(req, res) {
+    try {
+        const { id } = req.params;
+        const config = loadUserConfig();
+        const gitignoreManager = setupProductionGitignore(config);
+        const storyService = getInMemoryStoryService(config);
+        // First try memory
+        const content = storyService.getStoryContent(id);
+        if (content) {
+            res.setHeader('Content-Type', 'text/plain');
+            return res.send(content);
+        }
+        // In development, try file system
+        if (!gitignoreManager.isProductionMode() && config.generatedStoriesPath) {
+            const files = fs.readdirSync(config.generatedStoriesPath);
+            // Extract hash from story ID
+            const hashMatch = id.match(/^story-([a-f0-9]{8})$/);
+            const hash = hashMatch ? hashMatch[1] : null;
+            const matchingFile = files.find(file => {
+                if (hash && file.includes(`-${hash}.stories.tsx`))
+                    return true;
+                if (file === `${id}.stories.tsx`)
+                    return true;
+                if (file === id)
+                    return true;
+                return false;
+            });
+            if (matchingFile) {
+                const filePath = path.join(config.generatedStoriesPath, matchingFile);
+                const content = fs.readFileSync(filePath, 'utf-8');
+                res.setHeader('Content-Type', 'text/plain');
+                return res.send(content);
+            }
+        }
+        res.status(404).json({ error: 'Story content not found' });
+    }
+    catch (error) {
+        console.error('Error in getStoryContent:', error);
+        res.status(500).json({ error: 'Failed to retrieve story content' });
+    }
+}
+/**
+ * Delete a story by ID
+ */
+export function deleteStory(req, res) {
+    try {
+        const { id } = req.params;
+        const config = loadUserConfig();
+        const gitignoreManager = setupProductionGitignore(config);
+        const storyService = getInMemoryStoryService(config);
+        console.log(`🗑️ Attempting to delete story: ${id}`);
+        // First try memory
+        const memoryDeleted = storyService.deleteStory(id);
+        if (memoryDeleted) {
+            console.log(`✅ Deleted story from memory: ${id}`);
+            return res.json({ success: true, message: 'Story deleted from memory' });
+        }
+        // In development, try file system
+        if (!gitignoreManager.isProductionMode() && config.generatedStoriesPath) {
+            const files = fs.readdirSync(config.generatedStoriesPath);
+            // Extract hash from story ID
+            const hashMatch = id.match(/^story-([a-f0-9]{8})$/);
+            const hash = hashMatch ? hashMatch[1] : null;
+            const matchingFile = files.find(file => {
+                if (hash && file.includes(`-${hash}.stories.tsx`))
+                    return true;
+                if (file === `${id}.stories.tsx`)
+                    return true;
+                if (file === id)
+                    return true;
+                return false;
+            });
+            if (matchingFile) {
+                const filePath = path.join(config.generatedStoriesPath, matchingFile);
+                fs.unlinkSync(filePath);
+                console.log(`✅ Deleted story file: ${filePath}`);
+                return res.json({ success: true, message: 'Story deleted from file system' });
+            }
+        }
+        console.log(`❌ Story not found: ${id}`);
+        res.status(404).json({ error: 'Story not found' });
+    }
+    catch (error) {
+        console.error('Error in deleteStory:', error);
+        res.status(500).json({ error: 'Failed to delete story' });
+    }
+}

package/dist/mcp-server/routes/memoryStories.js

@@ -1,11 +1,12 @@
 import { getInMemoryStoryService } from '../../story-generator/inMemoryStoryService.js';
-import { STORY_UI_CONFIG } from '../../story-ui.config.js';
+import { loadUserConfig } from '../../story-generator/configLoader.js';
 /**
  * Get all stories metadata
  */
 export function getStoriesMetadata(req, res) {
     try {
-        const storyService = getInMemoryStoryService(STORY_UI_CONFIG);
+        const config = loadUserConfig();
+        const storyService = getInMemoryStoryService(config);
         const metadata = storyService.getStoryMetadata();
         res.json({
             success: true,
@@ -26,7 +27,8 @@ export function getStoriesMetadata(req, res) {
 export function getStoryById(req, res) {
     try {
         const { id } = req.params;
-        const storyService = getInMemoryStoryService(STORY_UI_CONFIG);
+        const config = loadUserConfig();
+        const storyService = getInMemoryStoryService(config);
         const story = storyService.getStory(id);
         if (!story) {
             return res.status(404).json({
@@ -52,7 +54,8 @@ export function getStoryById(req, res) {
 export function getStoryContent(req, res) {
     try {
         const { id } = req.params;
-        const storyService = getInMemoryStoryService(STORY_UI_CONFIG);
+        const config = loadUserConfig();
+        const storyService = getInMemoryStoryService(config);
         const content = storyService.getStoryContent(id);
         if (!content) {
             return res.status(404).json({
@@ -77,7 +80,8 @@ export function getStoryContent(req, res) {
 export function deleteStory(req, res) {
     try {
         const { id } = req.params;
-        const storyService = getInMemoryStoryService(STORY_UI_CONFIG);
+        const config = loadUserConfig();
+        const storyService = getInMemoryStoryService(config);
         const deleted = storyService.deleteStory(id);
         if (!deleted) {
             return res.status(404).json({
@@ -102,7 +106,8 @@ export function deleteStory(req, res) {
  */
 export function clearAllStories(req, res) {
     try {
-        const storyService = getInMemoryStoryService(STORY_UI_CONFIG);
+        const config = loadUserConfig();
+        const storyService = getInMemoryStoryService(config);
         storyService.clearAllStories();
         res.json({
             success: true,
@@ -121,7 +126,8 @@ export function clearAllStories(req, res) {
  */
 export function getMemoryStats(req, res) {
     try {
-        const storyService = getInMemoryStoryService(STORY_UI_CONFIG);
+        const config = loadUserConfig();
+        const storyService = getInMemoryStoryService(config);
         const stats = storyService.getMemoryStats();
         res.json({
             success: true,