@ds-mo/ui 13.14.0 → 13.16.0

package/dist/types/components/AgentResponse/AgentResponse.d.ts

@@ -1,10 +1,12 @@
-import type { AgentResponsePart, MessageMetadataVisibility } from '../conversation-types';
+import type { AgentResponseRenderMode, AgentResponsePart, MessageMetadataVisibility } from '../conversation-types';
 export declare class AgentResponse {
     messageId: string;
     author: string;
     showAuthor: boolean;
     timestamp: string;
     parts: AgentResponsePart[];
+    /** Renders serializable ordered parts or lets the default slot own the complete ordered body. */
+    renderMode: AgentResponseRenderMode;
     streaming: boolean;
     /** Controls whether the complete message metadata footer is persistent or revealed through hover/focus. */
     metadataVisibility: MessageMetadataVisibility;

package/dist/types/components/AgentSourceList/AgentSourceList.d.ts

@@ -1,8 +1,13 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import type { AgentSource } from '../conversation-types';
 export declare class AgentSourceList {
     items: AgentSource[];
     heading: string;
     open: boolean;
+    dsOpenChange: EventEmitter<{
+        open: boolean;
+    }>;
+    private hostname;
     render(): any;
 }
 //# sourceMappingURL=AgentSourceList.d.ts.map

package/dist/types/components/AgentToolCall/AgentToolCall.d.ts

@@ -1,13 +1,34 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import type { AgentToolState } from '../conversation-types';
 export declare class AgentToolCall {
+    el: HTMLElement;
     name: string;
     label: string;
     state: AgentToolState;
+    statusLabel?: string;
     input?: unknown;
     output?: unknown;
     error?: string;
     open: boolean;
+    dsOpenChange: EventEmitter<{
+        open: boolean;
+    }>;
+    private hasSummary;
+    private hasResult;
+    private hasPlainTextResult;
+    private hasDetails;
+    private slotObserver?;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private syncSlots;
     private serialize;
+    private get active();
+    private get expandable();
+    private renderStatusIcon;
+    private renderSummary;
+    private renderGenericDetails;
+    private handleToggle;
     render(): any;
 }
 //# sourceMappingURL=AgentToolCall.d.ts.map

package/dist/types/components/BarTitle/BarTitle.d.ts

@@ -31,6 +31,10 @@ export declare class BarTitle {
     actionsAriaLabel: string;
     /** Explicit visual/capacity variant. ShellPage owns automatic selection. */
     variant: BarTitleVariant;
+    /** Draw the page-title divider beneath the header. */
+    showDivider: boolean;
+    /** Override divider visibility for compact and constrained variants. */
+    showCompactDivider?: boolean;
     /** Emitted when the leading Back action is activated. */
     dsBack: EventEmitter<MouseEvent>;
     /** Emitted when an authored expanded breadcrumb item is activated. */
@@ -54,6 +58,7 @@ export declare class BarTitle {
     handleSectionsChange(): void;
     handleActionsChange(): void;
     private get compact();
+    private get dividerVisible();
     private get expandedBreadcrumbItems();
     /** Tooltip copy is fixed and generic; backAriaLabel/actionsAriaLabel stay page-specific. */
     private get backTooltipLabel();

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -3,8 +3,11 @@ export type CheckboxSize = 'lg' | 'md' | 'sm' | 'xs';
 export declare class Checkbox {
     internals: ElementInternals;
     private labelId;
+    private descriptionId;
     /** Visible label and accessible name. Omitted only in presentation mode. */
     label: string;
+    /** Optional supporting description associated with the checkbox. */
+    description?: string;
     /** Current checked state. */
     checked: boolean;
     /** Visual and placement density. */

package/dist/types/components/MessageComposer/MessageComposer.d.ts

@@ -7,6 +7,8 @@ export declare class MessageComposer {
     placeholder: string;
     label: string;
     status: MessageComposerStatus;
+    /** Submission failure shown while status is error. */
+    errorMessage?: string;
     isInactive: boolean;
     submitIntent: ButtonFilledIntent;
     dsInput: EventEmitter<string>;
@@ -15,6 +17,7 @@ export declare class MessageComposer {
     }>;
     dsStop: EventEmitter<void>;
     private textarea?;
+    private readonly errorId;
     componentDidLoad(): void;
     onValueChange(): void;
     setFocus(): Promise<void>;

package/dist/types/components/MessageScroller/MessageScroller.d.ts

@@ -11,12 +11,22 @@ export declare class MessageScroller {
     private viewport?;
     private content?;
     private overlay?;
+    private transcriptSlot?;
     private scrollOverlayController?;
     private mutationObserver?;
     private following;
+    private followReleased;
     private atStart;
     private programmatic;
-    private previousScrollHeight;
+    private programmaticTimer?;
+    private transcriptChildren;
+    private knownTranscriptElements;
+    private knownTurnAnchors;
+    private firstChildViewportTop?;
+    private activeTurnAnchor?;
+    private activeTurnAnchorViewportTop?;
+    private turnClearance;
+    private prependReconciliation;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     scrollToMessage(id: string): Promise<boolean>;
@@ -26,6 +36,16 @@ export declare class MessageScroller {
     private scrollTo;
     private connectObservers;
     private handleContentGrowth;
+    private rememberFirstChildTop;
+    private getTranscriptChildren;
+    private handleTranscriptChange;
+    private reconcilePrependPosition;
+    private schedulePrependReconciliation;
+    private handleTranscriptSlotChange;
+    private positionNewTurn;
+    private finishPositionNewTurn;
+    private rememberActiveTurnAnchorTop;
+    private syncTurnClearance;
     private applyDefaultPosition;
     private isAtLiveEdge;
     private handleScroll;

package/dist/types/components/Radio/Radio.d.ts

@@ -2,12 +2,14 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export interface RadioOption {
     label: string;
     value: string;
+    description?: string;
     isInactive?: boolean;
 }
 export type RadioSize = 'lg' | 'md' | 'sm' | 'xs';
 export declare class Radio {
     el: HTMLElement;
     internals: ElementInternals;
+    private readonly instanceId;
     /** Visible choices in this one-of-many set. */
     options: RadioOption[];
     /** Selected option value. */
@@ -41,6 +43,8 @@ export declare class Radio {
     formDisabledCallback(disabled: boolean): void;
     formResetCallback(): void;
     formStateRestoreCallback(state: string | File | FormData | null): void;
+    /** Focus the selected option, or the first active option when nothing is selected. */
+    setFocus(): Promise<void>;
     private get activeItems();
     handleKeyDown(e: KeyboardEvent): void;
     private selectItem;

package/dist/types/components/ShellApp/shell-app-types.d.ts

@@ -69,6 +69,18 @@ export interface ShellPageChromeConfig {
     actionsAriaLabel?: string;
     tone?: MobileHeaderTone;
     contentInset?: ShellPageContentInset;
+    /** Remove only the content gutter adjacent to the page header. */
+    contentInsetBlockStart?: ShellPageContentInset;
+    /** Exact roomy block-start content inset when the responsive default is not appropriate. */
+    contentInsetBlockStartSize?: string;
+    /** Exact block-start content inset while page-title capacity is compact or constrained. */
+    compactContentInsetBlockStartSize?: string;
+    /** Allow a roomy page title to compact in response to page scrolling. */
+    scrollCompaction?: boolean;
+    /** Draw the divider beneath the desktop/tablet page title. */
+    showHeaderDivider?: boolean;
+    /** Override divider visibility while the page title is compact or constrained. */
+    showCompactHeaderDivider?: boolean;
     /** Canvas surface painted by ShellPage around and beneath routed content. */
     contentSurface?: ShellPageContentSurface;
 }

package/dist/types/components/ShellPage/ShellPage.d.ts

@@ -10,6 +10,14 @@ export declare class ShellPage {
     headerCapacity?: ShellPageCapacity;
     /** Standard page gutters, or no inset for full-bleed page content. */
     contentInset: ShellPageContentInset;
+    /** Preserve the responsive side/end gutters while allowing content to meet the header. */
+    contentInsetBlockStart: ShellPageContentInset;
+    /** Exact block-start content inset, overriding the responsive default when provided. */
+    contentInsetBlockStartSize?: string;
+    /** Exact block-start content inset while the header is compact or constrained. */
+    compactContentInsetBlockStartSize?: string;
+    /** Allow roomy automatic headers to compact as the page scrolls. */
+    scrollCompaction: boolean;
     /** Canvas surface painted around and beneath routed page content. */
     contentSurface: ShellPageContentSurface;
     /** Explicit shell breakpoint presentation. Mobile uses the dedicated mobile-header slot. */
@@ -39,6 +47,7 @@ export declare class ShellPage {
     private get effectiveVariant();
     private get headerContractResolved();
     private get isScrollCompacted();
+    private get contentInsetStyles();
     private composedParent;
     private findScrollRoot;
     private connectScrollRoot;

package/dist/types/components/Table/Table.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { TableCaptionVisibility, TableCellActionDetail, TableColumn, TableGroup, TableGroupCollapseChangeDetail, TableGroupingChangeDetail, TableGroupingState, TableLoadMoreDetail, TableLoadMoreMode, TableRow, TableRowActivateDetail, TableSelectionChangeDetail, TableSelectionMode, TableSortChangeDetail, TableSortState } from './table-types';
 export declare class Table {
+    el: HTMLElement;
     /** Stable column definitions. Assign through JavaScript. */
     columns: TableColumn[];
     /** Ungrouped row data. Ignored while grouping is active. Assign through JavaScript. */
@@ -28,6 +29,14 @@ export declare class Table {
     stickyHeader: boolean;
     /** Maximum scroll-region height. Numbers resolve to CSS pixels. */
     maxHeight: string | number | undefined;
+    /** Fixed height for the complete header, table frame, and footer composition. */
+    height: string | number | undefined;
+    /** Fit the complete table composition to its nearest vertical scrollport. */
+    fitViewport: boolean;
+    /** Reserved space above a viewport-fitted table once surrounding chrome is compact. */
+    viewportInsetBlockStart: string | number;
+    /** Reserved space below a viewport-fitted table. */
+    viewportInsetBlockEnd: string | number;
     /** Optional explicit label for the horizontal/vertical scroll region. */
     scrollLabel: string | undefined;
     selectionMode: TableSelectionMode;
@@ -70,6 +79,12 @@ export declare class Table {
     private overflowEnd;
     private scrollable;
     private announcement;
+    private activeStickyGroupId;
+    private viewportFitSettled;
+    private headerLeadingPresent;
+    private headerCopyPresent;
+    private headerTrailingPresent;
+    private rootEl;
     private viewportEl;
     private frameEl;
     private interactiveHeadEl;
@@ -80,13 +95,21 @@ export declare class Table {
     private previousModelWarning;
     private hasLoaded;
     private renderedModel;
+    private stickyGroupConnected;
+    private headerSlotObserver;
     private readonly layoutController;
     private readonly loadController;
+    private readonly viewportFitController;
     componentWillLoad(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private syncHeaderSlotPresence;
+    private connectHeaderSlotObserver;
+    private connectStickyGroup;
+    private disconnectStickyGroup;
+    private readonly updateStickyGroup;
     handleStructureChange(): void;
     handleDataChange(): void;
     handleLoadIdentityChange(): void;
@@ -97,10 +120,14 @@ export declare class Table {
     private get grouped();
     private get selectable();
     private get documentStickyHeader();
+    private get fixedHeight();
+    private get boundedComposition();
+    private get containedScroll();
     private currentLoadedRows;
     private currentLoadedRowCount;
     private createRenderModel;
     private get resolvedMaxHeight();
+    private get resolvedHeight();
     private warnModelIssues;
     private emitSort;
     private sortButtonLabel;
@@ -121,12 +148,15 @@ export declare class Table {
     private renderRow;
     private emitGroupCollapse;
     private emitAllGroupsCollapse;
+    private renderGroupContent;
+    private renderStickyGroup;
     private renderDataBodies;
     private renderSkeletonBody;
     private renderStateBody;
     private renderLazyBody;
     private renderDocumentStickyHeader;
     private get resultSummary();
+    private get hasResultFooter();
     private renderResultFooter;
     private renderCaptionBar;
     render(): any;

package/dist/types/components/Table/table-cell-model.d.ts

@@ -1,7 +1,9 @@
 import type { TableCellAction, TableCellBlank, TableCellEmpty, TableCellIcon, TableCellImage, TableCellTag, TableCellTagVariant, TableCellValue, TableColumn } from './table-types';
+import type { TextColor } from '../Text/text-types';
 export interface ResolvedTableCellText {
     primary: string | number;
     secondary?: string | number;
+    secondaryColor?: TextColor;
     wrap?: boolean;
     fontFeature?: 'normal' | 'tabular-nums';
 }

package/dist/types/components/Table/table-layout-controller.d.ts

@@ -9,6 +9,7 @@ export interface TableLayoutElements {
 export interface TableLayoutMode {
     documentStickyHeader: boolean;
     floatingCollapseAll: boolean;
+    clampVerticalOverscroll: boolean;
 }
 export interface TableOverflowState {
     start: boolean;
@@ -19,6 +20,7 @@ export interface TableLayoutControllerOptions {
     elements: () => TableLayoutElements;
     mode: () => TableLayoutMode;
     overflowChanged: (state: TableOverflowState) => void;
+    verticalEdgeWheel?: (deltaY: number) => boolean;
 }
 export interface TableLayoutMetricInput {
     viewportInlineSize: number;
@@ -59,6 +61,10 @@ export declare class TableLayoutController {
     /** Reconcile newly rendered refs, observers, and pending geometry. */
     refresh(): void;
     private schedule;
+    private readonly handleScroll;
+    private readonly handleWheel;
+    private clampInlineOffset;
+    private clampBlockOffset;
     private sync;
     private setProperty;
 }

package/dist/types/components/Table/table-types.d.ts

@@ -1,5 +1,6 @@
 import type { TagContrast, TagIntent } from '../Tag/Tag';
 import type { IconColor } from '../Icon/Icon';
+import type { TextColor } from '../Text/text-types';
 export type TableSortDirection = 'asc' | 'desc';
 export type TableSelectionMode = 'none' | 'multiple';
 export type TableCellAlign = 'start' | 'center' | 'end';
@@ -32,6 +33,8 @@ export interface TableGroupingState {
 export interface TableCellText {
     primary: string | number;
     secondary?: string;
+    /** Optional semantic foreground for secondary copy; defaults to the standard secondary color. */
+    secondaryColor?: TextColor;
     /** Allow this cell to wrap even when its column truncates by default. */
     wrap?: boolean;
     fontFeature?: 'normal' | 'tabular-nums';

package/dist/types/components/Table/table-viewport-fit-controller.d.ts

@@ -0,0 +1,53 @@
+export interface TableViewportFitMetricInput {
+    scrollportBlockStart: number;
+    scrollportBlockSize: number;
+    hostBlockStart: number;
+    insetBlockStart: number;
+    insetBlockEnd: number;
+}
+export interface TableViewportFitMetrics {
+    reservedBlockSize: number;
+    currentBlockSize: number;
+    settled: boolean;
+}
+export interface TableViewportFitElements {
+    host: HTMLElement | null;
+    surface: HTMLElement | null;
+}
+export interface TableViewportFitControllerOptions {
+    enabled: () => boolean;
+    elements: () => TableViewportFitElements;
+    insets: () => {
+        blockStart: string | number;
+        blockEnd: string | number;
+    };
+    fitChanged: (metrics: TableViewportFitMetrics | null) => void;
+}
+/** Resolve the reserved compact-state height and the height currently visible. */
+export declare function resolveTableViewportFitMetrics(input: TableViewportFitMetricInput): TableViewportFitMetrics;
+/**
+ * Fits the complete table chrome to its nearest vertical scrollport. The host
+ * reserves its compact-state height so the outer page can consume collapsing
+ * header travel without changing document height. The visible table surface
+ * grows into that reservation until it reaches the supplied sticky inset.
+ */
+export declare class TableViewportFitController {
+    private readonly options;
+    private connected;
+    private scrollRoot;
+    private resizeObserver;
+    private metrics;
+    constructor(options: TableViewportFitControllerOptions);
+    connect(): void;
+    disconnect(): void;
+    refresh(): void;
+    /** Pass a fitted table's boundary wheel delta to its owning page scrollport. */
+    scrollOuterBy(delta: number): boolean;
+    private disconnectRuntime;
+    private clearGeometry;
+    private readonly sync;
+    private findScrollRoot;
+    private composedParent;
+    private setProperty;
+}
+//# sourceMappingURL=table-viewport-fit-controller.d.ts.map

package/dist/types/components/conversation-types.d.ts

@@ -29,7 +29,56 @@ export interface AgentSource {
     url: string;
     description?: string;
 }
-export type AgentToolState = 'queued' | 'running' | 'success' | 'error' | 'denied';
+export type AgentQuestionType = 'single' | 'multiple' | 'text';
+export interface AgentQuestionChoice {
+    value: string;
+    label: string;
+    description?: string;
+}
+export interface AgentQuestion {
+    id: string;
+    type: AgentQuestionType;
+    question: string;
+    description?: string;
+    choices?: AgentQuestionChoice[];
+    required?: boolean;
+    skippable?: boolean;
+    allowOther?: boolean;
+    placeholder?: string;
+}
+export interface AgentQuestionAnswer {
+    questionId: string;
+    value: string | string[] | null;
+}
+export type AgentQuestionnaireStatus = 'preparing' | 'ready' | 'submitting' | 'error' | 'answered';
+export interface AgentQuestionnaireLabels {
+    progress: string;
+    previous: string;
+    next: string;
+    answer: string;
+    skip: string;
+    cancel: string;
+    other: string;
+    otherPlaceholder: string;
+    preparing: string;
+}
+export interface AgentQuestionnaireAnswerEventDetail {
+    requestId: string;
+    answers: AgentQuestionAnswer[];
+}
+export interface AgentQuestionnaireCancelEventDetail {
+    requestId: string;
+}
+export type AgentToolState = 'preparing' | 'queued' | 'running' | 'waiting-for-user' | 'success' | 'error' | 'denied' | 'canceled';
+export type AgentResponseRenderMode = 'parts' | 'composed';
+export interface AgentQuestionnaireResponsePart {
+    id: string;
+    type: 'questionnaire';
+    requestId: string;
+    questions: AgentQuestion[];
+    answers: AgentQuestionAnswer[];
+    status: 'answered';
+}
 export type AgentResponsePart = {
     id: string;
     type: 'markdown';
@@ -56,5 +105,5 @@ export type AgentResponsePart = {
     id: string;
     type: 'sources';
     items: AgentSource[];
-};
+} | AgentQuestionnaireResponsePart;
 //# sourceMappingURL=conversation-types.d.ts.map