Skip to content

feat: bottom-center "Built with Claude Fable 5" build credit - #17

Merged
DecodedXR merged 1 commit into
mainfrom
feat/build-credit
Jul 4, 2026
Merged

DecodedXR merged 1 commit into
mainfrom
feat/build-credit

Conversation

@DecodedXR

Copy link
Copy Markdown
Owner

What

User-directed polish (not a milestone): add a bottom-center Built with Claude Fable 5 build-attribution line — the counterpart to the top #app-title.

How

Static presentational chrome, mirroring the #app-title pattern:

  • index.html — an inline #build-credit div reading "Built with Claude Fable 5".
  • src/style.css — position: fixed; bottom: 12px, horizontally centered, dim --accent-dim monospace. pointer-events: none so it never intercepts orbit drags on the canvas; z-index: 5 (below the boot loader's 10) so the loader still fully covers it during boot.
  • No JS. src/main.js, the render loop, OrbitControls, geometry/shader, and the M4 decoupling machinery are byte-unchanged.

Test

New smoke test (tests/smoke.spec.js) asserts:

  • the string ships in the raw server HTML (not JS-injected);
  • the live credit is visible, horizontally centered near the bottom (center within 40px of viewport center; bottom edge within 80px of the viewport bottom);
  • the overlay does not capture pointer events over the canvas (elementFromPoint at its center returns the canvas).

Proven non-tautological: RED on the prior HTML (no #build-credit), green only with the change.

Verification

  • Full local suite green — 17/17 passing when run serially (--workers=1). Note: the M4/M5/M6 webcam & photo interaction tests are timing-flaky under parallel software-WebGL contention (documented in playwright.config.js); a parallel run that also had a background agent competing for CPU produced spurious timeouts, all of which pass cleanly with no contention. This change is HTML/CSS-only and touches no JS.
  • Independent adversarial verifier (read-only, blind to the implementation reasoning): verdict SOUND — confirmed pointer-events pass-through, correct z-order/boot-loader race, non-tautological test with correct bottom-placement thresholds for the 1280×720 viewport, no build/render/existing-test breakage.
  • Review: inline (repo's /code-review launches a billed cloud Workflow the user didn't opt into) — no findings.
  • Verified visually on a real production build: dim green "Built with Claude Fable 5" centered at the bottom, title still top-center.

Rollback

Pre-change HEAD: 94b4084.

🤖 Generated with Claude Code

Add a bottom-middle build-attribution line — the counterpart to the top
#app-title. Static presentational chrome: an inline #build-credit div in
index.html styled in src/style.css (fixed, bottom:12px, centered, dim
--accent-dim monospace), pointer-events:none + z-index:5 so it never
intercepts orbit drags on the canvas and the boot loader still fully covers
it during boot. No JS changes.

Smoke test asserts the string ships in the raw HTML and the live credit is
visible, horizontally centered near the bottom, and does not capture pointer
events over the canvas. Proven non-tautological (RED on the prior HTML).

Autopilot: user-directed polish (build credit)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@DecodedXR
DecodedXR merged commit 58d3b9a into main Jul 4, 2026
2 checks passed
@DecodedXR
DecodedXR deleted the feat/build-credit branch July 4, 2026 18:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant