@ds-mo/ui 12.3.0 → 12.4.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-23T21:28:32",
+  "timestamp": "2026-07-24T00:59:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -8509,6 +8509,8 @@
         "ds-panel-tool-search",
         "ds-select",
         "ds-select-multi",
+        "ds-shell-mobile-bar",
+        "ds-shell-mobile-nav",
         "ds-tab-group",
         "ds-tag"
       ],
@@ -8559,6 +8561,12 @@
         "ds-select-multi": [
           "ds-icon"
         ],
+        "ds-shell-mobile-bar": [
+          "ds-icon"
+        ],
+        "ds-shell-mobile-nav": [
+          "ds-icon"
+        ],
         "ds-tab-group": [
           "ds-icon"
         ],
@@ -13159,7 +13167,8 @@
       "parts": [],
       "states": [],
       "dependents": [
-        "ds-panel-tools"
+        "ds-panel-tools",
+        "ds-shell-tools"
       ],
       "dependencies": [
         "ds-tooltip",
@@ -13186,6 +13195,9 @@
         ],
         "ds-panel-tools": [
           "ds-panel-tool-header"
+        ],
+        "ds-shell-tools": [
+          "ds-panel-tool-header"
         ]
       }
     },
@@ -14285,7 +14297,9 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-shell-tools"
+      ],
       "dependencies": [
         "ds-tooltip",
         "ds-button-unfilled",
@@ -14313,6 +14327,9 @@
           "ds-tooltip",
           "ds-button-unfilled",
           "ds-text"
+        ],
+        "ds-shell-tools": [
+          "ds-panel-tools"
         ]
       }
     },
@@ -16982,6 +16999,84 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "mobileDestination",
+          "type": "\"agents\" | \"area\" | \"inbox\" | \"search\"",
+          "complexType": {
+            "original": "ShellMobileDestination",
+            "resolved": "\"agents\" | \"area\" | \"inbox\" | \"search\"",
+            "references": {
+              "ShellMobileDestination": {
+                "location": "import",
+                "path": "../../shell/shell-responsive",
+                "id": "src/wc/shell/shell-responsive.ts::ShellMobileDestination",
+                "referenceLocation": "ShellMobileDestination"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "mobile-destination",
+          "reflectToAttr": false,
+          "docs": "Controlled mobile surface shown above the persistent bottom bar.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'area'"
+            }
+          ],
+          "default": "'area'",
+          "values": [
+            {
+              "value": "agents",
+              "type": "string"
+            },
+            {
+              "value": "area",
+              "type": "string"
+            },
+            {
+              "value": "inbox",
+              "type": "string"
+            },
+            {
+              "value": "search",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "mobileNavigationOpen",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "mobile-navigation-open",
+          "reflectToAttr": false,
+          "docs": "Controlled full-stage mobile navigation-pane state.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "navStyle",
           "type": "\"dashboard\" | \"settings\"",
@@ -17054,7 +17149,29 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "dsResponsiveModeChange",
+          "detail": "{ mode: ShellResponsiveMode; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{ mode: ShellResponsiveMode }",
+            "resolved": "{ mode: ShellResponsiveMode; }",
+            "references": {
+              "ShellResponsiveMode": {
+                "location": "import",
+                "path": "../../shell/shell-responsive",
+                "id": "src/wc/shell/shell-responsive.ts::ShellResponsiveMode",
+                "referenceLocation": "ShellResponsiveMode"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted after crossing the fixed 768px or 1200px shell boundaries.",
+          "docsTags": []
+        }
+      ],
       "listeners": [
         {
           "event": "dsPresentationChange",
@@ -17404,46 +17521,54 @@
       "deprecation": "Use `ds-swatch-picker`; individual swatches are implementation detail."
     },
     {
-      "filePath": "src/wc/components/ShellPage/ShellPage.tsx",
+      "filePath": "src/wc/components/ShellMobileBar/ShellMobileBar.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-shell-page",
+      "tag": "ds-shell-mobile-bar",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "contentInset",
-          "type": "\"default\" | \"none\"",
+          "name": "activeDestination",
+          "type": "\"agents\" | \"area\" | \"inbox\" | \"search\"",
           "complexType": {
-            "original": "ShellPageContentInset",
-            "resolved": "\"default\" | \"none\"",
+            "original": "ShellMobileDestination",
+            "resolved": "\"agents\" | \"area\" | \"inbox\" | \"search\"",
             "references": {
-              "ShellPageContentInset": {
+              "ShellMobileDestination": {
                 "location": "import",
-                "path": "./shell-page-types",
-                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageContentInset",
-                "referenceLocation": "ShellPageContentInset"
+                "path": "../../shell/shell-responsive",
+                "id": "src/wc/shell/shell-responsive.ts::ShellMobileDestination",
+                "referenceLocation": "ShellMobileDestination"
               }
             }
           },
           "mutable": false,
-          "attr": "content-inset",
+          "attr": "active-destination",
           "reflectToAttr": false,
-          "docs": "Standard page gutters, or no inset for full-bleed page content.",
+          "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "'default'"
+              "text": "'area'"
             }
           ],
-          "default": "'default'",
+          "default": "'area'",
           "values": [
             {
-              "value": "default",
+              "value": "agents",
               "type": "string"
             },
             {
-              "value": "none",
+              "value": "area",
+              "type": "string"
+            },
+            {
+              "value": "inbox",
+              "type": "string"
+            },
+            {
+              "value": "search",
               "type": "string"
             }
           ],
@@ -17453,144 +17578,2001 @@
           "setter": false
         },
         {
-          "name": "headerCapacity",
-          "type": "\"compact\" | \"constrained\" | \"roomy\" | undefined",
+          "name": "agentsDot",
+          "type": "boolean",
           "complexType": {
-            "original": "ShellPageCapacity",
-            "resolved": "\"compact\" | \"constrained\" | \"roomy\" | undefined",
-            "references": {
-              "ShellPageCapacity": {
-                "location": "import",
-                "path": "./shell-page-types",
-                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageCapacity",
-                "referenceLocation": "ShellPageCapacity"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": false,
-          "attr": "header-capacity",
+          "attr": "agents-dot",
           "reflectToAttr": false,
-          "docs": "Available page-header capacity supplied by the owning application shell.",
-          "docsTags": [],
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
           "values": [
             {
-              "value": "compact",
-              "type": "string"
-            },
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "agentsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "agents-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
             {
-              "value": "constrained",
-              "type": "string"
-            },
+              "name": "default",
+              "text": "'Agents'"
+            }
+          ],
+          "default": "'Agents'",
+          "values": [
             {
-              "value": "roomy",
               "type": "string"
-            },
-            {
-              "type": "undefined"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "headerPresentation",
-          "type": "\"auto\" | \"compact\" | \"constrained\" | \"expanded\"",
+          "name": "currentArea",
+          "type": "PanelNavItem",
           "complexType": {
-            "original": "ShellPageHeaderPresentation",
-            "resolved": "\"auto\" | \"compact\" | \"constrained\" | \"expanded\"",
+            "original": "PanelNavItem",
+            "resolved": "PanelNavItem",
             "references": {
-              "ShellPageHeaderPresentation": {
+              "PanelNavItem": {
                 "location": "import",
-                "path": "./shell-page-types",
-                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageHeaderPresentation",
-                "referenceLocation": "ShellPageHeaderPresentation"
+                "path": "../PanelNav/panel-nav-types",
+                "id": "src/wc/components/PanelNav/panel-nav-types.ts::PanelNavItem",
+                "referenceLocation": "PanelNavItem"
               }
             }
           },
           "mutable": false,
-          "attr": "header-presentation",
           "reflectToAttr": false,
-          "docs": "Automatic capacity/scroll behavior, or an explicit header variant override.",
+          "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "'auto'"
+              "text": "{\n    id: 'tracking',\n    icon: 'MapPage',\n    label: 'Tracking',\n  }"
             }
           ],
-          "default": "'auto'",
+          "default": "{\n    id: 'tracking',\n    icon: 'MapPage',\n    label: 'Tracking',\n  }",
           "values": [
             {
-              "value": "auto",
-              "type": "string"
-            },
-            {
-              "value": "compact",
-              "type": "string"
-            },
-            {
-              "value": "constrained",
-              "type": "string"
-            },
-            {
-              "value": "expanded",
-              "type": "string"
+              "type": "PanelNavItem"
             }
           ],
           "optional": false,
           "required": false,
           "getter": false,
           "setter": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "states": [],
-      "dependents": [],
-      "dependencies": [],
-      "dependencyGraph": {}
-    },
-    {
-      "filePath": "src/wc/components/Skeleton/Skeleton.tsx",
-      "encapsulation": "shadow",
-      "tag": "ds-skeleton",
-      "docs": "",
-      "docsTags": [],
-      "usage": {},
-      "props": [
+        },
         {
-          "name": "background",
-          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"strong\" | \"translucent\" | undefined",
+          "name": "inboxDot",
+          "type": "boolean",
           "complexType": {
-            "original": "SkeletonBackground | undefined",
-            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"strong\" | \"translucent\" | undefined",
-            "references": {
-              "SkeletonBackground": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/Skeleton/Skeleton.tsx",
-                "id": "src/wc/components/Skeleton/Skeleton.tsx::SkeletonBackground"
-              }
-            }
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
           },
           "mutable": false,
-          "attr": "background",
+          "attr": "inbox-dot",
           "reflectToAttr": false,
-          "docs": "Actual parent surface context. Omit on primary and secondary surfaces.",
-          "docsTags": [],
-          "values": [
+          "docs": "",
+          "docsTags": [
             {
-              "value": "always-dark",
-              "type": "string"
-            },
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
             {
-              "value": "bold",
-              "type": "string"
-            },
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inboxLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "inbox-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Inbox'"
+            }
+          ],
+          "default": "'Inbox'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "menuLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "menu-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Menu'"
+            }
+          ],
+          "default": "'Menu'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "navigationExpanded",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-expanded",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "searchDot",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "search-dot",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "searchLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "search-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Search'"
+            }
+          ],
+          "default": "'Search'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "focusDestination",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(destination: ShellMobileDestination | \"navigation\") => Promise<void>",
+            "parameters": [
+              {
+                "name": "destination",
+                "type": "\"navigation\" | ShellMobileDestination",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "ShellMobileDestination": {
+                "location": "import",
+                "path": "../../shell/shell-responsive",
+                "id": "src/wc/shell/shell-responsive.ts::ShellMobileDestination",
+                "referenceLocation": "ShellMobileDestination"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "focusDestination(destination: ShellMobileDestination | \"navigation\") => Promise<void>",
+          "parameters": [
+            {
+              "name": "destination",
+              "type": "\"navigation\" | ShellMobileDestination",
+              "docs": ""
+            }
+          ],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsDestinationChange",
+          "detail": "ShellMobileBarDestinationDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "ShellMobileBarDestinationDetail",
+            "resolved": "ShellMobileBarDestinationDetail",
+            "references": {
+              "ShellMobileBarDestinationDetail": {
+                "location": "import",
+                "path": "./shell-mobile-bar-types",
+                "id": "src/wc/components/ShellMobileBar/shell-mobile-bar-types.ts::ShellMobileBarDestinationDetail",
+                "referenceLocation": "ShellMobileBarDestinationDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsNavigationToggle",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-icon",
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-shell-mobile-bar": [
+          "ds-icon",
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/ShellMobileNav/ShellMobileNav.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-shell-mobile-nav",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "accountLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "account-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Account'"
+            }
+          ],
+          "default": "'Account'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "browseContext",
+          "type": "\"dashboard\" | \"settings\"",
+          "complexType": {
+            "original": "NavChromeStyle",
+            "resolved": "\"dashboard\" | \"settings\"",
+            "references": {
+              "NavChromeStyle": {
+                "location": "import",
+                "path": "../../shell/nav-chrome",
+                "id": "src/wc/shell/nav-chrome.ts::NavChromeStyle",
+                "referenceLocation": "NavChromeStyle"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "browse-context",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'dashboard'"
+            }
+          ],
+          "default": "'dashboard'",
+          "values": [
+            {
+              "value": "dashboard",
+              "type": "string"
+            },
+            {
+              "value": "settings",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "currentUrl",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "current-url",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dashboardGroups",
+          "type": "PanelNavGroup[]",
+          "complexType": {
+            "original": "PanelNavGroup[]",
+            "resolved": "PanelNavGroup[]",
+            "references": {
+              "PanelNavGroup": {
+                "location": "import",
+                "path": "../PanelNav/panel-nav-types",
+                "id": "src/wc/components/PanelNav/panel-nav-types.ts::PanelNavGroup",
+                "referenceLocation": "PanelNavGroup"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "PanelNavGroup[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dashboardLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "dashboard-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Dashboard'"
+            }
+          ],
+          "default": "'Dashboard'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "heading",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Navigation'"
+            }
+          ],
+          "default": "'Navigation'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "helpLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "help-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Help & Support'"
+            }
+          ],
+          "default": "'Help & Support'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "navigationLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Application navigation'"
+            }
+          ],
+          "default": "'Application navigation'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "settingsGroups",
+          "type": "PanelNavGroup[]",
+          "complexType": {
+            "original": "PanelNavGroup[]",
+            "resolved": "PanelNavGroup[]",
+            "references": {
+              "PanelNavGroup": {
+                "location": "import",
+                "path": "../PanelNav/panel-nav-types",
+                "id": "src/wc/components/PanelNav/panel-nav-types.ts::PanelNavGroup",
+                "referenceLocation": "PanelNavGroup"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "PanelNavGroup[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "settingsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "settings-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Settings'"
+            }
+          ],
+          "default": "'Settings'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsAreaSelect",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsAuxiliarySelect",
+          "detail": "ShellMobileNavAuxiliaryDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "ShellMobileNavAuxiliaryDetail",
+            "resolved": "ShellMobileNavAuxiliaryDetail",
+            "references": {
+              "ShellMobileNavAuxiliaryDetail": {
+                "location": "import",
+                "path": "./shell-mobile-nav-types",
+                "id": "src/wc/components/ShellMobileNav/shell-mobile-nav-types.ts::ShellMobileNavAuxiliaryDetail",
+                "referenceLocation": "ShellMobileNavAuxiliaryDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsBrowseContextChange",
+          "detail": "\"dashboard\" | \"settings\"",
+          "bubbles": true,
+          "complexType": {
+            "original": "NavChromeStyle",
+            "resolved": "\"dashboard\" | \"settings\"",
+            "references": {
+              "NavChromeStyle": {
+                "location": "import",
+                "path": "../../shell/nav-chrome",
+                "id": "src/wc/shell/nav-chrome.ts::NavChromeStyle",
+                "referenceLocation": "NavChromeStyle"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsClose",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [
+        {
+          "event": "keydown",
+          "capture": false,
+          "passive": false
+        }
+      ],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text",
+        "ds-icon",
+        "ds-tab-group"
+      ],
+      "dependencyGraph": {
+        "ds-shell-mobile-nav": [
+          "ds-text",
+          "ds-icon",
+          "ds-tab-group"
+        ],
+        "ds-tab-group": [
+          "ds-icon",
+          "ds-text",
+          "ds-badge"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/ShellMobileSectionNav/ShellMobileSectionNav.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-shell-mobile-section-nav",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "basePath",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "base-path",
+          "reflectToAttr": false,
+          "docs": "Section base path used to derive the selected route tab.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "currentUrl",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "current-url",
+          "reflectToAttr": false,
+          "docs": "Current application route.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "heading",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "heading",
+          "reflectToAttr": false,
+          "docs": "Active primary-area label shown when the route has no section row.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "navigationLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "navigation-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Section navigation'"
+            }
+          ],
+          "default": "'Section navigation'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "tabs",
+          "type": "TabItem[]",
+          "complexType": {
+            "original": "BarNavTab[]",
+            "resolved": "TabItem[]",
+            "references": {
+              "BarNavTab": {
+                "location": "import",
+                "path": "../BarNav/bar-nav-types",
+                "id": "src/wc/components/BarNav/bar-nav-types.ts::BarNavTab",
+                "referenceLocation": "BarNavTab"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Route sections shared with the corresponding desktop BarNav.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "TabItem[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "tabsJson",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tabs-json",
+          "reflectToAttr": false,
+          "docs": "JSON fallback for `tabs`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "value",
+          "reflectToAttr": false,
+          "docs": "Controlled selected tab when URL-derived selection is unavailable.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsTabChange",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Route intent; the application owns navigation.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-shell-mobile-section-nav": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/ShellPage/ShellPage.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-shell-page",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "contentInset",
+          "type": "\"default\" | \"none\"",
+          "complexType": {
+            "original": "ShellPageContentInset",
+            "resolved": "\"default\" | \"none\"",
+            "references": {
+              "ShellPageContentInset": {
+                "location": "import",
+                "path": "./shell-page-types",
+                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageContentInset",
+                "referenceLocation": "ShellPageContentInset"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "content-inset",
+          "reflectToAttr": false,
+          "docs": "Standard page gutters, or no inset for full-bleed page content.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'default'"
+            }
+          ],
+          "default": "'default'",
+          "values": [
+            {
+              "value": "default",
+              "type": "string"
+            },
+            {
+              "value": "none",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "headerCapacity",
+          "type": "\"compact\" | \"constrained\" | \"roomy\" | undefined",
+          "complexType": {
+            "original": "ShellPageCapacity",
+            "resolved": "\"compact\" | \"constrained\" | \"roomy\" | undefined",
+            "references": {
+              "ShellPageCapacity": {
+                "location": "import",
+                "path": "./shell-page-types",
+                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageCapacity",
+                "referenceLocation": "ShellPageCapacity"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "header-capacity",
+          "reflectToAttr": false,
+          "docs": "Available page-header capacity supplied by the owning application shell.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "compact",
+              "type": "string"
+            },
+            {
+              "value": "constrained",
+              "type": "string"
+            },
+            {
+              "value": "roomy",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "headerPresentation",
+          "type": "\"auto\" | \"compact\" | \"constrained\" | \"expanded\"",
+          "complexType": {
+            "original": "ShellPageHeaderPresentation",
+            "resolved": "\"auto\" | \"compact\" | \"constrained\" | \"expanded\"",
+            "references": {
+              "ShellPageHeaderPresentation": {
+                "location": "import",
+                "path": "./shell-page-types",
+                "id": "src/wc/components/ShellPage/shell-page-types.ts::ShellPageHeaderPresentation",
+                "referenceLocation": "ShellPageHeaderPresentation"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "header-presentation",
+          "reflectToAttr": false,
+          "docs": "Automatic capacity/scroll behavior, or an explicit header variant override.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'auto'"
+            }
+          ],
+          "default": "'auto'",
+          "values": [
+            {
+              "value": "auto",
+              "type": "string"
+            },
+            {
+              "value": "compact",
+              "type": "string"
+            },
+            {
+              "value": "constrained",
+              "type": "string"
+            },
+            {
+              "value": "expanded",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/wc/components/ShellTools/ShellTools.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-shell-tools",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "activeTool",
+          "type": "\"\" | \"activity\" | \"agents\" | \"help\" | \"messages\" | \"search\" | \"stacks\"",
+          "complexType": {
+            "original": "PanelToolsToolId | ''",
+            "resolved": "\"\" | \"activity\" | \"agents\" | \"help\" | \"messages\" | \"search\" | \"stacks\"",
+            "references": {
+              "PanelToolsToolId": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsToolId",
+                "referenceLocation": "PanelToolsToolId"
+              }
+            }
+          },
+          "mutable": true,
+          "attr": "active-tool",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "\"\""
+            },
+            {
+              "value": "activity",
+              "type": "string"
+            },
+            {
+              "value": "agents",
+              "type": "string"
+            },
+            {
+              "value": "help",
+              "type": "string"
+            },
+            {
+              "value": "messages",
+              "type": "string"
+            },
+            {
+              "value": "search",
+              "type": "string"
+            },
+            {
+              "value": "stacks",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "fullscreenHeaderMode",
+          "type": "\"shared\" | \"split\"",
+          "complexType": {
+            "original": "'shared' | 'split'",
+            "resolved": "\"shared\" | \"split\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "fullscreen-header-mode",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'shared'"
+            }
+          ],
+          "default": "'shared'",
+          "values": [
+            {
+              "value": "shared",
+              "type": "string"
+            },
+            {
+              "value": "split",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "headers",
+          "type": "\"activity\" | \"agents\" | \"help\" | \"messages\" | \"search\" | \"stacks\" | PanelToolsHeaderConfig",
+          "complexType": {
+            "original": "PanelToolsHeaders",
+            "resolved": "\"activity\" | \"agents\" | \"help\" | \"messages\" | \"search\" | \"stacks\" | PanelToolsHeaderConfig",
+            "references": {
+              "PanelToolsHeaders": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsHeaders",
+                "referenceLocation": "PanelToolsHeaders"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "{}"
+            }
+          ],
+          "default": "{}",
+          "values": [
+            {
+              "value": "activity",
+              "type": "string"
+            },
+            {
+              "value": "agents",
+              "type": "string"
+            },
+            {
+              "value": "help",
+              "type": "string"
+            },
+            {
+              "value": "messages",
+              "type": "string"
+            },
+            {
+              "value": "search",
+              "type": "string"
+            },
+            {
+              "value": "stacks",
+              "type": "string"
+            },
+            {
+              "type": "PanelToolsHeaderConfig"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "headersJson",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "headers-json",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inboxLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "inbox-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Inbox'"
+            }
+          ],
+          "default": "'Inbox'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "inboxNavigationLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "inbox-navigation-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Inbox sections'"
+            }
+          ],
+          "default": "'Inbox sections'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "items",
+          "type": "PanelToolsItem[]",
+          "complexType": {
+            "original": "PanelToolsItem[]",
+            "resolved": "PanelToolsItem[]",
+            "references": {
+              "PanelToolsItem": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsItem",
+                "referenceLocation": "PanelToolsItem"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "PanelToolsItem[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "itemsJson",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "items-json",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "open",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "presentation",
+          "type": "\"drawer\" | \"fullscreen\"",
+          "complexType": {
+            "original": "'drawer' | 'fullscreen'",
+            "resolved": "\"drawer\" | \"fullscreen\"",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "presentation",
+          "reflectToAttr": true,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'drawer'"
+            }
+          ],
+          "default": "'drawer'",
+          "values": [
+            {
+              "value": "drawer",
+              "type": "string"
+            },
+            {
+              "value": "fullscreen",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "responsiveMode",
+          "type": "\"desktop\" | \"mobile\" | \"tablet\"",
+          "complexType": {
+            "original": "ShellResponsiveMode",
+            "resolved": "\"desktop\" | \"mobile\" | \"tablet\"",
+            "references": {
+              "ShellResponsiveMode": {
+                "location": "import",
+                "path": "../../shell/shell-responsive",
+                "id": "src/wc/shell/shell-responsive.ts::ShellResponsiveMode",
+                "referenceLocation": "ShellResponsiveMode"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "responsive-mode",
+          "reflectToAttr": true,
+          "docs": "Resolved by ShellApp; mobile uses a full-stage tool presentation.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'desktop'"
+            }
+          ],
+          "default": "'desktop'",
+          "values": [
+            {
+              "value": "desktop",
+              "type": "string"
+            },
+            {
+              "value": "mobile",
+              "type": "string"
+            },
+            {
+              "value": "tablet",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "storageKey",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "storage-key",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "toolShortcutsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tool-shortcuts-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Tool shortcuts'"
+            }
+          ],
+          "default": "'Tool shortcuts'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "toolsLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tools-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Tools'"
+            }
+          ],
+          "default": "'Tools'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "activateTool",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(id: PanelToolsToolId) => Promise<void>",
+            "parameters": [
+              {
+                "name": "id",
+                "type": "\"activity\" | \"search\" | \"agents\" | \"messages\" | \"stacks\" | \"help\"",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "PanelToolsToolId": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsToolId",
+                "referenceLocation": "PanelToolsToolId"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "activateTool(id: PanelToolsToolId) => Promise<void>",
+          "parameters": [
+            {
+              "name": "id",
+              "type": "\"activity\" | \"search\" | \"agents\" | \"messages\" | \"stacks\" | \"help\"",
+              "docs": ""
+            }
+          ],
+          "docs": "Match PanelTools' imperative activation contract in every responsive mode.",
+          "docsTags": []
+        },
+        {
+          "name": "closeDrawer",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "closeDrawer() => Promise<void>",
+          "parameters": [],
+          "docs": "Close the active global tool surface.",
+          "docsTags": []
+        },
+        {
+          "name": "focusHeaderAction",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "(id: string) => Promise<void>",
+            "parameters": [
+              {
+                "name": "id",
+                "type": "string",
+                "docs": ""
+              }
+            ],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              },
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "focusHeaderAction(id: string) => Promise<void>",
+          "parameters": [
+            {
+              "name": "id",
+              "type": "string",
+              "docs": ""
+            }
+          ],
+          "docs": "Focus an application-owned action in the visible shared tool header.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsHeaderAction",
+          "detail": "{ tool: PanelToolsToolId; id: string; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    tool: PanelToolsToolId;\n    id: string;\n  }",
+            "resolved": "{ tool: PanelToolsToolId; id: string; }",
+            "references": {
+              "PanelToolsToolId": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsToolId",
+                "referenceLocation": "PanelToolsToolId"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsHeaderBack",
+          "detail": "{ tool: PanelToolsToolId; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    tool: PanelToolsToolId;\n  }",
+            "resolved": "{ tool: PanelToolsToolId; }",
+            "references": {
+              "PanelToolsToolId": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsToolId",
+                "referenceLocation": "PanelToolsToolId"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsPresentationChange",
+          "detail": "{ presentation: \"drawer\" | \"fullscreen\"; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    presentation: 'drawer' | 'fullscreen';\n  }",
+            "resolved": "{ presentation: \"drawer\" | \"fullscreen\"; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsToolChange",
+          "detail": "{ id: PanelToolsToolId; selected: boolean; }",
+          "bubbles": true,
+          "complexType": {
+            "original": "{\n    id: PanelToolsToolId;\n    selected: boolean;\n  }",
+            "resolved": "{ id: PanelToolsToolId; selected: boolean; }",
+            "references": {
+              "PanelToolsToolId": {
+                "location": "import",
+                "path": "../PanelTools/panel-tools-types",
+                "id": "src/wc/components/PanelTools/panel-tools-types.ts::PanelToolsToolId",
+                "referenceLocation": "PanelToolsToolId"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-panel-tools",
+        "ds-panel-tool-header",
+        "ds-tab-group"
+      ],
+      "dependencyGraph": {
+        "ds-shell-tools": [
+          "ds-panel-tools",
+          "ds-panel-tool-header",
+          "ds-tab-group"
+        ],
+        "ds-panel-tools": [
+          "ds-tooltip",
+          "ds-button-unfilled",
+          "ds-panel-tool-header"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-panel-tool-header": [
+          "ds-tooltip",
+          "ds-button-unfilled",
+          "ds-text"
+        ],
+        "ds-tab-group": [
+          "ds-icon",
+          "ds-text",
+          "ds-badge"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/Skeleton/Skeleton.tsx",
+      "encapsulation": "shadow",
+      "tag": "ds-skeleton",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "background",
+          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"strong\" | \"translucent\" | undefined",
+          "complexType": {
+            "original": "SkeletonBackground | undefined",
+            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"navigation\" | \"strong\" | \"translucent\" | undefined",
+            "references": {
+              "SkeletonBackground": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Skeleton/Skeleton.tsx",
+                "id": "src/wc/components/Skeleton/Skeleton.tsx::SkeletonBackground"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "background",
+          "reflectToAttr": false,
+          "docs": "Actual parent surface context. Omit on primary and secondary surfaces.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "always-dark",
+              "type": "string"
+            },
+            {
+              "value": "bold",
+              "type": "string"
+            },
             {
               "value": "faint",
               "type": "string"
@@ -19677,7 +21659,10 @@
       "slots": [],
       "parts": [],
       "states": [],
-      "dependents": [],
+      "dependents": [
+        "ds-shell-mobile-nav",
+        "ds-shell-tools"
+      ],
       "dependencies": [
         "ds-icon",
         "ds-text",
@@ -19691,6 +21676,12 @@
         ],
         "ds-badge": [
           "ds-text"
+        ],
+        "ds-shell-mobile-nav": [
+          "ds-tab-group"
+        ],
+        "ds-shell-tools": [
+          "ds-tab-group"
         ]
       }
     },
@@ -20783,6 +22774,9 @@
         "ds-radio",
         "ds-select",
         "ds-select-multi",
+        "ds-shell-mobile-bar",
+        "ds-shell-mobile-nav",
+        "ds-shell-mobile-section-nav",
         "ds-slider",
         "ds-tab-group",
         "ds-tag",
@@ -20889,6 +22883,15 @@
         "ds-select-multi": [
           "ds-text"
         ],
+        "ds-shell-mobile-bar": [
+          "ds-text"
+        ],
+        "ds-shell-mobile-nav": [
+          "ds-text"
+        ],
+        "ds-shell-mobile-section-nav": [
+          "ds-text"
+        ],
         "ds-slider": [
           "ds-text"
         ],
@@ -22431,11 +24434,36 @@
       "docstring": "",
       "path": "src/wc/components/PanelTools/panel-tools-types.ts"
     },
+    "src/wc/shell/shell-responsive.ts::ShellMobileDestination": {
+      "declaration": "export type ShellMobileDestination = 'area' | 'search' | 'agents' | 'inbox';",
+      "docstring": "",
+      "path": "src/wc/shell/shell-responsive.ts"
+    },
+    "src/wc/shell/shell-responsive.ts::ShellResponsiveMode": {
+      "declaration": "export type ShellResponsiveMode = 'desktop' | 'tablet' | 'mobile';",
+      "docstring": "",
+      "path": "src/wc/shell/shell-responsive.ts"
+    },
     "src/wc/components/ShellGradientSwatch/shell-gradient-swatch-types.ts::ShellGradientPreset": {
       "declaration": "any",
       "docstring": "",
       "path": "src/wc/components/ShellGradientSwatch/shell-gradient-swatch-types.ts"
     },
+    "src/wc/components/PanelNav/panel-nav-types.ts::PanelNavItem": {
+      "declaration": "export interface PanelNavItem {\n  id: string;\n  icon: string;\n  label: string;\n  /** Show a notification dot badge on the item */\n  dot?: boolean;\n  /** Route path used for `currentUrl` matching. In `anchor` mode also sets `<a href>`.\n   *  In `event` mode navigation is delegated to the host via `dsNavSelect`. */\n  href?: string;\n}",
+      "docstring": "",
+      "path": "src/wc/components/PanelNav/panel-nav-types.ts"
+    },
+    "src/wc/components/ShellMobileBar/shell-mobile-bar-types.ts::ShellMobileBarDestinationDetail": {
+      "declaration": "export interface ShellMobileBarDestinationDetail {\n  destination: ShellMobileDestination;\n}",
+      "docstring": "",
+      "path": "src/wc/components/ShellMobileBar/shell-mobile-bar-types.ts"
+    },
+    "src/wc/components/ShellMobileNav/shell-mobile-nav-types.ts::ShellMobileNavAuxiliaryDetail": {
+      "declaration": "export interface ShellMobileNavAuxiliaryDetail {\n  id: ShellMobileNavAuxiliaryId;\n  anchor: HTMLElement;\n}",
+      "docstring": "",
+      "path": "src/wc/components/ShellMobileNav/shell-mobile-nav-types.ts"
+    },
     "src/wc/components/ShellPage/shell-page-types.ts::ShellPageHeaderPresentation": {
       "declaration": "export type ShellPageHeaderPresentation = 'auto' | BarTitleVariant;",
       "docstring": "",