@ai-matrx/rich-content 0.2.37 → 0.2.40

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## 0.2.40
+
+- The selection toolbar's outer strip is `role="group"`, not a second `role=toolbar` wrapped around the real SelectionToolbar: one toolbar on screen.
+
+**Consumer action:** none.
+
+## 0.2.39
+
+- The selection toolbar's mode table knows `selection:format-color` (edit mode): text colour is a registered format action, so an editor whose engine has colour (the Spaces editor) offers it in the one toolbar instead of a second bubble.
+
+**Consumer action:** none.
+
+## 0.2.38
+
+- `styles.css` ships the list-marker rules every rendered markdown list needs (`matrx-md-ul` / `matrx-md-ol`: disc, circle, dash; decimal, lower-roman, lower-alpha). They lived only in matrx-frontend's `globals.css`, so any other host (Matrx 2) drew numbered and bulleted lists with no markers.
+
+**Consumer action:** `@import "@ai-matrx/rich-content/styles.css"` once; matrx-frontend can then drop its copy of these rules.
+
 ## 0.2.37
 
 - `space_build_result`, `space_database_design` and `space_notion_import` join the FE-synthesized and shape block types: the Spaces agents' answers (`spaces.build`, `spaces.design_database`, `spaces.move_in`) are registered kinds now, rendered by one compiled component each instead of the generic viewer.

package/dist/selection-toolbar/SelectionToolbarFrame.js

@@ -185,10 +185,12 @@ function SelectionToolbarFrame({
           // ONE row: the split Copy first (copies the selection; markdown and
           // plain text one click away), then the Alchemy strip (formatting while
           // editing, highlight / comment / AI while reading).
+          // role="group": the inner SelectionToolbar is THE toolbar; a second
+          // role=toolbar here made two toolbars nested on screen.
           /* @__PURE__ */ jsxs(
             "div",
             {
-              role: "toolbar",
+              role: "group",
               "aria-label": "Selection actions",
               "data-selection-strip": "",
               className: cn(

package/dist/selection-toolbar/selection-actions.js

@@ -34,6 +34,7 @@ const SELECTION_ACTION_MODES = {
   "selection:format-tasks": ["edit"],
   "selection:format-codeblock": ["edit"],
   "selection:format-variable": ["edit"],
+  "selection:format-color": ["edit"],
   // Annotations (the annotation sidecar)
   "selection:highlight-yellow": HIGHLIGHT,
   "selection:highlight-green": HIGHLIGHT,

package/dist/styles.css

@@ -0,0 +1,27 @@
+/* @ai-matrx/rich-content's own structural CSS: what its rendered output needs in any app, so
+   a host imports this once (`@import "@ai-matrx/rich-content/styles.css"`) instead of copying rules.
+
+   Rendered-markdown list markers by nesting depth, on the stable `matrx-md-ul` / `matrx-md-ol`
+   classes every markdown <ul>/<ol> carries. Plain (unlayered) CSS so it wins over Tailwind's
+   Preflight reset; every list carries the class, so the descendant selectors out-specify a
+   deeper list's own base rule:
+     ul  → L1 disc · L2 hollow circle · L3+ dash
+     ol  → L1 decimal · L2 lower-roman · L3+ lower-alpha */
+.matrx-md-ul {
+  list-style-type: disc;
+}
+.matrx-md-ul ul {
+  list-style-type: circle;
+}
+.matrx-md-ul ul ul {
+  list-style-type: "-  ";
+}
+.matrx-md-ol {
+  list-style-type: decimal;
+}
+.matrx-md-ol ol {
+  list-style-type: lower-roman;
+}
+.matrx-md-ol ol ol {
+  list-style-type: lower-alpha;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.37",
+  "version": "0.2.40",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -138,13 +138,13 @@
     "@ai-matrx/data": "latest",
     "@ai-matrx/diff": "latest",
     "@ai-matrx/design-system": "latest",
+    "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
     "@ai-matrx/media": "latest",
-    "@ai-matrx/icons": "latest",
-    "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
-    "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/tap-target": "latest"
+    "@ai-matrx/print": "latest",
+    "@ai-matrx/tap-target": "latest",
+    "@ai-matrx/records-ui": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",