From 10be5949889e8beea3f4bbff8d4fa65384f00cdd Mon Sep 17 00:00:00 2001
From: XnpioChV <xnpiochv@gmail.com>
Date: Wed, 4 Feb 2026 19:06:06 -0500
Subject: [PATCH 1/5] fix: Nits on styles of library icon

---
 cms/static/sass/course-unit-mfe-iframe-bundle.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
index ac3a6b2cf9e7..af9b22032ed4 100644
--- a/cms/static/sass/course-unit-mfe-iframe-bundle.scss
+++ b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -1174,3 +1174,11 @@ select {
     @extend %button-primary-outline;
   }
 }
+
+.tooltip {
+  background: $primary-base;
+  white-space: normal;
+  max-width: 200px;
+  line-height: 1.5;
+  text-align: center;
+}
\ No newline at end of file

From 7c8ce14cb94ebae8c158530d8d6e1b3a6539fba4 Mon Sep 17 00:00:00 2001
From: XnpioChV <xnpiochv@gmail.com>
Date: Wed, 4 Feb 2026 19:09:22 -0500
Subject: [PATCH 2/5] fix: punctuation in the library icon tooltip

---
 cms/templates/studio_xblock_wrapper.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/cms/templates/studio_xblock_wrapper.html b/cms/templates/studio_xblock_wrapper.html
index ae786f9ca1b6..fb7a1703509b 100644
--- a/cms/templates/studio_xblock_wrapper.html
+++ b/cms/templates/studio_xblock_wrapper.html
@@ -111,7 +111,7 @@
                 % else:
                     % if upstream_info.upstream_ref:
                         % if upstream_info.error_message:
-                            <div class="library-info-icon two-icons" data-tooltip="${_("The referenced library or library object is not available.")}">
+                            <div class="library-info-icon two-icons" data-tooltip="${_("The referenced library or library object is not available")}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
@@ -120,10 +120,10 @@
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="m770-302-60-62q40-11 65-42.5t25-73.5q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 57-29.5 105T770-302ZM634-440l-80-80h86v80h-6ZM792-56 56-792l56-56 736 736-56 56ZM440-280H280q-83 0-141.5-58.5T80-480q0-69 42-123t108-71l74 74h-24q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h65l79 80H320Z"/>
                                 </svg>
-                                <span class="sr-only">${_("The referenced library or library object is not available.")}</span>
+                                <span class="sr-only">${_("The referenced library or library object is not available")}</span>
                             </div>
                         % elif upstream_info.ready_to_sync:
-                            <button class="library-info-icon two-icons library-sync-button sync-state" data-tooltip="${Text(_("The linked {upstream_name} has updates available.")).format(upstream_name=upstream_info.upstream_name)}">
+                            <button class="library-info-icon two-icons library-sync-button sync-state" data-tooltip="${Text(_("The linked {upstream_name} has updates available")).format(upstream_name=upstream_info.upstream_name)}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
@@ -132,10 +132,10 @@
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M160-160v-80h110l-16-14q-52-46-73-105t-21-119q0-111 66.5-197.5T400-790v84q-72 26-116 88.5T240-478q0 45 17 87.5t53 78.5l10 10v-98h80v240H160Zm400-10v-84q72-26 116-88.5T720-482q0-45-17-87.5T650-648l-10-10v98h-80v-240h240v80H690l16 14q49 49 71.5 106.5T800-482q0 111-66.5 197.5T560-170Z"/>
                                 </svg>
-                                <span class="sr-only">${_("The linked library object has updates available.")}</span>
+                                <span class="sr-only">${_("The linked library object has updates available")}</span>
                             </button>
                         % elif len(upstream_info.downstream_customized) > 0:
-                            <div class="library-info-icon two-icons" data-tooltip="${_("This library reference has course overrides applied.")}">
+                            <div class="library-info-icon two-icons" data-tooltip="${_("This library reference has course overrides applied")}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
@@ -144,7 +144,7 @@
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M440-160v-304L240-664v104h-80v-240h240v80H296l224 224v336h-80Zm154-376-58-58 128-126H560v-80h240v240h-80v-104L594-536Z"/>
                                 </svg>
-                                <span class="sr-only">${_("This library reference has course overrides applied.")}</span>
+                                <span class="sr-only">${_("This library reference has course overrides applied")}</span>
                             </div>
                         % else:
                             <div class="library-info-icon" data-tooltip="${Text(_("This is referenced via {upstream_name}")).format(upstream_name=upstream_info.upstream_name)}">
@@ -152,7 +152,7 @@
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
                                 </svg>
-                                <span class="sr-only">${_("This item is linked to a library item.")}</span>
+                                <span class="sr-only">${_("This item is linked to a library item")}</span>
                             </div>
                         % endif
                     % endif

From 74842d2f1bb88fe261f102654f38a50d0910d380 Mon Sep 17 00:00:00 2001
From: XnpioChV <xnpiochv@gmail.com>
Date: Wed, 4 Feb 2026 19:14:40 -0500
Subject: [PATCH 3/5] fix: Nits on the code

---
 cms/static/sass/course-unit-mfe-iframe-bundle.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
index af9b22032ed4..42ce2948f0d9 100644
--- a/cms/static/sass/course-unit-mfe-iframe-bundle.scss
+++ b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -1181,4 +1181,4 @@ select {
   max-width: 200px;
   line-height: 1.5;
   text-align: center;
-}
\ No newline at end of file
+}

From 4e01220d8c2f579d77a35b5fee9dfdcfc7f2b347 Mon Sep 17 00:00:00 2001
From: XnpioChV <xnpiochv@gmail.com>
Date: Thu, 5 Feb 2026 12:03:48 -0500
Subject: [PATCH 4/5] fix: Bolding in library icon tooltip

---
 cms/templates/studio_xblock_wrapper.html | 4 ++--
 common/static/js/src/tooltip_manager.js  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/cms/templates/studio_xblock_wrapper.html b/cms/templates/studio_xblock_wrapper.html
index fb7a1703509b..fcdf215bad33 100644
--- a/cms/templates/studio_xblock_wrapper.html
+++ b/cms/templates/studio_xblock_wrapper.html
@@ -123,7 +123,7 @@
                                 <span class="sr-only">${_("The referenced library or library object is not available")}</span>
                             </div>
                         % elif upstream_info.ready_to_sync:
-                            <button class="library-info-icon two-icons library-sync-button sync-state" data-tooltip="${Text(_("The linked {upstream_name} has updates available")).format(upstream_name=upstream_info.upstream_name)}">
+                            <button class="library-info-icon two-icons library-sync-button sync-state" data-tooltip="${Text(_("The linked {upstream_name} has updates available")).format(upstream_name='<strong>' + upstream_info.upstream_name + '</strong>')}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
@@ -147,7 +147,7 @@
                                 <span class="sr-only">${_("This library reference has course overrides applied")}</span>
                             </div>
                         % else:
-                            <div class="library-info-icon" data-tooltip="${Text(_("This is referenced via {upstream_name}")).format(upstream_name=upstream_info.upstream_name)}">
+                            <div class="library-info-icon" data-tooltip="${Text(_("This is referenced via {upstream_name}")).format(upstream_name='<strong>' + upstream_info.upstream_name + '</strong>')}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
diff --git a/common/static/js/src/tooltip_manager.js b/common/static/js/src/tooltip_manager.js
index 71db826a705d..c8313d3fb1ab 100644
--- a/common/static/js/src/tooltip_manager.js
+++ b/common/static/js/src/tooltip_manager.js
@@ -70,7 +70,7 @@
             pageY = typeof pageY !== 'undefined' ? pageY : element.offset().top + element.height() / 2;
             var tooltipText = $(element).attr('data-tooltip');
             this.tooltip
-                .text(tooltipText)
+                .html(tooltipText)
                 .css(this.getCoords(pageX, pageY));
         },
 

From 968e0578f0752adff451bd9b20b1b9890caa11e6 Mon Sep 17 00:00:00 2001
From: XnpioChV <xnpiochv@gmail.com>
Date: Thu, 5 Feb 2026 13:26:29 -0500
Subject: [PATCH 5/5] fix: Broken lint

---
 cms/templates/studio_xblock_wrapper.html | 6 +++---
 common/static/js/src/tooltip_manager.js  | 4 +++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/cms/templates/studio_xblock_wrapper.html b/cms/templates/studio_xblock_wrapper.html
index fcdf215bad33..14bc6a28959b 100644
--- a/cms/templates/studio_xblock_wrapper.html
+++ b/cms/templates/studio_xblock_wrapper.html
@@ -1,7 +1,7 @@
 <%page expression_filter="h"/>
 <%!
 from django.utils.translation import gettext as _
-from openedx.core.djangolib.markup import Text
+from openedx.core.djangolib.markup import HTML, Text
 from cms.djangoapps.contentstore.helpers import xblock_studio_url
 from cms.djangoapps.contentstore.utils import is_visible_to_specific_partition_groups, get_editor_page_base_url, determine_label
 from lms.lib.utils import is_unit
@@ -123,7 +123,7 @@
                                 <span class="sr-only">${_("The referenced library or library object is not available")}</span>
                             </div>
                         % elif upstream_info.ready_to_sync:
-                            <button class="library-info-icon two-icons library-sync-button sync-state" data-tooltip="${Text(_("The linked {upstream_name} has updates available")).format(upstream_name='<strong>' + upstream_info.upstream_name + '</strong>')}">
+                            <button class="library-info-icon two-icons library-sync-button sync-state" data-tooltip="${Text(_("The linked {upstream_name} has updates available")).format(upstream_name=HTML('<strong>{name}</strong>').format(name=upstream_info.upstream_name))}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
@@ -147,7 +147,7 @@
                                 <span class="sr-only">${_("This library reference has course overrides applied")}</span>
                             </div>
                         % else:
-                            <div class="library-info-icon" data-tooltip="${Text(_("This is referenced via {upstream_name}")).format(upstream_name='<strong>' + upstream_info.upstream_name + '</strong>')}">
+                            <div class="library-info-icon" data-tooltip="${Text(_("This is referenced via {upstream_name}")).format(upstream_name=HTML('<strong>{name}</strong>').format(name=upstream_info.upstream_name))}">
                                 <!-- "library" icon from https://fonts.google.com/icons?selected=Material+Symbols+Outlined:newsstand:FILL@0;wght@400;GRAD@0;opsz@24&icon.size=24 -->
                                 <svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 -960 960 960" fill="currentColor" style="vertical-align: middle;">
                                     <path d="M80-160v-80h800v80H80Zm80-160v-320h80v320h-80Zm160 0v-480h80v480h-80Zm160 0v-480h80v480h-80Zm280 0L600-600l70-40 160 280-70 40Z"/>
diff --git a/common/static/js/src/tooltip_manager.js b/common/static/js/src/tooltip_manager.js
index c8313d3fb1ab..bc30a6641154 100644
--- a/common/static/js/src/tooltip_manager.js
+++ b/common/static/js/src/tooltip_manager.js
@@ -69,8 +69,10 @@
             pageX = typeof pageX !== 'undefined' ? pageX : element.offset().left + element.width() / 2;
             pageY = typeof pageY !== 'undefined' ? pageY : element.offset().top + element.height() / 2;
             var tooltipText = $(element).attr('data-tooltip');
+            // Tooltip content comes from data-tooltip attributes which are server-rendered
+            // with proper escaping using Text() and HTML() from openedx.core.djangolib.markup
             this.tooltip
-                .html(tooltipText)
+                .html(tooltipText)  // xss-lint: disable=javascript-jquery-html
                 .css(this.getCoords(pageX, pageY));
         },