Skip to content

feat(ui): added microphone and updated placeholder for voice mode#26270

Merged
devr0306 merged 5 commits intomainfrom
voice-banner
Apr 30, 2026
Merged

feat(ui): added microphone and updated placeholder for voice mode#26270
devr0306 merged 5 commits intomainfrom
voice-banner

Conversation

@devr0306
Copy link
Copy Markdown
Contributor

Summary

Added microphone and updated placeholder for when the user is in voice mode.

Details

This is to make it obvious to the user that they're in voice mode and can talk anytime while it is enabled.

Related Issues

Closes #25490

How to Validate

Type /voice and then take a look at the input prompt. It should look like this:
Screenshot 2026-04-30 at 12 18 12 PM

Pre-Merge Checklist

  • Updated relevant documentation and README (if needed)
  • Added/updated tests (if needed)
  • Noted breaking changes (if any)
  • Validated on required platforms/methods:
    • MacOS
      • npm run
      • npx
      • Docker
      • Podman
      • Seatbelt
    • Windows
      • npm run
      • npx
      • Docker
    • Linux
      • npm run
      • npx
      • Docker

@devr0306 devr0306 requested a review from a team as a code owner April 30, 2026 17:18
@gemini-code-assist
Copy link
Copy Markdown
Contributor

Summary of Changes

Hello, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request improves the user experience for voice mode by introducing a clear visual indicator and updated instructional text. These changes ensure that users are aware of the active voice mode status and understand how to interact with it, addressing the issue referenced.

Highlights

  • UI Enhancement: Added a microphone icon to the input prompt when voice mode is enabled to improve visual feedback.
  • Placeholder Update: Updated the input placeholder to provide clearer instructions for voice mode activation.
  • Test Updates: Updated existing UI tests to reflect the new microphone icon and placeholder text changes.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for GitHub and other Google products, sign up here.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Copy Markdown
Contributor

@gemini-code-assist gemini-code-assist Bot left a comment

Choose a reason for hiding this comment

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

Code Review

This pull request enhances the InputPrompt component's voice mode UI by introducing a dynamic placeholder and updating the microphone emoji. Feedback identifies a 'jumpy' UI transition when recording starts and suggests maintaining a consistent microphone prefix to ensure layout stability. This improvement requires removing the redundant emoji from the 'Listening...' status and updating unit tests to reflect the refined output.

Comment thread packages/cli/src/ui/components/InputPrompt.tsx Outdated
Comment thread packages/cli/src/ui/components/InputPrompt.tsx Outdated
Comment thread packages/cli/src/ui/components/InputPrompt.test.tsx Outdated
Comment thread packages/cli/src/ui/components/InputPrompt.test.tsx Outdated
Comment thread packages/cli/src/ui/components/InputPrompt.test.tsx Outdated
Comment thread packages/cli/src/ui/components/InputPrompt.test.tsx Outdated
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 30, 2026

Size Change: +31 B (0%)

Total Size: 33.9 MB

Filename Size Change
./bundle/chunk-2RZW36XG.js 0 B -2.72 MB (removed) 🏆
./bundle/chunk-5ETPHYRS.js 0 B -3.43 kB (removed) 🏆
./bundle/chunk-DZWYS2UO.js 0 B -656 kB (removed) 🏆
./bundle/chunk-JBQENBXL.js 0 B -49.2 kB (removed) 🏆
./bundle/chunk-LCJFAVLT.js 0 B -3.8 kB (removed) 🏆
./bundle/chunk-LHXIF4FS.js 0 B -12.6 kB (removed) 🏆
./bundle/chunk-MQY5AD2C.js 0 B -14.7 MB (removed) 🏆
./bundle/chunk-TLJ7C6I2.js 0 B -19.5 kB (removed) 🏆
./bundle/core-DUTCIE7U.js 0 B -48.2 kB (removed) 🏆
./bundle/devtoolsService-SUNVBJG5.js 0 B -28 kB (removed) 🏆
./bundle/gemini-K3CBINQJ.js 0 B -580 kB (removed) 🏆
./bundle/interactiveCli-3GSGECQL.js 0 B -1.32 MB (removed) 🏆
./bundle/liteRtServerManager-OWPQIOM3.js 0 B -2.11 kB (removed) 🏆
./bundle/oauth2-provider-DY7W77PO.js 0 B -9.16 kB (removed) 🏆
./bundle/chunk-3O4WKDAB.js 12.6 kB +12.6 kB (new file) 🆕
./bundle/chunk-7LCSC6AW.js 49.2 kB +49.2 kB (new file) 🆕
./bundle/chunk-7PXJDQCG.js 3.43 kB +3.43 kB (new file) 🆕
./bundle/chunk-A5HCE2P6.js 19.5 kB +19.5 kB (new file) 🆕
./bundle/chunk-CI5J6DKT.js 14.7 MB +14.7 MB (new file) 🆕
./bundle/chunk-NKIO6PR3.js 3.8 kB +3.8 kB (new file) 🆕
./bundle/chunk-Y4FSOKOH.js 2.72 MB +2.72 MB (new file) 🆕
./bundle/chunk-ZNKFR62W.js 656 kB +656 kB (new file) 🆕
./bundle/core-7VZT2V47.js 48.2 kB +48.2 kB (new file) 🆕
./bundle/devtoolsService-OW7QAMDG.js 28 kB +28 kB (new file) 🆕
./bundle/gemini-R3RK4LFT.js 580 kB +580 kB (new file) 🆕
./bundle/interactiveCli-UACUKNDE.js 1.32 MB +1.32 MB (new file) 🆕
./bundle/liteRtServerManager-54YIFYSU.js 2.11 kB +2.11 kB (new file) 🆕
./bundle/oauth2-provider-UGIPMCOD.js 9.16 kB +9.16 kB (new file) 🆕
ℹ️ View Unchanged
Filename Size Change
./bundle/bundled/third_party/index.js 8 MB 0 B
./bundle/chunk-34MYV7JD.js 2.45 kB 0 B
./bundle/chunk-5AUYMPVF.js 858 B 0 B
./bundle/chunk-5PS3AYFU.js 1.18 kB 0 B
./bundle/chunk-664ZODQF.js 124 kB 0 B
./bundle/chunk-DAHVX5MI.js 206 kB 0 B
./bundle/chunk-IUUIT4SU.js 56.5 kB 0 B
./bundle/chunk-OQX7GVID.js 1.97 MB 0 B
./bundle/chunk-RJTRUG2J.js 39.8 kB 0 B
./bundle/cleanup-W7KM7K6R.js 0 B -932 B (removed) 🏆
./bundle/devtools-36NN55EP.js 696 kB 0 B
./bundle/dist-T73EYRDX.js 356 B 0 B
./bundle/events-XB7DADIJ.js 418 B 0 B
./bundle/examples/hooks/scripts/on-start.js 188 B 0 B
./bundle/examples/mcp-server/example.js 1.43 kB 0 B
./bundle/gemini.js 5.14 kB 0 B
./bundle/getMachineId-bsd-TXG52NKR.js 1.55 kB 0 B
./bundle/getMachineId-darwin-7OE4DDZ6.js 1.55 kB 0 B
./bundle/getMachineId-linux-SHIFKOOX.js 1.34 kB 0 B
./bundle/getMachineId-unsupported-5U5DOEYY.js 1.06 kB 0 B
./bundle/getMachineId-win-6KLLGOI4.js 1.72 kB 0 B
./bundle/memoryDiscovery-QEUOLE5X.js 980 B 0 B
./bundle/multipart-parser-KPBZEGQU.js 11.7 kB 0 B
./bundle/node_modules/@google/gemini-cli-devtools/dist/client/main.js 222 kB 0 B
./bundle/node_modules/@google/gemini-cli-devtools/dist/src/_client-assets.js 229 kB 0 B
./bundle/node_modules/@google/gemini-cli-devtools/dist/src/index.js 13.4 kB 0 B
./bundle/node_modules/@google/gemini-cli-devtools/dist/src/types.js 132 B 0 B
./bundle/sandbox-macos-permissive-open.sb 890 B 0 B
./bundle/sandbox-macos-permissive-proxied.sb 1.31 kB 0 B
./bundle/sandbox-macos-restrictive-open.sb 3.36 kB 0 B
./bundle/sandbox-macos-restrictive-proxied.sb 3.56 kB 0 B
./bundle/sandbox-macos-strict-open.sb 4.82 kB 0 B
./bundle/sandbox-macos-strict-proxied.sb 5.02 kB 0 B
./bundle/src-QVCVGIUX.js 47 kB 0 B
./bundle/start-UDEBH3P5.js 0 B -652 B (removed) 🏆
./bundle/tree-sitter-7U6MW5PS.js 274 kB 0 B
./bundle/tree-sitter-bash-34ZGLXVX.js 1.84 MB 0 B
./bundle/cleanup-DZBBP6TT.js 932 B +932 B (new file) 🆕
./bundle/start-H77UE737.js 652 B +652 B (new file) 🆕

compressed-size-action

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
@gemini-cli gemini-cli Bot added area/core Issues related to User Interface, OS Support, Core Functionality 🔒 maintainer only ⛔ Do not contribute. Internal roadmap item. labels Apr 30, 2026
Copy link
Copy Markdown
Contributor

@Abhijit-2592 Abhijit-2592 left a comment

Choose a reason for hiding this comment

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

Thank you for the updates to the voice mode UI! The new microphone emoji and consolidated placeholder look good. However, there are a few minor layout issues that cause a 'jumpy' effect when toggling the recording state. I've left some inline comments with suggestions to keep the microphone prefix stable and fix the spacing.

Copy link
Copy Markdown
Contributor

@Abhijit-2592 Abhijit-2592 left a comment

Choose a reason for hiding this comment

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

Thank you for the updates to the voice mode UI! The new microphone emoji and consolidated placeholder look good. However, there are a few minor layout issues that cause a 'jumpy' effect when toggling the recording state. I've left some inline comments with suggestions to keep the microphone prefix stable and fix the spacing.

Comment thread packages/cli/src/ui/components/InputPrompt.tsx
Comment thread packages/cli/src/ui/components/InputPrompt.tsx Outdated
Comment thread packages/cli/src/ui/components/InputPrompt.tsx Outdated
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Copy link
Copy Markdown
Contributor

@Abhijit-2592 Abhijit-2592 left a comment

Choose a reason for hiding this comment

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

Approved once the comments are fixed

@devr0306 devr0306 enabled auto-merge April 30, 2026 17:56
@devr0306 devr0306 added this pull request to the merge queue Apr 30, 2026
Merged via the queue into main with commit ef040eb Apr 30, 2026
27 checks passed
@devr0306 devr0306 deleted the voice-banner branch April 30, 2026 19:44
TirthNaik-99 pushed a commit to TirthNaik-99/gemini-cli that referenced this pull request May 4, 2026
…ogle-gemini#26270)

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
kimjune01 pushed a commit to kimjune01/gemini-cli-claude that referenced this pull request May 6, 2026
…ogle-gemini#26270)

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/core Issues related to User Interface, OS Support, Core Functionality 🔒 maintainer only ⛔ Do not contribute. Internal roadmap item.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Voice] Optimize Screen Real Estate (Banner)

2 participants