@scratch/scratch-gui-standalone 11.6.0-face-sensing

package/src/components/custom-procedures/custom-procedures.jsx

@@ -0,0 +1,154 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Modal from '../../containers/modal.jsx';
+import Box from '../box/box.jsx';
+import {defineMessages, injectIntl, intlShape, FormattedMessage} from 'react-intl';
+
+import booleanInputIcon from './icon--boolean-input.svg';
+import textInputIcon from './icon--text-input.svg';
+import labelIcon from './icon--label.svg';
+
+import styles from './custom-procedures.css';
+
+const messages = defineMessages({
+    myblockModalTitle: {
+        defaultMessage: 'Make a Block',
+        description: 'Title for the modal where you create a custom block.',
+        id: 'gui.customProcedures.myblockModalTitle'
+    }
+});
+
+const CustomProcedures = props => (
+    <Modal
+        className={styles.modalContent}
+        contentLabel={props.intl.formatMessage(messages.myblockModalTitle)}
+        onRequestClose={props.onCancel}
+    >
+        <Box
+            className={styles.workspace}
+            componentRef={props.componentRef}
+        />
+        <Box className={styles.body}>
+            <div className={styles.optionsRow}>
+                <div
+                    className={styles.optionCard}
+                    role="button"
+                    tabIndex="0"
+                    onClick={props.onAddTextNumber}
+                >
+                    <img
+                        className={styles.optionIcon}
+                        src={textInputIcon}
+                    />
+                    <div className={styles.optionTitle}>
+                        <FormattedMessage
+                            defaultMessage="Add an input"
+                            description="Label for button to add a number/text input"
+                            id="gui.customProcedures.addAnInputNumberText"
+                        />
+                    </div>
+                    <div className={styles.optionDescription}>
+                        <FormattedMessage
+                            defaultMessage="number or text"
+                            description="Description of the number/text input type"
+                            id="gui.customProcedures.numberTextType"
+                        />
+                    </div>
+                </div>
+                <div
+                    className={styles.optionCard}
+                    role="button"
+                    tabIndex="0"
+                    onClick={props.onAddBoolean}
+                >
+                    <img
+                        className={styles.optionIcon}
+                        src={booleanInputIcon}
+                    />
+                    <div className={styles.optionTitle}>
+                        <FormattedMessage
+                            defaultMessage="Add an input"
+                            description="Label for button to add a boolean input"
+                            id="gui.customProcedures.addAnInputBoolean"
+                        />
+                    </div>
+                    <div className={styles.optionDescription}>
+                        <FormattedMessage
+                            defaultMessage="boolean"
+                            description="Description of the boolean input type"
+                            id="gui.customProcedures.booleanType"
+                        />
+                    </div>
+                </div>
+                <div
+                    className={styles.optionCard}
+                    role="button"
+                    tabIndex="0"
+                    onClick={props.onAddLabel}
+                >
+                    <img
+                        className={styles.optionIcon}
+                        src={labelIcon}
+                    />
+                    <div className={styles.optionTitle}>
+                        <FormattedMessage
+                            defaultMessage="Add a label"
+                            description="Label for button to add a label"
+                            id="gui.customProcedures.addALabel"
+                        />
+                    </div>
+                </div>
+            </div>
+            <div className={styles.checkboxRow}>
+                <label>
+                    <input
+                        checked={props.warp}
+                        type="checkbox"
+                        onChange={props.onToggleWarp}
+                    />
+                    <FormattedMessage
+                        defaultMessage="Run without screen refresh"
+                        description="Label for checkbox to run without screen refresh"
+                        id="gui.customProcedures.runWithoutScreenRefresh"
+                    />
+                </label>
+            </div>
+            <Box className={styles.buttonRow}>
+                <button
+                    className={styles.cancelButton}
+                    onClick={props.onCancel}
+                >
+                    <FormattedMessage
+                        defaultMessage="Cancel"
+                        description="Label for button to cancel custom procedure edits"
+                        id="gui.customProcedures.cancel"
+                    />
+                </button>
+                <button
+                    className={styles.okButton}
+                    onClick={props.onOk}
+                >
+                    <FormattedMessage
+                        defaultMessage="OK"
+                        description="Label for button to save new custom procedure"
+                        id="gui.customProcedures.ok"
+                    />
+                </button>
+            </Box>
+        </Box>
+    </Modal>
+);
+
+CustomProcedures.propTypes = {
+    componentRef: PropTypes.func.isRequired,
+    intl: intlShape,
+    onAddBoolean: PropTypes.func.isRequired,
+    onAddLabel: PropTypes.func.isRequired,
+    onAddTextNumber: PropTypes.func.isRequired,
+    onCancel: PropTypes.func.isRequired,
+    onOk: PropTypes.func.isRequired,
+    onToggleWarp: PropTypes.func.isRequired,
+    warp: PropTypes.bool.isRequired
+};
+
+export default injectIntl(CustomProcedures);

package/src/components/custom-procedures/icon--boolean-input.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 49"><defs><style>.cls-1{opacity:0.3;}.cls-2{opacity:0.1;}.cls-3{fill:#ff6680;stroke-miterlimit:10;}.cls-3,.cls-4{stroke:#f35;}.cls-4{fill:#ff4d6a;stroke-linecap:round;stroke-linejoin:round;}</style></defs><title>R1_ C.Procedure Editble Inputs</title><g id="boolean_boolean_inputs" data-name="boolean + boolean inputs"><rect class="cls-3" x="0.5" y="0.5" width="56" height="48" rx="4" ry="4"/><path class="cls-4" d="M32.5,40.5h-8l-16-16h0l16-16h8l16,16h0Z"/></g></svg>

package/src/components/custom-procedures/icon--label.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 49"><defs><style>.cls-1{opacity:0.3;}.cls-2{opacity:0.1;}.cls-3{fill:#ff6680;stroke:#f35;stroke-miterlimit:10;}.cls-4{font-size:12px;fill:#fff;font-family:HelveticaNeue-Bold, Helvetica Neue, sans-serif;font-weight:700;letter-spacing:0em;}</style></defs><title>R1_ C.Procedure Editble Inputs</title><g id="boolean_boolean_inputs" data-name="boolean + boolean inputs"><rect class="cls-3" x="0.5" y="0.5" width="56" height="48" rx="4" ry="4"/><text class="cls-4" transform="translate(17.57 27.5)">text</text></g></svg>

package/src/components/custom-procedures/icon--text-input.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 49"><defs><style>.cls-1{opacity:0.3;}.cls-2{opacity:0.1;}.cls-3{fill:#ff6680;stroke-miterlimit:10;}.cls-3,.cls-4{stroke:#f35;}.cls-4{fill:#ff4d6a;stroke-linecap:round;stroke-linejoin:round;}</style></defs><title>R1_ C.Procedure Editble Inputs</title><g id="boolean_boolean_inputs" data-name="boolean + boolean inputs"><rect class="cls-3" x="0.5" y="0.5" width="56" height="48" rx="4" ry="4"/><rect class="cls-4" x="8.5" y="8.5" width="40" height="32" rx="16" ry="16"/></g></svg>

package/src/components/debug-modal/debug-modal.css

@@ -0,0 +1,162 @@
+@import "../../css/colors.css";
+
+.debug-modal-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: transparent;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 510;
+}
+
+.debug-modal-container {
+    background: white;
+    border-radius: 8px;
+    width: 1000px;
+    max-height: 90%;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    overflow-x: visible;
+    box-shadow: 0 4px 4px 0 $ui-black-transparent-10;
+    outline: none;
+    margin: 0 40px;
+
+    .modal-header {
+        display: flex;
+        border-radius: 8px 8px 0 0;
+        justify-content: space-between;
+        align-items: center;
+        padding: 8px;
+        padding-left: 12px;
+        padding-right: 12px;
+        background-color: $ui-green-2;
+    }
+
+    .header-title {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        font-size: 1rem;
+        line-height: 1.25rem;
+        font-weight: 700;
+        color: white; 
+    }
+    .debug-icon {
+        height: 22px;
+        width: 22px;
+    }
+
+    .hidden {
+        display: none;
+    }
+
+    .close-button {
+        display: flex;
+        background: none;
+        border: none;
+        cursor: pointer;
+        width: 32px;
+        height: 32px;
+    }
+
+    .modal-content {
+        display: flex;
+        width: 100%;
+        flex-grow: 1;
+        overflow-y: scroll;
+    }
+
+    .modal-content::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    .modal-content::-webkit-scrollbar {
+    width: 8px; 
+    }
+
+    .previousIcon {
+        position: absolute;
+        cursor: pointer;
+        top: 50%;
+    }
+
+    .nextIcon {
+        position: absolute;
+        cursor: pointer;
+        right: -24px;
+        top: 50%;
+    }
+
+    .topic-list {
+        width: 30%;
+        border-right: 1px solid $ui-green;;
+    }
+
+    .topic-item {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+        padding: 8px;
+        padding-left: 12px;
+        font-size: 1rem;
+        line-height: 1.5rem;
+        color: $ui-green;;
+        cursor: pointer;
+    }
+
+    .topic-item.active {
+        background-color: #D1FAEE;
+        font-weight: bold;
+    }
+
+    .info-container {
+        flex-direction: column;
+        width: 70%;
+        display: flex;
+        padding: 20px;
+        color: $text-primary;
+    }
+
+    .text-container {
+        flex: 1;
+        margin-left: 70px;
+    }
+
+    .title-text {
+        font-size: 24px;
+        line-height: 32px;
+        font-weight: 700;
+    }
+
+    .description {
+        font-size: 16px;
+        line-height: 28px;
+    }
+
+    .imageContainer {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 10px;
+        margin-top: 10px;
+    }
+
+    .topicImage {
+        max-width: 100%;
+        max-height: 100%;
+        object-fit: contain; /* Ensures image scales proportionally */
+    }
+
+    .navigation-buttons {
+        margin-top: 20px;
+    }
+
+    button {
+        margin: 5px;
+    }
+}

package/src/components/debug-modal/debug-modal.jsx

@@ -0,0 +1,174 @@
+import React, {useState, useCallback, useEffect} from 'react';
+import {defineMessages, FormattedMessage} from 'react-intl';
+import PropTypes from 'prop-types';
+import ReactModal from 'react-modal';
+import classNames from 'classnames';
+import {sections} from './sections/sections';
+import GA4 from '../../lib/analytics';
+
+import styles from './debug-modal.css';
+import debugIcon from './icons/icon--debug.svg';
+import debugIconInverted from './icons/icon--debug-inverted.svg';
+import closeIcon from './icons/icon--close.svg';
+import prevIcon from './icons/icon--prev.svg';
+import nextIcon from './icons/icon--next.svg';
+
+const messages = defineMessages({
+    title: {
+        id: 'gui.debugModal.title',
+        defaultMessage: 'Debugging | Getting Unstuck',
+        description: 'title for the debugging modal'
+    }
+});
+
+const logTopicChange = topicIndex => {
+    GA4.event({
+        category: 'change_topic_debug_modal',
+        label: sections[topicIndex].id
+    });
+};
+
+const DebugModal = ({isOpen, onClose = () => {}}) => {
+    const [selectedTopicIndex, setSelectedTopicIndex] = useState(0);
+
+    // Preload images
+    useEffect(() => {
+        sections.forEach(section => {
+            new Image().src = section.image;
+        });
+    }, []);
+
+    const handleNext = useCallback(() => {
+        if (selectedTopicIndex < sections.length - 1) {
+            setSelectedTopicIndex(selectedTopicIndex + 1);
+            logTopicChange(selectedTopicIndex + 1);
+        }
+    }, [selectedTopicIndex, setSelectedTopicIndex]);
+
+    const handlePrevious = useCallback(() => {
+        if (selectedTopicIndex > 0) {
+            setSelectedTopicIndex(selectedTopicIndex - 1);
+            logTopicChange(selectedTopicIndex - 1);
+        }
+    }, [selectedTopicIndex, setSelectedTopicIndex]);
+
+    const handleTopicSelect = useCallback(index => {
+        setSelectedTopicIndex(index);
+        logTopicChange(index);
+    }, [setSelectedTopicIndex]);
+
+    const handleClose = useCallback(() => {
+        GA4.event({
+            category: 'close_debug_modal'
+        });
+        onClose();
+    }, [onClose]);
+
+    useEffect(() => {
+        if (isOpen) {
+            GA4.event({
+                category: 'open_debug_modal',
+                label: sections[selectedTopicIndex].id
+            });
+        }
+    }, [isOpen]);
+
+    if (!isOpen) return null;
+
+    return (
+        <ReactModal
+            isOpen={isOpen}
+            onRequestClose={handleClose}
+            className={styles.debugModalContainer}
+            overlayClassName={styles.debugModalOverlay}
+        >
+            <div className={styles.modalHeader}>
+                <div className={styles.headerTitle}>
+                    <img
+                        className={styles.debugIcon}
+                        src={debugIcon}
+                    />
+                    <FormattedMessage
+                        {...messages.title}
+                    />
+                </div>
+                <button
+                    className={styles.closeButton}
+                    onClick={handleClose}
+                >
+                    <img
+                        className={styles.closeIcon}
+                        src={closeIcon}
+                    />
+                </button>
+            </div>
+            <div className={styles.modalContent} >
+                <div className={styles.topicList}>
+                    {sections.map((section, index) => (
+                        <div
+                            key={index}
+                            className={classNames(styles.topicItem, {
+                                [styles.active]: selectedTopicIndex === index
+                            })}
+                            // eslint-disable-next-line react/jsx-no-bind
+                            onClick={() => handleTopicSelect(index)}
+                        >
+                            <div className={styles.debugIcon}>
+                                <img
+                                    className={classNames({
+                                        [styles.hidden]: selectedTopicIndex !== index
+                                    })}
+                                    src={debugIconInverted}
+                                />
+                            </div>
+                            <FormattedMessage
+                                {...(section.sectionTitle ?? section.title)}
+                            />
+                        </div>
+                    ))}
+                </div>
+                <div className={styles.infoContainer}>
+                    <div className={styles.textContainer}>
+                        <div className={styles.titleText}>
+                            <FormattedMessage
+                                {...sections[selectedTopicIndex].title}
+                            />
+                        </div>
+                        <div className={styles.description}>{sections[selectedTopicIndex].description}</div>
+                    </div>
+                    <div className={styles.imageContainer}>
+                        <img
+                            src={sections[selectedTopicIndex].image}
+                            className={styles.topicImage}
+                        />
+                    </div>
+                    <div className={styles.navigationButtons}>
+                        <img
+                            src={prevIcon}
+                            alt="Previous"
+                            onClick={handlePrevious}
+                            className={classNames(styles.previousIcon, {
+                                [styles.hidden]: selectedTopicIndex === 0
+                            })}
+                        />
+                        <img
+                            src={nextIcon}
+                            alt="Next"
+                            onClick={handleNext}
+                            className={classNames(styles.nextIcon, {
+                                [styles.hidden]: selectedTopicIndex === sections.length - 1
+                            })}
+                        />
+                    </div>
+                </div>
+            </div>
+        </ReactModal>
+    );
+};
+
+DebugModal.propTypes = {
+    isOpen: PropTypes.bool,
+    onClose: PropTypes.func
+};
+
+export default DebugModal;

package/src/components/debug-modal/icons/icon--add-sound-checkpoints.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="440" height="106" id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 438.83 105.89"><g id="Layer_1-2"><g><rect width="438.83" height="105.89" fill="#fff"/><g><path d="M249.39,2.41c.47-.48,1.12-.75,1.79-.76h1.49s71.25-.59,71.25-.59c1.41-.01,2.55,1.12,2.57,2.52l.21,25.45c.01,1.41-1.12,2.55-2.52,2.57l-71.25,.58h-1.49c-.67,.02-1.32,.29-1.79,.77l-3.57,3.63c-.47,.48-1.12,.75-1.79,.76l-8.07,.07c-.67,0-1.32-.26-1.81-.73l-3.63-3.57c-.48-.47-1.13-.74-1.81-.73h-1.49s-5.09,.05-5.09,.05c-1.41,.01-2.55-1.12-2.57-2.52l-.21-25.44c-.01-1.41,1.12-2.55,2.52-2.57l5.09-.04h1.49c.67-.02,1.32,.25,1.81,.72l3.63,3.57c.48,.47,1.13,.74,1.81,.73l8.07-.07c.67,0,1.32-.28,1.79-.76l3.57-3.63Z" fill="#23b689" fill-rule="evenodd"/><path d="M249.51,69.63c.47-.48,1.12-.76,1.79-.76h1.49s40.71-.38,40.71-.38c1.4-.01,2.55,1.12,2.57,2.52l.23,25.44c.01,1.41-1.12,2.56-2.52,2.57l-40.71,.36h-1.49c-.67,.02-1.32,.29-1.79,.77l-3.57,3.63c-.47,.48-1.12,.76-1.79,.76l-8.07,.07c-.67,0-1.32-.26-1.81-.73l-3.63-3.57c-.48-.47-1.13-.74-1.81-.73h-1.49s-5.09,.06-5.09,.06c-1.41,.01-2.55-1.12-2.57-2.52l-.23-25.44c-.01-1.41,1.12-2.55,2.52-2.57l5.09-.05h1.49c.67-.02,1.32,.24,1.81,.72l3.63,3.57c.48,.47,1.13,.74,1.81,.73l8.07-.07c.67,0,1.32-.28,1.79-.76l3.57-3.63Z" fill="#7e69ad" fill-rule="evenodd"/><path d="M127.56,53.28c.41-.54,1.02-.89,1.69-.98l1.48-.2,40.36-5.37c1.39-.19,2.67,.79,2.86,2.19l3.36,25.22c.19,1.39-.79,2.67-2.19,2.86l-40.36,5.37-1.48,.2c-.67,.09-1.28,.44-1.69,.98l-3.09,4.04c-.41,.54-1.02,.89-1.69,.98l-8,1.06c-.67,.09-1.35-.09-1.88-.5l-4.04-3.09c-.54-.41-1.21-.59-1.88-.5l-1.48,.2-5.04,.67c-1.39,.19-2.67-.79-2.86-2.19l-3.36-25.22c-.19-1.39,.79-2.67,2.19-2.86l5.04-.67,1.48-.2c.67-.09,1.35,.09,1.88,.5l4.04,3.09c.54,.41,1.21,.59,1.88,.5l8-1.07c.67-.09,1.28-.44,1.69-.98l3.09-4.04Z" fill="#ae5aa2" fill-rule="evenodd"/><path d="M249.83,35.54c.47-.48,1.12-.76,1.79-.77l1.49-.02,40.71-.49c1.4-.02,2.56,1.11,2.58,2.51l.31,25.44c.02,1.41-1.11,2.56-2.51,2.58l-40.71,.49-1.49,.02c-.67,0-1.32,.28-1.79,.77l-3.55,3.64c-.47,.48-1.12,.76-1.79,.77l-8.07,.1c-.67,0-1.33-.25-1.81-.72l-3.64-3.55c-.48-.47-1.13-.73-1.81-.72l-1.49,.02-5.09,.06c-1.41,.02-2.56-1.11-2.58-2.51l-.31-25.44c-.02-1.41,1.11-2.56,2.51-2.58l5.09-.06,1.49-.02c.67,0,1.33,.25,1.81,.72l3.64,3.55c.48,.47,1.13,.73,1.81,.72l8.07-.1c.67,0,1.32-.28,1.79-.77l3.55-3.64Z" fill="none" fill-rule="evenodd" stroke="#ae5aa2" stroke-dasharray="0 0 3 6" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"/><g><path d="M223.09,54.67c-.42-.27-.84-.54-1.26-.8" fill="none" stroke="#eecde1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.99"/><path d="M216.75,51.03c-26.85-13.34-45.51,4.07-52.14,11.93" fill="none" stroke="#eecde1" stroke-dasharray="0 0 2.91 5.82" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.99"/><path d="M162.81,65.24c-.57,.77-.86,1.22-.86,1.22" fill="none" stroke="#eecde1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.99"/><path d="M222.68,54.42c-1.74,.32-3.62,2.02-4.63,3.4,2.71-.93,5.68-1.32,8.53-.72-1.61-2.41-2.16-5.37-2.39-8.23-.92,1.59-1.81,3.68-1.51,5.55Z" fill="#eecde1"/></g></g><g><path d="M67.87,68.94c.98,2.04,3.49,6.15,8.48,8.35,.89,.38,1.76-.43,1.54-1.31-.71-2.5-1.62-6.66-.66-10.04,.26-.71,.79-1.27,1.47-1.52,5.74-1.81,33.57-11.85,28.98-34.62C102.58,4.46,80.31,1.18,60.39,9.88c-20.18,8.81-20.91,23.07-17.94,37.89,3.4,17.17,18.8,19.56,23.47,19.93,.89,.04,1.57,.49,1.95,1.24Z" fill="#5fc8de"/><path d="M66.42,36.73c-3.34-.9-4.17-6.4,.21,13,0,.07,0,.14,.07,.21,.42,2.02-1.53,3.68-4.24,3.68s-5.35-1.67-5.77-3.68c-.42-2.02,1.53-3.68,4.24-3.68,.56,0,1.18,.07,1.74,.21,.28,.07,.56,.14,.83,.28,.76,0-.14-2.09-1.67-10.98-1.95-11.05,2.78-1.67,7.92-2.5,5.07-.76,0,4.31-3.34,3.48Z" fill="#fff"/><path d="M86.17,29.84c-3.34-.9-4.17-6.4,.21,13,0,.07,0,.14,.07,.21,.42,2.02-1.53,3.68-4.24,3.68s-5.35-1.67-5.77-3.68c-.42-2.02,1.53-3.68,4.24-3.68,.56,0,1.18,.07,1.74,.21,.28,.07,.56,.14,.83,.28,.76,0-.14-2.09-1.67-10.98-1.95-11.05,2.78-1.67,7.93-2.43,5.07-.83,0,4.24-3.34,3.41Z" fill="#fff"/></g></g></g></svg>

package/src/components/debug-modal/icons/icon--ask-for-help.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="440" height="106" id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 438.83 105.89"><g id="Layer_1-2"><g><rect width="438.83" height="105.89" fill="#fff"/><g><path d="M274.2,5.87h53.28c6.88,0,12.49,6.52,12.49,14.54s-5.61,14.54-12.49,14.54h-34.81v.07c-6.81,11.77-16.98,12.67-16.01,7.35,.67-3.67,1.2-5.32,.67-7.35h-3.07c-6.88,0-12.49-6.52-12.49-14.54-.07-8.1,5.46-14.62,12.42-14.62Z" fill="#bfccdc" fill-rule="evenodd"/><path d="M61.76,32.33c.37-.59,.95-1.01,1.63-1.16l1.49-.34,45.21-10.44c1.41-.32,2.81,.55,3.13,1.96l5.12,22.29c.32,1.41-.55,2.81-1.96,3.14l-45.21,10.44-1.49,.34c-.68,.16-1.26,.57-1.63,1.16l-2.77,4.43c-.37,.59-.95,1.01-1.63,1.16l-8.08,1.87c-.68,.16-1.38,.04-1.97-.33l-4.43-2.77c-.59-.37-1.3-.49-1.97-.33l-1.49,.34-5.09,1.18c-1.41,.32-2.81-.55-3.13-1.96l-5.12-22.29c-.32-1.41,.55-2.81,1.96-3.14l5.09-1.18,1.49-.34c.68-.16,1.39-.04,1.97,.33l4.43,2.77c.59,.37,1.3,.49,1.97,.33l8.08-1.87c.68-.16,1.26-.57,1.63-1.16l2.77-4.43Z" fill="#00a87d" fill-rule="evenodd"/><path d="M107.05,60.97c.37-.59,.95-1.01,1.63-1.16l1.49-.34,10.19-2.35c1.41-.32,2.81,.55,3.13,1.96l5.12,22.29c.32,1.41-.55,2.81-1.96,3.14l-10.19,2.35-1.49,.34c-.68,.16-1.26,.57-1.63,1.16l-2.77,4.43c-.37,.59-.95,1.01-1.63,1.16l-8.08,1.87c-.68,.16-1.38,.04-1.97-.33l-4.43-2.77c-.59-.37-1.3-.49-1.97-.33l-1.49,.35-5.09,1.18c-1.41,.32-2.81-.55-3.13-1.96l-5.12-22.29c-.32-1.41,.55-2.81,1.96-3.14l5.09-1.18,1.49-.35c.68-.16,1.38-.04,1.97,.33l4.43,2.77c.59,.37,1.3,.49,1.97,.33l8.08-1.87c.68-.16,1.26-.57,1.63-1.16l2.77-4.43Z" fill="#7267ad" fill-rule="evenodd"/><g><path d="M204.21,14.28h-53.18c-1.96,0-3.55,1.59-3.55,3.56v46.61c0,1.97,1.59,3.56,3.55,3.56h53.18c1.96,0,3.55-1.59,3.55-3.56V17.84c0-1.97-1.59-3.56-3.55-3.56Z" fill="#1b93be"/><path d="M204.21,14.81c.8,0,1.57,.32,2.14,.89,.57,.57,.88,1.34,.88,2.14v46.61c0,.8-.32,1.57-.88,2.14-.57,.57-1.34,.89-2.14,.89h-53.19c-.8,0-1.57-.32-2.14-.89-.57-.57-.89-1.34-.89-2.14V17.84c0-.8,.32-1.57,.89-2.14,.57-.57,1.34-.89,2.14-.89h53.19Zm0-1.06h-53.19c-1.08,0-2.12,.43-2.88,1.2-.76,.77-1.19,1.8-1.2,2.89v46.61c0,1.08,.43,2.12,1.2,2.89,.76,.77,1.8,1.2,2.88,1.2h53.19c1.08,0,2.12-.43,2.88-1.2,.76-.77,1.19-1.8,1.2-2.89V17.84c0-1.08-.43-2.12-1.2-2.89-.76-.77-1.8-1.2-2.88-1.2Z" fill="#bfccdc"/><path d="M209.29,14.81c3.47,0,6.28-2.82,6.28-6.29s-2.81-6.29-6.28-6.29-6.28,2.82-6.28,6.29,2.81,6.29,6.28,6.29Z"/><path d="M213.58,27.77s4.47-1.81,2.82,4.11c-1.65,5.92-4.53,2.95-4.53,2.95,0,0-.28-2.64-.04-3.59,.21-.84,1.76-3.47,1.76-3.47Z" fill="#977945"/><path d="M190.66,41.74s-6.3-4.32-15.91-2.26c-10.53,2.26-14.56,5.59-14.56,5.59l5.53,12.96,2.57,.57c.15,.03,.29,.1,.41,.18,.12,.09,.23,.2,.31,.33,.08,.13,.13,.27,.16,.42,.02,.15,.02,.3-.02,.45l-1.89,7.49h33.65s5.8,.89,6.33-2.39v-19.15s-.34-1.31-4.37-1.15c-4.04,.16-12.19-3.05-12.19-3.05Z" fill="#ee3e69"/><path d="M193.8,36.74s-.22,2.45-3.14,4.99c0,0,2.11,5.09,5.12,6.3,3.01,1.21,5.61-1.01,5.61-1.01,1.79-1.72,2.92-4.66,2.92-4.66l-10.5-5.63Z" fill="#977945"/><path d="M216.54,25.05c0-9.13-6.75-16.53-15.07-16.53s-12.64,7.4-12.64,16.53c0,6.05,3.62,10.99,7.35,13.86,.84,.64,1.79,1.54,2.57,2.09,1.61,1.13,3.78,2.81,7.22,3.16,5.04,.52,8.91-6.63,9-9.95,.05-.96,.2-1.91,.43-2.85,.73-2.03,1.11-4.17,1.12-6.33Z" fill="#a57e4c"/><path d="M202.34,30.32c.02-.58-.35-1.06-.82-1.08s-.87,.44-.89,1.02c-.02,.58,.35,1.06,.82,1.08,.47,.02,.87-.44,.89-1.02Z"/><path d="M212.26,30.66c.02-.58-.35-1.06-.82-1.08-.47-.02-.87,.44-.89,1.02-.02,.58,.35,1.06,.82,1.08,.47,.02,.87-.44,.89-1.02Z"/><path d="M207.66,30.08s-.37,1.04,.06,1.79c.43,.75,3.69,5.61-1.4,3.92" fill="none" stroke="#663815" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".32"/><path d="M202.4,37.73c1.1,.9,4.57,3.27,7.23,.37,.02-.02,.03-.04,.04-.07,0-.03,0-.05-.01-.08-.01-.02-.03-.04-.05-.06-.02-.01-.05-.02-.08-.02l-1.81,.15c-.93,.07-1.86,.03-2.78-.12l-2.44-.41s-.06,0-.08,.02c-.02,.01-.04,.04-.06,.06-.01,.03-.01,.05,0,.08,0,.03,.02,.05,.04,.07Z" fill="#fff"/><path d="M191.01,16.38c3.47,0,6.28-2.82,6.28-6.29s-2.81-6.29-6.28-6.29-6.28,2.82-6.28,6.29,2.81,6.29,6.28,6.29Z"/><path d="M190.32,16.59c-1.16,3.3-1.66,6.79-1.47,10.28,0,0,1.47-.79,2.78,1.38,0,0,4.75-10.81,12.67-11.11,0,0,.05-6.82-4.41-8.53-2.18,.23-4.24,1.13-5.88,2.58-1.62,1.5-2.87,3.35-3.68,5.4Z"/><path d="M205.27,17.03s10.29,.03,11.26,7.37c0,0,0-10.19-8.89-14.43,0,0-2.69-1.8-7.35-1.39l-.74,.08,5.72,8.37Z"/><path d="M192.62,26.34s.45,3.68,.42,5.53c0,0-.82-2.97-1.41-3.61l.22-1.74,.77-.17Z"/><path d="M205.09,26.6c.11,.09,0,.27-.15,.25-1.19-.12-4.41-.37-6.66,.28-1.63,.46,4.07-2.73,6.8-.53Z"/><path d="M208.33,26.85s-.04,.05-.05,.08c0,.03,0,.06,0,.09,.01,.03,.04,.05,.06,.07,.03,.01,.06,.02,.09,.01,1.07-.06,3.95-.14,5.91,.61,1.42,.54-3.44-2.92-6.03-.87Z"/><path d="M190.9,27.14s-4.47-1.81-2.81,4.11c1.65,5.92,4.53,2.95,4.53,2.95,0,0,.28-2.64,.04-3.59-.22-.84-1.76-3.47-1.76-3.47Z" fill="#977945"/><path d="M191.79,35.42c.43,0,.77-.35,.77-.77s-.35-.77-.77-.77-.77,.35-.77,.77,.35,.77,.77,.77Z" fill="#f9a11b"/><path d="M160.18,45.07s-17.98,6.02-18.48,11.14c-.5,5.12-1,8.34,20.93,11.27l13.12-1.89s-16.25-6.56-19.02-7.92l8.36-1.11-4.9-11.5Z" fill="#a57e4c"/><path d="M156.73,57.67c-2.26-1.47-4.87-2.32-7.56-2.49" fill="none" isolation="isolate" opacity=".1" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width=".32"/><path d="M178.23,65.03c2.85-.42,9.72-.76,11.52-.44,1.8,.31,3.78,7.08,3.81,7.91,0,.53-1.22,.48-1.63-.37s-2.78-4.95-3.37-5.08c-.58-.14-2.43,.45-2.43,.45h-23.51s12.82-2.04,15.61-2.46Z" fill="#a57e4c"/><path d="M189.15,69.87c-.46,.21-1.22-.41-1.39-.8l-1.52-3.32c-.04-.11-.06-.22-.06-.33,0-.11,.03-.23,.08-.33,.05-.1,.12-.2,.2-.27,.08-.08,.18-.14,.29-.17,.2-.11,.43-.14,.64-.08,.22,.06,.4,.2,.51,.4l1.52,3.31c.18,.39,.19,1.37-.27,1.59Z" fill="#a57e4c"/><path d="M185.11,71.9c-.52,.16-1.29-.55-1.44-1.06l-1.47-4.74c-.04-.12-.05-.25-.04-.38s.05-.25,.11-.37c.06-.11,.15-.21,.25-.3,.1-.08,.22-.14,.34-.18,.25-.08,.52-.06,.75,.06,.23,.12,.41,.33,.49,.57l1.47,4.74c.16,.51,.07,1.48-.45,1.65Z" fill="#a57e4c"/><path d="M187.02,70.02c-.46,.21-1.23-.44-1.41-.84l-1.56-3.42c-.08-.21-.07-.45,.02-.65,.09-.21,.26-.37,.48-.45,.46-.21,1.62-.09,1.8,.31l.93,3.44c.18,.4,.2,1.4-.26,1.61Z" fill="#a57e4c"/><path d="M189.04,73.51c-.5,.04-1-.74-1.03-1.13l-.28-3.36c.01-.22,.11-.42,.27-.57s.37-.23,.59-.22c.21-.04,.43,0,.62,.12,.18,.12,.31,.3,.36,.52l.28,3.36c.02,.39-.29,1.25-.8,1.29Z" fill="#a57e4c"/><path d="M186.81,72.78c-.51,.04-.99-.62-1.02-.96l-.24-2.9c-.03-.34,.37-.65,.86-.69,.51-.04,.94,.2,.97,.54l.24,2.9c.03,.33-.31,1.07-.81,1.12Z" fill="#a57e4c"/></g><g><path d="M362.35,46.07h-53.18c-1.96,0-3.55,1.59-3.55,3.56v46.61c0,1.97,1.59,3.56,3.55,3.56h53.18c1.96,0,3.55-1.59,3.55-3.56V49.63c0-1.97-1.59-3.56-3.55-3.56Z" fill="#b662a5"/><path d="M362.35,46.6c.8,0,1.57,.32,2.14,.89,.57,.57,.89,1.34,.89,2.14v46.61c0,.4-.08,.79-.23,1.16-.15,.37-.37,.7-.65,.98-.28,.28-.61,.51-.98,.66-.37,.15-.76,.23-1.16,.23h-53.2c-.4,0-.79-.08-1.16-.23-.37-.15-.7-.38-.98-.66s-.5-.62-.65-.98c-.15-.37-.23-.76-.23-1.16V49.63c0-.8,.32-1.57,.88-2.14s1.34-.89,2.14-.89h53.2Zm0-1.06h-53.2c-1.08,0-2.12,.43-2.88,1.2-.76,.77-1.19,1.8-1.2,2.89v46.61c0,1.08,.43,2.12,1.2,2.89,.76,.77,1.8,1.2,2.88,1.2h53.2c1.08,0,2.12-.43,2.88-1.2,.76-.77,1.19-1.8,1.2-2.89V49.63c0-1.08-.43-2.12-1.2-2.89-.76-.77-1.8-1.2-2.88-1.2Z" fill="#bfccdc"/><path d="M342.48,52.8c-2.57,8.76-11.18,16.45-19,14.31-7.83-2.14-12.22-11.01-9.82-19.82,2.4-8.81,10.5-13.33,18.51-12.08,9.39,1.47,12.36,10.63,10.31,17.59Z" fill="#d59d7a"/><path d="M314.62,44.91s-.74,2.81-4.41,3.36c-3.68,.55,.3,3.12,.3,3.12,0,0-1.16,.56-1.24,1.39-.08,.83,1.71,1.36,1.86,1.4,1.21,.34,2.53,.05,.74,1.54-.94,.77-.79,.31-1.79,.74-1.67,.71-.44,1.66-.44,1.66,0,0-.19,3.75,.71,4.95,.9,1.2,15.42,4.5,15.42,4.5l-11.14-22.66Z" fill="#d59d7a"/><path d="M315.86,47.56c.27-.51,.21-1.07-.12-1.24-.33-.17-.81,.11-1.08,.62-.27,.51-.21,1.07,.12,1.24,.33,.17,.81-.11,1.08-.62Z"/><g><path d="M301.3,83.56l-9.61,6.65s-13.26-8.2-19.52-11.31c-6.27-3.11-6.25,2.33-2.67,5.65,3.58,3.32,19.12,14.86,22.5,15.58,5.72,1.21,18.38-4.34,18.38-4.34l-9.08-12.24Z" fill="#d59d7a"/><path d="M268.83,85.33l-6.04-.81c-.88,0-1.72-.35-2.34-.97-.62-.62-.97-1.46-.97-2.34s.35-1.72,.97-2.34c.62-.62,1.46-.97,2.34-.97h4.35c.88,0,1.72,.35,2.34,.97,.62,.62,.97,1.46,.97,2.34,.02,1.84,.22,4.13-1.62,4.13Z" fill="#d59d7a"/><path d="M269.64,79.09s-2.13-3.02-3.58-4.3c-1.46-1.27-2.03-2.46-3.33-2.56-1.31-.09-.67,1.95,.61,3.43l1.17,3.43h5.13Z" fill="#d59d7a"/><path d="M263.09,78.4l-4.23-2.21s-.05-3.17-1.1-4.1c-1.05-.92-1.28,2.89-.64,4.85,.64,1.96,5.44,3.64,5.44,3.64l.54-2.18Z" fill="#d59d7a"/><path d="M262.31,81.86s-5.46,1.31-7.8-6.95c0,0-1.25-4.24,1.02-2.58,1.2,.88,2.7,4.96,2.7,4.96l4.78,3.45-.7,1.12Z" fill="#d59d7a"/><path d="M262.18,81.5s-6.44-3.92-7.98-8.19c0,0-.9-1.67-1.29,.22-.39,1.89,2.1,6.39,2.1,6.39l4.48,2.45,2.69-.86Z" fill="#d59d7a"/><path d="M262.79,84.51s-6.1-.47-7.58-2.05c-1.48-1.58-2.7-5.53-2.7-5.53,0,0,1.31-1.62,2.79,1.68,1.74,3.9,6.88,2.86,6.88,2.86l.61,3.04Z" fill="#d59d7a"/><path d="M259.09,81.48c-.71-.58-2.84-.74-2.84-.74-.78-1.99-2.6-4.13-2.6-4.13,0,0,2.24,1.47,2.77,3.6l2.67,1.26Z" fill="#241f20" isolation="isolate" opacity=".1"/><path d="M254.2,73.31s1.77,2.7,2.18,4.89c.96,.61,1.87,1.3,2.72,2.06,0,0-.76-1.94-2.36-2.39,0,.01-1.43-4.21-2.54-4.56Z" fill="#241f20" isolation="isolate" opacity=".1"/><path d="M256.74,73.96s1.21,1.82,1.49,3.31c0,0,.45,.04,1.57,1.13,0,0-.68-1.18-1.21-1.47,0,0-.85-2.73-1.85-2.97Z" fill="#241f20" isolation="isolate" opacity=".1"/><path d="M262.18,77.93s-1.59,.63-2.57,3.68c0-.01-.17-3.43,2.57-3.68Z" fill="#241f20" isolation="isolate" opacity=".1"/></g><path d="M334.99,70.34l8.11,4.72-8.11,.61v-5.34Z" fill="#df8225"/><path d="M300.37,101.96l-1.58-1.21c-2.32-1.78-4.16-4.12-5.32-6.81l-1.69-3.9c-.12-.29-.15-.6-.07-.91,.08-.3,.26-.57,.51-.75,0,0,10.66-6.16,13.93-8.65,1.98-1.6,3.87-3.3,5.66-5.11,3.31-2.48,11.62-5.29,14.09-1.96l1.36,1.84c2.47,3.32,2.67,14.04-.65,16.51l-23.67,10.96c-.37,.28-.82,.42-1.28,.42-.46,0-.91-.16-1.27-.44Z" fill="#df8225"/><path d="M316.3,65.21s3.97,4.08,4.21,8.84c.19,3.65,2.77,4.46,6.79,3.74,2.88-.52,5.55-2.12,7.05-3.03,1.5-.91,1.9-2.58,.92-4.01l-3.25-4.79-15.71-.76Z" fill="#d59d7a"/><path d="M315.5,45.37c.49,.18,1.44-.25,1.72,1.2,.27,1.45,.93-1.22,0-1.92-1.34-1.02-2.58,.4-1.72,.73Z" fill="#402314"/><path d="M313.13,48.47c.08,0,.14-.06,.14-.14s-.06-.14-.14-.14-.14,.06-.14,.14,.06,.14,.14,.14Z" fill="#a57e4c"/><path d="M312.83,50.17c.09,0,.17-.07,.17-.17s-.07-.17-.17-.17-.17,.07-.17,.17,.07,.17,.17,.17Z" fill="#a57e4c"/><path d="M311.97,48.5c.09,0,.17-.07,.17-.17s-.07-.17-.17-.17-.17,.07-.17,.17,.07,.17,.17,.17Z" fill="#a57e4c"/><path d="M314.59,49.5c.09,0,.17-.07,.17-.17s-.07-.17-.17-.17-.17,.07-.17,.17,.07,.17,.17,.17Z" fill="#a57e4c"/><path d="M316.63,50.97c.16,0,.29-.13,.29-.29s-.13-.29-.29-.29-.29,.13-.29,.29,.13,.29,.29,.29Z" fill="#a57e4c"/><path d="M314.46,50.65c.07,0,.14-.06,.14-.14s-.06-.14-.14-.14-.14,.06-.14,.14,.06,.14,.14,.14Z" fill="#a57e4c"/><path d="M313.52,49.3s.07-.03,.07-.07-.03-.07-.07-.07-.07,.03-.07,.07,.03,.07,.07,.07Z" fill="#a57e4c"/><path d="M314.16,52.13c.09,0,.17-.07,.17-.17s-.07-.17-.17-.17-.17,.07-.17,.17,.07,.17,.17,.17Z" fill="#a57e4c"/><path d="M316.19,52.26s.07-.03,.07-.07-.03-.07-.07-.07-.07,.03-.07,.07,.03,.07,.07,.07Z" fill="#a57e4c"/><path d="M315.04,47.76c.74-1.91,.93-3.62,.43-3.82-.5-.19-1.5,1.2-2.24,3.12-.74,1.91-.93,3.62-.43,3.82,.5,.19,1.5-1.2,2.24-3.12Z" fill="none" stroke="#7c4a20" stroke-miterlimit="10" stroke-width=".51"/><path d="M314.76,47.76c.74-1.91,.93-3.62,.43-3.82-.5-.19-1.5,1.2-2.24,3.12-.74,1.91-.93,3.62-.43,3.82,.5,.19,1.5-1.2,2.24-3.12Z" fill="#d1dbe6" isolation="isolate" opacity=".3"/><path d="M315.66,46.29l7.5,3.55" fill="none" stroke="#7c4a20" stroke-miterlimit="10" stroke-width=".7"/><path d="M328.05,34.08s-3.64-3.68-5.48-1.54c-1.84,2.15-6.98,9.26-1,15.28,2.66,2.69,.04,3.13-.17,6.78-.21,3.65,3.47-5.66,5.69-3.37,1.06,1.1,1.14,3.13,.24,4.2-.97,1.16-2.96,1.36-2.72,2.49,.22,1.05,1.54,3.77,3.27,5.45,1.19,1.13,2.59,2.01,4.13,2.58,0,0,6.96-2.1,8.3-5.28,1.34-3.18,.78-3.42,1.3-1.18,.69,2.92,6.72-8.76,3.21-15.86-3.51-7.1-9.04-11.31-16.77-9.57Z" fill="#402314"/><path d="M362.35,99.27h-22.98l-3.94-13.05c-1.14-4.51,.33-11.65,2.09-14.42l6.17,2.3c7.61,3.23,8.98,7.18,9.7,8.06l8.96,17.1Z" fill="#df8225"/><path d="M320.5,75.25s2.37,8.85,15.87-3.02c0,0,5.19,1.87,11.9,5.65,6.72,3.78-3.75,21.4-3.75,21.4h-30.69l-1.27-11.77,7.94-12.25Z" fill="#df8225"/><path d="M320.44,73.41s.07,2.54,2.01,2.87c1.94,.33-1.36-3.27-1.36-3.27l-.65,.4Z" fill="#d59d7a"/><path d="M341.92,99.27l-1.17-4.33-.1,4.34h1.28Z" fill="#c07f2a"/><path d="M335.8,71.43s.33,.87-1.16,2.42c-1.49,1.55,1.95-1.84,1.95-1.84l-.79-.58Z" fill="#df8225"/><path d="M320.44,73.41s.24,5.22,5.59,4.55c4.54-.57,9.71-5.21,9.73-5.89,.02-.76-.7-1.59-.7-1.59,0,0,1.57,1.51,.55,2.66-1.02,1.15-6.71,6.67-10.49,6.07-.63-.06-1.26-.17-1.88-.3-2.18-.65-2.53-2.26-2.8-5.49Z" fill="#c07f2a"/><path d="M313.63,96.74s-.47-5.19-.37-7.37c.11-2.18-1.9,6.29-1.63,8.58l2.06-.95-.06-.26Z" fill="#c07f2a"/></g><path d="M261.53,45.23c.88-.51,1.92-.65,2.9-.39l2.17,.57,6.47,1.71c2.04,.54,3.26,2.63,2.73,4.67l-4.37,16.64c-.54,2.04-2.63,3.26-4.67,2.72l-6.47-1.71-2.17-.57c-.98-.26-2.02-.12-2.9,.39l-6.6,3.85c-.88,.51-1.92,.65-2.9,.39l-11.73-3.1c-.98-.26-1.82-.9-2.33-1.77l-3.85-6.61c-.51-.88-1.35-1.51-2.33-1.77l-2.17-.57-7.39-1.95c-2.04-.54-3.26-2.63-2.73-4.67l4.37-16.64c.54-2.04,2.63-3.26,4.67-2.72l7.39,1.95,2.17,.57c.98,.26,1.82,.9,2.33,1.77l3.85,6.61c.51,.88,1.35,1.52,2.33,1.77l11.73,3.1c.98,.26,2.02,.12,2.9-.39l6.6-3.85Z" fill="#f9a11b" fill-rule="evenodd"/><path d="M155.19,3.5h-27.91c-5.58,0-10.13,5.29-10.13,11.8s4.55,11.8,10.13,11.8h12.92v.06c5.52,9.55,13.77,10.28,12.98,5.96-.55-2.98-.97-4.32-.55-5.96h2.49c5.58,0,10.13-5.29,10.13-11.8,.06-6.57-4.43-11.86-10.07-11.86Z" fill="#bfccdc" fill-rule="evenodd"/></g></g></g></svg>

package/src/components/debug-modal/icons/icon--break-it-down.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="440" height="106" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 438.83 105.89"><defs><mask id="mask" x="327.39" y="5.71" width="50.92" height="51.23" maskUnits="userSpaceOnUse"/><mask id="mask-1" x="330.09" y="14.3" width="14.07" height="9.58" maskUnits="userSpaceOnUse"/></defs><g id="Layer_1-2"><g><rect width="438.83" height="105.89" fill="#fff"/><g><path d="M281.99,38.67c.45-.46,1.07-.72,1.71-.73h1.42s68.1-.62,68.1-.62c1.34-.01,2.44,1.07,2.45,2.41l.22,24.32c.01,1.34-1.07,2.44-2.41,2.45l-68.1,.61h-1.42c-.65,.02-1.26,.28-1.71,.74l-3.41,3.47c-.45,.46-1.07,.72-1.71,.73l-7.71,.07c-.65,0-1.27-.24-1.73-.7l-3.47-3.41c-.46-.45-1.08-.7-1.73-.7h-1.42s-4.86,.06-4.86,.06c-1.34,.01-2.44-1.07-2.45-2.41l-.22-24.32c-.01-1.34,1.07-2.44,2.41-2.45l4.86-.04h1.42c.65-.02,1.27,.23,1.73,.68l3.47,3.41c.46,.45,1.08,.7,1.73,.7l7.71-.07c.65,0,1.26-.27,1.71-.73l3.41-3.47Z" fill="#23b689" fill-rule="evenodd"/><path d="M282.35,67.08c.45-.46,1.07-.73,1.71-.73l1.42-.02,38.92-.47c1.34-.02,2.45,1.06,2.46,2.4l.29,24.32c.02,1.34-1.06,2.45-2.4,2.46l-38.92,.47-1.42,.02c-.65,0-1.26,.27-1.71,.73l-3.4,3.48c-.45,.46-1.07,.73-1.71,.73l-7.71,.09c-.65,0-1.27-.24-1.73-.69l-3.48-3.4c-.46-.45-1.08-.7-1.73-.69l-1.42,.02-4.86,.06c-1.34,.02-2.45-1.06-2.46-2.4l-.29-24.32c-.02-1.34,1.06-2.45,2.4-2.46l4.86-.06,1.42-.02c.65,0,1.27,.24,1.73,.69l3.48,3.4c.46,.45,1.08,.7,1.73,.69l7.71-.09c.64,0,1.26-.27,1.71-.73l3.4-3.48Z" fill="#7e69ad" fill-rule="evenodd"/><path d="M157.75,39.24c.45-.46,1.07-.72,1.71-.73h1.42s68.1-.62,68.1-.62c1.34-.01,2.44,1.07,2.45,2.41l.22,24.32c.01,1.34-1.07,2.44-2.41,2.45l-68.1,.61h-1.42c-.65,.02-1.26,.28-1.71,.74l-3.41,3.47c-.45,.46-1.07,.72-1.71,.73l-7.71,.07c-.65,0-1.27-.24-1.73-.7l-3.47-3.41c-.46-.45-1.08-.7-1.73-.7h-1.42s-4.86,.06-4.86,.06c-1.34,.01-2.44-1.07-2.45-2.41l-.22-24.32c-.01-1.34,1.07-2.44,2.41-2.45l4.86-.04h1.42c.65-.02,1.27,.23,1.73,.68l3.47,3.41c.46,.45,1.08,.7,1.73,.7l7.71-.07c.65,0,1.26-.27,1.71-.73l3.41-3.47Z" fill="#23b689" fill-rule="evenodd"/><path d="M158.11,67.64c.45-.46,1.07-.73,1.71-.73l1.42-.02,38.92-.47c1.34-.02,2.45,1.06,2.46,2.4l.29,24.32c.02,1.34-1.06,2.45-2.4,2.46l-38.92,.47-1.42,.02c-.65,0-1.26,.27-1.71,.73l-3.4,3.48c-.45,.46-1.07,.73-1.71,.73l-7.71,.09c-.65,0-1.27-.24-1.73-.69l-3.48-3.4c-.46-.45-1.08-.7-1.73-.69l-1.42,.02-4.86,.06c-1.34,.02-2.45-1.06-2.46-2.4l-.29-24.32c-.02-1.34,1.06-2.45,2.4-2.46l4.86-.06,1.42-.02c.65,0,1.27,.24,1.73,.69l3.48,3.4c.46,.45,1.08,.7,1.73,.69l7.71-.09c.64,0,1.26-.27,1.71-.73l3.4-3.48Z" fill="#7e69ad" fill-rule="evenodd"/><g><g mask="url(#mask)"><g><path d="M329.14,33.73c-4.79-7.7,1.46-8.07,4.13-5.99,4,3.12,4.96,7.65,6.83,8.58,3.66,1.8,7.51-4.23,6.67-7.28-.98-3.6-3.04-7.66-4.33-8.29-1.72-.85-3.91,.9-7.1,2.7-2.77,1.57-7.26-1.09-3.51-3.84,5.19-3.81,10.12-6.12,12.44-5.24,1.83,.7,3.65,2.15,5.45,5.13,2.31,3.84,3.02,5.77,3.62,6.13,1.36,.81,2.63-7.85,2.8-15.94,.12-5.61,6.33-5.29,6.11,.8-.41,11.46-3.86,19.96-2.92,20.3,.65,.24,4.24-5.6,6.83-15.1,1.17-4.29,7.28-2.96,5.27,2.88-2.66,7.74-7.17,15.9-6.15,16.66,.71,.53,5.45-6.71,7.61-9.59,3.4-4.52,6.97-.45,4.67,2.7-8.99,12.32-10.1,12.74-13.24,20.78-4.45,11.4-25.07,10.03-28.46-2.42-2.33-8.54-4.16-8.85-6.74-12.99Z" fill="#d59d7a"/><path d="M330.45,32.01c-4.79-7.7,1.46-8.07,4.13-5.99,4,3.12,4.96,7.65,6.83,8.58,3.66,1.8,6.41-3.19,5.58-6.24-.98-3.6-2.4-7.71-3.68-8.34-1.72-.85-3.46-.09-6.64,1.71-2.77,1.57-7.26-1.09-3.51-3.84,5.19-3.81,10.12-6.12,12.44-5.24,1.83,.7,3.65,2.15,5.45,5.13,2.31,3.84,1.7,4.06,2.31,4.42,1.36,.81,.37-7.52,1.12-15.62,.16-1.68,6.11-3.7,5.9,2.39-.13,3.53-1.24,6.62-1.7,9.46-1.03,6.37-1.49,10.93,.65,12.5,2.1-3.73,4.02-8.75,5.75-15.08,1.17-4.29,6.87-3.52,5.58,.51-1.3,4.04-2.94,5.53-4.29,9.24-1.25,3.45-2.56,8.51-1.02,9.61,3.11-4.69,5.38-7.99,6.83-9.91,3.4-4.52,6.57-.89,4.27,2.27-8.99,12.32-12.39,11.35-15.53,19.39-4.45,11.4-22.04,10.01-25.43-2.45-2.33-8.54-2.42-8.36-4.99-12.5Z" fill="#ecc297" fill-rule="evenodd"/></g></g><path d="M254.38,26.76l1.23-22.43c.07-1.24,1.14-2.19,2.39-2.12l5.86,.32c.6,.03,1.16,.3,1.57,.74l3.03,3.35c.4,.44,.96,.71,1.57,.74l7.18,.39c.6,.03,1.19-.17,1.64-.57l3.38-3c.45-.4,1.04-.6,1.64-.57l56.55,3.1c1.25,.07,2.21,1.13,2.14,2.37l-1.23,22.43c-.07,1.24-1.14,2.19-2.39,2.12l-56.55-3.1c-.6-.03-1.19,.17-1.64,.57l-3.38,3c-.45,.4-1.04,.6-1.64,.57l-7.18-.39c-.6-.03-1.16-.3-1.57-.75l-3.03-3.35c-.4-.44-.97-.71-1.57-.74l-5.86-.32c-1.25-.07-2.21-1.13-2.14-2.37Z" fill="#f04f6b" fill-rule="evenodd"/><g mask="url(#mask-1)"><g><g opacity=".1"><path d="M342.46,20.77c-1.73-.86-4.23,.92-7.41,2.67-2.76,1.52-7.28-1.14-3.55-3.81,5.16-3.71,10.32-6.02,12.65-5.13l-1.7,6.28Z"/></g><path d="M342.91,19.87c-2.09-.65-5.52,2.52-8.69,4.27-2.76,1.52-7.62-2.04-3.89-4.71,5.16-3.71,12.8-7.52,15.13-6.63l-2.54,7.07Z" fill="#ecc297" fill-rule="evenodd"/></g></g></g><g><path d="M85.83,51.03c3.89-7.07,5.59-6.91,8.75-10.03,5.92-5.78,.45-7.43-2.34-6.19-4.21,1.87-6.03,5.7-7.88,6.1-3.6,.79-5.74-5.39-4.34-7.87,1.67-2.97,4.34-6.11,5.63-6.37,1.7-.38,3.26,1.62,5.7,3.92,2.1,2.01,6.63,.63,3.94-2.61-3.78-4.48-7.63-7.63-9.85-7.36-1.78,.24-3.7,1.1-5.92,3.38-2.86,2.88-3.93,4.47-4.54,4.62-1.35,.42-.6-7.51,.97-14.68,1.09-4.99-4.43-6.04-5.55-.61-2.15,10.22-.93,18.51-1.8,18.6-.63,.05-2.53-5.86-2.79-14.85-.13-4.05-5.79-4.2-5.26,1.41,.68,7.44,2.86,15.62,1.81,16.09-.73,.32-3.38-7.1-4.66-10.13-2-4.72-6.05-1.9-4.73,1.37,5.26,12.87,6.14,13.47,7.17,21.25,1.47,11,19.96,14.24,25.68,3.97Z" fill="#875128"/><path d="M90.21,45.75l-4.01-24.37s7.39-10.29,25.11-13.21c17.73-2.92,28.02,4.47,28.02,4.47l30.2-4.97c1.24-.2,2.36,.64,2.56,1.84l3.64,22.12c.2,1.24-.64,2.36-1.84,2.56l-55.85,9.19c-.57,.09-1.11,.43-1.47,.93l-2.63,3.67c-.36,.5-.85,.83-1.47,.93l-7.02,1.16c-.57,.09-1.19-.05-1.69-.41l-3.67-2.63c-.5-.36-1.07-.51-1.69-.41l-5.73,.94c-1.08,.28-2.25-.56-2.46-1.8Z" fill="#fdbe10"/><path d="M85.64,26.62c1.7-.38,3.26,1.62,5.7,3.92,2.1,2.01,6.63,.63,3.94-2.61-3.78-4.48-7.63-7.63-9.85-7.36" fill="#875128"/><g opacity=".1"><path d="M79.6,35.27c-.15-2.13,1.22-6.29,3.37-8.16,2.15-1.87,3.77-3.02,6.91,.24,3.95,4.01,6.17,2.32,6.17,2.32,0,0,.32,1.32-1.68,1.75-4.26,.95-6.51-6.19-9.2-4.62-3.53,2.1-5.57,8.47-5.57,8.47Z"/></g><g opacity=".1"><path d="M53.71,22.26c1.11-.13,1.86,.58,2.76,2.44,.8,1.59,3.31,10.25,5.84,9.84,0,0,.76-.13,0,0,0,0-.41,.51-2.16-3.87-1.75-4.37-2.52-6.99-3.57-7.95-1.04-.96-1.94-1.05-2.87-.46Z"/></g><g opacity=".1"><path d="M62.73,14.1c1.24-.2,1.03,5.08,1.78,9.03,.75,3.95,2.23,8.81,4.03,8.71,0,0-1.34-1.89-2.19-7.64-.85-5.75,.11-8.31-1.47-9.52-1.18-.93-2.16-.58-2.16-.58Z"/></g><g opacity=".1"><path d="M71.54,10.69c1.46-.98,3.49,.02,2.6,3.6-.88,3.58-1.92,12.78,.53,14.24,0,0-.67-2.59,.06-8.01,.81-6.12,1.83-7.96,1.05-9.4-.72-1.4-2.31-2.42-4.24-.43Z"/></g></g><g><path d="M150.14,20.56c.34,.04,.67,.07,.99,.12" fill="none" stroke="#ffe2b2" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M154.91,21.34c19.11,4.34,21.64,20.99,21.87,27.78" fill="none" stroke="#ffe2b2" stroke-dasharray="0 0 1.92 3.83" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M176.78,51.02c-.02,.64-.05,.99-.05,.99" fill="none" stroke="#ffe2b2" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M150.53,20.62c1.12-.96,1.78-2.98,1.93-4.41-1.58,1.81-3.56,3.34-5.88,4.11,2.18,1.07,3.82,2.98,5.18,4.96,0-1.54-.24-3.43-1.23-4.65Z" fill="#ffe2b2"/></g><g><path d="M279.06,15.17c-.24,.24-.47,.47-.7,.71" fill="none" stroke="#fde5ea" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M275.83,18.76c-12.19,15.35-3.74,29.92,.34,35.35" fill="none" stroke="#fde5ea" stroke-dasharray="0 0 1.92 3.83" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M277.36,55.61c.41,.49,.66,.74,.66,.74" fill="none" stroke="#fde5ea" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M278.8,15.47c-.05,1.48,1,3.33,1.95,4.4-.27-2.38-.06-4.88,.94-7.11-2.26,.88-4.78,.8-7.16,.48,1.14,1.04,2.69,2.14,4.26,2.23Z" fill="#fde5ea"/></g></g></g></g></svg>

package/src/components/debug-modal/icons/icon--check-code-sequence.svg

@@ -0,0 +1,34 @@
+<svg width="440" height="106" viewBox="0 0 440 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1997_8712)">
+<path d="M439.83 0H1V105.89H439.83V0Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.3799 61.84L53.7899 22.23C54.0299 20.04 56.0199 18.47 58.2299 18.71L68.5699 19.86C69.6299 19.98 70.5999 20.51 71.2699 21.33L76.2999 27.56C76.9699 28.39 77.9399 28.92 78.9999 29.03L91.6799 30.44C92.7399 30.56 93.7999 30.25 94.6399 29.59L100.92 24.62C101.75 23.96 102.82 23.66 103.88 23.77L203.71 34.88C205.92 35.13 207.51 37.1 207.27 39.29L202.86 78.9C202.62 81.09 200.63 82.66 198.42 82.42L98.5899 71.31C97.5299 71.19 96.4699 71.5 95.6299 72.16L89.3499 77.13C88.5199 77.79 87.4499 78.09 86.3899 77.98L73.7099 76.57C72.6499 76.45 71.6799 75.92 71.0099 75.09L65.9799 68.86C65.3099 68.03 64.3399 67.5 63.2799 67.39L52.9399 66.24C50.7299 65.99 49.1399 64.02 49.3799 61.83V61.84Z" fill="#4C7DBF"/>
+<path d="M336 19.16C335.46 18.27 329.67 18.25 328.68 18.2C326.52 18.1 322.64 17.7 320.73 18.68C320.73 18.77 316.47 21.04 316.47 21.04L323.32 28.93L334.23 29.83L339.15 22.77C339.15 22.77 336.43 19.86 336 19.17V19.16Z" fill="#95897F"/>
+<path d="M356.14 58.21C351.51 61.27 345.72 65.1 341.07 68.11C337.41 70.49 335.53 73.25 332.32 76.22C332.32 76.22 339.91 87.45 340.08 87.69C351.47 84.85 358.43 75.58 362.65 65.02L356.13 58.21H356.14Z" fill="#95897F"/>
+<path d="M304.57 57.4899L295.81 68.1299C298.56 74.0799 301.91 79.8099 307.49 83.4499C309.15 84.5399 312.91 86.9299 314.89 86.6599C316.16 86.4999 320.17 84.2599 320.17 84.2599C320.17 84.2599 321.19 78.7099 321.33 76.6399L322.01 67.1499C321.62 66.8899 304.9 57.1399 304.58 57.4799L304.57 57.4899Z" fill="#95897F"/>
+<path d="M318.4 21.7999C318.4 21.7999 314.05 20.5199 313.28 20.8699C310.95 21.9799 306.16 24.7899 304.22 26.4999C300.25 29.9999 296.7 34.7999 295.29 39.9899C295.46 40.0599 296.09 43.9199 296.23 43.9699C296.27 44.0799 305.94 47.6899 305.94 47.6899C307.95 46.4099 316.34 40.7499 316.34 40.7499L321.54 26.6199L318.4 21.7999Z" fill="#C7BA99"/>
+<path d="M335.19 80.2799L328.41 72.4199C325.13 72.8999 319.89 79.2899 319.01 80.2699C317.36 82.3099 315.9 84.5099 314.65 86.8199C315.98 88.0999 319.29 88.7499 321.05 89.1399C323.32 89.6399 325.63 89.8899 327.95 89.8999C332.08 89.8299 336.18 89.0799 340.08 87.6999L335.2 80.2799H335.19Z" fill="#DBCFB9"/>
+<path d="M355.67 44.9099C355.19 45.3199 342.59 32.7099 342.12 33.1099C341.65 33.5199 325.73 42.0599 325.9 42.7799C325.9 42.9099 326.47 62.1599 326.47 62.2899C326.47 63.1999 341.07 68.1199 341.07 68.1199L353.61 59.9599C353.61 59.9599 356.07 44.5599 355.67 44.8999V44.9099Z" fill="#C7BA99"/>
+<path d="M326.29 47.73L323.32 38.39L315.18 36.76C315 36.9 302.17 45.35 301.97 45.49V58.34C306.34 62.97 315.01 67.33 315.01 67.33C315.01 67.33 322.77 63.68 322.7 63.93C322.95 63.4 326.4 59.43 326.4 59.43L326.29 47.72V47.73Z" fill="#DBCFB9"/>
+<path d="M319.03 80.2599C319.03 80.2599 315.43 69.6599 314.94 67.3199C318.04 63.9699 326.38 59.3699 326.38 59.3699C331.21 62.1999 336.55 64.7799 341.05 68.1199C339.84 72.3499 337.08 76.3299 335.17 80.2899C332.04 81.0899 321.15 80.2099 319.03 80.2699V80.2599Z" fill="black"/>
+<path d="M360.26 36.7699C357.79 31.6299 346.44 22.6399 345.41 22.3599H345.58C344.9 22.0299 342.05 20.5499 341.26 20.7599C340.74 20.2499 337.82 21.1099 337.27 21.4899C336 22.3999 332.94 26.9899 332.94 26.9899L332.05 31.8999L338.48 36.6899C338.48 36.6899 348.37 42.2999 352.55 44.3999L360.72 37.7499C360.68 37.6199 360.29 36.8599 360.25 36.7699H360.26Z" fill="#DBCFB9"/>
+<path d="M332.95 27.0199C332.95 27.0199 321.66 26.5199 321.56 26.6699L315.23 36.7399C315.5 37.1599 316.67 38.2099 316.99 38.5899C317.67 39.3999 318.36 40.2299 319.1 40.9899C319.84 41.7499 325.79 47.4599 326.34 47.7299C326.5 47.6599 326.64 47.5799 326.78 47.4899C327.36 46.9899 338.54 36.9099 338.54 36.9099L332.94 27.0299L332.95 27.0199Z" fill="black"/>
+<path d="M362.65 65.0199C359.4 63.7999 356.36 62.0899 353.61 59.9499C353.55 59.0499 352.03 44.2899 352.03 43.9799C353.35 42.7699 359.5 37.6999 360.74 37.7499C364.04 45.5099 366.49 57.0199 362.65 65.0199Z" fill="black"/>
+<path d="M303.29 44.54C303.07 44.28 296.72 40.76 295.28 40.04C292.27 49.1 291.71 59.26 295.81 68.15L295.96 68.21L303.93 60.19C303.9 60.02 303.39 44.64 303.29 44.53V44.54Z" fill="black"/>
+<path d="M318.78 19.0801C318.47 19.2101 318.15 19.3201 317.82 19.4001C317.33 19.5401 316.84 19.6601 316.35 19.8201C315.6 20.0601 314.86 20.3101 314.12 20.5601C313.83 20.6601 313.55 20.7701 313.26 20.8801V21.0401C313.63 21.1101 313.99 21.1901 314.36 21.2401C315.06 21.3401 317.66 21.7001 318.36 21.8101L320.81 18.6001C320.12 18.6901 319.44 18.8501 318.78 19.0901V19.0801Z" fill="black"/>
+<path d="M336.75 21.9199C336.75 21.9199 336.26 20.0799 335.98 19.1599C337.69 19.5599 339.38 20.0499 341.04 20.6399V20.7899C340.91 20.8599 336.74 21.9199 336.74 21.9199H336.75Z" fill="black"/>
+<path d="M298.79 51.5302C298.35 51.0802 297.91 50.6502 297.46 50.2102" stroke="#CEDFF2" stroke-width="3.74" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M291.79 44.9601C240.53 0.280098 193.62 33.6201 179.67 45.7001" stroke="#CEDFF2" stroke-width="3.74" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M176.8 48.3C175.93 49.13 175.47 49.6101 175.47 49.6101" stroke="#CEDFF2" stroke-width="3.74" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M298.37 51.2101C296.44 51.2001 294.06 52.6401 292.68 53.9201C295.79 53.4801 299.06 53.6701 302.01 54.9001C300.78 51.9701 300.79 48.6801 301.13 45.5601C299.82 47.0901 298.43 49.1501 298.36 51.2201L298.37 51.2101Z" fill="#CEDFF2"/>
+<path d="M254.393 88.7785L258.83 84.0007L223.568 51.2568L219.132 56.0345L254.393 88.7785Z" fill="#2B8EB8"/>
+<path d="M232.35 59.0699L230.55 60.9899L227.69 64.0399C226.83 64.9599 226.88 66.3999 227.79 67.2499L254.05 91.8799C254.97 92.7399 256.41 92.6899 257.26 91.7799L261.26 87.5199L261.93 86.8099C262.79 85.8899 262.74 84.4499 261.83 83.5999L235.57 58.9699C234.65 58.1099 233.21 58.1599 232.36 59.0699H232.35Z" fill="#F47F20"/>
+<path d="M232.35 59.0699L230.55 60.9899C234.38 62.1299 237.11 64.7099 240.09 67.2599C244.65 71.1599 249.14 75.1499 253.65 79.0899C256.32 81.4299 259.36 83.9199 261.06 87.0899C261.13 87.2199 261.19 87.3699 261.25 87.5299L261.92 86.8199C262.78 85.8999 262.73 84.4599 261.82 83.6099L235.56 58.9799C234.64 58.1199 233.2 58.1699 232.35 59.0799V59.0699Z" fill="#D96F27"/>
+<path d="M221.45 54.6099C230.16 45.2299 229.62 30.5599 220.24 21.8499C210.86 13.1399 196.19 13.6799 187.48 23.0599C178.77 32.4399 179.31 47.1099 188.69 55.8199C198.07 64.5299 212.74 63.9899 221.45 54.6099ZM191.2 53.1099C183.31 45.7899 182.86 33.4599 190.18 25.5699C197.5 17.6799 209.83 17.2299 217.72 24.5499C225.61 31.8699 226.06 44.1999 218.74 52.0899C211.42 59.9799 199.09 60.4299 191.2 53.1099Z" fill="#2B8EB8"/>
+<path opacity="0.2" d="M221.813 47.6881C226.705 38.0999 222.898 26.3615 213.31 21.4697C203.721 16.5779 191.983 20.3851 187.091 29.9734C182.199 39.5616 186.007 51.3001 195.595 56.1918C205.183 61.0836 216.922 57.2764 221.813 47.6881Z" fill="#2B8EB8"/>
+</g>
+<defs>
+<clipPath id="clip0_1997_8712">
+<rect width="438.83" height="105.89" fill="white" transform="translate(1)"/>
+</clipPath>
+</defs>
+</svg>

package/src/components/debug-modal/icons/icon--check-the-values.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="440" height="106" id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 438.83 105.89"><g id="Layer_1-2"><g><rect width="438.83" height="105.89" fill="#fff"/><g><g><path d="M195.73,41.33c.68-.68,1.6-1.07,2.56-1.07h2.13s58.07-.18,58.07-.18c2,0,3.63,1.61,3.64,3.62l.11,36.29c0,2-1.61,3.63-3.62,3.64l-58.07,.17h-2.13c-.96,0-1.88,.39-2.56,1.08l-5.12,5.15c-.68,.68-1.6,1.07-2.56,1.07l-11.51,.03c-.96,0-1.89-.38-2.57-1.05l-5.15-5.12c-.68-.68-1.61-1.06-2.57-1.06h-2.13s-7.26,.03-7.26,.03c-2,0-3.63-1.61-3.64-3.62l-.11-36.29c0-2,1.61-3.63,3.62-3.64l7.26-.02h2.13c.96,0,1.89,.37,2.57,1.05l5.15,5.12c.68,.68,1.61,1.06,2.57,1.06l11.51-.03c.96,0,1.88-.39,2.56-1.07l5.12-5.15Z" fill="#f57f20" fill-rule="evenodd"/><rect x="199.61" y="49.69" width="53.26" height="25.88" rx="4.04" ry="4.04" transform="translate(-.37 1.34) rotate(-.34)" fill="none" stroke="#d15500" stroke-miterlimit="10" stroke-width="1.65"/><polygon points="239.51 57.88 246.79 57.84 243.18 63 239.57 68.16 235.9 63.04 232.23 57.93 239.51 57.88" fill="#ffe5cc" fill-rule="evenodd"/></g><rect x="268.12" y="12.24" width="61.55" height="40.1" rx="20.05" ry="20.05" transform="translate(11.62 -56.34) rotate(10.98)" fill="#f57f20"/><rect x="331.26" y="48.54" width="61.55" height="40.1" rx="20.05" ry="20.05" transform="translate(-6.4 63.35) rotate(-9.91)" fill="#f57f20"/><g><g><g><rect x="69.15" y="38.95" width="9.5" height="70.16" transform="translate(37.67 172.15) rotate(-114.78)" fill="#2b8eb8"/><g><path d="M92.32,71.16l-1.59-3.48-2.53-5.55c-.76-1.67-2.73-2.4-4.39-1.64l-47.77,21.76c-1.67,.76-2.4,2.73-1.64,4.39l3.53,7.75,.59,1.29c.76,1.67,2.73,2.4,4.39,1.64l47.77-21.76c1.67-.76,2.4-2.73,1.64-4.39Z" fill="#f47f20"/><path d="M92.32,71.16s-1.59-3.48-1.59-3.48c-3.66,4.54-8.65,6.79-13.74,9.39-7.79,3.99-15.65,7.83-23.47,11.73-4.63,2.31-9.67,5.03-14.89,5.56-.22,.02-.45,.03-.7,.02l.59,1.29c.76,1.67,2.73,2.4,4.39,1.64l47.77-21.76c1.67-.76,2.4-2.73,1.64-4.39Z" fill="#d96f27"/></g></g><path d="M104.39,58.93c7.82,16.95,27.9,24.34,44.85,16.52,16.95-7.82,24.34-27.9,16.52-44.85-7.82-16.95-27.9-24.34-44.85-16.52-16.95,7.82-24.34,27.9-16.52,44.85Zm18.78-39.96c14.25-6.58,31.12-.36,37.7,13.89,6.58,14.25,.36,31.12-13.89,37.7-14.25,6.58-31.12,.36-37.7-13.89-6.58-14.25-.36-31.12,13.89-37.7Z" fill="#2b8eb8"/></g><circle cx="135.07" cy="44.77" r="28.41" transform="translate(3.41 98.74) rotate(-40.63)" fill="#2b8eb8" opacity=".2"/></g></g></g></g></svg>

package/src/components/debug-modal/icons/icon--close.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="16" fill="black" fill-opacity="0.15"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4716 18.2643C10.8463 18.8895 10.8463 19.9033 11.4716 20.5285C12.0968 21.1538 13.1105 21.1538 13.7358 20.5285L16 18.2643L18.2642 20.5285C18.8895 21.1538 19.9032 21.1538 20.5285 20.5285C21.1537 19.9033 21.1537 18.8895 20.5285 18.2643L18.2642 16.0001L20.5285 13.7358C21.1537 13.1106 21.1537 12.0969 20.5285 11.4716C19.9032 10.8464 18.8895 10.8464 18.2642 11.4716L16 13.7358L13.7358 11.4716C13.1105 10.8464 12.0968 10.8464 11.4716 11.4716C10.8463 12.0969 10.8463 13.1106 11.4716 13.7358L13.7358 16.0001L11.4716 18.2643Z" fill="white"/>
+</svg>

package/src/components/debug-modal/icons/icon--comment-your-code.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="440" height="106" id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 438.83 105.89"><g id="Layer_1-2"><g><g><rect width="438.83" height="105.89" fill="#fff"/><g><path d="M162.24,47.71l-.21-34.14S174.33,1.11,199.17,.96c24.83-.15,37.29,12.15,37.29,12.15l42.31-.26c1.74-.01,3.09,1.39,3.1,3.06l.19,30.99c.01,1.74-1.39,3.09-3.06,3.1l-78.25,.48c-.8,0-1.6,.34-2.2,.95l-4.39,4.45c-.6,.61-1.33,.95-2.2,.95l-9.84,.06c-.8,0-1.61-.32-2.21-.92l-4.45-4.39c-.61-.6-1.34-.93-2.21-.92l-8.03,.05c-1.54,.14-2.95-1.25-2.96-2.99Z" fill="#fdbe10"/><path d="M200.18,55.81c.64-.64,1.51-1.01,2.42-1.01h2s54.75-.17,54.75-.17c1.89,0,3.43,1.52,3.43,3.41l.1,34.22c0,1.89-1.52,3.43-3.41,3.43l-54.75,.16h-2c-.91,0-1.78,.37-2.42,1.02l-4.83,4.85c-.64,.64-1.51,1.01-2.42,1.01l-10.85,.03c-.91,0-1.78-.36-2.42-.99l-4.85-4.83c-.64-.64-1.52-1-2.42-1h-2s-6.84,.03-6.84,.03c-1.89,0-3.43-1.52-3.43-3.41l-.1-34.22c0-1.89,1.52-3.43,3.41-3.43l6.84-.02h2c.91,0,1.78,.35,2.42,.99l4.85,4.83c.64,.64,1.51,1,2.42,1l10.85-.03c.91,0,1.78-.36,2.42-1.01l4.83-4.85Z" fill="#ec9d22" fill-rule="evenodd"/></g></g><rect x="35.63" y="18.57" width="108.37" height="45.12" rx="3.82" ry="3.82" fill="#ffe3b3"/><path d="M102.44,55.53s.06,.09,.09,.13c7.95,11.79,19.87,14.35,18.75,8.99-.79-3.77-1.42-7.11-.74-9.12h3.34c7.83,0,14.18-6.33,14.18-14.15s-6.35-14.15-14.18-14.15H56.61c-7.83,0-14.18,6.33-14.18,14.15s6.35,14.15,14.18,14.15h45.83Z" fill="#ffd996" fill-rule="evenodd" stroke="#fff" stroke-miterlimit="10" stroke-width="2"/><rect x="285.61" y="37.62" width="124.61" height="51.88" rx="4.39" ry="4.39" transform="translate(695.83 127.11) rotate(-180)" fill="#ffe3b3"/><path d="M333.39,80.11s-.07,.1-.1,.15c-9.15,13.55-22.85,16.5-21.56,10.34,.91-4.34,1.64-8.17,.85-10.49h-3.84c-9,0-16.3-7.28-16.3-16.27,0-8.99,7.3-16.27,16.3-16.27h77.36c9,0,16.3,7.28,16.3,16.27s-7.3,16.27-16.3,16.27h-52.7Z" fill="#ffd996" fill-rule="evenodd" stroke="#fff" stroke-miterlimit="10" stroke-width="2.3"/></g></g></svg>