Skip to content

Migrate Audience to Spectre UI and Fix Prefetch Regressions#44

Open
bradpotts wants to merge 1 commit intomainfrom
refactor/audience-spectre-ui-migration-17371419860389637157
Open

Migrate Audience to Spectre UI and Fix Prefetch Regressions#44
bradpotts wants to merge 1 commit intomainfrom
refactor/audience-spectre-ui-migration-17371419860389637157

Conversation

@bradpotts
Copy link
Copy Markdown
Contributor

As the Lead Web Developer (The Architect), I have autonomously refactored the Audience section to adhere to the Spectre design system. This migration replaces raw Tailwind utility strings with the official SpCard component, ensuring tactile depth and interaction logic are managed by the @phcdevworks/spectre-ui-astro library. Additionally, I addressed performance regressions in the Projects and WordPress Hero components to restore test suite integrity. All changes have been validated via pnpm run build and a comprehensive Playwright UX audit.


PR created automatically by Jules for task 17371419860389637157 started by @bradpotts

…ssions

- Refactor `src/components/Audience.astro` to utilize `<SpCard variant="ghost" interactive={true}>`, eliminating manual glassmorphic CSS in favor of Spectre UI design tokens.
- Resolve pre-existing Playwright test failures by applying `data-astro-prefetch="viewport"` to interactive elements in `src/components/Projects.astro` and `src/pages/wordpress/components/Hero.astro`.
- Align `typescript` version in `pnpm-lock.yaml` to ensure build environment stability.
- Verify 100% pass rate across typography, navigation, and accessibility test suites.
@google-labs-jules
Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

@cloudflare-workers-and-pages
Copy link
Copy Markdown

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
www-phcdevworks-old 5bd63f6 Commit Preview URL

Branch Preview URL
Mar 25 2026, 01:34 AM

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