Skip to content

feat(apollo-vertex): add AiMark and AiGlow primitives#843

Draft
petervachon wants to merge 1 commit into
ai-foundation-colorsfrom
ai-primitives
Draft

feat(apollo-vertex): add AiMark and AiGlow primitives#843
petervachon wants to merge 1 commit into
ai-foundation-colorsfrom
ai-primitives

Conversation

@petervachon

@petervachon petervachon commented Jun 23, 2026

Copy link
Copy Markdown
Collaborator

Summary

Two shared building blocks for the AI visual expression, used by the per-component AI PRs and the AI Toolkit page.

  • AiMark (registry/ai-mark/ai-mark.tsx): the filled astroid mark (currentColor, or a gradient via gradientId).
  • AiGlow (registry/ai-glow/ai-glow.tsx): a decorative card/group glow on the theme-aware --ai-glow-* tokens (Insight to Primary).

Dependencies

Stacked on #844 (Foundation) for the AI tokens. Base retargets to main after #844 merges.

Open decision for the dev team

Both primitives are intentionally not registered in registry.json and have no @/components/ui/* alias yet (imported via @/registry/...). Their canonical home is deferred. Wire the registry entry and alias once decided.

Part of a set

One of a set splitting the AI visual expression work (originally draft #840). Full set linked below.

The full set

Merge order (each stacked PR retargets to main once its base merges):

  1. feat(apollo-vertex): add Insight ramp and AI gradients to Foundation #844 Foundation: AI tokens + Insight ramp + colors page, base main (ROOT)
  2. feat(apollo-vertex): add AiMark and AiGlow primitives #843 AI primitives (AiMark + AiGlow), base feat(apollo-vertex): add Insight ramp and AI gradients to Foundation #844
  3. feat(apollo-vertex): add Badge AI variant #845 Badge AI variant, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  4. feat(apollo-vertex): add Button AI variants #846 Button AI variants, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  5. feat(apollo-vertex): add Input AI variant #847 Input AI variant, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  6. feat(apollo-vertex): document Card AI glow #848 Card AI glow, base feat(apollo-vertex): add AiMark and AiGlow primitives #843
  7. feat(apollo-vertex): add AI Toolkit guidance page #840 AI Toolkit guidance page, base feat(apollo-vertex): add Badge AI variant #845

Copilot AI review requested due to automatic review settings June 23, 2026 19:14
@github-actions

github-actions Bot commented Jun 23, 2026

Copy link
Copy Markdown
Contributor

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

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:44 PM
apollo-docs 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:44 PM
apollo-landing 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:44 PM
apollo-vertex 🟢 Ready Preview, Logs Jun 23, 2026, 01:03:44 PM

@github-actions

Copy link
Copy Markdown
Contributor

Dependency License Review

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

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

Adds two shared “AI visual expression” primitives to the apollo-vertex registry to be reused by upcoming AI-variant component PRs and guidance content.

Changes:

  • Introduces AiMark, an inline SVG “astroid” mark that fills with currentColor or an external SVG gradient via gradientId.
  • Introduces AiGlow, a decorative background glow with card and group variants driven by --ai-glow-* theme tokens.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
apps/apollo-vertex/registry/ai-mark/ai-mark.tsx Adds AiMark SVG primitive with optional gradient fill support.
apps/apollo-vertex/registry/ai-glow/ai-glow.tsx Adds AiGlow decorative glow primitive with card and group variants using theme tokens.

Comment on lines +3 to +5
import { cva, type VariantProps } from "class-variance-authority";
import { useId } from "react";
import { cn } from "@/lib/utils";
@github-actions

github-actions Bot commented Jun 23, 2026

Copy link
Copy Markdown
Contributor

📊 Coverage + size by package

Per-package bundle size on this PR (no JS/TS source changes detected under packages/* or web-packages/*).

Package Coverage New-line coverage Packed (gzip) Unpacked vs main
@uipath/apollo-core 9.0% 43.82 MB 57.31 MB ±0
@uipath/apollo-react 34.7% 7.27 MB 27.58 MB ±0
@uipath/apollo-wind 38.6% 324.4 KB 2.23 MB +73 B
@uipath/ap-chat 85.8% 43.36 MB 55.69 MB ±0

"Coverage" is each package's own coverage.include scope (e.g. apollo-core instruments only scripts/). "Packed"/"Unpacked" come from npm pack --dry-run and only cover built packages — "—" means not measured this run (package not affected / not built). "vs main" is the packed (gzipped) delta against the last successful main build (the package-sizes artifact from the Release workflow); "—" there means no main baseline was available this run. The baseline is main's latest build, not this PR's exact merge-base, so it includes any drift since the branch diverged. Packages with no vitest config are omitted.

Two shared building blocks for the AI visual expression: AiMark (filled astroid,
currentColor or gradient via gradientId) and AiGlow (card/group glow on the
theme-aware --ai-glow-* tokens). Not yet in registry.json pending a home decision.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@petervachon petervachon changed the base branch from main to ai-foundation-colors June 23, 2026 19:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

app:apollo-vertex size:L 100-499 changed lines.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants