@sftech/ng-orchestrator 0.0.18 → 0.0.21

package/fesm2022/sftech-ng-orchestrator-chats.routes-BDe9JC4m.mjs

@@ -1,625 +0,0 @@
-import { AuthenticationGuard } from '@sftech/ng-auth';
-import { NgClass, DatePipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Inject, Injectable, input, EventEmitter, inject, effect, Output, Component, signal, computed, ViewChild } from '@angular/core';
-import { ActivatedRoute, Router, RouterLink, RouterOutlet } from '@angular/router';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { BaseDbApiService, IconProvider, MappedApiError, FormErrorDisplayComponent, OData, OdataFilter, EFilterOperator, EFilterTypes, ESortDirection, BaseListComponent } from '@sftech/ng-shared';
-import { MessageService } from 'primeng/api';
-import { Button, ButtonDirective } from 'primeng/button';
-import { DialogService } from 'primeng/dynamicdialog';
-import { Tooltip } from 'primeng/tooltip';
-import { map, catchError } from 'rxjs';
-import { A as AgentService, a as AgentRagUploadComponent } from './sftech-ng-orchestrator-agent-rag-upload.component-iqEbrzkb.mjs';
-import { A as AgentRun, O as ORCHESTRATOR_CONFIGURATION, C as Chat, E as EAgentRunStatus, a as OrchestratorService, b as ChatMessage } from './sftech-ng-orchestrator-sftech-ng-orchestrator-D9fLhC24.mjs';
-import * as i1 from '@angular/common/http';
-import { faNoteSticky, faCog, faCheck, faXmark, faSpinner, faClipboardCheck, faCircleQuestion, faBrain, faUser, faNetworkWired } from '@fortawesome/free-solid-svg-icons';
-import * as i1$1 from '@angular/forms';
-import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-import { AgentRunIconTextDataprovider as AgentRunIconTextDataprovider$1 } from 'libs/ng-orchestrator/src/lib/ng-orchestrator/chats/core/dataprovider/agent-run-icon-text.dataprovider';
-import { FloatLabel } from 'primeng/floatlabel';
-import { InputText } from 'primeng/inputtext';
-import { MarkdownComponent } from 'ngx-markdown';
-import { Panel } from 'primeng/panel';
-
-class AgentRunService extends BaseDbApiService {
-    http;
-    config;
-    constructor(http, config) {
-        super(http, config);
-        this.http = http;
-        this.config = config;
-        this.url = `${this.config.orchestratorDbUrl}/agent-runs`;
-    }
-    // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-    insert(dto) {
-        throw new Error('Method not implemented');
-    }
-    // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-    update(id, dto) {
-        throw new Error('Method not implemented');
-    }
-    // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-    delete(id) {
-        throw new Error('Method not implemented');
-    }
-    getNewModel() {
-        return new AgentRun();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentRunService, deps: [{ token: i1.HttpClient }, { token: ORCHESTRATOR_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentRunService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentRunService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ORCHESTRATOR_CONFIGURATION]
-                }] }] });
-
-class ChatService extends BaseDbApiService {
-    http;
-    config;
-    constructor(http, config) {
-        super(http, config);
-        this.http = http;
-        this.config = config;
-        this.url = `${this.config.orchestratorDbUrl}/chats`;
-    }
-    odata(odataQuery) {
-        return this.http.get(`${this.url}/${odataQuery.toGetParameter()}`).pipe(map((response) => this.responseOdataMapping(response)), catchError((error) => {
-            return this.httpErrorToApiResponse(error);
-        }));
-    }
-    insert(dto) {
-        return this.http.post(this.url, dto).pipe(map((response) => this.responseMapping(response)), catchError((error) => {
-            return this.httpErrorToApiResponse(error);
-        }));
-    }
-    // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-    update(id, dto) {
-        throw new Error('update of a chat is not allowed');
-    }
-    getNewModel() {
-        return new Chat();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChatService, deps: [{ token: i1.HttpClient }, { token: ORCHESTRATOR_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChatService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChatService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ORCHESTRATOR_CONFIGURATION]
-                }] }] });
-
-class OrchestratorIconProvider extends IconProvider {
-    static agentRunStatusInit = faNoteSticky;
-    static agentRunStatusRunning = faCog;
-    static agentRunStatusCompleted = faCheck;
-    static agentRunStatusFailed = faXmark;
-    static agentRunStatusPrerun = faSpinner;
-    static agentRunStatusPostrun = faClipboardCheck;
-    static agentRunStatusClarify = faCircleQuestion;
-    static messageTypeAI = faBrain;
-    static messageTypeHuman = faUser;
-    static messageTypeSystem = faNetworkWired;
-}
-
-// biome-ignore lint/complexity/noStaticOnlyClass: <explanation>
-class AgentRunIconTextDataprovider {
-    static UNKNOWN_TEXT = 'Unbekannt';
-    static getTextForStatus(status) {
-        if (!status) {
-            return AgentRunIconTextDataprovider.UNKNOWN_TEXT;
-        }
-        switch (status) {
-            case EAgentRunStatus.INIT:
-                return 'Anlage';
-            case EAgentRunStatus.RUNNING:
-                return 'In Bearbeitung';
-            case EAgentRunStatus.COMPLETED:
-                return 'Abgeschlossen';
-            case EAgentRunStatus.FAILED:
-                return 'Fehlgeschlagen';
-            case EAgentRunStatus.CLARIFICATION_NEEDED:
-                return 'Rückfrage';
-            case EAgentRunStatus.PRERUNNING:
-                return 'Vorbereitung';
-            case EAgentRunStatus.POSTRUNNING:
-                return 'Nachbereitung';
-            default:
-                return AgentRunIconTextDataprovider.UNKNOWN_TEXT;
-        }
-    }
-    static getIconForStatus(status) {
-        if (!status) {
-            return IconProvider.unknown;
-        }
-        switch (status) {
-            case EAgentRunStatus.INIT:
-                return OrchestratorIconProvider.agentRunStatusInit;
-            case EAgentRunStatus.RUNNING:
-                return OrchestratorIconProvider.agentRunStatusRunning;
-            case EAgentRunStatus.COMPLETED:
-                return OrchestratorIconProvider.agentRunStatusCompleted;
-            case EAgentRunStatus.FAILED:
-                return OrchestratorIconProvider.agentRunStatusFailed;
-            case EAgentRunStatus.CLARIFICATION_NEEDED:
-                return OrchestratorIconProvider.agentRunStatusClarify;
-            case EAgentRunStatus.PRERUNNING:
-                return OrchestratorIconProvider.agentRunStatusPrerun;
-            case EAgentRunStatus.POSTRUNNING:
-                return OrchestratorIconProvider.agentRunStatusPostrun;
-            default:
-                return IconProvider.unknown;
-        }
-    }
-    static getIconClassesForStatus(status) {
-        if (!status) {
-            return AgentRunIconTextDataprovider.UNKNOWN_TEXT;
-        }
-        switch (status) {
-            case EAgentRunStatus.INIT:
-                return '';
-            case EAgentRunStatus.RUNNING:
-                return 'text-primary-600';
-            case EAgentRunStatus.COMPLETED:
-                return 'text-green-600';
-            case EAgentRunStatus.FAILED:
-                return 'text-red-600';
-            case EAgentRunStatus.CLARIFICATION_NEEDED:
-                return '';
-            case EAgentRunStatus.PRERUNNING:
-                return '';
-            case EAgentRunStatus.POSTRUNNING:
-                return '';
-            default:
-                return '';
-        }
-    }
-    static getIconForMessageType(messageType) {
-        switch (messageType) {
-            case 'system':
-                return OrchestratorIconProvider.messageTypeSystem;
-            case 'human':
-                return OrchestratorIconProvider.messageTypeHuman;
-            case 'ai':
-                return OrchestratorIconProvider.messageTypeAI;
-            default:
-                return IconProvider.unknown;
-        }
-    }
-}
-
-class AgentChatMessageHumanInputInitialComponent {
-    agent = input();
-    agentRunIdReceived = new EventEmitter();
-    messageService = inject(MessageService);
-    orchestratorService = inject(OrchestratorService);
-    form = new FormGroup({});
-    _agentChanged$ = effect(() => {
-        this.agent()
-            .llmUserPrompt?.template.match(/{{(.*?)}}/g)
-            ?.forEach((m) => {
-            const key = m.slice(2, -2);
-            this.form.addControl(key, new FormControl('', [Validators.required]));
-        });
-    });
-    iconTextMapper = AgentRunIconTextDataprovider$1;
-    run() {
-        if (this.form.valid && this.form.valid) {
-            this.orchestratorService
-                .runAgent({
-                agentIdentifier: this.agent().identifier,
-                userInput: this.form.value,
-            })
-                .subscribe((res) => {
-                if (res instanceof MappedApiError) {
-                    this.messageService.add({ severity: 'error', summary: 'Error', detail: res.messages.join('|') });
-                    return;
-                }
-                this.agentRunIdReceived.emit(res);
-            });
-        }
-        else {
-            console.error('Form is invalid');
-        }
-    }
-    getInputFormControlNames() {
-        return Object.keys(this.form.controls);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatMessageHumanInputInitialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AgentChatMessageHumanInputInitialComponent, isStandalone: true, selector: "sftech-agent-chat-message-human-input-initial", inputs: { agent: { classPropertyName: "agent", publicName: "agent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { agentRunIdReceived: "agentRunIdReceived" }, ngImport: i0, template: "<div class=\"my-2 p-4 rounded bg-white flex border-1 flex-row items-center text-right border-gray-600 flex-row-reverse\">\r\n    <div class=\"me-4 ms-4 text-gray-600\">\r\n        <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('human')\" size=\"2x\"></fa-icon>\r\n    </div>\r\n    <div class=\"m-0 flex-grow\">\r\n        <div class=\"template border-b-1 border-gray-600 p-3\">{{this.agent()!.llmUserPrompt?.template}}</div>\r\n        <hr />\r\n        <div class=\"inputs mt-2\">\r\n            <form [formGroup]=\"form!\">\r\n                <div class=\"flex justify-end\">\r\n                    @for (controlName of getInputFormControlNames(); track controlName) {\r\n                        <div>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"{{ controlName}}\" formControlName=\"{{ controlName }}\" pInputText\r\n                                       class=\"w-full\"/>\r\n                                <label for=\"{{ controlName }}\">{{ controlName }}</label>\r\n                            </p-floatlabel>\r\n                            <sftech-form-error-display [control]=\"form!.get(controlName)!\"\r\n                                                       [label]=\"controlName\"></sftech-form-error-display>\r\n                        </div>\r\n                    }\r\n                </div>\r\n                <div class=\"mt-2\">\r\n                    <p-button type=\"submit\" label=\"Senden\" (onClick)=\"run()\" tabindex=\"1\"/>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    </div>\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: FormErrorDisplayComponent, selector: "sftech-form-error-display", inputs: ["control", "label"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatMessageHumanInputInitialComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agent-chat-message-human-input-initial', imports: [FaIconComponent, Button, FloatLabel, FormErrorDisplayComponent, InputText, ReactiveFormsModule], template: "<div class=\"my-2 p-4 rounded bg-white flex border-1 flex-row items-center text-right border-gray-600 flex-row-reverse\">\r\n    <div class=\"me-4 ms-4 text-gray-600\">\r\n        <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('human')\" size=\"2x\"></fa-icon>\r\n    </div>\r\n    <div class=\"m-0 flex-grow\">\r\n        <div class=\"template border-b-1 border-gray-600 p-3\">{{this.agent()!.llmUserPrompt?.template}}</div>\r\n        <hr />\r\n        <div class=\"inputs mt-2\">\r\n            <form [formGroup]=\"form!\">\r\n                <div class=\"flex justify-end\">\r\n                    @for (controlName of getInputFormControlNames(); track controlName) {\r\n                        <div>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"{{ controlName}}\" formControlName=\"{{ controlName }}\" pInputText\r\n                                       class=\"w-full\"/>\r\n                                <label for=\"{{ controlName }}\">{{ controlName }}</label>\r\n                            </p-floatlabel>\r\n                            <sftech-form-error-display [control]=\"form!.get(controlName)!\"\r\n                                                       [label]=\"controlName\"></sftech-form-error-display>\r\n                        </div>\r\n                    }\r\n                </div>\r\n                <div class=\"mt-2\">\r\n                    <p-button type=\"submit\" label=\"Senden\" (onClick)=\"run()\" tabindex=\"1\"/>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], propDecorators: { agentRunIdReceived: [{
-                type: Output
-            }] } });
-
-class AgentChatMessageHumanInputComponent {
-    agent = input();
-    agentRunId = input();
-    agentRunIdReceived = new EventEmitter();
-    messageService = inject(MessageService);
-    orchestratorService = inject(OrchestratorService);
-    form = new FormGroup({
-        message: new FormControl('', [Validators.required]),
-    });
-    iconTextMapper = AgentRunIconTextDataprovider$1;
-    run() {
-        if (this.form.valid) {
-            const message = this.form.value.message;
-            this.orchestratorService.chatAgent(this.agentRunId(), message).subscribe((res) => {
-                if (res instanceof MappedApiError) {
-                    this.messageService.add({ severity: 'error', summary: 'Error', detail: res.messages.join('|') });
-                    return;
-                }
-                this.form.reset();
-                this.agentRunIdReceived.emit(res);
-            });
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatMessageHumanInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: AgentChatMessageHumanInputComponent, isStandalone: true, selector: "sftech-agent-chat-message-human-input", inputs: { agent: { classPropertyName: "agent", publicName: "agent", isSignal: true, isRequired: false, transformFunction: null }, agentRunId: { classPropertyName: "agentRunId", publicName: "agentRunId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { agentRunIdReceived: "agentRunIdReceived" }, ngImport: i0, template: "<div class=\"my-2 p-4 rounded bg-white flex border-1 flex-row items-center text-right border-gray-600 flex-row-reverse\">\r\n    <div class=\"me-4 ms-4 text-gray-600\">\r\n        <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('human')\" size=\"2x\"></fa-icon>\r\n    </div>\r\n    <div class=\"m-0 flex-grow\">\r\n        <div class=\"inputs mt-2\">\r\n            <form [formGroup]=\"form\">\r\n                <div class=\"flex justify-end\">\r\n                    <div class=\"w-full\">\r\n                        <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                            <input type=\"text\"\r\n                                   id=\"message\"\r\n                                   formControlName=\"message\"\r\n                                   pInputText\r\n                                   class=\"w-full\"/>\r\n                            <label for=\"message\">Nachricht</label>\r\n                        </p-floatlabel>\r\n                        <sftech-form-error-display [control]=\"form.get('message')!\"\r\n                                                   label=\"Nachricht\"></sftech-form-error-display>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-2\">\r\n                    <p-button type=\"submit\" label=\"Senden\" (onClick)=\"run()\" tabindex=\"1\"></p-button>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: FormErrorDisplayComponent, selector: "sftech-form-error-display", inputs: ["control", "label"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatMessageHumanInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agent-chat-message-human-input', imports: [FaIconComponent, Button, FloatLabel, FormErrorDisplayComponent, InputText, ReactiveFormsModule], template: "<div class=\"my-2 p-4 rounded bg-white flex border-1 flex-row items-center text-right border-gray-600 flex-row-reverse\">\r\n    <div class=\"me-4 ms-4 text-gray-600\">\r\n        <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('human')\" size=\"2x\"></fa-icon>\r\n    </div>\r\n    <div class=\"m-0 flex-grow\">\r\n        <div class=\"inputs mt-2\">\r\n            <form [formGroup]=\"form\">\r\n                <div class=\"flex justify-end\">\r\n                    <div class=\"w-full\">\r\n                        <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                            <input type=\"text\"\r\n                                   id=\"message\"\r\n                                   formControlName=\"message\"\r\n                                   pInputText\r\n                                   class=\"w-full\"/>\r\n                            <label for=\"message\">Nachricht</label>\r\n                        </p-floatlabel>\r\n                        <sftech-form-error-display [control]=\"form.get('message')!\"\r\n                                                   label=\"Nachricht\"></sftech-form-error-display>\r\n                    </div>\r\n                </div>\r\n                <div class=\"mt-2\">\r\n                    <p-button type=\"submit\" label=\"Senden\" (onClick)=\"run()\" tabindex=\"1\"></p-button>\r\n                </div>\r\n            </form>\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
-        }], propDecorators: { agentRunIdReceived: [{
-                type: Output
-            }] } });
-
-class AgentChatMessageComponent {
-    message = input('message');
-    type = input('type');
-    iconTextMapper = AgentRunIconTextDataprovider;
-    extractJson(message) {
-        const jsonMatch = message.match(/```json\s*([\s\S]*?)\s*```/);
-        if (jsonMatch && jsonMatch[1]) {
-            try {
-                const data = JSON.parse(jsonMatch[1]);
-                const md = this._toMarkdownFromJson(data);
-                return md;
-            }
-            catch (e) {
-                console.error('Failed to parse JSON:', e);
-                return 'Invalid JSON';
-            }
-        }
-        return 'No JSON found';
-    }
-    _toMarkdownFromJson(obj) {
-        let md = '';
-        for (const key of Object.keys(obj)) {
-            const value = obj[key];
-            // Überschrift für jede Kategorie
-            md += `\n### ${key}\n\n`;
-            if (Array.isArray(value) && value.length && typeof value[0] === 'object') {
-                // Tabellen-Header
-                const headers = Object.keys(value[0]);
-                md += `| ${headers.join(' | ')} |\n`;
-                md += `| ${headers.map(() => '---').join(' | ')} |\n`;
-                // Tabellen-Zeilen
-                for (const row of value) {
-                    md += `| ${headers.map((h) => row[h]).join(' | ')} |\n`;
-                }
-                md += '\n';
-            }
-            else if (typeof value === 'object') {
-                // Rekursiver Aufruf bei verschachtelten Objekten
-                md += this._toMarkdownFromJson(value);
-            }
-            else {
-                // Einfaches Feld
-                md += `- **${key}:** ${value}\n`;
-            }
-        }
-        return md;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AgentChatMessageComponent, isStandalone: true, selector: "sftech-agent-chat-message", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (type() === 'ai_loading') {\r\n    <div class=\"flex items-center p-4 rounded-xl bg-green-50 shadow-sm border border-green-200\">\r\n        <div class=\"me-4 ms-2 text-green-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"lg\"></fa-icon>\r\n        </div>\r\n        <div class=\"flex items-center space-x-3 text-gray-600\">\r\n            <span class=\"text-sm\">Die Antwort wird ermittelt...</span>\r\n            <div class=\"flex space-x-1\">\r\n                <div class=\"w-2.5 h-2.5 bg-green-600 rounded-full animate-bounceDelay\"></div>\r\n                <div class=\"w-2.5 h-2.5 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.32s]\"></div>\r\n                <div class=\"w-2.5 h-2.5 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.16s]\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n}\r\n\r\n@else if (type() === 'ai_failed') {\r\n    <div class=\"flex items-center p-4 rounded-xl bg-red-50 shadow-sm border border-red-200\">\r\n        <div class=\"me-4 ms-2 text-red-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"lg\"></fa-icon>\r\n        </div>\r\n        <div class=\"text-sm text-red-700\">\r\n            {{ message() }}\r\n        </div>\r\n    </div>\r\n}\r\n\r\n@else {\r\n    <div\r\n            class=\"w-full p-4 rounded-xl shadow-sm flex gap-3\"\r\n            [ngClass]=\"{\r\n      'bg-green-50 border border-green-200': type() === 'ai',\r\n      'bg-gray-100 border border-gray-200 flex-row-reverse text-right': type() === 'human',\r\n      'bg-yellow-50 border border-yellow-200': type() === 'system',\r\n    }\"\r\n    >\r\n        <div\r\n                class=\"flex-shrink-0 mt-1\"\r\n                [ngClass]=\"{\r\n        'text-green-600': type() === 'ai',\r\n        'text-gray-500': type() === 'human',\r\n        'text-yellow-600': type() === 'system',\r\n      }\"\r\n        >\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType(type())\" size=\"lg\"></fa-icon>\r\n        </div>\r\n\r\n        <div class=\"w-full text-sm leading-relaxed\">\r\n            @if (message().includes('```json')) {\r\n                <div class=\"p-3 rounded-md text-gray-100 overflow-x-auto text-xs font-mono\">\r\n                    <markdown class=\"markdown-body\">{{ extractJson(message()) }}</markdown>\r\n                </div>\r\n            } @else {\r\n                <markdown class=\"markdown-body\">{{ message() }}</markdown>\r\n            }\r\n        </div>\r\n    </div>\r\n}", styles: ["@layer utilities{@keyframes bounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-bounceDelay{animation:bounceDelay 1.4s infinite ease-in-out both}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: MarkdownComponent, selector: "markdown, [markdown]", inputs: ["data", "src", "disableSanitizer", "inline", "clipboard", "clipboardButtonComponent", "clipboardButtonTemplate", "emoji", "katex", "katexOptions", "mermaid", "mermaidOptions", "lineHighlight", "line", "lineOffset", "lineNumbers", "start", "commandLine", "filterOutput", "host", "prompt", "output", "user"], outputs: ["error", "load", "ready"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agent-chat-message', imports: [NgClass, FaIconComponent, MarkdownComponent], template: "@if (type() === 'ai_loading') {\r\n    <div class=\"flex items-center p-4 rounded-xl bg-green-50 shadow-sm border border-green-200\">\r\n        <div class=\"me-4 ms-2 text-green-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"lg\"></fa-icon>\r\n        </div>\r\n        <div class=\"flex items-center space-x-3 text-gray-600\">\r\n            <span class=\"text-sm\">Die Antwort wird ermittelt...</span>\r\n            <div class=\"flex space-x-1\">\r\n                <div class=\"w-2.5 h-2.5 bg-green-600 rounded-full animate-bounceDelay\"></div>\r\n                <div class=\"w-2.5 h-2.5 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.32s]\"></div>\r\n                <div class=\"w-2.5 h-2.5 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.16s]\"></div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n}\r\n\r\n@else if (type() === 'ai_failed') {\r\n    <div class=\"flex items-center p-4 rounded-xl bg-red-50 shadow-sm border border-red-200\">\r\n        <div class=\"me-4 ms-2 text-red-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"lg\"></fa-icon>\r\n        </div>\r\n        <div class=\"text-sm text-red-700\">\r\n            {{ message() }}\r\n        </div>\r\n    </div>\r\n}\r\n\r\n@else {\r\n    <div\r\n            class=\"w-full p-4 rounded-xl shadow-sm flex gap-3\"\r\n            [ngClass]=\"{\r\n      'bg-green-50 border border-green-200': type() === 'ai',\r\n      'bg-gray-100 border border-gray-200 flex-row-reverse text-right': type() === 'human',\r\n      'bg-yellow-50 border border-yellow-200': type() === 'system',\r\n    }\"\r\n    >\r\n        <div\r\n                class=\"flex-shrink-0 mt-1\"\r\n                [ngClass]=\"{\r\n        'text-green-600': type() === 'ai',\r\n        'text-gray-500': type() === 'human',\r\n        'text-yellow-600': type() === 'system',\r\n      }\"\r\n        >\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType(type())\" size=\"lg\"></fa-icon>\r\n        </div>\r\n\r\n        <div class=\"w-full text-sm leading-relaxed\">\r\n            @if (message().includes('```json')) {\r\n                <div class=\"p-3 rounded-md text-gray-100 overflow-x-auto text-xs font-mono\">\r\n                    <markdown class=\"markdown-body\">{{ extractJson(message()) }}</markdown>\r\n                </div>\r\n            } @else {\r\n                <markdown class=\"markdown-body\">{{ message() }}</markdown>\r\n            }\r\n        </div>\r\n    </div>\r\n}", styles: ["@layer utilities{@keyframes bounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-bounceDelay{animation:bounceDelay 1.4s infinite ease-in-out both}}\n"] }]
-        }] });
-
-class AgentChatComponent {
-    activeRoute = inject(ActivatedRoute);
-    router = inject(Router);
-    agentService = inject(AgentService);
-    agentRunService = inject(AgentRunService);
-    chatService = inject(ChatService);
-    orchestratorService = inject(OrchestratorService);
-    messageService = inject(MessageService);
-    dialogService = inject(DialogService);
-    agent;
-    agentRuns = signal(undefined);
-    selectedAgentRun = signal(undefined);
-    selectedAgent = signal(undefined);
-    chatContainer;
-    iconProvider = IconProvider;
-    iconTextMapper = AgentRunIconTextDataprovider;
-    agentRunStatus = EAgentRunStatus;
-    subscriptions = [];
-    selectedAgentRunChanged$ = effect(() => {
-        if (!this.selectedAgentRun()) {
-            return;
-        }
-        this._loadChat();
-    });
-    chatMessagesChanged$ = effect(() => {
-        const messages = this.selectedAgentRun()?.chat?.messages;
-        if (messages && messages.length > 0) {
-            this.startScrollingStrategy();
-        }
-    });
-    loading = computed(() => {
-        if (!this.selectedAgentRun()?.status) {
-            return false;
-        }
-        return ![EAgentRunStatus.COMPLETED, EAgentRunStatus.CLARIFICATION_NEEDED, EAgentRunStatus.FAILED, EAgentRunStatus.INIT].includes(this.selectedAgentRun().status);
-    });
-    ngOnInit() {
-        const agentId = Number(this.activeRoute.snapshot.paramMap.get('agentId'));
-        const agentRunId = Number(this.activeRoute.snapshot.paramMap.get('agentRunId'));
-        if (agentId) {
-            const odata = new OData();
-            odata.filter.addAnd(new OdataFilter('agentId', agentId, EFilterOperator.EQUALS, EFilterTypes.NUMERIC));
-            odata.order.column = 'updatedAt';
-            odata.order.direction = ESortDirection.DESC;
-            this.agentRunService
-                .odata(odata)
-                .pipe(map((res) => {
-                if (res instanceof MappedApiError) {
-                    this.messageService.add({
-                        severity: 'error',
-                        summary: 'Error',
-                        detail: 'Fehler beim Laden der Chat-Daten',
-                    });
-                    throw new Error(res.messages.join('|'));
-                }
-                this.selectedAgentRun.set(res.data.items.find((ar) => agentRunId == ar.id));
-                this.agentRuns.set(res.data.items);
-            }))
-                .subscribe();
-            this.agentService.get(agentId, true).subscribe((res) => {
-                if (res instanceof MappedApiError) {
-                    this.messageService.add({
-                        severity: 'error',
-                        summary: 'Error',
-                        detail: 'Fehler beim Laden des Agenten-Daten',
-                    });
-                    throw new Error(res.messages.join('|'));
-                }
-                this.selectedAgent.set(res.data);
-            });
-        }
-        else {
-            this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Fehler beim Laden des Agenten' });
-            // this.router.navigate(['../chats']);
-        }
-    }
-    ngOnDestroy() {
-        this.subscriptions.forEach((subscription) => subscription.unsubscribe());
-    }
-    startNewRun() {
-        if (!this.selectedAgent()) {
-            return;
-        }
-        const agentRun = new AgentRun();
-        agentRun.agentId = this.selectedAgent().id;
-        agentRun.agent = this.selectedAgent();
-        agentRun.status = EAgentRunStatus.INIT;
-        agentRun.createdAt = new Date();
-        agentRun.chat = new Chat();
-        const systemContextMessage = new ChatMessage();
-        systemContextMessage.messageType = 'system';
-        systemContextMessage.message = `${this.selectedAgent().llmSystemPrompt?.template}Antworte nach folgender Spezifikation:<br>${this.selectedAgent()?.answerSpecification}`;
-        agentRun.chat.messages = [systemContextMessage];
-        this.selectedAgentRun.set(agentRun);
-    }
-    selectAgentRun(agentRun) {
-        this.selectedAgentRun.set(agentRun);
-        if (this.selectedAgentRun().id) {
-            this._setRelativeUrl();
-        }
-    }
-    startObservingAgentRun(agentRunId) {
-        this.subscriptions.push(this.orchestratorService.observeAgentRun(agentRunId).subscribe({
-            next: (update) => {
-                if (update instanceof MappedApiError) {
-                    this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Fehler beim Beobachten des Agentenlaufs' });
-                    return;
-                }
-                this.selectedAgentRun.update((agentRun) => {
-                    return this._mapUpdateOnAgentRun(agentRun, update);
-                });
-                if (update.id && this.agentRuns()?.filter((ars) => ars.id === update.id).length === 0) {
-                    this.agentRuns.update((ars) => {
-                        ars?.unshift(update);
-                        return ars;
-                    });
-                }
-            },
-            error: (err) => {
-                this.messageService.add({ severity: 'error', summary: 'Error', detail: 'Fehler beim Beobachten des Agentenlaufs' });
-                console.error('Error observing agent run:', err);
-            },
-            complete: () => {
-                console.log('Completed observing agent run');
-            },
-        }));
-    }
-    goBack() {
-        const index = this.router.url.indexOf('/agent/');
-        const result = this.router.url.substring(0, index);
-        this.router.navigateByUrl(result);
-    }
-    _loadChat() {
-        if (!this.selectedAgentRun() || !this.selectedAgentRun().chatId) {
-            return;
-        }
-        this.chatService.get(this.selectedAgentRun().chatId, true).subscribe((res) => {
-            if (res instanceof MappedApiError) {
-                this.messageService.add({
-                    severity: 'error',
-                    summary: 'Error',
-                    detail: 'Fehler beim Laden der Chat-Daten',
-                });
-                return;
-            }
-            this.selectedAgentRun.update((ar) => {
-                ar.chat = res.data;
-                return ar;
-            });
-            this.startScrollingStrategy();
-        });
-    }
-    _setRelativeUrl() {
-        let relativeUrl;
-        if (this.router.url.includes('/r/')) {
-            const index = this.router.url.indexOf('/r/') + 3; // 3 = Länge von "/r/"
-            const result = this.router.url.substring(0, index);
-            relativeUrl = `${result}${this.selectedAgentRun().id}`;
-        }
-        else {
-            relativeUrl = `r/${this.selectedAgentRun().id}`;
-        }
-        this.router.navigate([relativeUrl], {
-            relativeTo: this.activeRoute,
-            replaceUrl: true, // überschreibt den Verlauf
-            skipLocationChange: false, // false = URL sichtbar, true = nur intern
-        });
-    }
-    _mapUpdateOnAgentRun(agentRun, update) {
-        if (!agentRun.chat?.messages && !update.chat?.messages) {
-            return update;
-        }
-        if (!update.chat && agentRun.chat) {
-            update.chat = agentRun.chat;
-        }
-        if (agentRun.chat?.messages && update.chat.messages.length <= agentRun.chat.messages.length) {
-            update.chat.messages = agentRun.chat.messages;
-        }
-        console.log('Mapped AgentRun:', update.chat.messages.length, agentRun.chat.messages.length);
-        return update;
-    }
-    openRagUploadModal() {
-        const agent = this.selectedAgent();
-        const chatId = this.selectedAgentRun()?.chatId;
-        if (!agent) {
-            this.messageService.add({
-                severity: 'error',
-                summary: 'Fehler',
-                detail: 'Agent nicht gefunden',
-            });
-            return;
-        }
-        const header = chatId ? 'RAG-Dokumente für Chat hochladen' : 'RAG-Dokumente für Agent hochladen';
-        this.dialogService.open(AgentRagUploadComponent, {
-            inputValues: { agentId: agent.id, chatId },
-            focusOnShow: false,
-            modal: true,
-            dismissableMask: true,
-            header: header,
-            width: '50%',
-            contentStyle: { overflow: 'auto' },
-        });
-    }
-    startScrollingStrategy() {
-        this.scrollToBottom();
-        // Fallback-Scrolls für langsames Markdown-Rendering
-        [100, 500, 1000, 2000].forEach((delay) => {
-            setTimeout(() => this.scrollToBottom(), delay);
-        });
-    }
-    scrollToBottom() {
-        if (!this.chatContainer?.nativeElement) {
-            return;
-        }
-        const container = this.chatContainer.nativeElement;
-        container.scrollTop = container.scrollHeight - container.clientHeight;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AgentChatComponent, isStandalone: true, selector: "sftech-agent-chat", providers: [DialogService], viewQueries: [{ propertyName: "chatContainer", first: true, predicate: ["chatContainer"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col h-full shadow-lg\">\r\n    <!-- Header \u00FCber gesamte Breite -->\r\n    @if (selectedAgent()) {\r\n        <div class=\"border-b border-gray-300 px-4 py-3 flex items-center bg-white\">\r\n            <div class=\"flex items-center gap-3 flex-1\">\r\n                <button pButton\r\n                        type=\"button\"\r\n                        class=\"p-button-text p-button-rounded\"\r\n                        (click)=\"goBack()\"\r\n                        [pTooltip]=\"'Zur\u00FCck'\"\r\n                        tooltipPosition=\"bottom\"\r\n                        tabindex=\"2\">\r\n                    <fa-icon [icon]=\"iconProvider.back\" size=\"lg\"></fa-icon>\r\n                </button>\r\n                @if (selectedAgentRun()) {\r\n                    <h2 class=\"text-xl font-semibold\">\r\n                        Agent: {{ selectedAgent()?.name }}\r\n                        vom {{ (selectedAgentRun()?.createdAt ?? selectedAgentRun()?.startedAt | date:'dd.MM.yyyy - hh:mm') }}\r\n                    </h2>\r\n                } @else {\r\n                    <h2 class=\"text-xl font-semibold\">\r\n                        Agent: {{ selectedAgent()?.name }}\r\n                    </h2>\r\n                }\r\n            </div>\r\n            <button pButton\r\n                    type=\"button\"\r\n                    class=\"p-button-sm\"\r\n                    (click)=\"startNewRun()\"\r\n                    tabindex=\"3\">\r\n                <fa-icon [icon]=\"iconProvider.add\" class=\"mr-2\"></fa-icon>\r\n                Neuer Chat\r\n            </button>\r\n            <div class=\"flex items-center gap-3 flex-1 justify-end\">\r\n                @if (selectedAgentRun()) {\r\n                    @if (selectedAgent()?.ragProvider && selectedAgent()?.ragModel) {\r\n                        <button pButton\r\n                                type=\"button\"\r\n                                class=\"p-button-text p-button-rounded\"\r\n                                (click)=\"openRagUploadModal()\"\r\n                                [pTooltip]=\"'RAG-Dokumente hochladen'\"\r\n                                tooltipPosition=\"bottom\">\r\n                            <fa-icon [icon]=\"iconProvider.documentAdd\" size=\"lg\"></fa-icon>\r\n                        </button>\r\n                    }\r\n                    <div [pTooltip]=\"'Status: ' + iconTextMapper.getTextForStatus(selectedAgentRun()?.status)\"\r\n                         tooltipPosition=\"bottom\"\r\n                         class=\"cursor-help\">\r\n                        <fa-icon [icon]=\"iconTextMapper.getIconForStatus(selectedAgentRun()?.status)\"\r\n                                 [classList]=\"iconTextMapper.getIconClassesForStatus(selectedAgentRun()?.status)\"\r\n                                 [animation]=\"selectedAgentRun()?.status === 'running' ? 'spin' : undefined\"\r\n                                 size=\"lg\"></fa-icon>\r\n                    </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    <!-- Sidebar + Chat nebeneinander -->\r\n    <div class=\"flex flex-1 min-h-0 overflow-hidden\">\r\n        <div class=\"chats-panel border-r-1 border-gray-300 p-4 w-[250px] h-full flex-shrink-0 overflow-y-auto\">\r\n            @if (agentRuns() === undefined) {\r\n                <p class=\"m-0\">\r\n                    Die Chats werden geladen...\r\n                </p>\r\n            } @else if (!agentRuns()?.length) {\r\n                <p class=\"m-0\">\r\n                    Bisher noch keine Chats vorhanden\r\n                </p>\r\n            } @else {\r\n                <div class=\"flex flex-col gap-1\">\r\n                    @for (agentRun of agentRuns(); track agentRun) {\r\n                        <div class=\"border border-gray-300 rounded-lg p-4 hover:shadow-lg transition cursor-pointer\"\r\n                             (click)=\"selectAgentRun(agentRun)\"\r\n                             [class.bg-blue-100]=\"selectedAgentRun()?.id === agentRun.id\">\r\n                            <div class=\"text-sm text-gray-500\">{{ agentRun.createdAt | date:'dd.MM.YY - hh:mm' }}</div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            }\r\n        </div>\r\n        <div class=\"chat bg-gray-50 flex-1 relative\">\r\n            @if (selectedAgentRun() === undefined) {\r\n                <div class=\"flex items-center justify-center h-full\">\r\n                    <p class=\"m-0 text-gray-500\">\r\n                        Bitte einen Chat aus der linken Liste ausw\u00E4hlen\r\n                    </p>\r\n                </div>\r\n            } @else if (selectedAgent() === undefined) {\r\n                <div class=\"flex items-center justify-center h-full\">\r\n                    <p class=\"m-0 text-gray-500\">\r\n                        Die Chat-Daten werden geladen...\r\n                    </p>\r\n                </div>\r\n            } @else {\r\n                <div class=\"absolute inset-0 overflow-y-auto p-3\" #chatContainer>\r\n                    @if (selectedAgentRun()!.chat) {\r\n                        @for (message of selectedAgentRun()!.chat!.messages; track message.id) {\r\n                            <div class=\"mb-2\">\r\n                                <sftech-agent-chat-message [message]=\"message.message\"\r\n                                                           [type]=\"message.messageType\"></sftech-agent-chat-message>\r\n                            </div>\r\n                        }\r\n                    }\r\n                    @if (selectedAgentRun()!.status === agentRunStatus.INIT) {\r\n                        <sftech-agent-chat-message-human-input-initial [agent]=\"selectedAgent()\"\r\n                                                                       (agentRunIdReceived)=\"startObservingAgentRun($event)\"></sftech-agent-chat-message-human-input-initial>\r\n                    }\r\n                    @if (loading()) {\r\n                        <div class=\"mb-2\">\r\n                            <sftech-agent-chat-message [message]=\"'Am \u00DCberlegen'\"\r\n                                                       [type]=\"'ai_loading'\"></sftech-agent-chat-message>\r\n                        </div>\r\n                    }\r\n                    @if (selectedAgentRun()?.status === agentRunStatus.FAILED) {\r\n                        <div class=\"mb-2\">\r\n                            <sftech-agent-chat-message\r\n                                    [message]=\"'Es ist ein Fehler aufgetreten! Bitte versuche es zu einem sp\u00E4teren Zeitpunkt erneut.'\"\r\n                                    [type]=\"'ai_failed'\"></sftech-agent-chat-message>\r\n                        </div>\r\n                    }\r\n                    @if (selectedAgentRun()!.status === agentRunStatus.COMPLETED) {\r\n                        <sftech-agent-chat-message-human-input [agent]=\"selectedAgent()\"\r\n                                                               [agentRunId]=\"selectedAgentRun()!.id\"\r\n                                                               (agentRunIdReceived)=\"startObservingAgentRun(selectedAgentRun()!.id!)\"></sftech-agent-chat-message-human-input>\r\n                    }\r\n                </div>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain", "fluid", "label", "icon", "buttonProps"] }, { kind: "component", type: AgentChatMessageComponent, selector: "sftech-agent-chat-message", inputs: ["message", "type"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: AgentChatMessageHumanInputInitialComponent, selector: "sftech-agent-chat-message-human-input-initial", inputs: ["agent"], outputs: ["agentRunIdReceived"] }, { kind: "component", type: AgentChatMessageHumanInputComponent, selector: "sftech-agent-chat-message-human-input", inputs: ["agent", "agentRunId"], outputs: ["agentRunIdReceived"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agent-chat', imports: [ButtonDirective, AgentChatMessageComponent, DatePipe, FaIconComponent, AgentChatMessageHumanInputInitialComponent, AgentChatMessageHumanInputComponent, Tooltip], providers: [DialogService], template: "<div class=\"flex flex-col h-full shadow-lg\">\r\n    <!-- Header \u00FCber gesamte Breite -->\r\n    @if (selectedAgent()) {\r\n        <div class=\"border-b border-gray-300 px-4 py-3 flex items-center bg-white\">\r\n            <div class=\"flex items-center gap-3 flex-1\">\r\n                <button pButton\r\n                        type=\"button\"\r\n                        class=\"p-button-text p-button-rounded\"\r\n                        (click)=\"goBack()\"\r\n                        [pTooltip]=\"'Zur\u00FCck'\"\r\n                        tooltipPosition=\"bottom\"\r\n                        tabindex=\"2\">\r\n                    <fa-icon [icon]=\"iconProvider.back\" size=\"lg\"></fa-icon>\r\n                </button>\r\n                @if (selectedAgentRun()) {\r\n                    <h2 class=\"text-xl font-semibold\">\r\n                        Agent: {{ selectedAgent()?.name }}\r\n                        vom {{ (selectedAgentRun()?.createdAt ?? selectedAgentRun()?.startedAt | date:'dd.MM.yyyy - hh:mm') }}\r\n                    </h2>\r\n                } @else {\r\n                    <h2 class=\"text-xl font-semibold\">\r\n                        Agent: {{ selectedAgent()?.name }}\r\n                    </h2>\r\n                }\r\n            </div>\r\n            <button pButton\r\n                    type=\"button\"\r\n                    class=\"p-button-sm\"\r\n                    (click)=\"startNewRun()\"\r\n                    tabindex=\"3\">\r\n                <fa-icon [icon]=\"iconProvider.add\" class=\"mr-2\"></fa-icon>\r\n                Neuer Chat\r\n            </button>\r\n            <div class=\"flex items-center gap-3 flex-1 justify-end\">\r\n                @if (selectedAgentRun()) {\r\n                    @if (selectedAgent()?.ragProvider && selectedAgent()?.ragModel) {\r\n                        <button pButton\r\n                                type=\"button\"\r\n                                class=\"p-button-text p-button-rounded\"\r\n                                (click)=\"openRagUploadModal()\"\r\n                                [pTooltip]=\"'RAG-Dokumente hochladen'\"\r\n                                tooltipPosition=\"bottom\">\r\n                            <fa-icon [icon]=\"iconProvider.documentAdd\" size=\"lg\"></fa-icon>\r\n                        </button>\r\n                    }\r\n                    <div [pTooltip]=\"'Status: ' + iconTextMapper.getTextForStatus(selectedAgentRun()?.status)\"\r\n                         tooltipPosition=\"bottom\"\r\n                         class=\"cursor-help\">\r\n                        <fa-icon [icon]=\"iconTextMapper.getIconForStatus(selectedAgentRun()?.status)\"\r\n                                 [classList]=\"iconTextMapper.getIconClassesForStatus(selectedAgentRun()?.status)\"\r\n                                 [animation]=\"selectedAgentRun()?.status === 'running' ? 'spin' : undefined\"\r\n                                 size=\"lg\"></fa-icon>\r\n                    </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    <!-- Sidebar + Chat nebeneinander -->\r\n    <div class=\"flex flex-1 min-h-0 overflow-hidden\">\r\n        <div class=\"chats-panel border-r-1 border-gray-300 p-4 w-[250px] h-full flex-shrink-0 overflow-y-auto\">\r\n            @if (agentRuns() === undefined) {\r\n                <p class=\"m-0\">\r\n                    Die Chats werden geladen...\r\n                </p>\r\n            } @else if (!agentRuns()?.length) {\r\n                <p class=\"m-0\">\r\n                    Bisher noch keine Chats vorhanden\r\n                </p>\r\n            } @else {\r\n                <div class=\"flex flex-col gap-1\">\r\n                    @for (agentRun of agentRuns(); track agentRun) {\r\n                        <div class=\"border border-gray-300 rounded-lg p-4 hover:shadow-lg transition cursor-pointer\"\r\n                             (click)=\"selectAgentRun(agentRun)\"\r\n                             [class.bg-blue-100]=\"selectedAgentRun()?.id === agentRun.id\">\r\n                            <div class=\"text-sm text-gray-500\">{{ agentRun.createdAt | date:'dd.MM.YY - hh:mm' }}</div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            }\r\n        </div>\r\n        <div class=\"chat bg-gray-50 flex-1 relative\">\r\n            @if (selectedAgentRun() === undefined) {\r\n                <div class=\"flex items-center justify-center h-full\">\r\n                    <p class=\"m-0 text-gray-500\">\r\n                        Bitte einen Chat aus der linken Liste ausw\u00E4hlen\r\n                    </p>\r\n                </div>\r\n            } @else if (selectedAgent() === undefined) {\r\n                <div class=\"flex items-center justify-center h-full\">\r\n                    <p class=\"m-0 text-gray-500\">\r\n                        Die Chat-Daten werden geladen...\r\n                    </p>\r\n                </div>\r\n            } @else {\r\n                <div class=\"absolute inset-0 overflow-y-auto p-3\" #chatContainer>\r\n                    @if (selectedAgentRun()!.chat) {\r\n                        @for (message of selectedAgentRun()!.chat!.messages; track message.id) {\r\n                            <div class=\"mb-2\">\r\n                                <sftech-agent-chat-message [message]=\"message.message\"\r\n                                                           [type]=\"message.messageType\"></sftech-agent-chat-message>\r\n                            </div>\r\n                        }\r\n                    }\r\n                    @if (selectedAgentRun()!.status === agentRunStatus.INIT) {\r\n                        <sftech-agent-chat-message-human-input-initial [agent]=\"selectedAgent()\"\r\n                                                                       (agentRunIdReceived)=\"startObservingAgentRun($event)\"></sftech-agent-chat-message-human-input-initial>\r\n                    }\r\n                    @if (loading()) {\r\n                        <div class=\"mb-2\">\r\n                            <sftech-agent-chat-message [message]=\"'Am \u00DCberlegen'\"\r\n                                                       [type]=\"'ai_loading'\"></sftech-agent-chat-message>\r\n                        </div>\r\n                    }\r\n                    @if (selectedAgentRun()?.status === agentRunStatus.FAILED) {\r\n                        <div class=\"mb-2\">\r\n                            <sftech-agent-chat-message\r\n                                    [message]=\"'Es ist ein Fehler aufgetreten! Bitte versuche es zu einem sp\u00E4teren Zeitpunkt erneut.'\"\r\n                                    [type]=\"'ai_failed'\"></sftech-agent-chat-message>\r\n                        </div>\r\n                    }\r\n                    @if (selectedAgentRun()!.status === agentRunStatus.COMPLETED) {\r\n                        <sftech-agent-chat-message-human-input [agent]=\"selectedAgent()\"\r\n                                                               [agentRunId]=\"selectedAgentRun()!.id\"\r\n                                                               (agentRunIdReceived)=\"startObservingAgentRun(selectedAgentRun()!.id!)\"></sftech-agent-chat-message-human-input>\r\n                    }\r\n                </div>\r\n            }\r\n        </div>\r\n    </div>\r\n</div>\r\n" }]
-        }], propDecorators: { chatContainer: [{
-                type: ViewChild,
-                args: ['chatContainer']
-            }] } });
-
-class AgentSelectionComponent extends BaseListComponent {
-    _repo = inject(AgentService);
-    _route = 'chats/agents';
-    orchestratorService = inject(OrchestratorService);
-    messageService = inject(MessageService);
-    iconProvider = IconProvider;
-    tools = signal(undefined);
-    ngOnInit() {
-        super.ngOnInit();
-        this.orchestratorService.getTools().subscribe((res) => {
-            if (res instanceof MappedApiError) {
-                this.messageService.add({ severity: 'error', summary: 'Fehler', detail: res.messages.join('|') });
-                return;
-            }
-            this.tools.set(res.data);
-        });
-    }
-    getToolNames(agent) {
-        if (!agent.tools || agent.tools.length === 0) {
-            return 'Keine Tools';
-        }
-        return agent.tools
-            .map((tool) => this.tools()?.find((t) => t.identifier === tool)?.name)
-            .filter((name) => !!name)
-            .join(' | ');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentSelectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AgentSelectionComponent, isStandalone: true, selector: "sftech-agent-selection", providers: [DialogService], usesInheritance: true, ngImport: i0, template: "<div class=\"p-2\">\r\n\r\n    <h2 class=\"pt-4 text-2xl font-bold mb-4\">Agenten Auswahl</h2>\r\n\r\n    @if (data() === undefined) {\r\n        <p-panel [toggleable]=\"false\">\r\n            <p class=\"m-0\">\r\n                Daten werden geladen...\r\n            </p>\r\n        </p-panel>\r\n    } @else if (!data()?.length) {\r\n        <p-panel [toggleable]=\"false\">\r\n            <p class=\"m-0\">\r\n                Keine Daten vorhanden\r\n            </p>\r\n        </p-panel>\r\n    } @else {\r\n        <div class=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\r\n            @for (agent of data(); track agent) {\r\n                <div\r\n                        class=\"aspect-square flex flex-col justify-between p-5 rounded-xl bg-white shadow-md border border-gray-200 hover:shadow-lg hover:scale-[1.02] transition cursor-pointer\"\r\n                        [routerLink]=\"['agent/' + agent.id]\"\r\n                >\r\n                    <div>\r\n                        <div class=\"flex items-center gap-2 mb-4\">\r\n                            <div class=\"w-10 h-10 rounded-full bg-primary-100 text-primary-700 flex items-center justify-center font-bold\">\r\n                                {{ agent.name[0] }}\r\n                            </div>\r\n                            <h2 class=\"text-lg font-semibold\">{{ agent.name }}</h2>\r\n                        </div>\r\n                        <p class=\"text-gray-600 text-sm leading-snug line-clamp-3\">{{ agent.description }}</p>\r\n                    </div>\r\n                    <div class=\"flex flex-wrap gap-2 mt-4 border-t-1 border-gray-200 pt-2\">\r\n                        <span class=\"text-gray-500 text-xs font-medium px-2 py-0.5 rounded\">{{  getToolNames(agent) }}</span>\r\n                    </div>\r\n                </div>\r\n            }\r\n        </div>\r\n    }\r\n</div>", styles: [""], dependencies: [{ kind: "component", type: Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentSelectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agent-selection', imports: [Panel, RouterLink], providers: [DialogService], template: "<div class=\"p-2\">\r\n\r\n    <h2 class=\"pt-4 text-2xl font-bold mb-4\">Agenten Auswahl</h2>\r\n\r\n    @if (data() === undefined) {\r\n        <p-panel [toggleable]=\"false\">\r\n            <p class=\"m-0\">\r\n                Daten werden geladen...\r\n            </p>\r\n        </p-panel>\r\n    } @else if (!data()?.length) {\r\n        <p-panel [toggleable]=\"false\">\r\n            <p class=\"m-0\">\r\n                Keine Daten vorhanden\r\n            </p>\r\n        </p-panel>\r\n    } @else {\r\n        <div class=\"grid gap-6 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\r\n            @for (agent of data(); track agent) {\r\n                <div\r\n                        class=\"aspect-square flex flex-col justify-between p-5 rounded-xl bg-white shadow-md border border-gray-200 hover:shadow-lg hover:scale-[1.02] transition cursor-pointer\"\r\n                        [routerLink]=\"['agent/' + agent.id]\"\r\n                >\r\n                    <div>\r\n                        <div class=\"flex items-center gap-2 mb-4\">\r\n                            <div class=\"w-10 h-10 rounded-full bg-primary-100 text-primary-700 flex items-center justify-center font-bold\">\r\n                                {{ agent.name[0] }}\r\n                            </div>\r\n                            <h2 class=\"text-lg font-semibold\">{{ agent.name }}</h2>\r\n                        </div>\r\n                        <p class=\"text-gray-600 text-sm leading-snug line-clamp-3\">{{ agent.description }}</p>\r\n                    </div>\r\n                    <div class=\"flex flex-wrap gap-2 mt-4 border-t-1 border-gray-200 pt-2\">\r\n                        <span class=\"text-gray-500 text-xs font-medium px-2 py-0.5 rounded\">{{  getToolNames(agent) }}</span>\r\n                    </div>\r\n                </div>\r\n            }\r\n        </div>\r\n    }\r\n</div>" }]
-        }] });
-
-class ChatsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChatsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: ChatsComponent, isStandalone: true, selector: "sftech-chats", ngImport: i0, template: '<router-outlet></router-outlet>', isInline: true, styles: [":host{display:block;height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ChatsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-chats', imports: [RouterOutlet], template: '<router-outlet></router-outlet>', styles: [":host{display:block;height:100%;overflow:hidden}\n"] }]
-        }] });
-
-const chatsRoutes = [
-    {
-        path: '',
-        component: ChatsComponent,
-        children: [
-            {
-                path: '',
-                component: AgentSelectionComponent,
-            },
-            {
-                path: 'agent/:agentId/r/:agentRunId',
-                component: AgentChatComponent,
-            },
-            {
-                path: 'agent/:agentId',
-                component: AgentChatComponent,
-            },
-        ],
-        canActivate: [AuthenticationGuard],
-    },
-];
-
-export { chatsRoutes };
-//# sourceMappingURL=sftech-ng-orchestrator-chats.routes-BDe9JC4m.mjs.map