Skip to content

feat(apollo-vertex): add Insight ramp and AI gradients to Foundation#844

Draft
petervachon wants to merge 1 commit into
mainfrom
ai-foundation-colors
Draft

feat(apollo-vertex): add Insight ramp and AI gradients to Foundation#844
petervachon wants to merge 1 commit into
mainfrom
ai-foundation-colors

Conversation

@petervachon

@petervachon petervachon commented Jun 23, 2026

Copy link
Copy Markdown
Collaborator

Summary

The color foundation for the AI visual expression, and the base of the set that everything else stacks on.

  • registry.json: the AI tokens consumed across the set (--ai-gradient-fill, --ai-gradient-text, --ai-glow-*, --ai-glass, and the theme-aware --ai-gradient). theme.generated.css is built from registry.json, so these must land first or downstream previews render blank gradients and glows.
  • lib/foundation-tokens.ts: add the insight-50…900 ramp (the violet that signals intelligence) to the Colors page data.
  • app/foundation/colors/page.mdx: document the four AI gradient tokens with live, theme-aware swatches.

Part of a set

The root of a set splitting the AI visual expression work (originally draft #840). Everything else stacks on this because the AI tokens here are a build-time prerequisite. 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

Add the insight-50..900 ramp to the color foundation, document the four AI
gradient tokens on Foundation > Colors with live theme-aware swatches, and
reconcile the AI tokens in registry.json to match the already-generated CSS.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Copilot AI review requested due to automatic review settings June 23, 2026 19:25
@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, 12:29:53 PM
apollo-docs 🟢 Ready Preview, Logs Jun 23, 2026, 12:29:53 PM
apollo-landing 🟢 Ready Preview, Logs Jun 23, 2026, 12:29:53 PM
apollo-vertex 🟢 Ready Preview, Logs Jun 23, 2026, 12:29:53 PM

@github-actions github-actions Bot added the size:L 100-499 changed lines. label Jun 23, 2026
@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 the Insight color ramp and documents AI gradient tokens in Apollo Vertex Foundation colors, while updating registry.json to align AI-related theme tokens with the generated CSS variables.

Changes:

  • Added the insight-50…900 ramp as a distinct color group for Foundation token display.
  • Updated Foundation Colors documentation to show live, theme-resolving swatches for the AI gradient tokens (--ai-gradient-fill, --ai-gradient-text, --ai-gradient-strong, --ai-gradient).
  • Reconciled AI-related theme tokens in registry.json (including theme-aware ai-gradient, plus ai-glow-*, ai-glass, and gradient fill/text tokens). (Also removes the solution-tests registry item.)

Reviewed changes

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

File Description
apps/apollo-vertex/registry.json Updates AI token definitions to reference ramp CSS vars and adds missing AI tokens; also removes a registry item (solution-tests).
apps/apollo-vertex/lib/foundation-tokens.ts Adds the Insight color ramp to the token groups rendered on the Foundation Colors page.
apps/apollo-vertex/app/foundation/colors/page.mdx Replaces static AI gradient examples with live swatches driven by theme CSS variables.

Comment on lines 2593 to 2597
}
]
},
{
"name": "solution-tests",
"type": "registry:ui",
"title": "Solution Tests",
"description": "Page-level view for managing UiPath Solution Tests — test cases, batch runs, KPI trend, run-result baselines, and adopt/update/remove actions. Domain-neutral: the smart container reads the generic UiPathST* entity collections from your vs-core solution via collection-backed hooks, and the subject entity is parameterized via SolutionTestsConfig.",
"dependencies": [
"@tanstack/react-db@^0.1.86",
"@tanstack/react-query@^5.90.0",
"@tanstack/react-table",
"@tanstack/react-router",
"@uipath/vs-core@^2.0.6",
"@uipath/uipath-typescript@^1.0.0",
"react-i18next",
"recharts@2.15.4",
"sonner",
"lucide-react",
"zod"
],
"registryDependencies": [
"@uipath/alert",
"@uipath/badge",
"@uipath/button",
"@uipath/card",
"@uipath/chart",
"@uipath/data-table",
"@uipath/dialog",
"@uipath/empty",
"@uipath/page-header",
"@uipath/skeleton",
"@uipath/sonner",
"@uipath/spinner",
"@uipath/switch",
"@uipath/table",
"@uipath/tabs",
"@uipath/tooltip"
],
"files": [
{
"path": "registry/solution-tests/index.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/index.ts"
},
{
"path": "registry/solution-tests/solution-tests-view.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/solution-tests-view.tsx"
},
{
"path": "registry/solution-tests/solution-tests.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/solution-tests.tsx"
},
{
"path": "registry/solution-tests/context.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/context.tsx"
},
{
"path": "registry/solution-tests/hooks.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/hooks.ts"
},
{
"path": "registry/solution-tests/constants.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/constants.ts"
},
{
"path": "registry/solution-tests/mutations.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/mutations.ts"
},
{
"path": "registry/solution-tests/attachments.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/attachments.ts"
},
{
"path": "registry/solution-tests/actions.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/actions.ts"
},
{
"path": "registry/solution-tests/create-actions.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/create-actions.ts"
},
{
"path": "registry/solution-tests/use-solution-tests.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-solution-tests.ts"
},
{
"path": "registry/solution-tests/use-solution-test-collection.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-solution-test-collection.ts"
},
{
"path": "registry/solution-tests/use-solution-test-batch-runs.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-solution-test-batch-runs.ts"
},
{
"path": "registry/solution-tests/use-solution-test-runs.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-solution-test-runs.ts"
},
{
"path": "registry/solution-tests/use-baseline-jobs.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-baseline-jobs.ts"
},
{
"path": "registry/solution-tests/use-run-results.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-run-results.ts"
},
{
"path": "registry/solution-tests/use-force-stop.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/use-force-stop.ts"
},
{
"path": "registry/solution-tests/config.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/config.ts"
},
{
"path": "registry/solution-tests/types.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/types.ts"
},
{
"path": "registry/solution-tests/tabs.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/tabs.ts"
},
{
"path": "registry/solution-tests/status-maps.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/status-maps.ts"
},
{
"path": "registry/solution-tests/utils.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/utils.ts"
},
{ "path": "lib/renderValueOrEmptyState.ts", "type": "registry:lib" },
{ "path": "lib/constants.ts", "type": "registry:lib" },
{
"path": "registry/solution-tests/user-messages.ts",
"type": "registry:ui",
"target": "components/ui/solution-tests/user-messages.ts"
},
{
"path": "registry/solution-tests/user-messages-view.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/user-messages-view.tsx"
},
{
"path": "registry/solution-tests/json-viewer-dialog.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/json-viewer-dialog.tsx"
},
{
"path": "registry/solution-tests/delete-confirm-dialog.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/delete-confirm-dialog.tsx"
},
{
"path": "registry/solution-tests/evaluator-results-view.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/evaluator-results-view.tsx"
},
{
"path": "registry/solution-tests/kpi-bar.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/kpi-bar.tsx"
},
{
"path": "registry/solution-tests/expanded-agents.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/expanded-agents.tsx"
},
{
"path": "registry/solution-tests/expanded-agents-view.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/expanded-agents-view.tsx"
},
{
"path": "registry/solution-tests/result-expanded-content.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/result-expanded-content.tsx"
},
{
"path": "registry/solution-tests/run-confirm-dialog.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/run-confirm-dialog.tsx"
},
{
"path": "registry/solution-tests/run-details-dialog.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/run-details-dialog.tsx"
},
{
"path": "registry/solution-tests/run-details-dialog-view.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/run-details-dialog-view.tsx"
},
{
"path": "registry/solution-tests/expanded-run-tests.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/expanded-run-tests.tsx"
},
{
"path": "registry/solution-tests/expanded-run-tests-view.tsx",
"type": "registry:ui",
"target": "components/ui/solution-tests/expanded-run-tests-view.tsx"
}
]
}
]
}
@github-actions

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.3 KB 2.23 MB −12 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.

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