web-mojo 2.2.85 → 2.2.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/admin.css CHANGED
@@ -896,7 +896,14 @@
896
896
 
897
897
  .assistant-chat-area .message-text {
898
898
  font-size: 0.9rem;
899
- line-height: 1.65;
899
+ line-height: 1.5;
900
+ }
901
+
902
+ /* Override pre-wrap for assistant markdown — HTML block elements
903
+ provide their own spacing; pre-wrap adds visible whitespace
904
+ between tags like <p>, <ol>, <li> */
905
+ .assistant-chat-area .message-assistant .message-text {
906
+ white-space: normal;
900
907
  }
901
908
 
902
909
  /* ── Custom Input Area ────────────────────────────────────── */
@@ -1419,29 +1426,66 @@
1419
1426
  .message-assistant .message-text h5,
1420
1427
  .message-assistant .message-text h6 {
1421
1428
  font-weight: 600;
1422
- margin-top: 16px;
1423
- margin-bottom: 6px;
1429
+ margin-top: 12px;
1430
+ margin-bottom: 4px;
1424
1431
  line-height: 1.3;
1425
1432
  }
1426
1433
 
1434
+ .message-assistant .message-text h1 { font-size: 1.1rem; }
1435
+ .message-assistant .message-text h2 { font-size: 1.05rem; }
1427
1436
  .message-assistant .message-text h3 { font-size: 1rem; }
1428
1437
  .message-assistant .message-text h4 { font-size: 0.95rem; }
1429
1438
  .message-assistant .message-text h5,
1430
1439
  .message-assistant .message-text h6 { font-size: 0.9rem; }
1431
1440
 
1441
+ .message-assistant .message-text h1:first-child,
1442
+ .message-assistant .message-text h2:first-child,
1443
+ .message-assistant .message-text h3:first-child {
1444
+ margin-top: 0;
1445
+ }
1446
+
1432
1447
  .message-assistant .message-text hr {
1433
- margin: 12px 0;
1448
+ margin: 4px 0;
1434
1449
  opacity: 0.15;
1435
1450
  }
1436
1451
 
1452
+ /* ── Collapsible long messages ─────────────────────────────── */
1453
+
1454
+ .message-assistant .message-text.message-collapsed {
1455
+ max-height: var(--collapse-height, 300px);
1456
+ overflow: hidden;
1457
+ position: relative;
1458
+ -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
1459
+ mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
1460
+ }
1461
+
1462
+ .message-expand-toggle {
1463
+ display: block;
1464
+ background: none;
1465
+ border: 1px solid var(--bs-border-color);
1466
+ border-radius: 6px;
1467
+ padding: 4px 12px;
1468
+ margin-top: 6px;
1469
+ font-size: 0.78rem;
1470
+ color: var(--bs-secondary-color);
1471
+ cursor: pointer;
1472
+ transition: background-color 0.15s;
1473
+ }
1474
+
1475
+ .message-expand-toggle:hover {
1476
+ background: var(--bs-tertiary-bg);
1477
+ color: var(--bs-body-color);
1478
+ }
1479
+
1437
1480
  .message-assistant .message-text ul,
1438
1481
  .message-assistant .message-text ol {
1439
1482
  padding-left: 20px;
1440
- margin-bottom: 8px;
1483
+ margin-top: 2px;
1484
+ margin-bottom: 6px;
1441
1485
  }
1442
1486
 
1443
1487
  .message-assistant .message-text li {
1444
- margin-bottom: 4px;
1488
+ margin-bottom: 2px;
1445
1489
  }
1446
1490
 
1447
1491
  .message-assistant .message-text pre {
@@ -1466,7 +1510,7 @@
1466
1510
  }
1467
1511
 
1468
1512
  .message-assistant .message-text p {
1469
- margin-bottom: 8px;
1513
+ margin-bottom: 6px;
1470
1514
  }
1471
1515
 
1472
1516
  .message-assistant .message-text p:last-child {