update color palette load

app/src/components/Palettes.astro

@@ -80,7 +80,7 @@ const rootId = `palettes-${Math.random().toString(36).slice(2)}`;
   </div>
 </div>
 <script type="module" is:inline>
-  import '/src/scripts/color-palettes.js';
+  import '/scripts/color-palettes.js';
   const ROOT_ID = "{rootId}";
   (() => {
     const cards = [

app/src/components/TrackioWrapper.astro

@@ -20,11 +20,11 @@ import Trackio from './trackio/Trackio.svelte';
       </div>
       <div class="scale-controls">
         <label>
-          <input type="checkbox" id="log-scale-x">
+          <input type="checkbox" id="log-scale-x" checked>
           Log Scale X
         </label>
         <label>
-          <input type="checkbox" id="smooth-data">
+          <input type="checkbox" id="smooth-data" checked>
           Smooth
         </label>
       </div>
@@ -35,7 +35,7 @@ import Trackio from './trackio/Trackio.svelte';
   </div>
   
   <div class="trackio-container">
-    <Trackio client:load variant="classic" />
+    <Trackio client:load variant="classic" logScaleX={true} smoothing={true} />
   </div>
 </div>
 
@@ -111,6 +111,25 @@ import Trackio from './trackio/Trackio.svelte';
       }
     });
     
+    // Initialize with default checked states
+    setTimeout(() => {
+      if (logScaleXCheckbox.checked) {
+        const trackioEl = trackioContainer.querySelector('.trackio');
+        if (trackioEl && trackioEl.__trackioInstance) {
+          console.log('Initializing with log scale X enabled');
+          trackioEl.__trackioInstance.setLogScaleX(true);
+        }
+      }
+      
+      if (smoothDataCheckbox.checked) {
+        const trackioEl = trackioContainer.querySelector('.trackio');
+        if (trackioEl && trackioEl.__trackioInstance) {
+          console.log('Initializing with smoothing enabled');
+          trackioEl.__trackioInstance.setSmoothing(true);
+        }
+      }
+    }, 100); // Small delay to ensure Trackio is fully loaded
+    
     // Randomize data handler - now uses the store
     randomizeBtn.addEventListener('click', () => {
       console.log('Randomize button clicked - triggering jitter via store'); // Debug log

app/src/components/trackio/Trackio.svelte

@@ -66,7 +66,13 @@
     else wantRuns = 6;                   // 5% chance
     const runsSim = generateRunNames(wantRuns);
     const rnd = (min,max)=> Math.floor(min + Math.random()*(max-min+1));
-    let stepsCount = rnd(80, 240); // Random number of steps
+    
+    // Random number of steps with rare chance of very few steps
+    let stepsCount;
+    const stepsRand = Math.random();
+    if (stepsRand < 0.05) stepsCount = rnd(5, 15);     // 5% chance - très peu de steps
+    else if (stepsRand < 0.1) stepsCount = rnd(16, 30); // 5% chance - peu de steps
+    else stepsCount = rnd(80, 240);                     // 90% chance - normal
     const steps = Array.from({length: stepsCount}, (_,i)=> i+1);
     const nextByMetric = new Map();
     const TARGET_METRICS = ['epoch', 'train_accuracy', 'train_loss', 'val_accuracy', 'val_loss'];
@@ -193,9 +199,19 @@
       else wantRuns = 6;                   // 5% chance
       const runsSim = generateRunNames(wantRuns);
       const rnd = (min,max)=> Math.floor(min + Math.random()*(max-min+1));
-      let stepsCount = 16;
-      if (cycleIdx === 0) stepsCount = rnd(4, 12); else if (cycleIdx === 1) stepsCount = rnd(16, 48); else stepsCount = rnd(80, 240);
-      cycleIdx = (cycleIdx + 1) % 3;
+      
+      // Random number of steps with rare chance of very few steps
+      let stepsCount;
+      const stepsRand = Math.random();
+      if (stepsRand < 0.05) stepsCount = rnd(5, 15);     // 5% chance - très peu de steps
+      else if (stepsRand < 0.1) stepsCount = rnd(16, 30); // 5% chance - peu de steps
+      else {
+        // Use original cycling logic for normal cases
+        if (cycleIdx === 0) stepsCount = rnd(4, 12); 
+        else if (cycleIdx === 1) stepsCount = rnd(16, 48); 
+        else stepsCount = rnd(80, 240);
+        cycleIdx = (cycleIdx + 1) % 3;
+      }
       const steps = Array.from({length: stepsCount}, (_,i)=> i+1);
       const nextByMetric = new Map();
       const TARGET_METRICS = ['epoch', 'train_accuracy', 'train_loss', 'val_accuracy', 'val_loss'];

app/src/pages/index.astro

@@ -143,7 +143,7 @@ const licence = (articleFM as any)?.licence ?? (articleFM as any)?.license ?? (a
         } catch {}
       })();
     </script>
-    <script type="module" src="/src/scripts/color-palettes.js"></script>
+    <script type="module" src="/scripts/color-palettes.js"></script>
     
     <!-- TO MANAGE PROPERLY -->
     <script src="https://cdn.plot.ly/plotly-3.0.0.min.js" charset="utf-8"></script>