@sftech/ng-orchestrator 0.0.10 → 0.0.12

package/fesm2022/{sftech-ng-orchestrator-agent.service-w7yNia2v.mjs → sftech-ng-orchestrator-agent.service-CfV4pzby.mjs}

@@ -2,14 +2,16 @@ import * as i1 from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { Inject, Injectable } from '@angular/core';
 import { BaseDbModel, EFilterTypes, BaseDbApiService } from '@sftech/ng-shared';
-import { a as ORCHESTRATOR_CONFIGURATION } from './sftech-ng-orchestrator-sftech-ng-orchestrator-CgBxpVr9.mjs';
-import { b as Prompt } from './sftech-ng-orchestrator-prompt.service-DXvM-ziS.mjs';
+import { a as ORCHESTRATOR_CONFIGURATION } from './sftech-ng-orchestrator-sftech-ng-orchestrator-DrqofNOF.mjs';
+import { b as Prompt } from './sftech-ng-orchestrator-prompt.service-CVxtFO31.mjs';
 
 class Agent extends BaseDbModel {
     identifier;
     description;
     name;
     connectorUrl;
+    isGeneric;
+    answerSpecification;
     tools;
     llmProvider;
     llmModel;
@@ -32,6 +34,8 @@ class Agent extends BaseDbModel {
         ['identifier', 'identifier'],
         ['llmUserPromptTemplateIdentifier', 'User Prompt Identifier'],
         ['connectorUrl', 'Connector-Url'],
+        ['answerSpecification', 'Answer Specification'],
+        ['isGeneric', 'Benutzerdefinierter Agent'],
         ['tools', 'LLM-Tools'],
         ['llmProvider', 'LLM-Provider'],
         ['llmModel', 'LLM-Model'],
@@ -57,6 +61,8 @@ class Agent extends BaseDbModel {
         model.identifier = dto.identifier;
         model.description = dto.description;
         model.connectorUrl = dto.connectorUrl;
+        model.isGeneric = dto.isGeneric;
+        model.answerSpecification = dto.answerSpecification;
         model.tools = dto.tools ? dto.tools : [];
         model.llmProvider = dto.llmProvider;
         model.llmModel = dto.llmModel;
@@ -88,10 +94,10 @@ class AgentService extends BaseDbApiService {
     getNewModel() {
         return new Agent();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AgentService, deps: [{ token: i1.HttpClient }, { token: ORCHESTRATOR_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AgentService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentService, deps: [{ token: i1.HttpClient }, { token: ORCHESTRATOR_CONFIGURATION }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: AgentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
@@ -100,4 +106,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                 }] }] });
 
 export { AgentService as A, Agent as a };
-//# sourceMappingURL=sftech-ng-orchestrator-agent.service-w7yNia2v.mjs.map
+//# sourceMappingURL=sftech-ng-orchestrator-agent.service-CfV4pzby.mjs.map

package/fesm2022/sftech-ng-orchestrator-agent.service-CfV4pzby.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sftech-ng-orchestrator-agent.service-CfV4pzby.mjs","sources":["../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/core/models/agent.model.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/core/services/agent.service.ts"],"sourcesContent":["import { BaseDbModel, EFilterTypes, IBaseDbResponseDto } from '@sftech/ng-shared';\r\nimport { IAgentResponseDto } from '../dtos/agent-response.dto';\r\nimport {IPromptHistoryResponseDto} from \"../../../prompts/core/dtos/prompt-history-response.dto\";\r\nimport {Prompt} from \"../../../prompts/core/models/prompt.model\";\r\nimport {PromptHistory} from \"../../../prompts/core/models/prompt-history.model\";\r\n\r\nexport class Agent extends BaseDbModel {\r\n    public identifier!: string;\r\n\r\n    public description!: string;\r\n\r\n    public name!: string;\r\n\r\n    public connectorUrl!: string;\r\n\r\n    public isGeneric!: boolean;\r\n\r\n    public answerSpecification!: string;\r\n\r\n    public tools!: string[];\r\n\r\n    public llmProvider!: string;\r\n\r\n    public llmModel!: string;\r\n\r\n    public llmTemperature!: number;\r\n\r\n    public llmTimeout?: number;\r\n\r\n    public llmRetries?: number;\r\n\r\n    public llmMaxTokens?: number;\r\n\r\n    public llmUserPromptId!: number;\r\n\r\n    public llmUserPrompt?: Prompt;\r\n\r\n    public llmSystemPromptId!: number;\r\n\r\n    public llmSystemPrompt?: Prompt;\r\n\r\n    public llmUserPromptHistoryId?: number;\r\n\r\n    public llmUserPromptHistory?: PromptHistory;\r\n\r\n    public llmSystemPromptHistoryId?: number;\r\n\r\n    public llmSystemPromptHistory?: PromptHistory;\r\n\r\n    public override propertiesToShow = ['name', 'identifier', 'description'];\r\n\r\n    public override propertyUINames = new Map<string, string>([\r\n        ['name', 'Name'],\r\n        ['description', 'Beschreibung'],\r\n        ['identifier', 'identifier'],\r\n        ['llmUserPromptTemplateIdentifier', 'User Prompt Identifier'],\r\n        ['connectorUrl', 'Connector-Url'],\r\n        ['answerSpecification', 'Answer Specification'],\r\n        ['isGeneric', 'Benutzerdefinierter Agent'],\r\n        ['tools', 'LLM-Tools'],\r\n        ['llmProvider', 'LLM-Provider'],\r\n        ['llmModel', 'LLM-Model'],\r\n        ['llmTemperature', 'LLM-Temperature'],\r\n        ['llmTimeout', 'LLM-Timeout'],\r\n        ['llmRetries', 'LLM-Retries'],\r\n        ['llmMaxTokens', 'LLM-Max-Tokens'],\r\n        ['llmUserPromptId', 'User Prompt ID'],\r\n        ['llmUserPrompt', 'User Prompt Template'],\r\n        ['llmSystemPromptId', 'System Prompt ID'],\r\n        ['llmSystemPrompt', 'System Prompt Template'],\r\n    ]);\r\n\r\n    public override propertyFilterType = new Map<string, EFilterTypes>([\r\n        ['name', EFilterTypes.STRING],\r\n        ['template', EFilterTypes.STRING],\r\n        ['identifier', EFilterTypes.STRING],\r\n    ]);\r\n\r\n    public override fromDto(dto: IAgentResponseDto): Agent {\r\n        const model = new Agent();\r\n        model.id = dto.id;\r\n        model.createdAt = new Date(dto.createdAt);\r\n        model.name = dto.name;\r\n        model.identifier = dto.identifier;\r\n        model.description = dto.description;\r\n        model.connectorUrl = dto.connectorUrl;\r\n        model.isGeneric = dto.isGeneric;\r\n        model.answerSpecification = dto.answerSpecification;\r\n        model.tools = dto.tools ? dto.tools : [];\r\n        model.llmProvider = dto.llmProvider;\r\n        model.llmModel = dto.llmModel;\r\n        model.llmTemperature = dto.llmTemperature;\r\n        model.llmTimeout = dto.llmTimeout;\r\n        model.llmRetries = dto.llmRetries;\r\n        model.llmMaxTokens = dto.llmMaxTokens;\r\n        model.llmUserPrompt = dto.llmUserPrompt ? Prompt.fromDto(dto.llmUserPrompt) as Prompt : undefined;\r\n        model.llmUserPromptId = dto.llmUserPromptId;\r\n        model.llmSystemPrompt = dto.llmSystemPrompt ? Prompt.fromDto(dto.llmSystemPrompt) as Prompt : undefined;\r\n        model.llmSystemPromptId = dto.llmSystemPromptId;\r\n        model.llmUserPromptHistory = dto.llmUserPromptHistory ? Prompt.fromDto(dto.llmUserPromptHistory) as PromptHistory : undefined;\r\n        model.llmUserPromptHistoryId = dto.llmUserPromptHistoryId;\r\n        model.llmSystemPromptHistory = dto.llmSystemPromptHistory ? Prompt.fromDto(dto.llmSystemPromptHistory) as PromptHistory : undefined;\r\n        model.llmSystemPromptHistoryId = dto.llmSystemPromptHistoryId;\r\n        return model;\r\n    }\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Inject, Injectable } from '@angular/core';\r\nimport { BaseDbApiService } from '@sftech/ng-shared';\r\nimport { IOrchestratorConfig } from '../../../core/configuration/orchestrator-config.interface';\r\nimport { ORCHESTRATOR_CONFIGURATION } from '../../../core/configuration/orchestrator-configuration.token';\r\nimport { IAgentCreateDto } from '../dtos/agent-create-request.dto';\r\nimport { IAgentResponseDto } from '../dtos/agent-response.dto';\r\nimport { IAgentUpdateDto } from '../dtos/agent-update-request.dto';\r\nimport { Agent } from '../models/agent.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AgentService extends BaseDbApiService<Agent, IAgentCreateDto, IAgentUpdateDto, IAgentResponseDto> {\r\n    constructor(\r\n        protected override readonly http: HttpClient,\r\n        @Inject(ORCHESTRATOR_CONFIGURATION) protected override readonly config: IOrchestratorConfig,\r\n    ) {\r\n        super(http, config);\r\n        this.url = `${this.config.orchestratorDbUrl}/agents`;\r\n    }\r\n\r\n    protected getNewModel(): Agent {\r\n        return new Agent();\r\n    }\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { Component, inject, signal } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { BaseDialogComponent, BaseDisplayComponent, MappedApiError, BaseListComponent, IconProvider, PaginatorComponent } from '@sftech/ng-shared';
+import { DialogService } from 'primeng/dynamicdialog';
+import { Panel } from 'primeng/panel';
+import * as i1$1 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import { A as AgentService, a as Agent } from './sftech-ng-orchestrator-agent.service-CfV4pzby.mjs';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
+import { FaIconComponent } from '@fortawesome/angular-fontawesome';
+import { AutoFocus } from 'primeng/autofocus';
+import { Button } from 'primeng/button';
+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 { O as OrcherstratorService, a as ORCHESTRATOR_CONFIGURATION } from './sftech-ng-orchestrator-sftech-ng-orchestrator-DrqofNOF.mjs';
+import { P as PromptDisplayComponent } from './sftech-ng-orchestrator-prompt-display.component-B617n6_1.mjs';
+import { Popover } from 'primeng/popover';
+import { Tooltip } from 'primeng/tooltip';
+import { map } from 'rxjs';
+
+class AgentsComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: "19.2.14", ngImport: i0, type: AgentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sftech-agents', imports: [RouterOutlet], template: "<router-outlet></router-outlet>\r\n" }]
+        }] });
+
+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: "19.2.14", ngImport: i0, type: PromptHelperModalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus", "pAutoFocus"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { 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: "19.2.14", ngImport: i0, type: PromptHelperModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sftech-prompt-helper-modal', imports: [BaseDialogComponent, ReactiveFormsModule, Fieldset, FloatLabel, Textarea, AutoFocus, Button, FaIconComponent, Tooltip, 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(OrcherstratorService);
+    tools = signal(undefined);
+    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() {
+        return 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 }),
+            llmMaxTokens: new FormControl({ value: this.model().llmMaxTokens, disabled: !this.canEdit }),
+            name: new FormControl(this.model()?.name),
+        });
+    }
+    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;
+        agent.llmMaxTokens = this._options.defaultLlmMaxTokens;
+        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,
+            llmMaxTokens: this.form.get('llmMaxTokens')?.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,
+            llmMaxTokens: this.form.get('llmMaxTokens')?.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: '60%', 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: "19.2.14", ngImport: i0, type: AgentDisplayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AgentDisplayComponent, isStandalone: true, selector: "sftech-prompt-display", providers: [DialogService], 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                    Agent\r\n                    @if (model()) {\r\n                        <span class=\"ms-1\">{{ this.model()!.identifier }}</span>\r\n                    }\r\n                </h2>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template #body>\r\n            @if (model()) {\r\n                <form [formGroup]=\"form\" [pAutoFocus]=\"true\">\r\n                    <p-fieldset legend=\"Stammdaten\">\r\n                        @if (!isNew()) {\r\n\r\n                            <div class=\"grid 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\r\n                    <p-fieldset legend=\"Prompts\">\r\n                        @if (!isNew()) {\r\n                            <div class=\"grid 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><p-button [rounded]=\"true\" (onClick)=\"openPromptHelper()\"><fa-icon [icon]=\"iconProvider.help\" [fixedWidth]=\"true\"></fa-icon></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                    <p-fieldset legend=\"LLM-Tools\">\r\n                        <div class=\"grid 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()\" 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                    <p-fieldset legend=\"LLM-Konfiguration\">\r\n                        <div class=\"grid 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                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmMaxTokens\"\r\n                                       formControlName=\"llmMaxTokens\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmMaxTokens')?.dirty && form.get('llmMaxTokens')?.invalid\"/>\r\n                                <label for=\"llmMaxTokens\">{{ this.model()!.getUiNameForProperty('llmMaxTokens') }}</label>\r\n                            </p-floatlabel>\r\n\r\n                        </div>\r\n                    </p-fieldset>\r\n\r\n                    <div class=\"flex justify-end\">\r\n                        <p-button label=\"Speichern\" type=\"submit\" (onClick)=\"submitForm()\" (keyup.enter)=\"submitForm()\"\r\n                                  [disabled]=\"!form.dirty\"></p-button>\r\n                    </div>\r\n                </form>\r\n            }\r\n        </ng-template>\r\n        <ng-template #footer>\r\n\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: ["variant", "fluid", "pSize"] }, { kind: "directive", type: AutoFocus, selector: "[pAutoFocus]", inputs: ["autofocus", "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", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: 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", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "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", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], 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"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentDisplayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sftech-prompt-display', imports: [ReactiveFormsModule, InputText, AutoFocus, FloatLabel, DatePicker, Textarea, Button, BaseDialogComponent, Fieldset, MultiSelect, NgTemplateOutlet, ToggleButtonModule, FaIconComponent], providers: [DialogService], 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                    Agent\r\n                    @if (model()) {\r\n                        <span class=\"ms-1\">{{ this.model()!.identifier }}</span>\r\n                    }\r\n                </h2>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template #body>\r\n            @if (model()) {\r\n                <form [formGroup]=\"form\" [pAutoFocus]=\"true\">\r\n                    <p-fieldset legend=\"Stammdaten\">\r\n                        @if (!isNew()) {\r\n\r\n                            <div class=\"grid 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\r\n                    <p-fieldset legend=\"Prompts\">\r\n                        @if (!isNew()) {\r\n                            <div class=\"grid 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><p-button [rounded]=\"true\" (onClick)=\"openPromptHelper()\"><fa-icon [icon]=\"iconProvider.help\" [fixedWidth]=\"true\"></fa-icon></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                    <p-fieldset legend=\"LLM-Tools\">\r\n                        <div class=\"grid 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()\" 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                    <p-fieldset legend=\"LLM-Konfiguration\">\r\n                        <div class=\"grid 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                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmMaxTokens\"\r\n                                       formControlName=\"llmMaxTokens\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmMaxTokens')?.dirty && form.get('llmMaxTokens')?.invalid\"/>\r\n                                <label for=\"llmMaxTokens\">{{ this.model()!.getUiNameForProperty('llmMaxTokens') }}</label>\r\n                            </p-floatlabel>\r\n\r\n                        </div>\r\n                    </p-fieldset>\r\n\r\n                    <div class=\"flex justify-end\">\r\n                        <p-button label=\"Speichern\" type=\"submit\" (onClick)=\"submitForm()\" (keyup.enter)=\"submitForm()\"\r\n                                  [disabled]=\"!form.dirty\"></p-button>\r\n                    </div>\r\n                </form>\r\n            }\r\n        </ng-template>\r\n        <ng-template #footer>\r\n\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';
+    iconProvider = IconProvider;
+    constructor() {
+        super();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AgentsListComponent, isStandalone: true, selector: "sftech-prompts-list", providers: [DialogService], usesInheritance: true, ngImport: i0, template: "<h1 class=\"text-primary-900 font-bold 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 Prompts vorhanden.\r\n        </p>\r\n    </p-panel>\r\n} @else if (data()!.length > 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            </tr>\r\n        </ng-template>\r\n        <ng-template #body let-prompt>\r\n            <tr (click)=\"openDisplay(prompt.id)\" [pSelectableRow]=\"prompt\">\r\n                @for(column of data()![0].propertiesToShow; track column) {\r\n                <td style=\"white-space: pre-wrap\">\r\n                    {{ prompt.getPropertyValue(column) }}\r\n                </td>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\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\"></fa-icon> Neuer Agent\r\n        </p-button>\r\n    </div>\r\n}\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: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "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", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "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: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AgentsListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sftech-prompts-list', imports: [PaginatorComponent, Panel, TableModule, Button, FaIconComponent], providers: [DialogService], template: "<h1 class=\"text-primary-900 font-bold 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 Prompts vorhanden.\r\n        </p>\r\n    </p-panel>\r\n} @else if (data()!.length > 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            </tr>\r\n        </ng-template>\r\n        <ng-template #body let-prompt>\r\n            <tr (click)=\"openDisplay(prompt.id)\" [pSelectableRow]=\"prompt\">\r\n                @for(column of data()![0].propertiesToShow; track column) {\r\n                <td style=\"white-space: pre-wrap\">\r\n                    {{ prompt.getPropertyValue(column) }}\r\n                </td>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\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\"></fa-icon> Neuer Agent\r\n        </p-button>\r\n    </div>\r\n}\r\n\r\n" }]
+        }], ctorParameters: () => [] });
+
+const agentsRoutes = [
+    {
+        path: '',
+        component: AgentsComponent,
+        children: [
+            {
+                path: '',
+                component: AgentsListComponent,
+            },
+        ],
+    },
+];
+
+export { agentsRoutes };
+//# sourceMappingURL=sftech-ng-orchestrator-agents.routes-DwQh7K9t.mjs.map

package/fesm2022/sftech-ng-orchestrator-agents.routes-DwQh7K9t.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sftech-ng-orchestrator-agents.routes-DwQh7K9t.mjs","sources":["../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/agents.component.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/agents.component.html","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/components/agent/agent-display/prompt-helper-modal/prompt-helper-modal.component.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/components/agent/agent-display/prompt-helper-modal/prompt-helper-modal.component.html","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/components/agent/agent-display/agent-display.component.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/components/agent/agent-display/agent-display.component.html","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/components/agent/agents-list/agents-list.component.ts","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/components/agent/agents-list/agents-list.component.html","../../../../libs/ng-orchestrator/src/lib/ng-orchestrator/agents/agents.routes.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { RouterOutlet } from '@angular/router';\r\n\r\n@Component({\r\n    selector: 'sftech-agents',\r\n    imports: [RouterOutlet],\r\n    templateUrl: './agents.component.html',\r\n    styleUrl: './agents.component.css',\r\n})\r\nexport class AgentsComponent {}\r\n","<router-outlet></router-outlet>\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, OnDestroy, OnInit, inject } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { BaseDialogComponent } from '@sftech/ng-shared';\r\nimport { AutoFocus } from 'primeng/autofocus';\r\nimport { Button } from 'primeng/button';\r\nimport { Fieldset } from 'primeng/fieldset';\r\nimport { FloatLabel } from 'primeng/floatlabel';\r\nimport { Popover } from 'primeng/popover';\r\nimport { Textarea } from 'primeng/textarea';\r\nimport { Tooltip } from 'primeng/tooltip';\r\nimport { Subscription, map } from 'rxjs';\r\n\r\n@Component({\r\n    selector: 'sftech-prompt-helper-modal',\r\n    imports: [BaseDialogComponent, ReactiveFormsModule, Fieldset, FloatLabel, Textarea, AutoFocus, Button, FaIconComponent, Tooltip, Popover, NgTemplateOutlet],\r\n    templateUrl: './prompt-helper-modal.component.html',\r\n    styleUrl: './prompt-helper-modal.component.css',\r\n})\r\nexport class PromptHelperModalComponent extends BaseDialogComponent implements OnInit, OnDestroy {\r\n    private _subscriptions: Subscription[] = [];\r\n\r\n    protected systemPromptForm: FormGroup = new FormGroup({\r\n        systemPromptText: new FormControl({ value: '', disabled: true }),\r\n        roleSpecification: new FormControl(''),\r\n        targetGroupSpecification: new FormControl(''),\r\n        inputSpecification: new FormControl(''),\r\n        exampleSpecification: new FormControl(''),\r\n        additionalRulesSpecification: new FormControl(''),\r\n    });\r\n\r\n    ngOnInit(): void {\r\n        this._subscriptions.push(\r\n            this.systemPromptForm.valueChanges\r\n                .pipe(\r\n                    map((value) => {\r\n                        let systemPromptText = '';\r\n                        if (value.roleSpecification) {\r\n                            systemPromptText += `Role:\\n${value.roleSpecification}\\n\\n`;\r\n                        }\r\n                        if (value.targetGroupSpecification) {\r\n                            systemPromptText += `Target Group:\\n${value.targetGroupSpecification}\\n\\n`;\r\n                        }\r\n                        if (value.inputSpecification) {\r\n                            systemPromptText += `Input:\\n${value.inputSpecification}\\n\\n`;\r\n                        }\r\n                        if (value.exampleSpecification) {\r\n                            systemPromptText += `Example:\\n${value.exampleSpecification}\\n\\n`;\r\n                        }\r\n                        if (value.additionalRulesSpecification) {\r\n                            systemPromptText += `Additional Rules:\\n${value.additionalRulesSpecification}\\n\\n`;\r\n                        }\r\n                        this.systemPromptForm.get('systemPromptText')?.setValue(systemPromptText);\r\n                    }),\r\n                )\r\n                .subscribe(),\r\n        );\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._subscriptions.forEach((subscription) => subscription.unsubscribe());\r\n    }\r\n}\r\n","<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ätzliche 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=\"übernehmen\" 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ösung. Du analysierst präzise, erklärst 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ür wen die KI antworten soll. Sie hilft der KI, den Ton und die Komplexität 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ötiges 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 übergebene zu verstehen.', example: 'z.B. Du erhältst eine Frage oder ein Problem, das du lösen sollst. Analysiere es gründlich und gib eine klare, präzise 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önnen. Dies hilft der KI, das erwartete Format besser zu verstehen.', example: 'Beispiel {&quot;frage&quot;: &quot;Wie kann ich meine Produktivität 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ätzliche Informationen oder Regeln, die die KI bei der Beantwortung beachten soll. Diese können Einschränkungen, spezielle Anforderungen oder wichtige Hinweise enthalten.', example: 'Du darfst keine persönlichen Daten sammeln oder speichern. Deine Antworten müssen respektvoll und professionell sein. Vermeide es, persönliche Meinungen zu äußern.' }\"></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                            übernehmen\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","import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, Inject, OnInit, effect, inject, signal } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\r\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\r\nimport { BaseDialogComponent, BaseDisplayComponent, EFilterOperator, EFilterTypes, ESortDirection, MappedApiError, OData, ODataOrder, OdataFilter, OdataFilterCollection } from '@sftech/ng-shared';\r\nimport { AutoFocus } from 'primeng/autofocus';\r\nimport { Button } from 'primeng/button';\r\nimport { DatePicker } from 'primeng/datepicker';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { Fieldset } from 'primeng/fieldset';\r\nimport { FloatLabel } from 'primeng/floatlabel';\r\nimport { InputText } from 'primeng/inputtext';\r\nimport { MultiSelect } from 'primeng/multiselect';\r\nimport { Textarea } from 'primeng/textarea';\r\nimport { ToggleButtonModule } from 'primeng/togglebutton';\r\nimport { map } from 'rxjs';\r\nimport { IOrchestratorConfig } from '../../../../core/configuration/orchestrator-config.interface';\r\nimport { ORCHESTRATOR_CONFIGURATION } from '../../../../core/configuration/orchestrator-configuration.token';\r\nimport { McpTool } from '../../../../core/models/mcp-tool.model';\r\nimport { OrcherstratorService } from '../../../../core/service/orcherstrator.service';\r\nimport { PromptDisplayComponent } from '../../../../prompts/components/prompt/prompt-display/prompt-display.component';\r\nimport { IAgentCreateDto } from '../../../core/dtos/agent-create-request.dto';\r\nimport { IAgentResponseDto } from '../../../core/dtos/agent-response.dto';\r\nimport { IAgentUpdateDto } from '../../../core/dtos/agent-update-request.dto';\r\nimport { Agent } from '../../../core/models/agent.model';\r\nimport { AgentService } from '../../../core/services/agent.service';\r\nimport { PromptHelperModalComponent } from './prompt-helper-modal/prompt-helper-modal.component';\r\n\r\n@Component({\r\n    selector: 'sftech-prompt-display',\r\n    imports: [ReactiveFormsModule, InputText, AutoFocus, FloatLabel, DatePicker, Textarea, Button, BaseDialogComponent, Fieldset, MultiSelect, NgTemplateOutlet, ToggleButtonModule, FaIconComponent],\r\n    providers: [DialogService],\r\n    templateUrl: './agent-display.component.html',\r\n    styleUrl: './agent-display.component.scss',\r\n})\r\nexport class AgentDisplayComponent extends BaseDisplayComponent<Agent, IAgentUpdateDto, IAgentUpdateDto, IAgentResponseDto> implements OnInit {\r\n    protected override _repo = inject(AgentService);\r\n    protected override _route = 'agents';\r\n    protected _orchestratorService = inject(OrcherstratorService);\r\n\r\n    public tools = signal<McpTool[] | undefined>(undefined);\r\n\r\n    protected dialog = inject(DialogService);\r\n\r\n    private _options: IOrchestratorConfig = inject(ORCHESTRATOR_CONFIGURATION);\r\n\r\n    public override ngOnInit(): void {\r\n        super.ngOnInit();\r\n        this._orchestratorService.getTools().subscribe((res) => {\r\n            if (res instanceof MappedApiError) {\r\n                this.tools.set([]);\r\n                return;\r\n            }\r\n            this.tools.set(res.data);\r\n        });\r\n    }\r\n\r\n    protected override initializeForm(): FormGroup {\r\n        return new FormGroup({\r\n            id: new FormControl({ value: this.model()!.id, disabled: true }),\r\n            createdAt: new FormControl({ value: this.model()!.createdAt, disabled: true }),\r\n            identifier: new FormControl({ value: this.model()!.identifier, disabled: true }),\r\n            llmUserPrompt: new FormControl({ value: this.model()!.llmUserPrompt, disabled: true }),\r\n            llmSystemPrompt: new FormControl({ value: this.model()!.llmSystemPrompt, disabled: true }),\r\n            description: new FormControl({ value: this.model()!.description, disabled: !this.canEdit }),\r\n            connectorUrl: new FormControl({ value: this.model()!.connectorUrl, disabled: !this.canEdit }),\r\n            systemPromptText: new FormControl(''),\r\n            answerSpecification: new FormControl({ value: this.model()!.answerSpecification, disabled: !this.canEdit || !this.model()!.isGeneric }),\r\n            tools: new FormControl({ value: this.model()!.tools, disabled: !this.canEdit }),\r\n            llmProvider: new FormControl({ value: this.model()!.llmProvider, disabled: !this.canEdit }),\r\n            llmModel: new FormControl({ value: this.model()!.llmModel, disabled: !this.canEdit }),\r\n            llmTemperature: new FormControl({ value: this.model()!.llmTemperature, disabled: !this.canEdit }),\r\n            llmTimeout: new FormControl({ value: this.model()!.llmTimeout, disabled: !this.canEdit }),\r\n            llmRetries: new FormControl({ value: this.model()!.llmRetries, disabled: !this.canEdit }),\r\n            llmMaxTokens: new FormControl({ value: this.model()!.llmMaxTokens, disabled: !this.canEdit }),\r\n            name: new FormControl(this.model()?.name),\r\n        });\r\n    }\r\n    protected override getNewModel(): Agent {\r\n        const agent = new Agent();\r\n        agent.connectorUrl = this._options.defaultConnectorUrl;\r\n        agent.isGeneric = true;\r\n        agent.answerSpecification = this._options.defaultAnswerSpecification;\r\n        agent.llmProvider = this._options.defaultLlmProvider;\r\n        agent.llmModel = this._options.defaultLlmModel;\r\n        agent.llmTemperature = this._options.defaultLlmTemperature;\r\n        agent.llmTimeout = this._options.defaultLlmTimeout;\r\n        agent.llmRetries = this._options.defaultLlmRetries;\r\n        agent.llmMaxTokens = this._options.defaultLlmMaxTokens;\r\n        return agent;\r\n    }\r\n    protected override mapFormToUpdateDto(): IAgentUpdateDto {\r\n        return {\r\n            description: this.form.get('description')?.value,\r\n            connectorUrl: this.form.get('connectorUrl')?.value,\r\n            tools: this.form.get('tools')?.value,\r\n            answerSpecification: this.form.get('answerSpecification')?.value,\r\n            llmProvider: this.form.get('llmProvider')?.value,\r\n            llmModel: this.form.get('llmModel')?.value,\r\n            llmTemperature: this.form.get('llmTemperature')?.value,\r\n            llmTimeout: this.form.get('llmTimeout')?.value,\r\n            llmRetries: this.form.get('llmRetries')?.value,\r\n            llmMaxTokens: this.form.get('llmMaxTokens')?.value,\r\n            name: this.form.get('name')?.value,\r\n        };\r\n    }\r\n    protected override mapFormToCreateDto(): IAgentCreateDto {\r\n        return {\r\n            description: this.form.get('description')?.value,\r\n            connectorUrl: this.form.get('connectorUrl')?.value,\r\n            systemPromptText: this.form.get('systemPromptText')?.value,\r\n            answerSpecification: this.form.get('answerSpecification')?.value,\r\n            tools: this.form.get('tools')?.value,\r\n            llmProvider: this.form.get('llmProvider')?.value,\r\n            llmModel: this.form.get('llmModel')?.value,\r\n            llmTemperature: this.form.get('llmTemperature')?.value,\r\n            llmTimeout: this.form.get('llmTimeout')?.value,\r\n            llmRetries: this.form.get('llmRetries')?.value,\r\n            llmMaxTokens: this.form.get('llmMaxTokens')?.value,\r\n            name: this.form.get('name')?.value,\r\n        };\r\n    }\r\n\r\n    public openPromptModal(promptId: number | undefined): void {\r\n        if (!promptId) {\r\n            return;\r\n        }\r\n        this.dialog.open(PromptDisplayComponent, { inputValues: { id: promptId, canEdit: true, openedAsModal: true }, focusOnShow: false, modal: true, dismissableMask: true, width: '60%', contentStyle: { overflow: 'auto' } });\r\n    }\r\n\r\n    public openPromptHelper() {\r\n        const modalRef = this.dialog.open(PromptHelperModalComponent, { modal: true, dismissableMask: true, width: '60%', contentStyle: { overflow: 'auto' } });\r\n        modalRef.onClose.subscribe((result: string | undefined) => {\r\n            if (!result) {\r\n                return;\r\n            }\r\n            this.form.get('systemPromptText')?.setValue(result);\r\n        });\r\n    }\r\n}\r\n","<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                    Agent\r\n                    @if (model()) {\r\n                        <span class=\"ms-1\">{{ this.model()!.identifier }}</span>\r\n                    }\r\n                </h2>\r\n            </div>\r\n        </ng-template>\r\n        <ng-template #body>\r\n            @if (model()) {\r\n                <form [formGroup]=\"form\" [pAutoFocus]=\"true\">\r\n                    <p-fieldset legend=\"Stammdaten\">\r\n                        @if (!isNew()) {\r\n\r\n                            <div class=\"grid 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\r\n                    <p-fieldset legend=\"Prompts\">\r\n                        @if (!isNew()) {\r\n                            <div class=\"grid 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öchte Unterstützung bei der Prompt-Erstellung</span><p-button [rounded]=\"true\" (onClick)=\"openPromptHelper()\"><fa-icon [icon]=\"iconProvider.help\" [fixedWidth]=\"true\"></fa-icon></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                    <p-fieldset legend=\"LLM-Tools\">\r\n                        <div class=\"grid 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()\" 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ügbare 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                    <p-fieldset legend=\"LLM-Konfiguration\">\r\n                        <div class=\"grid 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                            <p-floatlabel variant=\"in\" class=\"w-full\">\r\n                                <input type=\"number\" id=\"llmMaxTokens\"\r\n                                       formControlName=\"llmMaxTokens\" pInputText class=\"w-full\"\r\n                                       [class.ng-invalid]=\"form.get('llmMaxTokens')?.dirty && form.get('llmMaxTokens')?.invalid\"/>\r\n                                <label for=\"llmMaxTokens\">{{ this.model()!.getUiNameForProperty('llmMaxTokens') }}</label>\r\n                            </p-floatlabel>\r\n\r\n                        </div>\r\n                    </p-fieldset>\r\n\r\n                    <div class=\"flex justify-end\">\r\n                        <p-button label=\"Speichern\" type=\"submit\" (onClick)=\"submitForm()\" (keyup.enter)=\"submitForm()\"\r\n                                  [disabled]=\"!form.dirty\"></p-button>\r\n                    </div>\r\n                </form>\r\n            }\r\n        </ng-template>\r\n        <ng-template #footer>\r\n\r\n        </ng-template>\r\n\r\n\r\n</sftech-base-dialog>\r\n","import { Component, inject } from '@angular/core';\r\nimport { BaseListComponent, IconProvider, PaginatorComponent } from '@sftech/ng-shared';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { Panel } from 'primeng/panel';\r\nimport { TableModule } from 'primeng/table';\r\nimport { IAgentResponseDto } from '../../../core/dtos/agent-response.dto';\r\nimport { IAgentUpdateDto } from '../../../core/dtos/agent-update-request.dto';\r\nimport { Agent } from '../../../core/models/agent.model';\r\nimport { AgentService } from '../../../core/services/agent.service';\r\nimport { AgentDisplayComponent } from '../agent-display/agent-display.component';\r\nimport {Button} from \"primeng/button\";\r\nimport {FaIconComponent} from \"@fortawesome/angular-fontawesome\";\r\n\r\n@Component({\r\n    selector: 'sftech-prompts-list',\r\n    imports: [PaginatorComponent, Panel, TableModule, Button, FaIconComponent],\r\n    providers: [DialogService],\r\n    templateUrl: './agents-list.component.html',\r\n    styleUrl: './agents-list.component.css',\r\n})\r\nexport class AgentsListComponent extends BaseListComponent<Agent, IAgentUpdateDto, IAgentUpdateDto, IAgentResponseDto> {\r\n    protected _repo = inject(AgentService);\r\n    protected _route = 'agents';\r\n    protected _modalComponent = AgentDisplayComponent;\r\n    protected detailModalHeaderText = 'Agent-Details';\r\n\r\n    public iconProvider = IconProvider;\r\n\r\n    constructor() {\r\n        super();\r\n    }\r\n}\r\n","<h1 class=\"text-primary-900 font-bold text-xl p-2 my-4\">Agent-Übersicht</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 Prompts vorhanden.\r\n        </p>\r\n    </p-panel>\r\n} @else if (data()!.length > 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            </tr>\r\n        </ng-template>\r\n        <ng-template #body let-prompt>\r\n            <tr (click)=\"openDisplay(prompt.id)\" [pSelectableRow]=\"prompt\">\r\n                @for(column of data()![0].propertiesToShow; track column) {\r\n                <td style=\"white-space: pre-wrap\">\r\n                    {{ prompt.getPropertyValue(column) }}\r\n                </td>\r\n                }\r\n            </tr>\r\n        </ng-template>\r\n    </p-table>\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\"></fa-icon> Neuer Agent\r\n        </p-button>\r\n    </div>\r\n}\r\n\r\n","import { AgentsComponent } from './agents.component';\r\nimport { AgentsListComponent } from './components/agent/agents-list/agents-list.component';\r\n\r\nexport const agentsRoutes = [\r\n    {\r\n        path: '',\r\n        component: AgentsComponent,\r\n        children: [\r\n            {\r\n                path: '',\r\n                component: AgentsListComponent,\r\n            },\r\n        ],\r\n    },\r\n];\r\n"],"names":["i1"],"mappings":"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"}