@acorex/modules 21.0.0-next.14 → 21.0.0-next.16

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

@@ -1,25 +1,24 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, NgModule, InjectionToken, Inject, makeEnvironmentProviders, Injector, runInInjectionContext, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, signal } from '@angular/core';
+import { inject, Injector, Injectable, NgModule, output, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, signal } from '@angular/core';
 import { AXPSessionService, AXPAuthGuard, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
-import { AXPEntityService, AXPEntityStorageService, AXPEntityFormBuilderService, AXPEntityDefinitionRegistryService, AXP_ENTITY_ACTION_PLUGIN, AXP_ENTITY_CONFIG_TOKEN, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+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 { firstValueFrom } from 'rxjs';
 import { AXMCalendarManagementModule } from '@acorex/modules/calendar-management';
-import { AXPSystemStatuses, AXP_MENU_PROVIDER } from '@acorex/platform/common';
+import { createAllQueryView, AXPEntityQueryType, AXPEntityCommandScope, createQueryView, 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 { AXPWorkflowManager, AXPWorkflowDefinitionService, AXP_WORKFLOW_PROVIDER, AXP_ACTIVITY_CATEGORY_PROVIDER, AXP_ACTIVITY_PROVIDER, AXP_WORKFLOW_CATEGORY_PROVIDER, AXPActivityDefinitionService } from '@acorex/platform/workflow';
+import { AXP_WORKFLOW_PROVIDER, AXP_ACTIVITY_CATEGORY_PROVIDER, AXP_ACTIVITY_PROVIDER, AXP_WORKFLOW_CATEGORY_PROVIDER, AXPActivityDefinitionService, AXPWorkflowManager, AXPWorkflowDefinitionService } 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 i6 from '@acorex/core/translation';
+import * as i7 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';
@@ -28,7 +27,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 i4 from '@acorex/components/decorators';
+import * as i2$1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXTextBoxModule } from '@acorex/components/text-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
@@ -62,6 +61,13 @@ 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`,
@@ -69,6 +75,20 @@ 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`,
@@ -80,6 +100,9 @@ const RootConfig = {
 };
 
 class AXMWorkflowManagementModuleEntityProvider {
+    constructor() {
+        this.injector = inject(Injector);
+    }
     preload() {
         const module = RootConfig.module.name;
         return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
@@ -91,11 +114,17 @@ class AXMWorkflowManagementModuleEntityProvider {
         if (moduleName === RootConfig.module.name) {
             switch (entityName) {
                 case RootConfig.entities.workflowDefinition.name:
-                    return (await import('./acorex-modules-workflow-management-workflow-definition.entity-nJMBL0qt.mjs')).factory();
+                    return (await Promise.resolve().then(function () { return workflowDefinition_entity; })).factory(this.injector);
                 case RootConfig.entities.workflowInstance.name:
-                    return (await import('./acorex-modules-workflow-management-workflow-instance.entity-Pso0oRN5.mjs')).factory();
+                    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);
                 case RootConfig.entities.activityDefinition.name:
-                    return (await import('./acorex-modules-workflow-management-activity-definition.entity-BbBEPTBa.mjs')).factory();
+                    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 null;
@@ -118,7 +147,12 @@ 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 {
@@ -143,38 +177,2347 @@ class AXMMenuProvider {
                 },
                 children: [
                     {
-                        name: AXPWorkflowManagementMenuKeys.WorkflowDefinitions,
-                        text: '@workflow-management:workflow-definitions.menus.workflow-definitions.title',
-                        path: this.entityService.createPath(module.name, RootConfig.entities.workflowDefinition.name),
+                        name: AXPWorkflowManagementMenuKeys.Workflow,
+                        text: '@workflow-management:workflow.menus.workflow.title',
                         priority: 10,
-                        icon: RootConfig.entities.workflowDefinition.icon,
+                        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',
+                            },
+                        ],
                     },
                     {
-                        name: AXPWorkflowManagementMenuKeys.WorkflowInstances,
-                        text: '@workflow-management:workflow-instances.menus.workflow-instances.title',
-                        path: this.entityService.createPath(module.name, RootConfig.entities.workflowInstance.name),
+                        name: AXPWorkflowManagementMenuKeys.Activities,
+                        text: '@workflow-management:activities.menus.activities.title',
                         priority: 20,
-                        icon: RootConfig.entities.workflowInstance.icon,
+                        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,
+                            },
+                        ],
                     },
                     {
-                        name: AXPWorkflowManagementMenuKeys.WorkflowStudio,
-                        text: '@workflow-management:workflow-studio.menus.workflow-studio.title',
-                        path: `/${this.sessionService.application?.name ?? module.name}/workflow-management/studio`,
+                        name: AXPWorkflowManagementMenuKeys.Work,
+                        text: '@workflow-management:work.menus.work.title',
                         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,
+                        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,
+            },
+        };
     }
+    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
 /**
@@ -675,100 +3018,6 @@ 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 default outcomes if no actions provided
-            const outcomes = {};
-            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)
@@ -1169,14 +3418,34 @@ 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
@@ -1254,8 +3523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 class AXCCategoryProvider {
     constructor() {
         this.entityService = inject(AXPEntityService);
-        /** Category entity is provided by category plugin (ActivityDefinition → ActivityDefinitionCategory). */
-        this.categoryService = this.entityService.withEntity(RootConfig.module.name, 'ActivityDefinitionCategory').data();
+        this.categoryService = this.entityService.withEntity(RootConfig.module.name, RootConfig.entities.activityCategory.name).data();
     }
     async getList(parentId) {
         const list = [];
@@ -1305,9 +3573,7 @@ class AXMWorkflowCategoryProvider {
     constructor() {
         //#region ----   Services & Dependencies   ----
         this.entityService = inject(AXPEntityService);
-        this.categoryService = this.entityService
-            .withEntity(RootConfig.module.name, RootConfig.entities.workflowDefinition.name + 'Category')
-            .data();
+        this.categoryService = this.entityService.withEntity(RootConfig.module.name, 'WorkflowCategory').data();
     }
     //#endregion
     //#region ----   AXPWorkflowCategoryProvider Implementation   ----
@@ -1380,23 +3646,21 @@ 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) {
-        // Same as report: filter by categoryIds array with 'contains'
+        // Use 'equal' operator to filter by category field
         const result = await this.workflowDefinitionService.query({
             skip: 0,
             take: 1000,
             filter: {
                 logic: 'and',
                 filters: [{
-                        field: 'categoryIds',
+                        field: 'category',
                         operator: {
-                            type: 'contains',
+                            type: 'equal',
                         },
                         value: categoryId,
                     }]
@@ -1507,6 +3771,15 @@ 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 {
@@ -1517,7 +3790,18 @@ class AXMPermissionDefinitionProvider {
         const trans = async (key) => await this.translationService.translateAsync(`@workflow-management:${key}`);
         const keys = AXMPermissionsKeys;
         const MODULE_PERMISSIONS = '@workflow-management:module.permissions';
-        context.addGroup(RootConfig.module.name, `${MODULE_PERMISSIONS}.title`, `${MODULE_PERMISSIONS}.description`);
+        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();
     }
     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 }); }
@@ -1526,487 +3810,6 @@ 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:work-items.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: {},
-                    },
-                },
-            });
-        }
-        return actions;
-    }
-    async getExtraFields() {
-        return [];
-    }
-    async getStatuses() {
-        return [
-            {
-                index: 0,
-                key: AXPSystemStatuses.Pending.name,
-                title: await this.translationService.translateAsync('@workflow-management:work-items.states.pending'),
-                color: 'warning',
-            },
-        ];
-    }
-    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 = [
@@ -2024,6 +3827,20 @@ 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;
 }
@@ -2031,6 +3848,12 @@ 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: [
             {
@@ -2051,10 +3874,18 @@ 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),
@@ -2071,14 +3902,26 @@ class AXMWorkflowManagementModule {
                     key: 'workflow-activity:show-layout-popup',
                     command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ShowLayoutPopupActivity),
                 },
-                {
-                    key: 'workflow-activity:human-task',
-                    command: () => Promise.resolve().then(function () { return index; }).then((c) => c.HumanTaskActivity),
-                },
                 {
                     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: 'WorkflowManagement.WorkItem:Cancel',
+                    command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.CancelWorkItemCommand),
+                },
             ]),
             // provideEntity([RootConfig.entities.activityDefinition.fullName]),
             // Entity Definition Loader
@@ -2133,38 +3976,21 @@ 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: [{
@@ -2173,6 +3999,12 @@ 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: [
@@ -2194,10 +4026,18 @@ 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),
@@ -2214,14 +4054,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                 key: 'workflow-activity:show-layout-popup',
                                 command: () => Promise.resolve().then(function () { return index; }).then((c) => c.ShowLayoutPopupActivity),
                             },
-                            {
-                                key: 'workflow-activity:human-task',
-                                command: () => Promise.resolve().then(function () { return index; }).then((c) => c.HumanTaskActivity),
-                            },
                             {
                                 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: 'WorkflowManagement.WorkItem:Cancel',
+                                command: () => import('./acorex-modules-workflow-management-index-xB36g4F1.mjs').then((c) => c.CancelWorkItemCommand),
+                            },
                         ]),
                         // provideEntity([RootConfig.entities.activityDefinition.fullName]),
                         // Entity Definition Loader
@@ -2276,43 +4128,17 @@ 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 {
@@ -4032,7 +5858,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: 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" }] }); }
+        ], 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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: WorkflowStudioComponent, decorators: [{
             type: Component,
@@ -4066,5 +5892,5 @@ var workflowStudio_component = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AXCCategoryProvider, AXMActivityCategoriesTreeComponent, AXMMenuProvider, AXMWorkflowActivitiesDefinitionProvider, AXMWorkflowManagementModule, AXMWorkflowManagementModuleEntityProvider, AXPCreateEntityActivity, AXPGenericWorkflowTaskProvider, AXP_GENERIC_WORKFLOW_TASK_PROVIDER_CONFIG, CollectSignatureActivity, ExecuteCommandActivity, ExecuteQueryActivity, HumanTaskActivity, RootConfig, ShowConfirmPopupActivity, ShowLayoutPopupActivity, ShowToastActivity, WorkflowStudioComponent };
+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 };
 //# sourceMappingURL=acorex-modules-workflow-management.mjs.map