web-mojo 2.2.85 → 2.2.87

package/dist/admin.css

@@ -896,7 +896,14 @@
 
 .assistant-chat-area .message-text {
     font-size: 0.9rem;
-    line-height: 1.65;
+    line-height: 1.5;
+}
+
+/* Override pre-wrap for assistant markdown — HTML block elements
+   provide their own spacing; pre-wrap adds visible whitespace
+   between tags like <p>, <ol>, <li> */
+.assistant-chat-area .message-assistant .message-text {
+    white-space: normal;
 }
 
 /* ── Custom Input Area ────────────────────────────────────── */
@@ -917,7 +924,9 @@
     padding: 8px 8px 8px 18px;
     background: #fff;
     box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
-    transition: border-color 0.2s, box-shadow 0.2s;
+    transition:
+        border-color 0.2s,
+        box-shadow 0.2s;
 }
 
 .assistant-input-box:focus-within {
@@ -955,7 +964,9 @@
     justify-content: center;
     cursor: pointer;
     flex-shrink: 0;
-    transition: background-color 0.15s, opacity 0.15s;
+    transition:
+        background-color 0.15s,
+        opacity 0.15s;
     font-size: 1rem;
 }
 
@@ -981,7 +992,9 @@
     justify-content: center;
     cursor: pointer;
     flex-shrink: 0;
-    transition: border-color 0.15s, color 0.15s;
+    transition:
+        border-color 0.15s,
+        color 0.15s;
     font-size: 0.9rem;
 }
 
@@ -1024,8 +1037,13 @@
 }
 
 @keyframes pulse-dot {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.4; }
+    0%,
+    100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.4;
+    }
 }
 
 /* ── Thinking Indicator ───────────────────────────────────── */
@@ -1061,13 +1079,25 @@
     animation: thinking-bounce 1.4s infinite ease-in-out both;
 }
 
-.chat-thinking-dots span:nth-child(1) { animation-delay: -0.32s; }
-.chat-thinking-dots span:nth-child(2) { animation-delay: -0.16s; }
-.chat-thinking-dots span:nth-child(3) { animation-delay: 0s; }
+.chat-thinking-dots span:nth-child(1) {
+    animation-delay: -0.32s;
+}
+.chat-thinking-dots span:nth-child(2) {
+    animation-delay: -0.16s;
+}
+.chat-thinking-dots span:nth-child(3) {
+    animation-delay: 0s;
+}
 
 @keyframes thinking-bounce {
-    0%, 80%, 100% { transform: scale(0); }
-    40% { transform: scale(1); }
+    0%,
+    80%,
+    100% {
+        transform: scale(0);
+    }
+    40% {
+        transform: scale(1);
+    }
 }
 
 .chat-thinking-timer {
@@ -1208,11 +1238,13 @@
 
 .mini-pie-segment {
     cursor: pointer;
-    transition: filter 0.15s, stroke-width 0.15s;
+    transition:
+        filter 0.15s,
+        stroke-width 0.15s;
 }
 
 .mini-pie-segment:hover {
-    filter: brightness(1.12) drop-shadow(0 0 4px rgba(0,0,0,0.2));
+    filter: brightness(1.12) drop-shadow(0 0 4px rgba(0, 0, 0, 0.2));
     stroke-width: 2.5;
 }
 
@@ -1246,7 +1278,7 @@
     font-size: 0.78rem;
     line-height: 1.3;
     white-space: nowrap;
-    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
     z-index: 10;
 }
 
@@ -1305,7 +1337,7 @@
     font-size: 0.78rem;
     line-height: 1.4;
     white-space: nowrap;
-    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
     z-index: 10;
 }
 
@@ -1366,7 +1398,7 @@
 }
 
 .mini-series-bar:hover {
-    filter: brightness(1.15) drop-shadow(0 0 3px rgba(0,0,0,0.2));
+    filter: brightness(1.15) drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
 }
 
 .mini-series-dot {
@@ -1378,7 +1410,7 @@
 }
 
 .mini-series-dot:hover {
-    filter: brightness(1.12) drop-shadow(0 0 4px rgba(0,0,0,0.25));
+    filter: brightness(1.12) drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
     r: 5;
 }
 
@@ -1419,29 +1451,76 @@
 .message-assistant .message-text h5,
 .message-assistant .message-text h6 {
     font-weight: 600;
-    margin-top: 16px;
-    margin-bottom: 6px;
+    margin-top: 12px;
+    margin-bottom: 4px;
     line-height: 1.3;
 }
 
-.message-assistant .message-text h3 { font-size: 1rem; }
-.message-assistant .message-text h4 { font-size: 0.95rem; }
+.message-assistant .message-text h1 {
+    font-size: 1.1rem;
+}
+.message-assistant .message-text h2 {
+    font-size: 1.05rem;
+}
+.message-assistant .message-text h3 {
+    font-size: 1rem;
+}
+.message-assistant .message-text h4 {
+    font-size: 0.95rem;
+}
 .message-assistant .message-text h5,
-.message-assistant .message-text h6 { font-size: 0.9rem; }
+.message-assistant .message-text h6 {
+    font-size: 0.9rem;
+}
+
+.message-assistant .message-text h1:first-child,
+.message-assistant .message-text h2:first-child,
+.message-assistant .message-text h3:first-child {
+    margin-top: 0;
+}
 
 .message-assistant .message-text hr {
-    margin: 12px 0;
+    margin: 4px 0;
     opacity: 0.15;
 }
 
+/* ── Collapsible long messages ─────────────────────────────── */
+
+.message-assistant .message-text.message-collapsed {
+    max-height: var(--collapse-height, 300px);
+    overflow: hidden;
+    position: relative;
+    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
+    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
+}
+
+.message-expand-toggle {
+    display: block;
+    background: none;
+    border: 1px solid var(--bs-border-color);
+    border-radius: 6px;
+    padding: 4px 12px;
+    margin-top: 6px;
+    font-size: 0.78rem;
+    color: var(--bs-secondary-color);
+    cursor: pointer;
+    transition: background-color 0.15s;
+}
+
+.message-expand-toggle:hover {
+    background: var(--bs-tertiary-bg);
+    color: var(--bs-body-color);
+}
+
 .message-assistant .message-text ul,
 .message-assistant .message-text ol {
     padding-left: 20px;
-    margin-bottom: 8px;
+    margin-top: 2px;
+    margin-bottom: 6px;
 }
 
 .message-assistant .message-text li {
-    margin-bottom: 4px;
+    margin-bottom: 2px;
 }
 
 .message-assistant .message-text pre {
@@ -1466,7 +1545,7 @@
 }
 
 .message-assistant .message-text p {
-    margin-bottom: 8px;
+    margin-bottom: 6px;
 }
 
 .message-assistant .message-text p:last-child {
@@ -1694,8 +1773,13 @@
 }
 
 @keyframes assistant-pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.4; }
+    0%,
+    100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.4;
+    }
 }
 
 /* ── Responsive ───────────────────────────────────────────── */