@vibes.diy/use-vibes-base 0.0.1-dev

package/components/ImgGenUtils/ImgGenDisplayUtils.js

@@ -0,0 +1,95 @@
+export function getVersionInfo(document) {
+    if (document?.versions && document.versions.length > 0) {
+        const enhancedVersions = document.versions.map((v) => {
+            const versionWithPrompt = v;
+            const prompt = versionWithPrompt.prompt || undefined;
+            return {
+                ...v,
+                prompt,
+            };
+        });
+        return {
+            versions: enhancedVersions,
+            currentVersion: typeof document.currentVersion === 'number'
+                ? document.currentVersion
+                : document.versions.length - 1,
+        };
+    }
+    if (document?._files && document._files.image) {
+        return {
+            versions: [{ id: 'image', created: document.created || Date.now() }],
+            currentVersion: 0,
+        };
+    }
+    return { versions: [], currentVersion: 0 };
+}
+export function getPromptInfo(document, versionIndex) {
+    try {
+        if (typeof versionIndex === 'number') {
+            const { versions } = getVersionInfo(document);
+            if (versions &&
+                Array.isArray(versions) &&
+                versionIndex >= 0 &&
+                versionIndex < versions.length) {
+                const version = versions[versionIndex];
+                const promptKey = version.promptKey || 'p1';
+                if (document?.prompts && promptKey && document.prompts[promptKey]) {
+                    return {
+                        currentPrompt: document.prompts[promptKey].text || '',
+                        prompts: document.prompts,
+                        currentPromptKey: promptKey,
+                    };
+                }
+                if (version.prompt) {
+                    return {
+                        currentPrompt: version.prompt,
+                        prompts: { ...(document?.prompts || {}), legacy: { text: version.prompt } },
+                        currentPromptKey: 'legacy',
+                    };
+                }
+                const docWithPromptMap = document;
+                if (docWithPromptMap.promptMap && version.id && docWithPromptMap.promptMap[version.id]) {
+                    const legacyPrompt = docWithPromptMap.promptMap[version.id];
+                    return {
+                        currentPrompt: legacyPrompt,
+                        prompts: { legacy: { text: legacyPrompt } },
+                        currentPromptKey: 'legacy',
+                    };
+                }
+            }
+        }
+    }
+    catch (e) {
+        console.error('Error getting version-specific prompt:', e);
+    }
+    if (document?.prompts && document.currentPromptKey) {
+        return {
+            currentPrompt: document.prompts[document.currentPromptKey]?.text || '',
+            prompts: document.prompts,
+            currentPromptKey: document.currentPromptKey,
+        };
+    }
+    if (document?.prompt) {
+        return {
+            currentPrompt: document.prompt,
+            prompts: { p1: { text: document.prompt, created: document.created || Date.now() } },
+            currentPromptKey: 'p1',
+        };
+    }
+    return { currentPrompt: '', prompts: {}, currentPromptKey: '' };
+}
+export function getCurrentFileKey(document, versionIndex, versions) {
+    if (!versions || versions.length === 0)
+        return null;
+    if (versions.length > versionIndex) {
+        const versionId = versions[versionIndex].id;
+        if (document?._files && document._files[versionId]) {
+            return versionId;
+        }
+    }
+    if (document?._files && document._files.image) {
+        return 'image';
+    }
+    return null;
+}
+//# sourceMappingURL=ImgGenDisplayUtils.js.map

package/components/ImgGenUtils/ImgGenDisplayUtils.js.map

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

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,7 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
+import { imgGenStyles } from '../../utils/styles.js';
+export function ImgGenError({ message, className, classes = defaultClasses, }) {
+    return (React.createElement("div", { className: combineClasses(className, classes.error), style: imgGenStyles.error }, React.createElement("h3", { style: imgGenStyles.errorTitle }, "Error"), React.createElement("p", { style: imgGenStyles.errorMessage }, 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;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,OAAO,GAAG,cAAc,GACE,EAAE;IAC5B,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,IACjF,4BAAI,KAAK,EAAE,YAAY,CAAC,UAAU,YAAY,EAC9C,2BAAG,KAAK,EAAE,YAAY,CAAC,YAAY,IAAG,OAAO,IAAI,wBAAwB,CAAK,CAC1E,CACP,CAAC;AAAA,CACH"}

package/components/ImgGenUtils/ImgGenFileDrop.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+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/components/ImgGenUtils/ImgGenFileDrop.js

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { combineClasses } from '../../utils/style-utils.js';
+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);
+    const handleDragOver = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+    }, []);
+    const handleDragLeave = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    }, []);
+    const handleClick = React.useCallback(() => {
+        if (isActive && fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    }, [isActive]);
+    const processFiles = React.useCallback((fileList) => {
+        if (!isActive)
+            return;
+        const files = Array.from(fileList);
+        if (files.length === 0)
+            return;
+        const filesToProcess = files.slice(0, maxFiles);
+        if (debug) {
+            console.log(`[ImgGenFileDrop] Processing ${filesToProcess.length} files of ${files.length} selected`);
+        }
+        const imageFiles = filesToProcess.filter((file) => file.type.startsWith('image/'));
+        if (imageFiles.length > 0) {
+            onFilesDropped(imageFiles);
+        }
+    }, [isActive, maxFiles, onFilesDropped, debug]);
+    const handleDrop = React.useCallback((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        processFiles(e.dataTransfer.files);
+    }, [processFiles]);
+    const handleFileInput = React.useCallback((e) => {
+        if (e.target.files?.length) {
+            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)));
+}
+//# 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,63 @@
+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", style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'rgba(0, 0, 0, 0.8)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            zIndex: 9999,
+            padding: '20px',
+            boxSizing: 'border-box',
+        }, onClick: (e) => {
+            e.stopPropagation();
+            onClose();
+        }, role: "presentation" }, React.createElement("figure", { className: "imggen-full-wrapper", role: "figure", style: {
+            position: 'relative',
+            margin: 0,
+            maxWidth: '90vw',
+            maxHeight: '90vh',
+            display: 'flex',
+            flexDirection: 'column',
+            backgroundColor: 'white',
+            borderRadius: '8px',
+            overflow: 'hidden',
+            boxShadow: '0 20px 60px rgba(0, 0, 0, 0.5)',
+        }, onClick: (e) => e.stopPropagation() }, error ? (React.createElement("div", { className: "imggen-backdrop-error", style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            minHeight: '400px',
+            padding: '2rem',
+        } }, React.createElement(ImgGenError, { message: error.message }))) : (React.createElement(ImgFile, { file: currentFile, className: "imggen-backdrop-image", style: {
+            maxWidth: '100%',
+            maxHeight: '70vh',
+            objectFit: 'contain',
+            display: 'block',
+        }, 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":"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"}

package/components/ImgGenUtils/ImgGenModeUtils.d.ts

@@ -0,0 +1,9 @@
+import type { PartialImageDocument } from '../../hooks/image-gen/types.js';
+export type ImgGenMode = 'placeholder' | 'uploadWaiting' | 'generating' | 'display' | 'error';
+export declare function getImgGenMode({ document, prompt, loading, error, debug }: {
+    document?: PartialImageDocument | null;
+    prompt?: string;
+    loading: boolean;
+    error?: Error;
+    debug?: boolean;
+}): ImgGenMode;

package/components/ImgGenUtils/ImgGenModeUtils.js

@@ -0,0 +1,48 @@
+export function getImgGenMode({ document, prompt, loading, error, debug, }) {
+    if (error) {
+        if (debug)
+            console.log('[ImgGenModeUtils] Error present - error mode');
+        return 'error';
+    }
+    if (loading && prompt) {
+        if (debug)
+            console.log('[ImgGenModeUtils] Prompt + loading → generating');
+        return 'generating';
+    }
+    const hasVersions = !!document?.versions?.length;
+    const hasInputFiles = document?._files && Object.keys(document._files).some((key) => key.startsWith('in'));
+    const hasEmptyDoc = !!document && (!document._files || Object.keys(document._files).length === 0) && !hasVersions;
+    if (debug) {
+        console.log('[ImgGenModeUtils] Determining mode:', {
+            prompt: !!prompt,
+            hasVersions,
+            hasInputFiles,
+            hasEmptyDoc,
+            loading,
+        });
+    }
+    if (!document) {
+        if (debug)
+            console.log('[ImgGenModeUtils] No document - placeholder mode');
+        return 'placeholder';
+    }
+    if (hasInputFiles && !prompt && !hasVersions) {
+        if (debug)
+            console.log('[ImgGenModeUtils] Has input files but no prompt - uploadWaiting mode');
+        return 'uploadWaiting';
+    }
+    if ((prompt || loading) && !hasVersions) {
+        if (debug)
+            console.log('[ImgGenModeUtils] Has prompt but no versions - generating mode');
+        return 'generating';
+    }
+    if (hasVersions) {
+        if (debug)
+            console.log('[ImgGenModeUtils] Has versions - display mode');
+        return 'display';
+    }
+    if (debug)
+        console.log('[ImgGenModeUtils] Fallback - placeholder mode');
+    return 'placeholder';
+}
+//# sourceMappingURL=ImgGenModeUtils.js.map

package/components/ImgGenUtils/ImgGenModeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenModeUtils.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenModeUtils.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,GAON,EAAc;IACb,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,8CAA8C,CAAC,CAAC;QACvE,OAAO,OAAO,CAAC;IACjB,CAAC;IAID,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;QACtB,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,mDAAiD,CAAC,CAAC;QAC1E,OAAO,YAAY,CAAC;IACtB,CAAC;IAGD,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;IAGjD,MAAM,aAAa,GACjB,QAAQ,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IAIvF,MAAM,WAAW,GACf,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAEhG,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE;YACjD,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,WAAW;YACX,aAAa;YACb,WAAW;YACX,OAAO;SACR,CAAC,CAAC;IACL,CAAC;IAGD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,kDAAkD,CAAC,CAAC;QAC3E,OAAO,aAAa,CAAC;IACvB,CAAC;IAGD,IAAI,aAAa,IAAI,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7C,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,sEAAsE,CAAC,CAAC;QAC/F,OAAO,eAAe,CAAC;IACzB,CAAC;IAGD,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACxC,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,gEAAgE,CAAC,CAAC;QACzF,OAAO,YAAY,CAAC;IACtB,CAAC;IAGD,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;QACxE,OAAO,SAAS,CAAC;IACnB,CAAC;IAGD,IAAI,KAAK;QAAE,OAAO,CAAC,GAAG,CAAC,+CAA+C,CAAC,CAAC;IACxE,OAAO,aAAa,CAAC;AAAA,CACtB"}

package/components/ImgGenUtils/ImgGenPromptWaiting.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../../utils/style-utils.js';
+interface ImgGenPromptWaitingProps {
+    readonly className?: string;
+    readonly classes?: Partial<ImgGenClasses>;
+    readonly database?: string;
+    readonly debug?: boolean;
+    readonly onFilesUploaded?: (docId: string) => void;
+}
+export declare function ImgGenPromptWaiting({ className, classes, database, debug, onFilesUploaded }: ImgGenPromptWaitingProps): React.JSX.Element;
+export {};

package/components/ImgGenUtils/ImgGenPromptWaiting.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
+import { ImgGenFileDrop } from './ImgGenFileDrop.js';
+import { useFireproof } from 'use-fireproof';
+export function ImgGenPromptWaiting({ className, classes = defaultClasses, database, debug, onFilesUploaded, }) {
+    const { database: db } = useFireproof(database || 'ImgGen');
+    const handleFilesDropped = React.useCallback(async (files) => {
+        if (!files.length)
+            return;
+        if (debug) {
+            console.log(`[ImgGenPromptWaiting] Handling ${files.length} dropped files`);
+        }
+        try {
+            const newDoc = {
+                type: 'image',
+                createdAt: new Date().toISOString(),
+                _files: {},
+            };
+            files.forEach((file, index) => {
+                newDoc._files[`in${index + 1}`] = file;
+            });
+            const result = await db.put(newDoc);
+            if (debug) {
+                console.log('[ImgGenPromptWaiting] Created document for uploads:', result.id);
+            }
+            if (onFilesUploaded && result.id) {
+                onFilesUploaded(result.id);
+            }
+        }
+        catch (error) {
+            console.error('[ImgGenPromptWaiting] Error handling file upload:', error);
+        }
+    }, [db, debug, onFilesUploaded]);
+    return (React.createElement("div", { className: combineClasses('imggen-upload-waiting', className || '', classes?.uploadWaiting || '') }, React.createElement("div", { className: "imggen-placeholder-content", style: { marginBottom: '1rem', textAlign: 'center' } }, React.createElement("h3", { style: { margin: '0 0 0.5rem 0', color: '#333' } }, "Generate an Image"), React.createElement("p", { style: { margin: '0', color: '#666' } }, "Enter a prompt or upload an image to edit")), React.createElement(ImgGenFileDrop, { className: classes?.dropZone || '', onFilesDropped: handleFilesDropped, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images here to upload (or click to browse)" })));
+}
+//# sourceMappingURL=ImgGenPromptWaiting.js.map

package/components/ImgGenUtils/ImgGenPromptWaiting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenPromptWaiting.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/ImgGenPromptWaiting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,4BAA4B,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAiB7C,MAAM,UAAU,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,GAAG,cAAc,EACxB,QAAQ,EACR,KAAK,EACL,eAAe,GACU,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAG5D,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,GAAG,CAAC,kCAAkC,KAAK,CAAC,MAAM,gBAAgB,CAAC,CAAC;QAC9E,CAAC;QAED,IAAI,CAAC;YAEH,MAAM,MAAM,GAAG;gBACb,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;gBACnC,MAAM,EAAE,EAA0B;aACnC,CAAC;YAGF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAG7B,MAAM,CAAC,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YAAA,CACxC,CAAC,CAAC;YAGH,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,CAAC,qDAAqD,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;YAChF,CAAC;YAGD,IAAI,eAAe,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;gBACjC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,mDAAmD,EAAE,KAAK,CAAC,CAAC;QAC5E,CAAC;IAAA,CACF,EACD,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CACvB,uBAAuB,EACvB,SAAS,IAAI,EAAE,EACf,OAAO,EAAE,aAAa,IAAI,EAAE,CAC7B,IAED,6BACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,IAEpD,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAwB,EAC5E,2BAAG,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,gDAA+C,CACnF,EAEN,oBAAC,cAAc,IACb,SAAS,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAClC,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,KAAK,EACZ,eAAe,EAAC,iDAAiD,GACjE,CACE,CACP,CAAC;AAAA,CACH"}

package/components/ImgGenUtils/ImgGenUploadWaiting.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { PartialImageDocument } from '../../hooks/image-gen/types.js';
+import { Database } from 'use-fireproof';
+import { ImgGenClasses } from '../../utils/style-utils.js';
+interface ImgGenUploadWaitingProps {
+    readonly document?: PartialImageDocument;
+    readonly className?: string;
+    readonly classes?: Partial<ImgGenClasses>;
+    readonly debug?: boolean;
+    readonly database?: string | Database;
+    readonly onFilesAdded?: () => void;
+    readonly onDocumentCreated?: (docId: string) => void;
+    readonly onPromptSubmit: (prompt: string, documentId?: string) => void;
+}
+export declare function ImgGenUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit }: ImgGenUploadWaitingProps): React.ReactElement;
+export {};

package/components/ImgGenUtils/ImgGenUploadWaiting.js

@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { useFireproof, ImgFile } from 'use-fireproof';
+import { ImgGenFileDrop } from '../ImgGenUtils/ImgGenFileDrop.js';
+import { combineClasses } from '../../utils/style-utils.js';
+export function ImgGenUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit, }) {
+    const { database: db } = useFireproof(database || 'ImgGen');
+    const [prompt, setPrompt] = React.useState('');
+    const [inputFiles, setInputFiles] = React.useState([]);
+    React.useEffect(() => {
+        if (document?._files) {
+            const inFiles = Object.keys(document._files)
+                .filter((key) => key.startsWith('in'))
+                .sort();
+            setInputFiles(inFiles);
+            if (debug) {
+                console.log('[ImgGenUploadWaiting] Found input files:', inFiles);
+            }
+        }
+    }, [document, debug]);
+    React.useEffect(() => {
+        const objectUrls = [];
+        return () => {
+            objectUrls.forEach((url) => URL.revokeObjectURL(url));
+        };
+    }, []);
+    const handleFilesUploaded = async (files) => {
+        if (!files.length)
+            return;
+        if (document && document._id) {
+            await addFilesToExistingDocument(files);
+        }
+        // Otherwise create a new document
+        else {
+            await createNewDocumentWithFiles(files);
+        }
+    };
+    const createNewDocumentWithFiles = async (files) => {
+        try {
+            const newDoc = {
+                type: 'image',
+                createdAt: new Date().toISOString(),
+                _files: {},
+            };
+            files.forEach((file, index) => {
+                newDoc._files[`in${index + 1}`] = file;
+            });
+            const result = await db.put(newDoc);
+            if (debug) {
+                console.log('[ImgGenUploadWaiting] Created document for uploads:', result.id);
+            }
+            if (onDocumentCreated && result.id) {
+                onDocumentCreated(result.id);
+            }
+        }
+        catch (error) {
+            console.error('[ImgGenUploadWaiting] Error creating document for uploads:', error);
+        }
+    };
+    const addFilesToExistingDocument = async (files) => {
+        if (!document || !document._id)
+            return;
+        try {
+            const doc = await db.get(document._id);
+            if (!doc) {
+                console.error('[ImgGenUploadWaiting] Document not found:', document._id);
+                return;
+            }
+            let maxInputNum = 0;
+            if (doc._files) {
+                Object.keys(doc._files).forEach((key) => {
+                    if (key.startsWith('in')) {
+                        const num = parseInt(key.substring(2), 10);
+                        if (!isNaN(num) && num > maxInputNum) {
+                            maxInputNum = num;
+                        }
+                    }
+                });
+            }
+            const updatedDoc = { ...doc };
+            if (!updatedDoc._files)
+                updatedDoc._files = {};
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                const fileKey = `in${maxInputNum + i + 1}`;
+                updatedDoc._files[fileKey] = file;
+                if (debug) {
+                    console.log(`[ImgGenUploadWaiting] Adding file to document: ${fileKey}`, file.name);
+                }
+            }
+            const result = await db.put(updatedDoc);
+            if (debug) {
+                console.log('[ImgGenUploadWaiting] Document updated with new files:', result.id);
+            }
+            const refreshedDoc = await db.get(result.id);
+            if (refreshedDoc) {
+                const inFiles = Object.keys(refreshedDoc._files || {})
+                    .filter((key) => key.startsWith('in'))
+                    .sort();
+                setInputFiles(inFiles);
+                if (debug) {
+                    console.log('[ImgGenUploadWaiting] Refreshed input files:', inFiles);
+                }
+            }
+            if (onFilesAdded) {
+                onFilesAdded();
+            }
+        }
+        catch (error) {
+            console.error('[ImgGenUploadWaiting] Error updating document with new files:', error);
+        }
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (prompt.trim()) {
+            if (document && document._id) {
+                if (debug) {
+                    console.log('[ImgGenUploadWaiting] Submitting prompt with document ID:', document._id);
+                }
+                onPromptSubmit(prompt.trim(), document._id);
+            }
+            else {
+                if (debug) {
+                    console.log('[ImgGenUploadWaiting] Submitting prompt with no document');
+                }
+                onPromptSubmit(prompt.trim());
+            }
+        }
+    };
+    return (React.createElement("div", { className: combineClasses('imggen-upload-waiting', className || '', classes?.uploadWaiting || '') }, React.createElement("div", { className: "imggen-placeholder-content", style: { textAlign: 'center' } }, React.createElement("h3", { style: { margin: '0 0 0.5rem 0', color: '#333' } }, "Image Generator")), React.createElement("form", { onSubmit: handleSubmit, className: "imggen-prompt-form" }, React.createElement("input", { type: "text", value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Enter a prompt...", className: "imggen-prompt-input" }), React.createElement("button", { type: "submit", disabled: !prompt.trim(), className: "imggen-prompt-submit" }, "Generat")), inputFiles.length > 0 && (React.createElement("div", { className: "imggen-uploaded-previews" }, React.createElement("div", { className: "imggen-upload-count" }, inputFiles.length, " ", inputFiles.length === 1 ? 'image' : 'images', " uploade"), React.createElement("div", { className: "imggen-thumbnails" }, inputFiles.slice(0, 4).map((fileKey) => (React.createElement("div", { key: fileKey, className: "imggen-thumbnail" }, document?._files && document._files[fileKey] && (React.createElement(ImgFile, { file: document._files[fileKey], alt: `Upload ${fileKey}`, className: "imggen-thumbnail-img" }))))), inputFiles.length > 4 && (React.createElement("div", { className: "imggen-more-count" }, "+", inputFiles.length - 4, " more"))))), React.createElement(ImgGenFileDrop, { className: classes?.dropZone || '', onFilesDropped: handleFilesUploaded, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images or click to upload (optional)" })));
+}
+//# sourceMappingURL=ImgGenUploadWaiting.js.map

package/components/ImgGenUtils/ImgGenUploadWaiting.js.map

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

package/components/ImgGenUtils/index.d.ts

@@ -0,0 +1,6 @@
+export { ImgGenPromptWaiting } from './ImgGenPromptWaiting.js';
+export { ImgGenError } from './ImgGenError.js';
+export { ImgGenDisplayPlaceholder } from './ImgGenDisplayPlaceholder.js';
+export { ImgGenDisplay } from './ImgGenDisplay.js';
+export { ImgGenUploadWaiting } from './ImgGenUploadWaiting.js';
+export * from './types.js';

package/components/ImgGenUtils/index.js

@@ -0,0 +1,7 @@
+export { ImgGenPromptWaiting } from './ImgGenPromptWaiting.js';
+export { ImgGenError } from './ImgGenError.js';
+export { ImgGenDisplayPlaceholder } from './ImgGenDisplayPlaceholder.js';
+export { ImgGenDisplay } from './ImgGenDisplay.js';
+export { ImgGenUploadWaiting } from './ImgGenUploadWaiting.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/components/ImgGenUtils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,cAAc,YAAY,CAAC"}

package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../../../utils/style-utils.js';
+interface DeleteConfirmationOverlayProps {
+    readonly handleDeleteConfirm: () => void;
+    readonly handleCancelDelete: () => void;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export declare function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes }: DeleteConfirmationOverlayProps): React.JSX.Element;
+export {};