@acorex/modules 20.7.13 → 20.7.16

package/fesm2022/acorex-modules-workflow-management.mjs

@@ -1,24 +1,25 @@
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, NgModule, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { Injectable, inject, NgModule, InjectionToken, Inject, makeEnvironmentProviders, Injector, runInInjectionContext, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, signal } from '@angular/core';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { AXPEntityService, AXMEntityCrudServiceImpl, entityMasterCrudActions, entityMasterRecordActions, entityMasterDeleteAction, AXPEntityStorageService, AXPEntityFormBuilderService, AXPEntityDefinitionRegistryService, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPEntityService, AXPEntityStorageService, AXPEntityFormBuilderService, AXPEntityDefinitionRegistryService, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import { firstValueFrom } from 'rxjs';
 import { AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
-import { createAllQueryView, AXPEntityQueryType, AXPEntityCommandScope, createQueryView, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { AXPSystemStatuses, AXP_MENU_PROVIDER } from '@acorex/platform/common';
 import { AXPDataGenerator, AXP_MODULE_MANIFEST_PROVIDER } from '@acorex/platform/core';
 import { AXPDomainModule } from '@acorex/platform/domain';
 import { provideCommandSetups } from '@acorex/platform/runtime';
-import { AXP_WORKFLOW_PROVIDER, AXP_ACTIVITY_CATEGORY_PROVIDER, AXP_ACTIVITY_PROVIDER, AXP_WORKFLOW_CATEGORY_PROVIDER, AXPActivityDefinitionService, AXPWorkflowManager, AXPWorkflowDefinitionService } from '@acorex/platform/workflow';
+import { AXPWorkflowManager, AXPWorkflowDefinitionService, AXP_WORKFLOW_PROVIDER, AXP_ACTIVITY_CATEGORY_PROVIDER, AXP_ACTIVITY_PROVIDER, AXP_WORKFLOW_CATEGORY_PROVIDER, AXPActivityDefinitionService } from '@acorex/platform/workflow';
 import { ROUTES, ActivatedRoute, Router } from '@angular/router';
-import { AXPWidgetsCatalog, AXPWidgetSerializationHelper } from '@acorex/platform/layout/widget-core';
-import { AXPWidgetsList } from '@acorex/modules/common';
 import { AXDialogService } from '@acorex/components/dialog';
-import * as i7 from '@acorex/core/translation';
+import * as i6 from '@acorex/core/translation';
 import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPWidgetSerializationHelper } from '@acorex/platform/layout/widget-core';
 import { AXPopupService } from '@acorex/components/popup';
 import { AXPDialogRendererComponent, AXPLayoutBuilderService } from '@acorex/platform/layout/builder';
 import { cloneDeep } from 'lodash-es';
 import { AXToastService } from '@acorex/components/toast';
+import { AXPWidgetsList } from '@acorex/modules/common';
+import { AXPWorkflowTaskProvider, AXP_WORKFLOW_TASK_PROVIDER } from '@acorex/modules/task-management';
 import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
@@ -27,7 +28,7 @@ import * as i2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/button-group';
 import { AXButtonGroupModule } from '@acorex/components/button-group';
-import * as i2$1 from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
@@ -61,13 +62,6 @@ const RootConfig = {
             titlePlural: '@workflow-management:workflow-instances.entities.workflow-instance.plural',
             icon: 'fa-light fa-play-circle',
         },
-        activityCategory: {
-            name: 'ActivityCategory',
-            fullName: `${config.module}.ActivityCategory`,
-            title: '@workflow-management:activities.entities.activity-category.title',
-            titlePlural: '@workflow-management:activities.entities.activity-category.plural',
-            icon: 'fa-light fa-folder',
-        },
         activityDefinition: {
             name: 'ActivityDefinition',
             fullName: `${config.module}.ActivityDefinition`,
@@ -75,20 +69,6 @@ const RootConfig = {
             titlePlural: '@workflow-management:activities.entities.activity-definition.plural',
             icon: 'fa-light fa-puzzle-piece',
         },
-        workItem: {
-            name: 'WorkItem',
-            fullName: `${config.module}.WorkItem`,
-            title: '@workflow-management:work-items.entities.work-item.title',
-            titlePlural: '@workflow-management:work-items.entities.work-item.plural',
-            icon: 'fa-light fa-clipboard-list',
-        },
-        workItemCandidate: {
-            name: 'WorkItemCandidate',
-            fullName: `${config.module}.WorkItemCandidate`,
-            title: '@workflow-management:work-items.entities.work-item-candidate.title',
-            titlePlural: '@workflow-management:work-items.entities.work-item-candidate.plural',
-            icon: 'fa-light fa-user-check',
-        },
         // workflowCategory: {
         //   name: 'WorkflowCategory',
         //   fullName: `${config.module}.WorkflowCategory`,
@@ -100,9 +80,6 @@ const RootConfig = {
 };
 
 class AXMWorkflowManagementModuleEntityProvider {
-    constructor() {
-        this.injector = inject(Injector);
-    }
     preload() {
         const module = RootConfig.module.name;
         return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
@@ -114,17 +91,11 @@ class AXMWorkflowManagementModuleEntityProvider {
         if (moduleName === RootConfig.module.name) {
             switch (entityName) {
                 case RootConfig.entities.workflowDefinition.name:
-                    return (await Promise.resolve().then(function () { return workflowDefinition_entity; })).factory(this.injector);
+                    return (await import('./acorex-modules-workflow-management-workflow-definition.entity-nJMBL0qt.mjs')).factory();
                 case RootConfig.entities.workflowInstance.name:
-                    return (await Promise.resolve().then(function () { return workflowInstance_entity; })).factory(this.injector);
-                case RootConfig.entities.activityCategory.name:
-                    return (await Promise.resolve().then(function () { return activityCategory_entity; })).factory(this.injector);
+                    return (await import('./acorex-modules-workflow-management-workflow-instance.entity-Pso0oRN5.mjs')).factory();
                 case RootConfig.entities.activityDefinition.name:
-                    return (await Promise.resolve().then(function () { return activityDefinition_entity; })).factory(this.injector);
-                case RootConfig.entities.workItem.name:
-                    return (await Promise.resolve().then(function () { return workItem_entity; })).factory(this.injector);
-                case RootConfig.entities.workItemCandidate.name:
-                    return (await Promise.resolve().then(function () { return workItemCandidate_entity; })).factory(this.injector);
+                    return (await import('./acorex-modules-workflow-management-activity-definition.entity-BbBEPTBa.mjs')).factory();
             }
         }
         return null;
@@ -147,12 +118,7 @@ const AXPWorkflowManagementMenuKeys = {
     WorkflowInstances: 'workflow-management:workflow-instances',
     WorkflowStudio: 'workflow-management:workflow-studio',
     Activities: 'workflow-management:activities',
-    ActivityCategories: 'workflow-management:activity-categories',
     ActivityDefinitions: 'workflow-management:activity-definitions',
-    Work: 'workflow-management:work',
-    Cartable: 'workflow-management:cartable',
-    WorkItems: 'workflow-management:work-items',
-    WorkItemCandidates: 'workflow-management:work-item-candidates',
 };
 
 class AXMMenuProvider {
@@ -177,2347 +143,38 @@ class AXMMenuProvider {
                 },
                 children: [
                     {
-                        name: AXPWorkflowManagementMenuKeys.Workflow,
-                        text: '@workflow-management:workflow.menus.workflow.title',
+                        name: AXPWorkflowManagementMenuKeys.WorkflowDefinitions,
+                        text: '@workflow-management:workflow-definitions.menus.workflow-definitions.title',
+                        path: this.entityService.createPath(module.name, RootConfig.entities.workflowDefinition.name),
                         priority: 10,
-                        icon: 'fa-light fa-diagram-project',
-                        children: [
-                            {
-                                name: AXPWorkflowManagementMenuKeys.WorkflowDefinitions,
-                                text: '@workflow-management:workflow-definitions.menus.workflow-definitions.title',
-                                path: this.entityService.createPath(module.name, RootConfig.entities.workflowDefinition.name),
-                                priority: 10,
-                                icon: RootConfig.entities.workflowDefinition.icon,
-                            },
-                            {
-                                name: AXPWorkflowManagementMenuKeys.WorkflowInstances,
-                                text: '@workflow-management:workflow-instances.menus.workflow-instances.title',
-                                path: this.entityService.createPath(module.name, RootConfig.entities.workflowInstance.name),
-                                priority: 20,
-                                icon: RootConfig.entities.workflowInstance.icon,
-                            },
-                            {
-                                name: AXPWorkflowManagementMenuKeys.WorkflowStudio,
-                                text: '@workflow-management:workflow-studio.menus.workflow-studio.title',
-                                path: `${this.sessionService.application?.name}/workflow-management/studio`,
-                                priority: 30,
-                                icon: 'fa-light fa-wand-magic-sparkles',
-                            },
-                        ],
+                        icon: RootConfig.entities.workflowDefinition.icon,
                     },
                     {
-                        name: AXPWorkflowManagementMenuKeys.Activities,
-                        text: '@workflow-management:activities.menus.activities.title',
+                        name: AXPWorkflowManagementMenuKeys.WorkflowInstances,
+                        text: '@workflow-management:workflow-instances.menus.workflow-instances.title',
+                        path: this.entityService.createPath(module.name, RootConfig.entities.workflowInstance.name),
                         priority: 20,
-                        icon: 'fa-light fa-puzzle-piece',
-                        children: [
-                            {
-                                name: AXPWorkflowManagementMenuKeys.ActivityCategories,
-                                text: '@workflow-management:activities.menus.activity-categories.title',
-                                path: this.entityService.createPath(module.name, RootConfig.entities.activityCategory.name),
-                                priority: 10,
-                                icon: RootConfig.entities.activityCategory.icon,
-                            },
-                            {
-                                name: AXPWorkflowManagementMenuKeys.ActivityDefinitions,
-                                text: '@workflow-management:activities.menus.activity-definitions.title',
-                                path: this.entityService.createPath(module.name, RootConfig.entities.activityDefinition.name),
-                                priority: 20,
-                                icon: RootConfig.entities.activityDefinition.icon,
-                            },
-                        ],
+                        icon: RootConfig.entities.workflowInstance.icon,
                     },
                     {
-                        name: AXPWorkflowManagementMenuKeys.Work,
-                        text: '@workflow-management:work.menus.work.title',
-                        priority: 30,
-                        icon: 'fa-light fa-clipboard-list',
-                        children: [
-                            {
-                                name: AXPWorkflowManagementMenuKeys.Cartable,
-                                text: '@workflow-management:cartable.menus.cartable.title',
-                                path: `${this.sessionService.application?.name}/workflow-management/cartable`,
-                                priority: 10,
-                                icon: 'fa-light fa-clipboard-list',
-                            },
-                            {
-                                name: AXPWorkflowManagementMenuKeys.WorkItems,
-                                text: '@workflow-management:work-items.entities.work-item.plural',
-                                path: this.entityService.createPath(module.name, RootConfig.entities.workItem.name),
-                                priority: 20,
-                                icon: RootConfig.entities.workItem.icon,
-                            },
-                            {
-                                name: AXPWorkflowManagementMenuKeys.WorkItemCandidates,
-                                text: '@workflow-management:work-items.entities.work-item-candidate.plural',
-                                path: this.entityService.createPath(module.name, RootConfig.entities.workItemCandidate.name),
-                                priority: 30,
-                                icon: RootConfig.entities.workItemCandidate.icon,
-                            },
-                        ],
-                    },
-                ],
-            },
-        ]);
-    }
-}
-
-class AXMWorkflowManagementActivityCategoryEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMWorkflowManagementActivityCategoryEntityServiceImpl extends AXMWorkflowManagementActivityCategoryEntityService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.activityCategory.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMWorkflowManagementActivityCategoryEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityModule, providers: [
-            {
-                provide: AXMWorkflowManagementActivityCategoryEntityService,
-                useClass: AXMWorkflowManagementActivityCategoryEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityCategoryEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMWorkflowManagementActivityCategoryEntityService,
-                            useClass: AXMWorkflowManagementActivityCategoryEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
-async function factory$5(injector) {
-    const dataService = injector.get(AXMWorkflowManagementActivityCategoryEntityService);
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.activityCategory.name,
-        title: RootConfig.entities.activityCategory.title,
-        icon: RootConfig.entities.activityCategory.icon,
-        parentKey: 'parentId',
-        formats: {
-            individual: RootConfig.entities.activityCategory.title,
-            plural: RootConfig.entities.activityCategory.titlePlural,
-            searchResult: {
-                title: '{{ title }}',
-                description: '{{ description }}',
-            },
-        },
-        plugins: [{ name: 'history' }],
-        groups: [
-            { id: 'basic-info', title: '@general:terms.interface.basic-info' },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'basic-info',
-                schema: { dataType: 'uuid', visible: false, nullable: false, readonly: true, unique: { enabled: true } },
-            },
-            {
-                name: 'title',
-                title: '@general:terms.common.title',
-                groupId: 'basic-info',
-                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.text } },
-                options: { sort: { enabled: true }, filter: { advance: { enabled: true }, inline: { enabled: true } } },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'parentId',
-                title: '@general:terms.classification.parent',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.EntityCategory,
-                        options: { entity: `${RootConfig.module.name}.${RootConfig.entities.activityCategory.name}` },
-                    },
-                },
-                options: { filter: { advance: { enabled: true }, inline: { enabled: true } } },
-            },
-            {
-                name: 'description',
-                title: '@general:terms.common.description',
-                groupId: 'basic-info',
-                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.largeText } },
-            },
-            {
-                name: 'childrenCount',
-                title: '@general:terms.classification.children',
-                groupId: 'basic-info',
-                schema: { dataType: 'number', interface: { type: AXPWidgetsCatalog.number }, readonly: true },
-            },
-            {
-                name: 'itemsCount',
-                title: '@general:terms.classification.items',
-                groupId: 'basic-info',
-                schema: { dataType: 'number', interface: { type: AXPWidgetsCatalog.number }, readonly: true },
-            },
-        ],
-        columns: [{ name: 'title' }, { name: 'description' }, { name: 'childrenCount' }, { name: 'itemsCount' }],
-        queries: {
-            byKey: {
-                execute: async (id) => await dataService.getOne(id),
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    const res = await dataService.query(e);
-                    return {
-                        items: res.items.map((item) => ({ ...item, hasChild: (item.childrenCount ?? 0) > 0 })),
-                        total: res.total,
-                    };
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                create: {
-                    sections: [{ id: 'basic-info' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 12, order: 1 } } } },
-                        { name: 'parentId', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                    ],
-                },
-                update: {
-                    sections: [{ id: 'basic-info' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 12, order: 1 } } } },
-                        { name: 'parentId', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                        { name: 'childrenCount', layout: { positions: { lg: { colSpan: 6, order: 4 } } } },
-                        { name: 'itemsCount', layout: { positions: { lg: { colSpan: 6, order: 5 } } } },
-                    ],
-                },
-                single: {
-                    title: '{{title}}',
-                    sections: [{ id: 'basic-info' }],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 12, order: 1 } } } },
-                        { name: 'parentId', layout: { positions: { lg: { colSpan: 12, order: 2 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12, order: 3 } } } },
-                        { name: 'childrenCount', layout: { positions: { lg: { colSpan: 6, order: 4 } } } },
-                        { name: 'itemsCount', layout: { positions: { lg: { colSpan: 6, order: 5 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions(), entityMasterDeleteAction()],
-                },
-                list: {
-                    actions: [...entityMasterCrudActions()],
-                    views: [createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] })],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var activityCategory_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory$5
-});
-
-class AXMWorkflowManagementActivityDefinitionEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMWorkflowManagementActivityDefinitionEntityServiceImpl extends AXMWorkflowManagementActivityDefinitionEntityService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.activityDefinition.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMWorkflowManagementActivityDefinitionEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityModule, providers: [
-            {
-                provide: AXMWorkflowManagementActivityDefinitionEntityService,
-                useClass: AXMWorkflowManagementActivityDefinitionEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementActivityDefinitionEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMWorkflowManagementActivityDefinitionEntityService,
-                            useClass: AXMWorkflowManagementActivityDefinitionEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
-async function factory$4(_injector) {
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.activityDefinition.name,
-        title: RootConfig.entities.activityDefinition.title,
-        icon: RootConfig.entities.activityDefinition.icon,
-        formats: {
-            individual: RootConfig.entities.activityDefinition.title,
-            plural: RootConfig.entities.activityDefinition.titlePlural,
-            displayName: '{{ title || name }}',
-            searchResult: {
-                title: '{{ title || name }}',
-                description: '{{ description }}',
-            },
-        },
-        plugins: [{ name: 'history' }],
-        category: {
-            entity: `${RootConfig.module.name}.${RootConfig.entities.activityCategory.name}`,
-            title: '@general:terms.classification.categories',
-            textField: 'title',
-            valueField: 'id',
-            applyConditions: [
-                {
-                    name: 'category',
-                    operator: { type: 'equal' },
-                    value: 'id',
-                },
-            ],
-        },
-        groups: [
-            { id: 'basic-info', title: '@general:terms.interface.basic-info' },
-            { id: 'configuration', title: '@general:terms.interface.configuration' },
-        ],
-        properties: [
-            {
-                name: 'name',
-                title: '@general:terms.common.name',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'string',
-                    interface: { type: AXPWidgetsCatalog.text },
-                },
-                options: { sort: { enabled: true }, filter: { advance: { enabled: true }, inline: { enabled: true } } },
-                validations: [{ rule: 'required' }, { rule: 'unique' }],
-            },
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'basic-info',
-                schema: { dataType: 'string', visible: false, nullable: false, readonly: true, unique: { enabled: true } },
-            },
-            {
-                name: 'type',
-                title: '@general:terms.common.type',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'string',
-                    interface: { type: AXPWidgetsCatalog.text },
-                },
-                options: { sort: { enabled: true }, filter: { advance: { enabled: true }, inline: { enabled: true } } },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'title',
-                title: '@general:terms.common.title',
-                groupId: 'basic-info',
-                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.text } },
-                options: { sort: { enabled: true }, filter: { advance: { enabled: true }, inline: { enabled: true } } },
-            },
-            {
-                name: 'description',
-                title: '@general:terms.common.description',
-                groupId: 'basic-info',
-                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.largeText, options: { rows: 3 } } },
-            },
-            {
-                name: 'category',
-                title: '@general:terms.classification.category',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.EntityCategory,
-                        options: {
-                            entity: `${RootConfig.module.name}.${RootConfig.entities.activityCategory.name}`,
-                            multiple: false,
-                            textField: 'title',
-                            valueField: 'id',
-                            parentKey: 'parentId',
-                        },
-                    },
-                },
-                options: { filter: { advance: { enabled: true }, inline: { enabled: true } } },
-            },
-            {
-                name: 'executionMode',
-                title: '@workflow-management:activities.entities.activity-definition.fields.execution-mode.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'frontend', text: 'Frontend' },
-                                { value: 'backend', text: 'Backend' },
-                                { value: 'both', text: 'Both' },
-                            ],
-                        },
-                    },
-                },
-                options: { filter: { inline: { enabled: true } } },
-            },
-            {
-                name: 'taskType',
-                title: '@workflow-management:activities.entities.activity-definition.fields.task-type.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'human-task', text: 'Human Task' },
-                                { value: 'ui-activity', text: 'UI Activity' },
-                                { value: 'system-activity', text: 'System Activity' },
-                            ],
-                        },
-                    },
-                },
-                options: { filter: { inline: { enabled: true } } },
-            },
-            {
-                name: 'icon',
-                title: '@general:terms.common.icon',
-                groupId: 'configuration',
-                schema: { dataType: 'string', interface: { type: AXPWidgetsCatalog.text } },
-            },
-            {
-                name: 'isBrowsable',
-                title: '@workflow-management:activities.entities.activity-definition.fields.is-browsable.title',
-                groupId: 'configuration',
-                schema: { dataType: 'boolean', interface: { type: AXPWidgetsCatalog.toggle } },
-                options: { filter: { inline: { enabled: true } } },
-            },
-            {
-                name: 'isContainer',
-                title: '@workflow-management:activities.entities.activity-definition.fields.is-container.title',
-                groupId: 'configuration',
-                schema: { dataType: 'boolean', interface: { type: AXPWidgetsCatalog.toggle } },
-                options: { filter: { inline: { enabled: true } } },
-            },
-            {
-                name: 'outcomes',
-                title: '@workflow-management:activities.entities.activity-definition.fields.outcomes.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'array',
-                    interface: { type: AXPWidgetsList.Advanced.CodeEditor, options: { language: 'json' } },
-                },
-            },
-            {
-                name: 'inputs',
-                title: '@workflow-management:activities.entities.activity-definition.fields.inputs.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'array',
-                    interface: { type: AXPWidgetsList.Advanced.CodeEditor, options: { language: 'json' } },
-                },
-            },
-            {
-                name: 'outputs',
-                title: '@workflow-management:activities.entities.activity-definition.fields.outputs.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'array',
-                    interface: { type: AXPWidgetsList.Advanced.CodeEditor, options: { language: 'json' } },
-                },
-            },
-        ],
-        columns: [
-            { name: 'title', title: '@general:terms.common.title', showAs: { type: AXPWidgetsCatalog.text } },
-            { name: 'name', title: '@general:terms.common.name', showAs: { type: AXPWidgetsCatalog.text } },
-            { name: 'type', title: '@general:terms.common.type', showAs: { type: AXPWidgetsCatalog.text } },
-            { name: 'executionMode', title: '@workflow-management:activities.entities.activity-definition.fields.execution-mode.title' },
-            { name: 'taskType', title: '@workflow-management:activities.entities.activity-definition.fields.task-type.title' },
-            { name: 'category', title: '@general:terms.classification.category' },
-        ],
-        interfaces: {
-            master: {
-                create: {
-                    sections: [{ id: 'basic-info' }, { id: 'configuration' }],
-                    properties: [
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'type', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'category', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'executionMode', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'taskType', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isBrowsable', layout: { positions: { lg: { colSpan: 3 } } } },
-                        { name: 'isContainer', layout: { positions: { lg: { colSpan: 3 } } } },
-                        { name: 'icon', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'inputs', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'outputs', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'outcomes', layout: { positions: { lg: { colSpan: 12 } } } },
-                    ],
-                },
-                update: {
-                    sections: [{ id: 'basic-info' }, { id: 'configuration' }],
-                    properties: [
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'type', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'category', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'executionMode', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'taskType', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isBrowsable', layout: { positions: { lg: { colSpan: 3 } } } },
-                        { name: 'isContainer', layout: { positions: { lg: { colSpan: 3 } } } },
-                        { name: 'icon', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'inputs', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'outputs', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'outcomes', layout: { positions: { lg: { colSpan: 12 } } } },
-                    ],
-                },
-                single: {
-                    title: '{{ title || name }}',
-                    sections: [{ id: 'basic-info' }, { id: 'configuration' }],
-                    properties: [
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'type', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'category', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'executionMode', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'taskType', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isBrowsable', layout: { positions: { lg: { colSpan: 3 } } } },
-                        { name: 'isContainer', layout: { positions: { lg: { colSpan: 3 } } } },
-                        { name: 'icon', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'inputs', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'outputs', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'outcomes', layout: { positions: { lg: { colSpan: 12 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions()],
-                },
-                list: {
-                    actions: [...entityMasterCrudActions()],
-                    views: [createAllQueryView({ sorts: [{ name: 'name', dir: 'asc' }] })],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var activityDefinition_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory$4
-});
-
-class AXMWorkflowManagementWorkflowDefinitionEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl extends AXMWorkflowManagementWorkflowDefinitionEntityService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.workflowDefinition.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMWorkflowManagementWorkflowDefinitionEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityModule, providers: [
-            {
-                provide: AXMWorkflowManagementWorkflowDefinitionEntityService,
-                useClass: AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowDefinitionEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMWorkflowManagementWorkflowDefinitionEntityService,
-                            useClass: AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
-async function factory$3(injector) {
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.workflowDefinition.name,
-        title: RootConfig.entities.workflowDefinition.title,
-        icon: RootConfig.entities.workflowDefinition.icon,
-        formats: {
-            individual: RootConfig.entities.workflowDefinition.title,
-            plural: RootConfig.entities.workflowDefinition.titlePlural,
-            displayName: '{{ title || name }}',
-            searchResult: {
-                title: '{{ title || name }}',
-                description: '{{ description }}',
-            },
-        },
-        plugins: [{ name: 'history' }, { name: 'lock' }, { name: 'archive' }],
-        groups: [
-            {
-                id: 'basicInfo',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.groups.basic-info',
-            },
-            {
-                id: 'configuration',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.groups.configuration',
-            },
-            {
-                id: 'metadata',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.groups.metadata',
-            },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'uuid',
-                    visible: false,
-                    nullable: false,
-                    readonly: true,
-                    unique: { enabled: true },
-                },
-            },
-            {
-                name: 'name',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.name.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                        options: {
-                            placeholder: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.name.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }, { rule: 'unique' }],
-            },
-            {
-                name: 'title',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.title.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                        options: {
-                            placeholder: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.title.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'description',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.description.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LargeTextBox,
-                        options: {
-                            rows: 3,
-                            placeholder: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.description.placeholder',
-                        },
-                    },
-                },
-            },
-            {
-                name: 'version',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.version.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'number',
-                    interface: {
-                        type: AXPWidgetsCatalog.number,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'isLatest',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.is-latest.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.toggle,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    filter: { inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'isPublished',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.is-published.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.toggle,
-                    },
-                },
-                options: {
-                    filter: { inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'isReadonly',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.is-readonly.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.toggle,
-                    },
-                },
-            },
-            {
-                name: 'isSystem',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.is-system.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'boolean',
-                    interface: {
-                        type: AXPWidgetsCatalog.toggle,
-                    },
-                    readonly: true,
-                },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.created-at.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsCatalog.dateTime,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'bindings',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.bindings.title',
-                groupId: 'configuration',
-                schema: {
-                    dataType: 'array',
-                    interface: {
-                        type: AXPWidgetsList.Advanced.CodeEditor,
-                        options: {
-                            language: 'json',
-                            placeholder: '[{ "entityTypes": ["Module.Entity"], "eventTypes": ["OnCreate"], "enabled": true }]',
-                        },
-                    },
-                },
-                options: {
-                    filter: { advance: { enabled: false } },
-                    sort: { enabled: false },
-                },
-            },
-        ],
-        columns: [
-            {
-                name: 'title',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.title.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-            },
-            {
-                name: 'name',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.name.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-            },
-            {
-                name: 'version',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.version.title',
-                showAs: { type: AXPWidgetsCatalog.number },
-                options: { width: '100px' },
-            },
-            {
-                name: 'isLatest',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.is-latest.title',
-                showAs: { type: AXPWidgetsCatalog.toggle, options: { trueText: 'Latest', falseText: '-' } },
-                options: { width: '100px' },
-            },
-            {
-                name: 'isPublished',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.is-published.title',
-                showAs: { type: AXPWidgetsCatalog.toggle },
-                options: { width: '120px' },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:workflow-definitions.entities.workflow-definition.fields.created-at.title',
-                showAs: { type: AXPWidgetsCatalog.dateTime },
-                options: { width: '180px' },
-            },
-        ],
-        interfaces: {
-            master: {
-                create: {
-                    sections: [{ id: 'basicInfo' }, { id: 'configuration' }],
-                    properties: [
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'isPublished', layout: { positions: { lg: { colSpan: 4 } } } },
-                        { name: 'isReadonly', layout: { positions: { lg: { colSpan: 4 } } } },
-                    ],
-                },
-                update: {
-                    sections: [{ id: 'basicInfo' }, { id: 'configuration' }],
-                    properties: [
-                        { name: 'definitionId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'isPublished', layout: { positions: { lg: { colSpan: 4 } } } },
-                        { name: 'isReadonly', layout: { positions: { lg: { colSpan: 4 } } } },
-                    ],
-                },
-                single: {
-                    title: '{{ name }}',
-                    sections: [
-                        { id: 'basicInfo', order: 1, layout: { positions: { lg: { colSpan: 12 } } } },
-                        { id: 'configuration', order: 2, layout: { positions: { lg: { colSpan: 6 } } } },
-                        { id: 'metadata', order: 3, layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    properties: [
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'title', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'version', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isLatest', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isPublished', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isReadonly', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'isSystem', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'createdAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions()],
-                },
-                list: {
-                    actions: [
-                        ...entityMasterCrudActions(),
-                        {
-                            title: '@workflow-management:workflow-definitions.actions.execute.title',
-                            name: 'execute-workflow',
-                            command: {
-                                name: 'WorkflowManagement.WorkflowDefinition:Execute',
-                                options: {
-                                    workflowId: '{{ context.eval("name") }}',
-                                    input: {},
-                                },
-                            },
-                            icon: 'fa-light fa-play',
-                            color: 'success',
-                            priority: 'primary',
-                            type: 'execute',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: '@workflow-management:workflow-definitions.actions.edit-in-studio.title',
-                            name: 'edit-in-studio',
-                            command: {
-                                name: 'WorkflowManagement.WorkflowDefinition:EditInStudio',
-                                options: {
-                                    workflowName: '{{ context.eval("name") }}',
-                                },
-                            },
-                            icon: 'fa-light fa-code',
-                            color: 'primary',
-                            priority: 'secondary',
-                            type: 'execute',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                    views: [createAllQueryView({ sorts: [{ name: 'createdAt', dir: 'desc' }] })],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var workflowDefinition_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory$3
-});
-
-class AXMWorkflowManagementWorkflowInstanceEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMWorkflowManagementWorkflowInstanceEntityServiceImpl extends AXMWorkflowManagementWorkflowInstanceEntityService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.workflowInstance.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMWorkflowManagementWorkflowInstanceEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityModule, providers: [
-            {
-                provide: AXMWorkflowManagementWorkflowInstanceEntityService,
-                useClass: AXMWorkflowManagementWorkflowInstanceEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkflowInstanceEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMWorkflowManagementWorkflowInstanceEntityService,
-                            useClass: AXMWorkflowManagementWorkflowInstanceEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
-async function factory$2(injector) {
-    const dataService = injector.get(AXMWorkflowManagementWorkflowInstanceEntityService);
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.workflowInstance.name,
-        title: RootConfig.entities.workflowInstance.title,
-        icon: RootConfig.entities.workflowInstance.icon,
-        formats: {
-            individual: RootConfig.entities.workflowInstance.title,
-            plural: RootConfig.entities.workflowInstance.titlePlural,
-            displayName: '{{ name || definitionId }}',
-            searchResult: {
-                title: '{{ name || definitionId }}',
-                description: '{{ status }} - {{ subStatus }}',
-            },
-        },
-        plugins: [{ name: 'history' }],
-        groups: [
-            {
-                id: 'basicInfo',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.groups.basic-info',
-            },
-            {
-                id: 'status',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.groups.status',
-            },
-            {
-                id: 'metadata',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.groups.metadata',
-            },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'uuid',
-                    visible: false,
-                    nullable: false,
-                    readonly: true,
-                    unique: { enabled: true },
-                },
-            },
-            {
-                name: 'definitionId',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.definition-id.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                        options: {
-                            placeholder: '@workflow-management:workflow-instances.entities.workflow-instance.fields.definition-id.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'name',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.name.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                        options: {
-                            placeholder: '@workflow-management:workflow-instances.entities.workflow-instance.fields.name.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'status',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.status.title',
-                groupId: 'status',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'Running', text: '@workflow-management:workflow-instances.states.running' },
-                                { value: 'Finished', text: '@workflow-management:workflow-instances.states.finished' },
-                            ],
-                        },
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'subStatus',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.sub-status.title',
-                groupId: 'status',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.select,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'Pending', text: '@workflow-management:workflow-instances.states.pending' },
-                                { value: 'Executing', text: '@workflow-management:workflow-instances.states.executing' },
-                                { value: 'Suspended', text: '@workflow-management:workflow-instances.states.suspended' },
-                                { value: 'Finished', text: '@workflow-management:workflow-instances.states.finished' },
-                                { value: 'Cancelled', text: '@workflow-management:workflow-instances.states.cancelled' },
-                                { value: 'Faulted', text: '@workflow-management:workflow-instances.states.faulted' },
-                            ],
-                        },
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'correlationId',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.correlation-id.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsCatalog.text,
-                        options: {
-                            placeholder: '@workflow-management:workflow-instances.entities.workflow-instance.fields.correlation-id.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'version',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.version.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'number',
-                    interface: {
-                        type: AXPWidgetsCatalog.number,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'incidentCount',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.incident-count.title',
-                groupId: 'status',
-                schema: {
-                    dataType: 'number',
-                    interface: {
-                        type: AXPWidgetsCatalog.number,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.created-at.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsCatalog.dateTime,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'updatedAt',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.updated-at.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsCatalog.dateTime,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'finishedAt',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.finished-at.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsCatalog.dateTime,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-        ],
-        columns: [
-            {
-                name: 'definitionId',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.definition-id.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-            },
-            {
-                name: 'name',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.name.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-            },
-            {
-                name: 'status',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.status.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '120px' },
-            },
-            {
-                name: 'subStatus',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.sub-status.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '140px' },
-            },
-            {
-                name: 'incidentCount',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.incident-count.title',
-                showAs: { type: AXPWidgetsCatalog.number },
-                options: { width: '100px' },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.created-at.title',
-                showAs: { type: AXPWidgetsCatalog.dateTime },
-                options: { width: '180px' },
-            },
-            {
-                name: 'finishedAt',
-                title: '@workflow-management:workflow-instances.entities.workflow-instance.fields.finished-at.title',
-                showAs: { type: AXPWidgetsCatalog.dateTime },
-                options: { width: '180px' },
-            },
-        ],
-        commands: {
-            delete: {
-                execute: async (id) => await dataService.deleteOne(id),
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    const item = await dataService.getOne(id);
-                    return item;
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query(e);
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                single: {
-                    title: '{{ name || definitionId }}',
-                    sections: [
-                        { id: 'basicInfo', order: 1, layout: { positions: { lg: { colSpan: 12 } } } },
-                        { id: 'status', order: 2, layout: { positions: { lg: { colSpan: 6 } } } },
-                        { id: 'metadata', order: 3, layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    properties: [
-                        { name: 'definitionId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'name', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'correlationId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'version', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'status', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'subStatus', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'incidentCount', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'createdAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'updatedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'finishedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions()],
-                },
-                list: {
-                    actions: [...entityMasterCrudActions()],
-                    views: [createAllQueryView({ sorts: [{ name: 'createdAt', dir: 'desc' }] })],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var workflowInstance_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory$2
-});
-
-class AXMWorkflowManagementWorkItemEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMWorkflowManagementWorkItemEntityServiceImpl extends AXMWorkflowManagementWorkItemEntityService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.workItem.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMWorkflowManagementWorkItemEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityModule, providers: [
-            {
-                provide: AXMWorkflowManagementWorkItemEntityService,
-                useClass: AXMWorkflowManagementWorkItemEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMWorkflowManagementWorkItemEntityService,
-                            useClass: AXMWorkflowManagementWorkItemEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
-async function factory$1(injector) {
-    const dataService = injector.get(AXMWorkflowManagementWorkItemEntityService);
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.workItem.name,
-        title: RootConfig.entities.workItem.title,
-        icon: RootConfig.entities.workItem.icon,
-        formats: {
-            individual: RootConfig.entities.workItem.title,
-            plural: RootConfig.entities.workItem.titlePlural,
-            displayName: '{{ title }}',
-            searchResult: {
-                title: '{{ title }}',
-                description: '{{ status }} - {{ priority }}',
-            },
-        },
-        plugins: [{ name: 'history' }],
-        groups: [
-            {
-                id: 'basicInfo',
-                title: '@workflow-management:work-items.entities.work-item.groups.basic-info',
-            },
-            {
-                id: 'assignment',
-                title: '@workflow-management:work-items.entities.work-item.groups.assignment',
-            },
-            {
-                id: 'workflow',
-                title: '@workflow-management:work-items.entities.work-item.groups.workflow',
-            },
-            {
-                id: 'metadata',
-                title: '@workflow-management:work-items.entities.work-item.groups.metadata',
-            },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'uuid',
-                    visible: false,
-                    nullable: false,
-                    readonly: true,
-                    unique: { enabled: true },
-                },
-            },
-            {
-                name: 'instanceId',
-                title: '@workflow-management:work-items.entities.work-item.fields.instance-id.title',
-                groupId: 'workflow',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: `${RootConfig.module.name}.${RootConfig.entities.workflowInstance.name}`,
-                            textField: 'name',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'instance.id' },
-                                { source: 'name', target: 'instance.name' },
-                                { source: 'definitionId', target: 'instance.definitionId' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'bookmarkId',
-                title: '@workflow-management:work-items.entities.work-item.fields.bookmark-id.title',
-                groupId: 'workflow',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                        options: {
-                            placeholder: '@workflow-management:work-items.entities.work-item.fields.bookmark-id.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'activityNodeId',
-                title: '@workflow-management:work-items.entities.work-item.fields.activity-node-id.title',
-                groupId: 'workflow',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                        options: {
-                            placeholder: '@workflow-management:work-items.entities.work-item.fields.activity-node-id.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'activityName',
-                title: '@workflow-management:work-items.entities.work-item.fields.activity-name.title',
-                groupId: 'workflow',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                        options: {
-                            placeholder: '@workflow-management:work-items.entities.work-item.fields.activity-name.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'title',
-                title: '@workflow-management:work-items.entities.work-item.fields.title.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                        options: {
-                            placeholder: '@workflow-management:work-items.entities.work-item.fields.title.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'description',
-                title: '@workflow-management:work-items.entities.work-item.fields.description.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LargeTextBox,
-                        options: {
-                            rows: 3,
-                            placeholder: '@workflow-management:work-items.entities.work-item.fields.description.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: false },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'kind',
-                title: '@workflow-management:work-items.entities.work-item.fields.kind.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.SelectBox,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'HumanTask', text: '@workflow-management:work-items.kinds.human-task' },
-                                { value: 'Approval', text: '@workflow-management:work-items.kinds.approval' },
-                                { value: 'Review', text: '@workflow-management:work-items.kinds.review' },
-                                { value: 'Notification', text: '@workflow-management:work-items.kinds.notification' },
-                                { value: 'Other', text: '@workflow-management:work-items.kinds.other' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'status',
-                title: '@workflow-management:work-items.entities.work-item.fields.status.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.SelectBox,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'Pending', text: '@workflow-management:work-items.states.pending' },
-                                { value: 'Claimed', text: '@workflow-management:work-items.states.claimed' },
-                                { value: 'InProgress', text: '@workflow-management:work-items.states.in-progress' },
-                                { value: 'Completed', text: '@workflow-management:work-items.states.completed' },
-                                { value: 'Cancelled', text: '@workflow-management:work-items.states.cancelled' },
-                                { value: 'Rejected', text: '@workflow-management:work-items.states.rejected' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'priority',
-                title: '@workflow-management:work-items.entities.work-item.fields.priority.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.SelectBox,
-                        options: {
-                            valueField: 'value',
-                            textField: 'text',
-                            dataSource: [
-                                { value: 'Low', text: '@workflow-management:work-items.priorities.low' },
-                                { value: 'Normal', text: '@workflow-management:work-items.priorities.normal' },
-                                { value: 'High', text: '@workflow-management:work-items.priorities.high' },
-                                { value: 'Urgent', text: '@workflow-management:work-items.priorities.urgent' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'assignedUserId',
-                title: '@workflow-management:work-items.entities.work-item.fields.assigned-user-id.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.User',
-                            textField: 'displayName',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'assignedUser.id' },
-                                { source: 'displayName', target: 'assignedUser.displayName' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'claimedByUserId',
-                title: '@workflow-management:work-items.entities.work-item.fields.claimed-by-user-id.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.User',
-                            textField: 'displayName',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'claimedByUser.id' },
-                                { source: 'displayName', target: 'claimedByUser.displayName' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'completedByUserId',
-                title: '@workflow-management:work-items.entities.work-item.fields.completed-by-user-id.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.User',
-                            textField: 'displayName',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'completedByUser.id' },
-                                { source: 'displayName', target: 'completedByUser.displayName' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'createdByUserId',
-                title: '@workflow-management:work-items.entities.work-item.fields.created-by-user-id.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.User',
-                            textField: 'displayName',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'createdByUser.id' },
-                                { source: 'displayName', target: 'createdByUser.displayName' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-            },
-            {
-                name: 'assignedAt',
-                title: '@workflow-management:work-items.entities.work-item.fields.assigned-at.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'claimedAt',
-                title: '@workflow-management:work-items.entities.work-item.fields.claimed-at.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'completedAt',
-                title: '@workflow-management:work-items.entities.work-item.fields.completed-at.title',
-                groupId: 'assignment',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'dueDate',
-                title: '@workflow-management:work-items.entities.work-item.fields.due-date.title',
-                groupId: 'basicInfo',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                        options: {
-                            placeholder: '@workflow-management:work-items.entities.work-item.fields.due-date.placeholder',
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:work-items.entities.work-item.fields.created-at.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'updatedAt',
-                title: '@workflow-management:work-items.entities.work-item.fields.updated-at.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'entityRefId',
-                title: '@workflow-management:work-items.entities.work-item.fields.entity-ref-id.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                    },
-                    visible: false,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'entityRefType',
-                title: '@workflow-management:work-items.entities.work-item.fields.entity-ref-type.title',
-                groupId: 'metadata',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.TextBox,
-                    },
-                    visible: false,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-        ],
-        columns: [
-            {
-                name: 'title',
-                title: '@workflow-management:work-items.entities.work-item.fields.title.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-            },
-            {
-                name: 'status',
-                title: '@workflow-management:work-items.entities.work-item.fields.status.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '120px' },
-            },
-            {
-                name: 'priority',
-                title: '@workflow-management:work-items.entities.work-item.fields.priority.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '100px' },
-            },
-            {
-                name: 'kind',
-                title: '@workflow-management:work-items.entities.work-item.fields.kind.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '120px' },
-            },
-            {
-                name: 'assignedUserId',
-                title: '@workflow-management:work-items.entities.work-item.fields.assigned-user-id.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '150px', dataPath: 'assignedUser.displayName' },
-            },
-            {
-                name: 'claimedByUserId',
-                title: '@workflow-management:work-items.entities.work-item.fields.claimed-by-user-id.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { width: '150px', dataPath: 'claimedByUser.displayName' },
-            },
-            {
-                name: 'dueDate',
-                title: '@workflow-management:work-items.entities.work-item.fields.due-date.title',
-                showAs: { type: AXPWidgetsCatalog.dateTime },
-                options: { width: '180px' },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:work-items.entities.work-item.fields.created-at.title',
-                showAs: { type: AXPWidgetsCatalog.dateTime },
-                options: { width: '180px' },
-            },
-        ],
-        commands: {
-            delete: {
-                execute: async (id) => await dataService.deleteOne(id),
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    const item = await dataService.getOne(id);
-                    return item;
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query(e);
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        relatedEntities: [
-            {
-                entity: `${RootConfig.module.name}.${RootConfig.entities.workItemCandidate.name}`,
-                title: RootConfig.entities.workItemCandidate.titlePlural,
-                columns: ['userId'],
-                conditions: [
-                    {
-                        name: 'workItemId',
-                        operator: { type: 'equal' },
-                        value: '{{context.eval("id")}}',
-                    },
-                ],
-                actions: [
-                    {
-                        title: '@general:actions.create.title',
-                        command: {
-                            name: 'create-entity',
-                            options: {
-                                process: {
-                                    redirect: false,
-                                    canCreateNewOne: true,
-                                },
-                            },
-                        },
-                        priority: 'primary',
-                        type: 'create',
-                        scope: AXPEntityCommandScope.TypeLevel,
-                    },
-                ],
-                layout: { type: 'page-list', position: 'after', order: 1 },
-            },
-        ],
-        interfaces: {
-            master: {
-                single: {
-                    title: '{{ title }}',
-                    sections: [
-                        { id: 'basicInfo', order: 1, layout: { positions: { lg: { colSpan: 12 } } } },
-                        { id: 'assignment', order: 2, layout: { positions: { lg: { colSpan: 6 } } } },
-                        { id: 'workflow', order: 3, layout: { positions: { lg: { colSpan: 6 } } } },
-                        { id: 'metadata', order: 4, layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    properties: [
-                        { name: 'title', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'description', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'kind', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'priority', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'status', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'dueDate', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'assignedUserId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'claimedByUserId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'completedByUserId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'assignedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'claimedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'completedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'instanceId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'bookmarkId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'activityNodeId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'activityName', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'createdByUserId', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'createdAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'updatedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    actions: [...entityMasterRecordActions()],
-                },
-                list: {
-                    actions: [...entityMasterCrudActions()],
-                    views: [
-                        createAllQueryView({ sorts: [{ name: 'createdAt', dir: 'desc' }] }),
-                        createQueryView('my-work-items', '@workflow-management:work-items.views.my-work-items', false, {
-                            conditions: [
-                                {
-                                    name: 'assignedUserId',
-                                    operator: { type: 'equal' },
-                                    value: '{{$currentUser.id}}',
-                                },
-                                {
-                                    name: 'claimedByUserId',
-                                    operator: { type: 'equal' },
-                                    value: '{{$currentUser.id}}',
-                                },
-                            ],
-                            sorts: [{ name: 'createdAt', dir: 'desc' }],
-                        }),
-                        createQueryView('claimed-by-me', '@workflow-management:work-items.views.claimed-by-me', false, {
-                            conditions: [
-                                {
-                                    name: 'claimedByUserId',
-                                    operator: { type: 'equal' },
-                                    value: '{{$currentUser.id}}',
-                                },
-                            ],
-                            sorts: [{ name: 'claimedAt', dir: 'desc' }],
-                        }),
-                        createQueryView('pending', '@workflow-management:work-items.views.pending', false, {
-                            conditions: [
-                                {
-                                    name: 'status',
-                                    operator: { type: 'equal' },
-                                    value: 'Pending',
-                                },
-                            ],
-                            sorts: [{ name: 'priority', dir: 'desc' }, { name: 'createdAt', dir: 'asc' }],
-                        }),
-                        createQueryView('in-progress', '@workflow-management:work-items.views.in-progress', false, {
-                            conditions: [
-                                {
-                                    name: 'status',
-                                    operator: { type: 'equal' },
-                                    value: 'InProgress',
-                                },
-                            ],
-                            sorts: [{ name: 'dueDate', dir: 'asc' }],
-                        }),
-                        createQueryView('completed', '@workflow-management:work-items.views.completed', false, {
-                            conditions: [
-                                {
-                                    name: 'status',
-                                    operator: { type: 'equal' },
-                                    value: 'Completed',
-                                },
-                            ],
-                            sorts: [{ name: 'completedAt', dir: 'desc' }],
-                        }),
-                    ],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var workItem_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory$1
-});
-
-class AXMWorkflowManagementWorkItemCandidateEntityService extends AXMEntityCrudServiceImpl {
-}
-class AXMWorkflowManagementWorkItemCandidateEntityServiceImpl extends AXMWorkflowManagementWorkItemCandidateEntityService {
-    constructor() {
-        super(`${RootConfig.module.name}.${RootConfig.entities.workItemCandidate.name}`);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityServiceImpl }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityServiceImpl, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class AXMWorkflowManagementWorkItemCandidateEntityModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityModule, providers: [
-            {
-                provide: AXMWorkflowManagementWorkItemCandidateEntityService,
-                useClass: AXMWorkflowManagementWorkItemCandidateEntityServiceImpl,
-            },
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementWorkItemCandidateEntityModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [],
-                    exports: [],
-                    declarations: [],
-                    providers: [
-                        {
-                            provide: AXMWorkflowManagementWorkItemCandidateEntityService,
-                            useClass: AXMWorkflowManagementWorkItemCandidateEntityServiceImpl,
-                        },
-                    ],
-                }]
-        }] });
-
-async function factory(injector) {
-    const dataService = injector.get(AXMWorkflowManagementWorkItemCandidateEntityService);
-    const entityDef = {
-        module: RootConfig.module.name,
-        name: RootConfig.entities.workItemCandidate.name,
-        title: RootConfig.entities.workItemCandidate.title,
-        icon: RootConfig.entities.workItemCandidate.icon,
-        formats: {
-            individual: RootConfig.entities.workItemCandidate.title,
-            plural: RootConfig.entities.workItemCandidate.titlePlural,
-            displayName: '{{ user?.displayName || userId }}',
-            searchResult: {
-                title: '{{ user?.displayName || userId }}',
-                description: '{{ workItem?.title }}',
-            },
-        },
-        groups: [
-            {
-                id: 'basic-info',
-                title: '@workflow-management:work-items.entities.work-item-candidate.groups.basic-info',
-            },
-            {
-                id: 'candidate',
-                title: '@workflow-management:work-items.entities.work-item-candidate.groups.candidate',
-            },
-        ],
-        properties: [
-            {
-                name: 'id',
-                title: 'ID',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'uuid',
-                    visible: false,
-                    nullable: false,
-                    readonly: true,
-                    unique: { enabled: true },
-                },
-            },
-            {
-                name: 'workItemId',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.work-item-id.title',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: `${RootConfig.module.name}.${RootConfig.entities.workItem.name}`,
-                            textField: 'title',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'workItem.id' },
-                                { source: 'title', target: 'workItem.title' },
-                                { source: 'status', target: 'workItem.status' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'userId',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.user-id.title',
-                groupId: 'candidate',
-                schema: {
-                    dataType: 'string',
-                    interface: {
-                        type: AXPWidgetsList.Editors.LookupBox,
-                        options: {
-                            entity: 'SecurityManagement.User',
-                            textField: 'displayName',
-                            valueField: 'id',
-                            look: 'select',
-                            expose: [
-                                { source: 'id', target: 'user.id' },
-                                { source: 'displayName', target: 'user.displayName' },
-                            ],
-                        },
-                    },
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true }, inline: { enabled: true } },
-                },
-                validations: [{ rule: 'required' }],
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.created-at.title',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-            {
-                name: 'updatedAt',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.updated-at.title',
-                groupId: 'basic-info',
-                schema: {
-                    dataType: 'date',
-                    interface: {
-                        type: AXPWidgetsList.Editors.DateTimeBox,
-                    },
-                    readonly: true,
-                },
-                options: {
-                    sort: { enabled: true },
-                    filter: { advance: { enabled: true } },
-                },
-            },
-        ],
-        columns: [
-            {
-                name: 'workItemId',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.work-item-id.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { dataPath: 'workItem.title' },
-            },
-            {
-                name: 'userId',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.user-id.title',
-                showAs: { type: AXPWidgetsCatalog.text },
-                options: { dataPath: 'user.displayName' },
-            },
-            {
-                name: 'createdAt',
-                title: '@workflow-management:work-items.entities.work-item-candidate.fields.created-at.title',
-                showAs: { type: AXPWidgetsCatalog.dateTime },
-                options: { width: '180px' },
-            },
-        ],
-        commands: {
-            delete: {
-                execute: async (id) => await dataService.deleteOne(id),
-            },
-        },
-        queries: {
-            byKey: {
-                execute: async (id) => {
-                    const item = await dataService.getOne(id);
-                    return item;
-                },
-                type: AXPEntityQueryType.Single,
-            },
-            list: {
-                execute: async (e) => {
-                    return await dataService.query(e);
-                },
-                type: AXPEntityQueryType.List,
-            },
-        },
-        interfaces: {
-            master: {
-                single: {
-                    title: '{{ user?.displayName || userId }}',
-                    sections: [
-                        { id: 'basic-info', order: 1, layout: { positions: { lg: { colSpan: 12 } } } },
-                        { id: 'candidate', order: 2, layout: { positions: { lg: { colSpan: 12 } } } },
-                    ],
-                    properties: [
-                        { name: 'workItemId', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'userId', layout: { positions: { lg: { colSpan: 12 } } } },
-                        { name: 'createdAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                        { name: 'updatedAt', layout: { positions: { lg: { colSpan: 6 } } } },
-                    ],
-                    actions: [
-                        {
-                            title: '@general:actions.edit.title',
-                            command: 'quick-modify-entity',
-                            priority: 'primary',
-                            type: 'update',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: '@general:actions.delete.title',
-                            command: 'delete-entity',
-                            priority: 'secondary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                },
-                list: {
-                    actions: [
-                        {
-                            title: '@general:actions.create.title',
-                            command: {
-                                name: 'create-entity',
-                                options: {
-                                    process: {
-                                        redirect: false,
-                                        canCreateNewOne: true,
-                                    },
-                                },
-                            },
-                            priority: 'primary',
-                            type: 'create',
-                            scope: AXPEntityCommandScope.TypeLevel,
-                        },
-                        {
-                            title: '@general:actions.delete-items.title',
-                            command: 'delete-entity',
-                            priority: 'primary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Selected,
-                        },
-                        {
-                            title: '@general:actions.edit.title',
-                            command: 'quick-modify-entity',
-                            priority: 'secondary',
-                            type: 'update',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                        {
-                            title: '@general:actions.delete.title',
-                            command: 'delete-entity',
-                            priority: 'secondary',
-                            type: 'delete',
-                            scope: AXPEntityCommandScope.Individual,
-                        },
-                    ],
-                    views: [createAllQueryView({ sorts: [{ name: 'createdAt', dir: 'desc' }] })],
-                },
-            },
-        },
-    };
-    return entityDef;
-}
-
-var workItemCandidate_entity = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    factory: factory
-});
-
-//#endregion
-/**
- * CheckPermission Activity (Backend)
- *
- * Checks if a user has specific permission.
- * This is a mock implementation that always grants permission for demo purposes.
- *
- * In production, this would check against real permission system.
- *
- * Execution Mode: backend
- * Activity Type: workflow-activity:check-permission
- *
- * Outcomes:
- * - HasPermission: User has the permission
- * - NoPermission: User does not have the permission
- */
-class CheckPermissionActivity {
-    constructor() {
-        //#region ----   AXPCommand Implementation   ----
-        this.sessionService = inject(AXPSessionService);
-    }
-    async execute(input) {
-        const hasPermission = this.sessionService.authorize(input.permission);
-        const output = {
-            hasPermission,
-            userId: input.userId || 'current-user',
-            permission: input.permission,
-        };
-        // Determine outcome based on permission check
-        const outcomes = hasPermission
-            ? { HasPermission: true }
-            : { NoPermission: true };
-        console.log(`[CheckPermissionActivity] Checked permission '${input.permission}' for user '${output.userId}': ${hasPermission ? 'GRANTED' : 'DENIED'}`);
-        return {
-            success: true,
-            data: {
-                output,
-                outcomes,
+                        name: AXPWorkflowManagementMenuKeys.WorkflowStudio,
+                        text: '@workflow-management:workflow-studio.menus.workflow-studio.title',
+                        path: `/${this.sessionService.application?.name ?? module.name}/workflow-management/studio`,
+                        priority: 30,
+                        icon: 'fa-light fa-wrench',
+                    },
+                    {
+                        name: AXPWorkflowManagementMenuKeys.ActivityDefinitions,
+                        text: '@workflow-management:activities.menus.activity.title',
+                        path: this.entityService.createPath(module.name, RootConfig.entities.activityDefinition.name),
+                        priority: 40,
+                        icon: RootConfig.entities.activityDefinition.icon,
+                    },
+                ],
             },
-        };
+        ]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckPermissionActivity, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckPermissionActivity }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CheckPermissionActivity, decorators: [{
-            type: Injectable
-        }] });
 
 //#endregion
 /**
@@ -3018,6 +675,118 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
+//#region ----   Imports   ----
+//#endregion
+/**
+ * Human Task Activity (Frontend)
+ *
+ * Generic human task activity that suspends workflow and waits for user interaction.
+ * Supports assignment and actions (displayed inline). For dialog-style flow, use a follow-up activity.
+ *
+ * Execution Mode: frontend
+ * Task Type: human-task
+ * Activity Type: workflow-activity:human-task
+ *
+ * Outcomes:
+ * Outcomes are dynamically generated based on the actions provided in the input.
+ * Each action creates a corresponding outcome with the action name (from command.name or action.name).
+ * If no actions are provided, default actions (cancel, submit) are used.
+ *
+ * Examples:
+ * - If action has command.name = 'approve', outcome will be { approve: true }
+ * - If action has name = 'reject', outcome will be { reject: true }
+ * - Default outcomes: { cancel: true } or { submit: true }
+ *
+ * Assignment:
+ * - assignedUserIds: Direct assignment to specific users
+ * - candidateUserIds: Users who can claim the task
+ * - candidateRoleIds: Roles whose members can claim the task
+ *
+ * Display Modes:
+ * - 'dialog': Traditional modal dialog (default)
+ * - 'inline': Actions displayed directly on page before resume
+ */
+class HumanTaskActivity {
+    //#region ----   Services & Dependencies   ----
+    // Note: This activity doesn't execute immediately - it suspends the workflow
+    // The actual UI display is handled by the Generic Task Provider and Display Service
+    //#endregion
+    //#region ----   AXPCommand Implementation   ----
+    /**
+     * Execute human task activity.
+     *
+     * This method doesn't actually show UI - it just validates input and returns success.
+     * The workflow engine will suspend at this activity and create a bookmark.
+     * The Generic Task Provider will handle displaying the task UI inline.
+     */
+    async execute(input) {
+        console.log('human task input', input.context?.['input'] ?? 'no input');
+        try {
+            // Validate required fields
+            if (!input.title && !input.description) {
+                console.warn('[HumanTaskActivity] No title or description provided');
+            }
+            // Build outcomes from actions (dynamic) or default submit/cancel
+            const outcomes = {};
+            const rawActions = input.actions;
+            if (rawActions) {
+                try {
+                    const actions = typeof rawActions === 'string' ? JSON.parse(rawActions) : rawActions;
+                    const prefix = actions?.prefix ?? [];
+                    const suffix = actions?.suffix ?? [];
+                    for (const item of [...prefix, ...suffix]) {
+                        const name = item?.command?.name ?? item?.name;
+                        if (name && typeof name === 'string')
+                            outcomes[name] = true;
+                    }
+                }
+                catch {
+                    // ignore parse error
+                }
+            }
+            if (Object.keys(outcomes).length === 0) {
+                outcomes['cancel'] = true;
+                outcomes['submit'] = true;
+            }
+            // This activity suspends the workflow - the actual result will come from resume
+            // Return a placeholder result - the real result comes when user completes the task
+            return {
+                success: true,
+                data: {
+                    output: {
+                        result: input.context || {},
+                        action: 'pending', // Will be replaced when task is completed
+                    },
+                    outcomes,
+                },
+            };
+        }
+        catch (error) {
+            console.error(`[HumanTaskActivity] Failed to execute human task:`, error);
+            return {
+                success: false,
+                message: {
+                    text: error.message || 'Failed to execute human task',
+                },
+                data: {
+                    output: {
+                        result: {},
+                        action: 'cancel',
+                    },
+                    outcomes: {
+                        cancel: true,
+                    },
+                },
+            };
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HumanTaskActivity, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HumanTaskActivity }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: HumanTaskActivity, decorators: [{
+            type: Injectable
+        }] });
+
 //#endregion
 /**
  * ShowToast Activity (Frontend)
@@ -3418,34 +1187,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
-class AssignToManggerActivity {
-    async execute(input) {
-        debugger;
-        console.log('input data assign', input);
-        return {
-            success: true,
-            data: {
-                outcomes: ['done'],
-                output: {}
-            },
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AssignToManggerActivity, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AssignToManggerActivity }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AssignToManggerActivity, decorators: [{
-            type: Injectable
-        }] });
-
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AXMWorkflowActivitiesDefinitionProvider: AXMWorkflowActivitiesDefinitionProvider,
     AXPCreateEntityActivity: AXPCreateEntityActivity,
-    AssignToManggerActivity: AssignToManggerActivity,
-    CheckPermissionActivity: CheckPermissionActivity,
     CollectSignatureActivity: CollectSignatureActivity,
     ExecuteCommandActivity: ExecuteCommandActivity,
     ExecuteQueryActivity: ExecuteQueryActivity,
+    HumanTaskActivity: HumanTaskActivity,
     ShowConfirmPopupActivity: ShowConfirmPopupActivity,
     ShowLayoutPopupActivity: ShowLayoutPopupActivity,
     ShowToastActivity: ShowToastActivity
@@ -3523,7 +1272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class AXCCategoryProvider {
     constructor() {
         this.entityService = inject(AXPEntityService);
-        this.categoryService = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.activityCategory.name).data();
+        /** Category entity is provided by category plugin (ActivityDefinition → ActivityDefinitionCategory). */
+        this.categoryService = this.entityService.withEntity(RootConfig.module.name, 'ActivityDefinitionCategory').data();
     }
     async getList(parentId) {
         const list = [];
@@ -3573,7 +1323,9 @@ class AXMWorkflowCategoryProvider {
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.entityService = inject(AXPEntityService);
-        this.categoryService = this.entityService.withEntity(RootConfig.module.name, 'WorkflowCategory').data();
+        this.categoryService = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.workflowDefinition.name + 'Category')
+            .data();
     }
     //#endregion
     //#region ----   AXPWorkflowCategoryProvider Implementation   ----
@@ -3646,21 +1398,23 @@ class AXMWorkflowDefinitionProvider {
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.entityService = inject(AXPEntityService);
-        this.workflowDefinitionService = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.workflowDefinition.name).data();
+        this.workflowDefinitionService = this.entityService
+            .withEntity(RootConfig.module.name, RootConfig.entities.workflowDefinition.name)
+            .data();
     }
     //#endregion
     //#region ----   AXPWorkflowProvider Implementation   ----
     async getList(categoryId) {
-        // Use 'equal' operator to filter by category field
+        // Same as report: filter by categoryIds array with 'contains'
         const result = await this.workflowDefinitionService.query({
             skip: 0,
             take: 1000,
             filter: {
                 logic: 'and',
                 filters: [{
-                        field: 'category',
+                        field: 'categoryIds',
                         operator: {
-                            type: 'equal',
+                            type: 'contains',
                         },
                         value: categoryId,
                     }]
@@ -3771,15 +1525,6 @@ const AXMPermissionsKeys = {
     WorkflowManagement: {
         Management: 'WorkflowManagement:Permission:Management',
     },
-    WorkItems: {
-        Management: 'WorkflowManagement:WorkItems:Management',
-        View: 'WorkflowManagement:WorkItems:View',
-        Create: 'WorkflowManagement:WorkItems:Create',
-        Assign: 'WorkflowManagement:WorkItems:Assign',
-        Claim: 'WorkflowManagement:WorkItems:Claim',
-        Complete: 'WorkflowManagement:WorkItems:Complete',
-        Cancel: 'WorkflowManagement:WorkItems:Cancel',
-    },
 };
 
 class AXMPermissionDefinitionProvider {
@@ -3790,18 +1535,7 @@ class AXMPermissionDefinitionProvider {
         const trans = async (key) => await this.translationService.translateAsync(`@workflow-management:${key}`);
         const keys = AXMPermissionsKeys;
         const MODULE_PERMISSIONS = '@workflow-management:module.permissions';
-        const WORK_ITEMS_PERMISSIONS = '@workflow-management:work-items.permissions';
-        context
-            .addGroup(RootConfig.module.name, `${MODULE_PERMISSIONS}.title`, `${MODULE_PERMISSIONS}.description`)
-            .addPermission(keys.WorkItems.Management, `${WORK_ITEMS_PERMISSIONS}.manage.title`, `${WORK_ITEMS_PERMISSIONS}.manage.description`)
-            .addChild(keys.WorkItems.View, `${WORK_ITEMS_PERMISSIONS}.view.title`, `${WORK_ITEMS_PERMISSIONS}.view.description`)
-            .addChild(keys.WorkItems.Create, `${WORK_ITEMS_PERMISSIONS}.create.title`, `${WORK_ITEMS_PERMISSIONS}.create.description`)
-            .addChild(keys.WorkItems.Assign, `${WORK_ITEMS_PERMISSIONS}.assign.title`, `${WORK_ITEMS_PERMISSIONS}.assign.description`)
-            .addChild(keys.WorkItems.Claim, `${WORK_ITEMS_PERMISSIONS}.claim.title`, `${WORK_ITEMS_PERMISSIONS}.claim.description`)
-            .addChild(keys.WorkItems.Complete, `${WORK_ITEMS_PERMISSIONS}.complete.title`, `${WORK_ITEMS_PERMISSIONS}.complete.description`)
-            .addChild(keys.WorkItems.Cancel, `${WORK_ITEMS_PERMISSIONS}.cancel.title`, `${WORK_ITEMS_PERMISSIONS}.cancel.description`)
-            .endPermission()
-            .endGroup();
+        context.addGroup(RootConfig.module.name, `${MODULE_PERMISSIONS}.title`, `${MODULE_PERMISSIONS}.description`);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMPermissionDefinitionProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMPermissionDefinitionProvider }); }
@@ -3810,6 +1544,493 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
+/**
+ * Injection token for provider config. Use when registering via DI (provide token + useFactory with deps).
+ * When creating via useFactory: () => new AXPGenericWorkflowTaskProvider({ ... }), config is passed in the closure.
+ */
+const AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG = new InjectionToken('AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG');
+//#endregion
+/**
+ * Generic Workflow Task Provider
+ *
+ * Provides tasks from Workflow Instances directly (no Work Items).
+ * Queries suspended workflow instances and extracts tasks from bookmarks.
+ *
+ * Create one provider per workflow definition by passing a config (name, title, definitionId).
+ * E.g. leave request: { name: 'leave-request-workflow-tasks', title: 'Leave Request', definitionId: 'LeaveRequestWorkflow' }
+ *
+ * Architecture:
+ * - Queries Workflow Instances with subStatus = 'Suspended'
+ * - Filters by config.definitionId when set (one provider = one definition)
+ * - Extracts active bookmarks for each instance
+ * - Parses bookmark payload for assignment/actions
+ * - Maps to task board format
+ */
+class AXPGenericWorkflowTaskProvider extends AXPWorkflowTaskProvider {
+    //#endregion
+    //#region ----   Constructor   ----
+    constructor(config) {
+        super();
+        //#endregion
+        //#region ----   Services & Dependencies   ----
+        this.entityService = inject(AXPEntityService);
+        this.workflowInstanceData = this.entityService
+            .withEntity('WorkflowManagement', 'WorkflowInstance')
+            .data();
+        this.translationService = inject(AXTranslationService);
+        this.workflowManager = inject(AXPWorkflowManager);
+        this.config = config;
+    }
+    //#endregion
+    //#region ----   Provider Metadata   ----
+    get name() {
+        return this.config.name;
+    }
+    get title() {
+        return this.config.title;
+    }
+    get icon() {
+        return this.config.icon ?? 'fa-light fa-diagram-project';
+    }
+    //#endregion
+    //#region ----   Task Retrieval   ----
+    /**
+     * Get tasks from suspended workflow instances.
+     *
+     * Queries workflow instances filtered by:
+     * - subStatus = 'Suspended'
+     * - entityRefType (if provided in filter)
+     * - definitionId (if provided in filter)
+     * - assignee/claimant (if filter provided)
+     *
+     * Then extracts active bookmarks and maps to task board format.
+     */
+    async getTasks(options) {
+        console.log(`[GenericWorkflowTaskProvider] 🔍 getTasks called with options:`, {
+            skip: options?.skip,
+            take: options?.take,
+            assigneeIds: options?.assigneeIds,
+            range: options?.range,
+            types: options?.types,
+        });
+        // Build filter for workflow instances
+        const baseFilter = { logic: 'and', filters: [] };
+        // Filter by subStatus = 'Suspended' (only suspended workflows have pending tasks)
+        baseFilter.filters?.push({
+            field: 'subStatus',
+            operator: { type: 'equal' },
+            value: 'Suspended',
+        });
+        // Scope this provider to one workflow definition
+        if (this.config.definitionId) {
+            baseFilter.filters?.push({
+                field: 'definitionId',
+                operator: { type: 'equal' },
+                value: this.config.definitionId,
+            });
+        }
+        // Filter by date range if provided (using createdAt or updatedAt)
+        if (options?.range?.from || options?.range?.end) {
+            if (options.range.from) {
+                baseFilter.filters?.push({
+                    field: 'createdAt',
+                    operator: { type: 'gte' },
+                    value: options.range.from.toISOString(),
+                });
+            }
+            if (options.range.end) {
+                baseFilter.filters?.push({
+                    field: 'createdAt',
+                    operator: { type: 'lte' },
+                    value: options.range.end.toISOString(),
+                });
+            }
+        }
+        console.log(`[GenericWorkflowTaskProvider] 🔎 Query filter:`, JSON.stringify(baseFilter, null, 2));
+        // Query workflow instances
+        const { items: instances, total } = await this.workflowInstanceData.query({
+            skip: options?.skip ?? 0,
+            take: options?.take ?? 20,
+            filter: baseFilter,
+        });
+        console.log(`[GenericWorkflowTaskProvider] 📦 Query result:`, {
+            total,
+            itemsCount: instances.length,
+            instances: instances.map((inst) => ({
+                id: inst.id,
+                definitionId: inst.definitionId,
+                entityRefType: inst.entityRefType,
+                entityRefId: inst.entityRefId,
+                subStatus: inst.subStatus,
+            })),
+        });
+        // Extract tasks from bookmarks for each instance
+        const tasks = [];
+        console.log(`[GenericWorkflowTaskProvider] 🔄 Processing ${instances.length} workflow instances...`);
+        for (const instance of instances) {
+            try {
+                console.log(`[GenericWorkflowTaskProvider] 📝 Processing instance:`, {
+                    id: instance.id,
+                    definitionId: instance.definitionId,
+                    entityRefType: instance.entityRefType,
+                    entityRefId: instance.entityRefId,
+                });
+                // Get active bookmarks from instance entity (workflowInstance.bookmarks)
+                const bookmarks = this.getActiveBookmarksFromInstance(instance);
+                console.log(`[GenericWorkflowTaskProvider] 📌 Found ${bookmarks.length} active bookmarks for instance ${instance.id}`);
+                // Process each bookmark (typically one per suspended activity)
+                for (const bookmark of bookmarks) {
+                    try {
+                        // Get payload from entity (payload object or parse payloadJson)
+                        let payload;
+                        try {
+                            const raw = bookmark.payload ??
+                                (bookmark.payloadJson ? JSON.parse(bookmark.payloadJson) : null);
+                            payload =
+                                typeof raw === 'object' && raw !== null
+                                    ? raw
+                                    : {};
+                        }
+                        catch (error) {
+                            console.warn(`[GenericWorkflowTaskProvider] ⚠️ Failed to parse bookmark payload:`, error);
+                            continue;
+                        }
+                        // Only process human-task bookmarks
+                        if (payload.taskType !== 'human-task') {
+                            console.log(`[GenericWorkflowTaskProvider] ⏭️ Skipping bookmark (taskType: ${payload.taskType}, not human-task)`);
+                            continue;
+                        }
+                        // Check assignment filter if provided
+                        if (options?.assigneeIds && options.assigneeIds.length > 0) {
+                            const assignedIds = payload.assignedUserIds || [];
+                            const candidateIds = payload.candidateUserIds || [];
+                            const allUserIds = [...assignedIds, ...candidateIds];
+                            // TODO: Also check candidateRoleIds by resolving role members
+                            const matchesAssignee = allUserIds.some((id) => options.assigneeIds.includes(id));
+                            if (!matchesAssignee) {
+                                console.log(`[GenericWorkflowTaskProvider] ⏭️ Skipping task (assignee filter doesn't match)`);
+                                continue;
+                            }
+                        }
+                        // Map bookmark to task
+                        const task = this.mapBookmarkToTask(instance, bookmark, payload);
+                        console.log(`[GenericWorkflowTaskProvider] ✅ Mapped to task:`, {
+                            id: task.id,
+                            title: task.title,
+                            status: task.status,
+                        });
+                        tasks.push(task);
+                    }
+                    catch (error) {
+                        console.error(`[GenericWorkflowTaskProvider] ❌ Failed to process bookmark ${bookmark.id}:`, error);
+                        // Skip this bookmark and continue
+                    }
+                }
+            }
+            catch (error) {
+                console.error(`[GenericWorkflowTaskProvider] ❌ Failed to process instance ${instance.id}:`, error);
+                // Skip this instance and continue
+            }
+        }
+        console.log(`[GenericWorkflowTaskProvider] ✅ Returning ${tasks.length} tasks (total instances: ${total})`);
+        return { items: tasks, total };
+    }
+    /**
+     * Get active (non-consumed) bookmarks from workflow instance entity.
+     * Reads from instance.workflowInstance?.bookmarks — no direct DB access.
+     */
+    getActiveBookmarksFromInstance(instance) {
+        const wi = instance?.workflowInstance;
+        const bookmarks = wi?.bookmarks ?? [];
+        const active = bookmarks.filter((b) => !b.isConsumed && !b.consumed);
+        return active;
+    }
+    /**
+     * Map bookmark to task board task format.
+     */
+    mapBookmarkToTask(instance, bookmark, payload) {
+        // Extract dates
+        const dueDate = payload.dueDate
+            ? (typeof payload.dueDate === 'string' ? new Date(payload.dueDate) : payload.dueDate)
+            : (instance.createdAt ? new Date(instance.createdAt) : new Date());
+        const startDate = instance.createdAt
+            ? new Date(instance.createdAt)
+            : dueDate;
+        // If startDate and endDate are the same, set endDate to one day after startDate
+        let endDate = dueDate;
+        if (startDate.getTime() === dueDate.getTime()) {
+            endDate = new Date(startDate);
+            console.log(endDate);
+            endDate.setDate(endDate.getDate() + 1);
+        }
+        // Map priority
+        const priority = this.mapPriorityToTaskPriority(payload.priority || 'Normal');
+        // Build title
+        const title = payload.title || payload.activityName || 'Workflow Task';
+        return {
+            id: bookmark.id, // Use bookmark ID as task ID
+            title,
+            description: payload.description || `Action required: ${payload.activityName}`,
+            startDate,
+            endDate,
+            allDay: false,
+            assignee: payload.assignedUserIds && payload.assignedUserIds.length > 0
+                ? {
+                    id: payload.assignedUserIds[0], // Use first assigned user
+                    type: 'user',
+                    fullName: '', // Will be populated if user data is loaded
+                }
+                : undefined,
+            index: 2,
+            status: {
+                id: AXPSystemStatuses.Pending.name,
+                title: this.translationService.translateSync('@workflow-management:tasks.states.pending'),
+            },
+            priority,
+            reporter: {
+                id: instance.auditInfo?.created?.by?.id || '',
+                type: 'user',
+                fullName: instance.auditInfo?.created?.by?.fullName || '',
+            },
+            data: {
+                // Store workflow instance and bookmark metadata
+                instanceId: instance.id,
+                bookmarkId: bookmark.id,
+                activityId: bookmark.activityId,
+                activityType: payload.activityType,
+                activityName: payload.activityName,
+                taskToken: payload.taskToken,
+                entityRefId: instance.entityRefId,
+                entityRefType: instance.entityRefType,
+                definitionId: instance.definitionId,
+                // Store full payload for actions
+                payload: payload,
+            },
+        };
+    }
+    /**
+     * Map priority to task board priority.
+     */
+    mapPriorityToTaskPriority(priority) {
+        switch (priority) {
+            case 'Urgent':
+                return 'highest';
+            case 'High':
+                return 'high';
+            case 'Normal':
+                return 'medium';
+            case 'Low':
+                return 'low';
+            default:
+                return 'medium';
+        }
+    }
+    //#endregion
+    //#region ----   Task Updates   ----
+    /**
+     * Update tasks (not applicable for workflow instances - they are read-only from task provider perspective).
+     */
+    async updateTasks(tasksToUpdate) {
+        // Workflow instances are managed by workflow engine
+        // Task updates should be done through workflow resume, not direct updates
+        console.warn(`[GenericWorkflowTaskProvider] ⚠️ updateTasks called - workflow tasks are read-only from provider`);
+        return tasksToUpdate;
+    }
+    //#endregion
+    //#region ----   Command Execution   ----
+    /**
+     * Execute commands on tasks.
+     *
+     * Supports:
+     * - Workflow resume commands (Complete, Cancel)
+     */
+    async executeCommand(command) {
+        if (!command?.name)
+            return { success: true };
+        const taskData = command.options?.['data'];
+        const instanceId = taskData?.instanceId ?? command.options?.['instanceId'] ?? '';
+        const bookmarkId = taskData?.bookmarkId ?? command.options?.['bookmarkId'] ?? '';
+        const taskToken = taskData?.taskToken ?? command.options?.['taskToken'] ?? '';
+        const activityId = taskData?.activityId ?? command.options?.['activityId'] ?? '';
+        const outcome = command.options?.['outcome'] ?? 'Done';
+        const userInput = command.options?.['userInput'] ?? {};
+        // Handle workflow resume commands
+        if (command.name === 'WorkflowManagement.WorkflowInstance:Resume' || command.name === 'resume-workflow') {
+            if (!instanceId || !taskToken || !activityId) {
+                return {
+                    success: false,
+                    message: {
+                        text: 'Missing required parameters: instanceId, taskToken, activityId',
+                    },
+                };
+            }
+            try {
+                const result = await this.workflowManager.resume(instanceId, activityId, outcome, userInput, taskToken);
+                return {
+                    success: result.success,
+                    message: result.error
+                        ? {
+                            text: result.error,
+                        }
+                        : undefined,
+                };
+            }
+            catch (error) {
+                console.error(`[GenericWorkflowTaskProvider] ❌ Error resuming workflow:`, error);
+                return {
+                    success: false,
+                    message: {
+                        text: error.message || 'Failed to resume workflow',
+                    },
+                };
+            }
+        }
+        return { success: true };
+    }
+    //#endregion
+    //#region ----   Actions & Statuses   ----
+    /**
+     * Get available actions for a task.
+     *
+     * Extracts actions from bookmark payload.
+     */
+    async getActions(task) {
+        const actions = [];
+        if (!task)
+            return actions;
+        const taskData = task.data;
+        const payload = taskData?.payload;
+        if (!payload)
+            return actions;
+        // Extract actions from payload
+        if (payload.actions) {
+            const allActions = [
+                ...(payload.actions.prefix || []),
+                ...(payload.actions.suffix || []),
+            ];
+            for (const action of allActions) {
+                const actionName = action.command?.name || action.name || 'unknown';
+                actions.push({
+                    name: actionName,
+                    title: action.title || actionName,
+                    icon: action.icon,
+                    color: action.color,
+                    priority: 'primary',
+                    command: {
+                        name: 'WorkflowManagement.WorkflowInstance:Resume',
+                        options: {
+                            instanceId: taskData.instanceId,
+                            bookmarkId: taskData.bookmarkId,
+                            activityId: taskData.activityId,
+                            taskToken: taskData.taskToken,
+                            outcome: actionName,
+                            userInput: {},
+                        },
+                    },
+                });
+            }
+        }
+        else {
+            // Default actions if none provided
+            actions.push({
+                name: 'submit',
+                title: this.translationService.translateSync('@general:actions.submit.title'),
+                icon: 'fa-light fa-check',
+                color: 'primary',
+                priority: 'primary',
+                command: {
+                    name: 'WorkflowManagement.WorkflowInstance:Resume',
+                    options: {
+                        instanceId: taskData.instanceId,
+                        bookmarkId: taskData.bookmarkId,
+                        activityId: taskData.activityId,
+                        taskToken: taskData.taskToken,
+                        outcome: 'submit',
+                        userInput: {},
+                    },
+                },
+            });
+            actions.push({
+                name: 'cancel',
+                title: this.translationService.translateSync('@general:actions.cancel.title'),
+                icon: 'fa-light fa-times',
+                color: 'default',
+                priority: 'secondary',
+                command: {
+                    name: 'WorkflowManagement.WorkflowInstance:Resume',
+                    options: {
+                        instanceId: taskData.instanceId,
+                        bookmarkId: taskData.bookmarkId,
+                        activityId: taskData.activityId,
+                        taskToken: taskData.taskToken,
+                        outcome: 'cancel',
+                        userInput: {},
+                    },
+                },
+            });
+        }
+        console.log('actions', actions);
+        return actions;
+    }
+    async getExtraFields() {
+        return [];
+    }
+    async getStatuses() {
+        return [
+            {
+                index: 0,
+                key: AXPSystemStatuses.Pending.name,
+                title: await this.translationService.translateAsync('@workflow-management:tasks.states.pending'),
+                color: 'warning',
+            },
+        ];
+    }
+    //#endregion
+    //#region ----   Component   ----
+    getComponent() {
+        return () => import('./acorex-modules-workflow-management-workflow-task-popover.component-BF9xYEkf.mjs').then((m) => m.AXMWorkflowTaskPopoverComponent);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPGenericWorkflowTaskProvider, deps: [{ token: AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPGenericWorkflowTaskProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXPGenericWorkflowTaskProvider, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG]
+                }] }] });
+
+function provideTaskWorkflow() {
+    return makeEnvironmentProviders([
+        {
+            provide: AXP_WORKFLOW_TASK_PROVIDER,
+            multi: true,
+            useFactory: (injector) => {
+                return (async () => {
+                    const workflowDefinitionService = injector.get(AXPWorkflowDefinitionService);
+                    const categories = await workflowDefinitionService.getCategories();
+                    const providers = [];
+                    for (const category of categories) {
+                        const workflows = await workflowDefinitionService.getWorkflowsByCategoryId(category.id);
+                        for (const workflow of workflows) {
+                            const provider = runInInjectionContext(injector, () => new AXPGenericWorkflowTaskProvider({
+                                name: workflow.name,
+                                title: workflow.title ?? workflow.name,
+                                icon: 'fa-light fa-diagram-project',
+                                definitionId: workflow.name,
+                            }));
+                            providers.push(provider);
+                        }
+                    }
+                    console.log('providers', providers);
+                    return providers;
+                })();
+            },
+            deps: [Injector],
+        },
+    ]);
+}
+
 function routesFactory() {
     const config = inject(AXP_ENTITY_CONFIG_TOKEN);
     const routes = [
@@ -3827,20 +2048,6 @@ function routesFactory() {
                 },
             ],
         },
-        {
-            path: ':app/workflow-management/cartable',
-            loadComponent: () => {
-                return config.viewers.root();
-            },
-            canActivate: [AXPAuthGuard],
-            data: { reuse: true },
-            children: [
-                {
-                    path: '',
-                    loadComponent: () => import('./acorex-modules-workflow-management-cartable-page.component-Bso0XRkJ.mjs').then((c) => c.AXMCartablePageComponent),
-                },
-            ],
-        },
     ];
     return routes;
 }
@@ -3848,12 +2055,6 @@ class AXMWorkflowManagementModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementModule, imports: [AXMCalendarManagementModule,
             AXPDomainModule,
-            AXMWorkflowManagementWorkflowDefinitionEntityModule,
-            AXMWorkflowManagementWorkflowInstanceEntityModule,
-            AXMWorkflowManagementActivityCategoryEntityModule,
-            AXMWorkflowManagementActivityDefinitionEntityModule,
-            AXMWorkflowManagementWorkItemEntityModule,
-            AXMWorkflowManagementWorkItemCandidateEntityModule,
             AXMWorkflowPluginModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementModule, providers: [
             {
@@ -3874,18 +2075,10 @@ class AXMWorkflowManagementModule {
                     key: 'workflow-activity:show-toast',
                     command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ShowToastActivity),
                 },
-                {
-                    key: 'workflow-activity:check-permission',
-                    command: () => Promise.resolve().then(function () { return index; }).then((c) => c.CheckPermissionActivity),
-                },
                 {
                     key: 'workflow-activity:create-entity',
                     command: () => Promise.resolve().then(function () { return index; }).then((c) => c.AXPCreateEntityActivity),
                 },
-                {
-                    key: 'workflow-activity:assign-to-mannger',
-                    command: () => Promise.resolve().then(function () { return index; }).then((c) => c.AssignToManggerActivity),
-                },
                 {
                     key: 'workflow-activity:execute-query',
                     command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ExecuteQueryActivity),
@@ -3903,24 +2096,12 @@ class AXMWorkflowManagementModule {
                     command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ShowLayoutPopupActivity),
                 },
                 {
-                    key: 'workflow-activity:collect-signature',
-                    command: () => Promise.resolve().then(function () { return index; }).then((c) => c.CollectSignatureActivity),
-                },
-                {
-                    key: 'WorkflowManagement.WorkItem:Claim',
-                    command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.ClaimWorkItemCommand),
-                },
-                {
-                    key: 'WorkflowManagement.WorkItem:Complete',
-                    command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.CompleteWorkItemCommand),
+                    key: 'workflow-activity:human-task',
+                    command: () => Promise.resolve().then(function () { return index; }).then((c) => c.HumanTaskActivity),
                 },
                 {
-                    key: 'WorkflowManagement.WorkItem:Assign',
-                    command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.AssignWorkItemCommand),
-                },
-                {
-                    key: 'WorkflowManagement.WorkItem:Cancel',
-                    command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.CancelWorkItemCommand),
+                    key: 'workflow-activity:collect-signature',
+                    command: () => Promise.resolve().then(function () { return index; }).then((c) => c.CollectSignatureActivity),
                 },
             ]),
             // provideEntity([RootConfig.entities.activityDefinition.fullName]),
@@ -3976,21 +2157,38 @@ class AXMWorkflowManagementModule {
                 multi: true,
             },
             // Provide activity classes for dependency injection (only frontend activities)
-            CheckPermissionActivity,
             ExecuteQueryActivity,
             ExecuteCommandActivity,
             ShowConfirmPopupActivity,
             ShowLayoutPopupActivity,
+            HumanTaskActivity,
             ShowToastActivity,
             CollectSignatureActivity,
+            // Generic Workflow Task Provider (all workflows – no definitionId filter).
+            // For one provider per definition, register in your module with definitionId, e.g.:
+            // { provide: AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG, useValue: { name: 'leave-request-workflow-tasks', title: 'Leave Request', definitionId: 'LeaveRequestWorkflow' } },
+            // { provide: AXP_WORKFLOW_TASK_PROVIDER, multi: true, useFactory: (c) => new AXPGenericWorkflowTaskProvider(c), deps: [AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG] }
+            // Leave Request workflow: task board shows suspended human-tasks.
+            // definitionId must match instance.definitionId: mock engine uses workflow name ('createLeaveRequest'); real API may use definition entity id.
+            // {
+            //   provide: AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG,
+            //   useValue: {
+            //     name: 'leave-request',
+            //     title: 'Leave Request Tasks',
+            //     icon: 'fa-light fa-diagram-project',
+            //     definitionId: 'createLeaveRequest',
+            //   } as AXPGenericWorkflowTaskProviderConfig,
+            // },
+            // {
+            //   provide: AXP_WORKFLOW_TASK_PROVIDER,
+            //   multi: true,
+            //   useFactory: (config: AXPGenericWorkflowTaskProviderConfig) =>
+            //     new AXPGenericWorkflowTaskProvider(config),
+            //   deps: [AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG],
+            // },
+            provideTaskWorkflow()
         ], imports: [AXMCalendarManagementModule,
             AXPDomainModule,
-            AXMWorkflowManagementWorkflowDefinitionEntityModule,
-            AXMWorkflowManagementWorkflowInstanceEntityModule,
-            AXMWorkflowManagementActivityCategoryEntityModule,
-            AXMWorkflowManagementActivityDefinitionEntityModule,
-            AXMWorkflowManagementWorkItemEntityModule,
-            AXMWorkflowManagementWorkItemCandidateEntityModule,
             AXMWorkflowPluginModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXMWorkflowManagementModule, decorators: [{
@@ -3999,12 +2197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     imports: [
                         AXMCalendarManagementModule,
                         AXPDomainModule,
-                        AXMWorkflowManagementWorkflowDefinitionEntityModule,
-                        AXMWorkflowManagementWorkflowInstanceEntityModule,
-                        AXMWorkflowManagementActivityCategoryEntityModule,
-                        AXMWorkflowManagementActivityDefinitionEntityModule,
-                        AXMWorkflowManagementWorkItemEntityModule,
-                        AXMWorkflowManagementWorkItemCandidateEntityModule,
                         AXMWorkflowPluginModule, // Register workflow plugin
                     ],
                     providers: [
@@ -4026,18 +2218,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                 key: 'workflow-activity:show-toast',
                                 command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ShowToastActivity),
                             },
-                            {
-                                key: 'workflow-activity:check-permission',
-                                command: () => Promise.resolve().then(function () { return index; }).then((c) => c.CheckPermissionActivity),
-                            },
                             {
                                 key: 'workflow-activity:create-entity',
                                 command: () => Promise.resolve().then(function () { return index; }).then((c) => c.AXPCreateEntityActivity),
                             },
-                            {
-                                key: 'workflow-activity:assign-to-mannger',
-                                command: () => Promise.resolve().then(function () { return index; }).then((c) => c.AssignToManggerActivity),
-                            },
                             {
                                 key: 'workflow-activity:execute-query',
                                 command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ExecuteQueryActivity),
@@ -4055,24 +2239,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                 command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ShowLayoutPopupActivity),
                             },
                             {
-                                key: 'workflow-activity:collect-signature',
-                                command: () => Promise.resolve().then(function () { return index; }).then((c) => c.CollectSignatureActivity),
-                            },
-                            {
-                                key: 'WorkflowManagement.WorkItem:Claim',
-                                command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.ClaimWorkItemCommand),
-                            },
-                            {
-                                key: 'WorkflowManagement.WorkItem:Complete',
-                                command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.CompleteWorkItemCommand),
-                            },
-                            {
-                                key: 'WorkflowManagement.WorkItem:Assign',
-                                command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.AssignWorkItemCommand),
+                                key: 'workflow-activity:human-task',
+                                command: () => Promise.resolve().then(function () { return index; }).then((c) => c.HumanTaskActivity),
                             },
                             {
-                                key: 'WorkflowManagement.WorkItem:Cancel',
-                                command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.CancelWorkItemCommand),
+                                key: 'workflow-activity:collect-signature',
+                                command: () => Promise.resolve().then(function () { return index; }).then((c) => c.CollectSignatureActivity),
                             },
                         ]),
                         // provideEntity([RootConfig.entities.activityDefinition.fullName]),
@@ -4128,17 +2300,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             multi: true,
                         },
                         // Provide activity classes for dependency injection (only frontend activities)
-                        CheckPermissionActivity,
                         ExecuteQueryActivity,
                         ExecuteCommandActivity,
                         ShowConfirmPopupActivity,
                         ShowLayoutPopupActivity,
+                        HumanTaskActivity,
                         ShowToastActivity,
                         CollectSignatureActivity,
+                        // Generic Workflow Task Provider (all workflows – no definitionId filter).
+                        // For one provider per definition, register in your module with definitionId, e.g.:
+                        // { provide: AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG, useValue: { name: 'leave-request-workflow-tasks', title: 'Leave Request', definitionId: 'LeaveRequestWorkflow' } },
+                        // { provide: AXP_WORKFLOW_TASK_PROVIDER, multi: true, useFactory: (c) => new AXPGenericWorkflowTaskProvider(c), deps: [AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG] }
+                        // Leave Request workflow: task board shows suspended human-tasks.
+                        // definitionId must match instance.definitionId: mock engine uses workflow name ('createLeaveRequest'); real API may use definition entity id.
+                        // {
+                        //   provide: AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG,
+                        //   useValue: {
+                        //     name: 'leave-request',
+                        //     title: 'Leave Request Tasks',
+                        //     icon: 'fa-light fa-diagram-project',
+                        //     definitionId: 'createLeaveRequest',
+                        //   } as AXPGenericWorkflowTaskProviderConfig,
+                        // },
+                        // {
+                        //   provide: AXP_WORKFLOW_TASK_PROVIDER,
+                        //   multi: true,
+                        //   useFactory: (config: AXPGenericWorkflowTaskProviderConfig) =>
+                        //     new AXPGenericWorkflowTaskProvider(config),
+                        //   deps: [AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG],
+                        // },
+                        provideTaskWorkflow()
                     ],
                 }]
         }] });
 
+// Entity exports - services and modules removed, handled by middleware
+// Exporting entity types for use in feature components
+
 //#region ----   Imports   ----
 //#endregion
 class AXMActivityCategoriesTreeComponent {
@@ -5525,7 +3723,6 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
         if (nodeIndex !== -1) {
             const node = nodes[nodeIndex];
             const updatedNodes = [...nodes];
-            // اگر property مستقیم نود است (مثل name)
             if (propertyName === 'name') {
                 updatedNodes[nodeIndex] = {
                     ...node,
@@ -5533,15 +3730,14 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
                 };
             }
             else {
-                // اگر property داخل properties object است
                 const newProperties = {
                     ...node.properties,
                     [propertyName]: value
                 };
-                // Recompute outcomes if property affects them (e.g., expectedStatusCodes)
                 let newOutcomes = node.outcomes;
-                if (propertyName === 'expectedStatusCodes' && node.type === 'workflow-activity:http-request') {
-                    // Load activity info asynchronously and update outcomes
+                const shouldRecomputeOutcomes = (propertyName === 'expectedStatusCodes' && node.type === 'workflow-activity:http-request') ||
+                    (propertyName === 'actions' && node.type === 'workflow-activity:human-task');
+                if (shouldRecomputeOutcomes) {
                     this.findActivityInfo(node.type).then(activityInfo => {
                         if (activityInfo) {
                             const computedOutcomes = this.computeOutcomes(activityInfo, newProperties);
@@ -5557,7 +3753,6 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
                             }
                         }
                     }).catch(() => {
-                        // Silently fail if activity info not found
                     });
                 }
                 updatedNodes[nodeIndex] = {
@@ -5567,7 +3762,6 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
                 };
             }
             this.visualNodes.set(updatedNodes);
-            // اگر این نود selected است، آن را هم update کن
             if (this.selectedNode()?.id === nodeId) {
                 this.selectedNode.set(updatedNodes[nodeIndex]);
             }
@@ -5578,7 +3772,6 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
      */
     async findActivityInfo(type) {
         try {
-            // Try to get activity by name (type is used as name in some cases)
             const activity = await this.activityDefinitionService.getActivityByName(type);
             if (activity) {
                 return this.convertActivityDefinitionToInfo(activity);
@@ -5642,15 +3835,34 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
             const statusOutcomes = codes.map((code) => code.toString());
             return [...statusOutcomes, 'Done', 'Failed', 'Timeout'];
         }
-        // TODO: Add more activity types with dynamic outcomes
+        // Human Task: outcomes from actions (prefix/suffix) in workflow definition
+        if (activityInfo.type === 'workflow-activity:human-task' && properties['actions']) {
+            const names = [];
+            try {
+                const actions = properties['actions'];
+                const parsed = typeof actions === 'string' ? JSON.parse(actions) : actions;
+                const prefix = parsed?.prefix ?? [];
+                const suffix = parsed?.suffix ?? [];
+                for (const item of [...prefix, ...suffix]) {
+                    const name = item?.command?.name ?? item?.name;
+                    if (name && typeof name === 'string' && !names.includes(name))
+                        names.push(name);
+                }
+            }
+            catch {
+                // ignore parse error
+            }
+            if (names.length > 0)
+                return names;
+        }
         // Default: check activity info for outcomes
-        // For now, we define outcomes manually for known activities
         const outcomeMap = {
             'workflow-activity:if': ['Then', 'Else'],
             'workflow-activity:show-confirm-dialog': ['Confirmed', 'Cancelled'],
             'workflow-activity:show-alert-dialog': ['Done'],
             'workflow-activity:show-form': ['Submitted', 'Cancelled'],
-            'workflow-activity:http-request': ['Done', 'Failed', 'Timeout'], // Will be overridden if expectedStatusCodes exist
+            'workflow-activity:human-task': ['submit', 'cancel'],
+            'workflow-activity:http-request': ['Done', 'Failed', 'Timeout'],
             'workflow-activity:sequence': ['Done'],
             'workflow-activity:for-each': ['Done'],
             'workflow-activity:while': ['Done'],
@@ -5858,7 +4070,7 @@ class WorkflowStudioComponent extends AXPPageLayoutBaseComponent {
                 provide: AXPPageLayoutBase,
                 useExisting: WorkflowStudioComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout>\n  <axp-layout-start-side>\n    <axp-activity-categories-tree (categoryClick)=\"onCategoryClick($event)\"\n      (activityClick)=\"onActivityClick($event)\"></axp-activity-categories-tree>\n  </axp-layout-start-side>\n\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <!-- Editor Tabs -->\n      <ax-button-group class=\"ax-sm\" [selection]=\"'single'\">\n        <ax-button-group-item (onClick)=\"switchTab('json')\" [selected]=\"activeTab() === 'json'\">\n          <ax-prefix>\n            <i class=\"fa-light fa-code\"></i>\n          </ax-prefix>\n          {{ '@workflow-management:workflow-studio.terms.json-editor' | translate | async }}\n        </ax-button-group-item>\n        <ax-button-group-item (onClick)=\"switchTab('visual')\" [selected]=\"activeTab() === 'visual'\">\n          <ax-prefix>\n            <i class=\"fa-light fa-diagram-project\"></i>\n          </ax-prefix>\n          {{ '@workflow-management:workflow-studio.terms.visual-designer' | translate | async }}\n        </ax-button-group-item>\n      </ax-button-group>\n    </axp-layout-prefix>\n  </axp-page-toolbar>\n\n  <axp-page-content>\n    <div class=\"workflow-studio\">\n      <!-- Main Layout -->\n      <div class=\"studio-body\" [class.properties-hidden]=\"!showPropertiesPanel()\">\n\n        <!-- Editor -->\n        <div class=\"studio-editor\">\n          <!-- Tab Content -->\n          <div class=\"editor-content\">\n            <!-- JSON Tab -->\n            @if (activeTab() === 'json') {\n            <div class=\"json-tab\">\n              <textarea class=\"json-editor\" [(ngModel)]=\"workflowJson\"\n                [placeholder]=\"'@workflow-management:workflow-studio.components.json-editor.placeholder' | translate | async\"\n                spellcheck=\"false\">\n            </textarea>\n            </div>\n            }\n\n            <!-- Visual Tab -->\n            @if (activeTab() === 'visual') {\n            <div class=\"visual-tab\">\n              <!-- Canvas -->\n              <div class=\"visual-canvas\">\n                <div class=\"canvas-toolbar\">\n                  <button class=\"tool-btn\" (click)=\"clearCanvas()\"\n                    [title]=\"'@workflow-management:workflow-studio.components.canvas-toolbar.clear-canvas.title' | translate | async\">\n                    <i class=\"fa-light fa-trash\"></i>\n                  </button>\n                  <button class=\"tool-btn\" (click)=\"visualToJson()\"\n                    [title]=\"'@workflow-management:workflow-studio.components.canvas-toolbar.convert-to-json.title' | translate | async\">\n                    <i class=\"fa-light fa-code\"></i>\n                  </button>\n                  <span class=\"tool-info\">\n                    <i class=\"fa-light fa-lightbulb\"></i>\n                    <strong>{{ '@workflow-management:workflow-studio.components.canvas-toolbar.hint' | translate | async }}</strong>\n                  </span>\n                </div>\n\n                <div class=\"canvas-area\" (drop)=\"onCanvasDrop($event)\" (dragover)=\"onCanvasDragOver($event)\"\n                  (dragleave)=\"onCanvasDragLeave($event)\">\n                  <!-- SVG for Connections -->\n                  <svg class=\"connections-layer\">\n                    <!-- Outcome-based Connections -->\n                    @for (node of visualNodes(); track node.id) {\n                    @if (node.outcomeConnections && node.outcomeConnections.length > 0) {\n                    @for (conn of node.outcomeConnections; track conn.targetNodeId + conn.outcome) {\n                    @let targetNode = findNodeById(conn.targetNodeId);\n                    @if (targetNode) {\n                    <g class=\"outcome-connection-group\">\n                      <line [attr.x1]=\"node.position.x + 75\" [attr.y1]=\"node.position.y + 80\"\n                        [attr.x2]=\"targetNode.position.x + 75\" [attr.y2]=\"targetNode.position.y - 50\"\n                        class=\"connection-line outcome-line\" [attr.stroke]=\"getOutcomeColor(conn.outcome)\"\n                        stroke-width=\"2.5\"\n                        [attr.marker-end]=\"'url(#arrowhead-' + getOutcomeColorName(conn.outcome) + ')'\"\n                        style=\"cursor: pointer\" (dblclick)=\"disconnectNodes(node.id, conn.targetNodeId, conn.outcome)\"\n                        [attr.title]=\"'Outcome: ' + conn.outcome + ' (Double-click to remove)'\">\n                        <title>{{ conn.outcome }} \u2192 {{ targetNode.name }}</title>\n                      </line>\n                      <text [attr.x]=\"(node.position.x + targetNode.position.x) / 2 + 75\"\n                        [attr.y]=\"(node.position.y + targetNode.position.y) / 2 + 15\" class=\"connection-label\"\n                        text-anchor=\"middle\" [attr.fill]=\"getOutcomeColor(conn.outcome)\" font-size=\"11\"\n                        font-weight=\"600\" pointer-events=\"none\">\n                        {{ conn.outcome }}\n                      </text>\n                    </g>\n                    }\n                    }\n                    } @else {\n                    <!-- Simple Connections (backward compatibility) -->\n                    @for (targetId of node.connections; track targetId) {\n                    @let targetNode = findNodeById(targetId);\n                    @if (targetNode) {\n                    <line [attr.x1]=\"node.position.x + 75\" [attr.y1]=\"node.position.y + 40\"\n                      [attr.x2]=\"targetNode.position.x + 75\" [attr.y2]=\"targetNode.position.y - 50\"\n                      class=\"connection-line\" stroke=\"#64748b\" stroke-width=\"2\" marker-end=\"url(#arrowhead-default)\"\n                      style=\"cursor: pointer\" (dblclick)=\"disconnectNodes(node.id, targetId)\"\n                      title=\"Double-click \u0628\u0631\u0627\u06CC \u062D\u0630\u0641 \u0627\u062A\u0635\u0627\u0644\">\n                      <title>Double-click \u0628\u0631\u0627\u06CC \u062D\u0630\u0641</title>\n                    </line>\n                    }\n                    }\n                    }\n                    }\n\n                    <defs>\n                      <!-- Default Arrow -->\n                      <marker id=\"arrowhead-default\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#64748b\" />\n                      </marker>\n                      <!-- Success Arrow (Green) -->\n                      <marker id=\"arrowhead-success\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#10b981\" />\n                      </marker>\n                      <!-- Error Arrow (Red) -->\n                      <marker id=\"arrowhead-error\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#ef4444\" />\n                      </marker>\n                      <!-- Warning Arrow (Orange) -->\n                      <marker id=\"arrowhead-warning\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#f59e0b\" />\n                      </marker>\n                      <!-- Info Arrow (Blue) -->\n                      <marker id=\"arrowhead-info\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#3b82f6\" />\n                      </marker>\n                    </defs>\n                  </svg>\n\n                  <!-- Nodes -->\n                  @for (node of visualNodes(); track node.id) {\n                  <div class=\"visual-node\" [class.selected]=\"selectedNode()?.id === node.id\"\n                    [style.left.px]=\"node.position.x\" [style.top.px]=\"node.position.y\" [attr.data-node-id]=\"node.id\"\n                    draggable=\"true\" (dragstart)=\"onNodeDragStart($event, node)\" (drag)=\"onNodeDrag($event, node)\"\n                    (dragend)=\"onNodeDragEnd($event, node)\" (click)=\"selectNodeById(node)\">\n                    <div class=\"node-header\">\n                      <i [class]=\"node.icon\"></i>\n                      <span>{{ node.name }}</span>\n                      <button class=\"node-delete\" (click)=\"deleteNode(node.id); $event.stopPropagation()\">\n                        <i class=\"fa-light fa-times\"></i>\n                      </button>\n                    </div>\n\n                    <div class=\"node-body\">\n                      <small>{{ node.type }}</small>\n                    </div>\n\n                    <div class=\"node-connectors\">\n                      <!-- Input Connector -->\n                      <div class=\"connector connector-in\" title=\"Input\" (click)=\"onConnectorClick($event, node, 'in')\">\n                      </div>\n\n                      <!-- Output Connectors - Multiple outcomes support -->\n                      @if (node.outcomes && node.outcomes.length > 1) {\n                      <!-- Multiple outcomes: show separate port for each -->\n                      <div class=\"outcomes-container\">\n                        @for (outcome of node.outcomes; track outcome; let idx = $index) {\n                        <div class=\"outcome-connector\" [class.active]=\"\n                                connectionSource?.node?.id === node.id && connectionSource?.outcome === outcome\n                              \" [attr.data-outcome]=\"outcome\" [title]=\"'Output: ' + outcome\"\n                          (click)=\"onOutcomeConnectorClick($event, node, outcome)\">\n                          <span class=\"outcome-label\">{{ outcome }}</span>\n                          <div class=\"outcome-dot\"></div>\n                        </div>\n                        }\n                      </div>\n                      } @else {\n                      <!-- Single outcome: show simple output connector -->\n                      <div class=\"connector connector-out\" [class.active]=\"connectionSource?.node?.id === node.id\"\n                        title=\"Output\" (click)=\"onConnectorClick($event, node, 'out')\"></div>\n                      }\n                    </div>\n                  </div>\n                  }\n\n                  <!-- Empty State -->\n                  @if (visualNodes().length === 0) {\n                  <div class=\"canvas-empty-state\">\n                    <i class=\"fa-light fa-diagram-project\"></i>\n                    <p>Activity \u0647\u0627 \u0631\u0627 \u0627\u0632 \u0633\u0627\u06CC\u062F\u0628\u0627\u0631 \u0628\u0647 \u0627\u06CC\u0646\u062C\u0627 \u0628\u06A9\u0634\u06CC\u062F</p>\n                    <small>\u06CC\u0627 \u0627\u0632 \u062A\u0628 JSON\u060C workflow \u0631\u0627 import \u06A9\u0646\u06CC\u062F</small>\n                  </div>\n                  }\n                </div>\n              </div>\n\n              <!-- Properties Panel -->\n              @if (selectedNode() && showPropertiesPanel()) {\n              <div class=\"properties-panel\">\n                <div class=\"properties-header\">\n                  <i class=\"fa-light fa-sliders\"></i>\n                  <h4>{{ '@workflow-management:workflow-studio.components.properties-panel.title' | translate | async }}</h4>\n                  <div class=\"header-actions\">\n                    <button class=\"header-btn\" (click)=\"togglePropertiesPanel()\"\n                      [title]=\"'@workflow-management:workflow-studio.components.properties-panel.actions.close-panel' | translate | async\">\n                      <i class=\"fa-light fa-angle-right\"></i>\n                    </button>\n                    <button class=\"header-btn\" (click)=\"selectedNode.set(null)\"\n                      [title]=\"'@workflow-management:workflow-studio.components.properties-panel.actions.close' | translate | async\">\n                      <i class=\"fa-light fa-times\"></i>\n                    </button>\n                  </div>\n                </div>\n                <div class=\"properties-body\">\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.id' | translate | async }}:</label>\n                    <input type=\"text\" [value]=\"selectedNode()!.id\" disabled />\n                  </div>\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.type' | translate | async }}:</label>\n                    <input type=\"text\" [value]=\"selectedNode()!.type\" disabled />\n                  </div>\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.name' | translate | async }}:</label>\n                    <input type=\"text\" [value]=\"selectedNode()!.name\"\n                      (input)=\"updateNodeProperty(selectedNode()!.id, 'name', $any($event.target).value)\" />\n                  </div>\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDCE5 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.input-properties' | translate | async }}</h5>\n                  <small class=\"properties-hint\">{{ '@workflow-management:workflow-studio.components.properties-panel.sections.input-properties' | translate | async }} - \u0645\u0642\u0627\u062F\u06CC\u0631 \u0631\u0627 \u062A\u0646\u0638\u06CC\u0645 \u06A9\u0646\u06CC\u062F</small>\n\n                  @if (hasProperties(selectedNode()!.properties)) {\n                  <div class=\"property-editor\">\n                    @for (key of Object.keys(selectedNode()!.properties); track key) {\n                    <div class=\"property-row\">\n                      <label>\n                        {{ key }}\n                        <span class=\"property-type-badge\">{{ typeof selectedNode()!.properties[key] }}</span>\n                      </label>\n\n                      @if (typeof selectedNode()!.properties[key] === 'boolean') {\n                      <select [value]=\"selectedNode()!.properties[key]\" (change)=\"\n                                updateNodeProperty(selectedNode()!.id, key, $any($event.target).value === 'true')\n                              \">\n                        <option [value]=\"true\">True</option>\n                        <option [value]=\"false\">False</option>\n                      </select>\n                      } @else if (typeof selectedNode()!.properties[key] === 'number') {\n                      <input type=\"number\" [value]=\"selectedNode()!.properties[key]\"\n                        (input)=\"updateNodeProperty(selectedNode()!.id, key, +$any($event.target).value)\" />\n                      } @else if (typeof selectedNode()!.properties[key] === 'object') {\n                      <textarea rows=\"3\" [value]=\"JSON.stringify(selectedNode()!.properties[key], null, 2)\"\n                        (input)=\"updateNodePropertyJSON(selectedNode()!.id, key, $any($event.target).value)\"></textarea>\n                      } @else {\n                      <input type=\"text\" [value]=\"selectedNode()!.properties[key]\"\n                        (input)=\"updateNodeProperty(selectedNode()!.id, key, $any($event.target).value)\" />\n                      }\n                    </div>\n                    }\n                  </div>\n                  } @else {\n                  <p class=\"no-properties\">\n                    {{ '@workflow-management:workflow-studio.components.properties-panel.empty-states.no-properties' | translate | async }}\n                  </p>\n                  }\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDCE4 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.output-variables' | translate | async }}</h5>\n                  <small class=\"properties-hint\">\u062E\u0631\u0648\u062C\u06CC \u0648 \u0645\u062A\u063A\u06CC\u0631\u0647\u0627</small>\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.output-variable' | translate | async }}:</label>\n                    <input type=\"text\" placeholder=\"\u0645\u062B\u0644\u0627\u064B result\"\n                      [value]=\"selectedNode()!.properties['outputVariable'] || ''\"\n                      (input)=\"updateNodeProperty(selectedNode()!.id, 'outputVariable', $any($event.target).value)\" />\n                  </div>\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDD17 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.connections' | translate | async }}</h5>\n                  <small class=\"properties-hint\">\u0627\u062A\u0635\u0627\u0644\u0627\u062A \u0627\u06CC\u0646 \u0646\u0648\u062F</small>\n\n                  <!-- Outcome-based Connections -->\n                  @if (selectedNode()!.outcomeConnections && selectedNode()!.outcomeConnections!.length > 0) {\n                  <div class=\"connections-list\">\n                    @for (conn of selectedNode()!.outcomeConnections!; track conn.targetNodeId + conn.outcome) {\n                    @let targetNode = findNodeById(conn.targetNodeId);\n                    @if (targetNode) {\n                    <div class=\"connection-item outcome-connection\">\n                      <span class=\"outcome-badge\" [style.background]=\"getOutcomeColor(conn.outcome)\">\n                        {{ conn.outcome }}\n                      </span>\n                      <i class=\"fa-light fa-arrow-right\"></i>\n                      <span>{{ targetNode.name }}</span>\n                      <button class=\"remove-btn\"\n                        (click)=\"disconnectNodes(selectedNode()!.id, conn.targetNodeId, conn.outcome)\"\n                        title=\"\u062D\u0630\u0641 \u0627\u062A\u0635\u0627\u0644\">\n                        <i class=\"fa-light fa-times\"></i>\n                      </button>\n                    </div>\n                    }\n                    }\n                  </div>\n                  } @else if (selectedNode()!.connections.length > 0) {\n                  <!-- Simple Connections (fallback) -->\n                  <div class=\"connections-list\">\n                    @for (targetId of selectedNode()!.connections; track targetId) {\n                    @let targetNode = findNodeById(targetId);\n                    @if (targetNode) {\n                    <div class=\"connection-item\">\n                      <i class=\"fa-light fa-arrow-right\"></i>\n                      <span>{{ targetNode.name }}</span>\n                      <button class=\"remove-btn\" (click)=\"disconnectNodes(selectedNode()!.id, targetId)\"\n                        title=\"\u062D\u0630\u0641 \u0627\u062A\u0635\u0627\u0644\">\n                        <i class=\"fa-light fa-times\"></i>\n                      </button>\n                    </div>\n                    }\n                    }\n                  </div>\n                  } @else {\n                  <p class=\"no-properties\">{{ '@workflow-management:workflow-studio.components.properties-panel.empty-states.no-connections' | translate | async }}</p>\n                  }\n\n                  <!-- Available Outcomes Info -->\n                  @if (selectedNode()!.outcomes && selectedNode()!.outcomes!.length > 1) {\n                  <div class=\"properties-divider\"></div>\n                  <h5>\uD83D\uDCE4 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.available-outcomes' | translate | async }}</h5>\n                  <small class=\"properties-hint\">\u062E\u0631\u0648\u062C\u06CC\u200C\u0647\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0628\u0631\u0627\u06CC \u0627\u062A\u0635\u0627\u0644</small>\n                  <div class=\"outcomes-info\">\n                    @for (outcome of selectedNode()!.outcomes!; track outcome) {\n                    <span class=\"outcome-tag\" [style.borderColor]=\"getOutcomeColor(outcome)\">\n                      <span class=\"outcome-dot\" [style.background]=\"getOutcomeColor(outcome)\"></span>\n                      {{ outcome }}\n                    </span>\n                    }\n                  </div>\n                  }\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDCDD {{ '@workflow-management:workflow-studio.components.properties-panel.sections.raw-json' | translate | async }}</h5>\n                  <pre class=\"properties-json\">{{ selectedNode() | json }}</pre>\n                </div>\n              </div>\n              }\n\n              <!-- Toggle Button for Properties (when closed) -->\n              @if (selectedNode() && !showPropertiesPanel()) {\n              <button class=\"sidebar-toggle-btn right\" (click)=\"togglePropertiesPanel()\"\n                [title]=\"'@workflow-management:workflow-studio.components.properties-panel.actions.show-panel' | translate | async\">\n                <i class=\"fa-light fa-sliders\"></i>\n              </button>\n              }\n            </div>\n            }\n          </div>\n        </div>\n\n      </div>\n\n      <!-- Workflow Settings Modal -->\n      @if (showWorkflowSettings()) {\n      <div class=\"settings-modal-overlay\" (click)=\"closeWorkflowSettings()\">\n        <div class=\"settings-modal\" (click)=\"$event.stopPropagation()\">\n          <!-- Modal Header -->\n          <div class=\"settings-modal-header\">\n            <div class=\"header-title\">\n              <i class=\"fa-light fa-cog\"></i>\n              <h2>{{ '@workflow-management:workflow-studio.settings.title' | translate | async }}</h2>\n            </div>\n            <button class=\"close-btn\" (click)=\"closeWorkflowSettings()\">\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          </div>\n\n          <!-- Modal Body -->\n          <div class=\"settings-modal-body\">\n            <!-- Tabs Navigation -->\n            <div class=\"settings-tabs\">\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'general'\"\n                (click)=\"switchSettingsTab('general')\">\n                <i class=\"fa-light fa-info-circle\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.general' | translate | async }}\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'inputs'\"\n                (click)=\"switchSettingsTab('inputs')\">\n                <i class=\"fa-light fa-sign-in\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.inputs' | translate | async }}\n                @if (workflowSettings().inputs.length > 0) {\n                <span class=\"badge\">{{ workflowSettings().inputs.length }}</span>\n                }\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'outputs'\"\n                (click)=\"switchSettingsTab('outputs')\">\n                <i class=\"fa-light fa-sign-out\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.outputs' | translate | async }}\n                @if (workflowSettings().outputs.length > 0) {\n                <span class=\"badge\">{{ workflowSettings().outputs.length }}</span>\n                }\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'variables'\"\n                (click)=\"switchSettingsTab('variables')\">\n                <i class=\"fa-light fa-box\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.variables' | translate | async }}\n                @if (workflowSettings().variables.length > 0) {\n                <span class=\"badge\">{{ workflowSettings().variables.length }}</span>\n                }\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'advanced'\"\n                (click)=\"switchSettingsTab('advanced')\">\n                <i class=\"fa-light fa-cog\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.advanced' | translate | async }}\n              </button>\n            </div>\n\n            <!-- Tab Content -->\n            <div class=\"settings-content\">\n              <!-- General Tab -->\n              @if (activeSettingsTab() === 'general') {\n              <div class=\"settings-section\">\n                <h3>{{ '@workflow-management:workflow-studio.settings.sections.general.title' | translate | async }}</h3>\n                <div class=\"form-group\">\n                  <label>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.name.title' | translate | async }}</label>\n                  <input type=\"text\" class=\"form-input\"\n                    [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.general.fields.name.placeholder' | translate | async\"\n                    [(ngModel)]=\"workflowSettings().name\" />\n                </div>\n                <div class=\"form-group\">\n                  <label>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.definition-id.title' | translate | async }}</label>\n                  <input type=\"text\" class=\"form-input\"\n                    [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.general.fields.definition-id.placeholder' | translate | async\"\n                    [(ngModel)]=\"workflowSettings().definitionId\" />\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.definition-id.description' | translate | async }}</small>\n                </div>\n                <div class=\"form-group\">\n                  <label>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.description.title' | translate | async }}</label>\n                  <textarea class=\"form-textarea\" rows=\"4\"\n                    [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.general.fields.description.placeholder' | translate | async\"\n                    [(ngModel)]=\"workflowSettings().description\"></textarea>\n                </div>\n              </div>\n              }\n\n              <!-- Inputs Tab -->\n              @if (activeSettingsTab() === 'inputs') {\n              <div class=\"settings-section\">\n                <div class=\"section-header\">\n                  <h3>{{ '@workflow-management:workflow-studio.settings.sections.inputs.title' | translate | async }}</h3>\n                  <button class=\"add-btn\" (click)=\"addWorkflowInput()\">\n                    <i class=\"fa-light fa-plus\"></i>\n                    {{ '@workflow-management:workflow-studio.settings.sections.inputs.add-button' | translate | async }}\n                  </button>\n                </div>\n\n                @if (workflowSettings().inputs.length === 0) {\n                <div class=\"empty-state\">\n                  <i class=\"fa-light fa-inbox\"></i>\n                  <p>{{ '@workflow-management:workflow-studio.settings.sections.inputs.empty-state.title' | translate | async }}</p>\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.inputs.empty-state.description' | translate | async }}</small>\n                </div>\n                } @else {\n                <div class=\"items-list\">\n                  @for (input of workflowSettings().inputs; track $index) {\n                  <div class=\"item-card\">\n                    <div class=\"item-header\">\n                      <span class=\"item-number\">#{{ $index + 1 }}</span>\n                      <button class=\"remove-btn\" (click)=\"removeWorkflowInput($index)\"\n                        [title]=\"'@workflow-management:workflow-studio.settings.sections.inputs.actions.remove' | translate | async\">\n                        <i class=\"fa-light fa-trash\"></i>\n                      </button>\n                    </div>\n                    <div class=\"item-body\">\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.name' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"userName\" [value]=\"input.name\"\n                            (input)=\"updateWorkflowInput($index, 'name', $any($event.target).value)\" />\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.title' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"User Name\" [value]=\"input.title\"\n                            (input)=\"updateWorkflowInput($index, 'title', $any($event.target).value)\" />\n                        </div>\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.description' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.inputs.fields.description-placeholder' | translate | async\"\n                          [value]=\"input.description || ''\"\n                          (input)=\"updateWorkflowInput($index, 'description', $any($event.target).value)\" />\n                      </div>\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.data-type' | translate | async }}</label>\n                          <select class=\"form-select\" [value]=\"input.schema.dataType || 'string'\"\n                            (change)=\"updateWorkflowInputSchema($index, 'dataType', $any($event.target).value)\">\n                            <option value=\"string\">String</option>\n                            <option value=\"number\">Number</option>\n                            <option value=\"boolean\">Boolean</option>\n                            <option value=\"object\">Object</option>\n                            <option value=\"array\">Array</option>\n                          </select>\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.default-value' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\"\n                            [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.inputs.fields.default-value-placeholder' | translate | async\"\n                            [value]=\"input.schema.defaultValue || ''\"\n                            (input)=\"updateWorkflowInputSchema($index, 'defaultValue', $any($event.target).value)\" />\n                        </div>\n                      </div>\n                      <div class=\"form-group checkbox-group\">\n                        <label>\n                          <input type=\"checkbox\" [checked]=\"getInputIsRequired(input)\"\n                            (change)=\"updateWorkflowInputValidation($index, $any($event.target).checked)\" />\n                          <span>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.required' | translate | async }}</span>\n                        </label>\n                      </div>\n                    </div>\n                  </div>\n                  }\n                </div>\n                }\n              </div>\n              }\n\n              <!-- Outputs Tab -->\n              @if (activeSettingsTab() === 'outputs') {\n              <div class=\"settings-section\">\n                <div class=\"section-header\">\n                  <h3>{{ '@workflow-management:workflow-studio.settings.sections.outputs.title' | translate | async }}</h3>\n                  <button class=\"add-btn\" (click)=\"addWorkflowOutput()\">\n                    <i class=\"fa-light fa-plus\"></i>\n                    {{ '@workflow-management:workflow-studio.settings.sections.outputs.add-button' | translate | async }}\n                  </button>\n                </div>\n\n                @if (workflowSettings().outputs.length === 0) {\n                <div class=\"empty-state\">\n                  <i class=\"fa-light fa-inbox\"></i>\n                  <p>{{ '@workflow-management:workflow-studio.settings.sections.outputs.empty-state.title' | translate | async }}</p>\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.outputs.empty-state.description' | translate | async }}</small>\n                </div>\n                } @else {\n                <div class=\"items-list\">\n                  @for (output of workflowSettings().outputs; track $index) {\n                  <div class=\"item-card\">\n                    <div class=\"item-header\">\n                      <span class=\"item-number\">#{{ $index + 1 }}</span>\n                      <button class=\"remove-btn\" (click)=\"removeWorkflowOutput($index)\"\n                        [title]=\"'@workflow-management:workflow-studio.settings.sections.outputs.actions.remove' | translate | async\">\n                        <i class=\"fa-light fa-trash\"></i>\n                      </button>\n                    </div>\n                    <div class=\"item-body\">\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.name' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"result\" [value]=\"output.name\"\n                            (input)=\"updateWorkflowOutput($index, 'name', $any($event.target).value)\" />\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.title' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"Result\" [value]=\"output.title\"\n                            (input)=\"updateWorkflowOutput($index, 'title', $any($event.target).value)\" />\n                        </div>\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.description' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.outputs.fields.description-placeholder' | translate | async\"\n                          [value]=\"output.description || ''\"\n                          (input)=\"updateWorkflowOutput($index, 'description', $any($event.target).value)\" />\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.data-type' | translate | async }}</label>\n                        <select class=\"form-select\" [value]=\"output.schema.dataType || 'string'\"\n                          (change)=\"updateWorkflowOutputSchema($index, 'dataType', $any($event.target).value)\">\n                          <option value=\"string\">String</option>\n                          <option value=\"number\">Number</option>\n                          <option value=\"boolean\">Boolean</option>\n                          <option value=\"object\">Object</option>\n                          <option value=\"array\">Array</option>\n                        </select>\n                      </div>\n                    </div>\n                  </div>\n                  }\n                </div>\n                }\n              </div>\n              }\n\n              <!-- Variables Tab -->\n              @if (activeSettingsTab() === 'variables') {\n              <div class=\"settings-section\">\n                <div class=\"section-header\">\n                  <h3>{{ '@workflow-management:workflow-studio.settings.sections.variables.title' | translate | async }}</h3>\n                  <button class=\"add-btn\" (click)=\"addWorkflowVariable()\">\n                    <i class=\"fa-light fa-plus\"></i>\n                    {{ '@workflow-management:workflow-studio.settings.sections.variables.add-button' | translate | async }}\n                  </button>\n                </div>\n\n                @if (workflowSettings().variables.length === 0) {\n                <div class=\"empty-state\">\n                  <i class=\"fa-light fa-inbox\"></i>\n                  <p>{{ '@workflow-management:workflow-studio.settings.sections.variables.empty-state.title' | translate | async }}</p>\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.variables.empty-state.description' | translate | async }}</small>\n                </div>\n                } @else {\n                <div class=\"items-list\">\n                  @for (variable of workflowSettings().variables; track $index) {\n                  <div class=\"item-card\">\n                    <div class=\"item-header\">\n                      <span class=\"item-number\">#{{ $index + 1 }}</span>\n                      <button class=\"remove-btn\" (click)=\"removeWorkflowVariable($index)\"\n                        [title]=\"'@workflow-management:workflow-studio.settings.sections.variables.actions.remove' | translate | async\">\n                        <i class=\"fa-light fa-trash\"></i>\n                      </button>\n                    </div>\n                    <div class=\"item-body\">\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.name' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"tempData\" [value]=\"variable.name\"\n                            (input)=\"updateWorkflowVariable($index, 'name', $any($event.target).value)\" />\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.type' | translate | async }}</label>\n                          <select class=\"form-select\" [value]=\"variable.typeName\"\n                            (change)=\"updateWorkflowVariable($index, 'typeName', $any($event.target).value)\">\n                            <option value=\"string\">String</option>\n                            <option value=\"number\">Number</option>\n                            <option value=\"boolean\">Boolean</option>\n                            <option value=\"object\">Object</option>\n                            <option value=\"array\">Array</option>\n                          </select>\n                        </div>\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.description' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.variables.fields.description-placeholder' | translate | async\"\n                          [value]=\"variable.description || ''\"\n                          (input)=\"updateWorkflowVariable($index, 'description', $any($event.target).value)\" />\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.initial-value' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.variables.fields.initial-value-placeholder' | translate | async\"\n                          [value]=\"variable.value || ''\"\n                          (input)=\"updateWorkflowVariable($index, 'value', $any($event.target).value)\" />\n                      </div>\n                    </div>\n                  </div>\n                  }\n                </div>\n                }\n              </div>\n              }\n\n              <!-- Advanced Tab -->\n              @if (activeSettingsTab() === 'advanced') {\n              <div class=\"settings-section\">\n                <h3>{{ '@workflow-management:workflow-studio.settings.sections.advanced.title' | translate | async }}</h3>\n\n                <!-- Versioning -->\n                <div class=\"advanced-group\">\n                  <h4>\u0646\u0633\u062E\u0647\u200C\u0628\u0646\u062F\u06CC (Versioning)</h4>\n                  <div class=\"form-row\">\n                    <div class=\"form-group flex-1\">\n                      <label>Version</label>\n                      <input type=\"number\" class=\"form-input\" min=\"1\" [(ngModel)]=\"workflowSettings().version\" />\n                      <small>\u0634\u0645\u0627\u0631\u0647 \u0646\u0633\u062E\u0647 workflow (1, 2, 3, ...)</small>\n                    </div>\n                    <div class=\"form-group checkbox-group\" style=\"margin-top: 1.8rem\">\n                      <label>\n                        <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().isLatest\" />\n                        <span>\u0622\u062E\u0631\u06CC\u0646 \u0646\u0633\u062E\u0647 (Is Latest)</span>\n                      </label>\n                    </div>\n                    <div class=\"form-group checkbox-group\" style=\"margin-top: 1.8rem\">\n                      <label>\n                        <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().isPublished\" />\n                        <span>\u0645\u0646\u062A\u0634\u0631 \u0634\u062F\u0647 (Published)</span>\n                      </label>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Options -->\n                <div class=\"advanced-group\">\n                  <h4>\u062A\u0646\u0638\u06CC\u0645\u0627\u062A (Options)</h4>\n                  <div class=\"form-group checkbox-group\">\n                    <label>\n                      <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().usableAsActivity\" />\n                      <span>\u0642\u0627\u0628\u0644 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 Activity</span>\n                    </label>\n                    <small>\u0627\u06CC\u0646 workflow \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u062F \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06CC\u06A9 activity \u062F\u0631 workflow \u0647\u0627\u06CC \u062F\u06CC\u06AF\u0631 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0634\u0648\u062F</small>\n                  </div>\n                  <div class=\"form-group checkbox-group\">\n                    <label>\n                      <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().autoUpdateConsumingWorkflows\" />\n                      <span>\u0628\u0647\u200C\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC \u062E\u0648\u062F\u06A9\u0627\u0631 workflows \u0645\u0635\u0631\u0641\u200C\u06A9\u0646\u0646\u062F\u0647</span>\n                    </label>\n                    <small>workflow \u0647\u0627\u06CC\u06CC \u06A9\u0647 \u0627\u0632 \u0627\u06CC\u0646 workflow \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u0628\u0647 \u0635\u0648\u0631\u062A \u062E\u0648\u062F\u06A9\u0627\u0631 \u0628\u0647\u200C\u0631\u0648\u0632 \u0645\u06CC\u200C\u0634\u0648\u0646\u062F</small>\n                  </div>\n                </div>\n\n                <!-- Metadata -->\n                <div class=\"advanced-group\">\n                  <h4>Metadata</h4>\n                  <div class=\"form-row\">\n                    <div class=\"form-group flex-1\">\n                      <label>Tool Version</label>\n                      <input type=\"text\" class=\"form-input\" placeholder=\"1.0.0\"\n                        [(ngModel)]=\"workflowSettings().toolVersion\" />\n                      <small>\u0646\u0633\u062E\u0647 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u0646\u062F\u0647</small>\n                    </div>\n                    <div class=\"form-group flex-1\">\n                      <label>Provider Name</label>\n                      <input type=\"text\" class=\"form-input\" placeholder=\"WorkflowStudio\"\n                        [(ngModel)]=\"workflowSettings().providerName\" />\n                      <small>\u0646\u0627\u0645 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u0646\u062F\u0647</small>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Outcomes -->\n                <div class=\"advanced-group\">\n                  <h4>Workflow Outcomes</h4>\n                  <div class=\"form-group\">\n                    <label>Possible Outcomes</label>\n                    <input type=\"text\" class=\"form-input\" placeholder=\"Done, Success, Failed (\u062C\u062F\u0627 \u0634\u062F\u0647 \u0628\u0627 \u06A9\u0627\u0645\u0627)\"\n                      [value]=\"workflowSettings().outcomes.join(', ')\"\n                      (input)=\"updateOutcomes($any($event.target).value)\" />\n                    <small>\u0646\u062A\u0627\u06CC\u062C \u0645\u0645\u06A9\u0646 \u06A9\u0647 \u0627\u06CC\u0646 workflow \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u062F \u0628\u0631\u06AF\u0631\u062F\u0627\u0646\u062F (\u0645\u062B\u0644\u0627\u064B: Done, Success, Failed)</small>\n                  </div>\n                  <div class=\"outcomes-preview\">\n                    @for (outcome of workflowSettings().outcomes; track outcome) {\n                    <span class=\"outcome-chip\">{{ outcome }}</span>\n                    }\n                  </div>\n                </div>\n\n                <!-- Export Preview -->\n                <div class=\"advanced-group\">\n                  <h4>\u062E\u0631\u0648\u062C\u06CC \u0646\u0647\u0627\u06CC\u06CC (WorkflowDefinition)</h4>\n                  <small>\u0627\u06CC\u0646 \u0633\u0627\u062E\u062A\u0627\u0631 \u062F\u0642\u06CC\u0642\u0627\u064B \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 WorkflowDefinition \u0627\u0633\u062A \u0648 \u062F\u0631 \u062F\u06CC\u062A\u0627\u0628\u06CC\u0633 \u0630\u062E\u06CC\u0631\u0647 \u0645\u06CC\u200C\u0634\u0648\u062F</small>\n                  <div class=\"export-info\">\n                    <div class=\"info-row\">\n                      <span class=\"label\">Definition ID:</span>\n                      <code>{{ workflowSettings().definitionId || '(\u062E\u0627\u0644\u06CC)' }}</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Name:</span>\n                      <code>{{ workflowSettings().name || '(\u062E\u0627\u0644\u06CC)' }}</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Version:</span>\n                      <code>v{{ workflowSettings().version }}</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Inputs:</span>\n                      <code>{{ workflowSettings().inputs.length }} items</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Outputs:</span>\n                      <code>{{ workflowSettings().outputs.length }} items</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Variables:</span>\n                      <code>{{ workflowSettings().variables.length }} items</code>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n\n          <!-- Modal Footer -->\n          <div class=\"settings-modal-footer\">\n            <ax-button [text]=\"'@workflow-management:workflow-studio.settings.actions.cancel' | translate | async\" color=\"secondary\" size=\"md\" (onClick)=\"closeWorkflowSettings()\"> </ax-button>\n            <ax-button [text]=\"'@workflow-management:workflow-studio.settings.actions.save' | translate | async\" color=\"primary\" size=\"md\" (onClick)=\"saveWorkflowSettings()\"> </ax-button>\n          </div>\n        </div>\n      </div>\n      }\n\n      <!-- Workflow Execution Dialog -->\n      @if (showExecutionDialog()) {\n      <div class=\"execution-dialog-overlay\" (click)=\"closeExecutionDialog()\">\n        <div class=\"execution-dialog\" (click)=\"$event.stopPropagation()\">\n          <!-- Dialog Header -->\n          <div class=\"execution-dialog-header\">\n            <div class=\"header-content\">\n              <i class=\"fa-light fa-play-circle\"></i>\n              <div class=\"header-info\">\n                <h2>{{ '@workflow-management:test-pages.workflow-studio.actions.execute-workflow.title' | translate |\n                  async }}</h2>\n                <p>{{ '@workflow-management:test-pages.workflow-studio.actions.execute-workflow.description' | translate\n                  | async }}</p>\n              </div>\n            </div>\n            <button class=\"close-btn\" (click)=\"closeExecutionDialog()\" [disabled]=\"isExecuting()\">\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          </div>\n\n          <!-- Dialog Body -->\n          <div class=\"execution-dialog-body\">\n            <!-- Workflow Info Panel (Before Execution) -->\n            @if (!workflowInstanceState()) {\n            <div class=\"workflow-info-panel\">\n              <div class=\"start-section\">\n                <div class=\"start-illustration\">\n                  <i class=\"fa-light fa-rocket\"></i>\n                </div>\n                <h3>{{ '@workflow-management:test-pages.workflow-studio.messages.info.ready-to-execute' | translate |\n                  async }}</h3>\n                <p>{{ '@workflow-management:test-pages.workflow-studio.messages.info.click-to-start' | translate | async\n                  }}</p>\n                <ax-button\n                  [text]=\"'@workflow-management:test-pages.workflow-studio.actions.start-execution.title' | translate | async\"\n                  color=\"success\" size=\"lg\" (onClick)=\"startWorkflowExecution()\">\n                </ax-button>\n              </div>\n            </div>\n            }\n\n\n            <!-- Custom UI for Registration -->\n            @if (false) {\n            <div class=\"registration-ui\">\n              <div class=\"registration-card\">\n                <div class=\"registration-icon\">\n                  <i class=\"fa-light fa-user-circle\"></i>\n                </div>\n                <h3>\u0641\u0631\u0622\u06CC\u0646\u062F \u062B\u0628\u062A\u200C\u0646\u0627\u0645</h3>\n                <p class=\"registration-desc\">\n                  \u0627\u06CC\u0646 \u0641\u0644\u0648 \u0634\u0627\u0645\u0644 \u0686\u0646\u062F \u0645\u0631\u062D\u0644\u0647 \u0627\u0633\u062A \u06A9\u0647 \u062F\u0627\u062F\u0647\u200C\u0647\u0627\u06CC \u06A9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062C\u0645\u0639\u200C\u0622\u0648\u0631\u06CC \u06A9\u0631\u062F\u0647 \u0648 \u062F\u0631 \u0646\u0647\u0627\u06CC\u062A \u062D\u0633\u0627\u0628 \u06A9\u0627\u0631\u0628\u0631\u06CC \u0627\u06CC\u062C\u0627\u062F \u0645\u06CC\u200C\u06A9\u0646\u062F.\n                </p>\n\n                @if (workflowInstanceState()?.status === 'running') {\n                <div class=\"registration-progress\">\n                  <div class=\"progress-spinner\">\n                    <i class=\"fa-light fa-spinner-third fa-spin\"></i>\n                  </div>\n                  <p>\u062F\u0631 \u062D\u0627\u0644 \u0627\u062C\u0631\u0627\u06CC \u0645\u0631\u0627\u062D\u0644 \u062B\u0628\u062A\u200C\u0646\u0627\u0645...</p>\n                </div>\n                }\n\n                @if (workflowInstanceState()?.status === 'finished') {\n                <div class=\"registration-success\">\n                  <i class=\"fa-light fa-check-circle\"></i>\n                  <h4>\u062B\u0628\u062A\u200C\u0646\u0627\u0645 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u0646\u062C\u0627\u0645 \u0634\u062F!</h4>\n                  <p>\u062D\u0633\u0627\u0628 \u06A9\u0627\u0631\u0628\u0631\u06CC \u0634\u0645\u0627 \u0627\u06CC\u062C\u0627\u062F \u0634\u062F \u0648 \u0628\u0647 \u0632\u0648\u062F\u06CC \u0628\u0647 \u062F\u0627\u0634\u0628\u0648\u0631\u062F \u0645\u0646\u062A\u0642\u0644 \u062E\u0648\u0627\u0647\u06CC\u062F \u0634\u062F.</p>\n                </div>\n                }\n              </div>\n            </div>\n            }\n\n            <!-- Default Execution View -->\n            @if (workflowInstanceState()) {\n            <div class=\"default-execution-view\">\n              <div class=\"execution-status\">\n                @if (workflowInstanceState()?.status === 'running') {\n                <div class=\"status-running\">\n                  <i class=\"fa-light fa-spinner-third fa-spin\"></i>\n                  <h3>\u062F\u0631 \u062D\u0627\u0644 \u0627\u062C\u0631\u0627...</h3>\n                  <p>Workflow \u062F\u0631 \u062D\u0627\u0644 \u0627\u062C\u0631\u0627 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B \u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F.</p>\n                </div>\n                }\n\n                @if (workflowInstanceState()?.status === 'finished') {\n                <div class=\"status-finished\">\n                  <i class=\"fa-light fa-check-circle\"></i>\n                  <h3>\u0627\u062C\u0631\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u062A\u06A9\u0645\u06CC\u0644 \u0634\u062F</h3>\n                  <p>Workflow \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u062C\u0631\u0627 \u0634\u062F \u0648 \u062A\u0645\u0627\u0645 Activities \u0627\u0646\u062C\u0627\u0645 \u0634\u062F\u0646\u062F.</p>\n                </div>\n                }\n\n                @if (workflowInstanceState()?.status === 'error') {\n                <div class=\"status-error\">\n                  <i class=\"fa-light fa-times-circle\"></i>\n                  <h3>\u062E\u0637\u0627 \u062F\u0631 \u0627\u062C\u0631\u0627</h3>\n                  <p>{{ workflowInstanceState()?.error }}</p>\n                </div>\n                }\n              </div>\n            </div>\n            }\n\n            <!-- Execution Logs Panel -->\n            @if (workflowInstanceState() && executionLogs().length > 0) {\n            <div class=\"execution-logs-panel\">\n              <h3><i class=\"fa-light fa-terminal\"></i> \u0644\u0627\u06AF\u200C\u0647\u0627\u06CC \u0627\u062C\u0631\u0627</h3>\n              <div class=\"logs-container-compact\">\n                @for (log of executionLogs(); track $index) {\n                <div class=\"log-item-compact\" [class]=\"'log-' + log.level\">\n                  <span class=\"log-time\">{{ log.timestamp | date: 'HH:mm:ss' }}</span>\n                  <span class=\"log-icon\">\n                    @switch (log.level) {\n                    @case ('info') {\n                    <i class=\"fa-light fa-info-circle\"></i>\n                    }\n                    @case ('success') {\n                    <i class=\"fa-light fa-check-circle\"></i>\n                    }\n                    @case ('warning') {\n                    <i class=\"fa-light fa-exclamation-triangle\"></i>\n                    }\n                    @case ('error') {\n                    <i class=\"fa-light fa-times-circle\"></i>\n                    }\n                    }\n                  </span>\n                  <span class=\"log-message\">{{ log.message }}</span>\n                </div>\n                }\n              </div>\n            </div>\n            }\n          </div>\n\n          <!-- Dialog Footer -->\n          <div class=\"execution-dialog-footer\">\n            <div class=\"footer-info\">\n              @if (workflowInstanceState()?.startTime) {\n              <span class=\"time-info\">\n                <i class=\"fa-light fa-clock\"></i>\n                \u0634\u0631\u0648\u0639: {{ workflowInstanceState()!.startTime | date: 'HH:mm:ss' }}\n              </span>\n              }\n              @if (workflowInstanceState()?.endTime) {\n              <span class=\"time-info\">\n                <i class=\"fa-light fa-flag-checkered\"></i>\n                \u067E\u0627\u06CC\u0627\u0646: {{ workflowInstanceState()!.endTime | date: 'HH:mm:ss' }}\n              </span>\n              }\n            </div>\n            <div class=\"footer-actions\">\n              <ax-button\n                [text]=\"(workflowInstanceState() ? '@general:actions.close.title' : '@general:actions.cancel.title') | translate | async\"\n                color=\"secondary\" size=\"md\" [disabled]=\"isExecuting()\" (onClick)=\"closeExecutionDialog()\">\n              </ax-button>\n            </div>\n          </div>\n        </div>\n      </div>\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>", styles: [".sidebar-header .toggle-btn{padding:.5rem;margin-left:auto;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.sidebar-header .toggle-btn:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.sidebar-header .toggle-btn i{font-size:.875rem}.sidebar-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:100;padding:1rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#8b5cf6;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .3s}.sidebar-toggle-btn:hover{background:#8b5cf6;color:#fff;box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-50%) scale(1.1)}.sidebar-toggle-btn.left{left:0;border-left:none;border-radius:0 8px 8px 0}.sidebar-toggle-btn.right{right:0;border-right:none;border-radius:8px 0 0 8px}.sidebar-toggle-btn i{font-size:1.25rem;display:block}.properties-header .header-actions{display:flex;gap:.5rem;margin-left:auto}.properties-header .header-btn{padding:.375rem .5rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s}.properties-header .header-btn:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.properties-header .header-btn i{font-size:.75rem}.connections-list{margin-top:.75rem}.connection-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem;font-size:.875rem}.connection-item i{color:#8b5cf6}.connection-item span{flex:1;color:#1e293b}.connection-item .remove-btn{padding:.25rem .375rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#ef4444;cursor:pointer;transition:all .2s}.connection-item .remove-btn:hover{background:#fef2f2;border-color:#ef4444}.connection-item .remove-btn i{font-size:.75rem;color:inherit}.property-editor{margin-top:.75rem}.property-editor .property-row label{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.property-editor .property-row label .property-type-badge{padding:.125rem .375rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:.625rem;font-weight:400;color:#64748b;text-transform:lowercase;font-family:JetBrains Mono,monospace}.property-editor .property-row select{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s}.property-editor .property-row select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.property-editor .property-row textarea{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-family:JetBrains Mono,monospace;color:#1e293b;resize:vertical;transition:all .2s}.property-editor .property-row textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.workflow-studio{display:flex;flex-direction:column;height:100vh;background:#f8fafc;overflow:hidden}.workflow-popup .popup-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.workflow-popup .popup-header h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:700}.workflow-popup .popup-header p{margin:0;color:#64748b;font-size:.95rem}.workflow-popup .popup-body{max-height:60vh;overflow-y:auto;padding:0 .5rem}.workflow-popup .popup-body h4{margin:1.5rem 0 .75rem;color:#374151;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.workflow-popup .popup-body ul{margin:0;padding-left:1.5rem}.workflow-popup .popup-body ul li{margin-bottom:.5rem;color:#4b5563}.workflow-popup .popup-body ul li strong{color:#1f2937}.workflow-popup .workflow-info{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.workflow-popup .workflow-variables{background:#fef3c7;padding:1rem;border-radius:8px;border:1px solid #f59e0b}.workflow-popup .workflow-flow{background:#ecfdf5;padding:1rem;border-radius:8px;border:1px solid #10b981}.workflow-popup .workflow-flow .flow-steps{display:flex;flex-direction:column;gap:.75rem}.workflow-popup .workflow-flow .flow-steps .flow-step{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #d1d5db}.workflow-popup .workflow-flow .flow-steps .flow-step .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:.8rem;font-weight:600}.workflow-popup .workflow-flow .flow-steps .flow-step .step-text{color:#374151;font-weight:500}.workflow-popup .workflow-json{background:#1f2937;padding:1rem;border-radius:8px;border:1px solid #374151}.workflow-popup .workflow-json .json-preview{background:transparent;color:#e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.workflow-popup .popup-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.workflow-popup .popup-footer .btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.workflow-popup .popup-footer .btn:hover{background:#2563eb}.workflow-popup .popup-footer .btn i{font-size:.9rem}.view-workflow-link{color:#3b82f6;text-decoration:none;font-size:.85rem;margin-left:.5rem;transition:color .2s}.view-workflow-link:hover{color:#1d4ed8;text-decoration:underline}.studio-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.studio-header .header-title{display:flex;align-items:center;gap:.75rem}.studio-header .header-title i{font-size:1.75rem;color:#8b5cf6}.studio-header .header-title h1{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.studio-header .header-title .badge{padding:.25rem .75rem;background:#8b5cf6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.studio-header .header-actions{display:flex;gap:.75rem;align-items:center}.samples-dropdown{position:relative}.samples-dropdown .samples-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:400px;overflow-y:auto}.samples-dropdown .samples-menu .sample-item{padding:.875rem 1rem;display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s}.samples-dropdown .samples-menu .sample-item:last-child{border-bottom:none}.samples-dropdown .samples-menu .sample-item:hover{background:#f8fafc;transform:translate(4px)}.samples-dropdown .samples-menu .sample-item i{font-size:1.25rem;margin-top:.125rem;color:#8b5cf6}.samples-dropdown .samples-menu .sample-item .sample-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.samples-dropdown .samples-menu .sample-item .sample-info strong{color:#1e293b;font-size:.875rem;font-weight:600}.samples-dropdown .samples-menu .sample-item .sample-info span{color:#64748b;font-size:.75rem;line-height:1.4}.studio-body{display:grid;grid-template-columns:1fr;gap:0;flex:1;overflow:hidden;transition:grid-template-columns .3s ease}.studio-body.sidebar-hidden,.studio-body.properties-hidden,.studio-body.sidebar-hidden.properties-hidden{grid-template-columns:1fr}.studio-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.studio-sidebar .sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.studio-sidebar .sidebar-header i{font-size:1.25rem;color:#8b5cf6}.studio-sidebar .sidebar-header h3{flex:1;margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.activities-tree{flex:1;overflow-y:auto;padding:.5rem}.category-section{margin-bottom:.5rem}.category-section .category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s;background:#f8fafc}.category-section .category-header:hover{background:#f1f5f9}.category-section .category-header.active{background:#ede9fe}.category-section .category-header.active>i:first-child{color:#8b5cf6}.category-section .category-header>i:first-child{font-size:.875rem;color:#94a3b8;transition:transform .2s,color .2s}.category-section .category-header>i:nth-child(2){font-size:1.125rem}.category-section .category-header span{flex:1;font-weight:600;font-size:.875rem;color:#334155}.category-section .category-header .count{flex:none;padding:.125rem .5rem;background:#fff;border-radius:10px;font-size:.75rem;font-weight:600;color:#64748b;border:1px solid #e2e8f0}.activities-list{padding:.5rem 0 .5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;animation:slideDown .3s ease}.activities-list .activities-header{padding:.5rem .75rem;margin-bottom:.5rem}.activities-list .activities-header h4{margin:0;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.875rem;margin-bottom:.75rem;transition:all .2s}.activity-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-1px)}.activity-card .activity-info{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.activity-card .activity-info>i{font-size:1.5rem;color:#8b5cf6;margin-top:.125rem}.activity-card .activity-info .activity-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-card .activity-info .activity-details strong{font-size:.875rem;color:#1e293b}.activity-card .activity-info .activity-details small{font-size:.75rem;color:#64748b;line-height:1.4}.activity-card .activity-info .activity-details code{font-size:.75rem;color:#8b5cf6;background:#f3f0ff;padding:.125rem .375rem;border-radius:4px;width:fit-content}.activity-card .copy-btn{float:right;padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}.activity-card .copy-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.activity-card .copy-btn i{font-size:.875rem}.activity-card .activity-properties{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.activity-card .activity-properties .properties-title{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.activity-card .activity-properties .property-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.75rem}.activity-card .activity-properties .property-item code{color:#1e293b;background:#f8fafc;padding:.125rem .375rem;border-radius:3px}.activity-card .activity-properties .property-item .property-type{color:#64748b;font-style:italic}.activity-card .activity-properties .property-item .required{color:#ef4444;font-weight:700}.studio-editor{display:flex;flex-direction:column;background:#1e293b;overflow:hidden}.studio-editor .editor-header{padding:1rem 1.25rem;background:#0f172a;display:flex;align-items:center;gap:.5rem}.studio-editor .editor-header i{font-size:1.125rem;color:#8b5cf6}.studio-editor .editor-header h3{margin:0;font-size:1rem;font-weight:600;color:#e2e8f0}.studio-editor axp-page-toolbar .editor-tabs{display:flex;gap:.5rem;background:transparent}.studio-editor axp-page-toolbar .editor-tabs .tab-btn{padding:.5rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.studio-editor axp-page-toolbar .editor-tabs .tab-btn i{font-size:.875rem}.studio-editor axp-page-toolbar .editor-tabs .tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.studio-editor axp-page-toolbar .editor-tabs .tab-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.studio-editor .editor-content{flex:1;display:flex;overflow:hidden}.studio-editor .json-tab{flex:1;display:flex;flex-direction:column}.studio-editor .json-editor{flex:1;padding:1.5rem;background:#1e293b;color:#e2e8f0;border:none;outline:none;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;resize:none;overflow:auto}.studio-editor .json-editor::placeholder{color:#475569}.studio-editor .json-editor::-webkit-scrollbar{width:10px;height:10px}.studio-editor .json-editor::-webkit-scrollbar-track{background:#0f172a}.studio-editor .json-editor::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}.studio-editor .json-editor::-webkit-scrollbar-thumb:hover{background:#64748b}.studio-editor .visual-tab{flex:1;display:flex;background:#f8fafc;position:relative}.studio-editor .visual-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden}.studio-editor .visual-canvas .canvas-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0}.studio-editor .visual-canvas .canvas-toolbar .tool-btn{padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.studio-editor .visual-canvas .canvas-toolbar .tool-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.studio-editor .visual-canvas .canvas-toolbar .tool-btn i{font-size:.875rem}.studio-editor .visual-canvas .canvas-toolbar .tool-info{flex:1;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.studio-editor .visual-canvas .canvas-toolbar .tool-info i{font-size:1rem;color:#8b5cf6}.studio-editor .visual-canvas .canvas-area{flex:1;position:relative;background:linear-gradient(90deg,#e5e7eb 1px,transparent 1px),linear-gradient(#e5e7eb 1px,transparent 1px);background-size:20px 20px;overflow:auto;min-height:600px}.studio-editor .visual-canvas .connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.studio-editor .visual-canvas .connection-line{stroke:#64748b;stroke-width:2;fill:none;opacity:.6;cursor:pointer;pointer-events:stroke;transition:all .2s}.studio-editor .visual-canvas .connection-line:hover{stroke:#ef4444;stroke-width:3;opacity:1}.studio-editor .visual-canvas .visual-node{position:absolute;width:150px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:move;transition:all .2s;z-index:2}.studio-editor .visual-canvas .visual-node:hover{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf633;transform:translateY(-2px)}.studio-editor .visual-canvas .visual-node.selected{border-color:#8b5cf6;border-width:3px;box-shadow:0 0 0 3px #8b5cf633}.studio-editor .visual-canvas .visual-node .node-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:6px 6px 0 0;font-size:.875rem;font-weight:600}.studio-editor .visual-canvas .visual-node .node-header i{font-size:1rem}.studio-editor .visual-canvas .visual-node .node-header span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-editor .visual-canvas .visual-node .node-header .node-delete{padding:.25rem;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.studio-editor .visual-canvas .visual-node .node-header .node-delete:hover{background:#ef4444cc}.studio-editor .visual-canvas .visual-node .node-header .node-delete i{font-size:.75rem}.studio-editor .visual-canvas .visual-node .node-body{padding:.75rem}.studio-editor .visual-canvas .visual-node .node-body small{display:block;font-size:.75rem;color:#64748b;text-align:center}.studio-editor .visual-canvas .visual-node .node-connectors{position:relative}.studio-editor .visual-canvas .visual-node .node-connectors .connector{position:absolute;width:12px;height:12px;background:#8b5cf6;border:2px solid white;border-radius:50%;cursor:pointer;transition:all .2s;z-index:10}.studio-editor .visual-canvas .visual-node .node-connectors .connector:hover{transform:scale(1.3);box-shadow:0 0 0 3px #8b5cf64d}.studio-editor .visual-canvas .visual-node .node-connectors .connector-in{top:-50px;left:50%;transform:translate(-50%);background:#3b82f6}.studio-editor .visual-canvas .visual-node .node-connectors .connector-out{bottom:-6px;left:50%;transform:translate(-50%);background:#8b5cf6}.studio-editor .visual-canvas .visual-node .node-connectors .connector-out.active{background:#ef4444}.studio-editor .visual-canvas .visual-node .node-connectors .outcomes-container{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;background:#fff;padding:8px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:100}.studio-editor .visual-canvas .visual-node .node-connectors .outcomes-container:before{content:\"\";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05))}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;position:relative}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector:hover{background:#f1f5f9;border-color:#8b5cf6;transform:translate(2px)}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector.active{background:#fef2f2;border-color:#ef4444}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector.active .outcome-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector .outcome-label{font-size:.75rem;font-weight:600;color:#475569;-webkit-user-select:none;user-select:none;flex:1}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector .outcome-dot{width:10px;height:10px;background:#8b5cf6;border:2px solid white;border-radius:50%;transition:all .2s;flex-shrink:0}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=\"200\"] .outcome-dot,.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Done] .outcome-dot{background:#10b981}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=\"404\"] .outcome-dot,.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Failed] .outcome-dot{background:#ef4444}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Timeout] .outcome-dot,.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Cancelled] .outcome-dot{background:#f59e0b}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Then] .outcome-dot{background:#3b82f6}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Else] .outcome-dot{background:#64748b}.studio-editor .visual-canvas .canvas-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#94a3b8;pointer-events:none}.studio-editor .visual-canvas .canvas-empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.studio-editor .visual-canvas .canvas-empty-state p{margin:0 0 .5rem;font-size:1rem;font-weight:500}.studio-editor .visual-canvas .canvas-empty-state small{font-size:.875rem;opacity:.8}.studio-editor .properties-panel{width:280px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.studio-editor .properties-panel .properties-header{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid #e2e8f0}.studio-editor .properties-panel .properties-header i{font-size:1.125rem;color:#8b5cf6}.studio-editor .properties-panel .properties-header h4{flex:1;margin:0;font-size:.875rem;font-weight:600;color:#1e293b}.studio-editor .properties-panel .properties-header button{padding:.25rem .5rem;background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s}.studio-editor .properties-panel .properties-header button:hover{color:#ef4444}.studio-editor .properties-panel .properties-body{flex:1;padding:1rem;overflow-y:auto}.studio-editor .properties-panel .properties-body .property-row{margin-bottom:1rem}.studio-editor .properties-panel .properties-body .property-row label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.studio-editor .properties-panel .properties-body .property-row input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;transition:all .2s}.studio-editor .properties-panel .properties-body .property-row input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.studio-editor .properties-panel .properties-body .property-row input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.studio-editor .properties-panel .properties-body .properties-divider{height:1px;background:#e2e8f0;margin:1.5rem 0}.studio-editor .properties-panel .properties-body h5{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.studio-editor .properties-panel .properties-body .properties-hint{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.75rem}.studio-editor .properties-panel .properties-body .properties-json{margin:.75rem 0 0;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;color:#1e293b;overflow-x:auto}.studio-editor .properties-panel .properties-body .no-properties{margin:.75rem 0 0;padding:1rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;text-align:center;font-size:.75rem;color:#94a3b8}.studio-editor .properties-panel .properties-body .connections-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.studio-editor .properties-panel .properties-body .connections-list .connection-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem}.studio-editor .properties-panel .properties-body .connections-list .connection-item.outcome-connection{border-left-width:3px}.studio-editor .properties-panel .properties-body .connections-list .connection-item i{color:#64748b;font-size:.875rem}.studio-editor .properties-panel .properties-body .connections-list .connection-item span{flex:1;color:#1e293b;font-weight:500}.studio-editor .properties-panel .properties-body .connections-list .connection-item .outcome-badge{padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.studio-editor .properties-panel .properties-body .connections-list .connection-item .remove-btn{padding:.25rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:4px;transition:all .2s}.studio-editor .properties-panel .properties-body .connections-list .connection-item .remove-btn:hover{background:#fee2e2}.studio-editor .properties-panel .properties-body .connections-list .connection-item .remove-btn i{font-size:.75rem;color:inherit}.studio-editor .properties-panel .properties-body .outcomes-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.studio-editor .properties-panel .properties-body .outcomes-info .outcome-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:2px solid;border-radius:6px;font-size:.75rem;font-weight:600;color:#1e293b;transition:all .2s}.studio-editor .properties-panel .properties-body .outcomes-info .outcome-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.studio-editor .properties-panel .properties-body .outcomes-info .outcome-tag .outcome-dot{width:8px;height:8px;border-radius:50%}.studio-result{display:flex;flex-direction:column;background:#fff;border-left:1px solid #e2e8f0;overflow:hidden}.studio-result .result-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.studio-result .result-header i{font-size:1.125rem;color:#10b981}.studio-result .result-header h3{flex:1;margin:0;font-size:1rem;font-weight:600;color:#1e293b}.studio-result .result-header .clear-btn{padding:.375rem .75rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.studio-result .result-header .clear-btn:hover{background:#fecaca}.studio-result .result-header .clear-btn i{font-size:.75rem;color:inherit}.studio-result .result-body{flex:1;overflow-y:auto;padding:1rem}.logs-container{display:flex;flex-direction:column;gap:.5rem}.log-item{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:6px;font-size:.875rem}.log-item.log-info{border-left-color:#3b82f6;background:#eff6ff}.log-item.log-info .log-icon{color:#3b82f6}.log-item.log-success{border-left-color:#10b981;background:#f0fdf4}.log-item.log-success .log-icon{color:#10b981}.log-item.log-warning{border-left-color:#f59e0b;background:#fffbeb}.log-item.log-warning .log-icon{color:#f59e0b}.log-item.log-error{border-left-color:#ef4444;background:#fef2f2}.log-item.log-error .log-icon{color:#ef4444}.log-item .log-time{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#64748b;min-width:80px}.log-item .log-icon{font-size:1rem}.log-item .log-message{flex:1;color:#1e293b}.log-item .log-data-toggle{padding:.25rem .5rem;background:transparent;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;transition:all .2s}.log-item .log-data-toggle:hover{background:#fff}.log-item .log-data-toggle i{font-size:.75rem;color:#64748b}.log-data{margin:.5rem 0 0;padding:1rem;background:#0f172a;color:#e2e8f0;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto}.settings-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .2s ease}.settings-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.settings-modal-header .header-title{display:flex;align-items:center;gap:.75rem}.settings-modal-header .header-title i{font-size:1.5rem;color:#8b5cf6}.settings-modal-header .header-title h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.settings-modal-header .close-btn{padding:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s}.settings-modal-header .close-btn:hover{background:#f1f5f9;color:#ef4444}.settings-modal-header .close-btn i{font-size:1.25rem}.settings-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-tabs{display:flex;gap:.5rem;padding:1rem 2rem 0;border-bottom:1px solid #e2e8f0}.settings-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.settings-tabs .tab-btn:hover{color:#8b5cf6;background:#f8fafc}.settings-tabs .tab-btn.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.settings-tabs .tab-btn i{font-size:1rem}.settings-tabs .tab-btn .badge{padding:.125rem .5rem;background:#8b5cf6;color:#fff;border-radius:10px;font-size:.7rem;font-weight:600}.settings-content{flex:1;overflow-y:auto;padding:2rem}.settings-section h3{margin:0 0 1.5rem;font-size:1rem;font-weight:600;color:#1e293b}.settings-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings-section .section-header h3{margin:0}.settings-section .section-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-section .section-header .add-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.settings-section .section-header .add-btn i{font-size:.875rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-group small{display:block;font-size:.75rem;color:#94a3b8;margin-top:.375rem}.form-group.checkbox-group{margin-bottom:0}.form-group.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.form-group.checkbox-group label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-group.checkbox-group label span{font-size:.875rem;font-weight:500}.form-group.flex-1{flex:1}.form-row{display:flex;gap:1rem;align-items:flex-start}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#cbd5e1}.form-textarea{resize:vertical;font-family:inherit}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.item-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.item-card .item-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.item-card .item-header .item-number{font-size:.75rem;font-weight:700;color:#8b5cf6;padding:.25rem .5rem;background:#fff;border-radius:4px}.item-card .item-header .remove-btn{padding:.375rem .625rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:4px;transition:all .2s}.item-card .item-header .remove-btn:hover{background:#fee2e2}.item-card .item-header .remove-btn i{font-size:.875rem}.item-card .item-body{padding:1rem}.advanced-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.advanced-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.advanced-group h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.outcomes-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.outcomes-preview .outcome-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:.75rem;font-weight:600;color:#475569}.export-info{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.export-info .info-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.export-info .info-row:last-child{border-bottom:none;padding-bottom:0}.export-info .info-row .label{font-size:.75rem;font-weight:600;color:#64748b;min-width:120px}.export-info .info-row code{flex:1;padding:.25rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;color:#1e293b;font-family:JetBrains Mono,monospace}.settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8}.empty-state i{font-size:3rem;margin-bottom:1rem}.empty-state p{margin:0;font-size:.875rem}.final-result{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.final-result .result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:1rem;cursor:pointer;transition:all .2s}.final-result .result-header:hover{background:#f1f5f9;transform:translate(-2px)}.final-result .result-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase}.final-result .result-header h4 i{font-size:.875rem;transition:transform .2s}.final-result .result-header .toggle-hint{font-size:.75rem;color:#94a3b8}.final-result .result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.final-result .result-card .result-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.final-result .result-card .result-row:not(:last-child){border-bottom:1px solid #e2e8f0}.final-result .result-card .result-row strong{font-size:.875rem;color:#475569;min-width:100px}.final-result .result-card .result-row .badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.final-result .result-card .result-row .badge.badge-running{background:#dbeafe;color:#1e40af}.final-result .result-card .result-row .badge.badge-finished{background:#d1fae5;color:#065f46}.final-result .result-card .result-row .badge.badge-cancelled{background:#fed7aa;color:#92400e}.final-result .result-card .result-row .badge.badge-faulted{background:#fee2e2;color:#991b1b}.final-result .result-card .result-row pre{margin:.5rem 0 0;padding:.75rem;background:#0f172a;color:#e2e8f0;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto;width:100%}.activities-list::-webkit-scrollbar,.result-body::-webkit-scrollbar{width:8px}.activities-list::-webkit-scrollbar-track,.result-body::-webkit-scrollbar-track{background:#f1f5f9}.activities-list::-webkit-scrollbar-thumb,.result-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.activities-list::-webkit-scrollbar-thumb:hover,.result-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-card{cursor:grab}.activity-card:active{cursor:grabbing}.activity-card[draggable=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.visual-node[draggable=true]{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.visual-node:active{cursor:grabbing}.canvas-area[data-drag-over=true]{background-color:#8b5cf60d}.connector:hover{transform:scale(1.3);box-shadow:0 0 0 3px #8b5cf64d}.connector-out.active{animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ef44444d}50%{box-shadow:0 0 0 6px #ef44441a}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.execution-dialog-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.execution-dialog{width:90vw;max-width:1200px;height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.execution-dialog-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.execution-dialog-header .header-content{display:flex;align-items:center;gap:1rem;flex:1}.execution-dialog-header .header-content>i{font-size:2.5rem;opacity:.9}.execution-dialog-header .header-content .header-info h2{margin:0;font-size:1.75rem;font-weight:700}.execution-dialog-header .header-content .header-info p{margin:.25rem 0 0;opacity:.9;font-size:.95rem}.execution-dialog-header .close-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff;font-size:1.25rem}.execution-dialog-header .close-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.execution-dialog-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.execution-dialog-body{flex:1;overflow-y:auto;padding:2rem;background:#f8fafc}.execution-dialog-footer{padding:1rem 2rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.execution-dialog-footer .footer-info{display:flex;gap:1.5rem}.execution-dialog-footer .footer-info .time-info{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.execution-dialog-footer .footer-info .time-info i{color:#8b5cf6}.execution-dialog-footer .footer-actions{display:flex;gap:.75rem}.workflow-info-panel{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.workflow-info-panel .info-section{margin-bottom:2rem}.workflow-info-panel .info-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#1e293b;font-size:1.25rem}.workflow-info-panel .info-section h3 i{color:#8b5cf6}.workflow-info-panel .info-section .description{color:#475569;line-height:1.7;margin:0}.workflow-info-panel .info-section .features-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.workflow-info-panel .info-section .features-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;color:#334155}.workflow-info-panel .info-section .features-list li i{color:#10b981;font-size:1.125rem}.workflow-info-panel .start-section{text-align:center;padding:2rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:2px dashed #10b981}.workflow-info-panel .start-section .start-illustration{margin-bottom:1rem}.workflow-info-panel .start-section .start-illustration i{font-size:4rem;color:#10b981;animation:float 3s ease-in-out infinite}.workflow-info-panel .start-section h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.workflow-info-panel .start-section p{margin:0 0 1.5rem;color:#64748b}.state-machine-ui .issue-tracker{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.state-machine-ui .issue-tracker .issue-header-main{padding:1.5rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin-bottom:.75rem}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb .project-name{color:#3b82f6;font-weight:600}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb .separator{color:#94a3b8}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb .issue-key{color:#64748b}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title{display:flex;align-items:center;gap:.75rem}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title .type-badge{padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem;background:#eff6ff;color:#3b82f6}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title .type-badge i{font-size:1rem}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title .issue-main-title{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-action-bar{padding:.75rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left{display:flex;gap:.5rem}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;color:#334155}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn:disabled{opacity:.5;cursor:not-allowed}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-primary:hover:not(:disabled){background:#2563eb}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-success{background:#10b981;color:#fff;border-color:#10b981}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-success:hover:not(:disabled){background:#059669}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-warning:hover:not(:disabled){background:#d97706}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-right .more-actions-btn{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#334155;transition:all .2s}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-right .more-actions-btn:hover{background:#f1f5f9}.state-machine-ui .issue-tracker .issue-main-content{display:grid;grid-template-columns:320px 1fr;gap:2rem;padding:2rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section{margin-bottom:2rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row{display:flex;padding:.625rem 0;border-bottom:1px solid #f1f5f9}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row:last-child{border-bottom:none}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row label{min-width:100px;font-size:.8125rem;color:#64748b;font-weight:500}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value i{font-size:1rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .status-badge{padding:.25rem .625rem;border-radius:4px;color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .view-workflow-link{color:#3b82f6;font-size:.8125rem;text-decoration:none;margin-left:.5rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .view-workflow-link:hover{text-decoration:underline}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .user-avatar{width:24px;height:24px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz h3{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state{display:flex;flex-direction:column;align-items:center;gap:.375rem;opacity:.4;transition:opacity .2s}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state.active,.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state.completed{opacity:1}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state .state-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;box-shadow:0 2px 4px #0000001a}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state .state-name{font-size:.6875rem;color:#64748b;font-weight:500}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state.active .state-name{color:#1e293b;font-weight:600}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-arrow{color:#cbd5e1;font-size:.75rem;margin:0 .25rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section{margin-bottom:2rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section h3,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section .description-content,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .description-content{padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section .description-content p,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .description-content p{margin:0;color:#475569;line-height:1.7;font-size:.875rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline{display:flex;flex-direction:column;gap:1rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item{display:flex;gap:.75rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-avatar{width:32px;height:32px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content{flex:1;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-header{font-size:.875rem;color:#334155;line-height:1.6;margin-bottom:.375rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-header strong{color:#1e293b;font-weight:600}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-header .activity-action{color:#64748b}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#94a3b8}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-meta .activity-label{color:#8b5cf6;font-weight:500}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item:last-child .activity-content{border-bottom:none;padding-bottom:0}.registration-ui{display:flex;justify-content:center;align-items:center;min-height:400px}.registration-ui .registration-card{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0000000d;text-align:center;max-width:500px}.registration-ui .registration-card .registration-icon{margin-bottom:1.5rem}.registration-ui .registration-card .registration-icon i{font-size:5rem;color:#8b5cf6}.registration-ui .registration-card h3{margin:0 0 .75rem;color:#1e293b;font-size:1.75rem;font-weight:700}.registration-ui .registration-card .registration-desc{margin:0 0 2rem;color:#64748b;line-height:1.7}.registration-ui .registration-card .registration-progress{padding:2rem;background:#fef3c7;border-radius:8px}.registration-ui .registration-card .registration-progress .progress-spinner{margin-bottom:1rem}.registration-ui .registration-card .registration-progress .progress-spinner i{font-size:3rem;color:#f59e0b}.registration-ui .registration-card .registration-progress p{margin:0;color:#92400e;font-weight:500}.registration-ui .registration-card .registration-success{padding:2rem;background:#f0fdf4;border-radius:8px}.registration-ui .registration-card .registration-success i{font-size:4rem;color:#10b981;margin-bottom:1rem}.registration-ui .registration-card .registration-success h4{margin:0 0 .5rem;color:#064e3b;font-size:1.5rem;font-weight:700}.registration-ui .registration-card .registration-success p{margin:0;color:#065f46}.default-execution-view{display:flex;justify-content:center;align-items:center;min-height:400px}.default-execution-view .execution-status{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;min-width:400px}.default-execution-view .execution-status i{font-size:5rem;margin-bottom:1.5rem}.default-execution-view .execution-status h3{margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.default-execution-view .execution-status p{margin:0;color:#64748b;line-height:1.7}.default-execution-view .execution-status .status-running i{color:#f59e0b}.default-execution-view .execution-status .status-finished i{color:#10b981}.default-execution-view .execution-status .status-error i{color:#ef4444}.execution-logs-panel{margin-top:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.execution-logs-panel h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#1e293b;font-size:1.125rem}.execution-logs-panel h3 i{color:#8b5cf6}.execution-logs-panel .logs-container-compact{max-height:300px;overflow-y:auto;background:#f8fafc;border-radius:8px;padding:.75rem}.execution-logs-panel .logs-container-compact .log-item-compact{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;margin-bottom:.5rem;font-size:.875rem}.execution-logs-panel .logs-container-compact .log-item-compact:last-child{margin-bottom:0}.execution-logs-panel .logs-container-compact .log-item-compact .log-time{font-family:Courier New,monospace;color:#64748b;font-size:.8125rem;min-width:70px}.execution-logs-panel .logs-container-compact .log-item-compact .log-icon{display:flex;align-items:center;justify-content:center;width:20px}.execution-logs-panel .logs-container-compact .log-item-compact .log-icon i{font-size:1rem}.execution-logs-panel .logs-container-compact .log-item-compact .log-message{flex:1;color:#334155}.execution-logs-panel .logs-container-compact .log-item-compact.log-info{background:#eff6ff}.execution-logs-panel .logs-container-compact .log-item-compact.log-info .log-icon i{color:#3b82f6}.execution-logs-panel .logs-container-compact .log-item-compact.log-success{background:#f0fdf4}.execution-logs-panel .logs-container-compact .log-item-compact.log-success .log-icon i{color:#10b981}.execution-logs-panel .logs-container-compact .log-item-compact.log-warning{background:#fffbeb}.execution-logs-panel .logs-container-compact .log-item-compact.log-warning .log-icon i{color:#f59e0b}.execution-logs-panel .logs-container-compact .log-item-compact.log-error{background:#fef2f2}.execution-logs-panel .logs-container-compact .log-item-compact.log-error .log-icon i{color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "component", type: i3.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "color", "look", "fitParent", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "disabledChange", "onClick", "selectionChange", "selectedButtonChange"] }, { kind: "component", type: i3.AXButtonGroupItemComponent, selector: "ax-button-group-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2$1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMActivityCategoriesTreeComponent, selector: "axp-activity-categories-tree", outputs: ["categoryClick", "activityClick"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.JsonPipe, name: "json" }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i7.AXTranslatorPipe, name: "translate" }] }); }
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout>\n  <axp-layout-start-side>\n    <axp-activity-categories-tree (categoryClick)=\"onCategoryClick($event)\"\n      (activityClick)=\"onActivityClick($event)\"></axp-activity-categories-tree>\n  </axp-layout-start-side>\n\n  <axp-page-toolbar>\n    <axp-layout-prefix>\n      <!-- Editor Tabs -->\n      <ax-button-group class=\"ax-sm\" [selection]=\"'single'\">\n        <ax-button-group-item (onClick)=\"switchTab('json')\" [selected]=\"activeTab() === 'json'\">\n          <ax-prefix>\n            <i class=\"fa-light fa-code\"></i>\n          </ax-prefix>\n          {{ '@workflow-management:workflow-studio.terms.json-editor' | translate | async }}\n        </ax-button-group-item>\n        <ax-button-group-item (onClick)=\"switchTab('visual')\" [selected]=\"activeTab() === 'visual'\">\n          <ax-prefix>\n            <i class=\"fa-light fa-diagram-project\"></i>\n          </ax-prefix>\n          {{ '@workflow-management:workflow-studio.terms.visual-designer' | translate | async }}\n        </ax-button-group-item>\n      </ax-button-group>\n    </axp-layout-prefix>\n  </axp-page-toolbar>\n\n  <axp-page-content>\n    <div class=\"workflow-studio\">\n      <!-- Main Layout -->\n      <div class=\"studio-body\" [class.properties-hidden]=\"!showPropertiesPanel()\">\n\n        <!-- Editor -->\n        <div class=\"studio-editor\">\n          <!-- Tab Content -->\n          <div class=\"editor-content\">\n            <!-- JSON Tab -->\n            @if (activeTab() === 'json') {\n            <div class=\"json-tab\">\n              <textarea class=\"json-editor\" [(ngModel)]=\"workflowJson\"\n                [placeholder]=\"'@workflow-management:workflow-studio.components.json-editor.placeholder' | translate | async\"\n                spellcheck=\"false\">\n            </textarea>\n            </div>\n            }\n\n            <!-- Visual Tab -->\n            @if (activeTab() === 'visual') {\n            <div class=\"visual-tab\">\n              <!-- Canvas -->\n              <div class=\"visual-canvas\">\n                <div class=\"canvas-toolbar\">\n                  <button class=\"tool-btn\" (click)=\"clearCanvas()\"\n                    [title]=\"'@workflow-management:workflow-studio.components.canvas-toolbar.clear-canvas.title' | translate | async\">\n                    <i class=\"fa-light fa-trash\"></i>\n                  </button>\n                  <button class=\"tool-btn\" (click)=\"visualToJson()\"\n                    [title]=\"'@workflow-management:workflow-studio.components.canvas-toolbar.convert-to-json.title' | translate | async\">\n                    <i class=\"fa-light fa-code\"></i>\n                  </button>\n                  <span class=\"tool-info\">\n                    <i class=\"fa-light fa-lightbulb\"></i>\n                    <strong>{{ '@workflow-management:workflow-studio.components.canvas-toolbar.hint' | translate | async }}</strong>\n                  </span>\n                </div>\n\n                <div class=\"canvas-area\" (drop)=\"onCanvasDrop($event)\" (dragover)=\"onCanvasDragOver($event)\"\n                  (dragleave)=\"onCanvasDragLeave($event)\">\n                  <!-- SVG for Connections -->\n                  <svg class=\"connections-layer\">\n                    <!-- Outcome-based Connections -->\n                    @for (node of visualNodes(); track node.id) {\n                    @if (node.outcomeConnections && node.outcomeConnections.length > 0) {\n                    @for (conn of node.outcomeConnections; track conn.targetNodeId + conn.outcome) {\n                    @let targetNode = findNodeById(conn.targetNodeId);\n                    @if (targetNode) {\n                    <g class=\"outcome-connection-group\">\n                      <line [attr.x1]=\"node.position.x + 75\" [attr.y1]=\"node.position.y + 80\"\n                        [attr.x2]=\"targetNode.position.x + 75\" [attr.y2]=\"targetNode.position.y - 50\"\n                        class=\"connection-line outcome-line\" [attr.stroke]=\"getOutcomeColor(conn.outcome)\"\n                        stroke-width=\"2.5\"\n                        [attr.marker-end]=\"'url(#arrowhead-' + getOutcomeColorName(conn.outcome) + ')'\"\n                        style=\"cursor: pointer\" (dblclick)=\"disconnectNodes(node.id, conn.targetNodeId, conn.outcome)\"\n                        [attr.title]=\"'Outcome: ' + conn.outcome + ' (Double-click to remove)'\">\n                        <title>{{ conn.outcome }} \u2192 {{ targetNode.name }}</title>\n                      </line>\n                      <text [attr.x]=\"(node.position.x + targetNode.position.x) / 2 + 75\"\n                        [attr.y]=\"(node.position.y + targetNode.position.y) / 2 + 15\" class=\"connection-label\"\n                        text-anchor=\"middle\" [attr.fill]=\"getOutcomeColor(conn.outcome)\" font-size=\"11\"\n                        font-weight=\"600\" pointer-events=\"none\">\n                        {{ conn.outcome }}\n                      </text>\n                    </g>\n                    }\n                    }\n                    } @else {\n                    <!-- Simple Connections (backward compatibility) -->\n                    @for (targetId of node.connections; track targetId) {\n                    @let targetNode = findNodeById(targetId);\n                    @if (targetNode) {\n                    <line [attr.x1]=\"node.position.x + 75\" [attr.y1]=\"node.position.y + 40\"\n                      [attr.x2]=\"targetNode.position.x + 75\" [attr.y2]=\"targetNode.position.y - 50\"\n                      class=\"connection-line\" stroke=\"#64748b\" stroke-width=\"2\" marker-end=\"url(#arrowhead-default)\"\n                      style=\"cursor: pointer\" (dblclick)=\"disconnectNodes(node.id, targetId)\"\n                      title=\"Double-click \u0628\u0631\u0627\u06CC \u062D\u0630\u0641 \u0627\u062A\u0635\u0627\u0644\">\n                      <title>Double-click \u0628\u0631\u0627\u06CC \u062D\u0630\u0641</title>\n                    </line>\n                    }\n                    }\n                    }\n                    }\n\n                    <defs>\n                      <!-- Default Arrow -->\n                      <marker id=\"arrowhead-default\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#64748b\" />\n                      </marker>\n                      <!-- Success Arrow (Green) -->\n                      <marker id=\"arrowhead-success\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#10b981\" />\n                      </marker>\n                      <!-- Error Arrow (Red) -->\n                      <marker id=\"arrowhead-error\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#ef4444\" />\n                      </marker>\n                      <!-- Warning Arrow (Orange) -->\n                      <marker id=\"arrowhead-warning\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#f59e0b\" />\n                      </marker>\n                      <!-- Info Arrow (Blue) -->\n                      <marker id=\"arrowhead-info\" markerWidth=\"10\" markerHeight=\"10\" refX=\"9\" refY=\"3\" orient=\"auto\">\n                        <polygon points=\"0 0, 10 3, 0 6\" fill=\"#3b82f6\" />\n                      </marker>\n                    </defs>\n                  </svg>\n\n                  <!-- Nodes -->\n                  @for (node of visualNodes(); track node.id) {\n                  <div class=\"visual-node\" [class.selected]=\"selectedNode()?.id === node.id\"\n                    [style.left.px]=\"node.position.x\" [style.top.px]=\"node.position.y\" [attr.data-node-id]=\"node.id\"\n                    draggable=\"true\" (dragstart)=\"onNodeDragStart($event, node)\" (drag)=\"onNodeDrag($event, node)\"\n                    (dragend)=\"onNodeDragEnd($event, node)\" (click)=\"selectNodeById(node)\">\n                    <div class=\"node-header\">\n                      <i [class]=\"node.icon\"></i>\n                      <span>{{ node.name }}</span>\n                      <button class=\"node-delete\" (click)=\"deleteNode(node.id); $event.stopPropagation()\">\n                        <i class=\"fa-light fa-times\"></i>\n                      </button>\n                    </div>\n\n                    <div class=\"node-body\">\n                      <small>{{ node.type }}</small>\n                    </div>\n\n                    <div class=\"node-connectors\">\n                      <!-- Input Connector -->\n                      <div class=\"connector connector-in\" title=\"Input\" (click)=\"onConnectorClick($event, node, 'in')\">\n                      </div>\n\n                      <!-- Output Connectors - Multiple outcomes support -->\n                      @if (node.outcomes && node.outcomes.length > 1) {\n                      <!-- Multiple outcomes: show separate port for each -->\n                      <div class=\"outcomes-container\">\n                        @for (outcome of node.outcomes; track outcome; let idx = $index) {\n                        <div class=\"outcome-connector\" [class.active]=\"\n                                connectionSource?.node?.id === node.id && connectionSource?.outcome === outcome\n                              \" [attr.data-outcome]=\"outcome\" [title]=\"'Output: ' + outcome\"\n                          (click)=\"onOutcomeConnectorClick($event, node, outcome)\">\n                          <span class=\"outcome-label\">{{ outcome }}</span>\n                          <div class=\"outcome-dot\"></div>\n                        </div>\n                        }\n                      </div>\n                      } @else {\n                      <!-- Single outcome: show simple output connector -->\n                      <div class=\"connector connector-out\" [class.active]=\"connectionSource?.node?.id === node.id\"\n                        title=\"Output\" (click)=\"onConnectorClick($event, node, 'out')\"></div>\n                      }\n                    </div>\n                  </div>\n                  }\n\n                  <!-- Empty State -->\n                  @if (visualNodes().length === 0) {\n                  <div class=\"canvas-empty-state\">\n                    <i class=\"fa-light fa-diagram-project\"></i>\n                    <p>Activity \u0647\u0627 \u0631\u0627 \u0627\u0632 \u0633\u0627\u06CC\u062F\u0628\u0627\u0631 \u0628\u0647 \u0627\u06CC\u0646\u062C\u0627 \u0628\u06A9\u0634\u06CC\u062F</p>\n                    <small>\u06CC\u0627 \u0627\u0632 \u062A\u0628 JSON\u060C workflow \u0631\u0627 import \u06A9\u0646\u06CC\u062F</small>\n                  </div>\n                  }\n                </div>\n              </div>\n\n              <!-- Properties Panel -->\n              @if (selectedNode() && showPropertiesPanel()) {\n              <div class=\"properties-panel\">\n                <div class=\"properties-header\">\n                  <i class=\"fa-light fa-sliders\"></i>\n                  <h4>{{ '@workflow-management:workflow-studio.components.properties-panel.title' | translate | async }}</h4>\n                  <div class=\"header-actions\">\n                    <button class=\"header-btn\" (click)=\"togglePropertiesPanel()\"\n                      [title]=\"'@workflow-management:workflow-studio.components.properties-panel.actions.close-panel' | translate | async\">\n                      <i class=\"fa-light fa-angle-right\"></i>\n                    </button>\n                    <button class=\"header-btn\" (click)=\"selectedNode.set(null)\"\n                      [title]=\"'@workflow-management:workflow-studio.components.properties-panel.actions.close' | translate | async\">\n                      <i class=\"fa-light fa-times\"></i>\n                    </button>\n                  </div>\n                </div>\n                <div class=\"properties-body\">\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.id' | translate | async }}:</label>\n                    <input type=\"text\" [value]=\"selectedNode()!.id\" disabled />\n                  </div>\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.type' | translate | async }}:</label>\n                    <input type=\"text\" [value]=\"selectedNode()!.type\" disabled />\n                  </div>\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.name' | translate | async }}:</label>\n                    <input type=\"text\" [value]=\"selectedNode()!.name\"\n                      (input)=\"updateNodeProperty(selectedNode()!.id, 'name', $any($event.target).value)\" />\n                  </div>\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDCE5 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.input-properties' | translate | async }}</h5>\n                  <small class=\"properties-hint\">{{ '@workflow-management:workflow-studio.components.properties-panel.sections.input-properties' | translate | async }} - \u0645\u0642\u0627\u062F\u06CC\u0631 \u0631\u0627 \u062A\u0646\u0638\u06CC\u0645 \u06A9\u0646\u06CC\u062F</small>\n\n                  @if (hasProperties(selectedNode()!.properties)) {\n                  <div class=\"property-editor\">\n                    @for (key of Object.keys(selectedNode()!.properties); track key) {\n                    <div class=\"property-row\">\n                      <label>\n                        {{ key }}\n                        <span class=\"property-type-badge\">{{ typeof selectedNode()!.properties[key] }}</span>\n                      </label>\n\n                      @if (typeof selectedNode()!.properties[key] === 'boolean') {\n                      <select [value]=\"selectedNode()!.properties[key]\" (change)=\"\n                                updateNodeProperty(selectedNode()!.id, key, $any($event.target).value === 'true')\n                              \">\n                        <option [value]=\"true\">True</option>\n                        <option [value]=\"false\">False</option>\n                      </select>\n                      } @else if (typeof selectedNode()!.properties[key] === 'number') {\n                      <input type=\"number\" [value]=\"selectedNode()!.properties[key]\"\n                        (input)=\"updateNodeProperty(selectedNode()!.id, key, +$any($event.target).value)\" />\n                      } @else if (typeof selectedNode()!.properties[key] === 'object') {\n                      <textarea rows=\"3\" [value]=\"JSON.stringify(selectedNode()!.properties[key], null, 2)\"\n                        (input)=\"updateNodePropertyJSON(selectedNode()!.id, key, $any($event.target).value)\"></textarea>\n                      } @else {\n                      <input type=\"text\" [value]=\"selectedNode()!.properties[key]\"\n                        (input)=\"updateNodeProperty(selectedNode()!.id, key, $any($event.target).value)\" />\n                      }\n                    </div>\n                    }\n                  </div>\n                  } @else {\n                  <p class=\"no-properties\">\n                    {{ '@workflow-management:workflow-studio.components.properties-panel.empty-states.no-properties' | translate | async }}\n                  </p>\n                  }\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDCE4 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.output-variables' | translate | async }}</h5>\n                  <small class=\"properties-hint\">\u062E\u0631\u0648\u062C\u06CC \u0648 \u0645\u062A\u063A\u06CC\u0631\u0647\u0627</small>\n                  <div class=\"property-row\">\n                    <label>{{ '@workflow-management:workflow-studio.components.properties-panel.fields.output-variable' | translate | async }}:</label>\n                    <input type=\"text\" placeholder=\"\u0645\u062B\u0644\u0627\u064B result\"\n                      [value]=\"selectedNode()!.properties['outputVariable'] || ''\"\n                      (input)=\"updateNodeProperty(selectedNode()!.id, 'outputVariable', $any($event.target).value)\" />\n                  </div>\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDD17 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.connections' | translate | async }}</h5>\n                  <small class=\"properties-hint\">\u0627\u062A\u0635\u0627\u0644\u0627\u062A \u0627\u06CC\u0646 \u0646\u0648\u062F</small>\n\n                  <!-- Outcome-based Connections -->\n                  @if (selectedNode()!.outcomeConnections && selectedNode()!.outcomeConnections!.length > 0) {\n                  <div class=\"connections-list\">\n                    @for (conn of selectedNode()!.outcomeConnections!; track conn.targetNodeId + conn.outcome) {\n                    @let targetNode = findNodeById(conn.targetNodeId);\n                    @if (targetNode) {\n                    <div class=\"connection-item outcome-connection\">\n                      <span class=\"outcome-badge\" [style.background]=\"getOutcomeColor(conn.outcome)\">\n                        {{ conn.outcome }}\n                      </span>\n                      <i class=\"fa-light fa-arrow-right\"></i>\n                      <span>{{ targetNode.name }}</span>\n                      <button class=\"remove-btn\"\n                        (click)=\"disconnectNodes(selectedNode()!.id, conn.targetNodeId, conn.outcome)\"\n                        title=\"\u062D\u0630\u0641 \u0627\u062A\u0635\u0627\u0644\">\n                        <i class=\"fa-light fa-times\"></i>\n                      </button>\n                    </div>\n                    }\n                    }\n                  </div>\n                  } @else if (selectedNode()!.connections.length > 0) {\n                  <!-- Simple Connections (fallback) -->\n                  <div class=\"connections-list\">\n                    @for (targetId of selectedNode()!.connections; track targetId) {\n                    @let targetNode = findNodeById(targetId);\n                    @if (targetNode) {\n                    <div class=\"connection-item\">\n                      <i class=\"fa-light fa-arrow-right\"></i>\n                      <span>{{ targetNode.name }}</span>\n                      <button class=\"remove-btn\" (click)=\"disconnectNodes(selectedNode()!.id, targetId)\"\n                        title=\"\u062D\u0630\u0641 \u0627\u062A\u0635\u0627\u0644\">\n                        <i class=\"fa-light fa-times\"></i>\n                      </button>\n                    </div>\n                    }\n                    }\n                  </div>\n                  } @else {\n                  <p class=\"no-properties\">{{ '@workflow-management:workflow-studio.components.properties-panel.empty-states.no-connections' | translate | async }}</p>\n                  }\n\n                  <!-- Available Outcomes Info -->\n                  @if (selectedNode()!.outcomes && selectedNode()!.outcomes!.length > 1) {\n                  <div class=\"properties-divider\"></div>\n                  <h5>\uD83D\uDCE4 {{ '@workflow-management:workflow-studio.components.properties-panel.sections.available-outcomes' | translate | async }}</h5>\n                  <small class=\"properties-hint\">\u062E\u0631\u0648\u062C\u06CC\u200C\u0647\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0628\u0631\u0627\u06CC \u0627\u062A\u0635\u0627\u0644</small>\n                  <div class=\"outcomes-info\">\n                    @for (outcome of selectedNode()!.outcomes!; track outcome) {\n                    <span class=\"outcome-tag\" [style.borderColor]=\"getOutcomeColor(outcome)\">\n                      <span class=\"outcome-dot\" [style.background]=\"getOutcomeColor(outcome)\"></span>\n                      {{ outcome }}\n                    </span>\n                    }\n                  </div>\n                  }\n\n                  <div class=\"properties-divider\"></div>\n\n                  <h5>\uD83D\uDCDD {{ '@workflow-management:workflow-studio.components.properties-panel.sections.raw-json' | translate | async }}</h5>\n                  <pre class=\"properties-json\">{{ selectedNode() | json }}</pre>\n                </div>\n              </div>\n              }\n\n              <!-- Toggle Button for Properties (when closed) -->\n              @if (selectedNode() && !showPropertiesPanel()) {\n              <button class=\"sidebar-toggle-btn right\" (click)=\"togglePropertiesPanel()\"\n                [title]=\"'@workflow-management:workflow-studio.components.properties-panel.actions.show-panel' | translate | async\">\n                <i class=\"fa-light fa-sliders\"></i>\n              </button>\n              }\n            </div>\n            }\n          </div>\n        </div>\n\n      </div>\n\n      <!-- Workflow Settings Modal -->\n      @if (showWorkflowSettings()) {\n      <div class=\"settings-modal-overlay\" (click)=\"closeWorkflowSettings()\">\n        <div class=\"settings-modal\" (click)=\"$event.stopPropagation()\">\n          <!-- Modal Header -->\n          <div class=\"settings-modal-header\">\n            <div class=\"header-title\">\n              <i class=\"fa-light fa-cog\"></i>\n              <h2>{{ '@workflow-management:workflow-studio.settings.title' | translate | async }}</h2>\n            </div>\n            <button class=\"close-btn\" (click)=\"closeWorkflowSettings()\">\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          </div>\n\n          <!-- Modal Body -->\n          <div class=\"settings-modal-body\">\n            <!-- Tabs Navigation -->\n            <div class=\"settings-tabs\">\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'general'\"\n                (click)=\"switchSettingsTab('general')\">\n                <i class=\"fa-light fa-info-circle\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.general' | translate | async }}\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'inputs'\"\n                (click)=\"switchSettingsTab('inputs')\">\n                <i class=\"fa-light fa-sign-in\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.inputs' | translate | async }}\n                @if (workflowSettings().inputs.length > 0) {\n                <span class=\"badge\">{{ workflowSettings().inputs.length }}</span>\n                }\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'outputs'\"\n                (click)=\"switchSettingsTab('outputs')\">\n                <i class=\"fa-light fa-sign-out\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.outputs' | translate | async }}\n                @if (workflowSettings().outputs.length > 0) {\n                <span class=\"badge\">{{ workflowSettings().outputs.length }}</span>\n                }\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'variables'\"\n                (click)=\"switchSettingsTab('variables')\">\n                <i class=\"fa-light fa-box\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.variables' | translate | async }}\n                @if (workflowSettings().variables.length > 0) {\n                <span class=\"badge\">{{ workflowSettings().variables.length }}</span>\n                }\n              </button>\n              <button class=\"tab-btn\" [class.active]=\"activeSettingsTab() === 'advanced'\"\n                (click)=\"switchSettingsTab('advanced')\">\n                <i class=\"fa-light fa-cog\"></i>\n                {{ '@workflow-management:workflow-studio.settings.tabs.advanced' | translate | async }}\n              </button>\n            </div>\n\n            <!-- Tab Content -->\n            <div class=\"settings-content\">\n              <!-- General Tab -->\n              @if (activeSettingsTab() === 'general') {\n              <div class=\"settings-section\">\n                <h3>{{ '@workflow-management:workflow-studio.settings.sections.general.title' | translate | async }}</h3>\n                <div class=\"form-group\">\n                  <label>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.name.title' | translate | async }}</label>\n                  <input type=\"text\" class=\"form-input\"\n                    [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.general.fields.name.placeholder' | translate | async\"\n                    [(ngModel)]=\"workflowSettings().name\" />\n                </div>\n                <div class=\"form-group\">\n                  <label>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.definition-id.title' | translate | async }}</label>\n                  <input type=\"text\" class=\"form-input\"\n                    [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.general.fields.definition-id.placeholder' | translate | async\"\n                    [(ngModel)]=\"workflowSettings().definitionId\" />\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.definition-id.description' | translate | async }}</small>\n                </div>\n                <div class=\"form-group\">\n                  <label>{{ '@workflow-management:workflow-studio.settings.sections.general.fields.description.title' | translate | async }}</label>\n                  <textarea class=\"form-textarea\" rows=\"4\"\n                    [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.general.fields.description.placeholder' | translate | async\"\n                    [(ngModel)]=\"workflowSettings().description\"></textarea>\n                </div>\n              </div>\n              }\n\n              <!-- Inputs Tab -->\n              @if (activeSettingsTab() === 'inputs') {\n              <div class=\"settings-section\">\n                <div class=\"section-header\">\n                  <h3>{{ '@workflow-management:workflow-studio.settings.sections.inputs.title' | translate | async }}</h3>\n                  <button class=\"add-btn\" (click)=\"addWorkflowInput()\">\n                    <i class=\"fa-light fa-plus\"></i>\n                    {{ '@workflow-management:workflow-studio.settings.sections.inputs.add-button' | translate | async }}\n                  </button>\n                </div>\n\n                @if (workflowSettings().inputs.length === 0) {\n                <div class=\"empty-state\">\n                  <i class=\"fa-light fa-inbox\"></i>\n                  <p>{{ '@workflow-management:workflow-studio.settings.sections.inputs.empty-state.title' | translate | async }}</p>\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.inputs.empty-state.description' | translate | async }}</small>\n                </div>\n                } @else {\n                <div class=\"items-list\">\n                  @for (input of workflowSettings().inputs; track $index) {\n                  <div class=\"item-card\">\n                    <div class=\"item-header\">\n                      <span class=\"item-number\">#{{ $index + 1 }}</span>\n                      <button class=\"remove-btn\" (click)=\"removeWorkflowInput($index)\"\n                        [title]=\"'@workflow-management:workflow-studio.settings.sections.inputs.actions.remove' | translate | async\">\n                        <i class=\"fa-light fa-trash\"></i>\n                      </button>\n                    </div>\n                    <div class=\"item-body\">\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.name' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"userName\" [value]=\"input.name\"\n                            (input)=\"updateWorkflowInput($index, 'name', $any($event.target).value)\" />\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.title' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"User Name\" [value]=\"input.title\"\n                            (input)=\"updateWorkflowInput($index, 'title', $any($event.target).value)\" />\n                        </div>\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.description' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.inputs.fields.description-placeholder' | translate | async\"\n                          [value]=\"input.description || ''\"\n                          (input)=\"updateWorkflowInput($index, 'description', $any($event.target).value)\" />\n                      </div>\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.data-type' | translate | async }}</label>\n                          <select class=\"form-select\" [value]=\"input.schema.dataType || 'string'\"\n                            (change)=\"updateWorkflowInputSchema($index, 'dataType', $any($event.target).value)\">\n                            <option value=\"string\">String</option>\n                            <option value=\"number\">Number</option>\n                            <option value=\"boolean\">Boolean</option>\n                            <option value=\"object\">Object</option>\n                            <option value=\"array\">Array</option>\n                          </select>\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.default-value' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\"\n                            [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.inputs.fields.default-value-placeholder' | translate | async\"\n                            [value]=\"input.schema.defaultValue || ''\"\n                            (input)=\"updateWorkflowInputSchema($index, 'defaultValue', $any($event.target).value)\" />\n                        </div>\n                      </div>\n                      <div class=\"form-group checkbox-group\">\n                        <label>\n                          <input type=\"checkbox\" [checked]=\"getInputIsRequired(input)\"\n                            (change)=\"updateWorkflowInputValidation($index, $any($event.target).checked)\" />\n                          <span>{{ '@workflow-management:workflow-studio.settings.sections.inputs.fields.required' | translate | async }}</span>\n                        </label>\n                      </div>\n                    </div>\n                  </div>\n                  }\n                </div>\n                }\n              </div>\n              }\n\n              <!-- Outputs Tab -->\n              @if (activeSettingsTab() === 'outputs') {\n              <div class=\"settings-section\">\n                <div class=\"section-header\">\n                  <h3>{{ '@workflow-management:workflow-studio.settings.sections.outputs.title' | translate | async }}</h3>\n                  <button class=\"add-btn\" (click)=\"addWorkflowOutput()\">\n                    <i class=\"fa-light fa-plus\"></i>\n                    {{ '@workflow-management:workflow-studio.settings.sections.outputs.add-button' | translate | async }}\n                  </button>\n                </div>\n\n                @if (workflowSettings().outputs.length === 0) {\n                <div class=\"empty-state\">\n                  <i class=\"fa-light fa-inbox\"></i>\n                  <p>{{ '@workflow-management:workflow-studio.settings.sections.outputs.empty-state.title' | translate | async }}</p>\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.outputs.empty-state.description' | translate | async }}</small>\n                </div>\n                } @else {\n                <div class=\"items-list\">\n                  @for (output of workflowSettings().outputs; track $index) {\n                  <div class=\"item-card\">\n                    <div class=\"item-header\">\n                      <span class=\"item-number\">#{{ $index + 1 }}</span>\n                      <button class=\"remove-btn\" (click)=\"removeWorkflowOutput($index)\"\n                        [title]=\"'@workflow-management:workflow-studio.settings.sections.outputs.actions.remove' | translate | async\">\n                        <i class=\"fa-light fa-trash\"></i>\n                      </button>\n                    </div>\n                    <div class=\"item-body\">\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.name' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"result\" [value]=\"output.name\"\n                            (input)=\"updateWorkflowOutput($index, 'name', $any($event.target).value)\" />\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.title' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"Result\" [value]=\"output.title\"\n                            (input)=\"updateWorkflowOutput($index, 'title', $any($event.target).value)\" />\n                        </div>\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.description' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.outputs.fields.description-placeholder' | translate | async\"\n                          [value]=\"output.description || ''\"\n                          (input)=\"updateWorkflowOutput($index, 'description', $any($event.target).value)\" />\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.outputs.fields.data-type' | translate | async }}</label>\n                        <select class=\"form-select\" [value]=\"output.schema.dataType || 'string'\"\n                          (change)=\"updateWorkflowOutputSchema($index, 'dataType', $any($event.target).value)\">\n                          <option value=\"string\">String</option>\n                          <option value=\"number\">Number</option>\n                          <option value=\"boolean\">Boolean</option>\n                          <option value=\"object\">Object</option>\n                          <option value=\"array\">Array</option>\n                        </select>\n                      </div>\n                    </div>\n                  </div>\n                  }\n                </div>\n                }\n              </div>\n              }\n\n              <!-- Variables Tab -->\n              @if (activeSettingsTab() === 'variables') {\n              <div class=\"settings-section\">\n                <div class=\"section-header\">\n                  <h3>{{ '@workflow-management:workflow-studio.settings.sections.variables.title' | translate | async }}</h3>\n                  <button class=\"add-btn\" (click)=\"addWorkflowVariable()\">\n                    <i class=\"fa-light fa-plus\"></i>\n                    {{ '@workflow-management:workflow-studio.settings.sections.variables.add-button' | translate | async }}\n                  </button>\n                </div>\n\n                @if (workflowSettings().variables.length === 0) {\n                <div class=\"empty-state\">\n                  <i class=\"fa-light fa-inbox\"></i>\n                  <p>{{ '@workflow-management:workflow-studio.settings.sections.variables.empty-state.title' | translate | async }}</p>\n                  <small>{{ '@workflow-management:workflow-studio.settings.sections.variables.empty-state.description' | translate | async }}</small>\n                </div>\n                } @else {\n                <div class=\"items-list\">\n                  @for (variable of workflowSettings().variables; track $index) {\n                  <div class=\"item-card\">\n                    <div class=\"item-header\">\n                      <span class=\"item-number\">#{{ $index + 1 }}</span>\n                      <button class=\"remove-btn\" (click)=\"removeWorkflowVariable($index)\"\n                        [title]=\"'@workflow-management:workflow-studio.settings.sections.variables.actions.remove' | translate | async\">\n                        <i class=\"fa-light fa-trash\"></i>\n                      </button>\n                    </div>\n                    <div class=\"item-body\">\n                      <div class=\"form-row\">\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.name' | translate | async }}</label>\n                          <input type=\"text\" class=\"form-input\" placeholder=\"tempData\" [value]=\"variable.name\"\n                            (input)=\"updateWorkflowVariable($index, 'name', $any($event.target).value)\" />\n                        </div>\n                        <div class=\"form-group flex-1\">\n                          <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.type' | translate | async }}</label>\n                          <select class=\"form-select\" [value]=\"variable.typeName\"\n                            (change)=\"updateWorkflowVariable($index, 'typeName', $any($event.target).value)\">\n                            <option value=\"string\">String</option>\n                            <option value=\"number\">Number</option>\n                            <option value=\"boolean\">Boolean</option>\n                            <option value=\"object\">Object</option>\n                            <option value=\"array\">Array</option>\n                          </select>\n                        </div>\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.description' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.variables.fields.description-placeholder' | translate | async\"\n                          [value]=\"variable.description || ''\"\n                          (input)=\"updateWorkflowVariable($index, 'description', $any($event.target).value)\" />\n                      </div>\n                      <div class=\"form-group\">\n                        <label>{{ '@workflow-management:workflow-studio.settings.sections.variables.fields.initial-value' | translate | async }}</label>\n                        <input type=\"text\" class=\"form-input\"\n                          [placeholder]=\"'@workflow-management:workflow-studio.settings.sections.variables.fields.initial-value-placeholder' | translate | async\"\n                          [value]=\"variable.value || ''\"\n                          (input)=\"updateWorkflowVariable($index, 'value', $any($event.target).value)\" />\n                      </div>\n                    </div>\n                  </div>\n                  }\n                </div>\n                }\n              </div>\n              }\n\n              <!-- Advanced Tab -->\n              @if (activeSettingsTab() === 'advanced') {\n              <div class=\"settings-section\">\n                <h3>{{ '@workflow-management:workflow-studio.settings.sections.advanced.title' | translate | async }}</h3>\n\n                <!-- Versioning -->\n                <div class=\"advanced-group\">\n                  <h4>\u0646\u0633\u062E\u0647\u200C\u0628\u0646\u062F\u06CC (Versioning)</h4>\n                  <div class=\"form-row\">\n                    <div class=\"form-group flex-1\">\n                      <label>Version</label>\n                      <input type=\"number\" class=\"form-input\" min=\"1\" [(ngModel)]=\"workflowSettings().version\" />\n                      <small>\u0634\u0645\u0627\u0631\u0647 \u0646\u0633\u062E\u0647 workflow (1, 2, 3, ...)</small>\n                    </div>\n                    <div class=\"form-group checkbox-group\" style=\"margin-top: 1.8rem\">\n                      <label>\n                        <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().isLatest\" />\n                        <span>\u0622\u062E\u0631\u06CC\u0646 \u0646\u0633\u062E\u0647 (Is Latest)</span>\n                      </label>\n                    </div>\n                    <div class=\"form-group checkbox-group\" style=\"margin-top: 1.8rem\">\n                      <label>\n                        <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().isPublished\" />\n                        <span>\u0645\u0646\u062A\u0634\u0631 \u0634\u062F\u0647 (Published)</span>\n                      </label>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Options -->\n                <div class=\"advanced-group\">\n                  <h4>\u062A\u0646\u0638\u06CC\u0645\u0627\u062A (Options)</h4>\n                  <div class=\"form-group checkbox-group\">\n                    <label>\n                      <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().usableAsActivity\" />\n                      <span>\u0642\u0627\u0628\u0644 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 Activity</span>\n                    </label>\n                    <small>\u0627\u06CC\u0646 workflow \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u062F \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u06CC\u06A9 activity \u062F\u0631 workflow \u0647\u0627\u06CC \u062F\u06CC\u06AF\u0631 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0634\u0648\u062F</small>\n                  </div>\n                  <div class=\"form-group checkbox-group\">\n                    <label>\n                      <input type=\"checkbox\" [(ngModel)]=\"workflowSettings().autoUpdateConsumingWorkflows\" />\n                      <span>\u0628\u0647\u200C\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06CC \u062E\u0648\u062F\u06A9\u0627\u0631 workflows \u0645\u0635\u0631\u0641\u200C\u06A9\u0646\u0646\u062F\u0647</span>\n                    </label>\n                    <small>workflow \u0647\u0627\u06CC\u06CC \u06A9\u0647 \u0627\u0632 \u0627\u06CC\u0646 workflow \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u0645\u06CC\u200C\u06A9\u0646\u0646\u062F \u0628\u0647 \u0635\u0648\u0631\u062A \u062E\u0648\u062F\u06A9\u0627\u0631 \u0628\u0647\u200C\u0631\u0648\u0632 \u0645\u06CC\u200C\u0634\u0648\u0646\u062F</small>\n                  </div>\n                </div>\n\n                <!-- Metadata -->\n                <div class=\"advanced-group\">\n                  <h4>Metadata</h4>\n                  <div class=\"form-row\">\n                    <div class=\"form-group flex-1\">\n                      <label>Tool Version</label>\n                      <input type=\"text\" class=\"form-input\" placeholder=\"1.0.0\"\n                        [(ngModel)]=\"workflowSettings().toolVersion\" />\n                      <small>\u0646\u0633\u062E\u0647 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u0646\u062F\u0647</small>\n                    </div>\n                    <div class=\"form-group flex-1\">\n                      <label>Provider Name</label>\n                      <input type=\"text\" class=\"form-input\" placeholder=\"WorkflowStudio\"\n                        [(ngModel)]=\"workflowSettings().providerName\" />\n                      <small>\u0646\u0627\u0645 \u0627\u0628\u0632\u0627\u0631 \u0633\u0627\u0632\u0646\u062F\u0647</small>\n                    </div>\n                  </div>\n                </div>\n\n                <!-- Outcomes -->\n                <div class=\"advanced-group\">\n                  <h4>Workflow Outcomes</h4>\n                  <div class=\"form-group\">\n                    <label>Possible Outcomes</label>\n                    <input type=\"text\" class=\"form-input\" placeholder=\"Done, Success, Failed (\u062C\u062F\u0627 \u0634\u062F\u0647 \u0628\u0627 \u06A9\u0627\u0645\u0627)\"\n                      [value]=\"workflowSettings().outcomes.join(', ')\"\n                      (input)=\"updateOutcomes($any($event.target).value)\" />\n                    <small>\u0646\u062A\u0627\u06CC\u062C \u0645\u0645\u06A9\u0646 \u06A9\u0647 \u0627\u06CC\u0646 workflow \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u062F \u0628\u0631\u06AF\u0631\u062F\u0627\u0646\u062F (\u0645\u062B\u0644\u0627\u064B: Done, Success, Failed)</small>\n                  </div>\n                  <div class=\"outcomes-preview\">\n                    @for (outcome of workflowSettings().outcomes; track outcome) {\n                    <span class=\"outcome-chip\">{{ outcome }}</span>\n                    }\n                  </div>\n                </div>\n\n                <!-- Export Preview -->\n                <div class=\"advanced-group\">\n                  <h4>\u062E\u0631\u0648\u062C\u06CC \u0646\u0647\u0627\u06CC\u06CC (WorkflowDefinition)</h4>\n                  <small>\u0627\u06CC\u0646 \u0633\u0627\u062E\u062A\u0627\u0631 \u062F\u0642\u06CC\u0642\u0627\u064B \u0645\u0637\u0627\u0628\u0642 \u0628\u0627 WorkflowDefinition \u0627\u0633\u062A \u0648 \u062F\u0631 \u062F\u06CC\u062A\u0627\u0628\u06CC\u0633 \u0630\u062E\u06CC\u0631\u0647 \u0645\u06CC\u200C\u0634\u0648\u062F</small>\n                  <div class=\"export-info\">\n                    <div class=\"info-row\">\n                      <span class=\"label\">Definition ID:</span>\n                      <code>{{ workflowSettings().definitionId || '(\u062E\u0627\u0644\u06CC)' }}</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Name:</span>\n                      <code>{{ workflowSettings().name || '(\u062E\u0627\u0644\u06CC)' }}</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Version:</span>\n                      <code>v{{ workflowSettings().version }}</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Inputs:</span>\n                      <code>{{ workflowSettings().inputs.length }} items</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Outputs:</span>\n                      <code>{{ workflowSettings().outputs.length }} items</code>\n                    </div>\n                    <div class=\"info-row\">\n                      <span class=\"label\">Variables:</span>\n                      <code>{{ workflowSettings().variables.length }} items</code>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              }\n            </div>\n          </div>\n\n          <!-- Modal Footer -->\n          <div class=\"settings-modal-footer\">\n            <ax-button [text]=\"'@workflow-management:workflow-studio.settings.actions.cancel' | translate | async\" color=\"secondary\" size=\"md\" (onClick)=\"closeWorkflowSettings()\"> </ax-button>\n            <ax-button [text]=\"'@workflow-management:workflow-studio.settings.actions.save' | translate | async\" color=\"primary\" size=\"md\" (onClick)=\"saveWorkflowSettings()\"> </ax-button>\n          </div>\n        </div>\n      </div>\n      }\n\n      <!-- Workflow Execution Dialog -->\n      @if (showExecutionDialog()) {\n      <div class=\"execution-dialog-overlay\" (click)=\"closeExecutionDialog()\">\n        <div class=\"execution-dialog\" (click)=\"$event.stopPropagation()\">\n          <!-- Dialog Header -->\n          <div class=\"execution-dialog-header\">\n            <div class=\"header-content\">\n              <i class=\"fa-light fa-play-circle\"></i>\n              <div class=\"header-info\">\n                <h2>{{ '@workflow-management:test-pages.workflow-studio.actions.execute-workflow.title' | translate |\n                  async }}</h2>\n                <p>{{ '@workflow-management:test-pages.workflow-studio.actions.execute-workflow.description' | translate\n                  | async }}</p>\n              </div>\n            </div>\n            <button class=\"close-btn\" (click)=\"closeExecutionDialog()\" [disabled]=\"isExecuting()\">\n              <i class=\"fa-light fa-times\"></i>\n            </button>\n          </div>\n\n          <!-- Dialog Body -->\n          <div class=\"execution-dialog-body\">\n            <!-- Workflow Info Panel (Before Execution) -->\n            @if (!workflowInstanceState()) {\n            <div class=\"workflow-info-panel\">\n              <div class=\"start-section\">\n                <div class=\"start-illustration\">\n                  <i class=\"fa-light fa-rocket\"></i>\n                </div>\n                <h3>{{ '@workflow-management:test-pages.workflow-studio.messages.info.ready-to-execute' | translate |\n                  async }}</h3>\n                <p>{{ '@workflow-management:test-pages.workflow-studio.messages.info.click-to-start' | translate | async\n                  }}</p>\n                <ax-button\n                  [text]=\"'@workflow-management:test-pages.workflow-studio.actions.start-execution.title' | translate | async\"\n                  color=\"success\" size=\"lg\" (onClick)=\"startWorkflowExecution()\">\n                </ax-button>\n              </div>\n            </div>\n            }\n\n\n            <!-- Custom UI for Registration -->\n            @if (false) {\n            <div class=\"registration-ui\">\n              <div class=\"registration-card\">\n                <div class=\"registration-icon\">\n                  <i class=\"fa-light fa-user-circle\"></i>\n                </div>\n                <h3>\u0641\u0631\u0622\u06CC\u0646\u062F \u062B\u0628\u062A\u200C\u0646\u0627\u0645</h3>\n                <p class=\"registration-desc\">\n                  \u0627\u06CC\u0646 \u0641\u0644\u0648 \u0634\u0627\u0645\u0644 \u0686\u0646\u062F \u0645\u0631\u062D\u0644\u0647 \u0627\u0633\u062A \u06A9\u0647 \u062F\u0627\u062F\u0647\u200C\u0647\u0627\u06CC \u06A9\u0627\u0631\u0628\u0631 \u0631\u0627 \u062C\u0645\u0639\u200C\u0622\u0648\u0631\u06CC \u06A9\u0631\u062F\u0647 \u0648 \u062F\u0631 \u0646\u0647\u0627\u06CC\u062A \u062D\u0633\u0627\u0628 \u06A9\u0627\u0631\u0628\u0631\u06CC \u0627\u06CC\u062C\u0627\u062F \u0645\u06CC\u200C\u06A9\u0646\u062F.\n                </p>\n\n                @if (workflowInstanceState()?.status === 'running') {\n                <div class=\"registration-progress\">\n                  <div class=\"progress-spinner\">\n                    <i class=\"fa-light fa-spinner-third fa-spin\"></i>\n                  </div>\n                  <p>\u062F\u0631 \u062D\u0627\u0644 \u0627\u062C\u0631\u0627\u06CC \u0645\u0631\u0627\u062D\u0644 \u062B\u0628\u062A\u200C\u0646\u0627\u0645...</p>\n                </div>\n                }\n\n                @if (workflowInstanceState()?.status === 'finished') {\n                <div class=\"registration-success\">\n                  <i class=\"fa-light fa-check-circle\"></i>\n                  <h4>\u062B\u0628\u062A\u200C\u0646\u0627\u0645 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u0646\u062C\u0627\u0645 \u0634\u062F!</h4>\n                  <p>\u062D\u0633\u0627\u0628 \u06A9\u0627\u0631\u0628\u0631\u06CC \u0634\u0645\u0627 \u0627\u06CC\u062C\u0627\u062F \u0634\u062F \u0648 \u0628\u0647 \u0632\u0648\u062F\u06CC \u0628\u0647 \u062F\u0627\u0634\u0628\u0648\u0631\u062F \u0645\u0646\u062A\u0642\u0644 \u062E\u0648\u0627\u0647\u06CC\u062F \u0634\u062F.</p>\n                </div>\n                }\n              </div>\n            </div>\n            }\n\n            <!-- Default Execution View -->\n            @if (workflowInstanceState()) {\n            <div class=\"default-execution-view\">\n              <div class=\"execution-status\">\n                @if (workflowInstanceState()?.status === 'running') {\n                <div class=\"status-running\">\n                  <i class=\"fa-light fa-spinner-third fa-spin\"></i>\n                  <h3>\u062F\u0631 \u062D\u0627\u0644 \u0627\u062C\u0631\u0627...</h3>\n                  <p>Workflow \u062F\u0631 \u062D\u0627\u0644 \u0627\u062C\u0631\u0627 \u0627\u0633\u062A. \u0644\u0637\u0641\u0627\u064B \u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F.</p>\n                </div>\n                }\n\n                @if (workflowInstanceState()?.status === 'finished') {\n                <div class=\"status-finished\">\n                  <i class=\"fa-light fa-check-circle\"></i>\n                  <h3>\u0627\u062C\u0631\u0627 \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u062A\u06A9\u0645\u06CC\u0644 \u0634\u062F</h3>\n                  <p>Workflow \u0628\u0627 \u0645\u0648\u0641\u0642\u06CC\u062A \u0627\u062C\u0631\u0627 \u0634\u062F \u0648 \u062A\u0645\u0627\u0645 Activities \u0627\u0646\u062C\u0627\u0645 \u0634\u062F\u0646\u062F.</p>\n                </div>\n                }\n\n                @if (workflowInstanceState()?.status === 'error') {\n                <div class=\"status-error\">\n                  <i class=\"fa-light fa-times-circle\"></i>\n                  <h3>\u062E\u0637\u0627 \u062F\u0631 \u0627\u062C\u0631\u0627</h3>\n                  <p>{{ workflowInstanceState()?.error }}</p>\n                </div>\n                }\n              </div>\n            </div>\n            }\n\n            <!-- Execution Logs Panel -->\n            @if (workflowInstanceState() && executionLogs().length > 0) {\n            <div class=\"execution-logs-panel\">\n              <h3><i class=\"fa-light fa-terminal\"></i> \u0644\u0627\u06AF\u200C\u0647\u0627\u06CC \u0627\u062C\u0631\u0627</h3>\n              <div class=\"logs-container-compact\">\n                @for (log of executionLogs(); track $index) {\n                <div class=\"log-item-compact\" [class]=\"'log-' + log.level\">\n                  <span class=\"log-time\">{{ log.timestamp | date: 'HH:mm:ss' }}</span>\n                  <span class=\"log-icon\">\n                    @switch (log.level) {\n                    @case ('info') {\n                    <i class=\"fa-light fa-info-circle\"></i>\n                    }\n                    @case ('success') {\n                    <i class=\"fa-light fa-check-circle\"></i>\n                    }\n                    @case ('warning') {\n                    <i class=\"fa-light fa-exclamation-triangle\"></i>\n                    }\n                    @case ('error') {\n                    <i class=\"fa-light fa-times-circle\"></i>\n                    }\n                    }\n                  </span>\n                  <span class=\"log-message\">{{ log.message }}</span>\n                </div>\n                }\n              </div>\n            </div>\n            }\n          </div>\n\n          <!-- Dialog Footer -->\n          <div class=\"execution-dialog-footer\">\n            <div class=\"footer-info\">\n              @if (workflowInstanceState()?.startTime) {\n              <span class=\"time-info\">\n                <i class=\"fa-light fa-clock\"></i>\n                \u0634\u0631\u0648\u0639: {{ workflowInstanceState()!.startTime | date: 'HH:mm:ss' }}\n              </span>\n              }\n              @if (workflowInstanceState()?.endTime) {\n              <span class=\"time-info\">\n                <i class=\"fa-light fa-flag-checkered\"></i>\n                \u067E\u0627\u06CC\u0627\u0646: {{ workflowInstanceState()!.endTime | date: 'HH:mm:ss' }}\n              </span>\n              }\n            </div>\n            <div class=\"footer-actions\">\n              <ax-button\n                [text]=\"(workflowInstanceState() ? '@general:actions.close.title' : '@general:actions.cancel.title') | translate | async\"\n                color=\"secondary\" size=\"md\" [disabled]=\"isExecuting()\" (onClick)=\"closeExecutionDialog()\">\n              </ax-button>\n            </div>\n          </div>\n        </div>\n      </div>\n      }\n    </div>\n  </axp-page-content>\n</axp-page-layout>", styles: [".sidebar-header .toggle-btn{padding:.5rem;margin-left:auto;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.sidebar-header .toggle-btn:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.sidebar-header .toggle-btn i{font-size:.875rem}.sidebar-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:100;padding:1rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#8b5cf6;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .3s}.sidebar-toggle-btn:hover{background:#8b5cf6;color:#fff;box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-50%) scale(1.1)}.sidebar-toggle-btn.left{left:0;border-left:none;border-radius:0 8px 8px 0}.sidebar-toggle-btn.right{right:0;border-right:none;border-radius:8px 0 0 8px}.sidebar-toggle-btn i{font-size:1.25rem;display:block}.properties-header .header-actions{display:flex;gap:.5rem;margin-left:auto}.properties-header .header-btn{padding:.375rem .5rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s}.properties-header .header-btn:hover{background:#f8fafc;border-color:#8b5cf6;color:#8b5cf6}.properties-header .header-btn i{font-size:.75rem}.connections-list{margin-top:.75rem}.connection-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.5rem;font-size:.875rem}.connection-item i{color:#8b5cf6}.connection-item span{flex:1;color:#1e293b}.connection-item .remove-btn{padding:.25rem .375rem;background:transparent;border:1px solid #e2e8f0;border-radius:4px;color:#ef4444;cursor:pointer;transition:all .2s}.connection-item .remove-btn:hover{background:#fef2f2;border-color:#ef4444}.connection-item .remove-btn i{font-size:.75rem;color:inherit}.property-editor{margin-top:.75rem}.property-editor .property-row label{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.property-editor .property-row label .property-type-badge{padding:.125rem .375rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;font-size:.625rem;font-weight:400;color:#64748b;text-transform:lowercase;font-family:JetBrains Mono,monospace}.property-editor .property-row select{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;background:#fff;cursor:pointer;transition:all .2s}.property-editor .property-row select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.property-editor .property-row textarea{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem;font-family:JetBrains Mono,monospace;color:#1e293b;resize:vertical;transition:all .2s}.property-editor .property-row textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.workflow-studio{display:flex;flex-direction:column;height:100vh;background:#f8fafc;overflow:hidden}.workflow-popup .popup-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.workflow-popup .popup-header h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem;font-weight:700}.workflow-popup .popup-header p{margin:0;color:#64748b;font-size:.95rem}.workflow-popup .popup-body{max-height:60vh;overflow-y:auto;padding:0 .5rem}.workflow-popup .popup-body h4{margin:1.5rem 0 .75rem;color:#374151;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.workflow-popup .popup-body ul{margin:0;padding-left:1.5rem}.workflow-popup .popup-body ul li{margin-bottom:.5rem;color:#4b5563}.workflow-popup .popup-body ul li strong{color:#1f2937}.workflow-popup .workflow-info{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}.workflow-popup .workflow-variables{background:#fef3c7;padding:1rem;border-radius:8px;border:1px solid #f59e0b}.workflow-popup .workflow-flow{background:#ecfdf5;padding:1rem;border-radius:8px;border:1px solid #10b981}.workflow-popup .workflow-flow .flow-steps{display:flex;flex-direction:column;gap:.75rem}.workflow-popup .workflow-flow .flow-steps .flow-step{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #d1d5db}.workflow-popup .workflow-flow .flow-steps .flow-step .step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:50%;font-size:.8rem;font-weight:600}.workflow-popup .workflow-flow .flow-steps .flow-step .step-text{color:#374151;font-weight:500}.workflow-popup .workflow-json{background:#1f2937;padding:1rem;border-radius:8px;border:1px solid #374151}.workflow-popup .workflow-json .json-preview{background:transparent;color:#e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;margin:0;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.workflow-popup .popup-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.workflow-popup .popup-footer .btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.workflow-popup .popup-footer .btn:hover{background:#2563eb}.workflow-popup .popup-footer .btn i{font-size:.9rem}.view-workflow-link{color:#3b82f6;text-decoration:none;font-size:.85rem;margin-left:.5rem;transition:color .2s}.view-workflow-link:hover{color:#1d4ed8;text-decoration:underline}.studio-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.studio-header .header-title{display:flex;align-items:center;gap:.75rem}.studio-header .header-title i{font-size:1.75rem;color:#8b5cf6}.studio-header .header-title h1{margin:0;font-size:1.5rem;font-weight:700;color:#1e293b}.studio-header .header-title .badge{padding:.25rem .75rem;background:#8b5cf6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.studio-header .header-actions{display:flex;gap:.75rem;align-items:center}.samples-dropdown{position:relative}.samples-dropdown .samples-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:400px;overflow-y:auto}.samples-dropdown .samples-menu .sample-item{padding:.875rem 1rem;display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s}.samples-dropdown .samples-menu .sample-item:last-child{border-bottom:none}.samples-dropdown .samples-menu .sample-item:hover{background:#f8fafc;transform:translate(4px)}.samples-dropdown .samples-menu .sample-item i{font-size:1.25rem;margin-top:.125rem;color:#8b5cf6}.samples-dropdown .samples-menu .sample-item .sample-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.samples-dropdown .samples-menu .sample-item .sample-info strong{color:#1e293b;font-size:.875rem;font-weight:600}.samples-dropdown .samples-menu .sample-item .sample-info span{color:#64748b;font-size:.75rem;line-height:1.4}.studio-body{display:grid;grid-template-columns:1fr;gap:0;flex:1;overflow:hidden;transition:grid-template-columns .3s ease}.studio-body.sidebar-hidden,.studio-body.properties-hidden,.studio-body.sidebar-hidden.properties-hidden{grid-template-columns:1fr}.studio-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.studio-sidebar .sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.studio-sidebar .sidebar-header i{font-size:1.25rem;color:#8b5cf6}.studio-sidebar .sidebar-header h3{flex:1;margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.activities-tree{flex:1;overflow-y:auto;padding:.5rem}.category-section{margin-bottom:.5rem}.category-section .category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s;background:#f8fafc}.category-section .category-header:hover{background:#f1f5f9}.category-section .category-header.active{background:#ede9fe}.category-section .category-header.active>i:first-child{color:#8b5cf6}.category-section .category-header>i:first-child{font-size:.875rem;color:#94a3b8;transition:transform .2s,color .2s}.category-section .category-header>i:nth-child(2){font-size:1.125rem}.category-section .category-header span{flex:1;font-weight:600;font-size:.875rem;color:#334155}.category-section .category-header .count{flex:none;padding:.125rem .5rem;background:#fff;border-radius:10px;font-size:.75rem;font-weight:600;color:#64748b;border:1px solid #e2e8f0}.activities-list{padding:.5rem 0 .5rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;animation:slideDown .3s ease}.activities-list .activities-header{padding:.5rem .75rem;margin-bottom:.5rem}.activities-list .activities-header h4{margin:0;font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.activity-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.875rem;margin-bottom:.75rem;transition:all .2s}.activity-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf61a;transform:translateY(-1px)}.activity-card .activity-info{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.activity-card .activity-info>i{font-size:1.5rem;color:#8b5cf6;margin-top:.125rem}.activity-card .activity-info .activity-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.activity-card .activity-info .activity-details strong{font-size:.875rem;color:#1e293b}.activity-card .activity-info .activity-details small{font-size:.75rem;color:#64748b;line-height:1.4}.activity-card .activity-info .activity-details code{font-size:.75rem;color:#8b5cf6;background:#f3f0ff;padding:.125rem .375rem;border-radius:4px;width:fit-content}.activity-card .copy-btn{float:right;padding:.375rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}.activity-card .copy-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.activity-card .copy-btn i{font-size:.875rem}.activity-card .activity-properties{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.activity-card .activity-properties .properties-title{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.activity-card .activity-properties .property-item{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;font-size:.75rem}.activity-card .activity-properties .property-item code{color:#1e293b;background:#f8fafc;padding:.125rem .375rem;border-radius:3px}.activity-card .activity-properties .property-item .property-type{color:#64748b;font-style:italic}.activity-card .activity-properties .property-item .required{color:#ef4444;font-weight:700}.studio-editor{display:flex;flex-direction:column;background:#1e293b;overflow:hidden}.studio-editor .editor-header{padding:1rem 1.25rem;background:#0f172a;display:flex;align-items:center;gap:.5rem}.studio-editor .editor-header i{font-size:1.125rem;color:#8b5cf6}.studio-editor .editor-header h3{margin:0;font-size:1rem;font-weight:600;color:#e2e8f0}.studio-editor axp-page-toolbar .editor-tabs{display:flex;gap:.5rem;background:transparent}.studio-editor axp-page-toolbar .editor-tabs .tab-btn{padding:.5rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.studio-editor axp-page-toolbar .editor-tabs .tab-btn i{font-size:.875rem}.studio-editor axp-page-toolbar .editor-tabs .tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.studio-editor axp-page-toolbar .editor-tabs .tab-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.studio-editor .editor-content{flex:1;display:flex;overflow:hidden}.studio-editor .json-tab{flex:1;display:flex;flex-direction:column}.studio-editor .json-editor{flex:1;padding:1.5rem;background:#1e293b;color:#e2e8f0;border:none;outline:none;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.6;resize:none;overflow:auto}.studio-editor .json-editor::placeholder{color:#475569}.studio-editor .json-editor::-webkit-scrollbar{width:10px;height:10px}.studio-editor .json-editor::-webkit-scrollbar-track{background:#0f172a}.studio-editor .json-editor::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}.studio-editor .json-editor::-webkit-scrollbar-thumb:hover{background:#64748b}.studio-editor .visual-tab{flex:1;display:flex;background:#f8fafc;position:relative}.studio-editor .visual-canvas{flex:1;display:flex;flex-direction:column;overflow:hidden}.studio-editor .visual-canvas .canvas-toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0}.studio-editor .visual-canvas .canvas-toolbar .tool-btn{padding:.5rem .75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.studio-editor .visual-canvas .canvas-toolbar .tool-btn:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.studio-editor .visual-canvas .canvas-toolbar .tool-btn i{font-size:.875rem}.studio-editor .visual-canvas .canvas-toolbar .tool-info{flex:1;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.studio-editor .visual-canvas .canvas-toolbar .tool-info i{font-size:1rem;color:#8b5cf6}.studio-editor .visual-canvas .canvas-area{flex:1;position:relative;background:linear-gradient(90deg,#e5e7eb 1px,transparent 1px),linear-gradient(#e5e7eb 1px,transparent 1px);background-size:20px 20px;overflow:auto;min-height:600px}.studio-editor .visual-canvas .connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.studio-editor .visual-canvas .connection-line{stroke:#64748b;stroke-width:2;fill:none;opacity:.6;cursor:pointer;pointer-events:stroke;transition:all .2s}.studio-editor .visual-canvas .connection-line:hover{stroke:#ef4444;stroke-width:3;opacity:1}.studio-editor .visual-canvas .visual-node{position:absolute;width:150px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:move;transition:all .2s;z-index:2}.studio-editor .visual-canvas .visual-node:hover{border-color:#8b5cf6;box-shadow:0 4px 16px #8b5cf633;transform:translateY(-2px)}.studio-editor .visual-canvas .visual-node.selected{border-color:#8b5cf6;border-width:3px;box-shadow:0 0 0 3px #8b5cf633}.studio-editor .visual-canvas .visual-node .node-header{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:6px 6px 0 0;font-size:.875rem;font-weight:600}.studio-editor .visual-canvas .visual-node .node-header i{font-size:1rem}.studio-editor .visual-canvas .visual-node .node-header span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-editor .visual-canvas .visual-node .node-header .node-delete{padding:.25rem;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.studio-editor .visual-canvas .visual-node .node-header .node-delete:hover{background:#ef4444cc}.studio-editor .visual-canvas .visual-node .node-header .node-delete i{font-size:.75rem}.studio-editor .visual-canvas .visual-node .node-body{padding:.75rem}.studio-editor .visual-canvas .visual-node .node-body small{display:block;font-size:.75rem;color:#64748b;text-align:center}.studio-editor .visual-canvas .visual-node .node-connectors{position:relative}.studio-editor .visual-canvas .visual-node .node-connectors .connector{position:absolute;width:12px;height:12px;background:#8b5cf6;border:2px solid white;border-radius:50%;cursor:pointer;transition:all .2s;z-index:10}.studio-editor .visual-canvas .visual-node .node-connectors .connector:hover{transform:scale(1.3);box-shadow:0 0 0 3px #8b5cf64d}.studio-editor .visual-canvas .visual-node .node-connectors .connector-in{top:-50px;left:50%;transform:translate(-50%);background:#3b82f6}.studio-editor .visual-canvas .visual-node .node-connectors .connector-out{bottom:-6px;left:50%;transform:translate(-50%);background:#8b5cf6}.studio-editor .visual-canvas .visual-node .node-connectors .connector-out.active{background:#ef4444}.studio-editor .visual-canvas .visual-node .node-connectors .outcomes-container{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;background:#fff;padding:8px;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;z-index:100}.studio-editor .visual-canvas .visual-node .node-connectors .outcomes-container:before{content:\"\";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.05))}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;position:relative}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector:hover{background:#f1f5f9;border-color:#8b5cf6;transform:translate(2px)}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector.active{background:#fef2f2;border-color:#ef4444}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector.active .outcome-dot{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector .outcome-label{font-size:.75rem;font-weight:600;color:#475569;-webkit-user-select:none;user-select:none;flex:1}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector .outcome-dot{width:10px;height:10px;background:#8b5cf6;border:2px solid white;border-radius:50%;transition:all .2s;flex-shrink:0}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=\"200\"] .outcome-dot,.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Done] .outcome-dot{background:#10b981}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=\"404\"] .outcome-dot,.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Failed] .outcome-dot{background:#ef4444}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Timeout] .outcome-dot,.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Cancelled] .outcome-dot{background:#f59e0b}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Then] .outcome-dot{background:#3b82f6}.studio-editor .visual-canvas .visual-node .node-connectors .outcome-connector[data-outcome=Else] .outcome-dot{background:#64748b}.studio-editor .visual-canvas .canvas-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#94a3b8;pointer-events:none}.studio-editor .visual-canvas .canvas-empty-state i{font-size:4rem;margin-bottom:1rem;opacity:.5}.studio-editor .visual-canvas .canvas-empty-state p{margin:0 0 .5rem;font-size:1rem;font-weight:500}.studio-editor .visual-canvas .canvas-empty-state small{font-size:.875rem;opacity:.8}.studio-editor .properties-panel{width:280px;background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column}.studio-editor .properties-panel .properties-header{display:flex;align-items:center;gap:.5rem;padding:1rem;border-bottom:1px solid #e2e8f0}.studio-editor .properties-panel .properties-header i{font-size:1.125rem;color:#8b5cf6}.studio-editor .properties-panel .properties-header h4{flex:1;margin:0;font-size:.875rem;font-weight:600;color:#1e293b}.studio-editor .properties-panel .properties-header button{padding:.25rem .5rem;background:transparent;border:none;color:#64748b;cursor:pointer;transition:color .2s}.studio-editor .properties-panel .properties-header button:hover{color:#ef4444}.studio-editor .properties-panel .properties-body{flex:1;padding:1rem;overflow-y:auto}.studio-editor .properties-panel .properties-body .property-row{margin-bottom:1rem}.studio-editor .properties-panel .properties-body .property-row label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.studio-editor .properties-panel .properties-body .property-row input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;transition:all .2s}.studio-editor .properties-panel .properties-body .property-row input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.studio-editor .properties-panel .properties-body .property-row input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.studio-editor .properties-panel .properties-body .properties-divider{height:1px;background:#e2e8f0;margin:1.5rem 0}.studio-editor .properties-panel .properties-body h5{margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.studio-editor .properties-panel .properties-body .properties-hint{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.75rem}.studio-editor .properties-panel .properties-body .properties-json{margin:.75rem 0 0;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;color:#1e293b;overflow-x:auto}.studio-editor .properties-panel .properties-body .no-properties{margin:.75rem 0 0;padding:1rem;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;text-align:center;font-size:.75rem;color:#94a3b8}.studio-editor .properties-panel .properties-body .connections-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.studio-editor .properties-panel .properties-body .connections-list .connection-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.75rem}.studio-editor .properties-panel .properties-body .connections-list .connection-item.outcome-connection{border-left-width:3px}.studio-editor .properties-panel .properties-body .connections-list .connection-item i{color:#64748b;font-size:.875rem}.studio-editor .properties-panel .properties-body .connections-list .connection-item span{flex:1;color:#1e293b;font-weight:500}.studio-editor .properties-panel .properties-body .connections-list .connection-item .outcome-badge{padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.studio-editor .properties-panel .properties-body .connections-list .connection-item .remove-btn{padding:.25rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:4px;transition:all .2s}.studio-editor .properties-panel .properties-body .connections-list .connection-item .remove-btn:hover{background:#fee2e2}.studio-editor .properties-panel .properties-body .connections-list .connection-item .remove-btn i{font-size:.75rem;color:inherit}.studio-editor .properties-panel .properties-body .outcomes-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.studio-editor .properties-panel .properties-body .outcomes-info .outcome-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#fff;border:2px solid;border-radius:6px;font-size:.75rem;font-weight:600;color:#1e293b;transition:all .2s}.studio-editor .properties-panel .properties-body .outcomes-info .outcome-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.studio-editor .properties-panel .properties-body .outcomes-info .outcome-tag .outcome-dot{width:8px;height:8px;border-radius:50%}.studio-result{display:flex;flex-direction:column;background:#fff;border-left:1px solid #e2e8f0;overflow:hidden}.studio-result .result-header{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:.5rem}.studio-result .result-header i{font-size:1.125rem;color:#10b981}.studio-result .result-header h3{flex:1;margin:0;font-size:1rem;font-weight:600;color:#1e293b}.studio-result .result-header .clear-btn{padding:.375rem .75rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.studio-result .result-header .clear-btn:hover{background:#fecaca}.studio-result .result-header .clear-btn i{font-size:.75rem;color:inherit}.studio-result .result-body{flex:1;overflow-y:auto;padding:1rem}.logs-container{display:flex;flex-direction:column;gap:.5rem}.log-item{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:6px;font-size:.875rem}.log-item.log-info{border-left-color:#3b82f6;background:#eff6ff}.log-item.log-info .log-icon{color:#3b82f6}.log-item.log-success{border-left-color:#10b981;background:#f0fdf4}.log-item.log-success .log-icon{color:#10b981}.log-item.log-warning{border-left-color:#f59e0b;background:#fffbeb}.log-item.log-warning .log-icon{color:#f59e0b}.log-item.log-error{border-left-color:#ef4444;background:#fef2f2}.log-item.log-error .log-icon{color:#ef4444}.log-item .log-time{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#64748b;min-width:80px}.log-item .log-icon{font-size:1rem}.log-item .log-message{flex:1;color:#1e293b}.log-item .log-data-toggle{padding:.25rem .5rem;background:transparent;border:1px solid #cbd5e1;border-radius:4px;cursor:pointer;transition:all .2s}.log-item .log-data-toggle:hover{background:#fff}.log-item .log-data-toggle i{font-size:.75rem;color:#64748b}.log-data{margin:.5rem 0 0;padding:1rem;background:#0f172a;color:#e2e8f0;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto}.settings-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .2s ease}.settings-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0}.settings-modal-header .header-title{display:flex;align-items:center;gap:.75rem}.settings-modal-header .header-title i{font-size:1.5rem;color:#8b5cf6}.settings-modal-header .header-title h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b}.settings-modal-header .close-btn{padding:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s}.settings-modal-header .close-btn:hover{background:#f1f5f9;color:#ef4444}.settings-modal-header .close-btn i{font-size:1.25rem}.settings-modal-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.settings-tabs{display:flex;gap:.5rem;padding:1rem 2rem 0;border-bottom:1px solid #e2e8f0}.settings-tabs .tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.settings-tabs .tab-btn:hover{color:#8b5cf6;background:#f8fafc}.settings-tabs .tab-btn.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.settings-tabs .tab-btn i{font-size:1rem}.settings-tabs .tab-btn .badge{padding:.125rem .5rem;background:#8b5cf6;color:#fff;border-radius:10px;font-size:.7rem;font-weight:600}.settings-content{flex:1;overflow-y:auto;padding:2rem}.settings-section h3{margin:0 0 1.5rem;font-size:1rem;font-weight:600;color:#1e293b}.settings-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings-section .section-header h3{margin:0}.settings-section .section-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-section .section-header .add-btn:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.settings-section .section-header .add-btn i{font-size:.875rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.form-group small{display:block;font-size:.75rem;color:#94a3b8;margin-top:.375rem}.form-group.checkbox-group{margin-bottom:0}.form-group.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.form-group.checkbox-group label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-group.checkbox-group label span{font-size:.875rem;font-weight:500}.form-group.flex-1{flex:1}.form-row{display:flex;gap:1rem;align-items:flex-start}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#1e293b;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#cbd5e1}.form-textarea{resize:vertical;font-family:inherit}.items-list{display:flex;flex-direction:column;gap:1rem}.item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s}.item-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.item-card .item-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.item-card .item-header .item-number{font-size:.75rem;font-weight:700;color:#8b5cf6;padding:.25rem .5rem;background:#fff;border-radius:4px}.item-card .item-header .remove-btn{padding:.375rem .625rem;background:transparent;border:none;color:#ef4444;cursor:pointer;border-radius:4px;transition:all .2s}.item-card .item-header .remove-btn:hover{background:#fee2e2}.item-card .item-header .remove-btn i{font-size:.875rem}.item-card .item-body{padding:1rem}.advanced-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.advanced-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.advanced-group h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.outcomes-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.outcomes-preview .outcome-chip{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;font-size:.75rem;font-weight:600;color:#475569}.export-info{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.export-info .info-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.export-info .info-row:last-child{border-bottom:none;padding-bottom:0}.export-info .info-row .label{font-size:.75rem;font-weight:600;color:#64748b;min-width:120px}.export-info .info-row code{flex:1;padding:.25rem .5rem;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;color:#1e293b;font-family:JetBrains Mono,monospace}.settings-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8}.empty-state i{font-size:3rem;margin-bottom:1rem}.empty-state p{margin:0;font-size:.875rem}.final-result{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.final-result .result-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:1rem;cursor:pointer;transition:all .2s}.final-result .result-header:hover{background:#f1f5f9;transform:translate(-2px)}.final-result .result-header h4{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase}.final-result .result-header h4 i{font-size:.875rem;transition:transform .2s}.final-result .result-header .toggle-hint{font-size:.75rem;color:#94a3b8}.final-result .result-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.final-result .result-card .result-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.final-result .result-card .result-row:not(:last-child){border-bottom:1px solid #e2e8f0}.final-result .result-card .result-row strong{font-size:.875rem;color:#475569;min-width:100px}.final-result .result-card .result-row .badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.final-result .result-card .result-row .badge.badge-running{background:#dbeafe;color:#1e40af}.final-result .result-card .result-row .badge.badge-finished{background:#d1fae5;color:#065f46}.final-result .result-card .result-row .badge.badge-cancelled{background:#fed7aa;color:#92400e}.final-result .result-card .result-row .badge.badge-faulted{background:#fee2e2;color:#991b1b}.final-result .result-card .result-row pre{margin:.5rem 0 0;padding:.75rem;background:#0f172a;color:#e2e8f0;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.6;overflow-x:auto;width:100%}.activities-list::-webkit-scrollbar,.result-body::-webkit-scrollbar{width:8px}.activities-list::-webkit-scrollbar-track,.result-body::-webkit-scrollbar-track{background:#f1f5f9}.activities-list::-webkit-scrollbar-thumb,.result-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.activities-list::-webkit-scrollbar-thumb:hover,.result-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-card{cursor:grab}.activity-card:active{cursor:grabbing}.activity-card[draggable=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.visual-node[draggable=true]{cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.visual-node:active{cursor:grabbing}.canvas-area[data-drag-over=true]{background-color:#8b5cf60d}.connector:hover{transform:scale(1.3);box-shadow:0 0 0 3px #8b5cf64d}.connector-out.active{animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ef44444d}50%{box-shadow:0 0 0 6px #ef44441a}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.execution-dialog-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.execution-dialog{width:90vw;max-width:1200px;height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.execution-dialog-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.execution-dialog-header .header-content{display:flex;align-items:center;gap:1rem;flex:1}.execution-dialog-header .header-content>i{font-size:2.5rem;opacity:.9}.execution-dialog-header .header-content .header-info h2{margin:0;font-size:1.75rem;font-weight:700}.execution-dialog-header .header-content .header-info p{margin:.25rem 0 0;opacity:.9;font-size:.95rem}.execution-dialog-header .close-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff;font-size:1.25rem}.execution-dialog-header .close-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.execution-dialog-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.execution-dialog-body{flex:1;overflow-y:auto;padding:2rem;background:#f8fafc}.execution-dialog-footer{padding:1rem 2rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.execution-dialog-footer .footer-info{display:flex;gap:1.5rem}.execution-dialog-footer .footer-info .time-info{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.execution-dialog-footer .footer-info .time-info i{color:#8b5cf6}.execution-dialog-footer .footer-actions{display:flex;gap:.75rem}.workflow-info-panel{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000000d}.workflow-info-panel .info-section{margin-bottom:2rem}.workflow-info-panel .info-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#1e293b;font-size:1.25rem}.workflow-info-panel .info-section h3 i{color:#8b5cf6}.workflow-info-panel .info-section .description{color:#475569;line-height:1.7;margin:0}.workflow-info-panel .info-section .features-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.workflow-info-panel .info-section .features-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8fafc;border-radius:8px;color:#334155}.workflow-info-panel .info-section .features-list li i{color:#10b981;font-size:1.125rem}.workflow-info-panel .start-section{text-align:center;padding:2rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;border:2px dashed #10b981}.workflow-info-panel .start-section .start-illustration{margin-bottom:1rem}.workflow-info-panel .start-section .start-illustration i{font-size:4rem;color:#10b981;animation:float 3s ease-in-out infinite}.workflow-info-panel .start-section h3{margin:0 0 .5rem;color:#1e293b;font-size:1.5rem}.workflow-info-panel .start-section p{margin:0 0 1.5rem;color:#64748b}.state-machine-ui .issue-tracker{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d}.state-machine-ui .issue-tracker .issue-header-main{padding:1.5rem 2rem 1rem;border-bottom:1px solid #e2e8f0}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin-bottom:.75rem}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb .project-name{color:#3b82f6;font-weight:600}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb .separator{color:#94a3b8}.state-machine-ui .issue-tracker .issue-header-main .issue-breadcrumb .issue-key{color:#64748b}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title{display:flex;align-items:center;gap:.75rem}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title .type-badge{padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.375rem;background:#eff6ff;color:#3b82f6}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title .type-badge i{font-size:1rem}.state-machine-ui .issue-tracker .issue-header-main .issue-type-title .issue-main-title{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-action-bar{padding:.75rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left{display:flex;gap:.5rem}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;color:#334155}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn:disabled{opacity:.5;cursor:not-allowed}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-primary:hover:not(:disabled){background:#2563eb}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-success{background:#10b981;color:#fff;border-color:#10b981}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-success:hover:not(:disabled){background:#059669}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-warning{background:#f59e0b;color:#fff;border-color:#f59e0b}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-left .status-transition-btn.btn-warning:hover:not(:disabled){background:#d97706}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-right .more-actions-btn{padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:4px;background:#fff;font-weight:500;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;color:#334155;transition:all .2s}.state-machine-ui .issue-tracker .issue-action-bar .action-bar-right .more-actions-btn:hover{background:#f1f5f9}.state-machine-ui .issue-tracker .issue-main-content{display:grid;grid-template-columns:320px 1fr;gap:2rem;padding:2rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section{margin-bottom:2rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row{display:flex;padding:.625rem 0;border-bottom:1px solid #f1f5f9}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row:last-child{border-bottom:none}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row label{min-width:100px;font-size:.8125rem;color:#64748b;font-weight:500}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value i{font-size:1rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .status-badge{padding:.25rem .625rem;border-radius:4px;color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .view-workflow-link{color:#3b82f6;font-size:.8125rem;text-decoration:none;margin-left:.5rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .view-workflow-link:hover{text-decoration:underline}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .details-section .detail-row .detail-value .user-avatar{width:24px;height:24px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e2e8f0}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz h3{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state{display:flex;flex-direction:column;align-items:center;gap:.375rem;opacity:.4;transition:opacity .2s}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state.active,.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state.completed{opacity:1}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state .state-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;box-shadow:0 2px 4px #0000001a}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state .state-name{font-size:.6875rem;color:#64748b;font-weight:500}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-state.active .state-name{color:#1e293b;font-weight:600}.state-machine-ui .issue-tracker .issue-main-content .issue-details-panel .state-machine-viz .states-flow .flow-arrow{color:#cbd5e1;font-size:.75rem;margin:0 .25rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section{margin-bottom:2rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section h3,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1e293b}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section .description-content,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .description-content{padding:1rem;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .description-section .description-content p,.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .description-content p{margin:0;color:#475569;line-height:1.7;font-size:.875rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline{display:flex;flex-direction:column;gap:1rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item{display:flex;gap:.75rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-avatar{width:32px;height:32px;border-radius:50%;background:#8b5cf6;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content{flex:1;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-header{font-size:.875rem;color:#334155;line-height:1.6;margin-bottom:.375rem}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-header strong{color:#1e293b;font-weight:600}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-header .activity-action{color:#64748b}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#94a3b8}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item .activity-content .activity-meta .activity-label{color:#8b5cf6;font-weight:500}.state-machine-ui .issue-tracker .issue-main-content .issue-description-panel .activity-section .activity-timeline .activity-item:last-child .activity-content{border-bottom:none;padding-bottom:0}.registration-ui{display:flex;justify-content:center;align-items:center;min-height:400px}.registration-ui .registration-card{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 6px #0000000d;text-align:center;max-width:500px}.registration-ui .registration-card .registration-icon{margin-bottom:1.5rem}.registration-ui .registration-card .registration-icon i{font-size:5rem;color:#8b5cf6}.registration-ui .registration-card h3{margin:0 0 .75rem;color:#1e293b;font-size:1.75rem;font-weight:700}.registration-ui .registration-card .registration-desc{margin:0 0 2rem;color:#64748b;line-height:1.7}.registration-ui .registration-card .registration-progress{padding:2rem;background:#fef3c7;border-radius:8px}.registration-ui .registration-card .registration-progress .progress-spinner{margin-bottom:1rem}.registration-ui .registration-card .registration-progress .progress-spinner i{font-size:3rem;color:#f59e0b}.registration-ui .registration-card .registration-progress p{margin:0;color:#92400e;font-weight:500}.registration-ui .registration-card .registration-success{padding:2rem;background:#f0fdf4;border-radius:8px}.registration-ui .registration-card .registration-success i{font-size:4rem;color:#10b981;margin-bottom:1rem}.registration-ui .registration-card .registration-success h4{margin:0 0 .5rem;color:#064e3b;font-size:1.5rem;font-weight:700}.registration-ui .registration-card .registration-success p{margin:0;color:#065f46}.default-execution-view{display:flex;justify-content:center;align-items:center;min-height:400px}.default-execution-view .execution-status{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;min-width:400px}.default-execution-view .execution-status i{font-size:5rem;margin-bottom:1.5rem}.default-execution-view .execution-status h3{margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.default-execution-view .execution-status p{margin:0;color:#64748b;line-height:1.7}.default-execution-view .execution-status .status-running i{color:#f59e0b}.default-execution-view .execution-status .status-finished i{color:#10b981}.default-execution-view .execution-status .status-error i{color:#ef4444}.execution-logs-panel{margin-top:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.execution-logs-panel h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:#1e293b;font-size:1.125rem}.execution-logs-panel h3 i{color:#8b5cf6}.execution-logs-panel .logs-container-compact{max-height:300px;overflow-y:auto;background:#f8fafc;border-radius:8px;padding:.75rem}.execution-logs-panel .logs-container-compact .log-item-compact{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;margin-bottom:.5rem;font-size:.875rem}.execution-logs-panel .logs-container-compact .log-item-compact:last-child{margin-bottom:0}.execution-logs-panel .logs-container-compact .log-item-compact .log-time{font-family:Courier New,monospace;color:#64748b;font-size:.8125rem;min-width:70px}.execution-logs-panel .logs-container-compact .log-item-compact .log-icon{display:flex;align-items:center;justify-content:center;width:20px}.execution-logs-panel .logs-container-compact .log-item-compact .log-icon i{font-size:1rem}.execution-logs-panel .logs-container-compact .log-item-compact .log-message{flex:1;color:#334155}.execution-logs-panel .logs-container-compact .log-item-compact.log-info{background:#eff6ff}.execution-logs-panel .logs-container-compact .log-item-compact.log-info .log-icon i{color:#3b82f6}.execution-logs-panel .logs-container-compact .log-item-compact.log-success{background:#f0fdf4}.execution-logs-panel .logs-container-compact .log-item-compact.log-success .log-icon i{color:#10b981}.execution-logs-panel .logs-container-compact .log-item-compact.log-warning{background:#fffbeb}.execution-logs-panel .logs-container-compact .log-item-compact.log-warning .log-icon i{color:#f59e0b}.execution-logs-panel .logs-container-compact .log-item-compact.log-error{background:#fef2f2}.execution-logs-panel .logs-container-compact .log-item-compact.log-error .log-icon i{color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { 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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXButtonGroupModule }, { kind: "component", type: i3.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "color", "look", "fitParent", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "disabledChange", "onClick", "selectionChange", "selectedButtonChange"] }, { kind: "component", type: i3.AXButtonGroupItemComponent, selector: "ax-button-group-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "component", type: AXPThemeLayoutStartSideComponent, selector: "axp-layout-page-start-side, axp-layout-start-side" }, { kind: "component", type: AXMActivityCategoriesTreeComponent, selector: "axp-activity-categories-tree", outputs: ["categoryClick", "activityClick"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.JsonPipe, name: "json" }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i6.AXTranslatorPipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WorkflowStudioComponent, decorators: [{
             type: Component,
@@ -5892,5 +4104,5 @@ var workflowStudio_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXCCategoryProvider, AXMActivityCategoriesTreeComponent, AXMMenuProvider, AXMWorkflowActivitiesDefinitionProvider, AXMWorkflowManagementActivityCategoryEntityModule, AXMWorkflowManagementActivityCategoryEntityService, AXMWorkflowManagementActivityCategoryEntityServiceImpl, AXMWorkflowManagementActivityDefinitionEntityModule, AXMWorkflowManagementActivityDefinitionEntityService, AXMWorkflowManagementActivityDefinitionEntityServiceImpl, AXMWorkflowManagementModule, AXMWorkflowManagementModuleEntityProvider, AXMWorkflowManagementWorkItemCandidateEntityModule, AXMWorkflowManagementWorkItemCandidateEntityService, AXMWorkflowManagementWorkItemCandidateEntityServiceImpl, AXMWorkflowManagementWorkItemEntityModule, AXMWorkflowManagementWorkItemEntityService, AXMWorkflowManagementWorkItemEntityServiceImpl, AXMWorkflowManagementWorkflowDefinitionEntityModule, AXMWorkflowManagementWorkflowDefinitionEntityService, AXMWorkflowManagementWorkflowDefinitionEntityServiceImpl, AXMWorkflowManagementWorkflowInstanceEntityModule, AXMWorkflowManagementWorkflowInstanceEntityService, AXMWorkflowManagementWorkflowInstanceEntityServiceImpl, AXPCreateEntityActivity, AssignToManggerActivity, CheckPermissionActivity, CollectSignatureActivity, ExecuteCommandActivity, ExecuteQueryActivity, RootConfig, ShowConfirmPopupActivity, ShowLayoutPopupActivity, ShowToastActivity, WorkflowStudioComponent, factory$5 as activityCategoryEntityFactory, factory$4 as activityDefinitionEntityFactory, factory as workItemCandidateEntityFactory, factory$1 as workItemEntityFactory, factory$3 as workflowDefinitionEntityFactory, factory$2 as workflowInstanceEntityFactory };
+export { AXCCategoryProvider, AXMActivityCategoriesTreeComponent, AXMMenuProvider, AXMWorkflowActivitiesDefinitionProvider, AXMWorkflowManagementModule, AXMWorkflowManagementModuleEntityProvider, AXPCreateEntityActivity, AXPGenericWorkflowTaskProvider, AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG, CollectSignatureActivity, ExecuteCommandActivity, ExecuteQueryActivity, HumanTaskActivity, RootConfig, ShowConfirmPopupActivity, ShowLayoutPopupActivity, ShowToastActivity, WorkflowStudioComponent };
 //# sourceMappingURL=acorex-modules-workflow-management.mjs.map