add randomizer module

website/src/styles/AGENTS.md

@@ -0,0 +1,21 @@
+# Agent Instructions
+
+Cette zone contient le style Sass de l'application.
+
+## Référence visuelle
+
+Avant de modifier le style, les composants UI, les layouts, les boutons, cards, panels, hovers, scrollbars ou notifications, lire :
+
+- `../../../DESIGN_SYSTEM.md`
+
+Après modification d'un pattern visuel, mettre `DESIGN_SYSTEM.md` à jour si le pattern réel change.
+
+## Style
+
+Privilégier :
+
+- les tokens existants ;
+- les classes de boutons existantes ;
+- les patterns visuels déjà présents pour les cards, panels, badges, scrollbars et hovers.
+
+Éviter les styles isolés qui ne réutilisent pas le thème.

website/src/styles/design-system/_attributes.scss

@@ -1075,6 +1075,13 @@
   color: var(--color-text-secondary);
 }
 
+.nds-scrollbox[data-variant="ghost"] {
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+}
+
 .nds-scrollbox[data-axis="horizontal"] {
   max-height: none;
   overflow-x: auto;

website/src/styles/icons/_actions.scss

@@ -24,6 +24,16 @@
   -webkit-mask-image: url("/static/icons/calculator.svg");
 }
 
+.ui-icon-dice {
+  mask-image: url("/static/icons/dice.svg");
+  -webkit-mask-image: url("/static/icons/dice.svg");
+}
+
+.ui-icon-wheel {
+  mask-image: url("/static/icons/wheel.svg");
+  -webkit-mask-image: url("/static/icons/wheel.svg");
+}
+
 .ui-icon-clock {
   mask-image: url("/static/icons/clock.svg");
   -webkit-mask-image: url("/static/icons/clock.svg");

website/src/styles/toolboxes/_core.scss

@@ -10,6 +10,7 @@
 @use "equipment-planner";
 @use "combos";
 @use "counters";
+@use "randomizer";
 @use "calculator";
 @use "goal-tree";
 @use "timer";

website/src/styles/toolboxes/_module-shell.scss

@@ -244,6 +244,26 @@
   -webkit-mask-image: url("/static/icons/cube.svg");
 }
 
+.module-icon-dice {
+  mask-image: url("/static/icons/dice.svg");
+  -webkit-mask-image: url("/static/icons/dice.svg");
+}
+
+.module-icon-wheel {
+  mask-image: url("/static/icons/wheel.svg");
+  -webkit-mask-image: url("/static/icons/wheel.svg");
+}
+
+.module-icon-parent {
+  mask-image: url("/static/icons/parent.svg");
+  -webkit-mask-image: url("/static/icons/parent.svg");
+}
+
+.module-icon-rotate {
+  mask-image: url("/static/icons/rotate.svg");
+  -webkit-mask-image: url("/static/icons/rotate.svg");
+}
+
 .module-icon-settings {
   mask-image: url("/static/icons/settings.svg");
   -webkit-mask-image: url("/static/icons/settings.svg");