use-vibes 0.5.7 → 0.11.0-dev-preview1

package/{dist/components → components}/ImgGenUtils/ImgGenDisplay.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import { ImgGenDisplayProps } from './types';
-export declare function ImgGenDisplay({ document, className, alt, onDelete, onRegen, onPromptEdit, classes, loading, progress, error, debug, }: ImgGenDisplayProps): React.JSX.Element;
+import { ImgGenDisplayProps } from './types.js';
+export declare function ImgGenDisplay({ document, className, alt, onDelete, onRegen, onPromptEdit, classes, loading, progress, error, debug }: Partial<ImgGenDisplayProps>): React.JSX.Element;

package/components/ImgGenUtils/ImgGenDisplay.js

@@ -0,0 +1,192 @@
+import * as React from 'react';
+import { ImgFile } from 'use-fireproof';
+import { ImgGenError } from './ImgGenError.js';
+import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
+import { getCurrentFileKey, getPromptInfo, getVersionInfo } from './ImgGenDisplayUtils.js';
+import { ImgGenModal } from './ImgGenModal.js';
+import { logDebug } from '../../utils/debug.js';
+export function ImgGenDisplay({ document, className, alt, onDelete, onRegen, onPromptEdit, classes = defaultClasses, loading, progress, error, debug, }) {
+    const [editedPrompt, setEditedPrompt] = React.useState(null);
+    const [generatingPrompt, setGeneratingPrompt] = React.useState(null);
+    const [isFullscreen, setIsFullscreen] = React.useState(false);
+    const openFullscreen = () => setIsFullscreen(true);
+    const closeFullscreen = () => setIsFullscreen(false);
+    const { versions, currentVersion } = getVersionInfo(document);
+    const initialVersionIndex = React.useMemo(() => {
+        return typeof currentVersion === 'number'
+            ? currentVersion
+            : versions?.length
+                ? versions.length - 1
+                : 0;
+    }, [currentVersion, versions]);
+    const prevVersionsCountRef = React.useRef(versions.length);
+    React.useEffect(() => {
+        if (versions.length > prevVersionsCountRef.current) {
+            setVersionFlash(true);
+            const timer = setTimeout(() => {
+                setVersionFlash(false);
+            }, 2000);
+            return () => clearTimeout(timer);
+        }
+        prevVersionsCountRef.current = versions.length;
+    }, [versions.length]);
+    const [userSelectedIndex, setUserSelectedIndex] = React.useState(null);
+    const [versionFlash, setVersionFlash] = React.useState(false);
+    const [pendingRegeneration, setPendingRegeneration] = React.useState(false);
+    const pendingRegenerationRef = React.useRef(false);
+    const versionIndex = userSelectedIndex !== null ? userSelectedIndex : initialVersionIndex;
+    const setVersionIndex = React.useCallback((index) => {
+        setUserSelectedIndex(index);
+    }, []);
+    const fileKey = getCurrentFileKey(document, versionIndex, versions);
+    const totalVersions = versions ? versions.length : 0;
+    function handlePrevVersion() {
+        if (versionIndex > 0) {
+            setVersionIndex(versionIndex - 1);
+            setEditedPrompt(null);
+        }
+    }
+    function handleNextVersion() {
+        if (versionIndex < totalVersions - 1) {
+            setVersionIndex(versionIndex + 1);
+            setEditedPrompt(null);
+        }
+    }
+    const currentFile = fileKey && document?._files
+        ? document._files[fileKey]
+        : document?._files?.image;
+    const promptInfo = getPromptInfo(document, versionIndex);
+    const promptText = promptInfo.currentPrompt || alt || 'Generated image';
+    function handleDeleteConfirm() {
+        if (debug) {
+            logDebug('[ImgGenDisplay] handleDeleteConfirm called, document ID:', document?._id);
+        }
+        if (onDelete && document && document._id) {
+            if (debug) {
+                logDebug('[ImgGenDisplay] Calling onDelete with ID:', document._id);
+            }
+            onDelete(document._id);
+        }
+        else {
+            console.error('[ImgGenDisplay] Cannot delete - missing onDelete handler or document ID');
+            if (debug) {
+                logDebug('[ImgGenDisplay] Delete details:', {
+                    hasOnDelete: !!onDelete,
+                    documentId: document?._id,
+                });
+            }
+        }
+    }
+    function handleRegen() {
+        setPendingRegeneration(true);
+        pendingRegenerationRef.current = true;
+        if (document) {
+            if (editedPrompt !== null) {
+                const newPrompt = editedPrompt.trim();
+                if (newPrompt) {
+                    onPromptEdit?.(document._id, newPrompt);
+                }
+                else {
+                    onRegen?.(document._id);
+                }
+            }
+            else {
+                onRegen?.(document._id);
+            }
+        }
+        setUserSelectedIndex(null);
+        let promptToGenerate = '';
+        if (editedPrompt !== null) {
+            promptToGenerate = editedPrompt.trim();
+        }
+        else {
+            const { currentPrompt } = getPromptInfo(document, versionIndex);
+            promptToGenerate = currentPrompt;
+        }
+        setGeneratingPrompt(promptToGenerate);
+        setEditedPrompt(null);
+    }
+    function handlePromptEdit(newPrompt) {
+        const { currentPrompt } = getPromptInfo(document, versionIndex);
+        const trimmedPrompt = newPrompt.trim();
+        if (trimmedPrompt && trimmedPrompt !== currentPrompt) {
+            setEditedPrompt(trimmedPrompt);
+            handleRegen();
+        }
+        else {
+            setEditedPrompt(null);
+        }
+    }
+    const documentLoading = document.loading ?? false;
+    React.useEffect(() => {
+        if (!documentLoading && pendingRegenerationRef.current) {
+            pendingRegenerationRef.current = false;
+            setPendingRegeneration(false);
+            setTimeout(() => {
+                setGeneratingPrompt(null);
+            }, 500);
+        }
+    }, [documentLoading]);
+    const documentIdRef = React.useRef(document?._id);
+    const versionsLengthRef = React.useRef(versions?.length || 0);
+    React.useEffect(() => {
+        if (versions?.length > versionsLengthRef.current) {
+            pendingRegenerationRef.current = false;
+            setPendingRegeneration(false);
+        }
+        versionsLengthRef.current = versions?.length || 0;
+        documentIdRef.current = document?._id;
+    }, [document?._id, versions?.length]);
+    const effectiveProgress = loading ? progress || 0 : 100;
+    const isRegenerating = pendingRegeneration || documentLoading === true || loading === true;
+    if (debug) {
+        logDebug('[ImgGenDisplay Debug] Render state:', {
+            documentId: document?._id,
+            hasFiles: !!document?._files,
+            fileKey,
+            versions,
+            versionIndex,
+            hasDefaultImage: !!document?._files?.image,
+            isRegenerating,
+            loading,
+            error: error?.message,
+            totalVersions,
+            promptText,
+        });
+    }
+    if (!document?._files || (!fileKey && !document._files.image)) {
+        if (debug) {
+            logDebug('[ImgGenDisplay Debug] Missing image file - showing error', {
+                hasFiles: !!document?._files,
+                fileKey,
+                defaultImageExists: !!document?._files?.image,
+                loading,
+            });
+        }
+        return React.createElement(ImgGenError, { message: "Missing image file" });
+    }
+    const displayPrompt = editedPrompt !== null
+        ? editedPrompt
+        : pendingRegeneration && generatingPrompt !== null
+            ? generatingPrompt
+            : promptText;
+    return (React.createElement("div", { className: combineClasses('imggen-root', className, classes.root), title: displayPrompt }, React.createElement("div", { className: "imggen-image-container", style: { position: 'relative', width: '100%' } }, React.createElement("button", { className: "imggen-expand-button", onClick: (e) => {
+            e.stopPropagation();
+            openFullscreen();
+        }, title: "Expand image", "aria-label": "Expand image" }, React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", stroke: "currentColor", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, React.createElement("polyline", { points: "15,5 20,5 20,10" }), React.createElement("polyline", { points: "9,19 4,19 4,14" }), React.createElement("line", { x1: "20", y1: "5", x2: "14", y2: "11" }), React.createElement("line", { x1: "4", y1: "19", x2: "10", y2: "13" }))), React.createElement(ImgFile, { file: currentFile, className: combineClasses('imggen-image', classes.image), alt: alt || 'Generated image', style: { width: '100%' } }), isRegenerating && (React.createElement("div", { className: "imggen-progress-container", style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '6px',
+            overflow: 'hidden',
+            backgroundColor: 'rgba(0, 0, 0, 0.1)',
+            zIndex: 10,
+        } }, React.createElement("div", { className: combineClasses('imggen-progress', classes.progress), style: {
+            width: `${effectiveProgress}%`,
+            height: '100%',
+            backgroundColor: 'var(--imggen-accent-color, #0074d9)',
+            transition: 'width 0.5s ease-out',
+        }, "aria-hidden": "true" })))), React.createElement(ImgGenModal, { isOpen: isFullscreen, onClose: closeFullscreen, currentFile: currentFile, alt: alt, promptText: displayPrompt, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, progress: effectiveProgress, classes: classes, versionFlash: versionFlash, isRegenerating: isRegenerating, error: error })));
+}
+//# sourceMappingURL=ImgGenDisplay.js.map

package/components/ImgGenUtils/ImgGenDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenDisplay.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplay.tsx"],"names":[],"mappings":"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"}

package/components/ImgGenUtils/ImgGenDisplayPlaceholder.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ImgGenPlaceholderProps } from './types.js';
+export declare function ImgGenDisplayPlaceholder({ className, alt, prompt, progress, error, classes }: ImgGenPlaceholderProps): React.JSX.Element;

package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
+import { ImageOverlay } from './overlays/ImageOverlay.js';
+export function ImgGenDisplayPlaceholder({ className, alt, prompt, progress, error, classes = defaultClasses, }) {
+    const [visibleProgress, setVisibleProgress] = React.useState(0);
+    React.useEffect(() => {
+        if (progress === 0) {
+            setVisibleProgress(0);
+        }
+        const timer = setTimeout(() => {
+            setVisibleProgress(Math.max(5, progress));
+        }, 20);
+        return () => clearTimeout(timer);
+    }, [progress]);
+    const parseErrorInfo = (error) => {
+        const errorMsg = error.message;
+        let title = 'Image Generation Failed';
+        let body = errorMsg;
+        let code = '';
+        if (errorMsg.includes('{')) {
+            try {
+                const jsonStart = errorMsg.indexOf('{');
+                const jsonStr = errorMsg.substring(jsonStart);
+                const jsonObj = JSON.parse(jsonStr);
+                if (errorMsg.match(/\d{3}/)) {
+                    code = errorMsg.match(/\d{3}/)?.[0] || '';
+                }
+                if (jsonObj.details?.error?.code === 'moderation_blocked' ||
+                    jsonObj.code === 'moderation_blocked') {
+                    title = code ? `${code} - Failed to generate image` : 'Failed to generate image';
+                    body =
+                        'Your request was rejected as a result of our safety system. Your request may contain content that is not allowed by our safety system.';
+                    return { title, body, code };
+                }
+                if (jsonObj.error) {
+                    title = jsonObj.error;
+                }
+                if (jsonObj.details?.error?.message) {
+                    body = jsonObj.details.error.message;
+                }
+                else if (jsonObj.error?.details?.error?.message) {
+                    body = jsonObj.error.details.error.message;
+                }
+            }
+            catch {
+                /* */
+            }
+        }
+        return { title, body, code };
+    };
+    if (error) {
+        return (React.createElement("div", { className: combineClasses('imggen-placeholder', 'imggen-error-container', className, classes.placeholder), style: {
+                backgroundColor: '#222', // Dark gray background
+                width: '100%',
+                height: '100%',
+                minHeight: '512px', // Standard image height
+                aspectRatio: '1 / 1',
+            }, "aria-label": alt || 'Error display', role: "img" }, React.createElement("div", { className: combineClasses('imggen-error', classes.error) }, (() => {
+            const { title, body } = parseErrorInfo(error);
+            return (React.createElement(React.Fragment, null, React.createElement("h3", { className: "imggen-error-title", style: { color: '#ff4d4d', margin: '0 0 0.75rem 0' } }, title), React.createElement("p", { className: "imggen-error-message", style: { color: '#e0e0e0', margin: '0' } }, body)));
+        })())));
+    }
+    return (React.createElement("div", { className: combineClasses('imggen-placeholder', className, classes.placeholder), "aria-label": alt || prompt || 'Image placeholder', role: "img", style: {
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+            textAlign: 'center',
+            minHeight: '200px',
+            position: 'relative',
+            backgroundColor: '#222', // Ensure dark background
+            color: '#eee',
+        } }, prompt && (React.createElement("div", { className: "imggen-progress-container", style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '6px',
+            overflow: 'hidden',
+            backgroundColor: 'rgba(0, 0, 0, 0.1)',
+            zIndex: 10,
+        } }, React.createElement("div", { className: combineClasses('imggen-progress', classes.progress), style: {
+            width: `${visibleProgress}%`,
+            height: '100%',
+            backgroundColor: 'var(--imggen-accent-color, #0074d9)',
+            transition: 'width 0.5s ease-out',
+        }, "aria-hidden": "true" }))), !prompt && (React.createElement("div", { style: {
+            color: '#eee',
+            fontSize: 'var(--imggen-font-size)',
+            padding: '20px',
+        } }, "Waiting for promp")), prompt && !error && (React.createElement(React.Fragment, null, React.createElement("div", { style: {
+            color: '#eee',
+            fontSize: 'var(--imggen-font-size)',
+            padding: '20px',
+            maxWidth: '90%',
+            wordBreak: 'break-word',
+            fontWeight: 'bold',
+            textAlign: 'center',
+        } }, prompt), React.createElement("div", { style: { display: 'none' } }, React.createElement(ImageOverlay, { promptText: prompt || '', editedPrompt: null, setEditedPrompt: () => {
+        }, handlePromptEdit: () => {
+        }, handleDeleteConfirm: () => {
+        }, handlePrevVersion: () => {
+        }, handleNextVersion: () => {
+        }, handleRegen: () => {
+        }, versionIndex: 0, totalVersions: 1, classes: classes, showControls: false, showDelete: false }))))));
+}
+//# sourceMappingURL=ImgGenDisplayPlaceholder.js.map

package/components/ImgGenUtils/ImgGenDisplayPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenDisplayPlaceholder.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplayPlaceholder.tsx"],"names":[],"mappings":"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"}

package/components/ImgGenUtils/ImgGenDisplayUtils.d.ts

@@ -0,0 +1,27 @@
+import { PartialImageDocument } from '../../hooks/image-gen/types.js';
+export interface EnhancedVersionInfo {
+    id: string;
+    created?: number;
+    promptKey?: string;
+    prompt?: string;
+}
+interface VersionInfoResult {
+    versions: EnhancedVersionInfo[];
+    currentVersion: number;
+}
+export declare function getVersionInfo(document?: PartialImageDocument): VersionInfoResult;
+export declare function getPromptInfo(document?: PartialImageDocument, versionIndex?: number): {
+    currentPrompt: string;
+    prompts: Record<string, import("../../hooks/image-gen/types.js").PromptEntry>;
+    currentPromptKey: string;
+} | {
+    currentPrompt: string;
+    prompts: {
+        legacy: {
+            text: string;
+        };
+    };
+    currentPromptKey: string;
+};
+export declare function getCurrentFileKey(document: PartialImageDocument | null | undefined, versionIndex: number, versions: EnhancedVersionInfo[]): string | null;
+export {};

package/{dist/components → components}/ImgGenUtils/ImgGenDisplayUtils.js

@@ -1,14 +1,6 @@
-/**
- * Get version information from document or create defaults
- */
 export function getVersionInfo(document) {
-    // Check if document has proper version structure
     if (document?.versions && document.versions.length > 0) {
-        // Convert to enhanced version info with possible prompt fields
-        // Define type for document version entries to avoid using 'any'
         const enhancedVersions = document.versions.map((v) => {
-            // Check if this version has a direct prompt property (legacy format)
-            // Use our typed interface for legacy format
             const versionWithPrompt = v;
             const prompt = versionWithPrompt.prompt || undefined;
             return {
@@ -18,41 +10,29 @@ export function getVersionInfo(document) {
         });
         return {
             versions: enhancedVersions,
-            // Use currentVersion directly (now 0-based) or default to last version
             currentVersion: typeof document.currentVersion === 'number'
                 ? document.currentVersion
                 : document.versions.length - 1,
         };
     }
-    // Legacy document with just an 'image' file - treat as single version
     if (document?._files && document._files.image) {
         return {
             versions: [{ id: 'image', created: document.created || Date.now() }],
-            currentVersion: 0, // Now 0-based
+            currentVersion: 0,
         };
     }
-    // No versions found
     return { versions: [], currentVersion: 0 };
 }
-/**
- * Get prompt information from the document
- * @param document The image document
- * @param versionIndex Optional index of the version to get prompt for
- */
 export function getPromptInfo(document, versionIndex) {
     try {
-        // If versionIndex is provided, try to get the version-specific prompt
         if (typeof versionIndex === 'number') {
             const { versions } = getVersionInfo(document);
-            // Make sure we have valid data
             if (versions &&
                 Array.isArray(versions) &&
                 versionIndex >= 0 &&
                 versionIndex < versions.length) {
                 const version = versions[versionIndex];
-                // APPROACH 1: Check if this version has a promptKey defined
                 const promptKey = version.promptKey || 'p1';
-                // First check if we have prompts and this version's promptKey
                 if (document?.prompts && promptKey && document.prompts[promptKey]) {
                     return {
                         currentPrompt: document.prompts[promptKey].text || '',
@@ -60,16 +40,13 @@ export function getPromptInfo(document, versionIndex) {
                         currentPromptKey: promptKey,
                     };
                 }
-                // APPROACH 2: Check for version.prompt in EnhancedVersionInfo
                 if (version.prompt) {
                     return {
                         currentPrompt: version.prompt,
-                        prompts: { ...(document.prompts || {}), legacy: { text: version.prompt } },
+                        prompts: { ...(document?.prompts || {}), legacy: { text: version.prompt } },
                         currentPromptKey: 'legacy',
                     };
                 }
-                // APPROACH 3: Check for promptMap in the document (legacy format)
-                // Use our typed interface for legacy format
                 const docWithPromptMap = document;
                 if (docWithPromptMap.promptMap && version.id && docWithPromptMap.promptMap[version.id]) {
                     const legacyPrompt = docWithPromptMap.promptMap[version.id];
@@ -85,8 +62,6 @@ export function getPromptInfo(document, versionIndex) {
     catch (e) {
         console.error('Error getting version-specific prompt:', e);
     }
-    // If we don't have a specific version prompt or there was an error, fall back to default behavior
-    // If we have the new prompts structure
     if (document?.prompts && document.currentPromptKey) {
         return {
             currentPrompt: document.prompts[document.currentPromptKey]?.text || '',
@@ -94,7 +69,6 @@ export function getPromptInfo(document, versionIndex) {
             currentPromptKey: document.currentPromptKey,
         };
     }
-    // Legacy document with just a prompt field
     if (document?.prompt) {
         return {
             currentPrompt: document.prompt,
@@ -102,24 +76,18 @@ export function getPromptInfo(document, versionIndex) {
             currentPromptKey: 'p1',
         };
     }
-    // No prompt found
     return { currentPrompt: '', prompts: {}, currentPromptKey: '' };
 }
-/**
- * Get the current version file key
- */
 export function getCurrentFileKey(document, versionIndex, versions) {
     if (!versions || versions.length === 0)
         return null;
-    // If we have versions, use the ID from the current version index
     if (versions.length > versionIndex) {
         const versionId = versions[versionIndex].id;
-        if (document._files && document._files[versionId]) {
+        if (document?._files && document._files[versionId]) {
             return versionId;
         }
     }
-    // Fallback to 'image' for legacy docs
-    if (document._files && document._files.image) {
+    if (document?._files && document._files.image) {
         return 'image';
     }
     return null;

package/components/ImgGenUtils/ImgGenDisplayUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenDisplayUtils.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenDisplayUtils.ts"],"names":[],"mappings":"AAmCA,MAAM,UAAU,cAAc,CAAC,QAA+B,EAAqB;IAEjF,IAAI,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAGvD,MAAM,gBAAgB,GAA0B,QAAQ,CAAC,QAAQ,CAAC,GAAG,CACnE,CAAC,CAAuD,EAAE,EAAE,CAAC;YAG3D,MAAM,iBAAiB,GAAG,CAA4B,CAAC;YACvD,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,IAAI,SAAS,CAAC;YAErD,OAAO;gBACL,GAAG,CAAC;gBACJ,MAAM;aACP,CAAC;QAAA,CACH,CACF,CAAC;QAEF,OAAO;YACL,QAAQ,EAAE,gBAAgB;YAE1B,cAAc,EACZ,OAAO,QAAQ,CAAC,cAAc,KAAK,QAAQ;gBACzC,CAAC,CAAC,QAAQ,CAAC,cAAc;gBACzB,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;SACnC,CAAC;IACJ,CAAC;IAGD,IAAI,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAC9C,OAAO;YACL,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;YACpE,cAAc,EAAE,CAAC;SAClB,CAAC;IACJ,CAAC;IAGD,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE,CAAC;AAAA,CAC5C;AAOD,MAAM,UAAU,aAAa,CAAC,QAA+B,EAAE,YAAqB,EAAE;IACpF,IAAI,CAAC;QAEH,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YACrC,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;YAG9C,IACE,QAAQ;gBACR,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACvB,YAAY,IAAI,CAAC;gBACjB,YAAY,GAAG,QAAQ,CAAC,MAAM,EAC9B,CAAC;gBACD,MAAM,OAAO,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;gBAGvC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC;gBAG5C,IAAI,QAAQ,EAAE,OAAO,IAAI,SAAS,IAAI,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;oBAClE,OAAO;wBACL,aAAa,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,IAAI,EAAE;wBACrD,OAAO,EAAE,QAAQ,CAAC,OAAO;wBACzB,gBAAgB,EAAE,SAAS;qBAC5B,CAAC;gBACJ,CAAC;gBAGD,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;oBACnB,OAAO;wBACL,aAAa,EAAE,OAAO,CAAC,MAAM;wBAC7B,OAAO,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE;wBAC3E,gBAAgB,EAAE,QAAQ;qBAC3B,CAAC;gBACJ,CAAC;gBAID,MAAM,gBAAgB,GAAG,QAAiC,CAAC;gBAC3D,IAAI,gBAAgB,CAAC,SAAS,IAAI,OAAO,CAAC,EAAE,IAAI,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;oBACvF,MAAM,YAAY,GAAG,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC5D,OAAO;wBACL,aAAa,EAAE,YAAY;wBAC3B,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE;wBAC3C,gBAAgB,EAAE,QAAQ;qBAC3B,CAAC;gBACJ,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,KAAK,CAAC,wCAAwC,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAKD,IAAI,QAAQ,EAAE,OAAO,IAAI,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QACnD,OAAO;YACL,aAAa,EAAE,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,IAAI,IAAI,EAAE;YACtE,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,gBAAgB,EAAE,QAAQ,CAAC,gBAAgB;SAC5C,CAAC;IACJ,CAAC;IAGD,IAAI,QAAQ,EAAE,MAAM,EAAE,CAAC;QACrB,OAAO;YACL,aAAa,EAAE,QAAQ,CAAC,MAAM;YAC9B,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,EAAE;YACnF,gBAAgB,EAAE,IAAI;SACvB,CAAC;IACJ,CAAC;IAGD,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;AAAA,CACjE;AAKD,MAAM,UAAU,iBAAiB,CAC/B,QAAiD,EACjD,YAAoB,EACpB,QAA+B,EAC/B;IACA,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAGpD,IAAI,QAAQ,CAAC,MAAM,GAAG,YAAY,EAAE,CAAC;QACnC,MAAM,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;QAC5C,IAAI,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC;YACnD,OAAO,SAAS,CAAC;QACnB,CAAC;IACH,CAAC;IAGD,IAAI,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QAC9C,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,IAAI,CAAC;AAAA,CACb"}

package/components/ImgGenUtils/ImgGenError.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { ImgGenErrorProps } from './types.js';
+export declare function ImgGenError({ message, className, classes }: Partial<ImgGenErrorProps>): React.JSX.Element;

package/components/ImgGenUtils/ImgGenError.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
+export function ImgGenError({ message, className, classes = defaultClasses, }) {
+    return (React.createElement("div", { className: combineClasses('imggen-error', className, classes.error) }, React.createElement("h3", { className: "imggen-error-title" }, "Error"), React.createElement("p", { className: "imggen-error-message" }, message || 'Failed to render image')));
+}
+//# sourceMappingURL=ImgGenError.js.map

package/components/ImgGenUtils/ImgGenError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenError.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG5E,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,OAAO,GAAG,cAAc,GACE,EAAE;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,IACtE,4BAAI,SAAS,EAAC,oBAAoB,YAAW,EAC7C,2BAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,IAAI,wBAAwB,CAAK,CACzE,CACP,CAAC;AAAA,CACH"}

package/components/ImgGenUtils/ImgGenFileDrop.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import '../ImgGen.css';
+interface ImgGenFileDropProps {
+    readonly onFilesDropped: (files: File[]) => void;
+    readonly className?: string;
+    readonly isActive?: boolean;
+    readonly maxFiles?: number;
+    readonly debug?: boolean;
+    readonly addFilesMessage?: string;
+}
+export declare function ImgGenFileDrop({ onFilesDropped, className, isActive, maxFiles, debug, addFilesMessage }: ImgGenFileDropProps): React.ReactElement;
+export {};

package/{dist/components → components}/ImgGenUtils/ImgGenFileDrop.js

@@ -1,9 +1,6 @@
 import * as React from 'react';
-import { combineClasses } from '../../utils/style-utils';
+import { combineClasses } from '../../utils/style-utils.js';
 import '../ImgGen.css';
-/**
- * Simple file drop zone component for handling image uploads
- */
 export function ImgGenFileDrop({ onFilesDropped, className, isActive = true, maxFiles = 10, debug, addFilesMessage = 'Drop images here or click to browse', }) {
     const fileInputRef = React.useRef(null);
     const [isDragging, setIsDragging] = React.useState(false);
@@ -28,12 +25,10 @@ export function ImgGenFileDrop({ onFilesDropped, className, isActive = true, max
         const files = Array.from(fileList);
         if (files.length === 0)
             return;
-        // Apply max files limit
         const filesToProcess = files.slice(0, maxFiles);
         if (debug) {
             console.log(`[ImgGenFileDrop] Processing ${filesToProcess.length} files of ${files.length} selected`);
         }
-        // Filter out non-image files
         const imageFiles = filesToProcess.filter((file) => file.type.startsWith('image/'));
         if (imageFiles.length > 0) {
             onFilesDropped(imageFiles);
@@ -50,8 +45,6 @@ export function ImgGenFileDrop({ onFilesDropped, className, isActive = true, max
             processFiles(e.target.files);
         }
     }, [processFiles]);
-    return (React.createElement("div", { className: combineClasses('imggen-file-drop', isDragging ? 'imggen-file-drop-active' : '', !isActive ? 'imggen-file-drop-disabled' : '', className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick },
-        React.createElement("input", { type: "file", ref: fileInputRef, accept: "image/*", onChange: handleFileInput, multiple: true, style: { display: 'none' } }),
-        React.createElement("div", { className: "imggen-file-drop-message" }, addFilesMessage)));
+    return (React.createElement("div", { className: combineClasses('imggen-file-drop', isDragging ? 'imggen-file-drop-active' : '', !isActive ? 'imggen-file-drop-disabled' : '', className), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick }, React.createElement("input", { type: "file", ref: fileInputRef, accept: "image/*", onChange: handleFileInput, multiple: true, style: { display: 'none' } }), React.createElement("div", { className: "imggen-file-drop-message" }, addFilesMessage)));
 }
 //# sourceMappingURL=ImgGenFileDrop.js.map

package/components/ImgGenUtils/ImgGenFileDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenFileDrop.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenFileDrop.tsx"],"names":[],"mappings":"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"}

package/components/ImgGenUtils/ImgGenModal.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../../utils/style-utils.js';
+export interface ImgGenModalProps {
+    readonly isOpen: boolean;
+    readonly onClose: () => void;
+    readonly currentFile: File | undefined;
+    readonly alt?: string;
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (_editedPrompt: string | null) => void;
+    readonly handlePromptEdit: (_newPrompt: string) => void;
+    readonly handleDeleteConfirm: () => void;
+    readonly handlePrevVersion: () => void;
+    readonly handleNextVersion: () => void;
+    readonly handleRegen: () => void;
+    readonly versionIndex: number;
+    readonly totalVersions: number;
+    readonly progress: number;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+    readonly error?: Error | null;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export declare function ImgGenModal({ isOpen, onClose, currentFile, alt, promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, progress, versionFlash, isRegenerating, error, classes }: ImgGenModalProps): React.ReactPortal | null;

package/components/ImgGenUtils/ImgGenModal.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ImgFile } from 'use-fireproof';
+import { createPortal } from 'react-dom';
+import { ImageOverlay } from './overlays/ImageOverlay.js';
+import { ImgGenError } from './ImgGenError.js';
+import { defaultClasses } from '../../utils/style-utils.js';
+export function ImgGenModal({ isOpen, onClose, currentFile, alt, promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, progress, versionFlash = false, isRegenerating = false, error = null, classes = defaultClasses, }) {
+    React.useEffect(() => {
+        const handleEsc = (e) => {
+            if (e.key === 'Escape') {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            window.addEventListener('keydown', handleEsc);
+            return () => window.removeEventListener('keydown', handleEsc);
+        }
+    }, [isOpen, onClose]);
+    if (!isOpen || !currentFile) {
+        return null;
+    }
+    const effectivePromptText = promptText;
+    return createPortal(React.createElement("div", { className: "imggen-backdrop", onClick: (e) => {
+            e.stopPropagation();
+            onClose();
+        }, role: "presentation" }, React.createElement("figure", { className: "imggen-full-wrapper", onClick: (e) => e.stopPropagation() }, error ? (React.createElement("div", { className: "imggen-backdrop-error" }, React.createElement(ImgGenError, { message: error.message }))) : (React.createElement(ImgFile, { file: currentFile, className: "imggen-backdrop-image", alt: alt || 'Generated image' })), React.createElement(ImageOverlay, { promptText: effectivePromptText, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, progress: progress, versionFlash: versionFlash, isRegenerating: isRegenerating, classes: classes, showDelete: true }))), globalThis.document.body);
+}
+//# sourceMappingURL=ImgGenModal.js.map

package/components/ImgGenUtils/ImgGenModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenModal.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAiB,MAAM,4BAA4B,CAAC;AA4B3E,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,WAAW,EACX,GAAG,EACH,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,EACtB,KAAK,GAAG,IAAI,EACZ,OAAO,GAAG,cAAc,GACP,EAAE;IAEnB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC;YACZ,CAAC;QAAA,CACF,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChE,CAAC;IAAA,CACF,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtB,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IAGD,MAAM,mBAAmB,GAAG,UAAU,CAAC;IAEvC,OAAO,YAAY,CACjB,6BACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YACd,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QAAA,CACX,EACD,IAAI,EAAC,cAAc,IAEnB,gCAAQ,SAAS,EAAC,qBAAqB,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IACxE,KAAK,CAAC,CAAC,CAAC,CACP,6BAAK,SAAS,EAAC,uBAAuB,IACpC,oBAAC,WAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,CACnC,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IACN,IAAI,EAAE,WAAW,EACjB,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,GAAG,IAAI,iBAAiB,GAC7B,CACH,EAED,oBAAC,YAAY,IACX,UAAU,EAAE,mBAAmB,EAC/B,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,IAAI,GAChB,CACK,CACL,EACN,UAAU,CAAC,QAAQ,CAAC,IAAI,CACzB,CAAC;AAAA,CACH"}