@memori.ai/memori-react 6.8.1 → 6.8.4

package/src/components/ChatBubble/ChatBubble.css

@@ -83,7 +83,9 @@
 
 .memori-chat--bubble a {
     color: var(--memori-primary, #000);
+    overflow-wrap: break-word;
     text-decoration: underline;
+    word-break: break-word;
 }
 
 .memori-chat--bubble a:hover,
@@ -92,14 +94,27 @@
     text-decoration: underline !important;
 }
 
+.memori-chat--bubble.memori-chat--user-bubble a {
+    color: var(--memori-primary-text);
+}
+
+.memori-chat--bubble h1,
+.memori-chat--bubble h2,
+.memori-chat--bubble h3,
+.memori-chat--bubble h4,
+.memori-chat--bubble h5,
+.memori-chat--bubble h6 {
+    color: inherit;
+}
+
 @media (max-width: 600px) {
     .memori-chat--bubble p {
-        font-size: 11px;
-        line-height: 1.2;
+        font-size: 12px;
+        line-height: 1.25;
     }
 }
 
-.memori-chat--bubble p+p {
+.memori-chat--bubble p + p {
     margin-top: 0.5em;
 }
 
@@ -146,24 +161,32 @@
     margin-left: auto;
 }
 
-.memori-chat--bubble.memori-chat--with-addon .memori-chat--bubble-action-icon {
+.memori-chat--bubble .memori-chat--bubble-action-icon {
     display: flex;
     justify-content: flex-end;
     padding: 0;
     text-align: right;
 }
 
-.memori-chat--bubble.memori-chat--with-addon .memori-chat--bubble-action-icon.memori-chat--bubble-action-icon--ai {
+.memori-chat--bubble .memori-chat--bubble-action-icon.memori-chat--bubble-action-icon--ai {
     padding: 3px;
 }
 
-.memori-chat--bubble.memori-chat--with-addon .memori-chat--bubble-action-icon svg {
+.memori-chat--bubble .memori-chat--bubble-action-icon svg {
     overflow: visible;
     width: 1rem;
     height: 1rem;
     color: #000;
 }
 
+.memori-chat--bubble .memori-chat--bubble-action-icon.memori-chat--bubble-action-icon--debug {
+    color: var(--memori-error-color);
+}
+
+.memori-chat--bubble .memori-chat--bubble-action-icon.memori-chat--bubble-action-icon--debug svg {
+    color: currentColor;
+}
+
 .memori-chat--bubble-addon .memori-chat--feedback {
     display: flex;
     align-items: center;
@@ -180,16 +203,20 @@
     color: #333;
 }
 
+.memori-chat--bubble .memori-chat--bubble-action-icon.memori-chat--bubble-action-icon--ai svg {
+    width: 0.85rem;
+    height: 0.85rem;
+}
+
+.memori-chat--bubble-addon button.memori-chat--bubble-action-icon {
+    padding: 2.5px;
+}
+
 .memori-chat--bubble-addon .memori-chat--feedback button .memori-button--icon svg {
     width: 0.9rem;
     height: 0.9rem;
 }
 
-.memori-chat--bubble.memori-chat--with-addon .memori-chat--bubble-action-icon.memori-chat--bubble-action-icon--ai svg {
-    width: 0.85rem;
-    height: 0.85rem;
-}
-
 .memori-chat--bubble-addon-separator {
     width: 1px;
     height: 1.5em;
@@ -260,7 +287,6 @@
 }
 
 @keyframes wave {
-
     0%,
     60%,
     100% {
@@ -276,6 +302,57 @@
     width: 100%;
 }
 
-.memori-chat--bubble mjx-container[jax="CHTML"][display="true"] {
+.memori-chat--bubble output {
+    display: none;
+}
+
+.dot mjx-container[jax='CHTML'][display='true'] {
     text-align: left;
-}
+}
+
+.memori-chat--bubble.memori-chat--user-bubble .memori-expandable > button {
+    color: var(--memori-primary-text);
+}
+
+.memori-chat--function-cache-modal .memori-modal--panel {
+    width: 80%;
+    height: 100%;
+    /* padding: 20px; */
+    max-height: 80vh;
+    border-radius: 10px;
+    background-color: #fff;
+    overflow-y: auto;
+}
+
+details.memori-think {
+    display: block;
+    width: calc(100% - 1.5rem);
+    max-width: 500px;
+    padding: 0.75rem;
+    border-radius: var(--memori-border-radius);
+    margin-bottom: 0.75rem;
+    background-color: #f6f6f6;
+    font-size: 0.85em;
+    font-style: italic;
+    line-height: 1.33;
+}
+
+details.memori-think summary {
+    cursor: pointer;
+    font-weight: bold;
+    opacity: 0.6;
+}
+
+details.memori-think summary:hover {
+    color: var(--memori-primary);
+    opacity: 1;
+}
+
+details.memori-think[open] {
+    color: rgba(0, 0, 0, 0.6);
+}
+
+details.memori-think[open] summary {
+    margin-bottom: 0.5rem;
+    color: #000;
+}