# 08F4 full-page Stitch fidelity audit
Date: 2026-06-02T14:10:04Z
Project: AI Editor RSP / aieditorrsp.net
Official Stitch project: https://stitch.withgoogle.com/projects/7329555727489747022
Stitch index: `/root/.hermes/reports/site-aieditorrsp-20260528/design/stitch/screen-index.json` (`fallback_status: none`)

## Scope result
- Core public routes now use official/local Stitch HTML as the visual source where available: `/ai-photo-prompt-editor`, `/ai-photo-editing-prompts`, `/chatgpt-photo-editing-prompts`, `/prompt-library`.
- `/` keeps the 08F3 production live editor implementation, but upload and performance comparison surfaces now include downloaded Stitch source assets instead of pure CSS-generated safe frames.
- `/pricing` now uses embedded `pricing-desktop.html` from `designHtml.ts` and the same Stitch utility CSS; real credit/account status is bridged below the designed page.
- Legal/contact/refund/cookie pages keep embedded design-system HTML and compliance copy; no route contract or legal copy downgrade intended.

## Per-route audit
| Route | Stitch/source HTML | Current production gap found | SEO preservation approach | Fix status |
|---|---|---|---|---|
| `/` | home-desktop / f4e4e8dcae834e50a18337945f19f1bb, home-mobile / b2d78d4bf69e493f866f6dec14e9ce72 | Homepage already custom React from 08F3; upload/performance were using CSS material frames and lacked Stitch source imagery. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Kept production first-screen editor and injected local Stitch assets into upload/performance compare frames. **fixed locally; pending gates/deploy** |
| `/ai-photo-prompt-editor` | ai-photo-prompt-editor-desktop / 2d8b74673203469bb5d5a8f23ecfb2b9, ai-photo-prompt-editor-mobile / 7fb9c356faad4d7780f5723aa9d17bc4 | Previous React page simplified the Stitch prompt-builder layout into generic hero/bento sections. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Now renders ai-photo-prompt-editor-desktop Stitch HTML directly, with live editor bridge below for real upload/provider states. **fixed locally; pending gates/deploy** |
| `/ai-photo-editing-prompts` | ai-photo-editing-prompts-desktop / 1daaf29a41cf4779ac200beeb965895c, ai-photo-editing-prompts-mobile / 5c5b548effce443ca16a6a4af7e69a23 | Already raw Stitch HTML before this pass; verified asset localization and SEO expansion placement. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved raw Stitch render and localized lh3 assets through rawDesign. **verified/preserved locally; pending gates/deploy** |
| `/chatgpt-photo-editing-prompts` | chatgpt-photo-editing-prompts-desktop / 16851139c839473d95b3cefbc78b84ed, chatgpt-photo-editing-prompts-mobile / 65b29b4140d7470c95e504ddead579a6 | Already raw Stitch HTML before this pass; verified asset localization and SEO expansion placement. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved raw Stitch render and localized lh3 assets through rawDesign. **verified/preserved locally; pending gates/deploy** |
| `/prompt-library` | prompt-library-desktop / 451490e27a214ce3aa8a4d680c23d7ce, prompt-library-mobile / 1e6dfdc6020847228a886455499e4749 | Previous React page used generic template-card grid instead of prompt-library Stitch screen. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Now renders prompt-library-desktop Stitch HTML directly, with SEO expansion after the Stitch page. **fixed locally; pending gates/deploy** |
| `/pricing` | local embedded pricing-desktop.html (same design system; not in official screen-index) | Pricing was generic StudioShell React cards, not embedded pricing design system. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Now renders pricing-desktop embedded design HTML and adds real credit ledger bridge below. **fixed locally; pending gates/deploy** |
| `/privacy` | local embedded legal/contact HTML (same design system; not in official screen-index) | Legal/contact pages already use embedded design-system HTML; checked no generic dark SaaS rewrite needed. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved embedded legal/contact HTML and billing disclosure injection where applicable. **verified/preserved locally; pending gates/deploy** |
| `/terms` | local embedded legal/contact HTML (same design system; not in official screen-index) | Legal/contact pages already use embedded design-system HTML; checked no generic dark SaaS rewrite needed. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved embedded legal/contact HTML and billing disclosure injection where applicable. **verified/preserved locally; pending gates/deploy** |
| `/cookie-policy` | local embedded legal/contact HTML (same design system; not in official screen-index) | Legal/contact pages already use embedded design-system HTML; checked no generic dark SaaS rewrite needed. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved embedded legal/contact HTML and billing disclosure injection where applicable. **verified/preserved locally; pending gates/deploy** |
| `/refund` | local embedded legal/contact HTML (same design system; not in official screen-index) | Legal/contact pages already use embedded design-system HTML; checked no generic dark SaaS rewrite needed. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved embedded legal/contact HTML and billing disclosure injection where applicable. **verified/preserved locally; pending gates/deploy** |
| `/contact` | local embedded legal/contact HTML (same design system; not in official screen-index) | Legal/contact pages already use embedded design-system HTML; checked no generic dark SaaS rewrite needed. | SEO JSON-LD/metadata retained where implemented; long SEO expansion remains appended after Stitch page/bridge so it does not alter Stitch section spacing. | Preserved embedded legal/contact HTML and billing disclosure injection where applicable. **verified/preserved locally; pending gates/deploy** |

## Explicit upload + performance compare gap
- Upload gap: 08F3 hero editor exposed real upload/provider states, but the upload well was still primarily a CSS-generated frame. 08F4 overlays `/stitch-assets/stitch-14.jpg` as localized Stitch material inside `.editor-upload`, keeping the file input and validation behavior intact.
- Performance compare gap: prior comparison cards were simplified CSS material frames. 08F4 uses `/stitch-assets/stitch-16.jpg` and `/stitch-assets/stitch-17.jpg` in `ContactSheet`, retaining the Stitch source/edition overlays and non-empty alt text for SEO gate compatibility.
- Tool states: production `ProductPreviewEditor` still wires EMPTY/UPLOAD_REQUIRED, PROMPT_REQUIRED, pending provider generation, provider/config/unsafe/limit errors, retry by resubmitting, and success result image/download states; the dedicated Stitch `tool-states-desktop.html` remains the visual-state truth for QA.

## Asset inventory
- Downloaded/localized Stitch generated assets: 27 files under `public/stitch-assets/`.
- Production no longer needs to hotlink `lh3.googleusercontent.com/aida-public/...` for embedded raw Stitch HTML; `rawDesign.localizeStitchAssets()` rewrites known original URLs to local `/stitch-assets/stitch-XX.jpg`.
- No copyright-risk replacement was made in this pass; the assets are from the official Stitch design package for this project.

## Files changed by 08F4
- `src/lib/rawDesign.ts`: localizes Stitch lh3 URLs using `public/stitch-assets/asset-inventory.json`.
- `scripts/generate-stitch-assets-and-css.mjs`, `stitch.tailwind.config.cjs`, `.stitch-tailwind-input.css`, `src/app/stitch-utilities.css`: regenerate Stitch Tailwind utility coverage from the local design HTML.
- `src/app/stitch-fidelity-overrides.css`: scoping/fidelity overrides for raw Stitch pages and live bridges.
- `src/app/ai-photo-prompt-editor/page.tsx`, `src/app/prompt-library/page.tsx`, `src/app/pricing/page.tsx`: restored raw design HTML as visual truth with live product bridges below where needed.
- `src/components/ProductPreviewEditor.tsx`, `src/components/StitchStudio.tsx`: localized Stitch imagery in upload and performance comparison modules.

## Residual deviations / QA notes
- Homepage is not a full raw `home-desktop.html` embed because 08F3 owner feedback required the real editor above the fold; 08F4 restores the missing Stitch source imagery inside that live editor rather than replacing it with a static mock.
- Mobile uses responsive CSS plus existing mobile Stitch screens as QA truth; this pass does not create separate mobile React routes.
- Production provider success still depends on configured Cloudflare/FAL secrets; UI keeps explicit unavailable/error states.


## Final verification and deployment
- Commit: `bc24d4838a2d7274070bf3bbec177f5091a2e7c1` pushed to `origin/main`.
- Cloudflare Worker version: `87debe79-1bc1-4743-b8b1-63ba640f72ee`.
- Deploy URL: https://aieditorrsp.net
- Git status after deploy: `clean`.
- Gates run:
  - `npm run verify` PASS: `{"ok":true,"routes":11,"hrefPlaceholders":0,"forbiddenCopy":0,"runtime_architecture":"workers_first_frontend_with_api_stubs"}`
  - `npm run seo:audit` PASS: `ok true`, failures `[]`.
  - `npm run build` PASS: OpenNext bundle generated `.open-next/worker.js`.
  - `git diff --check` PASS.
- Production smoke PASS: `/`, `/pricing`, `/ai-photo-prompt-editor`, `/ai-photo-editing-prompts`, `/chatgpt-photo-editing-prompts`, `/prompt-library`, `/api/health`, `/api/credits` all returned HTTP 200.
- Production markers PASS: homepage contains localized Stitch assets for upload and performance compare; pricing contains `LIVE_CREDIT_LEDGER` + billing disclosure; core raw routes contain localized `/stitch-assets/` references.

## Screenshots
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-home-fullpage.png`
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-home-upload-hero.png`
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-home-performance-compare.png`
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-editor-fullpage.png`
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-prompt-library-fullpage.png`
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-ai-photo-editing-fullpage.png`
- `/root/.hermes/reports/site-aieditorrsp-20260528/screenshots/08f4/production-pricing-fullpage.png`