@tpitre/story-ui 2.1.3 → 2.1.5

package/dist/cli/setup.js

@@ -337,9 +337,9 @@ export async function setupCommand() {
             message: 'Which design system are you using?',
             choices: [
                 { name: '🤖 Auto-detect from package.json', value: 'auto' },
-                { name: '🐜 Ant Design (antd) - Install & Configure', value: 'antd' },
-                { name: '🎯 Mantine (@mantine/core) - Install & Configure', value: 'mantine' },
-                { name: '⚡ Chakra UI (@chakra-ui/react) - Install & Configure', value: 'chakra' },
+                { name: '🐜 Ant Design (antd) - Automatic Install & Configure', value: 'antd' },
+                { name: '🎯 Mantine (@mantine/core) - Automatic Install & Configure', value: 'mantine' },
+                { name: '⚡ Chakra UI (@chakra-ui/react) - Automatic Install & Configure', value: 'chakra' },
                 { name: '🔧 Custom/Other', value: 'custom' }
             ],
             default: autoDetected ? 'auto' : 'custom'
@@ -351,7 +351,8 @@ export async function setupCommand() {
                 const systemName = answers.designSystem === 'antd' ? 'Ant Design' :
                     answers.designSystem === 'mantine' ? 'Mantine' :
                         answers.designSystem === 'chakra' ? 'Chakra UI' : 'the design system';
-                return `🚨 IMPORTANT: Would you like to install ${systemName} packages now?\n   (Required for Storybook to work properly)`;
+                const config = DESIGN_SYSTEM_CONFIGS[answers.designSystem];
+                return `🚨 IMPORTANT: Would you like to install ${systemName} packages now?\n   Required packages: ${config.packages.join(', ')}\n   (Without these packages, Story UI and Storybook will not work properly)`;
             },
             when: (answers) => ['antd', 'mantine', 'chakra'].includes(answers.designSystem),
             default: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "AI-powered Storybook story generator with dynamic component discovery",
   "type": "module",
   "main": "dist/index.js",

package/templates/StoryUI/StoryUIPanel.tsx

@@ -145,15 +145,33 @@ const syncWithActualStories = async (): Promise<ChatSession[]> => {
 // Delete story and chat
 const deleteStoryAndChat = async (chatId: string): Promise<boolean> => {
   try {
+    // Remove .stories.tsx extension if present to get the actual story ID
+    const storyId = chatId.replace(/\.stories\.tsx$/, '');
+    console.log(`Attempting to delete story: chatId="${chatId}", storyId="${storyId}"`);
+    
     // First try to delete from backend
-    const response = await fetch(`${DELETE_API_BASE}/${chatId}`, {
+    const response = await fetch(`${DELETE_API_BASE}/${storyId}`, {
       method: 'DELETE',
       headers: { 'Content-Type': 'application/json' }
     });
 
     if (!response.ok) {
-      console.error('Failed to delete story from backend');
-      return false;
+      console.error('Failed to delete story from backend, trying legacy endpoint');
+      
+      // Try legacy endpoint as fallback
+      const legacyResponse = await fetch(`http://localhost:${getApiPort()}/story-ui/delete`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ 
+          chatId: storyId,
+          storyId: storyId 
+        })
+      });
+      
+      if (!legacyResponse.ok) {
+        console.error('Legacy delete endpoint also failed');
+        return false;
+      }
     }
 
     // Check if response is JSON