Skip to content

feat(apollo-vertex): ai-chat text selection — Ask AI floating pill + quote chip [5/5]#632

Draft
petervachon wants to merge 4 commits into
feat/ai-chat-4-attachmentsfrom
feat/ai-chat-5-text-selection
Draft

feat(apollo-vertex): ai-chat text selection — Ask AI floating pill + quote chip [5/5]#632
petervachon wants to merge 4 commits into
feat/ai-chat-4-attachmentsfrom
feat/ai-chat-5-text-selection

Conversation

@petervachon
Copy link
Copy Markdown
Collaborator

@petervachon petervachon commented Apr 30, 2026

What this does

Lets users ask the AI about specific text they've selected — a natural way to go from reading a response to asking a follow-up about a particular part of it.

  • "Ask AI" floating pill — appears above any selected text within the chat container, with the Autopilot icon and a gradient background to make it feel intentional
  • Quote chip in the input — when the user clicks "Ask AI", the selected text appears as a small truncated chip above the textarea so they can see the context they're referencing before they type their question
  • Dismiss — clicking × on the chip removes the quoted context; submitting the message clears it automatically
  • Scoped to the chat container — selecting text elsewhere on the page (browser UI, other panels) doesn't trigger the pill
  • Enabled via enableTextSelection prop (off by default) so teams can opt in only where it makes sense

Test plan

  • Select text in an assistant message — "Ask AI" pill appears above the selection
  • Click pill — quote chip appears in input with the selected text, input is focused
  • Long quoted text truncates with ellipsis rather than wrapping to two lines
  • × on chip clears the quote
  • Submitting clears the chip and sends the message
  • Selecting text outside the chat container does not show the pill
  • enableTextSelection={false} (default) — pill never appears

🤖 Generated with Claude Code

@petervachon petervachon requested a review from a team as a code owner April 30, 2026 13:51
@petervachon petervachon requested review from angeloaltamiranom and frankkluijtmans and removed request for a team April 30, 2026 13:51
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 30, 2026 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs May 04, 2026, 07:39:28 AM
apollo-docs 🟢 Ready Preview, Logs May 04, 2026, 07:38:05 AM
apollo-landing 🟢 Ready Preview, Logs May 04, 2026, 07:36:12 AM
apollo-ui-react 🟢 Ready Preview, Logs May 04, 2026, 07:37:56 AM
apollo-vertex 🟢 Ready Preview, Logs May 04, 2026, 07:37:54 AM

This was referenced Apr 30, 2026
Closed
Closed
Closed
Closed
Closed
Closed
@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch from 7dd0761 to d7825bc Compare April 30, 2026 15:10
@petervachon petervachon force-pushed the feat/ai-chat-4-attachments branch from 7beb110 to a27c80c Compare April 30, 2026 15:10
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 30, 2026

Dependency License Review

  • ✅ 2104 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 15 package(s) excluded (see details below)
License distribution
License Packages
MIT 1825
ISC 104
Apache-2.0 69
BSD-3-Clause 30
BSD-2-Clause 24
Copyright 2022, UiPath, all rights reserved 9
BlueOak-1.0.0 8
MPL-2.0 5
MIT OR Apache-2.0 3
MIT-0 3
Unknown 3
Unlicense 3
CC0-1.0 3
LGPL-3.0-or-later 2
(MIT OR Apache-2.0) 2
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
BSD 1
Artistic-2.0 1
(WTFPL OR MIT) 1
(BSD-2-Clause OR MIT OR Apache-2.0) 1
CC-BY-3.0 1
0BSD 1
(MIT OR CC0-1.0) 1
MIT AND ISC 1
Excluded packages
Package Version License Reason
@img/sharp-libvips-linux-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
@img/sharp-libvips-linuxmusl-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
@uipath/apollo-angular-elements 5.86.3 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-core 4.35.0, 4.35.1 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-fonts 1.25.8 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-icons 1.33.7 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-mui5 2.31.26 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell 3.351.4 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell-react 3.149.36 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell-types 3.325.2 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell-util 1.112.0 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-lab 25.12.0 Unknown UiPath first-party package
@uipath/telemetry-client-web 5.1.0 Unknown UiPath first-party package
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json
hyperx 2.5.4 BSD BSD-2-Clause per LICENSE file, non-SPDX "BSD" in package.json

@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch from d7825bc to 81ea0f5 Compare April 30, 2026 16:56
@petervachon petervachon force-pushed the feat/ai-chat-4-attachments branch from a27c80c to 30bd3d9 Compare April 30, 2026 16:56
@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch from 81ea0f5 to cbb42da Compare April 30, 2026 17:36
@petervachon petervachon force-pushed the feat/ai-chat-4-attachments branch from 30bd3d9 to 8012d26 Compare April 30, 2026 17:36
@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch from cbb42da to e056918 Compare May 1, 2026 13:11
@petervachon petervachon force-pushed the feat/ai-chat-4-attachments branch 2 times, most recently from 405b118 to ce7867d Compare May 1, 2026 13:22
@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch 2 times, most recently from 8cdb31f to fa624d3 Compare May 1, 2026 13:42
@petervachon petervachon force-pushed the feat/ai-chat-4-attachments branch 2 times, most recently from 7e4b0e5 to 873677f Compare May 1, 2026 13:57
@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch from fa624d3 to 549b6d0 Compare May 1, 2026 13:57
@frankkluijtmans
Copy link
Copy Markdown
Contributor

frankkluijtmans commented May 4, 2026

I think this is part of a PR stack? Seems like [feat/ai-chat-4-attachments](https://github.com/UiPath/apollo-ui/tree/feat/ai-chat-4-attachments) needs to go in first. Let's keep this in draft until then.

@petervachon petervachon mentioned this pull request May 4, 2026
Merged
5 tasks
@petervachon @claude
feat(apollo-vertex): ai-chat code blocks — syntax-highlighted fenced …
60d941c 
…code with copy button

- AiChatCodeBlock: highlight.js syntax highlighting (JS/TS/Python/Bash/JSON/CSS/SQL),
  github light + github-dark-dimmed themes, hover-reveal copy button with tooltip
- AiChatMarkdown: routes fenced code blocks to AiChatCodeBlock; updates inline code,
  links, blockquote, table, and image rendering to use ai-chat-* colour tokens;
  removes prose bubble wrapper for a cleaner reading width
- registry.json: registers AiChatCodeBlock, adds highlight.js dependency

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
petervachon and others added 3 commits May 4, 2026 10:31
@petervachon @claude
feat(apollo-vertex): ai-chat message actions — provider context, copy…
fffc189 
…/feedback/edit

- types.ts: AiChatConfig interface + MessageFeedbackType shared across components
- AiChatProvider: React context that distributes config (assistantName, action
  callbacks, isLoading, latestAssistantMessageId) to message components without
  prop drilling; uses display:contents wrapper to preserve h-full layout
- AiChatMessageActions: copy / thumbs up+down / regenerate / edit toolbar;
  latest assistant message keeps actions always-visible, older messages reveal
  on hover/focus for clean reading
- AiChatMessage: rewritten to use provider context; adds entrance animation
  (fade + 8px slide-up), styled user/assistant bubbles, inline edit mode
  (textarea swap, Save & re-run / Cancel, auto-scroll to centre)
- AiChat: wraps children with AiChatProvider; adds onFeedback, onRegenerate,
  onEditMessage, showMessageActions, showCopyButton props; computes
  latestAssistantMessageId for the provider
- AiChatAgentHubMode: removes assistantName from AiChatMessage (now in provider)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@petervachon @claude
feat(apollo-vertex): ai-chat file attachments [4/5]
2162d40 
Adds file attachment support to the AI chat input:
- File picker via Paperclip dropdown ("Upload files")
- Clipboard paste for images → auto-added as chips
- Pending file chips with thumbnail preview and remove button
- Lightbox for full-size image preview (Escape to close)
- onSubmit(files?: File[]) signature threads through AiChat.onSendMessage
- registryDependencies updated: alert-dialog, dropdown-menu, tooltip

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@petervachon @claude
feat(apollo-vertex): ai-chat text selection Ask AI [5/5]
11b444a 
Adds text-selection-to-AI flow:
- AiChatSelectionMenu: floating "Ask AI" pill shown on text selection,
  scoped to the chat container, with fade+scale entrance animation
- AiChatInput: quotedText chip with left-accent border, dismissable with X
- AiChat: enableTextSelection prop wires selection menu to quote chip;
  clicking "Ask AI" pre-fills the input and focuses the textarea
- registry.json: ai-chat-selection-menu.tsx registered

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@petervachon petervachon force-pushed the feat/ai-chat-4-attachments branch from 873677f to 2162d40 Compare May 4, 2026 14:34
@petervachon petervachon force-pushed the feat/ai-chat-5-text-selection branch from 549b6d0 to 11b444a Compare May 4, 2026 14:34
@petervachon petervachon marked this pull request as draft May 4, 2026 14:38
@pieman1313 pieman1313 force-pushed the feat/ai-chat-4-attachments branch 2 times, most recently from c91a12a to fea7d4d Compare May 18, 2026 10:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@frankkluijtmans frankkluijtmans Awaiting requested review from frankkluijtmans frankkluijtmans is a code owner automatically assigned from UiPath/team-frontendhoven

@angeloaltamiranom angeloaltamiranom Awaiting requested review from angeloaltamiranom angeloaltamiranom is a code owner automatically assigned from UiPath/team-frontendhoven

Assignees

No one assigned

Labels

app:apollo-vertex

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@petervachon @frankkluijtmans