Skip to content

feat(apollo-vertex): ai-chat templates and documentation pages [6/6]#549

Draft
petervachon wants to merge 20 commits intopr/1e-aichat-chatfrom
pr/2-aichat-templates
Draft

feat(apollo-vertex): ai-chat templates and documentation pages [6/6]#549
petervachon wants to merge 20 commits intopr/1e-aichat-chatfrom
pr/2-aichat-templates

Conversation

@petervachon
Copy link
Copy Markdown
Collaborator

Summary

  • Adds AiChatTemplate, AiChatAgentHubMode, AiChatConversationalAgentMode, AiChatLoginGate page templates
  • Adds interactive preview page at /vertex-components/ai-chat/preview with mock data and thinking demo
  • Adds /patterns/ai-chat documentation page
  • Adds ai-chat entry to app/_meta.ts nav

Stack

pr/1a-aichat-foundation  →  main          merged
pr/1b-aichat-display     →  1a            merged
pr/1c-aichat-input       →  1b            merged
pr/1d-aichat-messages    →  1c            merged
pr/1e-aichat-chat        →  1d            merged
pr/2-aichat-templates    →  1e            ← this PR, draft

Manual stack — do not review until #548 merges.

Supersedes #543 / #511 — re-split to keep each PR under 800–1000 LoC.

🤖 Generated with Claude Code

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 20, 2026

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

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs Apr 21, 2026, 07:22:27 AM
apollo-docs 🟢 Ready Preview, Logs Apr 21, 2026, 07:22:20 AM
apollo-landing 🟢 Ready Preview, Logs Apr 21, 2026, 07:20:39 AM
apollo-ui-react 🟢 Ready Preview, Logs Apr 21, 2026, 07:22:13 AM
apollo-vertex 🟢 Ready Preview, Logs Apr 21, 2026, 07:21:58 AM

@github-actions
Copy link
Copy Markdown

Dependency License Review

  • 1941 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 3 package(s) excluded (see details below)
License distribution
License Packages
MIT 1701
ISC 89
Apache-2.0 61
BSD-3-Clause 28
BSD-2-Clause 23
BlueOak-1.0.0 8
MPL-2.0 5
MIT OR Apache-2.0 3
MIT-0 3
CC0-1.0 3
LGPL-3.0-or-later 2
(MIT OR Apache-2.0) 2
Unlicense 2
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
Unknown 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
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

1980computer and others added 20 commits April 21, 2026 10:18
…ht themes

`@layer base { * { border-color: var(--color-border-de-emp); } }` relies on
`--color-border-de-emp` being a live CSS custom property. For apollo-core
themes (dark, light, etc.) this works because apollo-core sets
`--color-border-de-emp` directly on `body.dark` / `body.light` as unlayered
CSS. Future themes have no such declaration — the variable was only registered
via `@theme inline` into `@layer theme { :root }`, which Tailwind CSS 4.2.x
(bundled in @tailwindcss/vite@4.2.2) does not reliably expose as a runtime
CSS variable. The result: `var(--color-border-de-emp)` fell back to
`currentColor` (near-white in dark themes), producing incorrect white outlines
on components that rely on the default border color — Data Table, Popover,
and Accordion.

Fix: add `--color-border-de-emp: var(--border-de-emp)` to the bridge section
(.future-light, .future-dark, .wireframe, .vertex, .canvas) so the variable
is set as unlayered CSS directly on the theme element, exactly mirroring the
pattern apollo-core uses for its own themes. The variable chain resolves as:
  future-dark → --border-de-emp → --border-subtle → --color-zinc-800 (dark zinc)
  future-light → --border-de-emp → --border-subtle → --color-zinc-200 (light zinc)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Remove brand-motion.stories.tsx from Wind > Experiments
- Rename "Ideas" story to "Layout Generator" (title + export name)
- Split into Visual (live generator) and Setup (documentation) tabs
- Add "Before you start" callout with Claude API key setup instructions

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Packages: apollo-react,apollo-wind
  Replaces the generic 'file-text' CanvasIcon for context resource nodes
  with a dedicated ContextIcon component, following the custom-icon
  pattern already used by MemoryIcon, McpIcon, and A2aIcon.

  The icon is a schema/indexes glyph (three horizontal lines + a small
  bolt indicator) aligned with the updated Data Fabric Agent Integration
  designs.

  Ref: UiPath/Agents DS-7658
Adds AiChatTemplate, AiChatAgentHubMode, AiChatConversationalAgentMode,
AiChatLoginGate, interactive preview page with mock data and thinking
demo, patterns/ai-chat doc page, and vertex-components nav entry.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants