@vibes.diy/prompts 14.3.142 → 14.3.144

package/llms/image-gen.md

@@ -101,6 +101,8 @@ A photo booth, a style camera or an avatar-from-a-selfie app saves the camera fr
 
 Mount that same `<ImgGen>` wherever an unstyled shot is shown in full — the fresh-capture card and the detail view — so a shot saved in one visit styles the next time it opens. Gallery tiles read the saved result through `useImgGen` and show the original until it arrives.
 
+Show the person's own photo beside every styled result, so they can see their picture went in. A small thumbnail of the source next to (or tucked into a corner of) the result turns "is this even my photo?" into a before-and-after they enjoy. A stored ref displays with its `url`: `<img src={shot._files.original.url} />`.
+
 ```jsx
 import { ImgGen, useImgGen } from "use-vibes";
 
@@ -108,12 +110,17 @@ function StyledShot({ shot, database }) {
   const { document: styled } = useImgGen({ _id: shot._id, database });
   const version = styled?.versions?.[styled.currentVersion ?? 0];
   const ready = Boolean(version?.id && styled?._files?.[version.id]);
+  const original = shot._files?.original;
   return (
     <figure>
-      <div className="aspect-square w-full overflow-hidden rounded-md">
-        {shot._files?.original && (
+      <div className="relative aspect-square w-full overflow-hidden rounded-md">
+        {original && (
           <ImgGen _id={shot._id} database={database} prompt={shot.prompt}
-            images={[shot._files.original]} alt={`${shot.style} version`} className="h-full w-full object-contain" />
+            images={[original]} alt={`${shot.style} version`} className="h-full w-full object-contain" />
+        )}
+        {original?.url && (
+          <img src={original.url} alt="Your original photo"
+            className="absolute bottom-2 left-2 h-16 w-16 rounded border-2 border-border object-cover shadow" />
         )}
       </div>
       <figcaption>{ready ? shot.style : `Styling as ${shot.style}. Your original is saved.`}</figcaption>
@@ -122,6 +129,8 @@ function StyledShot({ shot, database }) {
 }
 ```
 
+When one photo becomes several looks at once (four costumes, a style sampler), upload it once: save the photo on its own record, then save one look record per style holding that photo record's `_id`, and pass the photo record's `_files.original` to every look's `<ImgGen>`. Every look then shares one upload and one source thumbnail, and each look still keeps its own `_id` for its result.
+
 ## Loading a Specific Doc
 
 Load a previously generated image with its saved host record's `_id`: `<ImgGen _id={doc._id} database={database} />`. A literal such as `_id="my-image-id"` refers to a host record already saved under that exact `_id` in this database. If the host has a `prompt` but no stored image yet, the component generates one.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/prompts",
-  "version": "14.3.142",
+  "version": "14.3.144",
   "type": "module",
   "main": "./index.js",
   "exports": {
@@ -39,10 +39,10 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@adviser/cement": "~0.5.34",
-    "@vibes.diy/api-types": "14.3.142",
-    "@vibes.diy/call-ai-v2": "14.3.142",
-    "@vibes.diy/identity": "14.3.142",
-    "@vibes.diy/use-vibes-types": "14.3.142",
+    "@vibes.diy/api-types": "14.3.144",
+    "@vibes.diy/call-ai-v2": "14.3.144",
+    "@vibes.diy/identity": "14.3.144",
+    "@vibes.diy/use-vibes-types": "14.3.144",
     "arktype": "~2.2.6",
     "json-schema-faker": "~0.6.3"
   },