Merge pull request #126 from fingerthief/bugfixes/fix-issues-with-mes…

…sage-regens-and-browser-models-generation

Fix Issues With Message Regens and Browser Model Message Generation

.firebase/hosting.ZGlzdA.cache

@@ -1,13 +1,19 @@
 favicon.ico,1713127872612,157326f933ef6ca9e9b6cf28c0fd72d1fa39b03af16c815ccc5a6c8d3a516d60
-manifest.webmanifest,1716173637750,ad83cad8d66162dba7a3583f1e647135edd540a264434a0bdb07a87e8b4fba2f
-index.html,1716173637750,d1692341593c6e107767c929f8e8a1fad27d657811c233451877196498c90340
-registerSW.js.br,1716173637753,c89af6190d63fbd83d5fe095e94765fb196f10c7a2c81e5562070beba3d64f30
-sw.js,1716173639813,8ae16427b904b3b1a3a373e64e6b981c3e19d3e15b1b9419ea56ac31ad382f17
-index.html.br,1716173637753,9f236f828a9504b6fc3fd0669b281b04f6761dceb90754c84c5d0b2e10a11fc7
-registerSW.js,1716173637750,7687111be2c7dabc83b6a94a6c0a78623818fe11db1830e07fa7fc00c3e51308
-assets/@popperjs-BXvn9W3w.js.br,1716173637753,690cd34e4a9ef5b248350342144e999e54b481635fc2f3579fd532d754d55305
-workbox-3e911b1d.js,1716173639813,9664d8875652e0382312c5497b521558cf19dac8b4b02c655fe7ceafe9437d63
-assets/@popperjs-BXvn9W3w.js,1716173637738,d66be5d1e7a79acf908da84197f99214f5d32691508765b245e08ca4595eab9e
+index.html,1716519638548,6b440abf29238bb1e523f4e7f7eea59ccafec39796636b8ad38e5fff8167eb22
+index.html.gz,1716519638552,b4f12f589e3f52b7fcca22acc3cd11ba2390d3c8f51e2a810a3164d82f6c2923
+manifest.webmanifest,1716519638548,be6947d4e71b2ec7fcec390d34acf05c196b89a4fc50965bd0d0c023563ba134
+registerSW.js,1716519638548,7687111be2c7dabc83b6a94a6c0a78623818fe11db1830e07fa7fc00c3e51308
+registerSW.js.gz,1716519638552,37ead49925a00db2aa581b81712551bae59acfd312378a9dec0635abd99ec9c3
+sw.js,1716519641181,2955713c45e40d88f5ea719142152315c0f4ea6cfcb83bdcecde584498510237
+assets/@popperjs-WwgDnZaH.js.gz,1716519638551,708c5e1ca3444ff36a829055b62fc71f510a240b13637bcf270594d24e6c4ad2
+workbox-cfcf5a78.js,1716519641182,d5a5e8a87ab4f796fb4d7ea119eea7d1102e4d087fb88b461e03bebb9ba25bec
+assets/@popperjs-WwgDnZaH.js,1716519638547,8bc016766e28f2eab728fa9218c1cdef024980c931aed5dc4c7b63d094fc24e0
+assets/components-BKNE9HSK.css,1716519638535,1a8f74d8627f61f41661d40d288e4c3ec66f0c8c064c894d5ea68385eaf4efaf
+assets/components-BKNE9HSK.css.gz,1716519638548,487ba9605e6add93cc6dc930c0ef6ebe23f03fb0af740808b13359570d485ec6
+assets/components-rMqqRQZv.js.gz,1716519638552,cf11a9ab2773a509568f1e388b2886020ac16daed68030d311fd7e40bf6d831c
+assets/components-rMqqRQZv.js,1716519638548,b2b748ef5bd03aa97fcded43bf4511e9b2c1e81edcd50cb9e9148d5947135ea4
+assets/highlight-ik4pdP60.css,1716519638535,814f6e24f140455ff47f207692de8a95884b0875d4a62ff21780e97199087323
+assets/highlight-ik4pdP60.css.gz,1716519638548,a0a4fb84f08019231af70c8742f097db4788ca7117003dce44bd74b9c730ac34
 images/favicon.ico,1713632384999,157326f933ef6ca9e9b6cf28c0fd72d1fa39b03af16c815ccc5a6c8d3a516d60
 images/icon-128-128.png,1713632384999,6d017e792eda037f72414767ba9bfded3c08481d40ea5e588eefea0b7f31ad0a
 images/icon-192-192.png,1713632384999,1f7b8af605e45eb5da5b9d6bdfcb804dd7d24673dabc1e4328dc2d85d43984e6
@@ -29,52 +35,52 @@ webfonts/Roboto-MediumItalic.ttf,1682826424020,02dd703bfdda7d1785604b0583637c308
 webfonts/Roboto-Regular.ttf,1682826423962,1c7bf2ba074a4319cd14d388008c808189be71807a0827f21d052ea5d5fd588a
 webfonts/Roboto-Thin.ttf,1682826423886,b2394bd20f07962923e53983e3e8bb9e656ab100876c3dfd4b1d22f0c04533b2
 webfonts/Roboto-ThinItalic.ttf,1682826423909,adaf17c4bcdb0a809fc9df0e0fbb8c6cf17285bababe869c17e93d04cb8e6b0d
-assets/highlight-ik4pdP60.css,1716173637737,814f6e24f140455ff47f207692de8a95884b0875d4a62ff21780e97199087323
-assets/highlight-ik4pdP60.css.br,1716173637751,e2c0f42a5e009e7b7ebccc547724f52e5d46c9ebfccda4fc52b022a74be9cfd4
-assets/index-CbXLnMXA.css.br,1716173637753,b33fbd92e1342a51469b0af2938715cc75c482902ed298b31e39bc23e8c86a57
-assets/index-CbXLnMXA.css,1716173637737,7c968ff6c31d89721f17e4a1194c43b6913ca523815de7fa5361ef2a3c2829aa
-assets/index-kwnsowM2.js.br,1716173637753,810f6d28f1d19d46e04f28c17057816b165a3c51f8c09a2fe0a40a54e0a201c0
-assets/linkify-it-DGXJc0MJ.js,1716173637738,447cc4549ff2067864e3eb11617fbd265b7e0d286e2476f72d635aada7215cdd
-assets/linkify-it-DGXJc0MJ.js.br,1716173637753,8d163e2b93c5bfc33334ab9c8eedec7c556c4ade1aa4f4280668588208aa02fb
-assets/lucide-vue-next-DH3WaXO4.js.br,1716173637751,342f3b5cd153aa7c377a4db46c87b09266d095639e7ac9f5ef8aff4bf776752b
-assets/lucide-vue-next-DH3WaXO4.js,1716173637737,7d69bcbc06b18338179b08476d0cb2eeee2933905fafb8955280ee6b235e4c77
-assets/manifest-Df2YMaYy.webmanifest,1716173637736,c8cc1bf4225174eaab2f6db8861ae851783e1e982dde13d46341f674fb65bf0d
-assets/mdurl-DbZ9s47_.js,1716173637738,a1ad2db63383da6d06a90b490bd2fc5629824ce1e60a6f0d457798ef6522d461
-assets/markdown-it-BLZYKzKq.js.br,1716173637753,b1cfd29e0617467f69f5ffdd51ab1332d4428e53b77905ef957287d14677f2c9
-assets/mdurl-DbZ9s47_.js.br,1716173637751,9d462a8361e986007f720aef5ed22486dfb79e713695e477643476d0cc6f4d19
-assets/punycode.js-H98b6B6Y.js,1716173637738,b2edde1b3babcf9064f9d757e5207e2de5d29dbd5bccc5bc5bdd2a6570c49f7a
-assets/punycode.js-H98b6B6Y.js.br,1716173637751,b594b27a84356ce06ae8633d533f11b8b5cc3a0b800e99adc56e6e1cb42c0ac2
-assets/swiped-events-CUm4pq45.js,1716173637737,39989e74e573370207ee402b7133c24b3d44d9539ddcb49c6b97ae5a37e7b2ec
-assets/swiped-events-CUm4pq45.js.br,1716173637750,0eb1369422da0804c1ed7503a845692b6802cdef776eb6e97af43e7eff5b45a6
-assets/tippy-BwxQngPW.css,1716173637737,68d8c8b10a1d6231f21e761b9570ee0331566fb4a19f19c6c84a7968b7e8ddd5
-assets/tippy-BwxQngPW.css.br,1716173637751,d9476e89814389c9bc88655e0bb69f17c1e0f466d9ef08e7f891816182b0d6ad
-assets/tippy.js-C9HmDCm4.js.br,1716173637753,e754f60838b22222c897383697cc94d3b8b833f172d179a9809aa30dff389d90
-assets/toastify-js-CBmrvV_C.js,1716173637738,7143f6a615574fb281562be683a98efb0945d5fa333ddd868ff5f4b04b52aca8
-assets/tippy.js-C9HmDCm4.js,1716173637749,5f1140edf61f4eadc94952773e9b15e0a87d60de0e739ac88c0f9a9b7cda6b20
-assets/toastify-js-CBmrvV_C.js.br,1716173637753,becbcc12965498bd32a1097b485a2953a41ad0838e3ac7e05d174145ec922105
-assets/toastify-js-DSue4cjB.css,1716173637737,3357ee9885e5725f2856dcddc9deb86f09af95c3dd3d18c272023203a3bbde7f
-assets/toastify-js-DSue4cjB.css.br,1716173637751,b5afa060bdfeb54fff8f84591512d1ebfef655c5a73cfd445fa322f02bcc9188
-assets/uc.micro-CRGj88R_.js.br,1716173637751,48e85b8f9862b31b473a2a0409a11488de3d736d617e7074dddac98561d60a7e
-assets/vue-l0sNRNKZ.js,1716173637737,79b5adffe03ca5fa42190139e50336910f67c5316bc38db69473e728b3b4696f
-assets/uc.micro-CRGj88R_.js,1716173637737,20c20b812e1159d82df9ecea836b1dd9eadab1c7daefa19b99ed57aac19de847
-assets/markdown-it-BLZYKzKq.js,1716173637750,a3e72126a64bcc3411d6db4f55ec42619d9eea8e4655b71c77382b410a11b31a
-assets/vue-observe-visibility-Cz1rZlkv.js,1716173637738,ce2e4526e3343a522cc07571c83b0b0bef24f3bc34f122e1e8477d7d6f1bbbdc
-assets/vue-observe-visibility-Cz1rZlkv.js.br,1716173637753,1f09e6557e61d71c6ee7b0da855484bd2545096abadad0438bcb647292a66eea
-assets/@vue-yGgnXaVA.js.br,1716173637753,af8a62b8dff44363f5a4de14119b8d52b189d5e89d33c0c82fe5d6c727788c38
-assets/entities-BvYfRTOd.js.br,1716173637753,7239f4068dc3b82f992d4299c0288ca90933a7a829dd4d6dfb03c1aac8faeff1
-assets/entities-BvYfRTOd.js,1716173637738,c0edd8e2e1da698760832b248b4e1ee21a2000de7acadf77e51f6855f65e06f8
-assets/@vue-yGgnXaVA.js,1716173637750,2649a68725639a037c58b8388ed93167e53de1b5e86f99d8c23afedb34757aed
-assets/index-kwnsowM2.js,1716173637750,5c399e1f25979f1c207db05f54f13566c6093e711c07f25c76bb63b9246873fa
-assets/highlight.js-CsmFFSAZ.js.br,1716173637753,668725e9be0d7911c5928cb8aee1d3e8acb1044e4a3713475fe7a3d133809b38
-assets/vue-resize-Cvjz5XwB.js,1716173637738,a8361c8df0e7c228ca75c002d8107ff68d9fd7378521a7bcd8553ea248dba469
-assets/vue-router-BhTWdQA6.js.br,1716173637753,8f940b72d208e38136a6e55344c6f59efe704e277ded74c55b9deade3dd06cb6
-assets/vue-virtual-scroller-B0JLCtu8.css,1716173637737,b1a4000a0c2c484508540fe977edfd94eb52767607db26be23e906ca6321405d
-assets/vue-resize-Cvjz5XwB.js.br,1716173637751,8df347125aa6628601655881b07407066869f32c0cd27a29cb191a33e612c27d
-assets/vue-virtual-scroller-B0JLCtu8.css.br,1716173637750,a9e2e056c3f91e61cde6a71cece71482539baea9b0694332e7f9628cfd0fa0fc
-assets/vue-router-BhTWdQA6.js,1716173637750,d5869857b0480aa79ecf4720a1b1e4fa284175cb45127cd3366b36fbd4767b27
-assets/vue-virtual-scroller-BfCPfjWy.js.br,1716173637753,32e939c6bb0c030d93b9e8becf2afefa601d691bca7c3fd2b71ffee5b5e25a0e
-assets/vue-virtual-scroller-BfCPfjWy.js,1716173637738,be7776efc5d3d42d02a90c37937e5677e5dfef2068782eefce4237fadaadede8
-assets/highlight.js-CsmFFSAZ.js,1716173637750,fc398b5b427ea764ad65e5dad6bf25c64640e01c3f5539015bb413efb463254f
-assets/Roboto-Regular-Dj9u0zRN.ttf,1716173637737,1c7bf2ba074a4319cd14d388008c808189be71807a0827f21d052ea5d5fd588a
-assets/@mlc-ai-CD1yFaDj.js.br,1716173637754,9fb4ef4e851e0559a15a2fd47c05b53595ee883bbf82ca12ff320929a2e59962
-assets/@mlc-ai-CD1yFaDj.js,1716173637755,21673487d7802eb21ff32b3185192e5a2d8e1c27f78bd73f1b462fe4eeb1fe5f
+assets/index-AecbwFad.css,1716519638535,fc7dec8db3855068a76caf766f0bfee349f9cc0d0cc913ba0281e9cb971b1dd2
+assets/index-AecbwFad.css.gz,1716519638548,1a00fc654582926c627e4e4b09af840660e888b8717a3ebdd6e4a93121da9119
+assets/index-CvfOnuB4.js.gz,1716519638551,84fe6e31a0ff8c38347ea81d01bc34d97ca778d14714248318f216aa3290d849
+assets/index-CvfOnuB4.js,1716519638536,b12370da3691b61bc0e592749523c7b92b3a2da6d4de15d73da2d626fc9c52be
+assets/libs-D9HjtiqZ.js.gz,1716519638552,cc86f364aa5bf828f7d2441369a022323102d7a22bd5a640f087a46dd15a489d
+assets/linkify-it-BRh3a1Qu.js,1716519638535,297fb77dc5a3a6ffc464e7e60b3f0b0fd26045c75609f41e0346aa22eb7b4abd
+assets/linkify-it-BRh3a1Qu.js.gz,1716519638551,a9b823e56d6209c5233be196487d6f24f06eb2bd7662f476de4df623bef15f79
+assets/lucide-vue-next-DMm6gSZb.js,1716519638535,9f5b9540350725f7ba739de2568fea070b3eae8d2dcbee092ddc17a99e9a2913
+assets/manifest-Df2YMaYy.webmanifest,1716519638530,c8cc1bf4225174eaab2f6db8861ae851783e1e982dde13d46341f674fb65bf0d
+assets/lucide-vue-next-DMm6gSZb.js.gz,1716519638551,a11bc114f295bcc563435a16b4c99db974a7a63224b81dc3588b459eb04ad736
+assets/mdurl-DbZ9s47_.js,1716519638536,a1ad2db63383da6d06a90b490bd2fc5629824ce1e60a6f0d457798ef6522d461
+assets/markdown-it-B8Whi7iZ.js.gz,1716519638552,68498ba7d301712115688fb973790ec265ba2f6862e3a2fc27e5a0fd108403a1
+assets/libs-D9HjtiqZ.js,1716519638547,ca5be0ab8627c83e92b46355837f64a6f854606a84eb6590f62b19dfd8491682
+assets/mdurl-DbZ9s47_.js.gz,1716519638551,0d87e2f51ed29759cec87f20f537aae80946d715f44ab1154faa85924176df03
+assets/punycode.js-H98b6B6Y.js,1716519638535,b2edde1b3babcf9064f9d757e5207e2de5d29dbd5bccc5bc5bdd2a6570c49f7a
+assets/punycode.js-H98b6B6Y.js.gz,1716519638551,3b4475562d92db8c50d68b7d74641580145d76436829d9b662982bc7d680e7e7
+assets/swiped-events-DZbrKbnW.js,1716519638535,f71958c13f494c6457c99d3e5db656479dd531f871feb90aaea429c64af46003
+assets/tippy-BwxQngPW.css,1716519638535,68d8c8b10a1d6231f21e761b9570ee0331566fb4a19f19c6c84a7968b7e8ddd5
+assets/tippy-BwxQngPW.css.gz,1716519638548,985e6ad875ff2eefaeadc56d972eade2aa36db0f3bbd1a8d2691453d08fbdfc5
+assets/swiped-events-DZbrKbnW.js.gz,1716519638548,15d5b5426fb0de8602ef65948399b746cca89d203225a521bc54c94fef7b87e8
+assets/tippy.js-BEEru8Zq.js.gz,1716519638552,fac23f7060a431dc3d81de3c7ef278fa479e5173f974c6df2c1faaf54a9ee34d
+assets/tippy.js-BEEru8Zq.js,1716519638548,ba589e2569b4a3abec7c09955f49c5d97bb3e8f2e269effc14207de790eb0e8e
+assets/toastify-js-DqXk4TNy.js.gz,1716519638551,7871629b2a1afd75cac9eeb0c11d70242c787911f2e7ae52d0540d19ade97e61
+assets/toastify-js-DqXk4TNy.js,1716519638536,247369ac84f89cdd493f1f0245c6ccde2ab5d34f7c6433414ade0aa1abecbac7
+assets/toastify-js-DSue4cjB.css,1716519638535,3357ee9885e5725f2856dcddc9deb86f09af95c3dd3d18c272023203a3bbde7f
+assets/markdown-it-B8Whi7iZ.js,1716519638548,13b0bd6300387cfc698c349fa2852e132e46ac48b3078e7800993b16c77e3128
+assets/@vue-qsf0JGVI.js.gz,1716519638553,bd82d7ba8b4bf66dd7a36d0dd69675f7d28a043a082a74b5b5d4057b95ca1485
+assets/entities-BN6pFAbb.js.gz,1716519638552,f9ba8cd99d19c27233c5b54f69b5150ff93d9040d4af18cfe6aaaaa994217496
+assets/@vue-qsf0JGVI.js,1716519638548,0ccf79c133a79c53368d3913cf57e5cd4179748b3991c13de57aa8c914a4385e
+assets/entities-BN6pFAbb.js,1716519638535,b10c45f283f0f1113457bce07e407d30854d2af1cb0e066ff5fb8e35ec40bca4
+assets/highlight.js-Bx1xg1he.js.gz,1716519638553,158c22aca58c3cce6d01c18ced2814c037139d4f758d63fcae7db98612083674
+assets/toastify-js-DSue4cjB.css.gz,1716519638548,59ace0e296df1147b00b57af1dd6d3cb41065d4b2d1e76496a0560cea439e905
+assets/vue-l0sNRNKZ.js,1716519638535,79b5adffe03ca5fa42190139e50336910f67c5316bc38db69473e728b3b4696f
+assets/uc.micro-CRGj88R_.js.gz,1716519638551,4b15a90b46f0a49faed52f19e6ff78d181aa32290008ff441cf30f673ad138a0
+assets/vue-observe-visibility-D6Fmr57N.js,1716519638535,756c3d834cf5257647f02b7f1779a42dfad033a5d642cca2c5dcaa2c0703e6e3
+assets/vue-observe-visibility-D6Fmr57N.js.gz,1716519638551,2da748f4639068fa445622984a764f760d1618c5f0815caabcaa77d2b8cef203
+assets/uc.micro-CRGj88R_.js,1716519638535,20c20b812e1159d82df9ecea836b1dd9eadab1c7daefa19b99ed57aac19de847
+assets/vue-resize-9g2j8xs9.js,1716519638535,67f0f43c3294ecdd4075375bc7c7fcd05e2ce05dff9e8798dd40d6a5a3346316
+assets/vue-resize-9g2j8xs9.js.gz,1716519638551,8e0a989e13569ddc27f7e8a8ec19c7bc0d633a61e2d060f2ea4c2ffc4a822b73
+assets/vue-virtual-scroller-B0JLCtu8.css,1716519638535,b1a4000a0c2c484508540fe977edfd94eb52767607db26be23e906ca6321405d
+assets/vue-router-a_OdSbSl.js.gz,1716519638552,c9196b7b9db4634b3db8e2c0af6f5c059b657c71f0221e642755318e3c5e0b42
+assets/vue-virtual-scroller-B0JLCtu8.css.gz,1716519638548,67d16aab62c6bc71d7dd5817cc073f1464ec42f14fcd483486bf81b363ca242f
+assets/vue-virtual-scroller-CL8tc1pU.js.gz,1716519638552,6dfff8265914d62cdccdbc30ff0438a39c3436ed7e31216f5447436c46c4868b
+assets/vue-router-a_OdSbSl.js,1716519638548,c31c292e725bed32f3ec47ba022c640fc23e57fcca2ba64a0b92a8d485bb9d1a
+assets/vue-virtual-scroller-CL8tc1pU.js,1716519638548,e871e845e19be8fe80566fb0065211a7d9122af5673d341cf96d067dfcb5b0fa
+assets/highlight.js-Bx1xg1he.js,1716519638548,4a56df22efda3d73c80af6405c95a0cef15a36e964f605f36eeaac70c4b49199
+assets/Roboto-Regular-Dj9u0zRN.ttf,1716519638535,1c7bf2ba074a4319cd14d388008c808189be71807a0827f21d052ea5d5fd588a
+assets/@mlc-ai-CrejCkxF.js.gz,1716519638554,dff44ab2fca2d9b50aafe7363b2b2a5b7cef431890f9072c88c477ed96912d7a
+assets/@mlc-ai-CrejCkxF.js,1716519638553,6715b70e5e83bf2bd28cb9748f51a2cacfe4fe0a46f41530fc33d35e54f361c9

index.html

@@ -15,6 +15,6 @@
  </head>
  <body>
  <div id="app"></div>
- <script type="module" src="/src/main.js"></script>
+ <script defer type="module" src="/src/main.js"></script>
  </body>
 </html>

src/components/message-item.vue → src/components/MessageItem.vue

@@ -111,7 +111,7 @@ async function saveEditedMessage(message, event) {
  streamedMessageText
  );
 
- messages.value = [...result.baseMessages];
+ messages.value = result.baseMessages;
  selectedConversation.value.messageHistory = messages.value;
  isLoading.value = false;
  saveMessagesHandler();
@@ -170,49 +170,26 @@ async function deleteMessage(content) {
 
 <template>
  <div ref="messageList" class="message-list">
- <DynamicScroller
- :min-item-size="1200"
- :buffer="1200"
- ref="scroller"
- class="scroller"
- @emitUpdates="true"
- :items="filteredMessages"
- key-field="id"
- v-slot="{ item, active }"
- >
+ <DynamicScroller :min-item-size="1200" :buffer="1200" ref="scroller" class="scroller" @emitUpdates="true"
+ :items="filteredMessages" key-field="id" v-slot="{ item, active }">
  <DynamicScrollerItem :item="item" :active="active" :data-index="item.id">
  <div v-if="active" :class="messageClass(item.role)">
  <div class="message-header">
- <RefreshCcw
- v-if="item.role === 'user'"
- class="icon"
- :id="'message-refresh-' + item.id"
- :size="18"
+ <RefreshCcw v-if="item.role === 'user'" class="icon" :id="'message-refresh-' + item.id" :size="18"
  :class="{ loading: isLoading && loadingIcon === item.id }"
- @click.stop="regenerateMessage(item.content), startLoading(item.id)"
- />
+ @click.stop="regenerateMessage(item.content), startLoading(item.id)" />
  <ToolTip v-if="item.role === 'user'" :targetId="'message-refresh-' + item.id">Regenerate </ToolTip>
- <Trash
- v-if="item.role === 'user'"
- class="icon delete-icon"
- :id="'message-trash-' + item.id"
- :size="18"
- @click.stop="deleteMessage(item.content), startLoading(item.id)"
- />
+ <Trash v-if="item.role === 'user'" class="icon delete-icon" :id="'message-trash-' + item.id" :size="18"
+ @click.stop="deleteMessage(item.content), startLoading(item.id)" />
  <ToolTip v-if="item.role === 'user'" :targetId="'message-trash-' + item.id">Remove</ToolTip>
  <div class="label" @click="copyText(item)" :id="'message-label-' + item.id">
  {{ item.role === 'user' ? 'User' : modelDisplayName }}
  </div>
  <ToolTip :targetId="'message-label-' + item.id">Copy message</ToolTip>
  </div>
- <div
- class="message-contents"
- :id="'message-' + item.id"
- :contenteditable="item.isEditing"
- @dblclick="editMessage(item)"
- @blur="saveEditedMessage(item, $event)"
- v-html="formatMessage(item.content)"
- ></div>
+ <div class="message-contents" :id="'message-' + item.id" :contenteditable="item.isEditing"
+ @dblclick="editMessage(item)" @blur="saveEditedMessage(item, $event)" v-html="formatMessage(item.content)">
+ </div>
  <ToolTip v-if="item.role === 'user'" :targetId="'message-' + item.id">Double click to edit message </ToolTip>
  </div>
  </DynamicScrollerItem>

src/libs/api-access/claude-api-access.js

@@ -1,4 +1,8 @@
 import { showToast, sleep, parseStreamResponseChunk } from '../utils/general-utils';
+import { updateUI } from '../utils/general-utils';
+import { messages } from '../state-management/state';
+import { addMessage } from '../conversation-management/message-processing';
+import { claudeSliderValue } from '../state-management/state';
 
 const numberOfRetryAttemptsAllowed = 5;
 
@@ -146,7 +150,7 @@ export async function streamClaudeResponse(
  body: JSON.stringify({
  system: filteredMessages[0].content,
  messages: tempMessages.slice(1),
- temperature: attitude * 0.01,
+ temperature: claudeSliderValue.value * 0.01,
  model: model,
  stream: true,
  max_tokens: 4096,
@@ -165,12 +169,12 @@ export async function streamClaudeResponse(
  } catch (error) {
  if (error.name === 'AbortError') {
  showToast(`Stream Request Aborted.`);
- return streamedMessageText.value;
+ return;
  }
 
  console.error('Error fetching Claude Model response:', error);
  showToast(`Stream Request Failed.`);
- return streamedMessageText.value;
+ return;
  }
 }
 
@@ -197,7 +201,7 @@ async function readResponseStream(response, updateUiFunction, autoScrollToBottom
  for (const parsedLine of parsedLines) {
  if (parsedLine.delta && parsedLine.delta.text) {
  decodedResult += parsedLine.delta.text;
- updateUiFunction(parsedLine.delta.text, autoScrollToBottom);
+ updateUI(parsedLine.delta.text, messages.value, addMessage, autoScrollToBottom);
  }
  }
  }

src/libs/api-access/gpt-api-access.js

@@ -1,5 +1,7 @@
 import { showToast, sleep, parseStreamResponseChunk } from '../utils/general-utils';
-
+import { updateUI } from '../utils/general-utils';
+import { messages } from '../state-management/state';
+import { addMessage } from '../conversation-management/message-processing';
 const MAX_RETRY_ATTEMPTS = 5;
 let gptVisionRetryCount = 0;
 let dalleRetryCount = 0;
@@ -125,12 +127,12 @@ export async function fetchGPTResponseStream(
  } catch (error) {
  if (error.name === 'AbortError') {
  showToast(`Stream Request Aborted.`);
- return streamedMessageText.value;
+ return;
  }
 
  console.error('Error fetching GPT response:', error);
  showToast(`Stream Request Failed.`);
- return streamedMessageText.value;
+ return;
  }
 }
 
@@ -155,7 +157,7 @@ async function readResponseStream(response, updateUiFunction, autoScrollToBottom
  } of parsedLines) {
  if (content) {
  decodedResult += content;
- updateUiFunction(content, autoScrollToBottom);
+ updateUI(content, messages.value, addMessage, autoScrollToBottom);
  }
  }
  }