🎨 Palette: Add visual keyboard shortcut to Run button#375
Conversation
…Reset button - Added a `<kbd>` element to the PythonRunner "Run" button to visually indicate the "Shift+Enter" keyboard shortcut. - Added a `title` tooltip to the CodePlayground "Reset" button for better discoverability. - Verified changes with Playwright screenshot and e2e tests. Co-authored-by: saint2706 <45678566+saint2706@users.noreply.github.com>
|
👋 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 New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
There was a problem hiding this comment.
Pull request overview
Improves the Python playground UX by making key actions more discoverable: adds a visible keyboard shortcut hint to the Run button and a tooltip to the Reset button, alongside some small formatting-only refactors.
Changes:
- Add a visible
Shift+Entershortcut hint next to the Run button label inPythonRunner. - Add a
titletooltip to the Reset button inCodePlayground. - Apply minor formatting refactors to link safety utilities and the Markdown link renderer.
Reviewed changes
Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.
| File | Description |
|---|---|
src/components/PythonRunner.tsx |
Adds a visible <kbd> “Shift+Enter” hint to the Run button label. |
src/components/CodePlayground.tsx |
Adds a title attribute tooltip for the Reset button. |
src/utils/linkSafety.ts |
Formatting-only changes to the secure link attribute helper. |
src/components/MarkdownRenderer.tsx |
Formatting-only change to the rendered <a> tag. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
💡 What: Added a visual "Shift+Enter" hint to the Run button in Python code playgrounds and a tooltip to the Reset button.
🎯 Why: To improve discoverability of keyboard shortcuts and button functions for better UX and accessibility.
📸 Before/After: Screenshot verified.
♿ Accessibility: Maintains existing ARIA labels while adding visual cues for sighted users.
PR created automatically by Jules for task 11077410658317906139 started by @saint2706