@tpitre/story-ui 4.4.0 → 4.4.2

package/README.md

@@ -67,9 +67,9 @@ Story UI will guide you through:
 
 | Provider | Models | Best For |
 |----------|--------|----------|
-| **Claude** (Anthropic) | claude-opus-4-5, claude-sonnet-4-5, claude-haiku-4-5 | Complex reasoning, code quality |
+| **Claude** (Anthropic) | claude-opus-4-5-20251101, claude-sonnet-4-5-20250929, claude-haiku-4-5-20251001, claude-sonnet-4-20250514 | Complex reasoning, code quality |
 | **GPT** (OpenAI) | gpt-5.2, gpt-5.1, gpt-4o, gpt-4o-mini | Versatility, latest capabilities |
-| **Gemini** (Google) | gemini-2.5-pro, gemini-2.5-flash, gemini-2.0-flash | Fast generation, cost efficiency |
+| **Gemini** (Google) | gemini-3-pro-preview, gemini-2.5-pro, gemini-2.5-flash, gemini-2.0-flash | Advanced reasoning, fast generation |
 
 ### Production Deployment
 - **Railway**: Node.js backend with file-based story persistence
@@ -467,17 +467,20 @@ npx story-ui mcp
 
 | Method | Endpoint | Description |
 |--------|----------|-------------|
+| `POST` | `/story-ui/generate` | Generate story (specify provider in body) |
+| `POST` | `/story-ui/generate-stream` | Generate story with streaming |
 | `GET` | `/story-ui/providers` | List available LLM providers and models |
-| `POST` | `/story-ui/claude` | Generate with Claude |
-| `POST` | `/story-ui/openai` | Generate with OpenAI |
-| `POST` | `/story-ui/gemini` | Generate with Gemini |
+| `GET` | `/story-ui/components` | List discovered components |
 | `GET` | `/story-ui/considerations` | Get design system context |
+| `GET` | `/mcp/stories` | List generated stories |
+| `DELETE` | `/mcp/stories/:storyId` | Delete a story |
 
 ### Request Format
 
 ```typescript
 {
   prompt: string;           // User's request
+  provider?: string;        // LLM provider: 'claude' | 'openai' | 'gemini'
   model?: string;           // Specific model to use
   previousCode?: string;    // For iterations
   history?: Message[];      // Conversation history

package/dist/mcp-server/index.js

@@ -22,6 +22,26 @@ import { UrlRedirectService } from '../story-generator/urlRedirectService.js';
 import { getProviders, getModels, configureProviderRoute, validateApiKey, setDefaultProvider, setModel, getUISettings, applyUISettings, getSettingsConfig } from './routes/providers.js';
 import { listFrameworks, detectCurrentFramework, getFrameworkDetails, validateStoryForFramework, postProcessStoryForFramework, } from './routes/frameworks.js';
 import mcpRemoteRouter from './routes/mcpRemote.js';
+import { getAdapterRegistry } from '../story-generator/framework-adapters/index.js';
+// Supported story file extensions for all frameworks
+const STORY_EXTENSIONS = ['.stories.tsx', '.stories.ts', '.stories.svelte', '.stories.js'];
+/**
+ * Check if a file is a story file (supports all framework extensions)
+ */
+function isStoryFile(filename) {
+    return STORY_EXTENSIONS.some(ext => filename.endsWith(ext));
+}
+/**
+ * Remove story extension from filename to get base name
+ */
+function removeStoryExtension(filename) {
+    for (const ext of STORY_EXTENSIONS) {
+        if (filename.endsWith(ext)) {
+            return filename.replace(ext, '');
+        }
+    }
+    return filename;
+}
 const app = express();
 // CORS configuration
 // - Allow all origins for /story-ui/* routes (public API for production Storybooks)
@@ -88,19 +108,19 @@ app.get('/mcp/stories', async (req, res) => {
         }
         const files = fs.readdirSync(storiesPath);
         const stories = files
-            .filter(file => file.endsWith('.stories.tsx') || file.endsWith('.stories.ts') || file.endsWith('.stories.svelte'))
+            .filter(file => isStoryFile(file))
             .map(file => {
             const filePath = path.join(storiesPath, file);
             const stats = fs.statSync(filePath);
             const content = fs.readFileSync(filePath, 'utf-8');
             // Extract title from story file
             const titleMatch = content.match(/title:\s*['"]([^'"]+)['"]/);
-            let title = titleMatch ? titleMatch[1].replace('Generated/', '') : file.replace(/\.stories\.(tsx|ts|svelte)$/, '');
+            let title = titleMatch ? titleMatch[1].replace('Generated/', '') : removeStoryExtension(file);
             // Remove hash suffix from display title
             title = title.replace(/\s*\([a-f0-9]{8}\)$/i, '');
             return {
-                id: file.replace(/\.stories\.(tsx|ts|svelte)$/, ''),
-                storyId: file.replace(/\.stories\.(tsx|ts|svelte)$/, ''),
+                id: removeStoryExtension(file),
+                storyId: removeStoryExtension(file),
                 fileName: file,
                 title,
                 lastUpdated: stats.mtime.getTime(),
@@ -248,7 +268,8 @@ app.delete('/mcp/stories/:storyId', async (req, res) => {
         return res.status(500).json({ error: 'Failed to delete story' });
     }
 });
-// File-based story routes - stories are generated as .stories.tsx files
+// File-based story routes - stories are generated as framework-specific files
+// (.stories.tsx for React, .stories.ts for Vue/Angular, .stories.svelte for Svelte, .stories.js for Web Components)
 // Storybook discovers these automatically via its native file system watching
 // Proxy routes for frontend compatibility (maps /story-ui/ to /mcp/)
 app.post('/story-ui/generate', generateStoryFromPrompt);
@@ -326,18 +347,18 @@ app.get('/story-ui/stories', async (req, res) => {
         }
         const files = fs.readdirSync(storiesPath);
         const stories = files
-            .filter(file => file.endsWith('.stories.tsx'))
+            .filter(file => isStoryFile(file))
             .map(file => {
             const filePath = path.join(storiesPath, file);
             const stats = fs.statSync(filePath);
             const content = fs.readFileSync(filePath, 'utf-8');
             // Extract title from story file
             const titleMatch = content.match(/title:\s*['"]([^'"]+)['"]/);
-            let title = titleMatch ? titleMatch[1].replace('Generated/', '') : file.replace('.stories.tsx', '');
+            let title = titleMatch ? titleMatch[1].replace('Generated/', '') : removeStoryExtension(file);
             // Remove hash suffix like " (a1b2c3d4)" from display title - hash is for Storybook uniqueness only
             title = title.replace(/\s*\([a-f0-9]{8}\)$/i, '');
             return {
-                id: file.replace('.stories.tsx', ''),
+                id: removeStoryExtension(file),
                 fileName: file,
                 title,
                 lastUpdated: stats.mtime.getTime(),
@@ -365,7 +386,12 @@ app.post('/story-ui/stories', async (req, res) => {
         if (!fs.existsSync(storiesPath)) {
             fs.mkdirSync(storiesPath, { recursive: true });
         }
-        const fileName = `${id}.stories.tsx`;
+        // Get the correct file extension from the framework adapter
+        const registry = getAdapterRegistry();
+        const frameworkType = (config.componentFramework || 'react');
+        const adapter = registry.getAdapter(frameworkType);
+        const extension = adapter?.defaultExtension || '.stories.tsx';
+        const fileName = `${id}${extension}`;
         const filePath = path.join(storiesPath, fileName);
         fs.writeFileSync(filePath, code, 'utf-8');
         console.log(`✅ Saved story: ${filePath}`);
@@ -388,10 +414,15 @@ app.delete('/story-ui/stories/:id', async (req, res) => {
         const { id } = req.params;
         const storiesPath = config.generatedStoriesPath;
         // Try exact match first (fileName format)
-        // Handle both .tsx and .svelte extensions
+        // Handle all story file extensions
         let fileName = id;
-        if (!id.endsWith('.stories.tsx') && !id.endsWith('.stories.ts') && !id.endsWith('.stories.svelte')) {
-            fileName = `${id}.stories.tsx`;
+        if (!isStoryFile(id)) {
+            // Get the correct file extension from the framework adapter
+            const registry = getAdapterRegistry();
+            const frameworkType = (config.componentFramework || 'react');
+            const adapter = registry.getAdapter(frameworkType);
+            const extension = adapter?.defaultExtension || '.stories.tsx';
+            fileName = `${id}${extension}`;
         }
         const filePath = path.join(storiesPath, fileName);
         if (fs.existsSync(filePath)) {
@@ -433,7 +464,7 @@ app.post('/story-ui/delete', async (req, res) => {
         console.log(`🔍 Searching for story in: ${storiesPath}`);
         if (fs.existsSync(storiesPath)) {
             const files = fs.readdirSync(storiesPath);
-            const matchingFile = files.find(file => file.includes(id) || file.replace('.stories.tsx', '') === id);
+            const matchingFile = files.find(file => file.includes(id) || removeStoryExtension(file) === id);
             if (matchingFile) {
                 const filePath = path.join(storiesPath, matchingFile);
                 fs.unlinkSync(filePath);
@@ -467,9 +498,15 @@ app.post('/story-ui/stories/delete-bulk', async (req, res) => {
         const deleted = [];
         const notFound = [];
         const errors = [];
+        // Get the correct file extension from the framework adapter
+        const registry = getAdapterRegistry();
+        const frameworkType = (config.componentFramework || 'react');
+        const adapter = registry.getAdapter(frameworkType);
+        const extension = adapter?.defaultExtension || '.stories.tsx';
         for (const id of ids) {
             try {
-                const fileName = id.endsWith('.stories.tsx') ? id : `${id}.stories.tsx`;
+                // Check if id already has a story extension
+                const fileName = isStoryFile(id) ? id : `${id}${extension}`;
                 const filePath = path.join(storiesPath, fileName);
                 if (fs.existsSync(filePath)) {
                     fs.unlinkSync(filePath);
@@ -477,7 +514,17 @@ app.post('/story-ui/stories/delete-bulk', async (req, res) => {
                     console.log(`✅ Deleted: ${fileName}`);
                 }
                 else {
-                    notFound.push(id);
+                    // Try to find a matching file with any story extension
+                    const files = fs.readdirSync(storiesPath);
+                    const matchingFile = files.find(f => isStoryFile(f) && (f === id || removeStoryExtension(f) === id));
+                    if (matchingFile) {
+                        fs.unlinkSync(path.join(storiesPath, matchingFile));
+                        deleted.push(id);
+                        console.log(`✅ Deleted: ${matchingFile}`);
+                    }
+                    else {
+                        notFound.push(id);
+                    }
                 }
             }
             catch (err) {
@@ -543,10 +590,8 @@ app.delete('/story-ui/stories', async (req, res) => {
             return res.json({ success: true, deleted: 0, message: 'No stories directory found' });
         }
         const files = fs.readdirSync(storiesPath);
-        // Support all story file extensions: .tsx, .ts, .svelte
-        const storyFiles = files.filter(file => file.endsWith('.stories.tsx') ||
-            file.endsWith('.stories.ts') ||
-            file.endsWith('.stories.svelte'));
+        // Support all story file extensions
+        const storyFiles = files.filter(file => isStoryFile(file));
         let deleted = 0;
         for (const file of storyFiles) {
             try {
@@ -582,24 +627,16 @@ app.post('/story-ui/orphan-stories', async (req, res) => {
             return res.json({ orphans: [], count: 0 });
         }
         const files = fs.readdirSync(storiesPath);
-        const storyFiles = files.filter(file => file.endsWith('.stories.tsx') ||
-            file.endsWith('.stories.ts') ||
-            file.endsWith('.stories.svelte'));
+        const storyFiles = files.filter(file => isStoryFile(file));
         // Find orphans: stories that don't match any chat fileName
         const orphans = storyFiles.filter(storyFile => {
             // Extract the base name without extension for comparison
-            const storyBase = storyFile
-                .replace('.stories.tsx', '')
-                .replace('.stories.ts', '')
-                .replace('.stories.svelte', '');
+            const storyBase = removeStoryExtension(storyFile);
             // Check if any chat fileName matches this story
             return !chatFileNames.some(chatFileName => {
                 if (!chatFileName)
                     return false;
-                const chatBase = chatFileName
-                    .replace('.stories.tsx', '')
-                    .replace('.stories.ts', '')
-                    .replace('.stories.svelte', '');
+                const chatBase = removeStoryExtension(chatFileName);
                 return storyBase === chatBase || storyFile === chatFileName;
             });
         });
@@ -642,22 +679,14 @@ app.delete('/story-ui/orphan-stories', async (req, res) => {
             return res.json({ deleted: [], count: 0 });
         }
         const files = fs.readdirSync(storiesPath);
-        const storyFiles = files.filter(file => file.endsWith('.stories.tsx') ||
-            file.endsWith('.stories.ts') ||
-            file.endsWith('.stories.svelte'));
+        const storyFiles = files.filter(file => isStoryFile(file));
         // Find orphans: stories that don't match any chat fileName
         const orphans = storyFiles.filter(storyFile => {
-            const storyBase = storyFile
-                .replace('.stories.tsx', '')
-                .replace('.stories.ts', '')
-                .replace('.stories.svelte', '');
+            const storyBase = removeStoryExtension(storyFile);
             return !chatFileNames.some(chatFileName => {
                 if (!chatFileName)
                     return false;
-                const chatBase = chatFileName
-                    .replace('.stories.tsx', '')
-                    .replace('.stories.ts', '')
-                    .replace('.stories.svelte', '');
+                const chatBase = removeStoryExtension(chatFileName);
                 return storyBase === chatBase || storyFile === chatFileName;
             });
         });

package/dist/mcp-server/mcp-stdio-server.js

@@ -31,6 +31,26 @@ const HTTP_PORT = process.env.VITE_STORY_UI_PORT || process.env.STORY_UI_HTTP_PO
 const HTTP_BASE_URL = process.env.STORY_UI_HTTP_BASE_URL || `http://localhost:${HTTP_PORT}`;
 // Initialize configuration
 const config = loadUserConfig();
+// Framework-agnostic story file extensions
+const STORY_EXTENSIONS = ['.stories.tsx', '.stories.ts', '.stories.svelte', '.stories.js'];
+// Helper function to check if a file is a story file
+function isStoryFile(filename) {
+    return STORY_EXTENSIONS.some(ext => filename.endsWith(ext));
+}
+// Helper function to remove any story extension from a filename
+function removeStoryExtension(filename) {
+    for (const ext of STORY_EXTENSIONS) {
+        if (filename.endsWith(ext)) {
+            return filename.slice(0, -ext.length);
+        }
+    }
+    return filename;
+}
+// Helper function to extract hash from story filename (e.g., "Button-a1b2c3d4.stories.tsx" -> "a1b2c3d4")
+function getHashFromFilename(filename) {
+    const match = filename.match(/-([a-f0-9]{8})\.stories\./);
+    return match ? match[1] : null;
+}
 // Create MCP server instance
 const server = new Server({
     name: "story-ui",
@@ -230,12 +250,12 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                     if (config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                         const files = fs.readdirSync(config.generatedStoriesPath);
                         files
-                            .filter((file) => file.endsWith('.stories.tsx'))
+                            .filter((file) => isStoryFile(file))
                             .forEach((file) => {
-                            const hash = file.match(/-([a-f0-9]{8})\.stories\.tsx$/)?.[1] || '';
-                            const storyId = hash ? `story-${hash}` : file.replace('.stories.tsx', '');
+                            const hash = getHashFromFilename(file) || '';
+                            const storyId = hash ? `story-${hash}` : removeStoryExtension(file);
                             // Try to read title from file
-                            let title = file.replace('.stories.tsx', '').replace(/-/g, ' ');
+                            let title = removeStoryExtension(file).replace(/-/g, ' ');
                             try {
                                 const filePath = path.join(config.generatedStoriesPath, file);
                                 const content = fs.readFileSync(filePath, 'utf-8');
@@ -325,11 +345,13 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                         // Extract hash from story ID
                         const hashMatch = storyId.match(/^story-([a-f0-9]{8})$/);
                         const hash = hashMatch ? hashMatch[1] : null;
-                        // Find matching file
+                        // Find matching file (framework-agnostic)
                         const matchingFile = files.find(file => {
-                            if (hash && file.includes(`-${hash}.stories.tsx`))
+                            if (!isStoryFile(file))
+                                return false;
+                            if (hash && file.includes(`-${hash}.stories.`))
                                 return true;
-                            if (file === `${storyId}.stories.tsx`)
+                            if (removeStoryExtension(file) === storyId)
                                 return true;
                             if (file === storyId)
                                 return true;
@@ -402,7 +424,7 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                     if (!storyId) {
                         if (config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                             const files = fs.readdirSync(config.generatedStoriesPath)
-                                .filter((file) => file.endsWith('.stories.tsx'))
+                                .filter((file) => isStoryFile(file))
                                 .map((file) => {
                                 const filePath = path.join(config.generatedStoriesPath, file);
                                 const stats = fs.statSync(filePath);
@@ -412,8 +434,8 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                             if (files.length > 0) {
                                 // Use the most recently modified story
                                 const mostRecent = files[0].file;
-                                const hashMatch = mostRecent.match(/-([a-f0-9]{8})\.stories\.tsx$/);
-                                storyId = hashMatch ? `story-${hashMatch[1]}` : mostRecent.replace('.stories.tsx', '');
+                                const hash = getHashFromFilename(mostRecent);
+                                storyId = hash ? `story-${hash}` : removeStoryExtension(mostRecent);
                                 console.error(`[MCP] Using most recent story: ${mostRecent} (${storyId})`);
                             }
                         }
@@ -436,11 +458,13 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
                         // Extract hash from story ID
                         const hashMatch = storyId.match(/^story-([a-f0-9]{8})$/);
                         const hash = hashMatch ? hashMatch[1] : null;
-                        // Find matching file
+                        // Find matching file (framework-agnostic)
                         const matchingFile = files.find(file => {
-                            if (hash && file.includes(`-${hash}.stories.tsx`))
+                            if (!isStoryFile(file))
+                                return false;
+                            if (hash && file.includes(`-${hash}.stories.`))
                                 return true;
-                            if (file === `${storyId}.stories.tsx`)
+                            if (removeStoryExtension(file) === storyId)
                                 return true;
                             return false;
                         });

package/dist/mcp-server/routes/mcpRemote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcpRemote.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/mcpRemote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAiCH,eAAO,MAAM,MAAM,4CAAW,CAAC;AA6mB/B,eAAe,MAAM,CAAC"}
+{"version":3,"file":"mcpRemote.d.ts","sourceRoot":"","sources":["../../../mcp-server/routes/mcpRemote.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAiGH,eAAO,MAAM,MAAM,4CAAW,CAAC;AAwlB/B,eAAe,MAAM,CAAC"}

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

@@ -38,6 +38,63 @@ const HTTP_PORT = process.env.VITE_STORY_UI_PORT || process.env.STORY_UI_HTTP_PO
 const HTTP_BASE_URL = `http://localhost:${HTTP_PORT}`;
 // Load configuration
 const config = loadUserConfig();
+// Get all supported story file extensions based on framework adapters
+// This ensures MCP remote works with all frameworks (React, Vue, Angular, Svelte, Web Components)
+const STORY_EXTENSIONS = ['.stories.tsx', '.stories.ts', '.stories.svelte', '.stories.js'];
+/**
+ * Check if a file is a story file (supports all framework extensions)
+ */
+function isStoryFile(filename) {
+    return STORY_EXTENSIONS.some(ext => filename.endsWith(ext));
+}
+/**
+ * Get the story ID from a filename (works with all extensions)
+ */
+function getStoryIdFromFile(filename) {
+    // Extract hash from filename like "Button-a1b2c3d4.stories.tsx" or "Card-12345678.stories.svelte"
+    const hashMatch = filename.match(/-([a-f0-9]{8})\.stories\.(tsx?|svelte|js)$/);
+    if (hashMatch) {
+        return `story-${hashMatch[1]}`;
+    }
+    // Fall back to filename without extension
+    for (const ext of STORY_EXTENSIONS) {
+        if (filename.endsWith(ext)) {
+            return filename.replace(ext, '');
+        }
+    }
+    return filename;
+}
+/**
+ * Get the base name from a filename (without extension)
+ */
+function getBaseName(filename) {
+    for (const ext of STORY_EXTENSIONS) {
+        if (filename.endsWith(ext)) {
+            return filename.replace(ext, '');
+        }
+    }
+    return filename;
+}
+/**
+ * Check if a file matches a story ID (supports all extensions)
+ */
+function fileMatchesStoryId(filename, storyId) {
+    // Extract hash from storyId like "story-a1b2c3d4"
+    const hashMatch = storyId.match(/^story-([a-f0-9]{8})$/);
+    const hash = hashMatch ? hashMatch[1] : null;
+    if (hash) {
+        // Check if filename contains the hash
+        return filename.includes(`-${hash}.stories.`);
+    }
+    // Check if filename matches storyId with any extension
+    if (filename === storyId)
+        return true;
+    for (const ext of STORY_EXTENSIONS) {
+        if (filename === `${storyId}${ext}`)
+            return true;
+    }
+    return false;
+}
 export const router = Router();
 // Store SSE transports for legacy session management
 const sseTransports = {};
@@ -206,11 +263,10 @@ async function handleToolCall(name, args) {
             if (config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                 const files = fs.readdirSync(config.generatedStoriesPath);
                 fileStories = files
-                    .filter(file => file.endsWith('.stories.tsx'))
+                    .filter(file => isStoryFile(file))
                     .map(file => {
-                    const hash = file.match(/-([a-f0-9]{8})\.stories\.tsx$/)?.[1] || '';
-                    const storyId = hash ? `story-${hash}` : file.replace('.stories.tsx', '');
-                    let title = file.replace('.stories.tsx', '').replace(/-/g, ' ');
+                    const storyId = getStoryIdFromFile(file);
+                    let title = getBaseName(file).replace(/-/g, ' ');
                     try {
                         const filePath = path.join(config.generatedStoriesPath, file);
                         const content = fs.readFileSync(filePath, 'utf-8');
@@ -243,17 +299,7 @@ async function handleToolCall(name, args) {
             const { storyId } = args;
             if (config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                 const files = fs.readdirSync(config.generatedStoriesPath);
-                const hashMatch = storyId.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 === `${storyId}.stories.tsx`)
-                        return true;
-                    if (file === storyId)
-                        return true;
-                    return false;
-                });
+                const matchingFile = files.find(file => fileMatchesStoryId(file, storyId));
                 if (matchingFile) {
                     const filePath = path.join(config.generatedStoriesPath, matchingFile);
                     const content = fs.readFileSync(filePath, 'utf-8');
@@ -273,17 +319,7 @@ async function handleToolCall(name, args) {
             const { storyId } = args;
             if (config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                 const files = fs.readdirSync(config.generatedStoriesPath);
-                const hashMatch = storyId.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 === `${storyId}.stories.tsx`)
-                        return true;
-                    if (file === storyId)
-                        return true;
-                    return false;
-                });
+                const matchingFile = files.find(file => fileMatchesStoryId(file, storyId));
                 if (matchingFile) {
                     const filePath = path.join(config.generatedStoriesPath, matchingFile);
                     fs.unlinkSync(filePath);
@@ -325,15 +361,14 @@ async function handleToolCall(name, args) {
             // Find the story to update if no ID provided
             if (!storyId && config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                 const files = fs.readdirSync(config.generatedStoriesPath)
-                    .filter(f => f.endsWith('.stories.tsx'))
+                    .filter(f => isStoryFile(f))
                     .sort((a, b) => {
                     const statA = fs.statSync(path.join(config.generatedStoriesPath, a));
                     const statB = fs.statSync(path.join(config.generatedStoriesPath, b));
                     return statB.mtime.getTime() - statA.mtime.getTime();
                 });
                 if (files.length > 0) {
-                    const hash = files[0].match(/-([a-f0-9]{8})\.stories\.tsx$/)?.[1];
-                    storyId = hash ? `story-${hash}` : files[0].replace('.stories.tsx', '');
+                    storyId = getStoryIdFromFile(files[0]);
                 }
             }
             if (!storyId) {
@@ -350,13 +385,7 @@ async function handleToolCall(name, args) {
             let storyMetadata = {};
             if (config.generatedStoriesPath && fs.existsSync(config.generatedStoriesPath)) {
                 const files = fs.readdirSync(config.generatedStoriesPath);
-                const hashMatch = storyId.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;
-                    return false;
-                });
+                const matchingFile = files.find(file => fileMatchesStoryId(file, storyId));
                 if (matchingFile) {
                     const filePath = path.join(config.generatedStoriesPath, matchingFile);
                     existingCode = fs.readFileSync(filePath, 'utf-8');

package/dist/story-generator/llm-providers/gemini-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gemini-provider.d.ts","sourceRoot":"","sources":["../../../story-generator/llm-providers/gemini-provider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,gBAAgB,EAGjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoGrD,qBAAa,cAAe,SAAQ,eAAe;IACjD,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAY;IACvC,QAAQ,CAAC,eAAe,cAAiB;gBAE7B,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAU5C,OAAO,CAAC,SAAS;IAKX,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC;IA6D1E,UAAU,CACf,QAAQ,EAAE,WAAW,EAAE,EACvB,OAAO,CAAC,EAAE,WAAW,GACpB,aAAa,CAAC,WAAW,CAAC;IA+GvB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC;IA8C/D,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,cAAc;IAqCtB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,eAAe;IAiBvB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAKrC;AAGD,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,cAAc,CAErF"}
+{"version":3,"file":"gemini-provider.d.ts","sourceRoot":"","sources":["../../../story-generator/llm-providers/gemini-provider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,YAAY,EACZ,cAAc,EACd,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,EACX,gBAAgB,EAGjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkHrD,qBAAa,cAAe,SAAQ,eAAe;IACjD,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAY;IACvC,QAAQ,CAAC,eAAe,cAAiB;gBAE7B,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAU5C,OAAO,CAAC,SAAS;IAKX,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,YAAY,CAAC;IA6D1E,UAAU,CACf,QAAQ,EAAE,WAAW,EAAE,EACvB,OAAO,CAAC,EAAE,WAAW,GACpB,aAAa,CAAC,WAAW,CAAC;IA+GvB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC;IA8C/D,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,cAAc;IAqCtB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,eAAe;IAiBvB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;CAKrC;AAGD,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,cAAc,CAErF"}

package/dist/story-generator/llm-providers/gemini-provider.js

@@ -6,8 +6,22 @@
 import { BaseLLMProvider } from './base-provider.js';
 import { logger } from '../logger.js';
 // Gemini model definitions - Updated December 2025
-// Top 4 models only - Reference: https://ai.google.dev/gemini-api/docs/models
+// Top 5 models - Reference: https://ai.google.dev/gemini-api/docs/models
 const GEMINI_MODELS = [
+    {
+        id: 'gemini-3-pro-preview',
+        name: 'Gemini 3 Pro Preview',
+        provider: 'gemini',
+        contextWindow: 1048576,
+        maxOutputTokens: 65536,
+        supportsVision: true,
+        supportsDocuments: true,
+        supportsFunctionCalling: true,
+        supportsStreaming: true,
+        supportsReasoning: true,
+        inputPricePer1kTokens: 0.002,
+        outputPricePer1kTokens: 0.012,
+    },
     {
         id: 'gemini-2.5-pro',
         name: 'Gemini 2.5 Pro',
@@ -63,8 +77,8 @@ const GEMINI_MODELS = [
         outputPricePer1kTokens: 0.005,
     },
 ];
-// Default model - Gemini 2.5 Pro (recommended)
-const DEFAULT_MODEL = 'gemini-2.5-pro';
+// Default model - Gemini 3 Pro Preview (most capable)
+const DEFAULT_MODEL = 'gemini-3-pro-preview';
 // API configuration
 const GEMINI_API_BASE = 'https://generativelanguage.googleapis.com/v1beta/models';
 export class GeminiProvider extends BaseLLMProvider {