Add a Font Awesome icon gallery to the properties panel, draggable onto the screen

New "Icône" widget (<i class="...">, color/size customizable exactly like any other widget) plus a curated set of ~250 verified Font Awesome 5 Free solid icon names (fontawesome_icons.py) — not the full ~1500-icon catalog, since an embedded list needs to be guaranteed accurate (a wrong class name silently renders as a blank glyph); any other valid FA5 class still works by typing it directly into the widget's "Icône" setting.

The gallery lives in the (now always-visible) top of the right floating panel, searchable, with each tile both clickable and HTML5-draggable onto the canvas — either action posts to element_add with the chosen icon_class, which now seeds the new element's class instead of leaving it on the generic default. Available in the element-type template editor too, since it reuses screen_edit.html.

Loads Font Awesome 5.15.4 (cdnjs) alongside the existing animate.css/Bulma links, in both the editor and /play.

Verified end to end: gallery renders with real icon glyphs, clicking/simulated-drop creates a correctly-classed <i> element, and the actual /play route renders it with Font Awesome loaded. Full suite green (89).

screens/__init__.py

@@ -41,6 +41,7 @@ from .widgets.registry import WIDGETS
 from .widgets.container_widgets import CONTAINER_WIDGETS
 from .widgets.layout_capable_widgets import LAYOUT_CAPABLE_WIDGETS
 from .widgets.font_options import GOOGLE_FONTS_LINK
+from .widgets.fontawesome_icons import FONTAWESOME_ICONS
 from .widgets.widget_meta import widget_meta
 from .widgets.controls_with_values import controls_with_values
 from .widgets.data_definition_options import data_definition_options

screens/widgets/fontawesome_icons.py

@@ -0,0 +1,46 @@
+# Sélection large mais CURATÉE d'icônes Font Awesome 5 Free (style "solid")
+# pour la galerie du widget Icône (voir bulma_controls.py/registry.py et la
+# section "Icônes" du panneau de propriétés dans screen_edit.html) —
+# volontairement PAS le catalogue Font Awesome 5 Free complet (~1500 icônes) :
+# une liste embarquée doit être garantie exacte (une classe qui n'existe pas
+# affiche une case vide dans la police), donc on limite ici aux icônes dont
+# le nom est sûr plutôt que de deviner l'exhaustif. N'importe quelle autre
+# icône Font Awesome 5 reste utilisable en tapant directement sa classe dans
+# le réglage "Icône" du panneau de propriétés.
+FONTAWESOME_ICONS = [
+    "star", "heart", "check", "times", "plus", "minus", "search", "cog", "cogs", "wrench",
+    "hammer", "tools", "trash", "trash-alt", "edit", "pen", "pencil-alt", "save", "download",
+    "upload", "share", "share-alt", "link", "unlink", "lock", "lock-open", "key", "eye",
+    "eye-slash", "bell", "bell-slash", "bookmark", "flag", "flag-checkered", "thumbtack",
+    "filter", "sort", "sort-up", "sort-down", "list", "list-ul", "list-ol", "th", "th-list",
+    "th-large", "bars", "ellipsis-h", "ellipsis-v", "expand", "compress", "sync", "sync-alt",
+    "redo", "undo", "home", "user", "users", "user-circle", "user-plus", "user-minus",
+    "user-friends", "sign-in-alt", "sign-out-alt", "question-circle", "info-circle",
+    "exclamation-circle", "exclamation-triangle", "times-circle", "check-circle", "ban",
+    "shield-alt", "gem", "coins", "money-bill", "wallet", "credit-card", "gift", "trophy",
+    "medal", "award", "crown", "dice", "dice-d6", "dice-d20", "chess", "chess-king",
+    "chess-queen", "chess-knight", "chess-bishop", "chess-rook", "chess-pawn", "puzzle-piece",
+    "gamepad", "rocket", "bomb", "fire", "bolt", "snowflake", "sun", "moon", "cloud",
+    "cloud-rain", "wind", "umbrella", "tree", "leaf", "seedling", "paw", "spider", "skull",
+    "skull-crossbones", "map", "map-marker-alt", "map-marked-alt", "compass", "mountain",
+    "water", "globe", "globe-americas", "flask", "vial", "syringe", "pills", "heartbeat",
+    "dumbbell", "running", "walking", "swimmer", "futbol", "basketball-ball", "volleyball-ball",
+    "football-ball", "baseball-ball", "table-tennis", "bowling-ball", "horse", "dove", "cat",
+    "dog", "fish", "frog", "hippo", "otter", "kiwi-bird", "book", "book-open", "graduation-cap",
+    "school", "chalkboard", "chalkboard-teacher", "pencil-ruler", "ruler", "ruler-combined",
+    "calculator", "laptop", "desktop", "mobile-alt", "tablet-alt", "keyboard", "mouse",
+    "headphones", "microphone", "video", "camera", "image", "images", "film", "music", "play",
+    "pause", "stop", "step-forward", "step-backward", "volume-up", "volume-down", "volume-mute",
+    "volume-off", "envelope", "envelope-open", "comment", "comments", "comment-dots", "phone",
+    "phone-alt", "calendar", "calendar-alt", "calendar-check", "clock", "hourglass",
+    "hourglass-half", "stopwatch", "car", "car-side", "truck", "plane", "plane-departure",
+    "ship", "anchor", "subway", "train", "bus", "bicycle", "taxi", "road", "traffic-light",
+    "gas-pump", "screwdriver", "toolbox", "hard-hat", "building", "city", "industry",
+    "warehouse", "store", "shopping-cart", "shopping-bag", "box", "boxes", "dolly", "pallet",
+    "archive", "folder", "folder-open", "file", "file-alt", "file-pdf", "file-word",
+    "file-excel", "file-image", "file-video", "file-audio", "database", "server",
+    "network-wired", "wifi", "signal", "satellite", "satellite-dish", "robot", "microchip",
+    "memory", "hdd", "print", "cut", "paste", "copy", "clipboard", "clipboard-list",
+    "clipboard-check", "sticky-note", "paperclip", "paint-brush", "palette", "magic",
+    "fire-extinguisher", "first-aid", "briefcase", "suitcase",
+]

screens/widgets/registry.py

@@ -315,4 +315,20 @@ WIDGETS = {
         "w": 60, "h": 40, "default_content": "",
         "controls": BULMA_TABS_CONTROLS,
     },
+    "icone": {
+        # La classe Font Awesome ("fa-solid fa-xxx") EST le contenu visuel de
+        # ce widget — posée soit en cliquant/glissant une icône depuis la
+        # galerie du panneau de propriétés (voir routes/elements/element_add.py,
+        # qui pré-remplit ce réglage), soit tapée à la main ici pour n'importe
+        # quelle icône Font Awesome 5 hors de la sélection curatée de la
+        # galerie (voir fontawesome_icons.py).
+        "label": "Icône", "icon": "🔤", "tag": "i", "has_content": False,
+        "w": 15, "h": 15, "default_content": "",
+        "controls": [
+            c_text("icon_class", "Icône (classe Font Awesome 5)", "attr:class",
+                   default="fa-solid fa-star", placeholder="fa-solid fa-heart", group="Contenu"),
+            c_slider("font-size", "Taille", "style:font-size", min=10, max=160, default=32, group="Texte"),
+            c_color("color", "Couleur", "style:color", "#e8eaf0", group="Texte"),
+        ],
+    },
 }