use-vibes 0.5.5 → 0.5.8

package/README.md

@@ -67,7 +67,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### Prompt Management
 
 - **Prompt Versioning**: Tracks the history of different prompts used to generate an image
-
   - Uses a structured `prompts` object with timestamp-based keys
   - Maintains `currentPromptKey` to reference the active prompt
 
@@ -87,7 +86,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### Image Control & Manipulation
 
 - **Image Regeneration**: One-click regeneration with the same or edited prompt
-
   - Preserves document history and adds new versions
   - Uses a unique `generationId` to trigger regeneration while maintaining context
 
@@ -111,7 +109,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### User Interface Components
 
 - **Interactive Overlay**: Toggle-able information and controls overlay
-
   - Shows prompt text (editable)
   - Version navigation controls
   - Regenerate/refresh button
@@ -123,7 +120,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
   ```
 
 - **Progress Visualization**: Shows generation progress with visual indicators
-
   - Progress bar updates in real-time
   - Automatic placeholder display during generation
 
@@ -140,7 +136,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### File Management
 
 - **File Upload Interface**: Built-in support for image uploads
-
   - Drag-and-drop capabilities
   - File selection dialog
   - Preview of uploaded content
@@ -172,7 +167,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### State Management
 
 - **Loading States**: Component handles all loading states internally
-
   - Initial waiting state
   - Generation in progress state
   - Upload waiting state
@@ -186,7 +180,6 @@ const imageFile = base64ToFile(imageResponse.data[0].b64_json, 'my-image.png');
 ### UI Customization
 
 - **Extensive Styling Options**: Multiple ways to customize appearance
-
   - CSS Variables for global styling
 
   ```css

package/components/ControlsBar.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ImgGenClasses } from '../utils/style-utils.js';
+interface ControlsBarProps {
+    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 editedPrompt: string | null;
+    readonly promptText: string;
+    readonly progress?: number;
+    readonly showDelete?: boolean;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+}
+export declare function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, editedPrompt, promptText, progress, showDelete, versionFlash, isRegenerating }: ControlsBarProps): React.JSX.Element;
+export {};

package/components/ControlsBar.js

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../utils/style-utils.js';
+import { logDebug } from '../utils/debug.js';
+export function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, editedPrompt, promptText, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
+    const [showConfirmation, setShowConfirmation] = React.useState(false);
+    const cancelTimerRef = React.useRef(null);
+    const isConfirming = showConfirmation;
+    const onDeleteClick = () => {
+        if (isConfirming) {
+            logDebug('ControlsBar: Delete confirmed, calling handleDeleteConfirm');
+            handleDeleteConfirm();
+            setShowConfirmation(false);
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+                cancelTimerRef.current = null;
+            }
+        }
+        else {
+            logDebug('ControlsBar: Showing delete confirmation');
+            setShowConfirmation(true);
+            cancelTimerRef.current = window.setTimeout(() => {
+                setShowConfirmation(false);
+            }, 6500);
+        }
+    };
+    React.useEffect(() => {
+        return () => {
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+            }
+        };
+    }, []);
+    return (React.createElement(React.Fragment, null, progress < 100 && (React.createElement("div", { className: "imggen-progress", style: {
+            width: `${progress}%`,
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            height: 'var(--imggen-progress-height)',
+            zIndex: 20,
+        } })), React.createElement("div", { className: combineClasses('imggen-controls', classes.controls) }, showControls ? (React.createElement(React.Fragment, null, React.createElement("div", { style: { display: 'flex', gap: '6px', alignItems: 'center', flex: 1 } }, showDelete && (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' } }, React.createElement("button", { "aria-label": "Delete image", onClick: onDeleteClick, className: combineClasses('imggen-button imggen-delete-button', classes.button), style: {
+            position: 'static',
+            width: 'var(--imggen-button-size)',
+            height: 'var(--imggen-button-size)',
+            backgroundColor: isConfirming ? 'var(--imggen-error-border)' : undefined,
+            color: isConfirming ? 'white' : undefined,
+            opacity: isConfirming ? 1 : undefined,
+        } }), isConfirming && (React.createElement("div", { className: "fade-transition", style: { animationDelay: '6s' } }, React.createElement("button", { onClick: () => {
+            handleDeleteConfirm();
+            setShowConfirmation(false);
+        }, "aria-label": "Confirm delete", style: {
+            fontSize: 'var(--imggen-font-size)',
+            fontWeight: 'bold',
+            whiteSpace: 'nowrap',
+            border: '1px solid var(--imggen-error-border, #ff3333)',
+            background: 'var(--imggen-error-border, #ff3333)',
+            color: 'white',
+            borderRadius: '4px',
+            cursor: 'pointer',
+            padding: '2px 8px',
+        } }, "Delete image"), React.createElement("button", { onClick: () => {
+            logDebug('ControlsBar: Delete canceled');
+            setShowConfirmation(false);
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+            }
+        }, "aria-label": "Cancel delete", style: {
+            fontSize: 'var(--imggen-font-size)',
+            whiteSpace: 'nowrap',
+            border: 'none',
+            background: 'none',
+            color: 'var(--imggen-font-color)',
+            cursor: 'pointer',
+            padding: '0 4px',
+        } }, "Cance")))))), React.createElement("div", { className: "imggen-control-group" }, totalVersions > 1 && (React.createElement("button", { "aria-label": "Previous version", disabled: versionIndex === 0, onClick: handlePrevVersion, className: combineClasses('imggen-button', classes.button) }, "\u25C0")), totalVersions > 1 && (React.createElement("span", { className: `imggen-version-indicator version-indicator ${versionFlash ? 'imggen-version-flash' : ''}`, "aria-live": "polite" }, versionIndex + 1, " / ", totalVersions)), totalVersions > 1 && (React.createElement("button", { "aria-label": "Next version", disabled: versionIndex >= totalVersions - 1, onClick: handleNextVersion, className: combineClasses('imggen-button', classes.button) }, "\u25B6")), React.createElement("button", { "aria-label": "Regenerate image", onClick: () => {
+            handleRegen();
+        }, disabled: isRegenerating, className: combineClasses('imggen-button', classes.button, editedPrompt !== null && editedPrompt.trim() !== promptText
+            ? 'imggen-button-highlight'
+            : '', isRegenerating ? 'imggen-button-disabled' : '') }, React.createElement("span", { className: isRegenerating ? 'imggen-regen-spinning' : '' }, "\u27F3"))))) : progress < 100 ? (React.createElement("div", { className: "imggen-status-text" }, "Generating...")) : null)));
+}
+//# sourceMappingURL=ControlsBar.js.map

package/components/ControlsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsBar.js","sourceRoot":"","sources":["../../jsr/components/ControlsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAgC7C,MAAM,UAAU,WAAW,CAAC,EAC1B,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,OAAO,GAAG,cAAc,EACxB,YAAY,GAAG,IAAI,EACnB,YAAY,EACZ,UAAU,EACV,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,GACL,EAAE;IAEnB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAGtE,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAGzD,MAAM,YAAY,GAAG,gBAAgB,CAAC;IAGtC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC;QAC1B,IAAI,YAAY,EAAE,CAAC;YAEjB,QAAQ,CAAC,4DAA4D,CAAC,CAAC;YAEvE,mBAAmB,EAAE,CAAC;YAGtB,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC5C,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,CAAC;QACH,CAAC;aAAM,CAAC;YAEN,QAAQ,CAAC,0CAA0C,CAAC,CAAC;YACrD,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAG1B,cAAc,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;gBAC/C,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAAA,CAC5B,EAAE,IAAI,CAAC,CAAC;QACX,CAAC;IAAA,CACF,CAAC;IAGF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;QAAA,CACF,CAAC;IAAA,CACH,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,0CAEG,QAAQ,GAAG,GAAG,IAAI,CACjB,6BACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,QAAQ,GAAG;YACrB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,+BAA+B;YACvC,MAAM,EAAE,EAAE;SACX,GACD,CACH,EAGD,6BAAK,SAAS,EAAE,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,QAAQ,CAAC,IAChE,YAAY,CAAC,CAAC,CAAC,CACd,0CAEE,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,IACvE,UAAU,IAAI,CACb,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,IAC/D,8CACa,cAAc,EACzB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,cAAc,CAAC,oCAAoC,EAAE,OAAO,CAAC,MAAM,CAAC,EAC/E,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,2BAA2B;YAClC,MAAM,EAAE,2BAA2B;YACnC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,SAAS;YACxE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACzC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SACtC,GAGM,EACR,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,IAC9D,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,mBAAmB,EAAE,CAAC;YACtB,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAAA,CAC5B,gBACU,gBAAgB,EAC3B,KAAK,EAAE;YACL,QAAQ,EAAE,yBAAyB;YACnC,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,+CAA+C;YACvD,UAAU,EAAE,qCAAqC;YACjD,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;SACnB,mBAGM,EACT,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,QAAQ,CAAC,8BAA8B,CAAC,CAAC;YACzC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC9C,CAAC;QAAA,CACF,gBACU,eAAe,EAC1B,KAAK,EAAE;YACL,QAAQ,EAAE,yBAAyB;YACnC,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,0BAA0B;YACjC,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,OAAO;SACjB,YAGM,CACL,CACP,CACG,CACP,CACG,EAGN,6BAAK,SAAS,EAAC,sBAAsB,IAElC,aAAa,GAAG,CAAC,IAAI,CACpB,8CACa,kBAAkB,EAC7B,QAAQ,EAAE,YAAY,KAAK,CAAC,EAC5B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,aAGnD,CACV,EAGA,aAAa,GAAG,CAAC,IAAI,CACpB,8BACE,SAAS,EAAE,8CACT,YAAY,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAC1C,EAAE,eACQ,QAAQ,IAEjB,YAAY,GAAG,CAAC,SAAK,aAAa,CAC9B,CACR,EAGA,aAAa,GAAG,CAAC,IAAI,CACpB,8CACa,cAAc,EACzB,QAAQ,EAAE,YAAY,IAAI,aAAa,GAAG,CAAC,EAC3C,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,cAAc,CAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,aAGnD,CACV,EAID,8CACa,kBAAkB,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;QAAA,CACf,EACD,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,cAAc,CACvB,eAAe,EACf,OAAO,CAAC,MAAM,EACd,YAAY,KAAK,IAAI,IAAI,YAAY,CAAC,IAAI,EAAE,KAAK,UAAU;YACzD,CAAC,CAAC,yBAAyB;YAC3B,CAAC,CAAC,EAAE,EACN,cAAc,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAC/C,IAED,8BAAM,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,aAAU,CACjE,CACL,CACL,CACJ,CAAC,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,CACnB,6BAAK,SAAS,EAAC,oBAAoB,oBAAoB,CACxD,CAAC,CAAC,CAAC,IAAI,CACJ,CACL,CACJ,CAAC;AAAA,CACH"}

package/{dist/components → components}/ImgGen.css

@@ -17,18 +17,18 @@
   --imggen-button-bg: rgba(255, 255, 255, 0.7);
   --imggen-error-text-body: #ffffff;
   --imggen-delete-hover-color: #ff3333;
-  
+
   /* Dimensions */
   --imggen-border-radius: 8px;
   --imggen-padding: 8px;
   --imggen-button-size: 28px;
   --imggen-progress-height: 8px;
-  
+
   /* Typography */
   --imggen-font-size: 14px;
   --imggen-font-weight: bold;
   --imggen-line-height: 1.5;
-  
+
   /* Effects */
   --imggen-blur-radius: 4px;
   --imggen-transition-speed: 0.2s;
@@ -76,7 +76,9 @@
   border: none;
   cursor: pointer;
   opacity: 0; /* Initially invisible */
-  transition: opacity var(--imggen-transition-speed) ease, transform var(--imggen-transition-speed) ease;
+  transition:
+    opacity var(--imggen-transition-speed) ease,
+    transform var(--imggen-transition-speed) ease;
   padding: 0;
   color: var(--imggen-text-color);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
@@ -299,21 +301,21 @@
 
 /* Version flash animation */
 @keyframes version-flash {
-  0% { 
+  0% {
     color: var(--imggen-text-color);
-    transform: scale(1); 
+    transform: scale(1);
   }
-  30% { 
+  30% {
     color: var(--imggen-flash);
-    transform: scale(1.3); 
+    transform: scale(1.3);
     /* font-weight: bold; */
   }
-  70% { 
+  70% {
     color: var(--imggen-flash);
     transform: scale(1.1);
     font-weight: bold;
   }
-  100% { 
+  100% {
     color: var(--imggen-text-color);
     transform: scale(1);
   }
@@ -325,8 +327,12 @@
 
 /* Regenerate spinner animation */
 @keyframes regen-spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .imggen-regen-spinning {
@@ -530,7 +536,9 @@
   border-radius: 8px;
   text-align: center;
   cursor: pointer;
-  transition: border-color 0.2s, background-color 0.2s;
+  transition:
+    border-color 0.2s,
+    background-color 0.2s;
   margin-bottom: 1rem;
 }
 
@@ -652,3 +660,16 @@
   background-color: #ccc;
   cursor: not-allowed;
 }
+
+.fade-transition {
+  animation: fadeOut 0.3s ease-in-out forwards;
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}

package/components/ImgGen.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import type { ImageGenOptions } from 'call-ai';
+import { Database } from 'use-fireproof';
+import type { UseImageGenOptions, UseImageGenResult } from '../hooks/image-gen/types.js';
+import { ImgGenClasses } from '../utils/style-utils.js';
+import './ImgGen.css';
+export interface ImgGenProps {
+    readonly prompt: string;
+    readonly _id: string;
+    readonly className: string;
+    readonly alt: string;
+    readonly images: File[];
+    readonly options: ImageGenOptions;
+    readonly database: string | Database;
+    readonly useImageGen: (options: Partial<UseImageGenOptions>) => UseImageGenResult;
+    readonly onComplete: () => void;
+    readonly onError: (error: Error) => void;
+    readonly onDelete: (id: string) => void;
+    readonly onPromptEdit: (id: string, newPrompt: string) => void;
+    readonly classes: ImgGenClasses;
+    readonly onDocumentCreated: (docId: string) => void;
+    readonly debug: boolean;
+}
+export declare function ImgGen(props: Partial<ImgGenProps>): React.ReactElement;
+export default ImgGen;

package/components/ImgGen.js

@@ -0,0 +1,257 @@
+import * as React from 'react';
+import { v4 as uuid } from 'uuid';
+import { useImageGen as defaultUseImageGen } from '../hooks/image-gen/use-image-gen.js';
+import { useFireproof } from 'use-fireproof';
+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 './ImgGen.css';
+function ImgGenCore(props) {
+    const { prompt, _id, className, alt, images, options, database, onComplete, onError, onDelete, onPromptEdit, onDocumentCreated, classes = defaultClasses, debug, useImageGen, } = 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(uuid());
+                    } }));
+            }
+            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 renderContent();
+}
+export function ImgGen(props) {
+    const { _id, prompt, debug, onDocumentCreated } = props;
+    const [mountKey, setMountKey] = React.useState(() => uuid());
+    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(uuid());
+        }
+        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/{dist/components → components}/ImgGenUtils/ImgGenDisplay.d.ts

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