@nodaro/prompts 1.26.1 → 1.27.0

package/src/picker-art/sound-art-types.ts

@@ -0,0 +1,19 @@
+/** The dimension fields of each music / voice catalog that carries art. */
+export interface SoundArtFields {
+  "music-genre": "genre" | "subgenre" | "era"
+  "music-mood": "energy" | "emotion" | "vibe"
+  instrumentation: "instruments" | "production" | "vocalPresence" | "singingStyle"
+  "voice-character": "age" | "gender" | "language" | "accent" | "timbre"
+  "voice-delivery": "pace" | "emotion" | "archetype"
+}
+
+export type SoundArtCatalogId = keyof SoundArtFields
+
+/** `emoji/<slug>` or `flags/<code>` — a key of SOUND_ART_FILES. */
+export type SoundArtKey = `emoji/${string}` | `flags/${string}`
+
+export type SoundArtMap = {
+  readonly [C in SoundArtCatalogId]: {
+    readonly [F in SoundArtFields[C]]: Readonly<Record<string, SoundArtKey>>
+  }
+}

package/src/picker-catalogs.ts

@@ -81,7 +81,8 @@ import { ANIMALS, ANIMAL_SUBCATEGORY_LABELS, ANIMAL_SUBCATEGORY_ORDER, getAnimal
 import { VEHICLES, VEHICLE_SUBCATEGORY_LABELS, VEHICLE_SUBCATEGORY_ORDER } from "@nodaro/shared"
 import { WEAPONS, WEAPON_SUBCATEGORY_LABELS, WEAPON_SUBCATEGORY_ORDER } from "@nodaro/shared"
 import { FURNITURE, FURNITURE_SUBCATEGORY_LABELS, FURNITURE_SUBCATEGORY_ORDER } from "@nodaro/shared"
-import type { ProjectedCatalog, ProjectedCatalogOption, ProjectedCatalogDimension } from "@nodaro/shared"
+import type { ProjectedCatalog, ProjectedCatalogOption, ProjectedCatalogDimension, ProjectedCatalogSection } from "@nodaro/shared"
+import { pickerOptionImageUrl, pickerSectionImageUrl, type PickerImageOptions } from "./picker-art/images.js"
 import { HELD_PROPS, HELD_PROP_CATEGORY_LABELS, HELD_PROP_CATEGORY_ORDER } from "./held-prop.js"
 import { FRAMINGS, FRAMING_FIELD_BY_CATEGORY, FRAMING_CATEGORY_LABELS } from "./framing.js"
 import { LIGHTINGS, LIGHTING_FIELD_BY_CATEGORY, LIGHTING_CATEGORY_ORDER, LIGHTING_CATEGORY_LABELS } from "./lighting.js"
@@ -89,6 +90,7 @@ import { TEMPORALS, TEMPORAL_FIELD_BY_CATEGORY, TEMPORAL_CATEGORY_LABELS } from
 import { EXPOSURE_SETTINGS, EXPOSURE_FIELD_BY_CATEGORY, EXPOSURE_CATEGORY_LABELS } from "./exposure-settings.js"
 import { PEOPLE, PERSON_FIELD_BY_DIMENSION, PERSON_DIMENSION_ORDER, PERSON_DIMENSION_LABELS } from "./person.js"
 import { STYLINGS, STYLING_FIELD_BY_DIMENSION, STYLING_DIMENSION_ORDER, STYLING_DIMENSION_LABELS } from "./styling.js"
+import { catalogTopics } from "./catalog-sections.js"
 import { MUSIC_GENRES, MUSIC_ERAS } from "./music-genre.js"
 import { MUSIC_ENERGIES, MUSIC_EMOTIONS, MUSIC_VIBES } from "./music-mood.js"
 import { INSTRUMENTS, PRODUCTION_STYLES, VOCAL_PRESENCE, SINGING_STYLES } from "./instrumentation.js"
@@ -908,23 +910,41 @@ export interface PickerCatalogSummary {
   readonly fields?: readonly string[]
   /** single: options.length; multi: sum of every dimension's options. */
   readonly optionCount: number
+  /** How many of those options carry an `imageUrl` (0 without picture options). */
+  readonly imageCount: number
 }
 
-/** Lightweight directory of every picker catalog — no option payloads. */
-export function summarizePickerCatalogs(): readonly PickerCatalogSummary[] {
-  return getRegisteredPickerCatalogs().map((c) => ({
-    nodeType: c.nodeType,
-    label: c.label,
-    catalogId: c.catalogId,
-    kind: c.kind,
-    valueField: c.valueField,
-    fields: c.fields,
-    // Every option the detail call will return, whichever kind — a single-dim
-    // catalog with secondary dimensions carries both.
-    optionCount:
-      (c.options?.length ?? 0) +
-      (c.dimensions?.reduce((n, d) => n + d.options.length, 0) ?? 0),
-  }))
+/** Every (field, option) pair a catalog's detail call returns, whichever kind. */
+function everyOption(c: PickerCatalog): ReadonlyArray<{ readonly field: string | undefined; readonly option: PickerOption }> {
+  return [
+    ...(c.options ?? []).map((option) => ({ field: c.valueField, option })),
+    ...(c.dimensions ?? []).flatMap((d) => d.options.map((option) => ({ field: d.field, option }))),
+  ]
+}
+
+/**
+ * Lightweight directory of every picker catalog — no option payloads. With
+ * `images`, `imageCount` says how many options the detail call pictures.
+ */
+export function summarizePickerCatalogs(opts: { readonly images?: PickerImageOptions } = {}): readonly PickerCatalogSummary[] {
+  return getRegisteredPickerCatalogs().map((c) => {
+    const all = everyOption(c)
+    const images = opts.images
+    return {
+      nodeType: c.nodeType,
+      label: c.label,
+      catalogId: c.catalogId,
+      kind: c.kind,
+      valueField: c.valueField,
+      fields: c.fields,
+      // Every option the detail call will return, whichever kind — a single-dim
+      // catalog with secondary dimensions carries both.
+      optionCount: all.length,
+      imageCount: images
+        ? all.filter(({ field, option }) => pickerOptionImageUrl(c, field, option.id, images) !== undefined).length
+        : 0,
+    }
+  })
 }
 
 export type PickerCatalogDetail = "compact" | "full"
@@ -936,6 +956,12 @@ export interface ProjectPickerCatalogOptions {
   readonly category?: string
   /** multi-dim: keep only this dimension field. */
   readonly field?: string
+  /**
+   * Attach each option's absolute `imageUrl` (and the Person / Styling topic
+   * pictures). Left out, no option carries one — the caller (the API) knows
+   * which host this installation is reached at, the package does not.
+   */
+  readonly images?: PickerImageOptions
 }
 
 // The projection shape now lives in `@nodaro/shared` (Apache) as the tag-free
@@ -946,10 +972,12 @@ export type ProjectedPickerOption = ProjectedCatalogOption
 export type ProjectedPickerDimension = ProjectedCatalogDimension
 export type ProjectedPickerCatalog = ProjectedCatalog
 
-function projectOption(o: PickerOption, detail: PickerCatalogDetail): ProjectedPickerOption {
+function projectOption(o: PickerOption, detail: PickerCatalogDetail, imageUrl?: string): ProjectedPickerOption {
   // `term` rides at BOTH detail levels: a thin client renders `label` and
   // injects `term`, so compact must carry it — it is what makes compact hint
-  // mode possible without a second round-trip for the full payload.
+  // mode possible without a second round-trip for the full payload. So does
+  // `imageUrl` (display data), present only when the option has a picture.
+  const extras = { ...(o.motion ? { motion: o.motion } : {}), ...(imageUrl ? { imageUrl } : {}) }
   return detail === "full"
     ? {
         id: o.id,
@@ -959,9 +987,25 @@ function projectOption(o: PickerOption, detail: PickerCatalogDetail): ProjectedP
         promptHint: o.promptHint,
         term: o.term,
         icon: o.icon,
-        ...(o.motion ? { motion: o.motion } : {}),
+        ...extras,
       }
-    : { id: o.id, label: o.label, category: o.category, term: o.term, icon: o.icon, ...(o.motion ? { motion: o.motion } : {}) }
+    : { id: o.id, label: o.label, category: o.category, term: o.term, icon: o.icon, ...extras }
+}
+
+/**
+ * The topics a catalog's settings are grouped under in the editor (Person,
+ * Styling), as node-data fields; only the fields the catalog has are listed.
+ */
+function catalogSections(c: PickerCatalog, images: PickerImageOptions | undefined): ProjectedCatalogSection[] | undefined {
+  const source = catalogTopics(c.catalogId)
+  if (!source) return undefined
+  const present = new Set((c.dimensions ?? []).map((d) => d.field))
+  return source
+    .map((s) => {
+      const imageUrl = images ? pickerSectionImageUrl(s.label, images) : undefined
+      return { label: s.label, fields: s.fields.filter((f) => present.has(f)), ...(imageUrl ? { imageUrl } : {}) }
+    })
+    .filter((s) => s.fields.length > 0)
 }
 
 /** Project a catalog to the wire shape: compact by default, optional category/field filter. */
@@ -981,17 +1025,20 @@ export function projectPickerCatalog(
     categoryLabels: c.categoryLabels,
     detail,
   }
+  const images = opts.images
+  const imageOf = (field: string | undefined, o: PickerOption) =>
+    images ? pickerOptionImageUrl(c, field, o.id, images) : undefined
   const projectDims = (dims: readonly PickerDimension[]) =>
     dims.map((d) => ({
       field: d.field,
       label: d.label,
-      options: d.options.map((o) => projectOption(o, detail)),
+      options: d.options.map((o) => projectOption(o, detail, imageOf(d.field, o))),
     }))
 
   if (c.kind === "single") {
     let options = c.options ?? []
     if (opts.category) options = options.filter((o) => o.category === opts.category)
-    const projected = { ...base, options: options.map((o) => projectOption(o, detail)) }
+    const projected = { ...base, options: options.map((o) => projectOption(o, detail, imageOf(c.valueField, o))) }
     // A single-dim catalog may still carry secondary parameter dimensions
     // (transition's position/duration/intensity). They are additive — a
     // consumer reading only `options` is unaffected — but dropping them here
@@ -1003,7 +1050,8 @@ export function projectPickerCatalog(
   }
   let dims = c.dimensions ?? []
   if (opts.field) dims = dims.filter((d) => d.field === opts.field)
-  return { ...base, fields: c.fields, dimensions: projectDims(dims) }
+  const sections = catalogSections(c, images)
+  return { ...base, fields: c.fields, dimensions: projectDims(dims), ...(sections ? { sections } : {}) }
 }
 
 /**
@@ -1011,6 +1059,6 @@ export function projectPickerCatalog(
  * `/v1/catalogs` wire shape. This is what the `GET /v1/catalogs` route and its
  * SDK resource serve, so a deployment's vendored packs are reflected verbatim.
  */
-export function projectAllCatalogs(opts: { detail?: PickerCatalogDetail } = {}): ProjectedCatalog[] {
-  return getRegisteredPickerCatalogs().map((c) => projectPickerCatalog(c, { detail: opts.detail }))
+export function projectAllCatalogs(opts: { detail?: PickerCatalogDetail; images?: PickerImageOptions } = {}): ProjectedCatalog[] {
+  return getRegisteredPickerCatalogs().map((c) => projectPickerCatalog(c, { detail: opts.detail, images: opts.images }))
 }

package/src/styling.ts

@@ -467,6 +467,24 @@ export const STYLING_DIMENSION_ORDER: ReadonlyArray<StylingDimension> = [
   "wardrobe-state",
 ]
 
+/**
+ * The Styling picker's topics, in display order (mirrors PERSON_DIMENSION_SECTIONS):
+ * every dimension belongs to exactly one — styling-sections.test.ts fails the build
+ * when a new dimension is left out or listed twice. The editor lays the open
+ * picker out by these, and the API serves them as the catalog's `sections`.
+ */
+export interface StylingDimensionSection {
+  readonly label: string
+  readonly dimensions: ReadonlyArray<StylingDimension>
+}
+
+export const STYLING_DIMENSION_SECTIONS: ReadonlyArray<StylingDimensionSection> = [
+  { label: "Beauty & Hair", dimensions: ["makeup", "hair-cut", "hair-treatment", "hair-state", "nails", "face-paint"] },
+  { label: "Accessories",   dimensions: ["eyewear", "headwear", "jewelry"] },
+  { label: "Wardrobe",      dimensions: ["outfit", "top", "bottom", "outerwear", "legwear", "footwear"] },
+  { label: "Fabric & Fit",  dimensions: ["fabric", "wardrobe-state"] },
+]
+
 export const STYLING_DIMENSION_LABELS: Readonly<Record<StylingDimension, string>> = {
   makeup: "Makeup",
   eyewear: "Eyewear",

package/src/transitions.ts

@@ -159,7 +159,7 @@ export const TRANSITIONS: ReadonlyArray<Transition> = [
   { id: "magic-sparkles",    label: "Magic Sparkles",     category: "element", description: "Particle dissolve à la Avengers / apparition",
     promptHint: "the subject disintegrates into a cloud of glowing golden sparkles that scatter outward, then the sparkles converge from across the frame and re-coalesce into the new subject" },
   { id: "lightning-flash",   label: "Lightning Strike",   category: "element", description: "Lightning strikes, scene changes in flash",
-    promptHint: "a brilliant white lightning bolt cracks across the frame with a bright flash, and when the flash subsides the scene has changed to the new setting" },
+    promptHint: "a brilliant jagged bolt of lightning cracks across the frame and its flash turns the whole picture white. The camera stays where it is and the framing does not change. As the flash dies away, the second shot is revealed in its place. The shot ends on the second shot, fully resolved, with no bolt or flash left. The change happens inside the flash, and the second shot appears only as the white fades" },
   { id: "ink-splash",        label: "Ink Splash",         category: "element", description: "Ink splashes across, scene changes",
     promptHint: "black ink splashes across the frame in expanding tendrils that fully cover the image, then the ink retracts inward and pulls back to reveal the new scene" },
   { id: "sand-storm",        label: "Sand Storm",         category: "element", description: "Sand storm engulfs the frame, scene changes inside",
@@ -207,21 +207,21 @@ export const TRANSITIONS: ReadonlyArray<Transition> = [
   { id: "zoom-into-screen",  label: "Zoom Into Screen",     category: "portal", description: "Push into TV/phone screen",
     promptHint: "the camera pushes toward a screen visible in the scene, such as a TV, phone or monitor, the screen's image fills the frame, and the camera passes through into that image which becomes the new scene" },
   { id: "zoom-into-book",    label: "Zoom Into Book",       category: "portal", description: "Push into book page illustration",
-    promptHint: "the camera pushes down into an illustrated page in a book, the illustration grows to fill the frame, and the illustration comes alive as the new scene" },
+    promptHint: "the camera pushes down toward the illustrated page of an open book in the frame until the illustration fills the whole picture. The camera travels in one smooth line, without turning or rolling. The drawn picture comes alive, gaining depth, light and movement, and becomes the second shot. The shot ends inside the second shot, real and fully resolved, with no paper, ink lines or page edges left. The camera heads for the page from the start and goes into its illustration" },
   { id: "walk-through-door", label: "Walk Through Doorway", category: "portal", description: "Through doorway into new scene",
-    promptHint: "the camera follows the subject through a doorway, and the space on the other side is the new scene — different location entirely, lit differently" },
+    promptHint: "the camera follows the first subject through a doorway in the frame, moving forward at the subject's pace. The camera travels straight forward, without turning, tilting or rolling. On the far side of the doorway the space is the second shot, a different place in different light. The shot ends in the second shot, fully resolved, with the doorway behind the camera. The change of place happens at the doorway itself, the moment the camera passes through it" },
   { id: "fall-into-hole",    label: "Fall Into Hole",       category: "portal", description: "Camera falls through opening",
     promptHint: "the floor or ground opens beneath the camera and the camera falls downward through the opening, tumbling, and emerges into the new scene below" },
   { id: "pull-out-reveal",   label: "Pull-Out Reveal",      category: "portal", description: "Reveals scene was a picture in larger context",
-    promptHint: "the camera pulls back rapidly and reveals that the entire first scene was actually contained within a picture, painting, screen, or window in a larger second scene", term: "pull-back reveal" },
+    promptHint: "the camera pulls straight back fast, and the whole first shot shrinks until its edges show as the border of a framed picture inside a larger space. The camera travels back in one smooth line, without turning, tilting or rolling. The larger space around the picture is the second shot, and the first shot stays inside the picture. The shot ends on the second shot, with the first shot visible as a picture within it. The first shot's image stays exactly the same as it shrinks, so it reads as the same picture all along", term: "pull-back reveal" },
   { id: "zoom-into-mouth",   label: "Zoom Into Mouth",      category: "portal", description: "Push into open mouth, emerges in new world inside",
-    promptHint: "the camera pushes into the subject's open mouth, the dark interior fills the frame, and the camera passes through into the new scene which materialises as if emerging from inside the body" },
+    promptHint: "the camera pushes straight into the first subject's open mouth until the dark interior fills the whole picture. The camera travels forward in one smooth line, without turning, tilting or rolling. It passes through the darkness, and the second shot emerges out of it. The shot ends inside the second shot, still and fully resolved, with no mouth left in view. The dark interior stays a plain darkness the camera passes through" },
   { id: "push-through-glass", label: "Push Through Glass",   category: "portal", description: "Camera pushes through pane of glass into new world",
     promptHint: "the camera pushes toward a pane of glass in the scene, the surface ripples like liquid as the camera passes through with a faint refraction, and the space on the other side resolves as the new scene" },
   { id: "soul-jump",         label: "Soul Jump",            category: "portal", description: "Translucent soul leaves body, enters new body",
     promptHint: "a translucent luminous form rises out of the first subject's body and shoots forward through the frame as a ghost-like soul, then dives into a new body in the new scene where the second subject animates to life", term: "soul leaves body and enters another" },
   { id: "mask-transition",   label: "Mask Transition",   category: "portal", description: "Foreground object blacks out the frame, camera pulls through",
-    promptHint: "mask transition: a foreground object or a passer-by sweeps across the lens and fills the frame with darkness, the camera keeps travelling forward through the black, then pulls out of the darkness into the new scene", term: "mask transition" },
+    promptHint: "a dark foreground shape sweeps across the lens and fills the frame with black. The camera keeps travelling forward through the black in one smooth line. It emerges from the darkness into the second shot. The shot ends in the second shot, fully resolved, with no dark shape left. The dark shape passes close to the lens and is gone once the second shot appears", term: "mask transition" },
   { id: "zoom-through",      label: "Zoom Through",      category: "portal", description: "Camera magnifies one detail until the new scene unfolds inside it",
     promptHint: "zoom-through transition: the camera magnifies one small detail of the frame further and further until the detail loses its texture and fills the image entirely, and the new scene unfolds from within it", term: "zoom-through transition" },
 
@@ -231,7 +231,7 @@ export const TRANSITIONS: ReadonlyArray<Transition> = [
   { id: "explosion-blast",   label: "Explosion Blast",    category: "physics", description: "Explosion wipes frame, new scene emerges",
     promptHint: "an explosion erupts from the center of the frame with a bright fireball that expands to fill the frame, and as the fireball dissipates the new scene is revealed" },
   { id: "shockwave",         label: "Shockwave",          category: "physics", description: "Shockwave ripples across, scene changes",
-    promptHint: "a visible shockwave ripples outward across the frame distorting the image, and as the shockwave passes the scene behind it has changed to the new setting" },
+    promptHint: "a flash at the exact centre of the frame bursts into a sharp, bright ring that races past every edge in a moment, trailing a smear of motion blur behind its rim and warping the picture as it goes. The camera stays where it is and the picture stays level. The second shot shows only inside the ring and the first only outside it, with the bright ring as the one hard border and no blending anywhere" },
   { id: "punch-into-camera", label: "Punch Into Camera",  category: "physics", description: "Fist strikes camera, scene changes",
     promptHint: "a fist or object swings rapidly toward the camera and strikes the lens with motion blur and impact frames, and the moment of impact reveals the new scene" },
   { id: "debris-shower",     label: "Debris Shower",      category: "physics", description: "Debris flies past, scene changes behind",
@@ -239,9 +239,9 @@ export const TRANSITIONS: ReadonlyArray<Transition> = [
   { id: "gravity-flip",      label: "Gravity Flip",       category: "physics", description: "Gravity inverts, camera rotates 180",
     promptHint: "gravity inverts and the camera rotates a full 180 degrees as objects and the subject reorient to the new down, settling into the new scene oriented correctly" },
   { id: "building-explosion", label: "Building Explosion", category: "physics", description: "Structure detonates, scene shifts through smoke",
-    promptHint: "a large structure in the frame detonates with a massive fireball, debris and dust pluming outward to fill the image, and as the smoke clears the new scene is revealed where the structure used to stand" },
+    promptHint: "the largest structure in the frame detonates in a massive fireball, and debris and dust plume outward until they fill the whole picture. The camera stays where it is and the framing does not change. As the dust cloud clears, the second shot is revealed in its place. The shot ends on the second shot, clear and fully resolved, with no dust or debris left. The blast comes from that structure itself, and the second shot appears only as the dust clears" },
   { id: "vehicle-explosion", label: "Vehicle Explosion",  category: "physics", description: "Vehicle detonates in foreground, scene changes behind",
-    promptHint: "a vehicle in the foreground erupts in a violent explosion of fire and twisted metal, the fireball expands toward the camera and washes the frame in orange flame, and as the smoke parts the second scene resolves" },
+    promptHint: "a vehicle in the frame bursts into a violent explosion of fire and twisted metal, and the fireball billows toward the lens until orange flame fills the whole picture. The camera stays where it is and the framing does not change. The flame gives way to thick smoke, and as the smoke parts the second shot is revealed. The shot ends on the second shot, clear and fully resolved, with no fire or smoke left. The explosion comes from that vehicle itself, and the second shot appears only as the smoke parts" },
   { id: "jump-match",        label: "Jump Match",         category: "physics", description: "Subject jumps, landing matches into new scene",
     promptHint: "the subject jumps upward and out of frame at the end of the first shot, with matched velocity the camera follows the arc, and on landing the subject is in a new location seamlessly continuing the same jump", term: "match cut on a jump" , instant: true },
   { id: "hand-swipe",        label: "Hand Swipe",         category: "physics", description: "Hand swipes across lens, scene changes during occlusion",
@@ -261,9 +261,9 @@ export const TRANSITIONS: ReadonlyArray<Transition> = [
   { id: "color-invert",      label: "Color Invert Flash", category: "light", description: "Colors invert briefly",
     promptHint: "colors invert across the entire frame to their negative for a single beat, and when the colors snap back the scene has changed to the new setting" },
   { id: "sun-glare",         label: "Sun Glare",          category: "light", description: "Sun glare washes frame",
-    promptHint: "intense sun glare overwhelms the lens with bright lens flares and bloom that wash out the frame, and as the glare dissipates the new scene resolves" },
+    promptHint: "intense warm glare floods the lens from one corner of the frame, blooming and scattering flares until the whole picture is washed out to a bright haze. The camera stays where it is and the framing does not change. As the glare fades, the second shot emerges through the haze. The shot ends on the second shot, clear and fully resolved, with no glare left. The glare comes from the lens itself, and the second shot appears only as the haze clears" },
   { id: "lens-crack",        label: "Lens Crack",         category: "light", description: "Lens cracks, scene through fractured glass",
-    promptHint: "a hairline crack races diagonally across the camera lens with a sharp visual snap, multiple fracture lines branch outward, and the second scene resolves through the cracked glass before the fractures fade away" },
+    promptHint: "a hairline crack snaps diagonally across the lens and branches into a web of fracture lines that spreads over the whole picture. The camera stays where it is and the framing does not change. Seen through the cracks, the first shot gives way to the second shot, and then the fracture lines fade away. The shot ends on the second shot, clear and fully resolved, with no cracks left. The cracks form on the lens itself, while everything behind them stays whole" },
   { id: "dirty-lens-wipe",   label: "Dirty Lens Wipe",    category: "light", description: "Lens dust/grime wipes clean, scene changes",
     promptHint: "the camera lens is suddenly streaked with dust, water beads, and grime that swirl across the front element, a wiping motion sweeps the lens clean from one side to the other, revealing the new scene in crisp focus" },
   { id: "eye-light-burst",   label: "Eye Light Burst",    category: "light", description: "Bright beam from subject's eyes whites out frame",