feat: implement route planning dashboard including KPIs, user workload tracking, and route assignment management features

route-planner/src/app/shared/utils/palette.utils.ts

@@ -0,0 +1,24 @@
+export function colorForUsuario(usuarioId: string | number): { color: string; glow: string } {
+  const str = String(usuarioId);
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = ((hash << 5) - hash + str.charCodeAt(i)) | 0;
+  }
+  hash = Math.abs(hash);
+  // Use a mix of GLM palette + generated HSL to avoid collisions but keep brand feel
+  const glmPalette = ['#6CC24A', '#4F758B', '#FF6A13', '#C4D600', '#5B7F95', '#A4D65E', '#6B8FA3'];
+  const idx = hash % glmPalette.length;
+  // If palette length covers typical usuarios (50 max) collisions low; fallback to HSL for overflow
+  if (hash % 2 === 0) {
+    return { color: glmPalette[idx], glow: glmPalette[idx] };
+  }
+  const h = hash % 360;
+  const s = 65 + (hash % 20);
+  const l = 48 + (hash % 10);
+  const hsl = `hsl(${h} ${s}% ${l}%)`;
+  return { color: hsl, glow: hsl };
+}
+
+export function markerStyleForUsuario(usuarioId: string | number): string {
+  return colorForUsuario(usuarioId).color;
+}