@nvidia-elements/core 2.23.6 → 2.24.0

package/dist/custom-elements.json

@@ -2619,6 +2619,14 @@
             "package": "@nvidia-elements/core/datetime"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "@nvidia-elements/core/dashboard"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -7768,227 +7776,4050 @@
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "name": "disabled",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": "The element has a disabled state and does not accept interaction."
+                  },
+                  {
+                    "value": "false",
+                    "description": "The element has an enabled state and accepts interaction."
+                  }
+                ]
+              },
+              "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              },
+              "descriptionText": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)"
+            },
+            {
+              "name": "selected",
+              "fieldName": "selected",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": "The element holds selection and represents the user's current choice within the group."
+                  },
+                  {
+                    "value": "false",
+                    "description": "The element does not hold selection and the user can choose it."
+                  }
+                ]
+              },
+              "description": "Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n- `true` The element holds selection and represents the user's current choice within the group.\n\n- `false` The element does not hold selection and the user can choose it.",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              },
+              "descriptionText": "Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
+            },
+            {
+              "name": "current",
+              "fieldName": "current",
+              "type": {
+                "text": "'page' | 'step'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "page",
+                    "description": "Marks the current page within a set of navigation links."
+                  },
+                  {
+                    "value": "step",
+                    "description": "Marks the current step within a multi-step process or workflow."
+                  }
+                ]
+              },
+              "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              },
+              "descriptionText": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)"
+            },
+            {
+              "name": "popovertarget",
+              "fieldName": "popoverTargetElement",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Establishes a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              }
+            },
+            {
+              "name": "popovertargetaction",
+              "fieldName": "popoverTargetAction",
+              "type": {
+                "text": "'show' | 'hide' | 'toggle'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "show",
+                    "description": ""
+                  },
+                  {
+                    "value": "hide",
+                    "description": ""
+                  },
+                  {
+                    "value": "toggle",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "The popover target action to perform on the popover target element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              }
+            },
+            {
+              "name": "commandfor",
+              "fieldName": "commandForElement",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              }
+            },
+            {
+              "name": "command",
+              "fieldName": "command",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              }
+            },
+            {
+              "name": "interestfor",
+              "fieldName": "interestForElement",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
+              "inheritedFrom": {
+                "name": "ButtonFormControlMixin"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "Button",
+            "package": "@nvidia-elements/core/button"
+          },
+          "tagName": "nve-copy-button",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": true,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "entrypoint": "@nvidia-elements/core/copy-button",
+            "example": "<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/copy-button/",
+            "since": "1.1.4",
+            "status": "stable",
+            "behavior": "button",
+            "markdown": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text label displayed before the copy icon. |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorCopy (behavior-copy) | `boolean` | Determines if the copy button should auto write to clipboard by the trigger. |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| i18n |  | Enables internal string values to update for internationalization. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CopyButton",
+          "declaration": {
+            "name": "CopyButton",
+            "module": "/src/copy-button/copy-button.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/copy-button/define.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/copy-button/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/copy-button/copy-button.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/controllers/arrangement.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Applies arrangement permissions and operations to the current supplied panels.",
+          "name": "DashboardArrangementController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardArrangementHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardArrangementDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "method",
+              "name": "place",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "placement",
+                  "type": {
+                    "text": "DashboardGridPlacement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getArrangementStateKey",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "findLayoutProposal",
+              "parameters": [
+                {
+                  "name": "layout",
+                  "type": {
+                    "text": "DashboardLayout"
+                  }
+                },
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "request",
+                  "type": {
+                    "text": "DashboardArrangementRequest"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isActionAllowed",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "DashboardPanel"
+                  }
+                },
+                {
+                  "name": "action",
+                  "type": {
+                    "text": "DashboardAction"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "canCommit",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "layout",
+                  "type": {
+                    "text": "DashboardLayout"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#isProposalValid",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "layout",
+                  "type": {
+                    "text": "DashboardLayout"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardArrangementController",
+          "declaration": {
+            "name": "DashboardArrangementController",
+            "module": "/src/dashboard/controllers/arrangement.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/controllers/command.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Routes Invoker commands and publishes command availability.",
+          "name": "DashboardCommandController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardCommandHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardCommandDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#dirty",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "true"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "invalidate"
+            },
+            {
+              "kind": "method",
+              "name": "flush"
+            },
+            {
+              "kind": "method",
+              "name": "isCommandAvailable",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "command",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "context",
+                  "default": "{}",
+                  "type": {
+                    "text": "DashboardCommandContext"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#findCommandPanel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DashboardCommandEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#handleCommand",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#getFullscreenCommandAvailability",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "command",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handleFullscreenCommand",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "command",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardCommandController",
+          "declaration": {
+            "name": "DashboardCommandController",
+            "module": "/src/dashboard/controllers/command.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/controllers/composition.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Presents stable panels and observes their supplied composition.",
+          "name": "DashboardCompositionController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardCompositionHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardCompositionDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#observer",
+              "privacy": "private",
+              "type": {
+                "text": "MutationObserver | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#readingOrderSource",
+              "privacy": "private",
+              "type": {
+                "text": "{ value: string; panels: readonly DashboardPanel[] } | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "{ value: string; panels: readonly DashboardPanel[] }",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#presentedGeometry",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardPresentationSnapshot | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#ghostCorners",
+              "privacy": "private",
+              "type": {
+                "text": "Record<string, string>",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "Record<string, string>",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "ghostCorners",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "captureCorners",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "optional": true,
+                  "type": {
+                    "text": "DashboardPanel"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "field",
+              "name": "#panelElements",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "ready",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "catalogueReady",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "pendingPresentation",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "panels",
+              "type": {
+                "text": "DashboardPanel[]",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "DashboardPanel[]",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "hiddenPanelIds",
+              "type": {
+                "text": "ReadonlySet<string>",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "ReadonlySet<string>",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "ownedPanels",
+              "type": {
+                "text": "DashboardPanel[]",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "DashboardPanel[]",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "hasPresentablePanel",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "viewport",
+              "type": {
+                "text": "HTMLElement | undefined",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "present"
+            },
+            {
+              "kind": "method",
+              "name": "#presentSnapshot",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "context",
+                  "type": {
+                    "text": "DashboardPresentationSnapshot"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getRetainedSnapshot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DashboardPresentationSnapshot"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "previous",
+                  "type": {
+                    "text": "DashboardPresentationSnapshot"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getPresentationSnapshot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DashboardPresentationSnapshot"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#requiresImmediateGeometry",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "context",
+                  "type": {
+                    "text": "DashboardPresentationSnapshot"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setGeometryDuration",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panels",
+                  "type": {
+                    "text": "readonly DashboardPanel[]"
+                  }
+                },
+                {
+                  "name": "duration",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#presentPanels",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panels",
+                  "type": {
+                    "text": "readonly DashboardPanel[]"
+                  }
+                },
+                {
+                  "name": "context",
+                  "type": {
+                    "text": "DashboardPresentationSnapshot"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#presentPanelGeometry",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "{\n    panel: DashboardPanel;\n    item: DashboardItem;\n    metrics: DashboardMetrics;\n    active?: DashboardPointerPresentation;\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getPanelPixelPlacement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DashboardPixelPlacement"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "DashboardLayout['items'][number]"
+                  }
+                },
+                {
+                  "name": "metrics",
+                  "type": {
+                    "text": "DashboardMetrics"
+                  }
+                },
+                {
+                  "name": "active",
+                  "optional": true,
+                  "type": {
+                    "text": "DashboardPointerPresentation"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#updateReadingOrder",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panels",
+                  "type": {
+                    "text": "readonly DashboardPanel[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#configurePanel",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "DashboardPanel"
+                  }
+                },
+                {
+                  "name": "presentation",
+                  "type": {
+                    "text": "{ placed: boolean; active?: DashboardPointerPresentation }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getPanelCapabilities",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "DashboardPanel"
+                  }
+                },
+                {
+                  "name": "placed",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getFullscreenView",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "'selected' | 'excluded' | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#getFullscreenControl",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "'enter' | 'exit' | 'unavailable' | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getPanelLabel",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "revealKeyboardControl",
+              "parameters": [
+                {
+                  "name": "layout",
+                  "type": {
+                    "text": "DashboardLayout"
+                  }
+                },
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "{\n      panel: DashboardPanel;\n      element: HTMLElement;\n      action: DashboardAction;\n    }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#revealControl",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "{\n    panel: DashboardPanel;\n    control: HTMLElement;\n    action: DashboardAction;\n    layout: DashboardLayout;\n  }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#revealFocusedContent",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "previousTargetId",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                },
+                {
+                  "name": "targetId",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#scrollViewportTo",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "rect",
+                  "type": {
+                    "text": "Rect"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#focus",
+              "privacy": "private"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardCompositionController",
+          "declaration": {
+            "name": "DashboardCompositionController",
+            "module": "/src/dashboard/controllers/composition.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/controllers/fullscreen.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Selects one supplied dashboard panel for fullscreen presentation.",
+          "name": "DashboardFullscreenController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardFullscreenHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardFullscreenDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#native",
+              "privacy": "private",
+              "type": {
+                "text": "NativeFullscreenController",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "new NativeFullscreenController(host, this.#nativeChanged)"
+            },
+            {
+              "kind": "field",
+              "name": "#targetPanelId",
+              "privacy": "private",
+              "type": {
+                "text": "string | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "targetPanelId",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "canExit",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "hostUpdate"
+            },
+            {
+              "kind": "method",
+              "name": "isSelectedPanel",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "canEnter",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "enter",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "exit"
+            },
+            {
+              "kind": "field",
+              "name": "#nativeChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#invalidate",
+              "privacy": "private"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardFullscreenController",
+          "declaration": {
+            "name": "DashboardFullscreenController",
+            "module": "/src/dashboard/controllers/fullscreen.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/controllers/interaction.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Owns pointer arrangement and immediate keyboard placement.",
+          "name": "DashboardInteractionController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement & ReactiveControllerHost",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "HTMLElement & ReactiveControllerHost",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardInteractionDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#session",
+              "privacy": "private",
+              "type": {
+                "text": "PointerArrangementSession | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#frame",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "cancel"
+            },
+            {
+              "kind": "method",
+              "name": "#findControl",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#begin",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "DashboardInteractionControl"
+                  }
+                },
+                {
+                  "name": "action",
+                  "type": {
+                    "text": "DashboardAction"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#owns",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "DashboardInteractionControl"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#finish",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "commit",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#admit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DashboardLayout | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerArrangementSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#propose",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerArrangementSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#preview",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "intent",
+                  "type": {
+                    "text": "DashboardPointerIntent"
+                  }
+                },
+                {
+                  "name": "canvasPlacement",
+                  "optional": true,
+                  "type": {
+                    "text": "DashboardPixelPlacement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#click",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#keydown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#moveAcrossGrowthStart",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "DashboardInteractionControl & { action: DashboardAction }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerKey",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#applyKeyboardStep",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "control",
+                  "type": {
+                    "text": "DashboardInteractionControl & { action: DashboardAction }"
+                  }
+                },
+                {
+                  "name": "command",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "placement",
+                  "optional": true,
+                  "type": {
+                    "text": "DashboardGridPlacement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#input",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#movement",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "PointerDownInput"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#findPointerControl",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "(DashboardInteractionControl & { action: DashboardAction }) | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#beginPointerTracking",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "{ event: PointerEvent; session: PointerArrangementSession; viewport: HTMLElement }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#measurePointerOrigin",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "panel",
+                  "type": {
+                    "text": "DashboardPanel"
+                  }
+                },
+                {
+                  "name": "canvas",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#pointerMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#updatePointer",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#scheduleScroll",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#scrollFrame",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#handlePointerEnd",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "input",
+                  "type": {
+                    "text": "PointerEndGesture"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#finishPointerMove",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#endPointerTracking",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "session",
+                  "type": {
+                    "text": "PointerArrangementSession"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "#scroll",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "default": "host"
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "source"
+        },
+        {
+          "kind": "variable",
+          "name": "session"
+        },
+        {
+          "kind": "variable",
+          "name": "viewport"
+        },
+        {
+          "kind": "variable",
+          "name": "canvasClientRect"
+        },
+        {
+          "kind": "variable",
+          "name": "pointer"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardInteractionController",
+          "declaration": {
+            "name": "DashboardInteractionController",
+            "module": "/src/dashboard/controllers/interaction.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/controllers/measurement.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Measures viewport and cell geometry without owning arrangement policy.",
+          "name": "DashboardMeasurementController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardMeasurementHost",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#delegate",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardMeasurementDelegate",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "readonly": true,
+              "default": "delegate"
+            },
+            {
+              "kind": "field",
+              "name": "#metrics",
+              "privacy": "private",
+              "type": {
+                "text": "DashboardMetrics | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#resizeObserver",
+              "privacy": "private",
+              "type": {
+                "text": "ResizeObserver | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#resizeFrame",
+              "privacy": "private",
+              "type": {
+                "text": "number | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#borderTargets",
+              "privacy": "private",
+              "default": "new Set<HTMLElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "metrics",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "observe"
+            },
+            {
+              "kind": "method",
+              "name": "observePanels"
+            },
+            {
+              "kind": "method",
+              "name": "#updateBorderWidth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#readMetrics",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#scheduleMeasure",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "measure"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardMeasurementController",
+          "declaration": {
+            "name": "DashboardMeasurementController",
+            "module": "/src/dashboard/controllers/measurement.controller.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/dashboard.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A dashboard arranges application panels on a resizable grid with a restorable layout.",
+          "name": "Dashboard",
+          "cssProperties": [
+            {
+              "description": "Single-cell outer column length in fixed sizing or horizontal flow. Defaults to 160px.",
+              "name": "--column-size"
+            },
+            {
+              "description": "Single-cell outer row length in fixed sizing or vertical flow. Defaults to 120px.",
+              "name": "--row-size"
+            },
+            {
+              "description": "Nonnegative CSS length between cells. Include units, including 0px for no gap. At zero, uniform used border widths overlap; unequal widths keep independent geometry. Shared seams assume square panels with solid opaque borders. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)",
+              "name": "--gap"
+            },
+            {
+              "description": "Color of the circular cell-center guides. Defaults to the muted border color.",
+              "name": "--guide-color"
+            },
+            {
+              "description": "Nonnegative CSS length for the guide circle diameter. Defaults to 8px. Include units, including 0px to hide the circles.",
+              "name": "--guide-size"
+            },
+            {
+              "description": "Default viewport height. Defaults to 400px; horizontal fit needs a definite height. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)",
+              "name": "--height"
+            },
+            {
+              "description": "Duration of panel geometry, destination ghost geometry, and arrangement control transitions. Defaults to 150ms; reduced motion uses 0ms. Panel geometry follows external container resizing immediately; explicit arrangement and sizing changes use transitions. Animation never delays logical placement commits. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration)",
+              "name": "--animation-duration"
+            },
+            {
+              "description": "Easing of panel and destination ghost geometry transitions.",
+              "name": "--animation-easing"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Inert placement preview shown during pointer arrangement.",
+              "name": "ghost"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Direct dashboard panels with unique durable IDs, required headers, and application dropdown groups. DOM order remains application authored. Native reading order follows committed placement where supported; previews preserve that order.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "i18n",
+              "description": "Localized labels and placement announcements. Grid placement placeholders are column, row, columnSpan, and rowSpan."
+            },
+            {
+              "kind": "field",
+              "name": "rearrangeable",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Enables moving and resizing panels through controls and placement commands.",
+              "attribute": "rearrangeable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fullscreenable",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Enables native fullscreen commands and a header control for each panel. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement.",
+              "attribute": "fullscreenable",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "container",
+              "type": {
+                "text": "'inset' | 'flat' | 'full' | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "inset",
+                    "description": ""
+                  },
+                  {
+                    "value": "flat",
+                    "description": ""
+                  },
+                  {
+                    "value": "full",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Selects panel content framing.",
+              "attribute": "container",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "sizing",
+              "type": {
+                "text": "'fit' | 'fixed'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "fit",
+                    "description": ""
+                  },
+                  {
+                    "value": "fixed",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'fit'",
+              "description": "Cell sizing, defaulting to fit. Fit sizing fits bounded tracks to the viewport and scrolls along the growth axis. Fixed sizing uses the configured --column-size and --row-size dimensions and may scroll on both axes. Does not change value.",
+              "attribute": "sizing",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "guides",
+              "type": {
+                "text": "'auto' | 'visible' | 'hidden'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "auto",
+                    "description": ""
+                  },
+                  {
+                    "value": "visible",
+                    "description": ""
+                  },
+                  {
+                    "value": "hidden",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'auto'",
+              "description": "Guide visibility: auto shows circular cell-center guides during pointer arrangement, visible always shows them, and hidden hides them while keeping the destination preview. Attribute keywords ignore case; missing, empty, or unrecognized values use auto. Does not change value or interaction permissions.",
+              "attribute": "guides",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "autoSettle",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Closes growth-axis gaps toward top in vertical flow or inline start in horizontal flow, preserving bounded-axis positions and spans. Defaults to false. Enabling silently canonicalizes the current arrangement; disabling keeps current coordinates. This policy is independent of value.",
+              "attribute": "autosettle",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Version 1 JSON with grid {flow, tracks} and items {id, column, row, columnSpan, rowSpan}. Positions are zero-based cells from inline start and top; column zero is at the right in RTL. Spans count columns and rows. Defaults to an empty string, which seeds one-cell panels in DOM order. Assignment validates the saved model immediately and normalizes panels once their upgrades and unique nonempty IDs are ready; restoration is silent. Intentional gaps remain when autoSettle is false. After successful reconciliation, only direct default-slot panel children remain in the value, including hidden children. Removed panels lose their placement. Applications own content data, persistence, and any saved placement history.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "flow",
+              "type": {
+                "text": "'vertical' | 'horizontal'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "vertical",
+                    "description": ""
+                  },
+                  {
+                    "value": "horizontal",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Growth direction, defaulting to vertical with bounded columns. Horizontal flow bounds rows. Changing flow does not transpose panel coordinates or spans. Assignment updates the arrangement silently; changes that conflict with panel constraints throw before changing the arrangement.",
+              "attribute": "flow"
+            },
+            {
+              "kind": "field",
+              "name": "tracks",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Bounded-axis track count, defaulting to 12. Valid integers range from 1 through 1000000. Assignment updates the arrangement silently and rejects changes that conflict with panel constraints.",
+              "attribute": "tracks"
+            },
+            {
+              "kind": "method",
+              "name": "place",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "placement",
+                  "type": {
+                    "text": "DashboardGridPlacement"
+                  }
+                }
+              ],
+              "description": "Requests an integer placement without gesture target snapping. Anchored span changes use resizing permission, including left and top edges that change the origin; other position changes require movement. Directional collisions and optional growth-axis settling determine the final arrangement. Returns false for unavailable, invalid, or unchanged normalized placement. Successful placement emits one change."
+            },
+            {
+              "kind": "method",
+              "name": "isCommandAvailable",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "command",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "context",
+                  "default": "{}",
+                  "type": {
+                    "text": "DashboardCommandContext"
+                  }
+                }
+              ],
+              "description": "Queries arrangement and fullscreen commands using a panel ID. A placement supplies the full grid placement for --place, or the desired bounded-axis coordinate for --move-to-start. Availability compares the complete normalized proposal with the current arrangement. Directional movement derives from grid placement and panel permissions without requiring rendered controls. Native fullscreen admission remains subject to browser permission."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Announces one committed arrangement after interaction, commands, or panel membership and span-constraint reconciliation. Read value on the dashboard; authored content events still bubble normally."
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Arrangement or fullscreen command availability may have changed.",
+              "name": "commandavailabilitychange"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "rearrangeable",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Enables moving and resizing panels through controls and placement commands.",
+              "fieldName": "rearrangeable"
+            },
+            {
+              "name": "fullscreenable",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Enables native fullscreen commands and a header control for each panel. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement.",
+              "fieldName": "fullscreenable"
+            },
+            {
+              "name": "container",
+              "type": {
+                "text": "'inset' | 'flat' | 'full' | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "inset",
+                    "description": ""
+                  },
+                  {
+                    "value": "flat",
+                    "description": ""
+                  },
+                  {
+                    "value": "full",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Selects panel content framing.",
+              "fieldName": "container"
+            },
+            {
+              "name": "sizing",
+              "type": {
+                "text": "'fit' | 'fixed'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "fit",
+                    "description": ""
+                  },
+                  {
+                    "value": "fixed",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'fit'",
+              "description": "Cell sizing, defaulting to fit. Fit sizing fits bounded tracks to the viewport and scrolls along the growth axis. Fixed sizing uses the configured --column-size and --row-size dimensions and may scroll on both axes. Does not change value.",
+              "fieldName": "sizing"
+            },
+            {
+              "name": "guides",
+              "type": {
+                "text": "'auto' | 'visible' | 'hidden'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "auto",
+                    "description": ""
+                  },
+                  {
+                    "value": "visible",
+                    "description": ""
+                  },
+                  {
+                    "value": "hidden",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'auto'",
+              "description": "Guide visibility: auto shows circular cell-center guides during pointer arrangement, visible always shows them, and hidden hides them while keeping the destination preview. Attribute keywords ignore case; missing, empty, or unrecognized values use auto. Does not change value or interaction permissions.",
+              "fieldName": "guides"
+            },
+            {
+              "name": "autosettle",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Closes growth-axis gaps toward top in vertical flow or inline start in horizontal flow, preserving bounded-axis positions and spans. Defaults to false. Enabling silently canonicalizes the current arrangement; disabling keeps current coordinates. This policy is independent of value.",
+              "fieldName": "autoSettle"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Version 1 JSON with grid {flow, tracks} and items {id, column, row, columnSpan, rowSpan}. Positions are zero-based cells from inline start and top; column zero is at the right in RTL. Spans count columns and rows. Defaults to an empty string, which seeds one-cell panels in DOM order. Assignment validates the saved model immediately and normalizes panels once their upgrades and unique nonempty IDs are ready; restoration is silent. Intentional gaps remain when autoSettle is false. After successful reconciliation, only direct default-slot panel children remain in the value, including hidden children. Removed panels lose their placement. Applications own content data, persistence, and any saved placement history.",
+              "fieldName": "value"
+            },
+            {
+              "name": "flow",
+              "type": {
+                "text": "'vertical' | 'horizontal'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "vertical",
+                    "description": ""
+                  },
+                  {
+                    "value": "horizontal",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Growth direction, defaulting to vertical with bounded columns. Horizontal flow bounds rows. Changing flow does not transpose panel coordinates or spans. Assignment updates the arrangement silently; changes that conflict with panel constraints throw before changing the arrangement.",
+              "fieldName": "flow"
+            },
+            {
+              "name": "tracks",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Bounded-axis track count, defaulting to 12. Valid integers range from 1 through 1000000. Assignment updates the arrangement silently and rejects changes that conflict with panel constraints.",
+              "fieldName": "tracks"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-dashboard",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/dashboard",
+            "example": "<div id=\"default-dashboard-example\" nve-layout=\"column gap:md\">\n  <div nve-layout=\"row gap:md align:space-between align:wrap\">\n    <nve-button id=\"reset-default-layout\">Reset layout</nve-button>\n  </div>\n  <nve-dashboard\n    id=\"default-dashboard\"\n    rearrangeable\n    style=\"height: 600px; --row-size: 90px\"\n    value='{\"version\":1,\"grid\":{\"flow\":\"vertical\",\"tracks\":6},\"items\":[{\"id\":\"hero-baseline\",\"column\":0,\"row\":0,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-candidate\",\"column\":3,\"row\":0,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-changes\",\"column\":0,\"row\":2,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-evidence\",\"column\":3,\"row\":2,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-notes\",\"column\":0,\"row\":4,\"columnSpan\":6,\"rowSpan\":2}]}'\n  >\n    <nve-dashboard-panel id=\"hero-baseline\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Baseline</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Reference run</nve-dashboard-panel-content>\n      <nve-dashboard-panel-footer>Complete</nve-dashboard-panel-footer>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-candidate\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Candidate</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Current run</nve-dashboard-panel-content>\n      <nve-dashboard-panel-footer>Complete</nve-dashboard-panel-footer>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-changes\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Changes</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Comparison</nve-dashboard-panel-content>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-evidence\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Evidence</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Test cases</nve-dashboard-panel-content>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-notes\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Notes</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>\n        <nve-input>\n          <input aria-label=\"Notes\" value=\"Review findings.\" />\n        </nve-input>\n      </nve-dashboard-panel-content>\n    </nve-dashboard-panel>\n  </nve-dashboard>\n  <script type=\"module\">\n    const example = document.querySelector(\"#default-dashboard-example\");\n    const dashboard = example.querySelector(\"nve-dashboard\");\n    const reset = example.querySelector(\"#reset-default-layout\");\n    const initialValue = dashboard.getAttribute(\"value\");\n    reset.addEventListener(\"click\", () => {\n      dashboard.value = initialValue;\n    });\n  </script>\n</div>",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/dashboard/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-dashboard\n\nA dashboard arranges application panels on a resizable grid with a restorable layout.\n\n### Example\n\n```html\n<div id=\"default-dashboard-example\" nve-layout=\"column gap:md\">\n  <div nve-layout=\"row gap:md align:space-between align:wrap\">\n    <nve-button id=\"reset-default-layout\">Reset layout</nve-button>\n  </div>\n  <nve-dashboard\n    id=\"default-dashboard\"\n    rearrangeable\n    style=\"height: 600px; --row-size: 90px\"\n    value='{\"version\":1,\"grid\":{\"flow\":\"vertical\",\"tracks\":6},\"items\":[{\"id\":\"hero-baseline\",\"column\":0,\"row\":0,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-candidate\",\"column\":3,\"row\":0,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-changes\",\"column\":0,\"row\":2,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-evidence\",\"column\":3,\"row\":2,\"columnSpan\":3,\"rowSpan\":2},{\"id\":\"hero-notes\",\"column\":0,\"row\":4,\"columnSpan\":6,\"rowSpan\":2}]}'\n  >\n    <nve-dashboard-panel id=\"hero-baseline\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Baseline</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Reference run</nve-dashboard-panel-content>\n      <nve-dashboard-panel-footer>Complete</nve-dashboard-panel-footer>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-candidate\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Candidate</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Current run</nve-dashboard-panel-content>\n      <nve-dashboard-panel-footer>Complete</nve-dashboard-panel-footer>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-changes\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Changes</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Comparison</nve-dashboard-panel-content>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-evidence\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Evidence</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>Test cases</nve-dashboard-panel-content>\n    </nve-dashboard-panel>\n    <nve-dashboard-panel id=\"hero-notes\" min-column-span=\"2\" min-row-span=\"2\">\n      <nve-dashboard-panel-header>Notes</nve-dashboard-panel-header>\n      <nve-dashboard-panel-content>\n        <nve-input>\n          <input aria-label=\"Notes\" value=\"Review findings.\" />\n        </nve-input>\n      </nve-dashboard-panel-content>\n    </nve-dashboard-panel>\n  </nve-dashboard>\n  <script type=\"module\">\n    const example = document.querySelector(\"#default-dashboard-example\");\n    const dashboard = example.querySelector(\"nve-dashboard\");\n    const reset = example.querySelector(\"#reset-default-layout\");\n    const initialValue = dashboard.getAttribute(\"value\");\n    reset.addEventListener(\"click\", () => {\n      dashboard.value = initialValue;\n    });\n  </script>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dashboard/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Direct dashboard panels with unique durable IDs, required headers, and application dropdown groups. DOM order remains application authored. Native reading order follows committed placement where supported; previews preserve that order. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| autoSettle (autosettle) | `boolean` | Closes growth-axis gaps toward top in vertical flow or inline start in horizontal flow, preserving bounded-axis positions and spans. Defaults to false. Enabling silently canonicalizes the current arrangement; disabling keeps current coordinates. This policy is independent of value. |\n| container | `'inset' \\| 'flat' \\| 'full' \\| undefined` | Selects panel content framing. |\n| flow | `'vertical' \\| 'horizontal'` | Growth direction, defaulting to vertical with bounded columns. Horizontal flow bounds rows. Changing flow does not transpose panel coordinates or spans. Assignment updates the arrangement silently; changes that conflict with panel constraints throw before changing the arrangement. |\n| fullscreenable | `boolean` | Enables native fullscreen commands and a header control for each panel. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement. |\n| guides | `'auto' \\| 'visible' \\| 'hidden'` | Guide visibility: auto shows circular cell-center guides during pointer arrangement, visible always shows them, and hidden hides them while keeping the destination preview. Attribute keywords ignore case; missing, empty, or unrecognized values use auto. Does not change value or interaction permissions. |\n| i18n |  | Localized labels and placement announcements. Grid placement placeholders are column, row, columnSpan, and rowSpan. |\n| rearrangeable | `boolean` | Enables moving and resizing panels through controls and placement commands. |\n| sizing | `'fit' \\| 'fixed'` | Cell sizing, defaulting to fit. Fit sizing fits bounded tracks to the viewport and scrolls along the growth axis. Fixed sizing uses the configured --column-size and --row-size dimensions and may scroll on both axes. Does not change value. |\n| tracks | `number` | Bounded-axis track count, defaulting to 12. Valid integers range from 1 through 1000000. Assignment updates the arrangement silently and rejects changes that conflict with panel constraints. |\n| value | `string` | Version 1 JSON with grid {flow, tracks} and items {id, column, row, columnSpan, rowSpan}. Positions are zero-based cells from inline start and top; column zero is at the right in RTL. Spans count columns and rows. Defaults to an empty string, which seeds one-cell panels in DOM order. Assignment validates the saved model immediately and normalizes panels once their upgrades and unique nonempty IDs are ready; restoration is silent. Intentional gaps remain when autoSettle is false. After successful reconciliation, only direct default-slot panel children remain in the value, including hidden children. Removed panels lose their placement. Applications own content data, persistence, and any saved placement history. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Announces one committed arrangement after interaction, commands, or panel membership and span-constraint reconciliation. Read value on the dashboard; authored content events still bubble normally. |\n| commandavailabilitychange | `CustomEvent` | Arrangement or fullscreen command availability may have changed. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --decrease-height | `CommandEvent` | Decrease height by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --decrease-width | `CommandEvent` | Decrease width by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --enter-fullscreen | `CommandEvent` | Present the invoking panel in native fullscreen. |\n| --exit-fullscreen | `CommandEvent` | Exit native fullscreen. |\n| --increase-height | `CommandEvent` | Increase height by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --increase-width | `CommandEvent` | Increase width by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --move-down | `CommandEvent` | Move down through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --move-left | `CommandEvent` | Move left through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --move-right | `CommandEvent` | Move right through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --move-to-start | `CommandEvent` | Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip. |\n| --move-up | `CommandEvent` | Move up through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard. |\n| --place | `CommandEvent` | Apply the invoking control's integer grid placement without pointer target snapping. Target a panel directly or identify it with value when targeting the dashboard. Anchored span changes require resizing; other position changes require movement. |\n| --toggle-fullscreen | `CommandEvent` | Toggle native fullscreen for the invoking panel. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| isCommandAvailable | `isCommandAvailable(command: string, context?: DashboardCommandContext): boolean` | Queries arrangement and fullscreen commands using a panel ID. A placement supplies the full grid placement for --place, or the desired bounded-axis coordinate for --move-to-start. Availability compares the complete normalized proposal with the current arrangement. Directional movement derives from grid placement and panel permissions without requiring rendered controls. Native fullscreen admission remains subject to browser permission. |\n| place | `place(id: string, placement: DashboardGridPlacement): boolean` | Requests an integer placement without gesture target snapping. Anchored span changes use resizing permission, including left and top edges that change the origin; other position changes require movement. Directional collisions and optional growth-axis settling determine the final arrangement. Returns false for unavailable, invalid, or unchanged normalized placement. Successful placement emits one change. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of panel geometry, destination ghost geometry, and arrangement control transitions. Defaults to 150ms; reduced motion uses 0ms. Panel geometry follows external container resizing immediately; explicit arrangement and sizing changes use transitions. Animation never delays logical placement commits. [MDN](https://mdn.dev/CSS/animation-duration) |\n| --animation-easing | `string` | Easing of panel and destination ghost geometry transitions. |\n| --column-size | `string` | Single-cell outer column length in fixed sizing or horizontal flow. Defaults to 160px. |\n| --gap | `string` | Nonnegative CSS length between cells. Include units, including 0px for no gap. At zero, uniform used border widths overlap; unequal widths keep independent geometry. Shared seams assume square panels with solid opaque borders. [MDN](https://mdn.dev/CSS/gap) |\n| --guide-color | `string` | Color of the circular cell-center guides. Defaults to the muted border color. |\n| --guide-size | `string` | Nonnegative CSS length for the guide circle diameter. Defaults to 8px. Include units, including 0px to hide the circles. |\n| --height | `string` | Default viewport height. Defaults to 400px; horizontal fit needs a definite height. [MDN](https://mdn.dev/CSS/height) |\n| --row-size | `string` | Single-cell outer row length in fixed sizing or vertical flow. Defaults to 120px. |"
+          },
+          "commands": [
+            {
+              "name": "--enter-fullscreen",
+              "description": "Present the invoking panel in native fullscreen."
+            },
+            {
+              "name": "--exit-fullscreen",
+              "description": "Exit native fullscreen."
+            },
+            {
+              "name": "--toggle-fullscreen",
+              "description": "Toggle native fullscreen for the invoking panel."
+            },
+            {
+              "name": "--place",
+              "description": "Apply the invoking control's integer grid placement without pointer target snapping. Target a panel directly or identify it with value when targeting the dashboard. Anchored span changes require resizing; other position changes require movement."
+            },
+            {
+              "name": "--move-left",
+              "description": "Move left through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--move-right",
+              "description": "Move right through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--move-up",
+              "description": "Move up through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--move-down",
+              "description": "Move down through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--move-to-start",
+              "description": "Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip."
+            },
+            {
+              "name": "--increase-width",
+              "description": "Increase width by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--decrease-width",
+              "description": "Decrease width by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--increase-height",
+              "description": "Increase height by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            },
+            {
+              "name": "--decrease-height",
+              "description": "Decrease height by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard."
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "items"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Dashboard",
+          "declaration": {
+            "name": "Dashboard",
+            "module": "/src/dashboard/dashboard.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/dashboard.types.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/define.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/dashboard/dashboard.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/dashboard/panel/panel.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/dashboard/panel-header/panel-header.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/dashboard/panel-content/panel-content.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/dashboard/panel-footer/panel-footer.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DashboardLayout",
+          "declaration": {
+            "name": "DashboardLayout",
+            "module": "./dashboard.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DashboardItem",
+          "declaration": {
+            "name": "DashboardItem",
+            "module": "./dashboard.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DashboardGridPlacement",
+          "declaration": {
+            "name": "DashboardGridPlacement",
+            "module": "./dashboard.types.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DashboardCommandContext",
+          "declaration": {
+            "name": "DashboardCommandContext",
+            "module": "./dashboard.types.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/panel-content/panel-content.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Provides padding for dashboard panel content.",
+          "name": "DashboardPanelContent",
+          "cssProperties": [
+            {
+              "name": "--padding",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Application content.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-dashboard-panel-content",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/dashboard",
+            "example": "",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/dashboard/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-dashboard-panel-content\n\nProvides padding for dashboard panel content.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dashboard/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Application content. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardPanelContent",
+          "declaration": {
+            "name": "DashboardPanelContent",
+            "module": "/src/dashboard/panel-content/panel-content.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/panel-footer/panel-footer.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Provides dashboard panel status and actions outside the scrolling body.",
+          "name": "DashboardPanelFooter",
+          "cssProperties": [
+            {
+              "name": "--padding",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)"
+            },
+            {
+              "description": "Padding around application actions. Defaults to 4px.",
+              "name": "--suffix-padding"
+            },
+            {
+              "name": "--gap",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Status and supporting content in a bounded scrolling area.",
+              "name": ""
+            },
+            {
+              "description": "Application actions in a bounded scrolling area before the reserved resize control.",
+              "name": "suffix"
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-dashboard-panel-footer",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/dashboard",
+            "example": "",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/dashboard/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-dashboard-panel-footer\n\nProvides dashboard panel status and actions outside the scrolling body.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dashboard/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Status and supporting content in a bounded scrolling area. |\n| suffix | `string` | Application actions in a bounded scrolling area before the reserved resize control. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --suffix-padding | `string` | Padding around application actions. Defaults to 4px. |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardPanelFooter",
+          "declaration": {
+            "name": "DashboardPanelFooter",
+            "module": "/src/dashboard/panel-footer/panel-footer.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/panel-header/panel-header.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Supplies the required dashboard panel title and application controls.",
+          "name": "DashboardPanelHeader",
+          "cssProperties": [
+            {
+              "name": "--padding",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)"
+            },
+            {
+              "description": "Padding around application actions. Defaults to 4px.",
+              "name": "--suffix-padding"
+            },
+            {
+              "name": "--gap",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)"
+            },
+            {
+              "name": "--min-height",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Noninteractive title used as the default accessible panel name. Heading semantics remain application owned.",
+              "name": ""
+            },
+            {
+              "description": "Title decoration.",
+              "name": "prefix"
+            },
+            {
+              "description": "Application controls.",
+              "name": "suffix"
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-dashboard-panel-header",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/dashboard",
+            "example": "",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/dashboard/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-dashboard-panel-header\n\nSupplies the required dashboard panel title and application controls.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dashboard/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Noninteractive title used as the default accessible panel name. Heading semantics remain application owned. |\n| prefix | `string` | Title decoration. |\n| suffix | `string` | Application controls. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --suffix-padding | `string` | Padding around application actions. Defaults to 4px. |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardPanelHeader",
+          "declaration": {
+            "name": "DashboardPanelHeader",
+            "module": "/src/dashboard/panel-header/panel-header.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/panel/panel.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A stable application surface identified by a durable panel ID.",
+          "name": "DashboardPanel",
+          "cssProperties": [
+            {
+              "name": "--background",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)"
+            },
+            {
+              "name": "--border",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border)"
+            },
+            {
+              "name": "--border-radius",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)"
+            },
+            {
+              "description": "Width shared by the move and resize controls. Defaults to 36px. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)",
+              "name": "--control-width"
+            },
+            {
+              "description": "Height shared by the move and resize controls. Defaults to 48px. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)",
+              "name": "--control-height"
+            },
+            {
+              "description": "Extra pointer resize reach on each side of the panel edge. Defaults to 3px; outward reach stops halfway across the cell gap. Configure on the panel. Inward reach covers application content at the edge, including on hybrid touch devices.",
+              "name": "--resize-target-size"
+            },
+            {
+              "name": "--box-shadow",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow)"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "Movement control.",
+              "name": "drag-handle"
+            },
+            {
+              "description": "Resize control.",
+              "name": "resize-button"
+            },
+            {
+              "description": "Panel fullscreen control.",
+              "name": "fullscreen-button"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Application content in the scrolling body. Content, data, and native hidden state remain application owned.",
+              "name": ""
+            },
+            {
+              "description": "Required panel header with a title and optional application controls.",
+              "name": "header"
+            },
+            {
+              "description": "Optional status and actions outside the body.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "minColumnSpan",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1",
+              "description": "Smallest width in columns.",
+              "attribute": "min-column-span",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minRowSpan",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1",
+              "description": "Smallest height in rows.",
+              "attribute": "min-row-span",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxColumnSpan",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1_000_000",
+              "description": "Largest width in columns.",
+              "attribute": "max-column-span",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxRowSpan",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1_000_000",
+              "description": "Largest height in rows.",
+              "attribute": "max-row-span",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "moveDisabled",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Disables direct movement. Collision displacement remains available.",
+              "attribute": "move-disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "resizeDisabled",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Disables direct resizing.",
+              "attribute": "resize-disabled",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "min-column-span",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1",
+              "description": "Smallest width in columns.",
+              "fieldName": "minColumnSpan"
+            },
+            {
+              "name": "min-row-span",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1",
+              "description": "Smallest height in rows.",
+              "fieldName": "minRowSpan"
+            },
+            {
+              "name": "max-column-span",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1_000_000",
+              "description": "Largest width in columns.",
+              "fieldName": "maxColumnSpan"
+            },
+            {
+              "name": "max-row-span",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "1_000_000",
+              "description": "Largest height in rows.",
+              "fieldName": "maxRowSpan"
+            },
+            {
+              "name": "move-disabled",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Disables direct movement. Collision displacement remains available.",
+              "fieldName": "moveDisabled"
+            },
+            {
+              "name": "resize-disabled",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "Disables direct resizing.",
+              "fieldName": "resizeDisabled"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-dashboard-panel",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "entrypoint": "@nvidia-elements/core/dashboard",
+            "example": "",
+            "package": true,
+            "documentation": "https://nvidia.github.io/elements/docs/elements/dashboard/",
+            "since": "0.0.0",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-dashboard-panel\n\nA stable application surface identified by a durable panel ID.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dashboard/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Application content in the scrolling body. Content, data, and native hidden state remain application owned. |\n| footer | `string` | Optional status and actions outside the body. |\n| header | `string` | Required panel header with a title and optional application controls. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| maxColumnSpan (max-column-span) | `number` | Largest width in columns. |\n| maxRowSpan (max-row-span) | `number` | Largest height in rows. |\n| minColumnSpan (min-column-span) | `number` | Smallest width in columns. |\n| minRowSpan (min-row-span) | `number` | Smallest height in rows. |\n| moveDisabled (move-disabled) | `boolean` | Disables direct movement. Collision displacement remains available. |\n| resizeDisabled (resize-disabled) | `boolean` | Disables direct resizing. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --decrease-height | `CommandEvent` | Decrease height by one cell, subject to panel constraints and the containing dashboard capabilities. |\n| --decrease-width | `CommandEvent` | Decrease width by one cell, subject to panel constraints and the containing dashboard capabilities. |\n| --enter-fullscreen | `CommandEvent` | Present this panel in native fullscreen. |\n| --exit-fullscreen | `CommandEvent` | Exit native fullscreen. |\n| --increase-height | `CommandEvent` | Increase height by one cell, subject to panel constraints and the containing dashboard capabilities. |\n| --increase-width | `CommandEvent` | Increase width by one cell, subject to panel constraints and the containing dashboard capabilities. |\n| --move-down | `CommandEvent` | Move down through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy. |\n| --move-left | `CommandEvent` | Move left through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy. |\n| --move-right | `CommandEvent` | Move right through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy. |\n| --move-to-start | `CommandEvent` | Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip. |\n| --move-up | `CommandEvent` | Move up through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy. |\n| --place | `CommandEvent` | Apply the invoking control's integer grid placement without pointer target snapping. Anchored span changes require resizing; other position changes require movement. |\n| --toggle-fullscreen | `CommandEvent` | Toggle native fullscreen for this panel. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --box-shadow | `string` | [MDN](https://mdn.dev/CSS/box-shadow) |\n| --control-height | `string` | Height shared by the move and resize controls. Defaults to 48px. [MDN](https://mdn.dev/CSS/height) |\n| --control-width | `string` | Width shared by the move and resize controls. Defaults to 36px. [MDN](https://mdn.dev/CSS/width) |\n| --resize-target-size | `string` | Extra pointer resize reach on each side of the panel edge. Defaults to 3px; outward reach stops halfway across the cell gap. Configure on the panel. Inward reach covers application content at the edge, including on hybrid touch devices. |"
+          },
+          "commands": [
+            {
+              "name": "--enter-fullscreen",
+              "description": "Present this panel in native fullscreen."
+            },
+            {
+              "name": "--exit-fullscreen",
+              "description": "Exit native fullscreen."
+            },
+            {
+              "name": "--toggle-fullscreen",
+              "description": "Toggle native fullscreen for this panel."
+            },
+            {
+              "name": "--place",
+              "description": "Apply the invoking control's integer grid placement without pointer target snapping. Anchored span changes require resizing; other position changes require movement."
+            },
+            {
+              "name": "--move-left",
+              "description": "Move left through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy."
+            },
+            {
+              "name": "--move-right",
+              "description": "Move right through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy."
+            },
+            {
+              "name": "--move-up",
+              "description": "Move up through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy."
+            },
+            {
+              "name": "--move-down",
+              "description": "Move down through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy."
+            },
+            {
+              "name": "--move-to-start",
+              "description": "Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip."
+            },
+            {
+              "name": "--increase-width",
+              "description": "Increase width by one cell, subject to panel constraints and the containing dashboard capabilities."
+            },
+            {
+              "name": "--decrease-width",
+              "description": "Decrease width by one cell, subject to panel constraints and the containing dashboard capabilities."
+            },
+            {
+              "name": "--increase-height",
+              "description": "Increase height by one cell, subject to panel constraints and the containing dashboard capabilities."
+            },
+            {
+              "name": "--decrease-height",
+              "description": "Decrease height by one cell, subject to panel constraints and the containing dashboard capabilities."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "DashboardPanel",
+          "declaration": {
+            "name": "DashboardPanel",
+            "module": "/src/dashboard/panel/panel.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/action.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "planDashboardAction",
+          "return": {
+            "type": {
+              "text": "DashboardLayout | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "DashboardActionInput",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Applies movement and resize permissions before planning a layout proposal."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "planDashboardAction",
+          "declaration": {
+            "name": "planDashboardAction",
+            "module": "/src/dashboard/utils/action.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/geometry.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "transposeDashboardGridGeometry",
+          "return": {
+            "type": {
+              "text": "DashboardGridGeometry"
+            }
+          },
+          "parameters": [
+            {
+              "name": "geometry",
+              "type": {
+                "text": "DashboardGridGeometry",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "doDashboardGridGeometriesOverlap",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "left",
+              "type": {
+                "text": "DashboardGridGeometry",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "right",
+              "type": {
+                "text": "DashboardGridGeometry",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "resolveDashboardMetrics",
+          "return": {
+            "type": {
+              "text": "DashboardMetrics | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "DashboardMetricInput",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDashboardPixelPlacement",
+          "return": {
+            "type": {
+              "text": "DashboardPixelPlacement"
+            }
+          },
+          "parameters": [
+            {
+              "name": "geometry",
+              "type": {
+                "text": "DashboardGridGeometry",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "metrics",
+              "type": {
+                "text": "DashboardMetrics",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDashboardPlacementClientRect",
+          "return": {
+            "type": {
+              "text": "Rect"
+            }
+          },
+          "parameters": [
+            {
+              "name": "placement",
+              "type": {
+                "text": "DashboardPixelPlacement",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "canvasClientRect",
+              "type": {
+                "text": "Rect",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "readingDirection",
+              "type": {
+                "text": "'ltr' | 'rtl'",
+                "_sourceAliases": [
+                  "DashboardReadingDirection"
+                ]
+              }
+            }
+          ],
+          "description": "Projects logical canvas placement into physical client coordinates."
+        },
+        {
+          "kind": "function",
+          "name": "getProjectedControlRect",
+          "return": {
+            "type": {
+              "text": "Rect"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "{ control: Rect; current: Rect; target: Rect }",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "anchoredEdges",
+              "type": {
+                "text": "{ right: boolean; bottom: boolean }",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getRevealScrollDelta",
+          "return": {
+            "type": {
+              "text": "{ x: number; y: number }"
+            }
+          },
+          "parameters": [
+            {
+              "name": "rect",
+              "type": {
+                "text": "Rect",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "viewport",
+              "type": {
+                "text": "Rect",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDashboardCanvasSize",
+          "return": {
+            "type": {
+              "text": "{ width: number; height: number }"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "{\n  layout: DashboardLayout;\n  metrics: DashboardMetrics;\n  sizing: 'fit' | 'fixed';\n  items: readonly DashboardGridPlacement[];\n  floor?: { width: number; height: number };\n}",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDashboardResizeCorner",
+          "return": {
+            "type": {
+              "text": "'bottom-left' | 'bottom-right'"
+            }
+          },
+          "parameters": [
+            {
+              "name": "panel",
+              "type": {
+                "text": "Element",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Physical corner occupied by the panel's resize control."
+        },
+        {
+          "kind": "function",
+          "name": "getDashboardResizeBoundaries",
+          "return": {
+            "type": {
+              "text": "ResizeBoundaries"
+            }
+          },
+          "parameters": [
+            {
+              "name": "edge",
+              "type": {
+                "text": "'left' | 'right' | 'top' | 'bottom' | 'bottom-right' | 'bottom-left'",
+                "_sourceAliases": [
+                  "DashboardResizeEdge"
+                ]
+              }
+            },
+            {
+              "name": "readingDirection",
+              "type": {
+                "text": "'ltr' | 'rtl'",
+                "_sourceAliases": [
+                  "DashboardReadingDirection"
+                ]
+              }
+            }
+          ],
+          "description": "Resolves physical edges against the grid's logical column direction."
+        },
+        {
+          "kind": "function",
+          "name": "getAnchoredResizeGeometry",
+          "return": {
+            "type": {
+              "text": "{ geometry: DashboardGridPlacement; canvasPlacement: DashboardPixelPlacement }"
+            }
+          },
+          "parameters": [
+            {
+              "name": "input",
+              "type": {
+                "text": "AnchoredResizeInput",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "metrics",
+              "type": {
+                "text": "DashboardMetrics",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Keeps the opposite grid boundary fixed while resizing a physical edge."
+        },
+        {
+          "kind": "function",
+          "name": "preservesDashboardResizeAnchors",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "source",
+              "type": {
+                "text": "DashboardGridPlacement",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "geometry",
+              "type": {
+                "text": "DashboardGridPlacement",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "{ edge: DashboardResizeEdge; readingDirection: DashboardReadingDirection }",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Validates resize semantics independently of ordinary movement permissions."
+        },
+        {
+          "kind": "function",
+          "name": "isDashboardResizeEdge",
+          "return": {
+            "type": {
+              "text": "value is DashboardResizeEdge"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string | undefined",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "getDashboardClientRect",
+          "return": {
+            "type": {
+              "text": "Rect"
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "haveSameGridPitch",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "left",
+              "type": {
+                "text": "DashboardMetrics | undefined",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "right",
+              "type": {
+                "text": "DashboardMetrics | undefined",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "transposeDashboardGridGeometry",
+          "declaration": {
+            "name": "transposeDashboardGridGeometry",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "doDashboardGridGeometriesOverlap",
+          "declaration": {
+            "name": "doDashboardGridGeometriesOverlap",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "resolveDashboardMetrics",
+          "declaration": {
+            "name": "resolveDashboardMetrics",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDashboardPixelPlacement",
+          "declaration": {
+            "name": "getDashboardPixelPlacement",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDashboardPlacementClientRect",
+          "declaration": {
+            "name": "getDashboardPlacementClientRect",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getProjectedControlRect",
+          "declaration": {
+            "name": "getProjectedControlRect",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getRevealScrollDelta",
+          "declaration": {
+            "name": "getRevealScrollDelta",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDashboardCanvasSize",
+          "declaration": {
+            "name": "getDashboardCanvasSize",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDashboardResizeCorner",
+          "declaration": {
+            "name": "getDashboardResizeCorner",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDashboardResizeBoundaries",
+          "declaration": {
+            "name": "getDashboardResizeBoundaries",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getAnchoredResizeGeometry",
+          "declaration": {
+            "name": "getAnchoredResizeGeometry",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "preservesDashboardResizeAnchors",
+          "declaration": {
+            "name": "preservesDashboardResizeAnchors",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isDashboardResizeEdge",
+          "declaration": {
+            "name": "isDashboardResizeEdge",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getDashboardClientRect",
+          "declaration": {
+            "name": "getDashboardClientRect",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "haveSameGridPitch",
+          "declaration": {
+            "name": "haveSameGridPitch",
+            "module": "/src/dashboard/utils/geometry.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/intent.types.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/layout.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isDashboardGridPlacement",
+          "return": {
+            "type": {
+              "text": "value is DashboardGridPlacement"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "unknown",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "parseDashboardValue",
+          "return": {
+            "type": {
+              "text": "DashboardLayout | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "serializeDashboardValue",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "layout",
+              "type": {
+                "text": "DashboardLayout | undefined",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createDefaultDashboardLayout",
+          "return": {
+            "type": {
+              "text": "DashboardLayout"
+            }
+          }
+        },
+        {
+          "kind": "function",
+          "name": "reconcileDashboard",
+          "return": {
+            "type": {
+              "text": "DashboardLayout | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "layout",
+              "type": {
+                "text": "DashboardLayout",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "panels",
+              "type": {
+                "text": "readonly DashboardSpanConstraints[]",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "options",
+              "default": "{}",
+              "type": {
+                "text": "{ priority?: ReadonlySet<string>; autoSettle?: boolean; hidden?: ReadonlySet<string> }",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Reconciles current members; hidden members keep placement without occupying cells."
+        },
+        {
+          "kind": "variable",
+          "name": "columnSpan"
+        },
+        {
+          "kind": "variable",
+          "name": "rowSpan"
+        },
+        {
+          "kind": "function",
+          "name": "findFirstDashboardFit",
+          "return": {
+            "type": {
+              "text": "DashboardItem | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "item",
+              "type": {
+                "text": "DashboardItem",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "occupied",
+              "type": {
+                "text": "readonly DashboardItem[]",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "grid",
+              "type": {
+                "text": "DashboardLayout['grid']",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Searches occupied boundaries, so sparse coordinate distances do not increase work."
+        },
+        {
+          "kind": "function",
+          "name": "placeDashboard",
+          "return": {
+            "type": {
+              "text": "DashboardLayout | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "layout",
+              "type": {
+                "text": "DashboardLayout",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "panels",
+              "type": {
+                "text": "readonly DashboardSpanConstraints[]",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "request",
+              "type": {
+                "text": "{\n    readonly id: string;\n    readonly intent: DashboardIntent;\n    readonly autoSettle?: boolean;\n  }",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Resolves directional placement collisions and optionally settles supplied panels toward the growth-axis origin."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isDashboardGridPlacement",
+          "declaration": {
+            "name": "isDashboardGridPlacement",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "parseDashboardValue",
+          "declaration": {
+            "name": "parseDashboardValue",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "serializeDashboardValue",
+          "declaration": {
+            "name": "serializeDashboardValue",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createDefaultDashboardLayout",
+          "declaration": {
+            "name": "createDefaultDashboardLayout",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "reconcileDashboard",
+          "declaration": {
+            "name": "reconcileDashboard",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "findFirstDashboardFit",
+          "declaration": {
+            "name": "findFirstDashboardFit",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "placeDashboard",
+          "declaration": {
+            "name": "placeDashboard",
+            "module": "/src/dashboard/utils/layout.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/movement.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "resolveDashboardTarget",
+          "return": {
+            "type": {
+              "text": "DashboardGridPlacement | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "layout",
+              "type": {
+                "text": "DashboardLayout",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "request",
+              "type": {
+                "text": "DashboardMovementRequest",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Snaps the carried rectangle to bounded grid coordinates; layout planning resolves its destination."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "resolveDashboardTarget",
+          "declaration": {
+            "name": "resolveDashboardTarget",
+            "module": "/src/dashboard/utils/movement.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/mutation.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "isDashboardCatalogueMutation",
+          "parameters": [
+            {
+              "name": "host",
               "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": "The element has a disabled state and does not accept interaction."
-                  },
-                  {
-                    "value": "false",
-                    "description": "The element has an enabled state and accepts interaction."
-                  }
-                ]
-              },
-              "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
-              },
-              "descriptionText": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)"
+                "text": "HTMLElement",
+                "_sourceAliases": []
+              }
             },
             {
-              "name": "selected",
-              "fieldName": "selected",
+              "name": "record",
               "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": "The element holds selection and represents the user's current choice within the group."
-                  },
-                  {
-                    "value": "false",
-                    "description": "The element does not hold selection and the user can choose it."
-                  }
-                ]
-              },
-              "description": "Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n- `true` The element holds selection and represents the user's current choice within the group.\n\n- `false` The element does not hold selection and the user can choose it.",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
-              },
-              "descriptionText": "Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
-            },
+                "text": "MutationRecord",
+                "_sourceAliases": []
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "isDashboardTitleMutation",
+          "parameters": [
             {
-              "name": "current",
-              "fieldName": "current",
+              "name": "host",
               "type": {
-                "text": "'page' | 'step'",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "page",
-                    "description": "Marks the current page within a set of navigation links."
-                  },
-                  {
-                    "value": "step",
-                    "description": "Marks the current step within a multi-step process or workflow."
-                  }
-                ]
-              },
-              "description": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)\n- `page` Marks the current page within a set of navigation links.\n\n- `step` Marks the current step within a multi-step process or workflow.",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
-              },
-              "descriptionText": "Indicates the element that represents the user's current location or position within a set. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)"
+                "text": "HTMLElement",
+                "_sourceAliases": []
+              }
             },
             {
-              "name": "popovertarget",
-              "fieldName": "popoverTargetElement",
+              "name": "record",
               "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "Establishes a relationship between a popover and its invoker button.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetElement",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
+                "text": "MutationRecord",
+                "_sourceAliases": []
               }
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "isDashboardCatalogueMutation",
+          "declaration": {
+            "name": "isDashboardCatalogueMutation",
+            "module": "/src/dashboard/utils/mutation.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isDashboardTitleMutation",
+          "declaration": {
+            "name": "isDashboardTitleMutation",
+            "module": "/src/dashboard/utils/mutation.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/dashboard/utils/packing.utils.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "settleDashboardItems",
+          "return": {
+            "type": {
+              "text": "DashboardItem[] | undefined"
+            }
+          },
+          "parameters": [
             {
-              "name": "popovertargetaction",
-              "fieldName": "popoverTargetAction",
+              "name": "items",
               "type": {
-                "text": "'show' | 'hide' | 'toggle'",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "show",
-                    "description": ""
-                  },
-                  {
-                    "value": "hide",
-                    "description": ""
-                  },
-                  {
-                    "value": "toggle",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "The popover target action to perform on the popover target element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/popoverTargetAction",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
+                "text": "readonly DashboardItem[]",
+                "_sourceAliases": []
               }
-            },
+            }
+          ],
+          "description": "Applies top gravity without moving panels through an overhanging predecessor. Coordinates are growth-normalized."
+        },
+        {
+          "kind": "function",
+          "name": "findNormalizedPlacementPlan",
+          "return": {
+            "type": {
+              "text": "DashboardItem[] | undefined"
+            }
+          },
+          "parameters": [
             {
-              "name": "commandfor",
-              "fieldName": "commandForElement",
+              "name": "items",
               "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "The element that receives the command.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
+                "text": "readonly DashboardItem[]",
+                "_sourceAliases": []
               }
             },
             {
-              "name": "command",
-              "fieldName": "command",
+              "name": "request",
               "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "The command to execute on the element.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
+                "text": "{ readonly id: string; readonly intent: DashboardIntent }",
+                "_sourceAliases": []
               }
             },
             {
-              "name": "interestfor",
-              "fieldName": "interestForElement",
+              "name": "options",
               "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "description": "The element that receives the interest.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForElement",
-              "inheritedFrom": {
-                "name": "ButtonFormControlMixin"
+                "text": "{ tracks: number; autoSettle?: boolean }",
+                "_sourceAliases": []
               }
             }
           ],
-          "superclass": {
-            "name": "Button",
-            "package": "@nvidia-elements/core/button"
+          "description": "Resolves directional collisions into vacated space, with optional final top-gravity normalization."
+        },
+        {
+          "kind": "variable",
+          "name": "source"
+        },
+        {
+          "kind": "variable",
+          "name": "items"
+        },
+        {
+          "kind": "function",
+          "name": "orientDashboardItem",
+          "return": {
+            "type": {
+              "text": "DashboardItem"
+            }
           },
-          "tagName": "nve-copy-button",
-          "customElement": true,
-          "metadata": {
-            "unitTests": true,
-            "apiReview": true,
-            "performance": true,
-            "stable": true,
-            "vqa": true,
-            "responsive": true,
-            "themes": true,
-            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
-            "entrypoint": "@nvidia-elements/core/copy-button",
-            "example": "<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>",
-            "package": true,
-            "documentation": "https://nvidia.github.io/elements/docs/elements/copy-button/",
-            "since": "1.1.4",
-            "status": "stable",
-            "behavior": "button",
-            "markdown": "## nve-copy-button\n\nA copy button is a button that easily enables the copy to clipboard pattern.\n\n### Example\n\n```html\n<nve-copy-button value=\"hello\" aria-label=\"copy value\" behavior-copy></nve-copy-button>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/copy-button/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Text label displayed before the copy icon. |\n| icon | `string` | slot for custom icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| behaviorCopy (behavior-copy) | `boolean` | Determines if the copy button should auto write to clipboard by the trigger. |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| commandForElement (commandfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| container | `'flat' \\| 'inline' \\| undefined` | Determines the container of the button. Flat suits nesting within other containers or more muted style. Inline suits inline content such as text. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| form | property: `string \\| HTMLFormElement \\| null`; attribute: `string` | Associates the button with a form. Set the property to a form element or its ID. The HTML attribute accepts only the form ID. Reading the property returns the associated form element or `null`. https://mdn.dev/ElementInternals/form |\n| i18n |  | Enables internal string values to update for internationalization. |\n| interaction | `'emphasis' \\| 'destructive'` | The Interaction type provides a way to show the intent of an interactive element. This can help users quickly understand what each interaction does and reduce the potential for confusion or errors. - `emphasis` Shows the interaction targets emphasis or highlighting primary actions. - `destructive` Shows the interaction targets destructive actions such as deleting or removing. |\n| interestForElement (interestfor) | property: `HTMLElement \\| null`; attribute: `string` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| name | `string` | The name of the button, submitted as a pair with the button value as part of the form data. https://mdn.dev/HTML/Element/button#attr-name |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| popoverTargetElement (popovertarget) | property: `HTMLElement \\| null`; attribute: `string` | Establishes a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| readOnly (readonly) | `boolean` | Indicates whether the element is a noninteractive visual treatment instead of a button. https://mdn.dev/HTML/Attributes/readonly |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within a form element. https://mdn.dev/HTML/Element/button#attr-type |\n| value | `string` | Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-align | `string` | [MDN](https://mdn.dev/CSS/text-align) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
-          }
+          "parameters": [
+            {
+              "name": "item",
+              "type": {
+                "text": "DashboardItem",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "flow",
+              "type": {
+                "text": "DashboardLayout['grid']['flow']",
+                "_sourceAliases": []
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "CopyButton",
+          "name": "settleDashboardItems",
           "declaration": {
-            "name": "CopyButton",
-            "module": "/src/copy-button/copy-button.js"
+            "name": "settleDashboardItems",
+            "module": "/src/dashboard/utils/packing.utils.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/copy-button/define.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/copy-button/index.js",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "*",
+          "name": "findNormalizedPlacementPlan",
           "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/copy-button/copy-button.js"
+            "name": "findNormalizedPlacementPlan",
+            "module": "/src/dashboard/utils/packing.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "orientDashboardItem",
+          "declaration": {
+            "name": "orientDashboardItem",
+            "module": "/src/dashboard/utils/packing.utils.js"
           }
         }
       ]
@@ -29291,6 +33122,181 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/internal/controllers/native-fullscreen.controller.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Owns a managed native fullscreen session without choosing its content or presentation.",
+          "name": "NativeFullscreenController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "#host",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement & ReactiveControllerHost",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "HTMLElement & ReactiveControllerHost",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true,
+              "default": "host"
+            },
+            {
+              "kind": "field",
+              "name": "#onChange",
+              "privacy": "private",
+              "type": {
+                "text": "() => void",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "() => void",
+                    "description": ""
+                  }
+                ]
+              },
+              "readonly": true,
+              "default": "onChange"
+            },
+            {
+              "kind": "field",
+              "name": "#listeningDocument",
+              "privacy": "private",
+              "type": {
+                "text": "Document | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#managed",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#pendingRequest",
+              "privacy": "private",
+              "type": {
+                "text": "Promise<void> | undefined",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "Promise<void>",
+                    "description": ""
+                  }
+                ]
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#exiting",
+              "privacy": "private",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "boolean",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "active",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "canExit",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "canEnter",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected"
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
+            {
+              "kind": "method",
+              "name": "enter"
+            },
+            {
+              "kind": "method",
+              "name": "exit"
+            },
+            {
+              "kind": "method",
+              "name": "#requestFullscreen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#exitFullscreen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#isNativeFullscreen",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#isOwnedTopmostFullscreen",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#sync",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#reset",
+              "privacy": "private"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NativeFullscreenController",
+          "declaration": {
+            "name": "NativeFullscreenController",
+            "module": "/src/internal/controllers/native-fullscreen.controller.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/state-expanded.controller.js",
@@ -30388,6 +34394,14 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/keynav-spatial.controller.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/native-fullscreen.controller.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -56151,7 +60165,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Projects one durable group while the browser owns fullscreen admission and lifetime.",
+          "description": "Selects the fullscreen group and preserves surviving companions when its anchor disappears.",
           "name": "WorkspaceFullscreenController",
           "members": [
             {
@@ -56180,13 +60194,15 @@
             },
             {
               "kind": "field",
-              "name": "#listeningDocument",
+              "name": "#native",
               "privacy": "private",
               "type": {
-                "text": "Document | undefined",
+                "text": "NativeFullscreenController",
                 "_sourceAliases": [],
                 "values": []
-              }
+              },
+              "readonly": true,
+              "default": "new NativeFullscreenController(host, this.#nativeChanged)"
             },
             {
               "kind": "field",
@@ -56208,32 +60224,17 @@
               "name": "#groupPanelIds",
               "privacy": "private",
               "type": {
-                "text": "string[]",
+                "text": "readonly string[]",
                 "_sourceAliases": [],
                 "values": [
                   {
-                    "value": "string[]",
+                    "value": "readonly string[]",
                     "description": ""
                   }
                 ]
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "#pendingRequest",
-              "privacy": "private",
-              "type": {
-                "text": "Promise<void> | undefined",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "Promise<void>",
-                    "description": ""
-                  }
-                ]
-              }
-            },
             {
               "kind": "field",
               "name": "active",
@@ -56249,14 +60250,6 @@
               "name": "canExit",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
             {
               "kind": "method",
               "name": "hostUpdate"
@@ -56301,29 +60294,14 @@
               "kind": "method",
               "name": "exit"
             },
-            {
-              "kind": "method",
-              "name": "#requestFullscreen",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#exitFullscreen",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#isNativeFullscreen",
-              "privacy": "private"
-            },
             {
               "kind": "field",
-              "name": "#sync",
+              "name": "#nativeChanged",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "#reset",
+              "name": "#invalidate",
               "privacy": "private"
             }
           ]
@@ -62635,7 +66613,7 @@
                   }
                 ]
               },
-              "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
+              "description": "Versioned JSON arrangement. Assignment restores without emitting change.",
               "attribute": "value"
             },
             {
@@ -62875,7 +66853,7 @@
                   }
                 ]
               },
-              "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
+              "description": "Versioned JSON arrangement. Assignment restores without emitting change.",
               "fieldName": "value"
             }
           ],
@@ -62901,7 +66879,7 @@
             "since": "0.0.0",
             "status": "beta",
             "behavior": "content",
-            "markdown": "## nve-workspace\n\nA workspace provides a malleable arrangement of application panels in a restorable layout.\n\n### Example\n\n```html\n<nve-workspace\n  groupable\n  rearrangeable\n  resizable\n  style=\"height: 600px\"\n  value='{\"version\":1,\"closed\":[],\"root\":{\"type\":\"split\",\"axis\":\"horizontal\",\"weights\":[1,4],\"children\":[{\"type\":\"group\",\"panels\":[\"workspace-outline\"],\"active\":\"workspace-outline\"},{\"type\":\"split\",\"axis\":\"vertical\",\"weights\":[3,2],\"children\":[{\"type\":\"split\",\"axis\":\"horizontal\",\"weights\":[3,2],\"children\":[{\"type\":\"group\",\"panels\":[\"workspace-editor\"],\"active\":\"workspace-editor\"},{\"type\":\"group\",\"panels\":[\"workspace-preview\"],\"active\":\"workspace-preview\"}]},{\"type\":\"group\",\"panels\":[\"workspace-notes\",\"workspace-activity\",\"workspace-tasks\"],\"active\":\"workspace-notes\"}]}]}}'\n>\n  <nve-workspace-panel id=\"workspace-outline\">\n    <nve-workspace-panel-header>Outline</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Outline content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-editor\">\n    <nve-workspace-panel-header>Editor</nve-workspace-panel-header>\n    <nve-workspace-panel-content>\n      <nve-textarea><textarea aria-label=\"Editor\">Editor content</textarea></nve-textarea>\n    </nve-workspace-panel-content>\n    <nve-workspace-panel-footer>Ready</nve-workspace-panel-footer>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-preview\">\n    <nve-workspace-panel-header>Preview</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Preview content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-notes\">\n    <nve-workspace-panel-header>Notes</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Notes content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-activity\">\n    <nve-workspace-panel-header>Activity</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Activity content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-tasks\">\n    <nve-workspace-panel-header>Tasks</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Tasks content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n</nve-workspace>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/workspace/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Workspace panels with durable IDs and application dropdown groups. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| container | `'inset' \\| 'flat' \\| 'full' \\| undefined` | Selects panel content framing. |\n| detachThreshold (detach-threshold) | `number` | Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press. |\n| fullscreenable | `boolean` | Enables native fullscreen commands and one persistent control per group. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement. |\n| groupable | `boolean` | Enables dragging individual tabs, joining panels, and extracting panels when rearrangeable. |\n| i18n |  | Overrides localized workspace controls. |\n| rearrangeable | `boolean` | Enables moving groups and placement commands. Dragging individual tabs also requires groupable. |\n| resizable | `boolean` | Enables separator resizing. |\n| resizePolicy (resize-policy) | `'stop' \\| 'propagate'` | Selects separator constraint behavior. |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace. |\n| commandavailabilitychange | `CustomEvent` | Command availability may have changed; query relevant commands again. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Close the targeted panel when its workspace is closable. |\n| --enter-fullscreen | `CommandEvent` | Present the invoking panel's group in native fullscreen. |\n| --exit-fullscreen | `CommandEvent` | Exit native fullscreen. |\n| --open | `CommandEvent` | Open and activate the targeted supplied panel. Repeated activation is silent. |\n| --place | `CommandEvent` | Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable. |\n| --select | `CommandEvent` | Activate an open supplied panel without reopening a closed panel. |\n| --toggle-fullscreen | `CommandEvent` | Toggle native fullscreen for the invoking panel's group. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| animateTo | `animateTo(value: string, options?: WorkspaceAnimationOptions): void` | Restores an arrangement with animated geometry while retaining application content. |\n| isCommandAvailable | `isCommandAvailable(command: string, context?: WorkspaceCommandContext): boolean` | Reports whether a command can change the panel identified by `context.value` in the current arrangement. Native fullscreen admission remains subject to browser permission. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of coordinated layout and placement transitions. [MDN](https://mdn.dev/CSS/animation-duration) |\n| --animation-easing | `string` | Easing of coordinated layout and placement transitions. |\n| --border-radius | `string` | Corner radius of contained groups. [MDN](https://mdn.dev/CSS/border-radius) |\n| --close-button-inset | `string` | Space after each panel close control. |\n| --gap | `string` | Space between groups as one nonnegative CSS length. [MDN](https://mdn.dev/CSS/gap) |\n| --gutter-background | `string` | Idle separator fill. |\n| --gutter-hover-background | `string` | Separator fill on hover. |\n| --header-control-inset | `string` | Horizontal spacing around fullscreen and the drag handle. |\n| --header-control-size | `string` | Size of built-in header buttons and the base drag handle width. |\n| --tab-border | `string` | Border between tabs, after the drag handle, and before group controls without an authored suffix. |\n| --tab-min-width | `string` | Smallest tab width before scrolling. |"
+            "markdown": "## nve-workspace\n\nA workspace provides a malleable arrangement of application panels in a restorable layout.\n\n### Example\n\n```html\n<nve-workspace\n  groupable\n  rearrangeable\n  resizable\n  style=\"height: 600px\"\n  value='{\"version\":1,\"closed\":[],\"root\":{\"type\":\"split\",\"axis\":\"horizontal\",\"weights\":[1,4],\"children\":[{\"type\":\"group\",\"panels\":[\"workspace-outline\"],\"active\":\"workspace-outline\"},{\"type\":\"split\",\"axis\":\"vertical\",\"weights\":[3,2],\"children\":[{\"type\":\"split\",\"axis\":\"horizontal\",\"weights\":[3,2],\"children\":[{\"type\":\"group\",\"panels\":[\"workspace-editor\"],\"active\":\"workspace-editor\"},{\"type\":\"group\",\"panels\":[\"workspace-preview\"],\"active\":\"workspace-preview\"}]},{\"type\":\"group\",\"panels\":[\"workspace-notes\",\"workspace-activity\",\"workspace-tasks\"],\"active\":\"workspace-notes\"}]}]}}'\n>\n  <nve-workspace-panel id=\"workspace-outline\">\n    <nve-workspace-panel-header>Outline</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Outline content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-editor\">\n    <nve-workspace-panel-header>Editor</nve-workspace-panel-header>\n    <nve-workspace-panel-content>\n      <nve-textarea><textarea aria-label=\"Editor\">Editor content</textarea></nve-textarea>\n    </nve-workspace-panel-content>\n    <nve-workspace-panel-footer>Ready</nve-workspace-panel-footer>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-preview\">\n    <nve-workspace-panel-header>Preview</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Preview content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-notes\">\n    <nve-workspace-panel-header>Notes</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Notes content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-activity\">\n    <nve-workspace-panel-header>Activity</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Activity content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n  <nve-workspace-panel id=\"workspace-tasks\">\n    <nve-workspace-panel-header>Tasks</nve-workspace-panel-header>\n    <nve-workspace-panel-content>Tasks content</nve-workspace-panel-content>\n  </nve-workspace-panel>\n</nve-workspace>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/workspace/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Workspace panels with durable IDs and application dropdown groups. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| closable | `boolean` | Indicates whether the user can dismiss or close the element. - `true` The element displays a close control and the user can dismiss it. - `false` The user cannot close the element and must dismiss it programmatically. |\n| container | `'inset' \\| 'flat' \\| 'full' \\| undefined` | Selects panel content framing. |\n| detachThreshold (detach-threshold) | `number` | Radial pointer distance in CSS pixels before a carried source detaches. Captured at gesture press. |\n| fullscreenable | `boolean` | Enables native fullscreen commands and one persistent control per group. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement. |\n| groupable | `boolean` | Enables dragging individual tabs, joining panels, and extracting panels when rearrangeable. |\n| i18n |  | Overrides localized workspace controls. |\n| rearrangeable | `boolean` | Enables moving groups and placement commands. Dragging individual tabs also requires groupable. |\n| resizable | `boolean` | Enables separator resizing. |\n| resizePolicy (resize-policy) | `'stop' \\| 'propagate'` | Selects separator constraint behavior. |\n| value | `string` | Versioned JSON arrangement. Assignment restores without emitting change. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace. |\n| commandavailabilitychange | `CustomEvent` | Command availability may have changed; query relevant commands again. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Close the targeted panel when its workspace is closable. |\n| --enter-fullscreen | `CommandEvent` | Present the invoking panel's group in native fullscreen. |\n| --exit-fullscreen | `CommandEvent` | Exit native fullscreen. |\n| --open | `CommandEvent` | Open and activate the targeted supplied panel. Repeated activation is silent. |\n| --place | `CommandEvent` | Apply the invoker's typed placement request when rearrangeable; membership changes also require groupable. |\n| --select | `CommandEvent` | Activate an open supplied panel without reopening a closed panel. |\n| --toggle-fullscreen | `CommandEvent` | Toggle native fullscreen for the invoking panel's group. |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| animateTo | `animateTo(value: string, options?: WorkspaceAnimationOptions): void` | Restores an arrangement with animated geometry while retaining application content. |\n| isCommandAvailable | `isCommandAvailable(command: string, context?: WorkspaceCommandContext): boolean` | Reports whether a command can change the panel identified by `context.value` in the current arrangement. Native fullscreen admission remains subject to browser permission. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of coordinated layout and placement transitions. [MDN](https://mdn.dev/CSS/animation-duration) |\n| --animation-easing | `string` | Easing of coordinated layout and placement transitions. |\n| --border-radius | `string` | Corner radius of contained groups. [MDN](https://mdn.dev/CSS/border-radius) |\n| --close-button-inset | `string` | Space after each panel close control. |\n| --gap | `string` | Space between groups as one nonnegative CSS length. [MDN](https://mdn.dev/CSS/gap) |\n| --gutter-background | `string` | Idle separator fill. |\n| --gutter-hover-background | `string` | Separator fill on hover. |\n| --header-control-inset | `string` | Horizontal spacing around fullscreen and the drag handle. |\n| --header-control-size | `string` | Size of built-in header buttons and the base drag handle width. |\n| --tab-border | `string` | Border between tabs, after the drag handle, and before group controls without an authored suffix. |\n| --tab-min-width | `string` | Smallest tab width before scrolling. |"
           },
           "commands": [
             {