@tpitre/story-ui 3.6.0 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/templates/StoryUI/manager.tsx +19 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tpitre/story-ui",
3
- "version": "3.6.0",
3
+ "version": "3.6.1",
4
4
  "description": "AI-powered Storybook story generator with dynamic component discovery",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
package/templates/StoryUI/manager.tsx CHANGED
@@ -757,7 +757,25 @@ const SourceCodePanel: React.FC<{ active?: boolean }> = ({ active }) => {
757
757
  return (
758
758
  <div style={styles.container}>
759
759
  <div style={styles.header}>
760
- <span style={styles.title}>Source Code</span>
760
+ <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
761
+ <span style={styles.title}>Source Code</span>
762
+ </div>
763
+ {isGeneratedStory && (
764
+ <button
765
+ style={{
766
+ ...styles.deleteButton,
767
+ ...(isDeleting ? styles.deleteButtonDeleting : {}),
768
+ ...(deleteHover && !isDeleting ? styles.deleteButtonHover : {}),
769
+ }}
770
+ onClick={handleDelete}
771
+ onMouseEnter={() => setDeleteHover(true)}
772
+ onMouseLeave={() => setDeleteHover(false)}
773
+ disabled={isDeleting}
774
+ title="Delete this generated story"
775
+ >
776
+ {isDeleting ? 'Deleting...' : 'Delete'}
777
+ </button>
778
+ )}
761
779
  </div>
762
780
  <div style={styles.emptyState}>
763
781
  <span>No source code available for this story</span>