Skip to content

XS⚠️ ◾ feat: Add context descriptions and source badges to prompt selection screen#773

Merged
tomek-i merged 4 commits intomainfrom
copilot/add-ui-descriptions-tooltips
Mar 12, 2026
Merged

XS⚠️ ◾ feat: Add context descriptions and source badges to prompt selection screen#773
tomek-i merged 4 commits intomainfrom
copilot/add-ui-descriptions-tooltips

Conversation

Copy link
Contributor

Copilot AI commented Mar 12, 2026

New users had no context on the prompt selection dialog — no explanation of what prompts are, what they control, or the difference between local and portal prompts.

What changed

PromptSelectionDialog.tsx

  • Confirm view: rewrote description to explain prompts control how GitHub issues are written; replaced (local prompt) / (portal prompt) plain text with Badge components
  • Select view: rewrote description to define prompts as templates and explain local vs portal distinction; applied same Badge treatment to prompt list items

CustomPromptManager.tsx

  • Updated settings panel subtitle to clarify the active prompt is the default template for issue generation and can be overridden at runtime
  1. AI Development - Prompt & Model (include prompts/models used or N/A)

GitHub Copilot coding agent — claude-sonnet-4-5

  1. What triggered this change? (PBI link, Email Subject, conversation + reason, etc)

Issue: Prompt selection screen lacks context — new users don't know what it is for or how to use it.

  1. What was changed?
  • PromptSelectionDialog.tsx: improved descriptions in both confirm and select views; replaced plain-text source indicators with Badge components
  • CustomPromptManager.tsx: updated subtitle to explain the active prompt's role and runtime override behaviour
  1. I paired or mob programmed with:

N/A

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

  • https://api.github.com/repos/yt-dlp/yt-dlp/releases/latest
    • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node scripts/postinstall.js (http block)

If you need me to access, download, or install something from one of these locations, you can either:

Original prompt

This section details on the original issue you should resolve

<issue_title>Prompt selection screen lacks context</issue_title>
<issue_description>Cc: Ben0189

Hi Ben0189

Describe the Bug

When first seeing the prompt selection, users do not know what it is for or how to use it.

To Reproduce

  1. Reach the prompt selection screen as a new user.
  2. Observe that the UI does not explain the purpose or usage.

Expected Behavior

Prompt selection should show descriptions, tooltips, or preview text to clarify purpose for new users.

Tasks

  • Investigate
  • Add UI descriptions and tooltips or previews for prompt selection

More Information

Adding context helps new users understand functionality and reduces onboarding friction.

Environment

  • Device: Any
  • Browser: Any
  • OS: Any

Screenshots

Prompt selection when shaving the yak

Thanks!</issue_description>

Comments on the Issue (you are @copilot in this section)

  • Fixes SSWConsulting/SSW.YakShaver#3545

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

- Improve PromptSelectionDialog confirm view title and description to
  explain what prompts are and what happens when confirmed
- Improve PromptSelectionDialog select view title and description to
  clarify prompt purpose and local vs portal distinction
- Replace plain-text source indicators with Badge components for
  clearer visual communication in both dialog views
- Update CustomPromptManager description to explain the active prompt
  role and that it can be overridden at runtime

Co-authored-by: tomek-i <3699937+tomek-i@users.noreply.github.com>
Copilot AI changed the title [WIP] Add UI descriptions and tooltips for prompt selection screen feat: Add context descriptions and source badges to prompt selection screen Mar 12, 2026
Co-authored-by: Thomas Iwainski <Tomek.iwainski@gmail.com>
@github-actions
Copy link
Contributor

github-actions bot commented Mar 12, 2026

PR Metrics

Thanks for keeping your pull request small.
⚠️ Consider adding additional tests.

Lines
Product Code 30
Test Code -
Subtotal 30
Ignored Code -
Total 30

Metrics computed by PR Metrics. Add it to your Azure DevOps and GitHub PRs!

@github-actions github-actions bot changed the title feat: Add context descriptions and source badges to prompt selection screen XS⚠️ ◾ feat: Add context descriptions and source badges to prompt selection screen Mar 12, 2026
@tomek-i tomek-i marked this pull request as ready for review March 12, 2026 05:53
Copilot AI review requested due to automatic review settings March 12, 2026 05:53
Copy link
Member

@tomek-i tomek-i left a comment

Choose a reason for hiding this comment

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

Looks good to me

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Improves the prompt selection UX by adding clearer explanatory copy and visual source indicators, helping new users understand what prompts are and where they come from.

Changes:

  • Updates Prompt Selection dialog copy in both confirm/select views to explain what prompts do and the local vs portal distinction.
  • Replaces plain-text “(local/portal prompt)” source labels with Badge components in the prompt list and confirm view.
  • Updates the Custom Prompt Manager subtitle to better explain what the active prompt represents.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
src/ui/src/components/workflow/PromptSelectionDialog.tsx Adds contextual descriptions and replaces source text with Badge indicators in confirm/select prompt views.
src/ui/src/components/settings/custom-prompt/CustomPromptManager.tsx Adjusts subtitle copy to clarify the meaning of the active prompt in settings.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@SSWConsulting SSWConsulting deleted a comment from Copilot AI Mar 12, 2026
@SSWConsulting SSWConsulting deleted a comment from Copilot AI Mar 12, 2026
@github-actions
Copy link
Contributor

🚀 Pre-release build is available for this PR:
https://github.com/SSWConsulting/SSW.YakShaver.Desktop/releases/tag/0.6.0-beta.773.1773294973

@tomek-i tomek-i merged commit 55251f7 into main Mar 12, 2026
8 checks passed
@tomek-i tomek-i deleted the copilot/add-ui-descriptions-tooltips branch March 12, 2026 23:12
@github-actions
Copy link
Contributor

Automated Release Created Successfully

Release Details:

You can monitor the build progress in the Actions tab.

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.

5 participants