@siemens/element-ng 49.16.0 → 51.0.0-rc.10

package/types/siemens-element-ng-chat-messages.d.ts

@@ -1,9 +1,9 @@
 import * as _siemens_element_translate_ng_translate from '@siemens/element-translate-ng/translate';
-import { TranslatableString as TranslatableString$1 } from '@siemens/element-translate-ng/translate';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, AfterContentInit, OnDestroy, AfterViewInit } from '@angular/core';
+import { TemplateRef, AfterContentInit, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
 import { MenuItem } from '@siemens/element-ng/menu';
-import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
+import { SourceReference } from '@siemens/element-ng/source-chip';
 import { SiModalService } from '@siemens/element-ng/modal';
 import { FileUploadError, UploadFile } from '@siemens/element-ng/file-uploader';
 import * as i1 from '@siemens/element-ng/resize-observer';
@@ -41,46 +41,28 @@ interface MessageAction {
  * AI message component for displaying AI-generated responses in conversational interfaces.
  *
  * The AI message component renders AI-generated content in chat interfaces,
- * supporting text formatting, markdown, loading states, and contextual actions.
+ * supporting text, loading states, and contextual actions.
  * It appears as text (no bubble) aligned to the left side without any avatar/icon slot.
  * Can be used within {@link SiChatContainerComponent}.
  *
  * The component automatically handles:
  * - Styling for AI messages distinct from user or generic chat messages
- * - Option to render markdown content, provide via `contentFormatter` input with a markdown renderer function (e.g., from {@link getMarkdownRenderer})
  * - Showing loading states with skeleton UI during generation
  * - Displaying primary and secondary actions
  *
  * @see {@link SiChatMessageComponent} for the base message wrapper component
  * @see {@link SiUserMessageComponent} for the user message component
- * @see {@link getMarkdownRenderer} for markdown formatting support
  * @see {@link SiChatContainerComponent} for the chat container to use this within
  *
  * @experimental
  */
 declare class SiAiMessageComponent {
-    protected readonly formattedContent: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     protected readonly icons: Record<"elementOptionsVertical", string>;
     /**
      * The AI-generated message content
      * @defaultValue ''
      */
     readonly content: _angular_core.InputSignal<string>;
-    /**
-     * Optional formatter function to transform content before display.
-     * - Returns string: Content will be sanitized using Angular's DomSanitizer
-     * - Returns Node: DOM node will be inserted directly without sanitization
-     *
-     * **Note:** If using a markdown renderer, make sure to apply the `markdown-content` class
-     * to the root element to ensure proper styling using the Element theme (e.g., `div.className = 'markdown-content'`).
-     * The function returned by {@link getMarkdownRenderer} does this automatically.
-     *
-     * **Warning:** When returning a Node, ensure the content is safe to prevent XSS attacks
-     * @defaultValue undefined
-     */
-    readonly contentFormatter: _angular_core.InputSignal<((text: string) => string | Node) | undefined>;
-    protected readonly textContent: _angular_core.WritableSignal<string | undefined>;
-    constructor();
     /**
      * Whether the message is currently being generated (shows skeleton)
      * @defaultValue false
@@ -99,17 +81,88 @@ declare class SiAiMessageComponent {
     readonly secondaryActions: _angular_core.InputSignal<MenuItem[]>;
     /** Parameter to pass to action handlers */
     readonly actionParam: _angular_core.InputSignal<unknown>;
+    /** Source references */
+    readonly sources: _angular_core.InputSignal<SourceReference[] | undefined>;
     /**
      * More actions button aria label
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_AI_MESSAGE.SECONDARY_ACTIONS:More actions`)
+     * t(() => $localize`:@@SI_AI_MESSAGE.SECONDARY_ACTIONS:Additional actions`)
      * ```
      */
     readonly secondaryActionsLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
+    /** Emitted when a source has been clicked. */
+    readonly sourceClicked: _angular_core.OutputEmitterRef<SourceReference>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiAiMessageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAiMessageComponent, "si-ai-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentFormatter": { "alias": "contentFormatter"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAiMessageComponent, "si-ai-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "sources": { "alias": "sources"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, { "sourceClicked": "sourceClicked"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Collapsible activity message for displaying progress and intermediate steps in a chat.
+ *
+ * @experimental
+ */
+declare class SiActivityMessageComponent {
+    /** Activity heading. */
+    readonly heading: _angular_core.InputSignal<TranslatableString>;
+    /** Activity icon. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Current state of the activity. */
+    readonly state: _angular_core.InputSignal<"running" | "failed" | undefined>;
+    /**
+     * Whether the activity details are expanded.
+     *
+     * @defaultValue false
+     */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    protected readonly icons: Record<"elementRight2" | "elementCircleFilled" | "elementIssue", string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiActivityMessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiActivityMessageComponent, "si-activity-message", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Titled content part for use inside an activity message.
+ *
+ * @experimental
+ */
+declare class SiActivityMessagePartComponent {
+    /** Part heading. */
+    readonly heading: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Whether the part can be collapsed and expanded.
+     *
+     * @defaultValue false
+     */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether collapsible content is expanded.
+     *
+     * @defaultValue true
+     */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    protected readonly icons: Record<"elementRight2" | "elementCircleFilled", string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiActivityMessagePartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiActivityMessagePartComponent, "si-activity-message-part", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Collapsible container for grouping multiple activity messages.
+ *
+ * @experimental
+ */
+declare class SiActivityTraceComponent {
+    /** Trace heading. */
+    readonly heading: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Whether the trace content is expanded.
+     *
+     * @defaultValue false
+     */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    protected readonly icons: Record<"elementRight2", string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiActivityTraceComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiActivityTraceComponent, "si-activity-trace", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -168,11 +221,12 @@ declare class SiAttachmentListComponent {
      */
     readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
-     * Label for remove attachment button
+     * Label for remove attachment button.
+     * The attachment name is available with `{{attachment}}`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove attachment`)
+     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove {{attachment}}`)
      * ```
      */
     readonly removeLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
@@ -340,7 +394,7 @@ declare class SiChatInputComponent implements AfterViewInit {
      * t(() => $localize`:@@SI_CHAT_INPUT.PLACEHOLDER:Enter a message…`)
      * ```
      */
-    readonly placeholder: _angular_core.InputSignal<TranslatableString$1>;
+    readonly placeholder: _angular_core.InputSignal<TranslatableString>;
     /**
      * Whether the input is disabled
      * @defaultValue false
@@ -368,10 +422,9 @@ declare class SiChatInputComponent implements AfterViewInit {
      * If not provided, the component will look for projected content with the `siChatInputDisclaimer` directive.
      * If both are empty, no disclaimer section will be shown (handled via CSS :empty).
      */
-    readonly disclaimer: _angular_core.InputSignal<TranslatableString$1 | undefined>;
+    readonly disclaimer: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
-     * Primary actions available in the input (attach files, etc.)
-     * All actions displayed inline
+     * Primary actions available in the input. Provide at most one action.
      * @defaultValue []
      */
     readonly actions: _angular_core.InputSignal<MessageAction[]>;
@@ -404,7 +457,7 @@ declare class SiChatInputComponent implements AfterViewInit {
      * The label for the input, used for accessibility
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_CHAT_INPUT.LABEL:Chat message input`)
+     * t(() => $localize`:@@SI_CHAT_INPUT.LABEL:Chat input`)
      * ```
      */
     readonly label: _angular_core.InputSignal<string>;
@@ -418,7 +471,7 @@ declare class SiChatInputComponent implements AfterViewInit {
      * t(() => $localize`:@@SI_CHAT_INPUT.SEND:Send`)
      * ```
      */
-    readonly sendButtonLabel: _angular_core.InputSignal<TranslatableString$1>;
+    readonly sendButtonLabel: _angular_core.InputSignal<TranslatableString>;
     /**
      * Send button icon
      *
@@ -430,10 +483,10 @@ declare class SiChatInputComponent implements AfterViewInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_CHAT_INPUT.INTERRUPT:Interrupt`)
+     * t(() => $localize`:@@SI_CHAT_INPUT.INTERRUPT:Stop processing`)
      * ```
      */
-    readonly interruptButtonLabel: _angular_core.InputSignal<TranslatableString$1>;
+    readonly interruptButtonLabel: _angular_core.InputSignal<TranslatableString>;
     /**
      * Auto-focus the input on component initialization
      * @defaultValue false
@@ -447,25 +500,38 @@ declare class SiChatInputComponent implements AfterViewInit {
      * t(() => $localize`:@@SI_CHAT_INPUT.ATTACH_FILE:Attach file`)
      * ```
      */
-    readonly attachFileLabel: _angular_core.InputSignal<TranslatableString$1>;
+    readonly attachFileLabel: _angular_core.InputSignal<TranslatableString>;
     /**
-     * Remove attachment aria label prefix
+     * Remove attachment aria label.
+     * The attachment name is available with `{{attachment}}`.
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove attachment`)
+     * t(() => $localize`:@@SI_ATTACHMENT_LIST.REMOVE_ATTACHMENT:Remove {{attachment}}`)
      * ```
      */
-    readonly removeAttachmentLabel: _angular_core.InputSignal<TranslatableString$1>;
+    readonly removeAttachmentLabel: _angular_core.InputSignal<TranslatableString>;
     /**
      * More actions button aria label
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_CHAT_INPUT.SECONDARY_ACTIONS:More actions`)
+     * t(() => $localize`:@@SI_CHAT_INPUT.SECONDARY_ACTIONS:Additional actions`)
      * ```
      */
-    readonly secondaryActionsLabel: _angular_core.InputSignal<TranslatableString$1>;
+    readonly secondaryActionsLabel: _angular_core.InputSignal<TranslatableString>;
+    /**
+     * Suggested follow-up prompts to display as pill buttons above the chat input.
+     * Use `followUpPromptSelected` to handle selection and update the input value.
+     * Typically populated from AI response data and cleared after selection or on send.
+     * @defaultValue []
+     */
+    readonly followUpPrompts: _angular_core.InputSignal<string[]>;
+    /**
+     * Emitted when the user selects a follow-up prompt.
+     * The emitted value is the text of the selected prompt.
+     */
+    readonly followUpPromptSelected: _angular_core.OutputEmitterRef<string>;
     /**
      * Emitted when the user wants to send a message
      */
@@ -486,16 +552,18 @@ declare class SiChatInputComponent implements AfterViewInit {
     protected readonly hasAttachments: _angular_core.Signal<boolean>;
     protected readonly hasActions: _angular_core.Signal<boolean>;
     protected readonly hasSecondaryActions: _angular_core.Signal<boolean>;
-    protected readonly allMenuActions: _angular_core.Signal<MenuItem[]>;
+    protected readonly combinedMenuActions: _angular_core.Signal<MenuItem[]>;
     protected readonly hasMenuActions: _angular_core.Signal<boolean>;
     protected triggerFileInput(): void;
     protected readonly canSend: _angular_core.Signal<boolean>;
     protected readonly showInterruptButton: _angular_core.Signal<boolean>;
     protected readonly buttonDisabled: _angular_core.Signal<boolean>;
     protected readonly buttonIcon: _angular_core.Signal<string>;
-    protected readonly buttonLabel: _angular_core.Signal<TranslatableString$1>;
+    protected readonly buttonLabel: _angular_core.Signal<TranslatableString>;
     protected readonly dragOver: _angular_core.WritableSignal<boolean>;
+    private readonly injector;
     protected onInputChange(value: string): void;
+    protected selectFollowUpPrompt(prompt: string): void;
     protected onSend(): void;
     protected onButtonClick(): void;
     protected onKeyDown(event: KeyboardEvent): void;
@@ -513,7 +581,7 @@ declare class SiChatInputComponent implements AfterViewInit {
     protected dragOverHandler(event: DragEvent): void;
     private setTextareaHeight;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiChatInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChatInputComponent, "si-chat-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "sending": { "alias": "sending"; "required": false; "isSignal": true; }; "interruptible": { "alias": "interruptible"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disclaimer": { "alias": "disclaimer"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "allowAttachments": { "alias": "allowAttachments"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "sendButtonLabel": { "alias": "sendButtonLabel"; "required": false; "isSignal": true; }; "sendButtonIcon": { "alias": "sendButtonIcon"; "required": false; "isSignal": true; }; "interruptButtonLabel": { "alias": "interruptButtonLabel"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "attachFileLabel": { "alias": "attachFileLabel"; "required": false; "isSignal": true; }; "removeAttachmentLabel": { "alias": "removeAttachmentLabel"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "attachments": "attachmentsChange"; "send": "send"; "interrupt": "interrupt"; "fileError": "fileError"; }, never, ["*", "[siChatInputDisclaimer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiChatInputComponent, "si-chat-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "sending": { "alias": "sending"; "required": false; "isSignal": true; }; "interruptible": { "alias": "interruptible"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "disclaimer": { "alias": "disclaimer"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "allowAttachments": { "alias": "allowAttachments"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "sendButtonLabel": { "alias": "sendButtonLabel"; "required": false; "isSignal": true; }; "sendButtonIcon": { "alias": "sendButtonIcon"; "required": false; "isSignal": true; }; "interruptButtonLabel": { "alias": "interruptButtonLabel"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "attachFileLabel": { "alias": "attachFileLabel"; "required": false; "isSignal": true; }; "removeAttachmentLabel": { "alias": "removeAttachmentLabel"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; "followUpPrompts": { "alias": "followUpPrompts"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "attachments": "attachmentsChange"; "followUpPromptSelected": "followUpPromptSelected"; "send": "send"; "interrupt": "interrupt"; "fileError": "fileError"; }, never, ["*", "[siChatInputDisclaimer]"], true, never>;
 }
 
 /**
@@ -577,7 +645,7 @@ declare class SiChatMessageActionDirective {
  * - Responsive behavior that adapts to container size
  *
  * This is a low-level component designed for slotting in custom content, it provides slots via content projection:
- * - Default content: Main message content area (consider using {@link SiMarkdownRendererComponent} for markdown support)
+ * - Default content: Main message content area (consider using `si-markdown` for markdown support)
  * - `si-avatar/si-icon/img` selector: Avatar or icon representing the message sender
  * - `si-chat-message-action` selector: Action buttons related to the message
  * - `si-attachment-list` selector: Attachment list component for displaying file attachments
@@ -586,7 +654,6 @@ declare class SiChatMessageActionDirective {
  * @see {@link SiAiMessageComponent} for AI message display
  * @see {@link SiAttachmentListComponent} for attachment list to slot in
  * @see {@link SiChatMessageActionDirective} for action buttons to slot in
- * @see {@link SiMarkdownRendererComponent} for markdown content rendering
  * @see {@link SiChatContainerComponent} for the chat container to use this within
  *
  * @experimental
@@ -616,44 +683,28 @@ declare class SiChatMessageComponent {
  *
  * The user message component renders user-submitted content in (AI) chat interfaces,
  * supporting text, attachments, and contextual actions. It appears as a text bubble
- * aligned to the right side and supports markdown formatting for rich content.
+ * aligned to the right side.
  * Can be used within {@link SiChatContainerComponent}.
  *
  * The component automatically handles:
  * - Styling for user messages distinct from AI or generic chat messages
- * - Option to render markdown content, provide via `contentFormatter` input with a markdown renderer function (e.g., from {@link getMarkdownRenderer})
  * - Displaying attachments above the message bubble
  * - Displaying primary and secondary actions
  *
  * @see {@link SiChatMessageComponent} for the base message wrapper component
  * @see {@link SiAiMessageComponent} for the AI message component
  * @see {@link SiAttachmentListComponent} for the base attachment component
- * @see {@link getMarkdownRenderer} for markdown formatting support
  * @see {@link SiChatContainerComponent} for the chat container to use this within
  *
  * @experimental
  */
 declare class SiUserMessageComponent {
-    protected readonly formattedContent: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     protected readonly icons: Record<"elementOptionsVertical", string>;
     /**
      * The user message content
      * @defaultValue ''
      */
     readonly content: _angular_core.InputSignal<string>;
-    /**
-     * Optional formatter function to transform content before display.
-     * - Returns string: Content will be inserted as text with built-in sanitization
-     * - Returns Node: DOM node will be inserted directly without sanitization
-     *
-     * **Note:** When returning a Node with formatted content, apply the `markdown-content` class
-     * to the root element to ensure proper styling (e.g., `div.className = 'markdown-content'`).
-     * The function returned by {@link getMarkdownRenderer} does this automatically.
-     *
-     * **Warning:** When returning a Node, ensure the content is safe to prevent XSS attacks
-     * @defaultValue undefined
-     */
-    readonly contentFormatter: _angular_core.InputSignal<((text: string) => string | Node) | undefined>;
     /**
      * Primary message actions (edit, delete, copy, etc.).
      * All actions displayed inline
@@ -677,22 +728,20 @@ declare class SiUserMessageComponent {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_USER_MESSAGE.SECONDARY_ACTIONS:More actions`)
+     * t(() => $localize`:@@SI_USER_MESSAGE.SECONDARY_ACTIONS:Additional actions`)
      * ```
      */
     readonly secondaryActionsLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;
     protected readonly hasAttachments: _angular_core.Signal<boolean>;
-    protected readonly textContent: _angular_core.WritableSignal<string | undefined>;
-    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiUserMessageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiUserMessageComponent, "si-user-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentFormatter": { "alias": "contentFormatter"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiUserMessageComponent, "si-user-message", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "attachments": { "alias": "attachments"; "required": false; "isSignal": true; }; "actionParam": { "alias": "actionParam"; "required": false; "isSignal": true; }; "secondaryActionsLabel": { "alias": "secondaryActionsLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 interface PromptCategory {
-    label: TranslatableString$1;
+    label: TranslatableString;
 }
 interface PromptSuggestion {
-    text: TranslatableString$1;
+    text: TranslatableString;
 }
 /**
  * AI welcome screen component for displaying initial state in AI chat interfaces.
@@ -707,7 +756,6 @@ interface PromptSuggestion {
  * - Clickable prompt suggestion cards
  * - Optional refresh button to regenerate suggestions
  *
- * @see {@link SiAiChatContainerComponent} for the AI chat container which uses this component
  * @see {@link SiChatContainerComponent} for the base chat container
  *
  * @experimental
@@ -738,5 +786,5 @@ declare class SiAiWelcomeScreenComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiAiWelcomeScreenComponent, "si-ai-welcome-screen", never, { "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "selectedCategory": { "alias": "selectedCategory"; "required": false; "isSignal": true; }; "promptSuggestions": { "alias": "promptSuggestions"; "required": false; "isSignal": true; }; }, { "selectedCategory": "selectedCategoryChange"; "promptSelected": "promptSelected"; }, never, ["*"], true, never>;
 }
 
-export { SiAiMessageComponent, SiAiWelcomeScreenComponent, SiAttachmentListComponent, SiChatContainerComponent, SiChatContainerInputDirective, SiChatInputComponent, SiChatInputDisclaimerDirective, SiChatMessageActionDirective, SiChatMessageComponent, SiUserMessageComponent };
+export { SiActivityMessageComponent, SiActivityMessagePartComponent, SiActivityTraceComponent, SiAiMessageComponent, SiAiWelcomeScreenComponent, SiAttachmentListComponent, SiChatContainerComponent, SiChatContainerInputDirective, SiChatInputComponent, SiChatInputDisclaimerDirective, SiChatMessageActionDirective, SiChatMessageComponent, SiUserMessageComponent };
 export type { Attachment, ChatInputAttachment, MessageAction, PromptCategory, PromptSuggestion };

package/types/siemens-element-ng-circle-status.d.ts

@@ -25,7 +25,7 @@ declare class SiCircleStatusComponent implements OnChanges, OnDestroy {
      *
      * @defaultValue 'regular'
      */
-    readonly size: _angular_core.InputSignal<"regular" | "small">;
+    readonly size: _angular_core.InputSignal<"small" | "regular">;
     /**
      * event direction is out
      *

package/types/siemens-element-ng-content-action-bar.d.ts

@@ -40,7 +40,7 @@ declare class SiContentActionBarComponent implements AfterViewInit {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Toggle`)
+     * t(() => $localize`:@@SI_CONTENT_ACTION_BAR.TOGGLE:Show actions`)
      * ```
      */
     readonly toggleItemLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;

package/types/siemens-element-ng-dashboard.d.ts

@@ -301,7 +301,7 @@ declare class SiListWidgetBodyComponent extends SiWidgetBaseDirective<SiListWidg
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search...`)
+     * t(() => $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search…`)
      * ```
      */
     readonly searchPlaceholderLabel: _angular_core.InputSignal<TranslatableString>;
@@ -399,7 +399,7 @@ declare class SiListWidgetComponent extends SiWidgetBaseDirective<SiListWidgetIt
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search...`)
+     * t(() => $localize`:@@SI_LIST_WIDGET.SEARCH_PLACEHOLDER:Search…`)
      * ```
      */
     readonly searchPlaceholderLabel: _angular_core.InputSignal<TranslatableString>;

package/types/siemens-element-ng-datatable.d.ts

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, OnInit, Provider } from '@angular/core';
+import { NgxDatatableConfig } from '@siemens/ngx-datatable';
+export { NgxDatatableConfig } from '@siemens/ngx-datatable';
 
 declare class SiDatatableInteractionDirective implements OnDestroy, OnInit {
     private table;
@@ -35,63 +37,10 @@ declare class SiDatatableModule {
  * SPDX-License-Identifier: MIT
  */
 
-/** Interface for messages to override default table texts. */
-interface NgxDatatableMessages {
-    /** Message to show when the array is present but empty */
-    emptyMessage: string;
-    /** Footer total message */
-    totalMessage: string;
-    /** Footer selected message */
-    selectedMessage: string;
-    /** Pager screen reader message for the first page button */
-    ariaFirstPageMessage: string;
-    /**
-     * Pager screen reader message for the n-th page button.
-     * It will be rendered as: `{{ariaPageNMessage}} {{n}}`.
-     */
-    ariaPageNMessage: string;
-    /** Pager screen reader message for the previous page button */
-    ariaPreviousPageMessage: string;
-    /** Pager screen reader message for the next page button */
-    ariaNextPageMessage: string;
-    /** Pager screen reader message for the last page button */
-    ariaLastPageMessage: string;
-    /** Row checkbox aria label */
-    ariaRowCheckboxMessage: string;
-    /** Header checkbox aria label */
-    ariaHeaderCheckboxMessage: string;
-    /** Group header checkbox aria label */
-    ariaGroupHeaderCheckboxMessage: string;
-}
-/** CSS classes for icons that override the default table icons. */
-interface NgxDatatableCssClasses {
-    sortAscending: string;
-    sortDescending: string;
-    sortUnset: string;
-    pagerLeftArrow: string;
-    pagerRightArrow: string;
-    pagerPrevious: string;
-    pagerNext: string;
-    treeStatusLoading: string;
-    treeStatusExpanded: string;
-    treeStatusCollapsed: string;
-}
-/**
- * Interface definition for ngx-datatable global configuration
- */
-interface NgxDatatableConfig {
-    messages?: NgxDatatableMessages;
-    cssClasses?: NgxDatatableCssClasses;
-    headerHeight?: number;
-    footerHeight?: number;
-    rowHeight?: number;
-    defaultColumnWidth?: number;
-}
 /**
- * @deprecated Use NgxDatatableConfig from \@siemens/ngx-datatable instead from v23 onward.
+ * Configuration interface for \@siemens/ngx-datatable.
  *
- * Configuration interface for the upstream \@siemens/ngx-datatable project.
- * See https://github.com/siemens/ngx-datatable/blob/main/projects/ngx-datatable/src/lib/ngx-datatable.config.ts#L50.
+ * @deprecated Import `NgxDatatableConfig` directly from `\@siemens/ngx-datatable` instead.
  */
 interface INgxDatatableConfig extends NgxDatatableConfig {
 }
@@ -117,4 +66,4 @@ declare const SI_DATATABLE_CONFIG: SiDatatableConfig;
 declare const provideSiDatatableConfig: (configOverrides?: NgxDatatableConfig) => Provider;
 
 export { SI_DATATABLE_CONFIG, SiDatatableInteractionDirective, SiDatatableModule, provideSiDatatableConfig };
-export type { INgxDatatableConfig, NgxDatatableConfig };
+export type { INgxDatatableConfig };

package/types/siemens-element-ng-date-range-filter.d.ts

@@ -294,7 +294,7 @@ declare class SiDateRangeFilterComponent implements OnChanges {
         end: Date | undefined;
     }>;
     protected readonly point1Now: _angular_core.WritableSignal<boolean>;
-    protected readonly point2Mode: _angular_core.WritableSignal<"duration" | "date">;
+    protected readonly point2Mode: _angular_core.WritableSignal<"date" | "duration">;
     protected readonly point1date: _angular_core.WritableSignal<Date>;
     protected readonly point2date: _angular_core.WritableSignal<Date>;
     protected readonly point2offset: _angular_core.WritableSignal<number>;

package/types/siemens-element-ng-datepicker.d.ts

@@ -192,6 +192,8 @@ declare class SiDateInputDirective implements ControlValueAccessor, OnChanges, V
     readonly errormessageId: _angular_core.InputSignal<string>;
     /** @internal */
     validatorOnChange: () => void;
+    /** @internal */
+    readonly validationChange: _angular_core.OutputEmitterRef<void>;
     /**
      * Date form input validator function, validating text format, min and max value.
      */
@@ -241,7 +243,7 @@ declare class SiDateInputDirective implements ControlValueAccessor, OnChanges, V
     /** The form control validator for the min date. */
     private maxValidator;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDateInputDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiDateInputDirective, "input[siDateInput]", ["siDateInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "siDatepickerConfig": { "alias": "siDatepickerConfig"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "siDatepickerConfig": "siDatepickerConfigChange"; "siDatepickerDisabledTime": "siDatepickerDisabledTime"; "stateChange": "stateChange"; "dateChange": "dateChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiDateInputDirective, "input[siDateInput]", ["siDateInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "siDatepickerConfig": { "alias": "siDatepickerConfig"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "errormessageId": { "alias": "errormessageId"; "required": false; "isSignal": true; }; }, { "siDatepickerConfig": "siDatepickerConfigChange"; "siDatepickerDisabledTime": "siDatepickerDisabledTime"; "stateChange": "stateChange"; "validationChange": "validationChange"; "dateChange": "dateChange"; }, never, never, true, never>;
 }
 
 /** CSS classes that can be associated with a calendar cell. */
@@ -339,16 +341,6 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
      * ```
      */
     readonly nextLabel: _angular_core.InputSignal<TranslatableString>;
-    /**
-     * Aria label for week number column
-     *
-     * @deprecated Use `calendarWeekLabel` instead.
-     * @defaultValue
-     * ```
-     * t(() => $localize`:@@SI_DATEPICKER.CALENDAR_WEEK_LABEL:Calendar week`)
-     * ```
-     */
-    readonly calenderWeekLabel: _angular_core.InputSignal<TranslatableString | undefined>;
     /**
      * Aria label for week number column
      *
@@ -358,7 +350,6 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
      * ```
      */
     readonly calendarWeekLabel: _angular_core.InputSignal<TranslatableString>;
-    protected readonly derivedWeekLabel: _angular_core.Signal<TranslatableString>;
     /**
      * Enable/disable 12H mode in timepicker. Defaults to locale
      *
@@ -509,7 +500,7 @@ declare class SiDatepickerComponent implements OnInit, OnChanges, AfterViewInit
     focusActiveCell(): void;
     protected onActiveHoverChange(event?: Cell): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiDatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDatepickerComponent, "si-datepicker", never, { "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "dateRange": { "alias": "dateRange"; "required": false; "isSignal": true; }; "dateRangeRole": { "alias": "dateRangeRole"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "calenderWeekLabel": { "alias": "calenderWeekLabel"; "required": false; "isSignal": true; }; "calendarWeekLabel": { "alias": "calendarWeekLabel"; "required": false; "isSignal": true; }; "time12h": { "alias": "time12h"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "minMonth": { "alias": "minMonth"; "required": false; "isSignal": true; }; "maxMonth": { "alias": "maxMonth"; "required": false; "isSignal": true; }; "hideTimeToggle": { "alias": "hideTimeToggle"; "required": false; "isSignal": true; }; "hideCalendar": { "alias": "hideCalendar"; "required": false; "isSignal": true; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; "isSignal": true; }; "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "date": "dateChange"; "dateRange": "dateRangeChange"; "disabledTime": "disabledTimeChange"; "config": "configChange"; "rangeType": "rangeTypeChange"; "activeHover": "activeHoverChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiDatepickerComponent, "si-datepicker", never, { "focusedDate": { "alias": "focusedDate"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "dateRange": { "alias": "dateRange"; "required": false; "isSignal": true; }; "dateRangeRole": { "alias": "dateRangeRole"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "calendarWeekLabel": { "alias": "calendarWeekLabel"; "required": false; "isSignal": true; }; "time12h": { "alias": "time12h"; "required": false; "isSignal": true; }; "rangeType": { "alias": "rangeType"; "required": false; "isSignal": true; }; "minMonth": { "alias": "minMonth"; "required": false; "isSignal": true; }; "maxMonth": { "alias": "maxMonth"; "required": false; "isSignal": true; }; "hideTimeToggle": { "alias": "hideTimeToggle"; "required": false; "isSignal": true; }; "hideCalendar": { "alias": "hideCalendar"; "required": false; "isSignal": true; }; "timepickerLabel": { "alias": "timepickerLabel"; "required": false; "isSignal": true; }; "activeHover": { "alias": "activeHover"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "date": "dateChange"; "dateRange": "dateRangeChange"; "disabledTime": "disabledTimeChange"; "config": "configChange"; "rangeType": "rangeTypeChange"; "activeHover": "activeHoverChange"; }, never, never, true, never>;
 }
 
 declare class SiDatepickerOverlayComponent implements OnChanges, OnInit, OnDestroy {
@@ -1039,7 +1030,7 @@ declare class SiDateRangeComponent implements ControlValueAccessor, Validator, A
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_DATEPICKER.START_TIME_LABEL:from`)
+     * t(() => $localize`:@@SI_DATEPICKER.START_TIME_LABEL:From`)
      * ```
      */
     readonly startTimeLabel: _angular_core.InputSignal<TranslatableString>;
@@ -1048,7 +1039,7 @@ declare class SiDateRangeComponent implements ControlValueAccessor, Validator, A
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_DATEPICKER.END_TIME_LABEL:to`)
+     * t(() => $localize`:@@SI_DATEPICKER.END_TIME_LABEL:To`)
      * ```
      */
     readonly endTimeLabel: _angular_core.InputSignal<TranslatableString>;
@@ -1096,6 +1087,7 @@ declare class SiDateRangeComponent implements ControlValueAccessor, Validator, A
     private validator;
     private onChange;
     private onTouch;
+    protected onValidatorChange: () => void;
     protected readonly icons: Record<"elementCalendar", string>;
     protected readonly disabled: _angular_core.Signal<boolean>;
     private readonly disabledNgControl;
@@ -1109,6 +1101,7 @@ declare class SiDateRangeComponent implements ControlValueAccessor, Validator, A
     writeValue(dateRange: DateRange): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: () => void): void;
+    registerOnValidatorChange(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     validate(c: AbstractControl): ValidationErrors | null;
     /**

package/types/siemens-element-ng-electron-titlebar.d.ts

@@ -64,7 +64,7 @@ declare class SiElectrontitlebarComponent {
      *
      * @defaultValue
      * ```
-     * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Menu`)
+     * t(() => $localize`:@@SI_ELECTRON_TITLEBAR.MENU:Show actions`)
      * ```
      */
     readonly ariaLabelMenu: _angular_core.InputSignal<_siemens_element_translate_ng_translate.TranslatableString>;