@ds-mo/ui 13.13.0 → 13.15.0

package/dist/styles/table.css

@@ -16,7 +16,7 @@
   );
   --_table-cell-track-label-inset: var(--dimension-space-025);
   --_table-image-block-size: calc(
-    var(--dimension-size-800) - var(--dimension-space-150)
+    var(--dimension-size-800) - var(--dimension-space-200)
   );
   --_table-surface: var(--ds-table-surface, var(--color-background-primary));
   --_table-header-surface: var(--ds-table-header-surface, var(--color-background-primary));
@@ -28,7 +28,7 @@
   --_table-column-border: var(--ds-table-column-border, var(--color-border-tertiary));
   --_table-sticky-border: var(--ds-table-sticky-border, var(--color-border-secondary));
   --_table-border-strong: var(--ds-table-border-strong, var(--color-border-secondary));
-  --_table-radius: var(--ds-table-radius, var(--dimension-radius-075));
+  --_table-radius: var(--ds-table-radius, var(--dimension-radius-000));
   --_table-header-min-block-size: var(
     --ds-table-header-min-block-size,
     var(--dimension-size-400)
@@ -49,16 +49,16 @@
     --ds-table-selection-column-inline-size,
     var(--dimension-size-500)
   );
-  --_table-selection-column-contribution: 0;
+  --_table-selection-column-contribution: 0px;
   --_table-sticky-start-shadow: var(
     --ds-table-sticky-start-shadow,
-    inset var(--dimension-space-050) 0 var(--dimension-space-050)
-      calc(-1 * var(--dimension-space-050)) var(--color-elevation-shadow)
+    inset var(--dimension-space-100) 0 var(--dimension-space-100)
+      calc(-1 * var(--dimension-space-100)) var(--color-elevation-shadow)
   );
   --_table-sticky-end-shadow: var(
     --ds-table-sticky-end-shadow,
-    inset calc(-1 * var(--dimension-space-050)) 0 var(--dimension-space-050)
-      calc(-1 * var(--dimension-space-050)) var(--color-elevation-shadow)
+    inset calc(-1 * var(--dimension-space-100)) 0 var(--dimension-space-100)
+      calc(-1 * var(--dimension-space-100)) var(--color-elevation-shadow)
   );
   display: block;
   box-sizing: border-box;
@@ -107,7 +107,13 @@
 :where(.ds-table__table) {
   box-sizing: border-box;
   inline-size: 100%;
-  min-inline-size: max(100%, var(--ds-table-explicit-min-inline-size, 0));
+  min-inline-size: max(
+    100%,
+    calc(
+      var(--ds-table-explicit-min-inline-size, 0px) +
+        var(--_table-selection-column-contribution)
+    )
+  );
   border: 0;
   border-spacing: 0;
   border-collapse: separate;
@@ -118,21 +124,42 @@
 
 :where(.ds-table__table--selectable) {
   --_table-selection-column-contribution: var(--_table-selection-column-inline-size);
-  min-inline-size: max(
-    100%,
-    calc(var(--ds-table-explicit-min-inline-size, 0) + var(--_table-selection-column-contribution))
-  );
 }
 
-:where(.ds-table__caption) {
-  padding: var(--_table-cell-padding-inline);
-  border-block-end: var(--dimension-stroke-width-012) solid var(--_table-border);
+:where(.ds-table__caption-bar),
+:where(.ds-table__footer) {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  inline-size: 100%;
+  min-block-size: var(--dimension-size-600);
+  block-size: var(--dimension-size-600);
+  padding-inline: var(--_table-cell-padding-inline);
   background: var(--_table-surface);
   text-align: start;
 }
 
+:where(.ds-table__caption-bar) {
+  border-block-end: var(--dimension-stroke-width-012) solid var(--_table-border);
+  color: var(--color-foreground-primary);
+}
+
+/* Optional controlled result summary. */
+:where(.ds-table__footer) {
+  border-block-start: var(--dimension-stroke-width-012) solid var(--_table-border);
+  color: var(--color-foreground-secondary);
+}
+
 :where(.ds-table__selection-column) {
   inline-size: var(--_table-selection-column-inline-size);
+  width: var(--_table-selection-column-inline-size);
+  max-inline-size: var(--_table-selection-column-inline-size);
+  max-width: var(--_table-selection-column-inline-size);
+}
+
+:where(.ds-table__action-column) {
+  inline-size: var(--dimension-size-500);
+  width: var(--dimension-size-500);
 }
 
 :where(.ds-table__head) {
@@ -375,7 +402,7 @@
 :where(.ds-table__header-labels),
 :where(.ds-table__header-segment),
 :where(.ds-table__sort-slot),
-:where(.ds-table__group-content),
+:where(.ds-table__collapse-slot),
 :where(.ds-table__load-content) {
   display: inline-flex;
   align-items: center;
@@ -388,6 +415,10 @@
   gap: var(--dimension-space-050);
 }
 
+:where(.ds-table__header-content--collapse-all) {
+  justify-content: flex-end;
+}
+
 :where(.ds-table__header-labels) {
   max-inline-size: 100%;
   gap: var(--dimension-space-025);
@@ -407,6 +438,44 @@
   flex: 0 0 auto;
   inline-size: var(--dimension-size-200);
   block-size: var(--dimension-size-200);
+}
+
+:where(.ds-table__collapse-slot) {
+  justify-content: center;
+  flex: 0 0 auto;
+  inline-size: var(--dimension-size-300);
+  block-size: var(--dimension-size-200);
+  margin-inline-start: auto;
+}
+
+:where(.ds-table__collapse-all-overlay) {
+  position: absolute;
+  inset-block-start: calc(
+    var(--ds-table-collapse-all-block-offset, 0px) + var(--dimension-space-100)
+  );
+  inset-inline-end: var(--dimension-space-100);
+  z-index: var(--dimension-z-index-floating);
+  box-sizing: border-box;
+  display: flex;
+  inline-size: var(--dimension-size-300);
+  block-size: var(--dimension-size-200);
+  pointer-events: none;
+}
+
+:where(.ds-table__collapse-all-surface) {
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: 100%;
+  block-size: 100%;
+  padding: 0;
+  border-radius: var(--dimension-radius-025);
+  background: var(--_table-header-surface);
+  pointer-events: auto;
+}
+
+:where(.ds-table__sort-slot) {
   margin-inline-start: auto;
 }
 
@@ -488,7 +557,7 @@
 
 :where(.ds-table__cell--tag-tag-only),
 :where(.ds-table__cell--tag-tag-with-text) {
-  padding: var(--dimension-space-075);
+  padding: var(--dimension-space-100);
 }
 
 :where(.ds-table__cell--tag-text-with-tag) {
@@ -516,6 +585,10 @@
   min-block-size: 0;
 }
 
+:where(.ds-table__cell-tag-stack--tag-with-text) {
+  gap: var(--dimension-space-025);
+}
+
 :where(.ds-table__cell-tag-stack--text-with-tag .ds-table__cell-tag-text) {
   padding-inline: var(--_table-cell-track-label-inset);
   min-block-size: 0;
@@ -532,7 +605,7 @@
 }
 
 :where(.ds-table__cell-tag-stack--text-with-tag .ds-table__cell-tag-control-track) {
-  min-block-size: 0;
+  min-block-size: var(--dimension-size-250);
 }
 
 :where(.ds-table__cell--icon) {
@@ -547,7 +620,7 @@
 }
 
 :where(.ds-table__cell--image) {
-  padding: var(--dimension-space-075);
+  padding: var(--dimension-space-100);
 }
 
 :where(.ds-table__cell-image) {
@@ -573,11 +646,11 @@
 }
 
 :where(.ds-table__cell--action) {
-  padding: var(--dimension-space-075);
+  padding: var(--dimension-space-100);
 }
 
 :where(.ds-table__cell--action .ds-table__cell-content) {
-  min-block-size: var(--_table-cell-track-min-block-size);
+  min-block-size: var(--dimension-size-300);
 }
 
 :where(.ds-table__cell-primary),
@@ -645,6 +718,9 @@
 
 :where(.ds-table__selection-cell) {
   inline-size: var(--_table-selection-column-inline-size);
+  width: var(--_table-selection-column-inline-size);
+  max-inline-size: var(--_table-selection-column-inline-size);
+  max-width: var(--_table-selection-column-inline-size);
   padding: 0;
   text-align: center;
 }
@@ -709,7 +785,7 @@
   content: '';
   position: absolute;
   inset-block: 0;
-  inline-size: var(--dimension-space-050);
+  inline-size: var(--dimension-space-100);
   pointer-events: none;
 }
 
@@ -775,13 +851,136 @@
 }
 
 :where(.ds-table__group-cell) {
-  min-block-size: var(--_table-header-min-block-size);
-  padding: var(--dimension-space-075) var(--_table-cell-padding-inline);
-  background: var(--_table-group-surface);
+  /* Surface + chrome live on `.ds-table__group-content` (viewport-width). The
+   * th only spans the table for row structure so body columns can scroll. */
+  min-block-size: var(--_table-row-min-block-size);
+  padding: 0;
+  border-block-end: 0;
+  background: transparent;
+}
+
+/* Intentful groups resolve from their faint signal into neutral at the trailing edge. */
+:where(.ds-table__group-cell--intent-brand),
+:where(.ds-table__group-cell--intent-negative),
+:where(.ds-table__group-cell--intent-warning),
+:where(.ds-table__group-cell--intent-caution),
+:where(.ds-table__group-cell--intent-positive) {
+  --_table-group-surface: linear-gradient(
+    to right,
+    var(--_table-group-intent-surface),
+    var(--color-background-faint-neutral)
+  );
+}
+
+:where(.ds-table__group-cell--intent-brand) {
+  --_table-group-intent-surface: var(--color-background-faint-brand);
+}
+
+:where(.ds-table__group-cell--intent-neutral) {
+  --_table-group-surface: var(--color-background-faint-neutral);
+}
+
+:where(.ds-table__group-cell--intent-negative) {
+  --_table-group-intent-surface: var(--color-background-faint-negative);
+}
+
+:where(.ds-table__group-cell--intent-warning) {
+  --_table-group-intent-surface: var(--color-background-faint-warning);
+}
+
+:where(.ds-table__group-cell--intent-caution) {
+  --_table-group-intent-surface: var(--color-background-faint-caution);
+}
+
+:where(.ds-table__group-cell--intent-positive) {
+  --_table-group-intent-surface: var(--color-background-faint-positive);
 }
 
 :where(.ds-table__group-content) {
-  gap: var(--dimension-space-075);
+  position: sticky;
+  inset-inline-start: 0;
+  z-index: 1;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  gap: var(--dimension-space-100);
+  /* Use a measured length because WebKit expands min()/percentage widths to
+   * the spanning table cell instead of honoring the visible scrollport. */
+  inline-size: var(--ds-table-visible-inline-size, 100%);
+  max-inline-size: var(--ds-table-visible-inline-size, 100%);
+  min-block-size: var(--_table-row-min-block-size);
+  padding: var(--dimension-space-100);
+  border-block-end: 0;
+  background: var(--_table-group-surface);
+  background-clip: border-box;
+}
+
+:where(.ds-table__group-content)::after {
+  content: '';
+  position: absolute;
+  inset-inline: 0;
+  inset-block-end: 0;
+  block-size: var(--dimension-stroke-width-012);
+  background: var(--_table-border);
+  pointer-events: none;
+}
+
+:where(.ds-table__group:last-child[data-collapsed='true'] .ds-table__group-content)::after {
+  display: none;
+}
+
+:where(.ds-table__table--selectable .ds-table__group-content) {
+  /* Selection lane is the real 40px column — don't add start pad or flex gap. */
+  gap: 0;
+  padding-inline-start: 0;
+}
+
+:where(.ds-table__group-selection) {
+  /* 40px column (same as body), with a 24px-tall checkbox lane. */
+  box-sizing: border-box;
+  display: inline-flex;
+  flex: 0 0 var(--_table-selection-column-inline-size);
+  align-items: center;
+  justify-content: center;
+  padding-block: var(--dimension-space-025);
+  padding-inline: var(--dimension-space-050);
+}
+
+:where(.ds-table__group-selection .ds-table__selection-control) {
+  inline-size: var(--dimension-iconography-md);
+  min-block-size: var(--dimension-iconography-md);
+  block-size: var(--dimension-iconography-md);
+}
+
+:where(.ds-table__group-copy) {
+  /* The full-size sm count tag owns the 24px content height; inline padding
+   * preserves the shared text track without making the 40px section row grow. */
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  min-inline-size: 0;
+  flex: 1 1 auto;
+  gap: var(--dimension-space-100);
+  padding-block: 0;
+  padding-inline: var(--dimension-space-050);
+}
+
+:where(.ds-table__table--selectable .ds-table__group-copy) {
+  padding-inline-start: calc(
+    var(--dimension-space-100) + var(--_table-cell-track-label-inset)
+  );
+}
+
+:where(.ds-table__group-count) {
+  display: inline-flex;
+  flex: 0 0 auto;
+  border-radius: var(--dimension-radius-half);
+}
+
+:where(.ds-table__group-toggle) {
+  align-self: center;
+  flex: 0 0 auto;
+  margin-inline-start: auto;
 }
 
 :where(.ds-table__load-cell),
@@ -792,12 +991,23 @@
 }
 
 :where(.ds-table__load-content) {
+  /* Match md ButtonUnfilled height so text-only / loading / button states share one box. */
+  box-sizing: border-box;
   justify-content: center;
   gap: var(--dimension-space-100);
+  min-block-size: var(--dimension-size-400);
 }
 
 :where(.ds-table__load-content--error) {
   flex-wrap: wrap;
+  /* 16px between the icon/text cluster and the retry button. */
+  gap: var(--dimension-space-200);
+}
+
+:where(.ds-table__load-copy) {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--dimension-space-100);
 }
 
 :where(.ds-table__auto-sentinel) {
@@ -856,6 +1066,14 @@
     box-shadow: none;
   }
 
+  :where(.ds-table__collapse-all-surface) {
+    --ds-control-elevation-shadow: none;
+    --ds-control-elevation-highlight: none;
+    outline: var(--dimension-stroke-width-012) solid var(--ds-forced-color-control-boundary);
+    outline-offset: calc(-1 * var(--dimension-stroke-width-012));
+    background: var(--ds-forced-color-surface);
+  }
+
   :where(.ds-table__row--disabled) {
     color: var(--ds-forced-color-disabled);
     opacity: 1;

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

@@ -0,0 +1,49 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { AgentQuestion, AgentQuestionAnswer, AgentQuestionnaireAnswerEventDetail, AgentQuestionnaireCancelEventDetail, AgentQuestionnaireLabels, AgentQuestionnaireStatus } from '../conversation-types';
+export declare class AgentQuestionnaire {
+    el: HTMLElement;
+    requestId: string;
+    questions: AgentQuestion[];
+    answers: AgentQuestionAnswer[];
+    status: AgentQuestionnaireStatus;
+    errorMessage?: string;
+    allowCancel: boolean;
+    labels?: Partial<AgentQuestionnaireLabels>;
+    dsAnswer: EventEmitter<AgentQuestionnaireAnswerEventDetail>;
+    dsCancel: EventEmitter<AgentQuestionnaireCancelEventDetail>;
+    private currentStep;
+    private drafts;
+    private validation;
+    private readonly instanceId;
+    private readonly otherValue;
+    private answerPending;
+    private resetScheduled;
+    private draftRequestId?;
+    private answersSnapshot;
+    private waitingForRequestAnswers;
+    componentWillLoad(): void;
+    handleQuestionnaireInputChange(): void;
+    handleStatusChange(status: AgentQuestionnaireStatus): void;
+    setFocus(): Promise<void>;
+    private get copy();
+    private get disabled();
+    private resetDraft;
+    private scheduleDraftReset;
+    private focusCurrentControl;
+    private updateDraft;
+    private validate;
+    private move;
+    private next;
+    private skip;
+    private submit;
+    private validateWithoutFocus;
+    private progressLabel;
+    private selectSingle;
+    private renderSingleChoice;
+    private renderMultipleChoice;
+    private renderOtherInput;
+    private renderQuestion;
+    private renderAnswered;
+    render(): any;
+}
+//# sourceMappingURL=AgentQuestionnaire.d.ts.map

package/dist/types/components/AgentQuestionnaire/agent-questionnaire-model.d.ts

@@ -0,0 +1,13 @@
+import type { AgentQuestion, AgentQuestionAnswer } from '../conversation-types';
+export interface AgentQuestionDraft {
+    value: string | string[];
+    otherSelected: boolean;
+    otherText: string;
+    skipped: boolean;
+}
+export type AgentQuestionDrafts = Record<string, AgentQuestionDraft>;
+export declare function createQuestionnaireDrafts(questions: AgentQuestion[], answers: AgentQuestionAnswer[]): AgentQuestionDrafts;
+export declare function normalizeQuestionAnswer(question: AgentQuestion, draft: AgentQuestionDraft): AgentQuestionAnswer;
+export declare function validateQuestionDraft(question: AgentQuestion, draft: AgentQuestionDraft): string | undefined;
+export declare function formatQuestionAnswer(question: AgentQuestion, answer: AgentQuestionAnswer | undefined): string;
+//# sourceMappingURL=agent-questionnaire-model.d.ts.map

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/ButtonFilled/ButtonFilled.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { ChoiceBackground } from '../../utils/choice-list';
+import type { ControlInsetDepth } from '../../utils/control-text';
 import type { ButtonPopup, ButtonSize, ButtonVariant, ButtonWidth } from '../../utils/button-types';
 export type ButtonFilledIntent = 'neutral' | 'brand' | 'ai' | 'negative' | 'warning' | 'caution' | 'positive' | 'guide' | 'walkthrough';
 export type ButtonFilledContrast = 'bold' | 'strong' | 'medium' | 'faint';
@@ -19,6 +20,8 @@ export declare class ButtonFilled {
     size: ButtonFilledSize;
     /** Use reduced outer geometry when nested inside a control of the same size. */
     isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
     /** Width fit — hug content (default) or fill the parent. */
     width: ButtonFilledWidth;
     /** Visible text for `label` / `icon-label` variants. */
@@ -81,6 +84,7 @@ export declare class ButtonFilled {
     private handleClick;
     private get resolvedHaspopup();
     private get accessibleName();
+    private get doubleInset();
     render(): any;
 }
 //# sourceMappingURL=ButtonFilled.d.ts.map

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+import type { ControlInsetDepth } from '../../utils/control-text';
 import type { ButtonPopup, ButtonSize, ButtonVariant, ButtonWidth } from '../../utils/button-types';
 export type ButtonUnfilledBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'translucent' | 'inverted' | 'media' | 'always-dark';
 export type ButtonUnfilledVariant = ButtonVariant;
@@ -16,6 +17,8 @@ export declare class ButtonUnfilled {
     size: ButtonUnfilledSize;
     /** Use reduced outer geometry when nested inside a control of the same size. */
     isInset: boolean;
+    /** Single removes 4px overall; double removes 8px overall (xs stays single). */
+    insetDepth: ControlInsetDepth;
     /** Width fit — hug content (default) or fill the parent. */
     width: ButtonUnfilledWidth;
     /** Visible text for `label` / `icon-label` variants. */
@@ -55,6 +58,11 @@ export declare class ButtonUnfilled {
     /** Accessible name override. Required for icon-only buttons. */
     ariaLabel: string | null;
     controls: string | undefined;
+    /**
+     * Controlled disclosure or popup state forwarded to `aria-expanded`.
+     * Popup triggers hold a pressed visual while open; ordinary disclosures
+     * retain the normal resting appearance.
+     */
     expanded: boolean | undefined;
     haspopup: ButtonUnfilledPopup | undefined;
     /**
@@ -86,7 +94,9 @@ export declare class ButtonUnfilled {
     private handleClick;
     private get showDot();
     private get resolvedHaspopup();
-    /** An expanded popup trigger is visually active even when selection is controlled separately. */
+    private get doubleInset();
+    /** Only popup triggers hold a pressed visual while expanded. */
+    private get expandedPopup();
     private get visuallyActive();
     /** Knock-out ring: selected fill → active wash; otherwise surface token. */
     private get dotRing();

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;