@ds-mo/ui 14.17.1 → 14.18.1

package/README.md

@@ -64,6 +64,13 @@ canonical IcoMo export names at application bundle time.
 
 There is no global component CSS bundle; styles ship with each custom element.
 
+## Browser baseline
+
+CompoMo targets the moving **Baseline Newly available** browser set. Components
+may use a web-platform feature once it is interoperable across the Baseline core
+browsers; consumers that retain older browser releases must provide their own
+fallback or remain on an earlier compatible CompoMo release.
+
 ## Agent recipes
 
 The package includes the local `compomo-mcp` executable with generated

package/dist/.package-ready.json

@@ -1 +1 @@
-{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.17.1","components":75,"digest":"8eb90c122e4876b8113eabacc841fb1dcfd71b10b594c1526aca0060228ba168","completedAt":"2026-08-25T16:56:49.434Z"}
+{"schemaVersion":1,"package":"@ds-mo/ui","version":"14.18.1","components":75,"digest":"cd3fe42f54d4964e9b6718e82acac12999d8a800e2ee08bd40746a069007f3fe","completedAt":"2026-08-26T21:14:28.227Z"}

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "14.17.1",
+  "packageVersion": "14.18.1",
   "kind": "patterns",
   "entries": [
     {
@@ -187,7 +187,7 @@
         },
         {
           "component": "component:ds-mobile-bar-nav",
-          "role": "Managed persistent mobile destinations for Menu, current area, Search, Inbox, Messages, Agents, and Help.",
+          "role": "Managed persistent mobile destinations for Menu, current area, Search, Activity, Messages, Agents, and Help, with optional Inbox grouping.",
           "required": false
         },
         {
@@ -200,7 +200,7 @@
         "Lab or the consuming application supplies navigation, pageChrome, and tools objects to managed ShellApp.",
         "The application router owns authorization, current URLs, history, route changes, and the routed content placed in ShellApp's default slot.",
         "ShellApp emits stable navigation and page intent events; it never mutates router history.",
-        "ShellApp owns responsive mode, PanelNav presentation, tool open state, active tool, mobile Inbox grouping, Menu state, fullscreen presentation, focus restoration, and breakpoint state preservation.",
+        "ShellApp owns responsive mode, PanelNav presentation, tool open state, active tool, direct mobile destinations, optional Inbox grouping, Menu state, fullscreen presentation, focus restoration, and breakpoint state preservation.",
         "Tool products and routed content are instantiated once by the application in named tool-view and default slots; ShellApp changes presentation without recreating those owners.",
         "The application owns account menus, tool product data, page actions, and the consequences of every emitted intent event.",
         "The application owns viewport and theme-color metadata, the dynamic-viewport framework root, and containing document overscroll so body never becomes a second application scroller; ShellApp fills that owner and keeps its existing internal scrollers.",
@@ -211,7 +211,7 @@
         "Render exactly one managed ShellApp and one active routed main landmark.",
         "Provide visible labels and accessible names in navigation, pageChrome, and tool definitions before passing them to ShellApp.",
         "Handle ShellApp intent events without replacing focusable owners during responsive or fullscreen transitions.",
-        "Keep the canonical Search and Help tools available and preserve Inbox unread state when Stacks and Activity are grouped on mobile; Messages remains directly reachable.",
+        "Keep the canonical Agents and Help tools available; expose Activity directly on mobile unless the product explicitly opts into grouped Inbox behavior.",
         "Do not override browser keyboard chords when enabling shell shortcuts."
       ],
       "responsiveBehavior": [
@@ -222,7 +222,7 @@
         "With viewport-fit=cover, ShellApp consumes the shared top safe-area inset once and MobileBarNav consumes the persistent bottom inset; nested routed, tool, sheet, and consumer headers do not duplicate either inset.",
         "An optional Banner spans the complete application above desktop navigation, workspace, tools, and mobile global surfaces while remaining below the operating-system top safe area.",
         "Switching breakpoints changes presentation and inert state without recreating route or tool elements.",
-        "Messages uses its own mobile destination; Stacks and Activity use explicit mobile Inbox grouping metadata."
+        "Search, Activity, Messages, and Agents use direct mobile destinations; products may explicitly group review tools under Inbox instead."
       ],
       "implementations": {
         "customElements": {
@@ -236,7 +236,7 @@
                 {
                   "path": "app-shell.html",
                   "language": "html",
-                  "content": "<ds-shell-app id=\"shell\">\n  <app-search slot=\"search-view\"></app-search>\n  <app-agents slot=\"agents-view\"></app-agents>\n  <app-messages slot=\"messages-view\"></app-messages>\n  <app-stacks slot=\"stacks-view\"></app-stacks>\n  <app-activity slot=\"activity-view\"></app-activity>\n  <app-help slot=\"help-view\"></app-help>\n  <app-route-content><!-- router-owned page --></app-route-content>\n</ds-shell-app>"
+                  "content": "<ds-shell-app id=\"shell\">\n  <app-agents slot=\"agents-view\"></app-agents>\n  <app-messages slot=\"messages-view\"></app-messages>\n  <app-activity slot=\"activity-view\"></app-activity>\n  <app-search slot=\"search-view\"></app-search>\n  <app-help slot=\"help-view\"></app-help>\n  <app-route-content><!-- router-owned page --></app-route-content>\n</ds-shell-app>"
                 },
                 {
                   "path": "app-shell.ts",
@@ -455,7 +455,7 @@
         },
         {
           "component": "component:ds-menu",
-          "role": "Owns anchored placement, menu semantics, keyboard navigation, viewport clamping, selection, and close behavior.",
+          "role": "Owns anchored placement, menu semantics, keyboard navigation, collision-boundary clamping, selection, and close behavior.",
           "required": true
         },
         {
@@ -482,12 +482,13 @@
         "Use haspopup directly instead of hasMenu for a non-menu popup such as a listbox or dialog; those cases get no chevron.",
         "Give Menu a concise menuLabel describing the available commands or views.",
         "Set Menu.initialFocusVisible only when the trigger MouseEvent detail is zero, indicating keyboard activation.",
+        "When the trigger is rendered inside an open shadow root, assign its HTMLElement to Menu.anchor; anchorId resolves only document-tree ids.",
         "Keep visible selected styling synchronized with the application's selected value; Menu exposes the selected command through aria-current.",
         "Return focus to the trigger after selection; Menu already restores it for Escape and outside dismissal."
       ],
       "responsiveBehavior": [
         "Keep Menu's default choice-cell anchor alignment unless deliberate custom frame geometry is required.",
-        "Let Menu clamp to the viewport and avoid application-authored fixed or absolute positioning.",
+        "Let Menu clamp to the nearest shell or application data-ds-overlay-boundary and fall back to the viewport; avoid application-authored fixed or absolute positioning.",
         "Use a concise trigger label that can fit the owning layout without hiding the selected meaning."
       ],
       "implementations": {