(window.webpackJsonp=window.webpackJsonp||[]).push([[250],{344:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<style>\n    .ot-chatgpt-ctrl {\n        max-width: 950px;\n        align-items: start;\n        justify-content: stretch;\n    }\n\n    .chat {\n        flex-grow: 9;\n        height: calc(100vh - 8em);\n        display: flex;\n        flex-direction: column;\n        justify-content: space-between;\n    }\n\n    .messages {\n        border: 1px solid #ddd;\n        height: calc(100% - 5em);\n        overflow: scroll;\n    }\n\n    .messages-hint {\n        font-size: 2em;\n        padding-top: 2em;\n        text-align: center;\n    }\n\n    .messages-item {\n        padding: 0.5em;\n    }\n\n    .messages-item-content {\n        white-space: pre-line;\n    }\n\n    .messages-item-question {\n        background-color: hsla(var(--secondary-color-hsl), 0.1);\n    }\n\n    .messages-item-assistant {\n        background-color: hsla(var(--secondary-color-hsl), 0.2);\n    }\n\n    .messages-item-assistant .icon {\n        color: var(--primary-color);\n    }\n\n    .question {\n\n    }\n\n    .controls {\n        display: flex;\n        flex-direction: column;\n    }\n</style>\n\n\n<div id="wb-chatgpt">\n    <h1>\n        {{ title }}\n        <span class="btn btn-link"\n              uib-popover-template="\'js/angular/templates/titlePopoverTemplate.html\'"\n              popover-trigger="mouseenter"\n              popover-placement="bottom-right"\n              popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>\n    </h1>\n\n    <div core-errors></div>\n    <div class="ot-chatgpt-ctrl d-flex" ng-show="getActiveRepository()">\n        <div class="chat">\n            <div uib-collapse="!isCollapsed" id="ot-help-text" class="alert alert-info">\n                <button type="button" ng-click="isCollapsed = false" gdb-tooltip="{{\'common.close\' | translate}}" class="close"\n                        aria-label="Close"></button>\n                <div ng-include="helpTemplateUrl"></div>\n            </div>\n            <div class="messages">\n                <div id="messages-scrollable">\n                    <div class="messages-hint text-muted" ng-if="!history.length">\n                        {{ \'ttyg.hint\' | translate }}\n                    </div>\n                    <div ng-repeat="msg in history">\n                        <div ng-if="!msg.internal" class="messages-item messages-item-{{ msg.role }}">\n                            <i class="icon icon-{{ getIcon(msg.role) }}"></i>\n                            <i class="icon icon-warning" ng-if="msg.error"></i>\n                            <span class="messages-item-content">{{ msg.content }}</span>\n                        </div>\n                    </div>\n                    <div onto-loader-new ng-show="loader" size="40"></div>\n                </div>\n            </div>\n            <div class="question">\n                <form>\n                    <div class="mb-2 d-flex">\n                        <input class="form-control" ng-model="question" type="text">\n                        <button class="btn btn-primary" ng-disabled="loader" ng-click="ask()">{{ \'ttyg.ask.button\' | translate }}</button>\n                    </div>\n                </form>\n            </div>\n        </div>\n        <div class="controls">\n            <button class="btn btn-link btn-lg" ng-click="isCollapsed = !isCollapsed" >\n                <i class="icon-help"></i>\n            </button>\n            <button class="btn btn-link btn-lg" ng-click="openSettings()">\n                <i class="icon-settings"></i>\n            </button>\n            <a class="btn btn-link btn-lg secondary" ng-click="clear()">\n                <i class="icon-trash"></i>\n            </a>\n        </div>\n    </div>\n</div>\n';return __p}}}]);