Skip to content

feat(apollo-vertex): ai-chat shell — branding, empty state, thinking indicator [1/5]#628

Merged
KokoMilev merged 1 commit intomainfrom
feat/ai-chat-1-shell
May 4, 2026
Merged

feat(apollo-vertex): ai-chat shell — branding, empty state, thinking indicator [1/5]#628
KokoMilev merged 1 commit intomainfrom
feat/ai-chat-1-shell

Conversation

@petervachon
Copy link
Copy Markdown
Collaborator

What this does

Sets up the structural foundation for the AI Chat component — the outer shell users see before and during a conversation.

  • Empty state with a centered heading and subtitle so the chat feels intentional rather than blank on first load
  • Autopilot branding (gradient icon + title) in the header, consistent with the rest of the product
  • Thinking indicator (AiChatLoading) shown while the AI is working, so users know something is happening
  • Sticky scroll behavior — the view follows new messages as they stream in, with a "scroll to bottom" button when the user has scrolled up
  • Error banner at the bottom with a retry action when a request fails

This PR contains no input, message rendering, or interaction logic — just the chrome around the conversation.

Test plan

  • Empty state renders correctly on first load
  • Header shows gradient icon and title
  • Thinking indicator appears while isLoading is true and no assistant text is streaming yet
  • Scroll-to-bottom button appears when scrolled up; disappears when at bottom
  • Error banner appears with retry button when error prop is set

🤖 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 alincadariu and frankkluijtmans and removed request for a team April 30, 2026 13:51
@KokoMilev KokoMilev enabled auto-merge (rebase) April 30, 2026 13:51
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 30, 2026

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, 12:25:17 AM
apollo-docs 🟢 Ready Preview, Logs May 04, 2026, 12:23:42 AM
apollo-landing 🟢 Ready Preview, Logs May 04, 2026, 12:22:47 AM
apollo-ui-react 🟢 Ready Preview, Logs May 04, 2026, 12:24:10 AM
apollo-vertex 🟢 Ready Preview, Logs May 04, 2026, 12:24:12 AM

@github-actions
Copy link
Copy Markdown

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

Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-input.tsx Outdated
Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-input.tsx Outdated
Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-input.tsx Outdated
Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-loading.tsx Outdated
Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-loading.tsx Outdated
Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-thinking.tsx Outdated
Comment thread apps/apollo-vertex/registry/ai-chat/components/ai-chat-thinking.tsx
Comment thread apps/apollo-vertex/registry/ai-chat/components/icons/autopilot-gradient.tsx Outdated
@petervachon petervachon force-pushed the feat/ai-chat-1-shell branch 4 times, most recently from 88140de to b17552c Compare May 1, 2026 13:57
… thinking indicator

- AiChatThinking: animated sparkle→circle morph with gradient glow pulse
- AiChatLoading: replaces bouncing dots with shimmer "Thinking…" + AiChatThinking
- AiChatEmptyState: title/description/icon slot for empty state customisation
- AutopilotIcon / AutopilotGradientIcon: Autopilot sparkle SVG in flat and gradient variants
- AiChatInput: glow on focus, auto-resize, gradient send button; no file/quote yet
- AiChat: Autopilot header with dropdown, centred empty-state + suggestion chips,
  queued-message ref sends messages typed while a response is in flight
- AiChatAgentHubMode: adds Autopilot title, branded empty state, and suggestions;
  data fabric + choices tools retained unchanged
- registry.json: registers new files, adds ai-chat-* colour tokens + ai-gradient-strong

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@pieman1313 pieman1313 force-pushed the feat/ai-chat-1-shell branch from b17552c to 83cc0ad Compare May 4, 2026 07:21
Copy link
Copy Markdown
Contributor

@pieman1313 pieman1313 left a comment

Choose a reason for hiding this comment

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

pushed some changes:

  • translated hardcoded texts
  • renamed renderHeader -> header
  • extracted a ai-chat-input-glow
  • removed oxlint-disable from ai-chat
  • replaced imperative onFocusCapture/onBlurCapture DOM mutations

lgtm

cc @frankkluijtmans

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.

is this used?

@KokoMilev KokoMilev merged commit 27ec308 into main May 4, 2026
47 checks passed
@KokoMilev KokoMilev deleted the feat/ai-chat-1-shell branch May 4, 2026 08:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

app:apollo-vertex size:XXL 1,000+ changed lines.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants