@sftech/ng-orchestrator 1.0.0 → 1.0.2

package/fesm2022/sftech-ng-orchestrator-sftech-ng-orchestrator-CzwZe61l.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sftech-ng-orchestrator-sftech-ng-orchestrator-CzwZe61l.mjs","sources":["../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/configuration/orchestrator-config.mapper.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/configuration/orchestrator-configuration.token.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/enums/agent-run-status.enum.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/models/chat-message.model.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/models/chat.model.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/models/agent-run.model.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/models/mcp-tool.model.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/core/service/orchestrator.service.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/orchestrator.module.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/orchestrator.routes.ts","../../../../libs/ng-orchestrator/src/sftech-ng-orchestrator.ts"],"sourcesContent":["import { IAppConfig } from '@sftech/ng-shared';\r\nimport { IOrchestratorConfig } from './orchestrator-config.interface';\r\n\r\n// biome-ignore lint/complexity/noStaticOnlyClass: <explanation>\r\nexport class OrchestratorConfigMapper {\r\n    public static map(config: IAppConfig): IOrchestratorConfig {\r\n        return {\r\n            orchestratorUrl: (config['ORCHESTRATOR_URL'] as string) ?? `${window.location.protocol}//${window.location.hostname}:${window.location.port}/api/orchestrator`,\r\n            orchestratorDbUrl: (config['ORCHESTRATOR_DB_URL'] as string) ?? `${window.location.protocol}//${window.location.hostname}:${window.location.port}/api/orchestrator-db`,\r\n            defaultConnectorUrl: config['DEFAULT_CONNECTOR_URL'] as string,\r\n            defaultAnswerSpecification: config['DEFAULT_ANSWER_SPECIFICATION'] as string,\r\n            defaultLlmProvider: config['DEFAULT_LLM_PROVIDER'] as string,\r\n            defaultLlmModel: config['DEFAULT_LLM_MODEL'] as string,\r\n            defaultLlmTemperature: config['DEFAULT_LLM_TEMPERATURE'] as number,\r\n            defaultLlmTimeout: config['DEFAULT_LLM_TIMEOUT'] as number,\r\n            defaultLlmRetries: config['DEFAULT_LLM_RETRIES'] as number,\r\n            defaultLlmMaxTokens: config['DEFAULT_LLM_MAX_TOKENS'] as number,\r\n            defaultRagModel: config['DEFAULT_RAG_MODEL'] as string,\r\n            defaultRagProvider: config['DEFAULT_RAG_PROVIDER'] as string,\r\n        };\r\n    }\r\n}\r\n","import { InjectionToken } from '@angular/core';\r\nimport { IOrchestratorConfig } from './orchestrator-config.interface';\r\n\r\nexport const ORCHESTRATOR_CONFIGURATION = new InjectionToken<IOrchestratorConfig>('ORCHESTRATOR_CONFIGURATION');\r\n","export enum EAgentRunStatus {\r\n    INIT = 'init',\r\n    PRERUNNING = 'pre_running',\r\n    RUNNING = 'running',\r\n    POSTRUNNING = 'post_running',\r\n    CLARIFICATION_NEEDED = 'clarification_needed',\r\n    COMPLETED = 'completed',\r\n    FAILED = 'failed',\r\n}\r\n","import { BaseDbModel } from '@sftech/ng-shared';\r\nimport { IChatMessageResponseDto } from '../dtos/chat-message-response.dto';\r\nimport { Chat } from './chat.model';\r\n\r\nexport class ChatMessage extends BaseDbModel {\r\n    public message!: string;\r\n\r\n    public messageType!: string;\r\n\r\n    public chatId!: number;\r\n\r\n    public chat?: Chat;\r\n\r\n    public override fromDto(dto: IChatMessageResponseDto): ChatMessage {\r\n        const obj = new ChatMessage();\r\n        obj.id = dto.id!;\r\n        obj.createdAt = dto.createdAt!;\r\n\r\n        obj.message = dto.message;\r\n        obj.messageType = dto.messageType;\r\n        obj.chatId = dto.chatId;\r\n        return obj;\r\n    }\r\n}\r\n","import { BaseDbModel } from '@sftech/ng-shared';\r\nimport { IChatMessageResponseDto } from '../dtos/chat-message-response.dto';\r\nimport { IChatResponseDto } from '../dtos/chat-response.dto';\r\nimport { ChatMessage } from './chat-message.model';\r\n\r\nexport class Chat extends BaseDbModel {\r\n    public messages: ChatMessage[] = [];\r\n\r\n    public agentId!: number;\r\n\r\n    public override fromDto(dto: IChatResponseDto): Chat {\r\n        const obj = new Chat();\r\n        obj.id = dto.id!;\r\n        obj.createdAt = dto.createdAt!;\r\n        obj.agentId = dto.agentId;\r\n\r\n        obj.messages = dto.messages.map((dto: IChatMessageResponseDto) => new ChatMessage().fromDto(dto));\r\n        return obj;\r\n    }\r\n}\r\n","import { BaseDbModel, EFilterTypes, IBaseDbResponseDto } from '@sftech/ng-shared';\r\nimport { IAgentResponseDto } from '../dtos/agent-response.dto';\r\nimport { IAgentRunResponseDto } from '../dtos/agent-run-response.dto';\r\nimport { IPromptHistoryResponseDto } from '../dtos/prompt-history-response.dto';\r\nimport { EAgentRunStatus } from '../enums/agent-run-status.enum';\r\nimport { Agent } from './agent.model';\r\nimport { Chat } from './chat.model';\r\nimport { PromptHistory } from './prompt-history.model';\r\nimport { Prompt } from './prompt.model';\r\n\r\nexport class AgentRun extends BaseDbModel {\r\n    public status!: EAgentRunStatus;\r\n\r\n    public step!: string;\r\n\r\n    public startedAt?: Date;\r\n\r\n    public endedAt?: Date;\r\n\r\n    public agentId?: number;\r\n\r\n    public agent?: Agent;\r\n\r\n    public chatId?: number;\r\n\r\n    public chat?: Chat;\r\n\r\n    public override propertiesToShow = ['status', 'step', 'startedAt', 'endedAt'];\r\n\r\n    public override propertyUINames = new Map<string, string>([\r\n        ['status', 'Status'],\r\n        ['step', 'Schritt'],\r\n        ['startedAt', 'Start'],\r\n        ['endedAt', 'Ende'],\r\n    ]);\r\n\r\n    public override propertyFilterType = new Map<string, EFilterTypes>([\r\n        ['status', EFilterTypes.STRING],\r\n        ['step', EFilterTypes.STRING],\r\n        ['startedAt', EFilterTypes.DATE],\r\n        ['endedAt', EFilterTypes.DATE],\r\n    ]);\r\n\r\n    public override fromDto(dto: IAgentRunResponseDto): AgentRun {\r\n        const model = new AgentRun();\r\n        model.id = dto.id;\r\n        model.createdAt = new Date(dto.createdAt);\r\n        model.agentId = dto.agentId;\r\n        model.chatId = dto.chatId;\r\n        model.status = dto.status;\r\n        model.startedAt = dto.startedAt;\r\n        model.endedAt = dto.endedAt;\r\n        model.step = dto.step;\r\n\r\n        if (dto.chat) {\r\n            model.chat = new Chat().fromDto(dto.chat);\r\n        }\r\n        return model;\r\n    }\r\n}\r\n","import { IMcpToolResponseDto } from '../dtos/mcp-tool-response.dto';\r\n\r\nexport class McpTool {\r\n    name!: string;\r\n    identifier!: string;\r\n    desceription!: string;\r\n\r\n    public static fromDto(dto: IMcpToolResponseDto): McpTool {\r\n        const tool = new McpTool();\r\n        tool.name = dto.name;\r\n        tool.identifier = dto.identifier;\r\n        tool.desceription = dto.description;\r\n        return tool;\r\n    }\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Inject, Injectable, NgZone } from '@angular/core';\r\nimport { IApiResponse, MappedApiError, MappedApiResponseRaw } from '@sftech/ng-shared';\r\nimport { Observable, catchError, map, of } from 'rxjs';\r\nimport { IOrchestratorConfig } from '../configuration/orchestrator-config.interface';\r\nimport { ORCHESTRATOR_CONFIGURATION } from '../configuration/orchestrator-configuration.token';\r\nimport { IAgentRunResponseDto } from '../dtos/agent-run-response.dto';\r\nimport { IMcpToolResponseDto } from '../dtos/mcp-tool-response.dto';\r\nimport { IOrchestratorRunDto } from '../dtos/orchestrator-run.dto';\r\nimport { IRagInfoDto } from '../dtos/rag-ingest-config.dto';\r\nimport { EAgentRunStatus } from '../enums/agent-run-status.enum';\r\nimport { AgentRun } from '../models/agent-run.model';\r\nimport { McpTool } from '../models/mcp-tool.model';\r\n\r\n@Injectable()\r\nexport class OrchestratorService {\r\n    public constructor(\r\n        private readonly http: HttpClient,\r\n        private readonly zone: NgZone,\r\n        @Inject(ORCHESTRATOR_CONFIGURATION) private readonly config: IOrchestratorConfig,\r\n    ) {}\r\n\r\n    public runAgent(runConfig: IOrchestratorRunDto): Observable<MappedApiError | number> {\r\n        const url = `${this.config.orchestratorUrl}/generic/run`;\r\n        return this.http.post<IApiResponse<number>>(url, runConfig).pipe(\r\n            map((res) => {\r\n                return res.data as number;\r\n            }),\r\n            catchError((err) => {\r\n                const error = new MappedApiError();\r\n                error.messages = err.messages ? err.messages : [];\r\n                return of(new MappedApiError());\r\n            }),\r\n        );\r\n    }\r\n\r\n    public observeAgentRun(agentRunId: number): Observable<MappedApiError | AgentRun> {\r\n        return new Observable<AgentRun>((observer) => {\r\n            const eventSource = new EventSource(`${this.config.orchestratorUrl}/generic/stream/${agentRunId}`);\r\n\r\n            eventSource.onmessage = (event) => {\r\n                this.zone.run(() => {\r\n                    const agentRun = new AgentRun();\r\n                    const result = agentRun.fromDto(JSON.parse(event.data) as IAgentRunResponseDto);\r\n                    observer.next(result);\r\n\r\n                    // Close EventSource when agent run is completed\r\n                    if (result.status === EAgentRunStatus.COMPLETED || result.status === EAgentRunStatus.FAILED) {\r\n                        eventSource.close();\r\n                        observer.complete();\r\n                    }\r\n                });\r\n            };\r\n\r\n            eventSource.onerror = (error) => {\r\n                this.zone.run(() => {\r\n                    eventSource.close();\r\n                    observer.error(error);\r\n                });\r\n            };\r\n\r\n            // Cleanup, wenn unsubscribed wird\r\n            return () => eventSource.close();\r\n        });\r\n    }\r\n\r\n    public getTools(): Observable<MappedApiResponseRaw<McpTool[]>> {\r\n        const url = `${this.config.orchestratorUrl}/tools`;\r\n        return this.http.get<IApiResponse<IMcpToolResponseDto[]>>(url).pipe(\r\n            map((res) => {\r\n                const apiResponse = new MappedApiResponseRaw<McpTool[]>();\r\n                apiResponse.status = res.status;\r\n                apiResponse.messages = res.messages ? res.messages : [];\r\n                apiResponse.isError = false;\r\n                apiResponse.data = (res.data as IMcpToolResponseDto[]).map((t) => McpTool.fromDto(t));\r\n                return apiResponse;\r\n            }),\r\n            catchError((err) => {\r\n                const error = new MappedApiError();\r\n                error.messages = err.messages ? err.messages : [];\r\n                error.status = err.status ? err.status : 500;\r\n                error.isError = true;\r\n                return of(error);\r\n            }),\r\n        );\r\n    }\r\n\r\n    public storeRagDocuments(files: File[], ragInfo: IRagInfoDto): Observable<MappedApiError | boolean> {\r\n        const url = `${this.config.orchestratorUrl}/rag/store`;\r\n        const formData = new FormData();\r\n\r\n        // Add all files to FormData\r\n        files.forEach((file) => {\r\n            formData.append('files', file);\r\n        });\r\n\r\n        // Add ragInfo as JSON string or separate fields\r\n        formData.append('agentIdentifier', ragInfo.agentIdentifier);\r\n        if (ragInfo.chatId) {\r\n            formData.append('chatId', ragInfo.chatId.toString());\r\n        }\r\n\r\n        return this.http.post<IApiResponse<boolean>>(url, formData).pipe(\r\n            map((res) => {\r\n                return res.data as boolean;\r\n            }),\r\n            catchError((err) => {\r\n                const error = new MappedApiError();\r\n                error.messages = err.messages ? err.messages : [];\r\n                error.status = err.status ? err.status : 500;\r\n                error.isError = true;\r\n                return of(error);\r\n            }),\r\n        );\r\n    }\r\n\r\n    public chatAgent(agentRunId: number, message: string): Observable<MappedApiError | number> {\r\n        const url = `${this.config.orchestratorUrl}/generic/chat/${agentRunId}`;\r\n        return this.http.post<IApiResponse<number>>(url, { message }).pipe(\r\n            map((res) => {\r\n                return res.data as number;\r\n            }),\r\n            catchError((err) => {\r\n                const error = new MappedApiError();\r\n                error.messages = err.messages ? err.messages : [];\r\n                error.status = err.status ? err.status : 500;\r\n                error.isError = true;\r\n                return of(error);\r\n            }),\r\n        );\r\n    }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { IAppConfig } from '@sftech/ng-shared';\r\nimport { OrchestratorConfigMapper } from './core/configuration/orchestrator-config.mapper';\r\nimport { ORCHESTRATOR_CONFIGURATION } from './core/configuration/orchestrator-configuration.token';\r\n\r\nimport { MarkdownModule } from 'ngx-markdown';\r\nimport { OrchestratorService } from './core/service/orchestrator.service';\r\n\r\n@NgModule({\r\n    declarations: [],\r\n    imports: [CommonModule, MarkdownModule],\r\n})\r\n// biome-ignore lint/complexity/noStaticOnlyClass: <explanation>\r\nexport class OrchestratorModule {\r\n    public static forRoot(config: IAppConfig): ModuleWithProviders<OrchestratorModule> {\r\n        return {\r\n            ngModule: OrchestratorModule,\r\n            providers: [\r\n                {\r\n                    provide: ORCHESTRATOR_CONFIGURATION,\r\n                    useValue: OrchestratorConfigMapper.map(config),\r\n                },\r\n                OrchestratorService,\r\n            ],\r\n        };\r\n    }\r\n}\r\n","import { Route } from '@angular/router';\r\nimport { adminGuard } from '@sftech/ng-auth';\r\n\r\nexport const orchestratorRoutes: Route[] = [\r\n    {\r\n        path: 'chats',\r\n        loadChildren: () => import('./chats/chats.routes').then((m) => m.chatsRoutes),\r\n    },\r\n    {\r\n        path: 'admin/prompts',\r\n        loadChildren: () => import('./admin/prompts/prompts.routes').then((m) => m.promptsRoutes),\r\n        canActivate: [adminGuard],\r\n    },\r\n    {\r\n        path: 'admin/agents',\r\n        loadChildren: () => import('./admin/agents/agents.routes').then((m) => m.agentsRoutes),\r\n        canActivate: [adminGuard],\r\n    },\r\n];\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sftech-ng-orchestrator.mjs

@@ -1,2 +1,2 @@
-export { c as OrchestratorModule, o as orchestratorRoutes } from './sftech-ng-orchestrator-sftech-ng-orchestrator-BdFSlSN_.mjs';
+export { c as OrchestratorModule, o as orchestratorRoutes } from './sftech-ng-orchestrator-sftech-ng-orchestrator-CzwZe61l.mjs';
 //# sourceMappingURL=sftech-ng-orchestrator.mjs.map

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@sftech/ng-orchestrator",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "peerDependencies": {
-    "@angular/common": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@sftech/ng-shared": ">=0.0.13"
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@sftech/ng-shared": ">=1.0.0",
+    "@sftech/ng-auth": ">=1.0.0",
+    "primeng": ">=19.0.0",
+    "ngx-markdown": ">=19.0.0"
   },
   "sideEffects": false,
   "module": "fesm2022/sftech-ng-orchestrator.mjs",

package/fesm2022/sftech-ng-orchestrator-agents.routes-DWOr4y4m.mjs

@@ -1,284 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, inject, signal } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { BaseDialogComponent, BaseDisplayComponent, MappedApiError, BaseListComponent, IconProvider, PaginatorComponent } from '@sftech/ng-shared';
-import { Button } from 'primeng/button';
-import { DialogService } from 'primeng/dynamicdialog';
-import { Panel } from 'primeng/panel';
-import * as i1$1 from 'primeng/table';
-import { TableModule } from 'primeng/table';
-import { Tooltip } from 'primeng/tooltip';
-import { A as AgentService, b as Agent, a as AgentRagUploadComponent } from './sftech-ng-orchestrator-agent-rag-upload.component-DGMkaMBy.mjs';
-import * as i1 from '@angular/forms';
-import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
-import { AutoFocus } from 'primeng/autofocus';
-import { Checkbox } from 'primeng/checkbox';
-import { DatePicker } from 'primeng/datepicker';
-import { Fieldset } from 'primeng/fieldset';
-import { FloatLabel } from 'primeng/floatlabel';
-import { InputText } from 'primeng/inputtext';
-import { MultiSelect } from 'primeng/multiselect';
-import { Textarea } from 'primeng/textarea';
-import { ToggleButtonModule } from 'primeng/togglebutton';
-import { a as OrchestratorService, O as ORCHESTRATOR_CONFIGURATION } from './sftech-ng-orchestrator-sftech-ng-orchestrator-BdFSlSN_.mjs';
-import { a as PromptDisplayComponent } from './sftech-ng-orchestrator-prompt-display.component--3QaYOkH.mjs';
-import { NgTemplateOutlet } from '@angular/common';
-import { Popover } from 'primeng/popover';
-import { map } from 'rxjs';
-
-class AgentsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AgentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AgentsComponent, isStandalone: true, selector: "sftech-agents", ngImport: i0, template: "<router-outlet></router-outlet>\r\n", 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: "20.3.9", ngImport: i0, type: AgentsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-agents', imports: [RouterOutlet], template: "<router-outlet></router-outlet>\r\n" }]
-        }] });
-
-const ragPairValidator = () => {
-    return (control) => {
-        const group = control;
-        const ragProvider = group.get('ragProvider')?.value;
-        const ragModel = group.get('ragModel')?.value;
-        // beide leer → ok
-        if (!ragProvider && !ragModel) {
-            return null;
-        }
-        // beide gesetzt → ok
-        if (ragProvider && ragModel) {
-            return null;
-        }
-        // nur eins gesetzt → Fehler auf dem FormGroup
-        return { ragPairInvalid: true };
-    };
-};
-
-class PromptHelperModalComponent extends BaseDialogComponent {
-    _subscriptions = [];
-    systemPromptForm = new FormGroup({
-        systemPromptText: new FormControl({ value: '', disabled: true }),
-        roleSpecification: new FormControl(''),
-        targetGroupSpecification: new FormControl(''),
-        inputSpecification: new FormControl(''),
-        exampleSpecification: new FormControl(''),
-        additionalRulesSpecification: new FormControl(''),
-    });
-    ngOnInit() {
-        this._subscriptions.push(this.systemPromptForm.valueChanges
-            .pipe(map((value) => {
-            let systemPromptText = '';
-            if (value.roleSpecification) {
-                systemPromptText += `Role:\n${value.roleSpecification}\n\n`;
-            }
-            if (value.targetGroupSpecification) {
-                systemPromptText += `Target Group:\n${value.targetGroupSpecification}\n\n`;
-            }
-            if (value.inputSpecification) {
-                systemPromptText += `Input:\n${value.inputSpecification}\n\n`;
-            }
-            if (value.exampleSpecification) {
-                systemPromptText += `Example:\n${value.exampleSpecification}\n\n`;
-            }
-            if (value.additionalRulesSpecification) {
-                systemPromptText += `Additional Rules:\n${value.additionalRulesSpecification}\n\n`;
-            }
-            this.systemPromptForm.get('systemPromptText')?.setValue(systemPromptText);
-        }))
-            .subscribe());
-    }
-    ngOnDestroy() {
-        this._subscriptions.forEach((subscription) => subscription.unsubscribe());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: PromptHelperModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: PromptHelperModalComponent, isStandalone: true, selector: "sftech-prompt-helper-modal", usesInheritance: true, ngImport: i0, template: "<sftech-base-dialog [hasHeader]=\"true\" (closed)=\"close()\">\r\n    <ng-template #header>\r\n        <div class=\"flex justify-between\">\r\n            <h2 class=\"text-xl font-semibold\">\r\n                Hilfe zur Prompt-Erstellung\r\n            </h2>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #body>\r\n        <form [formGroup]=\"systemPromptForm\" [pAutoFocus]=\"true\">\r\n            <p-fieldset legend=\"Prompt-Elemente\">\r\n                <div class=\"grid grid-cols-2 gap-2\">\r\n                    <p-floatlabel variant=\"in\" class=\"w-full mt-2\">\r\n                        <textarea id=\"systemPromptText\" formControlName=\"systemPromptText\" pTextarea\r\n                                  class=\"w-full h-full\"\r\n                                  [class.ng-invalid]=\"systemPromptForm.get('systemPromptText')?.dirty && systemPromptForm.get('systemPromptText')?.invalid\"></textarea>\r\n                        <label for=\"systemPromptText\">Mein Prompt</label>\r\n                    </p-floatlabel>\r\n                    <div>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'roleSpecification', popover: roleSpecificationPO, label: 'KI-Rolle' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'targetGroupSpecification', popover: targetGroupSpecificationPO, label: 'Zielgruppe' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'inputSpecification', popover: inputSpecificationPO, label: 'Eingabe' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'exampleSpecification', popover: exampleSpecificationPO, label: 'Eingabe-Beispiel' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'additionalRulesSpecification', popover: additionalRulesSpecificationPO, label: 'Zus\u00E4tzliche Informationen' }\"></ng-container>\r\n                    </div>\r\n                </div>\r\n\r\n            </p-fieldset>\r\n            <div class=\"flex justify-end mt-2 w-full\">\r\n                <p-button label=\"\u00FCbernehmen\" type=\"submit\" [disabled]=\"!systemPromptForm.valid\"\r\n                          (click)=\"ref.close(systemPromptForm.get('systemPromptText')?.value ?? '')\"></p-button>\r\n            </div>\r\n\r\n\r\n            <ng-template #textField let-controlName=\"controlName\" let-popover=\"popover\" let-label=\"label\">\r\n                <label [for]=\"controlName\" class=\"font-bold me-2\">{{ label }}</label>\r\n                <fa-icon [icon]=\"iconProvider.help\" class=\"rounded-[50%] bg-primary text-white\" [fixedWidth]=\"true\"\r\n                         (click)=\"popover.toggle($event)\"></fa-icon>\r\n                <textarea rows=\"4\" [id]=\"controlName\" [formControlName]=\"controlName\"\r\n                          pTextarea class=\"w-full mt-1\"\r\n                          [class.ng-invalid]=\"systemPromptForm.get(controlName)?.dirty && systemPromptForm.get(controlName)?.invalid\"></textarea>\r\n            </ng-template>\r\n\r\n            <p-popover #roleSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: roleSpecificationPO, controlName: 'roleSpecification', description: 'Die Rolle der KI beschreibt, wie sie sich verhalten soll. Die Rolle hilft der KI, den Kontext zu verstehen und angemessen zu antworten.', example: 'Du bist ein kompetenter, hilfreicher Assistent mit Fachwissen in Technik, Text, Organisation und Probleml\u00F6sung. Du analysierst pr\u00E4zise, erkl\u00E4rst klar und gibst fundierte, praktische Antworten.' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <p-popover #targetGroupSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: targetGroupSpecificationPO, controlName: 'targetGroupSpecification', description: 'Die Zielgruppe beschreibt, f\u00FCr wen die KI antworten soll. Sie hilft der KI, den Ton und die Komplexit\u00E4t der Antworten anzupassen.', example: 'Sprich mit einer Person, die in ihrem Fachgebiet erfahren oder zumindest mit den Grundbegriffen vertraut ist. Du darfst Fachsprache verwenden, aber kein unn\u00F6tiges Theoriewissen voraussetzen.' }\"></ng-container>\r\n            </p-popover>\r\n            <p-popover #inputSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: inputSpecificationPO, controlName: 'inputSpecification', description: 'Die Eingabe beschreibt, wie das vom Anwender eingegebene aussieht. Sie hilft der KI, das vom Anwender \u00FCbergebene zu verstehen.', example: 'z.B. Du erh\u00E4ltst eine Frage oder ein Problem, das du l\u00F6sen sollst. Analysiere es gr\u00FCndlich und gib eine klare, pr\u00E4zise Antwort. Mein Input ist ein JSON: {&quot;frage&quot;: &quot;Fragen, die du beantworten sollst&quot;}' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <p-popover #exampleSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: exampleSpecificationPO, controlName: 'exampleSpecification', description: 'Das Eingabe-Beispiel zeigt der KI ein konkretes Beispiel, wie die Anfragen aussehen k\u00F6nnen. Dies hilft der KI, das erwartete Format besser zu verstehen.', example: 'Beispiel {&quot;frage&quot;: &quot;Wie kann ich meine Produktivit\u00E4t steigern?&quot;}' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <p-popover #additionalRulesSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: additionalRulesSpecificationPO, controlName: 'additionalRulesSpecification', description: 'Zus\u00E4tzliche Informationen oder Regeln, die die KI bei der Beantwortung beachten soll. Diese k\u00F6nnen Einschr\u00E4nkungen, spezielle Anforderungen oder wichtige Hinweise enthalten.', example: 'Du darfst keine pers\u00F6nlichen Daten sammeln oder speichern. Deine Antworten m\u00FCssen respektvoll und professionell sein. Vermeide es, pers\u00F6nliche Meinungen zu \u00E4u\u00DFern.' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <ng-template #popoverStyle let-po='po' let-formControlName='controlName' let-description=\"description\"\r\n                         let-example=\"example\">\r\n                <div class=\"p-3 w-200\">\r\n                    <p><span class=\"font-bold\">Beschreibung:</span></p>\r\n                    <p>{{ description }}</p>\r\n                    <p class=\"mt-4\"><span class=\"font-bold\">Beispiel:</span></p>\r\n                    <p>{{ example }}</p>\r\n                    <p class=\"mt-2\">\r\n                        <p-button (onClick)=\"systemPromptForm.get(formControlName)?.setValue(example); po.toggle($event)\">\r\n                            \u00FCbernehmen\r\n                        </p-button>\r\n                    </p>\r\n                </div>\r\n            </ng-template>\r\n\r\n        </form>\r\n    </ng-template>\r\n    <ng-template #footer>\r\n\r\n    </ng-template>\r\n</sftech-base-dialog>\r\n", styles: [""], dependencies: [{ kind: "component", type: BaseDialogComponent, selector: "sftech-base-dialog", inputs: ["hasHeader", "hasFooter", "showButtons", "headerText"], outputs: ["closed"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: PromptHelperModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-prompt-helper-modal', imports: [BaseDialogComponent, ReactiveFormsModule, Fieldset, FloatLabel, Textarea, AutoFocus, Button, FaIconComponent, Popover, NgTemplateOutlet], template: "<sftech-base-dialog [hasHeader]=\"true\" (closed)=\"close()\">\r\n    <ng-template #header>\r\n        <div class=\"flex justify-between\">\r\n            <h2 class=\"text-xl font-semibold\">\r\n                Hilfe zur Prompt-Erstellung\r\n            </h2>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #body>\r\n        <form [formGroup]=\"systemPromptForm\" [pAutoFocus]=\"true\">\r\n            <p-fieldset legend=\"Prompt-Elemente\">\r\n                <div class=\"grid grid-cols-2 gap-2\">\r\n                    <p-floatlabel variant=\"in\" class=\"w-full mt-2\">\r\n                        <textarea id=\"systemPromptText\" formControlName=\"systemPromptText\" pTextarea\r\n                                  class=\"w-full h-full\"\r\n                                  [class.ng-invalid]=\"systemPromptForm.get('systemPromptText')?.dirty && systemPromptForm.get('systemPromptText')?.invalid\"></textarea>\r\n                        <label for=\"systemPromptText\">Mein Prompt</label>\r\n                    </p-floatlabel>\r\n                    <div>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'roleSpecification', popover: roleSpecificationPO, label: 'KI-Rolle' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'targetGroupSpecification', popover: targetGroupSpecificationPO, label: 'Zielgruppe' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'inputSpecification', popover: inputSpecificationPO, label: 'Eingabe' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'exampleSpecification', popover: exampleSpecificationPO, label: 'Eingabe-Beispiel' }\"></ng-container>\r\n                        <ng-container [ngTemplateOutlet]=\"textField\"\r\n                                      [ngTemplateOutletContext]=\"{ controlName: 'additionalRulesSpecification', popover: additionalRulesSpecificationPO, label: 'Zus\u00E4tzliche Informationen' }\"></ng-container>\r\n                    </div>\r\n                </div>\r\n\r\n            </p-fieldset>\r\n            <div class=\"flex justify-end mt-2 w-full\">\r\n                <p-button label=\"\u00FCbernehmen\" type=\"submit\" [disabled]=\"!systemPromptForm.valid\"\r\n                          (click)=\"ref.close(systemPromptForm.get('systemPromptText')?.value ?? '')\"></p-button>\r\n            </div>\r\n\r\n\r\n            <ng-template #textField let-controlName=\"controlName\" let-popover=\"popover\" let-label=\"label\">\r\n                <label [for]=\"controlName\" class=\"font-bold me-2\">{{ label }}</label>\r\n                <fa-icon [icon]=\"iconProvider.help\" class=\"rounded-[50%] bg-primary text-white\" [fixedWidth]=\"true\"\r\n                         (click)=\"popover.toggle($event)\"></fa-icon>\r\n                <textarea rows=\"4\" [id]=\"controlName\" [formControlName]=\"controlName\"\r\n                          pTextarea class=\"w-full mt-1\"\r\n                          [class.ng-invalid]=\"systemPromptForm.get(controlName)?.dirty && systemPromptForm.get(controlName)?.invalid\"></textarea>\r\n            </ng-template>\r\n\r\n            <p-popover #roleSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: roleSpecificationPO, controlName: 'roleSpecification', description: 'Die Rolle der KI beschreibt, wie sie sich verhalten soll. Die Rolle hilft der KI, den Kontext zu verstehen und angemessen zu antworten.', example: 'Du bist ein kompetenter, hilfreicher Assistent mit Fachwissen in Technik, Text, Organisation und Probleml\u00F6sung. Du analysierst pr\u00E4zise, erkl\u00E4rst klar und gibst fundierte, praktische Antworten.' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <p-popover #targetGroupSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: targetGroupSpecificationPO, controlName: 'targetGroupSpecification', description: 'Die Zielgruppe beschreibt, f\u00FCr wen die KI antworten soll. Sie hilft der KI, den Ton und die Komplexit\u00E4t der Antworten anzupassen.', example: 'Sprich mit einer Person, die in ihrem Fachgebiet erfahren oder zumindest mit den Grundbegriffen vertraut ist. Du darfst Fachsprache verwenden, aber kein unn\u00F6tiges Theoriewissen voraussetzen.' }\"></ng-container>\r\n            </p-popover>\r\n            <p-popover #inputSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: inputSpecificationPO, controlName: 'inputSpecification', description: 'Die Eingabe beschreibt, wie das vom Anwender eingegebene aussieht. Sie hilft der KI, das vom Anwender \u00FCbergebene zu verstehen.', example: 'z.B. Du erh\u00E4ltst eine Frage oder ein Problem, das du l\u00F6sen sollst. Analysiere es gr\u00FCndlich und gib eine klare, pr\u00E4zise Antwort. Mein Input ist ein JSON: {&quot;frage&quot;: &quot;Fragen, die du beantworten sollst&quot;}' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <p-popover #exampleSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: exampleSpecificationPO, controlName: 'exampleSpecification', description: 'Das Eingabe-Beispiel zeigt der KI ein konkretes Beispiel, wie die Anfragen aussehen k\u00F6nnen. Dies hilft der KI, das erwartete Format besser zu verstehen.', example: 'Beispiel {&quot;frage&quot;: &quot;Wie kann ich meine Produktivit\u00E4t steigern?&quot;}' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <p-popover #additionalRulesSpecificationPO styleClass=\"bg-gray-500\">\r\n                <ng-container\r\n                        *ngTemplateOutlet=\"popoverStyle; context: { po: additionalRulesSpecificationPO, controlName: 'additionalRulesSpecification', description: 'Zus\u00E4tzliche Informationen oder Regeln, die die KI bei der Beantwortung beachten soll. Diese k\u00F6nnen Einschr\u00E4nkungen, spezielle Anforderungen oder wichtige Hinweise enthalten.', example: 'Du darfst keine pers\u00F6nlichen Daten sammeln oder speichern. Deine Antworten m\u00FCssen respektvoll und professionell sein. Vermeide es, pers\u00F6nliche Meinungen zu \u00E4u\u00DFern.' }\"></ng-container>\r\n            </p-popover>\r\n\r\n            <ng-template #popoverStyle let-po='po' let-formControlName='controlName' let-description=\"description\"\r\n                         let-example=\"example\">\r\n                <div class=\"p-3 w-200\">\r\n                    <p><span class=\"font-bold\">Beschreibung:</span></p>\r\n                    <p>{{ description }}</p>\r\n                    <p class=\"mt-4\"><span class=\"font-bold\">Beispiel:</span></p>\r\n                    <p>{{ example }}</p>\r\n                    <p class=\"mt-2\">\r\n                        <p-button (onClick)=\"systemPromptForm.get(formControlName)?.setValue(example); po.toggle($event)\">\r\n                            \u00FCbernehmen\r\n                        </p-button>\r\n                    </p>\r\n                </div>\r\n            </ng-template>\r\n\r\n        </form>\r\n    </ng-template>\r\n    <ng-template #footer>\r\n\r\n    </ng-template>\r\n</sftech-base-dialog>\r\n" }]
-        }] });
-
-class AgentDisplayComponent extends BaseDisplayComponent {
-    _repo = inject(AgentService);
-    _route = 'agents';
-    _orchestratorService = inject(OrchestratorService);
-    tools = signal(undefined, ...(ngDevMode ? [{ debugName: "tools" }] : []));
-    dialog = inject(DialogService);
-    _options = inject(ORCHESTRATOR_CONFIGURATION);
-    ngOnInit() {
-        super.ngOnInit();
-        this._orchestratorService.getTools().subscribe((res) => {
-            if (res instanceof MappedApiError) {
-                this.tools.set([]);
-                return;
-            }
-            this.tools.set(res.data);
-        });
-    }
-    initializeForm() {
-        const form = new FormGroup({
-            id: new FormControl({ value: this.model().id, disabled: true }),
-            createdAt: new FormControl({ value: this.model().createdAt, disabled: true }),
-            identifier: new FormControl({ value: this.model().identifier, disabled: true }),
-            llmUserPrompt: new FormControl({ value: this.model().llmUserPrompt, disabled: true }),
-            llmSystemPrompt: new FormControl({ value: this.model().llmSystemPrompt, disabled: true }),
-            description: new FormControl({ value: this.model().description, disabled: !this.canEdit }),
-            connectorUrl: new FormControl({ value: this.model().connectorUrl, disabled: !this.canEdit }),
-            systemPromptText: new FormControl(''),
-            answerSpecification: new FormControl({
-                value: this.model().answerSpecification,
-                disabled: !this.canEdit || !this.model().isGeneric,
-            }),
-            tools: new FormControl({ value: this.model().tools, disabled: !this.canEdit }),
-            llmProvider: new FormControl({ value: this.model().llmProvider, disabled: !this.canEdit }),
-            llmModel: new FormControl({ value: this.model().llmModel, disabled: !this.canEdit }),
-            llmTemperature: new FormControl({ value: this.model().llmTemperature, disabled: !this.canEdit }),
-            llmTimeout: new FormControl({ value: this.model().llmTimeout, disabled: !this.canEdit }),
-            llmRetries: new FormControl({ value: this.model().llmRetries, disabled: !this.canEdit }),
-            useRag: new FormControl({ value: this.model().ragProvider !== null && this.model().ragModel !== null, disabled: !this.canEdit }),
-            ragProvider: new FormControl({ value: this.model().ragProvider, disabled: !this.canEdit }),
-            ragModel: new FormControl({ value: this.model().ragModel, disabled: !this.canEdit }),
-            name: new FormControl(this.model()?.name),
-        }, {
-            validators: [ragPairValidator()],
-        });
-        form.get('useRag')?.valueChanges.subscribe((useRag) => {
-            if (useRag) {
-                const ragProviderControl = this.form.get('ragProvider');
-                const ragModelControl = this.form.get('ragModel');
-                // Only set default values if fields are currently empty
-                if (!ragProviderControl?.value) {
-                    ragProviderControl?.setValue(this._options.defaultRagProvider);
-                }
-                if (!ragModelControl?.value) {
-                    ragModelControl?.setValue(this._options.defaultRagModel);
-                }
-            }
-        });
-        return form;
-    }
-    getNewModel() {
-        const agent = new Agent();
-        agent.connectorUrl = this._options.defaultConnectorUrl;
-        agent.isGeneric = true;
-        agent.answerSpecification = this._options.defaultAnswerSpecification;
-        agent.llmProvider = this._options.defaultLlmProvider;
-        agent.llmModel = this._options.defaultLlmModel;
-        agent.llmTemperature = this._options.defaultLlmTemperature;
-        agent.llmTimeout = this._options.defaultLlmTimeout;
-        agent.llmRetries = this._options.defaultLlmRetries;
-        return agent;
-    }
-    mapFormToUpdateDto() {
-        return {
-            description: this.form.get('description')?.value,
-            connectorUrl: this.form.get('connectorUrl')?.value,
-            tools: this.form.get('tools')?.value,
-            answerSpecification: this.form.get('answerSpecification')?.value,
-            llmProvider: this.form.get('llmProvider')?.value,
-            llmModel: this.form.get('llmModel')?.value,
-            llmTemperature: +this.form.get('llmTemperature')?.value,
-            llmTimeout: this.form.get('llmTimeout')?.value,
-            llmRetries: this.form.get('llmRetries')?.value,
-            ragModel: this.form.get('ragModel')?.value,
-            ragProvider: this.form.get('ragProvider')?.value,
-            name: this.form.get('name')?.value,
-        };
-    }
-    mapFormToCreateDto() {
-        return {
-            description: this.form.get('description')?.value,
-            connectorUrl: this.form.get('connectorUrl')?.value,
-            systemPromptText: this.form.get('systemPromptText')?.value,
-            answerSpecification: this.form.get('answerSpecification')?.value,
-            tools: this.form.get('tools')?.value,
-            llmProvider: this.form.get('llmProvider')?.value,
-            llmModel: this.form.get('llmModel')?.value,
-            llmTemperature: +this.form.get('llmTemperature')?.value,
-            llmTimeout: this.form.get('llmTimeout')?.value,
-            llmRetries: this.form.get('llmRetries')?.value,
-            ragModel: this.form.get('ragModel')?.value,
-            ragProvider: this.form.get('ragProvider')?.value,
-            name: this.form.get('name')?.value,
-        };
-    }
-    openPromptModal(promptId) {
-        if (!promptId) {
-            return;
-        }
-        this.dialog.open(PromptDisplayComponent, {
-            inputValues: { id: promptId, canEdit: true, openedAsModal: true },
-            focusOnShow: false,
-            modal: true,
-            dismissableMask: true,
-            width: '40%',
-            contentStyle: { overflow: 'auto' },
-        });
-    }
-    openPromptHelper() {
-        const modalRef = this.dialog.open(PromptHelperModalComponent, {
-            modal: true,
-            dismissableMask: true,
-            width: '60%',
-            contentStyle: { overflow: 'auto' },
-        });
-        modalRef?.onClose.subscribe((result) => {
-            if (!result) {
-                return;
-            }
-            this.form.get('systemPromptText')?.setValue(result);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AgentDisplayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AgentDisplayComponent, isStandalone: true, selector: "sftech-prompt-display", providers: [DialogService], usesInheritance: true, ngImport: i0, template: "<sftech-base-dialog (closed)=\"close()\">\r\n    <ng-template #body>\r\n        <div class=\"h-full overflow-auto\">\r\n            @if (model()) {\r\n                <form [formGroup]=\"form\" [pAutoFocus]=\"true\">\r\n                    <p-fieldset legend=\"Stammdaten\" class=\"bg-primary-50!\">\r\n                        @if (!isNew()) {\r\n\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2\">\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"id\" formControlName=\"id\" pInputText class=\"w-full\"/>\r\n                                    <label for=\"id\">{{ this.model()!.getUiNameForProperty('id') }}</label>\r\n                                </p-floatlabel>\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"identifier\" formControlName=\"identifier\" pInputText\r\n                                           class=\"w-full\"\r\n                                           [class.ng-invalid]=\"form.get('identifier')?.dirty && form.get('identifier')?.invalid\"/>\r\n                                    <label for=\"identifier\">{{ this.model()!.getUiNameForProperty('identifier') }}</label>\r\n                                </p-floatlabel>\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <p-datePicker id=\"createdAt\" formControlName=\"createdAt\" dateFormat=\"dd.mm.yy\"\r\n                                                  [showTime]=\"true\"\r\n                                                  [hourFormat]=\"'24'\" [style]=\"{'width': '100%'}\"\r\n                                                  [class.ng-invalid]=\"form.get('createdAt')?.dirty && form.get('createdAt')?.invalid\"></p-datePicker>\r\n                                    <label for=\"createdAt\">{{ this.model()!.getUiNameForProperty('createdAt') }}</label>\r\n                                </p-floatlabel>\r\n                            </div>\r\n                        }\r\n\r\n                        <p-floatlabel variant=\"in\" class=\"w-full mt-2\">\r\n                            <input type=\"text\" id=\"name\" formControlName=\"name\" pTextarea class=\"w-full\"\r\n                                   [class.ng-invalid]=\"form.get('name')?.dirty && form.get('name')?.invalid\"/>\r\n                            <label for=\"name\">{{ this.model()!.getUiNameForProperty('name') }}</label>\r\n                        </p-floatlabel>\r\n                        <p-floatlabel variant=\"in\" class=\"w-full mt-2\">\r\n                        <textarea rows=\"2\" id=\"description\" formControlName=\"description\" pTextarea class=\"w-full\"\r\n                                  [class.ng-invalid]=\"form.get('description')?.dirty && form.get('description')?.invalid\"></textarea>\r\n                            <label for=\"description\">{{ this.model()!.getUiNameForProperty('description') }}</label>\r\n                        </p-floatlabel>\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n                    <p-fieldset legend=\"Prompts\">\r\n                        @if (!isNew()) {\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 mb-2 gap-2\">\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"llmUserPrompt\"\r\n                                           (click)=\"openPromptModal(model()!.llmUserPromptId)\"\r\n                                           [value]=\"model()!.llmUserPrompt?.identifier\" pInputText\r\n                                           class=\"w-full cursor-pointer\"/>\r\n                                    <label for=\"llmUserPrompt\">{{ this.model()!.getUiNameForProperty('llmUserPrompt') }}</label>\r\n                                </p-floatlabel>\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"llmSystemPrompt\"\r\n                                           (click)=\"openPromptModal(model()!.llmSystemPromptId)\"\r\n                                           [value]=\"model()!.llmSystemPrompt?.identifier\" pInputText\r\n                                           class=\"w-full cursor-pointer\"/>\r\n                                    <label for=\"llmSystemPrompt\">{{ this.model()!.getUiNameForProperty('llmSystemPrompt') }}</label>\r\n                                </p-floatlabel>\r\n                            </div>\r\n                        } @else {\r\n                            <span class=\"me-2\">Ich m\u00F6chte Unterst\u00FCtzung bei der Prompt-Erstellung</span>\r\n                            <p-button [rounded]=\"true\" (onClick)=\"openPromptHelper()\">\r\n                                <fa-icon [icon]=\"iconProvider.help\" [fixedWidth]=\"true\"></fa-icon>\r\n                            </p-button>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full mb-2\">\r\n                            <textarea rows=\"10\" id=\"systemPromptText\" formControlName=\"systemPromptText\" pTextarea\r\n                                      class=\"w-full\"\r\n                                      [class.ng-invalid]=\"form.get('systemPromptText')?.dirty && form.get('systemPromptText')?.invalid\"></textarea>\r\n                                <label for=\"systemPromptText\">{{ this.model()!.getUiNameForProperty('systemPromptText') }}</label>\r\n                            </p-floatlabel>\r\n                        }\r\n                        <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                            <textarea rows=\"5\" id=\"answerSpecification\" formControlName=\"answerSpecification\" pTextarea\r\n                                      class=\"w-full\"\r\n                                      [class.ng-invalid]=\"form.get('answerSpecification')?.dirty && form.get('answerSpecification')?.invalid\"></textarea>\r\n                            <label for=\"answerSpecification\">{{ this.model()!.getUiNameForProperty('answerSpecification') }}</label>\r\n                        </p-floatlabel>\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n                    <p-fieldset legend=\"LLM-Tools\">\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mb-2 gap-2\">\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <p-multiselect id=\"tools\" [options]=\"tools()\" [loading]=\"!tools()\"\r\n                                               appendTo=\"body\"\r\n                                               formControlName=\"tools\"\r\n                                               optionLabel=\"name\"\r\n                                               optionValue=\"identifier\" styleClass=\"w-full md:w-80\" display=\"chip\">\r\n                                    <ng-template let-tool #item>\r\n                                        <div class=\"flex items-center gap-2\">\r\n                                            <div>{{ tool.name }}</div>\r\n                                        </div>\r\n                                    </ng-template>\r\n                                    <ng-template #dropdownicon>\r\n                                        <i class=\"pi pi-map\"></i>\r\n                                    </ng-template>\r\n                                    <ng-template #header>\r\n                                        <div class=\"font-medium px-3 py-2\">Verf\u00FCgbare Tools</div>\r\n                                    </ng-template>\r\n                                </p-multiselect>\r\n                                <label for=\"tools\">Tools</label>\r\n                            </p-floatlabel>\r\n                        </div>\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n\r\n                    <p-fieldset legend=\"LLM-RAG\" [toggleable]=\"true\">\r\n                        <div class=\"mb-4\">\r\n                            <p-checkbox id=\"useRag\" formControlName=\"useRag\" [binary]=\"true\" class=\"me-2\" />\r\n                            <label for=\"useRag\">Soll das LLM mit eigenen Dokumenten angereichert werden (RAG)?</label>\r\n                        </div>\r\n                        @if (this.form.get('useRag')!.value) {\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 mb-2 gap-2\">\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"ragProvider\"\r\n                                       formControlName=\"ragProvider\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('ragProvider')?.dirty && form.get('ragProvider')?.invalid\"/>\r\n                                <label for=\"ragProvider\">{{ this.model()!.getUiNameForProperty('ragProvider') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"ragModel\"\r\n                                       formControlName=\"ragModel\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('ragModel')?.dirty && form.get('ragModel')?.invalid\"/>\r\n                                <label for=\"ragModel\">{{ this.model()!.getUiNameForProperty('ragModel') }}</label>\r\n                            </p-floatlabel>\r\n                            </div>\r\n                        }\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n\r\n                    <p-fieldset legend=\"LLM-Konfiguration\" [toggleable]=\"true\" [collapsed]=\"true\">\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mb-2 gap-2\">\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"connectorUrl\"\r\n                                       formControlName=\"connectorUrl\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('connectorUrl')?.dirty && form.get('connectorUrl')?.invalid\"/>\r\n                                <label for=\"connectorUrl\">{{ this.model()!.getUiNameForProperty('connectorUrl') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"llmProvider\"\r\n                                       formControlName=\"llmProvider\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmProvider')?.dirty && form.get('llmProvider')?.invalid\"/>\r\n                                <label for=\"llmProvider\">{{ this.model()!.getUiNameForProperty('llmProvider') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"llmModel\"\r\n                                       formControlName=\"llmModel\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmModel')?.dirty && form.get('llmModel')?.invalid\"/>\r\n                                <label for=\"llmModel\">{{ this.model()!.getUiNameForProperty('llmModel') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmTemperature\"\r\n                                       formControlName=\"llmTemperature\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmTemperature')?.dirty && form.get('llmTemperature')?.invalid\"/>\r\n                                <label for=\"llmTemperature\">{{ this.model()!.getUiNameForProperty('llmTemperature') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmTimeout\"\r\n                                       formControlName=\"llmTimeout\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmTimeout')?.dirty && form.get('llmTimeout')?.invalid\"/>\r\n                                <label for=\"llmTimeout\">{{ this.model()!.getUiNameForProperty('llmTimeout') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmRetries\"\r\n                                       formControlName=\"llmRetries\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmRetries')?.dirty && form.get('llmRetries')?.invalid\"/>\r\n                                <label for=\"llmRetries\">{{ this.model()!.getUiNameForProperty('llmRetries') }}</label>\r\n                            </p-floatlabel>\r\n                        </div>\r\n                    </p-fieldset>\r\n\r\n\r\n                </form>\r\n            }\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #footer>\r\n        <div class=\"flex justify-end mt-2\">\r\n            <p-button label=\"Speichern\" (onClick)=\"submitForm()\" (keyup.enter)=\"submitForm()\"\r\n                      [disabled]=\"!form || !form.dirty\"></p-button>\r\n        </div>\r\n    </ng-template>\r\n\r\n\r\n</sftech-base-dialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["pAutoFocus"] }, { kind: "component", type: FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: BaseDialogComponent, selector: "sftech-base-dialog", inputs: ["hasHeader", "hasFooter", "showButtons", "headerText"], outputs: ["closed"] }, { kind: "component", type: Fieldset, selector: "p-fieldset", inputs: ["legend", "toggleable", "collapsed", "style", "styleClass", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "component", type: MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "ngmodule", type: ToggleButtonModule }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "component", type: Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AgentDisplayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-prompt-display', imports: [ReactiveFormsModule, InputText, AutoFocus, FloatLabel, DatePicker, Textarea, Button, BaseDialogComponent, Fieldset, MultiSelect, ToggleButtonModule, FaIconComponent, Checkbox], providers: [DialogService], template: "<sftech-base-dialog (closed)=\"close()\">\r\n    <ng-template #body>\r\n        <div class=\"h-full overflow-auto\">\r\n            @if (model()) {\r\n                <form [formGroup]=\"form\" [pAutoFocus]=\"true\">\r\n                    <p-fieldset legend=\"Stammdaten\" class=\"bg-primary-50!\">\r\n                        @if (!isNew()) {\r\n\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2\">\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"id\" formControlName=\"id\" pInputText class=\"w-full\"/>\r\n                                    <label for=\"id\">{{ this.model()!.getUiNameForProperty('id') }}</label>\r\n                                </p-floatlabel>\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"identifier\" formControlName=\"identifier\" pInputText\r\n                                           class=\"w-full\"\r\n                                           [class.ng-invalid]=\"form.get('identifier')?.dirty && form.get('identifier')?.invalid\"/>\r\n                                    <label for=\"identifier\">{{ this.model()!.getUiNameForProperty('identifier') }}</label>\r\n                                </p-floatlabel>\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <p-datePicker id=\"createdAt\" formControlName=\"createdAt\" dateFormat=\"dd.mm.yy\"\r\n                                                  [showTime]=\"true\"\r\n                                                  [hourFormat]=\"'24'\" [style]=\"{'width': '100%'}\"\r\n                                                  [class.ng-invalid]=\"form.get('createdAt')?.dirty && form.get('createdAt')?.invalid\"></p-datePicker>\r\n                                    <label for=\"createdAt\">{{ this.model()!.getUiNameForProperty('createdAt') }}</label>\r\n                                </p-floatlabel>\r\n                            </div>\r\n                        }\r\n\r\n                        <p-floatlabel variant=\"in\" class=\"w-full mt-2\">\r\n                            <input type=\"text\" id=\"name\" formControlName=\"name\" pTextarea class=\"w-full\"\r\n                                   [class.ng-invalid]=\"form.get('name')?.dirty && form.get('name')?.invalid\"/>\r\n                            <label for=\"name\">{{ this.model()!.getUiNameForProperty('name') }}</label>\r\n                        </p-floatlabel>\r\n                        <p-floatlabel variant=\"in\" class=\"w-full mt-2\">\r\n                        <textarea rows=\"2\" id=\"description\" formControlName=\"description\" pTextarea class=\"w-full\"\r\n                                  [class.ng-invalid]=\"form.get('description')?.dirty && form.get('description')?.invalid\"></textarea>\r\n                            <label for=\"description\">{{ this.model()!.getUiNameForProperty('description') }}</label>\r\n                        </p-floatlabel>\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n                    <p-fieldset legend=\"Prompts\">\r\n                        @if (!isNew()) {\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 mb-2 gap-2\">\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"llmUserPrompt\"\r\n                                           (click)=\"openPromptModal(model()!.llmUserPromptId)\"\r\n                                           [value]=\"model()!.llmUserPrompt?.identifier\" pInputText\r\n                                           class=\"w-full cursor-pointer\"/>\r\n                                    <label for=\"llmUserPrompt\">{{ this.model()!.getUiNameForProperty('llmUserPrompt') }}</label>\r\n                                </p-floatlabel>\r\n                                <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                    <input type=\"text\" id=\"llmSystemPrompt\"\r\n                                           (click)=\"openPromptModal(model()!.llmSystemPromptId)\"\r\n                                           [value]=\"model()!.llmSystemPrompt?.identifier\" pInputText\r\n                                           class=\"w-full cursor-pointer\"/>\r\n                                    <label for=\"llmSystemPrompt\">{{ this.model()!.getUiNameForProperty('llmSystemPrompt') }}</label>\r\n                                </p-floatlabel>\r\n                            </div>\r\n                        } @else {\r\n                            <span class=\"me-2\">Ich m\u00F6chte Unterst\u00FCtzung bei der Prompt-Erstellung</span>\r\n                            <p-button [rounded]=\"true\" (onClick)=\"openPromptHelper()\">\r\n                                <fa-icon [icon]=\"iconProvider.help\" [fixedWidth]=\"true\"></fa-icon>\r\n                            </p-button>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full mb-2\">\r\n                            <textarea rows=\"10\" id=\"systemPromptText\" formControlName=\"systemPromptText\" pTextarea\r\n                                      class=\"w-full\"\r\n                                      [class.ng-invalid]=\"form.get('systemPromptText')?.dirty && form.get('systemPromptText')?.invalid\"></textarea>\r\n                                <label for=\"systemPromptText\">{{ this.model()!.getUiNameForProperty('systemPromptText') }}</label>\r\n                            </p-floatlabel>\r\n                        }\r\n                        <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                            <textarea rows=\"5\" id=\"answerSpecification\" formControlName=\"answerSpecification\" pTextarea\r\n                                      class=\"w-full\"\r\n                                      [class.ng-invalid]=\"form.get('answerSpecification')?.dirty && form.get('answerSpecification')?.invalid\"></textarea>\r\n                            <label for=\"answerSpecification\">{{ this.model()!.getUiNameForProperty('answerSpecification') }}</label>\r\n                        </p-floatlabel>\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n                    <p-fieldset legend=\"LLM-Tools\">\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mb-2 gap-2\">\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <p-multiselect id=\"tools\" [options]=\"tools()\" [loading]=\"!tools()\"\r\n                                               appendTo=\"body\"\r\n                                               formControlName=\"tools\"\r\n                                               optionLabel=\"name\"\r\n                                               optionValue=\"identifier\" styleClass=\"w-full md:w-80\" display=\"chip\">\r\n                                    <ng-template let-tool #item>\r\n                                        <div class=\"flex items-center gap-2\">\r\n                                            <div>{{ tool.name }}</div>\r\n                                        </div>\r\n                                    </ng-template>\r\n                                    <ng-template #dropdownicon>\r\n                                        <i class=\"pi pi-map\"></i>\r\n                                    </ng-template>\r\n                                    <ng-template #header>\r\n                                        <div class=\"font-medium px-3 py-2\">Verf\u00FCgbare Tools</div>\r\n                                    </ng-template>\r\n                                </p-multiselect>\r\n                                <label for=\"tools\">Tools</label>\r\n                            </p-floatlabel>\r\n                        </div>\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n\r\n                    <p-fieldset legend=\"LLM-RAG\" [toggleable]=\"true\">\r\n                        <div class=\"mb-4\">\r\n                            <p-checkbox id=\"useRag\" formControlName=\"useRag\" [binary]=\"true\" class=\"me-2\" />\r\n                            <label for=\"useRag\">Soll das LLM mit eigenen Dokumenten angereichert werden (RAG)?</label>\r\n                        </div>\r\n                        @if (this.form.get('useRag')!.value) {\r\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 mb-2 gap-2\">\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"ragProvider\"\r\n                                       formControlName=\"ragProvider\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('ragProvider')?.dirty && form.get('ragProvider')?.invalid\"/>\r\n                                <label for=\"ragProvider\">{{ this.model()!.getUiNameForProperty('ragProvider') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"ragModel\"\r\n                                       formControlName=\"ragModel\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('ragModel')?.dirty && form.get('ragModel')?.invalid\"/>\r\n                                <label for=\"ragModel\">{{ this.model()!.getUiNameForProperty('ragModel') }}</label>\r\n                            </p-floatlabel>\r\n                            </div>\r\n                        }\r\n                    </p-fieldset>\r\n                    <hr class=\"my-10 text-primary-50\"/>\r\n\r\n                    <p-fieldset legend=\"LLM-Konfiguration\" [toggleable]=\"true\" [collapsed]=\"true\">\r\n                        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mb-2 gap-2\">\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"connectorUrl\"\r\n                                       formControlName=\"connectorUrl\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('connectorUrl')?.dirty && form.get('connectorUrl')?.invalid\"/>\r\n                                <label for=\"connectorUrl\">{{ this.model()!.getUiNameForProperty('connectorUrl') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"llmProvider\"\r\n                                       formControlName=\"llmProvider\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmProvider')?.dirty && form.get('llmProvider')?.invalid\"/>\r\n                                <label for=\"llmProvider\">{{ this.model()!.getUiNameForProperty('llmProvider') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"text\" id=\"llmModel\"\r\n                                       formControlName=\"llmModel\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmModel')?.dirty && form.get('llmModel')?.invalid\"/>\r\n                                <label for=\"llmModel\">{{ this.model()!.getUiNameForProperty('llmModel') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmTemperature\"\r\n                                       formControlName=\"llmTemperature\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmTemperature')?.dirty && form.get('llmTemperature')?.invalid\"/>\r\n                                <label for=\"llmTemperature\">{{ this.model()!.getUiNameForProperty('llmTemperature') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmTimeout\"\r\n                                       formControlName=\"llmTimeout\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmTimeout')?.dirty && form.get('llmTimeout')?.invalid\"/>\r\n                                <label for=\"llmTimeout\">{{ this.model()!.getUiNameForProperty('llmTimeout') }}</label>\r\n                            </p-floatlabel>\r\n                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmRetries\"\r\n                                       formControlName=\"llmRetries\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmRetries')?.dirty && form.get('llmRetries')?.invalid\"/>\r\n                                <label for=\"llmRetries\">{{ this.model()!.getUiNameForProperty('llmRetries') }}</label>\r\n                            </p-floatlabel>\r\n                        </div>\r\n                    </p-fieldset>\r\n\r\n\r\n                </form>\r\n            }\r\n        </div>\r\n    </ng-template>\r\n    <ng-template #footer>\r\n        <div class=\"flex justify-end mt-2\">\r\n            <p-button label=\"Speichern\" (onClick)=\"submitForm()\" (keyup.enter)=\"submitForm()\"\r\n                      [disabled]=\"!form || !form.dirty\"></p-button>\r\n        </div>\r\n    </ng-template>\r\n\r\n\r\n</sftech-base-dialog>\r\n" }]
-        }] });
-
-class AgentsListComponent extends BaseListComponent {
-    _repo = inject(AgentService);
-    _route = 'agents';
-    _modalComponent = AgentDisplayComponent;
-    detailModalHeaderText = 'Agent-Details';
-    dialogService = inject(DialogService);
-    iconProvider = IconProvider;
-    constructor() {
-        super();
-    }
-    openRagUploadModal(agentId, event) {
-        event.stopPropagation();
-        this.dialogService.open(AgentRagUploadComponent, {
-            inputValues: { agentId },
-            focusOnShow: false,
-            modal: true,
-            dismissableMask: true,
-            header: 'RAG-Dokumente hochladen',
-            width: '50%',
-            contentStyle: { overflow: 'auto' },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AgentsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AgentsListComponent, isStandalone: true, selector: "sftech-prompts-list", providers: [DialogService], usesInheritance: true, ngImport: i0, template: "<div class=\"h-full overflow-y-auto px-2 sm:px-4\">\r\n    <h1 class=\"text-primary-900 font-bold text-lg sm:text-xl p-2 my-4\">Agent-\u00DCbersicht</h1>\r\n\r\n    @if (!data()) {\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 === 0) {\r\n        <p-panel [toggleable]=\"false\">\r\n            <p class=\"m-0\">\r\n                Es sind keine Agenten vorhanden.\r\n            </p>\r\n        </p-panel>\r\n    } @else if (data()!.length > 0) {\r\n        <div class=\"overflow-x-auto -mx-2 sm:mx-0\">\r\n            <p-table [value]=\"data()!\"\r\n                     stripedRows\r\n                     [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n                     selectionMode=\"single\"\r\n                     [resizableColumns]=\"true\"\r\n                     dataKey=\"id\"\r\n            >\r\n                <ng-template #header>\r\n                    <tr>\r\n                        @for(column of data()![0].propertiesToShow; track column) {\r\n                        <th>{{ data()![0].getUiNameForProperty(column) }}</th>\r\n                        }\r\n                        <th style=\"width: 80px\">Aktionen</th>\r\n                    </tr>\r\n                </ng-template>\r\n                <ng-template #body let-agent>\r\n                    <tr (click)=\"openDisplay(agent.id)\" [pSelectableRow]=\"agent\" class=\"cursor-pointer\">\r\n                        @for(column of data()![0].propertiesToShow; track column) {\r\n                        <td style=\"white-space: pre-wrap\">\r\n                            {{ agent.getPropertyValue(column) }}\r\n                        </td>\r\n                        }\r\n                        <td>\r\n                            @if (agent.ragProvider && agent.ragModel) {\r\n                                <p-button\r\n                                    (onClick)=\"openRagUploadModal(agent.id, $event)\"\r\n                                    [pTooltip]=\"'RAG-Dokumente hochladen'\"\r\n                                    tooltipPosition=\"left\">\r\n                                    <fa-icon [icon]=\"iconProvider.documentAdd\"></fa-icon>\r\n                                </p-button>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n                </ng-template>\r\n            </p-table>\r\n        </div>\r\n        <sftech-paginator [pagination]=\"odata().pagination\" (odataChanged)=\"updatePagination($event)\"></sftech-paginator>\r\n        <div class=\"flex justify-end p-2\">\r\n            <p-button (onClick)=\"openDisplay(undefined)\">\r\n                <fa-icon [icon]=\"iconProvider.add\" class=\"sm:mr-2\"></fa-icon>\r\n                <span class=\"hidden sm:inline\">Neuer Agent</span>\r\n            </p-button>\r\n        </div>\r\n    }\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "component", type: PaginatorComponent, selector: "sftech-paginator", inputs: ["pagination"], outputs: ["odataChanged"] }, { kind: "component", type: Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$1.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AgentsListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sftech-prompts-list', imports: [PaginatorComponent, Panel, TableModule, Button, FaIconComponent, Tooltip], providers: [DialogService], template: "<div class=\"h-full overflow-y-auto px-2 sm:px-4\">\r\n    <h1 class=\"text-primary-900 font-bold text-lg sm:text-xl p-2 my-4\">Agent-\u00DCbersicht</h1>\r\n\r\n    @if (!data()) {\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 === 0) {\r\n        <p-panel [toggleable]=\"false\">\r\n            <p class=\"m-0\">\r\n                Es sind keine Agenten vorhanden.\r\n            </p>\r\n        </p-panel>\r\n    } @else if (data()!.length > 0) {\r\n        <div class=\"overflow-x-auto -mx-2 sm:mx-0\">\r\n            <p-table [value]=\"data()!\"\r\n                     stripedRows\r\n                     [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n                     selectionMode=\"single\"\r\n                     [resizableColumns]=\"true\"\r\n                     dataKey=\"id\"\r\n            >\r\n                <ng-template #header>\r\n                    <tr>\r\n                        @for(column of data()![0].propertiesToShow; track column) {\r\n                        <th>{{ data()![0].getUiNameForProperty(column) }}</th>\r\n                        }\r\n                        <th style=\"width: 80px\">Aktionen</th>\r\n                    </tr>\r\n                </ng-template>\r\n                <ng-template #body let-agent>\r\n                    <tr (click)=\"openDisplay(agent.id)\" [pSelectableRow]=\"agent\" class=\"cursor-pointer\">\r\n                        @for(column of data()![0].propertiesToShow; track column) {\r\n                        <td style=\"white-space: pre-wrap\">\r\n                            {{ agent.getPropertyValue(column) }}\r\n                        </td>\r\n                        }\r\n                        <td>\r\n                            @if (agent.ragProvider && agent.ragModel) {\r\n                                <p-button\r\n                                    (onClick)=\"openRagUploadModal(agent.id, $event)\"\r\n                                    [pTooltip]=\"'RAG-Dokumente hochladen'\"\r\n                                    tooltipPosition=\"left\">\r\n                                    <fa-icon [icon]=\"iconProvider.documentAdd\"></fa-icon>\r\n                                </p-button>\r\n                            }\r\n                        </td>\r\n                    </tr>\r\n                </ng-template>\r\n            </p-table>\r\n        </div>\r\n        <sftech-paginator [pagination]=\"odata().pagination\" (odataChanged)=\"updatePagination($event)\"></sftech-paginator>\r\n        <div class=\"flex justify-end p-2\">\r\n            <p-button (onClick)=\"openDisplay(undefined)\">\r\n                <fa-icon [icon]=\"iconProvider.add\" class=\"sm:mr-2\"></fa-icon>\r\n                <span class=\"hidden sm:inline\">Neuer Agent</span>\r\n            </p-button>\r\n        </div>\r\n    }\r\n</div>\r\n\r\n" }]
-        }], ctorParameters: () => [] });
-
-const agentsRoutes = [
-    {
-        path: '',
-        component: AgentsComponent,
-        children: [
-            {
-                path: '',
-                component: AgentsListComponent,
-            },
-        ],
-    },
-];
-
-export { agentsRoutes };
-//# sourceMappingURL=sftech-ng-orchestrator-agents.routes-DWOr4y4m.mjs.map