@uipath/apollo-vertex 0.1.0 → 0.4.0

package/dist/registry/solution-tests/run-details-view.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeftRight, Plus, Trash2 } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Badge } from "../badge/badge.js";
 import { Button } from "../button/button.js";
 import { Empty, EmptyDescription } from "../empty/empty.js";
@@ -17,7 +17,7 @@ import { RunResultStatus } from "./types.js";
 import { versionDelta } from "./utils.js";
 import { VersionDeltaGlyph } from "./version-delta-glyph.js";
 const RunDetailsView = ({ subjectLabel, run, results, isLoading, baselineJobMap, selectedResultId, selectedRowData, adoptingResultId, updatingResultId, removingBaselineId, onBack, onSelect, onAdopt, onUpdateBaseline, onRemoveBaseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const title = t("subject_run_results", {
         subject: subjectLabel
     });
@@ -118,7 +118,7 @@ const RunDetailsView = ({ subjectLabel, run, results, isLoading, baselineJobMap,
     });
 };
 const RunDetailsPane = ({ result, data, baselineJobMap, adoptPending, updatePending, removePendingId, onAdopt, onUpdateBaseline, onRemoveBaseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const status = result.Status;
     const showBaselineVersion = status !== RunResultStatus.NoBaseline;
     const showActualVersion = status !== RunResultStatus.Missing;
@@ -244,7 +244,7 @@ const ActionButton = ({ loading, icon, label, onClick })=>/*#__PURE__*/ jsxs(But
         ]
     });
 const BaselineStateLabel = ({ isBaselineSource, inBaseline, hadBaseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (isBaselineSource) return /*#__PURE__*/ jsx("span", {
         className: "text-xs font-medium text-info",
         children: t("current_baseline")

package/dist/registry/solution-tests/run-details.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
 import { useEffect, useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { toast } from "sonner";
 import { Button } from "../button/button.js";
 import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle } from "../empty/empty.js";
@@ -37,7 +37,7 @@ async function fetchResultAttachments(result, attachment, showDebug) {
     return {};
 }
 const RunDetails = ({ runId, onBack })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { showDebug, track } = useSolutionTestsConfig();
     const { runs, isLoading: runsLoading } = useSolutionTestRuns();
     const { tests } = useSolutionTests();

package/dist/registry/solution-tests/save-as-test-button.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, FlaskConical } from "lucide-react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Button } from "../button/button.js";
 import { Spinner } from "../spinner/spinner.js";
 const SaveAsTestButton = ({ isSaved, isSaving, onSave, disabled = false })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     return /*#__PURE__*/ jsxs(Button, {
         type: "button",
         variant: "outline",

package/dist/registry/solution-tests/solution-tests-view.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Link } from "@tanstack/react-router";
 import { ChevronRightIcon, Play, PlayCircle, Square, Trash2 } from "lucide-react";
 import { useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Alert, AlertDescription } from "../alert/alert.js";
 import { Badge } from "../badge/badge.js";
 import { Button } from "../button/button.js";
@@ -56,7 +56,7 @@ function useControlledTable(initialSorting = []) {
     };
 }
 const SolutionTestsView = ({ tests, batchRuns, loading, error, hasActiveRuns, runningAll, runningSelected, runningTestId, togglingTestId, isDeleting, forceStoppingBatchId, deleteConfirmId, setDeleteConfirmId, runConfirm, setRunConfirm, onConfirmRun, onToggleActive, onDeleteTest, onForceStopBatch, renderExpandedTest, renderExpandedRun, activeTab: activeTabProp, onTabChange })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const config = useSolutionTestsConfig();
     const [internalTab, setInternalTab] = useState("cases");
     const activeTab = activeTabProp ?? internalTab;

package/dist/registry/solution-tests/solution-tests.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { useNavigate, useSearch } from "@tanstack/react-router";
 import { useState } from "react";
 import { toast } from "sonner";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { normalizeTab } from "./tabs.js";
 import { RunStatus } from "./types.js";
 import { useDeleteTest, useForceStopBatch, useRunTests, useSolutionTestBatchRuns, useSolutionTestRuns, useSolutionTests, useToggleTestActive } from "./hooks.js";
@@ -14,7 +14,7 @@ function getRunsForBatch(batchId, allRuns) {
     return allRuns.filter((r)=>r.RunBatchId === batchId);
 }
 const SolutionTests = ()=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const { tests, isLoading: testsLoading } = useSolutionTests();
     const { batchRuns, isLoading: batchLoading } = useSolutionTestBatchRuns();
     const { runs: allRuns } = useSolutionTestRuns();

package/dist/registry/solution-tests/user-messages-view.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Info } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
 import { categoryBorderStyles, parseUserMessages, severityColors, severityIcons, worstSeverity } from "./user-messages.js";
 const UserMessagesView = ({ messages })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const parsed = parseUserMessages(messages);
     if (0 === parsed.length) return null;
     return /*#__PURE__*/ jsx("div", {
@@ -21,7 +21,7 @@ const UserMessagesView = ({ messages })=>{
     });
 };
 const UserMessagesIcon = ({ messages })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const parsed = parseUserMessages(messages);
     const severity = worstSeverity(parsed);
     if (!severity) return null;

package/dist/registry/solution-tests/version-delta-glyph.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../tooltip/tooltip.js";
 const VersionDeltaGlyph = ({ direction, baseline })=>{
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     if (0 === direction) return null;
     const label = t("version_differs_from_baseline");
     return /*#__PURE__*/ jsxs(Tooltip, {

package/dist/registry/stepper/index.d.ts

@@ -1,7 +1 @@
-export { Stepper, type StepperProps, stepperVariants } from "./stepper";
-export { StepperContent, StepperDescription, StepperTitle, } from "./stepper-content";
-export type { StepperItemState, StepperOrientation, } from "./stepper-context";
-export { StepperIndicator } from "./stepper-indicator";
-export { StepperItem, type StepperItemProps, stepperItemVariants, } from "./stepper-item";
-export { StepperSeparator } from "./stepper-separator";
-export { StepperTrigger } from "./stepper-trigger";
+export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, type StepperItemProps, type StepperItemState, type StepperOrientation, type StepperProps, StepperSeparator, StepperTitle, StepperTrigger, stepperItemVariants, stepperVariants, } from "./stepper";

package/dist/registry/stepper/index.js

@@ -1,7 +1,2 @@
-import { Stepper, stepperVariants } from "./stepper.js";
-import { StepperContent, StepperDescription, StepperTitle } from "./stepper-content.js";
-import { StepperIndicator } from "./stepper-indicator.js";
-import { StepperItem, stepperItemVariants } from "./stepper-item.js";
-import { StepperSeparator } from "./stepper-separator.js";
-import { StepperTrigger } from "./stepper-trigger.js";
+import { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, stepperItemVariants, stepperVariants } from "./stepper.js";
 export { Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, stepperItemVariants, stepperVariants };

package/dist/registry/table-chart/table-chart-view.js

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
 import { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../table/table.js";
 function TableChart({ columns, rows, sort, onSortChange }) {
-    const { t } = useTranslation();
+    const { t } = useVertexTranslation();
     const [sorting, setSorting] = useState(()=>sort ? [
             {
                 id: sort.field,

package/dist/registry/table-chart/table-chart-with-adapter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useIsFetching, useSuspenseQuery } from "@tanstack/react-query";
 import { useDeferredValue } from "react";
-import { useTranslation } from "react-i18next";
+import { useVertexTranslation } from "../../lib/vertex-translation.js";
 import { ChartLoadingBoundary, SpinnerWithChildren, dataTypeAlignment, format } from "../charts-core/charts-core.js";
 import { TableChart } from "./table-chart-view.js";
 const DEFAULT_TABLE_STATE = {
@@ -21,7 +21,7 @@ function TableChartWithAdapter({ configuration, dataModel, dataAdapter, state =
     });
 }
 function TableChartResolver({ configuration, dataModel, dataAdapter, state = DEFAULT_TABLE_STATE, onStateChange }) {
-    const { i18n: { language } } = useTranslation();
+    const { i18n: { language } } = useVertexTranslation();
     const deferrableProps = useDeferredValue({
         configuration,
         dataModel,

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "@uipath/apollo-vertex",
-  "version": "0.1.0",
+  "version": "0.4.0",
   "description": "UiPath Apollo Vertex design system components",
   "license": "MIT",
+  "keywords": [
+    "tanstack-intent"
+  ],
   "type": "module",
   "main": "./dist/entries/index.js",
   "types": "./dist/entries/index.d.ts",
@@ -14,50 +17,19 @@
       "types": "./dist/entries/index.d.ts",
       "default": "./dist/entries/index.js"
     },
-    "./charts": {
-      "types": "./dist/entries/charts/index.d.ts",
-      "default": "./dist/entries/charts/index.js"
-    },
-    "./shell": {
-      "types": "./dist/entries/shell/index.d.ts",
-      "default": "./dist/entries/shell/index.js"
-    },
-    "./shell/entities": {
-      "types": "./dist/entries/shell/entities.d.ts",
-      "default": "./dist/entries/shell/entities.js"
-    },
-    "./feature-flags": {
-      "types": "./dist/entries/feature-flags/index.d.ts",
-      "default": "./dist/entries/feature-flags/index.js"
-    },
-    "./feature-flags/proteus": {
-      "types": "./dist/entries/feature-flags/proteus.d.ts",
-      "default": "./dist/entries/feature-flags/proteus.js"
-    },
-    "./solution-tests": {
-      "types": "./dist/entries/solution-tests/index.d.ts",
-      "default": "./dist/entries/solution-tests/index.js"
-    },
-    "./solution-tests/data": {
-      "types": "./dist/entries/solution-tests/data.d.ts",
-      "default": "./dist/entries/solution-tests/data.js"
-    },
-    "./ai-chat": {
-      "types": "./dist/entries/ai-chat/index.d.ts",
-      "default": "./dist/entries/ai-chat/index.js"
-    },
     "./theme.css": "./dist/theme.css",
     "./tailwind.css": "./dist/tailwind.css",
     "./locales/*": "./dist/locales/*"
   },
   "files": [
-    "dist"
+    "dist",
+    "skills"
   ],
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@mantine/hooks": "^9.0.0",
+    "@mantine/hooks": "^9.6.3",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
@@ -84,7 +56,7 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-form": "^1.33.0",
+    "@tanstack/react-form": "^1.33.5",
     "@tanstack/react-store": "^0.11.0",
     "@tanstack/react-table": "^8.21.3",
     "@types/luxon": "^3.7.1",
@@ -93,13 +65,11 @@
     "cmdk": "^1.1.1",
     "embla-carousel-react": "^8.6.0",
     "framer-motion": "^13.1.0",
-    "i18next": "^25.8.1",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.577.0",
     "luxon": "^3.7.1",
     "next-themes": "^0.4.6",
     "react-day-picker": "^9.13.0",
-    "react-i18next": "^16.5.4",
     "react-joyride": "^3.0.2",
     "react-resizable-panels": "^4.7.3",
     "sonner": "^2.0.7",
@@ -117,11 +87,13 @@
     "@uipath/uipath-typescript": "^1.7.1",
     "eventsource-parser": "^3.0.6",
     "highlight.js": "^11.11.1",
+    "i18next": "^25.8.1 || ^26.0.0",
     "jwt-decode": "^4.0.0",
     "pkce-challenge": "^6.0.0",
     "react": ">=19.2.0",
     "react-dom": ">=19.2.0",
     "react-error-boundary": "^6.0.0",
+    "react-i18next": "^16.5.4 || ^17.0.0",
     "react-markdown": "^10.1.0",
     "recharts": "^2.15.4",
     "remark-breaks": "^4.0.0",
@@ -129,59 +101,14 @@
     "tailwindcss": "^4.0.0"
   },
   "peerDependenciesMeta": {
-    "@tanstack/ai": {
-      "optional": true
-    },
-    "@tanstack/ai-client": {
-      "optional": true
-    },
     "@tanstack/react-db": {
       "optional": true
     },
-    "@tanstack/react-query": {
-      "optional": true
-    },
-    "@tanstack/react-router": {
-      "optional": true
-    },
-    "@ts-rest/core": {
-      "optional": true
-    },
     "@uipath/proteus-client": {
       "optional": true
     },
-    "@uipath/uipath-typescript": {
-      "optional": true
-    },
     "@uipath/vs-core": {
       "optional": true
-    },
-    "eventsource-parser": {
-      "optional": true
-    },
-    "highlight.js": {
-      "optional": true
-    },
-    "jwt-decode": {
-      "optional": true
-    },
-    "pkce-challenge": {
-      "optional": true
-    },
-    "react-error-boundary": {
-      "optional": true
-    },
-    "react-markdown": {
-      "optional": true
-    },
-    "recharts": {
-      "optional": true
-    },
-    "remark-breaks": {
-      "optional": true
-    },
-    "remark-gfm": {
-      "optional": true
     }
   },
   "devDependencies": {
@@ -190,17 +117,23 @@
     "@rslib/core": "^0.19.6",
     "@tanstack/ai": "0.14.0",
     "@tanstack/ai-client": "0.8.0",
-    "@tanstack/react-query": "^5.90.21",
-    "@tanstack/react-router": "^1.132.31",
+    "@tanstack/intent": "0.4.0",
+    "@tanstack/react-query": "^5.104.0",
+    "@tanstack/react-router": "^1.170.40",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
     "@ts-rest/core": "^3.53.0-rc.1",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.6",
     "@types/react-dom": "^19.2.2",
-    "@uipath/uipath-typescript": "^1.7.1",
+    "@uipath/uipath-typescript": "^1.8.0",
+    "@vitest/coverage-v8": "^4.1.5",
     "dependency-cruiser": "^17.3.6",
     "eslint-plugin-react": "^7.37.5",
     "eventsource-parser": "^3.0.6",
     "highlight.js": "^11.11.1",
+    "i18next": "^26.4.2",
+    "jsdom": "^27.2.0",
     "jwt-decode": "^4.0.0",
     "oxlint": "^1.38.0",
     "oxlint-tsgolint": "^0.18.1",
@@ -208,11 +141,14 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-error-boundary": "^6.0.0",
+    "react-i18next": "^17.0.15",
     "react-markdown": "^10.1.0",
     "recharts": "2.15.4",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
-    "tailwindcss": "^4.1.17"
+    "tailwindcss": "^4.1.17",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.11"
   },
   "publishConfig": {
     "access": "public"
@@ -233,6 +169,9 @@
     "lint": "oxlint --type-aware",
     "lint:fix": "oxlint --fix --type-aware",
     "lint:deps": "depcruise registry --config .dependency-cruiser.cjs",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "lint:skills": "intent validate skills",
+    "test": "vitest run",
+    "test:coverage": "vitest run --coverage"
   }
 }

package/skills/use-vertex-components/SKILL.md

@@ -0,0 +1,168 @@
+---
+name: use-vertex-components
+description: >
+  Build all new UI from @uipath/apollo-vertex components instead of writing
+  new ones. Covers which Vertex component to use for common needs (buttons,
+  forms, dialogs, tables, page headers, empty states, charts, toasts), how to
+  adapt them with variants, className and composition, and what not to do:
+  hand-rolled primitives, raw Radix or other UI libraries, or copied shadcn
+  code. Load before building or changing any UI in an app that uses Apollo
+  Vertex.
+metadata:
+  type: core
+  library: '@uipath/apollo-vertex'
+sources:
+  - 'UiPath/apollo-ui:packages/apollo-vertex/entries/index.ts'
+  - 'UiPath/apollo-ui:packages/apollo-vertex/registry/**/*.tsx'
+---
+
+# Use Apollo Vertex components
+
+Apollo Vertex is the component library for this app. Build every new screen,
+form and widget out of its components. Do not write replacements for Vertex
+components.
+
+## Rules
+
+1. Before writing any markup that renders a control, surface or feedback
+   element, find the Vertex component for it and import it from
+   `@uipath/apollo-vertex`.
+2. If a Vertex component almost fits, adapt it with its props, `variant`,
+   `size`, `className` or `asChild`. Do not fork or copy it.
+3. If no single component fits, compose several Vertex components. A new
+   app-level component is fine only when it is built from Vertex components
+   and adds app logic, not new styling of basic elements.
+4. Never build your own button, input, select, dialog, menu, tooltip, table,
+   tabs, card or similar primitive. Never add another UI library (MUI, Chakra,
+   Ant Design, Headless UI) or raw Radix primitives, and never copy shadcn/ui
+   source into the app.
+5. If you are sure Vertex has nothing for the need, stop and tell the user what
+   is missing before building it.
+
+## Pick the component
+
+| Need | Use |
+| --- | --- |
+| Actions | `Button`, `ButtonGroup`, `Toggle`, `ToggleGroup` |
+| Text and choice inputs | `Input`, `InputGroup`, `Textarea`, `Select`, `Combobox`, `Checkbox`, `RadioGroup`, `Switch`, `Slider`, `InputOTP` |
+| Dates | `DatePicker`, `Calendar` |
+| Form layout, labels and errors | `Field`, `FieldGroup`, `FieldLabel`, `FieldDescription`, `FieldError`, `Label` |
+| Multi-step forms | `FormWizard`, `Stepper` |
+| Overlays | `Dialog`, `AlertDialog`, `Sheet`, `Drawer`, `Popover`, `HoverCard`, `Tooltip` |
+| Menus | `DropdownMenu`, `ContextMenu`, `Menubar`, `Command`, `NavigationMenu` |
+| Page structure | `PageHeader`, `Breadcrumb`, `Tabs`, `Card`, `Separator`, `ResizablePanelGroup`, `ScrollArea`, `Sidebar` |
+| Lists and tables | `DataTable` with `useDataTable`, `Table`, `Item`, `Pagination` |
+| Status and feedback | `Badge`, `Alert`, `Toaster`, `Progress`, `Spinner`, `Skeleton`, `Empty` |
+| Metrics and charts | `MetricCard`, plus `BarChart`, `LineChart`, `KpiChart` and the other charts |
+| AI content | `AiMark`, `AiGlow`, `AiCaveat`, `ConfidenceSignal`, `FeedbackVoteWidget` |
+| Misc | `Avatar`, `Accordion`, `Collapsible`, `Carousel`, `TimelineRowLayout`, `Kbd`, `AspectRatio` |
+
+Import all of them from `@uipath/apollo-vertex`.
+
+## Adapting a component
+
+Use the built-in variants first:
+
+```tsx
+import { Button } from "@uipath/apollo-vertex";
+
+<Button variant="destructive-outline" size="sm">Delete</Button>
+```
+
+Use `className` for layout and spacing, and `cn()` from the package when classes
+must merge or override:
+
+```tsx
+import { Card, CardContent, cn } from "@uipath/apollo-vertex";
+
+<Card className={cn("w-full", isSelected && "border-primary")}>
+  <CardContent>...</CardContent>
+</Card>
+```
+
+Use `asChild` to give a router link the look of a Vertex component:
+
+```tsx
+<Button asChild variant="link">
+  <Link to="/invoices">Invoices</Link>
+</Button>
+```
+
+Use the theme's semantic tokens (`bg-primary`, `text-muted-foreground`,
+`border-destructive`) rather than raw colors such as `bg-blue-500` or hex values.
+
+## Common Mistakes
+
+### CRITICAL Writing a new primitive
+
+Wrong:
+
+```tsx
+function PrimaryButton({ children, ...props }: React.ComponentProps<"button">) {
+  return (
+    <button className="rounded-md bg-blue-600 px-4 py-2 text-white" {...props}>
+      {children}
+    </button>
+  );
+}
+```
+
+Correct:
+
+```tsx
+import { Button } from "@uipath/apollo-vertex";
+
+<Button>Save</Button>
+```
+
+A hand-rolled control drifts from the design system and misses its focus,
+dark mode and accessibility behavior.
+
+### CRITICAL Bringing in another UI library or raw Radix
+
+Wrong:
+
+```tsx
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+```
+
+Correct:
+
+```tsx
+import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@uipath/apollo-vertex";
+```
+
+The raw primitive has none of the Vertex styling.
+
+### HIGH Copying a Vertex or shadcn component to change it
+
+Wrong: copying the `Badge` source into `src/components/my-badge.tsx` to add a
+color.
+
+Correct: use an existing `variant`, or pass `className`. If neither is enough,
+tell the user the variant is missing.
+
+A copy stops getting fixes and theme updates from the package.
+
+### HIGH Building an empty or loading state by hand
+
+Wrong:
+
+```tsx
+<div className="flex flex-col items-center p-8 text-gray-500">No invoices yet</div>
+```
+
+Correct:
+
+```tsx
+import { Empty, EmptyDescription, EmptyHeader, EmptyTitle } from "@uipath/apollo-vertex";
+
+<Empty>
+  <EmptyHeader>
+    <EmptyTitle>No invoices yet</EmptyTitle>
+    <EmptyDescription>Invoices you create appear here.</EmptyDescription>
+  </EmptyHeader>
+</Empty>
+```
+
+Use `Skeleton` or `Spinner` for loading and `Alert` for errors in the same way.

package/dist/entries/ai-chat/index.d.ts

@@ -1,17 +0,0 @@
-export { createAgentHubConnection } from "../../registry/ai-chat/adapters/agenthub/adapter";
-export type { AgentHubAdapterConfig, AgentHubVendor, } from "../../registry/ai-chat/adapters/agenthub/adapter";
-export { createConversationalAgentConnection } from "../../registry/ai-chat/adapters/conversational-agent/adapter";
-export type { ConversationalAgentAdapterConfig } from "../../registry/ai-chat/adapters/conversational-agent/adapter";
-export { AiChat } from "../../registry/ai-chat/components/ai-chat";
-export { AiChatEmptyState } from "../../registry/ai-chat/components/ai-chat-empty-state";
-export { AutopilotGradientIcon } from "../../registry/ai-chat/components/icons/autopilot-gradient";
-export * from "../../registry/ai-chat/tools/choices";
-export type { Entity } from "../../registry/ai-chat/tools/data-fabric/util/entities";
-export * from "../../registry/ai-chat/tools/data-fabric-bar";
-export * from "../../registry/ai-chat/tools/data-fabric-distribution";
-export * from "../../registry/ai-chat/tools/data-fabric-kpi";
-export * from "../../registry/ai-chat/tools/data-fabric-line";
-export * from "../../registry/ai-chat/tools/data-fabric-multi-line";
-export * from "../../registry/ai-chat/tools/data-fabric-table";
-export * from "../../registry/ai-chat/tools/data-fabric";
-export type { MessageFeedbackType } from "../../registry/ai-chat/types";

package/dist/entries/ai-chat/index.js

@@ -1,14 +0,0 @@
-import { createAgentHubConnection } from "../../registry/ai-chat/adapters/agenthub/adapter.js";
-import { createConversationalAgentConnection } from "../../registry/ai-chat/adapters/conversational-agent/adapter.js";
-import { AiChat } from "../../registry/ai-chat/components/ai-chat.js";
-import { AiChatEmptyState } from "../../registry/ai-chat/components/ai-chat-empty-state.js";
-import { AutopilotGradientIcon } from "../../registry/ai-chat/components/icons/autopilot-gradient.js";
-export * from "../../registry/ai-chat/tools/choices/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric-bar/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric-distribution/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric-kpi/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric-line/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric-multi-line/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric-table/index.js";
-export * from "../../registry/ai-chat/tools/data-fabric/index.js";
-export { AiChat, AiChatEmptyState, AutopilotGradientIcon, createAgentHubConnection, createConversationalAgentConnection };

package/dist/entries/charts/index.d.ts

@@ -1,10 +0,0 @@
-export * from "../../registry/chart/chart";
-export * from "../../registry/bar-chart/bar-chart";
-export * from "../../registry/distribution-chart/distribution-chart";
-export * from "../../registry/kpi-chart/kpi-chart";
-export * from "../../registry/line-chart/line-chart";
-export * from "../../registry/multi-line-chart/multi-line-chart";
-export * from "../../registry/table-chart/table-chart";
-export * from "../../registry/charts-core/charts-core";
-export * from "../../registry/data-fabric-adapter/data-fabric-adapter";
-export * from "../../registry/insights-adapter/insights-adapter";

package/dist/entries/charts/index.js

@@ -1,10 +0,0 @@
-export * from "../../registry/chart/chart.js";
-export * from "../../registry/bar-chart/bar-chart.js";
-export * from "../../registry/distribution-chart/distribution-chart.js";
-export * from "../../registry/kpi-chart/kpi-chart.js";
-export * from "../../registry/line-chart/line-chart.js";
-export * from "../../registry/multi-line-chart/multi-line-chart.js";
-export * from "../../registry/table-chart/table-chart.js";
-export * from "../../registry/charts-core/charts-core.js";
-export * from "../../registry/data-fabric-adapter/data-fabric-adapter.js";
-export * from "../../registry/insights-adapter/insights-adapter.js";

package/dist/entries/feature-flags/index.d.ts

@@ -1,5 +0,0 @@
-export { FeatureFlagContext, FeatureFlagProvider, useFeatureFlagProvider, } from "../../registry/feature-flag-provider/feature-flag-provider";
-export { FeatureFlagGuard } from "../../registry/feature-flag-guard/feature-flag-guard";
-export { ProtectedFeatureRoute } from "../../registry/protected-feature-route/protected-feature-route";
-export { useFeatureFlag } from "../../registry/use-feature-flag/use-feature-flag";
-export type { FeatureFlagProviderConfig, FeatureFlagUserContext, } from "../../registry/feature-flag-provider/types";

package/dist/entries/feature-flags/index.js

@@ -1,5 +0,0 @@
-import { FeatureFlagContext, FeatureFlagProvider, useFeatureFlagProvider } from "../../registry/feature-flag-provider/feature-flag-provider.js";
-import { FeatureFlagGuard } from "../../registry/feature-flag-guard/feature-flag-guard.js";
-import { ProtectedFeatureRoute } from "../../registry/protected-feature-route/protected-feature-route.js";
-import { useFeatureFlag } from "../../registry/use-feature-flag/use-feature-flag.js";
-export { FeatureFlagContext, FeatureFlagGuard, FeatureFlagProvider, ProtectedFeatureRoute, useFeatureFlag, useFeatureFlagProvider };