Radar axes: one canonical order everywhere

The dashboard fingerprints sorted score dimensions alphabetically
while the ticker page rendered them in API order, so the same ticker
drew a differently-shaped polygon on each page.

New shared helper radarAxesFromDimensions() pins the axis order to the
backend's DIMENSIONS list (technical, sr_quality, sentiment,
fundamental, momentum; unknown dimensions append alphabetically) and
centralizes the label truncation. Used by the dashboard fingerprint
strip, the ticker header radar, and ScoreCard.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/components/charts/horizon.tsx

@@ -134,6 +134,27 @@ export interface RadarAxis {
   full?: string;
 }
 
+/** Canonical axis order — mirrors the backend's DIMENSIONS list
+ *  (app/services/scoring_service.py). Every radar in the app must use this so
+ *  fingerprint shapes stay comparable between the dashboard and ticker pages. */
+const RADAR_DIMENSION_ORDER = ['technical', 'sr_quality', 'sentiment', 'fundamental', 'momentum'];
+
+export function radarAxesFromDimensions(
+  dimensions: { dimension: string; score: number }[],
+): RadarAxis[] {
+  const rank = (d: string) => {
+    const i = RADAR_DIMENSION_ORDER.indexOf(d.toLowerCase());
+    return i === -1 ? RADAR_DIMENSION_ORDER.length : i;
+  };
+  return [...dimensions]
+    .sort((a, b) => rank(a.dimension) - rank(b.dimension) || a.dimension.localeCompare(b.dimension))
+    .map((d) => ({
+      label: d.dimension.length > 9 ? `${d.dimension.slice(0, 8)}.` : d.dimension,
+      full: d.dimension,
+      value: d.score,
+    }));
+}
+
 export function RadarChart({
   axes, size = 120, labels = true,
 }: { axes: RadarAxis[]; size?: number; labels?: boolean }) {