web_assets/html/chatbot_header_btn.html

<div id="header-btn-groups">
    <div class="btn-bar-group" style="margin-left: -12px;">
        <span class="show-on-gpt">
            <button id="chuanhu-training-btn" onclick="openTrainingBox()" class="chuanhu-ui-btn">
                <svg width="24px" height="24px" viewBox="0 0 45.297 28.8394" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <g fill="currentColor" fill-rule="nonzero">
                            <path d="M0,23.4288 C0,27.0248 1.8307,28.8394 5.45907,28.8394 L39.8379,28.8394 C43.4663,28.8394 45.297,27.0248 45.297,23.4288 L45.297,5.41055 C45.297,1.81453 43.4663,0 39.8379,0 L9.91219,0 C6.82641,0 5.13938,1.74422 4.24945,4.43907 L0.618281,15.4643 C0.1875,16.7405 0,17.8041 0,19.4644 L0,23.4288 Z M17.6306,14.2226 L17.6306,8.14923 C17.6306,7.09126 18.2522,6.46969 19.3263,6.46969 L36.3459,6.46969 C37.4201,6.46969 38.0344,7.09126 38.0344,8.14923 L38.0344,14.2226 C38.0344,15.2498 37.4201,15.8714 36.3459,15.8714 L19.3263,15.8714 C18.2522,15.8714 17.6306,15.2498 17.6306,14.2226 Z M6.14415,15.8714 C5.12415,15.8714 4.63102,15.0713 5.01259,13.8724 L7.02539,7.75805 C7.27758,6.97805 7.66875,6.46969 8.95946,6.46969 L11.2486,6.46969 C12.3066,6.46969 12.9443,7.09126 12.9443,8.14923 L12.9443,14.2226 C12.9443,15.2498 12.3066,15.8714 11.2486,15.8714 L6.14415,15.8714 Z" fill-opacity="0.85"></path>
                        </g>
                    </g>
                </svg>
            </button>
        </span>
    </div>

    <div class="btn-bar-group">
        <div class="nav-item-dropdown">
            <button id="export-chat-btn" onclick="" class="chuanhu-ui-btn dropdown-trigger">
                <svg width="24px" height="24px" viewBox="0 0 16.1359 20.56475" version="1.1" xmlns="http://www.w3.org/2000/svg">
                    <g stroke="none" fill="currentColor" fill-opacity="0.85" fill-rule="nonzero">
                        <path d="M13.3438,5.76305 C15.2024,5.76305 16.1359,6.7002 16.1359,8.5309 L16.1359,17.79695 C16.1359,19.62395 15.2024,20.56475 13.3438,20.56475 L2.79211,20.56475 C0.941602,20.56475 0,19.63125 0,17.79695 L0,8.5309 C0,6.69293 0.941602,5.76305 2.79211,5.76305 L5.71,5.76275 L5.71,7.06975 L2.81555,7.06993 C1.89173222,7.06993 1.36322898,7.53591574 1.30735769,8.43213487 L1.30242,8.59475 L1.30242,17.73305 C1.30242,18.74355 1.83739,19.25425 2.81555,19.25425 L13.3204,19.25425 C14.2759,19.25425 14.8335,18.74355 14.8335,17.73305 L14.8335,8.59475 C14.8335,7.59235 14.2759,7.06993 13.3204,7.06993 L10.416,7.06975 L10.416,5.76275 L13.3438,5.76305 Z"></path>
                        <path d="M8.06391,13.43715 C8.41559,13.43715 8.71512,13.14575 8.71512,12.80215 L8.71512,3.14567 L8.66297,1.78664 L9.38039,2.54004 L10.8584,4.09078 C10.978,4.21852 11.1454,4.28602 11.301,4.28602 C11.6373,4.28602 11.8964,4.04309 11.8964,3.7193 C11.8964,3.53941 11.8245,3.41531 11.6967,3.29566 L8.5316,0.21586 C8.37153,0.05578 8.2357,0 8.06391,0 C7.9002,0 7.76074,0.05578 7.59621,0.21586 L4.42746,3.29566 C4.30781,3.41531 4.23586,3.53941 4.23586,3.7193 C4.23586,4.04309 4.48324,4.28602 4.82321,4.28602 C4.97883,4.28602 5.15426,4.21852 5.27028,4.09078 L6.75188,2.54004 L7.47293,1.78301 L7.42078,3.14567 L7.42078,12.80215 C7.42078,13.14575 7.72031,13.43715 8.06391,13.43715 Z"></path>
                    </g>
                </svg>
            </button>
            <div class="dropdown-menu">
                <div class="dropdown-menu-item">
                    <button onclick="jsonDownloadClick()">{json_label}</button>
                </div>
                <div class="dropdown-menu-item">
                    <button onclick="mdDownloadClick()">{md_label}</button>
                </div>
            </div>
        </div>

        <button id="new-chat-btn" onclick="newChatClick()" class="chuanhu-ui-btn">
            <svg width="24px" height="24px" viewBox="0 0 41.3058 37.9805" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g fill-rule="nonzero">
                        <path d="M7.85906,37.9732 C10.2516,37.9732 15.1013,35.6613 18.7802,33.1193 C31.3151,33.6708 41.3058,26.4138 41.3058,16.6013 C41.3058,7.42008 32.1359,0 20.6529,0 C9.17883,0 0,7.42008 0,16.6013 C0,22.5973 3.85266,27.9152 9.65789,30.6202 C8.82141,32.2172 7.33664,34.2469 6.52195,35.292 C5.57226,36.5116 6.08883,37.9732 7.85906,37.9732 Z M9.48751,35.2875 C9.34688,35.336 9.30727,35.2334 9.40829,35.1089 C10.392,33.8965 11.858,32.0149 12.5182,30.7552 C12.9734,29.9184 12.8473,29.1593 11.8221,28.6863 C6.06376,26.0217 2.68407,21.6335 2.68407,16.6013 C2.68407,8.91657 10.6542,2.66954 20.6529,2.66954 C30.6677,2.66954 38.6217,8.91657 38.6217,16.6013 C38.6217,24.2698 30.6677,30.5241 20.6529,30.5241 C20.1642,30.5241 19.5356,30.495 18.747,30.4659 C18.0687,30.4587 17.5069,30.66 16.9006,31.1402 C14.4764,32.7921 11.1403,34.7288 9.48751,35.2875 Z" fill-opacity="0.85" fill="currentColor"></path>
                        <path d="M12.233,16.7468 C12.233,17.5238 12.7908,18.0816 13.6235,18.0816 L19.2947,18.0816 L19.2947,23.7778 C19.2947,24.5855 19.8525,25.1522 20.6295,25.1522 C21.4371,25.1522 22.0111,24.5927 22.0111,23.7778 L22.0111,18.0816 L27.7146,18.0816 C28.515,18.0816 29.0817,17.5238 29.0817,16.7468 C29.0817,15.9391 28.5223,15.3652 27.7146,15.3652 L22.0111,15.3652 L22.0111,9.67782 C22.0111,8.85399 21.4371,8.28727 20.6295,8.28727 C19.8525,8.28727 19.2947,8.86125 19.2947,9.67782 L19.2947,15.3652 L13.6235,15.3652 C12.7835,15.3652 12.233,15.9391 12.233,16.7468 Z" fill-opacity="0.85" fill="currentColor"></path>
                    </g>
                </g>
            </svg>
        </button>

        <button id="open-toolbox-btn" onclick="toolboxClick()" class="chuanhu-ui-btn">
            <!-- <svg width="24px" height="24px" viewBox="0 0 43.4767 34.1953" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g fill-rule="nonzero">
                        <path d="M5.97657,34.1953 L37.5,34.1953 C41.5078,34.1953 43.4767,32.2266 43.4767,28.289 L43.4767,5.92968 C43.4767,1.9922 41.5078,0.0234285 37.5,0.0234285 L5.97657,0.0234285 C1.99218,0.0234285 0,1.9922 0,5.92968 L0,28.289 C0,32.2266 1.99218,34.1953 5.97657,34.1953 Z M6.02346,30.7969 C4.33593,30.7969 3.37501,29.9063 3.37501,28.125 L3.37501,6.09375 C3.37501,4.33594 4.33593,3.42188 6.02346,3.42188 L37.4531,3.42188 C39.1406,3.42188 40.1015,4.33594 40.1015,6.09375 L40.1015,28.125 C40.1015,29.9063 39.1406,30.7969 37.4531,30.7969 L6.02346,30.7969 Z M26.0625,31.4531 L29.3437,31.4531 L29.3437,2.83594 L26.0625,2.83594 L26.0625,31.4531 Z M32.8828,10.2188 L36.5625,10.2188 C37.1953,10.2188 37.7344,9.65626 37.7344,9.04685 C37.7344,8.43749 37.1953,7.92188 36.5625,7.92188 L32.8828,7.92188 C32.2735,7.92188 31.7344,8.43749 31.7344,9.04685 C31.7344,9.65626 32.2735,10.2188 32.8828,10.2188 Z M32.8828,14.9063 L36.5625,14.9063 C37.1953,14.9063 37.7344,14.3672 37.7344,13.7344 C37.7344,13.125 37.1953,12.6094 36.5625,12.6094 L32.8828,12.6094 C32.2735,12.6094 31.7344,13.125 31.7344,13.7344 C31.7344,14.3672 32.2735,14.9063 32.8828,14.9063 Z M32.8828,19.5937 L36.5625,19.5937 C37.1953,19.5937 37.7344,19.0547 37.7344,18.4453 C37.7344,17.8359 37.1953,17.3203 36.5625,17.3203 L32.8828,17.3203 C32.2735,17.3203 31.7344,17.8359 31.7344,18.4453 C31.7344,19.0547 32.2735,19.5937 32.8828,19.5937 Z" fill-opacity="0.85" fill="currentColor"></path>
                    </g>
                </g>
            </svg> -->
            <svg width="24px" height="24px" viewBox="0 0 33.5163 33.5705" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g fill="currentColor" fill-rule="nonzero">
                        <path d="M5.58422,33.5705 L27.9321,33.5705 C31.6493,33.5705 33.5163,31.6889 33.5163,28.0348 L33.5163,5.57367 C33.5163,1.91953 31.6493,0.0379686 27.9321,0.0379686 L5.58422,0.0379686 C1.8832,0.0379686 0,1.905 0,5.57367 L0,28.0348 C0,31.7034 1.8832,33.5705 5.58422,33.5705 Z M5.6311,30.9495 C3.67477,30.9495 2.60485,29.928 2.60485,27.907 L2.60485,5.70141 C2.60485,3.69657 3.67477,2.65899 5.6311,2.65899 L27.8852,2.65899 C29.8125,2.65899 30.9115,3.69657 30.9115,5.70141 L30.9115,27.907 C30.9115,29.928 29.8125,30.9495 27.8852,30.9495 L5.6311,30.9495 Z" fill-opacity="0.85"></path>
                        <path d="M7.69266,12.7402 L17.3438,12.7402 L17.3438,10.572 L7.69266,10.572 C7.07907,10.572 6.60047,11.0505 6.60047,11.648 C6.60047,12.2616 7.07907,12.7402 7.69266,12.7402 Z M20.021,15.3488 C22.0545,15.3488 23.704,13.683 23.704,11.6334 C23.704,9.6 22.0545,7.9343 20.021,7.9343 C17.9876,7.9343 16.3219,9.6 16.3219,11.6334 C16.3219,13.683 17.9876,15.3488 20.021,15.3488 Z M20.021,13.5841 C18.922,13.5841 18.0865,12.7179 18.0865,11.6262 C18.0865,10.5345 18.922,9.69165 20.021,9.69165 C21.0966,9.69165 21.9483,10.5345 21.9483,11.6262 C21.9483,12.7179 21.0966,13.5841 20.021,13.5841 Z M22.5487,12.7402 L25.8884,12.7402 C26.4534,12.7402 26.932,12.2616 26.932,11.648 C26.932,11.0505 26.4534,10.572 25.8884,10.572 L22.5487,10.572 L22.5487,12.7402 Z M25.8237,20.5158 L16.1726,20.5158 L16.1726,22.6913 L25.8237,22.6913 C26.4534,22.6913 26.932,22.2054 26.932,21.608 C26.932,21.0016 26.4534,20.5158 25.8237,20.5158 Z M13.4953,17.9145 C11.4781,17.9145 9.81962,19.5802 9.81962,21.6225 C9.81962,23.6559 11.4781,25.3216 13.4953,25.3216 C15.5288,25.3216 17.1945,23.6559 17.1945,21.6225 C17.1945,19.5802 15.5288,17.9145 13.4953,17.9145 Z M13.4953,19.6791 C14.5943,19.6791 15.4298,20.538 15.4298,21.6298 C15.4298,22.7288 14.5943,23.5643 13.4953,23.5643 C12.4198,23.5643 11.5842,22.7288 11.5842,21.6298 C11.5842,20.538 12.4198,19.6791 13.4953,19.6791 Z M10.9838,20.5158 L7.64415,20.5158 C7.07907,20.5158 6.60047,21.0016 6.60047,21.608 C6.60047,22.2054 7.07907,22.6913 7.64415,22.6913 L10.9838,22.6913 L10.9838,20.5158 Z" fill-opacity="0.85" transform="translate(16.7662, 16.628) scale(-1, 1) translate(-16.7662, -16.628)"></path>
                    </g>
                </g>
            </svg>
        </button>
    </div>
</div>