@ds-mo/ui 12.1.0 → 12.3.0

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-22T18:51:34",
+  "timestamp": "2026-07-23T21:28:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -914,7 +914,7 @@
           "mutable": false,
           "attr": "icon-color",
           "reflectToAttr": false,
-          "docs": "Semantic color for the icon. Use primary to surface unread or current identity state.",
+          "docs": "Semantic icon hierarchy. Use primary for stronger emphasis; secondary is the default.",
           "docsTags": [
             {
               "name": "default",
@@ -1129,6 +1129,50 @@
           "required": false,
           "getter": false,
           "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"md\" | \"sm\" | \"xs\"",
+          "complexType": {
+            "original": "AvatarSize",
+            "resolved": "\"md\" | \"sm\" | \"xs\"",
+            "references": {
+              "AvatarSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/Avatar/Avatar.tsx",
+                "id": "src/wc/components/Avatar/Avatar.tsx::AvatarSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Circle and icon density. Maps to 32/20, 24/16, or 16/12 px.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
         }
       ],
       "methods": [],
@@ -1904,7 +1948,7 @@
           "mutable": false,
           "attr": "back-label",
           "reflectToAttr": false,
-          "docs": "Visible parent-page label used by the expanded Back breadcrumb.",
+          "docs": "Visible parent-page label used by the expanded breadcrumb when breadcrumbs is empty.",
           "docsTags": [
             {
               "name": "default",
@@ -1923,7 +1967,7 @@
           "setter": false
         },
         {
-          "name": "description",
+          "name": "breadcrumbAriaLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -1931,16 +1975,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "description",
+          "attr": "breadcrumb-aria-label",
           "reflectToAttr": false,
-          "docs": "Optional supporting copy shown in the expanded presentation.",
+          "docs": "Accessible name for the expanded breadcrumb navigation landmark.",
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "'Breadcrumb'"
             }
           ],
-          "default": "''",
+          "default": "'Breadcrumb'",
           "values": [
             {
               "type": "string"
@@ -1952,66 +1996,89 @@
           "setter": false
         },
         {
-          "name": "heading",
-          "type": "string",
+          "name": "breadcrumbs",
+          "type": "BreadcrumbItem[]",
           "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
+            "original": "BreadcrumbItem[]",
+            "resolved": "BreadcrumbItem[]",
+            "references": {
+              "BreadcrumbItem": {
+                "location": "import",
+                "path": "../Breadcrumb/breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem",
+                "referenceLocation": "BreadcrumbItem"
+              }
+            }
           },
           "mutable": false,
-          "attr": "heading",
           "reflectToAttr": false,
-          "docs": "The page's single visible h1.",
-          "docsTags": [],
+          "docs": "Optional expanded ancestor path. Compact variants continue to use the Back action.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
           "values": [
             {
-              "type": "string"
+              "type": "BreadcrumbItem[]"
             }
           ],
           "optional": false,
-          "required": true,
+          "required": false,
           "getter": false,
           "setter": false
         },
         {
-          "name": "mode",
-          "type": "\"default\" | \"editor\"",
+          "name": "description",
+          "type": "string",
           "complexType": {
-            "original": "BarTitleMode",
-            "resolved": "\"default\" | \"editor\"",
-            "references": {
-              "BarTitleMode": {
-                "location": "import",
-                "path": "./bar-title-types",
-                "id": "src/wc/components/BarTitle/bar-title-types.ts::BarTitleMode",
-                "referenceLocation": "BarTitleMode"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "mode",
+          "attr": "description",
           "reflectToAttr": false,
-          "docs": "Semantic page-header treatment. Editor mode uses bold-brand create/edit chrome.",
+          "docs": "Optional supporting copy shown in the expanded presentation.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'default'"
+              "text": "''"
             }
           ],
-          "default": "'default'",
+          "default": "''",
           "values": [
             {
-              "value": "default",
               "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": "The page's single visible h1.",
+          "docsTags": [],
+          "values": [
             {
-              "value": "editor",
               "type": "string"
             }
           ],
           "optional": false,
-          "required": false,
+          "required": true,
           "getter": false,
           "setter": false
         },
@@ -2256,6 +2323,27 @@
           "docs": "Emitted when the leading Back action is activated.",
           "docsTags": []
         },
+        {
+          "event": "dsBreadcrumbSelect",
+          "detail": "BreadcrumbSelectDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "BreadcrumbSelectDetail",
+            "resolved": "BreadcrumbSelectDetail",
+            "references": {
+              "BreadcrumbSelectDetail": {
+                "location": "import",
+                "path": "../Breadcrumb/breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail",
+                "referenceLocation": "BreadcrumbSelectDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when an authored expanded breadcrumb item is activated.",
+          "docsTags": []
+        },
         {
           "event": "dsSectionChange",
           "detail": "string",
@@ -2280,28 +2368,30 @@
       "dependencies": [
         "ds-text",
         "ds-icon",
-        "ds-tooltip",
         "ds-button-filled",
+        "ds-tooltip",
         "ds-button-unfilled",
+        "ds-breadcrumb",
         "ds-menu"
       ],
       "dependencyGraph": {
         "ds-bar-title": [
           "ds-text",
           "ds-icon",
-          "ds-tooltip",
           "ds-button-filled",
+          "ds-tooltip",
           "ds-button-unfilled",
+          "ds-breadcrumb",
           "ds-menu"
         ],
-        "ds-tooltip": [
-          "ds-text"
-        ],
         "ds-button-filled": [
           "ds-loader",
           "ds-icon",
           "ds-text"
         ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
         "ds-button-unfilled": [
           "ds-loader",
           "ds-icon",
@@ -2311,6 +2401,9 @@
         "ds-badge": [
           "ds-text"
         ],
+        "ds-breadcrumb": [
+          "ds-text"
+        ],
         "ds-menu": [
           "ds-text",
           "ds-swatch-picker",
@@ -2320,36 +2413,33 @@
       }
     },
     {
-      "filePath": "src/wc/components/ButtonFilled/ButtonFilled.tsx",
+      "filePath": "src/wc/components/BarWorkflow/BarWorkflow.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-button-filled",
+      "tag": "ds-bar-workflow",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
         {
-          "name": "ariaLabel",
-          "type": "null | string",
+          "name": "exitAriaLabel",
+          "type": "string",
           "complexType": {
-            "original": "string | null",
-            "resolved": "null | string",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "aria-label",
+          "attr": "exit-aria-label",
           "reflectToAttr": false,
-          "docs": "Accessible name override. Required for icon-only buttons.",
+          "docs": "Workflow-specific accessible name for Exit.",
           "docsTags": [
             {
               "name": "default",
-              "text": "null"
+              "text": "'Exit workflow'"
             }
           ],
-          "default": "null",
+          "default": "'Exit workflow'",
           "values": [
-            {
-              "type": "null"
-            },
             {
               "type": "string"
             }
@@ -2360,59 +2450,27 @@
           "setter": false
         },
         {
-          "name": "background",
-          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+          "name": "exitLabel",
+          "type": "string",
           "complexType": {
-            "original": "ButtonFilledBackground | undefined",
-            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
-            "references": {
-              "ButtonFilledBackground": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
-                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledBackground"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "background",
+          "attr": "exit-label",
           "reflectToAttr": false,
-          "docs": "Actual parent surface context for the optional inset border color only.\nOmit on primary and secondary surfaces.",
-          "docsTags": [],
-          "values": [
-            {
-              "value": "always-dark",
-              "type": "string"
-            },
-            {
-              "value": "bold",
-              "type": "string"
-            },
-            {
-              "value": "faint",
-              "type": "string"
-            },
-            {
-              "value": "inverted",
-              "type": "string"
-            },
-            {
-              "value": "media",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
+          "docs": "Concise tooltip label for the Exit control.",
+          "docsTags": [
             {
-              "value": "strong",
-              "type": "string"
-            },
+              "name": "default",
+              "text": "'Exit'"
+            }
+          ],
+          "default": "'Exit'",
+          "values": [
             {
-              "value": "translucent",
               "type": "string"
-            },
-            {
-              "type": "undefined"
             }
           ],
           "optional": false,
@@ -2421,55 +2479,30 @@
           "setter": false
         },
         {
-          "name": "contrast",
-          "type": "\"bold\" | \"faint\" | \"medium\" | \"strong\"",
+          "name": "heading",
+          "type": "string",
           "complexType": {
-            "original": "ButtonFilledContrast",
-            "resolved": "\"bold\" | \"faint\" | \"medium\" | \"strong\"",
-            "references": {
-              "ButtonFilledContrast": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
-                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledContrast"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "contrast",
+          "attr": "heading",
           "reflectToAttr": false,
-          "docs": "Background fill weight. Foreground uses the paired contrast token:\nbold → faint, strong → medium, medium → strong, faint → bold.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'bold'"
-            }
-          ],
-          "default": "'bold'",
+          "docs": "The workflow's single visible h1.",
+          "docsTags": [],
           "values": [
             {
-              "value": "bold",
-              "type": "string"
-            },
-            {
-              "value": "faint",
-              "type": "string"
-            },
-            {
-              "value": "medium",
-              "type": "string"
-            },
-            {
-              "value": "strong",
               "type": "string"
             }
           ],
           "optional": false,
-          "required": false,
+          "required": true,
           "getter": false,
           "setter": false
         },
         {
-          "name": "hasBorder",
+          "name": "isNextInactive",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -2477,9 +2510,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "has-border",
+          "attr": "is-next-inactive",
           "reflectToAttr": false,
-          "docs": "Show a 1px secondary inset border.",
+          "docs": "Prevent advancing while the current step is incomplete or invalid.",
           "docsTags": [
             {
               "name": "default",
@@ -2498,7 +2531,7 @@
           "setter": false
         },
         {
-          "name": "icon",
+          "name": "nextLabel",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -2506,16 +2539,16 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "icon",
+          "attr": "next-label",
           "reflectToAttr": false,
-          "docs": "Icon name passed to <ds-icon> for `icon` / `icon-label` variants.",
+          "docs": "Tooltip and accessible name for the next-step control.",
           "docsTags": [
             {
               "name": "default",
-              "text": "''"
+              "text": "'Next step'"
             }
           ],
-          "default": "''",
+          "default": "'Next step'",
           "values": [
             {
               "type": "string"
@@ -2527,65 +2560,26 @@
           "setter": false
         },
         {
-          "name": "intent",
-          "type": "\"ai\" | \"brand\" | \"caution\" | \"guide\" | \"negative\" | \"neutral\" | \"positive\" | \"walkthrough\" | \"warning\"",
+          "name": "previousLabel",
+          "type": "string",
           "complexType": {
-            "original": "ButtonFilledIntent",
-            "resolved": "\"ai\" | \"brand\" | \"caution\" | \"guide\" | \"negative\" | \"neutral\" | \"positive\" | \"walkthrough\" | \"warning\"",
-            "references": {
-              "ButtonFilledIntent": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
-                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledIntent"
-              }
-            }
+            "original": "string",
+            "resolved": "string",
+            "references": {}
           },
           "mutable": false,
-          "attr": "intent",
+          "attr": "previous-label",
           "reflectToAttr": false,
-          "docs": "Semantic colour intent.",
+          "docs": "Tooltip and accessible name for the previous-step control.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'brand'"
+              "text": "'Previous step'"
             }
           ],
-          "default": "'brand'",
+          "default": "'Previous step'",
           "values": [
             {
-              "value": "ai",
-              "type": "string"
-            },
-            {
-              "value": "brand",
-              "type": "string"
-            },
-            {
-              "value": "caution",
-              "type": "string"
-            },
-            {
-              "value": "guide",
-              "type": "string"
-            },
-            {
-              "value": "negative",
-              "type": "string"
-            },
-            {
-              "value": "neutral",
-              "type": "string"
-            },
-            {
-              "value": "positive",
-              "type": "string"
-            },
-            {
-              "value": "walkthrough",
-              "type": "string"
-            },
-            {
-              "value": "warning",
               "type": "string"
             }
           ],
@@ -2595,27 +2589,33 @@
           "setter": false
         },
         {
-          "name": "isInactive",
-          "type": "boolean",
+          "name": "steps",
+          "type": "BarWorkflowStep[]",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "BarWorkflowStep[]",
+            "resolved": "BarWorkflowStep[]",
+            "references": {
+              "BarWorkflowStep": {
+                "location": "import",
+                "path": "./bar-workflow-types",
+                "id": "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowStep",
+                "referenceLocation": "BarWorkflowStep"
+              }
+            }
           },
           "mutable": false,
-          "attr": "is-inactive",
           "reflectToAttr": false,
-          "docs": "Disables interaction.",
+          "docs": "Ordered workflow steps. Step state is controlled by the application.",
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "[]"
             }
           ],
-          "default": "false",
+          "default": "[]",
           "values": [
             {
-              "type": "boolean"
+              "type": "BarWorkflowStep[]"
             }
           ],
           "optional": false,
@@ -2624,27 +2624,33 @@
           "setter": false
         },
         {
-          "name": "isLoading",
-          "type": "boolean",
+          "name": "submitAction",
+          "type": "BarWorkflowSubmitAction",
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
+            "original": "BarWorkflowSubmitAction",
+            "resolved": "BarWorkflowSubmitAction",
+            "references": {
+              "BarWorkflowSubmitAction": {
+                "location": "import",
+                "path": "./bar-workflow-types",
+                "id": "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowSubmitAction",
+                "referenceLocation": "BarWorkflowSubmitAction"
+              }
+            }
           },
           "mutable": false,
-          "attr": "is-loading",
           "reflectToAttr": false,
-          "docs": "Shows an inline loader and prevents interaction without applying inactive opacity.",
+          "docs": "The final-step Save or Submit action.",
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "{\n    label: 'Save',\n    type: 'submit',\n  }"
             }
           ],
-          "default": "false",
+          "default": "{\n    label: 'Save',\n    type: 'submit',\n  }",
           "values": [
             {
-              "type": "boolean"
+              "type": "BarWorkflowSubmitAction"
             }
           ],
           "optional": false,
@@ -2653,7 +2659,7 @@
           "setter": false
         },
         {
-          "name": "label",
+          "name": "value",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -2661,9 +2667,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "label",
+          "attr": "value",
           "reflectToAttr": false,
-          "docs": "Visible text for `label` / `icon-label` variants.",
+          "docs": "Id of the current workflow step. Falls back to the first step.",
           "docsTags": [
             {
               "name": "default",
@@ -2680,72 +2686,130 @@
           "required": false,
           "getter": false,
           "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsExit",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "MouseEvent",
+            "resolved": "MouseEvent",
+            "references": {
+              "MouseEvent": {
+                "location": "global",
+                "id": "global::MouseEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when Exit is activated.",
+          "docsTags": []
         },
         {
-          "name": "rounded",
-          "type": "boolean",
+          "event": "dsStepChange",
+          "detail": "string",
+          "bubbles": true,
           "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
-          "mutable": false,
-          "attr": "rounded",
-          "reflectToAttr": false,
-          "docs": "Use the half-radius treatment instead of the default control radius.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted with the target previous or next step id. The component never mutates value.",
+          "docsTags": []
         },
         {
-          "name": "size",
-          "type": "\"md\" | \"sm\" | \"xs\"",
+          "event": "dsSubmit",
+          "detail": "MouseEvent",
+          "bubbles": true,
           "complexType": {
-            "original": "ButtonFilledSize",
-            "resolved": "\"md\" | \"sm\" | \"xs\"",
+            "original": "MouseEvent",
+            "resolved": "MouseEvent",
             "references": {
-              "ButtonFilledSize": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
-                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledSize"
+              "MouseEvent": {
+                "location": "global",
+                "id": "global::MouseEvent"
               }
             }
           },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted when the final Save or Submit control is activated.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-tooltip",
+        "ds-button-unfilled",
+        "ds-text",
+        "ds-button-filled"
+      ],
+      "dependencyGraph": {
+        "ds-bar-workflow": [
+          "ds-tooltip",
+          "ds-button-unfilled",
+          "ds-text",
+          "ds-button-filled"
+        ],
+        "ds-tooltip": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-button-filled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/Breadcrumb/Breadcrumb.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-breadcrumb",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
           "mutable": false,
-          "attr": "size",
+          "attr": "aria-label",
           "reflectToAttr": false,
-          "docs": "Control density (height, padding, icon, type).",
+          "docs": "Accessible name for the breadcrumb navigation landmark.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'md'"
+              "text": "'Breadcrumb'"
             }
           ],
-          "default": "'md'",
+          "default": "'Breadcrumb'",
           "values": [
             {
-              "value": "md",
-              "type": "string"
-            },
-            {
-              "value": "sm",
-              "type": "string"
-            },
-            {
-              "value": "xs",
               "type": "string"
             }
           ],
@@ -2755,170 +2819,62 @@
           "setter": false
         },
         {
-          "name": "type",
-          "type": "\"button\" | \"reset\" | \"submit\"",
+          "name": "items",
+          "type": "BreadcrumbItem[]",
           "complexType": {
-            "original": "'button' | 'submit' | 'reset'",
-            "resolved": "\"button\" | \"reset\" | \"submit\"",
-            "references": {}
+            "original": "BreadcrumbItem[]",
+            "resolved": "BreadcrumbItem[]",
+            "references": {
+              "BreadcrumbItem": {
+                "location": "import",
+                "path": "./breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem",
+                "referenceLocation": "BreadcrumbItem"
+              }
+            }
           },
           "mutable": false,
-          "attr": "type",
           "reflectToAttr": false,
-          "docs": "Native button type.",
+          "docs": "Ordered path from the broadest ancestor to the nearest page.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'button'"
+              "text": "[]"
             }
           ],
-          "default": "'button'",
+          "default": "[]",
           "values": [
             {
-              "value": "button",
-              "type": "string"
-            },
-            {
-              "value": "reset",
-              "type": "string"
-            },
-            {
-              "value": "submit",
-              "type": "string"
+              "type": "BreadcrumbItem[]"
             }
           ],
           "optional": false,
           "required": false,
           "getter": false,
           "setter": false
-        },
+        }
+      ],
+      "methods": [],
+      "events": [
         {
-          "name": "variant",
-          "type": "\"icon\" | \"icon-label\" | \"label\"",
+          "event": "dsSelect",
+          "detail": "BreadcrumbSelectDetail",
+          "bubbles": true,
           "complexType": {
-            "original": "ButtonFilledVariant",
-            "resolved": "\"icon\" | \"icon-label\" | \"label\"",
-            "references": {
-              "ButtonFilledVariant": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
-                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledVariant"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "variant",
-          "reflectToAttr": false,
-          "docs": "Content layout. Default is label-only; pass `icon` for icon-only chrome\n(nav / tool rails) or `icon-label` for leading icon + text.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'label'"
-            }
-          ],
-          "default": "'label'",
-          "values": [
-            {
-              "value": "icon",
-              "type": "string"
-            },
-            {
-              "value": "icon-label",
-              "type": "string"
-            },
-            {
-              "value": "label",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "width",
-          "type": "\"fill\" | \"hug\"",
-          "complexType": {
-            "original": "ButtonFilledWidth",
-            "resolved": "\"fill\" | \"hug\"",
-            "references": {
-              "ButtonFilledWidth": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
-                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledWidth"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "width",
-          "reflectToAttr": false,
-          "docs": "Width fit — hug content (default) or fill the parent.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "'hug'"
-            }
-          ],
-          "default": "'hug'",
-          "values": [
-            {
-              "value": "fill",
-              "type": "string"
-            },
-            {
-              "value": "hug",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
-      "methods": [
-        {
-          "name": "setFocus",
-          "returns": {
-            "type": "Promise<void>",
-            "docs": ""
-          },
-          "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
-            "references": {
-              "Promise": {
-                "location": "global",
-                "id": "global::Promise"
-              }
-            },
-            "return": "Promise<void>"
-          },
-          "signature": "setFocus() => Promise<void>",
-          "parameters": [],
-          "docs": "",
-          "docsTags": []
-        }
-      ],
-      "events": [
-        {
-          "event": "dsClick",
-          "detail": "MouseEvent",
-          "bubbles": true,
-          "complexType": {
-            "original": "MouseEvent",
-            "resolved": "MouseEvent",
+            "original": "BreadcrumbSelectDetail",
+            "resolved": "BreadcrumbSelectDetail",
             "references": {
-              "MouseEvent": {
-                "location": "global",
-                "id": "global::MouseEvent"
+              "BreadcrumbSelectDetail": {
+                "location": "import",
+                "path": "./breadcrumb-types",
+                "id": "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail",
+                "referenceLocation": "BreadcrumbSelectDetail"
               }
             }
           },
           "cancelable": true,
           "composed": true,
-          "docs": "",
+          "docs": "Emitted when an interactive breadcrumb item is activated. Prevent to cancel native navigation.",
           "docsTags": []
         }
       ],
@@ -2928,69 +2884,28 @@
       "parts": [],
       "states": [],
       "dependents": [
-        "ds-bar-title",
-        "ds-card-setting",
-        "ds-message-composer"
+        "ds-bar-title"
       ],
       "dependencies": [
-        "ds-loader",
-        "ds-icon",
         "ds-text"
       ],
       "dependencyGraph": {
-        "ds-button-filled": [
-          "ds-loader",
-          "ds-icon",
+        "ds-breadcrumb": [
           "ds-text"
         ],
         "ds-bar-title": [
-          "ds-button-filled"
-        ],
-        "ds-card-setting": [
-          "ds-button-filled"
-        ],
-        "ds-message-composer": [
-          "ds-button-filled"
+          "ds-breadcrumb"
         ]
       }
     },
     {
-      "filePath": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+      "filePath": "src/wc/components/ButtonFilled/ButtonFilled.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-button-unfilled",
+      "tag": "ds-button-filled",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "activeFill",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "active-fill",
-          "reflectToAttr": false,
-          "docs": "When active, render the selected interaction fill.\nDefault `true` for general UI. Shell chrome (nav / tool rails) should pass\n`false` so selection is foreground-only (primary color, no fill).",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "ariaLabel",
           "type": "null | string",
@@ -3027,20 +2942,20 @@
           "name": "background",
           "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
           "complexType": {
-            "original": "ButtonUnfilledBackground | undefined",
+            "original": "ButtonFilledBackground | undefined",
             "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
             "references": {
-              "ButtonUnfilledBackground": {
+              "ButtonFilledBackground": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
-                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledBackground"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
+                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledBackground"
               }
             }
           },
           "mutable": false,
           "attr": "background",
           "reflectToAttr": false,
-          "docs": "Actual parent surface context. Omit on primary and secondary surfaces.",
+          "docs": "Actual parent surface context for the optional inset border color only.\nOmit on primary and secondary surfaces.",
           "docsTags": [],
           "values": [
             {
@@ -3085,24 +3000,46 @@
           "setter": false
         },
         {
-          "name": "controls",
-          "type": "string | undefined",
+          "name": "contrast",
+          "type": "\"bold\" | \"faint\" | \"medium\" | \"strong\"",
           "complexType": {
-            "original": "string | undefined",
-            "resolved": "string | undefined",
-            "references": {}
+            "original": "ButtonFilledContrast",
+            "resolved": "\"bold\" | \"faint\" | \"medium\" | \"strong\"",
+            "references": {
+              "ButtonFilledContrast": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
+                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledContrast"
+              }
+            }
           },
           "mutable": false,
-          "attr": "controls",
+          "attr": "contrast",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "docs": "Background fill weight. Foreground uses the paired contrast token:\nbold → faint, strong → medium, medium → strong, faint → bold.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'bold'"
+            }
+          ],
+          "default": "'bold'",
           "values": [
             {
+              "value": "bold",
               "type": "string"
             },
             {
-              "type": "undefined"
+              "value": "faint",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -3111,7 +3048,7 @@
           "setter": false
         },
         {
-          "name": "dot",
+          "name": "hasBorder",
           "type": "boolean",
           "complexType": {
             "original": "boolean",
@@ -3119,9 +3056,9 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "dot",
+          "attr": "has-border",
           "reflectToAttr": false,
-          "docs": "Show a notification dot at the top-right of the icon zone (icon variant only).",
+          "docs": "Show a 1px secondary inset border.",
           "docsTags": [
             {
               "name": "default",
@@ -3140,24 +3077,27 @@
           "setter": false
         },
         {
-          "name": "expanded",
-          "type": "boolean | undefined",
+          "name": "icon",
+          "type": "string",
           "complexType": {
-            "original": "boolean | undefined",
-            "resolved": "boolean | undefined",
+            "original": "string",
+            "resolved": "string",
             "references": {}
           },
           "mutable": false,
-          "attr": "expanded",
+          "attr": "icon",
           "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
+          "docs": "Icon name passed to <ds-icon> for `icon` / `icon-label` variants.",
+          "docsTags": [
             {
-              "type": "boolean"
-            },
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
             {
-              "type": "undefined"
+              "type": "string"
             }
           ],
           "optional": false,
@@ -3166,164 +3106,66 @@
           "setter": false
         },
         {
-          "name": "focusTabIndex",
-          "type": "number | undefined",
+          "name": "intent",
+          "type": "\"ai\" | \"brand\" | \"caution\" | \"guide\" | \"negative\" | \"neutral\" | \"positive\" | \"walkthrough\" | \"warning\"",
           "complexType": {
-            "original": "number",
-            "resolved": "number | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "tab-index",
-          "reflectToAttr": false,
-          "docs": "Native `tabindex` for roving keyboard groups in shell chrome.\nOmit for the default button tab stop (`0`).",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "number"
-            },
-            {
-              "type": "undefined"
+            "original": "ButtonFilledIntent",
+            "resolved": "\"ai\" | \"brand\" | \"caution\" | \"guide\" | \"negative\" | \"neutral\" | \"positive\" | \"walkthrough\" | \"warning\"",
+            "references": {
+              "ButtonFilledIntent": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
+                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledIntent"
+              }
             }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "hasBorder",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
           },
           "mutable": false,
-          "attr": "has-border",
+          "attr": "intent",
           "reflectToAttr": false,
-          "docs": "Show a 1px secondary inset border. Default on; shell chrome can pass `false`.",
+          "docs": "Semantic colour intent.",
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
-            }
-          ],
-          "default": "true",
-          "values": [
-            {
-              "type": "boolean"
+              "text": "'brand'"
             }
           ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "haspopup",
-          "type": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined",
-          "complexType": {
-            "original": "ButtonUnfilledPopup | undefined",
-            "resolved": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined",
-            "references": {
-              "ButtonUnfilledPopup": {
-                "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
-                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledPopup"
-              }
-            }
-          },
-          "mutable": false,
-          "attr": "haspopup",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
+          "default": "'brand'",
           "values": [
             {
-              "value": "dialog",
+              "value": "ai",
               "type": "string"
             },
             {
-              "value": "grid",
+              "value": "brand",
               "type": "string"
             },
             {
-              "value": "listbox",
+              "value": "caution",
               "type": "string"
             },
             {
-              "value": "menu",
+              "value": "guide",
               "type": "string"
             },
             {
-              "value": "tree",
+              "value": "negative",
               "type": "string"
             },
             {
-              "value": "true",
+              "value": "neutral",
               "type": "string"
             },
             {
-              "type": "undefined"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "icon",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "icon",
-          "reflectToAttr": false,
-          "docs": "Icon name passed to <ds-icon> for `icon` / `icon-label` variants.",
-          "docsTags": [
-            {
-              "name": "default",
-              "text": "''"
-            }
-          ],
-          "default": "''",
-          "values": [
-            {
+              "value": "positive",
               "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
-        {
-          "name": "isActive",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "is-active",
-          "reflectToAttr": false,
-          "docs": "Active/selected visual state. Always promotes foreground to primary.",
-          "docsTags": [
+            },
             {
-              "name": "default",
-              "text": "false"
-            }
-          ],
-          "default": "false",
-          "values": [
+              "value": "walkthrough",
+              "type": "string"
+            },
             {
-              "type": "boolean"
+              "value": "warning",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -3418,32 +3260,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "pressed",
-          "type": "boolean | undefined",
-          "complexType": {
-            "original": "boolean | undefined",
-            "resolved": "boolean | undefined",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "pressed",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "boolean"
-            },
-            {
-              "type": "undefined"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "rounded",
           "type": "boolean",
@@ -3477,13 +3293,13 @@
           "name": "size",
           "type": "\"md\" | \"sm\" | \"xs\"",
           "complexType": {
-            "original": "ButtonUnfilledSize",
+            "original": "ButtonFilledSize",
             "resolved": "\"md\" | \"sm\" | \"xs\"",
             "references": {
-              "ButtonUnfilledSize": {
+              "ButtonFilledSize": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
-                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledSize"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
+                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledSize"
               }
             }
           },
@@ -3559,13 +3375,13 @@
           "name": "variant",
           "type": "\"icon\" | \"icon-label\" | \"label\"",
           "complexType": {
-            "original": "ButtonUnfilledVariant",
+            "original": "ButtonFilledVariant",
             "resolved": "\"icon\" | \"icon-label\" | \"label\"",
             "references": {
-              "ButtonUnfilledVariant": {
+              "ButtonFilledVariant": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
-                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledVariant"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
+                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledVariant"
               }
             }
           },
@@ -3603,13 +3419,13 @@
           "name": "width",
           "type": "\"fill\" | \"hug\"",
           "complexType": {
-            "original": "ButtonUnfilledWidth",
+            "original": "ButtonFilledWidth",
             "resolved": "\"fill\" | \"hug\"",
             "references": {
-              "ButtonUnfilledWidth": {
+              "ButtonFilledWidth": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
-                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledWidth"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonFilled/ButtonFilled.tsx",
+                "id": "src/wc/components/ButtonFilled/ButtonFilled.tsx::ButtonFilledWidth"
               }
             }
           },
@@ -3665,20 +3481,6 @@
         }
       ],
       "events": [
-        {
-          "event": "dsChange",
-          "detail": "boolean",
-          "bubbles": true,
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "",
-          "docsTags": []
-        },
         {
           "event": "dsClick",
           "detail": "MouseEvent",
@@ -3705,30 +3507,1173 @@
       "parts": [],
       "states": [],
       "dependents": [
-        "ds-bar-nav",
         "ds-bar-title",
-        "ds-card-data-viz-donut",
+        "ds-bar-workflow",
         "ds-card-setting",
-        "ds-code-block",
-        "ds-input",
-        "ds-message-composer",
-        "ds-message-scroller",
-        "ds-modal",
-        "ds-panel-nav",
-        "ds-panel-tool-header",
-        "ds-panel-tool-search",
-        "ds-panel-tools",
-        "ds-select",
-        "ds-select-multi",
-        "ds-toast"
+        "ds-message-composer"
+      ],
+      "dependencies": [
+        "ds-loader",
+        "ds-icon",
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-button-filled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-text"
+        ],
+        "ds-bar-title": [
+          "ds-button-filled"
+        ],
+        "ds-bar-workflow": [
+          "ds-button-filled"
+        ],
+        "ds-card-setting": [
+          "ds-button-filled"
+        ],
+        "ds-message-composer": [
+          "ds-button-filled"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-button-unfilled",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "activeFill",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "active-fill",
+          "reflectToAttr": false,
+          "docs": "When active, render the selected interaction fill.\nDefault `true` for general UI. Shell chrome (nav / tool rails) should pass\n`false` so selection is foreground-only (primary color, no fill).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "ariaLabel",
+          "type": "null | string",
+          "complexType": {
+            "original": "string | null",
+            "resolved": "null | string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "aria-label",
+          "reflectToAttr": false,
+          "docs": "Accessible name override. Required for icon-only buttons.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "null"
+            }
+          ],
+          "default": "null",
+          "values": [
+            {
+              "type": "null"
+            },
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "background",
+          "type": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+          "complexType": {
+            "original": "ButtonUnfilledBackground | undefined",
+            "resolved": "\"always-dark\" | \"bold\" | \"faint\" | \"inverted\" | \"media\" | \"medium\" | \"strong\" | \"translucent\" | undefined",
+            "references": {
+              "ButtonUnfilledBackground": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledBackground"
+              }
+            }
+          },
+          "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"
+            },
+            {
+              "value": "inverted",
+              "type": "string"
+            },
+            {
+              "value": "media",
+              "type": "string"
+            },
+            {
+              "value": "medium",
+              "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
+            },
+            {
+              "value": "translucent",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "controls",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "controls",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dot",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "dot",
+          "reflectToAttr": false,
+          "docs": "Show a notification dot at the top-right of the icon zone (icon variant only).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "expanded",
+          "type": "boolean | undefined",
+          "complexType": {
+            "original": "boolean | undefined",
+            "resolved": "boolean | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expanded",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "focusTabIndex",
+          "type": "number | undefined",
+          "complexType": {
+            "original": "number",
+            "resolved": "number | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "tab-index",
+          "reflectToAttr": false,
+          "docs": "Native `tabindex` for roving keyboard groups in shell chrome.\nOmit for the default button tab stop (`0`).",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "number"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "hasBorder",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "has-border",
+          "reflectToAttr": false,
+          "docs": "Show a 1px secondary inset border. Default on; shell chrome can pass `false`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "haspopup",
+          "type": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined",
+          "complexType": {
+            "original": "ButtonUnfilledPopup | undefined",
+            "resolved": "\"dialog\" | \"grid\" | \"listbox\" | \"menu\" | \"tree\" | \"true\" | undefined",
+            "references": {
+              "ButtonUnfilledPopup": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledPopup"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "haspopup",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "dialog",
+              "type": "string"
+            },
+            {
+              "value": "grid",
+              "type": "string"
+            },
+            {
+              "value": "listbox",
+              "type": "string"
+            },
+            {
+              "value": "menu",
+              "type": "string"
+            },
+            {
+              "value": "tree",
+              "type": "string"
+            },
+            {
+              "value": "true",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "icon",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "icon",
+          "reflectToAttr": false,
+          "docs": "Icon name passed to <ds-icon> for `icon` / `icon-label` variants.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isActive",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-active",
+          "reflectToAttr": false,
+          "docs": "Active/selected visual state. Always promotes foreground to primary.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isInactive",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-inactive",
+          "reflectToAttr": false,
+          "docs": "Disables interaction.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "isLoading",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "is-loading",
+          "reflectToAttr": false,
+          "docs": "Shows an inline loader and prevents interaction without applying inactive opacity.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "Visible text for `label` / `icon-label` variants.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "pressed",
+          "type": "boolean | undefined",
+          "complexType": {
+            "original": "boolean | undefined",
+            "resolved": "boolean | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "pressed",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "rounded",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "rounded",
+          "reflectToAttr": false,
+          "docs": "Use the half-radius treatment instead of the default control radius.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "size",
+          "type": "\"md\" | \"sm\" | \"xs\"",
+          "complexType": {
+            "original": "ButtonUnfilledSize",
+            "resolved": "\"md\" | \"sm\" | \"xs\"",
+            "references": {
+              "ButtonUnfilledSize": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledSize"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "Control density (height, padding, icon, type).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xs",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "type",
+          "type": "\"button\" | \"reset\" | \"submit\"",
+          "complexType": {
+            "original": "'button' | 'submit' | 'reset'",
+            "resolved": "\"button\" | \"reset\" | \"submit\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "Native button type.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'button'"
+            }
+          ],
+          "default": "'button'",
+          "values": [
+            {
+              "value": "button",
+              "type": "string"
+            },
+            {
+              "value": "reset",
+              "type": "string"
+            },
+            {
+              "value": "submit",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"icon\" | \"icon-label\" | \"label\"",
+          "complexType": {
+            "original": "ButtonUnfilledVariant",
+            "resolved": "\"icon\" | \"icon-label\" | \"label\"",
+            "references": {
+              "ButtonUnfilledVariant": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
+          "reflectToAttr": false,
+          "docs": "Content layout. Default is label-only; pass `icon` for icon-only chrome\n(nav / tool rails) or `icon-label` for leading icon + text.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'label'"
+            }
+          ],
+          "default": "'label'",
+          "values": [
+            {
+              "value": "icon",
+              "type": "string"
+            },
+            {
+              "value": "icon-label",
+              "type": "string"
+            },
+            {
+              "value": "label",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "\"fill\" | \"hug\"",
+          "complexType": {
+            "original": "ButtonUnfilledWidth",
+            "resolved": "\"fill\" | \"hug\"",
+            "references": {
+              "ButtonUnfilledWidth": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx",
+                "id": "src/wc/components/ButtonUnfilled/ButtonUnfilled.tsx::ButtonUnfilledWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "Width fit — hug content (default) or fill the parent.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'hug'"
+            }
+          ],
+          "default": "'hug'",
+          "values": [
+            {
+              "value": "fill",
+              "type": "string"
+            },
+            {
+              "value": "hug",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "setFocus",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "setFocus() => Promise<void>",
+          "parameters": [],
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsChange",
+          "detail": "boolean",
+          "bubbles": true,
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "dsClick",
+          "detail": "MouseEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "MouseEvent",
+            "resolved": "MouseEvent",
+            "references": {
+              "MouseEvent": {
+                "location": "global",
+                "id": "global::MouseEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [
+        "ds-bar-nav",
+        "ds-bar-title",
+        "ds-bar-workflow",
+        "ds-card-data-viz-bar",
+        "ds-card-data-viz-donut",
+        "ds-card-data-viz-line",
+        "ds-card-setting",
+        "ds-code-block",
+        "ds-input",
+        "ds-message-composer",
+        "ds-message-scroller",
+        "ds-modal",
+        "ds-panel-nav",
+        "ds-panel-tool-header",
+        "ds-panel-tool-search",
+        "ds-panel-tools",
+        "ds-select",
+        "ds-select-multi",
+        "ds-toast"
+      ],
+      "dependencies": [
+        "ds-loader",
+        "ds-icon",
+        "ds-badge",
+        "ds-text"
+      ],
+      "dependencyGraph": {
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ],
+        "ds-bar-nav": [
+          "ds-button-unfilled"
+        ],
+        "ds-bar-title": [
+          "ds-button-unfilled"
+        ],
+        "ds-bar-workflow": [
+          "ds-button-unfilled"
+        ],
+        "ds-card-data-viz-bar": [
+          "ds-button-unfilled"
+        ],
+        "ds-card-data-viz-donut": [
+          "ds-button-unfilled"
+        ],
+        "ds-card-data-viz-line": [
+          "ds-button-unfilled"
+        ],
+        "ds-card-setting": [
+          "ds-button-unfilled"
+        ],
+        "ds-code-block": [
+          "ds-button-unfilled"
+        ],
+        "ds-input": [
+          "ds-button-unfilled"
+        ],
+        "ds-message-composer": [
+          "ds-button-unfilled"
+        ],
+        "ds-message-scroller": [
+          "ds-button-unfilled"
+        ],
+        "ds-modal": [
+          "ds-button-unfilled"
+        ],
+        "ds-panel-nav": [
+          "ds-button-unfilled"
+        ],
+        "ds-panel-tool-header": [
+          "ds-button-unfilled"
+        ],
+        "ds-panel-tool-search": [
+          "ds-button-unfilled"
+        ],
+        "ds-panel-tools": [
+          "ds-button-unfilled"
+        ],
+        "ds-select": [
+          "ds-button-unfilled"
+        ],
+        "ds-select-multi": [
+          "ds-button-unfilled"
+        ],
+        "ds-toast": [
+          "ds-button-unfilled"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/CardDataVizBar/CardDataVizBar.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-card-data-viz-bar",
+      "docs": "Bar-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart\nregion and an optional, content-sized static legend.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "cardWidth",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "CardDataVizBarWidth",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "CardDataVizBarWidth": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizBar/CardDataVizBar.tsx",
+                "id": "src/wc/components/CardDataVizBar/CardDataVizBar.tsx::CardDataVizBarWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "card-width",
+          "reflectToAttr": false,
+          "docs": "Card width token — also sets matching min-height.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "filterLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "filter-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Filter'"
+            }
+          ],
+          "default": "'Filter'",
+          "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": "Widget heading shown in the card header.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsFilterClick",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the header filter control is activated.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "ds-card-shell-data-viz",
+        "ds-button-unfilled"
+      ],
+      "dependencyGraph": {
+        "ds-card-data-viz-bar": [
+          "ds-card-shell-data-viz",
+          "ds-button-unfilled"
+        ],
+        "ds-card-shell-data-viz": [
+          "ds-text"
+        ],
+        "ds-button-unfilled": [
+          "ds-loader",
+          "ds-icon",
+          "ds-badge",
+          "ds-text"
+        ],
+        "ds-badge": [
+          "ds-text"
+        ]
+      }
+    },
+    {
+      "filePath": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-card-data-viz-donut",
+      "docs": "Donut data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart region and\ncontent-sized legend. Hover sync between chart and legend stays here.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "cardWidth",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "complexType": {
+            "original": "CardDataVizDonutWidth",
+            "resolved": "\"lg\" | \"md\" | \"sm\"",
+            "references": {
+              "CardDataVizDonutWidth": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
+                "id": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx::CardDataVizDonutWidth"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "card-width",
+          "reflectToAttr": false,
+          "docs": "Card width token — also sets matching min-height.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'md'"
+            }
+          ],
+          "default": "'md'",
+          "values": [
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "md",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "filterLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "filter-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'Filter'"
+            }
+          ],
+          "default": "'Filter'",
+          "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": "Widget heading shown in the card header.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": true,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "dsFilterClick",
+          "detail": "void",
+          "bubbles": true,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emits when the header filter control is activated.",
+          "docsTags": []
+        }
       ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
       "dependencies": [
-        "ds-loader",
-        "ds-icon",
-        "ds-badge",
-        "ds-text"
+        "ds-card-shell-data-viz",
+        "ds-button-unfilled"
       ],
       "dependencyGraph": {
+        "ds-card-data-viz-donut": [
+          "ds-card-shell-data-viz",
+          "ds-button-unfilled"
+        ],
+        "ds-card-shell-data-viz": [
+          "ds-text"
+        ],
         "ds-button-unfilled": [
           "ds-loader",
           "ds-icon",
@@ -3737,62 +4682,14 @@
         ],
         "ds-badge": [
           "ds-text"
-        ],
-        "ds-bar-nav": [
-          "ds-button-unfilled"
-        ],
-        "ds-bar-title": [
-          "ds-button-unfilled"
-        ],
-        "ds-card-data-viz-donut": [
-          "ds-button-unfilled"
-        ],
-        "ds-card-setting": [
-          "ds-button-unfilled"
-        ],
-        "ds-code-block": [
-          "ds-button-unfilled"
-        ],
-        "ds-input": [
-          "ds-button-unfilled"
-        ],
-        "ds-message-composer": [
-          "ds-button-unfilled"
-        ],
-        "ds-message-scroller": [
-          "ds-button-unfilled"
-        ],
-        "ds-modal": [
-          "ds-button-unfilled"
-        ],
-        "ds-panel-nav": [
-          "ds-button-unfilled"
-        ],
-        "ds-panel-tool-header": [
-          "ds-button-unfilled"
-        ],
-        "ds-panel-tool-search": [
-          "ds-button-unfilled"
-        ],
-        "ds-panel-tools": [
-          "ds-button-unfilled"
-        ],
-        "ds-select": [
-          "ds-button-unfilled"
-        ],
-        "ds-select-multi": [
-          "ds-button-unfilled"
-        ],
-        "ds-toast": [
-          "ds-button-unfilled"
         ]
       }
     },
     {
-      "filePath": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
+      "filePath": "src/wc/components/CardDataVizLine/CardDataVizLine.tsx",
       "encapsulation": "scoped",
-      "tag": "ds-card-data-viz-donut",
-      "docs": "Donut data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart region and\ncontent-sized legend. Hover sync between chart and legend stays here.",
+      "tag": "ds-card-data-viz-line",
+      "docs": "Line-chart data-viz card — dedicated `ds-card-shell-data-viz` chrome with a fill chart\nregion and a content-sized, static legend.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -3800,13 +4697,13 @@
           "name": "cardWidth",
           "type": "\"lg\" | \"md\" | \"sm\"",
           "complexType": {
-            "original": "CardDataVizDonutWidth",
+            "original": "CardDataVizLineWidth",
             "resolved": "\"lg\" | \"md\" | \"sm\"",
             "references": {
-              "CardDataVizDonutWidth": {
+              "CardDataVizLineWidth": {
                 "location": "local",
-                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx",
-                "id": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx::CardDataVizDonutWidth"
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/CardDataVizLine/CardDataVizLine.tsx",
+                "id": "src/wc/components/CardDataVizLine/CardDataVizLine.tsx::CardDataVizLineWidth"
               }
             }
           },
@@ -3921,7 +4818,7 @@
         "ds-button-unfilled"
       ],
       "dependencyGraph": {
-        "ds-card-data-viz-donut": [
+        "ds-card-data-viz-line": [
           "ds-card-shell-data-viz",
           "ds-button-unfilled"
         ],
@@ -4271,7 +5168,9 @@
       "parts": [],
       "states": [],
       "dependents": [
-        "ds-card-data-viz-donut"
+        "ds-card-data-viz-bar",
+        "ds-card-data-viz-donut",
+        "ds-card-data-viz-line"
       ],
       "dependencies": [
         "ds-text"
@@ -4280,8 +5179,14 @@
         "ds-card-shell-data-viz": [
           "ds-text"
         ],
+        "ds-card-data-viz-bar": [
+          "ds-card-shell-data-viz"
+        ],
         "ds-card-data-viz-donut": [
           "ds-card-shell-data-viz"
+        ],
+        "ds-card-data-viz-line": [
+          "ds-card-shell-data-viz"
         ]
       }
     },
@@ -4337,19 +5242,200 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "height",
+          "attr": "height",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "240"
+            }
+          ],
+          "default": "240",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "width",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "480"
+            }
+          ],
+          "default": "480",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "src/wc/components/ChartBarStacked/ChartBarStacked.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-chart-bar-stacked",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "categories",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "X-axis labels — must match each series' `data` length. Set as a JS property.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "height",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "height",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "240"
+            }
+          ],
+          "default": "240",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "series",
+          "type": "ChartSeries[]",
+          "complexType": {
+            "original": "ChartSeries[]",
+            "resolved": "ChartSeries[]",
+            "references": {
+              "ChartSeries": {
+                "location": "import",
+                "path": "../../utils/chart-types",
+                "id": "src/wc/utils/chart-types.ts::ChartSeries",
+                "referenceLocation": "ChartSeries"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Ordered stack series. Set as a JS property (not an HTML attribute).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "ChartSeries[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "variant",
+          "type": "\"percentage\" | \"stacked\"",
+          "complexType": {
+            "original": "ChartBarStackedVariant",
+            "resolved": "\"percentage\" | \"stacked\"",
+            "references": {
+              "ChartBarStackedVariant": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ChartBarStacked/ChartBarStacked.tsx",
+                "id": "src/wc/components/ChartBarStacked/ChartBarStacked.tsx::ChartBarStackedVariant"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "variant",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [
             {
               "name": "default",
-              "text": "240"
+              "text": "'stacked'"
             }
           ],
-          "default": "240",
+          "default": "'stacked'",
           "values": [
             {
-              "type": "number"
+              "value": "percentage",
+              "type": "string"
+            },
+            {
+              "value": "stacked",
+              "type": "string"
             }
           ],
           "optional": false,
@@ -4851,6 +5937,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "highlightOnHover",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "highlight-on-hover",
+          "reflectToAttr": false,
+          "docs": "Let local pointer/focus movement highlight one item and emit `dsItemHover`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "items",
           "type": "ChartLegendItem[]",
@@ -6002,7 +7117,48 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "actionLayout",
+          "type": "\"floating\" | \"footer\"",
+          "complexType": {
+            "original": "ConversationListActionLayout",
+            "resolved": "\"floating\" | \"footer\"",
+            "references": {
+              "ConversationListActionLayout": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ConversationList/ConversationList.tsx",
+                "id": "src/wc/components/ConversationList/ConversationList.tsx::ConversationListActionLayout"
+              }
+            }
+          },
+          "mutable": false,
+          "attr": "action-layout",
+          "reflectToAttr": false,
+          "docs": "Corner icon action or full-width persistent footer action.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "'floating'"
+            }
+          ],
+          "default": "'floating'",
+          "values": [
+            {
+              "value": "floating",
+              "type": "string"
+            },
+            {
+              "value": "footer",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
       "methods": [],
       "events": [],
       "listeners": [],
@@ -9154,7 +10310,7 @@
           "mutable": false,
           "attr": "side",
           "reflectToAttr": false,
-          "docs": "",
+          "docs": "Preferred side; placement flips to the opposite side when that offers a better fit.",
           "docsTags": [
             {
               "name": "default",
@@ -13574,6 +14730,140 @@
         ]
       }
     },
+    {
+      "filePath": "src/wc/components/ScrollOverlay/ScrollOverlay.tsx",
+      "encapsulation": "scoped",
+      "tag": "ds-scroll-overlay",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "scrollLabel",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "scroll-label",
+          "reflectToAttr": false,
+          "docs": "Optional accessible name. When provided, the scrollport is a focusable region.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [
+        {
+          "name": "refreshOverlay",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "refreshOverlay() => Promise<void>",
+          "parameters": [],
+          "docs": "Re-measure footer geometry after an imperative slotted-content update.",
+          "docsTags": []
+        },
+        {
+          "name": "scrollToEnd",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "scrollToEnd() => Promise<void>",
+          "parameters": [],
+          "docs": "Move the owned scrollport to its live end.",
+          "docsTags": []
+        },
+        {
+          "name": "scrollToStart",
+          "returns": {
+            "type": "Promise<void>",
+            "docs": ""
+          },
+          "complexType": {
+            "signature": "() => Promise<void>",
+            "parameters": [],
+            "references": {
+              "Promise": {
+                "location": "global",
+                "id": "global::Promise"
+              }
+            },
+            "return": "Promise<void>"
+          },
+          "signature": "scrollToStart() => Promise<void>",
+          "parameters": [],
+          "docs": "Move the owned scrollport to its beginning.",
+          "docsTags": []
+        }
+      ],
+      "events": [
+        {
+          "event": "dsScroll",
+          "detail": "ScrollOverlayScrollDetail",
+          "bubbles": true,
+          "complexType": {
+            "original": "ScrollOverlayScrollDetail",
+            "resolved": "ScrollOverlayScrollDetail",
+            "references": {
+              "ScrollOverlayScrollDetail": {
+                "location": "local",
+                "path": "/home/runner/work/compomo/compomo/src/wc/components/ScrollOverlay/ScrollOverlay.tsx",
+                "id": "src/wc/components/ScrollOverlay/ScrollOverlay.tsx::ScrollOverlayScrollDetail"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Reports scroll position without exposing the internal scrollport element.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "states": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "src/wc/components/Select/Select.tsx",
       "encapsulation": "scoped",
@@ -16162,6 +17452,48 @@
           "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\"",
@@ -16180,7 +17512,7 @@
           "mutable": false,
           "attr": "header-presentation",
           "reflectToAttr": false,
-          "docs": "Automatic container/scroll behavior, or an explicit header variant override.",
+          "docs": "Automatic capacity/scroll behavior, or an explicit header variant override.",
           "docsTags": [
             {
               "name": "default",
@@ -19426,6 +20758,8 @@
         "ds-badge",
         "ds-bar-nav",
         "ds-bar-title",
+        "ds-bar-workflow",
+        "ds-breadcrumb",
         "ds-button-filled",
         "ds-button-unfilled",
         "ds-card-setting",
@@ -19480,6 +20814,12 @@
         "ds-bar-title": [
           "ds-text"
         ],
+        "ds-bar-workflow": [
+          "ds-text"
+        ],
+        "ds-breadcrumb": [
+          "ds-text"
+        ],
         "ds-button-filled": [
           "ds-text"
         ],
@@ -20200,6 +21540,7 @@
       "states": [],
       "dependents": [
         "ds-bar-title",
+        "ds-bar-workflow",
         "ds-code-block",
         "ds-message-composer",
         "ds-message-scroller",
@@ -20221,6 +21562,9 @@
         "ds-bar-title": [
           "ds-tooltip"
         ],
+        "ds-bar-workflow": [
+          "ds-tooltip"
+        ],
         "ds-code-block": [
           "ds-tooltip"
         ],
@@ -20454,14 +21798,14 @@
           "mutable": false,
           "attr": "label",
           "reflectToAttr": false,
-          "docs": "Concise localized status text, ideally naming the participant who is typing.",
+          "docs": "Concise localized typing status.",
           "docsTags": [
             {
               "name": "default",
-              "text": "'Typing…'"
+              "text": "'Typing...'"
             }
           ],
-          "default": "'Typing…'",
+          "default": "'Typing...'",
           "values": [
             {
               "type": "string"
@@ -20502,6 +21846,11 @@
       "docstring": "",
       "path": "src/wc/components/Icon/Icon.tsx"
     },
+    "src/wc/components/Avatar/Avatar.tsx::AvatarSize": {
+      "declaration": "export type AvatarSize = 'md' | 'sm' | 'xs';",
+      "docstring": "",
+      "path": "src/wc/components/Avatar/Avatar.tsx"
+    },
     "src/wc/components/Badge/Badge.tsx::BadgeVariant": {
       "declaration": "export type BadgeVariant = 'counter' | 'dot';",
       "docstring": "",
@@ -20572,11 +21921,21 @@
       "docstring": "",
       "path": "src/wc/components/CardShellDataViz/CardShellDataViz.tsx"
     },
+    "src/wc/components/CardDataVizBar/CardDataVizBar.tsx::CardDataVizBarWidth": {
+      "declaration": "export type CardShellDataVizWidth = 'sm' | 'md' | 'lg';",
+      "docstring": "",
+      "path": "src/wc/components/CardDataVizBar/CardDataVizBar.tsx"
+    },
     "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx::CardDataVizDonutWidth": {
       "declaration": "export type CardShellDataVizWidth = 'sm' | 'md' | 'lg';",
       "docstring": "",
       "path": "src/wc/components/CardDataVizDonut/CardDataVizDonut.tsx"
     },
+    "src/wc/components/CardDataVizLine/CardDataVizLine.tsx::CardDataVizLineWidth": {
+      "declaration": "export type CardShellDataVizWidth = 'sm' | 'md' | 'lg';",
+      "docstring": "",
+      "path": "src/wc/components/CardDataVizLine/CardDataVizLine.tsx"
+    },
     "src/wc/components/CardSetting/CardSetting.tsx::CardSettingWidth": {
       "declaration": "export type CardSettingWidth = 'sm' | 'md' | 'lg';",
       "docstring": "",
@@ -20587,6 +21946,16 @@
       "docstring": "",
       "path": "src/wc/components/CardSetting/CardSetting.tsx"
     },
+    "src/wc/utils/chart-types.ts::ChartSeries": {
+      "declaration": "export interface ChartSeries {\n  name: string;\n  data: number[];\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n}",
+      "docstring": "",
+      "path": "src/wc/utils/chart-types.ts"
+    },
+    "src/wc/components/ChartBarStacked/ChartBarStacked.tsx::ChartBarStackedVariant": {
+      "declaration": "export type ChartBarStackedVariant = 'stacked' | 'percentage';",
+      "docstring": "",
+      "path": "src/wc/components/ChartBarStacked/ChartBarStacked.tsx"
+    },
     "src/wc/utils/chart-types.ts::ChartLegendItem": {
       "declaration": "export interface ChartLegendItem {\n  label: string;\n  value?: number;\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n  /** When set, the row renders as a link (e.g. to a filtered list page for this segment). */\n  href?: string;\n}",
       "docstring": "`ds-chart-legend` entry — value is optional so a series name (no single value) can be legended too.",
@@ -20617,6 +21986,11 @@
       "docstring": "",
       "path": "src/wc/components/Chip/Chip.tsx"
     },
+    "src/wc/components/ConversationList/ConversationList.tsx::ConversationListActionLayout": {
+      "declaration": "export type ConversationListActionLayout = 'floating' | 'footer';",
+      "docstring": "",
+      "path": "src/wc/components/ConversationList/ConversationList.tsx"
+    },
     "src/wc/components/Divider/Divider.tsx::DividerOrientation": {
       "declaration": "export type DividerOrientation = 'horizontal' | 'vertical';",
       "docstring": "",
@@ -20732,6 +22106,11 @@
       "docstring": "",
       "path": "src/wc/components/Radio/Radio.tsx"
     },
+    "src/wc/components/ScrollOverlay/ScrollOverlay.tsx::ScrollOverlayScrollDetail": {
+      "declaration": "export interface ScrollOverlayScrollDetail {\n  scrollTop: number;\n  scrollHeight: number;\n  clientHeight: number;\n}",
+      "docstring": "",
+      "path": "src/wc/components/ScrollOverlay/ScrollOverlay.tsx"
+    },
     "src/wc/components/Select/Select.tsx::SelectOption": {
       "declaration": "export interface ChoiceOption {\n  label: string;\n  value: string;\n  subtext?: string;\n  /** Rendered only when every option in the complete list supplies an icon. */\n  icon?: string;\n  isInactive?: boolean;\n}",
       "docstring": "",
@@ -20937,6 +22316,11 @@
       "docstring": "",
       "path": "src/wc/components/BarNav/bar-nav-types.ts"
     },
+    "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbItem": {
+      "declaration": "export interface BreadcrumbItem {\n  /** Stable value returned from dsSelect. */\n  id: string;\n  /** Visible caption label. */\n  label: string;\n  /** Optional accessible name when the visible label is not destination-specific enough. */\n  ariaLabel?: string;\n  /** Native destination. Omit when the route owner handles dsSelect. */\n  href?: string;\n  /** Marks this item as the current page and removes its interaction. */\n  isCurrent?: boolean;\n}",
+      "docstring": "",
+      "path": "src/wc/components/Breadcrumb/breadcrumb-types.ts"
+    },
     "src/wc/components/BarTitle/bar-title-types.ts::BarTitleSectionItem": {
       "declaration": "export type BarTitleSectionItem = BarTitleSection | BarTitleDivider;",
       "docstring": "",
@@ -20957,21 +22341,26 @@
       "docstring": "",
       "path": "src/wc/components/BarTitle/bar-title-types.ts"
     },
-    "src/wc/components/BarTitle/bar-title-types.ts::BarTitleMode": {
-      "declaration": "export type BarTitleMode = 'default' | 'editor';",
+    "src/wc/components/Breadcrumb/breadcrumb-types.ts::BreadcrumbSelectDetail": {
+      "declaration": "export interface BreadcrumbSelectDetail {\n  item: BreadcrumbItem;\n  originalEvent: MouseEvent;\n}",
       "docstring": "",
-      "path": "src/wc/components/BarTitle/bar-title-types.ts"
+      "path": "src/wc/components/Breadcrumb/breadcrumb-types.ts"
+    },
+    "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowStep": {
+      "declaration": "export interface BarWorkflowStep {\n  id: string;\n  label: string;\n  isInactive?: boolean;\n}",
+      "docstring": "",
+      "path": "src/wc/components/BarWorkflow/bar-workflow-types.ts"
+    },
+    "src/wc/components/BarWorkflow/bar-workflow-types.ts::BarWorkflowSubmitAction": {
+      "declaration": "export interface BarWorkflowSubmitAction {\n  label: string;\n  type?: 'button' | 'submit' | 'reset';\n  isInactive?: boolean;\n  isLoading?: boolean;\n}",
+      "docstring": "",
+      "path": "src/wc/components/BarWorkflow/bar-workflow-types.ts"
     },
     "src/wc/utils/chart-types.ts::ChartDatum": {
       "declaration": "export interface ChartDatum {\n  label: string;\n  value: number;\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n}",
       "docstring": "Shared data shapes for `ds-chart-*` components — kept minimal for the initial scaffold, expect these to grow per component once design is finalized.",
       "path": "src/wc/utils/chart-types.ts"
     },
-    "src/wc/utils/chart-types.ts::ChartSeries": {
-      "declaration": "export interface ChartSeries {\n  name: string;\n  data: number[];\n  /** CSS color override; defaults to the next `--color-data-category-*` token. */\n  color?: string;\n}",
-      "docstring": "",
-      "path": "src/wc/utils/chart-types.ts"
-    },
     "src/wc/components/conversation-types.ts::ConversationItemState": {
       "declaration": "export type ConversationItemState = 'default' | 'busy' | 'error';",
       "docstring": "",
@@ -21052,6 +22441,11 @@
       "docstring": "",
       "path": "src/wc/components/ShellPage/shell-page-types.ts"
     },
+    "src/wc/components/ShellPage/shell-page-types.ts::ShellPageCapacity": {
+      "declaration": "export type ShellPageCapacity = 'roomy' | 'compact' | 'constrained';",
+      "docstring": "",
+      "path": "src/wc/components/ShellPage/shell-page-types.ts"
+    },
     "src/wc/components/ShellPage/shell-page-types.ts::ShellPageContentInset": {
       "declaration": "export type ShellPageContentInset = 'default' | 'none';",
       "docstring": "",