@tpitre/story-ui 2.1.5 → 2.3.0

package/dist/story-generator/storyHistory.d.ts

@@ -0,0 +1,44 @@
+export interface StoryVersion {
+    id: string;
+    timestamp: number;
+    prompt: string;
+    code: string;
+    fileName: string;
+    parentId?: string;
+}
+export interface StoryHistory {
+    storyId: string;
+    title: string;
+    versions: StoryVersion[];
+    currentVersionId: string;
+}
+export declare class StoryHistoryManager {
+    private historyDir;
+    private histories;
+    constructor(projectRoot: string);
+    private ensureHistoryDir;
+    private loadHistories;
+    private saveHistory;
+    /**
+     * Create a new story history or add a version to existing history
+     */
+    addVersion(fileName: string, prompt: string, code: string, parentVersionId?: string): StoryVersion;
+    /**
+     * Get the current version of a story by filename
+     */
+    getCurrentVersion(fileName: string): StoryVersion | null;
+    /**
+     * Get all versions for a story
+     */
+    getHistory(fileName: string): StoryHistory | null;
+    /**
+     * Find a story by partial filename match
+     */
+    findStoryByPartialName(partialName: string): StoryHistory | null;
+    private titleFromFileName;
+    /**
+     * Clean up old versions, keeping only the last N versions
+     */
+    pruneHistory(maxVersionsPerStory?: number): void;
+}
+//# sourceMappingURL=storyHistory.d.ts.map

package/dist/story-generator/storyHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyHistory.d.ts","sourceRoot":"","sources":["../../story-generator/storyHistory.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAwC;gBAE7C,WAAW,EAAE,MAAM;IAM/B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,WAAW;IAMnB;;OAEG;IACH,UAAU,CACR,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,eAAe,CAAC,EAAE,MAAM,GACvB,YAAY;IAiCf;;OAEG;IACH,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IASxD;;OAEG;IACH,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAKjD;;OAEG;IACH,sBAAsB,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI;IAUhE,OAAO,CAAC,iBAAiB;IAOzB;;OAEG;IACH,YAAY,CAAC,mBAAmB,GAAE,MAAW;CAU9C"}

package/dist/story-generator/storySync.d.ts

@@ -0,0 +1,68 @@
+import { StoryUIConfig } from '../story-ui.config.js';
+/**
+ * Story synchronization service that keeps chat interface, file system, and memory in sync
+ */
+export declare class StorySyncService {
+    private config;
+    private isProduction;
+    constructor(config: StoryUIConfig);
+    /**
+     * Gets all available stories from both file system and memory
+     */
+    getAllStories(): Promise<SyncedStory[]>;
+    /**
+     * Gets stories from the file system
+     */
+    private getFileSystemStories;
+    /**
+     * Deletes a story from both file system and memory
+     */
+    deleteStory(storyId: string): Promise<boolean>;
+    /**
+     * Gets a specific story by ID
+     */
+    getStory(storyId: string): Promise<SyncedStory | null>;
+    /**
+     * Clears all stories
+     */
+    clearAllStories(): Promise<void>;
+    /**
+     * Syncs localStorage chat history with actual stories
+     */
+    syncChatHistory(): Promise<ChatSyncResult>;
+    /**
+     * Validates that a chat session corresponds to an actual story
+     */
+    validateChatSession(chatId: string): Promise<boolean>;
+}
+/**
+ * Synced story interface that combines file system and memory stories
+ */
+export interface SyncedStory {
+    id: string;
+    title: string;
+    fileName: string;
+    description: string;
+    createdAt: Date;
+    lastAccessed: Date;
+    source: 'filesystem' | 'memory';
+    content: string;
+    prompt?: string;
+}
+/**
+ * Chat synchronization result
+ */
+export interface ChatSyncResult {
+    actualStories: {
+        id: string;
+        title: string;
+        fileName: string;
+        lastUpdated: number;
+    }[];
+    shouldClearOrphanedChats: boolean;
+}
+/**
+ * Gets or creates the global story sync service
+ */
+export declare function getStorySyncService(config: StoryUIConfig): StorySyncService;
+//# sourceMappingURL=storySync.d.ts.map

package/dist/story-generator/storySync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storySync.d.ts","sourceRoot":"","sources":["../../story-generator/storySync.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAItD;;GAEG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,YAAY,CAAU;gBAElB,MAAM,EAAE,aAAa;IAMjC;;OAEG;IACG,aAAa,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;IA4C7C;;OAEG;YACW,oBAAoB;IA0DlC;;OAEG;IACG,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IA8BpD;;OAEG;IACG,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IAK5D;;OAEG;IACG,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC;IAqBtC;;OAEG;IACG,eAAe,IAAI,OAAO,CAAC,cAAc,CAAC;IAehD;;OAEG;IACG,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;CAI5D;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,IAAI,CAAC;IACnB,MAAM,EAAE,YAAY,GAAG,QAAQ,CAAC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE;QACb,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ,wBAAwB,EAAE,OAAO,CAAC;CACnC;AAOD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,aAAa,GAAG,gBAAgB,CAK3E"}

package/dist/story-generator/storyTracker.d.ts

@@ -0,0 +1,48 @@
+import { StoryUIConfig } from '../story-ui.config.js';
+export interface StoryMapping {
+    title: string;
+    fileName: string;
+    storyId: string;
+    hash: string;
+    createdAt: string;
+    updatedAt: string;
+    prompt: string;
+}
+export declare class StoryTracker {
+    private mappingFile;
+    private mappings;
+    constructor(config: StoryUIConfig);
+    /**
+     * Load existing mappings from disk
+     */
+    private loadMappings;
+    /**
+     * Save mappings to disk
+     */
+    private saveMappings;
+    /**
+     * Find an existing story by title
+     */
+    findByTitle(title: string): StoryMapping | undefined;
+    /**
+     * Find an existing story by prompt similarity
+     */
+    findByPrompt(prompt: string): StoryMapping | undefined;
+    /**
+     * Register a new or updated story
+     */
+    registerStory(mapping: StoryMapping): void;
+    /**
+     * Remove a story mapping
+     */
+    removeStory(titleOrFileName: string): boolean;
+    /**
+     * Get all story mappings
+     */
+    getAllMappings(): StoryMapping[];
+    /**
+     * Clean up orphaned mappings (stories that no longer exist)
+     */
+    cleanupOrphaned(generatedStoriesPath: string): number;
+}
+//# sourceMappingURL=storyTracker.d.ts.map

package/dist/story-generator/storyTracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyTracker.d.ts","sourceRoot":"","sources":["../../story-generator/storyTracker.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAA4B;gBAEhC,MAAM,EAAE,aAAa;IAMjC;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,YAAY;IASpB;;OAEG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IAkBpD;;OAEG;IACH,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS;IA4CtD;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAwB1C;;OAEG;IACH,WAAW,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO;IAqB7C;;OAEG;IACH,cAAc,IAAI,YAAY,EAAE;IAIhC;;OAEG;IACH,eAAe,CAAC,oBAAoB,EAAE,MAAM,GAAG,MAAM;CAiBtD"}

package/dist/story-generator/storyTracker.js

@@ -1,5 +1,6 @@
 import fs from 'fs';
 import path from 'path';
+import { logger } from './logger.js';
 export class StoryTracker {
     constructor(config) {
         this.mappingFile = path.join(path.dirname(config.generatedStoriesPath), '.story-mappings.json');
@@ -88,7 +89,7 @@ export class StoryTracker {
             // This prevents false positives like "card" matching "card layouts" vs "card animations"
             const similarityThreshold = Math.max(4, Math.floor(promptKeywords.length * 0.9));
             if (sharedKeywords.length >= similarityThreshold && promptKeywords.length >= 4) {
-                console.log(`🔄 Found similar story: "${mapping.title}" (${sharedKeywords.length}/${promptKeywords.length} keywords match)`);
+                logger.log(`🔄 Found similar story: "${mapping.title}" (${sharedKeywords.length}/${promptKeywords.length} keywords match)`);
                 return mapping;
             }
         }

package/dist/story-generator/storyValidator.d.ts

@@ -0,0 +1,6 @@
+export interface ValidationError {
+    message: string;
+    line: number;
+}
+export declare function validateStory(storyContent: string): ValidationError[];
+//# sourceMappingURL=storyValidator.d.ts.map

package/dist/story-generator/storyValidator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyValidator.d.ts","sourceRoot":"","sources":["../../story-generator/storyValidator.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,aAAa,CAAC,YAAY,EAAE,MAAM,GAAG,eAAe,EAAE,CA2CrE"}

package/dist/story-generator/universalDesignSystemAdapter.d.ts

@@ -0,0 +1,68 @@
+import { StoryUIConfig } from '../story-ui.config.js';
+export interface DesignSystemInfo {
+    name: string;
+    type: 'chakra-ui' | 'antd' | 'mantine' | 'shadcn' | 'generic';
+    scope?: string;
+    primaryPackage: string;
+    commonComponents: string[];
+    layoutComponents: string[];
+    formComponents: string[];
+    importPatterns: {
+        default: string[];
+        named: string[];
+    };
+    designTokens?: {
+        spacing?: string;
+        colors?: string;
+        typography?: string;
+    };
+    /** For shadcn/ui: parsed components.json configuration */
+    shadcnConfig?: {
+        style?: string;
+        aliases?: {
+            components?: string;
+            utils?: string;
+            ui?: string;
+        };
+        tailwind?: {
+            cssVariables?: boolean;
+            baseColor?: string;
+        };
+    };
+}
+/**
+ * Universal adapter to make Story UI work with any React design system
+ */
+export declare class UniversalDesignSystemAdapter {
+    private projectRoot;
+    private detectedSystems;
+    constructor(projectRoot?: string);
+    /**
+     * Auto-detect which design systems are available in the project
+     */
+    detectDesignSystems(): Promise<DesignSystemInfo[]>;
+    /**
+     * Generate optimal Story UI config for detected design systems
+     */
+    generateOptimalConfig(): Partial<StoryUIConfig>;
+    /**
+     * Detect shadcn/ui by checking for components.json config file
+     * and common shadcn dependencies (class-variance-authority, tailwind-merge, etc.)
+     */
+    private checkForShadcn;
+    /**
+     * Discover which shadcn components are actually installed in the project
+     */
+    private discoverShadcnComponents;
+    private checkForChakraUI;
+    private checkForAntDesign;
+    private checkForMantine;
+    private checkForGenericReactComponents;
+    private getPrimaryDesignSystem;
+    private getShadcnConfig;
+    private getChakraUIConfig;
+    private getAntDesignConfig;
+    private getMantineConfig;
+    private getGenericReactConfig;
+}
+//# sourceMappingURL=universalDesignSystemAdapter.d.ts.map

package/dist/story-generator/universalDesignSystemAdapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"universalDesignSystemAdapter.d.ts","sourceRoot":"","sources":["../../story-generator/universalDesignSystemAdapter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,KAAK,EAAE,MAAM,EAAE,CAAC;KACjB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,0DAA0D;IAC1D,YAAY,CAAC,EAAE;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE;YACR,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,EAAE,CAAC,EAAE,MAAM,CAAC;SACb,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,YAAY,CAAC,EAAE,OAAO,CAAC;YACvB,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,CAAC;CACH;AAED;;GAEG;AACH,qBAAa,4BAA4B;IACvC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,eAAe,CAA0B;gBAErC,WAAW,GAAE,MAAsB;IAI/C;;OAEG;IACG,mBAAmB,IAAI,OAAO,CAAC,gBAAgB,EAAE,CAAC;IA8BxD;;OAEG;IACH,qBAAqB,IAAI,OAAO,CAAC,aAAa,CAAC;IAuB/C;;;OAGG;IACH,OAAO,CAAC,cAAc;IAwEtB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAuChC,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,8BAA8B;IA8BtC,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,qBAAqB;CAiB9B"}

package/dist/story-generator/universalDesignSystemAdapter.js

@@ -1,5 +1,6 @@
 import fs from 'fs';
 import path from 'path';
+import { logger } from './logger.js';
 /**
  * Universal adapter to make Story UI work with any React design system
  */
@@ -14,7 +15,7 @@ export class UniversalDesignSystemAdapter {
     async detectDesignSystems() {
         const packageJsonPath = path.join(this.projectRoot, 'package.json');
         if (!fs.existsSync(packageJsonPath)) {
-            console.log('📦 No package.json found for design system detection');
+            logger.log('📦 No package.json found for design system detection');
             return [];
         }
         const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
@@ -25,11 +26,12 @@ export class UniversalDesignSystemAdapter {
         };
         this.detectedSystems = [];
         // Check for known design systems
+        this.checkForShadcn(allDeps);
         this.checkForChakraUI(allDeps);
         this.checkForAntDesign(allDeps);
         this.checkForMantine(allDeps);
         this.checkForGenericReactComponents(allDeps);
-        console.log(`🎨 Detected ${this.detectedSystems.length} design systems:`, this.detectedSystems.map(ds => ds.name));
+        logger.log(`🎨 Detected ${this.detectedSystems.length} design systems:`, this.detectedSystems.map(ds => ds.name));
         return this.detectedSystems;
     }
     /**
@@ -41,6 +43,8 @@ export class UniversalDesignSystemAdapter {
             return this.getGenericReactConfig();
         }
         switch (primarySystem.type) {
+            case 'shadcn':
+                return this.getShadcnConfig(primarySystem);
             case 'chakra-ui':
                 return this.getChakraUIConfig();
             case 'antd':
@@ -52,6 +56,111 @@ export class UniversalDesignSystemAdapter {
         }
     }
     // Design system detection methods
+    /**
+     * Detect shadcn/ui by checking for components.json config file
+     * and common shadcn dependencies (class-variance-authority, tailwind-merge, etc.)
+     */
+    checkForShadcn(deps) {
+        const componentsJsonPath = path.join(this.projectRoot, 'components.json');
+        const hasShadcnConfig = fs.existsSync(componentsJsonPath);
+        // Check for common shadcn/ui dependencies
+        const shadcnIndicators = [
+            'class-variance-authority',
+            'tailwind-merge',
+            'clsx',
+            '@radix-ui/react-slot',
+            '@radix-ui/react-dialog',
+            '@radix-ui/react-dropdown-menu',
+            '@radix-ui/react-select',
+            'lucide-react'
+        ];
+        const foundIndicators = shadcnIndicators.filter(pkg => deps[pkg]);
+        const hasStrongIndicators = foundIndicators.length >= 3;
+        if (hasShadcnConfig || hasStrongIndicators) {
+            let shadcnConfig = undefined;
+            let componentPath = '@/components/ui';
+            let utilsPath = '@/lib/utils';
+            // Parse components.json if it exists
+            if (hasShadcnConfig) {
+                try {
+                    const configContent = fs.readFileSync(componentsJsonPath, 'utf-8');
+                    const config = JSON.parse(configContent);
+                    shadcnConfig = {
+                        style: config.style,
+                        aliases: config.aliases,
+                        tailwind: config.tailwind ? {
+                            cssVariables: config.tailwind.cssVariables,
+                            baseColor: config.tailwind.baseColor
+                        } : undefined
+                    };
+                    // Use configured paths
+                    componentPath = config.aliases?.ui || config.aliases?.components || '@/components/ui';
+                    utilsPath = config.aliases?.utils || '@/lib/utils';
+                    logger.log(`📦 Found shadcn/ui config: style=${config.style}, components=${componentPath}`);
+                }
+                catch (error) {
+                    logger.log('⚠️ Could not parse components.json, using defaults');
+                }
+            }
+            // Scan for actual shadcn components in the project
+            const discoveredComponents = this.discoverShadcnComponents();
+            this.detectedSystems.push({
+                name: 'shadcn/ui',
+                type: 'shadcn',
+                primaryPackage: componentPath,
+                commonComponents: discoveredComponents.length > 0
+                    ? discoveredComponents
+                    : ['Button', 'Card', 'Input', 'Dialog', 'Select', 'Checkbox', 'Label', 'Badge'],
+                layoutComponents: ['Card', 'Separator', 'Sheet', 'Tabs'],
+                formComponents: ['Input', 'Button', 'Select', 'Checkbox', 'RadioGroup', 'Switch', 'Textarea', 'Label'],
+                importPatterns: {
+                    default: [],
+                    named: ['cn'] // utility function
+                },
+                shadcnConfig
+            });
+            logger.log(`✨ Detected shadcn/ui with ${discoveredComponents.length || 'default'} components`);
+        }
+    }
+    /**
+     * Discover which shadcn components are actually installed in the project
+     */
+    discoverShadcnComponents() {
+        const components = [];
+        // Common paths where shadcn components might be located
+        const possiblePaths = [
+            path.join(this.projectRoot, 'components', 'ui'),
+            path.join(this.projectRoot, 'src', 'components', 'ui'),
+            path.join(this.projectRoot, 'app', 'components', 'ui'),
+        ];
+        for (const uiPath of possiblePaths) {
+            if (fs.existsSync(uiPath)) {
+                try {
+                    const files = fs.readdirSync(uiPath);
+                    for (const file of files) {
+                        // Extract component name from file (button.tsx -> Button)
+                        const match = file.match(/^([a-z-]+)\.(tsx|ts|jsx|js)$/i);
+                        if (match) {
+                            // Convert kebab-case to PascalCase (e.g., date-picker -> DatePicker)
+                            const componentName = match[1]
+                                .split('-')
+                                .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+                                .join('');
+                            components.push(componentName);
+                        }
+                    }
+                    if (components.length > 0) {
+                        logger.log(`📁 Found ${components.length} shadcn components in ${uiPath}`);
+                        break;
+                    }
+                }
+                catch (error) {
+                    // Continue checking other paths
+                }
+            }
+        }
+        return components;
+    }
     checkForChakraUI(deps) {
         if (deps['@chakra-ui/react']) {
             this.detectedSystems.push({
@@ -135,7 +244,8 @@ export class UniversalDesignSystemAdapter {
     // Configuration generators
     getPrimaryDesignSystem() {
         // Prioritize based on completeness and popularity
-        const priorities = ['chakra-ui', 'antd', 'mantine', 'generic'];
+        // shadcn first since it's explicitly configured in the project
+        const priorities = ['shadcn', 'chakra-ui', 'antd', 'mantine', 'generic'];
         for (const priority of priorities) {
             const system = this.detectedSystems.find(ds => ds.type === priority);
             if (system)
@@ -143,6 +253,34 @@ export class UniversalDesignSystemAdapter {
         }
         return this.detectedSystems[0] || null;
     }
+    getShadcnConfig(system) {
+        const componentPath = system.primaryPackage || '@/components/ui';
+        const utilsPath = system.shadcnConfig?.aliases?.utils || '@/lib/utils';
+        return {
+            designSystemGuidelines: {
+                name: "shadcn/ui",
+                preferredComponents: {
+                    layout: componentPath,
+                    buttons: componentPath,
+                    forms: componentPath
+                },
+                // shadcn-specific guidelines for AI generation
+                additionalNotes: `
+shadcn/ui components are locally installed in the project.
+- Import components from "${componentPath}" (e.g., import { Button } from "${componentPath}/button")
+- Use the cn() utility from "${utilsPath}" for conditional classes
+- Components use Tailwind CSS for styling
+- Use CSS variables for theming (--primary, --secondary, --muted, etc.)
+- Prefer composition over configuration
+        `.trim()
+            },
+            layoutRules: {
+                multiColumnWrapper: "div",
+                columnComponent: "div",
+                containerComponent: "div"
+            }
+        };
+    }
     getChakraUIConfig() {
         return {
             designSystemGuidelines: {

package/dist/story-generator/urlRedirectService.d.ts

@@ -0,0 +1,21 @@
+export interface UrlRedirect {
+    oldUrl: string;
+    newUrl: string;
+    oldTitle: string;
+    newTitle: string;
+    timestamp: string;
+    storyId: string;
+}
+export declare class UrlRedirectService {
+    private redirectsPath;
+    private redirects;
+    constructor(storageDir: string);
+    private ensureDirectoryExists;
+    private loadRedirects;
+    private saveRedirects;
+    addRedirect(oldUrl: string, newUrl: string, oldTitle: string, newTitle: string, storyId: string): void;
+    getRedirect(oldUrl: string): UrlRedirect | null;
+    getAllRedirects(): UrlRedirect[];
+    getRedirectScript(): string;
+}
+//# sourceMappingURL=urlRedirectService.d.ts.map

package/dist/story-generator/urlRedirectService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlRedirectService.d.ts","sourceRoot":"","sources":["../../story-generator/urlRedirectService.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,SAAS,CAAuC;gBAE5C,UAAU,EAAE,MAAM;IAK9B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,aAAa;IAWrB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM;IA8B/F,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAI/C,eAAe,IAAI,WAAW,EAAE;IAKhC,iBAAiB,IAAI,MAAM;CAsE5B"}

package/dist/story-generator/urlRedirectService.js

@@ -0,0 +1,140 @@
+import fs from 'fs';
+import path from 'path';
+import { logger } from './logger.js';
+export class UrlRedirectService {
+    constructor(storageDir) {
+        this.redirects = new Map();
+        this.redirectsPath = path.join(storageDir, '.story-ui', 'redirects.json');
+        this.loadRedirects();
+    }
+    ensureDirectoryExists() {
+        const dir = path.dirname(this.redirectsPath);
+        if (!fs.existsSync(dir)) {
+            fs.mkdirSync(dir, { recursive: true });
+        }
+    }
+    loadRedirects() {
+        try {
+            if (fs.existsSync(this.redirectsPath)) {
+                const data = fs.readFileSync(this.redirectsPath, 'utf-8');
+                const redirectArray = JSON.parse(data);
+                this.redirects = new Map(redirectArray.map(r => [r.oldUrl, r]));
+                logger.log(`📍 Loaded ${this.redirects.size} URL redirects`);
+            }
+        }
+        catch (error) {
+            logger.log('⚠️  Failed to load redirects, starting fresh:', error);
+            this.redirects = new Map();
+        }
+    }
+    saveRedirects() {
+        try {
+            this.ensureDirectoryExists();
+            const redirectArray = Array.from(this.redirects.values());
+            fs.writeFileSync(this.redirectsPath, JSON.stringify(redirectArray, null, 2));
+            logger.log(`💾 Saved ${redirectArray.length} URL redirects`);
+        }
+        catch (error) {
+            logger.log('❌ Failed to save redirects:', error);
+        }
+    }
+    addRedirect(oldUrl, newUrl, oldTitle, newTitle, storyId) {
+        // Don't create a redirect if URLs are the same
+        if (oldUrl === newUrl) {
+            return;
+        }
+        const redirect = {
+            oldUrl,
+            newUrl,
+            oldTitle,
+            newTitle,
+            timestamp: new Date().toISOString(),
+            storyId
+        };
+        this.redirects.set(oldUrl, redirect);
+        // Also handle redirect chains (if A->B exists and we add B->C, update A->C)
+        for (const [url, existingRedirect] of this.redirects.entries()) {
+            if (existingRedirect.newUrl === oldUrl) {
+                existingRedirect.newUrl = newUrl;
+                existingRedirect.newTitle = newTitle;
+                logger.log(`🔄 Updated redirect chain: ${url} → ${newUrl}`);
+            }
+        }
+        this.saveRedirects();
+        logger.log(`➡️  Added redirect: ${oldUrl} → ${newUrl}`);
+    }
+    getRedirect(oldUrl) {
+        return this.redirects.get(oldUrl) || null;
+    }
+    getAllRedirects() {
+        return Array.from(this.redirects.values());
+    }
+    // Get a JavaScript snippet that can be injected into Storybook
+    getRedirectScript() {
+        const redirectMap = Object.fromEntries(Array.from(this.redirects.entries()).map(([oldUrl, redirect]) => [
+            oldUrl,
+            { newUrl: redirect.newUrl, message: `Story updated: "${redirect.oldTitle}" → "${redirect.newTitle}"` }
+        ]));
+        return `
+// Story UI URL Redirect Handler
+(function() {
+  const redirects = ${JSON.stringify(redirectMap, null, 2)};
+  
+  function checkForRedirect() {
+    const currentPath = window.location.pathname + window.location.search;
+    
+    for (const [oldUrl, redirect] of Object.entries(redirects)) {
+      if (currentPath.includes(oldUrl)) {
+        console.log('[Story UI] Redirecting from', oldUrl, 'to', redirect.newUrl);
+        
+        // Show a brief notification
+        const notification = document.createElement('div');
+        notification.style.cssText = \`
+          position: fixed;
+          top: 20px;
+          right: 20px;
+          background: #1890ff;
+          color: white;
+          padding: 12px 20px;
+          border-radius: 4px;
+          box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+          z-index: 9999;
+          font-family: sans-serif;
+          font-size: 14px;
+        \`;
+        notification.textContent = redirect.message;
+        document.body.appendChild(notification);
+        
+        // Redirect after a brief delay
+        setTimeout(() => {
+          window.location.href = redirect.newUrl;
+        }, 1500);
+        
+        // Remove notification after redirect
+        setTimeout(() => notification.remove(), 1400);
+        
+        return true;
+      }
+    }
+    return false;
+  }
+  
+  // Check on page load
+  if (window.location.pathname.includes('/story/')) {
+    checkForRedirect();
+  }
+  
+  // Also check when navigation occurs in single-page app
+  let lastPath = window.location.pathname;
+  setInterval(() => {
+    if (window.location.pathname !== lastPath) {
+      lastPath = window.location.pathname;
+      if (window.location.pathname.includes('/story/')) {
+        checkForRedirect();
+      }
+    }
+  }, 100);
+})();
+`;
+    }
+}

package/dist/story-generator/validateStory.d.ts

@@ -0,0 +1,19 @@
+export interface ValidationResult {
+    isValid: boolean;
+    errors: string[];
+    warnings: string[];
+    fixedCode?: string;
+}
+/**
+ * Validates TypeScript code syntax and attempts to fix common issues
+ */
+export declare function validateStoryCode(code: string, fileName?: string, config?: any): ValidationResult;
+/**
+ * Extracts and validates code blocks from AI responses
+ */
+export declare function extractAndValidateCodeBlock(aiResponse: string, config?: any): ValidationResult;
+/**
+ * Creates a fallback story template when generation fails
+ */
+export declare function createFallbackStory(prompt: string, config: any): string;
+//# sourceMappingURL=validateStory.d.ts.map

package/dist/story-generator/validateStory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateStory.d.ts","sourceRoot":"","sources":["../../story-generator/validateStory.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAoB,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,gBAAgB,CAgG9G;AAoYD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,gBAAgB,CAqC9F;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,GAAG,MAAM,CA+BvE"}