qpp-style 9.52.0 → 9.53.0

package/coverage/lcov-report/react/components/Header/HeaderUI.jsx.html

@@ -459,7 +459,7 @@ const HeaderUI = <span class="fstat-no" title="function not covered" >({</span>
   const sharedHeaderProps = <span class="cstat-no" title="statement not covered" >{</span>
     skipToContentId,
     includeSkipToSidebar,
-    showSearchBar: headerContent.showSearchBar,
+    showSearchBar: !!headerContent.showSearchBar,
   };
 &nbsp;
   const displayCancelContent = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; (</span>
@@ -559,7 +559,7 @@ export default HeaderUI;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/HelpIcon.jsx.html

@@ -160,7 +160,7 @@ export default HelpIcon;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/ImpersonatorBanner.jsx.html

@@ -328,7 +328,7 @@ export default ImpersonatorBanner;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/NavigationButtonIcon.jsx.html

@@ -145,7 +145,7 @@ export default NavigationButtonIcon;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/PreviewBanner.jsx.html

@@ -133,7 +133,7 @@ export default PreviewBanner;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/header.js.html

@@ -181,7 +181,7 @@ export default class Header {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/hooks.js.html

@@ -256,7 +256,7 @@ export const useHeaderState = <span class="fstat-no" title="function not covered
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/index.html

@@ -341,7 +341,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Header/utag-helpers.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/HeaderSearchBar/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/HeaderSearchBar/index.jsx.html

@@ -382,7 +382,7 @@ export default HeaderSearchBar;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html

@@ -277,7 +277,7 @@ export default Infotip;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Infotip/InfotipContent.jsx.html

@@ -196,7 +196,7 @@ export default InfotipContent;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html

@@ -178,7 +178,7 @@ InfotipIcon.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Infotip/index.html

@@ -146,7 +146,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Infotip/index.js.html

@@ -79,7 +79,7 @@ export default Infotip;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Modal/LegacyModal.jsx.html

@@ -289,7 +289,7 @@ export default displayModal;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Modal/Modal.jsx.html

@@ -463,7 +463,7 @@ export default Modal;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Modal/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Modal/index.jsx.html

@@ -124,7 +124,7 @@ export default Modal;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/CollapsedView.js.html

@@ -187,7 +187,7 @@ export default CollapsedView;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/ExpandedView.js.html

@@ -202,7 +202,7 @@ export default ExpandedView;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/NotificationBanner/index.js.html

@@ -727,7 +727,7 @@ export default withGetConfig(NotificationBanner, {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SanitizedContent/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SanitizedContent/index.jsx.html

@@ -474,12 +474,12 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">170x</span>
-<span class="cline-any cline-yes">170x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">850x</span>
+<span class="cline-any cline-yes">850x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">34x</span>
@@ -489,9 +489,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -736,7 +736,7 @@ export default SanitizedContent;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Session/Session.jsx.html

@@ -337,7 +337,7 @@ export default Session;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Session/SessionDialogWrapped.jsx.html

@@ -106,7 +106,7 @@ export default class SessionDialog {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Session/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/Session/index.jsx.html

@@ -79,7 +79,7 @@ export default Session;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SideNav/AnimationGroup/AnimationGroup.jsx.html

@@ -92,11 +92,11 @@
 <a name='L27'></a><a href='#L27'>27</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -148,7 +148,7 @@ export default AnimationGroup;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SideNav/AnimationGroup/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/react/components/SideNav/Content/LevelOneContent.jsx.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>13/13</span>
+                <span class='fraction'>10/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">55.55% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>2/4</span>
+                <span class='fraction'>5/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>1/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>13/13</span>
+                <span class='fraction'>10/10</span>
             </div>
         
             
@@ -122,40 +122,38 @@
 <a name='L57'></a><a href='#L57'>57</a>
 <a name='L58'></a><a href='#L58'>58</a>
 <a name='L59'></a><a href='#L59'>59</a>
-<a name='L60'></a><a href='#L60'>60</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L60'></a><a href='#L60'>60</a>
+<a name='L61'></a><a href='#L61'>61</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -170,39 +168,37 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useState } from "react";
-import PropTypes from "prop-types";
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import PropTypes from "prop-types";
 import { parse } from "cookie";
 import { jwtDecode } from "jwt-decode";
 import SanitizedContent from "../../SanitizedContent";
 import AnimationGroup from "../AnimationGroup/AnimationGroup";
 import SelectRole from "./SelectRole";
-import { loadRoleOptions } from "./SelectRole/utils";
 &nbsp;
-const LevelOneContent = ({ isExpanded, levelOneContent }) =&gt; {
-  const {
-    qpp_auth_token,
-    qpp_has_authorizations: hasAuthorizations,
-    qpp_cms_internal_authorized: cmsInternalRoleValues,
-  } = parse(document.cookie);
-&nbsp;
-  const roleOptions = loadRoleOptions([
-    hasAuthorizations,
-    cmsInternalRoleValues,
-  ]);
-&nbsp;
-  const [selectedRole, setSelectedRole] = useState("");
+const LevelOneContent = ({
+  isExpanded,
+  levelOneContent,
+  sideNavOptions = <span class="branch-0 cbranch-no" title="branch not covered" >[],</span>
+  hasMultipleRoles = <span class="branch-0 cbranch-no" title="branch not covered" >false,</span>
+  selectedRole,
+  onRoleChange = <span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >()</span> =&gt; {},</span>
+}) =&gt; {
+  const { qpp_auth_token } = parse(document.cookie);
 &nbsp;
   let name = "";
   <span class="missing-if-branch" title="else path not taken" >E</span>if (qpp_auth_token) {
@@ -211,8 +207,6 @@ const LevelOneContent = ({ isExpanded, levelOneContent }) =&gt; {
   }
   const path = window.location.pathname;
   document.cookie = `current_path=${path}; Path=/;`;
-&nbsp;
-  const hasMultipleRoles = roleOptions.length &gt; 1;
 &nbsp;
   return (
     &lt;div className="sidebar-content"&gt;
@@ -221,10 +215,10 @@ const LevelOneContent = ({ isExpanded, levelOneContent }) =&gt; {
       &lt;/AnimationGroup&gt;
       &lt;div className="level-one-nav animation-flat"&gt;
         {hasMultipleRoles &amp;&amp; (
-<span class="branch-1 cbranch-no" title="branch not covered" >          &lt;SelectRole</span>
-            selectedRole={selectedRole}
-            setSelectedRole={setSelectedRole}
-            roleOptions={roleOptions}
+          &lt;SelectRole
+            selectedRole={selectedRole || sideNavOptions[0]?.value}
+            setSelectedRole={onRoleChange}
+            roleOptions={sideNavOptions}
           /&gt;
         )}
 &nbsp;
@@ -236,7 +230,16 @@ const LevelOneContent = ({ isExpanded, levelOneContent }) =&gt; {
 &nbsp;
 LevelOneContent.propTypes = {
   isExpanded: PropTypes.bool,
-  levelOneContent: PropTypes.object,
+  levelOneContent: PropTypes.string,
+  sideNavOptions: PropTypes.arrayOf(
+    PropTypes.shape({
+      name: PropTypes.string,
+      value: PropTypes.string,
+    }),
+  ),
+  hasMultipleRoles: PropTypes.bool,
+  selectedRole: PropTypes.string,
+  onRoleChange: PropTypes.func,
 };
 &nbsp;
 export default LevelOneContent;
@@ -247,7 +250,7 @@ export default LevelOneContent;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-22T20:16:29.438Z
+                at 2026-09-21T17:56:22.763Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>