@augurworks/augur 0.15.1

package/changelog.md

@@ -0,0 +1,133 @@
+# Augur changelog
+
+What's new in Augur, for the people who use it. Newest goes on top.
+
+**Only things you can see belong here.** A new thing you can do, a screen that
+works better, something that used to be annoying and isn't. Not bug fixes, not
+plumbing, not decisions about how the code is arranged — nobody comes to this
+page for those.
+
+**Format (one entry):**
+
+```
+## 2026-06-20 — Short title
+One or two short sentences a kid could read. Say what you can do now, and why
+that's nice. No jargon.
+```
+
+The date is the day the update went live. The page works out "Today / 3 days ago /
+2 weeks ago…" by itself, so you never have to touch old entries.
+
+---
+
+## 2026-09-03 — Your agent finds the door on its own
+Point an agent at a workspace address and it now learns how to get in without
+asking you for a password: the site tells it to run `augur connect`, you approve a
+code in your browser, and it can publish. Before, every locked page looked the same
+to it, and it went hunting for credentials.
+
+## 2026-09-03 — Your edit lands at its own address
+Publishing a page you changed puts it at its address, even when someone before
+you published from an unsaved folder. Before, that could send your page to a
+"-conflict" copy instead, and the copies piled up. Now a copy is made only when
+two people really changed the same page, and it goes away by itself once the
+change is at the real address.
+
+## 2026-08-25 — Send an invite by email
+Adding someone used to mean copying a link out of the Admin page and sending it
+yourself. Now Augur can email it for you. You still get the link either way, so
+you can send it your own way if you'd rather.
+
+## 2026-08-19 — Cards show everyone who worked on something
+A card used to show one face: whoever saved it last. Now it shows all of them.
+
+## 2026-08-19 — Links look like your site
+Paste an Augur link into a chat or a document and you get a proper preview card,
+with your own name, description and picture on it. A link to a canvas shows a
+picture of the board.
+
+## 2026-08-18 — Pages open instantly
+The parts every page shares — the sidebar, the header — are now loaded once and
+kept ready. Clicking around is close to instant.
+
+## 2026-08-17 — Augur on your phone
+Augur has a real phone layout now: a tab bar at the bottom you can reach with
+your thumb, a header that says where you are and how to get back, and Pinned and
+Profile sliding up from the bottom. Search sits in the tab bar.
+
+## 2026-08-16 — A home for your workspace
+Admin is its own place in the sidebar now. Open it to see who's in your
+workspace, what's live, and the settings — including a workspace picture you can
+change like a profile photo. You can change someone's role right from their row
+in the list, and each role has its own mark, so admin, editor and viewer are easy
+to tell apart. The Library is now called the Design system, because that's what
+it is.
+
+## 2026-08-16 — Galleries use the whole window
+Grids of prototypes and projects used to stop at a fixed width and leave a wide
+screen half empty. They now add columns as the window grows, so a big screen
+shows more work instead of more background.
+
+## 2026-08-14 — A viewer role
+You can now invite someone who signs in, reads, comments and joins a canvas, but
+can never publish. Handy for a client or a colleague you want in the conversation
+without handing them the keys.
+
+## 2026-08-12 — Change ten things at once on a canvas
+Select a pile of stickies and pick a colour: they all change. Same for text size,
+bold, italic and alignment. The toolbar only offers a control when everything you
+picked is the same kind of thing, so one click never does ten different things.
+
+## 2026-08-12 — Arrow keys nudge things on a canvas
+Select anything on a board — a sticky, a prototype, a bit of text, a whole
+section — and the arrow keys move it one step at a time. Hold Shift to move it
+ten steps. It's what you want when something is nearly, but not quite, lined up.
+
+## 2026-08-12 — A prototype on a canvas stays where you left it
+Scroll a prototype on a board while you're using it and the board keeps that
+view. It's what everyone else sees from then on, and what's waiting for you
+tomorrow, until the next person scrolls it somewhere else.
+
+## 2026-08-12 — Set your own profile photo
+Open the menu under your name and pick "Add photo". Your face shows up on your
+chip, on your comments, and next to your cursor when you're on a canvas with
+someone. Change it or remove it whenever you like — it's yours.
+
+## 2026-08-11 — Comment pins open when you point at them
+Point at a comment pin and it opens itself, so you don't have to click first.
+Move onto the card to read it, click it to open the thread, or drag it to move
+the comment. Stamps on a canvas land smaller now, with a sharp white edge instead
+of a blurry one.
+
+## 2026-08-09 — Invite and remove people
+The people list is a table now: who they are, what they're allowed to do, and
+when they were last here. "Invite" at the top right takes an email and gives you
+a single-use link to send them. Click anyone to reset their password or remove
+them.
+
+## 2026-08-07 — New canvases are shareable right away
+A canvas made with the "＋ New canvas" button opens for anyone with the link,
+just like a published prototype — no sign-in needed. Before, only signed-in
+teammates could see it.
+
+## 2026-08-06 — Pick a card's status in one go
+Hover the little status dot on a card and a menu opens, so you jump straight to
+the state you want instead of clicking through the others. Cards also wait until
+you move away before they re-sort, so nothing hops around while you're setting
+them.
+
+## 2026-06-22 — Your own account
+Augur has real logins. Sign in with your own email and password instead of one
+shared site password, and you get your own profile in the top-left corner: your
+name, your picture, and your own pinned prototypes. Statuses, names and comments
+stay shared, because those are team decisions.
+
+## 2026-06-21 — Blocks update everywhere at once
+Every building block on a page is now a live copy of one master. Improve the
+master and every page using it improves too — no stale copies quietly drifting
+apart. Want a block to be different in one place? Detach it and you get your own
+copy to edit, marked so everyone can see it no longer follows the master.
+
+## 2026-06-19 — New name and look: Augur
+The prototyping tool got a proper name and a face — Augur, with the
+eye-and-sparkle logo you see in the top-left corner.

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@augurworks/augur",
+  "version": "0.15.1",
+  "description": "A prototype and research repository for product teams. Real, clickable prototypes and the design system they are built from, on one site with login, comments and live boards on top. Underneath it is all git and static HTML.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/andratwiro/augur.git"
+  },
+  "homepage": "https://github.com/andratwiro/augur#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "bin": {
+    "augur": "scripts/cli.mjs"
+  },
+  "files": [
+    "scripts/",
+    "build.js",
+    "src/",
+    "templates/",
+    "brand/",
+    "fonts/",
+    "agents/",
+    "seed/",
+    "pitis/",
+    "realtime/",
+    "INSTALL.md",
+    "CANVAS.md",
+    "TRADEMARKS.md",
+    "changelog.md"
+  ],
+  "scripts": {
+    "test": "node --test \"test/*.test.mjs\"",
+    "smoke": "node scripts/smoke-invite.mjs",
+    "build": "node build.js",
+    "shoot": "node scripts/shoot.mjs",
+    "shoot:stale": "node scripts/shoot.mjs --stale",
+    "og": "node scripts/og.mjs",
+    "og:stale": "node scripts/og.mjs --stale",
+    "review": "node scripts/review.mjs",
+    "refine": "node scripts/refine.mjs",
+    "dev": "node build.js && npx --yes serve dist",
+    "offline": "node scripts/offline.mjs",
+    "deploy": "node scripts/deploy.mjs",
+    "deploy:realtime": "set -a && . ./.env.deploy && set +a && npx wrangler deploy realtime/src/index.js -c \"${REALTIME_CONFIG:?set it in .env.deploy — path to the realtime.wrangler.toml in your deploy shell (see realtime/wrangler.example.toml)}\"",
+    "posters": "node scripts/shoot.mjs --stale && node scripts/og.mjs --stale",
+    "check": "node scripts/check-local.mjs"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "devDependencies": {
+    "playwright": "^1.60.0"
+  }
+}

package/pitis/PETS.md

@@ -0,0 +1,121 @@
+# Pitis — the pet-drawing spec
+
+Everything about how the **pitis** (the cursor-pet layer) are drawn, so an agent
+can extend the lineup without re-deriving anything. The companion engine lives
+entirely in `pitis/` (see README.md).
+
+## The lineup (species + looks)
+
+### Ginger & white — bicolor cat  ·  CAT pattern `bicolor` (cat-only)
+- **Look:** white-dominant ginger bicolor. Orange cap over the head + ears, orange
+  patches on the back (shoulder + rump), ginger tail, **white face with a forehead
+  blaze**, white chest/belly/legs, pink nose.
+- **Piti:** `PALETTE` entry **"Ginger & white"**, `pattern:'bicolor'`, cat-only.
+  Drawn by `bicolorMarks()` in `piti.js` (white base fur + clipped ginger patches +
+  pink nose + white blaze). **First in the cat colour picker.**
+
+### Tabby — grey/brown tabby cat  ·  CAT pattern `tabby` (cat-only)
+- **Look:** brown-grey **mackerel tabby**. Warm grey-brown base, darker brown/black
+  mackerel stripes (vertical ribs down back/sides), cream belly + chest, tabby
+  forehead "M", dark tail rings, pinkish nose.
+- **Piti:** `PALETTE` entry **"Tabby"**, cat-only pattern; **replaces the cat's plain
+  grey**. Second in the cat picker. Anchors used: fur ~`#9C8C76`,
+  stripe ~`#4A4038`, belly ~`#D9CDB6`. (Confirm exact values in `piti.js`.)
+
+### Fawn — Spanish mastiff  ·  SPECIES `mastiff`  *(traced from a clean flat-tone illustration)*
+- **Look:** big fawn/tan mastiff, curled tightly asleep. Dark-brown muzzle **mask**,
+  droopy dark-brown **ears**, furrowed **brow**, closed sleepy eyes, dark nose, pink
+  **blush** cheeks, faint tabby **stripe ticks** on the haunch, and a **black harness**
+  strap with a loop across the shoulder. Compact curl (head low-left on the front paws,
+  body curving up-right, tail curling back along the bottom).
+- **Ref:** a CLEAN flat-tone illustration (756×534, local-only reference — not a
+  photo). Because the tones are flat/separable, the proper **layered-potrace
+  pipeline works** — no guide-mask hack needed.
+- **Piti:** species **`mastiff`** in the resting curl. **≥30% bigger than the cat**
+  (~1.35×). Third species tab; wears hats via `HAT_T_MASTIFF`. **Three TRACED layers**
+  in one shared potrace frame **3024×2136** (`MTT = translate(0,2136) scale(0.1,-0.1)`),
+  all from that illustration with the green grass oval dropped (the stage draws its own):
+  `MASTIFF_P.sil` = full body silhouette → fawn fur (derived by **flood-filling the
+  interior of the outline line-art**, NOT by tone-thresholding — a threshold mask lets a
+  grass-oval footprint leak in as a fawn "floor" slab under the dog; filling the closed
+  outline excludes the grass by construction); `MASTIFF_P.brown` = dark-brown
+  mask + droopy ears + brow ridge + haunch stripe ticks (clipped to sil); `MASTIFF_P.outline`
+  = the chunky near-black hand-drawn line — body contour, **closed-eye arcs + nose + brow
+  furrow** (baked in), the **black harness** strap + loop, paw lines — drawn on top.
+  The pink **blush** has no hard edge so it's positioned (`blushL/R` ovals, upright frame,
+  clipped to sil). **Awake** = fawn lids painted over the eye area + open round eyes
+  (`eyeL/R`). Pipeline: flood-fill the grass → silhouette mask; threshold bands
+  (<13% black harness/nose, 13–55% brown mask/ears, <30% the outline line-art) → potrace
+  each at the SAME dims so one transform maps them. **CLIP GOTCHA:** transform on the
+  `<path>` inside `<clipPath>`, never a wrapping `<g>`. Fixed "Fawn" look (ignores the
+  recolour palette; `PALETTE` "Fawn" carries fur `#CE9D66`, brown mask `#5F4F40`,
+  blush `#E4AC93`, line `OUT`).
+
+### The base cat
+- **Cat** (default species) — traced from reference sleeping-cat art; default
+  colour is the ginger bicolor. Cat picker holds **two cats**: Ginger & white
+  (bicolor) then Tabby. The lineup is **the two cats + the mastiff**; `loadConfig`
+  maps any saved `species:'dog'` config (a retired species id) to `'mastiff'`.
+
+## Architecture (how a piti is made)
+- **`piti.js`** = the whole engine. `window.Piti = { PALETTE, HATS, svg, loadConfig,
+  saveConfig, mount, auto, reveal, hide, toggle, refreshLive }`. `config = {name,
+  furIdx, hat, species}`. Traced potrace paths per species (`P` cat, `MASTIFF_P`
+  mastiff). `petBody(species,…)` assembles; `svg(config,state)` renders.
+  Markings = `normalMarks` / `bicolorMarks` / `tabbyMarks`, drawn
+  **clipped to the silhouette**. **CLIP GOTCHA:** put the transform on the `<path>`
+  inside `<clipPath>`, never a wrapping `<g>` (Chrome silently mis-clips otherwise).
+- **Per-pet patterns are cat-only**, guarded in `petBody` + filtered in the
+  customizer's `colourIndices()` (`index.html`). The bicolor sorts first.
+- **Hats:** `HAT_T_CAT` / `HAT_T_MASTIFF` place hats on each crown
+  (measured off coordinate-grid renders). 5 hats: sprout, top hat, wizard, beanie, party.
+- **Behaviours:** eased cursor-follow + catch-up; idle→sit→sleep("z"); pop-in;
+  startled hop + "!" on clicking links/cards; sweat "running" + **after-image trail**
+  on big fast moves (`dist > 165`); **custom arrow cursor** while active (`html.piti-cursor`).
+- **Wiring (`piti.build.js`, an optional addon `build.js` loads):** copies `pitis/` →
+  dist, injects the loader into the shell + every prototype (skips preview iframes),
+  adds the footer paw. The paw opens the **customizer as an overlay modal** over the
+  dimmed site (`piti.js openModal()` → iframe of `/pitis/`); it **auto-saves** every
+  change and closes on **click-outside / Esc**. **Shift+Ñ** toggles the piti anywhere.
+- **Self-contained:** nothing outside `pitis/` references it except one optional
+  `import` in `build.js`. Keep it that way.
+
+## Roast mode (the talking piti)
+A **terminal agent** can drive the cat as a live design wingman ("roast mode"): it reads which prototype
+you're on and, now and then, the cat **walks to an element, says one short UX/a11y remark,
+waits ~3–5s, then returns to the cursor**. Voice = an advocate for people with **low
+comprehension for screens** (the nervous first-timer, not the power user); bold but always
+true. **Live only · prototypes + `/playground/` only · only while active (Shift+Ñ).**
+- **Bridge:** `src/_worker.js` `pitiApi()` → `/__piti`, KV keys `pt:view` (browser → what
+  it's viewing) + `pt:remarks` (agent → quips, id = `Date.now()`, pruned at 3 min). Browser
+  ops open; agent read-view/write-remark reuse `REVIEW_EXPORT_KEY` (no new secret). This is
+  the one out-of-`pitis/` touch, and the worker already names piti (`/piti.js` whitelist), so
+  it's consistent — keep all *logic* in `pitis/`.
+- **Client:** wingman channel inside `piti.js` `mount()` — `isCommentable()`, `publishView()`,
+  `pollRemarks()`, `startComment()` and a travel→speak→dwell→return state machine in `frame()`;
+  worded bubble `.piti-says` (resolves the target by CSS selector, falls back to rescaled
+  viewport coords). Cleaned up in `destroy()`.
+- **Agent brief:** `pitis/roast-agent.md` (persona, low-comprehension checklist, the loop,
+  cadence/restraint, the full `/__piti` payload). Run from an agent terminal while building.
+
+## Working discipline (do not skip)
+- **Verify every visual by rendering with headless Chrome and reading the PNG
+  against local reference imagery — never eyeball-grade your own SVG.**
+  Chrome: `"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
+  --headless --disable-gpu --hide-scrollbars --force-device-scale-factor=2
+  --window-size=W,H --screenshot=OUT.png "file://ABS.html"`.
+- Free-mode design craft — no `.gv-*`, no space UI kit. `node build.js` must stay
+  green. Commit only `pitis/` paths (never `git add -A`).
+
+## Recipe — adding a new pet
+- **New cat colour/marking:** add a `PALETTE` entry + a marks function (cat-only),
+  slot it into the picker order. Model real anchors off a photo (sample with magick).
+- **New species:** trace the resting pose from a photo (the layered-potrace pipeline
+  described for the mastiff above), add a `petBody` branch + species tab +
+  `HAT_T_<species>` + size.
+- Always render-compare against the reference in a loop until it reads as the animal.
+
+## References
+- A local `reference/` dir (gitignored, never shipped) holds the pose/colour
+  reference imagery, behaviour clips and scratch render harnesses (`_*.html`/`_*.png`)
+  used while tracing. It is a working area, not part of the repo.

package/pitis/README.md

@@ -0,0 +1,117 @@
+# Piti 🐾
+
+A little companion that trails your cursor around the prototypes site — the
+**pitis**: customizable cursor pets. A small delight layer that never gets taken
+away.
+
+Not a prototype, not a product thing — an aside. **Self-contained in `pitis/`:**
+the rest of the repo doesn't know it exists. `build.js` only references it through a
+single **optional addon import** (`pitis/piti.build.js`) + generic hooks; remove the
+folder and the site builds identically. Keep it that way — don't reference piti from
+general repo files (CLAUDE.md, build.js logic, shared CSS, agent memory, etc.).
+
+## Summon / dismiss
+- **Shift + Ñ** anywhere toggles the piti on/off. Remembered per-browser via
+  `localStorage['piti-revealed']` (there is **no** typed secret). While active, the
+  whole page uses a **custom arrow cursor** (dark arrow + white outline; `html.piti-cursor`).
+- A quiet, chrome-styled **paw in the site footer** (the addon's `footerHtml()`) opens
+  the **customizer** as an in-page **overlay modal** over the dimmed site (piti.js
+  `openModal()` loads `/pitis/` in an iframe). Direct `/pitis/` visits work standalone.
+- **Admin-only, identity-gated.** Summoning requires a signed-in **admin** — `auto()`
+  checks `/__me` (or an instance with no user accounts at all: `accounts:false`, nobody
+  to hide it from). A signed-in teammate or a signed-out visitor on a public prototype
+  can press the combo all day and gets nothing; a stale `piti-revealed` flag in their
+  browser is cleared on the next page. Fails closed if `/__me` fails. Identity is only
+  asked for when it can change something (a pal already revealed here, or the combo
+  pressed) — a customer opening a public prototype costs no extra request.
+  The paw is separately hidden behind `html.gv-admin`.
+  ⚠️ The hotkey matches the **ñ character only**, never `e.code === "Semicolon"` — that
+  key is `;` on a US/AZERTY layout, so matching it summons a permanent pink cat for
+  anyone typing a colon.
+
+## What it does
+- **Follows the cursor** — eased trailing follow with a catch-up boost and a smooth
+  facing flip.
+- **Two species** — **cat** (default) and **mastiff**, both traced from reference
+  art of resting animals in the same pipeline. The piti only
+  exists in the resting/lying pose; `awake` just opens the eyes (awake while travelling,
+  sleepy when settled).
+- **Recolour + hats** — the cat recolours, with two real-cat patterns in the picker:
+  **"Ginger & white"** (bicolor) and **"Tabby"** (mackerel tabby).
+  The mastiff is a fixed fawn look. 5 hats: sprout, top hat, wizard, beanie, party.
+- **Behaviours / emotions** — idle → sit → (after ~11s) sleep with a "z"; a **pop-in**
+  when summoned; a **startled hop + "!"** when you click a link/card; a
+  **sweat-drop "running"** state + a faint
+  **after-image trail** (fading ghost copies) when it lags a fast cursor; the
+  occasional heart.
+- **Follows INTO prototypes**, not just the nav. Never blocks the UI
+  (`pointer-events:none`), respects `prefers-reduced-motion`.
+
+No feeding and no photobooth — deliberately out of scope.
+
+## Roast mode (the talking piti)
+The piti can be driven by a **terminal agent** that watches what you're looking at and,
+now and then, has the cat **walk to a spot on the screen, drop one short snarky UX/a11y
+remark, hover ~3–5s, then return to the cursor** — a design wingman roasting your screen on
+behalf of users with low comprehension for screens (snark is the delivery; the point is
+always true). Self-contained: two KV keys on the live site + the agent brief.
+- **Live only, prototypes + playground only, and only while active (Shift+Ñ).** The cat
+  polls `/__piti` for remarks just on `/…/prototypes/…` and `/playground/…` pages.
+- **Bridge:** `src/_worker.js` `pitiApi()` exposes `/__piti` over KV keys `pt:view`
+  (browser publishes the page it's on) and `pt:remarks` (agent posts quips). Browser ops are
+  open; agent read-view / write-remark reuse the existing `REVIEW_EXPORT_KEY` secret — **no
+  new secret to provision**. The worker is the one sanctioned edge touch (same as it already
+  whitelists `/piti.js`); everything else lives in `pitis/`.
+- **Client:** the wingman channel in `piti.js` `mount()` — `publishView()`, `pollRemarks()`,
+  and a travel→speak→dwell→return state machine; the worded bubble is `.piti-says`.
+- **The agent:** see **`roast-agent.md`** — persona, the low-comprehension lens, the loop
+  (read view → read local source + screenshot live URL → compose ONE quip → POST), cadence
+  and restraint rules. Run it from an agent terminal (`/loop` self-paced) while you build.
+
+## Files (everything lives in `pitis/`)
+- **`piti.js`** — the whole engine (one source of truth). Exposes
+  `window.Piti = { PALETTE, HATS, svg, loadConfig, saveConfig, mount, auto, reveal,
+  hide, toggle, refreshLive }`. Cat art = potrace paths `P.{sil,outMain,eyeL,eyeR,nose}`;
+  mastiff art = `MASTIFF_P` (traced silhouette + clipped overlays). `petBody(species,…)`
+  assembles a piti; `svg(config,state)` is the public render (config = `{name, furIdx,
+  hat, species}`, defaults to cat). Markings = `normalMarks` / `bicolorMarks` /
+  `tabbyMarks`, clipped to the silhouette. `hatSVG(id, species)` positions a hat
+  on the per-species crown (`HAT_T_CAT` / `HAT_T_MASTIFF`, measured off grid renders).
+  `mount()` = the
+  trailing companion (`{el, destroy, refresh}`); `auto()` = site manager (mounts when
+  revealed, wires Shift+Ñ, **skips inside iframes** so previews stay piti-free). CSS
+  classes are `piti-*` / `pt-*`.
+- **`piti.build.js`** — the build-time addon (all of piti's `build.js` footprint).
+  Exports generic hooks: `transformHtml(html, v)` (inject the loader into copied
+  prototype/page/demo HTML; skips pages that already load `piti.js`), `bodyScripts()`
+  + `footerHtml()` + `css()` (for the generated shell pages), and `emit(ctx)` (copy
+  `pitis/` → `/dist/pitis/` and the engine to `/dist/piti.js`). `build.js` loads this
+  via one optional `import("./pitis/piti.build.js")` and calls the hooks — nothing
+  else in `build.js` mentions piti.
+- **`index.html`** — the customizer: **species
+  tabs (cat/mastiff)** on top, the piti on a grass stage with **four chevrons (top pair
+  cycles hat, bottom pair cycles colour)**, a colour swatch row, name box. No title,
+  no Save (every change **auto-saves** + summons the piti), closes by **clicking
+  outside** (or Esc). Loads its own `piti.js`.
+- A local **`reference/`** dir — source imagery, **gitignored & never shipped**:
+  pose/colour reference imagery, behaviour clips, plus scratch render harnesses
+  (`_*.html` / `_*.png`). A working area, not part of the repo.
+- **`roast-agent.md`** — the brief that turns a terminal agent into the *talking* piti
+  (roast mode above). Persona + loop + the `/__piti` contract.
+
+## Working discipline (important)
+- **Verify visuals by rendering with headless Chrome and reading the PNG against
+  the local reference imagery — never eyeball-grade your own SVG.**
+- **Clip gotcha:** inside `<clipPath>`, put the transform on the `<path>` directly,
+  not on a wrapping `<g>` (Chrome only partially honours the `<g>` form and silently
+  mis-clips the markings).
+- Free-mode bespoke build — **not** product UI, no `.gv-*` classes, exempt
+  from any space UI-kit lint.
+
+## Colours (PALETTE order)
+Blossom (pink, default) · Sunset (orange) · Ink (black = warm grey) · Sunbeam
+(yellow) · Meadow (olive) · Sky (blue) · Iris (purple) · Bubblegum (magenta) · Pebble
+(grey) · **Ginger & white** (cat-only bicolor) · **Tabby** (cat-only mackerel
+tabby) · **Fawn** (mastiff-only fixed look). Body fills are paler than the real
+selector swatches (matched to real art). The cat picker shows only Ginger & white +
+Tabby; the mastiff picker shows only Fawn.