fix: code block overflow in chat (#509) bump:patch

libs/ktem/ktem/assets/css/main.css

@@ -52,6 +52,14 @@ button.selected {
   font-weight: bold;
 }
 
+.message-row.bubble.bot-row{
+  overflow-x: auto;
+}
+
+.flex-wrap.bot {
+  overflow-x: inherit;
+}
+
 #chat-tab,
 #indices-tab,
 #settings-tab,
@@ -191,11 +199,11 @@ mark {
   right: 15px;
 }
 
-#new-conv-button > img {
+/* #new-conv-button > img {
   position: relative;
   top: 0px;
   right: -50%;
-}
+} */
 
 span.icon {
   color: #cecece;
@@ -271,3 +279,54 @@ pdfjs-viewer-element {
   flex: 1;
   overflow: auto;
 }
+
+/** Switch
+ -------------------------------------*/
+
+#is-public-checkbox {
+  position: relative;
+  top: 4px;
+}
+
+.switch input {
+  position: absolute;
+  opacity: 0;
+}
+
+/**
+ * 1. Adjust this to size
+ */
+
+.switch {
+  display: inline-block;
+  /* 1 */
+  height: 1em;
+  width: 2em;
+  background: #8f8f8f;
+  border-radius: 1em;
+  position: relative;
+  top: 2px;
+  margin-right: 1em;
+}
+
+.switch div {
+  height: 1em;
+  width: 1em;
+  border-radius: 1em;
+  background: #FFF;
+  box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
+  -webkit-transition: all 300ms;
+  -moz-transition: all 300ms;
+  transition: all 300ms;
+}
+
+.switch input:checked+div {
+  -webkit-transform: translate3d(100%, 0, 0);
+  -moz-transform: translate3d(100%, 0, 0);
+  transform: translate3d(100%, 0, 0);
+  background: #12df9a;
+}
+
+.switch:has(> input:checked) {
+  background: #0c895f;
+}

libs/ktem/ktem/assets/js/main.js

@@ -16,6 +16,16 @@ function run() {
   let chat_info_panel = document.getElementById("info-expand");
   chat_info_panel.insertBefore(info_expand_button, chat_info_panel.childNodes[2]);
 
+  // create slider toggle
+  const is_public_checkbox = document.getElementById("is-public-checkbox");
+  const label_element = is_public_checkbox.getElementsByTagName("label")[0];
+  const checkbox_span = is_public_checkbox.getElementsByTagName("span")[0];
+  new_div = document.createElement("div");
+
+  label_element.classList.add("switch");
+  is_public_checkbox.appendChild(checkbox_span);
+  label_element.appendChild(new_div)
+
   // clpse
   globalThis.clpseFn = (id) => {
     var obj = document.getElementById('clpse-btn-' + id);

libs/ktem/ktem/assets/md/about.md

@@ -8,6 +8,3 @@ An open-source tool for you to chat with your documents.
 [User Guide](https://cinnamon.github.io/kotaemon/) |
 [Developer Guide](https://cinnamon.github.io/kotaemon/development/) |
 [Feedback](https://github.com/Cinnamon/kotaemon/issues)
-
-[Dark Mode](?__theme=dark)
-[Night Mode](?__theme=light)