@ds-mo/ui 13.3.0 → 13.5.0

package/dist/.package-ready.json

@@ -1 +1 @@
-{"schemaVersion":1,"package":"@ds-mo/ui","version":"13.3.0","components":65,"digest":"e45b15820c04d5a560af9cff20f318989cad1b2fdb84f1a6735a6e871f3cf279","completedAt":"2026-07-31T03:23:36.002Z"}
+{"schemaVersion":1,"package":"@ds-mo/ui","version":"13.5.0","components":66,"digest":"eebaa1f1eabb8a41935b6137f29b9e5a04282391042c802fc0025b1e4802e141","completedAt":"2026-07-31T23:33:12.355Z"}

package/dist/agent-patterns.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "13.3.0",
+  "packageVersion": "13.5.0",
   "kind": "patterns",
   "entries": [
     {
@@ -35,6 +35,11 @@
           "role": "Renders ordered normalized agent response parts.",
           "required": true
         },
+        {
+          "component": "component:ds-message-actions",
+          "role": "Provides completed-response Copy and controlled feedback without owning response data or consequences.",
+          "required": false
+        },
         {
           "component": "component:ds-message-composer",
           "role": "Emits participant submission and stop intent.",
@@ -45,6 +50,7 @@
         "The application owns scripted or real transport, immutable response parts, retry, stop, generated titles, and persistence.",
         "User-sent prompts use MessageBubble's user variant and body-medium regular default with secondary foreground; the application does not promote ordinary sent-message copy to body-large.",
         "AgentResponse renders directly in Message without a MessageBubble surface, owns ordered display only, and never reveals private reasoning.",
+        "MessageActions may copy application-authored response text and emit controlled feedback intent; the application owns serialization, persistence, submission, permissions, analytics, and model consequences.",
         "Markdown parsing and safe node creation belong to the renderer; the renderer-neutral @ds-mo/ui/prose.css surface owns only semantic-tree styling.",
         "Tool-call components display execution state but do not request participant approval."
       ],
@@ -284,6 +290,11 @@
           "role": "Owns plain user-sent and received person-to-person surfaces and their body-medium default independently of row semantics.",
           "required": true
         },
+        {
+          "component": "component:ds-message-actions",
+          "role": "Provides optional message Copy and controlled response-feedback actions in the Message metadata region.",
+          "required": false
+        },
         {
           "component": "component:ds-typing-indicator",
           "role": "Presents transient participant typing status without representing it as persisted message content.",
@@ -306,12 +317,14 @@
         "When history search is present, distinguish an empty history from a populated history with no matching conversations.",
         "Plain user-sent and received person-to-person copy uses MessageBubble's body-medium regular default; user bubbles use secondary foreground, and the application must not promote ordinary conversation turns to body-large.",
         "TypingIndicator owns transient participant typing status and is composed directly in an incoming Message; it is never approximated with a MessageBubble variant.",
+        "MessageActions owns browser Copy behavior and controlled feedback intent. The application supplies copyable content and owns feedback persistence, submission, permissions, analytics, and consequences.",
         "MessageScroller owns reader-relative transcript position and follow behavior. Compose MessageComposer in its overlay slot with 8px padding on every side so transcript content moves behind the surface while measured bottom clearance keeps the latest turn readable.",
         "MessageComposer emits intent while the application controls its value and status. Its submit action defaults to brand for agent and person-to-person channels; select another submitIntent only for a different semantic consequence, never merely to identify AI content."
       ],
       "accessibility": [
         "Give history and transcript regions distinct localized names.",
         "Preserve message author, order, time, status, and delivery meaning in text.",
+        "When metadata actions use hover visibility, fade the complete reserved metadata row, preserve keyboard access, and keep the row visible for touch input.",
         "Do not force the reader back to the live edge after deliberate transcript interaction."
       ],
       "responsiveBehavior": [

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/ui",
-  "packageVersion": "13.3.0",
+  "packageVersion": "13.5.0",
   "kind": "components",
   "entries": [
     {
@@ -99,6 +99,7 @@
         ],
         "commonlyComposedWith": [
           "component:ds-message",
+          "component:ds-message-actions",
           "component:ds-markdown",
           "component:ds-agent-activity",
           "component:ds-agent-tool-call",
@@ -109,12 +110,14 @@
         ],
         "accessibility": [
           "Part order matches authored reading order and remains inside generic message semantics.",
-          "Streaming state supplements rather than replaces meaningful textual status."
+          "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.",
           "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; prose CSS owns only semantic-tree styling and never response ordering or streaming state.",
+          "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."
@@ -140,6 +143,10 @@
             "type": "string",
             "required": false
           },
+          "metadataVisibility": {
+            "type": "MessageMetadataVisibility",
+            "required": false
+          },
           "parts": {
             "type": "AgentResponsePart[]",
             "required": false
@@ -416,7 +423,7 @@
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
-        "status": "experimental",
+        "status": "stable",
         "summary": "Compact icon avatar for visually identifying a person, group, channel, or conversation type.",
         "useWhen": [
           "A list or message composition needs a consistent circular identity marker represented by an icon at md, sm, or xs control density."
@@ -1783,12 +1790,12 @@
       "tag": "ds-card-overview",
       "name": "card-overview",
       "title": "CardOverview",
-      "summary": "Page-level summary card pairing one headline score with a reporting period, an application-owned period control, and a responsive grid of comparable measures, with an optional elevated scroll-collapse surface and compact 48px presentation.",
+      "summary": "Page-level summary with a persistent 48px reporting bar above an equal-track grid of an optional safety score and comparable measures, plus an elevated page-controlled collapse surface.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "experimental",
-        "summary": "Page-level summary card pairing one headline score with a reporting period, an application-owned period control, and a responsive grid of comparable measures, with an optional elevated scroll-collapse surface and compact 48px presentation.",
+        "summary": "Page-level summary with a persistent 48px reporting bar above an equal-track grid of an optional safety score and comparable measures, plus an elevated page-controlled collapse surface.",
         "useWhen": [
           "A page opens with one headline figure that the surrounding measures explain.",
           "Every measure is compared against the same period, so one caption describes the comparison for all of them.",
@@ -1820,8 +1827,7 @@
         ],
         "accessibility": [
           "The bar is a labelled region; set overviewLabel to name what is being summarised, such as Safety summary.",
-          "Trend arrows are decorative and hidden from assistive technology, so the formatted change value must read correctly on its own.",
-          "Colour never carries the trend meaning alone; the arrow direction and the value are both present.",
+          "Colour never carries trend meaning alone; the arrow direction and formatted change value are both included in the accessible text.",
           "Measures become selectable only when they are not inactive. Selectable measures form one roving tab stop, so the grid is a single stop and arrow keys move between measures.",
           "Set labelTooltip when a measure's label needs qualifying rather than shortening the label into something ambiguous.",
           "While loading, the region exposes a busy state and renders skeletons whose type metrics match the resolved content."
@@ -1830,20 +1836,21 @@
           "Score and measures are supplied as data; the component owns their type treatment so summary bars stay consistent across pages.",
           "Trend is supplied already resolved as a direction, a formatted value, and a tone. Whether a rise reads well is a product decision, so the component never infers tone from the numbers. Derive it with resolveMetricTrend.",
           "Omit a trend when there is nothing to report; resolveMetricTrend returns null in that case so no zero change is rendered.",
-          "Omit score to render the bar without a headline figure. Set scoreErrorMessage to report that the figure could not be resolved while the measures remain readable.",
+          "Omit score to render a centered Score unavailable cell with a tertiary border and no score fill. Set scoreErrorMessage to replace that copy while the measures remain readable.",
           "Loading replaces the score and the measures with skeletons and does not alter the slotted period control.",
-          "At most six measures are shown. Keep larger collections outside the summary bar rather than turning it into a dense dashboard.",
-          "The period control is slotted rather than owned, because the choice of stepper, select, or date range varies by product surface.",
-          "During a page-controlled scroll collapse, the component preserves its expanded flow height while the elevated visual surface shrinks toward 48px and the full content translates upward inside an internal clip. The elevation remains fitted to the visible surface instead of being clipped with the content.",
-          "compact is exactly 48px high and keeps only the score label, score value, trend, reporting copy, and slotted period control. It omits the score band, measures, and footer."
+          "At most seven measures are shown. Keep larger collections outside the summary bar rather than turning it into a dense dashboard.",
+          "The period and filter controls are slotted rather than owned. Use the period slot when the current range is selectable; otherwise periodLabel supplies fixed current copy in the same md control-frame and label-inset anatomy. Use the filter slot for the application-owned comparison-window control. Slotted Selects use hasBorder false so the 48px bar owns their surrounding boundary.",
+          "A numeric safety score infers fair from 0–50, good from 51–80, and excellent from 81–100. The level can be supplied explicitly when the displayed value is not numeric. The deprecated band field is ignored.",
+          "The safety score is the first grid cell and uses the same track, 8px outer inset, 6px inner padding, dividers, and responsive behavior as metric cells. The display value removes 12px from both block edges of its line box so it does not increase the shared row height. Score remains nonselectable and excluded from metric roving focus.",
+          "During page-controlled scroll collapse, the component preserves its expanded flow height and stationary reporting bar while the metric grid moves and clips beneath it. Elevation remains fitted to the visible surface.",
+          "compact is exactly 48px high and renders only the reporting bar. It omits Score, measures, and footer."
         ],
         "responsiveBehavior": [
-          "The measure grid reflows to fewer columns and finally stacks, driven by the minimum measure width alone. There is no measurement and no horizontal scrolling.",
+          "The measure grid reflows to fewer columns and finally stacks without horizontal scrolling. Even cell totals prefer complete rows; odd totals retain the densest fitting layout and may leave an orphan in the final row.",
           "Every occupied grid track has the same width. When a final row is incomplete, its measures keep the same width as the row above and the unused tracks remain empty.",
           "Set metricMinWidth to change the width a measure may shrink to before the grid drops a column.",
-          "The score block hugs its content and never shrinks, so the headline figure holds its size while the grid absorbs the remaining width.",
-          "Once the card reaches its narrow stacked state, one summary block holds the score label, score, trend, score band, reporting period, and the application-owned period control above the single-column measures.",
-          "In that stacked summary, the score and trend share one line at the start, while the score band is hidden to preserve space. The period control stays at the upper end, while the current period and comparison sit on separate right-aligned lines beside the score.",
+          "The safety score participates in the same equal-width tracks as measures rather than occupying a separate rail.",
+          "The reporting bar owns an exact 8px inset on every edge. Fixed current copy and slotted controls begin at that inset; their labels share md control-frame geometry and truncate before changing the 48px height.",
           "Every measure occupies a full-width row in the stacked state.",
           "Set layout to stacked when the owning page shell enters a responsive mode before the card's own container reaches its narrow threshold.",
           "CardOverview does not observe scroll, choose sticky offsets, or switch its own presentation. The page owner supplies collapse progress, keeps the card sticky at the appropriate shell inset, and swaps to compact at the 48px endpoint.",
@@ -1852,7 +1859,7 @@
         "frameworkCaveats": {
           "customElements": [
             "Assign score and metrics as JavaScript properties; both are objects and cannot be expressed as HTML attributes.",
-            "Place the period control in the filter slot; the component reserves space for it but never renders one.",
+            "Place an optional current-range control in the period slot and the comparison-window control in the filter slot; the component reserves their layout but never computes or renders controls.",
             "When driving scroll collapse, update scrollCollapseProgress from page-owned geometry and swap to a separate compact presentation at the endpoint."
           ],
           "react": [
@@ -1863,7 +1870,7 @@
           "angular": [
             "Bind [score] and [metrics] as properties and read the selected measure from $event.detail on (dsMetricSelect).",
             "Derive each trend with resolveMetricTrend so tone stays an explicit product decision.",
-            "Keep sticky geometry and [scrollCollapseProgress] in the page owner; CardOverview only renders the visual collapse."
+            "Keep date math, sticky geometry, and [scrollCollapseProgress] in the page owner; CardOverview only renders the supplied composition and visual collapse."
           ]
         },
         "references": [
@@ -1939,11 +1946,9 @@
       },
       "dependencies": [
         "@ds-mo/ui",
-        "@ds-mo/tokens",
-        "@ds-mo/icons"
+        "@ds-mo/tokens"
       ],
       "componentDependencies": [
-        "icon",
         "skeleton",
         "text",
         "tooltip"
@@ -3713,7 +3718,7 @@
         ],
         "states": [
           "Every size applies one complete control-density recipe across frame height, inline padding, icon zones, text-container inset, gap, and radius; supporting error content follows the shared 4px field flow.",
-          "The normal field boundary uses the shared secondary inset border. Focus promotes it to the thicker bold-brand inset stroke, while error uses the thicker bold-negative inset stroke without changing geometry.",
+          "The normal field boundary uses the shared secondary inset border. Focus promotes it to the thicker bold-brand inset stroke, while error uses the thicker bold-negative inset stroke without changing geometry. Set hasBorder to false only in chrome that supplies enough surrounding structure; the control then remains borderless at rest, while focused, and while invalid, with semantics and supporting error copy unchanged.",
           "Placeholder text is secondary at rest and quaternary while the editable field is focused because it becomes decorative once typing begins.",
           "Entered values use the parent surface's primary foreground; prefix icons, suffix content, and resting placeholder text use its secondary foreground.",
           "Search fields show a standard borderless CrossCircle icon action only while they contain a value. Clearing emits the empty value and restores focus to the native field.",
@@ -4260,12 +4265,12 @@
       "tag": "ds-message",
       "name": "message",
       "title": "Message",
-      "summary": "Channel-neutral message row owning direction, grouping, author, time, delivery metadata, and header, footer, or action accessory regions.",
+      "summary": "Channel-neutral message row owning direction, grouping, author, time, delivery metadata, and persistent or metadata action regions.",
       "intentStatus": "complete",
       "intent": {
         "audience": "general",
         "status": "experimental",
-        "summary": "Channel-neutral message row owning direction, grouping, author, time, delivery metadata, and header, footer, or action accessory regions.",
+        "summary": "Channel-neutral message row owning direction, grouping, author, time, delivery metadata, and persistent or metadata action regions.",
         "useWhen": [
           "A transcript contains messages that need consistent incoming, outgoing, or system layout."
         ],
@@ -4274,6 +4279,7 @@
         ],
         "commonlyComposedWith": [
           "component:ds-message-bubble",
+          "component:ds-message-actions",
           "component:ds-message-scroller"
         ],
         "patterns": [
@@ -4281,14 +4287,16 @@
         ],
         "accessibility": [
           "Author and time metadata remain textual when they are necessary to interpret the transcript.",
-          "Delivery failure uses negative Failed to send text in the footer while the message bubble keeps its normal outgoing treatment; when time is also visible, a tertiary middle dot separates the failure label and timestamp."
+          "Delivery failure uses negative Failed to send text in the footer while the message bubble keeps its normal outgoing treatment; when time is also visible, a tertiary middle dot separates the failure label and timestamp.",
+          "Hover-only metadata rows remain keyboard reachable, reveal on focus, and stay visible for touch and coarse-pointer input."
         ],
         "states": [
           "Pass an ISO timestamp. Message keeps the full value in dateTime and formats the visible value as a localized time; applications must not render a raw ISO string as visible transcript metadata.",
           "A visible incoming author uses body-small emphasis with primary foreground; timestamp and delivery metadata remain caption text.",
           "Visible author, bubble content, and timestamp or delivery footer use consistent 4px vertical gaps.",
           "Grouping joins adjacent bubble corners, shows the incoming author only at the start, and shows delivery/time metadata only at the end. Outgoing author remains in the accessible message label without repeating a visible You label.",
-          "Set showAuthor false only when the product makes participant and assistant roles visually self-evident; continue passing author so the accessible message label remains specific."
+          "Set showAuthor false only when the product makes participant and assistant roles visually self-evident; continue passing author so the accessible message label remains specific.",
+          "Metadata actions precede incoming timestamps and follow outgoing timestamps. In hover mode the complete reserved footer—delivery, timestamp, and actions—fades as one unit without changing geometry; the persistent actions slot retains separate message-level controls."
         ],
         "responsiveBehavior": [
           "Outgoing and incoming rows adapt to available width while preserving their directional alignment."
@@ -4322,6 +4330,10 @@
             "type": "string",
             "required": false
           },
+          "metadataVisibility": {
+            "type": "MessageMetadataVisibility",
+            "required": false
+          },
           "scrollAnchor": {
             "type": "boolean",
             "required": false
@@ -4355,6 +4367,92 @@
         "text"
       ]
     },
+    {
+      "id": "component:ds-message-actions",
+      "tag": "ds-message-actions",
+      "name": "message-actions",
+      "title": "MessageActions",
+      "summary": "Reusable message-level Copy and controlled response-feedback actions with consistent compact presentation and browser clipboard feedback.",
+      "intentStatus": "complete",
+      "intent": {
+        "audience": "specialized",
+        "status": "experimental",
+        "summary": "Reusable message-level Copy and controlled response-feedback actions with consistent compact presentation and browser clipboard feedback.",
+        "useWhen": [
+          "A message metadata row needs Copy alone or Copy with mutually exclusive positive and negative response feedback."
+        ],
+        "avoidWhen": [
+          "The action executes, retries, regenerates, approves, edits, or otherwise changes message content."
+        ],
+        "commonlyComposedWith": [
+          "component:ds-message",
+          "component:ds-agent-response",
+          "component:ds-button-unfilled"
+        ],
+        "patterns": [
+          "pattern:conversation",
+          "pattern:agent-chat"
+        ],
+        "accessibility": [
+          "Every icon action has a matching tooltip and accessible name.",
+          "Feedback uses genuine pressed toggle semantics and Copy announces its temporary Copied state through the control name."
+        ],
+        "states": [
+          "The component owns clipboard execution and temporary copied feedback while the application supplies the exact copyable text.",
+          "Feedback is controlled: the component emits the requested positive, negative, or cleared value while the application owns persistence and consequences.",
+          "Copy, positive feedback, and negative feedback retain one stable order."
+        ],
+        "responsiveBehavior": [
+          "The compact action group follows the visibility and metadata placement policy of its owning Message."
+        ],
+        "references": [
+          {
+            "label": "Message metadata composition",
+            "path": "src/wc/components/Message/Message.stories.ts"
+          }
+        ]
+      },
+      "api": {
+        "props": {
+          "copyText": {
+            "type": "string | undefined",
+            "required": false
+          },
+          "feedback": {
+            "type": "MessageFeedback | undefined",
+            "required": false
+          },
+          "feedbackEnabled": {
+            "type": "boolean",
+            "required": false
+          }
+        },
+        "events": [
+          {
+            "name": "dsCopyResult",
+            "detail": "MessageCopyResultEventDetail"
+          },
+          {
+            "name": "dsFeedbackChange",
+            "detail": "MessageFeedback | undefined"
+          }
+        ],
+        "slots": []
+      },
+      "exports": {
+        "customElement": "ds-message-actions",
+        "react": "DsMessageActions",
+        "angular": "DsMessageActions"
+      },
+      "dependencies": [
+        "@ds-mo/ui",
+        "@ds-mo/tokens"
+      ],
+      "componentDependencies": [
+        "button-unfilled",
+        "tooltip"
+      ]
+    },
     {
       "id": "component:ds-message-bubble",
       "tag": "ds-message-bubble",
@@ -6334,7 +6432,7 @@
           "An empty filtered list composes the message-only body variant of EmptyState. Keep the default neutral no-results message unless localized product guidance makes the outcome clearer.",
           "Enable searchable for more than roughly 20 options, user-managed listings, large domains such as addresses, or sets users cannot efficiently scan. Local matching includes option labels, subtext, and section headings; the owner resolves remote data before assigning options.",
           "Validation timing belongs to the form owner and may be immediate or deferred until blur or submit; the Select exposes validity and error presentation without imposing that policy.",
-          "The error trigger uses a 1.5px bold-negative inset stroke so invalid state remains distinguishable from the normal 1px border without changing control geometry.",
+          "The error trigger uses a 1.5px bold-negative inset stroke so invalid state remains distinguishable from the normal 1px border without changing control geometry. Set hasBorder to false for chrome where the trigger must remain borderless at rest, when selected or focused, and when invalid; error semantics and supporting copy remain available.",
           "An initially empty option set is not an expected Select use case. The no-results state describes a search with no matches, not a source with no choices.",
           "Use options for a flat list or sections for grouped choices; when sections are present they take precedence.",
           "The background prop describes the actual parent surface and uses the same surface set as ButtonUnfilled."

package/dist/angular/boolean-value-accessor.js

@@ -9,8 +9,8 @@ export class BooleanValueAccessor extends ValueAccessor {
     writeValue(value) {
         this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: BooleanValueAccessor, isStandalone: true, selector: "ds-checkbox, ds-switch", host: { listeners: { "dsChange": "handleChangeEvent($event.target?.[\"checked\"])" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.0", type: BooleanValueAccessor, isStandalone: true, selector: "ds-checkbox, ds-switch", host: { listeners: { "dsChange": "handleChangeEvent($event.target?.[\"checked\"])" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => BooleanValueAccessor),
@@ -18,7 +18,7 @@ export class BooleanValueAccessor extends ValueAccessor {
             }
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: BooleanValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: BooleanValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     /* tslint:disable-next-line:directive-selector */

package/dist/angular/ds-agent-activity.js

@@ -16,8 +16,8 @@ let DsAgentActivity = class DsAgentActivity {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentActivity, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAgentActivity, isStandalone: true, selector: "ds-agent-activity", inputs: { heading: "heading", items: "items", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentActivity, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsAgentActivity, isStandalone: true, selector: "ds-agent-activity", inputs: { heading: "heading", items: "items", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsAgentActivity = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsAgentActivity = __decorate([
     })
 ], DsAgentActivity);
 export { DsAgentActivity };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentActivity, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentActivity, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-agent-activity',

package/dist/angular/ds-agent-response.d.ts

@@ -6,7 +6,7 @@ export declare class DsAgentResponse {
     protected el: HTMLDsAgentResponseElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DsAgentResponse, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DsAgentResponse, "ds-agent-response", never, { "author": { "alias": "author"; "required": false; }; "messageId": { "alias": "messageId"; "required": false; }; "parts": { "alias": "parts"; "required": false; }; "showAuthor": { "alias": "showAuthor"; "required": false; }; "streaming": { "alias": "streaming"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsAgentResponse, "ds-agent-response", never, { "author": { "alias": "author"; "required": false; }; "messageId": { "alias": "messageId"; "required": false; }; "metadataVisibility": { "alias": "metadataVisibility"; "required": false; }; "parts": { "alias": "parts"; "required": false; }; "showAuthor": { "alias": "showAuthor"; "required": false; }; "streaming": { "alias": "streaming"; "required": false; }; "timestamp": { "alias": "timestamp"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 export declare interface DsAgentResponse extends Components.DsAgentResponse {
 }

package/dist/angular/ds-agent-response.js

@@ -16,23 +16,23 @@ let DsAgentResponse = class DsAgentResponse {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentResponse, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAgentResponse, isStandalone: true, selector: "ds-agent-response", inputs: { author: "author", messageId: "messageId", parts: "parts", showAuthor: "showAuthor", streaming: "streaming", timestamp: "timestamp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentResponse, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsAgentResponse, isStandalone: true, selector: "ds-agent-response", inputs: { author: "author", messageId: "messageId", metadataVisibility: "metadataVisibility", parts: "parts", showAuthor: "showAuthor", streaming: "streaming", timestamp: "timestamp" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsAgentResponse = __decorate([
     ProxyCmp({
         defineCustomElementFn: defineDsAgentResponse,
-        inputs: ['author', 'messageId', 'parts', 'showAuthor', 'streaming', 'timestamp']
+        inputs: ['author', 'messageId', 'metadataVisibility', 'parts', 'showAuthor', 'streaming', 'timestamp']
     })
 ], DsAgentResponse);
 export { DsAgentResponse };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentResponse, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentResponse, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-agent-response',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['author', 'messageId', 'parts', 'showAuthor', 'streaming', 'timestamp'],
+                    inputs: ['author', 'messageId', 'metadataVisibility', 'parts', 'showAuthor', 'streaming', 'timestamp'],
                 }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });

package/dist/angular/ds-agent-source-list.js

@@ -16,8 +16,8 @@ let DsAgentSourceList = class DsAgentSourceList {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentSourceList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAgentSourceList, isStandalone: true, selector: "ds-agent-source-list", inputs: { heading: "heading", items: "items", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentSourceList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsAgentSourceList, isStandalone: true, selector: "ds-agent-source-list", inputs: { heading: "heading", items: "items", open: "open" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsAgentSourceList = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsAgentSourceList = __decorate([
     })
 ], DsAgentSourceList);
 export { DsAgentSourceList };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentSourceList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentSourceList, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-agent-source-list',

package/dist/angular/ds-agent-tool-call.js

@@ -16,8 +16,8 @@ let DsAgentToolCall = class DsAgentToolCall {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentToolCall, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAgentToolCall, isStandalone: true, selector: "ds-agent-tool-call", inputs: { error: "error", input: "input", label: "label", name: "name", open: "open", output: "output", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentToolCall, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsAgentToolCall, isStandalone: true, selector: "ds-agent-tool-call", inputs: { error: "error", input: "input", label: "label", name: "name", open: "open", output: "output", state: "state" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsAgentToolCall = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsAgentToolCall = __decorate([
     })
 ], DsAgentToolCall);
 export { DsAgentToolCall };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAgentToolCall, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAgentToolCall, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-agent-tool-call',

package/dist/angular/ds-attachment-list.js

@@ -16,8 +16,8 @@ let DsAttachmentList = class DsAttachmentList {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAttachmentList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAttachmentList, isStandalone: true, selector: "ds-attachment-list", inputs: { items: "items", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAttachmentList, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsAttachmentList, isStandalone: true, selector: "ds-attachment-list", inputs: { items: "items", label: "label" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsAttachmentList = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsAttachmentList = __decorate([
     })
 ], DsAttachmentList);
 export { DsAttachmentList };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAttachmentList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAttachmentList, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-attachment-list',

package/dist/angular/ds-avatar.js

@@ -16,8 +16,8 @@ let DsAvatar = class DsAvatar {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAvatar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsAvatar, isStandalone: true, selector: "ds-avatar", inputs: { icon: "icon", iconColor: "iconColor", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAvatar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsAvatar, isStandalone: true, selector: "ds-avatar", inputs: { icon: "icon", iconColor: "iconColor", label: "label", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsAvatar = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsAvatar = __decorate([
     })
 ], DsAvatar);
 export { DsAvatar };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsAvatar, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-avatar',

package/dist/angular/ds-badge.js

@@ -16,8 +16,8 @@ let DsBadge = class DsBadge {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsBadge, isStandalone: true, selector: "ds-badge", inputs: { background: "background", count: "count", gradientBackground: "gradientBackground", hasRing: "hasRing", label: "label", max: "max", surface: "surface", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsBadge, isStandalone: true, selector: "ds-badge", inputs: { background: "background", count: "count", gradientBackground: "gradientBackground", hasRing: "hasRing", label: "label", max: "max", surface: "surface", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsBadge = __decorate([
     ProxyCmp({
@@ -26,7 +26,7 @@ DsBadge = __decorate([
     })
 ], DsBadge);
 export { DsBadge };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBadge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBadge, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-badge',

package/dist/angular/ds-bar-nav.js

@@ -17,8 +17,8 @@ let DsBarNav = class DsBarNav {
         c.detach();
         this.el = r.nativeElement;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DsBarNav, isStandalone: true, selector: "ds-bar-nav", inputs: { basePath: "basePath", currentUrl: "currentUrl", heading: "heading", moreTabsLabel: "moreTabsLabel", navStyle: "navStyle", tabs: "tabs", value: "value" }, outputs: { dsTabChange: "dsTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBarNav, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.0", type: DsBarNav, isStandalone: true, selector: "ds-bar-nav", inputs: { basePath: "basePath", currentUrl: "currentUrl", heading: "heading", moreTabsLabel: "moreTabsLabel", navStyle: "navStyle", tabs: "tabs", value: "value" }, outputs: { dsTabChange: "dsTabChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 };
 DsBarNav = __decorate([
     ProxyCmp({
@@ -27,7 +27,7 @@ DsBarNav = __decorate([
     })
 ], DsBarNav);
 export { DsBarNav };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DsBarNav, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: DsBarNav, decorators: [{
             type: Component,
             args: [{
                     selector: 'ds-bar-nav',