@acorex/modules 21.0.0-next.40 → 21.0.0-next.42

package/fesm2022/acorex-modules-conversation.mjs

@@ -10,7 +10,7 @@ import { CommonModule, AsyncPipe, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, NgModule, inject, output, signal, viewChild, computed, effect, untracked, ChangeDetectionStrategy, Component, input, afterNextRender, DestroyRef, ElementRef, ViewEncapsulation, SecurityContext, Injector, importProvidersFrom } from '@angular/core';
 import { Router, ActivatedRoute, RouterModule, ROUTES } from '@angular/router';
-import * as i1$4 from '@acorex/platform/layout/widget-core';
+import * as i1$3 from '@acorex/platform/layout/widget-core';
 import { AXPWidgetsCatalog, AXPValueWidgetComponent, AXPWidgetGroupEnum, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex/platform/layout/widget-core';
 import * as i1$6 from '@acorex/platform/workflow';
 import { AXPWorkflowAction, AXPWorkflowModule } from '@acorex/platform/workflow';
@@ -19,7 +19,7 @@ import { AXMUsersEntityService } from '@acorex/modules/security-management';
 import { Subject, map, filter, merge, auditTime } from 'rxjs';
 import * as i2 from '@acorex/components/button';
 import { AXButtonModule, AXButtonComponent } from '@acorex/components/button';
-import { AXConversationService, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, AXConversationStoreService, conversationSharedStorage, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AXComposerService, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
+import { AXConversationService, AXNewConversationDialogComponent, AXConversationContainerDirective, AXSidebarComponent, AXInfoBarComponent, AXMessageListComponent, AXComposerComponent, AXUserApi, AXConversationApi, AXMessageApi, AXRealtimeApi, conversationSharedStorage, axConversationIndexedDbStorage, AXImageRendererComponent, AXTextRendererComponent, provideConversation, AX_CONVERSATION_ITEM_MUTE_ACTION, AX_CONVERSATION_ITEM_PIN_ACTION, AX_CONVERSATION_ITEM_MARK_READ_ACTION, AX_CONVERSATION_ITEM_DIVIDER, AX_CONVERSATION_ITEM_DELETE_ACTION, AX_CONVERSATION_ITEM_BLOCK_ACTION, AX_CONVERSATION_INFO_BAR_SEARCH_ACTION, AX_CONVERSATION_INFO_BAR_INFO_ACTION, AX_CONVERSATION_INFO_BAR_MUTE_ACTION, AX_CONVERSATION_INFO_BAR_DIVIDER, AX_CONVERSATION_INFO_BAR_DELETE_ACTION, AX_CONVERSATION_INFO_BAR_BLOCK_ACTION, AX_CONVERSATION_TAB_ALL, AX_CONVERSATION_TAB_PRIVATE, AX_CONVERSATION_TAB_GROUPS, AX_CONVERSATION_TAB_CHANNELS, AX_CONVERSATION_TAB_UNREAD, AX_CONVERSATION_TAB_ARCHIVED, AX_CONVERSATION_COMPOSER_EMOJI_TAB, AX_CONVERSATION_COMPOSER_STICKER_TAB, AX_CONVERSATION_COMPOSER_EMOJI_ACTION, AX_CONVERSATION_COMPOSER_IMAGE_ACTION, AX_CONVERSATION_COMPOSER_VIDEO_ACTION, AX_CONVERSATION_COMPOSER_FILE_ACTION, AX_CONVERSATION_COMPOSER_VOICE_RECORDING_ACTION, AX_CONVERSATION_COMPOSER_AUDIO_ACTION, AX_CONVERSATION_COMPOSER_LOCATION_ACTION, AX_CONVERSATION_MESSAGE_REPLY_ACTION, AX_CONVERSATION_MESSAGE_FORWARD_ACTION, AX_CONVERSATION_MESSAGE_EDIT_ACTION, AX_CONVERSATION_MESSAGE_DELETE_ACTION, AXComposerService, AX_CONVERSATION_TEXT_RENDERER, AX_CONVERSATION_IMAGE_RENDERER, AX_CONVERSATION_VIDEO_RENDERER, AX_CONVERSATION_AUDIO_RENDERER, AX_CONVERSATION_VOICE_RENDERER, AX_CONVERSATION_FILE_RENDERER, AX_CONVERSATION_LOCATION_RENDERER, AX_CONVERSATION_STICKER_RENDERER } from '@acorex/components/conversation2';
 import { AXDialogService } from '@acorex/components/dialog';
 import * as i1$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
@@ -58,7 +58,7 @@ import { AXSkeletonModule } from '@acorex/components/skeleton';
 import { AXToolBarModule } from '@acorex/components/toolbar';
 import * as i9 from '@acorex/core/format';
 import { AXFormatModule } from '@acorex/core/format';
-import * as i1$3 from '@acorex/cdk/accordion';
+import * as i1$4 from '@acorex/cdk/accordion';
 import { AXAccordionCdkModule } from '@acorex/cdk/accordion';
 import * as i2$2 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
@@ -1927,6 +1927,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
     async loadAssistsFromApi() {
         this.loading.set(true);
         try {
+            //TODO: use .withEntity().data() instead of entityRegistry.resolve()
             const entity = await this.entityRegistry.resolve(RootConfig$1.module.name, RootConfig$1.entities.assist.name);
             const execute = entity.queries?.list?.execute;
             if (!execute) {
@@ -1937,7 +1938,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
                 take: 500,
                 sort: [{ name: 'name', dir: 'asc' }],
             });
-            this.rows.set((res.items ?? []).map((raw) => this.normalizeRow(raw)));
+            this.rows.set((res.items ?? []));
         }
         catch (error) {
             console.error('Failed to load assists:', error);
@@ -1959,16 +1960,8 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
             r.title.toLowerCase().includes(q) ||
             (r.description?.toLowerCase().includes(q) ?? false));
     }
-    normalizeRow(raw) {
-        const id = String(raw['id'] ?? '');
-        const name = String(raw['name'] ?? '');
-        const title = String(raw['title'] ?? name);
-        const description = raw['description'] != null ? String(raw['description']) : undefined;
-        const professionImageUrl = raw['professionImageUrl'] != null ? String(raw['professionImageUrl']) : undefined;
-        return { id, name, title, description, professionImageUrl };
-    }
     displayName(row) {
-        return row.title?.trim() || row.name?.trim() || row.id;
+        return this.translationService.resolve(row.title)?.trim() || row.name?.trim() || row.id;
     }
     assistAvatarUrl(row) {
         const avatarUrl = row.professionImageUrl?.trim();
@@ -2085,7 +2078,7 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
           <!-- <input class="ax-checkbox" type="checkbox" [checked]="isAssistSelected(row.id)" tabindex="0" /> -->
           <ax-avatar [size]="54">
             @if (assistAvatarUrl(row); as avatarUrl) {
-              <ax-image [src]="avatarUrl" [alt]="displayName(row)"></ax-image>
+              <ax-image [src]="avatarUrl" [alt]="displayName(row) | translate | async"></ax-image>
             } @else {
               <ax-icon
                 ><i
@@ -2102,9 +2095,9 @@ class AXMChatWithAssistDialogComponent extends AXBasePageComponent {
             }
           </ax-avatar>
           <div class="user-item-text">
-            <span class="ax-truncated user-name-text">{{ displayName(row) }}</span>
+            <span class="ax-truncated user-name-text">{{ displayName(row) | translate | async }}</span>
             @if (row.description) {
-              <span class="user-description-text ax-truncated">{{ row.description }}</span>
+              <span class="user-description-text ax-truncated">{{ row.description | translate | async }}</span>
             }
           </div>
         </div>
@@ -2192,7 +2185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           <!-- <input class="ax-checkbox" type="checkbox" [checked]="isAssistSelected(row.id)" tabindex="0" /> -->
           <ax-avatar [size]="54">
             @if (assistAvatarUrl(row); as avatarUrl) {
-              <ax-image [src]="avatarUrl" [alt]="displayName(row)"></ax-image>
+              <ax-image [src]="avatarUrl" [alt]="displayName(row) | translate | async"></ax-image>
             } @else {
               <ax-icon
                 ><i
@@ -2209,9 +2202,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             }
           </ax-avatar>
           <div class="user-item-text">
-            <span class="ax-truncated user-name-text">{{ displayName(row) }}</span>
+            <span class="ax-truncated user-name-text">{{ displayName(row) | translate | async }}</span>
             @if (row.description) {
-              <span class="user-description-text ax-truncated">{{ row.description }}</span>
+              <span class="user-description-text ax-truncated">{{ row.description | translate | async }}</span>
             }
           </div>
         </div>
@@ -3658,7 +3651,6 @@ class AXMChatInfoBarAssistModelActionComponent {
         //#endregion
         //#region ---- Services & Dependencies ----
         this.modelCatalog = inject(AXPAiAssistChatModelCatalogService);
-        this.conversationStore = inject(AXConversationStoreService);
         this.entityService = inject(AXPEntityService);
         this.settingsService = inject(AXPSettingsService);
         this.debugModeEnabled = signal(false, ...(ngDevMode ? [{ debugName: "debugModeEnabled" }] : /* istanbul ignore next */ []));
@@ -3729,9 +3721,6 @@ class AXMChatInfoBarAssistModelActionComponent {
     }
     /** Writes modelEntityId into conversation metadata (in-memory store + IndexedDB). */
     persistModelToMetadata(conversationId, modelEntityId) {
-        this.conversationStore.updateConversation(conversationId, {
-            metadata: { modelEntityId },
-        });
         const stored = conversationSharedStorage.conversations.get(conversationId);
         if (stored) {
             stored.metadata = { ...(stored.metadata ?? {}), modelEntityId };
@@ -3905,17 +3894,46 @@ function axmReadAssistAiTranscript(metadata) {
 }
 //#endregion
 //#region ---- Layout / synthetic helpers ----
+/**
+ * Transcript response discriminators ({@link AXPAiChatResponse} `type` values).
+ * These must not be treated as {@link AXPWidgetNode} `type` when coercing unknown JSON.
+ */
+const AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES = new Set([
+    'text',
+    'think',
+    'image',
+    'audio',
+    'file',
+    'tool',
+    'agent',
+    'tool_result',
+    'agent_result',
+]);
+const AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH = 6;
 /**
  * Returns `content` as an {@link AXPWidgetNode} when it looks like a widget tree.
+ * Rejects assistant transcript segment shapes (e.g. `{ type: 'text', content: '...' }`) and unwraps
+ * a single `{ type: 'node', content: <widget> }` envelope if present.
  */
-function axmAssistWidgetNodeFromUnknown(content) {
-    if (content != null &&
-        typeof content === 'object' &&
-        !Array.isArray(content) &&
-        typeof content['type'] === 'string') {
-        return content;
+function axmAssistWidgetNodeFromUnknown(content, depth = 0) {
+    if (depth > AXM_ASSIST_NODE_ENVELOPE_UNWRAP_MAX_DEPTH) {
+        return null;
     }
-    return null;
+    if (content == null || typeof content !== 'object' || Array.isArray(content)) {
+        return null;
+    }
+    const rec = content;
+    const t = rec['type'];
+    if (typeof t !== 'string') {
+        return null;
+    }
+    if (t === 'node' && 'content' in rec) {
+        return axmAssistWidgetNodeFromUnknown(rec['content'], depth + 1);
+    }
+    if (AXM_ASSIST_TRANSCRIPT_NON_WIDGET_TYPES.has(t)) {
+        return null;
+    }
+    return content;
 }
 /**
  * Returns the first `node` segment's content as an {@link AXPWidgetNode} when it looks like a widget tree.
@@ -4089,8 +4107,10 @@ function renderInlineMarkdown(raw) {
 function normalizeInput(raw) {
     return (raw ?? '')
         .replace(/\r\n/g, '\n')
-        .replace(/<\s*br\s*\/?\s*>/gi, '\n')
-        .replace(/&lt;\s*br\s*\/?\s*&gt;/gi, '\n')
+        // Line breaks: any HTML <br> variant (with attributes, XHTML-style, case-insensitive).
+        .replace(/<\s*br\b[^>]*>/gi, '\n')
+        // Same when the tag was HTML-escaped in the source (e.g. rich text or double-encoded snippets).
+        .replace(/&lt;\s*br\b[\s\S]*?&gt;/gi, '\n')
         .replace(/\n?<\s*hr\s*\/?\s*>\n?/gi, '\n\n---\n\n')
         .replace(/\t/g, '  ')
         .trim();
@@ -4245,6 +4265,206 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
   `, styles: [":host{display:block;max-inline-size:min(100%,40rem)}.axm-assist-bot-image-line__err{margin:0;font-size:.8125rem;color:rgb(var(--ax-sys-color-danger-600, 220 38 38))}\n"] }]
         }], ctorParameters: () => [], propDecorators: { parentMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "parentMessage", required: true }] }], fileId: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileId", required: true }] }], mimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "mimeType", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
 
+class AXMNodeMessageRendererComponent {
+    constructor() {
+        //#region ---- Inputs & Outputs ----
+        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
+        this.node = input(undefined, ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
+        this.formSubmitted = output();
+        //#endregion
+        //#region ---- State ----
+        this.contentState = signal('none', ...(ngDevMode ? [{ debugName: "contentState" }] : /* istanbul ignore next */ []));
+        this.formContext = signal({}, ...(ngDevMode ? [{ debugName: "formContext" }] : /* istanbul ignore next */ []));
+        this.isSubmitted = computed(() => this.readSubmittedState(this.message()), ...(ngDevMode ? [{ debugName: "isSubmitted" }] : /* istanbul ignore next */ []));
+        this.isAssistEmbed = computed(() => this.readAssistEmbedFlag(this.message().metadata), ...(ngDevMode ? [{ debugName: "isAssistEmbed" }] : /* istanbul ignore next */ []));
+        this.rendererState = computed(() => ({
+            deliveryStatus: this.message().status,
+            contentState: this.contentState(),
+        }), ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
+        this.resolvedNode = computed(() => {
+            const message = this.message();
+            const payload = message.payload;
+            if (this.isUserFormPayload(payload)) {
+                return payload.node;
+            }
+            // Only treat `{ type: 'node', content }` when the chat message itself is a `node` message.
+            if (message.type === 'node' && this.isNodeContentPayload(payload)) {
+                const parsed = axmAssistWidgetNodeFromUnknown(payload.content);
+                if (parsed) {
+                    return parsed;
+                }
+                if (this.readAssistEmbedFlag(message.metadata)) {
+                    // Assist embed: do not fall back to a synthetic name field (avoids a duplicate/spurious form).
+                    return {
+                        type: 'flex-layout',
+                        name: 'assist-node-empty',
+                        visible: false,
+                        children: [],
+                    };
+                }
+            }
+            return this.node() ?? this.createFallbackNode();
+        }, ...(ngDevMode ? [{ debugName: "resolvedNode" }] : /* istanbul ignore next */ []));
+        this.submittedMessage = computed(() => {
+            return '@conversation:chat.user-form.states.submitted-success';
+        }, ...(ngDevMode ? [{ debugName: "submittedMessage" }] : /* istanbul ignore next */ []));
+    }
+    //#endregion
+    //#region ---- Handlers ----
+    onContextChanged(event) {
+        this.formContext.set((event.data ?? {}));
+    }
+    submit() {
+        const context = this.formContext();
+        this.formSubmitted.emit(context);
+        void this.persistSubmittedState(context);
+    }
+    //#endregion
+    //#region ---- Utilities ----
+    isUserFormPayload(payload) {
+        return (typeof payload === 'object' &&
+            payload != null &&
+            'type' in payload &&
+            payload.type === 'user-form' &&
+            'node' in payload);
+    }
+    isNodeContentPayload(payload) {
+        return (typeof payload === 'object' &&
+            payload != null &&
+            'type' in payload &&
+            payload.type === 'node' &&
+            'content' in payload);
+    }
+    readAssistEmbedFlag(metadata) {
+        if (typeof metadata !== 'object' || metadata == null) {
+            return false;
+        }
+        return metadata['assistEmbed'] === true;
+    }
+    createFallbackNode() {
+        return {
+            type: 'text-editor',
+            path: 'form.name',
+            name: 'name',
+            options: { placeholder: '@conversation:chat.user-form.fields.name.placeholder' },
+        };
+    }
+    readSubmittedState(message) {
+        const metadata = this.readUserFormMetadata(message.metadata);
+        return metadata?.submitted === true;
+    }
+    readPersistedContext(message) {
+        const metadata = this.readUserFormMetadata(message.metadata);
+        if (!metadata?.context || typeof metadata.context !== 'object') {
+            return null;
+        }
+        return metadata.context;
+    }
+    readUserFormMetadata(metadata) {
+        if (typeof metadata !== 'object' || metadata == null) {
+            return null;
+        }
+        const candidate = metadata['userForm'];
+        if (typeof candidate !== 'object' || candidate == null) {
+            return null;
+        }
+        return candidate;
+    }
+    async persistSubmittedState(context) {
+        const message = this.message();
+        const payload = this.message().payload;
+        const payloadWithValue = this.isUserFormPayload(payload)
+            ? { ...payload, value: context }
+            : this.message().payload;
+        const updatedMessage = {
+            ...message,
+            payload: payloadWithValue,
+            metadata: {
+                ...(message.metadata ?? {}),
+                userForm: {
+                    submitted: true,
+                    context,
+                },
+            },
+        };
+        conversationSharedStorage.messages.set(updatedMessage.id, updatedMessage);
+        await axConversationIndexedDbStorage.putMessage(updatedMessage);
+        conversationSharedStorage.messageUpdates$.next(updatedMessage);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNodeMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMNodeMessageRendererComponent, isStandalone: true, selector: "axm-chat-user-form-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formSubmitted: "formSubmitted" }, ngImport: i0, template: `
+    <div class="axm-user-form-renderer" [class.axm-user-form-renderer--assist-embed]="isAssistEmbed()">
+      @if (isAssistEmbed()) {
+        <axp-layout-renderer [layout]="resolvedNode()" mode="view" [context]="{}" />
+      } @else if (!isSubmitted()) {
+        <axp-widgets-container
+          class="ax-flex ax-flex-col ax-gap-3"
+          [context]="formContext()"
+          (onContextChanged)="onContextChanged($event)"
+        >
+          <ng-container
+            axp-widget-renderer
+            [node]="resolvedNode()"
+            [mode]="resolvedNode().mode ?? 'edit'"
+          ></ng-container>
+        </axp-widgets-container>
+
+        <div class="ax-flex ax-justify-end ax-mt-2">
+          <ax-button [text]="('@conversation:chat.user-form.actions.submit' | translate | async) ?? ''" (onClick)="submit()"></ax-button>
+        </div>
+      } @else {
+        <div
+          class="ax-mt-1 ax-rounded-xl ax-border ax-border-success-500/25 ax-bg-success-500/10 ax-px-3 ax-py-2 ax-shadow-sm"
+        >
+          <div class="ax-text-[0.7rem] ax-font-bold ax-uppercase ax-tracking-wide ax-text-success-700">
+            {{ '@conversation:chat.user-form.states.submitted' | translate | async }}
+          </div>
+          <div class="ax-mt-1 ax-text-sm ax-font-medium ax-text-on-surface">
+            {{ (submittedMessage() | translate | async) ?? '' }}
+          </div>
+        </div>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$3.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$3.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNodeMessageRendererComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-chat-user-form-renderer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPWidgetCoreModule, AXButtonModule, AXTranslationModule, AXPLayoutRendererComponent, AsyncPipe], template: `
+    <div class="axm-user-form-renderer" [class.axm-user-form-renderer--assist-embed]="isAssistEmbed()">
+      @if (isAssistEmbed()) {
+        <axp-layout-renderer [layout]="resolvedNode()" mode="view" [context]="{}" />
+      } @else if (!isSubmitted()) {
+        <axp-widgets-container
+          class="ax-flex ax-flex-col ax-gap-3"
+          [context]="formContext()"
+          (onContextChanged)="onContextChanged($event)"
+        >
+          <ng-container
+            axp-widget-renderer
+            [node]="resolvedNode()"
+            [mode]="resolvedNode().mode ?? 'edit'"
+          ></ng-container>
+        </axp-widgets-container>
+
+        <div class="ax-flex ax-justify-end ax-mt-2">
+          <ax-button [text]="('@conversation:chat.user-form.actions.submit' | translate | async) ?? ''" (onClick)="submit()"></ax-button>
+        </div>
+      } @else {
+        <div
+          class="ax-mt-1 ax-rounded-xl ax-border ax-border-success-500/25 ax-bg-success-500/10 ax-px-3 ax-py-2 ax-shadow-sm"
+        >
+          <div class="ax-text-[0.7rem] ax-font-bold ax-uppercase ax-tracking-wide ax-text-success-700">
+            {{ '@conversation:chat.user-form.states.submitted' | translate | async }}
+          </div>
+          <div class="ax-mt-1 ax-text-sm ax-font-medium ax-text-on-surface">
+            {{ (submittedMessage() | translate | async) ?? '' }}
+          </div>
+        </div>
+      }
+    </div>
+  `, styles: [":host{display:block;inline-size:min(100%,28rem)}:host:has(.axm-user-form-renderer--assist-embed){inline-size:100%;max-inline-size:none}\n"] }]
+        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], formSubmitted: [{ type: i0.Output, args: ["formSubmitted"] }] } });
+
 //#region ---- Imports ----
 //#endregion
 //#region ---- Component ----
@@ -4263,6 +4483,7 @@ class AXMAssistMessageRendererComponent {
         this.entityService = inject(AXPEntityService);
         this.settingsService = inject(AXPSettingsService);
         this.sanitizer = inject(DomSanitizer);
+        this.translation = inject(AXTranslationService);
         this.agentData = this.entityService
             .withEntity(RootConfig$1.module.name, RootConfig$1.entities.agent.name)
             .data();
@@ -4382,6 +4603,12 @@ class AXMAssistMessageRendererComponent {
             payload: { type: 'text', text },
         });
     }
+    syntheticNodeEmbedMessage(lineIndex, segIndex, content) {
+        return axmSyntheticEmbedMessage(this.message(), `node-${lineIndex}-${segIndex}`, {
+            type: 'node',
+            payload: { type: 'node', content },
+        });
+    }
     renderMarkdown(raw) {
         return axmRenderAssistMarkdown(raw, this.sanitizer);
     }
@@ -4597,7 +4824,7 @@ class AXMAssistMessageRendererComponent {
         void this.agentData
             .byKey(agentId)
             .then((agent) => {
-            const title = (agent?.title?.trim() || agent?.name?.trim() || agent?.id || agentId).trim();
+            const title = (this.translation.resolve(agent?.title)?.trim() || agent?.name?.trim() || agent?.id || agentId).trim();
             this.agentTitleById.update((current) => ({ ...current, [agentId]: title }));
         })
             .catch(() => {
@@ -4880,7 +5107,7 @@ class AXMAssistMessageRendererComponent {
                             ></i>
                             <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                             {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>d
+                          </span>
                         </div>
                         <span
                           class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
@@ -5015,9 +5242,10 @@ class AXMAssistMessageRendererComponent {
                     </div>
                   </div>
                 } @else if (line.role === 'assistant' && seg.type === 'node') {
-                  @if (axmAssistWidgetNodeFromUnknown(seg.content); as layout) {
+                  @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);
+                  @if (assistNodeWidget) {
                     <div class="axm-assist-bot__segment" dir="auto">
-                      <axp-layout-renderer [layout]="layout" mode="view" [context]="{}" />
+                      <axm-chat-user-form-renderer [message]="syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)" />
                     </div>
                   }
                 } @else if (line.role === 'assistant' && seg.type === 'image') {
@@ -5471,13 +5699,13 @@ class AXMAssistMessageRendererComponent {
         }
       }
     </div>
-  `, isInline: true, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-color-primary-500);border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.75;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--ax-color-text-muted, #999);animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{border:none;border-radius:0;background:transparent;padding:.5rem 0 0;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:var(--ax-color-text-muted, #888);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXPLayoutRendererComponent, selector: "axp-layout-renderer", inputs: ["layout", "context", "look", "mode"], outputs: ["contextChange", "contextInitiated", "validityChange"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$3.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$3.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$3.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$3.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3$2.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".axm-assist-renderer{display:flex;flex-direction:column;gap:.5rem}.axm-assist-bot{display:flex;flex-direction:column;gap:.75rem}.axm-assist-bot__segment{unicode-bidi:isolate;font-size:.95rem;line-height:1.8;letter-spacing:.002em;color:rgb(var(--ax-sys-color-on-surface));text-wrap:pretty}.axm-assist-bot__line--user{align-self:flex-end}.axm-assist-bot__line--tool-role{align-self:stretch}.axm-assist-bot__tool-result{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(0, 0, 0, .02));padding:.5rem .75rem}.axm-assist-bot__fallback{font-size:.88rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;opacity:.9}.axm-assist-renderer__cursor{display:inline-block;inline-size:6px;block-size:1em;margin-inline-start:2px;background:var(--ax-color-primary-500);border-radius:1px;animation:axm-blink .8s steps(2) infinite;vertical-align:text-bottom}@keyframes axm-blink{0%{opacity:1}50%{opacity:0}}.axm-assist-renderer__stream-content{display:flex;flex-direction:column;gap:.5rem}.axm-assist-renderer__streaming-activity{display:flex;align-items:center;gap:.5rem;padding-block:.15rem}.axm-assist-renderer__activity-label{line-height:1.45}.axm-assist-renderer__text{white-space:pre-line;word-break:break-word;line-height:1.85;font-size:.95rem;letter-spacing:.002em;text-wrap:pretty}.axm-assist-bot__segment ax-conversation-text-renderer{display:block}.axm-assist-bot__segment ax-conversation-text-renderer :is(p,ul,ol){margin-block:.45rem}.axm-assist-bot__segment ax-conversation-text-renderer li{line-height:1.8}.axm-assist-renderer__markdown :is(h1,h2,h3,h4,h5,h6){margin:.55rem 0 .35rem;line-height:1.35;font-weight:600}.axm-assist-renderer__markdown p{margin:.35rem 0}.axm-assist-renderer__markdown ul{margin:.4rem 0;padding-inline-start:1.1rem}.axm-assist-renderer__markdown blockquote{margin:.5rem 0;padding-inline:.65rem .5rem;border-inline-start:3px solid rgba(var(--ax-sys-color-primary),.35);background:rgba(var(--ax-sys-color-primary),.06);border-radius:.25rem}.axm-assist-renderer__markdown code{font-family:var(--ax-font-mono, monospace);font-size:.9em;padding:.1rem .3rem;border-radius:.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .06))}.axm-assist-renderer__accordion-group{width:100%}.axm-assist-renderer__accordion-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;cursor:pointer;background-color:rgb(var(--ax-sys-color-lighter-surface));color:rgb(var(--ax-sys-color-on-lighter-surface));border-color:rgb(var(--ax-sys-color-border-lighter-surface))}.axm-assist-renderer__accordion-header-main{min-inline-size:0;display:flex;flex-direction:column;gap:.1rem}.axm-assist-renderer__accordion-header-title{font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ax-color-text-primary, #111827);display:inline-flex;align-items:center;gap:.35rem}.axm-assist-renderer__accordion-header-badge{flex-shrink:0}.axm-assist-renderer__accordion-header-badge--primary{background:rgba(var(--ax-sys-color-primary),.12);border-color:rgba(var(--ax-sys-color-primary),.25);color:rgb(var(--ax-sys-color-primary))}.axm-assist-renderer__accordion-header-badge--success{background:#16a34a1f;border-color:#16a34a40;color:#15803d}.axm-assist-renderer__accordion-header-badge--danger{background:#dc26261f;border-color:#dc262640;color:#b91c1c}.axm-assist-renderer__accordion-header--thinking{background:linear-gradient(180deg,#f59e0b1f,#f59e0b0a),var(--ax-color-surface, #fff)}.axm-assist-renderer__thinking-chevron{display:inline-block;font-size:.65rem;opacity:.75;transition:transform .2s ease;line-height:1;flex-shrink:0}.axm-assist-renderer__thinking-chevron--expanded{transform:rotate(180deg)}.axm-assist-renderer__thinking-body{padding:0 .75rem .625rem;font-size:.75rem;color:var(--ax-color-text-muted, #888);white-space:pre-wrap;word-break:break-word;line-height:1.5;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));padding-block-start:.5rem}.axm-assist-renderer__tools{display:flex;flex-direction:column;gap:.375rem}.axm-assist-renderer__tool-card{border-radius:.5rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08));background:var(--ax-color-surface, rgba(255, 255, 255, .6));overflow:hidden}.axm-assist-renderer__tool-body{padding:.5rem .75rem .625rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .06));display:flex;flex-direction:column;gap:.25rem}.axm-assist-renderer__tool-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ax-color-text-muted, #888)}.axm-assist-renderer__tool-pre{margin:0;max-block-size:10rem;overflow:auto;border-radius:.375rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .03));padding:.5rem;font-family:var(--ax-font-mono, monospace);font-size:.675rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.axm-assist-renderer__tool-editor-wrap{border-radius:.375rem;overflow:hidden}.axm-assist-renderer__waiting{display:flex;gap:.25rem;padding:.25rem 0}.axm-assist-renderer__dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--ax-color-text-muted, #999);animation:axm-blink 1.2s ease-in-out infinite}.axm-assist-renderer__dot:nth-child(2){animation-delay:.2s}.axm-assist-renderer__dot:nth-child(3){animation-delay:.4s}.axm-assist-renderer__agent-live-block{border-radius:.75rem;border:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .1));background:var(--ax-color-surface, rgba(255, 255, 255, .72));padding:.75rem .875rem;display:flex;flex-direction:column;gap:.65rem;max-inline-size:min(42rem,100%)}.axm-assist-renderer__agent-live-block--in-accordion{border:none;border-radius:0;background:transparent;padding:.5rem 0 0;max-inline-size:none}.axm-assist-renderer__agent-live-header{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.axm-assist-renderer__agent-live-title{font-size:.8125rem;font-weight:600;color:var(--ax-color-text-primary, #111827);flex:1;min-inline-size:0}.axm-assist-renderer__agent-live-prompt{font-size:.8125rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;border-radius:1.25rem;background:var(--ax-color-ghost, rgba(0, 0, 0, .05));align-self:flex-end;max-inline-size:min(92%,36rem)}.axm-assist-renderer__agent-live-stream{font-size:.8125rem;line-height:1.55;white-space:pre-line;word-break:break-word;padding-block-start:.15rem}.axm-assist-renderer__agent-live-nested-tools{display:flex;flex-direction:column;gap:.35rem;padding-block-start:.15rem;border-block-start:1px solid var(--ax-color-border-default, rgba(0, 0, 0, .08))}.axm-assist-renderer__agent-live-nested-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem}.axm-assist-renderer__agent-live-nested-name{font-family:var(--ax-font-mono, monospace);font-size:.7rem;flex:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.axm-assist-renderer__agent-live-nested-status{color:var(--ax-color-text-muted, #888);flex-shrink:0}\n"], dependencies: [{ kind: "component", type: AXTextRendererComponent, selector: "ax-conversation-text-renderer", inputs: ["message"] }, { kind: "component", type: AXMNodeMessageRendererComponent, selector: "axm-chat-user-form-renderer", inputs: ["message", "node"], outputs: ["formSubmitted"] }, { kind: "component", type: AXMAssistBotImageLineComponent, selector: "axm-assist-bot-image-line", inputs: ["parentMessage", "fileId", "mimeType", "name"] }, { kind: "ngmodule", type: AXAccordionCdkModule }, { kind: "directive", type: i1$4.AXAccordionGroupDirective, selector: "[axAccordionGroup]", inputs: ["accordion", "activeIndex", "collapsedOnItemClick"], exportAs: ["axAccordionGroup"] }, { kind: "directive", type: i1$4.AXAccordionItemContentDirective, selector: "[axAccordionItemContent]", inputs: ["transition"], exportAs: ["axAccordionItemContent"] }, { kind: "directive", type: i1$4.AXAccordionItemHeaderDirective, selector: "[axAccordionItemHeader]", exportAs: ["axAccordionItemHeader"] }, { kind: "directive", type: i1$4.AXAccordionItemDirective, selector: "[axAccordionItem]", inputs: ["isCollapsed"], outputs: ["isCollapsedChange", "onClick"], exportAs: ["axAccordionItem"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXCodeEditorModule }, { kind: "component", type: i3$2.AXCodeEditorComponent, selector: "ax-code-editor", inputs: ["disabled", "value", "state", "name", "id", "language", "readonly", "placeholder", "lineNumbers", "lineWrapping", "tabSize", "indentWithTab", "theme", "extensions", "ariaLabel", "focusOnReady", "formatOnSave", "minRow", "customCompletions"], outputs: ["onValueChanged", "valueChange", "stateChange", "readonlyChange", "disabledChange", "ready", "save"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMAssistMessageRendererComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axm-assist-message-renderer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
                         AXTextRendererComponent,
-                        AXPLayoutRendererComponent,
+                        AXMNodeMessageRendererComponent,
                         AXMAssistBotImageLineComponent,
                         AXAccordionCdkModule,
                         AXBadgeModule,
@@ -5748,7 +5976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                             ></i>
                             <i class="fa-light fa-screwdriver-wrench axm-assist-renderer__tool-title-icon"></i>
                             {{ resolveToolDisplayTitle(seg.content.command) }}
-                          </span>d
+                          </span>
                         </div>
                         <span
                           class="axm-assist-renderer__accordion-header-badge axm-assist-renderer__accordion-header-badge--primary"
@@ -5883,9 +6111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     </div>
                   </div>
                 } @else if (line.role === 'assistant' && seg.type === 'node') {
-                  @if (axmAssistWidgetNodeFromUnknown(seg.content); as layout) {
+                  @let assistNodeWidget = axmAssistWidgetNodeFromUnknown(seg.content);
+                  @if (assistNodeWidget) {
                     <div class="axm-assist-bot__segment" dir="auto">
-                      <axp-layout-renderer [layout]="layout" mode="view" [context]="{}" />
+                      <axm-chat-user-form-renderer [message]="syntheticNodeEmbedMessage(lineIndex, segIndex, seg.content)" />
                     </div>
                   }
                 } @else if (line.role === 'assistant' && seg.type === 'image') {
@@ -6384,171 +6613,6 @@ const AXM_CONVERSATION_BOT_RENDERER = {
     icon: 'fa-light fa-sparkles',
 };
 
-class AXMNodeMessageRendererComponent {
-    constructor() {
-        //#region ---- Inputs & Outputs ----
-        this.message = input.required(...(ngDevMode ? [{ debugName: "message" }] : /* istanbul ignore next */ []));
-        this.node = input(undefined, ...(ngDevMode ? [{ debugName: "node" }] : /* istanbul ignore next */ []));
-        this.formSubmitted = output();
-        //#endregion
-        //#region ---- State ----
-        this.contentState = signal('none', ...(ngDevMode ? [{ debugName: "contentState" }] : /* istanbul ignore next */ []));
-        this.formContext = signal({}, ...(ngDevMode ? [{ debugName: "formContext" }] : /* istanbul ignore next */ []));
-        this.isSubmitted = computed(() => this.readSubmittedState(this.message()), ...(ngDevMode ? [{ debugName: "isSubmitted" }] : /* istanbul ignore next */ []));
-        this.rendererState = computed(() => ({
-            deliveryStatus: this.message().status,
-            contentState: this.contentState(),
-        }), ...(ngDevMode ? [{ debugName: "rendererState" }] : /* istanbul ignore next */ []));
-        this.resolvedNode = computed(() => {
-            const payload = this.message().payload;
-            if (this.isUserFormPayload(payload)) {
-                return payload.node;
-            }
-            return this.node() ?? this.createFallbackNode();
-        }, ...(ngDevMode ? [{ debugName: "resolvedNode" }] : /* istanbul ignore next */ []));
-        this.submittedMessage = computed(() => {
-            return '@conversation:chat.user-form.states.submitted-success';
-        }, ...(ngDevMode ? [{ debugName: "submittedMessage" }] : /* istanbul ignore next */ []));
-    }
-    //#endregion
-    //#region ---- Handlers ----
-    onContextChanged(event) {
-        this.formContext.set((event.data ?? {}));
-    }
-    submit() {
-        const context = this.formContext();
-        this.formSubmitted.emit(context);
-        void this.persistSubmittedState(context);
-    }
-    //#endregion
-    //#region ---- Utilities ----
-    isUserFormPayload(payload) {
-        return (typeof payload === 'object' &&
-            payload != null &&
-            'type' in payload &&
-            payload.type === 'user-form' &&
-            'node' in payload);
-    }
-    createFallbackNode() {
-        return {
-            type: 'text-editor',
-            path: 'form.name',
-            name: 'name',
-            options: { placeholder: '@conversation:chat.user-form.fields.name.placeholder' },
-        };
-    }
-    readSubmittedState(message) {
-        const metadata = this.readUserFormMetadata(message.metadata);
-        return metadata?.submitted === true;
-    }
-    readPersistedContext(message) {
-        const metadata = this.readUserFormMetadata(message.metadata);
-        if (!metadata?.context || typeof metadata.context !== 'object') {
-            return null;
-        }
-        return metadata.context;
-    }
-    readUserFormMetadata(metadata) {
-        if (typeof metadata !== 'object' || metadata == null) {
-            return null;
-        }
-        const candidate = metadata['userForm'];
-        if (typeof candidate !== 'object' || candidate == null) {
-            return null;
-        }
-        return candidate;
-    }
-    async persistSubmittedState(context) {
-        const message = this.message();
-        const payload = this.message().payload;
-        const payloadWithValue = this.isUserFormPayload(payload)
-            ? { ...payload, value: context }
-            : this.message().payload;
-        const updatedMessage = {
-            ...message,
-            payload: payloadWithValue,
-            metadata: {
-                ...(message.metadata ?? {}),
-                userForm: {
-                    submitted: true,
-                    context,
-                },
-            },
-        };
-        conversationSharedStorage.messages.set(updatedMessage.id, updatedMessage);
-        await axConversationIndexedDbStorage.putMessage(updatedMessage);
-        conversationSharedStorage.messageUpdates$.next(updatedMessage);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNodeMessageRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMNodeMessageRendererComponent, isStandalone: true, selector: "axm-chat-user-form-renderer", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, node: { classPropertyName: "node", publicName: "node", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { formSubmitted: "formSubmitted" }, ngImport: i0, template: `
-    <div class="axm-user-form-renderer">
-      @if (!isSubmitted()) {
-        <axp-widgets-container
-          class="ax-flex ax-flex-col ax-gap-3"
-          [context]="formContext()"
-          (onContextChanged)="onContextChanged($event)"
-        >
-          <ng-container
-            axp-widget-renderer
-            [node]="resolvedNode()"
-            [mode]="resolvedNode().mode ?? 'edit'"
-          ></ng-container>
-        </axp-widgets-container>
-
-        <div class="ax-flex ax-justify-end ax-mt-2">
-          <ax-button [text]="('@conversation:chat.user-form.actions.submit' | translate | async) ?? ''" (onClick)="submit()"></ax-button>
-        </div>
-      } @else {
-        <div
-          class="ax-mt-1 ax-rounded-xl ax-border ax-border-success-500/25 ax-bg-success-500/10 ax-px-3 ax-py-2 ax-shadow-sm"
-        >
-          <div class="ax-text-[0.7rem] ax-font-bold ax-uppercase ax-tracking-wide ax-text-success-700">
-            {{ '@conversation:chat.user-form.states.submitted' | translate | async }}
-          </div>
-          <div class="ax-mt-1 ax-text-sm ax-font-medium ax-text-on-surface">
-            {{ (submittedMessage() | translate | async) ?? '' }}
-          </div>
-        </div>
-      }
-    </div>
-  `, isInline: true, styles: [":host{display:block;inline-size:min(100%,28rem)}\n"], dependencies: [{ kind: "ngmodule", type: AXPWidgetCoreModule }, { kind: "component", type: i1$4.AXPWidgetContainerComponent, selector: "axp-widgets-container", inputs: ["context", "functions"], outputs: ["onContextChanged"] }, { kind: "directive", type: i1$4.AXPWidgetRendererDirective, selector: "[axp-widget-renderer]", inputs: ["parentNode", "index", "mode", "node"], outputs: ["onOptionsChanged", "onValueChanged", "onLoad"], exportAs: ["widgetRenderer"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i3$1.AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMNodeMessageRendererComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'axm-chat-user-form-renderer', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AXPWidgetCoreModule, AXButtonModule, AXTranslationModule, AsyncPipe], template: `
-    <div class="axm-user-form-renderer">
-      @if (!isSubmitted()) {
-        <axp-widgets-container
-          class="ax-flex ax-flex-col ax-gap-3"
-          [context]="formContext()"
-          (onContextChanged)="onContextChanged($event)"
-        >
-          <ng-container
-            axp-widget-renderer
-            [node]="resolvedNode()"
-            [mode]="resolvedNode().mode ?? 'edit'"
-          ></ng-container>
-        </axp-widgets-container>
-
-        <div class="ax-flex ax-justify-end ax-mt-2">
-          <ax-button [text]="('@conversation:chat.user-form.actions.submit' | translate | async) ?? ''" (onClick)="submit()"></ax-button>
-        </div>
-      } @else {
-        <div
-          class="ax-mt-1 ax-rounded-xl ax-border ax-border-success-500/25 ax-bg-success-500/10 ax-px-3 ax-py-2 ax-shadow-sm"
-        >
-          <div class="ax-text-[0.7rem] ax-font-bold ax-uppercase ax-tracking-wide ax-text-success-700">
-            {{ '@conversation:chat.user-form.states.submitted' | translate | async }}
-          </div>
-          <div class="ax-mt-1 ax-text-sm ax-font-medium ax-text-on-surface">
-            {{ (submittedMessage() | translate | async) ?? '' }}
-          </div>
-        </div>
-      }
-    </div>
-  `, styles: [":host{display:block;inline-size:min(100%,28rem)}\n"] }]
-        }], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: true }] }], node: [{ type: i0.Input, args: [{ isSignal: true, alias: "node", required: false }] }], formSubmitted: [{ type: i0.Output, args: ["formSubmitted"] }] } });
-
 // const AXM_USER_FORM_NODE: AXPWidgetNode = {
 //   type: 'flex-layout',
 //   name: 'node-layout',