@sftech/ng-orchestrator 0.0.17 → 0.0.18

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

@@ -1,556 +0,0 @@
-import { AuthenticationGuard } from '@sftech/ng-auth';
-import { NgClass, JsonPipe, DatePipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Inject, Injectable, input, EventEmitter, inject, effect, Output, Component, signal, computed } 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 { Panel } from 'primeng/panel';
-import { map, catchError } from 'rxjs';
-import { A as AgentRun, O as ORCHESTRATOR_CONFIGURATION, C as Chat, a as OrchestratorService, b as ChatMessage } from './sftech-ng-orchestrator-sftech-ng-orchestrator-CJMmRHC-.mjs';
-import * as i1 from '@angular/common/http';
-import { A as AgentService } from './sftech-ng-orchestrator-agent.service-DPJMw8a4.mjs';
-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 { Skeleton } from 'primeng/skeleton';
-import { DialogService } from 'primeng/dynamicdialog';
-
-var EAgentRunStatus;
-(function (EAgentRunStatus) {
-    EAgentRunStatus["INIT"] = "init";
-    EAgentRunStatus["PRERUNNING"] = "pre_running";
-    EAgentRunStatus["RUNNING"] = "running";
-    EAgentRunStatus["POSTRUNNING"] = "post_running";
-    EAgentRunStatus["CLARIFICATION_NEEDED"] = "clarification_needed";
-    EAgentRunStatus["COMPLETED"] = "completed";
-    EAgentRunStatus["FAILED"] = "failed";
-})(EAgentRunStatus || (EAgentRunStatus = {}));
-
-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 AgentChatMessageHumanInputComponent {
-    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: AgentChatMessageHumanInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.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 } }, 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: 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=\"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 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=\"p-4 rounded bg-white flex border-1 flex-row items-center\">\r\n        <div class=\"me-4 ms-4 text-green-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"2x\"></fa-icon>\r\n        </div>\r\n        <div class=\"m-0 w-full\">\r\n            <div class=\"flex space-x-2 justify-start items-center\">\r\n                <div class=\"me-4\">Die Antwort wird ermittelt</div>\r\n                <div class=\"w-3 h-3 bg-green-600 rounded-full animate-bounceDelay\"></div>\r\n                <div class=\"w-3 h-3 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.32s]\"></div>\r\n                <div class=\"w-3 h-3 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.16s]\"></div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n} @else if (type() === 'ai_failed') {\r\n    <div class=\"p-4 rounded bg-red-100 flex border-1 flex-row items-center\">\r\n        <div class=\"me-4 ms-4 text-green-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"2x\"></fa-icon>\r\n        </div>\r\n        <div class=\"m-0 w-full\">\r\n            {{\r\n            message()\r\n            }}\r\n        </div>\r\n\r\n    </div>\r\n\r\n} @else {\r\n    <div class=\"p-4 rounded bg-white flex border-1 flex-row items-center\" [ngClass]=\"{\r\n        'border-green-600 bg-green-200': type() === 'ai',\r\n        'text-right border-gray-600 flex-row-reverse': type() === 'human',\r\n        'border-yellow-600  bg-yellow-100': type() === 'system',\r\n    }\">\r\n        <div class=\"me-4 ms-4\" [ngClass]=\"{\r\n        'text-green-600': type() === 'ai',\r\n        'text-gray-600': type() === 'human',\r\n        'text-yellow-600': type() === 'system',\r\n    }\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType(type())\" size=\"2x\"></fa-icon>\r\n        </div>\r\n        @if (message().includes('```json')) {\r\n            <div class=\"m-0  prose prose-sm max-w-none\" markdown>{{ extractJson(message()) }}</div>\r\n        } @else {\r\n            <div class=\"m-0\" markdown>{{ message() }}</div>\r\n        }\r\n    </div>\r\n}\r\n\r\n\r\n\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, JsonPipe, Skeleton], template: "@if (type() === 'ai_loading') {\r\n    <div class=\"p-4 rounded bg-white flex border-1 flex-row items-center\">\r\n        <div class=\"me-4 ms-4 text-green-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"2x\"></fa-icon>\r\n        </div>\r\n        <div class=\"m-0 w-full\">\r\n            <div class=\"flex space-x-2 justify-start items-center\">\r\n                <div class=\"me-4\">Die Antwort wird ermittelt</div>\r\n                <div class=\"w-3 h-3 bg-green-600 rounded-full animate-bounceDelay\"></div>\r\n                <div class=\"w-3 h-3 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.32s]\"></div>\r\n                <div class=\"w-3 h-3 bg-green-600 rounded-full animate-bounceDelay [animation-delay:-0.16s]\"></div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n\r\n} @else if (type() === 'ai_failed') {\r\n    <div class=\"p-4 rounded bg-red-100 flex border-1 flex-row items-center\">\r\n        <div class=\"me-4 ms-4 text-green-600\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType('ai')\" size=\"2x\"></fa-icon>\r\n        </div>\r\n        <div class=\"m-0 w-full\">\r\n            {{\r\n            message()\r\n            }}\r\n        </div>\r\n\r\n    </div>\r\n\r\n} @else {\r\n    <div class=\"p-4 rounded bg-white flex border-1 flex-row items-center\" [ngClass]=\"{\r\n        'border-green-600 bg-green-200': type() === 'ai',\r\n        'text-right border-gray-600 flex-row-reverse': type() === 'human',\r\n        'border-yellow-600  bg-yellow-100': type() === 'system',\r\n    }\">\r\n        <div class=\"me-4 ms-4\" [ngClass]=\"{\r\n        'text-green-600': type() === 'ai',\r\n        'text-gray-600': type() === 'human',\r\n        'text-yellow-600': type() === 'system',\r\n    }\">\r\n            <fa-icon [icon]=\"iconTextMapper.getIconForMessageType(type())\" size=\"2x\"></fa-icon>\r\n        </div>\r\n        @if (message().includes('```json')) {\r\n            <div class=\"m-0  prose prose-sm max-w-none\" markdown>{{ extractJson(message()) }}</div>\r\n        } @else {\r\n            <div class=\"m-0\" markdown>{{ message() }}</div>\r\n        }\r\n    </div>\r\n}\r\n\r\n\r\n\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);
-    agent;
-    agentRuns = signal(undefined);
-    selectedAgentRun = signal(undefined);
-    selectedAgent = signal(undefined);
-    iconProvider = IconProvider;
-    iconTextMapper = AgentRunIconTextDataprovider;
-    agentRunStatus = EAgentRunStatus;
-    subscriptions = [];
-    selectedAgentRunChanged$ = effect(() => {
-        if (!this.selectedAgentRun()) {
-            return;
-        }
-    });
-    loading = computed(() => {
-        if (!this.selectedAgentRun()?.status) {
-            return false;
-        }
-        return ![EAgentRunStatus.COMPLETED, EAgentRunStatus.CLARIFICATION_NEEDED, EAgentRunStatus.FAILED, EAgentRunStatus.INIT].includes(this.selectedAgentRun().status);
-    });
-    ngOnInit() {
-        console.log('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);
-        this._loadChat();
-        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;
-                }
-                // biome-ignore lint/correctness/noUnusedVariables: <explanation>
-                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',
-                });
-            }
-            this.selectedAgentRun.update((ar) => {
-                ar.chat = res.data;
-                return ar;
-            });
-        });
-    }
-    _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;
-    }
-    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", ngImport: i0, template: "<div class=\"flex h-full shadow-lg\">\r\n    <div class=\"chats-panel border-r-1 border-gray-300 p-2 w-[250px] flex-shrink-0 h-full\">\r\n        <div class=\"flex justify-between\">\r\n            <div (click)=\"goBack()\" tabindex=\"2\">\r\n                <fa-icon [icon]=\"iconProvider.back\" class=\"me-3\"></fa-icon>\r\n            </div>\r\n            <h2 class=\"text-2xl font-bold mb-4\">{{ selectedAgent()?.name }}</h2>\r\n        </div>\r\n        @if (selectedAgent()) {\r\n            <div class=\"mt-0 mb-2\">\r\n                <button pButton type=\"button\" class=\"w-full mt-4\" (click)=\"startNewRun()\" tabindex=\"3\">\r\n                    <fa-icon [icon]=\"iconProvider.add\"></fa-icon>\r\n                    neu\r\n                </button>\r\n            </div>\r\n        }\r\n        <div class=\"p-1 m-2 border-1 border-gray-300 rounded-lg bg-white max-h-[calc(100%-120px)] overflow-y-auto\">\r\n\r\n\r\n            @if (agentRuns() === undefined) {\r\n\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=\"my-2 mx-2 flex flex-col gap-1 overflow-y-auto\">\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>\r\n    <div class=\"chat bg-gray-50 flex-grow-1 p-3 overflow-y-auto m-1\">\r\n        @if (selectedAgentRun() === undefined) {\r\n            <p-panel [toggleable]=\"false\">\r\n                <p class=\"m-0\">\r\n                    Bitte einen Chat aus der linken Liste ausw\u00E4hlen\r\n                </p>\r\n            </p-panel>\r\n        } @else if (selectedAgent() === undefined) {\r\n            <p-panel [toggleable]=\"false\">\r\n                <p class=\"m-0\">\r\n                    Die Chat-Daten werden geladen...\r\n                </p>\r\n            </p-panel>\r\n        } @else {\r\n            <div class=\"flex flex-col h-full\">\r\n                <div class=\"border-b border-gray-300 pb-2 mb-2 flex justify-between\">\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') }}</h2>\r\n                    <p class=\"text-gray-600 font-bold\">Status:\r\n                        <fa-icon [icon]=\"iconTextMapper.getIconForStatus(selectedAgentRun()?.status)\" size=\"2x\"\r\n                                 [classList]=\"iconTextMapper.getIconClassesForStatus(selectedAgentRun()?.status)\"\r\n                                 [animation]=\"selectedAgentRun()?.status === 'running' ? 'spin' : undefined\"\r\n                                 class=\"ms-2\"></fa-icon>\r\n                    </p>\r\n                </div>\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 [agent]=\"selectedAgent()\"\r\n                                                           (agentRunIdReceived)=\"startObservingAgentRun($event)\"></sftech-agent-chat-message-human-input>\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            </div>\r\n        }\r\n    </div>\r\n</div>\r\n", 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: 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: AgentChatMessageHumanInputComponent, selector: "sftech-agent-chat-message-human-input", inputs: ["agent"], outputs: ["agentRunIdReceived"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentChatComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agent-chat', imports: [Panel, ButtonDirective, AgentChatMessageComponent, DatePipe, FaIconComponent, AgentChatMessageHumanInputComponent], template: "<div class=\"flex h-full shadow-lg\">\r\n    <div class=\"chats-panel border-r-1 border-gray-300 p-2 w-[250px] flex-shrink-0 h-full\">\r\n        <div class=\"flex justify-between\">\r\n            <div (click)=\"goBack()\" tabindex=\"2\">\r\n                <fa-icon [icon]=\"iconProvider.back\" class=\"me-3\"></fa-icon>\r\n            </div>\r\n            <h2 class=\"text-2xl font-bold mb-4\">{{ selectedAgent()?.name }}</h2>\r\n        </div>\r\n        @if (selectedAgent()) {\r\n            <div class=\"mt-0 mb-2\">\r\n                <button pButton type=\"button\" class=\"w-full mt-4\" (click)=\"startNewRun()\" tabindex=\"3\">\r\n                    <fa-icon [icon]=\"iconProvider.add\"></fa-icon>\r\n                    neu\r\n                </button>\r\n            </div>\r\n        }\r\n        <div class=\"p-1 m-2 border-1 border-gray-300 rounded-lg bg-white max-h-[calc(100%-120px)] overflow-y-auto\">\r\n\r\n\r\n            @if (agentRuns() === undefined) {\r\n\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=\"my-2 mx-2 flex flex-col gap-1 overflow-y-auto\">\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>\r\n    <div class=\"chat bg-gray-50 flex-grow-1 p-3 overflow-y-auto m-1\">\r\n        @if (selectedAgentRun() === undefined) {\r\n            <p-panel [toggleable]=\"false\">\r\n                <p class=\"m-0\">\r\n                    Bitte einen Chat aus der linken Liste ausw\u00E4hlen\r\n                </p>\r\n            </p-panel>\r\n        } @else if (selectedAgent() === undefined) {\r\n            <p-panel [toggleable]=\"false\">\r\n                <p class=\"m-0\">\r\n                    Die Chat-Daten werden geladen...\r\n                </p>\r\n            </p-panel>\r\n        } @else {\r\n            <div class=\"flex flex-col h-full\">\r\n                <div class=\"border-b border-gray-300 pb-2 mb-2 flex justify-between\">\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') }}</h2>\r\n                    <p class=\"text-gray-600 font-bold\">Status:\r\n                        <fa-icon [icon]=\"iconTextMapper.getIconForStatus(selectedAgentRun()?.status)\" size=\"2x\"\r\n                                 [classList]=\"iconTextMapper.getIconClassesForStatus(selectedAgentRun()?.status)\"\r\n                                 [animation]=\"selectedAgentRun()?.status === 'running' ? 'spin' : undefined\"\r\n                                 class=\"ms-2\"></fa-icon>\r\n                    </p>\r\n                </div>\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 [agent]=\"selectedAgent()\"\r\n                                                           (agentRunIdReceived)=\"startObservingAgentRun($event)\"></sftech-agent-chat-message-human-input>\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            </div>\r\n        }\r\n    </div>\r\n</div>\r\n" }]
-        }] });
-
-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 Werkzeuge';
-        }
-        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: "<h2 class=\"mt-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 grid-cols-4 gap-4\">\r\n        @for (agent of data(); track agent) {\r\n            <div class=\"aspect-square flex justify-between flex-col border border-gray-300 rounded-lg p-4 hover:shadow-lg transition cursor-pointer shadow-xl hover:shadow-sm\" [routerLink]=\"['agent/' + agent.id]\">\r\n                <div>\r\n                    <h2 class=\"text-lg font-semibold mb-6\">{{ agent.name }}</h2>\r\n                    <p class=\"text-gray-600\">{{ agent.description }}</p>\r\n                </div>\r\n                <div class=\"text-sm text-gray-500\">Tools: {{ getToolNames(agent) }}</div>\r\n            </div>\r\n        }\r\n    </div>\r\n}", 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: "<h2 class=\"mt-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 grid-cols-4 gap-4\">\r\n        @for (agent of data(); track agent) {\r\n            <div class=\"aspect-square flex justify-between flex-col border border-gray-300 rounded-lg p-4 hover:shadow-lg transition cursor-pointer shadow-xl hover:shadow-sm\" [routerLink]=\"['agent/' + agent.id]\">\r\n                <div>\r\n                    <h2 class=\"text-lg font-semibold mb-6\">{{ agent.name }}</h2>\r\n                    <p class=\"text-gray-600\">{{ agent.description }}</p>\r\n                </div>\r\n                <div class=\"text-sm text-gray-500\">Tools: {{ getToolNames(agent) }}</div>\r\n            </div>\r\n        }\r\n    </div>\r\n}" }]
-        }] });
-
-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: [""], 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>' }]
-        }] });
-
-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-BLGhykMM.mjs.map