use-vibes 0.5.7 → 0.11.0-dev-preview1

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/{dist/components → components}/ImgGenUtils/ImgGenModeUtils.js

@@ -1,26 +1,16 @@
-/**
- * Pure function to determine the current mode of the ImgGen component
- * based on available document data and component state
- */
 export function getImgGenMode({ document, prompt, loading, error, debug, }) {
     if (error) {
         if (debug)
             console.log('[ImgGenModeUtils] Error present - error mode');
         return 'error';
     }
-    // Special case: When we have a prompt and loading, always show generating
-    // This helps during initial generation before document is created
     if (loading && prompt) {
         if (debug)
             console.log('[ImgGenModeUtils] Prompt + loading → generating');
         return 'generating';
     }
-    // Check if we have versions (generated images)
     const hasVersions = !!document?.versions?.length;
-    // Check if document has input files (uploaded images waiting for prompt)
     const hasInputFiles = document?._files && Object.keys(document._files).some((key) => key.startsWith('in'));
-    // Check if document exists but has no input files or versions
-    // This usually means it's a brand new document or an error case
     const hasEmptyDoc = !!document && (!document._files || Object.keys(document._files).length === 0) && !hasVersions;
     if (debug) {
         console.log('[ImgGenModeUtils] Determining mode:', {
@@ -31,31 +21,26 @@ export function getImgGenMode({ document, prompt, loading, error, debug, }) {
             loading,
         });
     }
-    // Case 1: Total blank slate - no prompt, no document
     if (!document) {
         if (debug)
             console.log('[ImgGenModeUtils] No document - placeholder mode');
         return 'placeholder';
     }
-    // Case 2: Has input files but no prompt yet - stay in upload waiting mode
     if (hasInputFiles && !prompt && !hasVersions) {
         if (debug)
             console.log('[ImgGenModeUtils] Has input files but no prompt - uploadWaiting mode');
         return 'uploadWaiting';
     }
-    // Case 3: Has prompt but no versions yet (or is currently loading) - generating mode
     if ((prompt || loading) && !hasVersions) {
         if (debug)
             console.log('[ImgGenModeUtils] Has prompt but no versions - generating mode');
         return 'generating';
     }
-    // Case 4: Has versions - display mode
     if (hasVersions) {
         if (debug)
             console.log('[ImgGenModeUtils] Has versions - display mode');
         return 'display';
     }
-    // Fallback - if we have an empty document or other invalid state, go back to placeholder
     if (debug)
         console.log('[ImgGenModeUtils] Fallback - placeholder mode');
     return 'placeholder';

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,12 @@
+import * as React from 'react';
+import '../ImgGen.css';
+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/{dist/components → components}/ImgGenUtils/ImgGenPromptWaiting.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
 import '../ImgGen.css';
-import { combineClasses, defaultClasses } from '../../utils/style-utils';
-import { ImgGenFileDrop } from './ImgGenFileDrop';
+import { combineClasses, defaultClasses } from '../../utils/style-utils.js';
+import { ImgGenFileDrop } from './ImgGenFileDrop.js';
 import { useFireproof } from 'use-fireproof';
-// Component for when neither prompt nor _id is provided
 export function ImgGenPromptWaiting({ className, classes = defaultClasses, database, debug, onFilesUploaded, }) {
     const { database: db } = useFireproof(database || 'ImgGen');
-    // Handle files being uploaded
     const handleFilesDropped = React.useCallback(async (files) => {
         if (!files.length)
             return;
@@ -14,24 +12,18 @@ export function ImgGenPromptWaiting({ className, classes = defaultClasses, datab
             console.log(`[ImgGenPromptWaiting] Handling ${files.length} dropped files`);
         }
         try {
-            // Create new document to hold the uploaded files
             const newDoc = {
                 type: 'image',
                 createdAt: new Date().toISOString(),
                 _files: {},
             };
-            // Add files to the document with input file keys
             files.forEach((file, index) => {
-                // Input files are prefixed with 'in' followed by a number
-                // These are files uploaded by the user, not generated by AI
                 newDoc._files[`in${index + 1}`] = file;
             });
-            // Save the document to get an ID
             const result = await db.put(newDoc);
             if (debug) {
                 console.log('[ImgGenPromptWaiting] Created document for uploads:', result.id);
             }
-            // Notify parent component that files were uploaded
             if (onFilesUploaded && result.id) {
                 onFilesUploaded(result.id);
             }
@@ -40,10 +32,6 @@ export function ImgGenPromptWaiting({ className, classes = defaultClasses, datab
             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)" })));
+    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;AACvB,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,17 @@
+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';
+import '../ImgGen.css';
+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/{dist/components → components}/ImgGenUtils/ImgGenUploadWaiting.js

@@ -1,18 +1,12 @@
 import * as React from 'react';
 import { useFireproof, ImgFile } from 'use-fireproof';
-import { ImgGenFileDrop } from '../ImgGenUtils/ImgGenFileDrop';
-import { combineClasses } from '../../utils/style-utils';
+import { ImgGenFileDrop } from '../ImgGenUtils/ImgGenFileDrop.js';
+import { combineClasses } from '../../utils/style-utils.js';
 import '../ImgGen.css';
-/**
- * Component for displaying uploaded images and allowing users to:
- * 1. Upload more images to the same document
- * 2. Enter a prompt to start generation
- */
 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([]);
-    // Get all input files from the document
     React.useEffect(() => {
         if (document?._files) {
             const inFiles = Object.keys(document._files)
@@ -24,19 +18,15 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
             }
         }
     }, [document, debug]);
-    // Clean up any created object URLs when unmounting
     React.useEffect(() => {
         const objectUrls = [];
         return () => {
-            // Clean up any created object URLs
             objectUrls.forEach((url) => URL.revokeObjectURL(url));
         };
     }, []);
-    // Handle files being uploaded - two paths: add to existing doc or create new doc
     const handleFilesUploaded = async (files) => {
         if (!files.length)
             return;
-        // If we already have a document, add files to it
         if (document && document._id) {
             await addFilesToExistingDocument(files);
         }
@@ -45,27 +35,20 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
             await createNewDocumentWithFiles(files);
         }
     };
-    // Create a new document with the uploaded files
     const createNewDocumentWithFiles = async (files) => {
         try {
-            // Create new document to hold the uploaded files
             const newDoc = {
                 type: 'image',
                 createdAt: new Date().toISOString(),
                 _files: {},
             };
-            // Add files to the document with input file keys
             files.forEach((file, index) => {
-                // Input files are prefixed with 'in' followed by a number
-                // These are files uploaded by the user, not generated by AI
                 newDoc._files[`in${index + 1}`] = file;
             });
-            // Save the document to get an ID
             const result = await db.put(newDoc);
             if (debug) {
                 console.log('[ImgGenUploadWaiting] Created document for uploads:', result.id);
             }
-            // Notify parent component that files were uploaded and document created
             if (onDocumentCreated && result.id) {
                 onDocumentCreated(result.id);
             }
@@ -74,18 +57,15 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
             console.error('[ImgGenUploadWaiting] Error creating document for uploads:', error);
         }
     };
-    // Add files to an existing document
     const addFilesToExistingDocument = async (files) => {
         if (!document || !document._id)
             return;
         try {
-            // Load existing document
             const doc = await db.get(document._id);
             if (!doc) {
                 console.error('[ImgGenUploadWaiting] Document not found:', document._id);
                 return;
             }
-            // Find highest current input file number
             let maxInputNum = 0;
             if (doc._files) {
                 Object.keys(doc._files).forEach((key) => {
@@ -97,28 +77,23 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
                     }
                 });
             }
-            // Add new files with incremented keys
             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}`;
-                // Add file to document
                 updatedDoc._files[fileKey] = file;
                 if (debug) {
                     console.log(`[ImgGenUploadWaiting] Adding file to document: ${fileKey}`, file.name);
                 }
             }
-            // Save updated document
             const result = await db.put(updatedDoc);
             if (debug) {
                 console.log('[ImgGenUploadWaiting] Document updated with new files:', result.id);
             }
-            // Refresh the document to get the latest version with new files
             const refreshedDoc = await db.get(result.id);
             if (refreshedDoc) {
-                // Update input files state with the new files
                 const inFiles = Object.keys(refreshedDoc._files || {})
                     .filter((key) => key.startsWith('in'))
                     .sort();
@@ -127,7 +102,6 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
                     console.log('[ImgGenUploadWaiting] Refreshed input files:', inFiles);
                 }
             }
-            // Notify parent about files added
             if (onFilesAdded) {
                 onFilesAdded();
             }
@@ -136,11 +110,9 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
             console.error('[ImgGenUploadWaiting] Error updating document with new files:', error);
         }
     };
-    // Handle prompt submission
     const handleSubmit = (e) => {
         e.preventDefault();
         if (prompt.trim()) {
-            // Pass both the prompt and document ID to the parent component if we have a document
             if (document && document._id) {
                 if (debug) {
                     console.log('[ImgGenUploadWaiting] Submitting prompt with document ID:', document._id);
@@ -148,7 +120,6 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
                 onPromptSubmit(prompt.trim(), document._id);
             }
             else {
-                // Submit just the prompt if no document is available
                 if (debug) {
                     console.log('[ImgGenUploadWaiting] Submitting prompt with no document');
                 }
@@ -156,26 +127,6 @@ export function ImgGenUploadWaiting({ document, className, classes, debug, datab
             }
         }
     };
-    // We no longer need this function since we're using ImgFile component
-    // which handles all the file display logic for us
-    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" }, "Generate")),
-        inputFiles.length > 0 && (React.createElement("div", { className: "imggen-uploaded-previews" },
-            React.createElement("div", { className: "imggen-upload-count" },
-                inputFiles.length,
-                " ",
-                inputFiles.length === 1 ? 'image' : 'images',
-                " uploaded"),
-            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)" })));
+    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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,OAAO,EAAY,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAiB,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,eAAe,CAAC;AA0BvB,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,cAAc,GACW,EAAsB;IAC/C,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IAGjE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,IAAI,QAAQ,EAAE,MAAM,EAAE,CAAC;YACrB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;iBACzC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;iBACrC,IAAI,EAAE,CAAC;YAEV,aAAa,CAAC,OAAO,CAAC,CAAC;YAEvB,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,CAAC,0CAA0C,EAAE,OAAO,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;IAAA,CACF,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAGtB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,UAAU,GAAa,EAAE,CAAC;QAEhC,OAAO,GAAG,EAAE,CAAC;YAGX,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;QAAA,CACvD,CAAC;IAAA,CACH,EAAE,EAAE,CAAC,CAAC;IAGP,MAAM,mBAAmB,GAAG,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC;QACnD,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAG1B,IAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;YAC7B,MAAM,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC;QACD,kCAAkC;aAC7B,CAAC;YACJ,MAAM,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC;IAAA,CACF,CAAC;IAGF,MAAM,0BAA0B,GAAG,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC;QAC1D,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,iBAAiB,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;gBACnC,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,4DAA4D,EAAE,KAAK,CAAC,CAAC;QACrF,CAAC;IAAA,CACF,CAAC;IAGF,MAAM,0BAA0B,GAAG,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC;QAC1D,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,GAAG;YAAE,OAAO;QAEvC,IAAI,CAAC;YAEH,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACvC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACzE,OAAO;YACT,CAAC;YAGD,IAAI,WAAW,GAAG,CAAC,CAAC;YACpB,IAAI,GAAG,CAAC,MAAM,EAAE,CAAC;gBACf,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;oBACvC,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;wBACzB,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;wBAC3C,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,WAAW,EAAE,CAAC;4BACrC,WAAW,GAAG,GAAG,CAAC;wBACpB,CAAC;oBACH,CAAC;gBAAA,CACF,CAAC,CAAC;YACL,CAAC;YAGD,MAAM,UAAU,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC;YAC9B,IAAI,CAAC,UAAU,CAAC,MAAM;gBAAE,UAAU,CAAC,MAAM,GAAG,EAAE,CAAC;YAE/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBACtB,MAAM,OAAO,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAG3C,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;gBAElC,IAAI,KAAK,EAAE,CAAC;oBACV,OAAO,CAAC,GAAG,CAAC,kDAAkD,OAAO,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBACtF,CAAC;YACH,CAAC;YAGD,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAExC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,CAAC,wDAAwD,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;YACnF,CAAC;YAGD,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC7C,IAAI,YAAY,EAAE,CAAC;gBAEjB,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,IAAI,EAAE,CAAC;qBACnD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;qBACrC,IAAI,EAAE,CAAC;gBAEV,aAAa,CAAC,OAAO,CAAC,CAAC;gBAEvB,IAAI,KAAK,EAAE,CAAC;oBACV,OAAO,CAAC,GAAG,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;gBACvE,CAAC;YACH,CAAC;YAGD,IAAI,YAAY,EAAE,CAAC;gBACjB,YAAY,EAAE,CAAC;YACjB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,+DAA+D,EAAE,KAAK,CAAC,CAAC;QACxF,CAAC;IAAA,CACF,CAAC;IAGF,MAAM,YAAY,GAAG,CAAC,CAAkB,EAAE,EAAE,CAAC;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC;YAElB,IAAI,QAAQ,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC;gBAC7B,IAAI,KAAK,EAAE,CAAC;oBACV,OAAO,CAAC,GAAG,CAAC,2DAA2D,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACzF,CAAC;gBACD,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBAEN,IAAI,KAAK,EAAE,CAAC;oBACV,OAAO,CAAC,GAAG,CAAC,0DAA0D,CAAC,CAAC;gBAC1E,CAAC;gBACD,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IAAA,CACF,CAAC;IAKF,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CACvB,uBAAuB,EACvB,SAAS,IAAI,EAAE,EACf,OAAO,EAAE,aAAa,IAAI,EAAE,CAC7B,IAGD,6BAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IACxE,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAsB,CACtE,EAGN,8BAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,oBAAoB,IAC1D,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAC,qBAAqB,GAC/B,EACF,gCAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,SAAS,EAAC,sBAAsB,cAEvE,CACJ,EAGN,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,6BAAK,SAAS,EAAC,0BAA0B,IACvC,6BAAK,SAAS,EAAC,qBAAqB,IACjC,UAAU,CAAC,MAAM,OAAG,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAC7D,EACN,6BAAK,SAAS,EAAC,mBAAmB,IAC/B,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACvC,6BAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,kBAAkB,IAC5C,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAC/C,oBAAC,OAAO,IACN,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAC9B,GAAG,EAAE,UAAU,OAAO,EAAE,EACxB,SAAS,EAAC,sBAAsB,GAChC,CACH,CACG,CACP,CAAC,EACD,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,6BAAK,SAAS,EAAC,mBAAmB,SAAG,UAAU,CAAC,MAAM,GAAG,CAAC,UAAY,CACvE,CACG,CACF,CACP,EAGD,oBAAC,cAAc,IACb,SAAS,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAClC,cAAc,EAAE,mBAAmB,EACnC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,KAAK,EACZ,eAAe,EAAC,2CAA2C,GAC3D,CACE,CACP,CAAC;AAAA,CACH"}

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 {};

package/{dist/components → components}/ImgGenUtils/overlays/DeleteConfirmationOverlay.js

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { combineClasses, defaultClasses } from '../../../utils/style-utils';
+import { combineClasses, defaultClasses } from '../../../utils/style-utils.js';
 export function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes = defaultClasses, }) {
-    // Using React's useEffect to automatically dismiss the confirmation after 3 seconds
     React.useEffect(() => {
         const timeoutId = setTimeout(() => {
             handleCancelDelete();
-        }, 3000); // Auto-dismiss after 3 seconds
+        }, 3000);
         return () => clearTimeout(timeoutId);
     }, [handleCancelDelete]);
     return (React.createElement("div", { className: combineClasses('imggen-delete-message', classes.overlay), style: {
@@ -21,12 +20,11 @@ export function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDel
             boxSizing: 'border-box',
             border: '1px solid var(--imggen-error-border)',
             cursor: 'pointer',
-        }, onClick: handleDeleteConfirm, "aria-label": "Confirm delete" },
-        React.createElement("p", { style: {
-                color: '#ff3333',
-                fontSize: '14px',
-                margin: 0,
-                fontWeight: 'bold',
-            } }, "Confirm delete? This action cannot be undone.")));
+        }, onClick: handleDeleteConfirm, "aria-label": "Confirm delete" }, React.createElement("p", { style: {
+            color: '#ff3333',
+            fontSize: '14px',
+            margin: 0,
+            fontWeight: 'bold',
+        } }, "Confirm delete? This action cannot be undone")));
 }
 //# sourceMappingURL=DeleteConfirmationOverlay.js.map

package/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAS9F,MAAM,UAAU,yBAAyB,CAAC,EACxC,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,GAAG,cAAc,GACO,EAAE;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;YACjC,kBAAkB,EAAE,CAAC;QAAA,CACtB,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAAA,CACtC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,OAAO,CAAC,OAAO,CAAC,EACnE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,sBAAsB;YACvC,YAAY,EAAE,6BAA6B;YAC3C,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,sCAAsC;YAC9C,MAAM,EAAE,SAAS;SAClB,EACD,OAAO,EAAE,mBAAmB,gBACjB,gBAAgB,IAE3B,2BACE,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,MAAM;YAChB,MAAM,EAAE,CAAC;YACT,UAAU,EAAE,MAAM;SACnB,mDAGC,CACA,CACP,CAAC;AAAA,CACH"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../../../utils/style-utils.js';
+interface ImageOverlayProps {
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (prompt: string | null) => void;
+    readonly handlePromptEdit: (prompt: string) => void;
+    readonly handleDeleteConfirm: () => void;
+    readonly handlePrevVersion: () => void;
+    readonly handleNextVersion: () => void;
+    readonly handleRegen: () => void;
+    readonly versionIndex: number;
+    readonly totalVersions: number;
+    readonly classes?: Partial<ImgGenClasses>;
+    readonly showControls?: boolean;
+    readonly progress?: number;
+    readonly showDelete?: boolean;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+}
+export declare function ImageOverlay({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, progress, showDelete, versionFlash, isRegenerating }: ImageOverlayProps): React.JSX.Element;
+export {};

package/components/ImgGenUtils/overlays/ImageOverlay.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../../utils/style-utils.js';
+import { PromptBar } from '../../../components/PromptBar.js';
+import { ControlsBar } from '../../../components/ControlsBar.js';
+export function ImageOverlay({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
+    return (React.createElement("div", { className: combineClasses('imggen-overlay', classes.overlay), style: { position: 'relative' } }, React.createElement(React.Fragment, null, React.createElement(PromptBar, { promptText: promptText, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, classes: classes }), React.createElement(ControlsBar, { handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, classes: classes, showControls: showControls, showDelete: showDelete, editedPrompt: editedPrompt, promptText: promptText, progress: progress, versionFlash: versionFlash, isRegenerating: isRegenerating }))));
+}
+//# sourceMappingURL=ImageOverlay.js.map

package/components/ImgGenUtils/overlays/ImageOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/ImageOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAC9F,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AA8BjE,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,OAAO,GAAG,cAAc,EACxB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,GACJ,EAAE;IAEpB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CAAC,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,EAC5D,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAG7B,0CAEE,oBAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB,EAGF,oBAAC,WAAW,IACV,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,CACD,CAED,CACP,CAAC;AAAA,CACH"}

package/components/ImgGenUtils/types.d.ts

@@ -0,0 +1,29 @@
+import type { PartialImageDocument } from '../../hooks/image-gen/types.js';
+import { ImgGenClasses } from '../../utils/style-utils.js';
+export interface ImgGenPlaceholderProps {
+    readonly className?: string;
+    readonly alt?: string;
+    readonly prompt?: string;
+    progress: number;
+    readonly loading?: boolean;
+    readonly error?: Error | null;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export interface ImgGenDisplayProps {
+    readonly document: PartialImageDocument;
+    readonly className: string;
+    readonly alt: string;
+    readonly onDelete: (id: string) => void;
+    readonly onRegen: (id: string) => void;
+    readonly onPromptEdit: (id: string, newPrompt: string) => void;
+    readonly classes: Partial<ImgGenClasses>;
+    readonly loading: boolean;
+    readonly progress: number;
+    readonly error: Error | null;
+    readonly debug: boolean;
+}
+export interface ImgGenErrorProps {
+    readonly message: string;
+    readonly className: string;
+    readonly classes: Partial<ImgGenClasses>;
+}

package/components/ImgGenUtils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/types.ts"],"names":[],"mappings":""}

package/components/ImgGenUtils.d.ts

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

package/components/ImgGenUtils.js

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

package/components/ImgGenUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenUtils.js","sourceRoot":"","sources":["../../jsr/components/ImgGenUtils.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,wBAAwB,EACxB,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,cAAc,wBAAwB,CAAC"}

package/components/PromptBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../utils/style-utils.js';
+interface PromptBarProps {
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (prompt: string | null) => void;
+    readonly handlePromptEdit: (prompt: string) => void;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export declare function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes }: PromptBarProps): React.JSX.Element;
+export {};

package/components/PromptBar.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../utils/style-utils.js';
+export function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes = defaultClasses, }) {
+    return (React.createElement("div", { className: "imggen-top-line" }, React.createElement("div", { className: combineClasses('imggen-prompt', classes.prompt) }, editedPrompt !== null ? (React.createElement("input", { type: "text", value: editedPrompt, onChange: (e) => setEditedPrompt(e.target.value), onKeyDown: (e) => {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                handlePromptEdit(editedPrompt);
+            }
+            else if (e.key === 'Escape') {
+                setEditedPrompt(null);
+            }
+        }, autoFocus: true, className: "imggen-prompt-input imggen-edit-mode", "aria-label": "Edit prompt" })) : (React.createElement("div", { onClick: () => {
+            setEditedPrompt(promptText);
+        }, className: "imggen-prompt-text imggen-truncate", title: "Click to edit prompt" }, promptText)))));
+}
+//# sourceMappingURL=PromptBar.js.map

package/components/PromptBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBar.js","sourceRoot":"","sources":["../../jsr/components/PromptBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAC;AAgBxF,MAAM,UAAU,SAAS,CAAC,EACxB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,OAAO,GAAG,cAAc,GACT,EAAE;IACjB,OAAO,CACL,6BAAK,SAAS,EAAC,iBAAiB,IAC9B,6BAAK,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,IAC5D,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,gBAAgB,CAAC,YAAY,CAAC,CAAC;YACjC,CAAC;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QAAA,CACF,EAED,SAAS,QACT,SAAS,EAAC,sCAAsC,gBACrC,aAAa,GACxB,CACH,CAAC,CAAC,CAAC,CACF,6BACE,OAAO,EAAE,GAAG,EAAE,CAAC;YAEb,eAAe,CAAC,UAAU,CAAC,CAAC;QAAA,CAC7B,EACD,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAC,sBAAsB,IAE3B,UAAU,CACP,CACP,CACG,CACF,CACP,CAAC;AAAA,CACH"}

package/hooks/image-gen/image-generator.d.ts

@@ -0,0 +1,11 @@
+import { ImageGenOptions as BaseImageGenOptions, ImageResponse } from 'call-ai';
+import { ImageDocument } from './types.js';
+interface ImageGenOptions extends BaseImageGenOptions {
+    readonly _regenerationId: number;
+    readonly images: File[];
+    readonly document: Partial<ImageDocument>;
+    readonly debug: boolean;
+}
+export declare function imageGen(prompt: string, options?: Partial<ImageGenOptions>): Promise<ImageResponse>;
+export declare function createImageGenerator(requestHash: string): (promptText: string, genOptions?: Partial<ImageGenOptions> | undefined) => Promise<ImageResponse>;
+export {};