From af522fd0feedf86c6c65e8809089c38041ecd0b7 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 1 Oct 2025 16:38:53 +0200
Subject: [PATCH 01/10] Lucide icons with MutationObserver

---
 customize.dist/loading.js              |  4 +---
 customize.dist/pages.js                |  4 +---
 customize.dist/pages/recovery.js       |  3 +--
 customize.dist/pages/register.js       |  3 +--
 customize.dist/template.js             |  4 +---
 www/admin/inner.js                     |  8 -------
 www/calendar/inner.js                  | 10 --------
 www/checkup/main.js                    |  3 +--
 www/common/common-icons.js             | 32 ++++++++++++++++++++++++--
 www/common/common-interface.js         | 10 +-------
 www/common/common-ui-elements.js       |  5 +---
 www/common/diffMarked.js               |  4 +---
 www/common/drive-ui.js                 |  8 -------
 www/common/inner/access.js             |  5 +---
 www/common/inner/common-mediatag.js    |  3 +--
 www/common/inner/common-modal.js       |  4 +---
 www/common/inner/mfa.js                |  5 +---
 www/common/inner/sidebar-layout.js     |  3 ---
 www/common/inner/snapshots.js          |  3 +--
 www/common/make-backup.js              |  3 +--
 www/common/messenger-ui.js             |  7 +-----
 www/common/notifications.js            |  3 +--
 www/common/onlyoffice/history.js       |  4 +---
 www/common/onlyoffice/inner.js         |  2 --
 www/common/sframe-common-codemirror.js |  3 +--
 www/common/sframe-common-file.js       |  5 +---
 www/common/sframe-common-history.js    |  5 +---
 www/common/sframe-common-mailbox.js    |  4 +---
 www/common/sframe-common.js            |  2 --
 www/common/toolbar.js                  |  7 +-----
 www/contacts/inner.js                  |  5 +---
 www/debug/inner.js                     |  2 --
 www/drive/index.html                   |  1 -
 www/drive/inner.html                   |  1 -
 www/form/inner.js                      | 15 ------------
 www/install/main.js                    |  3 +--
 www/install/onboardscreen.js           |  3 ---
 www/kanban/inner.js                    |  6 -----
 www/kanban/jkanban_cp.js               |  4 +---
 www/login/index.html                   |  1 -
 www/moderation/inner.js                |  3 ---
 www/notifications/inner.js             |  4 ----
 www/oldadmin/inner.js                  |  2 --
 www/pad/comments.js                    |  4 +---
 www/pad/inner.js                       |  5 ----
 www/poll/inner.js                      |  2 --
 www/poll/render.js                     |  3 +--
 www/profile/inner.js                   |  6 -----
 www/register/index.html                |  1 -
 www/register/main.js                   |  4 +---
 www/secureiframe/inner.js              |  6 +----
 www/settings/inner.js                  |  5 ----
 www/slide/inner.js                     |  2 --
 www/ssoauth/main.js                    |  3 +--
 www/support/inner.js                   |  3 ---
 www/support/ui.js                      |  7 +-----
 www/teams/inner.js                     |  7 ------
 www/todo/inner.js                      |  2 --
 www/whiteboard/inner.js                |  3 ---
 59 files changed, 62 insertions(+), 217 deletions(-)

diff --git a/customize.dist/loading.js b/customize.dist/loading.js
index 7d8a57e93..a62ea71d3 100644
--- a/customize.dist/loading.js
+++ b/customize.dist/loading.js
@@ -7,9 +7,8 @@
 // text #3F4141
 define([
     '/customize/messages.js',
-    '/customize/lucide.js',
     'less!/customize/src/less2/include/loading.less'
-], function (Messages, Lucide) {
+], function (Messages) {
     var urlArgs = window.location.href.replace(/^.*\?([^\?]*)$/, function (all, x) { return x; });
     var elem = document.createElement('div');
     elem.setAttribute('id', 'cp-loading');
@@ -101,7 +100,6 @@ define([
             if (el2) { el2.innerHTML = makeList(data); }
             var el3 = document.querySelector('.cp-loading-progress-container');
             if (el3) { el3.innerHTML = makeBar(data); }
-            Lucide.createIcons();
         } catch (e) {
         }
     };
diff --git a/customize.dist/pages.js b/customize.dist/pages.js
index 666db2362..d33fbc4d1 100644
--- a/customize.dist/pages.js
+++ b/customize.dist/pages.js
@@ -12,15 +12,13 @@ define([
     '/api/config',
     '/common/extensions.js',
     'optional!/api/instance',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 ], function (h, Language, Util, AppConfig, Msg, $, ApiConfig,
-            Extensions, Instance, Lucide, Icons) {
+            Extensions, Instance, Icons) {
     var Pages = {};
 
     Pages.setHTML = function (e, html) {
         e.innerHTML = html;
-        setTimeout(() => Lucide.createIcons(), 0);
         return e;
     };
 
diff --git a/customize.dist/pages/recovery.js b/customize.dist/pages/recovery.js
index 5aec19e0f..5eb7678ca 100644
--- a/customize.dist/pages/recovery.js
+++ b/customize.dist/pages/recovery.js
@@ -9,9 +9,8 @@ define([
     '/common/common-interface.js',
     '/customize/messages.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function (Config, $, h, UI, Msg, Pages, Lucide, Icons) {
+], function (Config, $, h, UI, Msg, Pages, Icons) {
 
     return function () {
         document.title = Msg.recovery_header;
diff --git a/customize.dist/pages/register.js b/customize.dist/pages/register.js
index 7c4c6a7a0..d481ea646 100644
--- a/customize.dist/pages/register.js
+++ b/customize.dist/pages/register.js
@@ -9,9 +9,8 @@ define([
     '/common/common-interface.js',
     '/customize/messages.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function (Config, $, h, UI, Msg, Pages, Lucide, Icons) {
+], function (Config, $, h, UI, Msg, Pages, Icons) {
     return function () {
         document.title = Msg.register_header;
         var tos = $(UI.createCheckbox('accept-terms')).find('.cp-checkmark-label').append(Msg.register_acceptTerms).parent()[0];
diff --git a/customize.dist/template.js b/customize.dist/template.js
index e7f5fcc93..b71136e71 100644
--- a/customize.dist/template.js
+++ b/customize.dist/template.js
@@ -7,8 +7,7 @@ define([
     '/common/hyperscript.js',
     '/customize/pages.js',
     '/components/nthen/index.js',
-    '/customize/lucide.js',
-], function ($, h, Pages, nThen, Lucide) {
+], function ($, h, Pages, nThen) {
     // we consider that there is no valid reason to load any of the info pages
     // in an iframe. abort everything if you detect that you are embedded.
     if (window.top !== window) { return; }
@@ -55,7 +54,6 @@ $(function () {
                 titleSuffix = window.location.hostname;
             }
             document.title = document.title + ' - ' + titleSuffix;
-            setTimeout(() => Lucide.createIcons(), 0);
             $('#placeholder').remove();
 
             $body.append($main);
diff --git a/www/admin/inner.js b/www/admin/inner.js
index 5e63fcbb0..0940103df 100644
--- a/www/admin/inner.js
+++ b/www/admin/inner.js
@@ -22,7 +22,6 @@ define([
     '/api/instance',
     '/lib/datepicker/flatpickr.js',
     '/install/onboardscreen.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/lib/datepicker/flatpickr.min.css',
@@ -48,7 +47,6 @@ define([
     Instance,
     Flatpickr,
     Onboarding,
-    Lucide,
     Icons
 ) {
 
@@ -387,7 +385,6 @@ define([
                     }).nThen(() => {
                         APP.updateStatus(function () {
                             evRefreshAdmins.fire();
-                            Lucide.createIcons();
                         });
                     });
                 });
@@ -415,7 +412,6 @@ define([
                         // refresh
                         APP.updateStatus(function () {
                             evRefreshAdmins.fire();
-                            Lucide.createIcons();
                         });
                     });
                 });
@@ -734,7 +730,6 @@ define([
             }
 
             row(reportContentLabel, copyToClipboard(data));
-            setTimeout(() => Lucide.createIcons());
             return tableObj.table;
         };
 
@@ -1999,7 +1994,6 @@ define([
                                     wide: true,
                                  });
                              });
-                             Lucide.createIcons();
                         });
 
                         var keyEl = h('code.cp-limit-key', key);
@@ -2391,7 +2385,6 @@ define([
             }
 
             row(reportContentLabel, copyToClipboard(data));
-            setTimeout(() => Lucide.createIcons());
             return tableObj.table;
         };
 
@@ -3057,7 +3050,6 @@ define([
                 }));
             }).nThen(() => {
                 onRefreshSupportEvt.fire({moderators, supportKey});
-                Lucide.createIcons();
             });
         };
         const getMyData = () => {
diff --git a/www/calendar/inner.js b/www/calendar/inner.js
index 2cc767ff9..31f57e0d5 100644
--- a/www/calendar/inner.js
+++ b/www/calendar/inner.js
@@ -33,7 +33,6 @@ define([
     '/common/sframe-common-codemirror.js',
     'cm/lib/codemirror',
 
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'cm/addon/display/autorefresh',
@@ -72,7 +71,6 @@ define([
     diffMk,
     SFCodeMirror,
     CodeMirror,
-    Lucide,
     Icons
     )
 {
@@ -804,7 +802,6 @@ define([
             });
         }
         if (APP.$calendars) { APP.$calendars.append(calendar); }
-        Lucide.createIcons();
         return calendar;
     };
 
@@ -936,7 +933,6 @@ define([
                         $(showCalendarsBtn).append(Icons.get(iconClass));
                         $(showCalendarsBtn).append(h('span.cp-calendar-title', visible ? Messages.calendar_hide : Messages.calendar_show));
                         $(showCalendarsBtn).append(h('span'));
-                        Lucide.createIcons();
                     }).appendTo($showContainer);
                 }
                 else {visible = true;}
@@ -958,7 +954,6 @@ define([
                     onCalendarsUpdate.fire();
                 }
             });
-            Lucide.createIcons();
         });
         onCalendarsUpdate.fire();
     };
@@ -1367,7 +1362,6 @@ ICS ==> create a new event with the same UID and a RECURRENCE-ID field (with a v
         APP.toolbar.$bottomL.append(h('div.cp-calendar-browse', [
             goLeft, goToday, goRight, goDate
         ]));
-        Lucide.createIcons();
     };
 
 
@@ -2045,7 +2039,6 @@ APP.recurrenceRule = {
             });
             $list.append(span);
             APP.notificationsEntries.push(minutes);
-            Lucide.createIcons();
         };
         $(addNotif).click(function () {
             var unit = $block.getValue();
@@ -2460,12 +2453,10 @@ APP.recurrenceRule = {
                         if (node.classList && node.classList.contains('tui-full-calendar-popup')
                                 && !node.classList.contains('tui-full-calendar-popup-detail')) {
                             onCalendarPopup(node);
-                            Lucide.createIcons();
                         }
                         if (node.classList && node.classList.contains('tui-full-calendar-popup')
                                 && node.classList.contains('tui-full-calendar-popup-detail')) {
                             onCalendarEditPopup(node);
-                            Lucide.createIcons();
                         }
                     } catch (e) {}
                 }
@@ -2524,7 +2515,6 @@ APP.recurrenceRule = {
                 APP.initTime = privateData.calendarOpts.time;
             }
             store.get('calendarView', makeCalendar);
-            Lucide.createIcons();
             UI.removeLoadingScreen();
         });
 
diff --git a/www/checkup/main.js b/www/checkup/main.js
index aa2d86e14..8bd387ded 100644
--- a/www/checkup/main.js
+++ b/www/checkup/main.js
@@ -21,7 +21,6 @@ define([
     '/checkup/checkup-tools.js',
     '/customize/application_config.js',
     '/common/onlyoffice/current-version.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/components/tweetnacl/nacl-fast.min.js',
@@ -29,7 +28,7 @@ define([
 ], function ($, ApiConfig, Assertions, h, Messages, DomReady,
             nThen, SFCommonO, Login, Hash, Util, Pinpad,
             NetConfig, Block, Pages, Tools, AppConfig,
-            OOCurrentVersion, Lucide, Icons) {
+            OOCurrentVersion, Icons) {
     window.CHECKUP_MAIN_LOADED = true;
 
     var Assert = Assertions();
diff --git a/www/common/common-icons.js b/www/common/common-icons.js
index b3a9eeaba..52e5899ed 100644
--- a/www/common/common-icons.js
+++ b/www/common/common-icons.js
@@ -1,6 +1,8 @@
 define([
-    '/common/hyperscript.js'
-], function (h) {
+    'jquery',
+    '/common/hyperscript.js',
+    '/customize/lucide.js'
+], function ($, h, Lucide) {
     const Icons = {};
 
     const map = {
@@ -265,6 +267,32 @@ define([
         return h('i', attrs);
     };
 
+    if (!window.CP_Lucide_observer) {
+        window.CP_Lucide_observer = true;
+        Lucide.createIcons();
+        const observer = new MutationObserver((mutations) => {
+            let found = mutations.some((mutation) => {
+                for (var i = 0; i < mutation.addedNodes.length; i++) {
+                    let added = mutation.addedNodes[i];
+                    if (added.tagName === "svg") { continue; }
+                    if (added?.hasAttribute?.('data-lucide')) {
+                        return true;
+                    }
+                    if (added?.querySelector?.(':not(svg)[data-lucide]')) {
+                        return true;
+                    }
+                }
+            });
+            if (found) { Lucide.createIcons(); }
+        });
+        observer.observe(document.body, {
+            attributes: true,
+            childList: true,
+            characterData: false,
+            subtree: true
+        });
+    }
+
     return Icons;
 });
 
diff --git a/www/common/common-interface.js b/www/common/common-interface.js
index b57cbc2f0..c5b5b9340 100644
--- a/www/common/common-interface.js
+++ b/www/common/common-interface.js
@@ -22,7 +22,6 @@ define([
     '/lib/tippy/tippy.min.js',
     '/common/hyperscript.js',
     '/customize/loading.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     //'/common/test.js',
 
@@ -31,7 +30,7 @@ define([
     'css!/lib/tippy/tippy.css',
     'css!/lib/jquery-ui/jquery-ui.min.css'
 ], function ($, Messages, Util, Hash, Notifier, AppConfig,
-            Alertify, Tippy, h, Loading, Lucide, Icons /*, Test */) {
+            Alertify, Tippy, h, Loading, Icons /*, Test */) {
     var UI = {};
 
     /*
@@ -356,7 +355,6 @@ define([
                 $container.append($form);
                 isEdit = false;
                 called = false;
-                Lucide.createIcons();
             });
         };
         resetUI();
@@ -638,7 +636,6 @@ define([
         });
 
         addTabListener(frame);
-        Lucide.createIcons();
         return frame;
     };
 
@@ -685,7 +682,6 @@ define([
             show: function () {
                 $blockContainer.css('display', 'flex');
                 addTabListener($blockContainer);
-                Lucide.createIcons();
             },
             hide: hide
         };
@@ -856,7 +852,6 @@ define([
         document.body.appendChild(frame);
 
         addTabListener(frame);
-        Lucide.createIcons();
         listener = listenForKeys(function () {
             // Only trigger OK if cancel is not focused
             if (document.activeElement === $cancel[0]) {
@@ -1041,11 +1036,9 @@ define([
                     $eye.empty().append(passwordReveal);
                     $eye.attr('aria-label', Messages.show_password).attr('aria-pressed', 'false');
                 }
-                Lucide.createIcons();
             });
         }
 
-        Lucide.createIcons();
         return h('span.cp-password-container', [
             input,
             eye
@@ -1181,7 +1174,6 @@ define([
                 }
             });
         }
-        Lucide.createIcons();
     };
 
     UI.getNewIcon = function (type) {
diff --git a/www/common/common-ui-elements.js b/www/common/common-ui-elements.js
index 0c188585b..2860c9af5 100644
--- a/www/common/common-ui-elements.js
+++ b/www/common/common-ui-elements.js
@@ -21,11 +21,10 @@ define([
     '/common/inner/invitation.js',
     '/common/visible.js',
     '/common/pad-types.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
 ], function ($, Config, Broadcast, Util, Hash, Language, UI, Constants, Feedback, h, Clipboard,
-             Messages, AppConfig, Pages, NThen, InviteInner, Visible, PadTypes, Lucide, Icons) {
+             Messages, AppConfig, Pages, NThen, InviteInner, Visible, PadTypes, Icons) {
     var UIElements = {};
     var urlArgs = Config.requireConf.urlArgs;
 
@@ -2725,7 +2724,6 @@ define([
     };
     */
     UIElements.getPadCreationScreen = function (common, cfg, appCfg, cb) {
-        setTimeout(() => Lucide.createIcons());
         appCfg = appCfg || {};
         if (!common.isLoggedIn()) { return void cb(); }
         var sframeChan = common.getSframeChannel();
@@ -3015,7 +3013,6 @@ define([
                     $('.cp-creation-template-container').find('[tabindex]:not([tabindex="-1"])').filter(':visible').first().focus();
                 });
                 if (i < TEMPLATES_DISPLAYED) { $(left).addClass('hidden'); }
-                Lucide.createIcons();
             };
             if (fromFileData) {
                 var todo = function (thumbnail) {
diff --git a/www/common/diffMarked.js b/www/common/diffMarked.js
index c78c4687c..ff13b95e0 100644
--- a/www/common/diffMarked.js
+++ b/www/common/diffMarked.js
@@ -14,13 +14,12 @@ define([
     '/customize/messages.js',
     '/lib/less.min.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
 
     '/lib/highlight/highlight.pack.js',
     '/lib/diff-dom/diffDOM.js',
     '/components/tweetnacl/nacl-fast.min.js',
     'css!/lib/highlight/styles/'+ (window.CryptPad_theme === 'dark' ? 'dark.css' : 'github.css')
-],function ($, ApiConfig, Marked, Hash, Util, h, MT, MediaTag, Messages, Less, Pages, Lucide) {
+],function ($, ApiConfig, Marked, Hash, Util, h, MT, MediaTag, Messages, Less, Pages) {
     var DiffMd = {};
 
     var Highlight = window.hljs;
@@ -215,7 +214,6 @@ define([
             r = r.replace(/<div class="cp-md-toc"><\/div>/g, getTOC());
         }
         toc = [];
-        setTimeout(() => Lucide.createIcons());
         return r;
     };
 
diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js
index e33ea39c6..543ac1703 100644
--- a/www/common/drive-ui.js
+++ b/www/common/drive-ui.js
@@ -26,7 +26,6 @@ define([
     '/customize/pages.js',
     '/common/pad-types.js',
     '/common/onlyoffice/broken-formats.js',
-    '/customize/lucide.js',
     '/common/common-icons.js'
 ], function (
     $,
@@ -50,7 +49,6 @@ define([
     Pages,
     PadTypes,
     BrokenFormats,
-    Lucide,
     Icons)
 {
 
@@ -770,7 +768,6 @@ define([
             },
             ready: function (state) {
                 appStatus.isReady = state;
-                Lucide.createIcons();
                 if (state) {
                     appStatus._onReady.forEach(function (h) {
                         h();
@@ -1346,7 +1343,6 @@ define([
             });
             var content = h("div.cp-app-drive-color-picker", colorsElements);
             UI.alert(content);
-            Lucide.createIcons();
         };
 
         var getFolderColor = function (path) {
@@ -2248,7 +2244,6 @@ define([
             $(icon).addClass('cp-app-drive-element-icon');
             $name.addClass('cp-app-drive-element-name-icon');
             $name.prepend($(icon));
-            Lucide.createIcons();
             // Clean up
             setTimeout(function() {
                 $name.closest('li').children('svg').remove();
@@ -2904,7 +2899,6 @@ define([
                 buttons: buttons
             });
             UI.openCustomModal(m);
-            Lucide.createIcons();
         };
         var createEmptyTrashButton = function () {
             var button = h('button.btn.btn-danger', [
@@ -4074,7 +4068,6 @@ define([
                     createTitle($path, obj._path);
 
                     $list.append($element);
-                    Lucide.createIcons();
                 };
                 if (_folders.length) { getFolderListHeader(true, true).appendTo($list); }
                 _folders.forEach(function (el) {
@@ -4611,7 +4604,6 @@ define([
                             displayDirectory(path);
                         }
                     }
-                    Lucide.createIcons();
                 });
                 if (LS.wasFolderOpened(path) ||
                         (manager.isSubpath(currentPath, path) && path.length < currentPath.length)) {
diff --git a/www/common/inner/access.js b/www/common/inner/access.js
index 7813a811a..78177f252 100644
--- a/www/common/inner/access.js
+++ b/www/common/inner/access.js
@@ -13,10 +13,9 @@ define([
     '/common/hyperscript.js',
     '/customize/messages.js',
     '/components/nthen/index.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 ], function ($, Util, Hash, UI, UIElements, Types, Modal, h,
-             Messages, nThen, Lucide, Icons) {
+             Messages, nThen, Icons) {
     var Access = {};
 
     var getOwnersTab = function (Env, data, opts, _cb) {
@@ -400,7 +399,6 @@ define([
                 $div1.append(drawRemove(false)).append(drawRemove(true));
                 $div2.append(drawAdd());
                 called = false;
-                setTimeout(() => Lucide.createIcons(),0);
             });
         };
         redrawAll();
@@ -1044,7 +1042,6 @@ define([
                                 }
                             });
                         });
-                        Lucide.createIcons();
                     });
                 });
                 $(passwordOk).on('keydown', function (e) {
diff --git a/www/common/inner/common-mediatag.js b/www/common/inner/common-mediatag.js
index 8c07c95fe..f40f12442 100644
--- a/www/common/inner/common-mediatag.js
+++ b/www/common/inner/common-mediatag.js
@@ -13,14 +13,13 @@ define([
     '/common/inner/badges.js',
     '/customize/messages.js',
     '/customize/application_config.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/components/croppie/croppie.min.js',
     '/components/file-saver/FileSaver.min.js',
     'css!/components/croppie/croppie.css',
 ], function ($, ApiConfig, Util, Hash, UI, h, MediaTag, Badges,
-            Messages, AppConfig, Lucide, Icons) {
+            Messages, AppConfig, Icons) {
     var MT = {};
 
     // Configure MediaTags to use our local viewer
diff --git a/www/common/inner/common-modal.js b/www/common/inner/common-modal.js
index 0fcca34b6..4fe7d6bef 100644
--- a/www/common/inner/common-modal.js
+++ b/www/common/inner/common-modal.js
@@ -10,8 +10,7 @@ define([
     '/common/common-ui-elements.js',
     '/customize/messages.js',
     '/components/nthen/index.js',
-    '/customize/lucide.js'
-], function ($, Util, Hash, UI, UIElements, Messages, nThen, Lucide) {
+], function ($, Util, Hash, UI, UIElements, Messages, nThen) {
     var Modal = {};
 
     Modal.override = function (data, obj) {
@@ -182,7 +181,6 @@ define([
                 Env.evRedrawAll.fire();
             };
             metadataMgr.onChange(f);
-            setTimeout(() => Lucide.createIcons(),0);
         });
     };
 
diff --git a/www/common/inner/mfa.js b/www/common/inner/mfa.js
index 6a2ff15eb..b8380a46d 100644
--- a/www/common/inner/mfa.js
+++ b/www/common/inner/mfa.js
@@ -10,10 +10,9 @@ define([
     '/components/nthen/index.js',
     '/customize.dist/login.js',
     '/common/common-util.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
-], function ($, Messages, h, UI, nThen, Login, Util, Lucide, Icons) {
+], function ($, Messages, h, UI, nThen, Login, Util, Icons) {
     const MFA = {};
 
     MFA.totpSetup = function (common, config, content, enabled, cb) {
@@ -28,7 +27,6 @@ define([
             (enabled ? Icons.get('check') : Icons.get('close')),
             h('span', enabled ? Messages.mfa_status_on : Messages.mfa_status_off)
         ]));
-        setTimeout(() => Lucide.createIcons());
         if (enabled) {
             (function () {
             var button = h('button.btn', Messages.mfa_disable);
@@ -240,7 +238,6 @@ define([
                     $content.find('.alert-danger').removeClass('alert-danger').addClass('alert-success');
                     $(button).prop('disabled', 'disabled');
                     $(nextButton).removeAttr('disabled');
-                    Lucide.createIcons();
                 });
             }).nThen(function () {
                 var randomSecret = function () {
diff --git a/www/common/inner/sidebar-layout.js b/www/common/inner/sidebar-layout.js
index dc417ab70..6422d945b 100644
--- a/www/common/inner/sidebar-layout.js
+++ b/www/common/inner/sidebar-layout.js
@@ -12,7 +12,6 @@ define([
     '/common/common-hash.js',
     '/customize/messages.js',
     '/common/hyperscript.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 ], function(
     $,
@@ -24,7 +23,6 @@ define([
     Hash,
     Messages,
     h,
-    Lucide,
     Icons
 ) {
     const Sidebar = {};
@@ -400,7 +398,6 @@ define([
             common.setHash(active);
 
             setTimeout(() => { sidebar.openCategory(active); });
-            Lucide.createIcons();
             $leftside.append(container);
         };
 
diff --git a/www/common/inner/snapshots.js b/www/common/inner/snapshots.js
index 2deaee7b1..c0149b948 100644
--- a/www/common/inner/snapshots.js
+++ b/www/common/inner/snapshots.js
@@ -9,9 +9,8 @@ define([
     '/customize/messages.js',
     '/components/nthen/index.js',
     '/components/chainpad/chainpad.dist.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function ($, UI, h, Messages, nThen, ChainPad, Lucide, Icons /* JsonOT */) {
+], function ($, UI, h, Messages, nThen, ChainPad, Icons /* JsonOT */) {
     var Snapshots = {};
 
     Snapshots.create = function (common, config) {
diff --git a/www/common/make-backup.js b/www/common/make-backup.js
index 08ca54fd8..a1d2d8556 100644
--- a/www/common/make-backup.js
+++ b/www/common/make-backup.js
@@ -15,11 +15,10 @@ define([
     '/customize/messages.js',
     '/components/nthen/index.js',
     '/components/saferphore/index.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     '/components/jszip/dist/jszip.min.js',
 ], function ($, FileCrypto, Hash, Util, UI, h, Feedback, UO,
-             Cache, Messages, nThen, Saferphore, Lucide, Icons, JsZip) {
+             Cache, Messages, nThen, Saferphore, Icons, JsZip) {
     var saveAs = window.saveAs;
 
     var sanitize = function (str) {
diff --git a/www/common/messenger-ui.js b/www/common/messenger-ui.js
index c1b5fe927..bcab06f7a 100644
--- a/www/common/messenger-ui.js
+++ b/www/common/messenger-ui.js
@@ -11,9 +11,8 @@ define([
     '/common/inner/badges.js',
     '/common/hyperscript.js',
     '/common/diffMarked.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function ($, Messages, Util, UI, UIElements, Badges, h, DiffMd, Lucide, Icons) {
+], function ($, Messages, Util, UI, UIElements, Badges, h, DiffMd, Icons) {
     'use strict';
 
     var debug = console.log;
@@ -381,7 +380,6 @@ define([
                         avatars[friend.avatar] = $img[0].outerHTML;
                     }
                     $(rightCol).insertAfter($avatar);
-                    Lucide.createIcons();
                 }, friend.uid, friend.badge);
             }
 
@@ -637,7 +635,6 @@ define([
                         avatars[friendData.avatar] = $img[0].outerHTML;
                     }
                     $room.append(rightCol);
-                    Lucide.createIcons();
                 }, friendData.uid, friendData.badge);
             }
             $room.append(status);
@@ -827,7 +824,6 @@ define([
                     $container.removeClass('cp-app-contacts-initializing');
                     display(room.id);
                 }
-                setTimeout( () => Lucide.createIcons());
             });
         };
 
@@ -946,7 +942,6 @@ define([
                 $button.off('click');
                 $button.click(function () {
                     UI.alert(content);
-                    Lucide.createIcons();
                 }).show();
             });
         };
diff --git a/www/common/notifications.js b/www/common/notifications.js
index 75357b51d..30a8d83f6 100644
--- a/www/common/notifications.js
+++ b/www/common/notifications.js
@@ -12,10 +12,9 @@ define([
     '/common/common-constants.js',
     '/customize/messages.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     'tui-date-picker'
-], function($, h, Hash, UI, UIElements, Util, Constants, Messages, Pages, Lucide, Icons, DatePicker) {
+], function($, h, Hash, UI, UIElements, Util, Constants, Messages, Pages, Icons, DatePicker) {
 
     var handlers = {};
 
diff --git a/www/common/onlyoffice/history.js b/www/common/onlyoffice/history.js
index 9ed928f85..cd16adcd7 100644
--- a/www/common/onlyoffice/history.js
+++ b/www/common/onlyoffice/history.js
@@ -6,10 +6,9 @@ define([
     'jquery',
     '/common/common-interface.js',
     '/common/hyperscript.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
-], function ($, UI, h, Lucide, Icons) {
+], function ($, UI, h, Icons) {
     //var ChainPad = window.ChainPad;
     var History = {};
 
@@ -384,7 +383,6 @@ define([
         display();
 
         showVersion(true);
-        setTimeout(()=> Lucide.createIcons());
         //return void loadMoreOOHistory();
     };
 
diff --git a/www/common/onlyoffice/inner.js b/www/common/onlyoffice/inner.js
index ae0dcf81c..5b13a8176 100644
--- a/www/common/onlyoffice/inner.js
+++ b/www/common/onlyoffice/inner.js
@@ -26,7 +26,6 @@ define([
 
     '/common/onlyoffice/current-version.js',
     '/common/onlyoffice/broken-formats.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     '/components/file-saver/FileSaver.min.js',
 
@@ -55,7 +54,6 @@ define([
     Channel,
     OOCurrentVersion,
     BrokenFormats,
-    Lucide,
     Icons)
 {
     var saveAs = window.saveAs;
diff --git a/www/common/sframe-common-codemirror.js b/www/common/sframe-common-codemirror.js
index 5ba93e78d..2d6fd5f24 100644
--- a/www/common/sframe-common-codemirror.js
+++ b/www/common/sframe-common-codemirror.js
@@ -14,9 +14,8 @@ define([
     '/common/text-cursor.js',
     '/components/chainpad/chainpad.dist.js',
     '/common/hyperscript.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function ($, Modes, Themes, Messages, UIElements, MT, Hash, Util, TextCursor, ChainPad, h, Lucide, Icons) {
+], function ($, Modes, Themes, Messages, UIElements, MT, Hash, Util, TextCursor, ChainPad, h, Icons) {
     var module = {};
 
      var cursorToPos = module.cursorToPos = function(cursor, oldText) {
diff --git a/www/common/sframe-common-file.js b/www/common/sframe-common-file.js
index fa6f7158e..8f1ef6bf1 100644
--- a/www/common/sframe-common-file.js
+++ b/www/common/sframe-common-file.js
@@ -17,11 +17,10 @@ define([
     '/customize/pages.js',
     '/components/nthen/index.js',
     '/common/media-tag.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/components/file-saver/FileSaver.min.js',
-], function ($, ApiConfig, FileCrypto, MakeBackup, Thumb, UI, UIElements, Util, Hash, h, Messages, Pages, nThen, MT, Lucide, Icons) {
+], function ($, ApiConfig, FileCrypto, MakeBackup, Thumb, UI, UIElements, Util, Hash, h, Messages, Pages, nThen, MT, Icons) {
     var module = {};
 
     var blobToArrayBuffer = function (blob, cb) {
@@ -143,7 +142,6 @@ define([
             var $row = $table.find('tr[id="'+id+'"]');
 
             $row.find('.cp-fileupload-table-cancel').addClass('success').html('').append(Icons.get('minus'));
-            Lucide.createIcons();
             var $pv = $row.find('.cp-fileupload-table-progress-value');
             var $pb = $row.find('.cp-fileupload-table-progressbar');
             var $link = $row.find('.cp-fileupload-table-link');
@@ -314,7 +312,6 @@ define([
             if (diff && diff > 0) {
                 $table.css('margin-right', diff+'px');
             }
-            Lucide.createIcons();
             queue.next();
         };
 
diff --git a/www/common/sframe-common-history.js b/www/common/sframe-common-history.js
index 97f1a18fe..65068d700 100644
--- a/www/common/sframe-common-history.js
+++ b/www/common/sframe-common-history.js
@@ -10,11 +10,10 @@ define([
     '/customize/messages.js',
     '/components/nthen/index.js',
     '/common/common-icons.js',
-    '/customize/lucide.js',
     //'/components/chainpad-json-validator/json-ot.js',
 
     '/components/chainpad/chainpad.dist.js',
-], function ($, UI, Util, h, Messages, nThen, Icons, Lucide, ChainPad /* JsonOT */) {
+], function ($, UI, Util, h, Messages, nThen, Icons, ChainPad /* JsonOT */) {
     //var ChainPad = window.ChainPad;
     var History = {};
 
@@ -293,7 +292,6 @@ define([
 
         var spinner = UI.makeSpinner($hist);
         spinner.spin();
-        Lucide.createIcons();
 
         let closeAll = () => {
             History.state = false;
@@ -435,7 +433,6 @@ define([
 
         // Create the history toolbar
         var display = function () {
-            setTimeout(()=> Lucide.createIcons());
             $hist.html('');
             $hist.removeClass('cp-history-init');
 
diff --git a/www/common/sframe-common-mailbox.js b/www/common/sframe-common-mailbox.js
index b3d30143b..bb3fb7708 100644
--- a/www/common/sframe-common-mailbox.js
+++ b/www/common/sframe-common-mailbox.js
@@ -12,8 +12,7 @@ define([
     '/common/hyperscript.js',
     '/customize/messages.js',
     '/common/common-icons.js',
-    '/customize/lucide.js',
-], function ($, Util, Hash, UI, UIElements, Notifications, h, Messages, Icons, Lucide) {
+], function ($, Util, Hash, UI, UIElements, Notifications, h, Messages, Icons) {
     var Mailbox = {};
 
     Mailbox.create = function (Common) {
@@ -188,7 +187,6 @@ define([
                     if (isNotification(data.type)) {
                         Notifications.add(Common, data);
                         el = createElement(data);
-                        setTimeout(() => Lucide.createIcons());
                     }
                     f(data, el);
                 } catch (e) {
diff --git a/www/common/sframe-common.js b/www/common/sframe-common.js
index a78ecbf5c..69abc5927 100644
--- a/www/common/sframe-common.js
+++ b/www/common/sframe-common.js
@@ -35,7 +35,6 @@ define([
     '/components/localforage/dist/localforage.min.js',
     '/common/hyperscript.js',
     '/common/extensions.js',
-    '/customize/lucide.js',
     '/common/common-icons.js'
 ], function (
     $,
@@ -69,7 +68,6 @@ define([
     localForage,
     h,
     Ext,
-    Lucide,
     Icons
 ) {
     // Chainpad Netflux Inner
diff --git a/www/common/toolbar.js b/www/common/toolbar.js
index fc40cdf84..7ffe7f827 100644
--- a/www/common/toolbar.js
+++ b/www/common/toolbar.js
@@ -19,10 +19,9 @@ define([
     '/customize/messages.js',
     '/customize/pages.js',
     '/common/pad-types.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 ], function ($, Config, ApiConfig, Broadcast, UIElements, UI, Hash, Util, Feedback, MT, Badges, h,
-MessengerUI, Messages, Pages, PadTypes, Lucide, Icons) {
+MessengerUI, Messages, Pages, PadTypes, Icons) {
     var Common;
 
     var Bar = {
@@ -381,7 +380,6 @@ MessengerUI, Messages, Pages, PadTypes, Lucide, Icons) {
             Common.displayAvatar($avatar, data.avatar, name, function () {
                 $span.append($rightCol);
                 onAvatar.fire();
-                Lucide.createIcons();
             }, data.uid);
             $span.data('uid', data.uid);
             if (data.badge && data.edPublic) {
@@ -431,7 +429,6 @@ MessengerUI, Messages, Pages, PadTypes, Lucide, Icons) {
             viewText += numberOfViewUsers + ' ' + viewerText + '</div>';
             $editUsers.append(viewText);
         }
-        Lucide.createIcons();
     };
 
     var initUserList = function (toolbar, config) {
@@ -530,7 +527,6 @@ MessengerUI, Messages, Pages, PadTypes, Lucide, Icons) {
                 Icons.get('chevron-up', {title: Messages.toolbar_collapse});
 
             $button.find('[data-lucide]').replaceWith(newIcon);
-            Lucide.createIcons();
         });
     };
 
@@ -899,7 +895,6 @@ MessengerUI, Messages, Pages, PadTypes, Lucide, Icons) {
             'role': 'button',
             'aria-label': buttonTitle
         }).append(UI.getIcon(privateData.app)).append(Icons.get(toMain ? 'homepage' : 'drive')); //append both icons
-        Lucide.createIcons();
 
         var onClick = function (e) {
             e.preventDefault();
diff --git a/www/contacts/inner.js b/www/contacts/inner.js
index 6b34c1a8a..68c529023 100644
--- a/www/contacts/inner.js
+++ b/www/contacts/inner.js
@@ -12,7 +12,6 @@ define([
     '/common/messenger-ui.js',
     '/customize/messages.js',
     '/common/common-interface.js',
-    '/customize/lucide.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
     'less!/contacts/app-contacts.less',
@@ -25,8 +24,7 @@ define([
     h,
     MessengerUI,
     Messages,
-    UI,
-    Lucide
+    UI
     )
 {
     var APP = {};
@@ -63,6 +61,5 @@ define([
         common.setTabTitle(Messages.contacts);
 
         UI.removeLoadingScreen();
-        Lucide.createIcons();
     });
 });
diff --git a/www/debug/inner.js b/www/debug/inner.js
index 29eea159a..00b7e3ede 100644
--- a/www/debug/inner.js
+++ b/www/debug/inner.js
@@ -21,7 +21,6 @@ define([
     '/customize/application_config.js',
     '/common/common-ui-elements.js',
     '/debug/chainpad.dist.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -45,7 +44,6 @@ define([
     AppConfig,
     UIElements,
     ChainWalk,
-    Lucide,
     Icons)
 {
     var APP = window.APP = {
diff --git a/www/drive/index.html b/www/drive/index.html
index 01b502dcd..f72c9e669 100644
--- a/www/drive/index.html
+++ b/www/drive/index.html
@@ -15,7 +15,6 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     <link href="/customize/src/pre-loading.css?ver=1.0" rel="stylesheet" type="text/css">
     <script async data-bootload="main.js" data-main="/common/boot.js?ver=1.0" src="/components/requirejs/require.js?ver=2.3.7"></script>
     <link href="/customize/src/outer.css?ver=1.3.2" rel="stylesheet" type="text/css">
-    <script src="/customize/lucide.js"></script>
 </head>
 <body>
 <noscript></noscript>
diff --git a/www/drive/inner.html b/www/drive/inner.html
index 534b7da68..a213ecc27 100644
--- a/www/drive/inner.html
+++ b/www/drive/inner.html
@@ -10,7 +10,6 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
     <script src="/customize/pre-loading.js?ver=1.1"></script>
     <link href="/customize/src/pre-loading.css?ver=1.0" rel="stylesheet" type="text/css">
-    <script src="/customize/lucide.js"></script>
     <script async data-bootload="/drive/inner.js" data-main="/common/sframe-boot.js?ver=1.11" src="/components/requirejs/require.js?ver=2.3.7"></script>
     <style>
         .loading-hidden { display: none; }
diff --git a/www/form/inner.js b/www/form/inner.js
index 5acf3c9e1..911695db6 100644
--- a/www/form/inner.js
+++ b/www/form/inner.js
@@ -35,7 +35,6 @@ define([
 
     '/lib/datepicker/flatpickr.js',
     '/components/sortablejs/Sortable.min.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'cm/addon/edit/closebrackets',
@@ -80,7 +79,6 @@ define([
     Share, Access, Properties,
     Flatpickr,
     Sortable,
-    Lucide,
     Icons
     )
 {
@@ -122,7 +120,6 @@ define([
                             Icons.get('preview'),
                             Messages.form_preview_button
                         ]);
-        $(cancelBlock).click(function () { cb(undefined, true); Lucide.createIcons(); });
 
         return cancelBlock;
     };
@@ -343,7 +340,6 @@ define([
                 input,
                 del
             ]);
-            setTimeout(()=> Lucide.createIcons());
             $(del).click(function () {
                 var $block = $(el).closest('.cp-form-edit-block');
                 $(el).remove();
@@ -2836,7 +2832,6 @@ define([
     };
 
     var renderResults = APP.renderResults = function (content, answers, showUser) {
-        setTimeout(() => Lucide.createIcons());
         var $container = $('div.cp-form-creator-results').empty().css('display', '');
 
         var framework = APP.framework;
@@ -3100,7 +3095,6 @@ define([
             });
             $results.empty().append(elements);
             if (header) { $results.prepend(header); }
-            Lucide.createIcons();
         };
         show(answers);
 
@@ -3251,7 +3245,6 @@ define([
 
         });
         $container.prepend($res);
-        Lucide.createIcons();
     };
 
     var getLogo = function () {
@@ -3419,7 +3412,6 @@ define([
             ])
         ]));
         $container.append(getLogo());
-        Lucide.createIcons();
     };
 
     var getFormResults = function () {
@@ -3787,7 +3779,6 @@ define([
             });
             evOnChange.fire(true);
         }
-        setTimeout(()=> Lucide.createIcons());
         return h('div.cp-form-send-container', [
             errors,
             invalid,
@@ -3934,7 +3925,6 @@ define([
 
             var inlineCls = full ? '-full' : '-inline';
             setTimeout(()=> {
-                Lucide.createIcons();
             });
             return h('div.cp-form-creator-add'+inlineCls, [
                 add,
@@ -4266,7 +4256,6 @@ define([
 
                         $(edit).hide();
                         $(copy).hide();
-                        Lucide.createIcons();
                     };
                     $(edit).click(function () {
                         onEdit();
@@ -4495,7 +4484,6 @@ define([
                         refreshPage(current + 1, 'next');
                     });
                     $page.append([left, state, right]);
-                    Lucide.createIcons();
                 };
                 setTimeout(refreshPage);
             }
@@ -5095,7 +5083,6 @@ define([
                     $button.after(confirmContent);
                     $button.remove();
                     picker.open();
-                    Lucide.createIcons();
                 });
 
                 $endDate.append(h('div.cp-form-status', text));
@@ -5462,7 +5449,6 @@ define([
 
             var $container = $('#cp-app-form-container');
             $container.append(makeFormCreator());
-            Lucide.createIcons();
             if (!content.answers || !content.answers.channel || !content.answers.publicKey || !content.answers.validateKey) {
                 return void UI.errorLoadingScreen(Messages.form_invalid);
             }
@@ -5671,7 +5657,6 @@ define([
                 editor.refresh();
                 $tb.show();
                 setTimeout(function () {
-                    Lucide.createIcons();
                     var firstBtn = $(markdownTb.toolbar).find('button').get(0);
                     if (firstBtn) {
                         firstBtn.focus();
diff --git a/www/install/main.js b/www/install/main.js
index 2f73be7b5..651f40c00 100644
--- a/www/install/main.js
+++ b/www/install/main.js
@@ -17,11 +17,10 @@ define([
     '/customize/pages.js',
     '/common/rpc.js',
     'onboardscreen.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'less!/install/onboarding.less',
-], function ($, Login, Cryptpad, /*Test,*/ Cred, UI, Util, Realtime, Constants, Feedback, LocalStore, h, Pages, Rpc, OnboardScreen, Lucide, Icons) {
+], function ($, Login, Cryptpad, /*Test,*/ Cred, UI, Util, Realtime, Constants, Feedback, LocalStore, h, Pages, Rpc, OnboardScreen, Icons) {
     if (window.top !== window) { return; }
     var Messages = Cryptpad.Messages;
     $(function () {
diff --git a/www/install/onboardscreen.js b/www/install/onboardscreen.js
index 10ca73084..dc9f9ba13 100644
--- a/www/install/onboardscreen.js
+++ b/www/install/onboardscreen.js
@@ -13,7 +13,6 @@ define([
     '/common/common-ui-elements.js',
     '/common/pad-types.js',
     '/components/nthen/index.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -28,7 +27,6 @@ define([
     UIElements,
     PadTypes,
     nThen,
-    Lucide,
     Icons
 ) {
 
@@ -41,7 +39,6 @@ define([
         var nextPageForm = nextPageFunction(Env);
         let frame = h('div.cp-onboarding-box', nextPageForm);
         Env.overlay.empty().append(frame);
-        setTimeout(() => Lucide.createIcons());
     };
     const blocks = Sidebar.blocks('admin');
 
diff --git a/www/kanban/inner.js b/www/kanban/inner.js
index b2a20320a..3bf7c3d29 100644
--- a/www/kanban/inner.js
+++ b/www/kanban/inner.js
@@ -23,7 +23,6 @@ define([
     '/kanban/jkanban_cp.js',
     '/kanban/export.js',
     '/common/TypingTests.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'cm/mode/gfm/gfm',
@@ -59,7 +58,6 @@ define([
     jKanban,
     Export,
     TypingTest,
-    Lucide,
     Icons)
 {
 
@@ -169,7 +167,6 @@ define([
         addEditItemButton(framework, kanban);
         addMoveElementButton(framework, kanban);
         if (cursor) { restoreCursor(cursor); }
-        Lucide.createIcons();
     };
     var _updateBoardsThrottle = Util.throttle(_updateBoards, 1000);
     var updateBoards = function (framework, kanban, boards, fixCursor) {
@@ -523,7 +520,6 @@ define([
             });
         });
 
-        Lucide.createIcons();
         return {
             modal: modal,
             setId: setId,
@@ -695,7 +691,6 @@ define([
                 ])).click(function () {
                     shiftItem('right', el);
                 }).appendTo(arrowContainerItem);
-                Lucide.createIcons();
             });
         } 
     };
@@ -1188,7 +1183,6 @@ define([
                             $tag.attr('aria-pressed', 'true');
                         }
                         commitTags();
-                        Lucide.createIcons();
                     }).keydown(function (e) {
                         if (e.which === 13 || e.which === 32) {
                             $tag.click();
diff --git a/www/kanban/jkanban_cp.js b/www/kanban/jkanban_cp.js
index 4fe19e0b3..1db2117a6 100644
--- a/www/kanban/jkanban_cp.js
+++ b/www/kanban/jkanban_cp.js
@@ -8,9 +8,8 @@ define([
     '/common/common-util.js',
     '/common/visible.js',
     '/components/dragula/dist/dragula.min.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function ($, Messages, Util, Visible, Dragula, Lucide, Icons) {
+], function ($, Messages, Util, Visible, Dragula, Icons) {
         /**
          * jKanban
          * Vanilla Javascript plugin for manage kanban boards
@@ -928,7 +927,6 @@ define([
         };
         this.onChange = function () {
             self.options.onChange();
-            Lucide.createIcons(); // reprocess all lucide icons after any DOM changes
         };
 
         this.getBoardsJSON = function () {
diff --git a/www/login/index.html b/www/login/index.html
index 07cc0999d..016c178e9 100644
--- a/www/login/index.html
+++ b/www/login/index.html
@@ -15,7 +15,6 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     <script src="/customize/pre-loading.js?ver=1.1"></script>
     <link href="/customize/src/pre-loading.css?ver=1.0" rel="stylesheet" type="text/css">
     <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/components/requirejs/require.js?ver=2.3.7"></script>
-    <script src="/customize/lucide.js"></script>
 </head>
 <body class="html">
     <noscript></noscript>
diff --git a/www/moderation/inner.js b/www/moderation/inner.js
index dc0dee198..cc3adcd55 100644
--- a/www/moderation/inner.js
+++ b/www/moderation/inner.js
@@ -17,7 +17,6 @@ define([
     '/common/common-hash.js',
     '/common/inner/sidebar-layout.js',
     '/support/ui.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/components/file-saver/FileSaver.min.js',
@@ -38,7 +37,6 @@ define([
     Hash,
     Sidebar,
     Support,
-    Lucide,
     Icons
     )
 {
@@ -608,7 +606,6 @@ define([
                     $list.find('span').removeClass('active');
                     commitTags();
                 });
-                setTimeout(() => Lucide.createIcons());
                 $container.append(tags);
             };
             events.REFRESH_TAGS.reg(redrawTags);
diff --git a/www/notifications/inner.js b/www/notifications/inner.js
index 78fafb9f7..1c0700ba1 100644
--- a/www/notifications/inner.js
+++ b/www/notifications/inner.js
@@ -15,7 +15,6 @@ define([
     '/common/common-ui-elements.js',
     '/common/notifications.js',
     '/common/common-util.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -33,7 +32,6 @@ define([
     UIElements,
     Notifications,
     Util,
-    Lucide,
     Icons
     )
 {
@@ -101,7 +99,6 @@ define([
                 $(el).attr('tabindex', -1);
                 $(el).attr('role', 'listitem');
                 $(notifsList).prepend(el);
-                Lucide.createIcons();
             }
         };
         var addArchivedNotification = function (data) {
@@ -296,7 +293,6 @@ define([
         }
 
         createLeftside();
-        Lucide.createIcons();
         UI.removeLoadingScreen();
 
     });
diff --git a/www/oldadmin/inner.js b/www/oldadmin/inner.js
index c0a334a0c..26010b1c5 100644
--- a/www/oldadmin/inner.js
+++ b/www/oldadmin/inner.js
@@ -22,7 +22,6 @@ define([
     'json.sortify',
 
     '/lib/datepicker/flatpickr.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     '/components/tweetnacl/nacl-fast.min.js',
 
@@ -48,7 +47,6 @@ define([
     Clipboard,
     Sortify,
     Flatpickr,
-    Lucide,
     Icons
     )
 {
diff --git a/www/pad/comments.js b/www/pad/comments.js
index 4d6c9d56f..979f92c53 100644
--- a/www/pad/comments.js
+++ b/www/pad/comments.js
@@ -11,9 +11,8 @@ define([
     '/common/common-interface.js',
     '/common/common-ui-elements.js',
     '/customize/messages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function($, Sortify, Util, Hash, h, UI, UIElements, Messages, Lucide, Icons) {
+], function($, Sortify, Util, Hash, h, UI, UIElements, Messages, Icons) {
     var Comments = {};
 
     /*
@@ -273,7 +272,6 @@ define([
 
 
         setTimeout(function() {
-            Lucide.createIcons();
             $(textarea).focus();
             selectAll(textarea);
         });
diff --git a/www/pad/inner.js b/www/pad/inner.js
index 65a61b0af..5125550db 100644
--- a/www/pad/inner.js
+++ b/www/pad/inner.js
@@ -46,7 +46,6 @@ define([
     '/common/common-ui-elements.js',
     '/common/hyperscript.js',
     '/components/chainpad/chainpad.dist.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     //'/customize/application_config.js',
     //'/common/test.js',
@@ -77,7 +76,6 @@ define([
     UIElements,
     h,
     ChainPad,
-    Lucide,
     Icons/*,
     AppConfig,
     Test */
@@ -347,7 +345,6 @@ define([
             icon: 'pad-settings',
         }, function () {
             UI.alert(getSettings());
-            Lucide.createIcons();
         });
 
         var $settings = UIElements.getEntryFromButton($settingsButton);
@@ -967,7 +964,6 @@ define([
                 content.push(h('p.cp-pad-toc-'+level, a));
             });
             $toc.html('').append(content);
-            Lucide.createIcons();
         }, 400);
 
         // apply patches, and try not to lose the cursor in the process!
@@ -1329,7 +1325,6 @@ define([
             }
         });
 
-        Lucide.createIcons();
         framework.start();
     };
 
diff --git a/www/poll/inner.js b/www/poll/inner.js
index 8fd524b31..7bd886504 100644
--- a/www/poll/inner.js
+++ b/www/poll/inner.js
@@ -23,7 +23,6 @@ define([
     '/customize/messages.js',
     '/common/sframe-common-codemirror.js',
     'cm/lib/codemirror',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     '/common/test.js',
 
@@ -56,7 +55,6 @@ define([
     Messages,
     SFCodeMirror,
     CMeditor,
-    Lucide,
     Icons/*,
     Test*/)
 {
diff --git a/www/poll/render.js b/www/poll/render.js
index 535af1df8..852623962 100644
--- a/www/poll/render.js
+++ b/www/poll/render.js
@@ -9,11 +9,10 @@ define([
     '/components/chainpad/chainpad.dist.js',
     '/common/common-util.js',
     '/customize/messages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/lib/diff-dom/diffDOM.js',
-], function ($, Hyperjson, TextCursor, ChainPad, Util, Messages, Lucide, Icons) {
+], function ($, Hyperjson, TextCursor, ChainPad, Util, Messages, Icons) {
     var DiffDOM = window.diffDOM;
 
     var Example = {
diff --git a/www/profile/inner.js b/www/profile/inner.js
index 7a6ff8c8a..98d64fc00 100644
--- a/www/profile/inner.js
+++ b/www/profile/inner.js
@@ -22,7 +22,6 @@ define([
     '/customize/messages.js',
     '/customize/application_config.js',
     '/components/marked/marked.min.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -47,7 +46,6 @@ define([
     Messages,
     AppConfig,
     Marked,
-    Lucide,
     Icons)
 {
     var APP = window.APP = {
@@ -324,7 +322,6 @@ define([
                         refreshMute(data);
                     });
                 }).appendTo($mute);
-                Lucide.createIcons();
                 return;
             }
             var muteButton = h('button.btn.btn-danger-outline.cp-app-profile-friend-request', {
@@ -343,13 +340,11 @@ define([
                     refreshMute(data);
                 });
             }).appendTo($mute);
-            Lucide.createIcons();
             $(UI.setHTML(h('p'), Messages.contacts_muteInfo)).appendTo($mute);
         });
     };
 
     var displayAvatar = function (val, data, badgeOK) {
-        setTimeout(()=> Lucide.createIcons());
         var $span = APP.$avatar;
         $span.empty();
         const badge = data?.badge;
@@ -560,7 +555,6 @@ define([
         sFrameChan = common.getSframeChannel();
         sFrameChan.onReady(waitFor());
     }).nThen(function (/*waitFor*/) {
-        setTimeout(() => Lucide.createIcons(),0);
         createToolbar();
         var metadataMgr = common.getMetadataMgr();
         var privateData = metadataMgr.getPrivateData();
diff --git a/www/register/index.html b/www/register/index.html
index 07cc0999d..016c178e9 100644
--- a/www/register/index.html
+++ b/www/register/index.html
@@ -15,7 +15,6 @@ SPDX-License-Identifier: AGPL-3.0-or-later
     <script src="/customize/pre-loading.js?ver=1.1"></script>
     <link href="/customize/src/pre-loading.css?ver=1.0" rel="stylesheet" type="text/css">
     <script async data-bootload="/customize/template.js" data-main="/common/boot.js?ver=1.0" src="/components/requirejs/require.js?ver=2.3.7"></script>
-    <script src="/customize/lucide.js"></script>
 </head>
 <body class="html">
     <noscript></noscript>
diff --git a/www/register/main.js b/www/register/main.js
index a64c9e5ce..60d0d21a8 100644
--- a/www/register/main.js
+++ b/www/register/main.js
@@ -17,9 +17,8 @@ define([
     '/common/hyperscript.js',
     '/common/extensions.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function (Config, $, Login, Cryptpad, Cred, UI, Util, Realtime, Constants, Feedback, LocalStore, h, Extensions, Pages, Lucide, Icons) {
+], function (Config, $, Login, Cryptpad, Cred, UI, Util, Realtime, Constants, Feedback, LocalStore, h, Extensions, Pages, Icons) {
     if (window.top !== window) { return; }
     var Messages = Cryptpad.Messages;
     $(function () {
@@ -180,7 +179,6 @@ define([
                     ]),
                     Messages.register_warning_note
                 ]);
-            setTimeout(() => Lucide.createIcons(), 0); 
             UI.confirm(span, function (yes) {
                 if (!yes) { return; }
 
diff --git a/www/secureiframe/inner.js b/www/secureiframe/inner.js
index a790ea3a1..b8f264051 100644
--- a/www/secureiframe/inner.js
+++ b/www/secureiframe/inner.js
@@ -14,7 +14,6 @@ define([
     '/common/hyperscript.js',
     'json.sortify',
     '/customize/messages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -30,8 +29,7 @@ define([
     Hash,
     h,
     Sortify,
-    Messages,
-    Lucide
+    Messages
 )
 {
     var APP = window.APP = {};
@@ -233,7 +231,6 @@ define([
                             'title': Util.fixHTML(name),
                         }).appendTo($container);
                         $span.append(UI.getFileIcon(data));
-                        Lucide.createIcons();
                         $('<span>', {'class': 'cp-filepicker-content-element-name'}).text(name)
                             .appendTo($span);
                         if (data.static) { $span.attr('title', Util.fixHTML(data.href)); }
@@ -262,7 +259,6 @@ define([
             $('button.cancel').click(); // Close any existing alertify
             displayed = undefined;
             create[type](data);
-            Lucide.createIcons();
         });
 
         UI.removeLoadingScreen();
diff --git a/www/settings/inner.js b/www/settings/inner.js
index cf517507d..d12e897d9 100644
--- a/www/settings/inner.js
+++ b/www/settings/inner.js
@@ -26,7 +26,6 @@ define([
 
     '/common/sframe-common-codemirror.js',
     'cm/lib/codemirror',
-    '/customize/lucide.js',
     '/common/common-icons.js',
     'cm/mode/gfm/gfm',
 
@@ -61,7 +60,6 @@ define([
     Login,
     SFCodeMirror,
     CodeMirror,
-    Lucide,
     Icons
 ) {
     var saveAs = window.saveAs;
@@ -1856,7 +1854,6 @@ define([
             ]);
             $badges.empty().append(content);
             spinner = UI.makeSpinner($badges.find('.cp-settings-badges-list'));
-            setTimeout(() => Lucide.createIcons());
         });
     };
     makeBlock('profile-badges', function(cb) {
@@ -1888,7 +1885,6 @@ define([
                 title: Messages.profile_remove_avatar
             }, Icons.get('close'));
             $avatar.append(delButton);
-            Lucide.createIcons();
             $(delButton).click(() => {
                 const old = APP.profileData?.avatar;
                 APP.profile.execCommand("SET", {
@@ -2189,7 +2185,6 @@ define([
         createUsageButton();
 
         common.setTabTitle(Messages.settings_title);
-        Lucide.createIcons();
         UI.removeLoadingScreen();
     });
 });
diff --git a/www/slide/inner.js b/www/slide/inner.js
index bc9c83922..3f59d53a0 100644
--- a/www/slide/inner.js
+++ b/www/slide/inner.js
@@ -17,7 +17,6 @@ define([
     '/customize/messages.js',
     'cm/lib/codemirror',
     '/common/common-ui-elements.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -65,7 +64,6 @@ define([
     Messages,
     CMeditor,
     UIElements,
-    Lucide,
     Icons)
 {
     window.CodeMirror = CMeditor;
diff --git a/www/ssoauth/main.js b/www/ssoauth/main.js
index b5d9ea98f..95ad6a1c4 100644
--- a/www/ssoauth/main.js
+++ b/www/ssoauth/main.js
@@ -15,10 +15,9 @@ define([
     '/common/outer/local-store.js',
     '/common/outer/login-block.js',
     '/customize/messages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 ], function (ApiConfig, $, h, Util, Cred, UI, Login, Constants,
-        ServerCommand, LocalStore, Block, Messages, Lucide, Icons) {
+        ServerCommand, LocalStore, Block, Messages, Icons) {
     if (window.top !== window) { return; }
 
     let ssoAuthCb = function (cb) {
diff --git a/www/support/inner.js b/www/support/inner.js
index 9ed1e0454..7cf3ae87a 100644
--- a/www/support/inner.js
+++ b/www/support/inner.js
@@ -17,7 +17,6 @@ define([
     '/api/config',
     '/customize/application_config.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -37,7 +36,6 @@ define([
     ApiConfig,
     AppConfig,
     Pages,
-    Lucide,
     Icons
     )
 {
@@ -321,7 +319,6 @@ define([
             $category.append(Messages['support_cat_'+key] || key);
         });
         showCategories(categories[active]);
-        Lucide.createIcons();
     };
 
     var createToolbar = function () {
diff --git a/www/support/ui.js b/www/support/ui.js
index 44d8ab62a..a6ec10376 100644
--- a/www/support/ui.js
+++ b/www/support/ui.js
@@ -13,9 +13,8 @@ define([
     '/common/common-ui-elements.js',
     '/customize/messages.js',
     '/customize/pages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
-], function ($, ApiConfig, h, UI, Hash, Util, Clipboard, UIElements, Messages, Pages, Lucide, Icons) {
+], function ($, ApiConfig, h, UI, Hash, Util, Clipboard, UIElements, Messages, Pages, Icons) {
 
     var getDebuggingData = function (ctx, data) {
         var common = ctx.common;
@@ -342,7 +341,6 @@ define([
                 e.preventDefault();
                 ctx.common.openURL(href);
             });
-            setTimeout(() => Lucide.createIcons());
             $(attachments).append(span);
         };
         if (oldData && Array.isArray(oldData.attachments)) {
@@ -392,7 +390,6 @@ define([
         var close = h('button.btn.btn-danger.cp-support-close', [Icons.get('close'), Messages.support_close]);
         var remove = h('button.btn.btn-danger.cp-support-hide', [Icons.get('close'), Messages.support_remove]);
         var _actions = [answer, close];
-        setTimeout(()=> Lucide.createIcons());
         if (content.closed && !ctx.isAdmin) {
             _actions = [remove]; // XXX update key to "Delete permanently" ?
         }
@@ -591,7 +588,6 @@ define([
             });
             $(newForm).attr('data-id', id);
             $ticket.append(newForm);
-            Lucide.createIcons();
         };
         if (form) { addForm(); }
         Util.onClickEnter($(answer), addForm);
@@ -678,7 +674,6 @@ define([
         var adminClass = (fromAdmin? '.cp-support-fromadmin': '');
         var premiumClass = (ctx.isAdmin && fromPremium && !fromAdmin? '.cp-support-frompremium': '');
         var name = Util.fixHTML(content.sender.name) || Messages.anonymous;
-        setTimeout(()=> Lucide.createIcons());
         return h('div.cp-support-list-message' + adminClass + premiumClass, {}, [
             h('div.cp-support-message-from' + (fromMe ? '.cp-support-fromme' : ''), [
                 UI.setHTML(h('span'), Messages._getKey('support_from', [name])),
diff --git a/www/teams/inner.js b/www/teams/inner.js
index 5bc28b045..8518aac1d 100644
--- a/www/teams/inner.js
+++ b/www/teams/inner.js
@@ -24,7 +24,6 @@ define([
     '/common/clipboard.js',
     '/common/make-backup.js',
     '/customize/messages.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/components/file-saver/FileSaver.min.js',
@@ -52,7 +51,6 @@ define([
     Clipboard,
     Backup,
     Messages,
-    Lucide,
     Icons)
 {
     var APP = {
@@ -372,7 +370,6 @@ define([
 
     var loadMain = function (common) {
         buildUI(common);
-        Lucide.createIcons();
         UI.removeLoadingScreen();
     };
 
@@ -563,7 +560,6 @@ define([
             });
             content.push(h('ul.cp-team-list-container', list));
             cb(content);
-            Lucide.createIcons();
         });
         return content;
     };
@@ -646,7 +642,6 @@ define([
             });
         });
         cb(content);
-        Lucide.createIcons();
     };
     makeBlock('create', function (common, cb) {
         refreshCreate(common, cb);
@@ -733,7 +728,6 @@ define([
         APP.module.execCommand('GET_EDITABLE_FOLDERS', {
             teamId: APP.team
         }, function (arr) {
-            setTimeout( () => Lucide.createIcons());
             if (!Array.isArray(arr) || !arr.length) {
                 return void $blockContainer.find('.cp-modal').append(content);
             }
@@ -934,7 +928,6 @@ define([
                 common.openURL('/profile/#' + data.profile);
             });
         }
-        setTimeout(() => Lucide.createIcons());
         return div;
     };
     APP.refreshRoster = function (common, roster) {
diff --git a/www/todo/inner.js b/www/todo/inner.js
index c36e9c234..09b73ef1a 100644
--- a/www/todo/inner.js
+++ b/www/todo/inner.js
@@ -14,7 +14,6 @@ define([
     '/todo/todo.js',
     '/customize/messages.js',
     '/components/sortablejs/Sortable.min.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     'css!/components/bootstrap/dist/css/bootstrap.min.css',
@@ -31,7 +30,6 @@ define([
     Todo,
     Messages,
     Sortable,
-    Lucide,
     Icons
     )
 {
diff --git a/www/whiteboard/inner.js b/www/whiteboard/inner.js
index 4b75f4cd7..55c72b71d 100644
--- a/www/whiteboard/inner.js
+++ b/www/whiteboard/inner.js
@@ -18,7 +18,6 @@ define([
     '/customize/application_config.js',
     '/components/chainpad/chainpad.dist.js',
     '/common/common-ui-elements.js',
-    '/customize/lucide.js',
     '/common/common-icons.js',
 
     '/lib/fabric.min.js',
@@ -39,7 +38,6 @@ define([
     AppConfig,
     ChainPad,
     UIElements,
-    Lucide,
     Icons)
 {
 
@@ -647,7 +645,6 @@ define([
                 skipLink: '#cp-app-whiteboard-controls'
             }, waitFor(function (framework) {
                 andThen2(framework);
-                Lucide.createIcons();
             }));
         });
     };

From 6943524d5cebbe79d4c62e6f889bfe2def8829c4 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 1 Oct 2025 18:25:37 +0200
Subject: [PATCH 02/10] Allow plugins to add custom icons

---
 www/common/common-icons.js    | 19 ++++++++-----------
 www/common/common-login.js    |  3 +--
 www/common/cryptpad-common.js |  2 +-
 3 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/www/common/common-icons.js b/www/common/common-icons.js
index 52e5899ed..7c9062108 100644
--- a/www/common/common-icons.js
+++ b/www/common/common-icons.js
@@ -1,8 +1,7 @@
 define([
-    'jquery',
     '/common/hyperscript.js',
     '/customize/lucide.js'
-], function ($, h, Lucide) {
+], function (h, Lucide) {
     const Icons = {};
 
     const map = {
@@ -243,19 +242,17 @@ define([
         "badge-moderator": "life-buoy",
         "badge-premium": "ticket-check",
         "badge-error": "circle-alert",
-        // Accounts
-        "pricing": "circle-star",
-        "subscribe": "ticket",
-        "trophy": "trophy",
-        "credit-card": "credit-card",
-        "circle-left": "circle-chevron-left",
-        "user": "user-round",
-        "notebook":"notepad-text",
-        "sso": "id-card",
+        // Other
         "maintenance": "construction",
         "release-notes": "notepad-text"
     };
 
+    Icons.add = (newIcons) => {
+        Object.keys(newIcons).forEach(k => {
+            map[k] = newIcons[k];
+        });
+    };
+
     Icons.get = (name, attrs = {}) => {
         if (!map[name]) {
             alert(`Invalid icon: ${name}`);
diff --git a/www/common/common-login.js b/www/common/common-login.js
index 37cd08aa0..66ce9c034 100644
--- a/www/common/common-login.js
+++ b/www/common/common-login.js
@@ -11,7 +11,6 @@ define([
     '/components/chainpad/chainpad.dist.js',
     '/common/common-realtime.js',
     '/common/common-constants.js',
-    '/common/common-interface.js',
     '/common/common-feedback.js',
     '/common/outer/local-store.js',
     '/customize/messages.js',
@@ -22,7 +21,7 @@ define([
 
     '/components/tweetnacl/nacl-fast.min.js',
     '/components/scrypt-async/scrypt-async.min.js', // better load speed
-], function (Listmap, Crypto, Util, NetConfig, Cred, ChainPad, Realtime, Constants, UI,
+], function (Listmap, Crypto, Util, NetConfig, Cred, ChainPad, Realtime, Constants,
             Feedback, LocalStore, Messages, nThen, Block, Hash, ServerCommand) {
     var Nacl = window.nacl;
 
diff --git a/www/common/cryptpad-common.js b/www/common/cryptpad-common.js
index af9b61f07..a385266c9 100644
--- a/www/common/cryptpad-common.js
+++ b/www/common/cryptpad-common.js
@@ -17,7 +17,7 @@ define([
     '/common/events-channel.js',
     '/common/outer/login-block.js',
     '/common/common-credential.js',
-    '/customize/login.js',
+    '/common/common-login.js',
     '/common/store-interface.js',
     '/common/pad-types.js',
 

From 8cc92a2bfc9da271a190a70326a7479d90ca20e8 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Wed, 1 Oct 2025 18:35:53 +0200
Subject: [PATCH 03/10] lint compliance

---
 customize.dist/src/less2/include/badges.less | 2 +-
 eslint.config.js                             | 1 +
 www/form/inner.js                            | 2 ++
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/customize.dist/src/less2/include/badges.less b/customize.dist/src/less2/include/badges.less
index 8fbda637b..058cc1ebe 100644
--- a/customize.dist/src/less2/include/badges.less
+++ b/customize.dist/src/less2/include/badges.less
@@ -47,7 +47,7 @@
             margin: 0;
         }
         .lucide-star {
-            fill: currentColor;
+            fill: currentcolor;
         }
     }
 }
diff --git a/eslint.config.js b/eslint.config.js
index f6ea038de..d3397f962 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -49,6 +49,7 @@ module.exports = [{
         "_build",
         "scripts/api/testapi.js",
         "rollup.config.mjs",
+        "*/lucide.js"
     ],
 }, ...compat.extends("eslint:recommended", "plugin:compat/recommended"), {
     plugins: {
diff --git a/www/form/inner.js b/www/form/inner.js
index 911695db6..b29e5aaf5 100644
--- a/www/form/inner.js
+++ b/www/form/inner.js
@@ -121,6 +121,8 @@ define([
                             Messages.form_preview_button
                         ]);
 
+        $(cancelBlock).click(function () { cb(undefined, true); });
+
         return cancelBlock;
     };
     var editTextOptions = function (opts, setCursorGetter, cb) {

From d658522677b6f25907d22f82bdb7f90e782f369a Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 2 Oct 2025 17:22:37 +0300
Subject: [PATCH 04/10] fix notification style

---
 customize.dist/src/less2/include/toolbar.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less
index 9383b90b7..d5d03fade 100644
--- a/customize.dist/src/less2/include/toolbar.less
+++ b/customize.dist/src/less2/include/toolbar.less
@@ -802,7 +802,7 @@
                 .cp-dropdown-button-title {
                     position: absolute;
                     bottom: 10px;
-                    right: 10px;
+                    right: 13px;
                     font-size: 14px;
                     border: 1px solid;
                     border-radius: 50%;

From f47cf6ed1e409614a9d839e448b8b1736986525b Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 2 Oct 2025 17:49:02 +0300
Subject: [PATCH 05/10] add margin

---
 customize.dist/src/less2/include/sidebar-layout.less | 2 +-
 www/teams/app-team.less                              | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/customize.dist/src/less2/include/sidebar-layout.less b/customize.dist/src/less2/include/sidebar-layout.less
index 6d7b36a60..83aae7587 100644
--- a/customize.dist/src/less2/include/sidebar-layout.less
+++ b/customize.dist/src/less2/include/sidebar-layout.less
@@ -298,7 +298,7 @@
                 margin: 10px 0;
             }
             button.btn {
-                margin: 0 @sidebar_base-margin 0 0;
+                //margin: 0 @sidebar_base-margin 0 0;
                 &:last-child {
                     margin-right: 0;
                 }
diff --git a/www/teams/app-team.less b/www/teams/app-team.less
index 7914e241a..d73ecd792 100644
--- a/www/teams/app-team.less
+++ b/www/teams/app-team.less
@@ -249,6 +249,9 @@
                 button:not(:last-child) {
                     margin-right: 5px;
                 }
+                .btn {
+                    margin-bottom: 5px;
+                }
             }
             .cp-team-roster-member {
                 display: flex;

From 190d33347fcb005d49e101d18425095d0240f6b5 Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 2 Oct 2025 18:08:15 +0300
Subject: [PATCH 06/10] add icons

---
 www/common/common-icons.js     | 1 +
 www/common/inner/mfa.js        | 2 +-
 www/settings/app-settings.less | 2 +-
 www/settings/inner.js          | 2 +-
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/www/common/common-icons.js b/www/common/common-icons.js
index 7c9062108..1d9820daf 100644
--- a/www/common/common-icons.js
+++ b/www/common/common-icons.js
@@ -181,6 +181,7 @@ define([
         "tag": "hash",
         "password-reveal": "eye",
         "password-hide": "eye-closed",
+        "password-change": "rotate-ccw-key",
         "arrow-left": "arrow-left",
         "arrow-up": "arrow-up",
         "code": "code-xml",
diff --git a/www/common/inner/mfa.js b/www/common/inner/mfa.js
index b8380a46d..641c31348 100644
--- a/www/common/inner/mfa.js
+++ b/www/common/inner/mfa.js
@@ -134,7 +134,7 @@ define([
             return;
         }
 
-        var button = h('button.btn.btn-primary', Messages.mfa_setup_button);
+        var button = h('button.btn.btn-primary', [Icons.get('lock'), Messages.mfa_setup_button]);
         var $mfaSetupBtn = $(button);
         var pwInput;
         $content.append(h('div.cp-password-container', [
diff --git a/www/settings/app-settings.less b/www/settings/app-settings.less
index ff6aa1f2a..98fe4f2ef 100644
--- a/www/settings/app-settings.less
+++ b/www/settings/app-settings.less
@@ -225,7 +225,7 @@
                     }
                     button {
                         svg {
-                            margin: 0 0 0 0.2rem;
+                            margin-right: @variables_icon_margin
                         }
                     }
                 }
diff --git a/www/settings/inner.js b/www/settings/inner.js
index d12e897d9..635dd3fc7 100644
--- a/www/settings/inner.js
+++ b/www/settings/inner.js
@@ -638,7 +638,7 @@ define([
                 placeholder: Messages.settings_changePasswordNewConfirm,
                 autocomplete: 'new-password',
             }, true),
-            h('button.btn.btn-primary', Messages.settings_changePasswordButton)
+            h('button.btn.btn-primary', [ Icons.get('password-change'), Messages.settings_changePasswordButton ])
         ]);
 
         $(form).appendTo($div);

From cf0b1127ae186620aeb1036266d841deb6c863cd Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Thu, 2 Oct 2025 18:28:03 +0300
Subject: [PATCH 07/10] fix notifications style on smaller screens

---
 www/notifications/app-notifications.less | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/www/notifications/app-notifications.less b/www/notifications/app-notifications.less
index 278b68d9d..644a0c9c2 100644
--- a/www/notifications/app-notifications.less
+++ b/www/notifications/app-notifications.less
@@ -126,6 +126,8 @@
                     justify-content: flex-start;
                     align-items: center;
                     margin: 0.1rem;
+                    white-space: normal;
+                    word-break: break-word;
                     &:focus-visible {
                         outline: @variables_focus_style;
                         border-radius: @variables_radius;

From 7cf7210165242e35911a3ca32039569af9146aac Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Fri, 3 Oct 2025 09:13:13 +0300
Subject: [PATCH 08/10] fix cursor style

---
 customize.dist/src/less2/include/drive.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less
index d91dfb366..04240c27e 100644
--- a/customize.dist/src/less2/include/drive.less
+++ b/customize.dist/src/less2/include/drive.less
@@ -586,6 +586,7 @@
                 &:hover {
                     &:not(.-cp-app-drive-element-selected, .cp-app-drive-element-selected-tmp) {
                         background-color: @cp_drive-icon-hover;
+                        cursor: pointer;
                     }
                 }
             }

From 442691320c1e6134eebeacecd6043bbc53604622 Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Tue, 7 Oct 2025 16:31:09 +0300
Subject: [PATCH 09/10] fix slide controls color

---
 www/slide/app-slide.less | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/www/slide/app-slide.less b/www/slide/app-slide.less
index 6e37fa810..8b33e2287 100644
--- a/www/slide/app-slide.less
+++ b/www/slide/app-slide.less
@@ -255,6 +255,9 @@
             opacity: 0.6;
             display: none;
             z-index: 9001;
+            svg {
+                color: @cryptpad_text_col;
+            }
         }
         .cp-app-slide-modal-button:hover {
             opacity: 1;

From 87bfa4915bc55077b8008cd5d11a9fc1349a8a9e Mon Sep 17 00:00:00 2001
From: daria <95225431+dariiing@users.noreply.github.com>
Date: Tue, 7 Oct 2025 16:35:10 +0300
Subject: [PATCH 10/10] fix width

---
 customize.dist/src/less2/pages/page-index.less | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/customize.dist/src/less2/pages/page-index.less b/customize.dist/src/less2/pages/page-index.less
index ca89ed789..8180d0691 100644
--- a/customize.dist/src/less2/pages/page-index.less
+++ b/customize.dist/src/less2/pages/page-index.less
@@ -150,7 +150,7 @@
             margin-top: 40px;
         }
     }
-    @icons-size: 120px;
+    @icons-size: 130px;
     @icons-text-size: 24px;
     .bs-callout {
         display: flex;