Inky

import { Inky } from "@/components/ui/inky";

import { Inky } from "@/components/ui/inky";

export function NothingToDo() {
  return (
    <div className="flex flex-col items-center gap-2">
      <Inky />
      <p>Nothing is waiting on us.</p>
    </div>
  );
}

Inky                               (one canvas; pass everything as props)
├── size={96}                      (frame side in px; keep it a multiple of 32)
├── emotion="happy | joy | sad | …"  (pin a face; 30 in INKY_EMOTIONS)
├── costume="santa | crown | …"      (something to wear; 52 in INKY_COSTUMES)
├── action="idle | dance | …"        (a looping move; one-shots go through ref.play)
├── skin="ogre | #5fb34a"           (his colour: a name from INKY_SKINS or any hex)
├── shape="ghost | jelly | slime"  (changing it plays the morph)
├── holding="laptop | mic | …"       (held out at his side; INKY_HOLDINGS)
├── vehicle="bus | rocket | …"       (something to ride; INKY_VEHICLES)
├── backdrop="sea | space | …"       (what is behind him; INKY_BACKDROPS)
├── stageWidth={480} | "fill"      (a wider stage; "fill" fills his card)
├── thought="…"                     (a pixel-art thought bubble over his head)
├── say="…"                         (a speech bubble: words he says)
├── sign="…"                        (a placard he holds up in one tentacle)
├── person="josh"                  (a teammate's hair, glasses and beard; INKY_PEOPLE)
├── preset="artist | disco | …"      (a named bundle of the props above)
├── occasion={{ kind: "birthday", name }}  (cake, party hat, confetti, a bubble saying so)
├── weather="rain | auto"          (a backdrop for the weather; auto never prompts)
├── progress={0.6}                 (how far along; the garden grows with it)
├── particles / random             (quiet him; let him pick his own faces)
├── scene                          (draw the sea behind him; same as backdrop="sea")
├── paused                         (freeze on the current frame)
├── interactive                    (hover/click reactions; on unless emotion is pinned)
├── eggs                           (the easter eggs; on wherever he is interactive)
└── ref → { play, flash, party, morph, sequence, stop }   (all but stop return promises)

lib/inky-engine.ts                 (the painter; its header maps the layers below)
├── inky-skin · inky-body · inky-faces · inky-wear · inky-people
├── inky-hold · inky-ride · inky-motion · inky-effects · inky-stage
├── inky-thought · inky-sign · inky-presets · inky-brain · inky-moments · inky-pixels
├── seasonalCostume(date)          (what he wears on his own that day)
└── pickEmotion(text)              (a face for a line of copy; inkyEmotionGuide() for an LLM)