V48 (impl-only): Ease metric chip gap and stop value cutoff

Restore modest label-value spacing and drop truncate so stage
values like CONNECT SOURCE render in full.

Author: geraldarthurdavis

apps/uapi/components/bitcode/routes/ProductChipSkeletonRow/ProductChipSkeletonRow.tsx

@@ -31,9 +31,9 @@ const DEFAULT_SPECS: ProductChipSkeletonSpec[] = [
 export const PRODUCT_METRIC_CHIP_ROW_CLASS =
   'flex h-7 w-full max-w-full flex-nowrap items-center gap-1.5 overflow-x-auto overflow-y-hidden [scrollbar-width:none] [&::-webkit-scrollbar]:hidden';
 
-/** Tight label↔value pair; chip-to-chip spacing lives on the row. */
+/** Label↔value pair; modest gap (not UA dd margin / space-between). */
 export const PRODUCT_METRIC_CHIP_SHELL_CLASS =
-  'flex h-7 min-w-0 shrink-0 items-center gap-0.5 border border-white/10 bg-white/[0.045] px-2';
+  'flex h-7 min-w-0 shrink-0 items-center gap-1.5 border border-white/10 bg-white/[0.045] px-2';
 
 type ProductChipSkeletonRowProps = {
   /** Number of chip placeholders (defaults to specs length). */

apps/uapi/components/bitcode/routes/ProductRouteShell/ProductRouteShell.tsx

@@ -186,10 +186,10 @@ function ProductRouteMetricChips({
 }) {
   const reduceMotion = shouldReduceMetricMotion(useReducedMotion());
 
-  // Content-sized value; UA stylesheet gives `dd` a large margin-inline-start
-  // which looked like space-between — always reset dt/dd margins.
+  // Content-sized value (no truncate — e.g. CONNECT SOURCE must fully show).
+  // UA stylesheet gives `dd` a large margin-inline-start — always reset.
   const valueClass =
-    "inline-block max-w-[6.5rem] truncate text-left text-[0.7rem] font-semibold leading-none tabular-nums text-white";
+    "inline-block whitespace-nowrap text-left text-[0.7rem] font-semibold leading-none tabular-nums text-white";
 
   const chips = metrics.map((metric) => {
     const valueSlot = !ready ? (
@@ -214,7 +214,7 @@ function ProductRouteMetricChips({
     const chipBody = (
       <>
         <dt className="m-0 leading-none text-neutral-500">{metric.label}</dt>
-        <dd className="m-0 flex min-w-0 shrink-0 items-center p-0">
+        <dd className="m-0 flex shrink-0 items-center p-0">
           {valueSlot}
         </dd>
       </>