更改必应和chatgpt的图片模式web模板，临时处理切换模式后会话失效问题 (#163)

* 修复引用转发，默认bing模式并发

* 开启stream增加稳定性

* fix: remove queue element only in non-bing mode

* 使用chatgpt-api自带的超时逻辑，文字过多时启动切换到图片输出防止被吞

* Update chat.js

* 添加Bing专用的图片输出样式

* 添加chatgpt的新图片模式，临时处理切换api导致的对话异常

---------

Co-authored-by: ikechan8370 <geyinchibuaa@gmail.com>

resources/content/ChatGPT/static/css/font-awesome.min.css

@@ -0,0 +1 @@
+.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../fonts/fa-brands-400.eot);src:url(../fonts/fa-brands-400.eot) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../fonts/fa-light-300.eot);src:url(../fonts/fa-light-300.eot) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff"),url(../fonts/fa-light-300.ttf) format("truetype"),url(../fonts/fa-light-300.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:auto;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400.eot) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:auto;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900.eot) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa{font-family:"Font Awesome 5 Pro";font-weight:900}

resources/content/ChatGPT/static/css/hljs.css

@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}

resources/content/ChatGPT/static/css/style.css

@@ -0,0 +1,429 @@
+@charset "UTF-8";
+/*-----------------------------------------------------------------------------------
+
+    Template Name: Aiden - Creative Portfolio HTML5 Template
+    Template URI: site.com
+    Description: Aiden - Creative Portfolio HTML5 Template
+    Author: Rs_Theme
+    Version: 1.0
+
+-----------------------------------------------------------------------------------
+
+    CSS INDEX
+    ===================
+	01. Theme default css
+	02. header css
+	03. Navigation css
+	04. hero css
+	05. about css
+	06. service css
+	07. work CSS
+	08. testimonial css
+	09. brand css
+	10. blog css
+	11. contact css
+	12. breadcrumb css
+	13. cta css
+	14. contact-page css
+	15. blog-page css
+	16. footer css
+
+-----------------------------------------------------------------------------------*/
+/* reset css start */
+@import url("644b614f82934cd2a7833c108ceb941b.css");
+@import url("a0020bf6401d4e99884e2be5f5402f24.css");
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: "Josefin Sans", sans-serif;
+  font-size: 18px;
+  padding: 0;
+  margin: 0;
+  font-weight: 400;
+  position: relative;
+  line-height: 26px;
+  background: #f5feff;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+ul, ol {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+button {
+  cursor: pointer;
+}
+
+*:focus {
+  outline: none;
+}
+
+button {
+  border: none;
+  -webkit-transition: 0.3s;
+  -o-transition: 0.3s;
+  transition: 0.3s;
+}
+
+button:focus {
+  outline: none;
+}
+
+a {
+  -webkit-transition: 0.3s;
+  -o-transition: 0.3s;
+  transition: 0.3s;
+}
+a:hover {
+  text-decoration: none;
+  color: #242B58;
+}
+
+table {
+  width: 100%;
+}
+
+p, li, span {
+  color: #242B58;
+  margin-bottom: 0;
+}
+
+/* reset css end */
+/* global css start */
+
+/* global css end */
+
+.height-50 {
+  height: 40px;
+  display: block;
+}
+
+.pt-232 {
+  padding-top: 232px;
+}
+
+.section-heading {
+  position: relative;
+}
+.section-heading h2 {
+  font-size: 42px;
+  line-height: 51px;
+  display: inline-block;
+  position: relative;
+  padding-right: 15px;
+  color: rgb(255 115 0 / 25%);
+  text-transform: uppercase;
+}
+@media (max-width: 767px) {
+  .section-heading h2 {
+    font-size: 36px;
+    line-height: 45px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .section-heading h2 {
+    font-size: 42px;
+    line-height: 51px;
+  }
+}
+.section-heading h2::after {
+  width: 160px;
+  height: 100px;
+  right: 0px;
+  content: "";
+  position: absolute;
+  bottom: 0px;
+  background: #b8dee094;
+  z-index: -1;
+}
+
+/*--
+    - Margin & Padding
+-----------------------------------------*/
+/*-- Margin Top --*/
+
+/*-- Margin Top --*/
+
+.mt-175 {
+  margin-top: 175px;
+}
+
+/*-- Margin Bottom --*/
+
+/*-- Margin Left --*/
+
+/*-- Margin Right --*/
+
+/*-- Padding Top --*/
+
+/*-- Padding Bottom --*/
+
+/*-- Padding Left --*/
+
+/*-- Padding Right --*/
+
+/* typography css start */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 700;
+  color: #242B58;
+  margin: 0;
+  line-height: 1.4;
+  font-family: "Josefin Sans", sans-serif;
+}
+
+h2 {
+  font-size: 32px;
+}
+
+h3 {
+  font-size: 22px;
+}
+
+h4 {
+  font-size: 20px;
+}
+
+h5 {
+  font-size: 18px;
+}
+
+h6 {
+  font-size: 16px;
+}
+
+/* typography css end */
+/*--
+    - Overlay
+------------------------------------------*/
+
+/*-- Overlay Color --*/
+
+/*-- Overlay Opacity --*/
+
+/* Heder css start*/
+.site-header {
+  margin-top: 15px;
+  padding: 25px 0px;
+  position: absolute;
+  width: 100%;
+  z-index: 2;
+}
+
+/* Navigation css */
+
+/* form css start */
+label {
+  font-size: fsize("14px");
+}
+
+input:not([type=radio]),
+textarea {
+  padding: 10px 20px;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  background-color: transparent;
+  font-size: fsize("14px") !important;
+}
+input:not([type=radio])::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #c9c9c9 !important;
+  opacity: 1;
+}
+input:not([type=radio])::-moz-placeholder,
+textarea::-moz-placeholder {
+  color: #c9c9c9 !important;
+  opacity: 1;
+}
+input:not([type=radio]):-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  color: #c9c9c9 !important;
+  opacity: 1;
+}
+input:not([type=radio]):-moz-placeholder,
+textarea:-moz-placeholder {
+  color: #c9c9c9 !important;
+  opacity: 1;
+}
+
+select {
+  padding: 8px 10px;
+  cursor: pointer;
+  color: #242B58;
+  background-color: transparent;
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+}
+
+textarea {
+  min-height: 100px;
+  width: 100%;
+}
+
+input[type=radio],
+input[type=range],
+input[type=checkbox] {
+  height: auto !important;
+  padding: 0;
+}
+
+/* form css end */
+/* hero area css*/
+
+.hero-content {
+  position: relative;
+  margin-top: 30px;
+  margin-bottom: 25px;
+}
+.hero-content h4 {
+  position: relative;
+  font-size: 24px;
+  font-weight: 600;
+  color: #12152f;
+  padding-left: 65px;
+  line-height: 29px;
+}
+@media (max-width: 1199px) {
+  .hero-content h4 {
+    font-size: 18px;
+    line-height: 23px;
+  }
+}
+@media (max-width: 767px) {
+  .hero-content h4 {
+    font-size: 16px;
+    line-height: 21px;
+  }
+}
+.hero-content h4::after {
+  width: 50px;
+  height: 2px;
+  background: #5beeb1;
+  left: 0px;
+  top: 50%;
+  -webkit-transition: translateY(-50%);
+  -o-transition: translateY(-50%);
+  transition: translateY(-50%);
+  content: "";
+  position: absolute;
+}
+.hero-content h1 {
+  margin-top: 20px;
+  font-size: 82px;
+  line-height: 99px;
+  font-weight: 700;
+  color: #ffffff;
+  margin-bottom: 30px;
+  position: relative;
+  z-index: 2;
+}
+@media (max-width: 1650px) {
+  .hero-content h1 {
+    font-size: 70px;
+    line-height: 87px;
+  }
+}
+@media (max-width: 1199px) {
+  .hero-content h1 {
+    font-size: 45px;
+    line-height: 62px;
+  }
+}
+@media (max-width: 767px) {
+  .hero-content h1 {
+    font-size: 30px;
+    line-height: 47px;
+  }
+}
+@media only screen and (min-width: 576px) and (max-width: 767px) {
+  .hero-content h1 {
+    font-size: 45px;
+    line-height: 62px;
+  }
+}
+.hero-content h1 span {
+  font-weight: 300;
+  display: block;
+  color: #ffffff;
+}
+.hero-content p {
+  color: #B0B0B2;
+  line-height: 24px;
+}
+
+/* About css */
+.about-area {
+  position: relative;
+  padding-top: 40px;
+}
+
+.about-content h6 {
+  color: #12152f;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  margin-bottom: 10px;
+}
+.about-content h2 {
+  color: #12152f;
+  font-size: 28px;
+}
+.about-content p {
+  color: #12152f;
+  line-height: 24px;
+}
+
+/* skill cass */
+
+/* service css*/
+
+/* work css */
+
+/* testimonial css */
+
+/* brand css */
+
+/* blog css */
+
+/* contact css */
+
+/* breadcrumb css */
+
+/* cta css */
+
+/* contact page css */
+
+/* blog page css */
+
+/* single blog page css */
+
+/* comment css */
+
+/*Footer css*/
+.site-footer {
+  border-top: 1px solid #00ff8c;
+  padding: 30px 0px;
+}
+
+@media (max-width: 767px) {
+  .copyright-text {
+    text-align: center;
+    margin-top: 20px;
+  }
+}
+.copyright-text p {
+  color: #17b874;
+}

resources/content/ChatGPT/static/js/main.js

@@ -0,0 +1,12 @@
+(function ($) {
+    'use strict';
+
+    /*------------- preloader js --------------*/
+	function loader() {
+		$(window).on('load', function () {
+			
+		});
+	}
+	loader();
+})(jQuery);
+