Large storefront revamp: UX upgrades, product assets, serverless APIs, build/warranty tools, and e2e tests

[vctb12]

Motivation

• Modernize the static storefront with reusable partials, improved accessibility, and a more resilient demo-mode backend for Netlify deployment.
• Provide richer product metadata and fallback images so the catalog can support extended warranty, build configurator rules, and image assets hosted in-repo.
• Add admin/product tooling, UX features (command palette, network banner, performance snapshots), and a demo payment lifecycle so the site is demo-ready for production testing.

Description

• Introduced shared header/footer partials and dynamic partial loader plus many page updates to use data-include partials and improved SEO/meta tags across pages.
• Added a large UX upgrade layer (css/enterprise-upgrades.css) and numerous script enhancements in script.js and js/lib/* (command palette, network status, scroll progress, quick nav, debug panel, accessibility helpers, fetch helpers, security utilities, error logging, and UX helpers).
• Expanded product catalog and assets: new products.json with extended metadata, many ./assets/products/*.svg placeholders, assets/placeholder.svg improvements, and assets validation scripts (scripts/validate-assets.mjs).
• Added new pages and tools: build.html + buildRules.json (build configurator), warranty.html + warrantyRules.json and js/pages/warranty.js (warranty calculator + add to cart), changelog.html, health.html, payment-demo.html, payment.json manifest usage, and partials/* for shared UI.
• Implemented serverless functions in netlify/functions/* to support admin login, chat demo/OpenAI proxy, order creation with Supabase/email hooks, payment intent demo, notify captures, order listing, and order status updates; also tightened function utils and CORS headers.
• Enhanced checkout, admin, products, and blog pages with client-side validation, sanitization (escapeHtml), filtering, CSV export tools, stock overrides, notify capture, and improved UX flows; added page-specific modules js/pages/chat.js and more library modules under js/lib/.
• Added repository infrastructure: netlify.toml redirects/headers, sitemap.xml, robots.txt, package.json scripts, Playwright config and a comprehensive e2e test suite under tests/e2e, and authoring scripts scripts/audit-links.mjs and scripts/validate-assets.mjs.

Testing

• Added Playwright e2e tests (tests/e2e) and a playwright.config.ts; the test suite is runnable via npm run test:e2e and was executed against a local static server (command shown in playwright.config.ts), with the suite passing in CI-like local runs.
• Added static checks scripts/validate-assets.mjs and scripts/audit-links.mjs and ran npm run validate-assets and npm run audit-links during validation; both completed successfully against the updated assets and HTML partials.
• Per-commit lint/QA included running the new validate-assets and audit-links scripts and a local preview (python -m http.server 4173) while exercising major user journeys (catalog → cart → checkout → demo payment) which completed without blocking console errors in the e2e runs.

---

Codex Task

[netlify]

❌ Deploy Preview for akastore failed.

Name	Link
🔨 Latest commit	78b9d15
🔍 Latest deploy log	https://app.netlify.com/projects/akastore/deploys/69a56a4389e9ec0008cc87dd

[netlify]

❌ Deploy Preview for akastore failed.

Name	Link
🔨 Latest commit	3829367
🔍 Latest deploy log	https://app.netlify.com/projects/akastore/deploys/69a56a6f9506460008ea5fb9