From 6125b2821f73d7f74f05a9b6f270ac54a51ca654 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 16 Oct 2026 08:55:33 +0000
Subject: [PATCH 1/5] feat(apollo-vertex): update chart for Recharts 3

Pull the current shadcn new-york-v4 chart, which types tooltip content
with DefaultTooltipContentProps and legend content with
DefaultLegendContentProps. Pin recharts to 3.8.0 to match that component.
---
 packages/apollo-vertex/package.json           |   4 +-
 packages/apollo-vertex/registry.json          |   2 +-
 .../apollo-vertex/registry/chart/chart.tsx    | 140 +++++++++++------
 pnpm-lock.yaml                                | 148 ++++++++++++++++--
 4 files changed, 232 insertions(+), 62 deletions(-)

diff --git a/packages/apollo-vertex/package.json b/packages/apollo-vertex/package.json
index 52def91279..d8c1dc879d 100644
--- a/packages/apollo-vertex/package.json
+++ b/packages/apollo-vertex/package.json
@@ -112,7 +112,7 @@
     "react-error-boundary": "^6.0.0",
     "react-i18next": "^16.5.4 || ^17.0.0",
     "react-markdown": "^10.1.0",
-    "recharts": "^2.15.4",
+    "recharts": "^3.8.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "tailwindcss": "^4.0.0"
@@ -160,7 +160,7 @@
     "react-error-boundary": "^6.0.0",
     "react-i18next": "^17.0.15",
     "react-markdown": "^10.1.0",
-    "recharts": "2.15.4",
+    "recharts": "3.8.0",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "tailwindcss": "^4.1.17",
diff --git a/packages/apollo-vertex/registry.json b/packages/apollo-vertex/registry.json
index f211814906..a73ef6c403 100644
--- a/packages/apollo-vertex/registry.json
+++ b/packages/apollo-vertex/registry.json
@@ -1723,7 +1723,7 @@
       "type": "registry:ui",
       "title": "Chart",
       "description": "Beautiful charts using Recharts with consistent theming.",
-      "dependencies": ["recharts@2.15.4", "lucide-react"],
+      "dependencies": ["recharts@3.8.0", "lucide-react"],
       "files": [{ "path": "registry/chart/chart.tsx", "type": "registry:ui" }]
     },
     {
diff --git a/packages/apollo-vertex/registry/chart/chart.tsx b/packages/apollo-vertex/registry/chart/chart.tsx
index 044390d0e1..934025d6f8 100644
--- a/packages/apollo-vertex/registry/chart/chart.tsx
+++ b/packages/apollo-vertex/registry/chart/chart.tsx
@@ -7,16 +7,23 @@ import { cn } from "@/lib/utils";
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = { light: "", dark: ".dark" } as const;
+const THEME_SELECTORS: Array<[keyof typeof THEMES, string]> = [
+  ["light", THEMES.light],
+  ["dark", THEMES.dark],
+];
 
-export type ChartConfig = {
-  [k in string]: {
+const INITIAL_DIMENSION = { width: 320, height: 200 } as const;
+
+export type ChartConfig = Record<
+  string,
+  {
     label?: React.ReactNode;
     icon?: React.ComponentType;
   } & (
     | { color?: string; theme?: never }
     | { color?: never; theme: Record<keyof typeof THEMES, string> }
-  );
-};
+  )
+>;
 
 type ChartContextProps = {
   config: ChartConfig;
@@ -39,12 +46,17 @@ function ChartContainer({
   className,
   children,
   config,
+  initialDimension = INITIAL_DIMENSION,
   ...props
 }: React.ComponentProps<"div"> & {
   config: ChartConfig;
   children: React.ComponentProps<
     typeof RechartsPrimitive.ResponsiveContainer
   >["children"];
+  initialDimension?: {
+    width: number;
+    height: number;
+  };
 }) {
   const uniqueId = React.useId();
   const chartId = `chart-${id ?? uniqueId.replaceAll(":", "")}`;
@@ -55,13 +67,15 @@ function ChartContainer({
         data-slot="chart"
         data-chart={chartId}
         className={cn(
-          "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+          "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
           className,
         )}
         {...props}
       >
         <ChartStyle id={chartId} config={config} />
-        <RechartsPrimitive.ResponsiveContainer>
+        <RechartsPrimitive.ResponsiveContainer
+          initialDimension={initialDimension}
+        >
           {children}
         </RechartsPrimitive.ResponsiveContainer>
       </div>
@@ -82,10 +96,8 @@ const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
     <style
       // oxlint-disable-next-line react(no-danger) -- Safe: only generated CSS variables
       dangerouslySetInnerHTML={{
-        // oxlint-disable-next-line typescript-eslint(no-unsafe-type-assertion) -- THEMES is a small closed object; Object.entries loses keyof
-        __html: (Object.entries(THEMES) as Array<[keyof typeof THEMES, string]>)
-          .map(
-            ([theme, prefix]) => `
+        __html: THEME_SELECTORS.map(
+          ([theme, prefix]) => `
 ${prefix} [data-chart=${id}] {
 ${colorConfig
   .map(([key, itemConfig]) => {
@@ -95,8 +107,7 @@ ${colorConfig
   .join("\n")}
 }
 `,
-          )
-          .join("\n"),
+        ).join("\n"),
       }}
     />
   );
@@ -125,15 +136,19 @@ function ChartTooltipContent({
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-  }) {
+  } & Omit<
+    RechartsPrimitive.DefaultTooltipContentProps,
+    "accessibilityLayer"
+  >) {
   const { config } = useChart();
 
-  function getTooltipLabel(): React.ReactNode {
-    if (hideLabel || !payload?.length) return null;
+  const tooltipLabel = React.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
 
     const [item] = payload;
-    // oxlint-disable-next-line typescript-eslint(prefer-nullish-coalescing) -- empty string should fall through
-    const key = `${(labelKey ?? item?.dataKey) || (item?.name ?? "value")}`;
+    const key = chartConfigKey(labelKey ?? item?.dataKey ?? item?.name);
     const itemConfig = getPayloadConfigFromPayload(config, item, key);
     const value =
       !labelKey && typeof label === "string"
@@ -148,11 +163,20 @@ function ChartTooltipContent({
       );
     }
 
-    if (!value) return null;
-    return <div className={cn("font-medium", labelClassName)}>{value}</div>;
-  }
+    if (!value) {
+      return null;
+    }
 
-  const tooltipLabel = getTooltipLabel();
+    return <div className={cn("font-medium", labelClassName)}>{value}</div>;
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey,
+  ]);
 
   if (!active || !payload?.length) {
     return null;
@@ -163,7 +187,7 @@ function ChartTooltipContent({
   return (
     <div
       className={cn(
-        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+        "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
         className,
       )}
     >
@@ -172,24 +196,22 @@ function ChartTooltipContent({
         {payload
           .filter((item) => item.type !== "none")
           .map((item, index) => {
-            // oxlint-disable-next-line typescript-eslint(prefer-nullish-coalescing) -- empty string should fall through
-            const key = `${(nameKey ?? item.name) || (item.dataKey ?? "value")}`;
+            const key = chartConfigKey(nameKey ?? item.name ?? item.dataKey);
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            /* oxlint-disable typescript-eslint(no-unsafe-assignment), typescript-eslint(no-unsafe-member-access) -- recharts payload is untyped */
-            const indicatorColor: string =
-              color ?? item.payload.fill ?? item.color;
-            /* oxlint-enable typescript-eslint(no-unsafe-assignment), typescript-eslint(no-unsafe-member-access) */
+            const indicatorColor = readIndicatorColor(color, item);
 
             return (
               <div
-                key={item.dataKey}
+                // dataKey may be an accessor function, which is not a valid key.
+                // oxlint-disable-next-line eslint-plugin-react(no-array-index-key)
+                key={index}
                 className={cn(
-                  "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+                  "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   indicator === "dot" && "items-center",
                 )}
               >
                 {formatter && item?.value != null && item.name ? (
-                  // oxlint-disable-next-line typescript-eslint(no-unsafe-argument) -- recharts payload is untyped
+                  // oxlint-disable-next-line typescript-eslint(no-unsafe-argument) -- recharts item payload is any
                   formatter(item.value, item.name, item, index, item.payload)
                 ) : (
                   <>
@@ -208,14 +230,13 @@ function ChartTooltipContent({
                               "my-0.5": nestLabel && indicator === "dashed",
                             },
                           )}
-                          /* oxlint-disable typescript-eslint(no-unsafe-type-assertion) -- CSS custom properties not in React.CSSProperties */
                           style={
                             {
                               "--color-bg": indicatorColor,
                               "--color-border": indicatorColor,
+                              // oxlint-disable-next-line typescript-eslint(no-unsafe-type-assertion) -- CSS custom properties are not on CSSProperties
                             } as React.CSSProperties
                           }
-                          /* oxlint-enable typescript-eslint(no-unsafe-type-assertion) */
                         />
                       )
                     )}
@@ -231,9 +252,11 @@ function ChartTooltipContent({
                           {itemConfig?.label ?? item.name}
                         </span>
                       </div>
-                      {item.value && (
-                        <span className="text-foreground font-mono font-medium tabular-nums">
-                          {item.value.toLocaleString()}
+                      {item.value != null && (
+                        <span className="font-mono font-medium text-foreground tabular-nums">
+                          {typeof item.value === "number"
+                            ? item.value.toLocaleString()
+                            : String(item.value)}
                         </span>
                       )}
                     </div>
@@ -255,11 +278,10 @@ function ChartLegendContent({
   payload,
   verticalAlign = "bottom",
   nameKey,
-}: React.ComponentProps<"div"> &
-  Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-  }) {
+}: React.ComponentProps<"div"> & {
+  hideIcon?: boolean;
+  nameKey?: string;
+} & RechartsPrimitive.DefaultLegendContentProps) {
   const { config } = useChart();
 
   if (!payload?.length) {
@@ -276,16 +298,17 @@ function ChartLegendContent({
     >
       {payload
         .filter((item) => item.type !== "none")
-        .map((item) => {
-          const key = String(nameKey ?? item.dataKey ?? "value");
+        .map((item, index) => {
+          const key = chartConfigKey(nameKey ?? item.dataKey);
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
 
           return (
             <div
-              // oxlint-disable-next-line typescript-eslint(no-unsafe-assignment) -- recharts payload is untyped
-              key={item.value}
+              // dataKey may be an accessor function, which is not a valid key.
+              // oxlint-disable-next-line eslint-plugin-react(no-array-index-key)
+              key={index}
               className={cn(
-                "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3",
+                "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground",
               )}
             >
               {itemConfig?.icon && !hideIcon ? (
@@ -306,6 +329,29 @@ function ChartLegendContent({
   );
 }
 
+function chartConfigKey(value: unknown): string {
+  if (
+    typeof value === "string" ||
+    typeof value === "number" ||
+    typeof value === "function"
+  ) {
+    return String(value);
+  }
+  return "value";
+}
+
+function readIndicatorColor(
+  color: string | undefined,
+  item: { color?: string; payload?: unknown },
+): string | undefined {
+  const point = item.payload;
+  if (typeof point !== "object" || point === null || !("fill" in point)) {
+    return color ?? item.color;
+  }
+  const { fill } = point;
+  return color ?? (typeof fill === "string" ? fill : item.color);
+}
+
 // Helper to extract item config from a payload.
 function getPayloadConfigFromPayload(
   config: ChartConfig,
@@ -325,7 +371,7 @@ function getPayloadConfigFromPayload(
 
   let configLabelKey: string = key;
 
-  // oxlint-disable-next-line typescript-eslint(no-unsafe-type-assertion) -- payload is narrowed to `object`; Record cast is the only way to index by string key
+  // oxlint-disable-next-line typescript-eslint(no-unsafe-type-assertion) -- payload is narrowed to object; a record is the only way to index it
   const payloadRecord = payload as Record<string, unknown>;
   // oxlint-disable-next-line typescript-eslint(no-unsafe-type-assertion)
   const nestedRecord = payloadPayload as Record<string, unknown> | null;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bdd8102b48..9c3ee81c56 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -153,7 +153,7 @@ importers:
         version: 4.6.1(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3)
       nextra-theme-docs:
         specifier: ^4.6.1
-        version: 4.6.1(@types/react@19.2.8)(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nextra@4.6.1(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 4.6.1(@types/react@19.2.8)(immer@11.1.18)(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nextra@4.6.1(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
       postcss:
         specifier: ^8.5.23
         version: 8.5.23
@@ -565,7 +565,7 @@ importers:
         version: link:../apollo-wind
       '@xyflow/react':
         specifier: 12.11.6
-        version: 12.11.6(@types/react-dom@19.2.3(@types/react@19.2.8))(@types/react@19.2.8)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        version: 12.11.6(@types/react-dom@19.2.3(@types/react@19.2.8))(@types/react@19.2.8)(immer@11.1.18)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@xyflow/system':
         specifier: 0.0.82
         version: 0.0.82
@@ -664,7 +664,7 @@ importers:
         version: 4.4.3
       zustand:
         specifier: ^5.0.9
-        version: 5.0.9(@types/react@19.2.8)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+        version: 5.0.9(@types/react@19.2.8)(immer@11.1.18)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
     devDependencies:
       '@lingui/cli':
         specifier: ^5.6.1
@@ -1076,8 +1076,8 @@ importers:
         specifier: ^10.1.0
         version: 10.1.0(@types/react@19.2.8)(react@19.2.3)
       recharts:
-        specifier: 2.15.4
-        version: 2.15.4(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+        specifier: 3.8.0
+        version: 3.8.0(@types/react@19.2.8)(react-dom@19.2.3(react@19.2.3))(react-is@19.2.6)(react@19.2.3)(redux@5.0.1)
       remark-breaks:
         specifier: ^4.0.0
         version: 4.0.0
@@ -5815,6 +5815,17 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1
 
+  '@reduxjs/toolkit@2.13.0':
+    resolution: {integrity: sha512-f6jwVRfwW30+tnllz4YcsHHpPYYOE7abcHkyUCovD+P7DyhdAI5prz2Fh/8TLhakjpN+7aIEion1s5L/tvlYlA==}
+    peerDependencies:
+      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
+      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      react-redux:
+        optional: true
+
   '@rolldown/binding-android-arm64@1.0.1':
     resolution: {integrity: sha512-fJI3I0r3C3Oj/zdBCpaCmBRZYf07xpaq4yCfDDoSFm+beWNzbIl26puW8RraUdugoJw/95zerNOn6jasAhzSmg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -10043,6 +10054,12 @@ packages:
     resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
     engines: {node: '>= 4'}
 
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
+  immer@11.1.18:
+    resolution: {integrity: sha512-EQyQtLiYW029lyoczMl/Hh4Xu7cDecSc58JRYpHyL4tIAu3eqd1yJzQX04d2BZHDkzFFvm6qJEJWOtfDSWAXbQ==}
+
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
@@ -12428,6 +12445,18 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  react-redux@9.3.0:
+    resolution: {integrity: sha512-KQopgqFo/p/fgmAs5qz6p5RWaNAzq40WAu7fJIXnQpYxFPbJYtsJPWvGeF2rOBaY/kEuV77AVsX8TsQzKm+A/g==}
+    peerDependencies:
+      '@types/react': ^18.2.25 || ^19
+      react: ^18.0 || ^19
+      redux: ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      redux:
+        optional: true
+
   react-refresh@0.18.0:
     resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
@@ -12577,6 +12606,14 @@ packages:
       react: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
       react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
 
+  recharts@3.8.0:
+    resolution: {integrity: sha512-Z/m38DX3L73ExO4Tpc9/iZWHmHnlzWG4njQbxsF5aSjwqmHNDDIm0rdEBArkwsBvR8U6EirlEHiQNYWCVh9sGQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
   rechoir@0.8.0:
     resolution: {integrity: sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==}
     engines: {node: '>= 10.13.0'}
@@ -12602,6 +12639,14 @@ packages:
   reduce-configs@1.1.1:
     resolution: {integrity: sha512-EYtsVGAQarE8daT54cnaY1PIknF2VB78ug6Zre2rs36EsJfC40EG6hmTU2A2P1ZuXnKAt2KI0fzOGHcX7wzdPw==}
 
+  redux-thunk@3.1.0:
+    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
+    peerDependencies:
+      redux: ^5.0.0
+
+  redux@5.0.1:
+    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
+
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -12711,6 +12756,9 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
+  reselect@5.1.1:
+    resolution: {integrity: sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==}
+
   reselect@5.2.0:
     resolution: {integrity: sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw==}
 
@@ -13989,6 +14037,9 @@ packages:
   victory-vendor@36.9.2:
     resolution: {integrity: sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==}
 
+  victory-vendor@37.3.6:
+    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
+
   vite-plugin-svgr@4.5.0:
     resolution: {integrity: sha512-W+uoSpmVkSmNOGPSsDCWVW/DDAyv+9fap9AZXBvWiQqrboJ08j2vh0tFxTD/LjwqwAd3yYSVJgm54S/1GhbdnA==}
     peerDependencies:
@@ -18799,6 +18850,18 @@ snapshots:
     dependencies:
       react: 19.2.3
 
+  '@reduxjs/toolkit@2.13.0(react-redux@9.3.0(@types/react@19.2.8)(react@19.2.3)(redux@5.0.1))(react@19.2.3)':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@standard-schema/utils': 0.3.0
+      immer: 11.1.18
+      redux: 5.0.1
+      redux-thunk: 3.1.0(redux@5.0.1)
+      reselect: 5.2.0
+    optionalDependencies:
+      react: 19.2.3
+      react-redux: 9.3.0(@types/react@19.2.8)(react@19.2.3)(redux@5.0.1)
+
   '@rolldown/binding-android-arm64@1.0.1':
     optional: true
 
@@ -20701,13 +20764,13 @@ snapshots:
 
   '@xtuc/long@4.2.2': {}
 
-  '@xyflow/react@12.11.6(@types/react-dom@19.2.3(@types/react@19.2.8))(@types/react@19.2.8)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+  '@xyflow/react@12.11.6(@types/react-dom@19.2.3(@types/react@19.2.8))(@types/react@19.2.8)(immer@11.1.18)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
     dependencies:
       '@xyflow/system': 0.0.82
       classcat: 5.0.5
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
-      zustand: 4.5.7(@types/react@19.2.8)(react@19.2.3)
+      zustand: 4.5.7(@types/react@19.2.8)(immer@11.1.18)(react@19.2.3)
     optionalDependencies:
       '@types/react': 19.2.8
       '@types/react-dom': 19.2.3(@types/react@19.2.8)
@@ -23501,6 +23564,10 @@ snapshots:
 
   ignore@7.0.5: {}
 
+  immer@10.2.0: {}
+
+  immer@11.1.18: {}
+
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
@@ -25058,7 +25125,7 @@ snapshots:
       - '@types/node'
       - babel-plugin-macros
 
-  nextra-theme-docs@4.6.1(@types/react@19.2.8)(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nextra@4.6.1(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
+  nextra-theme-docs@4.6.1(@types/react@19.2.8)(immer@11.1.18)(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(nextra@4.6.1(next@16.3.8(@opentelemetry/api@1.9.1)(@types/node@24.10.1)(babel-plugin-react-compiler@1.0.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(typescript@5.9.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
     dependencies:
       '@headlessui/react': 2.2.9(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       clsx: 2.1.1
@@ -25070,7 +25137,7 @@ snapshots:
       react-dom: 19.2.3(react@19.2.3)
       scroll-into-view-if-needed: 3.1.0
       zod: 4.3.5
-      zustand: 5.0.8(@types/react@19.2.8)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
+      zustand: 5.0.8(@types/react@19.2.8)(immer@11.1.18)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3))
     transitivePeerDependencies:
       - '@types/react'
       - immer
@@ -26213,6 +26280,15 @@ snapshots:
       react: 19.2.3
       react-dom: 19.2.3(react@19.2.3)
 
+  react-redux@9.3.0(@types/react@19.2.8)(react@19.2.3)(redux@5.0.1):
+    dependencies:
+      '@types/use-sync-external-store': 0.0.6
+      react: 19.2.3
+      use-sync-external-store: 1.6.0(react@19.2.3)
+    optionalDependencies:
+      '@types/react': 19.2.8
+      redux: 5.0.1
+
   react-refresh@0.18.0: {}
 
   react-remove-scroll-bar@2.3.8(@types/react@19.2.8)(react@19.2.3):
@@ -26413,6 +26489,26 @@ snapshots:
       tiny-invariant: 1.3.3
       victory-vendor: 36.9.2
 
+  recharts@3.8.0(@types/react@19.2.8)(react-dom@19.2.3(react@19.2.3))(react-is@19.2.6)(react@19.2.3)(redux@5.0.1):
+    dependencies:
+      '@reduxjs/toolkit': 2.13.0(react-redux@9.3.0(@types/react@19.2.8)(react@19.2.3)(redux@5.0.1))(react@19.2.3)
+      clsx: 2.1.1
+      decimal.js-light: 2.5.1
+      es-toolkit: 1.46.1
+      eventemitter3: 5.0.1
+      immer: 10.2.0
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      react-is: 19.2.6
+      react-redux: 9.3.0(@types/react@19.2.8)(react@19.2.3)(redux@5.0.1)
+      reselect: 5.1.1
+      tiny-invariant: 1.3.3
+      use-sync-external-store: 1.6.0(react@19.2.3)
+      victory-vendor: 37.3.6
+    transitivePeerDependencies:
+      - '@types/react'
+      - redux
+
   rechoir@0.8.0:
     dependencies:
       resolve: 1.22.11
@@ -26453,6 +26549,12 @@ snapshots:
 
   reduce-configs@1.1.1: {}
 
+  redux-thunk@3.1.0(redux@5.0.1):
+    dependencies:
+      redux: 5.0.1
+
+  redux@5.0.1: {}
+
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.8
@@ -26653,6 +26755,8 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
+  reselect@5.1.1: {}
+
   reselect@5.2.0: {}
 
   resolve-cwd@2.0.0:
@@ -28210,6 +28314,23 @@ snapshots:
       d3-time: 3.1.0
       d3-timer: 3.0.1
 
+  victory-vendor@37.3.6:
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-ease': 3.0.2
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-scale': 4.0.9
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-timer': 3.0.2
+      d3-array: 3.2.4
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-timer: 3.0.1
+
   vite-plugin-svgr@4.5.0(rollup@4.62.2)(typescript@5.9.3)(vite@7.3.6(@types/node@24.10.1)(jiti@2.7.0)(lightningcss@1.32.0)(terser@5.43.1)(tsx@4.22.4)(yaml@2.9.1)):
     dependencies:
       '@rollup/pluginutils': 5.3.0(rollup@4.62.2)
@@ -28605,22 +28726,25 @@ snapshots:
 
   zod@4.6.5: {}
 
-  zustand@4.5.7(@types/react@19.2.8)(react@19.2.3):
+  zustand@4.5.7(@types/react@19.2.8)(immer@11.1.18)(react@19.2.3):
     dependencies:
       use-sync-external-store: 1.6.0(react@19.2.3)
     optionalDependencies:
       '@types/react': 19.2.8
+      immer: 11.1.18
       react: 19.2.3
 
-  zustand@5.0.8(@types/react@19.2.8)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
+  zustand@5.0.8(@types/react@19.2.8)(immer@11.1.18)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
     optionalDependencies:
       '@types/react': 19.2.8
+      immer: 11.1.18
       react: 19.2.3
       use-sync-external-store: 1.6.0(react@19.2.3)
 
-  zustand@5.0.9(@types/react@19.2.8)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
+  zustand@5.0.9(@types/react@19.2.8)(immer@11.1.18)(react@19.2.3)(use-sync-external-store@1.6.0(react@19.2.3)):
     optionalDependencies:
       '@types/react': 19.2.8
+      immer: 11.1.18
       react: 19.2.3
       use-sync-external-store: 1.6.0(react@19.2.3)
 

From 6235bc2f6a080f034108a64a5769b01f81323e02 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 16 Oct 2026 09:02:02 +0000
Subject: [PATCH 2/5] fix(apollo-vertex): pin chart consumers to Recharts 3.8.0

line-chart, multi-line-chart, bar-chart, distribution-chart, and
solution-tests depend on @uipath/chart. Keep their registry install
on recharts@3.8.0 so shadcn does not pull 2.15.4.
---
 packages/apollo-vertex/registry.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/apollo-vertex/registry.json b/packages/apollo-vertex/registry.json
index a73ef6c403..4e31dac60c 100644
--- a/packages/apollo-vertex/registry.json
+++ b/packages/apollo-vertex/registry.json
@@ -884,7 +884,7 @@
       "type": "registry:ui",
       "title": "Line Chart",
       "description": "A time-series line chart over a datetime dimension.",
-      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@2.15.4"],
+      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@3.8.0"],
       "registryDependencies": [
         "@uipath/card",
         "@uipath/charts-core",
@@ -914,7 +914,7 @@
       "type": "registry:ui",
       "title": "Multi-Line Chart",
       "description": "Two metrics on a shared datetime axis with independent Y axes.",
-      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@2.15.4"],
+      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@3.8.0"],
       "registryDependencies": [
         "@uipath/card",
         "@uipath/chart",
@@ -944,7 +944,7 @@
       "type": "registry:ui",
       "title": "Bar Chart",
       "description": "A metric broken down by a categorical dimension.",
-      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@2.15.4"],
+      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@3.8.0"],
       "registryDependencies": [
         "@uipath/card",
         "@uipath/charts-core",
@@ -999,7 +999,7 @@
       "type": "registry:ui",
       "title": "Distribution Chart",
       "description": "A histogram over a numeric or datetime dimension.",
-      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@2.15.4"],
+      "dependencies": ["@tanstack/react-query@^5.90.0", "recharts@3.8.0"],
       "registryDependencies": [
         "@uipath/card",
         "@uipath/charts-core",
@@ -3098,7 +3098,7 @@
         "@uipath/vs-core@^4.4.0",
         "@uipath/uipath-typescript@^1.7.1",
         "react-i18next",
-        "recharts@2.15.4",
+        "recharts@3.8.0",
         "sonner",
         "lucide-react",
         "zod"

From bb6aa779d8fb6d5dd82e361f338878c38484a934 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 16 Oct 2026 09:07:26 +0000
Subject: [PATCH 3/5] fix(apollo-vertex): color single-series bars without Cell

Recharts 3 deprecates Cell. The single-series bar now sets its palette
fill through Bar's shape prop, which is the replacement.
---
 .../registry/bar-chart/bar-chart-view.tsx        | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/apollo-vertex/registry/bar-chart/bar-chart-view.tsx b/packages/apollo-vertex/registry/bar-chart/bar-chart-view.tsx
index ec303ad804..f0c405befa 100644
--- a/packages/apollo-vertex/registry/bar-chart/bar-chart-view.tsx
+++ b/packages/apollo-vertex/registry/bar-chart/bar-chart-view.tsx
@@ -1,6 +1,7 @@
 import {
-  Cell,
+  type BarShapeProps,
   LabelList,
+  Rectangle,
   Bar as RechartsBar,
   BarChart as RechartsBarChart,
   XAxis,
@@ -45,6 +46,10 @@ const BAR_SIZE = 20;
 const BAR_GAP = 4;
 const CATEGORY_GAP = 8;
 
+function PaletteBar(props: BarShapeProps) {
+  return <Rectangle {...props} fill={PALETTE[props.index % PALETTE.length]} />;
+}
+
 export function BarChart({ rows, series }: BarChartProps) {
   const dimensionKeys = rows[0]?.dimensions.map((d) => d.key) ?? [];
   const dimensionCount = dimensionKeys.length;
@@ -211,7 +216,11 @@ export function BarChart({ rows, series }: BarChartProps) {
               cursor={false}
             />
             {seriesCount === 1 ? (
-              <RechartsBar dataKey={series[0]?.label ?? ""} barSize={BAR_SIZE}>
+              <RechartsBar
+                dataKey={series[0]?.label ?? ""}
+                barSize={BAR_SIZE}
+                shape={PaletteBar}
+              >
                 <LabelList
                   content={(props: LabelListContentProps) => {
                     const payload = isRechartsBarData(props.payload)
@@ -224,9 +233,6 @@ export function BarChart({ rows, series }: BarChartProps) {
                     return <BarLabel {...props} formatted={formatted} />;
                   }}
                 />
-                {rechartsData.map((row, index) => (
-                  <Cell key={row.__id} fill={PALETTE[index % PALETTE.length]} />
-                ))}
               </RechartsBar>
             ) : (
               series.map((s, idx) => (

From a3cffbb4c888d7a21185f09cf755130e7ed7c1c5 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 16 Oct 2026 09:15:39 +0000
Subject: [PATCH 4/5] fix(apollo-vertex): match single-series tooltip color to
 the bar

getBarColor preferred the shared series color over the row palette.
A matched single-series row now uses that row's palette color, which
is the fill drawn on the bar.
---
 .../registry/bar-chart/util/get-bar-color.ts           | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/apollo-vertex/registry/bar-chart/util/get-bar-color.ts b/packages/apollo-vertex/registry/bar-chart/util/get-bar-color.ts
index 0f3c432e75..b88ebd5dcb 100644
--- a/packages/apollo-vertex/registry/bar-chart/util/get-bar-color.ts
+++ b/packages/apollo-vertex/registry/bar-chart/util/get-bar-color.ts
@@ -24,12 +24,10 @@ export function getBarColor({
     const rowIndex = rechartsData.findIndex(
       (row) => row.__id === payload?.__id,
     );
-    const fallbackColor =
-      PALETTE[rowIndex >= 0 ? rowIndex % PALETTE.length : 0];
-    return assertDefined(
-      itemColor ?? payloadFill ?? fallbackColor,
-      "Bar color",
-    );
+    if (rowIndex >= 0) {
+      return assertDefined(PALETTE[rowIndex % PALETTE.length], "Bar color");
+    }
+    return assertDefined(itemColor ?? payloadFill ?? PALETTE[0], "Bar color");
   }
 
   const fallbackColor = COLORS[seriesIndex % COLORS.length];

From 8e3ed9a43a16cf1d8e16a958527a15b360709078 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 16 Oct 2026 10:09:20 +0000
Subject: [PATCH 5/5] fix(repo): ignore recharts in the dependency consistency
 check

The check wants @uipath/apollo-wind on the same recharts pin as
apollo-vertex. Wind stays on 2.15.4; only the recharts mismatch is ignored.
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ef16ab9d22..99644ac7ee 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "build:packages": "turbo run build --filter='./packages/*'",
     "build:apps": "turbo run build --filter='./apps/*'",
     "build:analyze": "turbo run build:analyze",
-    "check:dependencies": "check-dependency-version-consistency .",
+    "check:dependencies": "check-dependency-version-consistency . --ignore-dep recharts",
     "commit": "git-cz",
     "dev": "turbo run dev",
     "dev:chat": "turbo run dev --filter=@uipath/ap-chat",