@ds-mo/ui 13.14.0 → 13.15.0

package/dist/react/ds-agent-tool-call.d.ts

@@ -2,8 +2,13 @@
  * This file was automatically generated by the Stencil React Output Target.
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
-import type { StencilReactComponent } from './react-runtime.js';
+import type { EventName, StencilReactComponent } from './react-runtime.js';
+import { type DsAgentToolCallCustomEvent } from "@ds-mo/ui";
 import type { Components } from "@ds-mo/ui/dist/components";
 import { DsAgentToolCall as DsAgentToolCallElement } from "@ds-mo/ui/dist/components/ds-agent-tool-call.js";
-export type DsAgentToolCallEvents = NonNullable<unknown>;
+export type DsAgentToolCallEvents = {
+    onDsOpenChange: EventName<DsAgentToolCallCustomEvent<{
+        open: boolean;
+    }>>;
+};
 export declare const DsAgentToolCall: StencilReactComponent<DsAgentToolCallElement, DsAgentToolCallEvents, Components.DsAgentToolCall>;

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

@@ -7,6 +7,6 @@ export const DsAgentToolCall = /*@__PURE__*/ createComponent({
     elementClass: DsAgentToolCallElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
+    events: { onDsOpenChange: 'dsOpenChange' },
     defineCustomElement: defineDsAgentToolCall
 });

package/dist/styles/prose.css

@@ -16,11 +16,16 @@
   overflow-wrap: anywhere;
 }
 
+:where(.ds-prose)
+  > :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
+  max-inline-size: var(--ds-prose-text-max-inline-size, 100%);
+}
+
 :where(.ds-prose)
   :where(p, ul, ol, dl, blockquote, figure, figcaption, table):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   margin: 0;
   color: inherit;
-  font-family: var(--typography-font-family);
+  font-family: var(--typography-font-family-ui);
   font-size: var(--typography-fontsize-md);
   font-weight: var(--typography-weight-regular);
   line-height: var(--typography-lineheight-md);
@@ -31,7 +36,7 @@
   :where(h1, h2, h3, h4, h5, h6):not(:where([data-ds-prose='off'], [data-ds-prose='off'] *)) {
   margin: 0;
   color: var(--color-foreground-primary);
-  font-family: var(--typography-font-family);
+  font-family: var(--typography-font-family-ui);
   font-weight: var(--typography-weight-semibold);
 }
 
@@ -130,8 +135,14 @@
   padding: var(--dimension-space-012) var(--dimension-space-025);
   border-radius: var(--dimension-radius-025);
   background: var(--color-background-secondary);
-  font-family: var(--typography-fontfamily-mono);
+  font-family: var(
+    --typography-font-family-code,
+    'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono',
+    Menlo, Monaco, Consolas, 'Liberation Mono', monospace
+  );
   font-size: var(--typography-fontsize-sm);
+  font-variant-ligatures: var(--ds-code-font-variant-ligatures, normal);
+  font-weight: var(--typography-weight-regular);
   line-height: var(--typography-lineheight-sm);
   letter-spacing: var(--typography-letterspacing-none);
 }
@@ -147,8 +158,14 @@
   border-radius: var(--dimension-radius-050);
   background: var(--color-background-strong-neutral);
   color: var(--color-foreground-faint-neutral);
-  font-family: var(--typography-fontfamily-mono);
+  font-family: var(
+    --typography-font-family-code,
+    'Fira Code', ui-monospace, 'SFMono-Regular', 'Cascadia Code', 'Roboto Mono',
+    Menlo, Monaco, Consolas, 'Liberation Mono', monospace
+  );
   font-size: var(--typography-fontsize-sm);
+  font-variant-ligatures: var(--ds-code-font-variant-ligatures, normal);
+  font-weight: var(--typography-weight-regular);
   line-height: var(--typography-lineheight-sm);
   letter-spacing: var(--typography-letterspacing-none);
   tab-size: 2;

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/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/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