Skip to content

Polish the workflow prompt wizard - #53769

Merged
pelikhan merged 2 commits into
mainfrom
copilot/pretify-wizard-in-astro-docs
Aug 18, 2026
Merged

Polish the workflow prompt wizard#53769
pelikhan merged 2 commits into
mainfrom
copilot/pretify-wizard-in-astro-docs

Conversation

Copilot AI commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

The wizard was oversized and difficult to scan, while Astro’s scoped CSS left client-rendered controls unstyled and visually merged.

  • Layout

    • Add compact, GitHub-style spacing, controls, progress navigation, and responsive panels.
    • Prevent mobile overflow and constrain prompt previews.
  • Styling

    • Apply wizard styles globally so dynamically rendered options receive the intended layout.
    • Add clear selected, hover, disabled, and keyboard-focus states.
  • Content

    • Replace implementation-focused copy with concise, task-oriented guidance.
    • Remove redundant page content.
  • Coverage

    • Exercise all five wizard steps.
    • Verify client-rendered option styling and mobile containment.

Copilot AI and others added 2 commits August 18, 2026 17:13
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
Copilot AI requested a review from pelikhan August 18, 2026 17:15
@pelikhan
pelikhan marked this pull request as ready for review August 18, 2026 17:19
Copilot AI balanced review requested due to automatic review settings August 18, 2026 17:19
@pelikhan
pelikhan merged commit fede203 into main Aug 18, 2026
@pelikhan
pelikhan deleted the copilot/pretify-wizard-in-astro-docs branch August 18, 2026 17:19

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Polishes the workflow prompt wizard with clearer content, compact responsive styling, and expanded browser coverage.

Changes:

  • Restyles the five-step wizard and dynamically rendered controls.
  • Simplifies user-facing guidance and page content.
  • Expands tests for all steps and mobile containment.
Show a summary per file
File Description
docs/src/components/Wizard.astro Updates wizard content and responsive styling.
docs/src/content/docs/wizard.mdx Simplifies page metadata and content.
docs/tests/wizard.spec.ts Extends workflow and mobile styling tests.

Review details

  • Files reviewed: 3/3 changed files
  • Comments generated: 3
  • Review effort level: Balanced

Comment on lines +757 to 763
.aw-wizard__progress-button:focus-visible,
.aw-wizard__button:focus-visible,
.aw-wizard__option:has(input:focus-visible),
.aw-wizard__textarea:focus-visible {
outline: 2px solid var(--sl-color-accent);
outline-offset: 2px;
}

<style>
.sr-only {
<style is:global>
<h2 class="aw-wizard__title">Build an agentic workflow</h2>
<p class="aw-wizard__intro">
This shell loads the shared wizard data model, keeps state in memory, and demonstrates the WHAT → WHEN → WHERE flow with generic step rendering, plus a free-text task description and a final self-contained prompt you can copy.
Choose what your workflow does, when it runs, and where it reports. We’ll combine your answers with any task details into a prompt you can copy.
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.

3 participants