refactor(ui): improve API name parsing in pricing and test components

Author: rstrahan

src/ui/src/components/pricing-layout/PricingLayout.tsx

@@ -433,7 +433,7 @@ const PricingLayout = (): React.JSX.Element => {
         entry.units.forEach((unit) => {
           items.push({
             apiName: entry.name,
-            displayName: entry.name.split('/')[1] || entry.name,
+            displayName: entry.name.includes('/') ? entry.name.split('/').slice(1).join('/') : entry.name,
             unitName: unit.name,
             price: unit.price,
           });

src/ui/src/components/test-studio/TestComparison.tsx

@@ -356,7 +356,8 @@ const TestComparison = ({ preSelectedTestRunIds = [] }: TestComparisonProps): Re
             const lastUnderscoreIndex = serviceUnit.lastIndexOf('_');
             const serviceApi = serviceUnit.substring(0, lastUnderscoreIndex);
             const unit = serviceUnit.substring(lastUnderscoreIndex + 1);
-            const [service, api] = serviceApi.split('/');
+            const [service, ...apiParts] = serviceApi.split('/');
+            const api = apiParts.join('/');
             allCostItems.add(`${context}|${service}/${api}|${unit}`);
           });
         });
@@ -1257,7 +1258,8 @@ const TestComparison = ({ preSelectedTestRunIds = [] }: TestComparisonProps): Re
                       const lastUnderscoreIndex = serviceUnit.lastIndexOf('_');
                       const serviceApi = serviceUnit.substring(0, lastUnderscoreIndex);
                       const unit = serviceUnit.substring(lastUnderscoreIndex + 1);
-                      const [service, api] = serviceApi.split('/');
+                      const [service, ...apiParts] = serviceApi.split('/');
+                      const api = apiParts.join('/');
                       allCostItems.add(`${context}|${service}/${api}|${unit}`);
                     });
                   });
@@ -1421,7 +1423,8 @@ const TestComparison = ({ preSelectedTestRunIds = [] }: TestComparisonProps): Re
                       const lastUnderscoreIndex = serviceUnit.lastIndexOf('_');
                       const serviceApi = serviceUnit.substring(0, lastUnderscoreIndex);
                       const unit = serviceUnit.substring(lastUnderscoreIndex + 1);
-                      const [service, api] = serviceApi.split('/');
+                      const [service, ...apiParts] = serviceApi.split('/');
+                      const api = apiParts.join('/');
                       allUsageItems.add(`${context}|${service}/${api}|${unit}`);
                     });
                   });

src/ui/src/components/test-studio/TestResults.tsx

@@ -217,7 +217,8 @@ const ComprehensiveBreakdown = ({
                   const lastUnderscoreIndex = serviceUnit.lastIndexOf('_');
                   const serviceApi = serviceUnit.substring(0, lastUnderscoreIndex);
                   const unit = serviceUnit.substring(lastUnderscoreIndex + 1);
-                  const [service, api] = serviceApi.split('/');
+                  const [service, ...apiParts] = serviceApi.split('/');
+                  const api = apiParts.join('/');
 
                   const cost = (details.estimated_cost as number) || 0;
                   contextSubtotal += cost;