@vibes.diy/use-vibes-base 0.0.0-dev-fresh-data

package/components/ImgGen.js

@@ -0,0 +1,260 @@
+import * as React from 'react';
+import { useImageGen as defaultUseImageGen } from '../hooks/image-gen/use-image-gen.js';
+import { useFireproof } from 'use-fireproof';
+import { ensureSuperThis } from '@fireproof/core-runtime';
+import { ImgGenPromptWaiting, ImgGenDisplayPlaceholder, ImgGenDisplay, ImgGenError, } from './ImgGenUtils.js';
+import { ImgGenUploadWaiting } from './ImgGenUtils/ImgGenUploadWaiting.js';
+import { getImgGenMode } from './ImgGenUtils/ImgGenModeUtils.js';
+import { defaultClasses } from '../utils/style-utils.js';
+import { logDebug } from '../utils/debug.js';
+import { Lazy } from '@adviser/cement';
+const sthis = Lazy(() => ensureSuperThis());
+function ImgGenCore(props) {
+    const { prompt, _id, className, alt, images, options, database, onComplete, onError, onDelete, onPromptEdit, onDocumentCreated, classes = defaultClasses, debug, useImageGen, ...htmlAttributes } = props;
+    const { database: db } = useFireproof(database || 'ImgGen');
+    const [generationId, setGenerationId] = React.useState(undefined);
+    const [currentEditedPrompt, setCurrentEditedPrompt] = React.useState(undefined);
+    const [imageGenDocument, setImageGenDocument] = React.useState(null);
+    const mergedOptions = React.useMemo(() => (images ? { ...options, images } : options), [options, images]);
+    const effectivePrompt = currentEditedPrompt || prompt || '';
+    const shouldSkipGeneration = !effectivePrompt && !_id;
+    const { imageData, loading, error, progress, document } = (useImageGen || defaultUseImageGen)({
+        prompt: effectivePrompt,
+        _id: _id,
+        options: {
+            ...mergedOptions,
+            ...(imageGenDocument ? { document: imageGenDocument } : {}),
+        },
+        database,
+        generationId,
+        skip: shouldSkipGeneration,
+    });
+    const mode = React.useMemo(() => {
+        return getImgGenMode({
+            document,
+            prompt: effectivePrompt, // Use effectivePrompt instead of just props.prompt
+            loading,
+            error: error || undefined,
+            debug,
+        });
+    }, [document, effectivePrompt, loading, error, debug]);
+    if (debug) {
+        logDebug('[ImgGenCore] Current mode:', mode, {
+            document: !!document,
+            documentId: document?._id,
+            prompt: !!prompt,
+            loading,
+            error: !!error,
+        });
+    }
+    React.useEffect(() => {
+        if (onComplete && imageData && !loading && !error) {
+            onComplete();
+        }
+    }, [onComplete, imageData, loading, error]);
+    React.useEffect(() => {
+        if (onError && error) {
+            onError(error);
+        }
+    }, [onError, error]);
+    const handleRegen = React.useCallback(() => {
+        if (document?._id || _id || prompt) {
+            const newGenId = crypto.randomUUID();
+            setGenerationId(newGenId);
+        }
+    }, [document, _id, prompt]);
+    const handlePromptEdit = React.useCallback(async (id, newPrompt) => {
+        setCurrentEditedPrompt(newPrompt);
+        try {
+            const doc = await db.get(id);
+            if (!doc) {
+                logDebug('Document not found:', id);
+                return;
+            }
+            const updatedDoc = { ...doc };
+            if (updatedDoc.prompts) {
+                const promptKey = `p${Date.now()}`;
+                updatedDoc.prompts = {
+                    ...updatedDoc.prompts,
+                    [promptKey]: { text: newPrompt },
+                };
+                updatedDoc.currentPromptKey = promptKey;
+            }
+            else {
+                updatedDoc.prompt = newPrompt;
+            }
+            await db.put(updatedDoc);
+            if (onPromptEdit) {
+                onPromptEdit(id, newPrompt);
+            }
+            const refreshedDoc = await db.get(id);
+            if (refreshedDoc) {
+                setImageGenDocument(refreshedDoc);
+                if (debug) {
+                    logDebug('[ImgGen] Setting document for image generation:', refreshedDoc._id, 'with files:', Object.keys(refreshedDoc._files || {}).filter((key) => key.startsWith('in')));
+                }
+            }
+            handleRegen();
+        }
+        catch (error) {
+            logDebug('Error updating prompt:', error);
+        }
+    }, [db, handleRegen, onPromptEdit]);
+    const handleDelete = React.useCallback(async (id) => {
+        logDebug('[ImgGen] Attempting to delete document:', id);
+        try {
+            const result = await db.del(id);
+            if (debug) {
+                logDebug('[ImgGen] Document deletion result:', result);
+            }
+            if (onDelete) {
+                if (debug) {
+                    logDebug('[ImgGen] Calling onDelete callback with id:', id);
+                }
+                onDelete(id);
+            }
+        }
+        catch (error) {
+            logDebug('Error deleting document:', error);
+        }
+    }, [db, onDelete, debug]);
+    const handleDocCreated = React.useCallback((docId) => {
+        if (debug) {
+            logDebug('[ImgGenCore] Document created:', docId);
+        }
+        if (onDocumentCreated) {
+            onDocumentCreated(docId);
+        }
+    }, [onDocumentCreated, debug]);
+    function renderContent() {
+        if (debug) {
+            logDebug('[ImgGen Debug] Render state:', {
+                mode,
+                document: document?._id,
+                loading,
+                error: error?.message,
+                currentEditedPrompt: currentEditedPrompt || null,
+                imageData: !!imageData,
+            });
+        }
+        switch (mode) {
+            case 'placeholder': {
+                return (React.createElement(ImgGenUploadWaiting, { className: className, classes: classes, debug: debug, database: database, onDocumentCreated: handleDocCreated, onPromptSubmit: (newPrompt) => {
+                        if (debug) {
+                            logDebug('[ImgGenCore] Prompt submitted from initial view:', newPrompt);
+                        }
+                        setCurrentEditedPrompt(newPrompt);
+                        setGenerationId(sthis().nextId().str);
+                    } }));
+            }
+            case 'uploadWaiting': {
+                if (!document || !document._id) {
+                    return React.createElement(ImgGenPromptWaiting, { className: className, classes: classes });
+                }
+                if (loading) {
+                    const displayPrompt = currentEditedPrompt || prompt;
+                    return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || '', loading: loading, progress: progress, error: error, className: className, classes: classes }));
+                }
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(ImgGenUploadWaiting, { document: document, className: className, classes: classes, debug: debug, database: database, onFilesAdded: () => {
+                            if (debug) {
+                                logDebug('[ImgGenCore] Files added to existing document:', document._id);
+                            }
+                        }, onPromptSubmit: (newPrompt, docId) => {
+                            const targetDocId = docId || (document && document._id);
+                            if (debug) {
+                                logDebug('[ImgGenCore] Prompt submitted for existing uploads:', newPrompt);
+                                logDebug('[ImgGenCore] Using document ID:', targetDocId);
+                            }
+                            if (targetDocId) {
+                                handlePromptEdit(targetDocId, newPrompt);
+                            }
+                        } })));
+            }
+            case 'generating': {
+                let displayPrompt = currentEditedPrompt || prompt;
+                if (!displayPrompt &&
+                    document &&
+                    'prompt' in document &&
+                    typeof document.prompt === 'string') {
+                    displayPrompt = document.prompt;
+                }
+                if (debug) {
+                    logDebug('[ImgGen Debug] Generating state prompt sources:', {
+                        currentEditedPrompt: currentEditedPrompt || null,
+                        propPrompt: prompt || null,
+                        documentPrompt: document?.prompt || null,
+                        finalDisplayPrompt: displayPrompt || null,
+                    });
+                }
+                return (React.createElement(ImgGenDisplayPlaceholder, { prompt: displayPrompt || '', loading: loading, progress: progress, error: error, className: className, classes: classes }));
+            }
+            case 'display': {
+                if (!document || !document._id) {
+                    return React.createElement(ImgGenError, { message: "Missing document" });
+                }
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(ImgGenDisplay, { document: document, loading: loading, progress: progress, onPromptEdit: handlePromptEdit, onDelete: handleDelete, onRegen: handleRegen, alt: alt || '', className: className, classes: classes, debug: debug, error: error })));
+            }
+            case 'error': {
+                return (React.createElement(ImgGenError, { message: error ? error.message : 'Unknown error', className: className }));
+            }
+            default: {
+                return React.createElement(ImgGenError, { message: "Unknown state" });
+            }
+        }
+    }
+    return React.createElement("div", { ...htmlAttributes }, renderContent());
+}
+export function ImgGen(props) {
+    const { _id, prompt, debug, onDocumentCreated } = props;
+    const [mountKey, setMountKey] = React.useState(() => sthis().nextId().str);
+    const [uploadedDocId, setUploadedDocId] = React.useState(undefined);
+    const handleDocCreated = React.useCallback((docId) => {
+        if (debug)
+            logDebug('[ImgGen] Document created:', docId);
+        setUploadedDocId(docId);
+        if (onDocumentCreated) {
+            if (debug)
+                logDebug('[ImgGen] Calling onDocumentCreated callback');
+            onDocumentCreated(docId);
+        }
+    }, [debug, onDocumentCreated]);
+    const prevIdRef = React.useRef(_id);
+    const prevPromptRef = React.useRef(prompt);
+    const prevUploadedDocIdRef = React.useRef(uploadedDocId);
+    React.useEffect(() => {
+        const idChanged = _id !== prevIdRef.current;
+        const promptChanged = prompt && prompt !== prevPromptRef.current;
+        const uploadedDocIdChanged = uploadedDocId !== prevUploadedDocIdRef.current;
+        if (idChanged || (!_id && promptChanged) || uploadedDocIdChanged) {
+            if (debug) {
+                logDebug('[ImgGen] Identity change detected, generating new mountKey:', {
+                    idChanged,
+                    _id,
+                    prevId: prevIdRef.current,
+                    promptChanged: !_id && promptChanged,
+                    prompt,
+                    prevPrompt: prevPromptRef.current,
+                    uploadedDocIdChanged,
+                    uploadedDocId,
+                    prevUploadedDocId: prevUploadedDocIdRef.current,
+                });
+            }
+            setMountKey(sthis().nextId().str);
+        }
+        prevIdRef.current = _id;
+        prevPromptRef.current = prompt;
+        prevUploadedDocIdRef.current = uploadedDocId;
+    }, [_id, prompt, uploadedDocId, debug]);
+    const coreProps = {
+        ...props,
+        onDocumentCreated: handleDocCreated,
+    };
+    if (uploadedDocId && !_id) {
+        coreProps._id = uploadedDocId;
+    }
+    return React.createElement(ImgGenCore, { ...coreProps, key: mountKey });
+}
+export default ImgGen;
+//# sourceMappingURL=ImgGen.js.map

package/components/ImgGen.js.map

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

package/components/ImgGenUtils/AsyncImg.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { DocFileMeta } from 'use-fireproof';
+interface AsyncImgProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    file: DocFileMeta | File | null | undefined;
+}
+export declare function AsyncImg({ file, ...props }: AsyncImgProps): React.JSX.Element | null;
+export {};

package/components/ImgGenUtils/AsyncImg.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+export function AsyncImg({ file, ...props }) {
+    const [src, setSrc] = React.useState(null);
+    React.useEffect(() => {
+        let objectUrl = null;
+        let isMounted = true;
+        if (!file) {
+            setSrc(null);
+            return;
+        }
+        if ('file' in file && typeof file.file === 'function') {
+            file
+                .file()
+                .then((fileObj) => {
+                if (!isMounted)
+                    return;
+                if (fileObj.type.startsWith('image/')) {
+                    objectUrl = URL.createObjectURL(fileObj);
+                    setSrc(objectUrl);
+                }
+            })
+                .catch((error) => {
+                console.error('[AsyncImg] Failed to load file:', error);
+            });
+        }
+        else if (file instanceof File) {
+            if (file.type.startsWith('image/')) {
+                objectUrl = URL.createObjectURL(file);
+                setSrc(objectUrl);
+            }
+        }
+        return () => {
+            isMounted = false;
+            if (objectUrl) {
+                URL.revokeObjectURL(objectUrl);
+            }
+        };
+    }, [file]);
+    return src ? React.createElement("img", { src: src, ...props }) : null;
+}
+//# sourceMappingURL=AsyncImg.js.map

package/components/ImgGenUtils/AsyncImg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncImg.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/AsyncImg.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiB,EAAE;IAC1D,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,IAAI,SAAS,GAAkB,IAAI,CAAC;QACpC,IAAI,SAAS,GAAG,IAAI,CAAC;QAGrB,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,MAAM,CAAC,IAAI,CAAC,CAAC;YACb,OAAO;QACT,CAAC;QAGD,IAAI,MAAM,IAAI,IAAI,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAEtD,IAAI;iBACD,IAAI,EAAE;iBACN,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAGvB,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACtC,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;oBACzC,MAAM,CAAC,SAAS,CAAC,CAAC;gBACpB,CAAC;YAAA,CACF,CAAC;iBACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;gBAChB,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;YAAA,CACzD,CAAC,CAAC;QACP,CAAC;aAAM,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;YAEhC,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBACnC,SAAS,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtC,MAAM,CAAC,SAAS,CAAC,CAAC;YACpB,CAAC;QACH,CAAC;QAED,OAAO,GAAG,EAAE,CAAC;YACX,SAAS,GAAG,KAAK,CAAC;YAClB,IAAI,SAAS,EAAE,CAAC;gBACd,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YACjC,CAAC;QAAA,CACF,CAAC;IAAA,CACH,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,GAAG,CAAC,CAAC,CAAC,6BAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,CAClD"}

package/components/ImgGenUtils/ImgGenDisplay.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+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,240 @@
+import * as React from 'react';
+import { AsyncImg } from './AsyncImg.js';
+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%' }, onMouseEnter: (e) => {
+                const expandButton = e.currentTarget.querySelector('button');
+                if (expandButton && expandButton.style.opacity === '0') {
+                    expandButton.style.opacity = '0.5';
+                }
+            }, onMouseLeave: (e) => {
+                const expandButton = e.currentTarget.querySelector('button');
+                if (expandButton && !expandButton.matches(':hover')) {
+                    expandButton.style.opacity = '0';
+                }
+            } },
+            React.createElement("button", { onClick: (e) => {
+                    e.stopPropagation();
+                    openFullscreen();
+                }, title: "Expand image", "aria-label": "Expand image", style: {
+                    position: 'absolute',
+                    top: '10px',
+                    left: '10px',
+                    zIndex: 20,
+                    backgroundColor: 'rgba(255, 255, 255, 0.7)',
+                    borderRadius: '50%',
+                    width: '28px',
+                    height: '28px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    border: 'none',
+                    cursor: 'pointer',
+                    opacity: 0, // Initially invisible
+                    transition: 'opacity 0.2s ease, transform 0.2s ease',
+                    padding: 0,
+                    color: '#333',
+                    boxShadow: '0 2px 4px rgba(0, 0, 0, 0.2)',
+                }, onMouseEnter: (e) => {
+                    e.currentTarget.style.opacity = '1';
+                    e.currentTarget.style.transform = 'scale(1.1)';
+                }, onMouseLeave: (e) => {
+                    const container = e.currentTarget.closest('.imggen-image-container');
+                    const isContainerHovered = container?.matches(':hover');
+                    e.currentTarget.style.opacity = isContainerHovered ? '0.5' : '0';
+                    e.currentTarget.style.transform = 'scale(1)';
+                } },
+                React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "20", height: "20", 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(AsyncImg, { 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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,EACH,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,OAAO,GAAG,cAAc,EACxB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,GACuB,EAAE;IAI9B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAG5E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAGpF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAGrD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAG9D,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;QAC9C,OAAO,OAAO,cAAc,KAAK,QAAQ;YACvC,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,QAAQ,EAAE,MAAM;gBAChB,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;gBACrB,CAAC,CAAC,CAAC,CAAC;IAAA,CACT,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;IAG/B,MAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAG3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QAEpB,IAAI,QAAQ,CAAC,MAAM,GAAG,oBAAoB,CAAC,OAAO,EAAE,CAAC;YAEnD,eAAe,CAAC,IAAI,CAAC,CAAC;YAGtB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;gBAC7B,eAAe,CAAC,KAAK,CAAC,CAAC;YAAA,CACxB,EAAE,IAAI,CAAC,CAAC;YAET,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;QAGD,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC;IAAA,CAChD,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAGtB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAGtF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAG9D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAG5E,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAU,KAAK,CAAC,CAAC;IAK5D,MAAM,YAAY,GAAG,iBAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAG1F,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC;QAC3D,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAAA,CAC7B,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,iBAAiB,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAKrD,SAAS,iBAAiB,GAAG;QAC3B,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;YACrB,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;YAElC,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IAAA,CACF;IAED,SAAS,iBAAiB,GAAG;QAC3B,IAAI,YAAY,GAAG,aAAa,GAAG,CAAC,EAAE,CAAC;YACrC,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;YAElC,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IAAA,CACF;IAKD,MAAM,WAAW,GACf,OAAO,IAAI,QAAQ,EAAE,MAAM;QACzB,CAAC,CAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAiB;QAC3C,CAAC,CAAE,QAAQ,EAAE,MAAM,EAAE,KAAqB,CAAC;IAG/C,MAAM,UAAU,GAAG,aAAa,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACzD,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,IAAI,GAAG,IAAI,iBAAiB,CAAC;IAKxE,SAAS,mBAAmB,GAAG;QAC7B,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,0DAA0D,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;QACtF,CAAC;QAED,IAAI,QAAQ,IAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;YACzC,IAAI,KAAK,EAAE,CAAC;gBACV,QAAQ,CAAC,2CAA2C,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;YACtE,CAAC;YACD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YACzF,IAAI,KAAK,EAAE,CAAC;gBACV,QAAQ,CAAC,iCAAiC,EAAE;oBAC1C,WAAW,EAAE,CAAC,CAAC,QAAQ;oBACvB,UAAU,EAAE,QAAQ,EAAE,GAAG;iBAC1B,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IAAA,CACF;IAGD,SAAS,WAAW,GAAG;QAErB,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,sBAAsB,CAAC,OAAO,GAAG,IAAI,CAAC;QAItC,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;gBAG1B,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;gBACtC,IAAI,SAAS,EAAE,CAAC;oBAEd,YAAY,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;gBAC1C,CAAC;qBAAM,CAAC;oBAEN,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC;iBAAM,CAAC;gBAEN,OAAO,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;QAID,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAG3B,IAAI,gBAAgB,GAAG,EAAE,CAAC;QAC1B,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,gBAAgB,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC;QACzC,CAAC;aAAM,CAAC;YACN,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAChE,gBAAgB,GAAG,aAAa,CAAC;QACnC,CAAC;QAED,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QAGtC,eAAe,CAAC,IAAI,CAAC,CAAC;IAAA,CACvB;IAGD,SAAS,gBAAgB,CAAC,SAAiB,EAAE;QAE3C,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChE,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;QAEvC,IAAI,aAAa,IAAI,aAAa,KAAK,aAAa,EAAE,CAAC;YAErD,eAAe,CAAC,aAAa,CAAC,CAAC;YAI/B,WAAW,EAAE,CAAC;QAChB,CAAC;aAAM,CAAC;YAEN,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IAAA,CACF;IAID,MAAM,eAAe,GAAa,QAAkC,CAAC,OAAO,IAAI,KAAK,CAAC;IAGtF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,eAAe,IAAI,sBAAsB,CAAC,OAAO,EAAE,CAAC;YACvD,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAG9B,UAAU,CAAC,GAAG,EAAE,CAAC;gBACf,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAAA,CAC3B,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;IAAA,CACF,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAGtB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAClD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC;IAE9D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QAEpB,IAAI,QAAQ,EAAE,MAAM,GAAG,iBAAiB,CAAC,OAAO,EAAE,CAAC;YACjD,sBAAsB,CAAC,OAAO,GAAG,KAAK,CAAC;YACvC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QAGD,iBAAiB,CAAC,OAAO,GAAG,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC;QAClD,aAAa,CAAC,OAAO,GAAG,QAAQ,EAAE,GAAG,CAAC;IAAA,CACvC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAKtC,MAAM,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAGxD,MAAM,cAAc,GAAG,mBAAmB,IAAI,eAAe,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,CAAC;IAG3F,IAAI,KAAK,EAAE,CAAC;QACV,QAAQ,CAAC,qCAAqC,EAAE;YAC9C,UAAU,EAAE,QAAQ,EAAE,GAAG;YACzB,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM;YAC5B,OAAO;YACP,QAAQ;YACR,YAAY;YACZ,eAAe,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK;YAC1C,cAAc;YACd,OAAO;YACP,KAAK,EAAE,KAAK,EAAE,OAAO;YACrB,aAAa;YACb,UAAU;SACX,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9D,IAAI,KAAK,EAAE,CAAC;YACV,QAAQ,CAAC,0DAA0D,EAAE;gBACnE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM;gBAC5B,OAAO;gBACP,kBAAkB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK;gBAC7C,OAAO;aACR,CAAC,CAAC;QACL,CAAC;QACD,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAC,oBAAoB,GAAG,CAAC;IACtD,CAAC;IAMD,MAAM,aAAa,GACjB,YAAY,KAAK,IAAI;QACnB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,mBAAmB,IAAI,gBAAgB,KAAK,IAAI;YAChD,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,UAAU,CAAC;IAEnB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa;QAC1F,6BACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAC9C,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;gBAEnB,MAAM,YAAY,GAAG,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;gBAC5E,IAAI,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,OAAO,KAAK,GAAG,EAAE,CAAC;oBACvD,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrC,CAAC;YAAA,CACF,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;gBAEnB,MAAM,YAAY,GAAG,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAgB,CAAC;gBAC5E,IAAI,YAAY,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACpD,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;gBACnC,CAAC;YAAA,CACF;YAED,gCACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oBACd,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,cAAc,EAAE,CAAC;gBAAA,CAClB,EACD,KAAK,EAAC,cAAc,gBACT,cAAc,EACzB,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,MAAM;oBACX,IAAI,EAAE,MAAM;oBACZ,MAAM,EAAE,EAAE;oBACV,eAAe,EAAE,0BAA0B;oBAC3C,YAAY,EAAE,KAAK;oBACnB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,MAAM,EAAE,MAAM;oBACd,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,CAAC,EAAE,sBAAsB;oBAClC,UAAU,EAAE,wCAAwC;oBACpD,OAAO,EAAE,CAAC;oBACV,KAAK,EAAE,MAAM;oBACb,SAAS,EAAE,8BAA8B;iBAC1C,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oBACnB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;oBACpC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;gBAAA,CAChD,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oBAEnB,MAAM,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,yBAAyB,CAAgB,CAAC;oBACpF,MAAM,kBAAkB,GAAG,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC;oBACxD,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,GAAG,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;oBACjE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;gBAAA,CAC9C;gBAED,6BACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,IAAI,EAAC,MAAM,EACX,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO;oBAEtB,kCAAU,MAAM,EAAC,iBAAiB,GAAG;oBACrC,kCAAU,MAAM,EAAC,gBAAgB,GAAG;oBACpC,8BAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG;oBACvC,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CACnC,CACC;YACT,oBAAC,QAAQ,IACP,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,cAAc,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,EACxD,GAAG,EAAE,GAAG,IAAI,iBAAiB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GACxB;YAGD,cAAc,IAAI,CACjB,6BACE,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,KAAK;oBACb,QAAQ,EAAE,QAAQ;oBAClB,eAAe,EAAE,oBAAoB;oBACrC,MAAM,EAAE,EAAE;iBACX;gBAED,6BACE,SAAS,EAAE,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC9D,KAAK,EAAE;wBACL,KAAK,EAAE,GAAG,iBAAiB,GAAG;wBAC9B,MAAM,EAAE,MAAM;wBACd,eAAe,EAAE,qCAAqC;wBACtD,UAAU,EAAE,qBAAqB;qBAClC,iBACW,MAAM,GAClB,CACE,CACP,CACG;QAGN,oBAAC,WAAW,IACV,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,aAAa,EACzB,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,iBAAiB,EAC3B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,GACZ,CACE,CACP,CAAC;AAAA,CACH"}

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;