@ds-mo/ui 12.1.0 → 12.2.0

package/README.md

@@ -94,7 +94,7 @@ All tags are `ds-*` custom elements. Grouped by role (see Storybook for props an
 
 ### Navigation
 - **TabGroup** (horizontal local views), **PanelSubNav** (vertical local views)
-- **ShellApp**, **PanelNav**, **BarNav**, **PanelTools**
+- **ShellApp**, **ShellPage**, **PanelNav**, **BarNav**, **BarTitle**, **BarWorkflow**, **PanelTools**
 
 ### Status & layout
 - **EmptyState**, **Loader**, **Skeleton**, **CardSetting**, **CardDataVizDonut**
@@ -103,6 +103,23 @@ All tags are `ds-*` custom elements. Grouped by role (see Storybook for props an
 
 All styling uses TokoMo CSS custom properties. No hardcoded colors, sizes, or shadows — everything maps to the token system. Components will render unstyled if `@ds-mo/tokens` is not imported.
 
+## Semantic prose
+
+Safe semantic DOM produced by Markdown, CMS, or documentation renderers can use the renderer-neutral prose stylesheet:
+
+```css
+@import '@ds-mo/ui/prose.css';
+```
+
+```html
+<article class="ds-prose">
+  <h2>Summary</h2>
+  <p>Renderer-owned semantic content.</p>
+</article>
+```
+
+The application remains responsible for parsing and content safety. Use `data-ds-prose="off"` on embedded product UI, and wrap wide tables in `.ds-prose__table-scroll`. See the [prose foundation decision](docs/prose-foundation.md).
+
 ## Icon pattern
 
 Components that accept icons use a named `icon` slot:

package/dist/.build-stamp

@@ -1 +1 @@
-1784746307808
+1784783184986

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "12.1.0",
+  "packageVersion": "12.2.0",
   "kind": "patterns",
   "entries": [
     {
@@ -45,6 +45,7 @@
         "The application owns scripted or real transport, immutable response parts, retry, stop, generated titles, and persistence.",
         "User-sent prompts use MessageBubble's user variant and body-medium regular default with secondary foreground; the application does not promote ordinary sent-message copy to body-large.",
         "AgentResponse renders directly in Message without a MessageBubble surface, owns ordered display only, and never reveals private reasoning.",
+        "Markdown parsing and safe node creation belong to the renderer; the renderer-neutral @ds-mo/ui/prose.css surface owns only semantic-tree styling.",
         "Tool-call components display execution state but do not request participant approval."
       ],
       "accessibility": [
@@ -443,7 +444,7 @@
       ],
       "responsiveBehavior": [
         "Let ShellPage select expanded, compact, and constrained variants from its own capacity and scroll position.",
-        "Set primaryAction.collapse to never only when the action must preserve visible hierarchy, such as Save in create and edit flows.",
+        "Set primaryAction.collapse to never only when an ordinary routed-page action must preserve visible hierarchy; create and edit workflows use BarWorkflow instead.",
         "Use contentInset none only for deliberately full-bleed products such as maps and canvases.",
         "Place TabGroup inside ShellPage content for inner-page panels; route-level sections remain in BarTitle."
       ],