fix export PNG title wrapping and hide dropdown chevron in export

Author: adibarra

packages/app/src/components/inference/ui/ChartDisplay.tsx

@@ -70,7 +70,7 @@ function E2eXAxisDropdown({
           onClick={(e) => e.stopPropagation()}
         >
           vs. {xAxisLabel}
-          <ChevronDown className="h-3.5 w-3.5 shrink-0 opacity-60" />
+          <ChevronDown className="no-export h-3.5 w-3.5 shrink-0 opacity-60" />
         </button>
       </PopoverTrigger>
       <PopoverContent className="w-48 p-1" align="start">

packages/app/src/hooks/useChartExport.ts

@@ -198,6 +198,10 @@ export function useChartExport({ chartId, setIsLegendExpanded }: UseChartExportO
       // CSS custom properties (e.g. text-muted-foreground → var(--muted-foreground)).
       const figcaption = clone.querySelector('figcaption');
       if (figcaption) {
+        // Prevent title from wrapping mid-phrase in the export (e.g. "End-to-end Latency")
+        const heading = figcaption.querySelector('h2');
+        if (heading) (heading as HTMLElement).style.whiteSpace = 'nowrap';
+
         const origCaption = element.querySelector('figcaption');
         if (origCaption) {
           const origEls = [