@ai-matrx/messaging 0.15.20 → 0.15.21
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/CHANGELOG.md +6 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +9 -4
- package/dist/react.cjs.map +1 -1
- package/dist/react.d.cts +2 -0
- package/dist/react.d.ts +2 -0
- package/dist/react.js +9 -4
- package/dist/react.js.map +1 -1
- package/dist/styles.css +30 -6
- package/package.json +2 -2
package/dist/styles.css
CHANGED
|
@@ -288,6 +288,10 @@
|
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
.mx-msg__bubble {
|
|
291
|
+
display: flex;
|
|
292
|
+
flex-direction: column;
|
|
293
|
+
align-items: flex-start;
|
|
294
|
+
gap: var(--mx-msg-content-gap, 6px);
|
|
291
295
|
padding: 8px 12px;
|
|
292
296
|
border-radius: var(--mx-msg-bubble-radius);
|
|
293
297
|
background: var(--mx-msg-bubble-theirs-bg);
|
|
@@ -305,6 +309,16 @@
|
|
|
305
309
|
color: var(--mx-msg-bubble-mine-text);
|
|
306
310
|
}
|
|
307
311
|
|
|
312
|
+
/* The message owns spacing between text, references, attachments and actions.
|
|
313
|
+
Renderers own only their internal layout. Boundary resets also cover host ports. */
|
|
314
|
+
.mx-msg__bubble > *,
|
|
315
|
+
.mx-msg__bubble > .mx-msg__chips > * {
|
|
316
|
+
margin: 0 !important;
|
|
317
|
+
min-width: 0;
|
|
318
|
+
max-width: 100%;
|
|
319
|
+
}
|
|
320
|
+
.mx-msg__bubble > .mx-msg__chips:empty { display: none; }
|
|
321
|
+
|
|
308
322
|
/* Messages are authored in safe CommonMark/GFM, not flattened into a single
|
|
309
323
|
text span. Raw HTML remains inert because react-markdown does not enable an
|
|
310
324
|
HTML parser. `remark-breaks` makes an intentional single newline visible,
|
|
@@ -435,7 +449,7 @@
|
|
|
435
449
|
display: inline-flex;
|
|
436
450
|
align-items: center;
|
|
437
451
|
gap: 6px;
|
|
438
|
-
margin:
|
|
452
|
+
margin: 0;
|
|
439
453
|
padding: 5px 10px;
|
|
440
454
|
min-height: 32px;
|
|
441
455
|
border-radius: var(--mx-msg-radius-sm);
|
|
@@ -451,8 +465,14 @@
|
|
|
451
465
|
transform var(--mx-msg-motion-fast) var(--mx-msg-ease);
|
|
452
466
|
}
|
|
453
467
|
|
|
454
|
-
.mx-msg__reference:
|
|
455
|
-
|
|
468
|
+
.mx-msg__reference:not(.mx-msg__reference--inert) {
|
|
469
|
+
color: color-mix(in srgb, var(--mx-msg-accent-hover) 75%, var(--mx-msg-text));
|
|
470
|
+
background: color-mix(in srgb, var(--mx-msg-accent) 8%, var(--mx-msg-bg-raised));
|
|
471
|
+
border-color: currentColor;
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
.mx-msg__reference:not(.mx-msg__reference--inert):hover {
|
|
475
|
+
background: color-mix(in srgb, var(--mx-msg-accent) 14%, var(--mx-msg-bg-raised));
|
|
456
476
|
}
|
|
457
477
|
|
|
458
478
|
.mx-msg__reference:active {
|
|
@@ -466,7 +486,8 @@
|
|
|
466
486
|
}
|
|
467
487
|
|
|
468
488
|
.mx-msg__reference-type {
|
|
469
|
-
color:
|
|
489
|
+
color: inherit;
|
|
490
|
+
font-weight: 600;
|
|
470
491
|
font-size: 11px;
|
|
471
492
|
text-transform: uppercase;
|
|
472
493
|
letter-spacing: 0.03em;
|
|
@@ -475,11 +496,14 @@
|
|
|
475
496
|
.mx-msg__chips {
|
|
476
497
|
display: flex;
|
|
477
498
|
flex-wrap: wrap;
|
|
478
|
-
gap: 6px;
|
|
479
|
-
margin-top: 6px;
|
|
499
|
+
gap: var(--mx-msg-content-gap, 6px);
|
|
480
500
|
}
|
|
481
501
|
|
|
482
502
|
.mx-msg__chip {
|
|
503
|
+
display: inline-flex;
|
|
504
|
+
align-items: center;
|
|
505
|
+
justify-content: center;
|
|
506
|
+
gap: 5px;
|
|
483
507
|
min-height: 32px;
|
|
484
508
|
padding: 6px 12px;
|
|
485
509
|
border-radius: 999px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ai-matrx/messaging",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.21",
|
|
4
4
|
"description": "Enterprise, AI-native in-app messaging for Matrx clients: direct/group/org conversations with atomic direct creation, an outbox that never loses a typed message, optimistic send with echo-safe reconciliation, Matrx entity references, actionable messages with idempotent receipts, agents as participants, and a drop-in polished React UI — all realtime on @ai-matrx/realtime.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -63,9 +63,9 @@
|
|
|
63
63
|
"react-markdown": "^10.1.0",
|
|
64
64
|
"remark-breaks": "^4.0.0",
|
|
65
65
|
"remark-gfm": "^4.0.1",
|
|
66
|
-
"@ai-matrx/agents": "latest",
|
|
67
66
|
"@ai-matrx/design-system": "latest",
|
|
68
67
|
"@ai-matrx/kit": "latest",
|
|
68
|
+
"@ai-matrx/agents": "latest",
|
|
69
69
|
"@ai-matrx/realtime": "latest"
|
|
70
70
|
},
|
|
71
71
|
"devDependencies": {
|