@ds-mo/ui 13.14.0 → 13.16.0

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "13.14.0",
+  "packageVersion": "13.16.0",
   "kind": "components",
   "entries": [
     {
@@ -80,19 +80,138 @@
         "text"
       ]
     },
+    {
+      "id": "component:ds-agent-questionnaire",
+      "tag": "ds-agent-questionnaire",
+      "name": "agent-questionnaire",
+      "title": "AgentQuestionnaire",
+      "summary": "Temporary multi-step work surface for provider-neutral agent clarification questions and durable read-only answer records.",
+      "intentStatus": "complete",
+      "intent": {
+        "audience": "specialized",
+        "status": "experimental",
+        "summary": "Temporary multi-step work surface for provider-neutral agent clarification questions and durable read-only answer records.",
+        "useWhen": [
+          "An agent turn pauses for one or more structured single-choice, multiple-choice, or free-text answers."
+        ],
+        "avoidWhen": [
+          "The interaction is a conventional application form, a tool authorization policy, or an application-owned approval with consequences beyond collecting answers."
+        ],
+        "commonlyComposedWith": [
+          "component:ds-message-scroller",
+          "component:ds-message-composer",
+          "component:ds-agent-response",
+          "component:ds-radio",
+          "component:ds-checkbox",
+          "component:ds-button-filled",
+          "component:ds-button-unfilled"
+        ],
+        "patterns": [
+          "pattern:agent-chat"
+        ],
+        "accessibility": [
+          "Radio and checkbox primitives own choice semantics, target density, keyboard interaction, and selected or disabled presentation; progress, validation relationships, static answered summaries, and every action remain available without relying on color or visual position.",
+          "The component never takes focus when it mounts; the application calls setFocus only when shifting focus is appropriate.",
+          "Choice rows use large Radio and Checkbox targets, while every navigation action uses a small Button primitive and Cancel is an icon-only Cross with localized tooltip and accessible name.",
+          "Selection primitives preserve focus, selected, invalid, and disabled distinctions in forced colors."
+        ],
+        "states": [
+          "The component owns only the current step, validation, and unsaved in-progress draft; the application owns the request, submission, transport, resume operation, persistence, and transcript replacement.",
+          "Preparing communicates that questions are being assembled, submitting locks editing without clearing the draft, error retains it with application feedback, and answered is a quiet noninteractive record.",
+          "A changed request identifier resets to the first question and seeds a fresh local draft from the supplied answers.",
+          "Questionnaire selection primitives are isolated from ancestor forms; only dsAnswer emits the normalized ordered answer collection."
+        ],
+        "responsiveBehavior": [
+          "Descriptive choices remain full-row targets, while actions collapse into a single-column layout at narrow widths."
+        ],
+        "references": [
+          {
+            "label": "Questionnaire state stories",
+            "path": "src/wc/components/AgentQuestionnaire/AgentQuestionnaire.stories.ts"
+          },
+          {
+            "label": "Agent chat composition",
+            "path": "agent/patterns/agent-chat/pattern.agent.json"
+          }
+        ]
+      },
+      "api": {
+        "props": {
+          "allowCancel": {
+            "type": "boolean",
+            "required": false
+          },
+          "answers": {
+            "type": "AgentQuestionAnswer[]",
+            "required": false
+          },
+          "errorMessage": {
+            "type": "string",
+            "required": false
+          },
+          "labels": {
+            "type": "Partial<AgentQuestionnaireLabels>",
+            "required": false
+          },
+          "questions": {
+            "type": "AgentQuestion[]",
+            "required": true
+          },
+          "requestId": {
+            "type": "string",
+            "required": true
+          },
+          "status": {
+            "type": "AgentQuestionnaireStatus",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsAnswer",
+            "detail": "AgentQuestionnaireAnswerEventDetail"
+          },
+          {
+            "name": "dsCancel",
+            "detail": "AgentQuestionnaireCancelEventDetail"
+          }
+        ],
+        "slots": []
+      },
+      "exports": {
+        "customElement": "ds-agent-questionnaire",
+        "react": "DsAgentQuestionnaire",
+        "angular": "DsAgentQuestionnaire"
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens",
+        "@ds-mo/icons"
+      ],
+      "componentDependencies": [
+        "button-filled",
+        "button-unfilled",
+        "checkbox",
+        "icon",
+        "loader",
+        "radio",
+        "text",
+        "tooltip"
+      ]
+    },
     {
       "id": "component:ds-agent-response",
       "tag": "ds-agent-response",
       "name": "agent-response",
       "title": "AgentResponse",
-      "summary": "Ordered renderer for normalized immutable agent response parts inside a generic incoming message.",
+      "summary": "Ordered renderer for normalized immutable agent response parts or an application-composed response body inside a generic incoming message.",
       "intentStatus": "complete",
       "intent": {
         "audience": "specialized",
         "status": "experimental",
-        "summary": "Ordered renderer for normalized immutable agent response parts inside a generic incoming message.",
+        "summary": "Ordered renderer for normalized immutable agent response parts or an application-composed response body inside a generic incoming message.",
         "useWhen": [
-          "An agent response combines Markdown, user-safe activity, display-only tools, attachments, and sources in authored order."
+          "An agent response combines Markdown, user-safe activity, display-only tools, attachments, answered questionnaires, sources, or application-specific content in authored order."
         ],
         "avoidWhen": [
           "The component would be expected to own a model, transport, persistence, title generation, approval policy, or private reasoning."
@@ -103,28 +222,30 @@
           "component:ds-markdown",
           "component:ds-agent-activity",
           "component:ds-agent-tool-call",
-          "component:ds-agent-source-list"
+          "component:ds-agent-source-list",
+          "component:ds-agent-questionnaire"
         ],
         "patterns": [
           "pattern:agent-chat"
         ],
         "accessibility": [
-          "Part order matches authored reading order and remains inside generic message semantics.",
+          "Part or composed-slot order matches authored reading order and remains inside generic message semantics.",
           "Streaming state supplements rather than replaces meaningful textual status.",
           "Forwarded metadata actions retain Message ordering, keyboard reveal, and touch visibility."
         ],
         "states": [
           "The owner replaces immutable part arrays as scripted or live output changes.",
+          "Parts mode remains the compatibility default for serializable content; composed mode ignores parts and gives the default slot ownership of the complete ordered response body.",
           "AgentResponse renders directly in Message without borrowing a plain MessageBubble surface.",
-          "Markdown parts use the optional safe renderer; prose CSS owns only semantic-tree styling and never response ordering or streaming state.",
+          "Markdown parts use the optional safe renderer; the response sets the public prose text measure while code, tables, tools, sources, attachments, and other structured parts retain the full lane.",
           "The application may compose MessageActions for completed-response Copy and controlled feedback while retaining persistent retry or recovery controls in the separate actions slot."
         ],
         "responsiveBehavior": [
-          "Rich content uses the available transcript width while respecting readable measure and local overflow constraints."
+          "Direct prose blocks use a readable text measure within the available transcript width, while narrow lanes and structured content retain their available width and local overflow constraints."
         ],
         "references": [
           {
-            "label": "Representative streamed response",
+            "label": "Response modes and representative flow",
             "path": "src/wc/components/AgentResponse/AgentResponse.stories.ts"
           },
           {
@@ -151,6 +272,10 @@
             "type": "AgentResponsePart[]",
             "required": false
           },
+          "renderMode": {
+            "type": "AgentResponseRenderMode",
+            "required": false
+          },
           "showAuthor": {
             "type": "boolean",
             "required": false
@@ -178,6 +303,7 @@
       ],
       "componentDependencies": [
         "agent-activity",
+        "agent-questionnaire",
         "agent-source-list",
         "agent-tool-call",
         "attachment-list",
@@ -190,17 +316,17 @@
       "tag": "ds-agent-source-list",
       "name": "agent-source-list",
       "title": "AgentSourceList",
-      "summary": "Collapsible list of agent response sources with title, description, and validated external links.",
+      "summary": "Inline collapsible agent-source list with safe external links, derived hostnames, optional descriptions, and observable disclosure state.",
       "intentStatus": "complete",
       "intent": {
         "audience": "specialized",
         "status": "experimental",
-        "summary": "Collapsible list of agent response sources with title, description, and validated external links.",
+        "summary": "Inline collapsible agent-source list with safe external links, derived hostnames, optional descriptions, and observable disclosure state.",
         "useWhen": [
-          "An agent response cites external material readers may inspect."
+          "A stable agent response cites external material readers may inspect inline."
         ],
         "avoidWhen": [
-          "The links are ordinary body links or are not sources for the response."
+          "The links are ordinary body links, source discovery is still active, or the application expects a source drawer or deduplication behavior."
         ],
         "commonlyComposedWith": [
           "component:ds-agent-response",
@@ -210,16 +336,20 @@
           "pattern:agent-chat"
         ],
         "accessibility": [
-          "Each source uses descriptive linked text and visible supporting context.",
-          "Unsafe link schemes remain non-interactive text."
+          "Each interactive source uses descriptive linked text, a visible hostname, supporting context, and an external-link indication.",
+          "Malformed and unsafe schemes remain non-interactive text rather than producing executable links.",
+          "The native disclosure exposes keyboard and expanded-state semantics, while open-change events let applications observe participant intent."
+        ],
+        "states": [
+          "Applications collect and deduplicate sources, then append the stable list once; active discovery remains an activity or tool state."
         ],
         "responsiveBehavior": [
-          "Source titles and descriptions wrap within the response width."
+          "Source titles, hostnames, and descriptions wrap within the response width."
         ],
         "references": [
           {
-            "label": "Storybook examples",
-            "path": "src/wc/components/MessageScroller/MessageScroller.stories.ts"
+            "label": "Source safety and disclosure stories",
+            "path": "src/wc/components/AgentSourceList/AgentSourceList.stories.ts"
           }
         ]
       },
@@ -238,7 +368,12 @@
             "required": false
           }
         },
-        "events": [],
+        "events": [
+          {
+            "name": "dsOpenChange",
+            "detail": "{ open: boolean }"
+          }
+        ],
         "slots": []
       },
       "exports": {
@@ -261,39 +396,50 @@
       "tag": "ds-agent-tool-call",
       "name": "agent-tool-call",
       "title": "AgentToolCall",
-      "summary": "Display-only disclosure for an agent tool call, its safe input or output, and execution status.",
+      "summary": "Compact display-only status row for a provider-neutral agent tool lifecycle with optional custom result and diagnostic disclosure surfaces.",
       "intentStatus": "complete",
       "intent": {
         "audience": "specialized",
         "status": "experimental",
-        "summary": "Display-only disclosure for an agent tool call, its safe input or output, and execution status.",
+        "summary": "Compact display-only status row for a provider-neutral agent tool lifecycle with optional custom result and diagnostic disclosure surfaces.",
         "useWhen": [
-          "A prototype or agent product needs to expose user-safe tool execution detail."
+          "An agent product needs to expose user-safe tool preparation, queueing, execution, participant wait, completion, failure, denial, or cancellation state."
         ],
         "avoidWhen": [
-          "A participant must approve, deny, edit, or retry the tool call; those are product controls outside this component."
+          "A participant must approve, deny, edit, retry, or execute the tool call; those product controls and consequences remain outside this component."
         ],
         "commonlyComposedWith": [
           "component:ds-agent-response",
-          "component:ds-code-block"
+          "component:ds-code-block",
+          "component:ds-text"
         ],
         "patterns": [
           "pattern:agent-chat"
         ],
         "accessibility": [
-          "Queued, running, success, error, and denied states are available as text.",
-          "The disclosure uses native keyboard and expanded-state semantics."
+          "Every lifecycle state remains visible as text and error or denied meaning does not depend on color.",
+          "A disclosure is rendered only when details exist and uses native keyboard and expanded-state semantics.",
+          "Structured input, output, and error details use the semantic code-family fallback and optional ligature override."
         ],
         "states": [
-          "This component presents state but never executes a tool or owns approval policy."
+          "Applications normalize provider-specific tool states and may localize the visible status label before rendering.",
+          "A custom summary replaces the generated name, a custom result owns the primary result surface, and custom details replace generic input, output, and error diagnostics.",
+          "An ordinary text-only custom result inherits the body-medium interface-text baseline; structured result components retain ownership of their own layout and typography.",
+          "Compose semantic links around ds-text when a custom result is navigational so anchor semantics and design-system typography each have one owner.",
+          "Applications load font assets once at their root; tool details and results never fetch or package a font.",
+          "This component presents state but never executes a tool or owns approval, retry, authorization, transport, or consequence policy."
         ],
         "responsiveBehavior": [
-          "Structured detail wraps and scrolls without widening the transcript."
+          "Long names and state labels wrap inside the compact row while custom results and structured diagnostics remain within the transcript lane without widening it."
         ],
         "references": [
           {
-            "label": "Storybook examples",
-            "path": "src/wc/components/MessageScroller/MessageScroller.stories.ts"
+            "label": "Lifecycle and slot stories",
+            "path": "src/wc/components/AgentToolCall/AgentToolCall.stories.ts"
+          },
+          {
+            "label": "Font ownership and loading",
+            "path": "docs/font-ownership.md"
           }
         ]
       },
@@ -326,9 +472,18 @@
           "state": {
             "type": "AgentToolState",
             "required": false
+          },
+          "statusLabel": {
+            "type": "string",
+            "required": false
           }
         },
-        "events": [],
+        "events": [
+          {
+            "name": "dsOpenChange",
+            "detail": "{ open: boolean }"
+          }
+        ],
         "slots": []
       },
       "exports": {
@@ -992,7 +1147,8 @@
           "Dividers in sections or actions create separate Menu groups without becoming selectable rows.",
           "The overflow trigger uses its bordered treatment whenever the primary action is visible beside it; overflow-only and auto-collapsed-primary presentations keep the trigger borderless.",
           "expanded renders the larger heading, optional description, inset divider, and a full-width caption breadcrumb row above the title. The breadcrumb begins after 32px top padding; the following title and right-side actions share one top alignment. Compact renders 48px chrome with the existing icon Back action; constrained uses compact chrome and moves an auto-collapse primary action into overflow.",
-          "primaryAction collapse defaults to auto. Use never for exceptional actions whose hierarchy must remain visible in constrained layouts."
+          "primaryAction collapse defaults to auto. Use never for exceptional actions whose hierarchy must remain visible in constrained layouts.",
+          "showDivider=false removes the bottom divider when the surrounding page composition supplies the boundary; showCompactDivider can independently restore or remove that boundary in compact and constrained variants."
         ],
         "responsiveBehavior": [
           "BarTitle does not observe viewport, shell, scroll, or container state. Its owner selects an explicit variant.",
@@ -1080,6 +1236,14 @@
             "type": "boolean",
             "required": false
           },
+          "showCompactDivider": {
+            "type": "boolean",
+            "required": false
+          },
+          "showDivider": {
+            "type": "boolean",
+            "required": false
+          },
           "value": {
             "type": "string",
             "required": false
@@ -2518,12 +2682,12 @@
       "tag": "ds-checkbox",
       "name": "checkbox",
       "title": "Checkbox",
-      "summary": "Form-associated checkbox for independent choices, acknowledgment, or consent, with checked, unchecked, mixed, and four density states.",
+      "summary": "Form-associated checkbox for independent choices, acknowledgment, or consent, with optional supporting description, checked, unchecked, mixed, and four density states.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "stable",
-        "summary": "Form-associated checkbox for independent choices, acknowledgment, or consent, with checked, unchecked, mixed, and four density states.",
+        "summary": "Form-associated checkbox for independent choices, acknowledgment, or consent, with optional supporting description, checked, unchecked, mixed, and four density states.",
         "useWhen": [
           "A user may independently select zero or more choices.",
           "A form requires acknowledgment, consent, or an opt-in value before submission.",
@@ -2557,7 +2721,7 @@
           "component:ds-text"
         ],
         "accessibility": [
-          "Every interactive checkbox requires a visible label that provides its accessible name.",
+          "Every interactive checkbox requires a visible label that provides its accessible name; an optional visible description is associated as supporting context.",
           "Enter and Space activate the checkbox; checked and mixed state are exposed through aria-checked.",
           "Disabled and inactive checkboxes leave the tab order and are omitted from form submission.",
           "Use presentation mode only inside a composite option that owns selection semantics, focus, and interaction."
@@ -2567,16 +2731,17 @@
           "Activating an indeterminate checkbox clears the mixed state, toggles checked, and emits dsChange with the resulting boolean.",
           "The initial checked and indeterminate values are restored by native form reset; checked values submit under name and unchecked values submit nothing.",
           "Sizes are lg with a 20px box in a 24px placement, md with a 16px box in a 20px placement, sm with a 12px box in a 16px placement, and xs with an 8px box in a 12px placement.",
-          "Presentation mode removes checkbox semantics, focus, interaction, label rendering, and form submission while preserving the visual state."
+          "Presentation mode removes checkbox semantics, focus, interaction, label rendering, description rendering, and form submission while preserving the visual state.",
+          "Description-rich checkboxes grow beyond the fixed density height while retaining its minimum target size and primitive-owned selection anatomy."
         ],
         "responsiveBehavior": [
-          "Choose size from the density of the containing row; labels may wrap while the placement box stays fixed.",
+          "Choose size from the density of the containing row; labels and descriptions may wrap while the placement box stays fixed.",
           "Use the same density as the shared option icon zone in multi-select rows."
         ],
         "frameworkCaveats": {
           "customElements": [
             "Bind checked and indeterminate as properties for application state updates and listen for dsChange.",
-            "Use the form attribute on the host when associating a checkbox rendered outside its owning form."
+            "Use the form attribute on the host when associating a checkbox rendered outside its owning form or isolating it from an ancestor form."
           ],
           "react": [
             "Use DsCheckbox and handle onDsChange; checked and indeterminate are mutable and update after user activation."
@@ -2602,6 +2767,10 @@
             "type": "boolean",
             "required": false
           },
+          "description": {
+            "type": "string",
+            "required": false
+          },
           "disabled": {
             "type": "boolean",
             "required": false
@@ -2801,12 +2970,12 @@
       "tag": "ds-code-block",
       "name": "code-block",
       "title": "CodeBlock",
-      "summary": "Scrollable monospace code surface with optional language or filename context and copy action.",
+      "summary": "Scrollable code surface with optional language or filename context and copy action.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "experimental",
-        "summary": "Scrollable monospace code surface with optional language or filename context and copy action.",
+        "summary": "Scrollable code surface with optional language or filename context and copy action.",
         "useWhen": [
           "A message or document displays fenced code that readers may copy."
         ],
@@ -2819,7 +2988,11 @@
         ],
         "accessibility": [
           "The copy action has matching accessible-name and visible-tooltip status wording, and the code remains selectable text.",
-          "Language and filename labels supplement rather than replace the code content."
+          "Language and filename labels supplement rather than replace the code content.",
+          "The semantic code-family token retains a system-monospace fallback when an application does not load Fira Code; applications may disable programming ligatures through the shared code-surface custom property."
+        ],
+        "states": [
+          "Applications load font assets once at their root. The component consumes --typography-font-family-code and never fetches or packages a font."
         ],
         "responsiveBehavior": [
           "Long lines scroll horizontally and do not widen the owning transcript."
@@ -2827,7 +3000,11 @@
         "references": [
           {
             "label": "Storybook examples",
-            "path": "src/wc/components/MessageScroller/MessageScroller.stories.ts"
+            "path": "src/wc/components/CodeBlock/CodeBlock.stories.ts"
+          },
+          {
+            "label": "Font ownership and loading",
+            "path": "docs/font-ownership.md"
           }
         ]
       },
@@ -4426,12 +4603,12 @@
       "tag": "ds-message-composer",
       "name": "message-composer",
       "title": "MessageComposer",
-      "summary": "Two-line auto-growing conversation textarea with submit, stop, error, and extensible leading-tool or trailing-action regions.",
+      "summary": "Two-line auto-growing conversation textarea with submit, stop, an attached submission-error support surface, and extensible tool, action, and error-recovery regions.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "experimental",
-        "summary": "Two-line auto-growing conversation textarea with submit, stop, error, and extensible leading-tool or trailing-action regions.",
+        "summary": "Two-line auto-growing conversation textarea with submit, stop, an attached submission-error support surface, and extensible tool, action, and error-recovery regions.",
         "useWhen": [
           "A conversation accepts multi-line text and needs Enter-to-submit with a streaming stop action."
         ],
@@ -4449,14 +4626,17 @@
         "accessibility": [
           "Always provide a localized textarea label and submit or stop action names; the built-in icon action exposes the same name in its tooltip.",
           "Shift plus Enter inserts a newline while Enter submits non-empty content.",
-          "Streaming and error states remain perceivable without relying on icon shape alone."
+          "Submission errors remain visible and announced above the editable box as part of one attached composer unit, and the editable control references their text while the error state is active.",
+          "Streaming and error states remain perceivable without relying on icon shape or color alone."
         ],
         "states": [
           "The owner controls draft value and transport state; the composer emits intent without performing transport.",
+          "Error status never clears or disables the draft; the application supplies recovery actions through error-actions and owns retry semantics. The negative support surface appears above and attached to the composer box, within the component's measured ownership.",
           "Use the tools slot for leading actions such as add and the actions slot for trailing actions such as dictation; the built-in submit or stop action remains last with an 8px gap from the preceding action. These icon buttons use the standard non-rounded control radius, and the application supplies tooltips for slotted icon actions.",
           "The composer surface uses the 10px --dimension-radius-125 token.",
           "Mouse or keyboard focus on the textarea gives the complete composer surface the same bold-brand inset stroke width and color as an active Input; the native textarea never draws a separate outline.",
-          "The empty or otherwise inactive submit action is a disabled bordered ButtonUnfilled. Ready submit actions use submitIntent, while the streaming stop action remains a bold-brand ButtonFilled."
+          "The empty or otherwise inactive submit action is a disabled bordered ButtonUnfilled. Ready submit actions use submitIntent, while the streaming stop action remains a bold-brand ButtonFilled.",
+          "The attached error unit keeps a real boundary in forced colors and lets message text and application-owned recovery actions wrap at narrow widths."
         ],
         "responsiveBehavior": [
           "The textarea begins at two body-medium lines, grows one line at a time through six lines, and then scrolls internally."
@@ -4474,6 +4654,10 @@
       },
       "api": {
         "props": {
+          "errorMessage": {
+            "type": "string",
+            "required": false
+          },
           "isInactive": {
             "type": "boolean",
             "required": false
@@ -4522,11 +4706,14 @@
       },
       "dependencies": [
         "@ds-mo/ui",
-        "@ds-mo/tokens"
+        "@ds-mo/tokens",
+        "@ds-mo/icons"
       ],
       "componentDependencies": [
         "button-filled",
         "button-unfilled",
+        "icon",
+        "text",
         "tooltip"
       ]
     },
@@ -4535,12 +4722,12 @@
       "tag": "ds-message-scroller",
       "name": "message-scroller",
       "title": "MessageScroller",
-      "summary": "Focusable transcript scroller that follows the live edge only while the reader remains there.",
+      "summary": "Focusable transcript scroller with turn anchoring, reader-controlled live-edge following, and a measured interaction-plus-composer overlay stack.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "experimental",
-        "summary": "Focusable transcript scroller that follows the live edge only while the reader remains there.",
+        "summary": "Focusable transcript scroller with turn anchoring, reader-controlled live-edge following, and a measured interaction-plus-composer overlay stack.",
         "useWhen": [
           "Messages can append or stream and transcript position must remain respectful of reader intent."
         ],
@@ -4549,10 +4736,12 @@
         ],
         "commonlyComposedWith": [
           "component:ds-message",
-          "component:ds-message-composer"
+          "component:ds-message-composer",
+          "component:ds-agent-questionnaire"
         ],
         "patterns": [
-          "pattern:conversation"
+          "pattern:conversation",
+          "pattern:agent-chat"
         ],
         "accessibility": [
           "Give each transcript a concise localized label.",
@@ -4560,11 +4749,12 @@
           "The scroll-to-latest control remains keyboard accessible when follow behavior is released and exposes its action name in a tooltip."
         ],
         "states": [
-          "Selection and transcript interaction release automatic following.",
+          "Wheel, touch, keyboard navigation, selection, and transcript interaction release automatic following; Scroll to latest explicitly restores it.",
+          "A newly appended outgoing Message marked scroll-anchor starts a turn near the top with the configurable previous-turn peek; mutations inside existing messages and prepended history do not re-anchor.",
           "Opening saved history, message jumps, and prepended history preserve deliberate position.",
           "The scroll-to-latest action is absent at the live edge, appears only after the reader moves away, and disappears again after returning to the newest message.",
           "Scroll to latest uses the shared md control-elevation wrapper with a pointer-transparent top highlight, preserving its transparent backdrop blur and borderless unfilled action while the press-scale modifier moves the complete elevated surface.",
-          "Place a composer container with 8px padding on every side in the overlay slot so messages scroll behind it; the shared scroll-overlay controller tracks every composer growth step, reserves matching transcript clearance, begins the fade 8px before the visible composer, and keeps scroll-to-latest above it."
+          "Place a pending human-input surface in interaction and a composer container with 8px padding on every side in overlay; the shared scroll-overlay controller measures them as one stack, tracks every growth step, reserves matching transcript clearance, begins the fade before the stack, and keeps scroll-to-latest above it."
         ],
         "responsiveBehavior": [
           "Transcript width is readable while the scroll region fills available height.",
@@ -6062,12 +6252,12 @@
       "tag": "ds-radio",
       "name": "radio",
       "title": "Radio",
-      "summary": "Form-associated one-of-many radio selection set with vertical or horizontal layout, four densities, per-option inactive state, and roving keyboard focus.",
+      "summary": "Form-associated one-of-many radio selection set with vertical or horizontal layout, optional per-option descriptions, four densities, per-option inactive state, and roving keyboard focus.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "stable",
-        "summary": "Form-associated one-of-many radio selection set with vertical or horizontal layout, four densities, per-option inactive state, and roving keyboard focus.",
+        "summary": "Form-associated one-of-many radio selection set with vertical or horizontal layout, optional per-option descriptions, four densities, per-option inactive state, and roving keyboard focus.",
         "useWhen": [
           "A user must select exactly one visible option from a small set.",
           "All available choices should remain visible for comparison.",
@@ -6101,19 +6291,20 @@
         ],
         "accessibility": [
           "The host exposes radiogroup semantics and requires an accessible group name from aria-label or aria-labelledby.",
-          "Each visible option exposes radio semantics, its checked state, its label text, and any inactive state.",
+          "Each visible option exposes radio semantics, its checked state, its label text, optional supporting description, and any inactive state.",
           "Arrow keys move and select through active options; Home and End select the first and last active options; Space and Enter select the focused option.",
-          "Roving tabindex keeps one active option in the tab order, preferring the selected option."
+          "Roving tabindex keeps one active option in the tab order, preferring the selected option; setFocus uses that same public focus target."
         ],
         "states": [
           "Unchecked circles use a tertiary-foreground inset stroke: 1.5px at lg, 1.25px at md, 1px at sm, and 0.75px at xs.",
           "Selected circles remove the border, use a brand fill, and draw a centered on-bold foreground dot sized 10px at lg, 8px at md, 6px at sm, and 4px at xs.",
           "Sizes are lg with a 20px circle in a 24px placement, md with a 16px circle in a 20px placement, sm with a 12px circle in a 16px placement, and xs with an 8px circle in a 12px placement.",
-          "The initial value is restored by native form reset; the selected value submits under name and a required set is invalid until one active option is selected."
+          "The initial value is restored by native form reset; the selected value submits under name and a required set is invalid until one active option is selected.",
+          "Description-rich options grow beyond the fixed density height while retaining its minimum target size and primitive-owned selection anatomy."
         ],
         "responsiveBehavior": [
           "Choose size from the density of the containing form or settings row.",
-          "Prefer vertical layout when labels may wrap or horizontal space is constrained; horizontal layout is appropriate for short labels in a small set."
+          "Prefer vertical layout when labels or descriptions may wrap or horizontal space is constrained; horizontal layout is appropriate for short labels in a small set."
         ],
         "frameworkCaveats": {
           "customElements": [
@@ -6616,7 +6807,7 @@
           "Replace navigation and pageChrome together from one completed route state.",
           "When pageChrome.showBack marks a detail depth, mobile chrome keeps the page heading as its identity and presents only local subsections; peer route tabs remain in desktop BarNav rather than replacing the detail heading.",
           "Managed ShellApp keeps BarNav and ShellPage presentations present and owns page header stickiness and the content scroller.",
-          "Route-owned pageChrome selects ShellPage contentInset and contentSurface independently; ShellApp forwards both without making page-specific layout or surface decisions.",
+          "Route-owned pageChrome independently selects ShellPage contentInset, roomy and compact top seams, scroll compaction, expanded and compact header-divider visibility, and contentSurface; ShellApp forwards them without making page-specific layout or surface decisions.",
           "The application filters unauthorized destinations, sections, and tools before passing them into shell components."
         ],
         "responsiveBehavior": [
@@ -6792,12 +6983,12 @@
       "tag": "ds-shell-page",
       "name": "shell-page",
       "title": "ShellPage",
-      "summary": "The standard routed-page boundary inside ShellApp, owning sticky BarTitle or BarWorkflow placement, application-supplied BarTitle capacity, stable scroll compaction, and independent page-content inset and canvas surface without creating a nested scroll container.",
+      "summary": "The standard routed-page boundary inside ShellApp, owning sticky BarTitle or BarWorkflow placement, application-supplied BarTitle capacity, optional scroll compaction, and independent page-content inset and canvas surface without creating a nested scroll container.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "stable",
-        "summary": "The standard routed-page boundary inside ShellApp, owning sticky BarTitle or BarWorkflow placement, application-supplied BarTitle capacity, stable scroll compaction, and independent page-content inset and canvas surface without creating a nested scroll container.",
+        "summary": "The standard routed-page boundary inside ShellApp, owning sticky BarTitle or BarWorkflow placement, application-supplied BarTitle capacity, optional scroll compaction, and independent page-content inset and canvas surface without creating a nested scroll container.",
         "useWhen": [
           "Rendering a standard routed page inside ShellApp's default content region.",
           "BarTitle should expand at a roomy page top, compact after scroll, or use constrained action layout when the application shell reports reduced capacity.",
@@ -6842,6 +7033,9 @@
           "headerPresentation=auto selects the matching header variant from headerCapacity and scroll position.",
           "expanded, compact, and constrained are explicit overrides for exceptional layouts and deterministic examples.",
           "contentInset=default supplies standard page gutters; none permits maps, canvases, and other full-bleed content.",
+          "contentInsetBlockStart=none removes only the gutter adjacent to the page header while retaining the responsive inline and bottom gutters.",
+          "contentInsetBlockStartSize can provide an exact roomy top seam, while compactContentInsetBlockStartSize independently defines the compact and constrained seam. ShellPage exposes their resolved sticky-header offset through --ds-shell-page-content-block-start-offset for viewport-fitted descendants.",
+          "scrollCompaction=false keeps a roomy header expanded and pinned during page scrolling; capacity changes still select compact or constrained variants.",
           "contentSurface=primary keeps the standard page canvas; secondary paints both the inset gutter and the canvas beneath routed content. Desktop and tablet BarTitle chrome matches that canvas in expanded, compact, and constrained presentations; MobileHeader remains primary.",
           "contentInset and contentSurface are independent: either surface supports standard responsive gutters or a full-bleed page-owned layout.",
           "The header slot accepts one desktop BarTitle or BarWorkflow; mobile-header accepts the corresponding MobileHeader presentation. The default slot owns router output and all page product content."
@@ -6849,10 +7043,12 @@
         "responsiveBehavior": [
           "The owning application shell resolves viewport and persistent-chrome state into the explicit headerCapacity prop; ShellPage never guesses the cause of reduced width from its own rendered size.",
           "Roomy capacity expands at the top and compacts after scroll; compact capacity stays compact; constrained capacity uses the constrained action layout.",
+          "Pages with scrollCompaction=false keep roomy headers expanded while still responding to compact or constrained capacity from tools and breakpoints.",
           "A ShellPage-managed BarTitle remains concealed until headerCapacity is available and its rendered variant matches the resolved presentation, preventing a default-variant flash during route activation.",
           "responsiveMode=mobile hides and inerts the desktop header, exposes mobile-header, and disables desktop scroll-compaction geometry.",
           "Update headerCapacity synchronously with shell layout state so opening tools or crossing application breakpoints cannot briefly render the wrong presentation.",
           "The default content inset is balanced on every side: 32px in desktop mode and 16px in tablet and mobile modes.",
+          "contentInsetBlockStart can independently remove the top gutter for table and canvas pages that should meet the sticky header; exact roomy and compact block-start sizes support pages whose seam changes with header capacity.",
           "The selected content surface persists unchanged across desktop, tablet, and mobile modes.",
           "On a secondary desktop or tablet page, BarTitle matches the page canvas across capacity and scroll-driven variant changes; the separate mobile-header presentation remains primary.",
           "The flow-preservation spacer follows contentSurface so compacting a secondary page cannot expose a primary strip before its content.",
@@ -6892,10 +7088,22 @@
       },
       "api": {
         "props": {
+          "compactContentInsetBlockStartSize": {
+            "type": "string",
+            "required": false
+          },
           "contentInset": {
             "type": "ShellPageContentInset",
             "required": false
           },
+          "contentInsetBlockStart": {
+            "type": "ShellPageContentInset",
+            "required": false
+          },
+          "contentInsetBlockStartSize": {
+            "type": "string",
+            "required": false
+          },
           "contentSurface": {
             "type": "ShellPageContentSurface",
             "required": false
@@ -6911,6 +7119,10 @@
           "responsiveMode": {
             "type": "ShellResponsiveMode",
             "required": false
+          },
+          "scrollCompaction": {
+            "type": "boolean",
+            "required": false
           }
         },
         "events": [],
@@ -7888,29 +8100,30 @@
           "component:ds-icon"
         ],
         "accessibility": [
-          "The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a presentational title bar renders as component chrome outside the horizontal scrollport so it stays aligned with the table frame without duplicating the accessible name.",
+          "The rendered structure uses a native table, caption, column headers, row groups, and data cells; keep the caption non-empty. The native caption remains visually hidden as the table's accessible name. When caption visibility is enabled, a 48px header bar renders as component chrome outside the horizontal scrollport. It defaults to a presentational caption title that does not duplicate the accessible name; application-owned labeled controls supplied through the named header slot replace that fallback. header-leading and header-trailing place actions in the matching compact-bar zones without transferring ownership of the bar's outer or copy padding to the application. Their slot outlets remain mounted so dynamically shown selection and filtering summaries cannot briefly enter the table's outer flow or move its frame.",
           "Sorting controls remain buttons inside column headers. Member-row sort uses aria-sort, while independent group order is described by the grouped header control.",
           "Selection controls expose checkbox semantics and explicit row names; select-all affects selectable loaded rows only and preserves selected identities outside the loaded window. When grouping is active with multi-selection, each group section header also exposes a checkbox that selects or clears that group's selectable loaded rows.",
           "Interactive rows are focusable as native rows, activate with Enter or Space, and do not steal activation from their nested selection or action controls.",
           "Scrollable table regions become keyboard focusable and named only when overflow exists.",
           "Incremental loading, newly appended row counts, failures, and end-of-results transitions are announced through a polite status region without replacing visible state.",
-          "An optional result summary footer appears below the table frame when both displayedCount and totalCount are finite, formatting Displaying {displayed} of {total} in text-body-medium secondary."
+          "An optional result summary footer appears below the table frame when both displayedCount and totalCount are finite, formatting Displaying {displayed} of {total} in text-body-medium secondary. The footer slot can replace that copy, while footer-leading and footer-trailing compose actions into the same compact-bar anatomy. Authored footer content can also opt into the 48px footer without controlled counts."
         ],
         "states": [
-          "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, displayedCount, totalCount, and lazy-loading state are controlled inputs. Events communicate intent and never mutate those inputs.",
-          "Grouping supports one level. The application supplies ordered groups and ordered member rows; group order and member-row sort are independent controls. Group section headers show an emphasized text-body-medium label followed by a rounded sm Tag containing only the numeric count. The Tag uses the group's faint intent surface (neutral when intent is absent) and a small-elevation, button-hugging wrapper; a localized countLabel remains available to assistive technology. Groups may declare an optional intent (brand, neutral, negative, warning, caution, positive) that paints an LTR gradient from the faint intent surface at the label edge into faint neutral at the trailing edge, plus a bold intent title color. Neutral groups remain solid faint neutral. Section separators are painted inside that viewport-width surface so translucent border tokens composite with each intent background; the final collapsed section does not duplicate the terminal table edge. A trailing visually neutral icon-only ButtonUnfilled uses the 24px md double-inset action recipe and toggles controlled collapsedGroupIds, showing ChevronUp while expanded and ChevronDown while collapsed. While any group remains expanded, a ChevronDownUp action uses the xs sort-control recipe widened to a table-owned 24px lane and collapses every group. It appears at the inline-end edge of the trailing column declared with kind action when one exists; otherwise a button-hugging 24px by 16px medium-elevation surface floats at the visible scrollport's header edge so the action remains reachable while member columns scroll beneath it. The section header stays pinned to the visible horizontal scrollport and spans the smaller of the visible viewport or table width.",
+          "Columns, rows, groups, grouping, sorting, selected row IDs, collapsed group IDs, displayedCount, totalCount, and lazy-loading state are controlled inputs. Events communicate intent and never mutate those inputs. The optional header and footer slots are composable table-local bars: the component owns their 48px chrome, 8px outer inset, md copy-container padding, balanced text inset, action zones, and sticky placement while the application owns its controls, labels, filtering behavior, and action handling. Content-sized tables remain natural for sparse or fixed-count results. height bounds the complete header, frame, and footer composition. fitViewport reserves the compact-state composition height in the nearest vertical scrollport while growing the visible table into that reservation as surrounding page chrome collapses.",
+          "Grouping supports one level. The application supplies ordered groups and ordered member rows; group order and member-row sort are independent controls. Group section headers show an emphasized text-body-medium label followed by a rounded sm Tag containing only the numeric count. The Tag uses the group's faint intent surface (neutral when intent is absent) and a small-elevation, button-hugging wrapper; a localized countLabel remains available to assistive technology. Groups may declare an optional intent (brand, neutral, negative, warning, caution, positive) that paints an LTR gradient from the faint intent surface at the label edge into faint neutral at the trailing edge, plus a bold intent title color. Neutral groups remain solid faint neutral. Section separators are painted inside that viewport-width surface so translucent border tokens composite with each intent background; the final collapsed section does not duplicate the terminal table edge. A trailing visually neutral icon-only ButtonUnfilled uses the 24px md double-inset action recipe and toggles controlled collapsedGroupIds, showing ChevronUp while expanded and ChevronDown while collapsed. While any group remains expanded, a ChevronDownUp action uses the xs sort-control recipe widened to a table-owned 24px lane and collapses every group. It appears at the inline-end edge of the trailing column declared with kind action when one exists; otherwise a button-hugging 24px by 16px medium-elevation surface floats at the visible scrollport's header edge so the action remains reachable while member columns scroll beneath it. With stickyHeader enabled, each section header scrolls with its group, pins directly below the column header when reached, and yields when the next section arrives. It also stays pinned to the visible horizontal scrollport and spans the smaller of the visible viewport or table width.",
           "An active member sort toggles only between ascending and descending; activating a different sortable label moves sorting to that key. Applications may still clear the controlled sort state explicitly. The grouped column toggles ascending and descending group order without clearing member sort.",
           "Compound headers can expose multiple related labels with independent sort keys. Each label owns only its content-width interaction target while the active direction remains in the column's alignment-aware sort lane.",
-          "Initial loading uses row-shaped skeletons that preserve the standard single-line cell padding, row dividers, column dividers, selection lane, and sticky-lane boundaries. Empty and initial error states remain inside the table. Incremental loading retains existing rows and supports automatic sentinel, manual load-more, retry, and terminal states.",
+          "Initial loading uses row-shaped skeletons that preserve the standard single-line cell padding, row dividers, column dividers, selection lane, and sticky-lane boundaries. Empty, initial error, load-more, retry, loading-more, and terminal bands remain fixed to the visible table width while data columns scroll horizontally beneath them. Incremental loading retains existing rows and supports automatic sentinel, manual load-more, retry, and terminal states.",
           "Lazy loading replaces pagination. The application owns requests, cancellation, cursors, deduplication, appended records, and query identity; loadIdentity resets the component request guard.",
           "Rows opt into complete-row activation with interactive and emit dsRowActivate without owning navigation. Selection paints through the shared selected ::before layer; interactive hover and press paint through the shared ::after layer.",
           "Row selection owns the single sticky start lane. One explicitly sized application column can own the sticky end lane, or the start lane when selection is absent. Each sticky boundary owns one fixed divider and a row-clipped directional shadow that paints into the adjacent scrolling columns only while more inline content remains beyond that edge.",
-          "Cells accept scalar content, standard primary-and-secondary or dual-primary text primitives, declarative Tag, icon-only, 16:9 Image, or ButtonUnfilled Action content, or explicit Empty and Blank absence values. Single-track text, selection, tag-only, icon-only, Action, Empty, and Blank cells resolve a 40px base contract while multi-track cells grow downward. Tag cells use the double-inset Tag recipe; the md tag-only recipe is 24px inside 8px padding, while compound tag tracks preserve their peer text alignment. Action cells primarily use an icon-only Ellipses treatment, render a 24px small ButtonUnfilled inside 8px padding, default to unbordered, and emit row, column, and action identities through dsCellAction. Image cells render a 48px-high 16:9 bordered preview inside 8px outer padding, establishing a 64px row and a 102px column recipe, and fall back to an accessible placeholder when no source is supplied. Empty means the data applies but has no value and renders an em dash with localized assistive text; Blank means the data is not applicable and renders no content. Nullish values remain backward-compatible Empty values. Stable type and variant hooks keep every cell family independently styleable.",
+          "Cells accept scalar content, standard primary-and-secondary or dual-primary text primitives, declarative Tag, icon-only, 16:9 Image, or ButtonUnfilled Action content, or explicit Empty and Blank absence values. Standard secondary copy defaults to the secondary foreground and may declare a semantic Text color when the application data carries intent; dual-primary copy keeps both tracks primary unless explicitly colored. Single-track text, selection, tag-only, icon-only, Action, Empty, and Blank cells resolve a 40px base contract while multi-track cells grow downward. Tag cells use the double-inset Tag recipe; the md tag-only recipe is 24px inside 8px padding, while compound tag tracks preserve their peer text alignment. Action cells primarily use an icon-only Ellipses treatment, render a 24px small ButtonUnfilled inside 8px padding, default to unbordered, and emit row, column, and action identities through dsCellAction. Image cells render a 48px-high 16:9 bordered preview inside 8px outer padding, establishing a 64px row and a 102px column recipe, and fall back to an accessible placeholder when no source is supplied. Empty means the data applies but has no value and renders an em dash with localized assistive text; Blank means the data is not applicable and renders no content. Nullish values remain backward-compatible Empty values. Stable type and variant hooks keep every cell family independently styleable.",
           "The public @ds-mo/ui/table.css export is the authoritative zero-specificity visual recipe. Override its --ds-table-* properties or target its stable element classes for product-specific styling."
         ],
         "responsiveBehavior": [
           "The table keeps native semantics at narrow widths and scrolls horizontally instead of transforming into cards.",
-          "stickyHeader follows the active vertical scroll owner: a maxHeight table keeps its native header inside the bounded table scrollport, while a document-flow table retains a semantic native header and renders a sticky control header whose columns follow the body's native inline scroll timeline. Consumers set --ds-table-sticky-header-offset when page chrome occupies the scrollport edge.",
+          "stickyHeader follows the active vertical scroll owner: a maxHeight, height, or fitViewport table keeps its native header and group sections inside one bounded table scrollport, while a document-flow table retains a semantic native header and renders a sticky control header whose columns follow the body's native inline scroll timeline. Consumers set --ds-table-sticky-header-offset when page chrome occupies an unbounded document scrollport edge. When the 48px table header bar is visible, it sticks at that external offset and the column header stacks immediately below it.",
+          "fitViewport uses viewportInsetBlockStart and viewportInsetBlockEnd to describe compact surrounding chrome and page gutters relative to the nearest vertical scroll owner. Before the table reaches that compact position, its host reserves the eventual height while the visible composition grows and vertical input remains owned by the outer page. Once settled, the internal table viewport becomes the vertical scroll owner. In both bounded and document-flow modes, native row-group headers remain the semantic source while one table-owned visual sticky lane is clamped to the active row group's ending boundary, so each incoming section pushes the previous section away without duplicate overlap.",
           "Without maxHeight the table grows the document and automatic lazy loading observes the browser viewport. Horizontal scrolling chains vertical wheel and trackpad movement to the page instead of trapping it.",
           "Explicit column sizes establish the horizontal overflow width; unsized columns share remaining space.",
           "Prefer the named xs through xl column sizes, which resolve through TokoMo's table-column width tokens; numeric pixel sizes remain an escape hatch for exceptional application-owned widths.",
@@ -7992,6 +8205,10 @@
             "type": "string",
             "required": false
           },
+          "fitViewport": {
+            "type": "boolean",
+            "required": false
+          },
           "grouping": {
             "type": "TableGroupingState | null",
             "required": false
@@ -8004,6 +8221,10 @@
             "type": "boolean",
             "required": false
           },
+          "height": {
+            "type": "string | number | undefined",
+            "required": false
+          },
           "lazyLoading": {
             "type": "boolean",
             "required": false
@@ -8087,6 +8308,14 @@
           "totalCount": {
             "type": "number | undefined",
             "required": false
+          },
+          "viewportInsetBlockEnd": {
+            "type": "string | number",
+            "required": false
+          },
+          "viewportInsetBlockStart": {
+            "type": "string | number",
+            "required": false
           }
         },
         "events": [
@@ -8818,6 +9047,8 @@
           "The owning chart mounts the callout when a local interaction starts and unmounts it when that interaction ends.",
           "Coordinate updates track within one mounted interaction session without restarting the show delay.",
           "Placement flips horizontally or vertically when the rendered callout approaches a viewport edge.",
+          "The heading and rows use the same medium-density section-heading and control-frame anatomy as menu-style choice content.",
+          "When any grouped row supplies a swatch, every row reserves the shared leading icon zone so mixed-swatch labels and trailing values stay aligned.",
           "Placement is chosen as a quadrant rather than computed as coordinates: the component measures its own rendered rect and flips its side and align props, which CSS consumes. It therefore does not use the shared anchored-position utilities, which resolve an anchor element into x and y.",
           "This separation is deliberate. The callout follows the pointer instead of an element, so it has no anchor rect to resolve; adopting the shared geometry would mean rewriting its CSS to consume coordinates for no behavioral gain.",
           "Reduced motion preserves the final visible state without an opacity transition."