@tpitre/story-ui 3.6.0 → 3.6.2

package/package.json

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

package/templates/StoryUI/manager.tsx

@@ -502,7 +502,7 @@ const SourceCodePanel: React.FC<{ active?: boolean }> = ({ active }) => {
   const handleDelete = useCallback(async () => {
     if (!currentStoryId || !isGeneratedStory || isDeleting) return;
 
-    const confirmed = window.confirm('Delete this generated story? This cannot be undone.');
+    const confirmed = window.confirm('Delete this story file and ALL its variants? This cannot be undone.');
     if (!confirmed) return;
 
     setIsDeleting(true);
@@ -757,7 +757,25 @@ const SourceCodePanel: React.FC<{ active?: boolean }> = ({ active }) => {
     return (
       <div style={styles.container}>
         <div style={styles.header}>
-          <span style={styles.title}>Source Code</span>
+          <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
+            <span style={styles.title}>Source Code</span>
+          </div>
+          {isGeneratedStory && (
+            <button
+              style={{
+                ...styles.deleteButton,
+                ...(isDeleting ? styles.deleteButtonDeleting : {}),
+                ...(deleteHover && !isDeleting ? styles.deleteButtonHover : {}),
+              }}
+              onClick={handleDelete}
+              onMouseEnter={() => setDeleteHover(true)}
+              onMouseLeave={() => setDeleteHover(false)}
+              disabled={isDeleting}
+              title="Delete this story file and all its variants"
+            >
+              {isDeleting ? 'Deleting...' : 'Delete Story'}
+            </button>
+          )}
         </div>
         <div style={styles.emptyState}>
           <span>No source code available for this story</span>
@@ -816,9 +834,9 @@ const SourceCodePanel: React.FC<{ active?: boolean }> = ({ active }) => {
               onMouseEnter={() => setDeleteHover(true)}
               onMouseLeave={() => setDeleteHover(false)}
               disabled={isDeleting}
-              title="Delete this generated story"
+              title="Delete this story file and all its variants"
             >
-              {isDeleting ? 'Deleting...' : 'Delete'}
+              {isDeleting ? 'Deleting...' : 'Delete Story'}
             </button>
           )}
         </div>