diff --git a/backend/src/Tnsu.ApprovalRoute.Api/appsettings.Development.json b/backend/src/Tnsu.ApprovalRoute.Api/appsettings.Development.json
new file mode 100644
index 0000000..3427abb
--- /dev/null
+++ b/backend/src/Tnsu.ApprovalRoute.Api/appsettings.Development.json
@@ -0,0 +1,6 @@
+{
+  "Entra": {
+    "TenantId": "",
+    "Audience": ""
+  }
+}
diff --git a/frontend/config/package-solution.json b/frontend/config/package-solution.json
index 3281155..201f77c 100644
--- a/frontend/config/package-solution.json
+++ b/frontend/config/package-solution.json
@@ -32,6 +32,12 @@
         "id": "be919a96-acbc-43a8-9a43-2dba926e6cd2",
         "version": "1.0.0.0"
       }
+    ],
+    "webApiPermissionRequests": [
+      {
+        "resource": "api://9232d9e2-9807-4753-808f-07250e5474b0",
+        "scope": "user_impersonation"
+      }
     ]
   },
   "paths": {
diff --git a/frontend/jest-output/JUnit.xml b/frontend/jest-output/JUnit.xml
index 911ec5c..32f5cbc 100644
--- a/frontend/jest-output/JUnit.xml
+++ b/frontend/jest-output/JUnit.xml
@@ -1,3 +1,3 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<testsuites name="jest tests" tests="0" failures="0" errors="0" time="0.015">
+<testsuites name="jest tests" tests="0" failures="0" errors="0" time="0.003">
 </testsuites>
\ No newline at end of file
diff --git a/frontend/jest-output/coverage/cobertura/cobertura-coverage.xml b/frontend/jest-output/coverage/cobertura/cobertura-coverage.xml
index ea8b4b3..3852de9 100644
--- a/frontend/jest-output/coverage/cobertura/cobertura-coverage.xml
+++ b/frontend/jest-output/coverage/cobertura/cobertura-coverage.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" ?>
 <!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
-<coverage lines-valid="0" lines-covered="0" line-rate="NaN" branches-valid="0" branches-covered="0" branch-rate="NaN" timestamp="1785243495459" complexity="0" version="0.1">
+<coverage lines-valid="0" lines-covered="0" line-rate="NaN" branches-valid="0" branches-covered="0" branch-rate="NaN" timestamp="1785308991254" complexity="0" version="0.1">
   <sources>
     <source>C:\work\git\tnsu-approval-route\frontend</source>
   </sources>
diff --git a/frontend/jest-output/coverage/index.html b/frontend/jest-output/coverage/index.html
index e5c1fe7..2f74eb9 100644
--- a/frontend/jest-output/coverage/index.html
+++ b/frontend/jest-output/coverage/index.html
@@ -86,7 +86,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-07-28T12:58:15.470Z
+                at 2026-07-29T07:09:51.260Z
             </div>
         <script src="prettify.js"></script>
         <script>
diff --git a/frontend/lib-commonjs/styles/design-tokens.scss.css b/frontend/lib-commonjs/styles/design-tokens.scss.css
new file mode 100644
index 0000000..e3a1f11
--- /dev/null
+++ b/frontend/lib-commonjs/styles/design-tokens.scss.css
@@ -0,0 +1,38 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js b/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js
index 99003ef..7811bbb 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js
@@ -6,68 +6,29 @@ var ReactDom = tslib_1.__importStar(require("react-dom"));
 var sp_core_library_1 = require("@microsoft/sp-core-library");
 var sp_property_pane_1 = require("@microsoft/sp-property-pane");
 var sp_webpart_base_1 = require("@microsoft/sp-webpart-base");
-var strings = tslib_1.__importStar(require("ApprovalAdminWebPartStrings"));
 var ApprovalAdmin_1 = tslib_1.__importDefault(require("./components/ApprovalAdmin"));
 var ApprovalAdminWebPart = /** @class */ (function (_super) {
     tslib_1.__extends(ApprovalAdminWebPart, _super);
     function ApprovalAdminWebPart() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._isDarkTheme = false;
-        _this._environmentMessage = '';
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     ApprovalAdminWebPart.prototype.render = function () {
         var element = React.createElement(ApprovalAdmin_1.default, {
-            description: this.properties.description,
-            isDarkTheme: this._isDarkTheme,
-            environmentMessage: this._environmentMessage,
-            hasTeamsContext: !!this.context.sdks.microsoftTeams,
-            userDisplayName: this.context.pageContext.user.displayName
+            context: this.context,
+            apiBaseUrl: this.properties.apiBaseUrl,
+            useDevAuth: this.properties.useDevAuth,
+            devUserEmail: this.properties.devUserEmail,
+            aadResourceId: this.properties.aadResourceId
         });
         ReactDom.render(element, this.domElement);
     };
     ApprovalAdminWebPart.prototype.onInit = function () {
-        var _this = this;
-        return this._getEnvironmentMessage().then(function (message) {
-            _this._environmentMessage = message;
-        });
-    };
-    ApprovalAdminWebPart.prototype._getEnvironmentMessage = function () {
-        var _this = this;
-        if (!!this.context.sdks.microsoftTeams) { // running in Teams, office.com or Outlook
-            return this.context.sdks.microsoftTeams.teamsJs.app.getContext()
-                .then(function (context) {
-                var environmentMessage = '';
-                switch (context.app.host.name) {
-                    case 'Office': // running in Office
-                        environmentMessage = _this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOffice : strings.AppOfficeEnvironment;
-                        break;
-                    case 'Outlook': // running in Outlook
-                        environmentMessage = _this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOutlook : strings.AppOutlookEnvironment;
-                        break;
-                    case 'Teams': // running in Teams
-                    case 'TeamsModern':
-                        environmentMessage = _this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentTeams : strings.AppTeamsTabEnvironment;
-                        break;
-                    default:
-                        environmentMessage = strings.UnknownEnvironment;
-                }
-                return environmentMessage;
-            });
-        }
-        return Promise.resolve(this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentSharePoint : strings.AppSharePointEnvironment);
-    };
-    ApprovalAdminWebPart.prototype.onThemeChanged = function (currentTheme) {
-        if (!currentTheme) {
-            return;
-        }
-        this._isDarkTheme = !!currentTheme.isInverted;
-        var semanticColors = currentTheme.semanticColors;
-        if (semanticColors) {
-            this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);
-            this.domElement.style.setProperty('--link', semanticColors.link || null);
-            this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);
-        }
+        var _a;
+        this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443';
+        this.properties.useDevAuth = (_a = this.properties.useDevAuth) !== null && _a !== void 0 ? _a : true;
+        this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
+        this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
+        return Promise.resolve();
     };
     ApprovalAdminWebPart.prototype.onDispose = function () {
         ReactDom.unmountComponentAtNode(this.domElement);
@@ -84,14 +45,28 @@ var ApprovalAdminWebPart = /** @class */ (function (_super) {
             pages: [
                 {
                     header: {
-                        description: strings.PropertyPaneDescription
+                        description: 'Подключение к Tnsu.ApprovalRoute.Api'
                     },
                     groups: [
                         {
-                            groupName: strings.BasicGroupName,
+                            groupName: 'API',
                             groupFields: [
-                                (0, sp_property_pane_1.PropertyPaneTextField)('description', {
-                                    label: strings.DescriptionFieldLabel
+                                (0, sp_property_pane_1.PropertyPaneTextField)('apiBaseUrl', {
+                                    label: 'Api Base Url',
+                                    description: 'Например, https://localhost:5443 локально или прод-адрес API.'
+                                }),
+                                (0, sp_property_pane_1.PropertyPaneToggle)('useDevAuth', {
+                                    label: 'Локальный Dev-режим (без Azure AD)',
+                                    onText: 'Вкл. (заголовок X-Dev-User-Email)',
+                                    offText: 'Выкл. (AAD-токен через SPFx)'
+                                }),
+                                (0, sp_property_pane_1.PropertyPaneTextField)('devUserEmail', {
+                                    label: 'Dev: email пользователя',
+                                    description: 'Используется только при включённом Dev-режиме.'
+                                }),
+                                (0, sp_property_pane_1.PropertyPaneTextField)('aadResourceId', {
+                                    label: 'AAD Resource Id (App ID URI)',
+                                    description: 'Используется только при выключенном Dev-режиме. Должен совпадать с webApiPermissionRequests в package-solution.json.'
                                 })
                             ]
                         }
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js.map
index 5bfc84a..980bedb 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js.map
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.js.map
@@ -1 +1 @@
-{"version":3,"file":"ApprovalAdminWebPart.js","sourceRoot":"","sources":["../../../src/webparts/approvalAdmin/ApprovalAdminWebPart.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport * as ReactDom from 'react-dom';\r\nimport { Version } from '@microsoft/sp-core-library';\r\nimport {\r\n  type IPropertyPaneConfiguration,\r\n  PropertyPaneTextField\r\n} from '@microsoft/sp-property-pane';\r\nimport { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';\r\nimport { IReadonlyTheme } from '@microsoft/sp-component-base';\r\n\r\nimport * as strings from 'ApprovalAdminWebPartStrings';\r\nimport ApprovalAdmin from './components/ApprovalAdmin';\r\nimport { IApprovalAdminProps } from './components/IApprovalAdminProps';\r\n\r\nexport interface IApprovalAdminWebPartProps {\r\n  description: string;\r\n}\r\n\r\nexport default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprovalAdminWebPartProps> {\r\n\r\n  private _isDarkTheme: boolean = false;\r\n  private _environmentMessage: string = '';\r\n\r\n  public render(): void {\r\n    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(\r\n      ApprovalAdmin,\r\n      {\r\n        description: this.properties.description,\r\n        isDarkTheme: this._isDarkTheme,\r\n        environmentMessage: this._environmentMessage,\r\n        hasTeamsContext: !!this.context.sdks.microsoftTeams,\r\n        userDisplayName: this.context.pageContext.user.displayName\r\n      }\r\n    );\r\n\r\n    ReactDom.render(element, this.domElement);\r\n  }\r\n\r\n  protected onInit(): Promise<void> {\r\n    return this._getEnvironmentMessage().then(message => {\r\n      this._environmentMessage = message;\r\n    });\r\n  }\r\n\r\n\r\n\r\n  private _getEnvironmentMessage(): Promise<string> {\r\n    if (!!this.context.sdks.microsoftTeams) { // running in Teams, office.com or Outlook\r\n      return this.context.sdks.microsoftTeams.teamsJs.app.getContext()\r\n        .then(context => {\r\n          let environmentMessage: string = '';\r\n          switch (context.app.host.name) {\r\n            case 'Office': // running in Office\r\n              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOffice : strings.AppOfficeEnvironment;\r\n              break;\r\n            case 'Outlook': // running in Outlook\r\n              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOutlook : strings.AppOutlookEnvironment;\r\n              break;\r\n            case 'Teams': // running in Teams\r\n            case 'TeamsModern':\r\n              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentTeams : strings.AppTeamsTabEnvironment;\r\n              break;\r\n            default:\r\n              environmentMessage = strings.UnknownEnvironment;\r\n          }\r\n\r\n          return environmentMessage;\r\n        });\r\n    }\r\n\r\n    return Promise.resolve(this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentSharePoint : strings.AppSharePointEnvironment);\r\n  }\r\n\r\n  protected onThemeChanged(currentTheme: IReadonlyTheme | undefined): void {\r\n    if (!currentTheme) {\r\n      return;\r\n    }\r\n\r\n    this._isDarkTheme = !!currentTheme.isInverted;\r\n    const {\r\n      semanticColors\r\n    } = currentTheme;\r\n\r\n    if (semanticColors) {\r\n      this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);\r\n      this.domElement.style.setProperty('--link', semanticColors.link || null);\r\n      this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);\r\n    }\r\n\r\n  }\r\n\r\n  protected onDispose(): void {\r\n    ReactDom.unmountComponentAtNode(this.domElement);\r\n  }\r\n\r\n  protected get dataVersion(): Version {\r\n    return Version.parse('1.0');\r\n  }\r\n\r\n  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {\r\n    return {\r\n      pages: [\r\n        {\r\n          header: {\r\n            description: strings.PropertyPaneDescription\r\n          },\r\n          groups: [\r\n            {\r\n              groupName: strings.BasicGroupName,\r\n              groupFields: [\r\n                PropertyPaneTextField('description', {\r\n                  label: strings.DescriptionFieldLabel\r\n                })\r\n              ]\r\n            }\r\n          ]\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"file":"ApprovalAdminWebPart.js","sourceRoot":"","sources":["../../../src/webparts/approvalAdmin/ApprovalAdminWebPart.ts"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,0DAAsC;AACtC,8DAAqD;AACrD,gEAIqC;AACrC,8DAAmE;AAEnE,qFAAuD;AAUvD;IAAkD,gDAAiD;IAAnG;;IAiEA,CAAC;IA/DQ,qCAAM,GAAb;QACE,IAAM,OAAO,GAA4C,KAAK,CAAC,aAAa,CAAC,uBAAa,EAAE;YAC1F,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU;YACtC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,UAAU;YACtC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,YAAY;YAC1C,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,aAAa;SAC7C,CAAC,CAAC;QAEH,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC;IAES,qCAAM,GAAhB;;QACE,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,UAAU,IAAI,wBAAwB,CAAC;QACpF,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,MAAA,IAAI,CAAC,UAAU,CAAC,UAAU,mCAAI,IAAI,CAAC;QAChE,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,IAAI,aAAa,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,IAAI,4CAA4C,CAAC;QAC9G,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;IAC3B,CAAC;IAES,wCAAS,GAAnB;QACE,QAAQ,CAAC,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACnD,CAAC;IAED,sBAAc,6CAAW;aAAzB;YACE,OAAO,yBAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;;;OAAA;IAES,2DAA4B,GAAtC;QACE,OAAO;YACL,KAAK,EAAE;gBACL;oBACE,MAAM,EAAE;wBACN,WAAW,EAAE,sCAAsC;qBACpD;oBACD,MAAM,EAAE;wBACN;4BACE,SAAS,EAAE,KAAK;4BAChB,WAAW,EAAE;gCACX,IAAA,wCAAqB,EAAC,YAAY,EAAE;oCAClC,KAAK,EAAE,cAAc;oCACrB,WAAW,EAAE,+DAA+D;iCAC7E,CAAC;gCACF,IAAA,qCAAkB,EAAC,YAAY,EAAE;oCAC/B,KAAK,EAAE,oCAAoC;oCAC3C,MAAM,EAAE,mCAAmC;oCAC3C,OAAO,EAAE,8BAA8B;iCACxC,CAAC;gCACF,IAAA,wCAAqB,EAAC,cAAc,EAAE;oCACpC,KAAK,EAAE,yBAAyB;oCAChC,WAAW,EAAE,gDAAgD;iCAC9D,CAAC;gCACF,IAAA,wCAAqB,EAAC,eAAe,EAAE;oCACrC,KAAK,EAAE,8BAA8B;oCACrC,WAAW,EAAE,sHAAsH;iCACpI,CAAC;6BACH;yBACF;qBACF;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IACH,2BAAC;AAAD,CAAC,AAjED,CAAkD,uCAAqB,GAiEtE","sourcesContent":["import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { Version } from '@microsoft/sp-core-library';\nimport {\n  type IPropertyPaneConfiguration,\n  PropertyPaneTextField,\n  PropertyPaneToggle\n} from '@microsoft/sp-property-pane';\nimport { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';\n\nimport ApprovalAdmin from './components/ApprovalAdmin';\nimport { IApprovalAdminProps } from './components/IApprovalAdminProps';\n\nexport interface IApprovalAdminWebPartProps {\n  apiBaseUrl: string;\n  useDevAuth: boolean;\n  devUserEmail: string;\n  aadResourceId: string;\n}\n\nexport default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprovalAdminWebPartProps> {\n\n  public render(): void {\n    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(ApprovalAdmin, {\n      context: this.context,\n      apiBaseUrl: this.properties.apiBaseUrl,\n      useDevAuth: this.properties.useDevAuth,\n      devUserEmail: this.properties.devUserEmail,\n      aadResourceId: this.properties.aadResourceId\n    });\n\n    ReactDom.render(element, this.domElement);\n  }\n\n  protected onInit(): Promise<void> {\n    this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443';\n    this.properties.useDevAuth = this.properties.useDevAuth ?? true;\n    this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';\n    this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';\n    return Promise.resolve();\n  }\n\n  protected onDispose(): void {\n    ReactDom.unmountComponentAtNode(this.domElement);\n  }\n\n  protected get dataVersion(): Version {\n    return Version.parse('1.0');\n  }\n\n  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {\n    return {\n      pages: [\n        {\n          header: {\n            description: 'Подключение к Tnsu.ApprovalRoute.Api'\n          },\n          groups: [\n            {\n              groupName: 'API',\n              groupFields: [\n                PropertyPaneTextField('apiBaseUrl', {\n                  label: 'Api Base Url',\n                  description: 'Например, https://localhost:5443 локально или прод-адрес API.'\n                }),\n                PropertyPaneToggle('useDevAuth', {\n                  label: 'Локальный Dev-режим (без Azure AD)',\n                  onText: 'Вкл. (заголовок X-Dev-User-Email)',\n                  offText: 'Выкл. (AAD-токен через SPFx)'\n                }),\n                PropertyPaneTextField('devUserEmail', {\n                  label: 'Dev: email пользователя',\n                  description: 'Используется только при включённом Dev-режиме.'\n                }),\n                PropertyPaneTextField('aadResourceId', {\n                  label: 'AAD Resource Id (App ID URI)',\n                  description: 'Используется только при выключенном Dev-режиме. Должен совпадать с webApiPermissionRequests в package-solution.json.'\n                })\n              ]\n            }\n          ]\n        }\n      ]\n    };\n  }\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json b/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
index 7ee7c5e..07ea6e9 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
@@ -22,7 +22,10 @@
     "description": { "default": "approval-admin description" },
     "officeFabricIconFontName": "Page",
     "properties": {
-      "description": "approval-admin"
+      "apiBaseUrl": "https://localhost:5443",
+      "useDevAuth": true,
+      "devUserEmail": "dev@tnsu.kz",
+      "aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0"
     }
   }]
 }
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js
index ff2f298..724d128 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js
@@ -3,46 +3,62 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
 var ApprovalAdmin_module_scss_1 = tslib_1.__importDefault(require("./ApprovalAdmin.module.scss"));
-var sp_lodash_subset_1 = require("@microsoft/sp-lodash-subset");
-var ApprovalAdmin = /** @class */ (function (_super) {
-    tslib_1.__extends(ApprovalAdmin, _super);
-    function ApprovalAdmin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ApprovalAdmin.prototype.render = function () {
-        var _a = this.props, description = _a.description, isDarkTheme = _a.isDarkTheme, environmentMessage = _a.environmentMessage, hasTeamsContext = _a.hasTeamsContext, userDisplayName = _a.userDisplayName;
-        return (React.createElement("section", { className: "".concat(ApprovalAdmin_module_scss_1.default.approvalAdmin, " ").concat(hasTeamsContext ? ApprovalAdmin_module_scss_1.default.teams : '') },
-            React.createElement("div", { className: ApprovalAdmin_module_scss_1.default.welcome },
-                React.createElement("img", { alt: "", src: isDarkTheme ? require('../assets/welcome-dark.png') : require('../assets/welcome-light.png'), className: ApprovalAdmin_module_scss_1.default.welcomeImage }),
-                React.createElement("h2", null,
-                    "Well done, ",
-                    (0, sp_lodash_subset_1.escape)(userDisplayName),
-                    "!"),
-                React.createElement("div", null, environmentMessage),
-                React.createElement("div", null,
-                    "Web part property value: ",
-                    React.createElement("strong", null, (0, sp_lodash_subset_1.escape)(description)))),
-            React.createElement("div", null,
-                React.createElement("h3", null, "Welcome to SharePoint Framerk!"),
-                React.createElement("p", null, "The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It's the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling."),
-                React.createElement("h4", null, "Learn more about SPFx development:"),
-                React.createElement("ul", { className: ApprovalAdmin_module_scss_1.default.links },
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/spfx", target: "_blank", rel: "noreferrer" }, "SharePoint Framework Overview")),
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/spfx-yeoman-graph", target: "_blank", rel: "noreferrer" }, "Use Microsoft Graph in your solution")),
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/spfx-yeoman-teams", target: "_blank", rel: "noreferrer" }, "Build for Microsoft Teams using SharePoint Framework")),
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/spfx-yeoman-viva", target: "_blank", rel: "noreferrer" }, "Build for Microsoft Viva Connections using SharePoint Framework")),
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/spfx-yeoman-store", target: "_blank", rel: "noreferrer" }, "Publish SharePoint Framework applications to the marketplace")),
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/spfx-yeoman-api", target: "_blank", rel: "noreferrer" }, "SharePoint Framework API reference")),
-                    React.createElement("li", null,
-                        React.createElement("a", { href: "https://aka.ms/m365pnp", target: "_blank", rel: "noreferrer" }, "Microsoft 365 Developer Community"))))));
-    };
-    return ApprovalAdmin;
-}(React.Component));
+var AdminApp_1 = require("./app/AdminApp");
+var api_1 = require("../services/api");
+var httpClient_1 = require("../services/httpClient");
+var FONTS_LINK_ID = 'tnsu-approval-admin-fonts';
+function ensureFontsLoaded() {
+    if (typeof document === 'undefined' || document.getElementById(FONTS_LINK_ID))
+        return;
+    var link = document.createElement('link');
+    link.id = FONTS_LINK_ID;
+    link.rel = 'stylesheet';
+    link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap';
+    document.head.appendChild(link);
+}
+function createHttpClient(props) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var aadClient;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (props.useDevAuth) {
+                        return [2 /*return*/, new httpClient_1.DevApiHttpClient(props.apiBaseUrl, props.devUserEmail || 'dev@tnsu.kz')];
+                    }
+                    return [4 /*yield*/, props.context.aadHttpClientFactory.getClient(props.aadResourceId)];
+                case 1:
+                    aadClient = _a.sent();
+                    return [2 /*return*/, new httpClient_1.AadApiHttpClient(aadClient, props.apiBaseUrl)];
+            }
+        });
+    });
+}
+var ApprovalAdmin = function (props) {
+    var _a = React.useState(), api = _a[0], setApi = _a[1];
+    var _b = React.useState(), error = _b[0], setError = _b[1];
+    React.useEffect(function () {
+        ensureFontsLoaded();
+    }, []);
+    React.useEffect(function () {
+        var cancelled = false;
+        setApi(undefined);
+        setError(undefined);
+        createHttpClient(props)
+            .then(function (client) { if (!cancelled)
+            setApi(new api_1.ApprovalRouteApi(client)); })
+            .catch(function (e) { if (!cancelled)
+            setError(e.message); });
+        return function () { cancelled = true; };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.useDevAuth, props.apiBaseUrl, props.devUserEmail, props.aadResourceId]);
+    return (React.createElement("section", { className: ApprovalAdmin_module_scss_1.default.approvalAdmin },
+        error && (React.createElement("div", { className: ApprovalAdmin_module_scss_1.default.stateBox },
+            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C\u0441\u044F \u043A API: ",
+            error,
+            React.createElement("br", null),
+            "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 \u0432\u0435\u0431-\u0447\u0430\u0441\u0442\u0438 (Api Base Url, \u0440\u0435\u0436\u0438\u043C \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u0438) \u0432 \u043F\u0430\u043D\u0435\u043B\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A.")),
+        !error && !api && React.createElement("div", { className: ApprovalAdmin_module_scss_1.default.stateBox }, "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u043A API..."),
+        api && React.createElement(AdminApp_1.AdminApp, { api: api, currentUserEmail: props.context.pageContext.user.email })));
+};
 exports.default = ApprovalAdmin;
 //# sourceMappingURL=ApprovalAdmin.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js.map
index ee61e06..4fa7410 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js.map
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.js.map
@@ -1 +1 @@
-{"version":3,"file":"ApprovalAdmin.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/components/ApprovalAdmin.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,kGAAiD;AAEjD,gEAAqD;AAErD;IAA2C,yCAAoC;IAA/E;;IAqCA,CAAC;IApCQ,8BAAM,GAAb;QACQ,IAAA,KAMF,IAAI,CAAC,KAAK,EALZ,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,eAAe,qBAAA,EACf,eAAe,qBACH,CAAC;QAEf,OAAO,CACL,iCAAS,SAAS,EAAE,UAAG,mCAAM,CAAC,aAAa,cAAI,eAAe,CAAC,CAAC,CAAC,mCAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAE;YAClF,6BAAK,SAAS,EAAE,mCAAM,CAAC,OAAO;gBAC5B,6BAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,6BAA6B,CAAC,EAAE,SAAS,EAAE,mCAAM,CAAC,YAAY,GAAI;gBACjJ;;oBAAgB,IAAA,yBAAM,EAAC,eAAe,CAAC;wBAAO;gBAC9C,iCAAM,kBAAkB,CAAO;gBAC/B;;oBAA8B,oCAAS,IAAA,yBAAM,EAAC,WAAW,CAAC,CAAU,CAAM,CACtE;YACN;gBACE,iEAAuC;gBACvC,2QAEI;gBACJ,qEAA2C;gBAC3C,4BAAI,SAAS,EAAE,mCAAM,CAAC,KAAK;oBACzB;wBAAI,2BAAG,IAAI,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,oCAAkC,CAAK;oBACzG;wBAAI,2BAAG,IAAI,EAAC,kCAAkC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,2CAAyC,CAAK;oBAC7H;wBAAI,2BAAG,IAAI,EAAC,kCAAkC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,2DAAyD,CAAK;oBAC7I;wBAAI,2BAAG,IAAI,EAAC,iCAAiC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,sEAAoE,CAAK;oBACvJ;wBAAI,2BAAG,IAAI,EAAC,kCAAkC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,mEAAiE,CAAK;oBACrJ;wBAAI,2BAAG,IAAI,EAAC,gCAAgC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,yCAAuC,CAAK;oBACzH;wBAAI,2BAAG,IAAI,EAAC,wBAAwB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,wCAAsC,CAAK,CAC7G,CACD,CACE,CACX,CAAC;IACJ,CAAC;IACH,oBAAC;AAAD,CAAC,AArCD,CAA2C,KAAK,CAAC,SAAS,GAqCzD","sourcesContent":["import * as React from 'react';\r\nimport styles from './ApprovalAdmin.module.scss';\r\nimport type { IApprovalAdminProps } from './IApprovalAdminProps';\r\nimport { escape } from '@microsoft/sp-lodash-subset';\r\n\r\nexport default class ApprovalAdmin extends React.Component<IApprovalAdminProps> {\r\n  public render(): React.ReactElement<IApprovalAdminProps> {\r\n    const {\r\n      description,\r\n      isDarkTheme,\r\n      environmentMessage,\r\n      hasTeamsContext,\r\n      userDisplayName\r\n    } = this.props;\r\n\r\n    return (\r\n      <section className={`${styles.approvalAdmin} ${hasTeamsContext ? styles.teams : ''}`}>\r\n        <div className={styles.welcome}>\r\n          <img alt=\"\" src={isDarkTheme ? require('../assets/welcome-dark.png') : require('../assets/welcome-light.png')} className={styles.welcomeImage} />\r\n          <h2>Well done, {escape(userDisplayName)}!</h2>\r\n          <div>{environmentMessage}</div>\r\n          <div>Web part property value: <strong>{escape(description)}</strong></div>\r\n        </div>\r\n        <div>\r\n          <h3>Welcome to SharePoint Framerk!</h3>\r\n          <p>\r\n            The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It&#39;s the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling.\r\n          </p>\r\n          <h4>Learn more about SPFx development:</h4>\r\n          <ul className={styles.links}>\r\n            <li><a href=\"https://aka.ms/spfx\" target=\"_blank\" rel=\"noreferrer\">SharePoint Framework Overview</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-graph\" target=\"_blank\" rel=\"noreferrer\">Use Microsoft Graph in your solution</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-teams\" target=\"_blank\" rel=\"noreferrer\">Build for Microsoft Teams using SharePoint Framework</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-viva\" target=\"_blank\" rel=\"noreferrer\">Build for Microsoft Viva Connections using SharePoint Framework</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-store\" target=\"_blank\" rel=\"noreferrer\">Publish SharePoint Framework applications to the marketplace</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-api\" target=\"_blank\" rel=\"noreferrer\">SharePoint Framework API reference</a></li>\r\n            <li><a href=\"https://aka.ms/m365pnp\" target=\"_blank\" rel=\"noreferrer\">Microsoft 365 Developer Community</a></li>\r\n          </ul>\r\n        </div>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"file":"ApprovalAdmin.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/components/ApprovalAdmin.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAC/B,kGAAiD;AAEjD,2CAA0C;AAC1C,uCAAmD;AACnD,qDAAyF;AAEzF,IAAM,aAAa,GAAG,2BAA2B,CAAC;AAElD,SAAS,iBAAiB;IACxB,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC;QAAE,OAAO;IACtF,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,GAAG,aAAa,CAAC;IACxB,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC;IACxB,IAAI,CAAC,IAAI,GAAG,+GAA+G,CAAC;IAC5H,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC;AAED,SAAe,gBAAgB,CAAC,KAA0B;;;;;;oBACxD,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;wBACrB,sBAAO,IAAI,6BAAgB,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,IAAI,aAAa,CAAC,EAAC;oBACrF,CAAC;oBACiB,qBAAM,KAAK,CAAC,OAAO,CAAC,oBAAoB,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,EAAA;;oBAAnF,SAAS,GAAG,SAAuE;oBACzF,sBAAO,IAAI,6BAAgB,CAAC,SAAS,EAAE,KAAK,CAAC,UAAU,CAAC,EAAC;;;;CAC1D;AAED,IAAM,aAAa,GAAkC,UAAA,KAAK;IAClD,IAAA,KAAgB,KAAK,CAAC,QAAQ,EAAgC,EAA7D,GAAG,QAAA,EAAE,MAAM,QAAkD,CAAC;IAC/D,IAAA,KAAoB,KAAK,CAAC,QAAQ,EAAsB,EAAvD,KAAK,QAAA,EAAE,QAAQ,QAAwC,CAAC;IAE/D,KAAK,CAAC,SAAS,CAAC;QACd,iBAAiB,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,MAAM,CAAC,SAAS,CAAC,CAAC;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpB,gBAAgB,CAAC,KAAK,CAAC;aACpB,IAAI,CAAC,UAAA,MAAM,IAAM,IAAI,CAAC,SAAS;YAAE,MAAM,CAAC,IAAI,sBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACzE,KAAK,CAAC,UAAC,CAAQ,IAAO,IAAI,CAAC,SAAS;YAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjE,OAAO,cAAQ,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACnC,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,iCAAS,SAAS,EAAE,mCAAM,CAAC,aAAa;QACrC,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,mCAAM,CAAC,QAAQ;;YACG,KAAK;YACrC,+BAAM;wXAEF,CACP;QACA,CAAC,KAAK,IAAI,CAAC,GAAG,IAAI,6BAAK,SAAS,EAAE,mCAAM,CAAC,QAAQ,uFAA4B;QAC7E,GAAG,IAAI,oBAAC,mBAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,GAAI,CAC9E,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport styles from './ApprovalAdmin.module.scss';\nimport type { IApprovalAdminProps } from './IApprovalAdminProps';\nimport { AdminApp } from './app/AdminApp';\nimport { ApprovalRouteApi } from '../services/api';\nimport { AadApiHttpClient, DevApiHttpClient, IHttpClient } from '../services/httpClient';\n\nconst FONTS_LINK_ID = 'tnsu-approval-admin-fonts';\n\nfunction ensureFontsLoaded(): void {\n  if (typeof document === 'undefined' || document.getElementById(FONTS_LINK_ID)) return;\n  const link = document.createElement('link');\n  link.id = FONTS_LINK_ID;\n  link.rel = 'stylesheet';\n  link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap';\n  document.head.appendChild(link);\n}\n\nasync function createHttpClient(props: IApprovalAdminProps): Promise<IHttpClient> {\n  if (props.useDevAuth) {\n    return new DevApiHttpClient(props.apiBaseUrl, props.devUserEmail || 'dev@tnsu.kz');\n  }\n  const aadClient = await props.context.aadHttpClientFactory.getClient(props.aadResourceId);\n  return new AadApiHttpClient(aadClient, props.apiBaseUrl);\n}\n\nconst ApprovalAdmin: React.FC<IApprovalAdminProps> = props => {\n  const [api, setApi] = React.useState<ApprovalRouteApi | undefined>();\n  const [error, setError] = React.useState<string | undefined>();\n\n  React.useEffect(() => {\n    ensureFontsLoaded();\n  }, []);\n\n  React.useEffect(() => {\n    let cancelled = false;\n    setApi(undefined);\n    setError(undefined);\n\n    createHttpClient(props)\n      .then(client => { if (!cancelled) setApi(new ApprovalRouteApi(client)); })\n      .catch((e: Error) => { if (!cancelled) setError(e.message); });\n\n    return () => { cancelled = true; };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.useDevAuth, props.apiBaseUrl, props.devUserEmail, props.aadResourceId]);\n\n  return (\n    <section className={styles.approvalAdmin}>\n      {error && (\n        <div className={styles.stateBox}>\n          Не удалось подключиться к API: {error}\n          <br />\n          Проверьте свойства веб-части (Api Base Url, режим авторизации) в панели настроек.\n        </div>\n      )}\n      {!error && !api && <div className={styles.stateBox}>Подключение к API...</div>}\n      {api && <AdminApp api={api} currentUserEmail={props.context.pageContext.user.email} />}\n    </section>\n  );\n};\n\nexport default ApprovalAdmin;\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.module.scss.css
index 9039f96..8cab22c 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.module.scss.css
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ApprovalAdmin.module.scss.css
@@ -1,32 +1,52 @@
-/*
-  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
-*/
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
 .approvalAdmin {
-  overflow: hidden;
-  padding: 1em;
-  color: "[theme:bodyText, default: #323130]";
-  color: var(--bodyText);
-}
-.approvalAdmin.teams {
-  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
 }
 
-.welcome {
+.stateBox {
+  padding: 40px 24px;
   text-align: center;
-}
-
-.welcomeImage {
-  width: 100%;
-  max-width: 420px;
-}
-
-.links a {
-  text-decoration: none;
-  color: "[theme:link, default:#03787c]";
-  color: var(--link);
-}
-.links a:hover {
-  text-decoration: underline;
-  color: "[theme:linkHovered, default: #014446]";
-  color: var(--linkHovered);
+  color: #6B7280;
+  font-size: 13.5px;
+  background: #F9FAFB;
+  border-radius: 14px;
+  border: 1px solid #E5E7EB;
 }
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/IApprovalAdminProps.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/IApprovalAdminProps.js.map
index 43d23c7..895680b 100644
--- a/frontend/lib-commonjs/webparts/approvalAdmin/components/IApprovalAdminProps.js.map
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/IApprovalAdminProps.js.map
@@ -1 +1 @@
-{"version":3,"file":"IApprovalAdminProps.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/components/IApprovalAdminProps.ts"],"names":[],"mappings":"","sourcesContent":["export interface IApprovalAdminProps {\r\n  description: string;\r\n  isDarkTheme: boolean;\r\n  environmentMessage: string;\r\n  hasTeamsContext: boolean;\r\n  userDisplayName: string;\r\n}\r\n"]}
\ No newline at end of file
+{"version":3,"file":"IApprovalAdminProps.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/components/IApprovalAdminProps.ts"],"names":[],"mappings":"","sourcesContent":["import { WebPartContext } from '@microsoft/sp-webpart-base';\n\nexport interface IApprovalAdminProps {\n  context: WebPartContext;\n  apiBaseUrl: string;\n  useDevAuth: boolean;\n  devUserEmail: string;\n  aadResourceId: string;\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.js
new file mode 100644
index 0000000..ef580de
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.js
@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminApp = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var AdminApp_module_scss_1 = tslib_1.__importDefault(require("./AdminApp.module.scss"));
+var TopNav_1 = require("./TopNav");
+var DashboardScreen_1 = require("../screens/DashboardScreen");
+var RequestTypesScreen_1 = require("../screens/RequestTypesScreen");
+var RoutesScreen_1 = require("../screens/RoutesScreen");
+var RouteStepsScreen_1 = require("../screens/RouteStepsScreen");
+var ResolveScreen_1 = require("../screens/ResolveScreen");
+var AdminApp = function (_a) {
+    var api = _a.api, currentUserEmail = _a.currentUserEmail;
+    var _b = React.useState('dashboard'), screen = _b[0], setScreen = _b[1];
+    var _c = React.useState(), selectedRoute = _c[0], setSelectedRoute = _c[1];
+    var _d = React.useState(''), selectedRequestTypeName = _d[0], setSelectedRequestTypeName = _d[1];
+    var navigate = function (key) {
+        setScreen(key);
+    };
+    var openSteps = function (route) {
+        setSelectedRoute(route);
+        api.requestTypes.get(route.requestTypeId)
+            .then(function (rt) { return setSelectedRequestTypeName(rt.name); })
+            .catch(function () { return setSelectedRequestTypeName("#".concat(route.requestTypeId)); });
+        setScreen('routeSteps');
+    };
+    return (React.createElement("div", { className: AdminApp_module_scss_1.default.shell },
+        React.createElement(TopNav_1.TopNav, { active: screen, onSelect: navigate }),
+        React.createElement("div", { className: AdminApp_module_scss_1.default.content },
+            screen === 'dashboard' && React.createElement(DashboardScreen_1.DashboardScreen, { api: api, onNavigate: navigate }),
+            screen === 'requestTypes' && React.createElement(RequestTypesScreen_1.RequestTypesScreen, { api: api }),
+            screen === 'routes' && React.createElement(RoutesScreen_1.RoutesScreen, { api: api, onOpenSteps: openSteps }),
+            screen === 'routeSteps' && selectedRoute && (React.createElement(RouteStepsScreen_1.RouteStepsScreen, { api: api, route: selectedRoute, requestTypeName: selectedRequestTypeName, onBack: function () { return setScreen('routes'); } })),
+            screen === 'resolve' && React.createElement(ResolveScreen_1.ResolveScreen, { api: api, currentUserEmail: currentUserEmail }))));
+};
+exports.AdminApp = AdminApp;
+//# sourceMappingURL=AdminApp.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.js.map
new file mode 100644
index 0000000..7ab7df6
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"AdminApp.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/app/AdminApp.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,wFAA4C;AAC5C,mCAAkC;AAIlC,8DAA6D;AAC7D,oEAAmE;AACnE,wDAAuD;AACvD,gEAA+D;AAC/D,0DAAyD;AAOlD,IAAM,QAAQ,GAA6B,UAAC,EAAyB;QAAvB,GAAG,SAAA,EAAE,gBAAgB,sBAAA;IAClE,IAAA,KAAsB,KAAK,CAAC,QAAQ,CAAY,WAAW,CAAC,EAA3D,MAAM,QAAA,EAAE,SAAS,QAA0C,CAAC;IAC7D,IAAA,KAAoC,KAAK,CAAC,QAAQ,EAA6B,EAA9E,aAAa,QAAA,EAAE,gBAAgB,QAA+C,CAAC;IAChF,IAAA,KAAwD,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzE,uBAAuB,QAAA,EAAE,0BAA0B,QAAsB,CAAC;IAEjF,IAAM,QAAQ,GAAG,UAAC,GAAc;QAC9B,SAAS,CAAC,GAAG,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG,UAAC,KAAoB;QACrC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,aAAa,CAAC;aACtC,IAAI,CAAC,UAAA,EAAE,IAAI,OAAA,0BAA0B,CAAC,EAAE,CAAC,IAAI,CAAC,EAAnC,CAAmC,CAAC;aAC/C,KAAK,CAAC,cAAM,OAAA,0BAA0B,CAAC,WAAI,KAAK,CAAC,aAAa,CAAE,CAAC,EAArD,CAAqD,CAAC,CAAC;QACtE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,8BAAM,CAAC,KAAK;QAC1B,oBAAC,eAAM,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAC9C,6BAAK,SAAS,EAAE,8BAAM,CAAC,OAAO;YAC3B,MAAM,KAAK,WAAW,IAAI,oBAAC,iCAAe,IAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,GAAI;YAC7E,MAAM,KAAK,cAAc,IAAI,oBAAC,uCAAkB,IAAC,GAAG,EAAE,GAAG,GAAI;YAC7D,MAAM,KAAK,QAAQ,IAAI,oBAAC,2BAAY,IAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,GAAI;YACzE,MAAM,KAAK,YAAY,IAAI,aAAa,IAAI,CAC3C,oBAAC,mCAAgB,IACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,eAAe,EAAE,uBAAuB,EACxC,MAAM,EAAE,cAAM,OAAA,SAAS,CAAC,QAAQ,CAAC,EAAnB,CAAmB,GACjC,CACH;YACA,MAAM,KAAK,SAAS,IAAI,oBAAC,6BAAa,IAAC,GAAG,EAAE,GAAG,EAAE,gBAAgB,EAAE,gBAAgB,GAAI,CACpF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,QAAQ,YAoCnB","sourcesContent":["import * as React from 'react';\nimport styles from './AdminApp.module.scss';\nimport { TopNav } from './TopNav';\nimport { ScreenKey } from './types';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { TemplateRoute } from '../../models';\nimport { DashboardScreen } from '../screens/DashboardScreen';\nimport { RequestTypesScreen } from '../screens/RequestTypesScreen';\nimport { RoutesScreen } from '../screens/RoutesScreen';\nimport { RouteStepsScreen } from '../screens/RouteStepsScreen';\nimport { ResolveScreen } from '../screens/ResolveScreen';\n\nexport interface IAdminAppProps {\n  api: ApprovalRouteApi;\n  currentUserEmail?: string;\n}\n\nexport const AdminApp: React.FC<IAdminAppProps> = ({ api, currentUserEmail }) => {\n  const [screen, setScreen] = React.useState<ScreenKey>('dashboard');\n  const [selectedRoute, setSelectedRoute] = React.useState<TemplateRoute | undefined>();\n  const [selectedRequestTypeName, setSelectedRequestTypeName] = React.useState('');\n\n  const navigate = (key: ScreenKey): void => {\n    setScreen(key);\n  };\n\n  const openSteps = (route: TemplateRoute): void => {\n    setSelectedRoute(route);\n    api.requestTypes.get(route.requestTypeId)\n      .then(rt => setSelectedRequestTypeName(rt.name))\n      .catch(() => setSelectedRequestTypeName(`#${route.requestTypeId}`));\n    setScreen('routeSteps');\n  };\n\n  return (\n    <div className={styles.shell}>\n      <TopNav active={screen} onSelect={navigate} />\n      <div className={styles.content}>\n        {screen === 'dashboard' && <DashboardScreen api={api} onNavigate={navigate} />}\n        {screen === 'requestTypes' && <RequestTypesScreen api={api} />}\n        {screen === 'routes' && <RoutesScreen api={api} onOpenSteps={openSteps} />}\n        {screen === 'routeSteps' && selectedRoute && (\n          <RouteStepsScreen\n            api={api}\n            route={selectedRoute}\n            requestTypeName={selectedRequestTypeName}\n            onBack={() => setScreen('routes')}\n          />\n        )}\n        {screen === 'resolve' && <ResolveScreen api={api} currentUserEmail={currentUserEmail} />}\n      </div>\n    </div>\n  );\n};\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.module.scss.css
new file mode 100644
index 0000000..39fb887
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/AdminApp.module.scss.css
@@ -0,0 +1,63 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.shell {
+  background: linear-gradient(180deg, #F6F8FA 0%, #EEF2F6 100%);
+  border-radius: 14px;
+  border: 1px solid #E5E7EB;
+  overflow: hidden;
+  box-shadow: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  color: #111827;
+  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.content {
+  padding: 28px 30px 36px;
+  max-width: 1080px;
+  margin: 0 auto;
+}
+
+.centerState {
+  padding: 60px 30px;
+  text-align: center;
+  color: #9CA3AF;
+  font-size: 13.5px;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.js
new file mode 100644
index 0000000..cdba387
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.js
@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TopNav = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var TopNav_module_scss_1 = tslib_1.__importDefault(require("./TopNav.module.scss"));
+var TABS = [
+    { key: 'dashboard', label: 'Дашборд' },
+    { key: 'requestTypes', label: 'Типы заявок' },
+    { key: 'routes', label: 'Маршруты' },
+    { key: 'resolve', label: 'Проверка маршрута' }
+];
+var TopNav = function (_a) {
+    var active = _a.active, onSelect = _a.onSelect;
+    return (React.createElement("nav", { className: TopNav_module_scss_1.default.topnav },
+        React.createElement("div", { className: TopNav_module_scss_1.default.brand },
+            React.createElement("div", { className: TopNav_module_scss_1.default.mark }, "T"),
+            React.createElement("div", { className: TopNav_module_scss_1.default.brandText },
+                "TNSU ",
+                React.createElement("em", null, "Approval Route"))),
+        React.createElement("div", { className: TopNav_module_scss_1.default.tabs }, TABS.map(function (tab) { return (React.createElement("button", { key: tab.key, className: "".concat(TopNav_module_scss_1.default.tab, " ").concat((active === tab.key || (active === 'routeSteps' && tab.key === 'routes')) ? TopNav_module_scss_1.default.on : ''), onClick: function () { return onSelect(tab.key); } }, tab.label)); }))));
+};
+exports.TopNav = TopNav;
+//# sourceMappingURL=TopNav.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.js.map
new file mode 100644
index 0000000..e6b7890
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"TopNav.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/app/TopNav.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,oFAA0C;AAQ1C,IAAM,IAAI,GAAW;IACnB,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE;IAC7C,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE;IACpC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,mBAAmB,EAAE;CAC/C,CAAC;AAOK,IAAM,MAAM,GAA2B,UAAC,EAAoB;QAAlB,MAAM,YAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACtE,6BAAK,SAAS,EAAE,4BAAM,CAAC,MAAM;QAC3B,6BAAK,SAAS,EAAE,4BAAM,CAAC,KAAK;YAC1B,6BAAK,SAAS,EAAE,4BAAM,CAAC,IAAI,QAAS;YACpC,6BAAK,SAAS,EAAE,4BAAM,CAAC,SAAS;;gBAAO,iDAAuB,CAAM,CAChE;QACN,6BAAK,SAAS,EAAE,4BAAM,CAAC,IAAI,IACxB,IAAI,CAAC,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,CACf,gCACE,GAAG,EAAE,GAAG,CAAC,GAAG,EACZ,SAAS,EAAE,UAAG,4BAAM,CAAC,GAAG,cAAI,CAAC,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,KAAK,YAAY,IAAI,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,4BAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAE,EACxH,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAjB,CAAiB,IAE/B,GAAG,CAAC,KAAK,CACH,CACV,EARgB,CAQhB,CAAC,CACE,CACF,CACP;AAlBuE,CAkBvE,CAAC;AAlBW,QAAA,MAAM,UAkBjB","sourcesContent":["import * as React from 'react';\nimport styles from './TopNav.module.scss';\nimport { ScreenKey } from './types';\n\ninterface ITab {\n  key: ScreenKey;\n  label: string;\n}\n\nconst TABS: ITab[] = [\n  { key: 'dashboard', label: 'Дашборд' },\n  { key: 'requestTypes', label: 'Типы заявок' },\n  { key: 'routes', label: 'Маршруты' },\n  { key: 'resolve', label: 'Проверка маршрута' }\n];\n\nexport interface ITopNavProps {\n  active: ScreenKey;\n  onSelect: (key: ScreenKey) => void;\n}\n\nexport const TopNav: React.FC<ITopNavProps> = ({ active, onSelect }) => (\n  <nav className={styles.topnav}>\n    <div className={styles.brand}>\n      <div className={styles.mark}>T</div>\n      <div className={styles.brandText}>TNSU <em>Approval Route</em></div>\n    </div>\n    <div className={styles.tabs}>\n      {TABS.map(tab => (\n        <button\n          key={tab.key}\n          className={`${styles.tab} ${(active === tab.key || (active === 'routeSteps' && tab.key === 'routes')) ? styles.on : ''}`}\n          onClick={() => onSelect(tab.key)}\n        >\n          {tab.label}\n        </button>\n      ))}\n    </div>\n  </nav>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.module.scss.css
new file mode 100644
index 0000000..243e3b7
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/TopNav.module.scss.css
@@ -0,0 +1,112 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.topnav {
+  background: linear-gradient(135deg, #0A1B30 0%, #1B3A5C 85%);
+  padding: 0 22px;
+  display: flex;
+  align-items: center;
+  height: 54px;
+  box-shadow: 0 1px 0 rgba(212, 160, 30, 0.35);
+  border-radius: 10px 10px 0 0;
+  flex-wrap: wrap;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-right: 28px;
+  flex-shrink: 0;
+}
+
+.mark {
+  width: 30px;
+  height: 30px;
+  border-radius: 7px;
+  background: linear-gradient(180deg, #E5B635, #B8881A);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #0A1B30;
+  font-weight: 800;
+  font-size: 13px;
+  font-family: "Lora", Georgia, serif;
+}
+
+.brandText {
+  color: #fff;
+  font-weight: 600;
+  font-size: 13px;
+  letter-spacing: 0.4px;
+  white-space: nowrap;
+}
+
+.brandText em {
+  font-style: normal;
+  color: #E5B635;
+}
+
+.tabs {
+  display: flex;
+  height: 100%;
+  flex-wrap: wrap;
+}
+
+.tab {
+  padding: 0 16px;
+  border: none;
+  background: 0;
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  font-family: inherit;
+  transition: 0.18s;
+  height: 54px;
+  border-bottom: 2px solid transparent;
+  letter-spacing: 0.2px;
+}
+.tab:hover {
+  color: rgba(255, 255, 255, 0.85);
+}
+.tab.on {
+  color: #F0CC5E;
+  border-bottom-color: #E5B635;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/types.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/types.js
new file mode 100644
index 0000000..11e638d
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/types.js
@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/app/types.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/types.js.map
new file mode 100644
index 0000000..ce366a8
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/app/types.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/app/types.ts"],"names":[],"mappings":"","sourcesContent":["export type ScreenKey = 'dashboard' | 'requestTypes' | 'routes' | 'routeSteps' | 'resolve';\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/DashboardScreen.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/DashboardScreen.js
new file mode 100644
index 0000000..5bcd906
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/DashboardScreen.js
@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashboardScreen = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ui_1 = require("../ui");
+var DashboardScreen = function (_a) {
+    var api = _a.api, onNavigate = _a.onNavigate;
+    var _b = React.useState(), requestTypesCount = _b[0], setRequestTypesCount = _b[1];
+    var _c = React.useState(), routesCount = _c[0], setRoutesCount = _c[1];
+    React.useEffect(function () {
+        api.requestTypes.list().then(function (items) { return setRequestTypesCount(items.length); }).catch(function () { return setRequestTypesCount(undefined); });
+        api.templateRoutes.list().then(function (items) { return setRoutesCount(items.length); }).catch(function () { return setRoutesCount(undefined); });
+    }, [api]);
+    return (React.createElement("div", null,
+        React.createElement(ui_1.StatRow, null,
+            React.createElement(ui_1.StatCard, { label: "\u0422\u0438\u043F\u043E\u0432 \u0437\u0430\u044F\u0432\u043E\u043A", value: requestTypesCount !== null && requestTypesCount !== void 0 ? requestTypesCount : '—' }),
+            React.createElement(ui_1.StatCard, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u043E\u0432 \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u044F", value: routesCount !== null && routesCount !== void 0 ? routesCount : '—' })),
+        React.createElement("div", { style: { fontSize: 10, textTransform: 'uppercase', letterSpacing: 1.6, color: 'var(--gray-400)', fontWeight: 600, marginBottom: 12 } }, "\u0420\u0430\u0437\u0434\u0435\u043B\u044B"),
+        React.createElement("hr", { style: { height: 1, background: 'linear-gradient(90deg, var(--gold-400), transparent 70%)', border: 0, margin: '6px 0 22px' } }),
+        React.createElement(ui_1.CardGrid, null,
+            React.createElement(ui_1.NavCard, { icon: "clipboard", title: "\u0422\u0438\u043F\u044B \u0437\u0430\u044F\u0432\u043E\u043A", description: "\u0421\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A \u0442\u0438\u043F\u043E\u0432 \u0437\u0430\u044F\u0432\u043E\u043A \u0438 \u0438\u0445 \u0441\u0442\u0440\u0430\u043D\u0438\u0446", onClick: function () { return onNavigate('requestTypes'); } }),
+            React.createElement(ui_1.NavCard, { icon: "route", title: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u044B \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u044F", description: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u044B, \u0448\u0430\u0433\u0438 \u0438 \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u0438", onClick: function () { return onNavigate('routes'); } }),
+            React.createElement(ui_1.NavCard, { icon: "search", title: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", description: "\u041A\u0430\u043A \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u0441\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0434\u043B\u044F \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u043E\u0433\u043E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F", onClick: function () { return onNavigate('resolve'); } }))));
+};
+exports.DashboardScreen = DashboardScreen;
+//# sourceMappingURL=DashboardScreen.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/DashboardScreen.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/DashboardScreen.js.map
new file mode 100644
index 0000000..ef77334
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/DashboardScreen.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DashboardScreen.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/screens/DashboardScreen.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAG/B,4BAA6D;AAOtD,IAAM,eAAe,GAAoC,UAAC,EAAmB;QAAjB,GAAG,SAAA,EAAE,UAAU,gBAAA;IAC1E,IAAA,KAA4C,KAAK,CAAC,QAAQ,EAAsB,EAA/E,iBAAiB,QAAA,EAAE,oBAAoB,QAAwC,CAAC;IACjF,IAAA,KAAgC,KAAK,CAAC,QAAQ,EAAsB,EAAnE,WAAW,QAAA,EAAE,cAAc,QAAwC,CAAC;IAE3E,KAAK,CAAC,SAAS,CAAC;QACd,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,oBAAoB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAlC,CAAkC,CAAC,CAAC,KAAK,CAAC,cAAM,OAAA,oBAAoB,CAAC,SAAS,CAAC,EAA/B,CAA+B,CAAC,CAAC;QACvH,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,EAA5B,CAA4B,CAAC,CAAC,KAAK,CAAC,cAAM,OAAA,cAAc,CAAC,SAAS,CAAC,EAAzB,CAAyB,CAAC,CAAC;IAC/G,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,CACL;QACE,oBAAC,YAAO;YACN,oBAAC,aAAQ,IAAC,KAAK,EAAC,qEAAc,EAAC,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,GAAG,GAAI;YAClE,oBAAC,aAAQ,IAAC,KAAK,EAAC,iIAAwB,EAAC,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,GAAG,GAAI,CAC9D;QAEV,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,iDAEnI;QACN,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,0DAA0D,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,GAAI;QACrI,oBAAC,aAAQ;YACP,oBAAC,YAAO,IACN,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,+DAAa,EACnB,WAAW,EAAC,iMAAsC,EAClD,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,cAAc,CAAC,EAA1B,CAA0B,GACzC;YACF,oBAAC,YAAO,IACN,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,2HAAuB,EAC7B,WAAW,EAAC,sJAA8B,EAC1C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,QAAQ,CAAC,EAApB,CAAoB,GACnC;YACF,oBAAC,YAAO,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mGAAmB,EACzB,WAAW,EAAC,2RAAqD,EACjE,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,SAAS,CAAC,EAArB,CAAqB,GACpC,CACO,CACP,CACP,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,eAAe,mBA0C1B","sourcesContent":["import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ScreenKey } from '../app/types';\nimport { CardGrid, NavCard, StatCard, StatRow } from '../ui';\n\nexport interface IDashboardScreenProps {\n  api: ApprovalRouteApi;\n  onNavigate: (key: ScreenKey) => void;\n}\n\nexport const DashboardScreen: React.FC<IDashboardScreenProps> = ({ api, onNavigate }) => {\n  const [requestTypesCount, setRequestTypesCount] = React.useState<number | undefined>();\n  const [routesCount, setRoutesCount] = React.useState<number | undefined>();\n\n  React.useEffect(() => {\n    api.requestTypes.list().then(items => setRequestTypesCount(items.length)).catch(() => setRequestTypesCount(undefined));\n    api.templateRoutes.list().then(items => setRoutesCount(items.length)).catch(() => setRoutesCount(undefined));\n  }, [api]);\n\n  return (\n    <div>\n      <StatRow>\n        <StatCard label=\"Типов заявок\" value={requestTypesCount ?? '—'} />\n        <StatCard label=\"Маршрутов согласования\" value={routesCount ?? '—'} />\n      </StatRow>\n\n      <div style={{ fontSize: 10, textTransform: 'uppercase', letterSpacing: 1.6, color: 'var(--gray-400)', fontWeight: 600, marginBottom: 12 }}>\n        Разделы\n      </div>\n      <hr style={{ height: 1, background: 'linear-gradient(90deg, var(--gold-400), transparent 70%)', border: 0, margin: '6px 0 22px' }} />\n      <CardGrid>\n        <NavCard\n          icon=\"clipboard\"\n          title=\"Типы заявок\"\n          description=\"Справочник типов заявок и их страниц\"\n          onClick={() => onNavigate('requestTypes')}\n        />\n        <NavCard\n          icon=\"route\"\n          title=\"Маршруты согласования\"\n          description=\"Маршруты, шаги и исполнители\"\n          onClick={() => onNavigate('routes')}\n        />\n        <NavCard\n          icon=\"search\"\n          title=\"Проверка маршрута\"\n          description=\"Как разрешится маршрут для конкретного пользователя\"\n          onClick={() => onNavigate('resolve')}\n        />\n      </CardGrid>\n    </div>\n  );\n};\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RequestTypesScreen.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RequestTypesScreen.js
new file mode 100644
index 0000000..da9b7b5
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RequestTypesScreen.js
@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RequestTypesScreen = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ui_1 = require("../ui");
+var EMPTY_FORM = { name: '', pageUrl: '' };
+var RequestTypesScreen = function (_a) {
+    var api = _a.api;
+    var _b = React.useState([]), items = _b[0], setItems = _b[1];
+    var _c = React.useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = React.useState(), loadError = _d[0], setLoadError = _d[1];
+    var _e = React.useState(), editing = _e[0], setEditing = _e[1];
+    var _f = React.useState(false), showForm = _f[0], setShowForm = _f[1];
+    var _g = React.useState(EMPTY_FORM), form = _g[0], setForm = _g[1];
+    var _h = React.useState(), formError = _h[0], setFormError = _h[1];
+    var _j = React.useState(false), saving = _j[0], setSaving = _j[1];
+    var _k = React.useState(), deleting = _k[0], setDeleting = _k[1];
+    var _l = React.useState(), deleteError = _l[0], setDeleteError = _l[1];
+    var _m = React.useState(false), deleteBusy = _m[0], setDeleteBusy = _m[1];
+    var load = React.useCallback(function () {
+        setLoading(true);
+        setLoadError(undefined);
+        api.requestTypes
+            .list()
+            .then(setItems)
+            .catch(function (e) { return setLoadError(e.message); })
+            .finally(function () { return setLoading(false); });
+    }, [api]);
+    React.useEffect(function () { load(); }, [load]);
+    var openCreate = function () {
+        setEditing(undefined);
+        setForm(EMPTY_FORM);
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var openEdit = function (item) {
+        setEditing(item);
+        setForm({ name: item.name, pageUrl: item.pageUrl });
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var submit = function () {
+        if (!form.name.trim() || !form.pageUrl.trim()) {
+            setFormError('Заполните имя и Url страницы.');
+            return;
+        }
+        setSaving(true);
+        setFormError(undefined);
+        var request = editing
+            ? api.requestTypes.update(editing.id, { name: form.name.trim(), pageUrl: form.pageUrl.trim() })
+            : api.requestTypes.create({ name: form.name.trim(), pageUrl: form.pageUrl.trim() });
+        request
+            .then(function () {
+            setShowForm(false);
+            load();
+        })
+            .catch(function (e) { return setFormError(e.message); })
+            .finally(function () { return setSaving(false); });
+    };
+    var confirmDelete = function () {
+        if (!deleting)
+            return;
+        setDeleteBusy(true);
+        setDeleteError(undefined);
+        api.requestTypes
+            .remove(deleting.id)
+            .then(function () {
+            setDeleting(undefined);
+            load();
+        })
+            .catch(function (e) { return setDeleteError(e.message); })
+            .finally(function () { return setDeleteBusy(false); });
+    };
+    return (React.createElement("div", null,
+        React.createElement(ui_1.Breadcrumbs, { items: [{ label: 'Главная' }, { label: 'Типы заявок' }] }),
+        React.createElement(ui_1.PageHeader, { icon: "clipboard", subtitle: "\u0421\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A", title: "\u0422\u0438\u043F\u044B \u0437\u0430\u044F\u0432\u043E\u043A", actions: React.createElement(ui_1.Button, { variant: "accent", icon: "plus", onClick: openCreate }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0442\u0438\u043F") }),
+        loadError && React.createElement(ui_1.Alert, { kind: "err" }, loadError),
+        deleteError && React.createElement(ui_1.Alert, { kind: "err" }, deleteError),
+        React.createElement(ui_1.DataTable, { columns: [
+                { key: 'name', header: 'Название', render: function (r) { return React.createElement(ui_1.PrimaryCell, null, r.name); } },
+                { key: 'url', header: 'Url страницы', render: function (r) { return r.pageUrl; } },
+                {
+                    key: 'actions',
+                    header: '',
+                    width: '100px',
+                    align: 'right',
+                    render: function (r) { return (React.createElement(ui_1.ActionsCell, null,
+                        React.createElement(ui_1.IconButton, { icon: "edit", label: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C", onClick: function () { return openEdit(r); } }),
+                        React.createElement(ui_1.IconButton, { icon: "trash", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", danger: true, onClick: function () { setDeleteError(undefined); setDeleting(r); } }))); }
+                }
+            ], rows: items, keyOf: function (r) { return r.id; }, emptyMessage: loading ? 'Загрузка...' : 'Типов заявок пока нет.' }),
+        showForm && (React.createElement(ui_1.Modal, { title: editing ? 'Редактировать тип заявки' : 'Новый тип заявки', onClose: function () { return setShowForm(false); }, footer: React.createElement(React.Fragment, null,
+                React.createElement(ui_1.Button, { variant: "secondary", onClick: function () { return setShowForm(false); }, disabled: saving }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React.createElement(ui_1.Button, { variant: "accent", icon: "check", onClick: submit, disabled: saving }, saving ? 'Сохранение...' : 'Сохранить')) },
+            formError && React.createElement(ui_1.Alert, { kind: "err" }, formError),
+            React.createElement(ui_1.FormGrid, null,
+                React.createElement(ui_1.Field, { label: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435", required: true, full: true },
+                    React.createElement(ui_1.TextInput, { value: form.name, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { name: e.target.value })); }, placeholder: "\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0417\u0430\u044F\u0432\u043A\u0430 \u043D\u0430 \u043A\u043E\u043C\u0430\u043D\u0434\u0438\u0440\u043E\u0432\u043A\u0443" })),
+                React.createElement(ui_1.Field, { label: "Url \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B", required: true, full: true, hint: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0444\u043E\u0440\u043C\u044B \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435." },
+                    React.createElement(ui_1.TextInput, { value: form.pageUrl, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { pageUrl: e.target.value })); }, placeholder: "/pages/business-trip" }))))),
+        deleting && (React.createElement(ui_1.ConfirmDialog, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438?", text: "\u0422\u0438\u043F \u00AB".concat(deleting.name, "\u00BB \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0451\u043D \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E. \u0421\u0432\u044F\u0437\u0430\u043D\u043D\u044B\u0435 \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u044B \u043C\u043E\u0433\u0443\u0442 \u043F\u0435\u0440\u0435\u0441\u0442\u0430\u0442\u044C \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044C\u0441\u044F."), confirmLabel: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", busy: deleteBusy, onCancel: function () { return setDeleting(undefined); }, onConfirm: confirmDelete }))));
+};
+exports.RequestTypesScreen = RequestTypesScreen;
+//# sourceMappingURL=RequestTypesScreen.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RequestTypesScreen.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RequestTypesScreen.js.map
new file mode 100644
index 0000000..7225c3c
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RequestTypesScreen.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"RequestTypesScreen.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/screens/RequestTypesScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport { RequestType } from '../../models';\nimport {\n  ActionsCell,\n  Alert,\n  Breadcrumbs,\n  Button,\n  DataTable,\n  Field,\n  FormGrid,\n  IconButton,\n  Modal,\n  ConfirmDialog,\n  PageHeader,\n  PrimaryCell,\n  TextInput\n} from '../ui';\n\nexport interface IRequestTypesScreenProps {\n  api: ApprovalRouteApi;\n}\n\ninterface IFormState {\n  name: string;\n  pageUrl: string;\n}\n\nconst EMPTY_FORM: IFormState = { name: '', pageUrl: '' };\n\nexport const RequestTypesScreen: React.FC<IRequestTypesScreenProps> = ({ api }) => {\n  const [items, setItems] = React.useState<RequestType[]>([]);\n  const [loading, setLoading] = React.useState(true);\n  const [loadError, setLoadError] = React.useState<string | undefined>();\n\n  const [editing, setEditing] = React.useState<RequestType | undefined>();\n  const [showForm, setShowForm] = React.useState(false);\n  const [form, setForm] = React.useState<IFormState>(EMPTY_FORM);\n  const [formError, setFormError] = React.useState<string | undefined>();\n  const [saving, setSaving] = React.useState(false);\n\n  const [deleting, setDeleting] = React.useState<RequestType | undefined>();\n  const [deleteError, setDeleteError] = React.useState<string | undefined>();\n  const [deleteBusy, setDeleteBusy] = React.useState(false);\n\n  const load = React.useCallback(() => {\n    setLoading(true);\n    setLoadError(undefined);\n    api.requestTypes\n      .list()\n      .then(setItems)\n      .catch((e: ApiClientError) => setLoadError(e.message))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  React.useEffect(() => { load(); }, [load]);\n\n  const openCreate = (): void => {\n    setEditing(undefined);\n    setForm(EMPTY_FORM);\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const openEdit = (item: RequestType): void => {\n    setEditing(item);\n    setForm({ name: item.name, pageUrl: item.pageUrl });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const submit = (): void => {\n    if (!form.name.trim() || !form.pageUrl.trim()) {\n      setFormError('Заполните имя и Url страницы.');\n      return;\n    }\n    setSaving(true);\n    setFormError(undefined);\n    const request = editing\n      ? api.requestTypes.update(editing.id, { name: form.name.trim(), pageUrl: form.pageUrl.trim() })\n      : api.requestTypes.create({ name: form.name.trim(), pageUrl: form.pageUrl.trim() });\n\n    request\n      .then(() => {\n        setShowForm(false);\n        load();\n      })\n      .catch((e: ApiClientError) => setFormError(e.message))\n      .finally(() => setSaving(false));\n  };\n\n  const confirmDelete = (): void => {\n    if (!deleting) return;\n    setDeleteBusy(true);\n    setDeleteError(undefined);\n    api.requestTypes\n      .remove(deleting.id)\n      .then(() => {\n        setDeleting(undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setDeleteError(e.message))\n      .finally(() => setDeleteBusy(false));\n  };\n\n  return (\n    <div>\n      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Типы заявок' }]} />\n      <PageHeader\n        icon=\"clipboard\"\n        subtitle=\"Справочник\"\n        title=\"Типы заявок\"\n        actions={\n          <Button variant=\"accent\" icon=\"plus\" onClick={openCreate}>Добавить тип</Button>\n        }\n      />\n\n      {loadError && <Alert kind=\"err\">{loadError}</Alert>}\n      {deleteError && <Alert kind=\"err\">{deleteError}</Alert>}\n\n      <DataTable\n        columns={[\n          { key: 'name', header: 'Название', render: r => <PrimaryCell>{r.name}</PrimaryCell> },\n          { key: 'url', header: 'Url страницы', render: r => r.pageUrl },\n          {\n            key: 'actions',\n            header: '',\n            width: '100px',\n            align: 'right',\n            render: r => (\n              <ActionsCell>\n                <IconButton icon=\"edit\" label=\"Редактировать\" onClick={() => openEdit(r)} />\n                <IconButton icon=\"trash\" label=\"Удалить\" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />\n              </ActionsCell>\n            )\n          }\n        ]}\n        rows={items}\n        keyOf={r => r.id}\n        emptyMessage={loading ? 'Загрузка...' : 'Типов заявок пока нет.'}\n      />\n\n      {showForm && (\n        <Modal\n          title={editing ? 'Редактировать тип заявки' : 'Новый тип заявки'}\n          onClose={() => setShowForm(false)}\n          footer={\n            <>\n              <Button variant=\"secondary\" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>\n              <Button variant=\"accent\" icon=\"check\" onClick={submit} disabled={saving}>\n                {saving ? 'Сохранение...' : 'Сохранить'}\n              </Button>\n            </>\n          }\n        >\n          {formError && <Alert kind=\"err\">{formError}</Alert>}\n          <FormGrid>\n            <Field label=\"Название\" required full>\n              <TextInput\n                value={form.name}\n                onChange={e => setForm({ ...form, name: e.target.value })}\n                placeholder=\"Например, Заявка на командировку\"\n              />\n            </Field>\n            <Field label=\"Url страницы\" required full hint=\"Страница формы заявки на портале.\">\n              <TextInput\n                value={form.pageUrl}\n                onChange={e => setForm({ ...form, pageUrl: e.target.value })}\n                placeholder=\"/pages/business-trip\"\n              />\n            </Field>\n          </FormGrid>\n        </Modal>\n      )}\n\n      {deleting && (\n        <ConfirmDialog\n          title=\"Удалить тип заявки?\"\n          text={`Тип «${deleting.name}» будет удалён безвозвратно. Связанные маршруты могут перестать разрешаться.`}\n          confirmLabel=\"Удалить\"\n          busy={deleteBusy}\n          onCancel={() => setDeleting(undefined)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  );\n};\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/ResolveScreen.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/ResolveScreen.js
new file mode 100644
index 0000000..83eebed
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/ResolveScreen.js
@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResolveScreen = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var models_1 = require("../../models");
+var ui_1 = require("../ui");
+var STATUS_OPTIONS = [models_1.RouteStepStatus.Approval, models_1.RouteStepStatus.Execution]
+    .map(function (v) { return ({ value: v, label: models_1.routeStepStatusLabels[v] }); });
+var ResolveScreen = function (_a) {
+    var api = _a.api, currentUserEmail = _a.currentUserEmail;
+    var _b = React.useState([]), requestTypes = _b[0], setRequestTypes = _b[1];
+    var _c = React.useState(''), requestTypeId = _c[0], setRequestTypeId = _c[1];
+    var _d = React.useState(''), userEmail = _d[0], setUserEmail = _d[1];
+    var _e = React.useState(''), projectId = _e[0], setProjectId = _e[1];
+    var _f = React.useState(models_1.RouteStepStatus.Approval), status = _f[0], setStatus = _f[1];
+    var _g = React.useState(false), busy = _g[0], setBusy = _g[1];
+    var _h = React.useState(), error = _h[0], setError = _h[1];
+    var _j = React.useState(), result = _j[0], setResult = _j[1];
+    React.useEffect(function () {
+        api.requestTypes.list().then(setRequestTypes).catch(function () { });
+    }, [api]);
+    var run = function () {
+        if (!requestTypeId) {
+            setError('Выберите тип заявки.');
+            return;
+        }
+        setBusy(true);
+        setError(undefined);
+        setResult(undefined);
+        api.templateRoutes
+            .resolve({
+            requestTypeId: Number(requestTypeId),
+            userEmail: userEmail.trim() || undefined,
+            projectId: projectId.trim() || undefined,
+            status: status
+        })
+            .then(setResult)
+            .catch(function (e) { return setError(e.message); })
+            .finally(function () { return setBusy(false); });
+    };
+    return (React.createElement("div", null,
+        React.createElement(ui_1.Breadcrumbs, { items: [{ label: 'Главная' }, { label: 'Проверка маршрута' }] }),
+        React.createElement(ui_1.PageHeader, { icon: "search", subtitle: "\u0414\u0438\u0430\u0433\u043D\u043E\u0441\u0442\u0438\u043A\u0430", title: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430" }),
+        React.createElement("div", { style: { background: '#fff', borderRadius: 14, padding: 26, boxShadow: 'var(--sh-1)', border: '1px solid var(--gray-200)', marginBottom: 24 } },
+            React.createElement(ui_1.FormGrid, null,
+                React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true },
+                    React.createElement(ui_1.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: requestTypeId, onChange: function (e) { return setRequestTypeId(e.target.value); } })),
+                React.createElement(ui_1.Field, { label: "Email \u0438\u043D\u0438\u0446\u0438\u0430\u0442\u043E\u0440\u0430", hint: currentUserEmail ? "\u041F\u0443\u0441\u0442\u043E = \u0442\u0435\u043A\u0443\u0449\u0438\u0439 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C (".concat(currentUserEmail, ").") : 'Пусто = текущий пользователь из токена.' },
+                    React.createElement(ui_1.TextInput, { value: userEmail, onChange: function (e) { return setUserEmail(e.target.value); }, placeholder: "user@tnsu.kz" })),
+                React.createElement(ui_1.Field, { label: "Id \u043F\u0440\u043E\u0435\u043A\u0442\u0430 (Guid)", hint: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435, \u0435\u0441\u043B\u0438 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442 \u043F\u0440\u043E\u0435\u043A\u0442\u0430." },
+                    React.createElement(ui_1.TextInput, { value: projectId, onChange: function (e) { return setProjectId(e.target.value); }, placeholder: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" })),
+                React.createElement(ui_1.Field, { label: "\u0421\u0442\u0430\u0442\u0443\u0441", required: true },
+                    React.createElement(ui_1.Select, { options: STATUS_OPTIONS, value: status, onChange: function (e) { return setStatus(e.target.value); } }))),
+            React.createElement("div", { style: { marginTop: 18 } },
+                React.createElement(ui_1.Button, { variant: "accent", icon: "search", onClick: run, disabled: busy }, busy ? 'Проверка...' : 'Проверить'))),
+        error && React.createElement(ui_1.Alert, { kind: "err" }, error),
+        result && (React.createElement(React.Fragment, null,
+            React.createElement(ui_1.Alert, { kind: "ok" },
+                "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #",
+                result.routeId,
+                " \u00B7 ",
+                models_1.routeTypeLabels[result.routeType],
+                result.requiresControl ? ' · требуется контроль исполнения' : ''),
+            React.createElement(ui_1.DataTable, { columns: [
+                    { key: 'order', header: '№', width: '50px', render: function (r) { return r.orderNo; } },
+                    { key: 'executor', header: 'Исполнитель', render: function (r) { var _a; return React.createElement(ui_1.PrimaryCell, null, (_a = r.executorEmail) !== null && _a !== void 0 ? _a : '—'); } },
+                    { key: 'position', header: 'Должность', render: function (r) { var _a; return (_a = r.position) !== null && _a !== void 0 ? _a : '—'; } },
+                    {
+                        key: 'reassign',
+                        header: 'Переназначение',
+                        align: 'center',
+                        render: function (r) { return (r.allowReassignToOtherApprovers ? 'Разрешено' : 'Нет'); }
+                    }
+                ], rows: result.steps, keyOf: function (r) { return r.id; }, emptyMessage: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043B\u0441\u044F \u0431\u0435\u0437 \u0448\u0430\u0433\u043E\u0432 \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0441\u0442\u0430\u0442\u0443\u0441\u0430." })))));
+};
+exports.ResolveScreen = ResolveScreen;
+//# sourceMappingURL=ResolveScreen.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/ResolveScreen.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/ResolveScreen.js.map
new file mode 100644
index 0000000..f9801c5
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/ResolveScreen.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"ResolveScreen.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/screens/ResolveScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport {\n  RequestType,\n  ResolveTemplateRouteResult,\n  routeStepStatusLabels,\n  RouteStepStatus,\n  routeTypeLabels\n} from '../../models';\nimport {\n  Alert,\n  Breadcrumbs,\n  Button,\n  DataTable,\n  Field,\n  FormGrid,\n  PageHeader,\n  PrimaryCell,\n  Select,\n  TextInput\n} from '../ui';\n\nexport interface IResolveScreenProps {\n  api: ApprovalRouteApi;\n  currentUserEmail?: string;\n}\n\nconst STATUS_OPTIONS = [RouteStepStatus.Approval, RouteStepStatus.Execution]\n  .map(v => ({ value: v, label: routeStepStatusLabels[v] }));\n\nexport const ResolveScreen: React.FC<IResolveScreenProps> = ({ api, currentUserEmail }) => {\n  const [requestTypes, setRequestTypes] = React.useState<RequestType[]>([]);\n  const [requestTypeId, setRequestTypeId] = React.useState('');\n  const [userEmail, setUserEmail] = React.useState('');\n  const [projectId, setProjectId] = React.useState('');\n  const [status, setStatus] = React.useState<RouteStepStatus>(RouteStepStatus.Approval);\n\n  const [busy, setBusy] = React.useState(false);\n  const [error, setError] = React.useState<string | undefined>();\n  const [result, setResult] = React.useState<ResolveTemplateRouteResult | undefined>();\n\n  React.useEffect(() => {\n    api.requestTypes.list().then(setRequestTypes).catch(() => { /* показывается при попытке проверки */ });\n  }, [api]);\n\n  const run = (): void => {\n    if (!requestTypeId) {\n      setError('Выберите тип заявки.');\n      return;\n    }\n    setBusy(true);\n    setError(undefined);\n    setResult(undefined);\n    api.templateRoutes\n      .resolve({\n        requestTypeId: Number(requestTypeId),\n        userEmail: userEmail.trim() || undefined,\n        projectId: projectId.trim() || undefined,\n        status\n      })\n      .then(setResult)\n      .catch((e: ApiClientError) => setError(e.message))\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div>\n      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Проверка маршрута' }]} />\n      <PageHeader\n        icon=\"search\"\n        subtitle=\"Диагностика\"\n        title=\"Проверка разрешения маршрута\"\n      />\n\n      <div style={{ background: '#fff', borderRadius: 14, padding: 26, boxShadow: 'var(--sh-1)', border: '1px solid var(--gray-200)', marginBottom: 24 }}>\n        <FormGrid>\n          <Field label=\"Тип заявки\" required full>\n            <Select\n              options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}\n              placeholder=\"Выберите тип заявки\"\n              value={requestTypeId}\n              onChange={e => setRequestTypeId(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Email инициатора\" hint={currentUserEmail ? `Пусто = текущий пользователь (${currentUserEmail}).` : 'Пусто = текущий пользователь из токена.'}>\n            <TextInput value={userEmail} onChange={e => setUserEmail(e.target.value)} placeholder=\"user@tnsu.kz\" />\n          </Field>\n          <Field label=\"Id проекта (Guid)\" hint=\"Заполните, если маршрут зависит от проекта.\">\n            <TextInput value={projectId} onChange={e => setProjectId(e.target.value)} placeholder=\"Необязательно\" />\n          </Field>\n          <Field label=\"Статус\" required>\n            <Select options={STATUS_OPTIONS} value={status} onChange={e => setStatus(e.target.value as RouteStepStatus)} />\n          </Field>\n        </FormGrid>\n        <div style={{ marginTop: 18 }}>\n          <Button variant=\"accent\" icon=\"search\" onClick={run} disabled={busy}>\n            {busy ? 'Проверка...' : 'Проверить'}\n          </Button>\n        </div>\n      </div>\n\n      {error && <Alert kind=\"err\">{error}</Alert>}\n\n      {result && (\n        <>\n          <Alert kind=\"ok\">\n            Маршрут #{result.routeId} · {routeTypeLabels[result.routeType]}\n            {result.requiresControl ? ' · требуется контроль исполнения' : ''}\n          </Alert>\n          <DataTable\n            columns={[\n              { key: 'order', header: '№', width: '50px', render: r => r.orderNo },\n              { key: 'executor', header: 'Исполнитель', render: r => <PrimaryCell>{r.executorEmail ?? '—'}</PrimaryCell> },\n              { key: 'position', header: 'Должность', render: r => r.position ?? '—' },\n              {\n                key: 'reassign',\n                header: 'Переназначение',\n                align: 'center',\n                render: r => (r.allowReassignToOtherApprovers ? 'Разрешено' : 'Нет')\n              }\n            ]}\n            rows={result.steps}\n            keyOf={r => r.id}\n            emptyMessage=\"Маршрут разрешился без шагов для этого статуса.\"\n          />\n        </>\n      )}\n    </div>\n  );\n};\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RouteStepsScreen.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RouteStepsScreen.js
new file mode 100644
index 0000000..f1bc99e
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RouteStepsScreen.js
@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouteStepsScreen = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var models_1 = require("../../models");
+var ui_1 = require("../ui");
+function emptyForm(nextOrderNo) {
+    return {
+        orderNo: String(nextOrderNo),
+        status: models_1.RouteStepStatus.Approval,
+        kind: 'email',
+        executorEmail: '',
+        position: '',
+        projectRole: models_1.ProjectRole.ProjectManager,
+        headType: models_1.HeadType.Chief,
+        allowReassignToOtherApprovers: false
+    };
+}
+var STATUS_OPTIONS = [models_1.RouteStepStatus.Approval, models_1.RouteStepStatus.Execution]
+    .map(function (v) { return ({ value: v, label: models_1.routeStepStatusLabels[v] }); });
+var PROJECT_ROLE_OPTIONS = Object.values(models_1.ProjectRole)
+    .filter(function (v) { return v !== models_1.ProjectRole.None; })
+    .map(function (v) { return ({ value: v, label: models_1.projectRoleLabels[v] }); });
+var HEAD_TYPE_OPTIONS = Object.values(models_1.HeadType)
+    .filter(function (v) { return v !== models_1.HeadType.None; })
+    .map(function (v) { return ({ value: v, label: models_1.headTypeLabels[v] }); });
+var RouteStepsScreen = function (_a) {
+    var api = _a.api, route = _a.route, requestTypeName = _a.requestTypeName, onBack = _a.onBack;
+    var _b = React.useState([]), items = _b[0], setItems = _b[1];
+    var _c = React.useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = React.useState(), loadError = _d[0], setLoadError = _d[1];
+    var _e = React.useState(), warning = _e[0], setWarning = _e[1];
+    var _f = React.useState(), editing = _f[0], setEditing = _f[1];
+    var _g = React.useState(false), showForm = _g[0], setShowForm = _g[1];
+    var _h = React.useState(emptyForm(1)), form = _h[0], setForm = _h[1];
+    var _j = React.useState(), formError = _j[0], setFormError = _j[1];
+    var _k = React.useState(false), saving = _k[0], setSaving = _k[1];
+    var _l = React.useState(), deleting = _l[0], setDeleting = _l[1];
+    var _m = React.useState(), deleteError = _m[0], setDeleteError = _m[1];
+    var _o = React.useState(false), deleteBusy = _o[0], setDeleteBusy = _o[1];
+    var load = React.useCallback(function () {
+        setLoading(true);
+        setLoadError(undefined);
+        api.templateRouteSteps
+            .list(route.id)
+            .then(setItems)
+            .catch(function (e) { return setLoadError(e.message); })
+            .finally(function () { return setLoading(false); });
+    }, [api, route.id]);
+    React.useEffect(function () { load(); }, [load]);
+    var openCreate = function () {
+        setEditing(undefined);
+        var nextOrder = items.length > 0 ? Math.max.apply(Math, items.map(function (s) { return s.orderNo; })) + 1 : 1;
+        setForm(emptyForm(nextOrder));
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var openEdit = function (item) {
+        var _a, _b;
+        setEditing(item);
+        setForm({
+            orderNo: String(item.orderNo),
+            status: item.status,
+            kind: (0, models_1.detectExecutorKind)(item),
+            executorEmail: (_a = item.executorEmail) !== null && _a !== void 0 ? _a : '',
+            position: (_b = item.position) !== null && _b !== void 0 ? _b : '',
+            projectRole: item.projectRole && item.projectRole !== models_1.ProjectRole.None ? item.projectRole : models_1.ProjectRole.ProjectManager,
+            headType: item.headType && item.headType !== models_1.HeadType.None ? item.headType : models_1.HeadType.Chief,
+            allowReassignToOtherApprovers: item.allowReassignToOtherApprovers
+        });
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var submit = function () {
+        var orderNo = Number(form.orderNo);
+        if (!orderNo || orderNo < 1) {
+            setFormError('Порядковый номер шага обязателен.');
+            return;
+        }
+        if (form.kind === 'email' && !form.executorEmail.trim()) {
+            setFormError('Укажите email исполнителя.');
+            return;
+        }
+        if (form.kind === 'position' && !form.position.trim()) {
+            setFormError('Укажите должность.');
+            return;
+        }
+        var payload = {
+            orderNo: orderNo,
+            status: form.status,
+            allowReassignToOtherApprovers: form.allowReassignToOtherApprovers,
+            executorEmail: form.kind === 'email' ? form.executorEmail.trim() : null,
+            position: form.kind === 'position' ? form.position.trim() : null,
+            projectRole: form.kind === 'projectRole' ? form.projectRole : null,
+            headType: form.kind === 'headType' ? form.headType : null
+        };
+        setSaving(true);
+        setFormError(undefined);
+        var request = editing
+            ? api.templateRouteSteps.update(route.id, editing.id, payload)
+            : api.templateRouteSteps.create(route.id, payload);
+        request
+            .then(function (step) {
+            var _a;
+            setShowForm(false);
+            setWarning((_a = step.warning) !== null && _a !== void 0 ? _a : undefined);
+            load();
+        })
+            .catch(function (e) { return setFormError(e.message); })
+            .finally(function () { return setSaving(false); });
+    };
+    var confirmDelete = function () {
+        if (!deleting)
+            return;
+        setDeleteBusy(true);
+        setDeleteError(undefined);
+        api.templateRouteSteps
+            .remove(route.id, deleting.id)
+            .then(function () {
+            setDeleting(undefined);
+            load();
+        })
+            .catch(function (e) { return setDeleteError(e.message); })
+            .finally(function () { return setDeleteBusy(false); });
+    };
+    var sorted = tslib_1.__spreadArray([], items, true).sort(function (a, b) { return a.orderNo - b.orderNo; });
+    return (React.createElement("div", null,
+        React.createElement(ui_1.Breadcrumbs, { items: [
+                { label: 'Главная' },
+                { label: 'Маршруты согласования', onClick: onBack },
+                { label: "\u0428\u0430\u0433\u0438 \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 #".concat(route.id) }
+            ] }),
+        React.createElement(ui_1.PageHeader, { icon: "flag-check", subtitle: "".concat(requestTypeName, " \u00B7 ").concat(models_1.routeTypeLabels[route.routeType]), title: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #".concat(route.id), actions: React.createElement(React.Fragment, null,
+                React.createElement(ui_1.Button, { variant: "ghost", icon: "arrow-left", onClick: onBack }, "\u041A \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430\u043C"),
+                React.createElement(ui_1.Button, { variant: "accent", icon: "plus", onClick: openCreate }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0448\u0430\u0433")) }),
+        warning && React.createElement(ui_1.Alert, { kind: "warn" }, warning),
+        loadError && React.createElement(ui_1.Alert, { kind: "err" }, loadError),
+        deleteError && React.createElement(ui_1.Alert, { kind: "err" }, deleteError),
+        React.createElement(ui_1.DataTable, { columns: [
+                { key: 'order', header: '№', width: '50px', render: function (r) { return r.orderNo; } },
+                {
+                    key: 'executor',
+                    header: 'Исполнитель',
+                    render: function (r) { return React.createElement(ui_1.PrimaryCell, null, describeExecutor(r)); }
+                },
+                {
+                    key: 'status',
+                    header: 'Статус',
+                    render: function (r) { return (React.createElement(ui_1.Badge, { variant: r.status === models_1.RouteStepStatus.Approval ? 'gold' : 'blue' }, models_1.routeStepStatusLabels[r.status])); }
+                },
+                {
+                    key: 'reassign',
+                    header: 'Переназначение',
+                    align: 'center',
+                    render: function (r) { return (r.allowReassignToOtherApprovers ? React.createElement(ui_1.Badge, { variant: "ok" }, "\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u043E") : React.createElement(ui_1.Badge, { variant: "neutral" }, "\u041D\u0435\u0442")); }
+                },
+                {
+                    key: 'actions',
+                    header: '',
+                    width: '100px',
+                    align: 'right',
+                    render: function (r) { return (React.createElement(ui_1.ActionsCell, null,
+                        React.createElement(ui_1.IconButton, { icon: "edit", label: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C", onClick: function () { return openEdit(r); } }),
+                        React.createElement(ui_1.IconButton, { icon: "trash", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", danger: true, onClick: function () { setDeleteError(undefined); setDeleting(r); } }))); }
+                }
+            ], rows: sorted, keyOf: function (r) { return r.id; }, emptyMessage: loading ? 'Загрузка...' : 'Шагов пока нет — добавьте первый.' }),
+        showForm && (React.createElement(ui_1.Modal, { title: editing ? "\u0428\u0430\u0433 #".concat(editing.orderNo) : 'Новый шаг маршрута', onClose: function () { return setShowForm(false); }, footer: React.createElement(React.Fragment, null,
+                React.createElement(ui_1.Button, { variant: "secondary", onClick: function () { return setShowForm(false); }, disabled: saving }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React.createElement(ui_1.Button, { variant: "accent", icon: "check", onClick: submit, disabled: saving }, saving ? 'Сохранение...' : 'Сохранить')) },
+            formError && React.createElement(ui_1.Alert, { kind: "err" }, formError),
+            React.createElement(ui_1.FormGrid, null,
+                React.createElement(ui_1.Field, { label: "\u041F\u043E\u0440\u044F\u0434\u043A\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440", required: true },
+                    React.createElement(ui_1.TextInput, { type: "number", min: 1, value: form.orderNo, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { orderNo: e.target.value })); } })),
+                React.createElement(ui_1.Field, { label: "\u0421\u0442\u0430\u0442\u0443\u0441 \u0448\u0430\u0433\u0430", required: true },
+                    React.createElement(ui_1.Select, { options: STATUS_OPTIONS, value: form.status, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { status: e.target.value })); } })),
+                React.createElement(ui_1.Field, { label: "\u041A\u0442\u043E \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C", required: true, full: true, hint: "\u0414\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E \u0440\u043E\u0432\u043D\u043E \u043E\u0434\u043D\u043E \u0438\u0437 \u043F\u043E\u043B\u0435\u0439." },
+                    React.createElement(ui_1.RadioGroup, { name: "executorKind", value: form.kind, onChange: function (kind) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { kind: kind })); }, options: [
+                            { value: 'email', label: 'Конкретный сотрудник (email)' },
+                            { value: 'position', label: 'По должности в компании инициатора' },
+                            {
+                                value: 'projectRole',
+                                label: 'По роли в проекте',
+                                disabled: !route.byProject,
+                                disabledHint: 'Недоступно: маршрут не учитывает проект (по проекту = нет).'
+                            },
+                            { value: 'headType', label: 'По типу руководителя' }
+                        ] })),
+                form.kind === 'email' && (React.createElement(ui_1.Field, { label: "Email \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044F", required: true, full: true },
+                    React.createElement(ui_1.TextInput, { value: form.executorEmail, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { executorEmail: e.target.value })); }, placeholder: "user@tnsu.kz" }))),
+                form.kind === 'position' && (React.createElement(ui_1.Field, { label: "\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C", required: true, full: true, hint: "\u0418\u0449\u0435\u0442\u0441\u044F \u0432 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0435 api.tnsu.kz \u043F\u043E \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u0438\u043D\u0438\u0446\u0438\u0430\u0442\u043E\u0440\u0430." },
+                    React.createElement(ui_1.TextInput, { value: form.position, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { position: e.target.value })); }, placeholder: "\u0413\u043B\u0430\u0432\u043D\u044B\u0439 \u0438\u043D\u0436\u0435\u043D\u0435\u0440" }))),
+                form.kind === 'projectRole' && (React.createElement(ui_1.Field, { label: "\u0420\u043E\u043B\u044C \u0432 \u043F\u0440\u043E\u0435\u043A\u0442\u0435", required: true, full: true },
+                    React.createElement(ui_1.Select, { options: PROJECT_ROLE_OPTIONS, value: form.projectRole, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { projectRole: e.target.value })); } }))),
+                form.kind === 'headType' && (React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F", required: true, full: true },
+                    React.createElement(ui_1.Select, { options: HEAD_TYPE_OPTIONS, value: form.headType, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { headType: e.target.value })); } }))),
+                React.createElement(ui_1.Field, { label: "\u041F\u0435\u0440\u0435\u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", full: true },
+                    React.createElement(ui_1.Checkbox, { label: "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044C \u043F\u0435\u0440\u0435\u043D\u0430\u0437\u043D\u0430\u0447\u0430\u0442\u044C \u0434\u0440\u0443\u0433\u0438\u043C \u0441\u043E\u0433\u043B\u0430\u0441\u0443\u044E\u0449\u0438\u043C", checked: form.allowReassignToOtherApprovers, onChange: function (v) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { allowReassignToOtherApprovers: v })); } }))))),
+        deleting && (React.createElement(ui_1.ConfirmDialog, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0448\u0430\u0433?", text: "\u0428\u0430\u0433 #".concat(deleting.orderNo, " \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0451\u043D \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E."), confirmLabel: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", busy: deleteBusy, onCancel: function () { return setDeleting(undefined); }, onConfirm: confirmDelete }))));
+};
+exports.RouteStepsScreen = RouteStepsScreen;
+function describeExecutor(step) {
+    if (step.executorEmail)
+        return step.executorEmail;
+    if (step.position)
+        return step.position;
+    if (step.projectRole && step.projectRole !== models_1.ProjectRole.None)
+        return "\u0420\u043E\u043B\u044C: ".concat(models_1.projectRoleLabels[step.projectRole]);
+    if (step.headType && step.headType !== models_1.HeadType.None)
+        return "\u0420\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044C: ".concat(models_1.headTypeLabels[step.headType]);
+    return '—';
+}
+//# sourceMappingURL=RouteStepsScreen.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RouteStepsScreen.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RouteStepsScreen.js.map
new file mode 100644
index 0000000..16c1ddc
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RouteStepsScreen.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"RouteStepsScreen.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport {\n  HeadType,\n  headTypeLabels,\n  ProjectRole,\n  projectRoleLabels,\n  RouteStepStatus,\n  routeStepStatusLabels,\n  routeTypeLabels,\n  StepExecutorKind,\n  TemplateRoute,\n  TemplateRouteStep,\n  detectExecutorKind\n} from '../../models';\nimport {\n  ActionsCell,\n  Alert,\n  Badge,\n  Breadcrumbs,\n  Button,\n  Checkbox,\n  ConfirmDialog,\n  DataTable,\n  Field,\n  FormGrid,\n  IconButton,\n  Modal,\n  PageHeader,\n  PrimaryCell,\n  RadioGroup,\n  Select,\n  TextInput\n} from '../ui';\n\nexport interface IRouteStepsScreenProps {\n  api: ApprovalRouteApi;\n  route: TemplateRoute;\n  requestTypeName: string;\n  onBack: () => void;\n}\n\ninterface IFormState {\n  orderNo: string;\n  status: RouteStepStatus;\n  kind: StepExecutorKind;\n  executorEmail: string;\n  position: string;\n  projectRole: ProjectRole;\n  headType: HeadType;\n  allowReassignToOtherApprovers: boolean;\n}\n\nfunction emptyForm(nextOrderNo: number): IFormState {\n  return {\n    orderNo: String(nextOrderNo),\n    status: RouteStepStatus.Approval,\n    kind: 'email',\n    executorEmail: '',\n    position: '',\n    projectRole: ProjectRole.ProjectManager,\n    headType: HeadType.Chief,\n    allowReassignToOtherApprovers: false\n  };\n}\n\nconst STATUS_OPTIONS = [RouteStepStatus.Approval, RouteStepStatus.Execution]\n  .map(v => ({ value: v, label: routeStepStatusLabels[v] }));\n\nconst PROJECT_ROLE_OPTIONS = Object.values(ProjectRole)\n  .filter(v => v !== ProjectRole.None)\n  .map(v => ({ value: v, label: projectRoleLabels[v] }));\n\nconst HEAD_TYPE_OPTIONS = Object.values(HeadType)\n  .filter(v => v !== HeadType.None)\n  .map(v => ({ value: v, label: headTypeLabels[v] }));\n\nexport const RouteStepsScreen: React.FC<IRouteStepsScreenProps> = ({ api, route, requestTypeName, onBack }) => {\n  const [items, setItems] = React.useState<TemplateRouteStep[]>([]);\n  const [loading, setLoading] = React.useState(true);\n  const [loadError, setLoadError] = React.useState<string | undefined>();\n  const [warning, setWarning] = React.useState<string | undefined>();\n\n  const [editing, setEditing] = React.useState<TemplateRouteStep | undefined>();\n  const [showForm, setShowForm] = React.useState(false);\n  const [form, setForm] = React.useState<IFormState>(emptyForm(1));\n  const [formError, setFormError] = React.useState<string | undefined>();\n  const [saving, setSaving] = React.useState(false);\n\n  const [deleting, setDeleting] = React.useState<TemplateRouteStep | undefined>();\n  const [deleteError, setDeleteError] = React.useState<string | undefined>();\n  const [deleteBusy, setDeleteBusy] = React.useState(false);\n\n  const load = React.useCallback(() => {\n    setLoading(true);\n    setLoadError(undefined);\n    api.templateRouteSteps\n      .list(route.id)\n      .then(setItems)\n      .catch((e: ApiClientError) => setLoadError(e.message))\n      .finally(() => setLoading(false));\n  }, [api, route.id]);\n\n  React.useEffect(() => { load(); }, [load]);\n\n  const openCreate = (): void => {\n    setEditing(undefined);\n    const nextOrder = items.length > 0 ? Math.max(...items.map(s => s.orderNo)) + 1 : 1;\n    setForm(emptyForm(nextOrder));\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const openEdit = (item: TemplateRouteStep): void => {\n    setEditing(item);\n    setForm({\n      orderNo: String(item.orderNo),\n      status: item.status,\n      kind: detectExecutorKind(item),\n      executorEmail: item.executorEmail ?? '',\n      position: item.position ?? '',\n      projectRole: item.projectRole && item.projectRole !== ProjectRole.None ? item.projectRole : ProjectRole.ProjectManager,\n      headType: item.headType && item.headType !== HeadType.None ? item.headType : HeadType.Chief,\n      allowReassignToOtherApprovers: item.allowReassignToOtherApprovers\n    });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const submit = (): void => {\n    const orderNo = Number(form.orderNo);\n    if (!orderNo || orderNo < 1) {\n      setFormError('Порядковый номер шага обязателен.');\n      return;\n    }\n    if (form.kind === 'email' && !form.executorEmail.trim()) {\n      setFormError('Укажите email исполнителя.');\n      return;\n    }\n    if (form.kind === 'position' && !form.position.trim()) {\n      setFormError('Укажите должность.');\n      return;\n    }\n\n    const payload = {\n      orderNo,\n      status: form.status,\n      allowReassignToOtherApprovers: form.allowReassignToOtherApprovers,\n      executorEmail: form.kind === 'email' ? form.executorEmail.trim() : null,\n      position: form.kind === 'position' ? form.position.trim() : null,\n      projectRole: form.kind === 'projectRole' ? form.projectRole : null,\n      headType: form.kind === 'headType' ? form.headType : null\n    };\n\n    setSaving(true);\n    setFormError(undefined);\n    const request = editing\n      ? api.templateRouteSteps.update(route.id, editing.id, payload)\n      : api.templateRouteSteps.create(route.id, payload);\n\n    request\n      .then(step => {\n        setShowForm(false);\n        setWarning(step.warning ?? undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setFormError(e.message))\n      .finally(() => setSaving(false));\n  };\n\n  const confirmDelete = (): void => {\n    if (!deleting) return;\n    setDeleteBusy(true);\n    setDeleteError(undefined);\n    api.templateRouteSteps\n      .remove(route.id, deleting.id)\n      .then(() => {\n        setDeleting(undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setDeleteError(e.message))\n      .finally(() => setDeleteBusy(false));\n  };\n\n  const sorted = [...items].sort((a, b) => a.orderNo - b.orderNo);\n\n  return (\n    <div>\n      <Breadcrumbs\n        items={[\n          { label: 'Главная' },\n          { label: 'Маршруты согласования', onClick: onBack },\n          { label: `Шаги маршрута #${route.id}` }\n        ]}\n      />\n      <PageHeader\n        icon=\"flag-check\"\n        subtitle={`${requestTypeName} · ${routeTypeLabels[route.routeType]}`}\n        title={`Маршрут #${route.id}`}\n        actions={\n          <>\n            <Button variant=\"ghost\" icon=\"arrow-left\" onClick={onBack}>К маршрутам</Button>\n            <Button variant=\"accent\" icon=\"plus\" onClick={openCreate}>Добавить шаг</Button>\n          </>\n        }\n      />\n\n      {warning && <Alert kind=\"warn\">{warning}</Alert>}\n      {loadError && <Alert kind=\"err\">{loadError}</Alert>}\n      {deleteError && <Alert kind=\"err\">{deleteError}</Alert>}\n\n      <DataTable\n        columns={[\n          { key: 'order', header: '№', width: '50px', render: r => r.orderNo },\n          {\n            key: 'executor',\n            header: 'Исполнитель',\n            render: r => <PrimaryCell>{describeExecutor(r)}</PrimaryCell>\n          },\n          {\n            key: 'status',\n            header: 'Статус',\n            render: r => (\n              <Badge variant={r.status === RouteStepStatus.Approval ? 'gold' : 'blue'}>\n                {routeStepStatusLabels[r.status]}\n              </Badge>\n            )\n          },\n          {\n            key: 'reassign',\n            header: 'Переназначение',\n            align: 'center',\n            render: r => (r.allowReassignToOtherApprovers ? <Badge variant=\"ok\">Разрешено</Badge> : <Badge variant=\"neutral\">Нет</Badge>)\n          },\n          {\n            key: 'actions',\n            header: '',\n            width: '100px',\n            align: 'right',\n            render: r => (\n              <ActionsCell>\n                <IconButton icon=\"edit\" label=\"Редактировать\" onClick={() => openEdit(r)} />\n                <IconButton icon=\"trash\" label=\"Удалить\" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />\n              </ActionsCell>\n            )\n          }\n        ]}\n        rows={sorted}\n        keyOf={r => r.id}\n        emptyMessage={loading ? 'Загрузка...' : 'Шагов пока нет — добавьте первый.'}\n      />\n\n      {showForm && (\n        <Modal\n          title={editing ? `Шаг #${editing.orderNo}` : 'Новый шаг маршрута'}\n          onClose={() => setShowForm(false)}\n          footer={\n            <>\n              <Button variant=\"secondary\" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>\n              <Button variant=\"accent\" icon=\"check\" onClick={submit} disabled={saving}>\n                {saving ? 'Сохранение...' : 'Сохранить'}\n              </Button>\n            </>\n          }\n        >\n          {formError && <Alert kind=\"err\">{formError}</Alert>}\n          <FormGrid>\n            <Field label=\"Порядковый номер\" required>\n              <TextInput\n                type=\"number\"\n                min={1}\n                value={form.orderNo}\n                onChange={e => setForm({ ...form, orderNo: e.target.value })}\n              />\n            </Field>\n            <Field label=\"Статус шага\" required>\n              <Select\n                options={STATUS_OPTIONS}\n                value={form.status}\n                onChange={e => setForm({ ...form, status: e.target.value as RouteStepStatus })}\n              />\n            </Field>\n\n            <Field label=\"Кто исполнитель\" required full hint=\"Должно быть заполнено ровно одно из полей.\">\n              <RadioGroup\n                name=\"executorKind\"\n                value={form.kind}\n                onChange={kind => setForm({ ...form, kind })}\n                options={[\n                  { value: 'email', label: 'Конкретный сотрудник (email)' },\n                  { value: 'position', label: 'По должности в компании инициатора' },\n                  {\n                    value: 'projectRole',\n                    label: 'По роли в проекте',\n                    disabled: !route.byProject,\n                    disabledHint: 'Недоступно: маршрут не учитывает проект (по проекту = нет).'\n                  },\n                  { value: 'headType', label: 'По типу руководителя' }\n                ]}\n              />\n            </Field>\n\n            {form.kind === 'email' && (\n              <Field label=\"Email исполнителя\" required full>\n                <TextInput\n                  value={form.executorEmail}\n                  onChange={e => setForm({ ...form, executorEmail: e.target.value })}\n                  placeholder=\"user@tnsu.kz\"\n                />\n              </Field>\n            )}\n            {form.kind === 'position' && (\n              <Field label=\"Должность\" required full hint=\"Ищется в справочнике api.tnsu.kz по компании инициатора.\">\n                <TextInput\n                  value={form.position}\n                  onChange={e => setForm({ ...form, position: e.target.value })}\n                  placeholder=\"Главный инженер\"\n                />\n              </Field>\n            )}\n            {form.kind === 'projectRole' && (\n              <Field label=\"Роль в проекте\" required full>\n                <Select\n                  options={PROJECT_ROLE_OPTIONS}\n                  value={form.projectRole}\n                  onChange={e => setForm({ ...form, projectRole: e.target.value as ProjectRole })}\n                />\n              </Field>\n            )}\n            {form.kind === 'headType' && (\n              <Field label=\"Тип руководителя\" required full>\n                <Select\n                  options={HEAD_TYPE_OPTIONS}\n                  value={form.headType}\n                  onChange={e => setForm({ ...form, headType: e.target.value as HeadType })}\n                />\n              </Field>\n            )}\n\n            <Field label=\"Переназначение\" full>\n              <Checkbox\n                label=\"Разрешить переназначать другим согласующим\"\n                checked={form.allowReassignToOtherApprovers}\n                onChange={v => setForm({ ...form, allowReassignToOtherApprovers: v })}\n              />\n            </Field>\n          </FormGrid>\n        </Modal>\n      )}\n\n      {deleting && (\n        <ConfirmDialog\n          title=\"Удалить шаг?\"\n          text={`Шаг #${deleting.orderNo} будет удалён безвозвратно.`}\n          confirmLabel=\"Удалить\"\n          busy={deleteBusy}\n          onCancel={() => setDeleting(undefined)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  );\n};\n\nfunction describeExecutor(step: TemplateRouteStep): string {\n  if (step.executorEmail) return step.executorEmail;\n  if (step.position) return step.position;\n  if (step.projectRole && step.projectRole !== ProjectRole.None) return `Роль: ${projectRoleLabels[step.projectRole]}`;\n  if (step.headType && step.headType !== HeadType.None) return `Руководитель: ${headTypeLabels[step.headType]}`;\n  return '—';\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js
new file mode 100644
index 0000000..d3463d3
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js
@@ -0,0 +1,186 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoutesScreen = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var models_1 = require("../../models");
+var ui_1 = require("../ui");
+var EMPTY_FORM = {
+    requestTypeId: '',
+    routeType: models_1.RouteType.Sequential,
+    companyId: '',
+    departmentId: '',
+    byProject: false,
+    requiresControl: false
+};
+var ROUTE_TYPE_OPTIONS = Object.values(models_1.RouteType)
+    .filter(function (v) { return v !== models_1.RouteType.None; })
+    .map(function (v) { return ({ value: v, label: models_1.routeTypeLabels[v] }); });
+var RoutesScreen = function (_a) {
+    var api = _a.api, onOpenSteps = _a.onOpenSteps;
+    var _b = React.useState([]), requestTypes = _b[0], setRequestTypes = _b[1];
+    var _c = React.useState([]), items = _c[0], setItems = _c[1];
+    var _d = React.useState(''), filterRequestTypeId = _d[0], setFilterRequestTypeId = _d[1];
+    var _e = React.useState(true), loading = _e[0], setLoading = _e[1];
+    var _f = React.useState(), loadError = _f[0], setLoadError = _f[1];
+    var _g = React.useState(), editing = _g[0], setEditing = _g[1];
+    var _h = React.useState(false), showForm = _h[0], setShowForm = _h[1];
+    var _j = React.useState(EMPTY_FORM), form = _j[0], setForm = _j[1];
+    var _k = React.useState(), formError = _k[0], setFormError = _k[1];
+    var _l = React.useState(false), saving = _l[0], setSaving = _l[1];
+    var _m = React.useState(), deleting = _m[0], setDeleting = _m[1];
+    var _o = React.useState(), deleteError = _o[0], setDeleteError = _o[1];
+    var _p = React.useState(false), deleteBusy = _p[0], setDeleteBusy = _p[1];
+    React.useEffect(function () {
+        api.requestTypes.list().then(setRequestTypes).catch(function () { });
+    }, [api]);
+    var load = React.useCallback(function () {
+        setLoading(true);
+        setLoadError(undefined);
+        var requestTypeId = filterRequestTypeId ? Number(filterRequestTypeId) : undefined;
+        api.templateRoutes
+            .list(requestTypeId)
+            .then(setItems)
+            .catch(function (e) { return setLoadError(e.message); })
+            .finally(function () { return setLoading(false); });
+    }, [api, filterRequestTypeId]);
+    React.useEffect(function () { load(); }, [load]);
+    var requestTypeName = function (id) { var _a, _b; return (_b = (_a = requestTypes.find(function (rt) { return rt.id === id; })) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "#".concat(id); };
+    var openCreate = function () {
+        setEditing(undefined);
+        setForm(tslib_1.__assign(tslib_1.__assign({}, EMPTY_FORM), { requestTypeId: filterRequestTypeId }));
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var openEdit = function (item) {
+        var _a;
+        setEditing(item);
+        setForm({
+            requestTypeId: String(item.requestTypeId),
+            routeType: item.routeType,
+            companyId: item.companyId,
+            departmentId: (_a = item.departmentId) !== null && _a !== void 0 ? _a : '',
+            byProject: item.byProject,
+            requiresControl: item.requiresControl
+        });
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var submit = function () {
+        if (!editing && !form.requestTypeId) {
+            setFormError('Выберите тип заявки.');
+            return;
+        }
+        if (!form.companyId.trim()) {
+            setFormError('Компания обязательна (Guid из справочника api.tnsu.kz).');
+            return;
+        }
+        setSaving(true);
+        setFormError(undefined);
+        var departmentId = form.departmentId.trim() ? form.departmentId.trim() : null;
+        var request = editing
+            ? api.templateRoutes.update(editing.id, {
+                routeType: form.routeType,
+                companyId: form.companyId.trim(),
+                departmentId: departmentId,
+                byProject: form.byProject,
+                requiresControl: form.requiresControl
+            })
+            : api.templateRoutes.create({
+                routeType: form.routeType,
+                requestTypeId: Number(form.requestTypeId),
+                companyId: form.companyId.trim(),
+                departmentId: departmentId,
+                byProject: form.byProject,
+                requiresControl: form.requiresControl
+            });
+        request
+            .then(function () {
+            setShowForm(false);
+            load();
+        })
+            .catch(function (e) { return setFormError(e.message); })
+            .finally(function () { return setSaving(false); });
+    };
+    var confirmDelete = function () {
+        if (!deleting)
+            return;
+        setDeleteBusy(true);
+        setDeleteError(undefined);
+        api.templateRoutes
+            .remove(deleting.id)
+            .then(function () {
+            setDeleting(undefined);
+            load();
+        })
+            .catch(function (e) { return setDeleteError(e.message); })
+            .finally(function () { return setDeleteBusy(false); });
+    };
+    return (React.createElement("div", null,
+        React.createElement(ui_1.Breadcrumbs, { items: [{ label: 'Главная' }, { label: 'Маршруты согласования' }] }),
+        React.createElement(ui_1.PageHeader, { icon: "route", subtitle: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430 \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u0439", title: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u044B \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u044F", actions: React.createElement(ui_1.Button, { variant: "accent", icon: "plus", onClick: openCreate }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043C\u0430\u0440\u0448\u0440\u0443\u0442") }),
+        React.createElement("div", { style: { marginBottom: 18, maxWidth: 320 } },
+            React.createElement(ui_1.Field, { label: "\u0424\u0438\u043B\u044C\u0442\u0440 \u043F\u043E \u0442\u0438\u043F\u0443 \u0437\u0430\u044F\u0432\u043A\u0438" },
+                React.createElement(ui_1.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u0441\u0435 \u0442\u0438\u043F\u044B \u0437\u0430\u044F\u0432\u043E\u043A", value: filterRequestTypeId, onChange: function (e) { return setFilterRequestTypeId(e.target.value); } }))),
+        loadError && React.createElement(ui_1.Alert, { kind: "err" }, loadError),
+        deleteError && React.createElement(ui_1.Alert, { kind: "err" }, deleteError),
+        React.createElement(ui_1.DataTable, { columns: [
+                {
+                    key: 'requestType',
+                    header: 'Тип заявки',
+                    render: function (r) { return React.createElement(ui_1.PrimaryCell, null, requestTypeName(r.requestTypeId)); }
+                },
+                {
+                    key: 'routeType',
+                    header: 'Тип маршрута',
+                    render: function (r) { return React.createElement(ui_1.Badge, { variant: r.routeType === models_1.RouteType.Parallel ? 'blue' : 'gold' }, models_1.routeTypeLabels[r.routeType]); }
+                },
+                { key: 'company', header: 'Компания', render: function (r) { return React.createElement("code", null, shortGuid(r.companyId)); } },
+                { key: 'department', header: 'Отдел', render: function (r) { return (r.departmentId ? React.createElement("code", null, shortGuid(r.departmentId)) : '—'); } },
+                {
+                    key: 'byProject',
+                    header: 'По проекту',
+                    align: 'center',
+                    render: function (r) { return (r.byProject ? React.createElement(ui_1.Badge, { variant: "ok" }, "\u0414\u0430") : React.createElement(ui_1.Badge, { variant: "neutral" }, "\u041D\u0435\u0442")); }
+                },
+                {
+                    key: 'control',
+                    header: 'Контроль',
+                    align: 'center',
+                    render: function (r) { return (r.requiresControl ? React.createElement(ui_1.Badge, { variant: "gold" }, "\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F") : React.createElement(ui_1.Badge, { variant: "neutral" }, "\u041D\u0435\u0442")); }
+                },
+                {
+                    key: 'actions',
+                    header: '',
+                    width: '160px',
+                    align: 'right',
+                    render: function (r) { return (React.createElement(ui_1.ActionsCell, null,
+                        React.createElement(ui_1.Button, { size: "sm", variant: "secondary", icon: "clipboard", onClick: function () { return onOpenSteps(r); } }, "\u0428\u0430\u0433\u0438"),
+                        React.createElement(ui_1.IconButton, { icon: "edit", label: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C", onClick: function () { return openEdit(r); } }),
+                        React.createElement(ui_1.IconButton, { icon: "trash", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", danger: true, onClick: function () { setDeleteError(undefined); setDeleting(r); } }))); }
+                }
+            ], rows: items, keyOf: function (r) { return r.id; }, emptyMessage: loading ? 'Загрузка...' : 'Маршрутов пока нет.' }),
+        showForm && (React.createElement(ui_1.Modal, { title: editing ? "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #".concat(editing.id) : 'Новый маршрут', onClose: function () { return setShowForm(false); }, footer: React.createElement(React.Fragment, null,
+                React.createElement(ui_1.Button, { variant: "secondary", onClick: function () { return setShowForm(false); }, disabled: saving }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React.createElement(ui_1.Button, { variant: "accent", icon: "check", onClick: submit, disabled: saving }, saving ? 'Сохранение...' : 'Сохранить')) },
+            formError && React.createElement(ui_1.Alert, { kind: "err" }, formError),
+            React.createElement(ui_1.FormGrid, null,
+                React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true },
+                    React.createElement(ui_1.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: form.requestTypeId, disabled: !!editing, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { requestTypeId: e.target.value })); } })),
+                React.createElement(ui_1.Field, { label: "\u0422\u0438\u043F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", required: true },
+                    React.createElement(ui_1.Select, { options: ROUTE_TYPE_OPTIONS, value: form.routeType, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { routeType: e.target.value })); } })),
+                React.createElement(ui_1.Field, { label: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F (Guid)", required: true, hint: "\u0418\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430 api.tnsu.kz." },
+                    React.createElement(ui_1.TextInput, { value: form.companyId, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { companyId: e.target.value })); }, placeholder: "00000000-0000-0000-0000-000000000000" })),
+                React.createElement(ui_1.Field, { label: "\u041E\u0442\u0434\u0435\u043B (Guid)", hint: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u2014 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u00AB\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E\u00BB \u0434\u043B\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438." },
+                    React.createElement(ui_1.TextInput, { value: form.departmentId, onChange: function (e) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { departmentId: e.target.value })); }, placeholder: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u043F\u0443\u0441\u0442\u044B\u043C \u0434\u043B\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" })),
+                React.createElement(ui_1.Field, { label: "\u041F\u043E \u043F\u0440\u043E\u0435\u043A\u0442\u0443" },
+                    React.createElement(ui_1.Checkbox, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u044B\u0439 \u043F\u0440\u043E\u0435\u043A\u0442", checked: form.byProject, onChange: function (v) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { byProject: v })); } })),
+                React.createElement(ui_1.Field, { label: "\u041A\u043E\u043D\u0442\u0440\u043E\u043B\u044C" },
+                    React.createElement(ui_1.Checkbox, { label: "\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u043E\u0442\u0434\u0435\u043B\u044C\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C \u0438\u0441\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F", checked: form.requiresControl, onChange: function (v) { return setForm(tslib_1.__assign(tslib_1.__assign({}, form), { requiresControl: v })); } }))))),
+        deleting && (React.createElement(ui_1.ConfirmDialog, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043C\u0430\u0440\u0448\u0440\u0443\u0442?", text: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #".concat(deleting.id, " \u0438 \u0432\u0441\u0435 \u0435\u0433\u043E \u0448\u0430\u0433\u0438 \u0431\u0443\u0434\u0443\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u044B \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E."), confirmLabel: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", busy: deleteBusy, onCancel: function () { return setDeleting(undefined); }, onConfirm: confirmDelete }))));
+};
+exports.RoutesScreen = RoutesScreen;
+function shortGuid(guid) {
+    return guid.length > 8 ? "".concat(guid.slice(0, 8), "\u2026") : guid;
+}
+//# sourceMappingURL=RoutesScreen.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js.map
new file mode 100644
index 0000000..acbee22
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/screens/RoutesScreen.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"RoutesScreen.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/screens/RoutesScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport { RequestType, routeTypeLabels, RouteType, TemplateRoute } from '../../models';\nimport {\n  ActionsCell,\n  Alert,\n  Badge,\n  Breadcrumbs,\n  Button,\n  Checkbox,\n  ConfirmDialog,\n  DataTable,\n  Field,\n  FormGrid,\n  IconButton,\n  Modal,\n  PageHeader,\n  PrimaryCell,\n  Select,\n  TextInput\n} from '../ui';\n\nexport interface IRoutesScreenProps {\n  api: ApprovalRouteApi;\n  onOpenSteps: (route: TemplateRoute) => void;\n}\n\ninterface IFormState {\n  requestTypeId: string;\n  routeType: RouteType;\n  companyId: string;\n  departmentId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nconst EMPTY_FORM: IFormState = {\n  requestTypeId: '',\n  routeType: RouteType.Sequential,\n  companyId: '',\n  departmentId: '',\n  byProject: false,\n  requiresControl: false\n};\n\nconst ROUTE_TYPE_OPTIONS = Object.values(RouteType)\n  .filter(v => v !== RouteType.None)\n  .map(v => ({ value: v, label: routeTypeLabels[v] }));\n\nexport const RoutesScreen: React.FC<IRoutesScreenProps> = ({ api, onOpenSteps }) => {\n  const [requestTypes, setRequestTypes] = React.useState<RequestType[]>([]);\n  const [items, setItems] = React.useState<TemplateRoute[]>([]);\n  const [filterRequestTypeId, setFilterRequestTypeId] = React.useState<string>('');\n  const [loading, setLoading] = React.useState(true);\n  const [loadError, setLoadError] = React.useState<string | undefined>();\n\n  const [editing, setEditing] = React.useState<TemplateRoute | undefined>();\n  const [showForm, setShowForm] = React.useState(false);\n  const [form, setForm] = React.useState<IFormState>(EMPTY_FORM);\n  const [formError, setFormError] = React.useState<string | undefined>();\n  const [saving, setSaving] = React.useState(false);\n\n  const [deleting, setDeleting] = React.useState<TemplateRoute | undefined>();\n  const [deleteError, setDeleteError] = React.useState<string | undefined>();\n  const [deleteBusy, setDeleteBusy] = React.useState(false);\n\n  React.useEffect(() => {\n    api.requestTypes.list().then(setRequestTypes).catch(() => { /* показывается в общей ошибке ниже */ });\n  }, [api]);\n\n  const load = React.useCallback(() => {\n    setLoading(true);\n    setLoadError(undefined);\n    const requestTypeId = filterRequestTypeId ? Number(filterRequestTypeId) : undefined;\n    api.templateRoutes\n      .list(requestTypeId)\n      .then(setItems)\n      .catch((e: ApiClientError) => setLoadError(e.message))\n      .finally(() => setLoading(false));\n  }, [api, filterRequestTypeId]);\n\n  React.useEffect(() => { load(); }, [load]);\n\n  const requestTypeName = (id: number): string => requestTypes.find(rt => rt.id === id)?.name ?? `#${id}`;\n\n  const openCreate = (): void => {\n    setEditing(undefined);\n    setForm({ ...EMPTY_FORM, requestTypeId: filterRequestTypeId });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const openEdit = (item: TemplateRoute): void => {\n    setEditing(item);\n    setForm({\n      requestTypeId: String(item.requestTypeId),\n      routeType: item.routeType,\n      companyId: item.companyId,\n      departmentId: item.departmentId ?? '',\n      byProject: item.byProject,\n      requiresControl: item.requiresControl\n    });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const submit = (): void => {\n    if (!editing && !form.requestTypeId) {\n      setFormError('Выберите тип заявки.');\n      return;\n    }\n    if (!form.companyId.trim()) {\n      setFormError('Компания обязательна (Guid из справочника api.tnsu.kz).');\n      return;\n    }\n\n    setSaving(true);\n    setFormError(undefined);\n\n    const departmentId = form.departmentId.trim() ? form.departmentId.trim() : null;\n    const request = editing\n      ? api.templateRoutes.update(editing.id, {\n          routeType: form.routeType,\n          companyId: form.companyId.trim(),\n          departmentId,\n          byProject: form.byProject,\n          requiresControl: form.requiresControl\n        })\n      : api.templateRoutes.create({\n          routeType: form.routeType,\n          requestTypeId: Number(form.requestTypeId),\n          companyId: form.companyId.trim(),\n          departmentId,\n          byProject: form.byProject,\n          requiresControl: form.requiresControl\n        });\n\n    request\n      .then(() => {\n        setShowForm(false);\n        load();\n      })\n      .catch((e: ApiClientError) => setFormError(e.message))\n      .finally(() => setSaving(false));\n  };\n\n  const confirmDelete = (): void => {\n    if (!deleting) return;\n    setDeleteBusy(true);\n    setDeleteError(undefined);\n    api.templateRoutes\n      .remove(deleting.id)\n      .then(() => {\n        setDeleting(undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setDeleteError(e.message))\n      .finally(() => setDeleteBusy(false));\n  };\n\n  return (\n    <div>\n      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Маршруты согласования' }]} />\n      <PageHeader\n        icon=\"route\"\n        subtitle=\"Настройка согласований\"\n        title=\"Маршруты согласования\"\n        actions={<Button variant=\"accent\" icon=\"plus\" onClick={openCreate}>Добавить маршрут</Button>}\n      />\n\n      <div style={{ marginBottom: 18, maxWidth: 320 }}>\n        <Field label=\"Фильтр по типу заявки\">\n          <Select\n            options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}\n            placeholder=\"Все типы заявок\"\n            value={filterRequestTypeId}\n            onChange={e => setFilterRequestTypeId(e.target.value)}\n          />\n        </Field>\n      </div>\n\n      {loadError && <Alert kind=\"err\">{loadError}</Alert>}\n      {deleteError && <Alert kind=\"err\">{deleteError}</Alert>}\n\n      <DataTable\n        columns={[\n          {\n            key: 'requestType',\n            header: 'Тип заявки',\n            render: r => <PrimaryCell>{requestTypeName(r.requestTypeId)}</PrimaryCell>\n          },\n          {\n            key: 'routeType',\n            header: 'Тип маршрута',\n            render: r => <Badge variant={r.routeType === RouteType.Parallel ? 'blue' : 'gold'}>{routeTypeLabels[r.routeType]}</Badge>\n          },\n          { key: 'company', header: 'Компания', render: r => <code>{shortGuid(r.companyId)}</code> },\n          { key: 'department', header: 'Отдел', render: r => (r.departmentId ? <code>{shortGuid(r.departmentId)}</code> : '—') },\n          {\n            key: 'byProject',\n            header: 'По проекту',\n            align: 'center',\n            render: r => (r.byProject ? <Badge variant=\"ok\">Да</Badge> : <Badge variant=\"neutral\">Нет</Badge>)\n          },\n          {\n            key: 'control',\n            header: 'Контроль',\n            align: 'center',\n            render: r => (r.requiresControl ? <Badge variant=\"gold\">Требуется</Badge> : <Badge variant=\"neutral\">Нет</Badge>)\n          },\n          {\n            key: 'actions',\n            header: '',\n            width: '160px',\n            align: 'right',\n            render: r => (\n              <ActionsCell>\n                <Button size=\"sm\" variant=\"secondary\" icon=\"clipboard\" onClick={() => onOpenSteps(r)}>Шаги</Button>\n                <IconButton icon=\"edit\" label=\"Редактировать\" onClick={() => openEdit(r)} />\n                <IconButton icon=\"trash\" label=\"Удалить\" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />\n              </ActionsCell>\n            )\n          }\n        ]}\n        rows={items}\n        keyOf={r => r.id}\n        emptyMessage={loading ? 'Загрузка...' : 'Маршрутов пока нет.'}\n      />\n\n      {showForm && (\n        <Modal\n          title={editing ? `Маршрут #${editing.id}` : 'Новый маршрут'}\n          onClose={() => setShowForm(false)}\n          footer={\n            <>\n              <Button variant=\"secondary\" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>\n              <Button variant=\"accent\" icon=\"check\" onClick={submit} disabled={saving}>\n                {saving ? 'Сохранение...' : 'Сохранить'}\n              </Button>\n            </>\n          }\n        >\n          {formError && <Alert kind=\"err\">{formError}</Alert>}\n          <FormGrid>\n            <Field label=\"Тип заявки\" required full>\n              <Select\n                options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}\n                placeholder=\"Выберите тип заявки\"\n                value={form.requestTypeId}\n                disabled={!!editing}\n                onChange={e => setForm({ ...form, requestTypeId: e.target.value })}\n              />\n            </Field>\n            <Field label=\"Тип маршрута\" required>\n              <Select\n                options={ROUTE_TYPE_OPTIONS}\n                value={form.routeType}\n                onChange={e => setForm({ ...form, routeType: e.target.value as RouteType })}\n              />\n            </Field>\n            <Field label=\"Компания (Guid)\" required hint=\"Из справочника api.tnsu.kz.\">\n              <TextInput\n                value={form.companyId}\n                onChange={e => setForm({ ...form, companyId: e.target.value })}\n                placeholder=\"00000000-0000-0000-0000-000000000000\"\n              />\n            </Field>\n            <Field label=\"Отдел (Guid)\" hint=\"Необязательно — маршрут «по умолчанию» для компании.\">\n              <TextInput\n                value={form.departmentId}\n                onChange={e => setForm({ ...form, departmentId: e.target.value })}\n                placeholder=\"Оставьте пустым для маршрута по умолчанию\"\n              />\n            </Field>\n            <Field label=\"По проекту\">\n              <Checkbox\n                label=\"Маршрут учитывает конкретный проект\"\n                checked={form.byProject}\n                onChange={v => setForm({ ...form, byProject: v })}\n              />\n            </Field>\n            <Field label=\"Контроль\">\n              <Checkbox\n                label=\"Требуется отдельный контроль исполнения\"\n                checked={form.requiresControl}\n                onChange={v => setForm({ ...form, requiresControl: v })}\n              />\n            </Field>\n          </FormGrid>\n        </Modal>\n      )}\n\n      {deleting && (\n        <ConfirmDialog\n          title=\"Удалить маршрут?\"\n          text={`Маршрут #${deleting.id} и все его шаги будут удалены безвозвратно.`}\n          confirmLabel=\"Удалить\"\n          busy={deleteBusy}\n          onCancel={() => setDeleting(undefined)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  );\n};\n\nfunction shortGuid(guid: string): string {\n  return guid.length > 8 ? `${guid.slice(0, 8)}…` : guid;\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.js
new file mode 100644
index 0000000..5131bce
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.js
@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Alert_module_scss_1 = tslib_1.__importDefault(require("./Alert.module.scss"));
+var Icon_1 = require("./Icon");
+var ICONS = { warn: 'warning', ok: 'check', err: 'close' };
+var Alert = function (_a) {
+    var kind = _a.kind, children = _a.children;
+    return (React.createElement("div", { className: "".concat(Alert_module_scss_1.default.alert, " ").concat(Alert_module_scss_1.default[kind]) },
+        React.createElement(Icon_1.Icon, { name: ICONS[kind], size: "sm" }),
+        React.createElement("span", null, children)));
+};
+exports.Alert = Alert;
+//# sourceMappingURL=Alert.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.js.map
new file mode 100644
index 0000000..74a0e1b
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/Alert.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,kFAAyC;AACzC,+BAA8B;AAS9B,IAAM,KAAK,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAW,CAAC;AAE/D,IAAM,KAAK,GAA0B,UAAC,EAAkB;QAAhB,IAAI,UAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CAClE,6BAAK,SAAS,EAAE,UAAG,2BAAM,CAAC,KAAK,cAAI,2BAAM,CAAC,IAAI,CAAC,CAAE;QAC/C,oBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAC,IAAI,GAAG;QACrC,kCAAO,QAAQ,CAAQ,CACnB,CACP;AALmE,CAKnE,CAAC;AALW,QAAA,KAAK,SAKhB","sourcesContent":["import * as React from 'react';\nimport styles from './Alert.module.scss';\nimport { Icon } from './Icon';\n\nexport type AlertKind = 'warn' | 'ok' | 'err';\n\nexport interface IAlertProps {\n  kind: AlertKind;\n  children: React.ReactNode;\n}\n\nconst ICONS = { warn: 'warning', ok: 'check', err: 'close' } as const;\n\nexport const Alert: React.FC<IAlertProps> = ({ kind, children }) => (\n  <div className={`${styles.alert} ${styles[kind]}`}>\n    <Icon name={ICONS[kind]} size=\"sm\" />\n    <span>{children}</span>\n  </div>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.module.scss.css
new file mode 100644
index 0000000..265d542
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Alert.module.scss.css
@@ -0,0 +1,68 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.alert {
+  padding: 12px 16px;
+  border-radius: 10px;
+  font-size: 12.5px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 18px;
+  border: 1px solid;
+  line-height: 1.5;
+}
+
+.warn {
+  background: #FEFBF0;
+  color: #854D0E;
+  border-color: #F0CC5E;
+}
+
+.ok {
+  background: #F0FDF4;
+  color: #15803D;
+  border-color: #BBF7D0;
+}
+
+.err {
+  background: #FEF2F2;
+  color: #DC2626;
+  border-color: #FECACA;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.js
new file mode 100644
index 0000000..9b597c9
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.js
@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CountBadge = exports.Badge = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Badge_module_scss_1 = tslib_1.__importDefault(require("./Badge.module.scss"));
+var Badge = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'neutral' : _b, children = _a.children;
+    return (React.createElement("span", { className: "".concat(Badge_module_scss_1.default.badge, " ").concat(Badge_module_scss_1.default[variant]) }, children));
+};
+exports.Badge = Badge;
+var CountBadge = function (_a) {
+    var count = _a.count;
+    return (React.createElement("span", { className: Badge_module_scss_1.default.count }, count));
+};
+exports.CountBadge = CountBadge;
+//# sourceMappingURL=Badge.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.js.map
new file mode 100644
index 0000000..f5a5958
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/Badge.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,kFAAyC;AASlC,IAAM,KAAK,GAA0B,UAAC,EAAiC;QAA/B,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACjF,8BAAM,SAAS,EAAE,UAAG,2BAAM,CAAC,KAAK,cAAI,2BAAM,CAAC,OAAO,CAAC,CAAE,IAAG,QAAQ,CAAQ,CACzE;AAFkF,CAElF,CAAC;AAFW,QAAA,KAAK,SAEhB;AAEK,IAAM,UAAU,GAAgC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CACpE,8BAAM,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,KAAK,CAAQ,CAC9C;AAFqE,CAErE,CAAC;AAFW,QAAA,UAAU,cAErB","sourcesContent":["import * as React from 'react';\nimport styles from './Badge.module.scss';\n\nexport type BadgeVariant = 'ok' | 'gold' | 'neutral' | 'blue' | 'red';\n\nexport interface IBadgeProps {\n  variant?: BadgeVariant;\n  children: React.ReactNode;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({ variant = 'neutral', children }) => (\n  <span className={`${styles.badge} ${styles[variant]}`}>{children}</span>\n);\n\nexport const CountBadge: React.FC<{ count: number }> = ({ count }) => (\n  <span className={styles.count}>{count}</span>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.module.scss.css
new file mode 100644
index 0000000..ccf8b58
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Badge.module.scss.css
@@ -0,0 +1,96 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 11px;
+  border-radius: 100px;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.2px;
+  white-space: nowrap;
+}
+.badge::before {
+  content: "";
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: currentColor;
+}
+
+.ok {
+  background: #F0FDF4;
+  color: #15803D;
+}
+
+.gold {
+  background: #FDF5E0;
+  color: #854D0E;
+}
+
+.neutral {
+  background: #F3F4F6;
+  color: #6B7280;
+}
+
+.blue {
+  background: #EFF6FF;
+  color: #2563EB;
+}
+
+.red {
+  background: #FEF2F2;
+  color: #DC2626;
+}
+
+.count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 22px;
+  height: 22px;
+  border-radius: 11px;
+  background: #0F2440;
+  color: #F0CC5E;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 0 6px;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.js
new file mode 100644
index 0000000..bc77d16
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.js
@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = exports.Button = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Button_module_scss_1 = tslib_1.__importDefault(require("./Button.module.scss"));
+var Icon_1 = require("./Icon");
+var Button = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'secondary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, className = _a.className, children = _a.children, rest = tslib_1.__rest(_a, ["variant", "size", "icon", "className", "children"]);
+    var classes = [Button_module_scss_1.default.btn, Button_module_scss_1.default[variant], size === 'sm' ? Button_module_scss_1.default.sm : '', className]
+        .filter(Boolean)
+        .join(' ');
+    return (React.createElement("button", tslib_1.__assign({ type: "button", className: classes }, rest),
+        icon && React.createElement(Icon_1.Icon, { name: icon, size: "sm" }),
+        children));
+};
+exports.Button = Button;
+var IconButton = function (_a) {
+    var icon = _a.icon, danger = _a.danger, label = _a.label, className = _a.className, rest = tslib_1.__rest(_a, ["icon", "danger", "label", "className"]);
+    var classes = [Button_module_scss_1.default.iconButton, danger ? Button_module_scss_1.default.danger : '', className].filter(Boolean).join(' ');
+    return (React.createElement("button", tslib_1.__assign({ type: "button", className: classes, "aria-label": label, title: label }, rest),
+        React.createElement(Icon_1.Icon, { name: icon, size: "sm" })));
+};
+exports.IconButton = IconButton;
+//# sourceMappingURL=Button.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.js.map
new file mode 100644
index 0000000..df4c621
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/Button.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,oFAA0C;AAC1C,+BAAwC;AAUjC,IAAM,MAAM,GAA2B,UAAC,EAO9C;IANC,IAAA,eAAqB,EAArB,OAAO,mBAAG,WAAW,KAAA,EACrB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,IAAI,sBANsC,oDAO9C,CADQ;IAEP,IAAM,OAAO,GAAG,CAAC,4BAAM,CAAC,GAAG,EAAE,4BAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,4BAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;SACrF,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,iDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,IAAM,IAAI;QAC/C,IAAI,IAAI,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG;QACtC,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB;AAQK,IAAM,UAAU,GAA+B,UAAC,EAA2C;IAAzC,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,IAAI,sBAAzC,wCAA2C,CAAF;IAC9F,IAAM,OAAO,GAAG,CAAC,4BAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtG,OAAO,CACL,iDAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,gBAAc,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,IAAI;QACjF,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CACvB,CACV,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,UAAU,cAOrB","sourcesContent":["import * as React from 'react';\nimport styles from './Button.module.scss';\nimport { Icon, IconName } from './Icon';\n\nexport type ButtonVariant = 'primary' | 'accent' | 'secondary' | 'ghost' | 'danger';\n\nexport interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: 'md' | 'sm';\n  icon?: IconName;\n}\n\nexport const Button: React.FC<IButtonProps> = ({\n  variant = 'secondary',\n  size = 'md',\n  icon,\n  className,\n  children,\n  ...rest\n}) => {\n  const classes = [styles.btn, styles[variant], size === 'sm' ? styles.sm : '', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button type=\"button\" className={classes} {...rest}>\n      {icon && <Icon name={icon} size=\"sm\" />}\n      {children}\n    </button>\n  );\n};\n\nexport interface IIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: IconName;\n  danger?: boolean;\n  label: string;\n}\n\nexport const IconButton: React.FC<IIconButtonProps> = ({ icon, danger, label, className, ...rest }) => {\n  const classes = [styles.iconButton, danger ? styles.danger : '', className].filter(Boolean).join(' ');\n  return (\n    <button type=\"button\" className={classes} aria-label={label} title={label} {...rest}>\n      <Icon name={icon} size=\"sm\" />\n    </button>\n  );\n};\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.module.scss.css
new file mode 100644
index 0000000..4e8eb82
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Button.module.scss.css
@@ -0,0 +1,144 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 10px 20px;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
+  cursor: pointer;
+  border: 1px solid transparent;
+  transition: 0.18s;
+  white-space: nowrap;
+  letter-spacing: 0.15px;
+  text-decoration: none;
+}
+.btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  transform: none !important;
+  box-shadow: none !important;
+}
+
+.primary {
+  background: #1B3A5C;
+  color: #fff;
+  border-color: #1B3A5C;
+}
+.primary:hover:not(:disabled) {
+  background: #244B73;
+  box-shadow: 0 4px 16px rgba(15, 36, 64, 0.07);
+}
+
+.accent {
+  background: linear-gradient(135deg, #E5B635, #D4A01E);
+  color: #0A1B30;
+  font-weight: 600;
+  border: 1px solid #D4A01E;
+}
+.accent:hover {
+  box-shadow: 0 4px 20px rgba(212, 160, 30, 0.18);
+  transform: translateY(-1px);
+}
+
+.secondary {
+  background: #fff;
+  color: #1B3A5C;
+  border-color: #D1D5DB;
+}
+.secondary:hover:not(:disabled) {
+  border-color: #D4A01E;
+  color: #0F2440;
+}
+
+.ghost {
+  background: transparent;
+  color: #244B73;
+  border-color: transparent;
+}
+.ghost:hover:not(:disabled) {
+  background: #E8EEF4;
+}
+
+.danger {
+  background: #fff;
+  color: #DC2626;
+  border-color: #D1D5DB;
+}
+.danger:hover:not(:disabled) {
+  border-color: #DC2626;
+  background: #FEF2F2;
+}
+
+.sm {
+  padding: 7px 14px;
+  font-size: 12.5px;
+}
+
+.iconButton {
+  width: 33px;
+  height: 33px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  background: transparent;
+  border: 1px solid transparent;
+  cursor: pointer;
+  color: #9CA3AF;
+  transition: 0.18s;
+}
+.iconButton:hover:not(:disabled) {
+  color: #1B3A5C;
+  background: #F4F7FA;
+  border-color: #E5E7EB;
+}
+.iconButton.danger:hover:not(:disabled) {
+  color: #DC2626;
+  background: #FEF2F2;
+}
+.iconButton:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.js
new file mode 100644
index 0000000..06ce3ff
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.js
@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatCard = exports.StatRow = exports.NavCard = exports.CardGrid = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Card_module_scss_1 = tslib_1.__importDefault(require("./Card.module.scss"));
+var Icon_1 = require("./Icon");
+var CardGrid = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: Card_module_scss_1.default.grid }, children));
+};
+exports.CardGrid = CardGrid;
+var NavCard = function (_a) {
+    var icon = _a.icon, title = _a.title, description = _a.description, onClick = _a.onClick;
+    return (React.createElement("a", { className: Card_module_scss_1.default.navCard, onClick: function (e) { e.preventDefault(); onClick(); }, href: "#" },
+        React.createElement("div", { className: Card_module_scss_1.default.navIcon },
+            React.createElement(Icon_1.Icon, { name: icon })),
+        React.createElement("div", null,
+            React.createElement("div", { className: Card_module_scss_1.default.navTitle }, title),
+            React.createElement("div", { className: Card_module_scss_1.default.navDesc }, description)),
+        React.createElement("div", { className: Card_module_scss_1.default.navArrow },
+            React.createElement(Icon_1.Icon, { name: "chevron-right", size: "sm" }))));
+};
+exports.NavCard = NavCard;
+var StatRow = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: Card_module_scss_1.default.statRow }, children));
+};
+exports.StatRow = StatRow;
+var StatCard = function (_a) {
+    var label = _a.label, value = _a.value;
+    return (React.createElement("div", { className: Card_module_scss_1.default.statCard },
+        React.createElement("div", { className: Card_module_scss_1.default.statLabel }, label),
+        React.createElement("div", { className: Card_module_scss_1.default.statValue }, value)));
+};
+exports.StatCard = StatCard;
+//# sourceMappingURL=Card.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.js.map
new file mode 100644
index 0000000..7836899
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/Card.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,gFAAwC;AACxC,+BAAwC;AAEjC,IAAM,QAAQ,GAA4C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACjF,6BAAK,SAAS,EAAE,0BAAM,CAAC,IAAI,IAAG,QAAQ,CAAO,CAC9C;AAFkF,CAElF,CAAC;AAFW,QAAA,QAAQ,YAEnB;AASK,IAAM,OAAO,GAA4B,UAAC,EAAqC;QAAnC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;IAAO,OAAA,CACzF,2BAAG,SAAS,EAAE,0BAAM,CAAC,OAAO,EAAE,OAAO,EAAE,UAAA,CAAC,IAAM,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAC,GAAG;QACtF,6BAAK,SAAS,EAAE,0BAAM,CAAC,OAAO;YAAE,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAM;QAC1D;YACE,6BAAK,SAAS,EAAE,0BAAM,CAAC,QAAQ,IAAG,KAAK,CAAO;YAC9C,6BAAK,SAAS,EAAE,0BAAM,CAAC,OAAO,IAAG,WAAW,CAAO,CAC/C;QACN,6BAAK,SAAS,EAAE,0BAAM,CAAC,QAAQ;YAAE,oBAAC,WAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,GAAG,CAAM,CAC5E,CACL;AAT0F,CAS1F,CAAC;AATW,QAAA,OAAO,WASlB;AAEK,IAAM,OAAO,GAA4C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CAChF,6BAAK,SAAS,EAAE,0BAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACjD;AAFiF,CAEjF,CAAC;AAFW,QAAA,OAAO,WAElB;AAEK,IAAM,QAAQ,GAAwD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CACjG,6BAAK,SAAS,EAAE,0BAAM,CAAC,QAAQ;QAC7B,6BAAK,SAAS,EAAE,0BAAM,CAAC,SAAS,IAAG,KAAK,CAAO;QAC/C,6BAAK,SAAS,EAAE,0BAAM,CAAC,SAAS,IAAG,KAAK,CAAO,CAC3C,CACP;AALkG,CAKlG,CAAC;AALW,QAAA,QAAQ,YAKnB","sourcesContent":["import * as React from 'react';\nimport styles from './Card.module.scss';\nimport { Icon, IconName } from './Icon';\n\nexport const CardGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={styles.grid}>{children}</div>\n);\n\nexport interface INavCardProps {\n  icon: IconName;\n  title: string;\n  description: string;\n  onClick: () => void;\n}\n\nexport const NavCard: React.FC<INavCardProps> = ({ icon, title, description, onClick }) => (\n  <a className={styles.navCard} onClick={e => { e.preventDefault(); onClick(); }} href=\"#\">\n    <div className={styles.navIcon}><Icon name={icon} /></div>\n    <div>\n      <div className={styles.navTitle}>{title}</div>\n      <div className={styles.navDesc}>{description}</div>\n    </div>\n    <div className={styles.navArrow}><Icon name=\"chevron-right\" size=\"sm\" /></div>\n  </a>\n);\n\nexport const StatRow: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={styles.statRow}>{children}</div>\n);\n\nexport const StatCard: React.FC<{ label: string; value: React.ReactNode }> = ({ label, value }) => (\n  <div className={styles.statCard}>\n    <div className={styles.statLabel}>{label}</div>\n    <div className={styles.statValue}>{value}</div>\n  </div>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.module.scss.css
new file mode 100644
index 0000000..1cc4cdc
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Card.module.scss.css
@@ -0,0 +1,155 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
+  gap: 14px;
+  margin-bottom: 24px;
+}
+
+.navCard {
+  background: #fff;
+  border-radius: 10px;
+  padding: 22px 24px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  box-shadow: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  cursor: pointer;
+  transition: 0.22s;
+  border: 1px solid #E5E7EB;
+  text-decoration: none;
+  color: inherit;
+  position: relative;
+  overflow: hidden;
+}
+.navCard:hover {
+  box-shadow: 0 12px 32px rgba(15, 36, 64, 0.1);
+  transform: translateY(-2px);
+  border-color: #F0CC5E;
+}
+.navCard::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: linear-gradient(180deg, #E5B635, #B8881A);
+  opacity: 0;
+  transition: 0.22s;
+}
+.navCard:hover::before {
+  opacity: 1;
+}
+
+.navIcon {
+  width: 44px;
+  height: 44px;
+  border-radius: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: #F4F7FA;
+  color: #244B73;
+  border: 1px solid #E8EEF4;
+  transition: 0.22s;
+}
+.navCard:hover .navIcon {
+  background: #FEFBF0;
+  color: #B8881A;
+  border-color: #F0CC5E;
+}
+
+.navTitle {
+  font-size: 14.5px;
+  font-weight: 600;
+  color: #0F2440;
+  letter-spacing: 0.1px;
+}
+
+.navDesc {
+  font-size: 12px;
+  color: #9CA3AF;
+  margin-top: 2px;
+}
+
+.navArrow {
+  color: #D1D5DB;
+  margin-left: auto;
+  display: flex;
+  transition: 0.22s;
+}
+.navCard:hover .navArrow {
+  color: #D4A01E;
+  transform: translateX(3px);
+}
+
+.statRow {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 14px;
+  margin-bottom: 24px;
+}
+
+.statCard {
+  background: #fff;
+  border-radius: 10px;
+  padding: 18px 20px;
+  box-shadow: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  border: 1px solid #E5E7EB;
+}
+
+.statLabel {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 1.2px;
+  color: #9CA3AF;
+  font-weight: 600;
+  margin-bottom: 6px;
+}
+
+.statValue {
+  font-family: "Lora", Georgia, serif;
+  font-size: 26px;
+  font-weight: 600;
+  color: #0F2440;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.js
new file mode 100644
index 0000000..16cacc8
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.js
@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionsCell = exports.PrimaryCell = void 0;
+exports.DataTable = DataTable;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var DataTable_module_scss_1 = tslib_1.__importDefault(require("./DataTable.module.scss"));
+function DataTable(_a) {
+    var columns = _a.columns, rows = _a.rows, keyOf = _a.keyOf, emptyMessage = _a.emptyMessage;
+    return (React.createElement("div", { className: DataTable_module_scss_1.default.wrap },
+        React.createElement("table", { className: DataTable_module_scss_1.default.table },
+            React.createElement("thead", null,
+                React.createElement("tr", null, columns.map(function (col) {
+                    var _a;
+                    return (React.createElement("th", { key: col.key, style: { width: col.width, textAlign: (_a = col.align) !== null && _a !== void 0 ? _a : 'left' } }, col.header));
+                }))),
+            React.createElement("tbody", null, rows.map(function (row) { return (React.createElement("tr", { key: keyOf(row) }, columns.map(function (col) {
+                var _a;
+                return (React.createElement("td", { key: col.key, style: { textAlign: (_a = col.align) !== null && _a !== void 0 ? _a : 'left' } }, col.render(row)));
+            }))); }))),
+        rows.length === 0 && React.createElement("div", { className: DataTable_module_scss_1.default.empty }, emptyMessage)));
+}
+var PrimaryCell = function (_a) {
+    var children = _a.children;
+    return (React.createElement("span", { className: DataTable_module_scss_1.default.primaryCell }, children));
+};
+exports.PrimaryCell = PrimaryCell;
+var ActionsCell = function (_a) {
+    var children = _a.children;
+    return (React.createElement("span", { className: DataTable_module_scss_1.default.actionsCell }, children));
+};
+exports.ActionsCell = ActionsCell;
+//# sourceMappingURL=DataTable.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.js.map
new file mode 100644
index 0000000..bb89968
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/DataTable.tsx"],"names":[],"mappings":";;;AAkBA,8BA4BC;;AA9CD,mDAA+B;AAC/B,0FAA6C;AAiB7C,SAAgB,SAAS,CAAI,EAA0D;QAAxD,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAA;IAC/D,OAAO,CACL,6BAAK,SAAS,EAAE,+BAAM,CAAC,IAAI;QACzB,+BAAO,SAAS,EAAE,+BAAM,CAAC,KAAK;YAC5B;gBACE,gCACG,OAAO,CAAC,GAAG,CAAC,UAAA,GAAG;;oBAAI,OAAA,CAClB,4BAAI,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,MAAA,GAAG,CAAC,KAAK,mCAAI,MAAM,EAAE,IAC1E,GAAG,CAAC,MAAM,CACR,CACN,CAAA;iBAAA,CAAC,CACC,CACC;YACR,mCACG,IAAI,CAAC,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,CACf,4BAAI,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,IAChB,OAAO,CAAC,GAAG,CAAC,UAAA,GAAG;;gBAAI,OAAA,CAClB,4BAAI,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAA,GAAG,CAAC,KAAK,mCAAI,MAAM,EAAE,IACxD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CACb,CACN,CAAA;aAAA,CAAC,CACC,CACN,EARgB,CAQhB,CAAC,CACI,CACF;QACP,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,6BAAK,SAAS,EAAE,+BAAM,CAAC,KAAK,IAAG,YAAY,CAAO,CACpE,CACP,CAAC;AACJ,CAAC;AAEM,IAAM,WAAW,GAA4C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACpF,8BAAM,SAAS,EAAE,+BAAM,CAAC,WAAW,IAAG,QAAQ,CAAQ,CACvD;AAFqF,CAErF,CAAC;AAFW,QAAA,WAAW,eAEtB;AAEK,IAAM,WAAW,GAA4C,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACpF,8BAAM,SAAS,EAAE,+BAAM,CAAC,WAAW,IAAG,QAAQ,CAAQ,CACvD;AAFqF,CAErF,CAAC;AAFW,QAAA,WAAW,eAEtB","sourcesContent":["import * as React from 'react';\nimport styles from './DataTable.module.scss';\n\nexport interface IColumn<T> {\n  key: string;\n  header: string;\n  render: (row: T) => React.ReactNode;\n  align?: 'left' | 'right' | 'center';\n  width?: string;\n}\n\nexport interface IDataTableProps<T> {\n  columns: IColumn<T>[];\n  rows: T[];\n  keyOf: (row: T) => string | number;\n  emptyMessage: string;\n}\n\nexport function DataTable<T>({ columns, rows, keyOf, emptyMessage }: IDataTableProps<T>): React.ReactElement {\n  return (\n    <div className={styles.wrap}>\n      <table className={styles.table}>\n        <thead>\n          <tr>\n            {columns.map(col => (\n              <th key={col.key} style={{ width: col.width, textAlign: col.align ?? 'left' }}>\n                {col.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(row => (\n            <tr key={keyOf(row)}>\n              {columns.map(col => (\n                <td key={col.key} style={{ textAlign: col.align ?? 'left' }}>\n                  {col.render(row)}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {rows.length === 0 && <div className={styles.empty}>{emptyMessage}</div>}\n    </div>\n  );\n}\n\nexport const PrimaryCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <span className={styles.primaryCell}>{children}</span>\n);\n\nexport const ActionsCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <span className={styles.actionsCell}>{children}</span>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.module.scss.css
new file mode 100644
index 0000000..652814b
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/DataTable.module.scss.css
@@ -0,0 +1,106 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.wrap {
+  background: #fff;
+  border-radius: 14px;
+  box-shadow: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  overflow: hidden;
+  border: 1px solid #E5E7EB;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13.5px;
+}
+
+.table thead th {
+  text-align: left;
+  padding: 13px 18px;
+  font-size: 10.5px;
+  text-transform: uppercase;
+  letter-spacing: 1.2px;
+  color: #9CA3AF;
+  font-weight: 600;
+  background: #F9FAFB;
+  border-bottom: 1px solid #E5E7EB;
+  white-space: nowrap;
+}
+
+.table tbody td {
+  padding: 15px 18px;
+  border-bottom: 1px solid #F3F4F6;
+  color: #374151;
+  vertical-align: middle;
+}
+
+.table tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.table tbody tr {
+  transition: 0.12s;
+}
+
+.table tbody tr:hover {
+  background: #FEFBF0;
+}
+
+.primaryCell {
+  font-weight: 500;
+  color: #0F2440;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.actionsCell {
+  display: flex;
+  gap: 4px;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.empty {
+  padding: 48px 20px;
+  text-align: center;
+  color: #9CA3AF;
+  font-size: 13px;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.js
new file mode 100644
index 0000000..16a1b85
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.js
@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = exports.Select = exports.Textarea = exports.TextInput = exports.Field = exports.FormGrid = void 0;
+exports.RadioGroup = RadioGroup;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var FormField_module_scss_1 = tslib_1.__importDefault(require("./FormField.module.scss"));
+var FormGrid = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: FormField_module_scss_1.default.grid }, children));
+};
+exports.FormGrid = FormGrid;
+var Field = function (_a) {
+    var label = _a.label, required = _a.required, full = _a.full, error = _a.error, hint = _a.hint, children = _a.children;
+    return (React.createElement("div", { className: "".concat(FormField_module_scss_1.default.field, " ").concat(full ? FormField_module_scss_1.default.full : '') },
+        React.createElement("span", { className: FormField_module_scss_1.default.label },
+            label,
+            " ",
+            required && React.createElement("span", { className: FormField_module_scss_1.default.req }, "*")),
+        children,
+        error && React.createElement("span", { className: FormField_module_scss_1.default.errorText }, error),
+        !error && hint && React.createElement("span", { className: FormField_module_scss_1.default.hint }, hint)));
+};
+exports.Field = Field;
+var TextInput = function (props) { return (React.createElement("input", tslib_1.__assign({}, props, { className: FormField_module_scss_1.default.input }))); };
+exports.TextInput = TextInput;
+var Textarea = function (props) { return (React.createElement("textarea", tslib_1.__assign({}, props, { className: FormField_module_scss_1.default.textarea }))); };
+exports.Textarea = Textarea;
+var Select = function (_a) {
+    var options = _a.options, placeholder = _a.placeholder, rest = tslib_1.__rest(_a, ["options", "placeholder"]);
+    return (React.createElement("select", tslib_1.__assign({}, rest, { className: FormField_module_scss_1.default.select }),
+        placeholder && React.createElement("option", { value: "" }, placeholder),
+        options.map(function (opt) { return (React.createElement("option", { key: opt.value, value: opt.value }, opt.label)); })));
+};
+exports.Select = Select;
+var Checkbox = function (_a) {
+    var label = _a.label, checked = _a.checked, onChange = _a.onChange, disabled = _a.disabled;
+    return (React.createElement("label", { className: FormField_module_scss_1.default.checkboxRow },
+        React.createElement("input", { type: "checkbox", className: FormField_module_scss_1.default.checkbox, checked: checked, disabled: disabled, onChange: function (e) { return onChange(e.target.checked); } }),
+        label));
+};
+exports.Checkbox = Checkbox;
+function RadioGroup(_a) {
+    var name = _a.name, value = _a.value, options = _a.options, onChange = _a.onChange;
+    return (React.createElement("div", { className: FormField_module_scss_1.default.radioGroup }, options.map(function (opt) { return (React.createElement("label", { key: opt.value, className: "".concat(FormField_module_scss_1.default.radioRow, " ").concat(opt.disabled ? FormField_module_scss_1.default.disabled : ''), title: opt.disabled ? opt.disabledHint : undefined },
+        React.createElement("input", { type: "radio", className: FormField_module_scss_1.default.radio, name: name, checked: value === opt.value, disabled: opt.disabled, onChange: function () { return onChange(opt.value); } }),
+        opt.label)); })));
+}
+//# sourceMappingURL=FormField.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.js.map
new file mode 100644
index 0000000..9969643
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/FormField.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styles from './FormField.module.scss';\n\nexport const FormGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={styles.grid}>{children}</div>\n);\n\nexport interface IFieldProps {\n  label: string;\n  required?: boolean;\n  full?: boolean;\n  error?: string;\n  hint?: string;\n  children: React.ReactNode;\n}\n\nexport const Field: React.FC<IFieldProps> = ({ label, required, full, error, hint, children }) => (\n  <div className={`${styles.field} ${full ? styles.full : ''}`}>\n    <span className={styles.label}>\n      {label} {required && <span className={styles.req}>*</span>}\n    </span>\n    {children}\n    {error && <span className={styles.errorText}>{error}</span>}\n    {!error && hint && <span className={styles.hint}>{hint}</span>}\n  </div>\n);\n\nexport const TextInput: React.FC<React.InputHTMLAttributes<HTMLInputElement>> = props => (\n  <input {...props} className={styles.input} />\n);\n\nexport const Textarea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement>> = props => (\n  <textarea {...props} className={styles.textarea} />\n);\n\nexport interface ISelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface ISelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'children'> {\n  options: ISelectOption[];\n  placeholder?: string;\n}\n\nexport const Select: React.FC<ISelectProps> = ({ options, placeholder, ...rest }) => (\n  <select {...rest} className={styles.select}>\n    {placeholder && <option value=\"\">{placeholder}</option>}\n    {options.map(opt => (\n      <option key={opt.value} value={opt.value}>{opt.label}</option>\n    ))}\n  </select>\n);\n\nexport interface ICheckboxProps {\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: React.FC<ICheckboxProps> = ({ label, checked, onChange, disabled }) => (\n  <label className={styles.checkboxRow}>\n    <input\n      type=\"checkbox\"\n      className={styles.checkbox}\n      checked={checked}\n      disabled={disabled}\n      onChange={e => onChange(e.target.checked)}\n    />\n    {label}\n  </label>\n);\n\nexport interface IRadioOption<T extends string> {\n  value: T;\n  label: string;\n  disabled?: boolean;\n  disabledHint?: string;\n}\n\nexport interface IRadioGroupProps<T extends string> {\n  name: string;\n  value: T;\n  options: IRadioOption<T>[];\n  onChange: (value: T) => void;\n}\n\nexport function RadioGroup<T extends string>({ name, value, options, onChange }: IRadioGroupProps<T>): React.ReactElement {\n  return (\n    <div className={styles.radioGroup}>\n      {options.map(opt => (\n        <label\n          key={opt.value}\n          className={`${styles.radioRow} ${opt.disabled ? styles.disabled : ''}`}\n          title={opt.disabled ? opt.disabledHint : undefined}\n        >\n          <input\n            type=\"radio\"\n            className={styles.radio}\n            name={name}\n            checked={value === opt.value}\n            disabled={opt.disabled}\n            onChange={() => onChange(opt.value)}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.module.scss.css
new file mode 100644
index 0000000..3afa60b
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/FormField.module.scss.css
@@ -0,0 +1,168 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 18px 22px;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.full {
+  grid-column: 1/-1;
+}
+
+.label {
+  font-size: 12px;
+  font-weight: 500;
+  color: #374151;
+  letter-spacing: 0.2px;
+}
+
+.req {
+  color: #B8881A;
+}
+
+.input,
+.select,
+.textarea {
+  padding: 11px 13px;
+  border: 1px solid #D1D5DB;
+  border-radius: 6px;
+  font-size: 13.5px;
+  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
+  color: #111827;
+  transition: 0.18s;
+  background: #fff;
+  width: 100%;
+}
+.input:focus,
+.select:focus,
+.textarea:focus {
+  outline: 0;
+  border-color: #D4A01E;
+  box-shadow: 0 0 0 3px rgba(212, 160, 30, 0.12);
+}
+.input::placeholder,
+.select::placeholder,
+.textarea::placeholder {
+  color: #9CA3AF;
+}
+.input:disabled,
+.select:disabled,
+.textarea:disabled {
+  background: #F9FAFB;
+  color: #9CA3AF;
+  cursor: not-allowed;
+}
+
+.textarea {
+  resize: vertical;
+  min-height: 80px;
+}
+
+.select {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  padding-right: 36px;
+}
+
+.errorText {
+  font-size: 11.5px;
+  color: #DC2626;
+}
+
+.hint {
+  font-size: 11.5px;
+  color: #9CA3AF;
+}
+
+.checkboxRow {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  font-size: 13px;
+  color: #374151;
+  cursor: pointer;
+  user-select: none;
+}
+
+.checkbox {
+  width: 17px;
+  height: 17px;
+  accent-color: #D4A01E;
+  cursor: pointer;
+}
+
+.radioGroup {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.radioRow {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  font-size: 13px;
+  color: #374151;
+  cursor: pointer;
+  user-select: none;
+}
+.radioRow.disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.radio {
+  width: 16px;
+  height: 16px;
+  accent-color: #D4A01E;
+  cursor: pointer;
+}
+.radio:disabled {
+  cursor: not-allowed;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Icon.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Icon.js
new file mode 100644
index 0000000..3c58619
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Icon.js
@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var spriteInjected = false;
+var SPRITE_SVG = "\n<symbol id=\"i-route\" viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"3\"/><path d=\"M9 6h7a3 3 0 0 1 3 3v0a3 3 0 0 1-3 3H8a3 3 0 0 0-3 3v0a3 3 0 0 0 3 3h7\"/></symbol>\n<symbol id=\"i-clipboard\" viewBox=\"0 0 24 24\"><path d=\"M9 3h6v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"/><rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"/><path d=\"M9 12h6M9 16h4\"/></symbol>\n<symbol id=\"i-flag-check\" viewBox=\"0 0 24 24\"><path d=\"M4 3v18\"/><path d=\"M4 4h13l-2 4 2 4H4\"/></symbol>\n<symbol id=\"i-people\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"3\"/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/><circle cx=\"17\" cy=\"8\" r=\"2.5\"/><path d=\"M17 13.5a3.5 3.5 0 0 1 3.5 3.5v1\"/></symbol>\n<symbol id=\"i-warning\" viewBox=\"0 0 24 24\"><path d=\"M12 2 1 21h22z\" stroke-linejoin=\"round\"/><path d=\"M12 9v5M12 17h.01\"/></symbol>\n<symbol id=\"i-check\" viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5L20 7\"/></symbol>\n<symbol id=\"i-close\" viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18M6 6l12 12\"/></symbol>\n<symbol id=\"i-plus\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"/></symbol>\n<symbol id=\"i-edit\" viewBox=\"0 0 24 24\"><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z\"/></symbol>\n<symbol id=\"i-trash\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M10 11v6M14 11v6\"/><path d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12\"/><path d=\"M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></symbol>\n<symbol id=\"i-more\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"19\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/></symbol>\n<symbol id=\"i-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"m9 6 6 6-6 6\"/></symbol>\n<symbol id=\"i-chevron-down\" viewBox=\"0 0 24 24\"><path d=\"m6 9 6 6 6-6\"/></symbol>\n<symbol id=\"i-chevron-left\" viewBox=\"0 0 24 24\"><path d=\"m15 6-6 6 6 6\"/></symbol>\n<symbol id=\"i-arrow-left\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5m0 0 5-5m-5 5 5 5\"/></symbol>\n<symbol id=\"i-search\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.35-4.35\"/></symbol>\n<symbol id=\"i-sort\" viewBox=\"0 0 24 24\"><path d=\"M7 3v18M7 3l-4 4m4-4 4 4M17 21V3m0 18-4-4m4 4 4-4\"/></symbol>\n<symbol id=\"i-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"m4 6 8 7 8-7\"/></symbol>\n<symbol id=\"i-briefcase\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M3 12h18\"/></symbol>\n<symbol id=\"i-flag\" viewBox=\"0 0 24 24\"><path d=\"M5 3v18\"/><path d=\"M5 4h13l-3 4 3 4H5\"/></symbol>\n<symbol id=\"i-crown\" viewBox=\"0 0 24 24\"><path d=\"m3 8 4 3 5-6 5 6 4-3-2 11H5z\"/></symbol>\n<symbol id=\"i-refresh\" viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"/><path d=\"M21 3v6h-6\"/></symbol>\n";
+function ensureSpriteInjected() {
+    if (spriteInjected || typeof document === 'undefined')
+        return;
+    var holder = document.createElement('div');
+    holder.style.display = 'none';
+    holder.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\">".concat(SPRITE_SVG, "</svg>");
+    document.body.appendChild(holder);
+    spriteInjected = true;
+}
+var SIZE_PX = { sm: 16, md: 20, lg: 24 };
+var Icon = function (_a) {
+    var name = _a.name, _b = _a.size, size = _b === void 0 ? 'md' : _b, className = _a.className, style = _a.style;
+    React.useEffect(function () {
+        ensureSpriteInjected();
+    }, []);
+    var px = SIZE_PX[size];
+    return (React.createElement("svg", { width: px, height: px, className: className, style: tslib_1.__assign({ flexShrink: 0, fill: 'none', stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round' }, style) },
+        React.createElement("use", { href: "#i-".concat(name) })));
+};
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Icon.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Icon.js.map
new file mode 100644
index 0000000..226f5b8
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Icon.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/Icon.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AA2B/B,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,IAAM,UAAU,GAAG,w9FAuBlB,CAAC;AAEF,SAAS,oBAAoB;IAC3B,IAAI,cAAc,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC9D,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,SAAS,GAAG,oDAA2C,UAAU,WAAQ,CAAC;IACjF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,cAAc,GAAG,IAAI,CAAC;AACxB,CAAC;AASD,IAAM,OAAO,GAAuC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAExE,IAAM,IAAI,GAAyB,UAAC,EAAuC;QAArC,IAAI,UAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IAC9E,KAAK,CAAC,SAAS,CAAC;QACd,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACzB,OAAO,CACL,6BACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,qBAAI,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,IAAK,KAAK;QAEzI,6BAAK,IAAI,EAAE,aAAM,IAAI,CAAE,GAAI,CACvB,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,IAAI,QAgBf","sourcesContent":["import * as React from 'react';\n\n// Единый набор иконок в стиле референса (stroke, round caps, viewBox 24x24).\nexport type IconName =\n  | 'route'\n  | 'clipboard'\n  | 'flag-check'\n  | 'people'\n  | 'warning'\n  | 'check'\n  | 'close'\n  | 'plus'\n  | 'edit'\n  | 'trash'\n  | 'more'\n  | 'chevron-right'\n  | 'chevron-down'\n  | 'chevron-left'\n  | 'arrow-left'\n  | 'search'\n  | 'sort'\n  | 'mail'\n  | 'briefcase'\n  | 'flag'\n  | 'crown'\n  | 'refresh';\n\nlet spriteInjected = false;\n\nconst SPRITE_SVG = `\n<symbol id=\"i-route\" viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"3\"/><path d=\"M9 6h7a3 3 0 0 1 3 3v0a3 3 0 0 1-3 3H8a3 3 0 0 0-3 3v0a3 3 0 0 0 3 3h7\"/></symbol>\n<symbol id=\"i-clipboard\" viewBox=\"0 0 24 24\"><path d=\"M9 3h6v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"/><rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"/><path d=\"M9 12h6M9 16h4\"/></symbol>\n<symbol id=\"i-flag-check\" viewBox=\"0 0 24 24\"><path d=\"M4 3v18\"/><path d=\"M4 4h13l-2 4 2 4H4\"/></symbol>\n<symbol id=\"i-people\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"3\"/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/><circle cx=\"17\" cy=\"8\" r=\"2.5\"/><path d=\"M17 13.5a3.5 3.5 0 0 1 3.5 3.5v1\"/></symbol>\n<symbol id=\"i-warning\" viewBox=\"0 0 24 24\"><path d=\"M12 2 1 21h22z\" stroke-linejoin=\"round\"/><path d=\"M12 9v5M12 17h.01\"/></symbol>\n<symbol id=\"i-check\" viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5L20 7\"/></symbol>\n<symbol id=\"i-close\" viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18M6 6l12 12\"/></symbol>\n<symbol id=\"i-plus\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"/></symbol>\n<symbol id=\"i-edit\" viewBox=\"0 0 24 24\"><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z\"/></symbol>\n<symbol id=\"i-trash\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M10 11v6M14 11v6\"/><path d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12\"/><path d=\"M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></symbol>\n<symbol id=\"i-more\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"19\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/></symbol>\n<symbol id=\"i-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"m9 6 6 6-6 6\"/></symbol>\n<symbol id=\"i-chevron-down\" viewBox=\"0 0 24 24\"><path d=\"m6 9 6 6 6-6\"/></symbol>\n<symbol id=\"i-chevron-left\" viewBox=\"0 0 24 24\"><path d=\"m15 6-6 6 6 6\"/></symbol>\n<symbol id=\"i-arrow-left\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5m0 0 5-5m-5 5 5 5\"/></symbol>\n<symbol id=\"i-search\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.35-4.35\"/></symbol>\n<symbol id=\"i-sort\" viewBox=\"0 0 24 24\"><path d=\"M7 3v18M7 3l-4 4m4-4 4 4M17 21V3m0 18-4-4m4 4 4-4\"/></symbol>\n<symbol id=\"i-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"m4 6 8 7 8-7\"/></symbol>\n<symbol id=\"i-briefcase\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M3 12h18\"/></symbol>\n<symbol id=\"i-flag\" viewBox=\"0 0 24 24\"><path d=\"M5 3v18\"/><path d=\"M5 4h13l-3 4 3 4H5\"/></symbol>\n<symbol id=\"i-crown\" viewBox=\"0 0 24 24\"><path d=\"m3 8 4 3 5-6 5 6 4-3-2 11H5z\"/></symbol>\n<symbol id=\"i-refresh\" viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"/><path d=\"M21 3v6h-6\"/></symbol>\n`;\n\nfunction ensureSpriteInjected(): void {\n  if (spriteInjected || typeof document === 'undefined') return;\n  const holder = document.createElement('div');\n  holder.style.display = 'none';\n  holder.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\">${SPRITE_SVG}</svg>`;\n  document.body.appendChild(holder);\n  spriteInjected = true;\n}\n\nexport interface IIconProps {\n  name: IconName;\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst SIZE_PX: Record<'sm' | 'md' | 'lg', number> = { sm: 16, md: 20, lg: 24 };\n\nexport const Icon: React.FC<IIconProps> = ({ name, size = 'md', className, style }) => {\n  React.useEffect(() => {\n    ensureSpriteInjected();\n  }, []);\n\n  const px = SIZE_PX[size];\n  return (\n    <svg\n      width={px}\n      height={px}\n      className={className}\n      style={{ flexShrink: 0, fill: 'none', stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round', ...style }}\n    >\n      <use href={`#i-${name}`} />\n    </svg>\n  );\n};\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.js
new file mode 100644
index 0000000..0f23458
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.js
@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmDialog = exports.Modal = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var Modal_module_scss_1 = tslib_1.__importDefault(require("./Modal.module.scss"));
+var Button_1 = require("./Button");
+var Modal = function (_a) {
+    var title = _a.title, onClose = _a.onClose, footer = _a.footer, children = _a.children;
+    return (React.createElement("div", { className: Modal_module_scss_1.default.overlay, onClick: function (e) { if (e.target === e.currentTarget)
+            onClose(); } },
+        React.createElement("div", { className: Modal_module_scss_1.default.box },
+            React.createElement("div", { className: Modal_module_scss_1.default.header },
+                React.createElement("div", { className: Modal_module_scss_1.default.title }, title),
+                React.createElement(Button_1.IconButton, { icon: "close", label: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose })),
+            React.createElement("div", { className: Modal_module_scss_1.default.body }, children),
+            footer && React.createElement("div", { className: Modal_module_scss_1.default.footer }, footer))));
+};
+exports.Modal = Modal;
+var ConfirmDialog = function (_a) {
+    var title = _a.title, text = _a.text, confirmLabel = _a.confirmLabel, onConfirm = _a.onConfirm, onCancel = _a.onCancel, busy = _a.busy;
+    return (React.createElement("div", { className: Modal_module_scss_1.default.overlay, onClick: function (e) { if (e.target === e.currentTarget)
+            onCancel(); } },
+        React.createElement("div", { className: "".concat(Modal_module_scss_1.default.box, " ").concat(Modal_module_scss_1.default.narrow) },
+            React.createElement("div", { className: Modal_module_scss_1.default.title }, title),
+            React.createElement("p", { className: Modal_module_scss_1.default.text }, text),
+            React.createElement("div", { className: Modal_module_scss_1.default.narrowFooter },
+                React.createElement(Button_1.Button, { variant: "secondary", onClick: onCancel, disabled: busy }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                React.createElement(Button_1.Button, { variant: "danger", icon: "trash", onClick: onConfirm, disabled: busy }, confirmLabel)))));
+};
+exports.ConfirmDialog = ConfirmDialog;
+//# sourceMappingURL=Modal.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.js.map
new file mode 100644
index 0000000..157063e
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/Modal.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,kFAAyC;AACzC,mCAA8C;AASvC,IAAM,KAAK,GAA0B,UAAC,EAAoC;QAAlC,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA;IAAO,OAAA,CACpF,6BAAK,SAAS,EAAE,2BAAM,CAAC,OAAO,EAAE,OAAO,EAAE,UAAA,CAAC,IAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,OAAO,EAAE,CAAC,CAAC,CAAC;QAC5F,6BAAK,SAAS,EAAE,2BAAM,CAAC,GAAG;YACxB,6BAAK,SAAS,EAAE,2BAAM,CAAC,MAAM;gBAC3B,6BAAK,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,KAAK,CAAO;gBAC3C,oBAAC,mBAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,4CAAS,EAAC,OAAO,EAAE,OAAO,GAAI,CACzD;YACN,6BAAK,SAAS,EAAE,2BAAM,CAAC,IAAI,IAAG,QAAQ,CAAO;YAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,2BAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACF,CACP;AAXqF,CAWrF,CAAC;AAXW,QAAA,KAAK,SAWhB;AAWK,IAAM,aAAa,GAAkC,UAAC,EAAwD;QAAtD,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CACxH,6BAAK,SAAS,EAAE,2BAAM,CAAC,OAAO,EAAE,OAAO,EAAE,UAAA,CAAC,IAAM,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,aAAa;YAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;QAC7F,6BAAK,SAAS,EAAE,UAAG,2BAAM,CAAC,GAAG,cAAI,2BAAM,CAAC,MAAM,CAAE;YAC9C,6BAAK,SAAS,EAAE,2BAAM,CAAC,KAAK,IAAG,KAAK,CAAO;YAC3C,2BAAG,SAAS,EAAE,2BAAM,CAAC,IAAI,IAAG,IAAI,CAAK;YACrC,6BAAK,SAAS,EAAE,2BAAM,CAAC,YAAY;gBACjC,oBAAC,eAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,2CAAiB;gBAC9E,oBAAC,eAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,IAAG,YAAY,CAAU,CAC7F,CACF,CACF,CACP;AAXyH,CAWzH,CAAC;AAXW,QAAA,aAAa,iBAWxB","sourcesContent":["import * as React from 'react';\nimport styles from './Modal.module.scss';\nimport { Button, IconButton } from './Button';\n\nexport interface IModalProps {\n  title: string;\n  onClose: () => void;\n  footer?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport const Modal: React.FC<IModalProps> = ({ title, onClose, footer, children }) => (\n  <div className={styles.overlay} onClick={e => { if (e.target === e.currentTarget) onClose(); }}>\n    <div className={styles.box}>\n      <div className={styles.header}>\n        <div className={styles.title}>{title}</div>\n        <IconButton icon=\"close\" label=\"Закрыть\" onClick={onClose} />\n      </div>\n      <div className={styles.body}>{children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  </div>\n);\n\nexport interface IConfirmDialogProps {\n  title: string;\n  text: string;\n  confirmLabel: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  busy?: boolean;\n}\n\nexport const ConfirmDialog: React.FC<IConfirmDialogProps> = ({ title, text, confirmLabel, onConfirm, onCancel, busy }) => (\n  <div className={styles.overlay} onClick={e => { if (e.target === e.currentTarget) onCancel(); }}>\n    <div className={`${styles.box} ${styles.narrow}`}>\n      <div className={styles.title}>{title}</div>\n      <p className={styles.text}>{text}</p>\n      <div className={styles.narrowFooter}>\n        <Button variant=\"secondary\" onClick={onCancel} disabled={busy}>Отмена</Button>\n        <Button variant=\"danger\" icon=\"trash\" onClick={onConfirm} disabled={busy}>{confirmLabel}</Button>\n      </div>\n    </div>\n  </div>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.module.scss.css
new file mode 100644
index 0000000..e54faed
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/Modal.module.scss.css
@@ -0,0 +1,109 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(10, 27, 48, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 300;
+  backdrop-filter: blur(6px);
+  padding: 20px;
+}
+
+.box {
+  background: #fff;
+  border-radius: 14px;
+  box-shadow: 0 24px 70px rgba(10, 27, 48, 0.25);
+  width: 480px;
+  max-width: 100%;
+  max-height: calc(100vh - 40px);
+  overflow-y: auto;
+  border-top: 3px solid #D4A01E;
+}
+
+.narrow {
+  width: 420px;
+  text-align: center;
+  padding: 30px;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 22px 26px 0;
+}
+
+.title {
+  font-family: "Lora", Georgia, serif;
+  font-size: 19px;
+  font-weight: 600;
+  color: #0F2440;
+}
+
+.body {
+  padding: 18px 26px 26px;
+}
+
+.narrowBody {
+  padding: 0;
+}
+
+.text {
+  font-size: 13px;
+  color: #6B7280;
+  margin-bottom: 24px;
+  line-height: 1.6;
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 16px 26px 22px;
+}
+
+.narrowFooter {
+  justify-content: center;
+  padding: 0;
+  margin-top: 24px;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.js
new file mode 100644
index 0000000..083bd84
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.js
@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeader = exports.Breadcrumbs = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var PageChrome_module_scss_1 = tslib_1.__importDefault(require("./PageChrome.module.scss"));
+var Icon_1 = require("./Icon");
+var Breadcrumbs = function (_a) {
+    var items = _a.items;
+    return (React.createElement("div", { className: PageChrome_module_scss_1.default.bread }, items.map(function (item, i) { return (React.createElement(React.Fragment, { key: i },
+        i > 0 && React.createElement("span", { className: PageChrome_module_scss_1.default.sep }, "\u25C6"),
+        item.onClick ? (React.createElement("button", { className: PageChrome_module_scss_1.default.breadLink, onClick: item.onClick }, item.label)) : (React.createElement("span", null, item.label)))); })));
+};
+exports.Breadcrumbs = Breadcrumbs;
+var PageHeader = function (_a) {
+    var icon = _a.icon, subtitle = _a.subtitle, title = _a.title, actions = _a.actions;
+    return (React.createElement("div", { className: PageChrome_module_scss_1.default.ph },
+        React.createElement("div", { className: PageChrome_module_scss_1.default.phLeft },
+            React.createElement("div", { className: PageChrome_module_scss_1.default.phIcon },
+                React.createElement(Icon_1.Icon, { name: icon })),
+            React.createElement("div", null,
+                React.createElement("div", { className: PageChrome_module_scss_1.default.phSub }, subtitle),
+                React.createElement("div", { className: PageChrome_module_scss_1.default.phTitle }, title))),
+        actions && React.createElement("div", { className: PageChrome_module_scss_1.default.phRight }, actions)));
+};
+exports.PageHeader = PageHeader;
+//# sourceMappingURL=PageChrome.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.js.map
new file mode 100644
index 0000000..d102fa5
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"PageChrome.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/PageChrome.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,4FAA8C;AAC9C,+BAAwC;AAOjC,IAAM,WAAW,GAA2C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAChF,6BAAK,SAAS,EAAE,gCAAM,CAAC,KAAK,IACzB,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CACtB,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC;QACnB,CAAC,GAAG,CAAC,IAAI,8BAAM,SAAS,EAAE,gCAAM,CAAC,GAAG,aAAgB;QACpD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,gCAAQ,SAAS,EAAE,gCAAM,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAG,IAAI,CAAC,KAAK,CAAU,CAClF,CAAC,CAAC,CAAC,CACF,kCAAO,IAAI,CAAC,KAAK,CAAQ,CAC1B,CACc,CAClB,EATuB,CASvB,CAAC,CACE,CACP;AAbiF,CAajF,CAAC;AAbW,QAAA,WAAW,eAatB;AASK,IAAM,UAAU,GAA+B,UAAC,EAAkC;QAAhC,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAAO,OAAA,CAC5F,6BAAK,SAAS,EAAE,gCAAM,CAAC,EAAE;QACvB,6BAAK,SAAS,EAAE,gCAAM,CAAC,MAAM;YAC3B,6BAAK,SAAS,EAAE,gCAAM,CAAC,MAAM;gBAAE,oBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,GAAI,CAAM;YACzD;gBACE,6BAAK,SAAS,EAAE,gCAAM,CAAC,KAAK,IAAG,QAAQ,CAAO;gBAC9C,6BAAK,SAAS,EAAE,gCAAM,CAAC,OAAO,IAAG,KAAK,CAAO,CACzC,CACF;QACL,OAAO,IAAI,6BAAK,SAAS,EAAE,gCAAM,CAAC,OAAO,IAAG,OAAO,CAAO,CACvD,CACP;AAX6F,CAW7F,CAAC;AAXW,QAAA,UAAU,cAWrB","sourcesContent":["import * as React from 'react';\nimport styles from './PageChrome.module.scss';\nimport { Icon, IconName } from './Icon';\n\nexport interface IBreadcrumbItem {\n  label: string;\n  onClick?: () => void;\n}\n\nexport const Breadcrumbs: React.FC<{ items: IBreadcrumbItem[] }> = ({ items }) => (\n  <div className={styles.bread}>\n    {items.map((item, i) => (\n      <React.Fragment key={i}>\n        {i > 0 && <span className={styles.sep}>&#9670;</span>}\n        {item.onClick ? (\n          <button className={styles.breadLink} onClick={item.onClick}>{item.label}</button>\n        ) : (\n          <span>{item.label}</span>\n        )}\n      </React.Fragment>\n    ))}\n  </div>\n);\n\nexport interface IPageHeaderProps {\n  icon: IconName;\n  subtitle: string;\n  title: string;\n  actions?: React.ReactNode;\n}\n\nexport const PageHeader: React.FC<IPageHeaderProps> = ({ icon, subtitle, title, actions }) => (\n  <div className={styles.ph}>\n    <div className={styles.phLeft}>\n      <div className={styles.phIcon}><Icon name={icon} /></div>\n      <div>\n        <div className={styles.phSub}>{subtitle}</div>\n        <div className={styles.phTitle}>{title}</div>\n      </div>\n    </div>\n    {actions && <div className={styles.phRight}>{actions}</div>}\n  </div>\n);\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.module.scss.css b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.module.scss.css
new file mode 100644
index 0000000..efe53aa
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/PageChrome.module.scss.css
@@ -0,0 +1,148 @@
+:root {
+  --navy-950: #0A1B30;
+  --navy-900: #0F2440;
+  --navy-800: #1B3A5C;
+  --navy-700: #244B73;
+  --navy-600: #2D5C8A;
+  --navy-100: #E8EEF4;
+  --navy-50: #F4F7FA;
+  --gold-600: #B8881A;
+  --gold-500: #D4A01E;
+  --gold-400: #E5B635;
+  --gold-300: #F0CC5E;
+  --gold-100: #FDF5E0;
+  --gold-50: #FEFBF0;
+  --gray-900: #111827;
+  --gray-700: #374151;
+  --gray-500: #6B7280;
+  --gray-400: #9CA3AF;
+  --gray-300: #D1D5DB;
+  --gray-200: #E5E7EB;
+  --gray-100: #F3F4F6;
+  --gray-50: #F9FAFB;
+  --red-500: #DC2626;
+  --red-50: #FEF2F2;
+  --green-600: #15803D;
+  --green-50: #F0FDF4;
+  --blue-600: #2563EB;
+  --blue-50: #EFF6FF;
+  --amber-700: #854D0E;
+  --sh-1: 0 1px 2px rgba(15, 36, 64, 0.04), 0 1px 3px rgba(15, 36, 64, 0.06);
+  --sh-2: 0 4px 16px rgba(15, 36, 64, 0.07);
+  --sh-3: 0 12px 32px rgba(15, 36, 64, 0.1);
+  --sh-gold: 0 4px 20px rgba(212, 160, 30, 0.18);
+  --sh-modal: 0 24px 70px rgba(10, 27, 48, 0.25);
+  --r-sm: 6px;
+  --r-md: 10px;
+  --r-lg: 14px;
+}
+
+.bread {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 12px;
+  color: #9CA3AF;
+  margin-bottom: 14px;
+  letter-spacing: 0.2px;
+  flex-wrap: wrap;
+}
+
+.breadLink {
+  color: #244B73;
+  text-decoration: none;
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+}
+.breadLink:hover {
+  color: #B8881A;
+}
+
+.sep {
+  color: #E5B635;
+  font-size: 10px;
+}
+
+.ph {
+  background: linear-gradient(135deg, #0A1B30 0%, #1B3A5C 85%);
+  border-radius: 14px;
+  padding: 26px 30px;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0 4px 16px rgba(15, 36, 64, 0.07);
+  margin-bottom: 24px;
+  flex-wrap: wrap;
+  gap: 14px;
+}
+.ph::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 2px;
+  background: linear-gradient(90deg, #D4A01E, transparent 60%);
+}
+.ph::after {
+  content: "";
+  position: absolute;
+  right: -60px;
+  top: -60px;
+  width: 220px;
+  height: 220px;
+  border-radius: 50%;
+  background: radial-gradient(circle, rgba(212, 160, 30, 0.14), transparent 65%);
+}
+
+.phLeft {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  position: relative;
+  z-index: 1;
+}
+
+.phIcon {
+  width: 46px;
+  height: 46px;
+  border-radius: 10px;
+  background: rgba(212, 160, 30, 0.14);
+  border: 1px solid rgba(212, 160, 30, 0.3);
+  color: #F0CC5E;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.phSub {
+  font-size: 10.5px;
+  color: rgba(255, 255, 255, 0.55);
+  text-transform: uppercase;
+  letter-spacing: 1.8px;
+  font-weight: 500;
+}
+
+.phTitle {
+  font-family: "Lora", Georgia, serif;
+  font-size: 24px;
+  font-weight: 600;
+  color: #fff;
+  margin-top: 3px;
+  letter-spacing: 0.2px;
+}
+
+.phRight {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  flex-wrap: wrap;
+  position: relative;
+  z-index: 1;
+}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/index.js b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/index.js
new file mode 100644
index 0000000..229e3c5
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/index.js
@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Icon"), exports);
+tslib_1.__exportStar(require("./Button"), exports);
+tslib_1.__exportStar(require("./Badge"), exports);
+tslib_1.__exportStar(require("./Alert"), exports);
+tslib_1.__exportStar(require("./PageChrome"), exports);
+tslib_1.__exportStar(require("./Card"), exports);
+tslib_1.__exportStar(require("./DataTable"), exports);
+tslib_1.__exportStar(require("./Modal"), exports);
+tslib_1.__exportStar(require("./FormField"), exports);
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/index.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/index.js.map
new file mode 100644
index 0000000..0c0797f
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/components/ui/index.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webparts/approvalAdmin/components/ui/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,mDAAyB;AACzB,kDAAwB;AACxB,kDAAwB;AACxB,uDAA6B;AAC7B,iDAAuB;AACvB,sDAA4B;AAC5B,kDAAwB;AACxB,sDAA4B","sourcesContent":["export * from './Icon';\nexport * from './Button';\nexport * from './Badge';\nexport * from './Alert';\nexport * from './PageChrome';\nexport * from './Card';\nexport * from './DataTable';\nexport * from './Modal';\nexport * from './FormField';\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/models/index.js b/frontend/lib-commonjs/webparts/approvalAdmin/models/index.js
new file mode 100644
index 0000000..2eceba3
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/models/index.js
@@ -0,0 +1,69 @@
+"use strict";
+// Зеркало DTO и enum'ов backend (Tnsu.ApprovalRoute.Api / Application / Domain).
+// Имена и форма типов должны 1:1 соответствовать C#-стороне — см.
+// backend/src/Tnsu.ApprovalRoute.Domain/Enums/*.cs и
+// backend/src/Tnsu.ApprovalRoute.Application/**/*.cs
+var _a, _b, _c, _d;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headTypeLabels = exports.projectRoleLabels = exports.routeStepStatusLabels = exports.routeTypeLabels = exports.HeadType = exports.ProjectRole = exports.RouteStepStatus = exports.RouteType = void 0;
+exports.detectExecutorKind = detectExecutorKind;
+var RouteType;
+(function (RouteType) {
+    RouteType["None"] = "None";
+    RouteType["Parallel"] = "Parallel";
+    RouteType["Sequential"] = "Sequential";
+})(RouteType || (exports.RouteType = RouteType = {}));
+var RouteStepStatus;
+(function (RouteStepStatus) {
+    RouteStepStatus["None"] = "None";
+    RouteStepStatus["Approval"] = "Approval";
+    RouteStepStatus["Execution"] = "Execution";
+})(RouteStepStatus || (exports.RouteStepStatus = RouteStepStatus = {}));
+var ProjectRole;
+(function (ProjectRole) {
+    ProjectRole["None"] = "None";
+    ProjectRole["ProjectManager"] = "ProjectManager";
+    ProjectRole["Planner"] = "Planner";
+    ProjectRole["ManagerHSE"] = "ManagerHSE";
+    ProjectRole["Security"] = "Security";
+})(ProjectRole || (exports.ProjectRole = ProjectRole = {}));
+var HeadType;
+(function (HeadType) {
+    HeadType["None"] = "None";
+    HeadType["Chief"] = "Chief";
+    HeadType["DirectionHead"] = "DirectionHead";
+    HeadType["DirectorTansu"] = "DirectorTansu";
+})(HeadType || (exports.HeadType = HeadType = {}));
+exports.routeTypeLabels = (_a = {},
+    _a[RouteType.None] = 'Не задан',
+    _a[RouteType.Parallel] = 'Параллельный',
+    _a[RouteType.Sequential] = 'Последовательный',
+    _a);
+exports.routeStepStatusLabels = (_b = {},
+    _b[RouteStepStatus.None] = 'Не задан',
+    _b[RouteStepStatus.Approval] = 'Согласование',
+    _b[RouteStepStatus.Execution] = 'Исполнение',
+    _b);
+exports.projectRoleLabels = (_c = {},
+    _c[ProjectRole.None] = '—',
+    _c[ProjectRole.ProjectManager] = 'Руководитель проекта',
+    _c[ProjectRole.Planner] = 'Планировщик',
+    _c[ProjectRole.ManagerHSE] = 'Менеджер HSE',
+    _c[ProjectRole.Security] = 'Безопасность',
+    _c);
+exports.headTypeLabels = (_d = {},
+    _d[HeadType.None] = '—',
+    _d[HeadType.Chief] = 'Непосредственный руководитель',
+    _d[HeadType.DirectionHead] = 'Руководитель направления',
+    _d[HeadType.DirectorTansu] = 'Директор Tansu',
+    _d);
+function detectExecutorKind(step) {
+    if (step.executorEmail)
+        return 'email';
+    if (step.position)
+        return 'position';
+    if (step.projectRole && step.projectRole !== ProjectRole.None)
+        return 'projectRole';
+    return 'headType';
+}
+//# sourceMappingURL=index.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/models/index.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/models/index.js.map
new file mode 100644
index 0000000..7ae86bb
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/models/index.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/models/index.ts"],"names":[],"mappings":";AAAA,iFAAiF;AACjF,kEAAkE;AAClE,qDAAqD;AACrD,qDAAqD;;;;AAkLrD,gDAUC;AA1LD,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;AAC3B,CAAC,EAJW,SAAS,yBAAT,SAAS,QAIpB;AAED,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,wCAAqB,CAAA;IACrB,0CAAuB,CAAA;AACzB,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAED,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,4BAAa,CAAA;IACb,gDAAiC,CAAA;IACjC,kCAAmB,CAAA;IACnB,wCAAyB,CAAA;IACzB,oCAAqB,CAAA;AACvB,CAAC,EANW,WAAW,2BAAX,WAAW,QAMtB;AAED,IAAY,QAKX;AALD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,2CAA+B,CAAA;IAC/B,2CAA+B,CAAA;AACjC,CAAC,EALW,QAAQ,wBAAR,QAAQ,QAKnB;AAEY,QAAA,eAAe;IAC1B,GAAC,SAAS,CAAC,IAAI,IAAG,UAAU;IAC5B,GAAC,SAAS,CAAC,QAAQ,IAAG,cAAc;IACpC,GAAC,SAAS,CAAC,UAAU,IAAG,kBAAkB;QAC1C;AAEW,QAAA,qBAAqB;IAChC,GAAC,eAAe,CAAC,IAAI,IAAG,UAAU;IAClC,GAAC,eAAe,CAAC,QAAQ,IAAG,cAAc;IAC1C,GAAC,eAAe,CAAC,SAAS,IAAG,YAAY;QACzC;AAEW,QAAA,iBAAiB;IAC5B,GAAC,WAAW,CAAC,IAAI,IAAG,GAAG;IACvB,GAAC,WAAW,CAAC,cAAc,IAAG,sBAAsB;IACpD,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa;IACpC,GAAC,WAAW,CAAC,UAAU,IAAG,cAAc;IACxC,GAAC,WAAW,CAAC,QAAQ,IAAG,cAAc;QACtC;AAEW,QAAA,cAAc;IACzB,GAAC,QAAQ,CAAC,IAAI,IAAG,GAAG;IACpB,GAAC,QAAQ,CAAC,KAAK,IAAG,+BAA+B;IACjD,GAAC,QAAQ,CAAC,aAAa,IAAG,0BAA0B;IACpD,GAAC,QAAQ,CAAC,aAAa,IAAG,gBAAgB;QAC1C;AA4HF,SAAgB,kBAAkB,CAAC,IAKlC;IACC,IAAI,IAAI,CAAC,aAAa;QAAE,OAAO,OAAO,CAAC;IACvC,IAAI,IAAI,CAAC,QAAQ;QAAE,OAAO,UAAU,CAAC;IACrC,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,KAAK,WAAW,CAAC,IAAI;QAAE,OAAO,aAAa,CAAC;IACpF,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Зеркало DTO и enum'ов backend (Tnsu.ApprovalRoute.Api / Application / Domain).\n// Имена и форма типов должны 1:1 соответствовать C#-стороне — см.\n// backend/src/Tnsu.ApprovalRoute.Domain/Enums/*.cs и\n// backend/src/Tnsu.ApprovalRoute.Application/**/*.cs\n\nexport enum RouteType {\n  None = 'None',\n  Parallel = 'Parallel',\n  Sequential = 'Sequential'\n}\n\nexport enum RouteStepStatus {\n  None = 'None',\n  Approval = 'Approval',\n  Execution = 'Execution'\n}\n\nexport enum ProjectRole {\n  None = 'None',\n  ProjectManager = 'ProjectManager',\n  Planner = 'Planner',\n  ManagerHSE = 'ManagerHSE',\n  Security = 'Security'\n}\n\nexport enum HeadType {\n  None = 'None',\n  Chief = 'Chief',\n  DirectionHead = 'DirectionHead',\n  DirectorTansu = 'DirectorTansu'\n}\n\nexport const routeTypeLabels: Record<RouteType, string> = {\n  [RouteType.None]: 'Не задан',\n  [RouteType.Parallel]: 'Параллельный',\n  [RouteType.Sequential]: 'Последовательный'\n};\n\nexport const routeStepStatusLabels: Record<RouteStepStatus, string> = {\n  [RouteStepStatus.None]: 'Не задан',\n  [RouteStepStatus.Approval]: 'Согласование',\n  [RouteStepStatus.Execution]: 'Исполнение'\n};\n\nexport const projectRoleLabels: Record<ProjectRole, string> = {\n  [ProjectRole.None]: '—',\n  [ProjectRole.ProjectManager]: 'Руководитель проекта',\n  [ProjectRole.Planner]: 'Планировщик',\n  [ProjectRole.ManagerHSE]: 'Менеджер HSE',\n  [ProjectRole.Security]: 'Безопасность'\n};\n\nexport const headTypeLabels: Record<HeadType, string> = {\n  [HeadType.None]: '—',\n  [HeadType.Chief]: 'Непосредственный руководитель',\n  [HeadType.DirectionHead]: 'Руководитель направления',\n  [HeadType.DirectorTansu]: 'Директор Tansu'\n};\n\n// ---- Request Types (api/request-types) ----\n\nexport interface RequestType {\n  id: number;\n  name: string;\n  pageUrl: string;\n}\n\nexport interface CreateRequestTypeInput {\n  name: string;\n  pageUrl: string;\n}\n\nexport type UpdateRequestTypeInput = CreateRequestTypeInput;\n\nexport interface PatchRequestTypeInput {\n  name?: string;\n  pageUrl?: string;\n}\n\n// ---- Template Routes (api/template-routes) ----\n\nexport interface TemplateRoute {\n  id: number;\n  routeType: RouteType;\n  requestTypeId: number;\n  departmentId: string | null;\n  companyId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nexport interface CreateTemplateRouteInput {\n  routeType: RouteType;\n  requestTypeId: number;\n  departmentId: string | null;\n  companyId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nexport interface UpdateTemplateRouteInput {\n  routeType: RouteType;\n  departmentId: string | null;\n  companyId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nexport interface PatchTemplateRouteInput {\n  routeType?: RouteType;\n  departmentId?: string | null;\n  companyId?: string;\n  byProject?: boolean;\n  requiresControl?: boolean;\n}\n\n// ---- Template Route Steps (api/template-routes/{routeId}/steps) ----\n\nexport interface TemplateRouteStep {\n  id: number;\n  orderNo: number;\n  executorEmail: string | null;\n  position: string | null;\n  projectRole: ProjectRole | null;\n  headType: HeadType | null;\n  status: RouteStepStatus;\n  routeId: number;\n  allowReassignToOtherApprovers: boolean;\n  warning?: string | null;\n}\n\nexport interface CreateTemplateRouteStepInput {\n  orderNo: number;\n  executorEmail: string | null;\n  position: string | null;\n  projectRole: ProjectRole | null;\n  headType: HeadType | null;\n  status: RouteStepStatus;\n  allowReassignToOtherApprovers: boolean;\n}\n\nexport type UpdateTemplateRouteStepInput = CreateTemplateRouteStepInput;\n\nexport interface PatchTemplateRouteStepInput {\n  orderNo?: number;\n  executorEmail?: string | null;\n  position?: string | null;\n  projectRole?: ProjectRole | null;\n  headType?: HeadType | null;\n  status?: RouteStepStatus;\n  allowReassignToOtherApprovers?: boolean;\n}\n\n// ---- Resolve (api/template-routes/resolve) ----\n\nexport interface ResolveTemplateRouteQuery {\n  requestTypeId: number;\n  userEmail?: string;\n  projectId?: string;\n  status: RouteStepStatus;\n}\n\nexport interface ResolvedRouteStep {\n  id: number;\n  orderNo: number;\n  executorEmail: string | null;\n  position: string | null;\n  allowReassignToOtherApprovers: boolean;\n}\n\nexport interface ResolveTemplateRouteResult {\n  routeId: number;\n  routeType: RouteType;\n  requiresControl: boolean;\n  steps: ResolvedRouteStep[];\n}\n\n// Ровно одно из этих полей должно быть заполнено на шаге маршрута\n// (см. TemplateRouteStepFields.CountFilled на бэкенде).\nexport type StepExecutorKind = 'email' | 'position' | 'projectRole' | 'headType';\n\nexport function detectExecutorKind(step: {\n  executorEmail?: string | null;\n  position?: string | null;\n  projectRole?: ProjectRole | null;\n  headType?: HeadType | null;\n}): StepExecutorKind {\n  if (step.executorEmail) return 'email';\n  if (step.position) return 'position';\n  if (step.projectRole && step.projectRole !== ProjectRole.None) return 'projectRole';\n  return 'headType';\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/services/api.js b/frontend/lib-commonjs/webparts/approvalAdmin/services/api.js
new file mode 100644
index 0000000..7f92968
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/services/api.js
@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApprovalRouteApi = void 0;
+var tslib_1 = require("tslib");
+// Тонкий 1:1 фасад над контроллерами бэкенда:
+// backend/src/Tnsu.ApprovalRoute.Api/Controllers/{RequestTypes,TemplateRoutes,TemplateRouteSteps}Controller.cs
+var ApprovalRouteApi = /** @class */ (function () {
+    function ApprovalRouteApi(http) {
+        var _this = this;
+        this.http = http;
+        this.requestTypes = {
+            list: function () {
+                return _this.http.get('/api/request-types');
+            },
+            get: function (id) {
+                return _this.http.get("/api/request-types/".concat(id));
+            },
+            create: function (body) {
+                return _this.http.post('/api/request-types', body);
+            },
+            update: function (id, body) {
+                return _this.http.put("/api/request-types/".concat(id), body);
+            },
+            patch: function (id, body) {
+                return _this.http.patch("/api/request-types/".concat(id), body);
+            },
+            remove: function (id) {
+                return _this.http.delete("/api/request-types/".concat(id));
+            }
+        };
+        this.templateRoutes = {
+            list: function (requestTypeId) {
+                return _this.http.get('/api/template-routes', { requestTypeId: requestTypeId });
+            },
+            get: function (id) {
+                return _this.http.get("/api/template-routes/".concat(id));
+            },
+            create: function (body) {
+                return _this.http.post('/api/template-routes', body);
+            },
+            update: function (id, body) {
+                return _this.http.put("/api/template-routes/".concat(id), body);
+            },
+            patch: function (id, body) {
+                return _this.http.patch("/api/template-routes/".concat(id), body);
+            },
+            remove: function (id) {
+                return _this.http.delete("/api/template-routes/".concat(id));
+            },
+            resolve: function (query) {
+                return _this.http.get('/api/template-routes/resolve', tslib_1.__assign({}, query));
+            }
+        };
+        this.templateRouteSteps = {
+            list: function (routeId) {
+                return _this.http.get("/api/template-routes/".concat(routeId, "/steps"));
+            },
+            get: function (routeId, id) {
+                return _this.http.get("/api/template-routes/".concat(routeId, "/steps/").concat(id));
+            },
+            create: function (routeId, body) {
+                return _this.http.post("/api/template-routes/".concat(routeId, "/steps"), body);
+            },
+            update: function (routeId, id, body) {
+                return _this.http.put("/api/template-routes/".concat(routeId, "/steps/").concat(id), body);
+            },
+            patch: function (routeId, id, body) {
+                return _this.http.patch("/api/template-routes/".concat(routeId, "/steps/").concat(id), body);
+            },
+            remove: function (routeId, id) {
+                return _this.http.delete("/api/template-routes/".concat(routeId, "/steps/").concat(id));
+            }
+        };
+    }
+    return ApprovalRouteApi;
+}());
+exports.ApprovalRouteApi = ApprovalRouteApi;
+//# sourceMappingURL=api.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/services/api.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/services/api.js.map
new file mode 100644
index 0000000..2a570d6
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/services/api.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/services/api.ts"],"names":[],"mappings":"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","sourcesContent":["import { IHttpClient } from './httpClient';\nimport {\n  CreateRequestTypeInput,\n  CreateTemplateRouteInput,\n  CreateTemplateRouteStepInput,\n  PatchRequestTypeInput,\n  PatchTemplateRouteInput,\n  PatchTemplateRouteStepInput,\n  RequestType,\n  ResolveTemplateRouteQuery,\n  ResolveTemplateRouteResult,\n  TemplateRoute,\n  TemplateRouteStep,\n  UpdateRequestTypeInput,\n  UpdateTemplateRouteInput,\n  UpdateTemplateRouteStepInput\n} from '../models';\n\n// Тонкий 1:1 фасад над контроллерами бэкенда:\n// backend/src/Tnsu.ApprovalRoute.Api/Controllers/{RequestTypes,TemplateRoutes,TemplateRouteSteps}Controller.cs\n\nexport class ApprovalRouteApi {\n  constructor(private readonly http: IHttpClient) {}\n\n  public readonly requestTypes = {\n    list: (): Promise<RequestType[]> =>\n      this.http.get<RequestType[]>('/api/request-types'),\n\n    get: (id: number): Promise<RequestType> =>\n      this.http.get<RequestType>(`/api/request-types/${id}`),\n\n    create: (body: CreateRequestTypeInput): Promise<RequestType> =>\n      this.http.post<RequestType>('/api/request-types', body),\n\n    update: (id: number, body: UpdateRequestTypeInput): Promise<RequestType> =>\n      this.http.put<RequestType>(`/api/request-types/${id}`, body),\n\n    patch: (id: number, body: PatchRequestTypeInput): Promise<RequestType> =>\n      this.http.patch<RequestType>(`/api/request-types/${id}`, body),\n\n    remove: (id: number): Promise<void> =>\n      this.http.delete(`/api/request-types/${id}`)\n  };\n\n  public readonly templateRoutes = {\n    list: (requestTypeId?: number): Promise<TemplateRoute[]> =>\n      this.http.get<TemplateRoute[]>('/api/template-routes', { requestTypeId }),\n\n    get: (id: number): Promise<TemplateRoute> =>\n      this.http.get<TemplateRoute>(`/api/template-routes/${id}`),\n\n    create: (body: CreateTemplateRouteInput): Promise<TemplateRoute> =>\n      this.http.post<TemplateRoute>('/api/template-routes', body),\n\n    update: (id: number, body: UpdateTemplateRouteInput): Promise<TemplateRoute> =>\n      this.http.put<TemplateRoute>(`/api/template-routes/${id}`, body),\n\n    patch: (id: number, body: PatchTemplateRouteInput): Promise<TemplateRoute> =>\n      this.http.patch<TemplateRoute>(`/api/template-routes/${id}`, body),\n\n    remove: (id: number): Promise<void> =>\n      this.http.delete(`/api/template-routes/${id}`),\n\n    resolve: (query: ResolveTemplateRouteQuery): Promise<ResolveTemplateRouteResult> =>\n      this.http.get<ResolveTemplateRouteResult>('/api/template-routes/resolve', { ...query })\n  };\n\n  public readonly templateRouteSteps = {\n    list: (routeId: number): Promise<TemplateRouteStep[]> =>\n      this.http.get<TemplateRouteStep[]>(`/api/template-routes/${routeId}/steps`),\n\n    get: (routeId: number, id: number): Promise<TemplateRouteStep> =>\n      this.http.get<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`),\n\n    create: (routeId: number, body: CreateTemplateRouteStepInput): Promise<TemplateRouteStep> =>\n      this.http.post<TemplateRouteStep>(`/api/template-routes/${routeId}/steps`, body),\n\n    update: (routeId: number, id: number, body: UpdateTemplateRouteStepInput): Promise<TemplateRouteStep> =>\n      this.http.put<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`, body),\n\n    patch: (routeId: number, id: number, body: PatchTemplateRouteStepInput): Promise<TemplateRouteStep> =>\n      this.http.patch<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`, body),\n\n    remove: (routeId: number, id: number): Promise<void> =>\n      this.http.delete(`/api/template-routes/${routeId}/steps/${id}`)\n  };\n}\n"]}
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/services/httpClient.js b/frontend/lib-commonjs/webparts/approvalAdmin/services/httpClient.js
new file mode 100644
index 0000000..1fc911a
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/services/httpClient.js
@@ -0,0 +1,172 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevApiHttpClient = exports.AadApiHttpClient = exports.ApiClientError = void 0;
+var tslib_1 = require("tslib");
+var sp_http_1 = require("@microsoft/sp-http");
+var ApiClientError = /** @class */ (function (_super) {
+    tslib_1.__extends(ApiClientError, _super);
+    function ApiClientError(status, messages) {
+        var _this = _super.call(this, messages.join('; ') || "HTTP ".concat(status)) || this;
+        _this.status = status;
+        _this.messages = messages;
+        return _this;
+    }
+    return ApiClientError;
+}(Error));
+exports.ApiClientError = ApiClientError;
+function buildUrl(baseUrl, path, query) {
+    var normalizedBase = baseUrl.endsWith('/') ? baseUrl : "".concat(baseUrl, "/");
+    var url = new URL(path.replace(/^\//, ''), normalizedBase);
+    if (query) {
+        Object.keys(query).forEach(function (key) {
+            var value = query[key];
+            if (value !== undefined && value !== null && value !== '') {
+                url.searchParams.set(key, String(value));
+            }
+        });
+    }
+    return url.toString();
+}
+function parseResponse(response) {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
+        var text, json, messages;
+        var _a, _b;
+        return tslib_1.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (response.status === 204) {
+                        return [2 /*return*/, undefined];
+                    }
+                    return [4 /*yield*/, response.text()];
+                case 1:
+                    text = _c.sent();
+                    try {
+                        json = text ? JSON.parse(text) : undefined;
+                    }
+                    catch (_d) {
+                        // Ответ пришёл не в конверте ApiResponse/ApiError (например, "сырая" страница
+                        // необработанного исключения ASP.NET Core или ошибка от прокси перед API).
+                        if (!response.ok) {
+                            throw new ApiClientError(response.status, [text || "HTTP ".concat(response.status)]);
+                        }
+                        throw new ApiClientError(response.status, ['Сервер вернул не-JSON ответ.']);
+                    }
+                    if (!response.ok) {
+                        messages = (_a = json === null || json === void 0 ? void 0 : json.messages) !== null && _a !== void 0 ? _a : ["HTTP ".concat(response.status)];
+                        throw new ApiClientError(response.status, messages);
+                    }
+                    return [2 /*return*/, (_b = json === null || json === void 0 ? void 0 : json.data) !== null && _b !== void 0 ? _b : undefined];
+            }
+        });
+    });
+}
+/**
+ * Прод/staging: вызовы через AAD-защищённое SPFx-подключение (AadHttpClient).
+ * Требует webApiPermissionRequests в package-solution.json и админского
+ * согласия в SharePoint admin center → Advanced → API access.
+ */
+var AadApiHttpClient = /** @class */ (function () {
+    function AadApiHttpClient(client, baseUrl) {
+        this.client = client;
+        this.baseUrl = baseUrl;
+    }
+    AadApiHttpClient.prototype.get = function (path, query) {
+        var url = buildUrl(this.baseUrl, path, query);
+        return this.client
+            .get(url, sp_http_1.AadHttpClient.configurations.v1)
+            .then(function (r) { return parseResponse(r); });
+    };
+    AadApiHttpClient.prototype.post = function (path, body) {
+        return this.send('POST', path, body);
+    };
+    AadApiHttpClient.prototype.put = function (path, body) {
+        return this.send('PUT', path, body);
+    };
+    AadApiHttpClient.prototype.patch = function (path, body) {
+        return this.send('PATCH', path, body);
+    };
+    AadApiHttpClient.prototype.delete = function (path) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.send('DELETE', path)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AadApiHttpClient.prototype.send = function (method, path, body) {
+        var url = buildUrl(this.baseUrl, path);
+        return this.client
+            .fetch(url, sp_http_1.AadHttpClient.configurations.v1, {
+            method: method,
+            headers: { 'Content-Type': 'application/json' },
+            body: body !== undefined ? JSON.stringify(body) : undefined
+        })
+            .then(function (r) { return parseResponse(r); });
+    };
+    return AadApiHttpClient;
+}());
+exports.AadApiHttpClient = AadApiHttpClient;
+/**
+ * Локальная отладка: обычный fetch с заголовком X-Dev-User-Email.
+ * Работает только если бэкенд поднят с пустыми Entra:TenantId/Entra:Audience
+ * (см. backend/.../Auth/AuthSetup.cs — тогда включается DevAuthHandler).
+ */
+var DevApiHttpClient = /** @class */ (function () {
+    function DevApiHttpClient(baseUrl, devUserEmail) {
+        this.baseUrl = baseUrl;
+        this.devUserEmail = devUserEmail;
+    }
+    DevApiHttpClient.prototype.get = function (path, query) {
+        return this.send('GET', path, undefined, query);
+    };
+    DevApiHttpClient.prototype.post = function (path, body) {
+        return this.send('POST', path, body);
+    };
+    DevApiHttpClient.prototype.put = function (path, body) {
+        return this.send('PUT', path, body);
+    };
+    DevApiHttpClient.prototype.patch = function (path, body) {
+        return this.send('PATCH', path, body);
+    };
+    DevApiHttpClient.prototype.delete = function (path) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.send('DELETE', path)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    DevApiHttpClient.prototype.send = function (method, path, body, query) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var url, response;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        url = buildUrl(this.baseUrl, path, query);
+                        return [4 /*yield*/, fetch(url, {
+                                method: method,
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                    'X-Dev-User-Email': this.devUserEmail
+                                },
+                                body: body !== undefined ? JSON.stringify(body) : undefined
+                            })];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, parseResponse(response)];
+                }
+            });
+        });
+    };
+    return DevApiHttpClient;
+}());
+exports.DevApiHttpClient = DevApiHttpClient;
+//# sourceMappingURL=httpClient.js.map
\ No newline at end of file
diff --git a/frontend/lib-commonjs/webparts/approvalAdmin/services/httpClient.js.map b/frontend/lib-commonjs/webparts/approvalAdmin/services/httpClient.js.map
new file mode 100644
index 0000000..eb0ea7f
--- /dev/null
+++ b/frontend/lib-commonjs/webparts/approvalAdmin/services/httpClient.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"httpClient.js","sourceRoot":"","sources":["../../../../src/webparts/approvalAdmin/services/httpClient.ts"],"names":[],"mappings":"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","sourcesContent":["import { AadHttpClient, HttpClientResponse } from '@microsoft/sp-http';\n\n// Ответ бэкенда всегда в конверте { data: T } на успехе (Api/Common/ApiResponse.cs)\n// и { messages: string[] } на ошибке (ApiError). 204 No Content возвращается без тела.\ninterface IApiEnvelope<T> {\n  data?: T;\n  messages?: string[];\n}\n\nexport class ApiClientError extends Error {\n  public readonly status: number;\n  public readonly messages: string[];\n\n  constructor(status: number, messages: string[]) {\n    super(messages.join('; ') || `HTTP ${status}`);\n    this.status = status;\n    this.messages = messages;\n  }\n}\n\nexport type QueryParams = Record<string, string | number | boolean | undefined | null>;\n\nexport interface IHttpClient {\n  get<T>(path: string, query?: QueryParams): Promise<T>;\n  post<T>(path: string, body?: unknown): Promise<T>;\n  put<T>(path: string, body?: unknown): Promise<T>;\n  patch<T>(path: string, body?: unknown): Promise<T>;\n  delete(path: string): Promise<void>;\n}\n\nfunction buildUrl(baseUrl: string, path: string, query?: QueryParams): string {\n  const normalizedBase = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;\n  const url = new URL(path.replace(/^\\//, ''), normalizedBase);\n  if (query) {\n    Object.keys(query).forEach(key => {\n      const value = query[key];\n      if (value !== undefined && value !== null && value !== '') {\n        url.searchParams.set(key, String(value));\n      }\n    });\n  }\n  return url.toString();\n}\n\ninterface IMinimalResponse {\n  ok: boolean;\n  status: number;\n  text(): Promise<string>;\n}\n\nasync function parseResponse<T>(response: IMinimalResponse): Promise<T> {\n  if (response.status === 204) {\n    return undefined as T;\n  }\n\n  const text = await response.text();\n  let json: IApiEnvelope<T> | undefined;\n  try {\n    json = text ? JSON.parse(text) : undefined;\n  } catch {\n    // Ответ пришёл не в конверте ApiResponse/ApiError (например, \"сырая\" страница\n    // необработанного исключения ASP.NET Core или ошибка от прокси перед API).\n    if (!response.ok) {\n      throw new ApiClientError(response.status, [text || `HTTP ${response.status}`]);\n    }\n    throw new ApiClientError(response.status, ['Сервер вернул не-JSON ответ.']);\n  }\n\n  if (!response.ok) {\n    const messages = json?.messages ?? [`HTTP ${response.status}`];\n    throw new ApiClientError(response.status, messages);\n  }\n\n  return (json?.data as T) ?? (undefined as T);\n}\n\n/**\n * Прод/staging: вызовы через AAD-защищённое SPFx-подключение (AadHttpClient).\n * Требует webApiPermissionRequests в package-solution.json и админского\n * согласия в SharePoint admin center → Advanced → API access.\n */\nexport class AadApiHttpClient implements IHttpClient {\n  constructor(private readonly client: AadHttpClient, private readonly baseUrl: string) {}\n\n  public get<T>(path: string, query?: QueryParams): Promise<T> {\n    const url = buildUrl(this.baseUrl, path, query);\n    return this.client\n      .get(url, AadHttpClient.configurations.v1)\n      .then((r: HttpClientResponse) => parseResponse<T>(r));\n  }\n\n  public post<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('POST', path, body);\n  }\n\n  public put<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PUT', path, body);\n  }\n\n  public patch<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PATCH', path, body);\n  }\n\n  public async delete(path: string): Promise<void> {\n    await this.send<void>('DELETE', path);\n  }\n\n  private send<T>(method: string, path: string, body?: unknown): Promise<T> {\n    const url = buildUrl(this.baseUrl, path);\n    return this.client\n      .fetch(url, AadHttpClient.configurations.v1, {\n        method,\n        headers: { 'Content-Type': 'application/json' },\n        body: body !== undefined ? JSON.stringify(body) : undefined\n      })\n      .then((r: HttpClientResponse) => parseResponse<T>(r));\n  }\n}\n\n/**\n * Локальная отладка: обычный fetch с заголовком X-Dev-User-Email.\n * Работает только если бэкенд поднят с пустыми Entra:TenantId/Entra:Audience\n * (см. backend/.../Auth/AuthSetup.cs — тогда включается DevAuthHandler).\n */\nexport class DevApiHttpClient implements IHttpClient {\n  constructor(private readonly baseUrl: string, private readonly devUserEmail: string) {}\n\n  public get<T>(path: string, query?: QueryParams): Promise<T> {\n    return this.send<T>('GET', path, undefined, query);\n  }\n\n  public post<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('POST', path, body);\n  }\n\n  public put<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PUT', path, body);\n  }\n\n  public patch<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PATCH', path, body);\n  }\n\n  public async delete(path: string): Promise<void> {\n    await this.send<void>('DELETE', path);\n  }\n\n  private async send<T>(method: string, path: string, body?: unknown, query?: QueryParams): Promise<T> {\n    const url = buildUrl(this.baseUrl, path, query);\n    const response = await fetch(url, {\n      method,\n      headers: {\n        'Content-Type': 'application/json',\n        'X-Dev-User-Email': this.devUserEmail\n      },\n      body: body !== undefined ? JSON.stringify(body) : undefined\n    });\n    return parseResponse<T>(response);\n  }\n}\n"]}
\ No newline at end of file
diff --git a/frontend/package.json b/frontend/package.json
index 024489f..7e04f47 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,6 +15,7 @@
     "@fluentui/react": "^8.106.4",
     "@microsoft/sp-component-base": "1.22.1",
     "@microsoft/sp-core-library": "1.22.1",
+    "@microsoft/sp-http": "1.22.1",
     "@microsoft/sp-lodash-subset": "1.22.1",
     "@microsoft/sp-office-ui-fabric-core": "1.22.1",
     "@microsoft/sp-property-pane": "1.22.1",
diff --git a/frontend/release/analysis-logs/lint.sarif b/frontend/release/analysis-logs/lint.sarif
new file mode 100644
index 0000000..32ebd60
--- /dev/null
+++ b/frontend/release/analysis-logs/lint.sarif
@@ -0,0 +1,687 @@
+{
+  "version": "2.1.0",
+  "$schema": "http://json.schemastore.org/sarif-2.1.0-rtm.5",
+  "runs": [
+    {
+      "tool": {
+        "driver": {
+          "name": "ESLint",
+          "informationUri": "https://eslint.org",
+          "version": "8.57.1",
+          "rules": [
+            {
+              "id": "@rushstack/no-new-null",
+              "helpUri": "https://www.npmjs.com/package/@rushstack/eslint-plugin",
+              "properties": {},
+              "shortDescription": {
+                "text": "Prevent usage of JavaScript's \"null\" keyword in new type declarations. To avoid hampering usage of preexisting APIs that require \"null\", the rule ignores declarations that are local variables, private members, or types that are not exported."
+              }
+            }
+          ]
+        }
+      },
+      "artifacts": [
+        {
+          "location": {
+            "uri": "src/webparts/approvalAdmin/services/httpClient.ts"
+          }
+        },
+        {
+          "location": {
+            "uri": "src/webparts/approvalAdmin/models/index.ts"
+          }
+        }
+      ],
+      "results": [
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/services/httpClient.ts",
+                  "index": 0
+                },
+                "region": {
+                  "startLine": 21,
+                  "startColumn": 82,
+                  "endLine": 21,
+                  "endColumn": 86,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 86,
+                  "startColumn": 26,
+                  "endLine": 86,
+                  "endColumn": 30,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 95,
+                  "startColumn": 26,
+                  "endLine": 95,
+                  "endColumn": 30,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 103,
+                  "startColumn": 26,
+                  "endLine": 103,
+                  "endColumn": 30,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 111,
+                  "startColumn": 27,
+                  "endLine": 111,
+                  "endColumn": 31,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 122,
+                  "startColumn": 27,
+                  "endLine": 122,
+                  "endColumn": 31,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 123,
+                  "startColumn": 22,
+                  "endLine": 123,
+                  "endColumn": 26,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 124,
+                  "startColumn": 30,
+                  "endLine": 124,
+                  "endColumn": 34,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 125,
+                  "startColumn": 24,
+                  "endLine": 125,
+                  "endColumn": 28,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 129,
+                  "startColumn": 22,
+                  "endLine": 129,
+                  "endColumn": 26,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 134,
+                  "startColumn": 27,
+                  "endLine": 134,
+                  "endColumn": 31,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 135,
+                  "startColumn": 22,
+                  "endLine": 135,
+                  "endColumn": 26,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 136,
+                  "startColumn": 30,
+                  "endLine": 136,
+                  "endColumn": 34,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 137,
+                  "startColumn": 24,
+                  "endLine": 137,
+                  "endColumn": 28,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 146,
+                  "startColumn": 28,
+                  "endLine": 146,
+                  "endColumn": 32,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 147,
+                  "startColumn": 23,
+                  "endLine": 147,
+                  "endColumn": 27,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 148,
+                  "startColumn": 31,
+                  "endLine": 148,
+                  "endColumn": 35,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 149,
+                  "startColumn": 25,
+                  "endLine": 149,
+                  "endColumn": 29,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 166,
+                  "startColumn": 27,
+                  "endLine": 166,
+                  "endColumn": 31,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 167,
+                  "startColumn": 22,
+                  "endLine": 167,
+                  "endColumn": 26,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 183,
+                  "startColumn": 28,
+                  "endLine": 183,
+                  "endColumn": 32,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 184,
+                  "startColumn": 23,
+                  "endLine": 184,
+                  "endColumn": 27,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 185,
+                  "startColumn": 31,
+                  "endLine": 185,
+                  "endColumn": 35,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        },
+        {
+          "level": "warning",
+          "message": {
+            "text": "Usage of \"null\" is deprecated except when describing legacy APIs; use \"undefined\" instead"
+          },
+          "locations": [
+            {
+              "physicalLocation": {
+                "artifactLocation": {
+                  "uri": "src/webparts/approvalAdmin/models/index.ts",
+                  "index": 1
+                },
+                "region": {
+                  "startLine": 186,
+                  "startColumn": 25,
+                  "endLine": 186,
+                  "endColumn": 29,
+                  "snippet": {
+                    "text": "null"
+                  }
+                }
+              }
+            }
+          ],
+          "ruleId": "@rushstack/no-new-null",
+          "ruleIndex": 0
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/frontend/release/assets/ApprovalAdminWebPartStrings_en-us.js b/frontend/release/assets/ApprovalAdminWebPartStrings_en-us.js
deleted file mode 100644
index 3b25e74..0000000
--- a/frontend/release/assets/ApprovalAdminWebPartStrings_en-us.js
+++ /dev/null
@@ -1,16 +0,0 @@
-define([], function() {
-  return {
-    "PropertyPaneDescription": "Description",
-    "BasicGroupName": "Group Name",
-    "DescriptionFieldLabel": "Description Field",
-    "AppLocalEnvironmentSharePoint": "The app is running on your local environment as SharePoint web part",
-    "AppLocalEnvironmentTeams": "The app is running on your local environment as Microsoft Teams app",
-    "AppLocalEnvironmentOffice": "The app is running on your local environment in office.com",
-    "AppLocalEnvironmentOutlook": "The app is running on your local environment in Outlook",
-    "AppSharePointEnvironment": "The app is running on SharePoint page",
-    "AppTeamsTabEnvironment": "The app is running in Microsoft Teams",
-    "AppOfficeEnvironment": "The app is running in office.com",
-    "AppOutlookEnvironment": "The app is running in Outlook",
-    "UnknownEnvironment": "The app is running in an unknown environment"
-  }
-});
\ No newline at end of file
diff --git a/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.js b/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.js
deleted file mode 100644
index 01db8cd..0000000
--- a/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.js
+++ /dev/null
@@ -1,78 +0,0 @@
-"use strict";
-self["webpackHotUpdate_4825e72c_4ff3_479e_917e_f6b04e003a82_0_0_1"]("approval-admin-web-part",{
-
-/***/ 867:
-/*!****************************************************************!*\
-  !*** ./lib/webparts/approvalAdmin/components/ApprovalAdmin.js ***!
-  \****************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ 196);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ApprovalAdmin.module.scss */ 845);
-/* harmony import */ var _microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @microsoft/sp-lodash-subset */ 529);
-/* harmony import */ var _microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-
-var ApprovalAdmin = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__extends)(ApprovalAdmin, _super);
-    function ApprovalAdmin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ApprovalAdmin.prototype.render = function () {
-        var _a = this.props, description = _a.description, isDarkTheme = _a.isDarkTheme, environmentMessage = _a.environmentMessage, hasTeamsContext = _a.hasTeamsContext, userDisplayName = _a.userDisplayName;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("section", { className: "".concat(_ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].approvalAdmin, " ").concat(hasTeamsContext ? _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].teams : '') },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].welcome },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { alt: "", src: isDarkTheme ? __webpack_require__(/*! ../assets/welcome-dark.png */ 91) : __webpack_require__(/*! ../assets/welcome-light.png */ 459), className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].welcomeImage }),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2", null,
-                    "Well done, ",
-                    (0,_microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__.escape)(userDisplayName),
-                    "!"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, environmentMessage),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
-                    "Web part property value: ",
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, (0,_microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__.escape)(description)))),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3", null, "Welcome to SharePoint Framerk!"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", null, "The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It's the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling."),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("h4", null, "Learn more about SPFx development:"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].links },
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx", target: "_blank", rel: "noreferrer" }, "SharePoint Framework Overview")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-graph", target: "_blank", rel: "noreferrer" }, "Use Microsoft Graph in your solution")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-teams", target: "_blank", rel: "noreferrer" }, "Build for Microsoft Teams using SharePoint Framework")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-viva", target: "_blank", rel: "noreferrer" }, "Build for Microsoft Viva Connections using SharePoint Framework")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-store", target: "_blank", rel: "noreferrer" }, "Publish SharePoint Framework applications to the marketplace")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-api", target: "_blank", rel: "noreferrer" }, "SharePoint Framework API reference")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/m365pnp", target: "_blank", rel: "noreferrer" }, "Microsoft 365 Developer Community"))))));
-    };
-    return ApprovalAdmin;
-}(react__WEBPACK_IMPORTED_MODULE_0__.Component));
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApprovalAdmin);
-
-
-/***/ })
-
-},
-/******/ function(__webpack_require__) { // webpackRuntimeModules
-/******/ /* webpack/runtime/getFullHash */
-/******/ (() => {
-/******/ 	__webpack_require__.h = () => ("cf8054e229417e8f142a")
-/******/ })();
-/******/ 
-/******/ }
-);
-//# sourceMappingURL=approval-admin-web-part.1f1564c39406710efeef.hot-update.js.map
\ No newline at end of file
diff --git a/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.js.map b/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.js.map
deleted file mode 100644
index 3bb7cf0..0000000
--- a/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"approval-admin-web-part.1f1564c39406710efeef.hot-update.js","mappings":";;;;;;;;;;;;;;;;;;;;AAA+B;AACkB;AAEI;AAErD;IAA2C,wEAAoC;IAA/E;;IAqCA,CAAC;IApCQ,8BAAM,GAAb;QACQ,SAMF,IAAI,CAAC,KAAK,EALZ,WAAW,mBACX,WAAW,mBACX,kBAAkB,0BAClB,eAAe,uBACf,eAAe,qBACH,CAAC;QAEf,OAAO,CACL,8DAAS,SAAS,EAAE,UAAG,kEAAM,CAAC,aAAa,cAAI,eAAe,CAAC,CAAC,CAAC,kEAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAE;YAClF,0DAAK,SAAS,EAAE,kEAAM,CAAC,OAAO;gBAC5B,0DAAK,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,mBAAO,CAAC,oCAA4B,CAAC,CAAC,CAAC,CAAC,mBAAO,CAAC,sCAA6B,CAAC,EAAE,SAAS,EAAE,kEAAM,CAAC,YAAY,GAAI;gBACjJ;;oBAAgB,mEAAM,CAAC,eAAe,CAAC;wBAAO;gBAC9C,8DAAM,kBAAkB,CAAO;gBAC/B;;oBAA8B,iEAAS,mEAAM,CAAC,WAAW,CAAC,CAAU,CAAM,CACtE;YACN;gBACE,8FAAuC;gBACvC,wSAEI;gBACJ,kGAA2C;gBAC3C,yDAAI,SAAS,EAAE,kEAAM,CAAC,KAAK;oBACzB;wBAAI,wDAAG,IAAI,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,oCAAkC,CAAK;oBACzG;wBAAI,wDAAG,IAAI,EAAC,kCAAkC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,2CAAyC,CAAK;oBAC7H;wBAAI,wDAAG,IAAI,EAAC,kCAAkC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,2DAAyD,CAAK;oBAC7I;wBAAI,wDAAG,IAAI,EAAC,iCAAiC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,sEAAoE,CAAK;oBACvJ;wBAAI,wDAAG,IAAI,EAAC,kCAAkC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,mEAAiE,CAAK;oBACrJ;wBAAI,wDAAG,IAAI,EAAC,gCAAgC,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,yCAAuC,CAAK;oBACzH;wBAAI,wDAAG,IAAI,EAAC,wBAAwB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,wCAAsC,CAAK,CAC7G,CACD,CACE,CACX,CAAC;IACJ,CAAC;IACH,oBAAC;AAAD,CAAC,CArC0C,4CAAe,GAqCzD;;;;;;;;;;UC1CD,sD","sources":["webpack:///.././src/webparts/approvalAdmin/components/ApprovalAdmin.tsx","webpack:///../webpack/runtime/getFullHash"],"sourcesContent":["import * as React from 'react';\nimport styles from './ApprovalAdmin.module.scss';\nimport type { IApprovalAdminProps } from './IApprovalAdminProps';\nimport { escape } from '@microsoft/sp-lodash-subset';\n\nexport default class ApprovalAdmin extends React.Component<IApprovalAdminProps> {\n  public render(): React.ReactElement<IApprovalAdminProps> {\n    const {\n      description,\n      isDarkTheme,\n      environmentMessage,\n      hasTeamsContext,\n      userDisplayName\n    } = this.props;\n\n    return (\n      <section className={`${styles.approvalAdmin} ${hasTeamsContext ? styles.teams : ''}`}>\n        <div className={styles.welcome}>\n          <img alt=\"\" src={isDarkTheme ? require('../assets/welcome-dark.png') : require('../assets/welcome-light.png')} className={styles.welcomeImage} />\n          <h2>Well done, {escape(userDisplayName)}!</h2>\n          <div>{environmentMessage}</div>\n          <div>Web part property value: <strong>{escape(description)}</strong></div>\n        </div>\n        <div>\n          <h3>Welcome to SharePoint Framerk!</h3>\n          <p>\n            The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It&#39;s the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling.\n          </p>\n          <h4>Learn more about SPFx development:</h4>\n          <ul className={styles.links}>\n            <li><a href=\"https://aka.ms/spfx\" target=\"_blank\" rel=\"noreferrer\">SharePoint Framework Overview</a></li>\n            <li><a href=\"https://aka.ms/spfx-yeoman-graph\" target=\"_blank\" rel=\"noreferrer\">Use Microsoft Graph in your solution</a></li>\n            <li><a href=\"https://aka.ms/spfx-yeoman-teams\" target=\"_blank\" rel=\"noreferrer\">Build for Microsoft Teams using SharePoint Framework</a></li>\n            <li><a href=\"https://aka.ms/spfx-yeoman-viva\" target=\"_blank\" rel=\"noreferrer\">Build for Microsoft Viva Connections using SharePoint Framework</a></li>\n            <li><a href=\"https://aka.ms/spfx-yeoman-store\" target=\"_blank\" rel=\"noreferrer\">Publish SharePoint Framework applications to the marketplace</a></li>\n            <li><a href=\"https://aka.ms/spfx-yeoman-api\" target=\"_blank\" rel=\"noreferrer\">SharePoint Framework API reference</a></li>\n            <li><a href=\"https://aka.ms/m365pnp\" target=\"_blank\" rel=\"noreferrer\">Microsoft 365 Developer Community</a></li>\n          </ul>\n        </div>\n      </section>\n    );\n  }\n}\n","__webpack_require__.h = () => (\"cf8054e229417e8f142a\")"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.json b/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.json
deleted file mode 100644
index 75d4cbd..0000000
--- a/frontend/release/assets/approval-admin-web-part.1f1564c39406710efeef.hot-update.json
+++ /dev/null
@@ -1 +0,0 @@
-{"c":["approval-admin-web-part"],"r":[],"m":[]}
\ No newline at end of file
diff --git a/frontend/release/assets/approval-admin-web-part.js b/frontend/release/assets/approval-admin-web-part.js
index 6b87b6d..2d7a5b7 100644
--- a/frontend/release/assets/approval-admin-web-part.js
+++ b/frontend/release/assets/approval-admin-web-part.js
@@ -1,4 +1,5 @@
-(()=>{ var __RUSHSTACK_CURRENT_SCRIPT__ = document.currentScript; define("4825e72c-4ff3-479e-917e-f6b04e003a82_0.0.1", ["react","react-dom","@microsoft/sp-core-library","@microsoft/sp-property-pane","@microsoft/sp-webpart-base","ApprovalAdminWebPartStrings","@microsoft/sp-lodash-subset"], (__WEBPACK_EXTERNAL_MODULE__959__, __WEBPACK_EXTERNAL_MODULE__398__, __WEBPACK_EXTERNAL_MODULE__676__, __WEBPACK_EXTERNAL_MODULE__877__, __WEBPACK_EXTERNAL_MODULE__642__, __WEBPACK_EXTERNAL_MODULE__937__, __WEBPACK_EXTERNAL_MODULE__529__) => { return /******/ (() => { // webpackBootstrap
+define("4825e72c-4ff3-479e-917e-f6b04e003a82_0.0.1", ["react","react-dom","@microsoft/sp-core-library","@microsoft/sp-property-pane","@microsoft/sp-webpart-base","@microsoft/sp-http"], (__WEBPACK_EXTERNAL_MODULE__959__, __WEBPACK_EXTERNAL_MODULE__398__, __WEBPACK_EXTERNAL_MODULE__676__, __WEBPACK_EXTERNAL_MODULE__877__, __WEBPACK_EXTERNAL_MODULE__642__, __WEBPACK_EXTERNAL_MODULE__909__) => { return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 845:
@@ -7,7 +8,6 @@
   \*****************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -16,148 +16,322 @@ __webpack_require__.r(__webpack_exports__);
 // Imports
 
 
-_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(".approvalAdmin_c54326b8{color:\"[theme:bodyText, default: #323130]\";color:var(--bodyText);overflow:hidden;padding:1em}.approvalAdmin_c54326b8.teams_c54326b8{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.welcome_c54326b8{text-align:center}.welcomeImage_c54326b8{max-width:420px;width:100%}.links_c54326b8 a{color:\"[theme:link, default:#03787c]\";color:var(--link);text-decoration:none}.links_c54326b8 a:hover{color:\"[theme:linkHovered, default: #014446]\";color:var(--linkHovered);text-decoration:underline}", true);
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.approvalAdmin_36d7a38f{font-family:Inter,-apple-system,Segoe UI,sans-serif}.stateBox_36d7a38f{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;color:#6b7280;font-size:13.5px;padding:40px 24px;text-align:center}", true);
 
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  approvalAdmin: "approvalAdmin_c54326b8",
-  teams: "teams_c54326b8",
-  welcome: "welcome_c54326b8",
-  welcomeImage: "welcomeImage_c54326b8",
-  links: "links_c54326b8"
+  approvalAdmin: "approvalAdmin_36d7a38f",
+  stateBox: "stateBox_36d7a38f"
 });
 
 
 /***/ }),
 
-/***/ 403:
-/*!************************************************************!*\
-  !*** ./lib/webparts/approvalAdmin/ApprovalAdminWebPart.js ***!
-  \************************************************************/
+/***/ 41:
+/*!****************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/app/AdminApp.module.scss.css ***!
+  \****************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! tslib */ 196);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ 398);
-/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @microsoft/sp-core-library */ 676);
-/* harmony import */ var _microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @microsoft/sp-property-pane */ 877);
-/* harmony import */ var _microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @microsoft/sp-webpart-base */ 642);
-/* harmony import */ var _microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ApprovalAdminWebPartStrings */ 937);
-/* harmony import */ var ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _components_ApprovalAdmin__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/ApprovalAdmin */ 867);
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
 
 
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.shell_34febe7a{background:linear-gradient(180deg,#f6f8fa,#eef2f6);border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);color:#111827;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.55;overflow:hidden}.content_34febe7a{margin:0 auto;max-width:1080px;padding:28px 30px 36px}.centerState_34febe7a{color:#9ca3af;font-size:13.5px;padding:60px 30px;text-align:center}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  shell: "shell_34febe7a",
+  centerState: "centerState_34febe7a",
+  content: "content_34febe7a"
+});
 
 
+/***/ }),
+
+/***/ 923:
+/*!**************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/app/TopNav.module.scss.css ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
 
 
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.topnav_beba2ab6{align-items:center;background:linear-gradient(135deg,#0a1b30,#1b3a5c 85%);border-radius:10px 10px 0 0;box-shadow:0 1px 0 rgba(212,160,30,.35);display:flex;flex-wrap:wrap;height:54px;padding:0 22px}.brand_beba2ab6{flex-shrink:0;gap:10px;margin-right:28px}.brand_beba2ab6,.mark_beba2ab6{align-items:center;display:flex}.mark_beba2ab6{background:linear-gradient(180deg,#e5b635,#b8881a);border-radius:7px;color:#0a1b30;font-family:Lora,Georgia,serif;font-size:13px;font-weight:800;height:30px;justify-content:center;width:30px}.brandText_beba2ab6{color:#fff;font-size:13px;font-weight:600;letter-spacing:.4px;white-space:nowrap}.brandText_beba2ab6 em{color:#e5b635;font-style:normal}.tabs_beba2ab6{display:flex;flex-wrap:wrap;height:100%}.tab_beba2ab6{background:0;border:none;border-bottom:2px solid transparent;color:hsla(0,0%,100%,.5);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;height:54px;letter-spacing:.2px;padding:0 16px;transition:.18s}.tab_beba2ab6:hover{color:hsla(0,0%,100%,.85)}.tab_beba2ab6.on_beba2ab6{border-bottom-color:#e5b635;color:#f0cc5e}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  topnav: "topnav_beba2ab6",
+  brand: "brand_beba2ab6",
+  mark: "mark_beba2ab6",
+  brandText: "brandText_beba2ab6",
+  tabs: "tabs_beba2ab6",
+  tab: "tab_beba2ab6",
+  on: "on_beba2ab6"
+});
 
 
-var ApprovalAdminWebPart = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_7__.__extends)(ApprovalAdminWebPart, _super);
-    function ApprovalAdminWebPart() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this._isDarkTheme = false;
-        _this._environmentMessage = '';
-        return _this;
-    }
-    ApprovalAdminWebPart.prototype.render = function () {
-        var element = react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ApprovalAdmin__WEBPACK_IMPORTED_MODULE_6__["default"], {
-            description: this.properties.description,
-            isDarkTheme: this._isDarkTheme,
-            environmentMessage: this._environmentMessage,
-            hasTeamsContext: !!this.context.sdks.microsoftTeams,
-            userDisplayName: this.context.pageContext.user.displayName
-        });
-        react_dom__WEBPACK_IMPORTED_MODULE_1__.render(element, this.domElement);
-    };
-    ApprovalAdminWebPart.prototype.onInit = function () {
-        var _this = this;
-        return this._getEnvironmentMessage().then(function (message) {
-            _this._environmentMessage = message;
-        });
-    };
-    ApprovalAdminWebPart.prototype._getEnvironmentMessage = function () {
-        var _this = this;
-        if (!!this.context.sdks.microsoftTeams) { // running in Teams, office.com or Outlook
-            return this.context.sdks.microsoftTeams.teamsJs.app.getContext()
-                .then(function (context) {
-                var environmentMessage = '';
-                switch (context.app.host.name) {
-                    case 'Office': // running in Office
-                        environmentMessage = _this.context.isServedFromLocalhost ? ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppLocalEnvironmentOffice : ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppOfficeEnvironment;
-                        break;
-                    case 'Outlook': // running in Outlook
-                        environmentMessage = _this.context.isServedFromLocalhost ? ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppLocalEnvironmentOutlook : ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppOutlookEnvironment;
-                        break;
-                    case 'Teams': // running in Teams
-                    case 'TeamsModern':
-                        environmentMessage = _this.context.isServedFromLocalhost ? ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppLocalEnvironmentTeams : ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppTeamsTabEnvironment;
-                        break;
-                    default:
-                        environmentMessage = ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.UnknownEnvironment;
-                }
-                return environmentMessage;
-            });
-        }
-        return Promise.resolve(this.context.isServedFromLocalhost ? ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppLocalEnvironmentSharePoint : ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.AppSharePointEnvironment);
-    };
-    ApprovalAdminWebPart.prototype.onThemeChanged = function (currentTheme) {
-        if (!currentTheme) {
-            return;
-        }
-        this._isDarkTheme = !!currentTheme.isInverted;
-        var semanticColors = currentTheme.semanticColors;
-        if (semanticColors) {
-            this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);
-            this.domElement.style.setProperty('--link', semanticColors.link || null);
-            this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);
-        }
-    };
-    ApprovalAdminWebPart.prototype.onDispose = function () {
-        react_dom__WEBPACK_IMPORTED_MODULE_1__.unmountComponentAtNode(this.domElement);
-    };
-    Object.defineProperty(ApprovalAdminWebPart.prototype, "dataVersion", {
-        get: function () {
-            return _microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2__.Version.parse('1.0');
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ApprovalAdminWebPart.prototype.getPropertyPaneConfiguration = function () {
-        return {
-            pages: [
-                {
-                    header: {
-                        description: ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.PropertyPaneDescription
-                    },
-                    groups: [
-                        {
-                            groupName: ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.BasicGroupName,
-                            groupFields: [
-                                (0,_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__.PropertyPaneTextField)('description', {
-                                    label: ApprovalAdminWebPartStrings__WEBPACK_IMPORTED_MODULE_5__.DescriptionFieldLabel
-                                })
-                            ]
-                        }
-                    ]
-                }
-            ]
-        };
-    };
-    return ApprovalAdminWebPart;
-}(_microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4__.BaseClientSideWebPart));
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApprovalAdminWebPart);
+/***/ }),
+
+/***/ 922:
+/*!************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Alert.module.scss.css ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.alert_39a4b1a3{align-items:center;border:1px solid;border-radius:10px;display:flex;font-size:12.5px;gap:10px;line-height:1.5;margin-bottom:18px;padding:12px 16px}.warn_39a4b1a3{background:#fefbf0;border-color:#f0cc5e;color:#854d0e}.ok_39a4b1a3{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.err_39a4b1a3{background:#fef2f2;border-color:#fecaca;color:#dc2626}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  alert: "alert_39a4b1a3",
+  warn: "warn_39a4b1a3",
+  ok: "ok_39a4b1a3",
+  err: "err_39a4b1a3"
+});
+
+
+/***/ }),
+
+/***/ 793:
+/*!************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Badge.module.scss.css ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.badge_3fba18e1{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.2px;padding:3px 11px;white-space:nowrap}.badge_3fba18e1:before{background:currentColor;border-radius:50%;content:\"\";height:5px;width:5px}.ok_3fba18e1{background:#f0fdf4;color:#15803d}.gold_3fba18e1{background:#fdf5e0;color:#854d0e}.neutral_3fba18e1{background:#f3f4f6;color:#6b7280}.blue_3fba18e1{background:#eff6ff;color:#2563eb}.red_3fba18e1{background:#fef2f2;color:#dc2626}.count_3fba18e1{align-items:center;background:#0f2440;border-radius:11px;color:#f0cc5e;display:inline-flex;font-size:11px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  badge: "badge_3fba18e1",
+  ok: "ok_3fba18e1",
+  gold: "gold_3fba18e1",
+  neutral: "neutral_3fba18e1",
+  blue: "blue_3fba18e1",
+  red: "red_3fba18e1",
+  count: "count_3fba18e1"
+});
+
+
+/***/ }),
+
+/***/ 926:
+/*!*************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Button.module.scss.css ***!
+  \*************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.btn_74afcd3b{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:13px;font-weight:500;gap:7px;letter-spacing:.15px;padding:10px 20px;text-decoration:none;transition:.18s;white-space:nowrap}.btn_74afcd3b:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.primary_74afcd3b{background:#1b3a5c;border-color:#1b3a5c;color:#fff}.primary_74afcd3b:hover:not(:disabled){background:#244b73;box-shadow:0 4px 16px rgba(15,36,64,.07)}.accent_74afcd3b{background:linear-gradient(135deg,#e5b635,#d4a01e);border:1px solid #d4a01e;color:#0a1b30;font-weight:600}.accent_74afcd3b:hover{box-shadow:0 4px 20px rgba(212,160,30,.18);transform:translateY(-1px)}.secondary_74afcd3b{background:#fff;border-color:#d1d5db;color:#1b3a5c}.secondary_74afcd3b:hover:not(:disabled){border-color:#d4a01e;color:#0f2440}.ghost_74afcd3b{background:transparent;border-color:transparent;color:#244b73}.ghost_74afcd3b:hover:not(:disabled){background:#e8eef4}.danger_74afcd3b{background:#fff;border-color:#d1d5db;color:#dc2626}.danger_74afcd3b:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.sm_74afcd3b{font-size:12.5px;padding:7px 14px}.iconButton_74afcd3b{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#9ca3af;cursor:pointer;display:inline-flex;height:33px;justify-content:center;padding:0;transition:.18s;width:33px}.iconButton_74afcd3b:hover:not(:disabled){background:#f4f7fa;border-color:#e5e7eb;color:#1b3a5c}.iconButton_74afcd3b.danger_74afcd3b:hover:not(:disabled){background:#fef2f2;color:#dc2626}.iconButton_74afcd3b:disabled{cursor:not-allowed;opacity:.4}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  btn: "btn_74afcd3b",
+  primary: "primary_74afcd3b",
+  accent: "accent_74afcd3b",
+  secondary: "secondary_74afcd3b",
+  ghost: "ghost_74afcd3b",
+  danger: "danger_74afcd3b",
+  sm: "sm_74afcd3b",
+  iconButton: "iconButton_74afcd3b"
+});
+
+
+/***/ }),
+
+/***/ 872:
+/*!***********************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Card.module.scss.css ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.grid_61c1671e{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin-bottom:24px}.navCard_61c1671e{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);color:inherit;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:22px 24px;position:relative;text-decoration:none;transition:.22s}.navCard_61c1671e:hover{border-color:#f0cc5e;box-shadow:0 12px 32px rgba(15,36,64,.1);transform:translateY(-2px)}.navCard_61c1671e:before{background:linear-gradient(180deg,#e5b635,#b8881a);bottom:0;content:\"\";left:0;opacity:0;position:absolute;top:0;transition:.22s;width:3px}.navCard_61c1671e:hover:before{opacity:1}.navIcon_61c1671e{align-items:center;background:#f4f7fa;border:1px solid #e8eef4;border-radius:10px;color:#244b73;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:.22s;width:44px}.navCard_61c1671e:hover .navIcon_61c1671e{background:#fefbf0;border-color:#f0cc5e;color:#b8881a}.navTitle_61c1671e{color:#0f2440;font-size:14.5px;font-weight:600;letter-spacing:.1px}.navDesc_61c1671e{color:#9ca3af;font-size:12px;margin-top:2px}.navArrow_61c1671e{color:#d1d5db;display:flex;margin-left:auto;transition:.22s}.navCard_61c1671e:hover .navArrow_61c1671e{color:#d4a01e;transform:translateX(3px)}.statRow_61c1671e{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:24px}.statCard_61c1671e{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);padding:18px 20px}.statLabel_61c1671e{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:1.2px;margin-bottom:6px;text-transform:uppercase}.statValue_61c1671e{color:#0f2440;font-family:Lora,Georgia,serif;font-size:26px;font-weight:600}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  navCard: "navCard_61c1671e",
+  navIcon: "navIcon_61c1671e",
+  navTitle: "navTitle_61c1671e",
+  navDesc: "navDesc_61c1671e",
+  navArrow: "navArrow_61c1671e",
+  statRow: "statRow_61c1671e",
+  statCard: "statCard_61c1671e",
+  statLabel: "statLabel_61c1671e",
+  statValue: "statValue_61c1671e",
+  grid: "grid_61c1671e"
+});
+
+
+/***/ }),
+
+/***/ 264:
+/*!****************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/DataTable.module.scss.css ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.wrap_c8b7af27{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);overflow:hidden}.table_c8b7af27{border-collapse:collapse;font-size:13.5px;width:100%}.table_c8b7af27 thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:10.5px;font-weight:600;letter-spacing:1.2px;padding:13px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.table_c8b7af27 tbody td{border-bottom:1px solid #f3f4f6;color:#374151;padding:15px 18px;vertical-align:middle}.table_c8b7af27 tbody tr:last-child td{border-bottom:0}.table_c8b7af27 tbody tr{transition:.12s}.table_c8b7af27 tbody tr:hover{background:#fefbf0}.primaryCell_c8b7af27{align-items:center;color:#0f2440;display:flex;font-weight:500;gap:10px}.actionsCell_c8b7af27{align-items:center;display:flex;gap:4px;justify-content:flex-end}.empty_c8b7af27{color:#9ca3af;font-size:13px;padding:48px 20px;text-align:center}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  wrap: "wrap_c8b7af27",
+  table: "table_c8b7af27",
+  primaryCell: "primaryCell_c8b7af27",
+  actionsCell: "actionsCell_c8b7af27",
+  empty: "empty_c8b7af27"
+});
+
+
+/***/ }),
+
+/***/ 550:
+/*!****************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/FormField.module.scss.css ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.grid_32494649{display:grid;gap:18px 22px;grid-template-columns:1fr 1fr}.field_32494649{display:flex;flex-direction:column;gap:6px}.full_32494649{grid-column:1/-1}.label_32494649{color:#374151;font-size:12px;font-weight:500;letter-spacing:.2px}.req_32494649{color:#b8881a}.input_32494649,.select_32494649,.textarea_32494649{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:13.5px;padding:11px 13px;transition:.18s;width:100%}.input_32494649:focus,.select_32494649:focus,.textarea_32494649:focus{border-color:#d4a01e;box-shadow:0 0 0 3px rgba(212,160,30,.12);outline:0}.input_32494649:-ms-input-placeholder, .select_32494649:-ms-input-placeholder, .textarea_32494649:-ms-input-placeholder{color:#9ca3af}.input_32494649::placeholder,.select_32494649::placeholder,.textarea_32494649::placeholder{color:#9ca3af}.input_32494649:disabled,.select_32494649:disabled,.textarea_32494649:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.textarea_32494649{min-height:80px;resize:vertical}.select_32494649{appearance:none;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.errorText_32494649{color:#dc2626;font-size:11.5px}.hint_32494649{color:#9ca3af;font-size:11.5px}.checkboxRow_32494649{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox_32494649{accent-color:#d4a01e;cursor:pointer;height:17px;width:17px}.radioGroup_32494649{display:flex;flex-direction:column;gap:8px}.radioRow_32494649{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radioRow_32494649.disabled_32494649{cursor:not-allowed;opacity:.45}.radio_32494649{accent-color:#d4a01e;cursor:pointer;height:16px;width:16px}.radio_32494649:disabled{cursor:not-allowed}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  field: "field_32494649",
+  full: "full_32494649",
+  label: "label_32494649",
+  req: "req_32494649",
+  input: "input_32494649",
+  select: "select_32494649",
+  textarea: "textarea_32494649",
+  errorText: "errorText_32494649",
+  hint: "hint_32494649",
+  checkboxRow: "checkboxRow_32494649",
+  checkbox: "checkbox_32494649",
+  radioGroup: "radioGroup_32494649",
+  radioRow: "radioRow_32494649",
+  disabled: "disabled_32494649",
+  radio: "radio_32494649",
+  grid: "grid_32494649"
+});
+
+
+/***/ }),
+
+/***/ 595:
+/*!************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Modal.module.scss.css ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.overlay_4d365bec{align-items:center;backdrop-filter:blur(6px);background:rgba(10,27,48,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.box_4d365bec{background:#fff;border-radius:14px;border-top:3px solid #d4a01e;box-shadow:0 24px 70px rgba(10,27,48,.25);max-height:calc(100vh - 40px);max-width:100%;overflow-y:auto;width:480px}.narrow_4d365bec{padding:30px;text-align:center;width:420px}.header_4d365bec{align-items:center;display:flex;justify-content:space-between;padding:22px 26px 0}.title_4d365bec{color:#0f2440;font-family:Lora,Georgia,serif;font-size:19px;font-weight:600}.body_4d365bec{padding:18px 26px 26px}.narrowBody_4d365bec{padding:0}.text_4d365bec{color:#6b7280;font-size:13px;line-height:1.6;margin-bottom:24px}.footer_4d365bec{display:flex;gap:10px;justify-content:flex-end;padding:16px 26px 22px}.narrowFooter_4d365bec{justify-content:center;margin-top:24px;padding:0}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  overlay: "overlay_4d365bec",
+  box: "box_4d365bec",
+  narrow: "narrow_4d365bec",
+  header: "header_4d365bec",
+  title: "title_4d365bec",
+  body: "body_4d365bec",
+  narrowBody: "narrowBody_4d365bec",
+  text: "text_4d365bec",
+  footer: "footer_4d365bec",
+  narrowFooter: "narrowFooter_4d365bec"
+});
+
+
+/***/ }),
+
+/***/ 521:
+/*!*****************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/PageChrome.module.scss.css ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js */ 323);
+// Imports
+
+
+_node_modules_microsoft_sp_css_loader_node_modules_microsoft_load_themed_styles_lib_es6_index_js__WEBPACK_IMPORTED_MODULE_0__.loadStyles(":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.bread_22491a1c{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:7px;letter-spacing:.2px;margin-bottom:14px}.breadLink_22491a1c{background:none;border:0;color:#244b73;cursor:pointer;font:inherit;padding:0;text-decoration:none}.breadLink_22491a1c:hover{color:#b8881a}.sep_22491a1c{color:#e5b635;font-size:10px}.ph_22491a1c{align-items:center;background:linear-gradient(135deg,#0a1b30,#1b3a5c 85%);border-radius:14px;box-shadow:0 4px 16px rgba(15,36,64,.07);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:26px 30px;position:relative}.ph_22491a1c:before{background:linear-gradient(90deg,#d4a01e,transparent 60%);bottom:0;content:\"\";height:2px;left:0;position:absolute;right:0}.ph_22491a1c:after{background:radial-gradient(circle,rgba(212,160,30,.14),transparent 65%);border-radius:50%;content:\"\";height:220px;position:absolute;right:-60px;top:-60px;width:220px}.phLeft_22491a1c{align-items:center;display:flex;gap:18px;position:relative;z-index:1}.phIcon_22491a1c{align-items:center;background:rgba(212,160,30,.14);border:1px solid rgba(212,160,30,.3);border-radius:10px;color:#f0cc5e;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.phSub_22491a1c{color:hsla(0,0%,100%,.55);font-size:10.5px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase}.phTitle_22491a1c{color:#fff;font-family:Lora,Georgia,serif;font-size:24px;font-weight:600;letter-spacing:.2px;margin-top:3px}.phRight_22491a1c{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}", true);
+
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  bread: "bread_22491a1c",
+  breadLink: "breadLink_22491a1c",
+  sep: "sep_22491a1c",
+  ph: "ph_22491a1c",
+  phLeft: "phLeft_22491a1c",
+  phIcon: "phIcon_22491a1c",
+  phSub: "phSub_22491a1c",
+  phTitle: "phTitle_22491a1c",
+  phRight: "phRight_22491a1c"
+});
 
 
 /***/ }),
@@ -168,64 +342,1633 @@ var ApprovalAdminWebPart = /** @class */ (function (_super) {
   \****************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! tslib */ 196);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ApprovalAdmin.module.scss */ 845);
-/* harmony import */ var _microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @microsoft/sp-lodash-subset */ 529);
-/* harmony import */ var _microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _app_AdminApp__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./app/AdminApp */ 619);
+/* harmony import */ var _services_api__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../services/api */ 905);
+/* harmony import */ var _services_httpClient__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../services/httpClient */ 10);
 
 
 
 
-var ApprovalAdmin = /** @class */ (function (_super) {
-    (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__extends)(ApprovalAdmin, _super);
-    function ApprovalAdmin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ApprovalAdmin.prototype.render = function () {
-        var _a = this.props, description = _a.description, isDarkTheme = _a.isDarkTheme, environmentMessage = _a.environmentMessage, hasTeamsContext = _a.hasTeamsContext, userDisplayName = _a.userDisplayName;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("section", { className: "".concat(_ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].approvalAdmin, " ").concat(hasTeamsContext ? _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].teams : '') },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].welcome },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { alt: "", src: isDarkTheme ? __webpack_require__(/*! ../assets/welcome-dark.png */ 91) : __webpack_require__(/*! ../assets/welcome-light.png */ 459), className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].welcomeImage }),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("h2", null,
-                    "Well done, ",
-                    (0,_microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__.escape)(userDisplayName),
-                    "!"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, environmentMessage),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
-                    "Web part property value: ",
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("strong", null, (0,_microsoft_sp_lodash_subset__WEBPACK_IMPORTED_MODULE_2__.escape)(description)))),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3", null, "Welcome to SharePoint Framerk!"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", null, "The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It's the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling."),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("h4", null, "Learn more about SPFx development:"),
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].links },
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx", target: "_blank", rel: "noreferrer" }, "SharePoint Framework Overview")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-graph", target: "_blank", rel: "noreferrer" }, "Use Microsoft Graph in your solution")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-teams", target: "_blank", rel: "noreferrer" }, "Build for Microsoft Teams using SharePoint Framework")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-viva", target: "_blank", rel: "noreferrer" }, "Build for Microsoft Viva Connections using SharePoint Framework")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-store", target: "_blank", rel: "noreferrer" }, "Publish SharePoint Framework applications to the marketplace")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/spfx-yeoman-api", target: "_blank", rel: "noreferrer" }, "SharePoint Framework API reference")),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", null,
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { href: "https://aka.ms/m365pnp", target: "_blank", rel: "noreferrer" }, "Microsoft 365 Developer Community"))))));
-    };
-    return ApprovalAdmin;
-}(react__WEBPACK_IMPORTED_MODULE_0__.Component));
+
+
+var FONTS_LINK_ID = 'tnsu-approval-admin-fonts';
+function ensureFontsLoaded() {
+    if (typeof document === 'undefined' || document.getElementById(FONTS_LINK_ID))
+        return;
+    var link = document.createElement('link');
+    link.id = FONTS_LINK_ID;
+    link.rel = 'stylesheet';
+    link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap';
+    document.head.appendChild(link);
+}
+function createHttpClient(props) {
+    return (0,tslib__WEBPACK_IMPORTED_MODULE_5__.__awaiter)(this, void 0, void 0, function () {
+        var aadClient;
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_5__.__generator)(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (props.useDevAuth) {
+                        return [2 /*return*/, new _services_httpClient__WEBPACK_IMPORTED_MODULE_4__.DevApiHttpClient(props.apiBaseUrl, props.devUserEmail || 'dev@tnsu.kz')];
+                    }
+                    return [4 /*yield*/, props.context.aadHttpClientFactory.getClient(props.aadResourceId)];
+                case 1:
+                    aadClient = _a.sent();
+                    return [2 /*return*/, new _services_httpClient__WEBPACK_IMPORTED_MODULE_4__.AadApiHttpClient(aadClient, props.apiBaseUrl)];
+            }
+        });
+    });
+}
+var ApprovalAdmin = function (props) {
+    var _a = react__WEBPACK_IMPORTED_MODULE_0__.useState(), api = _a[0], setApi = _a[1];
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState(), error = _b[0], setError = _b[1];
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+        ensureFontsLoaded();
+    }, []);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+        var cancelled = false;
+        setApi(undefined);
+        setError(undefined);
+        createHttpClient(props)
+            .then(function (client) { if (!cancelled)
+            setApi(new _services_api__WEBPACK_IMPORTED_MODULE_3__.ApprovalRouteApi(client)); })
+            .catch(function (e) { if (!cancelled)
+            setError(e.message); });
+        return function () { cancelled = true; };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.useDevAuth, props.apiBaseUrl, props.devUserEmail, props.aadResourceId]);
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("section", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].approvalAdmin },
+        error && (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].stateBox },
+            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C\u0441\u044F \u043A API: ",
+            error,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null),
+            "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 \u0432\u0435\u0431-\u0447\u0430\u0441\u0442\u0438 (Api Base Url, \u0440\u0435\u0436\u0438\u043C \u0430\u0432\u0442\u043E\u0440\u0438\u0437\u0430\u0446\u0438\u0438) \u0432 \u043F\u0430\u043D\u0435\u043B\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A.")),
+        !error && !api && react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _ApprovalAdmin_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].stateBox }, "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u043A API..."),
+        api && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_app_AdminApp__WEBPACK_IMPORTED_MODULE_2__.AdminApp, { api: api, currentUserEmail: props.context.pageContext.user.email })));
+};
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApprovalAdmin);
 
 
+/***/ }),
+
+/***/ 619:
+/*!***************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/app/AdminApp.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AdminApp: () => (/* binding */ AdminApp)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _AdminApp_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./AdminApp.module.scss */ 41);
+/* harmony import */ var _TopNav__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./TopNav */ 801);
+/* harmony import */ var _screens_DashboardScreen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../screens/DashboardScreen */ 379);
+/* harmony import */ var _screens_RequestTypesScreen__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../screens/RequestTypesScreen */ 273);
+/* harmony import */ var _screens_RoutesScreen__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../screens/RoutesScreen */ 373);
+/* harmony import */ var _screens_RouteStepsScreen__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../screens/RouteStepsScreen */ 187);
+/* harmony import */ var _screens_ResolveScreen__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../screens/ResolveScreen */ 667);
+
+
+
+
+
+
+
+
+var AdminApp = function (_a) {
+    var api = _a.api, currentUserEmail = _a.currentUserEmail;
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState('dashboard'), screen = _b[0], setScreen = _b[1];
+    var _c = react__WEBPACK_IMPORTED_MODULE_0__.useState(), selectedRoute = _c[0], setSelectedRoute = _c[1];
+    var _d = react__WEBPACK_IMPORTED_MODULE_0__.useState(''), selectedRequestTypeName = _d[0], setSelectedRequestTypeName = _d[1];
+    var navigate = function (key) {
+        setScreen(key);
+    };
+    var openSteps = function (route) {
+        setSelectedRoute(route);
+        api.requestTypes.get(route.requestTypeId)
+            .then(function (rt) { return setSelectedRequestTypeName(rt.name); })
+            .catch(function () { return setSelectedRequestTypeName("#".concat(route.requestTypeId)); });
+        setScreen('routeSteps');
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _AdminApp_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].shell },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_TopNav__WEBPACK_IMPORTED_MODULE_2__.TopNav, { active: screen, onSelect: navigate }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _AdminApp_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].content },
+            screen === 'dashboard' && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_screens_DashboardScreen__WEBPACK_IMPORTED_MODULE_3__.DashboardScreen, { api: api, onNavigate: navigate }),
+            screen === 'requestTypes' && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_screens_RequestTypesScreen__WEBPACK_IMPORTED_MODULE_4__.RequestTypesScreen, { api: api }),
+            screen === 'routes' && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_screens_RoutesScreen__WEBPACK_IMPORTED_MODULE_5__.RoutesScreen, { api: api, onOpenSteps: openSteps }),
+            screen === 'routeSteps' && selectedRoute && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_screens_RouteStepsScreen__WEBPACK_IMPORTED_MODULE_6__.RouteStepsScreen, { api: api, route: selectedRoute, requestTypeName: selectedRequestTypeName, onBack: function () { return setScreen('routes'); } })),
+            screen === 'resolve' && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_screens_ResolveScreen__WEBPACK_IMPORTED_MODULE_7__.ResolveScreen, { api: api, currentUserEmail: currentUserEmail }))));
+};
+
+
+/***/ }),
+
+/***/ 801:
+/*!*************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/app/TopNav.js ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   TopNav: () => (/* binding */ TopNav)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./TopNav.module.scss */ 923);
+
+
+var TABS = [
+    { key: 'dashboard', label: 'Дашборд' },
+    { key: 'requestTypes', label: 'Типы заявок' },
+    { key: 'routes', label: 'Маршруты' },
+    { key: 'resolve', label: 'Проверка маршрута' }
+];
+var TopNav = function (_a) {
+    var active = _a.active, onSelect = _a.onSelect;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("nav", { className: _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].topnav },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].brand },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].mark }, "T"),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].brandText },
+                "TNSU ",
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("em", null, "Approval Route"))),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].tabs }, TABS.map(function (tab) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { key: tab.key, className: "".concat(_TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].tab, " ").concat((active === tab.key || (active === 'routeSteps' && tab.key === 'routes')) ? _TopNav_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].on : ''), onClick: function () { return onSelect(tab.key); } }, tab.label)); }))));
+};
+
+
+/***/ }),
+
+/***/ 379:
+/*!**************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/screens/DashboardScreen.js ***!
+  \**************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DashboardScreen: () => (/* binding */ DashboardScreen)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ui */ 536);
+
+
+var DashboardScreen = function (_a) {
+    var api = _a.api, onNavigate = _a.onNavigate;
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState(), requestTypesCount = _b[0], setRequestTypesCount = _b[1];
+    var _c = react__WEBPACK_IMPORTED_MODULE_0__.useState(), routesCount = _c[0], setRoutesCount = _c[1];
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+        api.requestTypes.list().then(function (items) { return setRequestTypesCount(items.length); }).catch(function () { return setRequestTypesCount(undefined); });
+        api.templateRoutes.list().then(function (items) { return setRoutesCount(items.length); }).catch(function () { return setRoutesCount(undefined); });
+    }, [api]);
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.StatRow, null,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.StatCard, { label: "\u0422\u0438\u043F\u043E\u0432 \u0437\u0430\u044F\u0432\u043E\u043A", value: requestTypesCount !== null && requestTypesCount !== void 0 ? requestTypesCount : '—' }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.StatCard, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u043E\u0432 \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u044F", value: routesCount !== null && routesCount !== void 0 ? routesCount : '—' })),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: { fontSize: 10, textTransform: 'uppercase', letterSpacing: 1.6, color: 'var(--gray-400)', fontWeight: 600, marginBottom: 12 } }, "\u0420\u0430\u0437\u0434\u0435\u043B\u044B"),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("hr", { style: { height: 1, background: 'linear-gradient(90deg, var(--gold-400), transparent 70%)', border: 0, margin: '6px 0 22px' } }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.CardGrid, null,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.NavCard, { icon: "clipboard", title: "\u0422\u0438\u043F\u044B \u0437\u0430\u044F\u0432\u043E\u043A", description: "\u0421\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A \u0442\u0438\u043F\u043E\u0432 \u0437\u0430\u044F\u0432\u043E\u043A \u0438 \u0438\u0445 \u0441\u0442\u0440\u0430\u043D\u0438\u0446", onClick: function () { return onNavigate('requestTypes'); } }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.NavCard, { icon: "route", title: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u044B \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u044F", description: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u044B, \u0448\u0430\u0433\u0438 \u0438 \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u0438", onClick: function () { return onNavigate('routes'); } }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.NavCard, { icon: "search", title: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", description: "\u041A\u0430\u043A \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u0441\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0434\u043B\u044F \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u043E\u0433\u043E \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F", onClick: function () { return onNavigate('resolve'); } }))));
+};
+
+
+/***/ }),
+
+/***/ 273:
+/*!*****************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/screens/RequestTypesScreen.js ***!
+  \*****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RequestTypesScreen: () => (/* binding */ RequestTypesScreen)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ui */ 536);
+
+
+
+var EMPTY_FORM = { name: '', pageUrl: '' };
+var RequestTypesScreen = function (_a) {
+    var api = _a.api;
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState([]), items = _b[0], setItems = _b[1];
+    var _c = react__WEBPACK_IMPORTED_MODULE_0__.useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = react__WEBPACK_IMPORTED_MODULE_0__.useState(), loadError = _d[0], setLoadError = _d[1];
+    var _e = react__WEBPACK_IMPORTED_MODULE_0__.useState(), editing = _e[0], setEditing = _e[1];
+    var _f = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), showForm = _f[0], setShowForm = _f[1];
+    var _g = react__WEBPACK_IMPORTED_MODULE_0__.useState(EMPTY_FORM), form = _g[0], setForm = _g[1];
+    var _h = react__WEBPACK_IMPORTED_MODULE_0__.useState(), formError = _h[0], setFormError = _h[1];
+    var _j = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), saving = _j[0], setSaving = _j[1];
+    var _k = react__WEBPACK_IMPORTED_MODULE_0__.useState(), deleting = _k[0], setDeleting = _k[1];
+    var _l = react__WEBPACK_IMPORTED_MODULE_0__.useState(), deleteError = _l[0], setDeleteError = _l[1];
+    var _m = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), deleteBusy = _m[0], setDeleteBusy = _m[1];
+    var load = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function () {
+        setLoading(true);
+        setLoadError(undefined);
+        api.requestTypes
+            .list()
+            .then(setItems)
+            .catch(function (e) { return setLoadError(e.message); })
+            .finally(function () { return setLoading(false); });
+    }, [api]);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () { load(); }, [load]);
+    var openCreate = function () {
+        setEditing(undefined);
+        setForm(EMPTY_FORM);
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var openEdit = function (item) {
+        setEditing(item);
+        setForm({ name: item.name, pageUrl: item.pageUrl });
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var submit = function () {
+        if (!form.name.trim() || !form.pageUrl.trim()) {
+            setFormError('Заполните имя и Url страницы.');
+            return;
+        }
+        setSaving(true);
+        setFormError(undefined);
+        var request = editing
+            ? api.requestTypes.update(editing.id, { name: form.name.trim(), pageUrl: form.pageUrl.trim() })
+            : api.requestTypes.create({ name: form.name.trim(), pageUrl: form.pageUrl.trim() });
+        request
+            .then(function () {
+            setShowForm(false);
+            load();
+        })
+            .catch(function (e) { return setFormError(e.message); })
+            .finally(function () { return setSaving(false); });
+    };
+    var confirmDelete = function () {
+        if (!deleting)
+            return;
+        setDeleteBusy(true);
+        setDeleteError(undefined);
+        api.requestTypes
+            .remove(deleting.id)
+            .then(function () {
+            setDeleting(undefined);
+            load();
+        })
+            .catch(function (e) { return setDeleteError(e.message); })
+            .finally(function () { return setDeleteBusy(false); });
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Breadcrumbs, { items: [{ label: 'Главная' }, { label: 'Типы заявок' }] }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.PageHeader, { icon: "clipboard", subtitle: "\u0421\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A", title: "\u0422\u0438\u043F\u044B \u0437\u0430\u044F\u0432\u043E\u043A", actions: react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { variant: "accent", icon: "plus", onClick: openCreate }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0442\u0438\u043F") }),
+        loadError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, { kind: "err" }, loadError),
+        deleteError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, { kind: "err" }, deleteError),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.DataTable, { columns: [
+                { key: 'name', header: 'Название', render: function (r) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.PrimaryCell, null, r.name); } },
+                { key: 'url', header: 'Url страницы', render: function (r) { return r.pageUrl; } },
+                {
+                    key: 'actions',
+                    header: '',
+                    width: '100px',
+                    align: 'right',
+                    render: function (r) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.ActionsCell, null,
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.IconButton, { icon: "edit", label: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C", onClick: function () { return openEdit(r); } }),
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.IconButton, { icon: "trash", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", danger: true, onClick: function () { setDeleteError(undefined); setDeleting(r); } }))); }
+                }
+            ], rows: items, keyOf: function (r) { return r.id; }, emptyMessage: loading ? 'Загрузка...' : 'Типов заявок пока нет.' }),
+        showForm && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Modal, { title: editing ? 'Редактировать тип заявки' : 'Новый тип заявки', onClose: function () { return setShowForm(false); }, footer: react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { variant: "secondary", onClick: function () { return setShowForm(false); }, disabled: saving }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { variant: "accent", icon: "check", onClick: submit, disabled: saving }, saving ? 'Сохранение...' : 'Сохранить')) },
+            formError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Alert, { kind: "err" }, formError),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.FormGrid, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Field, { label: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435", required: true, full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.TextInput, { value: form.name, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, form), { name: e.target.value })); }, placeholder: "\u041D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u0417\u0430\u044F\u0432\u043A\u0430 \u043D\u0430 \u043A\u043E\u043C\u0430\u043D\u0434\u0438\u0440\u043E\u0432\u043A\u0443" })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.Field, { label: "Url \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B", required: true, full: true, hint: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 \u0444\u043E\u0440\u043C\u044B \u0437\u0430\u044F\u0432\u043A\u0438 \u043D\u0430 \u043F\u043E\u0440\u0442\u0430\u043B\u0435." },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.TextInput, { value: form.pageUrl, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, form), { pageUrl: e.target.value })); }, placeholder: "/pages/business-trip" }))))),
+        deleting && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_1__.ConfirmDialog, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438?", text: "\u0422\u0438\u043F \u00AB".concat(deleting.name, "\u00BB \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0451\u043D \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E. \u0421\u0432\u044F\u0437\u0430\u043D\u043D\u044B\u0435 \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u044B \u043C\u043E\u0433\u0443\u0442 \u043F\u0435\u0440\u0435\u0441\u0442\u0430\u0442\u044C \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044C\u0441\u044F."), confirmLabel: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", busy: deleteBusy, onCancel: function () { return setDeleting(undefined); }, onConfirm: confirmDelete }))));
+};
+
+
+/***/ }),
+
+/***/ 667:
+/*!************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/screens/ResolveScreen.js ***!
+  \************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ResolveScreen: () => (/* binding */ ResolveScreen)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../models */ 907);
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ui */ 536);
+
+
+
+var STATUS_OPTIONS = [_models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Approval, _models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Execution]
+    .map(function (v) { return ({ value: v, label: _models__WEBPACK_IMPORTED_MODULE_1__.routeStepStatusLabels[v] }); });
+var ResolveScreen = function (_a) {
+    var api = _a.api, currentUserEmail = _a.currentUserEmail;
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState([]), requestTypes = _b[0], setRequestTypes = _b[1];
+    var _c = react__WEBPACK_IMPORTED_MODULE_0__.useState(''), requestTypeId = _c[0], setRequestTypeId = _c[1];
+    var _d = react__WEBPACK_IMPORTED_MODULE_0__.useState(''), userEmail = _d[0], setUserEmail = _d[1];
+    var _e = react__WEBPACK_IMPORTED_MODULE_0__.useState(''), projectId = _e[0], setProjectId = _e[1];
+    var _f = react__WEBPACK_IMPORTED_MODULE_0__.useState(_models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Approval), status = _f[0], setStatus = _f[1];
+    var _g = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), busy = _g[0], setBusy = _g[1];
+    var _h = react__WEBPACK_IMPORTED_MODULE_0__.useState(), error = _h[0], setError = _h[1];
+    var _j = react__WEBPACK_IMPORTED_MODULE_0__.useState(), result = _j[0], setResult = _j[1];
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+        api.requestTypes.list().then(setRequestTypes).catch(function () { });
+    }, [api]);
+    var run = function () {
+        if (!requestTypeId) {
+            setError('Выберите тип заявки.');
+            return;
+        }
+        setBusy(true);
+        setError(undefined);
+        setResult(undefined);
+        api.templateRoutes
+            .resolve({
+            requestTypeId: Number(requestTypeId),
+            userEmail: userEmail.trim() || undefined,
+            projectId: projectId.trim() || undefined,
+            status: status
+        })
+            .then(setResult)
+            .catch(function (e) { return setError(e.message); })
+            .finally(function () { return setBusy(false); });
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Breadcrumbs, { items: [{ label: 'Главная' }, { label: 'Проверка маршрута' }] }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.PageHeader, { icon: "search", subtitle: "\u0414\u0438\u0430\u0433\u043D\u043E\u0441\u0442\u0438\u043A\u0430", title: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430" }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: { background: '#fff', borderRadius: 14, padding: 26, boxShadow: 'var(--sh-1)', border: '1px solid var(--gray-200)', marginBottom: 24 } },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.FormGrid, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: requestTypeId, onChange: function (e) { return setRequestTypeId(e.target.value); } })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "Email \u0438\u043D\u0438\u0446\u0438\u0430\u0442\u043E\u0440\u0430", hint: currentUserEmail ? "\u041F\u0443\u0441\u0442\u043E = \u0442\u0435\u043A\u0443\u0449\u0438\u0439 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C (".concat(currentUserEmail, ").") : 'Пусто = текущий пользователь из токена.' },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: userEmail, onChange: function (e) { return setUserEmail(e.target.value); }, placeholder: "user@tnsu.kz" })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "Id \u043F\u0440\u043E\u0435\u043A\u0442\u0430 (Guid)", hint: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435, \u0435\u0441\u043B\u0438 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043E\u0442 \u043F\u0440\u043E\u0435\u043A\u0442\u0430." },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: projectId, onChange: function (e) { return setProjectId(e.target.value); }, placeholder: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E" })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0421\u0442\u0430\u0442\u0443\u0441", required: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: STATUS_OPTIONS, value: status, onChange: function (e) { return setStatus(e.target.value); } }))),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: { marginTop: 18 } },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "accent", icon: "search", onClick: run, disabled: busy }, busy ? 'Проверка...' : 'Проверить'))),
+        error && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, error),
+        result && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "ok" },
+                "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #",
+                result.routeId,
+                " \u00B7 ",
+                _models__WEBPACK_IMPORTED_MODULE_1__.routeTypeLabels[result.routeType],
+                result.requiresControl ? ' · требуется контроль исполнения' : ''),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.DataTable, { columns: [
+                    { key: 'order', header: '№', width: '50px', render: function (r) { return r.orderNo; } },
+                    { key: 'executor', header: 'Исполнитель', render: function (r) { var _a; return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.PrimaryCell, null, (_a = r.executorEmail) !== null && _a !== void 0 ? _a : '—'); } },
+                    { key: 'position', header: 'Должность', render: function (r) { var _a; return (_a = r.position) !== null && _a !== void 0 ? _a : '—'; } },
+                    {
+                        key: 'reassign',
+                        header: 'Переназначение',
+                        align: 'center',
+                        render: function (r) { return (r.allowReassignToOtherApprovers ? 'Разрешено' : 'Нет'); }
+                    }
+                ], rows: result.steps, keyOf: function (r) { return r.id; }, emptyMessage: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043B\u0441\u044F \u0431\u0435\u0437 \u0448\u0430\u0433\u043E\u0432 \u0434\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0441\u0442\u0430\u0442\u0443\u0441\u0430." })))));
+};
+
+
+/***/ }),
+
+/***/ 187:
+/*!***************************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/screens/RouteStepsScreen.js ***!
+  \***************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RouteStepsScreen: () => (/* binding */ RouteStepsScreen)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../models */ 907);
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ui */ 536);
+
+
+
+
+function emptyForm(nextOrderNo) {
+    return {
+        orderNo: String(nextOrderNo),
+        status: _models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Approval,
+        kind: 'email',
+        executorEmail: '',
+        position: '',
+        projectRole: _models__WEBPACK_IMPORTED_MODULE_1__.ProjectRole.ProjectManager,
+        headType: _models__WEBPACK_IMPORTED_MODULE_1__.HeadType.Chief,
+        allowReassignToOtherApprovers: false
+    };
+}
+var STATUS_OPTIONS = [_models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Approval, _models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Execution]
+    .map(function (v) { return ({ value: v, label: _models__WEBPACK_IMPORTED_MODULE_1__.routeStepStatusLabels[v] }); });
+var PROJECT_ROLE_OPTIONS = Object.values(_models__WEBPACK_IMPORTED_MODULE_1__.ProjectRole)
+    .filter(function (v) { return v !== _models__WEBPACK_IMPORTED_MODULE_1__.ProjectRole.None; })
+    .map(function (v) { return ({ value: v, label: _models__WEBPACK_IMPORTED_MODULE_1__.projectRoleLabels[v] }); });
+var HEAD_TYPE_OPTIONS = Object.values(_models__WEBPACK_IMPORTED_MODULE_1__.HeadType)
+    .filter(function (v) { return v !== _models__WEBPACK_IMPORTED_MODULE_1__.HeadType.None; })
+    .map(function (v) { return ({ value: v, label: _models__WEBPACK_IMPORTED_MODULE_1__.headTypeLabels[v] }); });
+var RouteStepsScreen = function (_a) {
+    var api = _a.api, route = _a.route, requestTypeName = _a.requestTypeName, onBack = _a.onBack;
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState([]), items = _b[0], setItems = _b[1];
+    var _c = react__WEBPACK_IMPORTED_MODULE_0__.useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = react__WEBPACK_IMPORTED_MODULE_0__.useState(), loadError = _d[0], setLoadError = _d[1];
+    var _e = react__WEBPACK_IMPORTED_MODULE_0__.useState(), warning = _e[0], setWarning = _e[1];
+    var _f = react__WEBPACK_IMPORTED_MODULE_0__.useState(), editing = _f[0], setEditing = _f[1];
+    var _g = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), showForm = _g[0], setShowForm = _g[1];
+    var _h = react__WEBPACK_IMPORTED_MODULE_0__.useState(emptyForm(1)), form = _h[0], setForm = _h[1];
+    var _j = react__WEBPACK_IMPORTED_MODULE_0__.useState(), formError = _j[0], setFormError = _j[1];
+    var _k = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), saving = _k[0], setSaving = _k[1];
+    var _l = react__WEBPACK_IMPORTED_MODULE_0__.useState(), deleting = _l[0], setDeleting = _l[1];
+    var _m = react__WEBPACK_IMPORTED_MODULE_0__.useState(), deleteError = _m[0], setDeleteError = _m[1];
+    var _o = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), deleteBusy = _o[0], setDeleteBusy = _o[1];
+    var load = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function () {
+        setLoading(true);
+        setLoadError(undefined);
+        api.templateRouteSteps
+            .list(route.id)
+            .then(setItems)
+            .catch(function (e) { return setLoadError(e.message); })
+            .finally(function () { return setLoading(false); });
+    }, [api, route.id]);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () { load(); }, [load]);
+    var openCreate = function () {
+        setEditing(undefined);
+        var nextOrder = items.length > 0 ? Math.max.apply(Math, items.map(function (s) { return s.orderNo; })) + 1 : 1;
+        setForm(emptyForm(nextOrder));
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var openEdit = function (item) {
+        var _a, _b;
+        setEditing(item);
+        setForm({
+            orderNo: String(item.orderNo),
+            status: item.status,
+            kind: (0,_models__WEBPACK_IMPORTED_MODULE_1__.detectExecutorKind)(item),
+            executorEmail: (_a = item.executorEmail) !== null && _a !== void 0 ? _a : '',
+            position: (_b = item.position) !== null && _b !== void 0 ? _b : '',
+            projectRole: item.projectRole && item.projectRole !== _models__WEBPACK_IMPORTED_MODULE_1__.ProjectRole.None ? item.projectRole : _models__WEBPACK_IMPORTED_MODULE_1__.ProjectRole.ProjectManager,
+            headType: item.headType && item.headType !== _models__WEBPACK_IMPORTED_MODULE_1__.HeadType.None ? item.headType : _models__WEBPACK_IMPORTED_MODULE_1__.HeadType.Chief,
+            allowReassignToOtherApprovers: item.allowReassignToOtherApprovers
+        });
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var submit = function () {
+        var orderNo = Number(form.orderNo);
+        if (!orderNo || orderNo < 1) {
+            setFormError('Порядковый номер шага обязателен.');
+            return;
+        }
+        if (form.kind === 'email' && !form.executorEmail.trim()) {
+            setFormError('Укажите email исполнителя.');
+            return;
+        }
+        if (form.kind === 'position' && !form.position.trim()) {
+            setFormError('Укажите должность.');
+            return;
+        }
+        var payload = {
+            orderNo: orderNo,
+            status: form.status,
+            allowReassignToOtherApprovers: form.allowReassignToOtherApprovers,
+            executorEmail: form.kind === 'email' ? form.executorEmail.trim() : null,
+            position: form.kind === 'position' ? form.position.trim() : null,
+            projectRole: form.kind === 'projectRole' ? form.projectRole : null,
+            headType: form.kind === 'headType' ? form.headType : null
+        };
+        setSaving(true);
+        setFormError(undefined);
+        var request = editing
+            ? api.templateRouteSteps.update(route.id, editing.id, payload)
+            : api.templateRouteSteps.create(route.id, payload);
+        request
+            .then(function (step) {
+            var _a;
+            setShowForm(false);
+            setWarning((_a = step.warning) !== null && _a !== void 0 ? _a : undefined);
+            load();
+        })
+            .catch(function (e) { return setFormError(e.message); })
+            .finally(function () { return setSaving(false); });
+    };
+    var confirmDelete = function () {
+        if (!deleting)
+            return;
+        setDeleteBusy(true);
+        setDeleteError(undefined);
+        api.templateRouteSteps
+            .remove(route.id, deleting.id)
+            .then(function () {
+            setDeleting(undefined);
+            load();
+        })
+            .catch(function (e) { return setDeleteError(e.message); })
+            .finally(function () { return setDeleteBusy(false); });
+    };
+    var sorted = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__spreadArray)([], items, true).sort(function (a, b) { return a.orderNo - b.orderNo; });
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Breadcrumbs, { items: [
+                { label: 'Главная' },
+                { label: 'Маршруты согласования', onClick: onBack },
+                { label: "\u0428\u0430\u0433\u0438 \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 #".concat(route.id) }
+            ] }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.PageHeader, { icon: "flag-check", subtitle: "".concat(requestTypeName, " \u00B7 ").concat(_models__WEBPACK_IMPORTED_MODULE_1__.routeTypeLabels[route.routeType]), title: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #".concat(route.id), actions: react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "ghost", icon: "arrow-left", onClick: onBack }, "\u041A \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430\u043C"),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "accent", icon: "plus", onClick: openCreate }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0448\u0430\u0433")) }),
+        warning && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "warn" }, warning),
+        loadError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, loadError),
+        deleteError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, deleteError),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.DataTable, { columns: [
+                { key: 'order', header: '№', width: '50px', render: function (r) { return r.orderNo; } },
+                {
+                    key: 'executor',
+                    header: 'Исполнитель',
+                    render: function (r) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.PrimaryCell, null, describeExecutor(r)); }
+                },
+                {
+                    key: 'status',
+                    header: 'Статус',
+                    render: function (r) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: r.status === _models__WEBPACK_IMPORTED_MODULE_1__.RouteStepStatus.Approval ? 'gold' : 'blue' }, _models__WEBPACK_IMPORTED_MODULE_1__.routeStepStatusLabels[r.status])); }
+                },
+                {
+                    key: 'reassign',
+                    header: 'Переназначение',
+                    align: 'center',
+                    render: function (r) { return (r.allowReassignToOtherApprovers ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: "ok" }, "\u0420\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u043E") : react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: "neutral" }, "\u041D\u0435\u0442")); }
+                },
+                {
+                    key: 'actions',
+                    header: '',
+                    width: '100px',
+                    align: 'right',
+                    render: function (r) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.ActionsCell, null,
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, { icon: "edit", label: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C", onClick: function () { return openEdit(r); } }),
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, { icon: "trash", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", danger: true, onClick: function () { setDeleteError(undefined); setDeleting(r); } }))); }
+                }
+            ], rows: sorted, keyOf: function (r) { return r.id; }, emptyMessage: loading ? 'Загрузка...' : 'Шагов пока нет — добавьте первый.' }),
+        showForm && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Modal, { title: editing ? "\u0428\u0430\u0433 #".concat(editing.orderNo) : 'Новый шаг маршрута', onClose: function () { return setShowForm(false); }, footer: react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "secondary", onClick: function () { return setShowForm(false); }, disabled: saving }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "accent", icon: "check", onClick: submit, disabled: saving }, saving ? 'Сохранение...' : 'Сохранить')) },
+            formError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, formError),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.FormGrid, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041F\u043E\u0440\u044F\u0434\u043A\u043E\u0432\u044B\u0439 \u043D\u043E\u043C\u0435\u0440", required: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { type: "number", min: 1, value: form.orderNo, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { orderNo: e.target.value })); } })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0421\u0442\u0430\u0442\u0443\u0441 \u0448\u0430\u0433\u0430", required: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: STATUS_OPTIONS, value: form.status, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { status: e.target.value })); } })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041A\u0442\u043E \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C", required: true, full: true, hint: "\u0414\u043E\u043B\u0436\u043D\u043E \u0431\u044B\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u043E \u0440\u043E\u0432\u043D\u043E \u043E\u0434\u043D\u043E \u0438\u0437 \u043F\u043E\u043B\u0435\u0439." },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.RadioGroup, { name: "executorKind", value: form.kind, onChange: function (kind) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { kind: kind })); }, options: [
+                            { value: 'email', label: 'Конкретный сотрудник (email)' },
+                            { value: 'position', label: 'По должности в компании инициатора' },
+                            {
+                                value: 'projectRole',
+                                label: 'По роли в проекте',
+                                disabled: !route.byProject,
+                                disabledHint: 'Недоступно: маршрут не учитывает проект (по проекту = нет).'
+                            },
+                            { value: 'headType', label: 'По типу руководителя' }
+                        ] })),
+                form.kind === 'email' && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "Email \u0438\u0441\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044F", required: true, full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.executorEmail, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { executorEmail: e.target.value })); }, placeholder: "user@tnsu.kz" }))),
+                form.kind === 'position' && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0414\u043E\u043B\u0436\u043D\u043E\u0441\u0442\u044C", required: true, full: true, hint: "\u0418\u0449\u0435\u0442\u0441\u044F \u0432 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0435 api.tnsu.kz \u043F\u043E \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438 \u0438\u043D\u0438\u0446\u0438\u0430\u0442\u043E\u0440\u0430." },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.position, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { position: e.target.value })); }, placeholder: "\u0413\u043B\u0430\u0432\u043D\u044B\u0439 \u0438\u043D\u0436\u0435\u043D\u0435\u0440" }))),
+                form.kind === 'projectRole' && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0420\u043E\u043B\u044C \u0432 \u043F\u0440\u043E\u0435\u043A\u0442\u0435", required: true, full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: PROJECT_ROLE_OPTIONS, value: form.projectRole, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { projectRole: e.target.value })); } }))),
+                form.kind === 'headType' && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u0440\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044F", required: true, full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: HEAD_TYPE_OPTIONS, value: form.headType, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { headType: e.target.value })); } }))),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041F\u0435\u0440\u0435\u043D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Checkbox, { label: "\u0420\u0430\u0437\u0440\u0435\u0448\u0438\u0442\u044C \u043F\u0435\u0440\u0435\u043D\u0430\u0437\u043D\u0430\u0447\u0430\u0442\u044C \u0434\u0440\u0443\u0433\u0438\u043C \u0441\u043E\u0433\u043B\u0430\u0441\u0443\u044E\u0449\u0438\u043C", checked: form.allowReassignToOtherApprovers, onChange: function (v) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { allowReassignToOtherApprovers: v })); } }))))),
+        deleting && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.ConfirmDialog, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0448\u0430\u0433?", text: "\u0428\u0430\u0433 #".concat(deleting.orderNo, " \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0451\u043D \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E."), confirmLabel: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", busy: deleteBusy, onCancel: function () { return setDeleting(undefined); }, onConfirm: confirmDelete }))));
+};
+function describeExecutor(step) {
+    if (step.executorEmail)
+        return step.executorEmail;
+    if (step.position)
+        return step.position;
+    if (step.projectRole && step.projectRole !== _models__WEBPACK_IMPORTED_MODULE_1__.ProjectRole.None)
+        return "\u0420\u043E\u043B\u044C: ".concat(_models__WEBPACK_IMPORTED_MODULE_1__.projectRoleLabels[step.projectRole]);
+    if (step.headType && step.headType !== _models__WEBPACK_IMPORTED_MODULE_1__.HeadType.None)
+        return "\u0420\u0443\u043A\u043E\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044C: ".concat(_models__WEBPACK_IMPORTED_MODULE_1__.headTypeLabels[step.headType]);
+    return '—';
+}
+
+
+/***/ }),
+
+/***/ 373:
+/*!***********************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/screens/RoutesScreen.js ***!
+  \***********************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   RoutesScreen: () => (/* binding */ RoutesScreen)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../models */ 907);
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ui */ 536);
+
+
+
+
+var EMPTY_FORM = {
+    requestTypeId: '',
+    routeType: _models__WEBPACK_IMPORTED_MODULE_1__.RouteType.Sequential,
+    companyId: '',
+    departmentId: '',
+    byProject: false,
+    requiresControl: false
+};
+var ROUTE_TYPE_OPTIONS = Object.values(_models__WEBPACK_IMPORTED_MODULE_1__.RouteType)
+    .filter(function (v) { return v !== _models__WEBPACK_IMPORTED_MODULE_1__.RouteType.None; })
+    .map(function (v) { return ({ value: v, label: _models__WEBPACK_IMPORTED_MODULE_1__.routeTypeLabels[v] }); });
+var RoutesScreen = function (_a) {
+    var api = _a.api, onOpenSteps = _a.onOpenSteps;
+    var _b = react__WEBPACK_IMPORTED_MODULE_0__.useState([]), requestTypes = _b[0], setRequestTypes = _b[1];
+    var _c = react__WEBPACK_IMPORTED_MODULE_0__.useState([]), items = _c[0], setItems = _c[1];
+    var _d = react__WEBPACK_IMPORTED_MODULE_0__.useState(''), filterRequestTypeId = _d[0], setFilterRequestTypeId = _d[1];
+    var _e = react__WEBPACK_IMPORTED_MODULE_0__.useState(true), loading = _e[0], setLoading = _e[1];
+    var _f = react__WEBPACK_IMPORTED_MODULE_0__.useState(), loadError = _f[0], setLoadError = _f[1];
+    var _g = react__WEBPACK_IMPORTED_MODULE_0__.useState(), editing = _g[0], setEditing = _g[1];
+    var _h = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), showForm = _h[0], setShowForm = _h[1];
+    var _j = react__WEBPACK_IMPORTED_MODULE_0__.useState(EMPTY_FORM), form = _j[0], setForm = _j[1];
+    var _k = react__WEBPACK_IMPORTED_MODULE_0__.useState(), formError = _k[0], setFormError = _k[1];
+    var _l = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), saving = _l[0], setSaving = _l[1];
+    var _m = react__WEBPACK_IMPORTED_MODULE_0__.useState(), deleting = _m[0], setDeleting = _m[1];
+    var _o = react__WEBPACK_IMPORTED_MODULE_0__.useState(), deleteError = _o[0], setDeleteError = _o[1];
+    var _p = react__WEBPACK_IMPORTED_MODULE_0__.useState(false), deleteBusy = _p[0], setDeleteBusy = _p[1];
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+        api.requestTypes.list().then(setRequestTypes).catch(function () { });
+    }, [api]);
+    var load = react__WEBPACK_IMPORTED_MODULE_0__.useCallback(function () {
+        setLoading(true);
+        setLoadError(undefined);
+        var requestTypeId = filterRequestTypeId ? Number(filterRequestTypeId) : undefined;
+        api.templateRoutes
+            .list(requestTypeId)
+            .then(setItems)
+            .catch(function (e) { return setLoadError(e.message); })
+            .finally(function () { return setLoading(false); });
+    }, [api, filterRequestTypeId]);
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () { load(); }, [load]);
+    var requestTypeName = function (id) { var _a, _b; return (_b = (_a = requestTypes.find(function (rt) { return rt.id === id; })) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : "#".concat(id); };
+    var openCreate = function () {
+        setEditing(undefined);
+        setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, EMPTY_FORM), { requestTypeId: filterRequestTypeId }));
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var openEdit = function (item) {
+        var _a;
+        setEditing(item);
+        setForm({
+            requestTypeId: String(item.requestTypeId),
+            routeType: item.routeType,
+            companyId: item.companyId,
+            departmentId: (_a = item.departmentId) !== null && _a !== void 0 ? _a : '',
+            byProject: item.byProject,
+            requiresControl: item.requiresControl
+        });
+        setFormError(undefined);
+        setShowForm(true);
+    };
+    var submit = function () {
+        if (!editing && !form.requestTypeId) {
+            setFormError('Выберите тип заявки.');
+            return;
+        }
+        if (!form.companyId.trim()) {
+            setFormError('Компания обязательна (Guid из справочника api.tnsu.kz).');
+            return;
+        }
+        setSaving(true);
+        setFormError(undefined);
+        var departmentId = form.departmentId.trim() ? form.departmentId.trim() : null;
+        var request = editing
+            ? api.templateRoutes.update(editing.id, {
+                routeType: form.routeType,
+                companyId: form.companyId.trim(),
+                departmentId: departmentId,
+                byProject: form.byProject,
+                requiresControl: form.requiresControl
+            })
+            : api.templateRoutes.create({
+                routeType: form.routeType,
+                requestTypeId: Number(form.requestTypeId),
+                companyId: form.companyId.trim(),
+                departmentId: departmentId,
+                byProject: form.byProject,
+                requiresControl: form.requiresControl
+            });
+        request
+            .then(function () {
+            setShowForm(false);
+            load();
+        })
+            .catch(function (e) { return setFormError(e.message); })
+            .finally(function () { return setSaving(false); });
+    };
+    var confirmDelete = function () {
+        if (!deleting)
+            return;
+        setDeleteBusy(true);
+        setDeleteError(undefined);
+        api.templateRoutes
+            .remove(deleting.id)
+            .then(function () {
+            setDeleting(undefined);
+            load();
+        })
+            .catch(function (e) { return setDeleteError(e.message); })
+            .finally(function () { return setDeleteBusy(false); });
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Breadcrumbs, { items: [{ label: 'Главная' }, { label: 'Маршруты согласования' }] }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.PageHeader, { icon: "route", subtitle: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0430 \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u0439", title: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442\u044B \u0441\u043E\u0433\u043B\u0430\u0441\u043E\u0432\u0430\u043D\u0438\u044F", actions: react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "accent", icon: "plus", onClick: openCreate }, "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u043C\u0430\u0440\u0448\u0440\u0443\u0442") }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: { marginBottom: 18, maxWidth: 320 } },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0424\u0438\u043B\u044C\u0442\u0440 \u043F\u043E \u0442\u0438\u043F\u0443 \u0437\u0430\u044F\u0432\u043A\u0438" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u0441\u0435 \u0442\u0438\u043F\u044B \u0437\u0430\u044F\u0432\u043E\u043A", value: filterRequestTypeId, onChange: function (e) { return setFilterRequestTypeId(e.target.value); } }))),
+        loadError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, loadError),
+        deleteError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, deleteError),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.DataTable, { columns: [
+                {
+                    key: 'requestType',
+                    header: 'Тип заявки',
+                    render: function (r) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.PrimaryCell, null, requestTypeName(r.requestTypeId)); }
+                },
+                {
+                    key: 'routeType',
+                    header: 'Тип маршрута',
+                    render: function (r) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: r.routeType === _models__WEBPACK_IMPORTED_MODULE_1__.RouteType.Parallel ? 'blue' : 'gold' }, _models__WEBPACK_IMPORTED_MODULE_1__.routeTypeLabels[r.routeType]); }
+                },
+                { key: 'company', header: 'Компания', render: function (r) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement("code", null, shortGuid(r.companyId)); } },
+                { key: 'department', header: 'Отдел', render: function (r) { return (r.departmentId ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("code", null, shortGuid(r.departmentId)) : '—'); } },
+                {
+                    key: 'byProject',
+                    header: 'По проекту',
+                    align: 'center',
+                    render: function (r) { return (r.byProject ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: "ok" }, "\u0414\u0430") : react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: "neutral" }, "\u041D\u0435\u0442")); }
+                },
+                {
+                    key: 'control',
+                    header: 'Контроль',
+                    align: 'center',
+                    render: function (r) { return (r.requiresControl ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: "gold" }, "\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F") : react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Badge, { variant: "neutral" }, "\u041D\u0435\u0442")); }
+                },
+                {
+                    key: 'actions',
+                    header: '',
+                    width: '160px',
+                    align: 'right',
+                    render: function (r) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.ActionsCell, null,
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { size: "sm", variant: "secondary", icon: "clipboard", onClick: function () { return onOpenSteps(r); } }, "\u0428\u0430\u0433\u0438"),
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, { icon: "edit", label: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C", onClick: function () { return openEdit(r); } }),
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.IconButton, { icon: "trash", label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", danger: true, onClick: function () { setDeleteError(undefined); setDeleting(r); } }))); }
+                }
+            ], rows: items, keyOf: function (r) { return r.id; }, emptyMessage: loading ? 'Загрузка...' : 'Маршрутов пока нет.' }),
+        showForm && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Modal, { title: editing ? "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #".concat(editing.id) : 'Новый маршрут', onClose: function () { return setShowForm(false); }, footer: react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "secondary", onClick: function () { return setShowForm(false); }, disabled: saving }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "accent", icon: "check", onClick: submit, disabled: saving }, saving ? 'Сохранение...' : 'Сохранить')) },
+            formError && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Alert, { kind: "err" }, formError),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.FormGrid, null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", required: true, full: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: requestTypes.map(function (rt) { return ({ value: String(rt.id), label: rt.name }); }), placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043F \u0437\u0430\u044F\u0432\u043A\u0438", value: form.requestTypeId, disabled: !!editing, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { requestTypeId: e.target.value })); } })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u0422\u0438\u043F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430", required: true },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Select, { options: ROUTE_TYPE_OPTIONS, value: form.routeType, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { routeType: e.target.value })); } })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041A\u043E\u043C\u043F\u0430\u043D\u0438\u044F (Guid)", required: true, hint: "\u0418\u0437 \u0441\u043F\u0440\u0430\u0432\u043E\u0447\u043D\u0438\u043A\u0430 api.tnsu.kz." },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.companyId, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { companyId: e.target.value })); }, placeholder: "00000000-0000-0000-0000-000000000000" })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041E\u0442\u0434\u0435\u043B (Guid)", hint: "\u041D\u0435\u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u2014 \u043C\u0430\u0440\u0448\u0440\u0443\u0442 \u00AB\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E\u00BB \u0434\u043B\u044F \u043A\u043E\u043C\u043F\u0430\u043D\u0438\u0438." },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.TextInput, { value: form.departmentId, onChange: function (e) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { departmentId: e.target.value })); }, placeholder: "\u041E\u0441\u0442\u0430\u0432\u044C\u0442\u0435 \u043F\u0443\u0441\u0442\u044B\u043C \u0434\u043B\u044F \u043C\u0430\u0440\u0448\u0440\u0443\u0442\u0430 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041F\u043E \u043F\u0440\u043E\u0435\u043A\u0442\u0443" },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Checkbox, { label: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 \u0443\u0447\u0438\u0442\u044B\u0432\u0430\u0435\u0442 \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u044B\u0439 \u043F\u0440\u043E\u0435\u043A\u0442", checked: form.byProject, onChange: function (v) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { byProject: v })); } })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Field, { label: "\u041A\u043E\u043D\u0442\u0440\u043E\u043B\u044C" },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.Checkbox, { label: "\u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u043E\u0442\u0434\u0435\u043B\u044C\u043D\u044B\u0439 \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u044C \u0438\u0441\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F", checked: form.requiresControl, onChange: function (v) { return setForm((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)((0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({}, form), { requiresControl: v })); } }))))),
+        deleting && (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ui__WEBPACK_IMPORTED_MODULE_2__.ConfirmDialog, { title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u043C\u0430\u0440\u0448\u0440\u0443\u0442?", text: "\u041C\u0430\u0440\u0448\u0440\u0443\u0442 #".concat(deleting.id, " \u0438 \u0432\u0441\u0435 \u0435\u0433\u043E \u0448\u0430\u0433\u0438 \u0431\u0443\u0434\u0443\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u044B \u0431\u0435\u0437\u0432\u043E\u0437\u0432\u0440\u0430\u0442\u043D\u043E."), confirmLabel: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", busy: deleteBusy, onCancel: function () { return setDeleting(undefined); }, onConfirm: confirmDelete }))));
+};
+function shortGuid(guid) {
+    return guid.length > 8 ? "".concat(guid.slice(0, 8), "\u2026") : guid;
+}
+
+
+/***/ }),
+
+/***/ 394:
+/*!***********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Alert.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Alert: () => (/* binding */ Alert)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Alert_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Alert.module.scss */ 922);
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Icon */ 79);
+
+
+
+var ICONS = { warn: 'warning', ok: 'check', err: 'close' };
+var Alert = function (_a) {
+    var kind = _a.kind, children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "".concat(_Alert_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].alert, " ").concat(_Alert_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"][kind]) },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: ICONS[kind], size: "sm" }),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, children)));
+};
+
+
+/***/ }),
+
+/***/ 543:
+/*!***********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Badge.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Badge: () => (/* binding */ Badge),
+/* harmony export */   CountBadge: () => (/* binding */ CountBadge)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Badge_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Badge.module.scss */ 793);
+
+
+var Badge = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'neutral' : _b, children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "".concat(_Badge_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].badge, " ").concat(_Badge_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"][variant]) }, children));
+};
+var CountBadge = function (_a) {
+    var count = _a.count;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _Badge_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].count }, count));
+};
+
+
+/***/ }),
+
+/***/ 330:
+/*!************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Button.js ***!
+  \************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Button: () => (/* binding */ Button),
+/* harmony export */   IconButton: () => (/* binding */ IconButton)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button.module.scss */ 926);
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Icon */ 79);
+
+
+
+
+var Button = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'secondary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, className = _a.className, children = _a.children, rest = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, ["variant", "size", "icon", "className", "children"]);
+    var classes = [_Button_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].btn, _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"][variant], size === 'sm' ? _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].sm : '', className]
+        .filter(Boolean)
+        .join(' ');
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({ type: "button", className: classes }, rest),
+        icon && react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: icon, size: "sm" }),
+        children));
+};
+var IconButton = function (_a) {
+    var icon = _a.icon, danger = _a.danger, label = _a.label, className = _a.className, rest = (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__rest)(_a, ["icon", "danger", "label", "className"]);
+    var classes = [_Button_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].iconButton, danger ? _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].danger : '', className].filter(Boolean).join(' ');
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", (0,tslib__WEBPACK_IMPORTED_MODULE_3__.__assign)({ type: "button", className: classes, "aria-label": label, title: label }, rest),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: icon, size: "sm" })));
+};
+
+
+/***/ }),
+
+/***/ 644:
+/*!**********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Card.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CardGrid: () => (/* binding */ CardGrid),
+/* harmony export */   NavCard: () => (/* binding */ NavCard),
+/* harmony export */   StatCard: () => (/* binding */ StatCard),
+/* harmony export */   StatRow: () => (/* binding */ StatRow)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Card.module.scss */ 872);
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Icon */ 79);
+
+
+
+var CardGrid = function (_a) {
+    var children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].grid }, children));
+};
+var NavCard = function (_a) {
+    var icon = _a.icon, title = _a.title, description = _a.description, onClick = _a.onClick;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("a", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].navCard, onClick: function (e) { e.preventDefault(); onClick(); }, href: "#" },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].navIcon },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: icon })),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].navTitle }, title),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].navDesc }, description)),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].navArrow },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: "chevron-right", size: "sm" }))));
+};
+var StatRow = function (_a) {
+    var children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].statRow }, children));
+};
+var StatCard = function (_a) {
+    var label = _a.label, value = _a.value;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].statCard },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].statLabel }, label),
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Card_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].statValue }, value)));
+};
+
+
+/***/ }),
+
+/***/ 132:
+/*!***************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/DataTable.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionsCell: () => (/* binding */ ActionsCell),
+/* harmony export */   DataTable: () => (/* binding */ DataTable),
+/* harmony export */   PrimaryCell: () => (/* binding */ PrimaryCell)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _DataTable_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./DataTable.module.scss */ 264);
+
+
+function DataTable(_a) {
+    var columns = _a.columns, rows = _a.rows, keyOf = _a.keyOf, emptyMessage = _a.emptyMessage;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _DataTable_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].wrap },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("table", { className: _DataTable_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].table },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("thead", null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", null, columns.map(function (col) {
+                    var _a;
+                    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("th", { key: col.key, style: { width: col.width, textAlign: (_a = col.align) !== null && _a !== void 0 ? _a : 'left' } }, col.header));
+                }))),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("tbody", null, rows.map(function (row) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", { key: keyOf(row) }, columns.map(function (col) {
+                var _a;
+                return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("td", { key: col.key, style: { textAlign: (_a = col.align) !== null && _a !== void 0 ? _a : 'left' } }, col.render(row)));
+            }))); }))),
+        rows.length === 0 && react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _DataTable_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].empty }, emptyMessage)));
+}
+var PrimaryCell = function (_a) {
+    var children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _DataTable_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].primaryCell }, children));
+};
+var ActionsCell = function (_a) {
+    var children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _DataTable_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].actionsCell }, children));
+};
+
+
+/***/ }),
+
+/***/ 954:
+/*!***************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/FormField.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Checkbox: () => (/* binding */ Checkbox),
+/* harmony export */   Field: () => (/* binding */ Field),
+/* harmony export */   FormGrid: () => (/* binding */ FormGrid),
+/* harmony export */   RadioGroup: () => (/* binding */ RadioGroup),
+/* harmony export */   Select: () => (/* binding */ Select),
+/* harmony export */   TextInput: () => (/* binding */ TextInput),
+/* harmony export */   Textarea: () => (/* binding */ Textarea)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./FormField.module.scss */ 550);
+
+
+
+var FormGrid = function (_a) {
+    var children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].grid }, children));
+};
+var Field = function (_a) {
+    var label = _a.label, required = _a.required, full = _a.full, error = _a.error, hint = _a.hint, children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "".concat(_FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].field, " ").concat(full ? _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].full : '') },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].label },
+            label,
+            " ",
+            required && react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].req }, "*")),
+        children,
+        error && react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].errorText }, error),
+        !error && hint && react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].hint }, hint)));
+};
+var TextInput = function (props) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, props, { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].input }))); };
+var Textarea = function (props) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("textarea", (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, props, { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].textarea }))); };
+var Select = function (_a) {
+    var options = _a.options, placeholder = _a.placeholder, rest = (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__rest)(_a, ["options", "placeholder"]);
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("select", (0,tslib__WEBPACK_IMPORTED_MODULE_2__.__assign)({}, rest, { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].select }),
+        placeholder && react__WEBPACK_IMPORTED_MODULE_0__.createElement("option", { value: "" }, placeholder),
+        options.map(function (opt) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("option", { key: opt.value, value: opt.value }, opt.label)); })));
+};
+var Checkbox = function (_a) {
+    var label = _a.label, checked = _a.checked, onChange = _a.onChange, disabled = _a.disabled;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].checkboxRow },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "checkbox", className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].checkbox, checked: checked, disabled: disabled, onChange: function (e) { return onChange(e.target.checked); } }),
+        label));
+};
+function RadioGroup(_a) {
+    var name = _a.name, value = _a.value, options = _a.options, onChange = _a.onChange;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].radioGroup }, options.map(function (opt) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { key: opt.value, className: "".concat(_FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].radioRow, " ").concat(opt.disabled ? _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].disabled : ''), title: opt.disabled ? opt.disabledHint : undefined },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "radio", className: _FormField_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].radio, name: name, checked: value === opt.value, disabled: opt.disabled, onChange: function () { return onChange(opt.value); } }),
+        opt.label)); })));
+}
+
+
+/***/ }),
+
+/***/ 79:
+/*!**********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Icon.js ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Icon: () => (/* binding */ Icon)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+
+var spriteInjected = false;
+var SPRITE_SVG = "\n<symbol id=\"i-route\" viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"3\"/><path d=\"M9 6h7a3 3 0 0 1 3 3v0a3 3 0 0 1-3 3H8a3 3 0 0 0-3 3v0a3 3 0 0 0 3 3h7\"/></symbol>\n<symbol id=\"i-clipboard\" viewBox=\"0 0 24 24\"><path d=\"M9 3h6v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"/><rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"/><path d=\"M9 12h6M9 16h4\"/></symbol>\n<symbol id=\"i-flag-check\" viewBox=\"0 0 24 24\"><path d=\"M4 3v18\"/><path d=\"M4 4h13l-2 4 2 4H4\"/></symbol>\n<symbol id=\"i-people\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"3\"/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/><circle cx=\"17\" cy=\"8\" r=\"2.5\"/><path d=\"M17 13.5a3.5 3.5 0 0 1 3.5 3.5v1\"/></symbol>\n<symbol id=\"i-warning\" viewBox=\"0 0 24 24\"><path d=\"M12 2 1 21h22z\" stroke-linejoin=\"round\"/><path d=\"M12 9v5M12 17h.01\"/></symbol>\n<symbol id=\"i-check\" viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5L20 7\"/></symbol>\n<symbol id=\"i-close\" viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18M6 6l12 12\"/></symbol>\n<symbol id=\"i-plus\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"/></symbol>\n<symbol id=\"i-edit\" viewBox=\"0 0 24 24\"><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z\"/></symbol>\n<symbol id=\"i-trash\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M10 11v6M14 11v6\"/><path d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12\"/><path d=\"M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></symbol>\n<symbol id=\"i-more\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"19\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/></symbol>\n<symbol id=\"i-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"m9 6 6 6-6 6\"/></symbol>\n<symbol id=\"i-chevron-down\" viewBox=\"0 0 24 24\"><path d=\"m6 9 6 6 6-6\"/></symbol>\n<symbol id=\"i-chevron-left\" viewBox=\"0 0 24 24\"><path d=\"m15 6-6 6 6 6\"/></symbol>\n<symbol id=\"i-arrow-left\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5m0 0 5-5m-5 5 5 5\"/></symbol>\n<symbol id=\"i-search\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.35-4.35\"/></symbol>\n<symbol id=\"i-sort\" viewBox=\"0 0 24 24\"><path d=\"M7 3v18M7 3l-4 4m4-4 4 4M17 21V3m0 18-4-4m4 4 4-4\"/></symbol>\n<symbol id=\"i-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"m4 6 8 7 8-7\"/></symbol>\n<symbol id=\"i-briefcase\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M3 12h18\"/></symbol>\n<symbol id=\"i-flag\" viewBox=\"0 0 24 24\"><path d=\"M5 3v18\"/><path d=\"M5 4h13l-3 4 3 4H5\"/></symbol>\n<symbol id=\"i-crown\" viewBox=\"0 0 24 24\"><path d=\"m3 8 4 3 5-6 5 6 4-3-2 11H5z\"/></symbol>\n<symbol id=\"i-refresh\" viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"/><path d=\"M21 3v6h-6\"/></symbol>\n";
+function ensureSpriteInjected() {
+    if (spriteInjected || typeof document === 'undefined')
+        return;
+    var holder = document.createElement('div');
+    holder.style.display = 'none';
+    holder.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\">".concat(SPRITE_SVG, "</svg>");
+    document.body.appendChild(holder);
+    spriteInjected = true;
+}
+var SIZE_PX = { sm: 16, md: 20, lg: 24 };
+var Icon = function (_a) {
+    var name = _a.name, _b = _a.size, size = _b === void 0 ? 'md' : _b, className = _a.className, style = _a.style;
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(function () {
+        ensureSpriteInjected();
+    }, []);
+    var px = SIZE_PX[size];
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { width: px, height: px, className: className, style: (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__assign)({ flexShrink: 0, fill: 'none', stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round' }, style) },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("use", { href: "#i-".concat(name) })));
+};
+
+
+/***/ }),
+
+/***/ 153:
+/*!***********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/Modal.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ConfirmDialog: () => (/* binding */ ConfirmDialog),
+/* harmony export */   Modal: () => (/* binding */ Modal)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Modal.module.scss */ 595);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Button */ 330);
+
+
+
+var Modal = function (_a) {
+    var title = _a.title, onClose = _a.onClose, footer = _a.footer, children = _a.children;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].overlay, onClick: function (e) { if (e.target === e.currentTarget)
+            onClose(); } },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].box },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].header },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].title }, title),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__.IconButton, { icon: "close", label: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", onClick: onClose })),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].body }, children),
+            footer && react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].footer }, footer))));
+};
+var ConfirmDialog = function (_a) {
+    var title = _a.title, text = _a.text, confirmLabel = _a.confirmLabel, onConfirm = _a.onConfirm, onCancel = _a.onCancel, busy = _a.busy;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].overlay, onClick: function (e) { if (e.target === e.currentTarget)
+            onCancel(); } },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "".concat(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].box, " ").concat(_Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].narrow) },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].title }, title),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("p", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].text }, text),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _Modal_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].narrowFooter },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "secondary", onClick: onCancel, disabled: busy }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Button__WEBPACK_IMPORTED_MODULE_2__.Button, { variant: "danger", icon: "trash", onClick: onConfirm, disabled: busy }, confirmLabel)))));
+};
+
+
+/***/ }),
+
+/***/ 307:
+/*!****************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/PageChrome.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Breadcrumbs: () => (/* binding */ Breadcrumbs),
+/* harmony export */   PageHeader: () => (/* binding */ PageHeader)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PageChrome.module.scss */ 521);
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Icon */ 79);
+
+
+
+var Breadcrumbs = function (_a) {
+    var items = _a.items;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].bread }, items.map(function (item, i) { return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, { key: i },
+        i > 0 && react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].sep }, "\u25C6"),
+        item.onClick ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].breadLink, onClick: item.onClick }, item.label)) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", null, item.label)))); })));
+};
+var PageHeader = function (_a) {
+    var icon = _a.icon, subtitle = _a.subtitle, title = _a.title, actions = _a.actions;
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].ph },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].phLeft },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].phIcon },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_Icon__WEBPACK_IMPORTED_MODULE_2__.Icon, { name: icon })),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].phSub }, subtitle),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].phTitle }, title))),
+        actions && react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: _PageChrome_module_scss__WEBPACK_IMPORTED_MODULE_1__["default"].phRight }, actions)));
+};
+
+
+/***/ }),
+
+/***/ 536:
+/*!***********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/components/ui/index.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ActionsCell: () => (/* reexport safe */ _DataTable__WEBPACK_IMPORTED_MODULE_6__.ActionsCell),
+/* harmony export */   Alert: () => (/* reexport safe */ _Alert__WEBPACK_IMPORTED_MODULE_3__.Alert),
+/* harmony export */   Badge: () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_2__.Badge),
+/* harmony export */   Breadcrumbs: () => (/* reexport safe */ _PageChrome__WEBPACK_IMPORTED_MODULE_4__.Breadcrumbs),
+/* harmony export */   Button: () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_1__.Button),
+/* harmony export */   CardGrid: () => (/* reexport safe */ _Card__WEBPACK_IMPORTED_MODULE_5__.CardGrid),
+/* harmony export */   Checkbox: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.Checkbox),
+/* harmony export */   ConfirmDialog: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_7__.ConfirmDialog),
+/* harmony export */   CountBadge: () => (/* reexport safe */ _Badge__WEBPACK_IMPORTED_MODULE_2__.CountBadge),
+/* harmony export */   DataTable: () => (/* reexport safe */ _DataTable__WEBPACK_IMPORTED_MODULE_6__.DataTable),
+/* harmony export */   Field: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.Field),
+/* harmony export */   FormGrid: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.FormGrid),
+/* harmony export */   Icon: () => (/* reexport safe */ _Icon__WEBPACK_IMPORTED_MODULE_0__.Icon),
+/* harmony export */   IconButton: () => (/* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_1__.IconButton),
+/* harmony export */   Modal: () => (/* reexport safe */ _Modal__WEBPACK_IMPORTED_MODULE_7__.Modal),
+/* harmony export */   NavCard: () => (/* reexport safe */ _Card__WEBPACK_IMPORTED_MODULE_5__.NavCard),
+/* harmony export */   PageHeader: () => (/* reexport safe */ _PageChrome__WEBPACK_IMPORTED_MODULE_4__.PageHeader),
+/* harmony export */   PrimaryCell: () => (/* reexport safe */ _DataTable__WEBPACK_IMPORTED_MODULE_6__.PrimaryCell),
+/* harmony export */   RadioGroup: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.RadioGroup),
+/* harmony export */   Select: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.Select),
+/* harmony export */   StatCard: () => (/* reexport safe */ _Card__WEBPACK_IMPORTED_MODULE_5__.StatCard),
+/* harmony export */   StatRow: () => (/* reexport safe */ _Card__WEBPACK_IMPORTED_MODULE_5__.StatRow),
+/* harmony export */   TextInput: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.TextInput),
+/* harmony export */   Textarea: () => (/* reexport safe */ _FormField__WEBPACK_IMPORTED_MODULE_8__.Textarea)
+/* harmony export */ });
+/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Icon */ 79);
+/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button */ 330);
+/* harmony import */ var _Badge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Badge */ 543);
+/* harmony import */ var _Alert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Alert */ 394);
+/* harmony import */ var _PageChrome__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PageChrome */ 307);
+/* harmony import */ var _Card__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Card */ 644);
+/* harmony import */ var _DataTable__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./DataTable */ 132);
+/* harmony import */ var _Modal__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Modal */ 153);
+/* harmony import */ var _FormField__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./FormField */ 954);
+
+
+
+
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ 907:
+/*!****************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/models/index.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   HeadType: () => (/* binding */ HeadType),
+/* harmony export */   ProjectRole: () => (/* binding */ ProjectRole),
+/* harmony export */   RouteStepStatus: () => (/* binding */ RouteStepStatus),
+/* harmony export */   RouteType: () => (/* binding */ RouteType),
+/* harmony export */   detectExecutorKind: () => (/* binding */ detectExecutorKind),
+/* harmony export */   headTypeLabels: () => (/* binding */ headTypeLabels),
+/* harmony export */   projectRoleLabels: () => (/* binding */ projectRoleLabels),
+/* harmony export */   routeStepStatusLabels: () => (/* binding */ routeStepStatusLabels),
+/* harmony export */   routeTypeLabels: () => (/* binding */ routeTypeLabels)
+/* harmony export */ });
+// Зеркало DTO и enum'ов backend (Tnsu.ApprovalRoute.Api / Application / Domain).
+// Имена и форма типов должны 1:1 соответствовать C#-стороне — см.
+// backend/src/Tnsu.ApprovalRoute.Domain/Enums/*.cs и
+// backend/src/Tnsu.ApprovalRoute.Application/**/*.cs
+var _a, _b, _c, _d;
+var RouteType;
+(function (RouteType) {
+    RouteType["None"] = "None";
+    RouteType["Parallel"] = "Parallel";
+    RouteType["Sequential"] = "Sequential";
+})(RouteType || (RouteType = {}));
+var RouteStepStatus;
+(function (RouteStepStatus) {
+    RouteStepStatus["None"] = "None";
+    RouteStepStatus["Approval"] = "Approval";
+    RouteStepStatus["Execution"] = "Execution";
+})(RouteStepStatus || (RouteStepStatus = {}));
+var ProjectRole;
+(function (ProjectRole) {
+    ProjectRole["None"] = "None";
+    ProjectRole["ProjectManager"] = "ProjectManager";
+    ProjectRole["Planner"] = "Planner";
+    ProjectRole["ManagerHSE"] = "ManagerHSE";
+    ProjectRole["Security"] = "Security";
+})(ProjectRole || (ProjectRole = {}));
+var HeadType;
+(function (HeadType) {
+    HeadType["None"] = "None";
+    HeadType["Chief"] = "Chief";
+    HeadType["DirectionHead"] = "DirectionHead";
+    HeadType["DirectorTansu"] = "DirectorTansu";
+})(HeadType || (HeadType = {}));
+var routeTypeLabels = (_a = {},
+    _a[RouteType.None] = 'Не задан',
+    _a[RouteType.Parallel] = 'Параллельный',
+    _a[RouteType.Sequential] = 'Последовательный',
+    _a);
+var routeStepStatusLabels = (_b = {},
+    _b[RouteStepStatus.None] = 'Не задан',
+    _b[RouteStepStatus.Approval] = 'Согласование',
+    _b[RouteStepStatus.Execution] = 'Исполнение',
+    _b);
+var projectRoleLabels = (_c = {},
+    _c[ProjectRole.None] = '—',
+    _c[ProjectRole.ProjectManager] = 'Руководитель проекта',
+    _c[ProjectRole.Planner] = 'Планировщик',
+    _c[ProjectRole.ManagerHSE] = 'Менеджер HSE',
+    _c[ProjectRole.Security] = 'Безопасность',
+    _c);
+var headTypeLabels = (_d = {},
+    _d[HeadType.None] = '—',
+    _d[HeadType.Chief] = 'Непосредственный руководитель',
+    _d[HeadType.DirectionHead] = 'Руководитель направления',
+    _d[HeadType.DirectorTansu] = 'Директор Tansu',
+    _d);
+function detectExecutorKind(step) {
+    if (step.executorEmail)
+        return 'email';
+    if (step.position)
+        return 'position';
+    if (step.projectRole && step.projectRole !== ProjectRole.None)
+        return 'projectRole';
+    return 'headType';
+}
+
+
+/***/ }),
+
+/***/ 905:
+/*!****************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/services/api.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ApprovalRouteApi: () => (/* binding */ ApprovalRouteApi)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ 196);
+
+// Тонкий 1:1 фасад над контроллерами бэкенда:
+// backend/src/Tnsu.ApprovalRoute.Api/Controllers/{RequestTypes,TemplateRoutes,TemplateRouteSteps}Controller.cs
+var ApprovalRouteApi = /** @class */ (function () {
+    function ApprovalRouteApi(http) {
+        var _this = this;
+        this.http = http;
+        this.requestTypes = {
+            list: function () {
+                return _this.http.get('/api/request-types');
+            },
+            get: function (id) {
+                return _this.http.get("/api/request-types/".concat(id));
+            },
+            create: function (body) {
+                return _this.http.post('/api/request-types', body);
+            },
+            update: function (id, body) {
+                return _this.http.put("/api/request-types/".concat(id), body);
+            },
+            patch: function (id, body) {
+                return _this.http.patch("/api/request-types/".concat(id), body);
+            },
+            remove: function (id) {
+                return _this.http.delete("/api/request-types/".concat(id));
+            }
+        };
+        this.templateRoutes = {
+            list: function (requestTypeId) {
+                return _this.http.get('/api/template-routes', { requestTypeId: requestTypeId });
+            },
+            get: function (id) {
+                return _this.http.get("/api/template-routes/".concat(id));
+            },
+            create: function (body) {
+                return _this.http.post('/api/template-routes', body);
+            },
+            update: function (id, body) {
+                return _this.http.put("/api/template-routes/".concat(id), body);
+            },
+            patch: function (id, body) {
+                return _this.http.patch("/api/template-routes/".concat(id), body);
+            },
+            remove: function (id) {
+                return _this.http.delete("/api/template-routes/".concat(id));
+            },
+            resolve: function (query) {
+                return _this.http.get('/api/template-routes/resolve', (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__assign)({}, query));
+            }
+        };
+        this.templateRouteSteps = {
+            list: function (routeId) {
+                return _this.http.get("/api/template-routes/".concat(routeId, "/steps"));
+            },
+            get: function (routeId, id) {
+                return _this.http.get("/api/template-routes/".concat(routeId, "/steps/").concat(id));
+            },
+            create: function (routeId, body) {
+                return _this.http.post("/api/template-routes/".concat(routeId, "/steps"), body);
+            },
+            update: function (routeId, id, body) {
+                return _this.http.put("/api/template-routes/".concat(routeId, "/steps/").concat(id), body);
+            },
+            patch: function (routeId, id, body) {
+                return _this.http.patch("/api/template-routes/".concat(routeId, "/steps/").concat(id), body);
+            },
+            remove: function (routeId, id) {
+                return _this.http.delete("/api/template-routes/".concat(routeId, "/steps/").concat(id));
+            }
+        };
+    }
+    return ApprovalRouteApi;
+}());
+
+
+
+/***/ }),
+
+/***/ 10:
+/*!***********************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/services/httpClient.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AadApiHttpClient: () => (/* binding */ AadApiHttpClient),
+/* harmony export */   ApiClientError: () => (/* binding */ ApiClientError),
+/* harmony export */   DevApiHttpClient: () => (/* binding */ DevApiHttpClient)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var _microsoft_sp_http__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @microsoft/sp-http */ 909);
+/* harmony import */ var _microsoft_sp_http__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_http__WEBPACK_IMPORTED_MODULE_0__);
+
+
+var ApiClientError = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__extends)(ApiClientError, _super);
+    function ApiClientError(status, messages) {
+        var _this = _super.call(this, messages.join('; ') || "HTTP ".concat(status)) || this;
+        _this.status = status;
+        _this.messages = messages;
+        return _this;
+    }
+    return ApiClientError;
+}(Error));
+
+function buildUrl(baseUrl, path, query) {
+    var normalizedBase = baseUrl.endsWith('/') ? baseUrl : "".concat(baseUrl, "/");
+    var url = new URL(path.replace(/^\//, ''), normalizedBase);
+    if (query) {
+        Object.keys(query).forEach(function (key) {
+            var value = query[key];
+            if (value !== undefined && value !== null && value !== '') {
+                url.searchParams.set(key, String(value));
+            }
+        });
+    }
+    return url.toString();
+}
+function parseResponse(response) {
+    return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__awaiter)(this, void 0, void 0, function () {
+        var text, json, messages;
+        var _a, _b;
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__generator)(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (response.status === 204) {
+                        return [2 /*return*/, undefined];
+                    }
+                    return [4 /*yield*/, response.text()];
+                case 1:
+                    text = _c.sent();
+                    try {
+                        json = text ? JSON.parse(text) : undefined;
+                    }
+                    catch (_d) {
+                        // Ответ пришёл не в конверте ApiResponse/ApiError (например, "сырая" страница
+                        // необработанного исключения ASP.NET Core или ошибка от прокси перед API).
+                        if (!response.ok) {
+                            throw new ApiClientError(response.status, [text || "HTTP ".concat(response.status)]);
+                        }
+                        throw new ApiClientError(response.status, ['Сервер вернул не-JSON ответ.']);
+                    }
+                    if (!response.ok) {
+                        messages = (_a = json === null || json === void 0 ? void 0 : json.messages) !== null && _a !== void 0 ? _a : ["HTTP ".concat(response.status)];
+                        throw new ApiClientError(response.status, messages);
+                    }
+                    return [2 /*return*/, (_b = json === null || json === void 0 ? void 0 : json.data) !== null && _b !== void 0 ? _b : undefined];
+            }
+        });
+    });
+}
+/**
+ * Прод/staging: вызовы через AAD-защищённое SPFx-подключение (AadHttpClient).
+ * Требует webApiPermissionRequests в package-solution.json и админского
+ * согласия в SharePoint admin center → Advanced → API access.
+ */
+var AadApiHttpClient = /** @class */ (function () {
+    function AadApiHttpClient(client, baseUrl) {
+        this.client = client;
+        this.baseUrl = baseUrl;
+    }
+    AadApiHttpClient.prototype.get = function (path, query) {
+        var url = buildUrl(this.baseUrl, path, query);
+        return this.client
+            .get(url, _microsoft_sp_http__WEBPACK_IMPORTED_MODULE_0__.AadHttpClient.configurations.v1)
+            .then(function (r) { return parseResponse(r); });
+    };
+    AadApiHttpClient.prototype.post = function (path, body) {
+        return this.send('POST', path, body);
+    };
+    AadApiHttpClient.prototype.put = function (path, body) {
+        return this.send('PUT', path, body);
+    };
+    AadApiHttpClient.prototype.patch = function (path, body) {
+        return this.send('PATCH', path, body);
+    };
+    AadApiHttpClient.prototype.delete = function (path) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__awaiter)(this, void 0, void 0, function () {
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.send('DELETE', path)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    AadApiHttpClient.prototype.send = function (method, path, body) {
+        var url = buildUrl(this.baseUrl, path);
+        return this.client
+            .fetch(url, _microsoft_sp_http__WEBPACK_IMPORTED_MODULE_0__.AadHttpClient.configurations.v1, {
+            method: method,
+            headers: { 'Content-Type': 'application/json' },
+            body: body !== undefined ? JSON.stringify(body) : undefined
+        })
+            .then(function (r) { return parseResponse(r); });
+    };
+    return AadApiHttpClient;
+}());
+
+/**
+ * Локальная отладка: обычный fetch с заголовком X-Dev-User-Email.
+ * Работает только если бэкенд поднят с пустыми Entra:TenantId/Entra:Audience
+ * (см. backend/.../Auth/AuthSetup.cs — тогда включается DevAuthHandler).
+ */
+var DevApiHttpClient = /** @class */ (function () {
+    function DevApiHttpClient(baseUrl, devUserEmail) {
+        this.baseUrl = baseUrl;
+        this.devUserEmail = devUserEmail;
+    }
+    DevApiHttpClient.prototype.get = function (path, query) {
+        return this.send('GET', path, undefined, query);
+    };
+    DevApiHttpClient.prototype.post = function (path, body) {
+        return this.send('POST', path, body);
+    };
+    DevApiHttpClient.prototype.put = function (path, body) {
+        return this.send('PUT', path, body);
+    };
+    DevApiHttpClient.prototype.patch = function (path, body) {
+        return this.send('PATCH', path, body);
+    };
+    DevApiHttpClient.prototype.delete = function (path) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__awaiter)(this, void 0, void 0, function () {
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.send('DELETE', path)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    DevApiHttpClient.prototype.send = function (method, path, body, query) {
+        return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__awaiter)(this, void 0, void 0, function () {
+            var url, response;
+            return (0,tslib__WEBPACK_IMPORTED_MODULE_1__.__generator)(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        url = buildUrl(this.baseUrl, path, query);
+                        return [4 /*yield*/, fetch(url, {
+                                method: method,
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                    'X-Dev-User-Email': this.devUserEmail
+                                },
+                                body: body !== undefined ? JSON.stringify(body) : undefined
+                            })];
+                    case 1:
+                        response = _a.sent();
+                        return [2 /*return*/, parseResponse(response)];
+                }
+            });
+        });
+    };
+    return DevApiHttpClient;
+}());
+
+
+
 /***/ }),
 
 /***/ 323:
@@ -234,7 +1977,6 @@ var ApprovalAdmin = /** @class */ (function (_super) {
   \***********************************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   clearStyles: () => (/* binding */ clearStyles),
@@ -543,701 +2285,6 @@ function registerStyles(styleArray) {
 }
 
 
-/***/ }),
-
-/***/ 223:
-/*!***************************************************!*\
-  !*** ./node_modules/ansi-html-community/index.js ***!
-  \***************************************************/
-/***/ ((module) => {
-
-"use strict";
-
-
-module.exports = ansiHTML
-
-// Reference to https://github.com/sindresorhus/ansi-regex
-var _regANSI = /(?:(?:\u001b\[)|\u009b)(?:(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?[A-M|f-m])|\u001b[A-M]/
-
-var _defColors = {
-  reset: ['fff', '000'], // [FOREGROUD_COLOR, BACKGROUND_COLOR]
-  black: '000',
-  red: 'ff0000',
-  green: '209805',
-  yellow: 'e8bf03',
-  blue: '0000ff',
-  magenta: 'ff00ff',
-  cyan: '00ffee',
-  lightgrey: 'f0f0f0',
-  darkgrey: '888'
-}
-var _styles = {
-  30: 'black',
-  31: 'red',
-  32: 'green',
-  33: 'yellow',
-  34: 'blue',
-  35: 'magenta',
-  36: 'cyan',
-  37: 'lightgrey'
-}
-var _openTags = {
-  '1': 'font-weight:bold', // bold
-  '2': 'opacity:0.5', // dim
-  '3': '<i>', // italic
-  '4': '<u>', // underscore
-  '8': 'display:none', // hidden
-  '9': '<del>' // delete
-}
-var _closeTags = {
-  '23': '</i>', // reset italic
-  '24': '</u>', // reset underscore
-  '29': '</del>' // reset delete
-}
-
-;[0, 21, 22, 27, 28, 39, 49].forEach(function (n) {
-  _closeTags[n] = '</span>'
-})
-
-/**
- * Converts text with ANSI color codes to HTML markup.
- * @param {String} text
- * @returns {*}
- */
-function ansiHTML (text) {
-  // Returns the text if the string has no ANSI escape code.
-  if (!_regANSI.test(text)) {
-    return text
-  }
-
-  // Cache opened sequence.
-  var ansiCodes = []
-  // Replace with markup.
-  var ret = text.replace(/\033\[(\d+)m/g, function (match, seq) {
-    var ot = _openTags[seq]
-    if (ot) {
-      // If current sequence has been opened, close it.
-      if (!!~ansiCodes.indexOf(seq)) { // eslint-disable-line no-extra-boolean-cast
-        ansiCodes.pop()
-        return '</span>'
-      }
-      // Open tag.
-      ansiCodes.push(seq)
-      return ot[0] === '<' ? ot : '<span style="' + ot + ';">'
-    }
-
-    var ct = _closeTags[seq]
-    if (ct) {
-      // Pop sequence
-      ansiCodes.pop()
-      return ct
-    }
-    return ''
-  })
-
-  // Make sure tags are closed.
-  var l = ansiCodes.length
-  ;(l > 0) && (ret += Array(l + 1).join('</span>'))
-
-  return ret
-}
-
-/**
- * Customize colors.
- * @param {Object} colors reference to _defColors
- */
-ansiHTML.setColors = function (colors) {
-  if (typeof colors !== 'object') {
-    throw new Error('`colors` parameter must be an Object.')
-  }
-
-  var _finalColors = {}
-  for (var key in _defColors) {
-    var hex = colors.hasOwnProperty(key) ? colors[key] : null
-    if (!hex) {
-      _finalColors[key] = _defColors[key]
-      continue
-    }
-    if ('reset' === key) {
-      if (typeof hex === 'string') {
-        hex = [hex]
-      }
-      if (!Array.isArray(hex) || hex.length === 0 || hex.some(function (h) {
-        return typeof h !== 'string'
-      })) {
-        throw new Error('The value of `' + key + '` property must be an Array and each item could only be a hex string, e.g.: FF0000')
-      }
-      var defHexColor = _defColors[key]
-      if (!hex[0]) {
-        hex[0] = defHexColor[0]
-      }
-      if (hex.length === 1 || !hex[1]) {
-        hex = [hex[0]]
-        hex.push(defHexColor[1])
-      }
-
-      hex = hex.slice(0, 2)
-    } else if (typeof hex !== 'string') {
-      throw new Error('The value of `' + key + '` property must be a hex string, e.g.: FF0000')
-    }
-    _finalColors[key] = hex
-  }
-  _setTags(_finalColors)
-}
-
-/**
- * Reset colors.
- */
-ansiHTML.reset = function () {
-  _setTags(_defColors)
-}
-
-/**
- * Expose tags, including open and close.
- * @type {Object}
- */
-ansiHTML.tags = {}
-
-if (Object.defineProperty) {
-  Object.defineProperty(ansiHTML.tags, 'open', {
-    get: function () { return _openTags }
-  })
-  Object.defineProperty(ansiHTML.tags, 'close', {
-    get: function () { return _closeTags }
-  })
-} else {
-  ansiHTML.tags.open = _openTags
-  ansiHTML.tags.close = _closeTags
-}
-
-function _setTags (colors) {
-  // reset all
-  _openTags['0'] = 'font-weight:normal;opacity:1;color:#' + colors.reset[0] + ';background:#' + colors.reset[1]
-  // inverse
-  _openTags['7'] = 'color:#' + colors.reset[1] + ';background:#' + colors.reset[0]
-  // dark grey
-  _openTags['90'] = 'color:#' + colors.darkgrey
-
-  for (var code in _styles) {
-    var color = _styles[code]
-    var oriColor = colors[color] || '000'
-    _openTags[code] = 'color:#' + oriColor
-    code = parseInt(code)
-    _openTags[(code + 10).toString()] = 'background:#' + oriColor
-  }
-}
-
-ansiHTML.reset()
-
-
-/***/ }),
-
-/***/ 216:
-/*!***************************************!*\
-  !*** ./node_modules/events/events.js ***!
-  \***************************************/
-/***/ ((module) => {
-
-"use strict";
-// Copyright Joyent, Inc. and other Node contributors.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a
-// copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to permit
-// persons to whom the Software is furnished to do so, subject to the
-// following conditions:
-//
-// The above copyright notice and this permission notice shall be included
-// in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
-// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
-// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
-// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
-// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
-// USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-
-
-var R = typeof Reflect === 'object' ? Reflect : null
-var ReflectApply = R && typeof R.apply === 'function'
-  ? R.apply
-  : function ReflectApply(target, receiver, args) {
-    return Function.prototype.apply.call(target, receiver, args);
-  }
-
-var ReflectOwnKeys
-if (R && typeof R.ownKeys === 'function') {
-  ReflectOwnKeys = R.ownKeys
-} else if (Object.getOwnPropertySymbols) {
-  ReflectOwnKeys = function ReflectOwnKeys(target) {
-    return Object.getOwnPropertyNames(target)
-      .concat(Object.getOwnPropertySymbols(target));
-  };
-} else {
-  ReflectOwnKeys = function ReflectOwnKeys(target) {
-    return Object.getOwnPropertyNames(target);
-  };
-}
-
-function ProcessEmitWarning(warning) {
-  if (console && console.warn) console.warn(warning);
-}
-
-var NumberIsNaN = Number.isNaN || function NumberIsNaN(value) {
-  return value !== value;
-}
-
-function EventEmitter() {
-  EventEmitter.init.call(this);
-}
-module.exports = EventEmitter;
-module.exports.once = once;
-
-// Backwards-compat with node 0.10.x
-EventEmitter.EventEmitter = EventEmitter;
-
-EventEmitter.prototype._events = undefined;
-EventEmitter.prototype._eventsCount = 0;
-EventEmitter.prototype._maxListeners = undefined;
-
-// By default EventEmitters will print a warning if more than 10 listeners are
-// added to it. This is a useful default which helps finding memory leaks.
-var defaultMaxListeners = 10;
-
-function checkListener(listener) {
-  if (typeof listener !== 'function') {
-    throw new TypeError('The "listener" argument must be of type Function. Received type ' + typeof listener);
-  }
-}
-
-Object.defineProperty(EventEmitter, 'defaultMaxListeners', {
-  enumerable: true,
-  get: function() {
-    return defaultMaxListeners;
-  },
-  set: function(arg) {
-    if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) {
-      throw new RangeError('The value of "defaultMaxListeners" is out of range. It must be a non-negative number. Received ' + arg + '.');
-    }
-    defaultMaxListeners = arg;
-  }
-});
-
-EventEmitter.init = function() {
-
-  if (this._events === undefined ||
-      this._events === Object.getPrototypeOf(this)._events) {
-    this._events = Object.create(null);
-    this._eventsCount = 0;
-  }
-
-  this._maxListeners = this._maxListeners || undefined;
-};
-
-// Obviously not all Emitters should be limited to 10. This function allows
-// that to be increased. Set to zero for unlimited.
-EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {
-  if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) {
-    throw new RangeError('The value of "n" is out of range. It must be a non-negative number. Received ' + n + '.');
-  }
-  this._maxListeners = n;
-  return this;
-};
-
-function _getMaxListeners(that) {
-  if (that._maxListeners === undefined)
-    return EventEmitter.defaultMaxListeners;
-  return that._maxListeners;
-}
-
-EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
-  return _getMaxListeners(this);
-};
-
-EventEmitter.prototype.emit = function emit(type) {
-  var args = [];
-  for (var i = 1; i < arguments.length; i++) args.push(arguments[i]);
-  var doError = (type === 'error');
-
-  var events = this._events;
-  if (events !== undefined)
-    doError = (doError && events.error === undefined);
-  else if (!doError)
-    return false;
-
-  // If there is no 'error' event listener then throw.
-  if (doError) {
-    var er;
-    if (args.length > 0)
-      er = args[0];
-    if (er instanceof Error) {
-      // Note: The comments on the `throw` lines are intentional, they show
-      // up in Node's output if this results in an unhandled exception.
-      throw er; // Unhandled 'error' event
-    }
-    // At least give some kind of context to the user
-    var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : ''));
-    err.context = er;
-    throw err; // Unhandled 'error' event
-  }
-
-  var handler = events[type];
-
-  if (handler === undefined)
-    return false;
-
-  if (typeof handler === 'function') {
-    ReflectApply(handler, this, args);
-  } else {
-    var len = handler.length;
-    var listeners = arrayClone(handler, len);
-    for (var i = 0; i < len; ++i)
-      ReflectApply(listeners[i], this, args);
-  }
-
-  return true;
-};
-
-function _addListener(target, type, listener, prepend) {
-  var m;
-  var events;
-  var existing;
-
-  checkListener(listener);
-
-  events = target._events;
-  if (events === undefined) {
-    events = target._events = Object.create(null);
-    target._eventsCount = 0;
-  } else {
-    // To avoid recursion in the case that type === "newListener"! Before
-    // adding it to the listeners, first emit "newListener".
-    if (events.newListener !== undefined) {
-      target.emit('newListener', type,
-                  listener.listener ? listener.listener : listener);
-
-      // Re-assign `events` because a newListener handler could have caused the
-      // this._events to be assigned to a new object
-      events = target._events;
-    }
-    existing = events[type];
-  }
-
-  if (existing === undefined) {
-    // Optimize the case of one listener. Don't need the extra array object.
-    existing = events[type] = listener;
-    ++target._eventsCount;
-  } else {
-    if (typeof existing === 'function') {
-      // Adding the second element, need to change to array.
-      existing = events[type] =
-        prepend ? [listener, existing] : [existing, listener];
-      // If we've already got an array, just append.
-    } else if (prepend) {
-      existing.unshift(listener);
-    } else {
-      existing.push(listener);
-    }
-
-    // Check for listener leak
-    m = _getMaxListeners(target);
-    if (m > 0 && existing.length > m && !existing.warned) {
-      existing.warned = true;
-      // No error code for this since it is a Warning
-      // eslint-disable-next-line no-restricted-syntax
-      var w = new Error('Possible EventEmitter memory leak detected. ' +
-                          existing.length + ' ' + String(type) + ' listeners ' +
-                          'added. Use emitter.setMaxListeners() to ' +
-                          'increase limit');
-      w.name = 'MaxListenersExceededWarning';
-      w.emitter = target;
-      w.type = type;
-      w.count = existing.length;
-      ProcessEmitWarning(w);
-    }
-  }
-
-  return target;
-}
-
-EventEmitter.prototype.addListener = function addListener(type, listener) {
-  return _addListener(this, type, listener, false);
-};
-
-EventEmitter.prototype.on = EventEmitter.prototype.addListener;
-
-EventEmitter.prototype.prependListener =
-    function prependListener(type, listener) {
-      return _addListener(this, type, listener, true);
-    };
-
-function onceWrapper() {
-  if (!this.fired) {
-    this.target.removeListener(this.type, this.wrapFn);
-    this.fired = true;
-    if (arguments.length === 0)
-      return this.listener.call(this.target);
-    return this.listener.apply(this.target, arguments);
-  }
-}
-
-function _onceWrap(target, type, listener) {
-  var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };
-  var wrapped = onceWrapper.bind(state);
-  wrapped.listener = listener;
-  state.wrapFn = wrapped;
-  return wrapped;
-}
-
-EventEmitter.prototype.once = function once(type, listener) {
-  checkListener(listener);
-  this.on(type, _onceWrap(this, type, listener));
-  return this;
-};
-
-EventEmitter.prototype.prependOnceListener =
-    function prependOnceListener(type, listener) {
-      checkListener(listener);
-      this.prependListener(type, _onceWrap(this, type, listener));
-      return this;
-    };
-
-// Emits a 'removeListener' event if and only if the listener was removed.
-EventEmitter.prototype.removeListener =
-    function removeListener(type, listener) {
-      var list, events, position, i, originalListener;
-
-      checkListener(listener);
-
-      events = this._events;
-      if (events === undefined)
-        return this;
-
-      list = events[type];
-      if (list === undefined)
-        return this;
-
-      if (list === listener || list.listener === listener) {
-        if (--this._eventsCount === 0)
-          this._events = Object.create(null);
-        else {
-          delete events[type];
-          if (events.removeListener)
-            this.emit('removeListener', type, list.listener || listener);
-        }
-      } else if (typeof list !== 'function') {
-        position = -1;
-
-        for (i = list.length - 1; i >= 0; i--) {
-          if (list[i] === listener || list[i].listener === listener) {
-            originalListener = list[i].listener;
-            position = i;
-            break;
-          }
-        }
-
-        if (position < 0)
-          return this;
-
-        if (position === 0)
-          list.shift();
-        else {
-          spliceOne(list, position);
-        }
-
-        if (list.length === 1)
-          events[type] = list[0];
-
-        if (events.removeListener !== undefined)
-          this.emit('removeListener', type, originalListener || listener);
-      }
-
-      return this;
-    };
-
-EventEmitter.prototype.off = EventEmitter.prototype.removeListener;
-
-EventEmitter.prototype.removeAllListeners =
-    function removeAllListeners(type) {
-      var listeners, events, i;
-
-      events = this._events;
-      if (events === undefined)
-        return this;
-
-      // not listening for removeListener, no need to emit
-      if (events.removeListener === undefined) {
-        if (arguments.length === 0) {
-          this._events = Object.create(null);
-          this._eventsCount = 0;
-        } else if (events[type] !== undefined) {
-          if (--this._eventsCount === 0)
-            this._events = Object.create(null);
-          else
-            delete events[type];
-        }
-        return this;
-      }
-
-      // emit removeListener for all listeners on all events
-      if (arguments.length === 0) {
-        var keys = Object.keys(events);
-        var key;
-        for (i = 0; i < keys.length; ++i) {
-          key = keys[i];
-          if (key === 'removeListener') continue;
-          this.removeAllListeners(key);
-        }
-        this.removeAllListeners('removeListener');
-        this._events = Object.create(null);
-        this._eventsCount = 0;
-        return this;
-      }
-
-      listeners = events[type];
-
-      if (typeof listeners === 'function') {
-        this.removeListener(type, listeners);
-      } else if (listeners !== undefined) {
-        // LIFO order
-        for (i = listeners.length - 1; i >= 0; i--) {
-          this.removeListener(type, listeners[i]);
-        }
-      }
-
-      return this;
-    };
-
-function _listeners(target, type, unwrap) {
-  var events = target._events;
-
-  if (events === undefined)
-    return [];
-
-  var evlistener = events[type];
-  if (evlistener === undefined)
-    return [];
-
-  if (typeof evlistener === 'function')
-    return unwrap ? [evlistener.listener || evlistener] : [evlistener];
-
-  return unwrap ?
-    unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);
-}
-
-EventEmitter.prototype.listeners = function listeners(type) {
-  return _listeners(this, type, true);
-};
-
-EventEmitter.prototype.rawListeners = function rawListeners(type) {
-  return _listeners(this, type, false);
-};
-
-EventEmitter.listenerCount = function(emitter, type) {
-  if (typeof emitter.listenerCount === 'function') {
-    return emitter.listenerCount(type);
-  } else {
-    return listenerCount.call(emitter, type);
-  }
-};
-
-EventEmitter.prototype.listenerCount = listenerCount;
-function listenerCount(type) {
-  var events = this._events;
-
-  if (events !== undefined) {
-    var evlistener = events[type];
-
-    if (typeof evlistener === 'function') {
-      return 1;
-    } else if (evlistener !== undefined) {
-      return evlistener.length;
-    }
-  }
-
-  return 0;
-}
-
-EventEmitter.prototype.eventNames = function eventNames() {
-  return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];
-};
-
-function arrayClone(arr, n) {
-  var copy = new Array(n);
-  for (var i = 0; i < n; ++i)
-    copy[i] = arr[i];
-  return copy;
-}
-
-function spliceOne(list, index) {
-  for (; index + 1 < list.length; index++)
-    list[index] = list[index + 1];
-  list.pop();
-}
-
-function unwrapListeners(arr) {
-  var ret = new Array(arr.length);
-  for (var i = 0; i < ret.length; ++i) {
-    ret[i] = arr[i].listener || arr[i];
-  }
-  return ret;
-}
-
-function once(emitter, name) {
-  return new Promise(function (resolve, reject) {
-    function errorListener(err) {
-      emitter.removeListener(name, resolver);
-      reject(err);
-    }
-
-    function resolver() {
-      if (typeof emitter.removeListener === 'function') {
-        emitter.removeListener('error', errorListener);
-      }
-      resolve([].slice.call(arguments));
-    };
-
-    eventTargetAgnosticAddListener(emitter, name, resolver, { once: true });
-    if (name !== 'error') {
-      addErrorHandlerIfEventEmitter(emitter, errorListener, { once: true });
-    }
-  });
-}
-
-function addErrorHandlerIfEventEmitter(emitter, handler, flags) {
-  if (typeof emitter.on === 'function') {
-    eventTargetAgnosticAddListener(emitter, 'error', handler, flags);
-  }
-}
-
-function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
-  if (typeof emitter.on === 'function') {
-    if (flags.once) {
-      emitter.once(name, listener);
-    } else {
-      emitter.on(name, listener);
-    }
-  } else if (typeof emitter.addEventListener === 'function') {
-    // EventTarget does not have `error` event semantics like Node
-    // EventEmitters, we do not listen for `error` events here.
-    emitter.addEventListener(name, function wrapListener(arg) {
-      // IE does not have builtin `{ once: true }` support so we
-      // have to do it manually.
-      if (flags.once) {
-        emitter.removeEventListener(name, wrapListener);
-      }
-      listener(arg);
-    });
-  } else {
-    throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof emitter);
-  }
-}
-
-
 /***/ }),
 
 /***/ 196:
@@ -1246,7 +2293,6 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
   \*****************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   __assign: () => (/* binding */ __assign),
@@ -1515,2888 +2561,6 @@ function __classPrivateFieldSet(receiver, state, value, kind, f) {
 }
 
 
-/***/ }),
-
-/***/ 976:
-/*!***************************************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/clients/WebSocketClient.js ***!
-  \***************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ WebSocketClient)
-/* harmony export */ });
-/* harmony import */ var _utils_log_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils/log.js */ 43);
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-/** @typedef {import("../index").EXPECTED_ANY} EXPECTED_ANY */
-
-/**
- * @implements {CommunicationClient}
- */
-var WebSocketClient = /*#__PURE__*/function () {
-  /**
-   * @param {string} url url to connect
-   */
-  function WebSocketClient(url) {
-    _classCallCheck(this, WebSocketClient);
-    this.client = new WebSocket(url);
-    this.client.onerror = function (error) {
-      _utils_log_js__WEBPACK_IMPORTED_MODULE_0__.log.error(error);
-    };
-  }
-
-  /**
-   * @param {(...args: EXPECTED_ANY[]) => void} fn function
-   */
-  return _createClass(WebSocketClient, [{
-    key: "onOpen",
-    value: function onOpen(fn) {
-      this.client.onopen = fn;
-    }
-
-    /**
-     * @param {(...args: EXPECTED_ANY[]) => void} fn function
-     */
-  }, {
-    key: "onClose",
-    value: function onClose(fn) {
-      this.client.onclose = fn;
-    }
-
-    // call f with the message string as the first argument
-    /**
-     * @param {(...args: EXPECTED_ANY[]) => void} fn function
-     */
-  }, {
-    key: "onMessage",
-    value: function onMessage(fn) {
-      this.client.onmessage = function (err) {
-        fn(err.data);
-      };
-    }
-  }]);
-}();
-
-
-/***/ }),
-
-/***/ 29:
-/*!************************************************************************************************************************************************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/index.js?protocol=wss&hostname=localhost&port=4321&pathname=%2Fws&logging=info&overlay=false&reconnect=10&hot=true&live-reload=true ***!
-  \************************************************************************************************************************************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-var __resourceQuery = "?protocol=wss&hostname=localhost&port=4321&pathname=%2Fws&logging=info&overlay=false&reconnect=10&hot=true&live-reload=true";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createSocketURL: () => (/* binding */ createSocketURL),
-/* harmony export */   getCurrentScriptSource: () => (/* binding */ getCurrentScriptSource),
-/* harmony export */   parseURL: () => (/* binding */ parseURL)
-/* harmony export */ });
-/* harmony import */ var webpack_hot_emitter_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! webpack/hot/emitter.js */ 689);
-/* harmony import */ var webpack_hot_emitter_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(webpack_hot_emitter_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var webpack_hot_log_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! webpack/hot/log.js */ 509);
-/* harmony import */ var webpack_hot_log_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(webpack_hot_log_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _overlay_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./overlay.js */ 887);
-/* harmony import */ var _progress_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./progress.js */ 40);
-/* harmony import */ var _socket_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./socket.js */ 930);
-/* harmony import */ var _utils_log_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/log.js */ 43);
-/* harmony import */ var _utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/sendMessage.js */ 912);
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-/* global __resourceQuery, __webpack_hash__ */
-// @ts-expect-error
-
-// @ts-expect-error
-
-
-
-
-
-
-
-// eslint-disable-next-line jsdoc/no-restricted-syntax
-/** @typedef {any} EXPECTED_ANY */
-
-/**
- * @typedef {object} RawOverlayOptions
- * @property {string=} warnings warnings
- * @property {string=} errors errors
- * @property {string=} runtimeErrors runtime errors
- * @property {string=} trustedTypesPolicyName trusted types policy name
- */
-
-/**
- * @typedef {object} OverlayOptions
- * @property {(boolean | ((error: Error) => boolean))=} warnings warnings
- * @property {(boolean | ((error: Error) => boolean))=} errors errors
- * @property {(boolean | ((error: Error) => boolean))=} runtimeErrors runtime errors
- * @property {string=} trustedTypesPolicyName trusted types policy name
- */
-
-/** @typedef {false | true | "none" | "error" | "warn" | "info" | "log" | "verbose"} LogLevel */
-
-/**
- * @typedef {object} Options
- * @property {boolean} hot true when hot enabled, otherwise false
- * @property {boolean} liveReload true when live reload enabled, otherwise false
- * @property {boolean} progress true when need to show progress, otherwise false
- * @property {boolean | OverlayOptions} overlay overlay options
- * @property {LogLevel=} logging logging level
- * @property {number=} reconnect count of allowed reconnection
- */
-
-/**
- * @typedef {object} Status
- * @property {boolean} isUnloading true when unloaded, otherwise false
- * @property {string} currentHash current hash
- * @property {string=} previousHash previous hash
- */
-
-/**
- * @param {boolean | RawOverlayOptions | OverlayOptions} overlayOptions overlay options
- */
-var decodeOverlayOptions = function decodeOverlayOptions(overlayOptions) {
-  if (_typeof(overlayOptions) === "object") {
-    var requiredOptions = ["warnings", "errors", "runtimeErrors"];
-    for (var i = 0; i < requiredOptions.length; i++) {
-      var property = /** @type {keyof Omit<RawOverlayOptions, "trustedTypesPolicyName">} */
-      requiredOptions[i];
-      if (typeof overlayOptions[property] === "string") {
-        var overlayFilterFunctionString = decodeURIComponent(overlayOptions[property]);
-
-        /** @type {OverlayOptions} */
-        overlayOptions[property] = /** @type {(error: Error) => boolean} */
-        // eslint-disable-next-line no-new-func
-        new Function("message", "var callback = ".concat(overlayFilterFunctionString, "\n        return callback(message)"));
-      }
-    }
-  }
-};
-
-/**
- * @type {Status}
- */
-var status = {
-  isUnloading: false,
-  currentHash: __webpack_require__.h()
-};
-
-/**
- * @returns {string} current script source
- */
-var getCurrentScriptSource = function getCurrentScriptSource() {
-  // `document.currentScript` is the most accurate way to find the current script,
-  // but is not supported in all browsers.
-  if (document.currentScript) {
-    return /** @type {string} */document.currentScript.getAttribute("src");
-  }
-
-  // Fallback to getting all scripts running in the document.
-  var scriptElements = document.scripts || [];
-  var scriptElementsWithSrc = Array.prototype.filter.call(scriptElements, function (element) {
-    return element.getAttribute("src");
-  });
-  if (scriptElementsWithSrc.length > 0) {
-    var currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
-    return currentScript.getAttribute("src");
-  }
-
-  // Fail as there was no script to use.
-  throw new Error("[webpack-dev-server] Failed to get current script source.");
-};
-
-/** @typedef {{ hot?: string, ["live-reload"]?: string, progress?: string, reconnect?: string, logging?: LogLevel, overlay?: string, fromCurrentScript?: boolean }} AdditionalParsedURL */
-/** @typedef {Partial<URL> & AdditionalParsedURL} ParsedURL */
-
-/**
- * @param {string} resourceQuery resource query
- * @returns {ParsedURL} parsed URL
- */
-var parseURL = function parseURL(resourceQuery) {
-  /** @type {ParsedURL} */
-  var result = {};
-  if (typeof resourceQuery === "string" && resourceQuery !== "") {
-    var searchParams = resourceQuery.slice(1).split("&");
-    for (var i = 0; i < searchParams.length; i++) {
-      var pair = searchParams[i].split("=");
-
-      /** @type {EXPECTED_ANY} */
-      result[pair[0]] = decodeURIComponent(pair[1]);
-    }
-  } else {
-    // Else, get the url from the <script> this file was called with.
-    var scriptSource = getCurrentScriptSource();
-    var scriptSourceURL;
-    try {
-      // The placeholder `baseURL` with `window.location.href`,
-      // is to allow parsing of path-relative or protocol-relative URLs,
-      // and will have no effect if `scriptSource` is a fully valid URL.
-      scriptSourceURL = new URL(scriptSource, self.location.href);
-    } catch (_err) {
-      // URL parsing failed, do nothing.
-      // We will still proceed to see if we can recover using `resourceQuery`
-    }
-    if (scriptSourceURL) {
-      result = scriptSourceURL;
-      result.fromCurrentScript = true;
-    }
-  }
-  return result;
-};
-var parsedResourceQuery = parseURL(__resourceQuery);
-
-/** @typedef {{ ["Hot Module Replacement"]: boolean, ["Live Reloading"]: boolean, Progress: boolean, Overlay: boolean }} Features */
-
-/** @type {Features} */
-var enabledFeatures = {
-  "Hot Module Replacement": false,
-  "Live Reloading": false,
-  Progress: false,
-  Overlay: false
-};
-
-/** @type {Options} */
-var options = {
-  hot: false,
-  liveReload: false,
-  progress: false,
-  overlay: false
-};
-if (parsedResourceQuery.hot === "true") {
-  options.hot = true;
-  enabledFeatures["Hot Module Replacement"] = true;
-}
-if (parsedResourceQuery["live-reload"] === "true") {
-  options.liveReload = true;
-  enabledFeatures["Live Reloading"] = true;
-}
-if (parsedResourceQuery.progress === "true") {
-  options.progress = true;
-  enabledFeatures.Progress = true;
-}
-if (parsedResourceQuery.overlay) {
-  try {
-    options.overlay = JSON.parse(parsedResourceQuery.overlay);
-  } catch (err) {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.error("Error parsing overlay options from resource query:", err);
-  }
-
-  // Fill in default "true" params for partially-specified objects.
-  if (_typeof(options.overlay) === "object") {
-    options.overlay = _objectSpread({
-      errors: true,
-      warnings: true,
-      runtimeErrors: true
-    }, options.overlay);
-    decodeOverlayOptions(options.overlay);
-  }
-  enabledFeatures.Overlay = options.overlay !== false;
-}
-if (parsedResourceQuery.logging) {
-  options.logging = parsedResourceQuery.logging;
-}
-if (typeof parsedResourceQuery.reconnect !== "undefined") {
-  options.reconnect = Number(parsedResourceQuery.reconnect);
-}
-
-/**
- * @param {false | true | "none" | "error" | "warn" | "info" | "log" | "verbose"} level level
- */
-var setAllLogLevel = function setAllLogLevel(level) {
-  // This is needed because the HMR logger operate separately from dev server logger
-  webpack_hot_log_js__WEBPACK_IMPORTED_MODULE_1___default().setLogLevel(level === "verbose" || level === "log" ? "info" : level);
-  (0,_utils_log_js__WEBPACK_IMPORTED_MODULE_4__.setLogLevel)(level);
-};
-if (options.logging) {
-  setAllLogLevel(options.logging);
-}
-
-/**
- * @param {Features} features features
- */
-var logEnabledFeatures = function logEnabledFeatures(features) {
-  var listEnabledFeatures = Object.keys(features);
-  if (!features || listEnabledFeatures.length === 0) {
-    return;
-  }
-  var logString = "Server started:";
-
-  // Server started: Hot Module Replacement enabled, Live Reloading enabled, Overlay disabled.
-  for (var i = 0; i < listEnabledFeatures.length; i++) {
-    var key = /** @type {keyof Features} */listEnabledFeatures[i];
-    logString += " ".concat(key, " ").concat(features[key] ? "enabled" : "disabled", ",");
-  }
-  // replace last comma with a period
-  logString = logString.slice(0, -1).concat(".");
-  _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info(logString);
-};
-logEnabledFeatures(enabledFeatures);
-self.addEventListener("beforeunload", function () {
-  status.isUnloading = true;
-});
-var overlay = typeof window !== "undefined" ? (0,_overlay_js__WEBPACK_IMPORTED_MODULE_2__.createOverlay)(_typeof(options.overlay) === "object" ? {
-  trustedTypesPolicyName: options.overlay.trustedTypesPolicyName,
-  catchRuntimeError: options.overlay.runtimeErrors
-} : {
-  trustedTypesPolicyName: false,
-  catchRuntimeError: options.overlay
-}) : {
-  send: function send() {}
-};
-
-/**
- * @param {Options} options options
- * @param {Status} currentStatus current status
- */
-var reloadApp = function reloadApp(_ref, currentStatus) {
-  var hot = _ref.hot,
-    liveReload = _ref.liveReload;
-  if (currentStatus.isUnloading) {
-    return;
-  }
-  var currentHash = currentStatus.currentHash,
-    previousHash = currentStatus.previousHash;
-  var isInitial = currentHash.indexOf(/** @type {string} */previousHash) >= 0;
-  if (isInitial) {
-    return;
-  }
-
-  /**
-   * @param {Window} rootWindow root window
-   * @param {number} intervalId interval id
-   */
-  function applyReload(rootWindow, intervalId) {
-    clearInterval(intervalId);
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("App updated. Reloading...");
-    rootWindow.location.reload();
-  }
-  var search = self.location.search.toLowerCase();
-  var allowToHot = search.indexOf("webpack-dev-server-hot=false") === -1;
-  var allowToLiveReload = search.indexOf("webpack-dev-server-live-reload=false") === -1;
-  if (hot && allowToHot) {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("App hot update...");
-    if (typeof EventTarget !== "undefined" && (webpack_hot_emitter_js__WEBPACK_IMPORTED_MODULE_0___default()) instanceof EventTarget) {
-      var event = new CustomEvent("webpackHotUpdate", {
-        detail: {
-          currentHash: currentStatus.currentHash
-        },
-        bubbles: true,
-        cancelable: false
-      });
-      webpack_hot_emitter_js__WEBPACK_IMPORTED_MODULE_0___default().dispatchEvent(event);
-    } else {
-      webpack_hot_emitter_js__WEBPACK_IMPORTED_MODULE_0___default().emit("webpackHotUpdate", currentStatus.currentHash);
-    }
-    if (typeof self !== "undefined" && self.window) {
-      // broadcast update to window
-      self.postMessage("webpackHotUpdate".concat(currentStatus.currentHash), "*");
-    }
-  }
-  // allow refreshing the page only if liveReload isn't disabled
-  else if (liveReload && allowToLiveReload) {
-    /** @type {Window} */
-    var rootWindow = self;
-
-    // use parent window for reload (in case we're in an iframe with no valid src)
-    var intervalId = self.setInterval(function () {
-      if (rootWindow.location.protocol !== "about:") {
-        // reload immediately if protocol is valid
-        applyReload(rootWindow, intervalId);
-      } else {
-        rootWindow = rootWindow.parent;
-        if (rootWindow.parent === rootWindow) {
-          // if parent equals current window we've reached the root which would continue forever, so trigger a reload anyways
-          applyReload(rootWindow, intervalId);
-        }
-      }
-    });
-  }
-};
-var ansiRegex = new RegExp(["[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)", "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))"].join("|"), "g");
-
-/**
- * Strip [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code) from a string.
- * Adapted from code originally released by Sindre Sorhus
- * Licensed the MIT License
- * @param {string} string string
- * @returns {string} string without ansi
- */
-var stripAnsi = function stripAnsi(string) {
-  if (typeof string !== "string") {
-    throw new TypeError("Expected a `string`, got `".concat(_typeof(string), "`"));
-  }
-  return string.replace(ansiRegex, "");
-};
-var onSocketMessage = {
-  hot: function hot() {
-    if (parsedResourceQuery.hot === "false") {
-      return;
-    }
-    options.hot = true;
-  },
-  liveReload: function liveReload() {
-    if (parsedResourceQuery["live-reload"] === "false") {
-      return;
-    }
-    options.liveReload = true;
-  },
-  invalid: function invalid() {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("App updated. Recompiling...");
-
-    // Fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.
-    if (options.overlay) {
-      overlay.send({
-        type: "DISMISS"
-      });
-    }
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("Invalid");
-  },
-  /**
-   * @param {string} hash hash
-   */
-  hash: function hash(_hash) {
-    status.previousHash = status.currentHash;
-    status.currentHash = _hash;
-  },
-  logging: setAllLogLevel,
-  /**
-   * @param {boolean} value overlay value
-   */
-  overlay: function overlay(value) {
-    if (typeof document === "undefined") {
-      return;
-    }
-    options.overlay = value;
-    decodeOverlayOptions(options.overlay);
-  },
-  /**
-   * @param {number} value reconnect value
-   */
-  reconnect: function reconnect(value) {
-    if (parsedResourceQuery.reconnect === "false") {
-      return;
-    }
-    options.reconnect = value;
-  },
-  /**
-   * @param {boolean} value progress value
-   */
-  progress: function progress(value) {
-    options.progress = value;
-  },
-  /**
-   * @param {{ pluginName?: string, percent: string, msg: string }} data date with progress
-   */
-  "progress-update": function progressUpdate(data) {
-    if (options.progress) {
-      _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("".concat(data.pluginName ? "[".concat(data.pluginName, "] ") : "").concat(data.percent, "% - ").concat(data.msg, "."));
-    }
-    if ((0,_progress_js__WEBPACK_IMPORTED_MODULE_6__.isProgressSupported)() && typeof options.progress === "string") {
-      var progress = document.querySelector("wds-progress");
-      if (!progress) {
-        (0,_progress_js__WEBPACK_IMPORTED_MODULE_6__.defineProgressElement)();
-        progress = document.createElement("wds-progress");
-        document.body.appendChild(progress);
-      }
-      progress.setAttribute("progress", data.percent);
-      progress.setAttribute("type", options.progress);
-    }
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("Progress", data);
-  },
-  "still-ok": function stillOk() {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("Nothing changed.");
-    if (options.overlay) {
-      overlay.send({
-        type: "DISMISS"
-      });
-    }
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("StillOk");
-  },
-  ok: function ok() {
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("Ok");
-    if (options.overlay) {
-      overlay.send({
-        type: "DISMISS"
-      });
-    }
-    reloadApp(options, status);
-  },
-  /**
-   * @param {string} file changed file
-   */
-  "static-changed": function staticChanged(file) {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("".concat(file ? "\"".concat(file, "\"") : "Content", " from static directory was changed. Reloading..."));
-    self.location.reload();
-  },
-  /**
-   * @param {Error[]} warnings warnings
-   * @param {{ preventReloading: boolean }=} params extra params
-   */
-  warnings: function warnings(_warnings, params) {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.warn("Warnings while compiling.");
-    var printableWarnings = _warnings.map(function (error) {
-      var _formatProblem = (0,_overlay_js__WEBPACK_IMPORTED_MODULE_2__.formatProblem)("warning", error),
-        header = _formatProblem.header,
-        body = _formatProblem.body;
-      return "".concat(header, "\n").concat(stripAnsi(body));
-    });
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("Warnings", printableWarnings);
-    for (var i = 0; i < printableWarnings.length; i++) {
-      _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.warn(printableWarnings[i]);
-    }
-    var overlayWarningsSetting = typeof options.overlay === "boolean" ? options.overlay : options.overlay && options.overlay.warnings;
-    if (overlayWarningsSetting) {
-      var warningsToDisplay = typeof overlayWarningsSetting === "function" ? _warnings.filter(overlayWarningsSetting) : _warnings;
-      if (warningsToDisplay.length) {
-        overlay.send({
-          type: "BUILD_ERROR",
-          level: "warning",
-          messages: _warnings
-        });
-      }
-    }
-    if (params && params.preventReloading) {
-      return;
-    }
-    reloadApp(options, status);
-  },
-  /**
-   * @param {Error[]} errors errors
-   */
-  errors: function errors(_errors) {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.error("Errors while compiling. Reload prevented.");
-    var printableErrors = _errors.map(function (error) {
-      var _formatProblem2 = (0,_overlay_js__WEBPACK_IMPORTED_MODULE_2__.formatProblem)("error", error),
-        header = _formatProblem2.header,
-        body = _formatProblem2.body;
-      return "".concat(header, "\n").concat(stripAnsi(body));
-    });
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("Errors", printableErrors);
-    for (var i = 0; i < printableErrors.length; i++) {
-      _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.error(printableErrors[i]);
-    }
-    var overlayErrorsSettings = typeof options.overlay === "boolean" ? options.overlay : options.overlay && options.overlay.errors;
-    if (overlayErrorsSettings) {
-      var errorsToDisplay = typeof overlayErrorsSettings === "function" ? _errors.filter(overlayErrorsSettings) : _errors;
-      if (errorsToDisplay.length) {
-        overlay.send({
-          type: "BUILD_ERROR",
-          level: "error",
-          messages: _errors
-        });
-      }
-    }
-  },
-  /**
-   * @param {Error} error error
-   */
-  error: function error(_error) {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.error(_error);
-  },
-  close: function close() {
-    _utils_log_js__WEBPACK_IMPORTED_MODULE_4__.log.info("Disconnected!");
-    if (options.overlay) {
-      overlay.send({
-        type: "DISMISS"
-      });
-    }
-    (0,_utils_sendMessage_js__WEBPACK_IMPORTED_MODULE_5__["default"])("Close");
-  }
-};
-
-/**
- * @param {{ protocol?: string, auth?: string, hostname?: string, port?: string, pathname?: string, search?: string, hash?: string, slashes?: boolean }} objURL object URL
- * @returns {string} formatted url
- */
-var formatURL = function formatURL(objURL) {
-  var protocol = objURL.protocol || "";
-  if (protocol && protocol.slice(-1) !== ":") {
-    protocol += ":";
-  }
-  var auth = objURL.auth || "";
-  if (auth) {
-    auth = encodeURIComponent(auth);
-    auth = auth.replace(/%3A/i, ":");
-    auth += "@";
-  }
-  var host = "";
-  if (objURL.hostname) {
-    host = auth + (objURL.hostname.indexOf(":") === -1 ? objURL.hostname : "[".concat(objURL.hostname, "]"));
-    if (objURL.port) {
-      host += ":".concat(objURL.port);
-    }
-  }
-  var pathname = objURL.pathname || "";
-  if (objURL.slashes) {
-    host = "//".concat(host || "");
-    if (pathname && pathname.charAt(0) !== "/") {
-      pathname = "/".concat(pathname);
-    }
-  } else if (!host) {
-    host = "";
-  }
-  var search = objURL.search || "";
-  if (search && search.charAt(0) !== "?") {
-    search = "?".concat(search);
-  }
-  var hash = objURL.hash || "";
-  if (hash && hash.charAt(0) !== "#") {
-    hash = "#".concat(hash);
-  }
-  pathname = pathname.replace(/[?#]/g,
-  /**
-   * @param {string} match matched string
-   * @returns {string} encoded URI component
-   */
-  function (match) {
-    return encodeURIComponent(match);
-  });
-  search = search.replace("#", "%23");
-  return "".concat(protocol).concat(host).concat(pathname).concat(search).concat(hash);
-};
-
-/**
- * @param {ParsedURL} parsedURL parsed URL
- * @returns {string} socket URL
- */
-var createSocketURL = function createSocketURL(parsedURL) {
-  var hostname = parsedURL.hostname;
-
-  // Node.js module parses it as `::`
-  // `new URL(urlString, [baseURLString])` parses it as '[::]'
-  var isInAddrAny = hostname === "0.0.0.0" || hostname === "::" || hostname === "[::]";
-
-  // why do we need this check?
-  // hostname n/a for file protocol (example, when using electron, ionic)
-  // see: https://github.com/webpack/webpack-dev-server/pull/384
-  if (isInAddrAny && self.location.hostname && self.location.protocol.indexOf("http") === 0) {
-    hostname = self.location.hostname;
-  }
-  var socketURLProtocol = parsedURL.protocol || self.location.protocol;
-
-  // When https is used in the app, secure web sockets are always necessary because the browser doesn't accept non-secure web sockets.
-  if (socketURLProtocol === "auto:" || hostname && isInAddrAny && self.location.protocol === "https:") {
-    socketURLProtocol = self.location.protocol;
-  }
-  socketURLProtocol = socketURLProtocol.replace(/^(?:http|.+-extension|file)/i, "ws");
-  var socketURLAuth = "";
-
-  // `new URL(urlString, [baseURLstring])` doesn't have `auth` property
-  // Parse authentication credentials in case we need them
-  if (parsedURL.username) {
-    socketURLAuth = parsedURL.username;
-
-    // Since HTTP basic authentication does not allow empty username,
-    // we only include password if the username is not empty.
-    if (parsedURL.password) {
-      // Result: <username>:<password>
-      socketURLAuth = socketURLAuth.concat(":", parsedURL.password);
-    }
-  }
-
-  // In case the host is a raw IPv6 address, it can be enclosed in
-  // the brackets as the brackets are needed in the final URL string.
-  // Need to remove those as url.format blindly adds its own set of brackets
-  // if the host string contains colons. That would lead to non-working
-  // double brackets (e.g. [[::]]) host
-  //
-  // All of these web socket url params are optionally passed in through resourceQuery,
-  // so we need to fall back to the default if they are not provided
-  var socketURLHostname = (hostname || self.location.hostname || "localhost").replace(/^\[(.*)\]$/, "$1");
-  var socketURLPort = parsedURL.port;
-  if (!socketURLPort || socketURLPort === "0") {
-    socketURLPort = self.location.port;
-  }
-
-  // If path is provided it'll be passed in via the resourceQuery as a
-  // query param so it has to be parsed out of the querystring in order for the
-  // client to open the socket to the correct location.
-  var socketURLPathname = "/ws";
-  if (parsedURL.pathname && !parsedURL.fromCurrentScript) {
-    socketURLPathname = parsedURL.pathname;
-  }
-  return formatURL({
-    protocol: socketURLProtocol,
-    auth: socketURLAuth,
-    hostname: socketURLHostname,
-    port: socketURLPort,
-    pathname: socketURLPathname,
-    slashes: true
-  });
-};
-var socketURL = createSocketURL(parsedResourceQuery);
-(0,_socket_js__WEBPACK_IMPORTED_MODULE_3__["default"])(socketURL, onSocketMessage, options.reconnect);
-
-
-/***/ }),
-
-/***/ 970:
-/*!************************************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/modules/logger/index.js ***!
-  \************************************************************************/
-/***/ ((__unused_webpack_module, exports) => {
-
-/******/ (function() { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ "./client-src/modules/logger/tapable.js":
-/*!**********************************************!*\
-  !*** ./client-src/modules/logger/tapable.js ***!
-  \**********************************************/
-/***/ (function(__unused_webpack_module, __nested_webpack_exports__, __nested_webpack_require_372__) {
-
-__nested_webpack_require_372__.r(__nested_webpack_exports__);
-/* harmony export */ __nested_webpack_require_372__.d(__nested_webpack_exports__, {
-/* harmony export */   SyncBailHook: function() { return /* binding */ SyncBailHook; }
-/* harmony export */ });
-/**
- * @returns {SyncBailHook} mocked sync bail hook
- * @constructor
- */
-function SyncBailHook() {
-  return {
-    call: function call() {}
-  };
-}
-
-/**
- * Client stub for tapable SyncBailHook
- */
-
-
-/***/ }),
-
-/***/ "./node_modules/webpack/lib/logging/Logger.js":
-/*!****************************************************!*\
-  !*** ./node_modules/webpack/lib/logging/Logger.js ***!
-  \****************************************************/
-/***/ (function(module) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-
-
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && "symbol" == typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && o.constructor === (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && o !== (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _iterableToArray(r) {
-  if ("undefined" != typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && null != r[(typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _classCallCheck(a, n) {
-  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-}
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-    writable: !1
-  }), e;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[(typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-var LogType = Object.freeze({
-  error: (/** @type {"error"} */"error"),
-  // message, c style arguments
-  warn: (/** @type {"warn"} */"warn"),
-  // message, c style arguments
-  info: (/** @type {"info"} */"info"),
-  // message, c style arguments
-  log: (/** @type {"log"} */"log"),
-  // message, c style arguments
-  debug: (/** @type {"debug"} */"debug"),
-  // message, c style arguments
-
-  trace: (/** @type {"trace"} */"trace"),
-  // no arguments
-
-  group: (/** @type {"group"} */"group"),
-  // [label]
-  groupCollapsed: (/** @type {"groupCollapsed"} */"groupCollapsed"),
-  // [label]
-  groupEnd: (/** @type {"groupEnd"} */"groupEnd"),
-  // [label]
-
-  profile: (/** @type {"profile"} */"profile"),
-  // [profileName]
-  profileEnd: (/** @type {"profileEnd"} */"profileEnd"),
-  // [profileName]
-
-  time: (/** @type {"time"} */"time"),
-  // name, time as [seconds, nanoseconds]
-
-  clear: (/** @type {"clear"} */"clear"),
-  // no arguments
-  status: (/** @type {"status"} */"status") // message, arguments
-});
-module.exports.LogType = LogType;
-
-/** @typedef {typeof LogType[keyof typeof LogType]} LogTypeEnum */
-/** @typedef {Map<string | undefined, [number, number]>} TimersMap */
-
-var LOG_SYMBOL = (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; })("webpack logger raw log method");
-var TIMERS_SYMBOL = (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; })("webpack logger times");
-var TIMERS_AGGREGATES_SYMBOL = (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; })("webpack logger aggregated times");
-
-/** @typedef {EXPECTED_ANY[]} Args */
-/** @typedef {(type: LogTypeEnum, args?: Args) => void} LogFn */
-/** @typedef {(name: string | (() => string)) => WebpackLogger} GetChildLogger */
-var WebpackLogger = /*#__PURE__*/function () {
-  /**
-   * Creates an instance of WebpackLogger.
-   * @param {LogFn} log log function
-   * @param {GetChildLogger} getChildLogger function to create child logger
-   */
-  function WebpackLogger(log, getChildLogger) {
-    _classCallCheck(this, WebpackLogger);
-    /** @type {LogFn} */
-    this[LOG_SYMBOL] = log;
-    /** @type {GetChildLogger} */
-    this.getChildLogger = getChildLogger;
-  }
-
-  /**
-   * Processes the provided arg.
-   * @param {Args} args args
-   */
-  return _createClass(WebpackLogger, [{
-    key: "error",
-    value: function error() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      this[LOG_SYMBOL](LogType.error, args);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "warn",
-    value: function warn() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      this[LOG_SYMBOL](LogType.warn, args);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "info",
-    value: function info() {
-      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
-      }
-      this[LOG_SYMBOL](LogType.info, args);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "log",
-    value: function log() {
-      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
-      }
-      this[LOG_SYMBOL](LogType.log, args);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "debug",
-    value: function debug() {
-      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-        args[_key5] = arguments[_key5];
-      }
-      this[LOG_SYMBOL](LogType.debug, args);
-    }
-
-    /**
-     * Processes the provided condition.
-     * @param {boolean=} condition condition
-     * @param {Args} args args
-     */
-  }, {
-    key: "assert",
-    value: function assert(condition) {
-      if (!condition) {
-        for (var _len6 = arguments.length, args = new Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {
-          args[_key6 - 1] = arguments[_key6];
-        }
-        this[LOG_SYMBOL](LogType.error, args);
-      }
-    }
-  }, {
-    key: "trace",
-    value: function trace() {
-      this[LOG_SYMBOL](LogType.trace, ["Trace"]);
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      this[LOG_SYMBOL](LogType.clear);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "status",
-    value: function status() {
-      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
-        args[_key7] = arguments[_key7];
-      }
-      this[LOG_SYMBOL](LogType.status, args);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "group",
-    value: function group() {
-      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {
-        args[_key8] = arguments[_key8];
-      }
-      this[LOG_SYMBOL](LogType.group, args);
-    }
-
-    /**
-     * Processes the provided arg.
-     * @param {Args} args args
-     */
-  }, {
-    key: "groupCollapsed",
-    value: function groupCollapsed() {
-      for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {
-        args[_key9] = arguments[_key9];
-      }
-      this[LOG_SYMBOL](LogType.groupCollapsed, args);
-    }
-  }, {
-    key: "groupEnd",
-    value: function groupEnd() {
-      this[LOG_SYMBOL](LogType.groupEnd);
-    }
-
-    /**
-     * Processes the provided label.
-     * @param {string=} label label
-     */
-  }, {
-    key: "profile",
-    value: function profile(label) {
-      this[LOG_SYMBOL](LogType.profile, [label]);
-    }
-
-    /**
-     * Processes the provided label.
-     * @param {string=} label label
-     */
-  }, {
-    key: "profileEnd",
-    value: function profileEnd(label) {
-      this[LOG_SYMBOL](LogType.profileEnd, [label]);
-    }
-
-    /**
-     * Processes the provided label.
-     * @param {string} label label
-     */
-  }, {
-    key: "time",
-    value: function time(label) {
-      /** @type {TimersMap} */
-      this[TIMERS_SYMBOL] = this[TIMERS_SYMBOL] || new Map();
-      this[TIMERS_SYMBOL].set(label, process.hrtime());
-    }
-
-    /**
-     * Processes the provided label.
-     * @param {string=} label label
-     */
-  }, {
-    key: "timeLog",
-    value: function timeLog(label) {
-      var prev = this[TIMERS_SYMBOL] && this[TIMERS_SYMBOL].get(label);
-      if (!prev) {
-        throw new Error("No such label '".concat(label, "' for WebpackLogger.timeLog()"));
-      }
-      var time = process.hrtime(prev);
-      this[LOG_SYMBOL](LogType.time, [label].concat(_toConsumableArray(time)));
-    }
-
-    /**
-     * Processes the provided label.
-     * @param {string=} label label
-     */
-  }, {
-    key: "timeEnd",
-    value: function timeEnd(label) {
-      var prev = this[TIMERS_SYMBOL] && this[TIMERS_SYMBOL].get(label);
-      if (!prev) {
-        throw new Error("No such label '".concat(label, "' for WebpackLogger.timeEnd()"));
-      }
-      var time = process.hrtime(prev);
-      /** @type {TimersMap} */
-      this[TIMERS_SYMBOL].delete(label);
-      this[LOG_SYMBOL](LogType.time, [label].concat(_toConsumableArray(time)));
-    }
-
-    /**
-     * Processes the provided label.
-     * @param {string=} label label
-     */
-  }, {
-    key: "timeAggregate",
-    value: function timeAggregate(label) {
-      var prev = this[TIMERS_SYMBOL] && this[TIMERS_SYMBOL].get(label);
-      if (!prev) {
-        throw new Error("No such label '".concat(label, "' for WebpackLogger.timeAggregate()"));
-      }
-      var time = process.hrtime(prev);
-      /** @type {TimersMap} */
-      this[TIMERS_SYMBOL].delete(label);
-      /** @type {TimersMap} */
-      this[TIMERS_AGGREGATES_SYMBOL] = this[TIMERS_AGGREGATES_SYMBOL] || new Map();
-      var current = this[TIMERS_AGGREGATES_SYMBOL].get(label);
-      if (current !== undefined) {
-        if (time[1] + current[1] > 1e9) {
-          time[0] += current[0] + 1;
-          time[1] = time[1] - 1e9 + current[1];
-        } else {
-          time[0] += current[0];
-          time[1] += current[1];
-        }
-      }
-      this[TIMERS_AGGREGATES_SYMBOL].set(label, time);
-    }
-
-    /**
-     * Time aggregate end.
-     * @param {string=} label label
-     */
-  }, {
-    key: "timeAggregateEnd",
-    value: function timeAggregateEnd(label) {
-      if (this[TIMERS_AGGREGATES_SYMBOL] === undefined) return;
-      var time = this[TIMERS_AGGREGATES_SYMBOL].get(label);
-      if (time === undefined) return;
-      this[TIMERS_AGGREGATES_SYMBOL].delete(label);
-      this[LOG_SYMBOL](LogType.time, [label].concat(_toConsumableArray(time)));
-    }
-  }]);
-}();
-module.exports.Logger = WebpackLogger;
-
-/***/ }),
-
-/***/ "./node_modules/webpack/lib/logging/createConsoleLogger.js":
-/*!*****************************************************************!*\
-  !*** ./node_modules/webpack/lib/logging/createConsoleLogger.js ***!
-  \*****************************************************************/
-/***/ (function(module, __unused_webpack_exports, __nested_webpack_require_13435__) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-
-
-
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && r[(typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-function _iterableToArray(r) {
-  if ("undefined" != typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && null != r[(typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && "symbol" == typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && o.constructor === (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }) && o !== (typeof Symbol !== "undefined" ? Symbol : function (i) { return i; }).prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-var _require = __nested_webpack_require_13435__(/*! ./Logger */ "./node_modules/webpack/lib/logging/Logger.js"),
-  LogType = _require.LogType;
-
-/** @typedef {import("../../declarations/WebpackOptions").FilterItemTypes} FilterItemTypes */
-/** @typedef {import("../../declarations/WebpackOptions").FilterTypes} FilterTypes */
-/** @typedef {import("./Logger").LogTypeEnum} LogTypeEnum */
-/** @typedef {import("./Logger").Args} Args */
-
-/** @typedef {(item: string) => boolean} FilterFunction */
-/** @typedef {(value: string, type: LogTypeEnum, args?: Args) => void} LoggingFunction */
-
-/**
- * Defines the logger console type used by this module.
- * @typedef {object} LoggerConsole
- * @property {() => void} clear
- * @property {() => void} trace
- * @property {(...args: Args) => void} info
- * @property {(...args: Args) => void} log
- * @property {(...args: Args) => void} warn
- * @property {(...args: Args) => void} error
- * @property {(...args: Args) => void=} debug
- * @property {(...args: Args) => void=} group
- * @property {(...args: Args) => void=} groupCollapsed
- * @property {(...args: Args) => void=} groupEnd
- * @property {(...args: Args) => void=} status
- * @property {(...args: Args) => void=} profile
- * @property {(...args: Args) => void=} profileEnd
- * @property {(...args: Args) => void=} logTime
- */
-
-/**
- * Defines the logger options type used by this module.
- * @typedef {object} LoggerOptions
- * @property {false | true | "none" | "error" | "warn" | "info" | "log" | "verbose"} level loglevel
- * @property {FilterTypes | boolean} debug filter for debug logging
- * @property {LoggerConsole} console the console to log to
- */
-
-/**
- * Filter to function.
- * @param {FilterItemTypes} item an input item
- * @returns {FilterFunction | undefined} filter function
- */
-var filterToFunction = function filterToFunction(item) {
-  if (typeof item === "string") {
-    var regExp = new RegExp("[\\\\/]".concat(item.replace(/[-[\]{}()*+?.\\^$|]/g, "\\$&"), "([\\\\/]|$|!|\\?)"));
-    return function (ident) {
-      return regExp.test(ident);
-    };
-  }
-  if (item && _typeof(item) === "object" && typeof item.test === "function") {
-    return function (ident) {
-      return item.test(ident);
-    };
-  }
-  if (typeof item === "function") {
-    return item;
-  }
-  if (typeof item === "boolean") {
-    return function () {
-      return item;
-    };
-  }
-};
-
-/**
- * Enumerates the available values.
- * @enum {number}
- */
-var LogLevel = {
-  none: 6,
-  false: 6,
-  error: 5,
-  warn: 4,
-  info: 3,
-  log: 2,
-  true: 2,
-  verbose: 1
-};
-
-/**
- * Returns logging function.
- * @param {LoggerOptions} options options object
- * @returns {LoggingFunction} logging function
- */
-module.exports = function (_ref) {
-  var _ref$level = _ref.level,
-    level = _ref$level === void 0 ? "info" : _ref$level,
-    _ref$debug = _ref.debug,
-    debug = _ref$debug === void 0 ? false : _ref$debug,
-    console = _ref.console;
-  var debugFilters = /** @type {FilterFunction[]} */
-
-  typeof debug === "boolean" ? [function () {
-    return debug;
-  }] : /** @type {FilterItemTypes[]} */_toConsumableArray(Array.isArray(debug) ? debug : [debug]).map(filterToFunction);
-  var loglevel = LogLevel["".concat(level)] || 0;
-
-  /**
-   * Processes the provided name.
-   * @param {string} name name of the logger
-   * @param {LogTypeEnum} type type of the log entry
-   * @param {Args=} args arguments of the log entry
-   * @returns {void}
-   */
-  var logger = function logger(name, type, args) {
-    /**
-     * Returns labeled args.
-     * @template T
-     * @returns {[string?, ...T[]]} labeled args
-     */
-    var labeledArgs = function labeledArgs() {
-      if (Array.isArray(args)) {
-        if (args.length > 0 && typeof args[0] === "string") {
-          return ["[".concat(name, "] ").concat(args[0])].concat(_toConsumableArray(args.slice(1)));
-        }
-        return ["[".concat(name, "]")].concat(_toConsumableArray(args));
-      }
-      return [];
-    };
-    var debug = debugFilters.some(function (f) {
-      return f(name);
-    });
-    switch (type) {
-      case LogType.debug:
-        if (!debug) return;
-        if (typeof console.debug === "function") {
-          console.debug.apply(console, _toConsumableArray(labeledArgs()));
-        } else {
-          console.log.apply(console, _toConsumableArray(labeledArgs()));
-        }
-        break;
-      case LogType.log:
-        if (!debug && loglevel > LogLevel.log) return;
-        console.log.apply(console, _toConsumableArray(labeledArgs()));
-        break;
-      case LogType.info:
-        if (!debug && loglevel > LogLevel.info) return;
-        console.info.apply(console, _toConsumableArray(labeledArgs()));
-        break;
-      case LogType.warn:
-        if (!debug && loglevel > LogLevel.warn) return;
-        console.warn.apply(console, _toConsumableArray(labeledArgs()));
-        break;
-      case LogType.error:
-        if (!debug && loglevel > LogLevel.error) return;
-        console.error.apply(console, _toConsumableArray(labeledArgs()));
-        break;
-      case LogType.trace:
-        if (!debug) return;
-        console.trace();
-        break;
-      case LogType.groupCollapsed:
-        if (!debug && loglevel > LogLevel.log) return;
-        if (!debug && loglevel > LogLevel.verbose) {
-          if (typeof console.groupCollapsed === "function") {
-            console.groupCollapsed.apply(console, _toConsumableArray(labeledArgs()));
-          } else {
-            console.log.apply(console, _toConsumableArray(labeledArgs()));
-          }
-          break;
-        }
-      // falls through
-      case LogType.group:
-        if (!debug && loglevel > LogLevel.log) return;
-        if (typeof console.group === "function") {
-          console.group.apply(console, _toConsumableArray(labeledArgs()));
-        } else {
-          console.log.apply(console, _toConsumableArray(labeledArgs()));
-        }
-        break;
-      case LogType.groupEnd:
-        if (!debug && loglevel > LogLevel.log) return;
-        if (typeof console.groupEnd === "function") {
-          console.groupEnd();
-        }
-        break;
-      case LogType.time:
-        {
-          if (!debug && loglevel > LogLevel.log) return;
-          var _args = _slicedToArray(/** @type {[string, number, number]} */
-            args, 3),
-            label = _args[0],
-            start = _args[1],
-            end = _args[2];
-          var ms = start * 1000 + end / 1000000;
-          var msg = "[".concat(name, "] ").concat(label, ": ").concat(ms, " ms");
-          if (typeof console.logTime === "function") {
-            console.logTime(msg);
-          } else {
-            console.log(msg);
-          }
-          break;
-        }
-      case LogType.profile:
-        if (typeof console.profile === "function") {
-          console.profile.apply(console, _toConsumableArray(labeledArgs()));
-        }
-        break;
-      case LogType.profileEnd:
-        if (typeof console.profileEnd === "function") {
-          console.profileEnd.apply(console, _toConsumableArray(labeledArgs()));
-        }
-        break;
-      case LogType.clear:
-        if (!debug && loglevel > LogLevel.log) return;
-        if (typeof console.clear === "function") {
-          console.clear();
-        }
-        break;
-      case LogType.status:
-        if (!debug && loglevel > LogLevel.info) return;
-        if (typeof console.status === "function") {
-          if (!args || args.length === 0) {
-            console.status();
-          } else {
-            console.status.apply(console, _toConsumableArray(labeledArgs()));
-          }
-        } else if (args && args.length !== 0) {
-          console.info.apply(console, _toConsumableArray(labeledArgs()));
-        }
-        break;
-      default:
-        throw new Error("Unexpected LogType ".concat(type));
-    }
-  };
-  return logger;
-};
-
-/***/ }),
-
-/***/ "./node_modules/webpack/lib/logging/runtime.js":
-/*!*****************************************************!*\
-  !*** ./node_modules/webpack/lib/logging/runtime.js ***!
-  \*****************************************************/
-/***/ (function(module, __unused_webpack_exports, __nested_webpack_require_24722__) {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-
-
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-var _require = __nested_webpack_require_24722__(/*! tapable */ "./client-src/modules/logger/tapable.js"),
-  SyncBailHook = _require.SyncBailHook;
-var _require2 = __nested_webpack_require_24722__(/*! ./Logger */ "./node_modules/webpack/lib/logging/Logger.js"),
-  Logger = _require2.Logger;
-var createConsoleLogger = __nested_webpack_require_24722__(/*! ./createConsoleLogger */ "./node_modules/webpack/lib/logging/createConsoleLogger.js");
-
-/** @type {createConsoleLogger.LoggerOptions} */
-var currentDefaultLoggerOptions = {
-  level: "info",
-  debug: false,
-  console: console
-};
-var currentDefaultLogger = createConsoleLogger(currentDefaultLoggerOptions);
-
-/**
- * Processes the provided create console logger.logger option.
- * @param {createConsoleLogger.LoggerOptions} options new options, merge with old options
- * @returns {void}
- */
-module.exports.configureDefaultLogger = function (options) {
-  _extends(currentDefaultLoggerOptions, options);
-  currentDefaultLogger = createConsoleLogger(currentDefaultLoggerOptions);
-};
-
-/**
- * Returns a logger.
- * @param {string} name name of the logger
- * @returns {Logger} a logger
- */
-module.exports.getLogger = function (name) {
-  return new Logger(function (type, args) {
-    if (module.exports.hooks.log.call(name, type, args) === undefined) {
-      currentDefaultLogger(name, type, args);
-    }
-  }, function (childName) {
-    return module.exports.getLogger("".concat(name, "/").concat(childName));
-  });
-};
-module.exports.hooks = {
-  log: new SyncBailHook(["origin", "type", "args"])
-};
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __nested_webpack_require_26883__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		if (!(moduleId in __webpack_modules__)) {
-/******/ 			delete __webpack_module_cache__[moduleId];
-/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
-/******/ 			e.code = 'MODULE_NOT_FOUND';
-/******/ 			throw e;
-/******/ 		}
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_26883__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	!function() {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__nested_webpack_require_26883__.d = function(exports, definition) {
-/******/ 			for(var key in definition) {
-/******/ 				if(__nested_webpack_require_26883__.o(definition, key) && !__nested_webpack_require_26883__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	!function() {
-/******/ 		__nested_webpack_require_26883__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ 	}();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	!function() {
-/******/ 		// define __esModule on exports
-/******/ 		__nested_webpack_require_26883__.r = function(exports) {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	}();
-/******/ 	
-/************************************************************************/
-var __nested_webpack_exports__ = {};
-// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
-!function() {
-/*!********************************************!*\
-  !*** ./client-src/modules/logger/index.js ***!
-  \********************************************/
-__nested_webpack_require_26883__.r(__nested_webpack_exports__);
-/* harmony export */ __nested_webpack_require_26883__.d(__nested_webpack_exports__, {
-/* harmony export */   "default": function() { return /* reexport default export from named module */ webpack_lib_logging_runtime_js__WEBPACK_IMPORTED_MODULE_0__; }
-/* harmony export */ });
-/* harmony import */ var webpack_lib_logging_runtime_js__WEBPACK_IMPORTED_MODULE_0__ = __nested_webpack_require_26883__(/*! webpack/lib/logging/runtime.js */ "./node_modules/webpack/lib/logging/runtime.js");
-// @ts-expect-error
-
-}();
-var __webpack_export_target__ = exports;
-for(var __webpack_i__ in __nested_webpack_exports__) __webpack_export_target__[__webpack_i__] = __nested_webpack_exports__[__webpack_i__];
-if(__nested_webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, "__esModule", { value: true });
-/******/ })()
-;
-
-/***/ }),
-
-/***/ 887:
-/*!***********************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/overlay.js ***!
-  \***********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   createOverlay: () => (/* binding */ createOverlay),
-/* harmony export */   formatProblem: () => (/* binding */ formatProblem)
-/* harmony export */ });
-/* harmony import */ var ansi_html_community__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ansi-html-community */ 223);
-/* harmony import */ var ansi_html_community__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(ansi_html_community__WEBPACK_IMPORTED_MODULE_0__);
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-// The error overlay is inspired (and mostly copied) from Create React App (https://github.com/facebookincubator/create-react-app)
-// They, in turn, got inspired by webpack-hot-middleware (https://github.com/glenjamin/webpack-hot-middleware).
-
-
-
-/** @typedef {import("./index").EXPECTED_ANY} EXPECTED_ANY */
-
-/**
- * @type {(input: string, position: number) => number | undefined}
- */
-// @ts-expect-error
-var getCodePoint = String.prototype.codePointAt ?
-// @ts-expect-error
-function (input, position) {
-  return input.codePointAt(position);
-} : function (input, position) {
-  return (input.charCodeAt(position) - 0xd800) * 0x400 + input.charCodeAt(position + 1) - 0xdc00 + 0x10000;
-};
-
-/**
- * @param {string} macroText macro text
- * @param {RegExp} macroRegExp macro reg exp
- * @param {(input: string) => string} macroReplacer macro replacer
- * @returns {string} result
- */
-var replaceUsingRegExp = function replaceUsingRegExp(macroText, macroRegExp, macroReplacer) {
-  macroRegExp.lastIndex = 0;
-  var replaceMatch = macroRegExp.exec(macroText);
-  var replaceResult;
-  if (replaceMatch) {
-    replaceResult = "";
-    var replaceLastIndex = 0;
-    do {
-      if (replaceLastIndex !== replaceMatch.index) {
-        replaceResult += macroText.slice(replaceLastIndex, replaceMatch.index);
-      }
-      var replaceInput = replaceMatch[0];
-      replaceResult += macroReplacer(replaceInput);
-      replaceLastIndex = replaceMatch.index + replaceInput.length;
-    } while (replaceMatch = macroRegExp.exec(macroText));
-    if (replaceLastIndex !== macroText.length) {
-      replaceResult += macroText.slice(replaceLastIndex);
-    }
-  } else {
-    replaceResult = macroText;
-  }
-  return replaceResult;
-};
-var references = {
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "'": "&apos;",
-  "&": "&amp;"
-};
-
-/**
- * @param {string} text text
- * @returns {string} encoded text
- */
-function encode(text) {
-  if (!text) {
-    return "";
-  }
-  return replaceUsingRegExp(text, /[<>'"&]/g, function (input) {
-    var result = references[(/** @type {keyof typeof references} */input)];
-    if (!result) {
-      var code = input.length > 1 ? getCodePoint(input, 0) : input.charCodeAt(0);
-      result = "&#".concat(code, ";");
-    }
-    return result;
-  });
-}
-
-/**
- * @typedef {object} Context
- * @property {'warning' | 'error'} level level
- * @property {(string  | Message)[]} messages messages
- * @property {'build' | 'runtime'} messageSource message source
- */
-
-/** @typedef {{ type: string } & Record<string, EXPECTED_ANY>} Event */
-
-/**
- * @typedef {object} Options
- * @property {{ [state: string]: { on: Record<string, { target: string; actions?: Array<string> }> } }} states states
- * @property {Context} context context
- * @property {string} initial initial
- */
-
-/**
- * @typedef {object} Implementation
- * @property {{ [actionName: string]: (ctx: Context, event: Event) => Context | void }} actions actions
- */
-
-/**
- * @typedef {{ send: (event: Event) => void }} StateMachine
- */
-
-/**
- * A simplified `createMachine` from `@xstate/fsm` with the following differences:
- * - the returned machine is technically a "service". No `interpret(machine).start()` is needed.
- * - the state definition only support `on` and target must be declared with { target: 'nextState', actions: [] } explicitly.
- * - event passed to `send` must be an object with `type` property.
- * - actions implementation will be [assign action](https://xstate.js.org/docs/guides/context.html#assign-action) if you return any value.
- * Do not return anything if you just want to invoke side effect.
- *
- * The goal of this custom function is to avoid installing the entire `'xstate/fsm'` package, while enabling modeling using
- * state machine. You can copy the first parameter into the editor at https://stately.ai/viz to visualize the state machine.
- * @param {Options} options options
- * @param {Implementation} implementation implementation
- * @returns {StateMachine} state machine
- */
-function createMachine(_ref, _ref2) {
-  var states = _ref.states,
-    context = _ref.context,
-    initial = _ref.initial;
-  var actions = _ref2.actions;
-  var currentState = initial;
-  var currentContext = context;
-  return {
-    send: function send(event) {
-      var currentStateOn = states[currentState].on;
-      var transitionConfig = currentStateOn && currentStateOn[event.type];
-      if (transitionConfig) {
-        currentState = transitionConfig.target;
-        if (transitionConfig.actions) {
-          transitionConfig.actions.forEach(function (actName) {
-            var actionImpl = actions[actName];
-            var nextContextValue = actionImpl && actionImpl(currentContext, event);
-            if (nextContextValue) {
-              currentContext = _objectSpread(_objectSpread({}, currentContext), nextContextValue);
-            }
-          });
-        }
-      }
-    }
-  };
-}
-
-/**
- * @typedef {object} ShowOverlayData
- * @property {'warning' | 'error'} level level
- * @property {(string  | Message)[]} messages messages
- * @property {'build' | 'runtime'} messageSource message source
- */
-
-/**
- * @typedef {object} CreateOverlayMachineOptions
- * @property {(data: ShowOverlayData) => void} showOverlay show overlay
- * @property {() => void} hideOverlay hide overlay
- */
-
-/**
- * @param {CreateOverlayMachineOptions} options options
- * @returns {StateMachine} state machine
- */
-var createOverlayMachine = function createOverlayMachine(options) {
-  var hideOverlay = options.hideOverlay,
-    showOverlay = options.showOverlay;
-  return createMachine({
-    initial: "hidden",
-    context: {
-      level: "error",
-      messages: [],
-      messageSource: "build"
-    },
-    states: {
-      hidden: {
-        on: {
-          BUILD_ERROR: {
-            target: "displayBuildError",
-            actions: ["setMessages", "showOverlay"]
-          },
-          RUNTIME_ERROR: {
-            target: "displayRuntimeError",
-            actions: ["setMessages", "showOverlay"]
-          }
-        }
-      },
-      displayBuildError: {
-        on: {
-          DISMISS: {
-            target: "hidden",
-            actions: ["dismissMessages", "hideOverlay"]
-          },
-          BUILD_ERROR: {
-            target: "displayBuildError",
-            actions: ["appendMessages", "showOverlay"]
-          }
-        }
-      },
-      displayRuntimeError: {
-        on: {
-          DISMISS: {
-            target: "hidden",
-            actions: ["dismissMessages", "hideOverlay"]
-          },
-          RUNTIME_ERROR: {
-            target: "displayRuntimeError",
-            actions: ["appendMessages", "showOverlay"]
-          },
-          BUILD_ERROR: {
-            target: "displayBuildError",
-            actions: ["setMessages", "showOverlay"]
-          }
-        }
-      }
-    }
-  }, {
-    actions: {
-      dismissMessages: function dismissMessages() {
-        return {
-          messages: [],
-          level: "error",
-          messageSource: "build"
-        };
-      },
-      appendMessages: function appendMessages(context, event) {
-        return {
-          messages: context.messages.concat(event.messages),
-          level: event.level || context.level,
-          messageSource: event.type === "RUNTIME_ERROR" ? "runtime" : "build"
-        };
-      },
-      setMessages: function setMessages(context, event) {
-        return {
-          messages: event.messages,
-          level: event.level || context.level,
-          messageSource: event.type === "RUNTIME_ERROR" ? "runtime" : "build"
-        };
-      },
-      hideOverlay: hideOverlay,
-      showOverlay: showOverlay
-    }
-  });
-};
-
-/**
- * @param {Error} error error
- * @returns {undefined | string[]} stack
- */
-var parseErrorToStacks = function parseErrorToStacks(error) {
-  if (!error || !(error instanceof Error)) {
-    throw new Error("parseErrorToStacks expects Error object");
-  }
-  if (typeof error.stack === "string") {
-    return error.stack.split("\n").filter(function (stack) {
-      return stack !== "Error: ".concat(error.message);
-    });
-  }
-};
-
-/**
- * @callback ErrorCallback
- * @param {ErrorEvent} error
- * @returns {void}
- */
-
-/**
- * @param {ErrorCallback} callback callback
- * @returns {() => void} cleanup
- */
-var listenToRuntimeError = function listenToRuntimeError(callback) {
-  window.addEventListener("error", callback);
-  return function cleanup() {
-    window.removeEventListener("error", callback);
-  };
-};
-
-/**
- * @callback UnhandledRejectionCallback
- * @param {PromiseRejectionEvent} rejectionEvent
- * @returns {void}
- */
-
-/**
- * @param {UnhandledRejectionCallback} callback callback
- * @returns {() => void} cleanup
- */
-var listenToUnhandledRejection = function listenToUnhandledRejection(callback) {
-  window.addEventListener("unhandledrejection", callback);
-  return function cleanup() {
-    window.removeEventListener("unhandledrejection", callback);
-  };
-};
-
-// Styles are inspired by `react-error-overlay`
-
-var msgStyles = {
-  error: {
-    backgroundColor: "rgba(206, 17, 38, 0.1)",
-    color: "#fccfcf"
-  },
-  warning: {
-    backgroundColor: "rgba(251, 245, 180, 0.1)",
-    color: "#fbf5b4"
-  }
-};
-var iframeStyle = {
-  position: "fixed",
-  top: "0px",
-  left: "0px",
-  right: "0px",
-  bottom: "0px",
-  width: "100vw",
-  height: "100vh",
-  border: "none",
-  "z-index": 9999999999
-};
-var containerStyle = {
-  position: "fixed",
-  boxSizing: "border-box",
-  left: "0px",
-  top: "0px",
-  right: "0px",
-  bottom: "0px",
-  width: "100vw",
-  height: "100vh",
-  fontSize: "large",
-  padding: "2rem 2rem 4rem 2rem",
-  lineHeight: "1.2",
-  whiteSpace: "pre-wrap",
-  overflow: "auto",
-  backgroundColor: "rgba(0, 0, 0, 0.9)",
-  color: "white"
-};
-var headerStyle = {
-  color: "#e83b46",
-  fontSize: "2em",
-  whiteSpace: "pre-wrap",
-  fontFamily: "sans-serif",
-  margin: "0 2rem 2rem 0",
-  flex: "0 0 auto",
-  maxHeight: "50%",
-  overflow: "auto"
-};
-var dismissButtonStyle = {
-  color: "#ffffff",
-  lineHeight: "1rem",
-  fontSize: "1.5rem",
-  padding: "1rem",
-  cursor: "pointer",
-  position: "absolute",
-  right: "0px",
-  top: "0px",
-  backgroundColor: "transparent",
-  border: "none"
-};
-var msgTypeStyle = {
-  color: "#e83b46",
-  fontSize: "1.2em",
-  marginBottom: "1rem",
-  fontFamily: "sans-serif"
-};
-var msgTextStyle = {
-  lineHeight: "1.5",
-  fontSize: "1rem",
-  fontFamily: "Menlo, Consolas, monospace"
-};
-
-// ANSI HTML
-
-var colors = {
-  reset: ["transparent", "transparent"],
-  black: "181818",
-  red: "E36049",
-  green: "B3CB74",
-  yellow: "FFD080",
-  blue: "7CAFC2",
-  magenta: "7FACCA",
-  cyan: "C3C2EF",
-  lightgrey: "EBE7E3",
-  darkgrey: "6D7891"
-};
-ansi_html_community__WEBPACK_IMPORTED_MODULE_0___default().setColors(colors);
-
-/** @typedef {Error & { file?: string, moduleName?: string, moduleIdentifier?: string, loc?: string, message?: string; stack?: string | string[] }} Message */
-
-/**
- * @param {string} type type
- * @param {string | Message} item item
- * @returns {{ header: string, body: string }} formatted problem
- */
-var formatProblem = function formatProblem(type, item) {
-  var header = type === "warning" ? "WARNING" : "ERROR";
-  var body = "";
-  if (typeof item === "string") {
-    body += item;
-  } else {
-    var file = item.file || "";
-    var moduleName = item.moduleName ? item.moduleName.indexOf("!") !== -1 ? "".concat(item.moduleName.replace(/^(\s|\S)*!/, ""), " (").concat(item.moduleName, ")") : "".concat(item.moduleName) : "";
-    var loc = item.loc;
-    header += "".concat(moduleName || file ? " in ".concat(moduleName ? "".concat(moduleName).concat(file ? " (".concat(file, ")") : "") : file).concat(loc ? " ".concat(loc) : "") : "");
-    body += item.message || "";
-  }
-  if (typeof item !== "string" && Array.isArray(item.stack)) {
-    item.stack.forEach(function (stack) {
-      if (typeof stack === "string") {
-        body += "\r\n".concat(stack);
-      }
-    });
-  }
-  return {
-    header: header,
-    body: body
-  };
-};
-
-/**
- * @typedef {object} CreateOverlayOptions
- * @property {(false | string)=} trustedTypesPolicyName trusted types policy name
- * @property {(boolean | ((error: Error) => void))=} catchRuntimeError runtime error catcher
- */
-
-/**
- * @param {CreateOverlayOptions} options options
- * @returns {StateMachine} overlay
- */
-var createOverlay = function createOverlay(options) {
-  /** @type {HTMLIFrameElement | null | undefined} */
-  var iframeContainerElement;
-  /** @type {HTMLDivElement | null | undefined} */
-  var containerElement;
-  /** @type {HTMLDivElement | null | undefined} */
-  var headerElement;
-  /** @type {Array<(element: HTMLDivElement) => void>} */
-  var onLoadQueue = [];
-  /** @type {Omit<TrustedTypePolicy, "createScript" | "createScriptURL"> | undefined} */
-  var overlayTrustedTypesPolicy;
-
-  /** @typedef {Extract<keyof CSSStyleDeclaration, "string">} CSSStyleDeclarationKeys */
-
-  /**
-   * @param {HTMLElement} element element
-   * @param {Partial<CSSStyleDeclaration>} style style
-   */
-  function applyStyle(element, style) {
-    Object.keys(style).forEach(function (prop) {
-      element.style[(/** @type {CSSStyleDeclarationKeys} */prop)] = /** @type {string} */
-      style[(/** @type {CSSStyleDeclarationKeys} */prop)];
-    });
-  }
-
-  /**
-   * @param {string | false | undefined} trustedTypesPolicyName trusted types police name
-   */
-  function createContainer(trustedTypesPolicyName) {
-    // Enable Trusted Types if they are available in the current browser.
-    if (window.trustedTypes) {
-      overlayTrustedTypesPolicy = window.trustedTypes.createPolicy(trustedTypesPolicyName || "webpack-dev-server#overlay", {
-        createHTML: function createHTML(value) {
-          return value;
-        }
-      });
-    }
-    iframeContainerElement = document.createElement("iframe");
-    iframeContainerElement.id = "webpack-dev-server-client-overlay";
-    iframeContainerElement.src = "about:blank";
-    applyStyle(iframeContainerElement, iframeStyle);
-    iframeContainerElement.onload = function () {
-      var contentElement = /** @type {Document} */
-      (/** @type {HTMLIFrameElement} */
-      iframeContainerElement.contentDocument).createElement("div");
-      containerElement = /** @type {Document} */
-      (/** @type {HTMLIFrameElement} */
-      iframeContainerElement.contentDocument).createElement("div");
-      contentElement.id = "webpack-dev-server-client-overlay-div";
-      applyStyle(contentElement, containerStyle);
-      headerElement = document.createElement("div");
-      headerElement.innerText = "Compiled with problems:";
-      applyStyle(headerElement, headerStyle);
-      var closeButtonElement = document.createElement("button");
-      applyStyle(closeButtonElement, dismissButtonStyle);
-      closeButtonElement.innerText = "×";
-      closeButtonElement.ariaLabel = "Dismiss";
-      closeButtonElement.addEventListener("click", function () {
-        // eslint-disable-next-line no-use-before-define
-        overlayService.send({
-          type: "DISMISS"
-        });
-      });
-      contentElement.appendChild(headerElement);
-      contentElement.appendChild(closeButtonElement);
-      contentElement.appendChild(containerElement);
-
-      /** @type {Document} */
-      (/** @type {HTMLIFrameElement} */
-      iframeContainerElement.contentDocument).body.appendChild(contentElement);
-      onLoadQueue.forEach(function (onLoad) {
-        onLoad(/** @type {HTMLDivElement} */contentElement);
-      });
-      onLoadQueue = [];
-
-      /** @type {HTMLIFrameElement} */
-      iframeContainerElement.onload = null;
-    };
-    document.body.appendChild(iframeContainerElement);
-  }
-
-  /**
-   * @param {(element: HTMLDivElement) => void} callback callback
-   * @param {string | false | undefined} trustedTypesPolicyName trusted types policy name
-   */
-  function ensureOverlayExists(callback, trustedTypesPolicyName) {
-    if (containerElement) {
-      // @ts-expect-error https://github.com/microsoft/TypeScript/issues/30024
-      containerElement.innerHTML = overlayTrustedTypesPolicy ? overlayTrustedTypesPolicy.createHTML("") : "";
-      // Everything is ready, call the callback right away.
-      callback(containerElement);
-      return;
-    }
-    onLoadQueue.push(callback);
-    if (iframeContainerElement) {
-      return;
-    }
-    createContainer(trustedTypesPolicyName);
-  }
-
-  // Successful compilation.
-  /**
-   * @returns {void}
-   */
-  function hide() {
-    if (!iframeContainerElement) {
-      return;
-    }
-
-    // Clean up and reset internal state.
-    document.body.removeChild(iframeContainerElement);
-    iframeContainerElement = null;
-    containerElement = null;
-  }
-
-  // Compilation with errors (e.g. syntax error or missing modules).
-  /**
-   * @param {string} type type
-   * @param {(string | Message)[]} messages messages
-   * @param {undefined | false | string} trustedTypesPolicyName trusted types policy name
-   * @param {'build' | 'runtime'} messageSource message source
-   */
-  function show(type, messages, trustedTypesPolicyName, messageSource) {
-    ensureOverlayExists(function () {
-      /** @type {HTMLDivElement} */
-      headerElement.innerText = messageSource === "runtime" ? "Uncaught runtime errors:" : "Compiled with problems:";
-      messages.forEach(function (message) {
-        var entryElement = document.createElement("div");
-        var msgStyle = type === "warning" ? msgStyles.warning : msgStyles.error;
-        applyStyle(entryElement, _objectSpread(_objectSpread({}, msgStyle), {}, {
-          padding: "1rem 1rem 1.5rem 1rem"
-        }));
-        var typeElement = document.createElement("div");
-        var _formatProblem = formatProblem(type, message),
-          header = _formatProblem.header,
-          body = _formatProblem.body;
-        typeElement.innerText = header;
-        applyStyle(typeElement, msgTypeStyle);
-        if (typeof message !== "string" && message.moduleIdentifier) {
-          applyStyle(typeElement, {
-            cursor: "pointer"
-          });
-          // element.dataset not supported in IE
-          typeElement.setAttribute("data-can-open", "true");
-          typeElement.addEventListener("click", function () {
-            fetch("/webpack-dev-server/open-editor?fileName=".concat(message.moduleIdentifier));
-          });
-        }
-
-        // Make it look similar to our terminal.
-        var text = ansi_html_community__WEBPACK_IMPORTED_MODULE_0___default()(encode(body));
-        var messageTextNode = document.createElement("div");
-        applyStyle(messageTextNode, msgTextStyle);
-
-        // @ts-expect-error https://github.com/microsoft/TypeScript/issues/30024
-        messageTextNode.innerHTML = overlayTrustedTypesPolicy ? overlayTrustedTypesPolicy.createHTML(text) : text;
-        entryElement.appendChild(typeElement);
-        entryElement.appendChild(messageTextNode);
-
-        /** @type {HTMLDivElement} */
-        containerElement.appendChild(entryElement);
-      });
-    }, trustedTypesPolicyName);
-  }
-
-  /** @type {(event: KeyboardEvent) => void} */
-  var handleEscapeKey;
-
-  /**
-   * @returns {void}
-   */
-
-  var hideOverlayWithEscCleanup = function hideOverlayWithEscCleanup() {
-    window.removeEventListener("keydown", handleEscapeKey);
-    hide();
-  };
-  var overlayService = createOverlayMachine({
-    showOverlay: function showOverlay(_ref3) {
-      var _ref3$level = _ref3.level,
-        level = _ref3$level === void 0 ? "error" : _ref3$level,
-        messages = _ref3.messages,
-        messageSource = _ref3.messageSource;
-      return show(level, messages, options.trustedTypesPolicyName, messageSource);
-    },
-    hideOverlay: hideOverlayWithEscCleanup
-  });
-  /**
-   * ESC key press to dismiss the overlay.
-   * @param {KeyboardEvent} event Keydown event
-   */
-  handleEscapeKey = function handleEscapeKey(event) {
-    if (event.key === "Escape" || event.key === "Esc" || event.keyCode === 27) {
-      overlayService.send({
-        type: "DISMISS"
-      });
-    }
-  };
-  window.addEventListener("keydown", handleEscapeKey);
-  if (options.catchRuntimeError) {
-    /**
-     * @param {Error | undefined} error error
-     * @param {string} fallbackMessage fallback message
-     */
-    var handleError = function handleError(error, fallbackMessage) {
-      var errorObject = error instanceof Error ? error : new Error(error || fallbackMessage, {
-        cause: error
-      });
-      var shouldDisplay = typeof options.catchRuntimeError === "function" ? options.catchRuntimeError(errorObject) : true;
-      if (shouldDisplay) {
-        overlayService.send({
-          type: "RUNTIME_ERROR",
-          messages: [{
-            message: errorObject.message,
-            stack: parseErrorToStacks(errorObject)
-          }]
-        });
-      }
-    };
-    listenToRuntimeError(function (errorEvent) {
-      // error property may be empty in older browser like IE
-      var error = errorEvent.error,
-        message = errorEvent.message;
-      if (!error && !message) {
-        return;
-      }
-
-      // if error stack indicates a React error boundary caught the error, do not show overlay.
-      if (error && error.stack && error.stack.includes("invokeGuardedCallbackDev")) {
-        return;
-      }
-      handleError(error, message);
-    });
-    listenToUnhandledRejection(function (promiseRejectionEvent) {
-      var reason = promiseRejectionEvent.reason;
-      handleError(reason, "Unknown promise rejection reason");
-    });
-  }
-  return overlayService;
-};
-
-
-/***/ }),
-
-/***/ 40:
-/*!************************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/progress.js ***!
-  \************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   defineProgressElement: () => (/* binding */ defineProgressElement),
-/* harmony export */   isProgressSupported: () => (/* binding */ isProgressSupported)
-/* harmony export */ });
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _wrapNativeSuper(t) { var r = "function" == typeof Map ? new Map() : void 0; return _wrapNativeSuper = function _wrapNativeSuper(t) { if (null === t || !_isNativeFunction(t)) return t; if ("function" != typeof t) throw new TypeError("Super expression must either be null or a function"); if (void 0 !== r) { if (r.has(t)) return r.get(t); r.set(t, Wrapper); } function Wrapper() { return _construct(t, arguments, _getPrototypeOf(this).constructor); } return Wrapper.prototype = Object.create(t.prototype, { constructor: { value: Wrapper, enumerable: !1, writable: !0, configurable: !0 } }), _setPrototypeOf(Wrapper, t); }, _wrapNativeSuper(t); }
-function _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _isNativeFunction(t) { try { return -1 !== Function.toString.call(t).indexOf("[native code]"); } catch (n) { return "function" == typeof t; } }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }
-function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
-function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
-/**
- * @returns {boolean} true when custom elements supported, otherwise false
- */
-function isProgressSupported() {
-  return "customElements" in self && Boolean(HTMLElement.prototype.attachShadow);
-}
-
-/**
- * @returns {void}
- */
-function defineProgressElement() {
-  var _WebpackDevServerProgress;
-  if (customElements.get("wds-progress")) {
-    return;
-  }
-  var _WebpackDevServerProgress_brand = /*#__PURE__*/new WeakSet();
-  var WebpackDevServerProgress = /*#__PURE__*/function (_HTMLElement) {
-    function WebpackDevServerProgress() {
-      var _this;
-      _classCallCheck(this, WebpackDevServerProgress);
-      _this = _callSuper(this, WebpackDevServerProgress);
-      _classPrivateMethodInitSpec(_this, _WebpackDevServerProgress_brand);
-      _this.attachShadow({
-        mode: "open"
-      });
-      _this.maxDashOffset = -219.99078369140625;
-      _this.animationTimer = null;
-      return _this;
-    }
-    _inherits(WebpackDevServerProgress, _HTMLElement);
-    return _createClass(WebpackDevServerProgress, [{
-      key: "connectedCallback",
-      value: function connectedCallback() {
-        _assertClassBrand(_WebpackDevServerProgress_brand, this, _reset).call(this);
-      }
-    }, {
-      key: "attributeChangedCallback",
-      value:
-      /**
-       * @param {string} name name
-       * @param {string} oldValue old value
-       * @param {string} newValue new value
-       */
-      function attributeChangedCallback(name, oldValue, newValue) {
-        if (name === "progress") {
-          _assertClassBrand(_WebpackDevServerProgress_brand, this, _update).call(this, Number(newValue));
-        } else if (name === "type") {
-          _assertClassBrand(_WebpackDevServerProgress_brand, this, _reset).call(this);
-        }
-      }
-
-      /**
-       * @param {number} percent percent
-       */
-    }], [{
-      key: "observedAttributes",
-      get: function get() {
-        return ["progress", "type"];
-      }
-    }]);
-  }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));
-  _WebpackDevServerProgress = WebpackDevServerProgress;
-  function _reset() {
-    var _this$getAttribute;
-    clearTimeout(this.animationTimer);
-    this.animationTimer = null;
-    var typeAttr = (_this$getAttribute = this.getAttribute("type")) === null || _this$getAttribute === void 0 ? void 0 : _this$getAttribute.toLowerCase();
-    this.type = typeAttr === "circular" ? "circular" : "linear";
-    var innerHTML = this.type === "circular" ? _circularTemplate.call(_WebpackDevServerProgress) : _linearTemplate.call(_WebpackDevServerProgress);
-    /** @type {ShadowRoot} */
-    this.shadowRoot.innerHTML = innerHTML;
-    var progressValue = this.getAttribute("progress");
-    this.initialProgress = progressValue ? Number(progressValue) : 0;
-    _assertClassBrand(_WebpackDevServerProgress_brand, this, _update).call(this, this.initialProgress);
-  }
-  function _circularTemplate() {
-    return "\n        <style>\n        :host {\n            width: 200px;\n            height: 200px;\n            position: fixed;\n            right: 5%;\n            top: 5%;\n            pointer-events: none;\n            transition: opacity .25s ease-in-out;\n            z-index: 2147483645;\n        }\n\n        circle {\n            fill: #282d35;\n        }\n\n        path {\n            fill: rgba(0, 0, 0, 0);\n            stroke: rgb(186, 223, 172);\n            stroke-dasharray: 219.99078369140625;\n            stroke-dashoffset: -219.99078369140625;\n            stroke-width: 10;\n            transform: rotate(90deg) translate(0px, -80px);\n        }\n\n        text {\n            font-family: 'Open Sans', sans-serif;\n            font-size: 18px;\n            fill: #ffffff;\n            dominant-baseline: middle;\n            text-anchor: middle;\n        }\n\n        tspan#percent-super {\n            fill: #bdc3c7;\n            font-size: 0.45em;\n            baseline-shift: 10%;\n        }\n\n        @keyframes fade {\n            0% { opacity: 1; transform: scale(1); }\n            100% { opacity: 0; transform: scale(0); }\n        }\n\n        .disappear {\n            animation: fade 0.3s;\n            animation-fill-mode: forwards;\n            animation-delay: 0.5s;\n        }\n\n        .hidden {\n            display: none;\n        }\n        </style>\n        <svg id=\"progress\" class=\"hidden noselect\" viewBox=\"0 0 80 80\">\n        <circle cx=\"50%\" cy=\"50%\" r=\"35\"></circle>\n        <path d=\"M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\"></path>\n        <text x=\"50%\" y=\"51%\">\n            <tspan id=\"percent-value\">0</tspan>\n            <tspan id=\"percent-super\">%</tspan>\n        </text>\n        </svg>\n      ";
-  }
-  function _linearTemplate() {
-    return "\n        <style>\n        :host {\n            position: fixed;\n            top: 0;\n            left: 0;\n            pointer-events: none;\n            height: 4px;\n            width: 100vw;\n            z-index: 2147483645;\n        }\n\n        #bar {\n            width: 0%;\n            height: 4px;\n            background-color: rgb(186, 223, 172);\n        }\n\n        @keyframes fade {\n            0% { opacity: 1; }\n            100% { opacity: 0; }\n        }\n\n        .disappear {\n            animation: fade 0.3s;\n            animation-fill-mode: forwards;\n            animation-delay: 0.5s;\n        }\n\n        .hidden {\n            display: none;\n        }\n        </style>\n        <div id=\"progress\"></div>\n        ";
-  }
-  function _update(percent) {
-    var shadowRoot = /** @type {ShadowRoot} */this.shadowRoot;
-    var element = /** @type {HTMLElement} */
-    shadowRoot.querySelector("#progress");
-    if (this.type === "circular") {
-      var path = /** @type {SVGPathElement} */
-      shadowRoot.querySelector("path");
-      var value = /** @type {HTMLElement} */
-      shadowRoot.querySelector("#percent-value");
-      var offset = (100 - percent) / 100 * this.maxDashOffset;
-      path.style.strokeDashoffset = String(offset);
-      value.textContent = String(percent);
-    } else {
-      element.style.width = "".concat(percent, "%");
-    }
-    if (percent >= 100) {
-      _assertClassBrand(_WebpackDevServerProgress_brand, this, _hide).call(this);
-    } else if (percent > 0) {
-      _assertClassBrand(_WebpackDevServerProgress_brand, this, _show).call(this);
-    }
-  }
-  function _show() {
-    var shadowRoot = /** @type {ShadowRoot} */this.shadowRoot;
-    var element = /** @type {HTMLElement} */
-    shadowRoot.querySelector("#progress");
-    element.classList.remove("hidden");
-  }
-  function _hide() {
-    var _this2 = this;
-    var shadowRoot = /** @type {ShadowRoot} */this.shadowRoot;
-    var element = /** @type {HTMLElement} */
-    shadowRoot.querySelector("#progress");
-    if (this.type === "circular") {
-      element.classList.add("disappear");
-      element.addEventListener("animationend", function () {
-        element.classList.add("hidden");
-        _assertClassBrand(_WebpackDevServerProgress_brand, _this2, _update).call(_this2, 0);
-      }, {
-        once: true
-      });
-    } else if (this.type === "linear") {
-      element.classList.add("disappear");
-      this.animationTimer = setTimeout(function () {
-        element.classList.remove("disappear");
-        element.classList.add("hidden");
-        element.style.width = "0%";
-        _this2.animationTimer = null;
-      }, 800);
-    }
-  }
-  customElements.define("wds-progress", WebpackDevServerProgress);
-}
-
-/***/ }),
-
-/***/ 930:
-/*!**********************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/socket.js ***!
-  \**********************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   client: () => (/* binding */ client),
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _clients_WebSocketClient_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./clients/WebSocketClient.js */ 976);
-/* harmony import */ var _utils_log_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/log.js */ 43);
-/* provided dependency */ var __webpack_dev_server_client__ = __webpack_require__(/*! ./node_modules/webpack-dev-server/client/clients/WebSocketClient.js */ 976);
-/* global __webpack_dev_server_client__ */
-
-
-
-
-/** @typedef {import("./index.js").EXPECTED_ANY} EXPECTED_ANY */
-/** @typedef {import("./clients/SockJSClient")} SockJSClient */
-
-// this WebsocketClient is here as a default fallback, in case the client is not injected
-/** @type {CommunicationClientConstructor} */
-var Client = typeof __webpack_dev_server_client__ !== "undefined" ? typeof (/** @type {{ default: CommunicationClientConstructor }} */
-__webpack_dev_server_client__.default) !== "undefined" ? /** @type {{ default: CommunicationClientConstructor }} */
-__webpack_dev_server_client__.default : (/** @type {CommunicationClientConstructor} */
-__webpack_dev_server_client__) : _clients_WebSocketClient_js__WEBPACK_IMPORTED_MODULE_0__["default"];
-var retries = 0;
-var maxRetries = 10;
-
-// Initialized client is exported so external consumers can utilize the same instance
-// It is mutable to enforce singleton
-/** @type {CommunicationClient | null} */
-// eslint-disable-next-line import/no-mutable-exports
-var client = null;
-
-/** @type {ReturnType<typeof setTimeout> | undefined} */
-var timeout;
-
-/**
- * @param {string} url url
- * @param {{ [handler: string]: (data?: EXPECTED_ANY, params?: EXPECTED_ANY) => EXPECTED_ANY }} handlers handlers
- * @param {number=} reconnect count of reconnections
- */
-function socket(url, handlers, reconnect) {
-  client = new Client(url);
-  client.onOpen(function () {
-    retries = 0;
-    if (timeout) {
-      clearTimeout(timeout);
-    }
-    if (typeof reconnect !== "undefined") {
-      maxRetries = reconnect;
-    }
-  });
-  client.onClose(function () {
-    if (retries === 0) {
-      handlers.close();
-    }
-
-    // Try to reconnect.
-    client = null;
-
-    // After 10 retries stop trying, to prevent logspam.
-    if (retries < maxRetries) {
-      // Exponentially increase timeout to reconnect.
-      // Respectfully copied from the package `got`.
-      var retryInMs = 1000 * Math.pow(2, retries) + Math.random() * 100;
-      retries += 1;
-      _utils_log_js__WEBPACK_IMPORTED_MODULE_1__.log.info("Trying to reconnect...");
-      timeout = setTimeout(function () {
-        socket(url, handlers, reconnect);
-      }, retryInMs);
-    }
-  });
-  client.onMessage(
-  /**
-   * @param {EXPECTED_ANY} data data
-   */
-  function (data) {
-    var message = JSON.parse(data);
-    if (handlers[message.type]) {
-      handlers[message.type](message.data, message.params);
-    }
-  });
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (socket);
-
-/***/ }),
-
-/***/ 43:
-/*!*************************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/utils/log.js ***!
-  \*************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   log: () => (/* binding */ log),
-/* harmony export */   setLogLevel: () => (/* binding */ setLogLevel)
-/* harmony export */ });
-/* harmony import */ var _modules_logger_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../modules/logger/index.js */ 970);
-/* harmony import */ var _modules_logger_index_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_modules_logger_index_js__WEBPACK_IMPORTED_MODULE_0__);
-
-var name = "webpack-dev-server";
-// default level is set on the client side, so it does not need
-// to be set by the CLI or API
-var defaultLevel = "info";
-
-// options new options, merge with old options
-/**
- * @param {false | true | "none" | "error" | "warn" | "info" | "log" | "verbose"} level level
- * @returns {void}
- */
-function setLogLevel(level) {
-  _modules_logger_index_js__WEBPACK_IMPORTED_MODULE_0___default().configureDefaultLogger({
-    level: level
-  });
-}
-setLogLevel(defaultLevel);
-var log = _modules_logger_index_js__WEBPACK_IMPORTED_MODULE_0___default().getLogger(name);
-
-
-/***/ }),
-
-/***/ 912:
-/*!*********************************************************************!*\
-  !*** ./node_modules/webpack-dev-server/client/utils/sendMessage.js ***!
-  \*********************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* global WorkerGlobalScope */
-
-/** @typedef {import("../index").EXPECTED_ANY} EXPECTED_ANY */
-
-// Send messages to the outside, so plugins can consume it.
-/**
- * @param {string} type type
- * @param {EXPECTED_ANY=} data data
- */
-function sendMsg(type, data) {
-  if (typeof self !== "undefined" && (typeof WorkerGlobalScope === "undefined" || !(self instanceof WorkerGlobalScope))) {
-    self.postMessage({
-      type: "webpack".concat(type),
-      data: data
-    }, "*");
-  }
-}
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (sendMsg);
-
-/***/ }),
-
-/***/ 826:
-/*!************************************************!*\
-  !*** ./node_modules/webpack/hot/dev-server.js ***!
-  \************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-/* globals __webpack_hash__ */
-if (true) {
-	/** @type {undefined|string} */
-	var lastHash;
-	var upToDate = function upToDate() {
-		return /** @type {string} */ (lastHash).indexOf(__webpack_require__.h()) >= 0;
-	};
-	var log = __webpack_require__(/*! ./log */ 509);
-	var check = function check() {
-		module.hot
-			.check(true)
-			.then(function (updatedModules) {
-				if (!updatedModules) {
-					log(
-						"warning",
-						"[HMR] Cannot find update. " +
-							(typeof window !== "undefined"
-								? "Need to do a full reload!"
-								: "Please reload manually!")
-					);
-					log(
-						"warning",
-						"[HMR] (Probably because of restarting the webpack-dev-server)"
-					);
-					if (typeof window !== "undefined") {
-						window.location.reload();
-					}
-					return;
-				}
-
-				if (!upToDate()) {
-					check();
-				}
-
-				__webpack_require__(/*! ./log-apply-result */ 616)(updatedModules, updatedModules);
-
-				if (upToDate()) {
-					log("info", "[HMR] App is up to date.");
-				}
-			})
-			.catch(function (err) {
-				var status = module.hot.status();
-				if (["abort", "fail"].indexOf(status) >= 0) {
-					log(
-						"warning",
-						"[HMR] Cannot apply update. " +
-							(typeof window !== "undefined"
-								? "Need to do a full reload!"
-								: "Please reload manually!")
-					);
-					log("warning", "[HMR] " + log.formatError(err));
-					if (typeof window !== "undefined") {
-						window.location.reload();
-					}
-				} else {
-					log("warning", "[HMR] Update failed: " + log.formatError(err));
-				}
-			});
-	};
-	var hotEmitter = __webpack_require__(/*! ./emitter */ 689);
-	hotEmitter.on("webpackHotUpdate", function (currentHash) {
-		lastHash = currentHash;
-		if (!upToDate() && module.hot.status() === "idle") {
-			log("info", "[HMR] Checking for updates on the server...");
-			check();
-		}
-	});
-	log("info", "[HMR] Waiting for update signal from WDS...");
-} else {}
-
-
-/***/ }),
-
-/***/ 689:
-/*!*********************************************!*\
-  !*** ./node_modules/webpack/hot/emitter.js ***!
-  \*********************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var EventEmitter = __webpack_require__(/*! events */ 216);
-module.exports = new EventEmitter();
-
-
-/***/ }),
-
-/***/ 616:
-/*!******************************************************!*\
-  !*** ./node_modules/webpack/hot/log-apply-result.js ***!
-  \******************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-/*
-	MIT License http://www.opensource.org/licenses/mit-license.php
-	Author Tobias Koppers @sokra
-*/
-
-/**
- * @param {(string | number)[]} updatedModules updated modules
- * @param {(string | number)[] | null} renewedModules renewed modules
- */
-module.exports = function (updatedModules, renewedModules) {
-	var unacceptedModules = updatedModules.filter(function (moduleId) {
-		return renewedModules && renewedModules.indexOf(moduleId) < 0;
-	});
-	var log = __webpack_require__(/*! ./log */ 509);
-
-	if (unacceptedModules.length > 0) {
-		log(
-			"warning",
-			"[HMR] The following modules couldn't be hot updated: (They would need a full reload!)"
-		);
-		unacceptedModules.forEach(function (moduleId) {
-			log("warning", "[HMR]  - " + moduleId);
-		});
-	}
-
-	if (!renewedModules || renewedModules.length === 0) {
-		log("info", "[HMR] Nothing hot updated.");
-	} else {
-		log("info", "[HMR] Updated modules:");
-		renewedModules.forEach(function (moduleId) {
-			if (typeof moduleId === "string" && moduleId.indexOf("!") !== -1) {
-				var parts = moduleId.split("!");
-				log.groupCollapsed("info", "[HMR]  - " + parts.pop());
-				log("info", "[HMR]  - " + moduleId);
-				log.groupEnd("info");
-			} else {
-				log("info", "[HMR]  - " + moduleId);
-			}
-		});
-		var numberIds = renewedModules.every(function (moduleId) {
-			return typeof moduleId === "number";
-		});
-		if (numberIds)
-			log(
-				"info",
-				'[HMR] Consider using the optimization.moduleIds: "named" for module names.'
-			);
-	}
-};
-
-
-/***/ }),
-
-/***/ 509:
-/*!*****************************************!*\
-  !*** ./node_modules/webpack/hot/log.js ***!
-  \*****************************************/
-/***/ ((module) => {
-
-/** @typedef {"info" | "warning" | "error"} LogLevel */
-
-/** @type {LogLevel} */
-var logLevel = "info";
-
-function dummy() {}
-
-/**
- * @param {LogLevel} level log level
- * @returns {boolean} true, if should log
- */
-function shouldLog(level) {
-	var shouldLog =
-		(logLevel === "info" && level === "info") ||
-		(["info", "warning"].indexOf(logLevel) >= 0 && level === "warning") ||
-		(["info", "warning", "error"].indexOf(logLevel) >= 0 && level === "error");
-	return shouldLog;
-}
-
-/**
- * @param {(msg?: string) => void} logFn log function
- * @returns {(level: LogLevel, msg?: string) => void} function that logs when log level is sufficient
- */
-function logGroup(logFn) {
-	return function (level, msg) {
-		if (shouldLog(level)) {
-			logFn(msg);
-		}
-	};
-}
-
-/**
- * @param {LogLevel} level log level
- * @param {string|Error} msg message
- */
-module.exports = function (level, msg) {
-	if (shouldLog(level)) {
-		if (level === "info") {
-			console.log(msg);
-		} else if (level === "warning") {
-			console.warn(msg);
-		} else if (level === "error") {
-			console.error(msg);
-		}
-	}
-};
-
-var group = console.group || dummy;
-var groupCollapsed = console.groupCollapsed || dummy;
-var groupEnd = console.groupEnd || dummy;
-
-module.exports.group = logGroup(group);
-
-module.exports.groupCollapsed = logGroup(groupCollapsed);
-
-module.exports.groupEnd = logGroup(groupEnd);
-
-/**
- * @param {LogLevel} level log level
- */
-module.exports.setLogLevel = function (level) {
-	logLevel = level;
-};
-
-/**
- * @param {Error} err error
- * @returns {string} formatted error
- */
-module.exports.formatError = function (err) {
-	var message = err.message;
-	var stack = err.stack;
-	if (!stack) {
-		return message;
-	} else if (stack.indexOf(message) < 0) {
-		return message + "\n" + stack;
-	}
-	return stack;
-};
-
-
-/***/ }),
-
-/***/ 91:
-/*!************************************************************!*\
-  !*** ./lib/webparts/approvalAdmin/assets/welcome-dark.png ***!
-  \************************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-module.exports = __webpack_require__.p + "welcome-dark_bc81978d2f17e05985ee.png";
-
-/***/ }),
-
-/***/ 459:
-/*!*************************************************************!*\
-  !*** ./lib/webparts/approvalAdmin/assets/welcome-light.png ***!
-  \*************************************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-module.exports = __webpack_require__.p + "welcome-light_a2dcb0d64c8d6e80cf49.png";
-
 /***/ }),
 
 /***/ 676:
@@ -4405,19 +2569,17 @@ module.exports = __webpack_require__.p + "welcome-light_a2dcb0d64c8d6e80cf49.png
   \*********************************************/
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__676__;
 
 /***/ }),
 
-/***/ 529:
-/*!**********************************************!*\
-  !*** external "@microsoft/sp-lodash-subset" ***!
-  \**********************************************/
+/***/ 909:
+/*!*************************************!*\
+  !*** external "@microsoft/sp-http" ***!
+  \*************************************/
 /***/ ((module) => {
 
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__529__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__909__;
 
 /***/ }),
 
@@ -4427,7 +2589,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__529__;
   \**********************************************/
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__877__;
 
 /***/ }),
@@ -4438,29 +2599,16 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__877__;
   \*********************************************/
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__642__;
 
 /***/ }),
 
-/***/ 937:
-/*!**********************************************!*\
-  !*** external "ApprovalAdminWebPartStrings" ***!
-  \**********************************************/
-/***/ ((module) => {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__937__;
-
-/***/ }),
-
 /***/ 959:
 /*!************************!*\
   !*** external "react" ***!
   \************************/
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__959__;
 
 /***/ }),
@@ -4471,7 +2619,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__959__;
   \****************************/
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__398__;
 
 /***/ })
@@ -4496,24 +2643,12 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__398__;
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		var execOptions = { id: moduleId, module: module, factory: __webpack_modules__[moduleId], require: __webpack_require__ };
-/******/ 		__webpack_require__.i.forEach(function(handler) { handler(execOptions); });
-/******/ 		module = execOptions.module;
-/******/ 		execOptions.factory.call(module.exports, module, module.exports, execOptions.require);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = __webpack_modules__;
-/******/ 	
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = __webpack_module_cache__;
-/******/ 	
-/******/ 	// expose the module execution interceptor
-/******/ 	__webpack_require__.i = [];
-/******/ 	
 /************************************************************************/
 /******/ 	/* webpack/runtime/compat get default export */
 /******/ 	(() => {
@@ -4539,25 +2674,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__398__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/get javascript update chunk filename */
-/******/ 	(() => {
-/******/ 		// This function allow to reference all chunks
-/******/ 		__webpack_require__.hu = (chunkId) => {
-/******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + "." + __webpack_require__.h() + ".hot-update.js";
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/get update manifest filename */
-/******/ 	(() => {
-/******/ 		__webpack_require__.hmrF = () => ("approval-admin-web-part." + __webpack_require__.h() + ".hot-update.json");
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/getFullHash */
-/******/ 	(() => {
-/******/ 		__webpack_require__.h = () => ("b6c86fd800c5366652f2")
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/global */
 /******/ 	(() => {
 /******/ 		__webpack_require__.g = (function() {
@@ -4575,55 +2691,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__398__;
 /******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/load script */
-/******/ 	(() => {
-/******/ 		var inProgress = {};
-/******/ 		var dataWebpackPrefix = "4825e72c-4ff3-479e-917e-f6b04e003a82_0.0.1:";
-/******/ 		// loadScript function to load a script via script tag
-/******/ 		__webpack_require__.l = (url, done, key, chunkId) => {
-/******/ 			if(inProgress[url]) { inProgress[url].push(done); return; }
-/******/ 			var script, needAttach;
-/******/ 			if(key !== undefined) {
-/******/ 				var scripts = document.getElementsByTagName("script");
-/******/ 				for(var i = 0; i < scripts.length; i++) {
-/******/ 					var s = scripts[i];
-/******/ 					if(s.getAttribute("src") == url || s.getAttribute("data-webpack") == dataWebpackPrefix + key) { script = s; break; }
-/******/ 				}
-/******/ 			}
-/******/ 			if(!script) {
-/******/ 				needAttach = true;
-/******/ 				script = document.createElement('script');
-/******/ 		
-/******/ 				script.charset = 'utf-8';
-/******/ 				script.timeout = 120;
-/******/ 				if (__webpack_require__.nc) {
-/******/ 					script.setAttribute("nonce", __webpack_require__.nc);
-/******/ 				}
-/******/ 				script.setAttribute("data-webpack", dataWebpackPrefix + key);
-/******/ 		
-/******/ 				script.src = url;
-/******/ 				if (script.src.indexOf(window.location.origin + '/') !== 0) {
-/******/ 					script.crossOrigin = "anonymous";
-/******/ 				}
-/******/ 			}
-/******/ 			inProgress[url] = [done];
-/******/ 			var onScriptComplete = (prev, event) => {
-/******/ 				// avoid mem leaks in IE.
-/******/ 				script.onerror = script.onload = null;
-/******/ 				clearTimeout(timeout);
-/******/ 				var doneFns = inProgress[url];
-/******/ 				delete inProgress[url];
-/******/ 				script.parentNode && script.parentNode.removeChild(script);
-/******/ 				doneFns && doneFns.forEach((fn) => (fn(event)));
-/******/ 				if(prev) return prev(event);
-/******/ 			}
-/******/ 			var timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);
-/******/ 			script.onerror = onScriptComplete.bind(null, script.onerror);
-/******/ 			script.onload = onScriptComplete.bind(null, script.onload);
-/******/ 			needAttach && document.head.appendChild(script);
-/******/ 		};
-/******/ 	})();
-/******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
@@ -4635,926 +2702,112 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__398__;
 /******/ 		};
 /******/ 	})();
 /******/ 	
-/******/ 	/* webpack/runtime/hot module replacement */
-/******/ 	(() => {
-/******/ 		var currentModuleData = {};
-/******/ 		var installedModules = __webpack_require__.c;
-/******/ 		
-/******/ 		// module and require creation
-/******/ 		var currentChildModule;
-/******/ 		var currentParents = [];
-/******/ 		
-/******/ 		// status
-/******/ 		var registeredStatusHandlers = [];
-/******/ 		var currentStatus = "idle";
-/******/ 		
-/******/ 		// while downloading
-/******/ 		var blockingPromises = 0;
-/******/ 		var blockingPromisesWaiting = [];
-/******/ 		
-/******/ 		// The update info
-/******/ 		var currentUpdateApplyHandlers;
-/******/ 		var queuedInvalidatedModules;
-/******/ 		
-/******/ 		__webpack_require__.hmrD = currentModuleData;
-/******/ 		
-/******/ 		__webpack_require__.i.push(function (options) {
-/******/ 			var module = options.module;
-/******/ 			var require = createRequire(options.require, options.id);
-/******/ 			module.hot = createModuleHotObject(options.id, module);
-/******/ 			module.parents = currentParents;
-/******/ 			module.children = [];
-/******/ 			currentParents = [];
-/******/ 			options.require = require;
-/******/ 		});
-/******/ 		
-/******/ 		__webpack_require__.hmrC = {};
-/******/ 		__webpack_require__.hmrI = {};
-/******/ 		
-/******/ 		function createRequire(require, moduleId) {
-/******/ 			var me = installedModules[moduleId];
-/******/ 			if (!me) return require;
-/******/ 			var fn = function (request) {
-/******/ 				if (me.hot.active) {
-/******/ 					if (installedModules[request]) {
-/******/ 						var parents = installedModules[request].parents;
-/******/ 						if (parents.indexOf(moduleId) === -1) {
-/******/ 							parents.push(moduleId);
-/******/ 						}
-/******/ 					} else {
-/******/ 						currentParents = [moduleId];
-/******/ 						currentChildModule = request;
-/******/ 					}
-/******/ 					if (me.children.indexOf(request) === -1) {
-/******/ 						me.children.push(request);
-/******/ 					}
-/******/ 				} else {
-/******/ 					console.warn(
-/******/ 						"[HMR] unexpected require(" +
-/******/ 							request +
-/******/ 							") from disposed module " +
-/******/ 							moduleId
-/******/ 					);
-/******/ 					currentParents = [];
-/******/ 				}
-/******/ 				return require(request);
-/******/ 			};
-/******/ 			var createPropertyDescriptor = function (name) {
-/******/ 				return {
-/******/ 					configurable: true,
-/******/ 					enumerable: true,
-/******/ 					get: function () {
-/******/ 						return require[name];
-/******/ 					},
-/******/ 					set: function (value) {
-/******/ 						require[name] = value;
-/******/ 					}
-/******/ 				};
-/******/ 			};
-/******/ 			for (var name in require) {
-/******/ 				if (Object.prototype.hasOwnProperty.call(require, name) && name !== "e") {
-/******/ 					Object.defineProperty(fn, name, createPropertyDescriptor(name));
-/******/ 				}
-/******/ 			}
-/******/ 			fn.e = function (chunkId, fetchPriority) {
-/******/ 				return trackBlockingPromise(require.e(chunkId, fetchPriority));
-/******/ 			};
-/******/ 			return fn;
-/******/ 		}
-/******/ 		
-/******/ 		function createModuleHotObject(moduleId, me) {
-/******/ 			var _main = currentChildModule !== moduleId;
-/******/ 			var hot = {
-/******/ 				// private stuff
-/******/ 				_acceptedDependencies: {},
-/******/ 				_acceptedErrorHandlers: {},
-/******/ 				_declinedDependencies: {},
-/******/ 				_selfAccepted: false,
-/******/ 				_selfDeclined: false,
-/******/ 				_selfInvalidated: false,
-/******/ 				_disposeHandlers: [],
-/******/ 				_main: _main,
-/******/ 				_requireSelf: function () {
-/******/ 					currentParents = me.parents.slice();
-/******/ 					currentChildModule = _main ? undefined : moduleId;
-/******/ 					__webpack_require__(moduleId);
-/******/ 				},
-/******/ 		
-/******/ 				// Module API
-/******/ 				active: true,
-/******/ 				accept: function (dep, callback, errorHandler) {
-/******/ 					if (dep === undefined) hot._selfAccepted = true;
-/******/ 					else if (typeof dep === "function") hot._selfAccepted = dep;
-/******/ 					else if (typeof dep === "object" && dep !== null) {
-/******/ 						for (var i = 0; i < dep.length; i++) {
-/******/ 							hot._acceptedDependencies[dep[i]] = callback || function () {};
-/******/ 							hot._acceptedErrorHandlers[dep[i]] = errorHandler;
-/******/ 						}
-/******/ 					} else {
-/******/ 						hot._acceptedDependencies[dep] = callback || function () {};
-/******/ 						hot._acceptedErrorHandlers[dep] = errorHandler;
-/******/ 					}
-/******/ 				},
-/******/ 				decline: function (dep) {
-/******/ 					if (dep === undefined) hot._selfDeclined = true;
-/******/ 					else if (typeof dep === "object" && dep !== null)
-/******/ 						for (var i = 0; i < dep.length; i++)
-/******/ 							hot._declinedDependencies[dep[i]] = true;
-/******/ 					else hot._declinedDependencies[dep] = true;
-/******/ 				},
-/******/ 				dispose: function (callback) {
-/******/ 					hot._disposeHandlers.push(callback);
-/******/ 				},
-/******/ 				addDisposeHandler: function (callback) {
-/******/ 					hot._disposeHandlers.push(callback);
-/******/ 				},
-/******/ 				removeDisposeHandler: function (callback) {
-/******/ 					var idx = hot._disposeHandlers.indexOf(callback);
-/******/ 					if (idx >= 0) hot._disposeHandlers.splice(idx, 1);
-/******/ 				},
-/******/ 				invalidate: function () {
-/******/ 					this._selfInvalidated = true;
-/******/ 					switch (currentStatus) {
-/******/ 						case "idle":
-/******/ 							currentUpdateApplyHandlers = [];
-/******/ 							Object.keys(__webpack_require__.hmrI).forEach(function (key) {
-/******/ 								__webpack_require__.hmrI[key](
-/******/ 									moduleId,
-/******/ 									currentUpdateApplyHandlers
-/******/ 								);
-/******/ 							});
-/******/ 							setStatus("ready");
-/******/ 							break;
-/******/ 						case "ready":
-/******/ 							Object.keys(__webpack_require__.hmrI).forEach(function (key) {
-/******/ 								__webpack_require__.hmrI[key](
-/******/ 									moduleId,
-/******/ 									currentUpdateApplyHandlers
-/******/ 								);
-/******/ 							});
-/******/ 							break;
-/******/ 						case "prepare":
-/******/ 						case "check":
-/******/ 						case "dispose":
-/******/ 						case "apply":
-/******/ 							(queuedInvalidatedModules = queuedInvalidatedModules || []).push(
-/******/ 								moduleId
-/******/ 							);
-/******/ 							break;
-/******/ 						default:
-/******/ 							// ignore requests in error states
-/******/ 							break;
-/******/ 					}
-/******/ 				},
-/******/ 		
-/******/ 				// Management API
-/******/ 				check: hotCheck,
-/******/ 				apply: hotApply,
-/******/ 				status: function (l) {
-/******/ 					if (!l) return currentStatus;
-/******/ 					registeredStatusHandlers.push(l);
-/******/ 				},
-/******/ 				addStatusHandler: function (l) {
-/******/ 					registeredStatusHandlers.push(l);
-/******/ 				},
-/******/ 				removeStatusHandler: function (l) {
-/******/ 					var idx = registeredStatusHandlers.indexOf(l);
-/******/ 					if (idx >= 0) registeredStatusHandlers.splice(idx, 1);
-/******/ 				},
-/******/ 		
-/******/ 				// inherit from previous dispose call
-/******/ 				data: currentModuleData[moduleId]
-/******/ 			};
-/******/ 			currentChildModule = undefined;
-/******/ 			return hot;
-/******/ 		}
-/******/ 		
-/******/ 		function setStatus(newStatus) {
-/******/ 			currentStatus = newStatus;
-/******/ 			var results = [];
-/******/ 		
-/******/ 			for (var i = 0; i < registeredStatusHandlers.length; i++)
-/******/ 				results[i] = registeredStatusHandlers[i].call(null, newStatus);
-/******/ 		
-/******/ 			return Promise.all(results).then(function () {});
-/******/ 		}
-/******/ 		
-/******/ 		function unblock() {
-/******/ 			if (--blockingPromises === 0) {
-/******/ 				setStatus("ready").then(function () {
-/******/ 					if (blockingPromises === 0) {
-/******/ 						var list = blockingPromisesWaiting;
-/******/ 						blockingPromisesWaiting = [];
-/******/ 						for (var i = 0; i < list.length; i++) {
-/******/ 							list[i]();
-/******/ 						}
-/******/ 					}
-/******/ 				});
-/******/ 			}
-/******/ 		}
-/******/ 		
-/******/ 		function trackBlockingPromise(promise) {
-/******/ 			switch (currentStatus) {
-/******/ 				case "ready":
-/******/ 					setStatus("prepare");
-/******/ 				/* fallthrough */
-/******/ 				case "prepare":
-/******/ 					blockingPromises++;
-/******/ 					promise.then(unblock, unblock);
-/******/ 					return promise;
-/******/ 				default:
-/******/ 					return promise;
-/******/ 			}
-/******/ 		}
-/******/ 		
-/******/ 		function waitForBlockingPromises(fn) {
-/******/ 			if (blockingPromises === 0) return fn();
-/******/ 			return new Promise(function (resolve) {
-/******/ 				blockingPromisesWaiting.push(function () {
-/******/ 					resolve(fn());
-/******/ 				});
-/******/ 			});
-/******/ 		}
-/******/ 		
-/******/ 		function hotCheck(applyOnUpdate) {
-/******/ 			if (currentStatus !== "idle") {
-/******/ 				throw new Error("check() is only allowed in idle status");
-/******/ 			}
-/******/ 			return setStatus("check")
-/******/ 				.then(__webpack_require__.hmrM)
-/******/ 				.then(function (update) {
-/******/ 					if (!update) {
-/******/ 						return setStatus(applyInvalidatedModules() ? "ready" : "idle").then(
-/******/ 							function () {
-/******/ 								return null;
-/******/ 							}
-/******/ 						);
-/******/ 					}
-/******/ 		
-/******/ 					return setStatus("prepare").then(function () {
-/******/ 						var updatedModules = [];
-/******/ 						currentUpdateApplyHandlers = [];
-/******/ 		
-/******/ 						return Promise.all(
-/******/ 							Object.keys(__webpack_require__.hmrC).reduce(function (
-/******/ 								promises,
-/******/ 								key
-/******/ 							) {
-/******/ 								__webpack_require__.hmrC[key](
-/******/ 									update.c,
-/******/ 									update.r,
-/******/ 									update.m,
-/******/ 									promises,
-/******/ 									currentUpdateApplyHandlers,
-/******/ 									updatedModules
-/******/ 								);
-/******/ 								return promises;
-/******/ 							}, [])
-/******/ 						).then(function () {
-/******/ 							return waitForBlockingPromises(function () {
-/******/ 								if (applyOnUpdate) {
-/******/ 									return internalApply(applyOnUpdate);
-/******/ 								}
-/******/ 								return setStatus("ready").then(function () {
-/******/ 									return updatedModules;
-/******/ 								});
-/******/ 							});
-/******/ 						});
-/******/ 					});
-/******/ 				});
-/******/ 		}
-/******/ 		
-/******/ 		function hotApply(options) {
-/******/ 			if (currentStatus !== "ready") {
-/******/ 				return Promise.resolve().then(function () {
-/******/ 					throw new Error(
-/******/ 						"apply() is only allowed in ready status (state: " +
-/******/ 							currentStatus +
-/******/ 							")"
-/******/ 					);
-/******/ 				});
-/******/ 			}
-/******/ 			return internalApply(options);
-/******/ 		}
-/******/ 		
-/******/ 		function internalApply(options) {
-/******/ 			options = options || {};
-/******/ 		
-/******/ 			applyInvalidatedModules();
-/******/ 		
-/******/ 			var results = currentUpdateApplyHandlers.map(function (handler) {
-/******/ 				return handler(options);
-/******/ 			});
-/******/ 			currentUpdateApplyHandlers = undefined;
-/******/ 		
-/******/ 			var errors = results
-/******/ 				.map(function (r) {
-/******/ 					return r.error;
-/******/ 				})
-/******/ 				.filter(Boolean);
-/******/ 		
-/******/ 			if (errors.length > 0) {
-/******/ 				return setStatus("abort").then(function () {
-/******/ 					throw errors[0];
-/******/ 				});
-/******/ 			}
-/******/ 		
-/******/ 			// Now in "dispose" phase
-/******/ 			var disposePromise = setStatus("dispose");
-/******/ 		
-/******/ 			results.forEach(function (result) {
-/******/ 				if (result.dispose) result.dispose();
-/******/ 			});
-/******/ 		
-/******/ 			// Now in "apply" phase
-/******/ 			var applyPromise = setStatus("apply");
-/******/ 		
-/******/ 			var error;
-/******/ 			var reportError = function (err) {
-/******/ 				if (!error) error = err;
-/******/ 			};
-/******/ 		
-/******/ 			var outdatedModules = [];
-/******/ 			results.forEach(function (result) {
-/******/ 				if (result.apply) {
-/******/ 					var modules = result.apply(reportError);
-/******/ 					if (modules) {
-/******/ 						for (var i = 0; i < modules.length; i++) {
-/******/ 							outdatedModules.push(modules[i]);
-/******/ 						}
-/******/ 					}
-/******/ 				}
-/******/ 			});
-/******/ 		
-/******/ 			return Promise.all([disposePromise, applyPromise]).then(function () {
-/******/ 				// handle errors in accept handlers and self accepted module load
-/******/ 				if (error) {
-/******/ 					return setStatus("fail").then(function () {
-/******/ 						throw error;
-/******/ 					});
-/******/ 				}
-/******/ 		
-/******/ 				if (queuedInvalidatedModules) {
-/******/ 					return internalApply(options).then(function (list) {
-/******/ 						outdatedModules.forEach(function (moduleId) {
-/******/ 							if (list.indexOf(moduleId) < 0) list.push(moduleId);
-/******/ 						});
-/******/ 						return list;
-/******/ 					});
-/******/ 				}
-/******/ 		
-/******/ 				return setStatus("idle").then(function () {
-/******/ 					return outdatedModules;
-/******/ 				});
-/******/ 			});
-/******/ 		}
-/******/ 		
-/******/ 		function applyInvalidatedModules() {
-/******/ 			if (queuedInvalidatedModules) {
-/******/ 				if (!currentUpdateApplyHandlers) currentUpdateApplyHandlers = [];
-/******/ 				Object.keys(__webpack_require__.hmrI).forEach(function (key) {
-/******/ 					queuedInvalidatedModules.forEach(function (moduleId) {
-/******/ 						__webpack_require__.hmrI[key](
-/******/ 							moduleId,
-/******/ 							currentUpdateApplyHandlers
-/******/ 						);
-/******/ 					});
-/******/ 				});
-/******/ 				queuedInvalidatedModules = undefined;
-/******/ 				return true;
-/******/ 			}
-/******/ 		}
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/publicPath */
-/******/ 	(() => {
-/******/ 		var _publicPath = __RUSHSTACK_CURRENT_SCRIPT__ ? __RUSHSTACK_CURRENT_SCRIPT__.src : '';
-/******/ 		__webpack_require__.p = _publicPath.slice(0, _publicPath.lastIndexOf('/') + 1);
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/jsonp chunk loading */
-/******/ 	(() => {
-/******/ 		// no baseURI
-/******/ 		
-/******/ 		// object to store loaded and loading chunks
-/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
-/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
-/******/ 		var installedChunks = __webpack_require__.hmrS_jsonp = __webpack_require__.hmrS_jsonp || {
-/******/ 			"approval-admin-web-part": 0
-/******/ 		};
-/******/ 		
-/******/ 		// no chunk on demand loading
-/******/ 		
-/******/ 		// no prefetching
-/******/ 		
-/******/ 		// no preloaded
-/******/ 		
-/******/ 		var currentUpdatedModulesList;
-/******/ 		var waitingUpdateResolves = {};
-/******/ 		function loadUpdateChunk(chunkId, updatedModulesList) {
-/******/ 			currentUpdatedModulesList = updatedModulesList;
-/******/ 			return new Promise((resolve, reject) => {
-/******/ 				waitingUpdateResolves[chunkId] = resolve;
-/******/ 				// start update chunk loading
-/******/ 				var url = __webpack_require__.p + __webpack_require__.hu(chunkId);
-/******/ 				// create error before stack unwound to get useful stacktrace later
-/******/ 				var error = new Error();
-/******/ 				var loadingEnded = (event) => {
-/******/ 					if(waitingUpdateResolves[chunkId]) {
-/******/ 						waitingUpdateResolves[chunkId] = undefined
-/******/ 						var errorType = event && (event.type === 'load' ? 'missing' : event.type);
-/******/ 						var realSrc = event && event.target && event.target.src;
-/******/ 						error.message = 'Loading hot update chunk ' + chunkId + ' failed.\n(' + errorType + ': ' + realSrc + ')';
-/******/ 						error.name = 'ChunkLoadError';
-/******/ 						error.type = errorType;
-/******/ 						error.request = realSrc;
-/******/ 						reject(error);
-/******/ 					}
-/******/ 				};
-/******/ 				__webpack_require__.l(url, loadingEnded);
-/******/ 			});
-/******/ 		}
-/******/ 		
-/******/ 		self["webpackHotUpdate_4825e72c_4ff3_479e_917e_f6b04e003a82_0_0_1"] = (chunkId, moreModules, runtime) => {
-/******/ 			for(var moduleId in moreModules) {
-/******/ 				if(__webpack_require__.o(moreModules, moduleId)) {
-/******/ 					currentUpdate[moduleId] = moreModules[moduleId];
-/******/ 					if(currentUpdatedModulesList) currentUpdatedModulesList.push(moduleId);
-/******/ 				}
-/******/ 			}
-/******/ 			if(runtime) currentUpdateRuntime.push(runtime);
-/******/ 			if(waitingUpdateResolves[chunkId]) {
-/******/ 				waitingUpdateResolves[chunkId]();
-/******/ 				waitingUpdateResolves[chunkId] = undefined;
-/******/ 			}
-/******/ 		};
-/******/ 		
-/******/ 		var currentUpdateChunks;
-/******/ 		var currentUpdate;
-/******/ 		var currentUpdateRemovedChunks;
-/******/ 		var currentUpdateRuntime;
-/******/ 		function applyHandler(options) {
-/******/ 			if (__webpack_require__.f) delete __webpack_require__.f.jsonpHmr;
-/******/ 			currentUpdateChunks = undefined;
-/******/ 			function getAffectedModuleEffects(updateModuleId) {
-/******/ 				var outdatedModules = [updateModuleId];
-/******/ 				var outdatedDependencies = {};
-/******/ 		
-/******/ 				var queue = outdatedModules.map(function (id) {
-/******/ 					return {
-/******/ 						chain: [id],
-/******/ 						id: id
-/******/ 					};
-/******/ 				});
-/******/ 				while (queue.length > 0) {
-/******/ 					var queueItem = queue.pop();
-/******/ 					var moduleId = queueItem.id;
-/******/ 					var chain = queueItem.chain;
-/******/ 					var module = __webpack_require__.c[moduleId];
-/******/ 					if (
-/******/ 						!module ||
-/******/ 						(module.hot._selfAccepted && !module.hot._selfInvalidated)
-/******/ 					)
-/******/ 						continue;
-/******/ 					if (module.hot._selfDeclined) {
-/******/ 						return {
-/******/ 							type: "self-declined",
-/******/ 							chain: chain,
-/******/ 							moduleId: moduleId
-/******/ 						};
-/******/ 					}
-/******/ 					if (module.hot._main) {
-/******/ 						return {
-/******/ 							type: "unaccepted",
-/******/ 							chain: chain,
-/******/ 							moduleId: moduleId
-/******/ 						};
-/******/ 					}
-/******/ 					for (var i = 0; i < module.parents.length; i++) {
-/******/ 						var parentId = module.parents[i];
-/******/ 						var parent = __webpack_require__.c[parentId];
-/******/ 						if (!parent) continue;
-/******/ 						if (parent.hot._declinedDependencies[moduleId]) {
-/******/ 							return {
-/******/ 								type: "declined",
-/******/ 								chain: chain.concat([parentId]),
-/******/ 								moduleId: moduleId,
-/******/ 								parentId: parentId
-/******/ 							};
-/******/ 						}
-/******/ 						if (outdatedModules.indexOf(parentId) !== -1) continue;
-/******/ 						if (parent.hot._acceptedDependencies[moduleId]) {
-/******/ 							if (!outdatedDependencies[parentId])
-/******/ 								outdatedDependencies[parentId] = [];
-/******/ 							addAllToSet(outdatedDependencies[parentId], [moduleId]);
-/******/ 							continue;
-/******/ 						}
-/******/ 						delete outdatedDependencies[parentId];
-/******/ 						outdatedModules.push(parentId);
-/******/ 						queue.push({
-/******/ 							chain: chain.concat([parentId]),
-/******/ 							id: parentId
-/******/ 						});
-/******/ 					}
-/******/ 				}
-/******/ 		
-/******/ 				return {
-/******/ 					type: "accepted",
-/******/ 					moduleId: updateModuleId,
-/******/ 					outdatedModules: outdatedModules,
-/******/ 					outdatedDependencies: outdatedDependencies
-/******/ 				};
-/******/ 			}
-/******/ 		
-/******/ 			function addAllToSet(a, b) {
-/******/ 				for (var i = 0; i < b.length; i++) {
-/******/ 					var item = b[i];
-/******/ 					if (a.indexOf(item) === -1) a.push(item);
-/******/ 				}
-/******/ 			}
-/******/ 		
-/******/ 			// at begin all updates modules are outdated
-/******/ 			// the "outdated" status can propagate to parents if they don't accept the children
-/******/ 			var outdatedDependencies = {};
-/******/ 			var outdatedModules = [];
-/******/ 			var appliedUpdate = {};
-/******/ 		
-/******/ 			var warnUnexpectedRequire = function warnUnexpectedRequire(module) {
-/******/ 				console.warn(
-/******/ 					"[HMR] unexpected require(" + module.id + ") to disposed module"
-/******/ 				);
-/******/ 			};
-/******/ 		
-/******/ 			for (var moduleId in currentUpdate) {
-/******/ 				if (__webpack_require__.o(currentUpdate, moduleId)) {
-/******/ 					var newModuleFactory = currentUpdate[moduleId];
-/******/ 					/** @type {TODO} */
-/******/ 					var result = newModuleFactory
-/******/ 						? getAffectedModuleEffects(moduleId)
-/******/ 						: {
-/******/ 								type: "disposed",
-/******/ 								moduleId: moduleId
-/******/ 							};
-/******/ 					/** @type {Error|false} */
-/******/ 					var abortError = false;
-/******/ 					var doApply = false;
-/******/ 					var doDispose = false;
-/******/ 					var chainInfo = "";
-/******/ 					if (result.chain) {
-/******/ 						chainInfo = "\nUpdate propagation: " + result.chain.join(" -> ");
-/******/ 					}
-/******/ 					switch (result.type) {
-/******/ 						case "self-declined":
-/******/ 							if (options.onDeclined) options.onDeclined(result);
-/******/ 							if (!options.ignoreDeclined)
-/******/ 								abortError = new Error(
-/******/ 									"Aborted because of self decline: " +
-/******/ 										result.moduleId +
-/******/ 										chainInfo
-/******/ 								);
-/******/ 							break;
-/******/ 						case "declined":
-/******/ 							if (options.onDeclined) options.onDeclined(result);
-/******/ 							if (!options.ignoreDeclined)
-/******/ 								abortError = new Error(
-/******/ 									"Aborted because of declined dependency: " +
-/******/ 										result.moduleId +
-/******/ 										" in " +
-/******/ 										result.parentId +
-/******/ 										chainInfo
-/******/ 								);
-/******/ 							break;
-/******/ 						case "unaccepted":
-/******/ 							if (options.onUnaccepted) options.onUnaccepted(result);
-/******/ 							if (!options.ignoreUnaccepted)
-/******/ 								abortError = new Error(
-/******/ 									"Aborted because " + moduleId + " is not accepted" + chainInfo
-/******/ 								);
-/******/ 							break;
-/******/ 						case "accepted":
-/******/ 							if (options.onAccepted) options.onAccepted(result);
-/******/ 							doApply = true;
-/******/ 							break;
-/******/ 						case "disposed":
-/******/ 							if (options.onDisposed) options.onDisposed(result);
-/******/ 							doDispose = true;
-/******/ 							break;
-/******/ 						default:
-/******/ 							throw new Error("Unexception type " + result.type);
-/******/ 					}
-/******/ 					if (abortError) {
-/******/ 						return {
-/******/ 							error: abortError
-/******/ 						};
-/******/ 					}
-/******/ 					if (doApply) {
-/******/ 						appliedUpdate[moduleId] = newModuleFactory;
-/******/ 						addAllToSet(outdatedModules, result.outdatedModules);
-/******/ 						for (moduleId in result.outdatedDependencies) {
-/******/ 							if (__webpack_require__.o(result.outdatedDependencies, moduleId)) {
-/******/ 								if (!outdatedDependencies[moduleId])
-/******/ 									outdatedDependencies[moduleId] = [];
-/******/ 								addAllToSet(
-/******/ 									outdatedDependencies[moduleId],
-/******/ 									result.outdatedDependencies[moduleId]
-/******/ 								);
-/******/ 							}
-/******/ 						}
-/******/ 					}
-/******/ 					if (doDispose) {
-/******/ 						addAllToSet(outdatedModules, [result.moduleId]);
-/******/ 						appliedUpdate[moduleId] = warnUnexpectedRequire;
-/******/ 					}
-/******/ 				}
-/******/ 			}
-/******/ 			currentUpdate = undefined;
-/******/ 		
-/******/ 			// Store self accepted outdated modules to require them later by the module system
-/******/ 			var outdatedSelfAcceptedModules = [];
-/******/ 			for (var j = 0; j < outdatedModules.length; j++) {
-/******/ 				var outdatedModuleId = outdatedModules[j];
-/******/ 				var module = __webpack_require__.c[outdatedModuleId];
-/******/ 				if (
-/******/ 					module &&
-/******/ 					(module.hot._selfAccepted || module.hot._main) &&
-/******/ 					// removed self-accepted modules should not be required
-/******/ 					appliedUpdate[outdatedModuleId] !== warnUnexpectedRequire &&
-/******/ 					// when called invalidate self-accepting is not possible
-/******/ 					!module.hot._selfInvalidated
-/******/ 				) {
-/******/ 					outdatedSelfAcceptedModules.push({
-/******/ 						module: outdatedModuleId,
-/******/ 						require: module.hot._requireSelf,
-/******/ 						errorHandler: module.hot._selfAccepted
-/******/ 					});
-/******/ 				}
-/******/ 			}
-/******/ 		
-/******/ 			var moduleOutdatedDependencies;
-/******/ 		
-/******/ 			return {
-/******/ 				dispose: function () {
-/******/ 					currentUpdateRemovedChunks.forEach(function (chunkId) {
-/******/ 						delete installedChunks[chunkId];
-/******/ 					});
-/******/ 					currentUpdateRemovedChunks = undefined;
-/******/ 		
-/******/ 					var idx;
-/******/ 					var queue = outdatedModules.slice();
-/******/ 					while (queue.length > 0) {
-/******/ 						var moduleId = queue.pop();
-/******/ 						var module = __webpack_require__.c[moduleId];
-/******/ 						if (!module) continue;
-/******/ 		
-/******/ 						var data = {};
-/******/ 		
-/******/ 						// Call dispose handlers
-/******/ 						var disposeHandlers = module.hot._disposeHandlers;
-/******/ 						for (j = 0; j < disposeHandlers.length; j++) {
-/******/ 							disposeHandlers[j].call(null, data);
-/******/ 						}
-/******/ 						__webpack_require__.hmrD[moduleId] = data;
-/******/ 		
-/******/ 						// disable module (this disables requires from this module)
-/******/ 						module.hot.active = false;
-/******/ 		
-/******/ 						// remove module from cache
-/******/ 						delete __webpack_require__.c[moduleId];
-/******/ 		
-/******/ 						// when disposing there is no need to call dispose handler
-/******/ 						delete outdatedDependencies[moduleId];
-/******/ 		
-/******/ 						// remove "parents" references from all children
-/******/ 						for (j = 0; j < module.children.length; j++) {
-/******/ 							var child = __webpack_require__.c[module.children[j]];
-/******/ 							if (!child) continue;
-/******/ 							idx = child.parents.indexOf(moduleId);
-/******/ 							if (idx >= 0) {
-/******/ 								child.parents.splice(idx, 1);
-/******/ 							}
-/******/ 						}
-/******/ 					}
-/******/ 		
-/******/ 					// remove outdated dependency from module children
-/******/ 					var dependency;
-/******/ 					for (var outdatedModuleId in outdatedDependencies) {
-/******/ 						if (__webpack_require__.o(outdatedDependencies, outdatedModuleId)) {
-/******/ 							module = __webpack_require__.c[outdatedModuleId];
-/******/ 							if (module) {
-/******/ 								moduleOutdatedDependencies =
-/******/ 									outdatedDependencies[outdatedModuleId];
-/******/ 								for (j = 0; j < moduleOutdatedDependencies.length; j++) {
-/******/ 									dependency = moduleOutdatedDependencies[j];
-/******/ 									idx = module.children.indexOf(dependency);
-/******/ 									if (idx >= 0) module.children.splice(idx, 1);
-/******/ 								}
-/******/ 							}
-/******/ 						}
-/******/ 					}
-/******/ 				},
-/******/ 				apply: function (reportError) {
-/******/ 					// insert new code
-/******/ 					for (var updateModuleId in appliedUpdate) {
-/******/ 						if (__webpack_require__.o(appliedUpdate, updateModuleId)) {
-/******/ 							__webpack_require__.m[updateModuleId] = appliedUpdate[updateModuleId];
-/******/ 						}
-/******/ 					}
-/******/ 		
-/******/ 					// run new runtime modules
-/******/ 					for (var i = 0; i < currentUpdateRuntime.length; i++) {
-/******/ 						currentUpdateRuntime[i](__webpack_require__);
-/******/ 					}
-/******/ 		
-/******/ 					// call accept handlers
-/******/ 					for (var outdatedModuleId in outdatedDependencies) {
-/******/ 						if (__webpack_require__.o(outdatedDependencies, outdatedModuleId)) {
-/******/ 							var module = __webpack_require__.c[outdatedModuleId];
-/******/ 							if (module) {
-/******/ 								moduleOutdatedDependencies =
-/******/ 									outdatedDependencies[outdatedModuleId];
-/******/ 								var callbacks = [];
-/******/ 								var errorHandlers = [];
-/******/ 								var dependenciesForCallbacks = [];
-/******/ 								for (var j = 0; j < moduleOutdatedDependencies.length; j++) {
-/******/ 									var dependency = moduleOutdatedDependencies[j];
-/******/ 									var acceptCallback =
-/******/ 										module.hot._acceptedDependencies[dependency];
-/******/ 									var errorHandler =
-/******/ 										module.hot._acceptedErrorHandlers[dependency];
-/******/ 									if (acceptCallback) {
-/******/ 										if (callbacks.indexOf(acceptCallback) !== -1) continue;
-/******/ 										callbacks.push(acceptCallback);
-/******/ 										errorHandlers.push(errorHandler);
-/******/ 										dependenciesForCallbacks.push(dependency);
-/******/ 									}
-/******/ 								}
-/******/ 								for (var k = 0; k < callbacks.length; k++) {
-/******/ 									try {
-/******/ 										callbacks[k].call(null, moduleOutdatedDependencies);
-/******/ 									} catch (err) {
-/******/ 										if (typeof errorHandlers[k] === "function") {
-/******/ 											try {
-/******/ 												errorHandlers[k](err, {
-/******/ 													moduleId: outdatedModuleId,
-/******/ 													dependencyId: dependenciesForCallbacks[k]
-/******/ 												});
-/******/ 											} catch (err2) {
-/******/ 												if (options.onErrored) {
-/******/ 													options.onErrored({
-/******/ 														type: "accept-error-handler-errored",
-/******/ 														moduleId: outdatedModuleId,
-/******/ 														dependencyId: dependenciesForCallbacks[k],
-/******/ 														error: err2,
-/******/ 														originalError: err
-/******/ 													});
-/******/ 												}
-/******/ 												if (!options.ignoreErrored) {
-/******/ 													reportError(err2);
-/******/ 													reportError(err);
-/******/ 												}
-/******/ 											}
-/******/ 										} else {
-/******/ 											if (options.onErrored) {
-/******/ 												options.onErrored({
-/******/ 													type: "accept-errored",
-/******/ 													moduleId: outdatedModuleId,
-/******/ 													dependencyId: dependenciesForCallbacks[k],
-/******/ 													error: err
-/******/ 												});
-/******/ 											}
-/******/ 											if (!options.ignoreErrored) {
-/******/ 												reportError(err);
-/******/ 											}
-/******/ 										}
-/******/ 									}
-/******/ 								}
-/******/ 							}
-/******/ 						}
-/******/ 					}
-/******/ 		
-/******/ 					// Load self accepted modules
-/******/ 					for (var o = 0; o < outdatedSelfAcceptedModules.length; o++) {
-/******/ 						var item = outdatedSelfAcceptedModules[o];
-/******/ 						var moduleId = item.module;
-/******/ 						try {
-/******/ 							item.require(moduleId);
-/******/ 						} catch (err) {
-/******/ 							if (typeof item.errorHandler === "function") {
-/******/ 								try {
-/******/ 									item.errorHandler(err, {
-/******/ 										moduleId: moduleId,
-/******/ 										module: __webpack_require__.c[moduleId]
-/******/ 									});
-/******/ 								} catch (err1) {
-/******/ 									if (options.onErrored) {
-/******/ 										options.onErrored({
-/******/ 											type: "self-accept-error-handler-errored",
-/******/ 											moduleId: moduleId,
-/******/ 											error: err1,
-/******/ 											originalError: err
-/******/ 										});
-/******/ 									}
-/******/ 									if (!options.ignoreErrored) {
-/******/ 										reportError(err1);
-/******/ 										reportError(err);
-/******/ 									}
-/******/ 								}
-/******/ 							} else {
-/******/ 								if (options.onErrored) {
-/******/ 									options.onErrored({
-/******/ 										type: "self-accept-errored",
-/******/ 										moduleId: moduleId,
-/******/ 										error: err
-/******/ 									});
-/******/ 								}
-/******/ 								if (!options.ignoreErrored) {
-/******/ 									reportError(err);
-/******/ 								}
-/******/ 							}
-/******/ 						}
-/******/ 					}
-/******/ 		
-/******/ 					return outdatedModules;
-/******/ 				}
-/******/ 			};
-/******/ 		}
-/******/ 		__webpack_require__.hmrI.jsonp = function (moduleId, applyHandlers) {
-/******/ 			if (!currentUpdate) {
-/******/ 				currentUpdate = {};
-/******/ 				currentUpdateRuntime = [];
-/******/ 				currentUpdateRemovedChunks = [];
-/******/ 				applyHandlers.push(applyHandler);
-/******/ 			}
-/******/ 			if (!__webpack_require__.o(currentUpdate, moduleId)) {
-/******/ 				currentUpdate[moduleId] = __webpack_require__.m[moduleId];
-/******/ 			}
-/******/ 		};
-/******/ 		__webpack_require__.hmrC.jsonp = function (
-/******/ 			chunkIds,
-/******/ 			removedChunks,
-/******/ 			removedModules,
-/******/ 			promises,
-/******/ 			applyHandlers,
-/******/ 			updatedModulesList
-/******/ 		) {
-/******/ 			applyHandlers.push(applyHandler);
-/******/ 			currentUpdateChunks = {};
-/******/ 			currentUpdateRemovedChunks = removedChunks;
-/******/ 			currentUpdate = removedModules.reduce(function (obj, key) {
-/******/ 				obj[key] = false;
-/******/ 				return obj;
-/******/ 			}, {});
-/******/ 			currentUpdateRuntime = [];
-/******/ 			chunkIds.forEach(function (chunkId) {
-/******/ 				if (
-/******/ 					__webpack_require__.o(installedChunks, chunkId) &&
-/******/ 					installedChunks[chunkId] !== undefined
-/******/ 				) {
-/******/ 					promises.push(loadUpdateChunk(chunkId, updatedModulesList));
-/******/ 					currentUpdateChunks[chunkId] = true;
-/******/ 				} else {
-/******/ 					currentUpdateChunks[chunkId] = false;
-/******/ 				}
-/******/ 			});
-/******/ 			if (__webpack_require__.f) {
-/******/ 				__webpack_require__.f.jsonpHmr = function (chunkId, promises) {
-/******/ 					if (
-/******/ 						currentUpdateChunks &&
-/******/ 						__webpack_require__.o(currentUpdateChunks, chunkId) &&
-/******/ 						!currentUpdateChunks[chunkId]
-/******/ 					) {
-/******/ 						promises.push(loadUpdateChunk(chunkId));
-/******/ 						currentUpdateChunks[chunkId] = true;
-/******/ 					}
-/******/ 				};
-/******/ 			}
-/******/ 		};
-/******/ 		
-/******/ 		__webpack_require__.hmrM = () => {
-/******/ 			if (typeof fetch === "undefined") throw new Error("No browser support: need fetch API");
-/******/ 			return fetch(__webpack_require__.p + __webpack_require__.hmrF()).then((response) => {
-/******/ 				if(response.status === 404) return; // no update available
-/******/ 				if(!response.ok) throw new Error("Failed to fetch update manifest " + response.statusText);
-/******/ 				return response.json();
-/******/ 			});
-/******/ 		};
-/******/ 		
-/******/ 		// no on chunks loaded
-/******/ 		
-/******/ 		// no jsonp function
-/******/ 	})();
-/******/ 	
 /************************************************************************/
-/******/ 	
-/******/ 	// module cache are used so entry inlining is disabled
-/******/ 	// startup
-/******/ 	// Load entry module and return exports
-/******/ 	__webpack_require__(29);
-/******/ 	__webpack_require__(826);
-/******/ 	var __webpack_exports__ = __webpack_require__(403);
-/******/ 	
+var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+/*!************************************************************!*\
+  !*** ./lib/webparts/approvalAdmin/ApprovalAdminWebPart.js ***!
+  \************************************************************/
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! tslib */ 196);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ 959);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ 398);
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @microsoft/sp-core-library */ 676);
+/* harmony import */ var _microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @microsoft/sp-property-pane */ 877);
+/* harmony import */ var _microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @microsoft/sp-webpart-base */ 642);
+/* harmony import */ var _microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _components_ApprovalAdmin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/ApprovalAdmin */ 867);
+
+
+
+
+
+
+
+var ApprovalAdminWebPart = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_6__.__extends)(ApprovalAdminWebPart, _super);
+    function ApprovalAdminWebPart() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ApprovalAdminWebPart.prototype.render = function () {
+        var element = react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_ApprovalAdmin__WEBPACK_IMPORTED_MODULE_5__["default"], {
+            context: this.context,
+            apiBaseUrl: this.properties.apiBaseUrl,
+            useDevAuth: this.properties.useDevAuth,
+            devUserEmail: this.properties.devUserEmail,
+            aadResourceId: this.properties.aadResourceId
+        });
+        react_dom__WEBPACK_IMPORTED_MODULE_1__.render(element, this.domElement);
+    };
+    ApprovalAdminWebPart.prototype.onInit = function () {
+        var _a;
+        this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443';
+        this.properties.useDevAuth = (_a = this.properties.useDevAuth) !== null && _a !== void 0 ? _a : true;
+        this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
+        this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
+        return Promise.resolve();
+    };
+    ApprovalAdminWebPart.prototype.onDispose = function () {
+        react_dom__WEBPACK_IMPORTED_MODULE_1__.unmountComponentAtNode(this.domElement);
+    };
+    Object.defineProperty(ApprovalAdminWebPart.prototype, "dataVersion", {
+        get: function () {
+            return _microsoft_sp_core_library__WEBPACK_IMPORTED_MODULE_2__.Version.parse('1.0');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ApprovalAdminWebPart.prototype.getPropertyPaneConfiguration = function () {
+        return {
+            pages: [
+                {
+                    header: {
+                        description: 'Подключение к Tnsu.ApprovalRoute.Api'
+                    },
+                    groups: [
+                        {
+                            groupName: 'API',
+                            groupFields: [
+                                (0,_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__.PropertyPaneTextField)('apiBaseUrl', {
+                                    label: 'Api Base Url',
+                                    description: 'Например, https://localhost:5443 локально или прод-адрес API.'
+                                }),
+                                (0,_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__.PropertyPaneToggle)('useDevAuth', {
+                                    label: 'Локальный Dev-режим (без Azure AD)',
+                                    onText: 'Вкл. (заголовок X-Dev-User-Email)',
+                                    offText: 'Выкл. (AAD-токен через SPFx)'
+                                }),
+                                (0,_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__.PropertyPaneTextField)('devUserEmail', {
+                                    label: 'Dev: email пользователя',
+                                    description: 'Используется только при включённом Dev-режиме.'
+                                }),
+                                (0,_microsoft_sp_property_pane__WEBPACK_IMPORTED_MODULE_3__.PropertyPaneTextField)('aadResourceId', {
+                                    label: 'AAD Resource Id (App ID URI)',
+                                    description: 'Используется только при выключенном Dev-режиме. Должен совпадать с webApiPermissionRequests в package-solution.json.'
+                                })
+                            ]
+                        }
+                    ]
+                }
+            ]
+        };
+    };
+    return ApprovalAdminWebPart;
+}(_microsoft_sp_webpart_base__WEBPACK_IMPORTED_MODULE_4__.BaseClientSideWebPart));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ApprovalAdminWebPart);
+
+})();
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;
-});})();;
+});;
 //# sourceMappingURL=approval-admin-web-part.js.map
\ No newline at end of file
diff --git a/frontend/release/assets/approval-admin-web-part.js.map b/frontend/release/assets/approval-admin-web-part.js.map
index e10bc51..a9ea226 100644
--- a/frontend/release/assets/approval-admin-web-part.js.map
+++ b/frontend/release/assets/approval-admin-web-part.js.map
@@ -1 +1 @@
-{"version":3,"file":"approval-admin-web-part.js","mappings":"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AAW;AACX;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,OAAO;AAClB;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,gBAAgB;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,eAAe;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,SAAY;AAC5B,gBAAgB,IAAK;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB;AACO;AACP;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtSY;;AAEZ;;AAEA;AACA,mDAAmD,IAAI,SAAS,MAAM,IAAI;;AAE1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,CAAC;AACD;AACA,CAAC;;AAED;AACA;AACA,WAAW,QAAQ;AACnB,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;AACA,WAAW,QAAQ;AACnB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU;AACV;AACA;;AAEA;AACA;AACA,uBAAuB;AACvB,GAAG;AACH;AACA,uBAAuB;AACvB,GAAG;AACH,EAAE;AACF;AACA;AACA;;AAEA;AACA;AACA,uCAAuC,UAAU,+BAA+B;AAChF;AACA,mDAAmD;AACnD;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;AC/KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEa;;AAEb;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,mBAAmB;;AAEnB;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;;AAED;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,kBAAkB,sBAAsB;AACxC;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB;AAChB;AACA;AACA;AACA;AACA,eAAe;AACf;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA,IAAI;AACJ;AACA;AACA,oBAAoB,SAAS;AAC7B;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA,MAAM;AACN;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,gBAAgB;AAChB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;;AAEA,kCAAkC,QAAQ;AAC1C;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,oBAAoB,iBAAiB;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA,QAAQ;AACR;AACA,uCAAuC,QAAQ;AAC/C;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,MAAM;AACN;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,kBAAkB,OAAO;AACzB;AACA;AACA;;AAEA;AACA,SAAS,yBAAyB;AAClC;AACA;AACA;;AAEA;AACA;AACA,kBAAkB,gBAAgB;AAClC;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,8DAA8D,YAAY;AAC1E;AACA,8DAA8D,YAAY;AAC1E;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA,qCAAqC,YAAY;AACjD;AACA;AACA;AACA;AACA;AACA,KAAK;AACL,IAAI;AACJ;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,gBAAgB,sCAAsC,kBAAkB;AACnF,0BAA0B;AAC1B;AACA;AACA;AACO;AACP;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACO;AACP;AACA,iDAAiD,OAAO;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA,6DAA6D,cAAc;AAC3E;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA,6CAA6C,QAAQ;AACrD;AACA;AACA;AACO;AACP,oCAAoC;AACpC;AACA;AACO;AACP;AACA;AACA;AACO;AACP,4BAA4B,+DAA+D,iBAAiB;AAC5G;AACA,oCAAoC,MAAM,+BAA+B,YAAY;AACrF,mCAAmC,MAAM,mCAAmC,YAAY;AACxF,gCAAgC;AAChC;AACA,KAAK;AACL;AACA;AACO;AACP,cAAc,6BAA6B,0BAA0B,cAAc,qBAAqB;AACxG,iBAAiB,oDAAoD,qEAAqE,cAAc;AACxJ,uBAAuB,sBAAsB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC;AACxC,mCAAmC,SAAS;AAC5C,mCAAmC,WAAW,UAAU;AACxD,0CAA0C,cAAc;AACxD;AACA,8GAA8G,OAAO;AACrH,iFAAiF,iBAAiB;AAClG,yDAAyD,gBAAgB,QAAQ;AACjF,+CAA+C,gBAAgB,gBAAgB;AAC/E;AACA,kCAAkC;AAClC;AACA;AACA,UAAU,YAAY,aAAa,SAAS,UAAU;AACtD,oCAAoC,SAAS;AAC7C;AACA;AACA;AACO;AACP;AACA,mCAAmC,oCAAoC,gBAAgB;AACvF,CAAC;AACD;AACA;AACA,CAAC;AACD;AACO;AACP;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,MAAM;AAC1B;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACO;AACP,6BAA6B,sBAAsB;AACnD;AACA;AACA;AA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sBAAsB,QAAQ;AAC9B;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,gBAAgB,oJAAoJ;AACpK,cAAc,oCAAoC;;AAElD;AACA,WAAW,QAAQ;AACnB,aAAa,WAAW;AACxB;AACA;AACA,aAAa,WAAW;AACxB;AACA;AACA;AACA,oBAAoB,yBAAyB;AAC7C;;AAEA,iBAAiB,cAAc;AAC/B;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,eAAe;;AAElD,gBAAgB,yGAAyG;;AAEzH,WAAW,UAAU;AACrB;AACA;AACA;AACA;AACA;AACA;;AAEA,WAAW,SAAS;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ,IAAI,8CAAG;AACP;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,uEAAuE;AAClF;AACA;AACA;AACA,EAAE,qEAAyB;AAC3B,EAAE,0DAAW;AACb;AACA;AACA;AACA;;AAEA;AACA,WAAW,UAAU;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,kBAAkB,gCAAgC;AAClD,yBAAyB,gBAAgB;AACzC;AACA;AACA;AACA;AACA,EAAE,8CAAG;AACL;AACA;AACA;AACA;AACA,CAAC;AACD,8CAA8C,0DAAa;AAC3D;AACA;AACA,EAAE;AACF;AACA;AACA,CAAC;AACD;AACA;;AAEA;AACA,WAAW,SAAS;AACpB,WAAW,QAAQ;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD,QAAQ;AACzD;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB,aAAa,QAAQ;AACrB;AACA;AACA;AACA,IAAI,8CAAG;AACP;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,8CAAG;AACP,8CAA8C,+DAAU;AACxD;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,OAAO;AACP,MAAM,2EAAwB;AAC9B,MAAM;AACN,MAAM,kEAAe;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,QAAQ;AACvB;;AAEA;AACA;AACA;AACA;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,sDAAsD,gBAAgB,6CAA6C,oDAAoD,IAAI,IAAI,IAAI,IAAI;;AAEvL;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,IAAI,8CAAG;;AAEP;AACA;AACA;AACA;AACA,OAAO;AACP;AACA,IAAI,iEAAW;AACf,GAAG;AACH;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,aAAa,SAAS;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,aAAa,SAAS;AACtB;AACA;AACA;AACA,GAAG;AACH;AACA,eAAe,qDAAqD;AACpE;AACA;AACA;AACA,MAAM,8CAAG;AACT;AACA,QAAQ,iEAAmB;AAC3B;AACA;AACA,QAAQ,mEAAqB;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,iEAAW;AACf,GAAG;AACH;AACA,IAAI,8CAAG;AACP;AACA;AACA;AACA,OAAO;AACP;AACA,IAAI,iEAAW;AACf,GAAG;AACH;AACA,IAAI,iEAAW;AACf;AACA;AACA;AACA,OAAO;AACP;AACA;AACA,GAAG;AACH;AACA,aAAa,QAAQ;AACrB;AACA;AACA,IAAI,8CAAG;AACP;AACA,GAAG;AACH;AACA,aAAa,SAAS;AACtB,eAAe,2BAA2B,GAAG;AAC7C;AACA;AACA,IAAI,8CAAG;AACP;AACA,2BAA2B,0DAAa;AACxC;AACA;AACA;AACA,KAAK;AACL,IAAI,iEAAW;AACf,oBAAoB,8BAA8B;AAClD,MAAM,8CAAG;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,aAAa,SAAS;AACtB;AACA;AACA,IAAI,8CAAG;AACP;AACA,4BAA4B,0DAAa;AACzC;AACA;AACA;AACA,KAAK;AACL,IAAI,iEAAW;AACf,oBAAoB,4BAA4B;AAChD,MAAM,8CAAG;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,GAAG;AACH;AACA,aAAa,OAAO;AACpB;AACA;AACA,IAAI,8CAAG;AACP,GAAG;AACH;AACA,IAAI,8CAAG;AACP;AACA;AACA;AACA,OAAO;AACP;AACA,IAAI,iEAAW;AACf;AACA;;AAEA;AACA,aAAa,4IAA4I;AACzJ,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,QAAQ;AACrB,eAAe,QAAQ;AACvB;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;AAEA;AACA,WAAW,WAAW;AACtB,aAAa,QAAQ;AACrB;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA,sDAAM;;;;;;;;;;;ACpnBN,uBAAuB;AACvB;AACA;;AAEA;AACA;AACA;AACA;AACA,yCAAyC,0BAAmB,EAAE,8BAAmB;;AAEjF,8BAAmB,GAAG,0BAAmB;AACzC,qBAAqB,8BAAmB,GAAG,0BAAmB;AAC9D,kDAAkD;AAClD,sBAAsB;AACtB;AACA,aAAa,cAAc;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA,OAAO;;AAEP;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;AAIA;AACA;;AAEA,iGAAiG,WAAW,iFAAiF,WAAW;AACxM;AACA,IAAI;AACJ,8FAA8F,WAAW,gFAAgF,WAAW,oEAAoE,WAAW;AACnR,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA,qFAAqF,WAAW,wEAAwE,WAAW;AACnL;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,OAAO;AACvC;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,cAAc;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qEAAqE,WAAW;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,SAAS;AAC9B;AACA,oBAAoB,QAAQ;AAC5B;AACA,oBAAoB,QAAQ;AAC5B;AACA,mBAAmB,OAAO;AAC1B;AACA,qBAAqB,SAAS;AAC9B;;AAEA,qBAAqB,SAAS;AAC9B;;AAEA,qBAAqB,SAAS;AAC9B;AACA,8BAA8B,kBAAkB;AAChD;AACA,wBAAwB,YAAY;AACpC;;AAEA,uBAAuB,WAAW;AAClC;AACA,0BAA0B,cAAc;AACxC;;AAEA,oBAAoB,QAAQ;AAC5B;;AAEA,qBAAqB,SAAS;AAC9B;AACA,sBAAsB,UAAU;AAChC,CAAC;AACD;;AAEA,cAAc,sCAAsC;AACpD,cAAc,2CAA2C;;AAEzD,0EAA0E,WAAW;AACrF,6EAA6E,WAAW;AACxF,wFAAwF,WAAW;;AAEnG,cAAc,gBAAgB;AAC9B,cAAc,0CAA0C;AACxD,cAAc,kDAAkD;AAChE;AACA;AACA;AACA,aAAa,OAAO;AACpB,aAAa,gBAAgB;AAC7B;AACA;AACA;AACA,eAAe,OAAO;AACtB;AACA,eAAe,gBAAgB;AAC/B;AACA;;AAEA;AACA;AACA,aAAa,MAAM;AACnB;AACA;AACA;AACA;AACA,0EAA0E,aAAa;AACvF;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,UAAU;AACzB,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA;AACA,mGAAmG,eAAe;AAClH;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,MAAM;AACrB;AACA,GAAG;AACH;AACA;AACA,6EAA6E,eAAe;AAC5F;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,SAAS;AACxB;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,SAAS;AACxB;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,QAAQ;AACvB;AACA,GAAG;AACH;AACA;AACA,iBAAiB,WAAW;AAC5B;AACA;AACA;;AAEA;AACA;AACA,eAAe,SAAS;AACxB;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,SAAS;AACxB;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,WAAW;AAC5B;AACA;AACA;;AAEA;AACA;AACA,eAAe,SAAS;AACxB;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,WAAW;AAC5B;AACA,iBAAiB,WAAW;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,SAAS;AACxB;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;AACD;;AAEA,OAAO;;AAEP;AACA;AACA;AACA;AACA,kDAAkD,gCAAmB;;AAErE;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4GAA4G,WAAW,gEAAgE,WAAW;AAClM;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,YAAY,kEAAkE;AACtF,MAAM;AACN;AACA,MAAM;AACN;AACA;AACA,QAAQ;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc;AACd;AACA;AACA;AACA;AACA,qFAAqF,WAAW,wEAAwE,WAAW;AACnL;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,OAAO;AACvC;AACA;AACA;AACA;;AAEA,iGAAiG,WAAW,iFAAiF,WAAW;AACxM;AACA,IAAI;AACJ,8FAA8F,WAAW,gFAAgF,WAAW,oEAAoE,WAAW;AACnR,GAAG;AACH;AACA,eAAe,gCAAmB;AAClC;;AAEA,cAAc,6DAA6D;AAC3E,cAAc,yDAAyD;AACvE,cAAc,gCAAgC;AAC9C,cAAc,yBAAyB;;AAEvC,cAAc,2BAA2B;AACzC,cAAc,yDAAyD;;AAEvE;AACA;AACA,aAAa,QAAQ;AACrB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,cAAc,uEAAuE;AACrF,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B;;AAEA;AACA;AACA,WAAW,iBAAiB;AAC5B,aAAa,4BAA4B;AACzC;AACA;AACA;AACA,kEAAkE;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW,eAAe;AAC1B,aAAa,iBAAiB;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,kBAAkB;;AAElD;AACA;AACA,GAAG,eAAe,mBAAmB;AACrC;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,aAAa;AAC1B,aAAa,OAAO;AACpB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gDAAgD,0BAA0B;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ;AACA;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO;;AAEP;AACA;AACA;AACA;AACA,kDAAkD,gCAAmB;;AAErE;AACA;AACA;AACA;;;;AAIA;AACA;AACA,oBAAoB,sBAAsB;AAC1C;AACA,0BAA0B;AAC1B;AACA;AACA,GAAG;AACH;AACA,eAAe,gCAAmB;AAClC;AACA,gBAAgB,gCAAmB;AACnC;AACA,0BAA0B,gCAAmB;;AAE7C,WAAW,mCAAmC;AAC9C;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW,mCAAmC;AAC9C,aAAa;AACb;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW,QAAQ;AACnB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA;;AAEA,OAAO;;AAEP,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,mBAAmB,gCAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iEAAiE,gCAAmB;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,gCAAmB;AAC9B;AACA,gBAAgB,gCAAmB,wBAAwB,gCAAmB;AAC9E,oDAAoD,wCAAwC;AAC5F;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,WAAW,gCAAmB,2BAA2B;AACzD,WAAW;AACX;AACA;AACA;AACA;AACA,WAAW,gCAAmB;AAC9B;AACA,kEAAkE,iBAAiB;AACnF;AACA,2DAA2D,aAAa;AACxE;AACA,WAAW;AACX;AACA;AACA,IAAI,0BAAmB;AACvB;AACA;AACA;AACA;AACA;AACA,gCAAmB,GAAG,0BAAmB;AACzC,qBAAqB,gCAAmB,GAAG,0BAAmB;AAC9D,+CAA+C;AAC/C,sBAAsB;AACtB,uFAAuF,gCAAmB;AAC1G;;AAEA,CAAC;AACD;AACA,yBAAyB,0BAAmB,6CAA6C,0BAAmB;AAC5G,GAAG,0BAAmB,8EAA8E,aAAa;AACjH,UAAU;AACV,C;;;;;;;;;;;;;;;;;;ACv2BA,sBAAsB,2BAA2B,oGAAoG,mBAAmB,iBAAiB,sHAAsH;AAC/S,yBAAyB,wBAAwB,oCAAoC,yCAAyC,kCAAkC,0DAA0D,0BAA0B;AACpP,4BAA4B,gBAAgB,sBAAsB,OAAO,kDAAkD,sDAAsD,8BAA8B,mJAAmJ,qEAAqE,KAAK;AAC5a,oCAAoC,oEAAoE,0DAA0D;AAClK,6BAA6B,mCAAmC;AAChE,8BAA8B,4CAA4C,+BAA+B,oBAAoB,mCAAmC,sCAAsC,uEAAuE;AAC7Q;AACA;;AAE2C;;AAE3C,cAAc,gCAAgC;;AAE9C;AACA,UAAU;AACV;AACA;AACA;AACA;AACA;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA,WAAW,QAAQ;AACnB,WAAW,QAAQ;AACnB,WAAW,2BAA2B;AACtC,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,YAAY;AACZ,YAAY;AACZ,cAAc;AACd,cAAc;AACd,aAAa;AACb;;AAEA;AACA,WAAW,QAAQ;AACnB,aAAa,QAAQ;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC,yBAAyB;AACjE;AACA;AACA,mCAAmC;AACnC;AACA;AACA,GAAG;AACH;;AAEA;AACA,aAAa,QAAQ;AACrB,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC;;AAEA,gBAAgB,eAAe,gCAAgC;;AAE/D;AACA,aAAa,QAAQ;AACrB,gBAAgB,mBAAmB,qBAAqB,gBAAgB,yBAAyB,OAAO;AACxG,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB;;AAEA;AACA,aAAa,QAAQ;AACrB,gBAAgB,wEAAwE;AACxF;;AAEA;AACA,eAAe,gCAAgC;AAC/C;;AAEA;AACA;AACA;AACA,+EAA+E,mCAAmC;AAClH;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,SAAS;AACpB,WAAW,gBAAgB;AAC3B,aAAa,cAAc;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,6DAA6D;AAC7D;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB,cAAc,qBAAqB;AACnC,cAAc,uBAAuB;AACrC,cAAc,qBAAqB;AACnC;;AAEA;AACA,aAAa,QAAQ;AACrB,cAAc,iCAAiC;AAC/C,cAAc,YAAY;AAC1B;;AAEA;AACA,WAAW,6BAA6B;AACxC,aAAa,cAAc;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA,WAAW,OAAO;AAClB,aAAa,sBAAsB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;;AAEA;AACA;AACA,WAAW,YAAY;AACvB,aAAa;AACb;;AAEA;AACA,WAAW,eAAe;AAC1B,aAAa,YAAY;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW,uBAAuB;AAClC,aAAa;AACb;;AAEA;AACA,WAAW,4BAA4B;AACvC,aAAa,YAAY;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAkB;;AAElB,cAAc,UAAU,+FAA+F,6BAA6B;;AAEpJ;AACA,WAAW,QAAQ;AACnB,WAAW,kBAAkB;AAC7B,eAAe,gCAAgC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,aAAa,QAAQ;AACrB,cAAc,mBAAmB;AACjC,cAAc,uCAAuC;AACrD;;AAEA;AACA,WAAW,sBAAsB;AACjC,aAAa,cAAc;AAC3B;AACA;AACA,aAAa,sCAAsC;AACnD;AACA,aAAa,mCAAmC;AAChD;AACA,aAAa,mCAAmC;AAChD;AACA,aAAa,0CAA0C;AACvD;AACA,aAAa,yEAAyE;AACtF;;AAEA,gBAAgB,8CAA8C;;AAE9D;AACA,aAAa,aAAa;AAC1B,aAAa,8BAA8B;AAC3C;AACA;AACA;AACA,gCAAgC,yBAAyB,sBAAsB,QAAQ;AACvF,wBAAwB,yBAAyB;AACjD,KAAK;AACL;;AAEA;AACA,aAAa,4BAA4B;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,UAAU;AAChD,kBAAkB,mBAAmB;AACrC;AACA,oCAAoC,UAAU;AAC9C,kBAAkB,mBAAmB;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;;AAEA,iBAAiB,UAAU;AAC3B,kBAAkB,mBAAmB;AACrC;AACA;AACA,0BAA0B,gBAAgB;AAC1C,OAAO;AACP;;AAEA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;;AAEA;AACA,aAAa,mCAAmC;AAChD,aAAa,4BAA4B;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,aAAa,QAAQ;AACrB,aAAa,sBAAsB;AACnC,aAAa,4BAA4B;AACzC,aAAa,qBAAqB;AAClC;AACA;AACA;AACA,iBAAiB,gBAAgB;AACjC;AACA;AACA;AACA;AACA,+DAA+D,eAAe;AAC9E;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA,WAAW;AACX;;AAEA;AACA,mBAAmB,0DAAQ;AAC3B;AACA;;AAEA;AACA;AACA;AACA;;AAEA,mBAAmB,gBAAgB;AA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B;AACA,EAAE,UAAU;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,IAAI,mBAAO,CAAC,6BAAoB;;AAEhC;AACA;AACA;AACA,IAAI;AACJ;AACA,iBAAiB,UAAU;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA,IAAI;AACJ;AACA,kBAAkB,mBAAO,CAAC,oBAAW;AACrC;AACA;AACA,qBAAqB,UAAU;AAC/B;AACA;AACA;AACA,EAAE;AACF;AACA,EAAE,KAAK,EAEN;;;;;;;;;;;AC1ED,mBAAmB,mBAAO,CAAC,iBAAQ;AACnC;;;;;;;;;;;ACDA;AACA;AACA;AACA;;AAEA;AACA,WAAW,qBAAqB;AAChC,WAAW,4BAA4B;AACvC;AACA;AACA;AACA;AACA,EAAE;AACF,WAAW,mBAAO,CAAC,gBAAO;;AAE1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,GAAG;AACH;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;AChDA,cAAc,8BAA8B;;AAE5C,WAAW,UAAU;AACrB;;AAEA;;AAEA;AACA,WAAW,UAAU;AACrB,aAAa,SAAS;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,wBAAwB;AACnC,aAAa,yCAAyC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,WAAW,UAAU;AACrB,WAAW,cAAc;AACzB;AACA;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA,IAAI;AACJ;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,oBAAoB;;AAEpB,6BAA6B;;AAE7B,uBAAuB;;AAEvB;AACA,WAAW,UAAU;AACrB;AACA,0BAA0B;AAC1B;AACA;;AAEA;AACA,WAAW,OAAO;AAClB,aAAa,QAAQ;AACrB;AACA,0BAA0B;AAC1B;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7EA,kD;;;;;;;;;;;ACAA,kD;;;;;;;;;;;ACAA,kD;;;;;;;;;;;ACAA,kD;;;;;;;;;;;ACAA,kD;;;;;;;;;;;ACAA,kD;;;;;;;;;;;ACAA,kD;;;;;;UCAA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA,qBAAqB;UACrB,mDAAmD,uBAAuB;UAC1E;UACA;;UAEA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;;UAEA;UACA;;;;;WClCA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA,E;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA;WACA;WACA;WACA;WACA,E;;;;;WCJA,6G;;;;;WCAA,sD;;;;;WCAA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA,CAAC,I;;;;;WCPD,wF;;;;;WCAA;WACA;WACA;WACA;WACA,uBAAuB,4BAA4B;WACnD;WACA;WACA;WACA,iBAAiB,oBAAoB;WACrC;WACA,mGAAmG,YAAY;WAC/G;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,mEAAmE,iCAAiC;WACpG;WACA;WACA;WACA,E;;;;;WC5CA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;WCNA;WACA;;WAEA;WACA;WACA;;WAEA;WACA;WACA;;WAEA;WACA;WACA;;WAEA;WACA;WACA;;WAEA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,CAAC;;WAED;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,KAAK;WACL;WACA;WACA;WACA;WACA;WACA;WACA,IAAI;WACJ;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,IAAI;WACJ;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA,2BAA2B;WAC3B,4BAA4B;WAC5B,2BAA2B;WAC3B;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,GAAG;;WAEH;WACA;WACA;WACA;WACA;WACA;WACA,oBAAoB,gBAAgB;WACpC;WACA;WACA;WACA,KAAK;WACL;WACA;WACA;WACA,GAAG;WACH;WACA;WACA;WACA,oBAAoB,gBAAgB;WACpC;WACA;WACA,GAAG;WACH;WACA;WACA,GAAG;WACH;WACA;WACA,GAAG;WACH;WACA;WACA;WACA,GAAG;WACH;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,MAAM;WACN;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,MAAM;WACN;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,GAAG;;WAEH;WACA;WACA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA,GAAG;WACH;WACA;WACA;WACA,GAAG;;WAEH;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;;WAEA,iBAAiB,qCAAqC;WACtD;;WAEA,gDAAgD;WAChD;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA,oBAAoB,iBAAiB;WACrC;WACA;WACA;WACA,GAAG;WACH;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA,GAAG;WACH,EAAE;WACF;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,MAAM;WACN;WACA;WACA;WACA;WACA;WACA;WACA;WACA,OAAO;WACP,MAAM;WACN,KAAK;WACL,IAAI;WACJ,GAAG;WACH;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA;;WAEA;WACA;;WAEA;;WAEA;WACA;WACA,EAAE;WACF;;WAEA;WACA;WACA;WACA,GAAG;WACH;;WAEA;WACA;WACA;WACA,GAAG;WACH;;WAEA;WACA;;WAEA;WACA;WACA,EAAE;;WAEF;WACA;;WAEA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA,oBAAoB,oBAAoB;WACxC;WACA;WACA;WACA;WACA,EAAE;;WAEF;WACA;WACA;WACA;WACA;WACA,IAAI;WACJ;;WAEA;WACA;WACA;WACA;WACA,KAAK;WACL;WACA,IAAI;WACJ;;WAEA;WACA;WACA,GAAG;WACH,EAAE;WACF;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,IAAI;WACJ,GAAG;WACH;WACA;WACA;WACA,C;;;;;WClYA;WACA,+E;;;;;WCDA;;WAEA;WACA;WACA;WACA;WACA;WACA;;WAEA;;WAEA;;WAEA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,EAAE;WACF;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,mBAAmB,2BAA2B;WAC9C;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,KAAK;WACL;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA,kBAAkB,cAAc;WAChC;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA,cAAc,MAAM;WACpB;WACA;WACA;WACA;WACA;WACA;WACA,cAAc,aAAa;WAC3B;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA,iBAAiB,4BAA4B;WAC7C;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,IAAI;WACJ;WACA;;WAEA;;WAEA;WACA;WACA;WACA;WACA,IAAI;WACJ;;WAEA;WACA;WACA;WACA;WACA;WACA;;WAEA;;WAEA;WACA;WACA,gBAAgB,4BAA4B;WAC5C;WACA;WACA;;WAEA;WACA;;WAEA;WACA;;WAEA;WACA;;WAEA;WACA,gBAAgB,4BAA4B;WAC5C;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,kBAAkB,uCAAuC;WACzD;WACA;WACA;WACA;WACA;WACA;WACA;WACA,GAAG;WACH;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA,mBAAmB,iCAAiC;WACpD;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,sBAAsB,uCAAuC;WAC7D;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,sBAAsB,sBAAsB;WAC5C;WACA;WACA,SAAS;WACT;WACA;WACA;WACA;WACA;WACA,WAAW;WACX,WAAW;WACX;WACA;WACA;WACA;WACA;WACA;WACA;WACA,YAAY;WACZ;WACA;WACA;WACA;WACA;WACA;WACA,UAAU;WACV;WACA;WACA;WACA;WACA;WACA;WACA,WAAW;WACX;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA,mBAAmB,wCAAwC;WAC3D;WACA;WACA;WACA;WACA,MAAM;WACN;WACA;WACA;WACA;WACA;WACA,QAAQ;WACR,QAAQ;WACR;WACA;WACA;WACA;WACA;WACA;WACA,SAAS;WACT;WACA;WACA;WACA;WACA;WACA;WACA,OAAO;WACP;WACA;WACA;WACA;WACA;WACA,QAAQ;WACR;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,EAAE,IAAI;WACN;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA,IAAI;WACJ;WACA;WACA,EAAE;WACF;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;WACA;;WAEA;WACA;WACA;WACA,sCAAsC;WACtC;WACA;WACA,EAAE;WACF;;WAEA;;WAEA,oB;;;;;UE3fA;UACA;UACA;UACA;UACA;UACA","sources":["webpack:///.././lib/webparts/approvalAdmin/components/ApprovalAdmin.module.scss.css","webpack:///.././src/webparts/approvalAdmin/ApprovalAdminWebPart.ts","webpack:///.././src/webparts/approvalAdmin/components/ApprovalAdmin.tsx","webpack:///.././node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js","webpack:///.././node_modules/ansi-html-community/index.js","webpack:///.././node_modules/events/events.js","webpack:///.././node_modules/tslib/tslib.es6.js","webpack:///.././node_modules/webpack-dev-server/client/clients/WebSocketClient.js","webpack:///.././node_modules/webpack-dev-server/client/index.js","webpack:///.././node_modules/webpack-dev-server/client/modules/logger/index.js","webpack:///.././node_modules/webpack-dev-server/client/overlay.js","webpack:///.././node_modules/webpack-dev-server/client/progress.js","webpack:///.././node_modules/webpack-dev-server/client/socket.js","webpack:///.././node_modules/webpack-dev-server/client/utils/log.js","webpack:///.././node_modules/webpack-dev-server/client/utils/sendMessage.js","webpack:///.././node_modules/webpack/hot/dev-server.js","webpack:///.././node_modules/webpack/hot/emitter.js","webpack:///.././node_modules/webpack/hot/log-apply-result.js","webpack:///.././node_modules/webpack/hot/log.js","webpack:///../external amd \"@microsoft/sp-core-library\"","webpack:///../external amd \"@microsoft/sp-lodash-subset\"","webpack:///../external amd \"@microsoft/sp-property-pane\"","webpack:///../external amd \"@microsoft/sp-webpart-base\"","webpack:///../external amd \"ApprovalAdminWebPartStrings\"","webpack:///../external amd \"react\"","webpack:///../external amd \"react-dom\"","webpack:///../webpack/bootstrap","webpack:///../webpack/runtime/compat get default export","webpack:///../webpack/runtime/define property getters","webpack:///../webpack/runtime/get javascript update chunk filename","webpack:///../webpack/runtime/get update manifest filename","webpack:///../webpack/runtime/getFullHash","webpack:///../webpack/runtime/global","webpack:///../webpack/runtime/hasOwnProperty shorthand","webpack:///../webpack/runtime/load script","webpack:///../webpack/runtime/make namespace object","webpack:///../webpack/runtime/hot module replacement","webpack:///../webpack/runtime/publicPath","webpack:///../webpack/runtime/jsonp chunk loading","webpack:///../webpack/before-startup","webpack:///../webpack/startup","webpack:///../webpack/after-startup"],"sourcesContent":["// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\".approvalAdmin_c54326b8{color:\\\"[theme:bodyText, default: #323130]\\\";color:var(--bodyText);overflow:hidden;padding:1em}.approvalAdmin_c54326b8.teams_c54326b8{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.welcome_c54326b8{text-align:center}.welcomeImage_c54326b8{max-width:420px;width:100%}.links_c54326b8 a{color:\\\"[theme:link, default:#03787c]\\\";color:var(--link);text-decoration:none}.links_c54326b8 a:hover{color:\\\"[theme:linkHovered, default: #014446]\\\";color:var(--linkHovered);text-decoration:underline}\", true);\n\n// Exports\nexport default {\n  approvalAdmin: \"approvalAdmin_c54326b8\",\n  teams: \"teams_c54326b8\",\n  welcome: \"welcome_c54326b8\",\n  welcomeImage: \"welcomeImage_c54326b8\",\n  links: \"links_c54326b8\"\n};\n","import * as React from 'react';\r\nimport * as ReactDom from 'react-dom';\r\nimport { Version } from '@microsoft/sp-core-library';\r\nimport {\r\n  type IPropertyPaneConfiguration,\r\n  PropertyPaneTextField\r\n} from '@microsoft/sp-property-pane';\r\nimport { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';\r\nimport { IReadonlyTheme } from '@microsoft/sp-component-base';\r\n\r\nimport * as strings from 'ApprovalAdminWebPartStrings';\r\nimport ApprovalAdmin from './components/ApprovalAdmin';\r\nimport { IApprovalAdminProps } from './components/IApprovalAdminProps';\r\n\r\nexport interface IApprovalAdminWebPartProps {\r\n  description: string;\r\n}\r\n\r\nexport default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprovalAdminWebPartProps> {\r\n\r\n  private _isDarkTheme: boolean = false;\r\n  private _environmentMessage: string = '';\r\n\r\n  public render(): void {\r\n    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(\r\n      ApprovalAdmin,\r\n      {\r\n        description: this.properties.description,\r\n        isDarkTheme: this._isDarkTheme,\r\n        environmentMessage: this._environmentMessage,\r\n        hasTeamsContext: !!this.context.sdks.microsoftTeams,\r\n        userDisplayName: this.context.pageContext.user.displayName\r\n      }\r\n    );\r\n\r\n    ReactDom.render(element, this.domElement);\r\n  }\r\n\r\n  protected onInit(): Promise<void> {\r\n    return this._getEnvironmentMessage().then(message => {\r\n      this._environmentMessage = message;\r\n    });\r\n  }\r\n\r\n\r\n\r\n  private _getEnvironmentMessage(): Promise<string> {\r\n    if (!!this.context.sdks.microsoftTeams) { // running in Teams, office.com or Outlook\r\n      return this.context.sdks.microsoftTeams.teamsJs.app.getContext()\r\n        .then(context => {\r\n          let environmentMessage: string = '';\r\n          switch (context.app.host.name) {\r\n            case 'Office': // running in Office\r\n              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOffice : strings.AppOfficeEnvironment;\r\n              break;\r\n            case 'Outlook': // running in Outlook\r\n              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOutlook : strings.AppOutlookEnvironment;\r\n              break;\r\n            case 'Teams': // running in Teams\r\n            case 'TeamsModern':\r\n              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentTeams : strings.AppTeamsTabEnvironment;\r\n              break;\r\n            default:\r\n              environmentMessage = strings.UnknownEnvironment;\r\n          }\r\n\r\n          return environmentMessage;\r\n        });\r\n    }\r\n\r\n    return Promise.resolve(this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentSharePoint : strings.AppSharePointEnvironment);\r\n  }\r\n\r\n  protected onThemeChanged(currentTheme: IReadonlyTheme | undefined): void {\r\n    if (!currentTheme) {\r\n      return;\r\n    }\r\n\r\n    this._isDarkTheme = !!currentTheme.isInverted;\r\n    const {\r\n      semanticColors\r\n    } = currentTheme;\r\n\r\n    if (semanticColors) {\r\n      this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);\r\n      this.domElement.style.setProperty('--link', semanticColors.link || null);\r\n      this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);\r\n    }\r\n\r\n  }\r\n\r\n  protected onDispose(): void {\r\n    ReactDom.unmountComponentAtNode(this.domElement);\r\n  }\r\n\r\n  protected get dataVersion(): Version {\r\n    return Version.parse('1.0');\r\n  }\r\n\r\n  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {\r\n    return {\r\n      pages: [\r\n        {\r\n          header: {\r\n            description: strings.PropertyPaneDescription\r\n          },\r\n          groups: [\r\n            {\r\n              groupName: strings.BasicGroupName,\r\n              groupFields: [\r\n                PropertyPaneTextField('description', {\r\n                  label: strings.DescriptionFieldLabel\r\n                })\r\n              ]\r\n            }\r\n          ]\r\n        }\r\n      ]\r\n    };\r\n  }\r\n}\r\n","import * as React from 'react';\r\nimport styles from './ApprovalAdmin.module.scss';\r\nimport type { IApprovalAdminProps } from './IApprovalAdminProps';\r\nimport { escape } from '@microsoft/sp-lodash-subset';\r\n\r\nexport default class ApprovalAdmin extends React.Component<IApprovalAdminProps> {\r\n  public render(): React.ReactElement<IApprovalAdminProps> {\r\n    const {\r\n      description,\r\n      isDarkTheme,\r\n      environmentMessage,\r\n      hasTeamsContext,\r\n      userDisplayName\r\n    } = this.props;\r\n\r\n    return (\r\n      <section className={`${styles.approvalAdmin} ${hasTeamsContext ? styles.teams : ''}`}>\r\n        <div className={styles.welcome}>\r\n          <img alt=\"\" src={isDarkTheme ? require('../assets/welcome-dark.png') : require('../assets/welcome-light.png')} className={styles.welcomeImage} />\r\n          <h2>Well done, {escape(userDisplayName)}!</h2>\r\n          <div>{environmentMessage}</div>\r\n          <div>Web part property value: <strong>{escape(description)}</strong></div>\r\n        </div>\r\n        <div>\r\n          <h3>Welcome to SharePoint Framerk!</h3>\r\n          <p>\r\n            The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It&#39;s the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling.\r\n          </p>\r\n          <h4>Learn more about SPFx development:</h4>\r\n          <ul className={styles.links}>\r\n            <li><a href=\"https://aka.ms/spfx\" target=\"_blank\" rel=\"noreferrer\">SharePoint Framework Overview</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-graph\" target=\"_blank\" rel=\"noreferrer\">Use Microsoft Graph in your solution</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-teams\" target=\"_blank\" rel=\"noreferrer\">Build for Microsoft Teams using SharePoint Framework</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-viva\" target=\"_blank\" rel=\"noreferrer\">Build for Microsoft Viva Connections using SharePoint Framework</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-store\" target=\"_blank\" rel=\"noreferrer\">Publish SharePoint Framework applications to the marketplace</a></li>\r\n            <li><a href=\"https://aka.ms/spfx-yeoman-api\" target=\"_blank\" rel=\"noreferrer\">SharePoint Framework API reference</a></li>\r\n            <li><a href=\"https://aka.ms/m365pnp\" target=\"_blank\" rel=\"noreferrer\">Microsoft 365 Developer Community</a></li>\r\n          </ul>\r\n        </div>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n","// Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.\n// See LICENSE in the project root for license information.\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n// Store the theming state in __themeState__ global scope for reuse in the case of duplicate\n// load-themed-styles hosted on the page.\nvar _root = typeof window === 'undefined' ? global : window; // eslint-disable-line @typescript-eslint/no-explicit-any\n// Nonce string to inject into script tag if one provided. This is used in CSP (Content Security Policy).\nvar _styleNonce = _root && _root.CSPSettings && _root.CSPSettings.nonce;\nvar _themeState = initializeThemeState();\n/**\n * Matches theming tokens. For example, \"[theme: themeSlotName, default: #FFF]\" (including the quotes).\n */\nvar _themeTokenRegex = /[\\'\\\"]\\[theme:\\s*(\\w+)\\s*(?:\\,\\s*default:\\s*([\\\\\"\\']?[\\.\\,\\(\\)\\#\\-\\s\\w]*[\\.\\,\\(\\)\\#\\-\\w][\\\"\\']?))?\\s*\\][\\'\\\"]/g;\nvar now = function () {\n    return typeof performance !== 'undefined' && !!performance.now ? performance.now() : Date.now();\n};\nfunction measure(func) {\n    var start = now();\n    func();\n    var end = now();\n    _themeState.perf.duration += end - start;\n}\n/**\n * initialize global state object\n */\nfunction initializeThemeState() {\n    var state = _root.__themeState__ || {\n        theme: undefined,\n        lastStyleElement: undefined,\n        registeredStyles: []\n    };\n    if (!state.runState) {\n        state = __assign(__assign({}, state), { perf: {\n                count: 0,\n                duration: 0\n            }, runState: {\n                flushTimer: 0,\n                mode: 0 /* Mode.sync */,\n                buffer: []\n            } });\n    }\n    if (!state.registeredThemableStyles) {\n        state = __assign(__assign({}, state), { registeredThemableStyles: [] });\n    }\n    _root.__themeState__ = state;\n    return state;\n}\n/**\n * Loads a set of style text. If it is registered too early, we will register it when the window.load\n * event is fired.\n * @param {string | ThemableArray} styles Themable style text to register.\n * @param {boolean} loadAsync When true, always load styles in async mode, irrespective of current sync mode.\n */\nexport function loadStyles(styles, loadAsync) {\n    if (loadAsync === void 0) { loadAsync = false; }\n    measure(function () {\n        var styleParts = Array.isArray(styles) ? styles : splitStyles(styles);\n        var _a = _themeState.runState, mode = _a.mode, buffer = _a.buffer, flushTimer = _a.flushTimer;\n        if (loadAsync || mode === 1 /* Mode.async */) {\n            buffer.push(styleParts);\n            if (!flushTimer) {\n                _themeState.runState.flushTimer = asyncLoadStyles();\n            }\n        }\n        else {\n            applyThemableStyles(styleParts);\n        }\n    });\n}\n/**\n * Allows for customizable loadStyles logic. e.g. for server side rendering application\n * @param {(processedStyles: string, rawStyles?: string | ThemableArray) => void}\n * a loadStyles callback that gets called when styles are loaded or reloaded\n */\nexport function configureLoadStyles(loadStylesFn) {\n    _themeState.loadStyles = loadStylesFn;\n}\n/**\n * Configure run mode of load-themable-styles\n * @param mode load-themable-styles run mode, async or sync\n */\nexport function configureRunMode(mode) {\n    _themeState.runState.mode = mode;\n}\n/**\n * external code can call flush to synchronously force processing of currently buffered styles\n */\nexport function flush() {\n    measure(function () {\n        var styleArrays = _themeState.runState.buffer.slice();\n        _themeState.runState.buffer = [];\n        var mergedStyleArray = [].concat.apply([], styleArrays);\n        if (mergedStyleArray.length > 0) {\n            applyThemableStyles(mergedStyleArray);\n        }\n    });\n}\n/**\n * register async loadStyles\n */\nfunction asyncLoadStyles() {\n    return setTimeout(function () {\n        _themeState.runState.flushTimer = 0;\n        flush();\n    }, 0);\n}\n/**\n * Loads a set of style text. If it is registered too early, we will register it when the window.load event\n * is fired.\n * @param {string} styleText Style to register.\n * @param {IStyleRecord} styleRecord Existing style record to re-apply.\n */\nfunction applyThemableStyles(stylesArray, styleRecord) {\n    if (_themeState.loadStyles) {\n        _themeState.loadStyles(resolveThemableArray(stylesArray).styleString, stylesArray);\n    }\n    else {\n        registerStyles(stylesArray);\n    }\n}\n/**\n * Registers a set theme tokens to find and replace. If styles were already registered, they will be\n * replaced.\n * @param {theme} theme JSON object of theme tokens to values.\n */\nexport function loadTheme(theme) {\n    _themeState.theme = theme;\n    // reload styles.\n    reloadStyles();\n}\n/**\n * Clear already registered style elements and style records in theme_State object\n * @param option - specify which group of registered styles should be cleared.\n * Default to be both themable and non-themable styles will be cleared\n */\nexport function clearStyles(option) {\n    if (option === void 0) { option = 3 /* ClearStyleOptions.all */; }\n    if (option === 3 /* ClearStyleOptions.all */ || option === 2 /* ClearStyleOptions.onlyNonThemable */) {\n        clearStylesInternal(_themeState.registeredStyles);\n        _themeState.registeredStyles = [];\n    }\n    if (option === 3 /* ClearStyleOptions.all */ || option === 1 /* ClearStyleOptions.onlyThemable */) {\n        clearStylesInternal(_themeState.registeredThemableStyles);\n        _themeState.registeredThemableStyles = [];\n    }\n}\nfunction clearStylesInternal(records) {\n    records.forEach(function (styleRecord) {\n        var styleElement = styleRecord && styleRecord.styleElement;\n        if (styleElement && styleElement.parentElement) {\n            styleElement.parentElement.removeChild(styleElement);\n        }\n    });\n}\n/**\n * Reloads styles.\n */\nfunction reloadStyles() {\n    if (_themeState.theme) {\n        var themableStyles = [];\n        for (var _i = 0, _a = _themeState.registeredThemableStyles; _i < _a.length; _i++) {\n            var styleRecord = _a[_i];\n            themableStyles.push(styleRecord.themableStyle);\n        }\n        if (themableStyles.length > 0) {\n            clearStyles(1 /* ClearStyleOptions.onlyThemable */);\n            applyThemableStyles([].concat.apply([], themableStyles));\n        }\n    }\n}\n/**\n * Find theme tokens and replaces them with provided theme values.\n * @param {string} styles Tokenized styles to fix.\n */\nexport function detokenize(styles) {\n    if (styles) {\n        styles = resolveThemableArray(splitStyles(styles)).styleString;\n    }\n    return styles;\n}\n/**\n * Resolves ThemingInstruction objects in an array and joins the result into a string.\n * @param {ThemableArray} splitStyleArray ThemableArray to resolve and join.\n */\nfunction resolveThemableArray(splitStyleArray) {\n    var theme = _themeState.theme;\n    var themable = false;\n    // Resolve the array of theming instructions to an array of strings.\n    // Then join the array to produce the final CSS string.\n    var resolvedArray = (splitStyleArray || []).map(function (currentValue) {\n        var themeSlot = currentValue.theme;\n        if (themeSlot) {\n            themable = true;\n            // A theming annotation. Resolve it.\n            var themedValue = theme ? theme[themeSlot] : undefined;\n            var defaultValue = currentValue.defaultValue || 'inherit';\n            // Warn to console if we hit an unthemed value even when themes are provided, but only if \"DEBUG\" is true.\n            // Allow the themedValue to be undefined to explicitly request the default value.\n            if (theme &&\n                !themedValue &&\n                console &&\n                !(themeSlot in theme) &&\n                typeof DEBUG !== 'undefined' &&\n                DEBUG) {\n                console.warn(\"Theming value not provided for \\\"\".concat(themeSlot, \"\\\". Falling back to \\\"\").concat(defaultValue, \"\\\".\"));\n            }\n            return themedValue || defaultValue;\n        }\n        else {\n            // A non-themable string. Preserve it.\n            return currentValue.rawString;\n        }\n    });\n    return {\n        styleString: resolvedArray.join(''),\n        themable: themable\n    };\n}\n/**\n * Split tokenized CSS into an array of strings and theme specification objects\n * @param {string} styles Tokenized styles to split.\n */\nexport function splitStyles(styles) {\n    var result = [];\n    if (styles) {\n        var pos = 0; // Current position in styles.\n        var tokenMatch = void 0;\n        while ((tokenMatch = _themeTokenRegex.exec(styles))) {\n            var matchIndex = tokenMatch.index;\n            if (matchIndex > pos) {\n                result.push({\n                    rawString: styles.substring(pos, matchIndex)\n                });\n            }\n            result.push({\n                theme: tokenMatch[1],\n                defaultValue: tokenMatch[2] // May be undefined\n            });\n            // index of the first character after the current match\n            pos = _themeTokenRegex.lastIndex;\n        }\n        // Push the rest of the string after the last match.\n        result.push({\n            rawString: styles.substring(pos)\n        });\n    }\n    return result;\n}\n/**\n * Registers a set of style text. If it is registered too early, we will register it when the\n * window.load event is fired.\n * @param {ThemableArray} styleArray Array of IThemingInstruction objects to register.\n * @param {IStyleRecord} styleRecord May specify a style Element to update.\n */\nfunction registerStyles(styleArray) {\n    if (typeof document === 'undefined') {\n        return;\n    }\n    var head = document.getElementsByTagName('head')[0];\n    var styleElement = document.createElement('style');\n    var _a = resolveThemableArray(styleArray), styleString = _a.styleString, themable = _a.themable;\n    styleElement.setAttribute('data-load-themed-styles', 'true');\n    if (_styleNonce) {\n        styleElement.setAttribute('nonce', _styleNonce);\n    }\n    styleElement.appendChild(document.createTextNode(styleString));\n    _themeState.perf.count++;\n    head.appendChild(styleElement);\n    var ev = document.createEvent('HTMLEvents');\n    ev.initEvent('styleinsert', true /* bubbleEvent */, false /* cancelable */);\n    ev.args = {\n        newStyle: styleElement\n    };\n    document.dispatchEvent(ev);\n    var record = {\n        styleElement: styleElement,\n        themableStyle: styleArray\n    };\n    if (themable) {\n        _themeState.registeredThemableStyles.push(record);\n    }\n    else {\n        _themeState.registeredStyles.push(record);\n    }\n}\n","'use strict'\n\nmodule.exports = ansiHTML\n\n// Reference to https://github.com/sindresorhus/ansi-regex\nvar _regANSI = /(?:(?:\\u001b\\[)|\\u009b)(?:(?:[0-9]{1,3})?(?:(?:;[0-9]{0,3})*)?[A-M|f-m])|\\u001b[A-M]/\n\nvar _defColors = {\n  reset: ['fff', '000'], // [FOREGROUD_COLOR, BACKGROUND_COLOR]\n  black: '000',\n  red: 'ff0000',\n  green: '209805',\n  yellow: 'e8bf03',\n  blue: '0000ff',\n  magenta: 'ff00ff',\n  cyan: '00ffee',\n  lightgrey: 'f0f0f0',\n  darkgrey: '888'\n}\nvar _styles = {\n  30: 'black',\n  31: 'red',\n  32: 'green',\n  33: 'yellow',\n  34: 'blue',\n  35: 'magenta',\n  36: 'cyan',\n  37: 'lightgrey'\n}\nvar _openTags = {\n  '1': 'font-weight:bold', // bold\n  '2': 'opacity:0.5', // dim\n  '3': '<i>', // italic\n  '4': '<u>', // underscore\n  '8': 'display:none', // hidden\n  '9': '<del>' // delete\n}\nvar _closeTags = {\n  '23': '</i>', // reset italic\n  '24': '</u>', // reset underscore\n  '29': '</del>' // reset delete\n}\n\n;[0, 21, 22, 27, 28, 39, 49].forEach(function (n) {\n  _closeTags[n] = '</span>'\n})\n\n/**\n * Converts text with ANSI color codes to HTML markup.\n * @param {String} text\n * @returns {*}\n */\nfunction ansiHTML (text) {\n  // Returns the text if the string has no ANSI escape code.\n  if (!_regANSI.test(text)) {\n    return text\n  }\n\n  // Cache opened sequence.\n  var ansiCodes = []\n  // Replace with markup.\n  var ret = text.replace(/\\033\\[(\\d+)m/g, function (match, seq) {\n    var ot = _openTags[seq]\n    if (ot) {\n      // If current sequence has been opened, close it.\n      if (!!~ansiCodes.indexOf(seq)) { // eslint-disable-line no-extra-boolean-cast\n        ansiCodes.pop()\n        return '</span>'\n      }\n      // Open tag.\n      ansiCodes.push(seq)\n      return ot[0] === '<' ? ot : '<span style=\"' + ot + ';\">'\n    }\n\n    var ct = _closeTags[seq]\n    if (ct) {\n      // Pop sequence\n      ansiCodes.pop()\n      return ct\n    }\n    return ''\n  })\n\n  // Make sure tags are closed.\n  var l = ansiCodes.length\n  ;(l > 0) && (ret += Array(l + 1).join('</span>'))\n\n  return ret\n}\n\n/**\n * Customize colors.\n * @param {Object} colors reference to _defColors\n */\nansiHTML.setColors = function (colors) {\n  if (typeof colors !== 'object') {\n    throw new Error('`colors` parameter must be an Object.')\n  }\n\n  var _finalColors = {}\n  for (var key in _defColors) {\n    var hex = colors.hasOwnProperty(key) ? colors[key] : null\n    if (!hex) {\n      _finalColors[key] = _defColors[key]\n      continue\n    }\n    if ('reset' === key) {\n      if (typeof hex === 'string') {\n        hex = [hex]\n      }\n      if (!Array.isArray(hex) || hex.length === 0 || hex.some(function (h) {\n        return typeof h !== 'string'\n      })) {\n        throw new Error('The value of `' + key + '` property must be an Array and each item could only be a hex string, e.g.: FF0000')\n      }\n      var defHexColor = _defColors[key]\n      if (!hex[0]) {\n        hex[0] = defHexColor[0]\n      }\n      if (hex.length === 1 || !hex[1]) {\n        hex = [hex[0]]\n        hex.push(defHexColor[1])\n      }\n\n      hex = hex.slice(0, 2)\n    } else if (typeof hex !== 'string') {\n      throw new Error('The value of `' + key + '` property must be a hex string, e.g.: FF0000')\n    }\n    _finalColors[key] = hex\n  }\n  _setTags(_finalColors)\n}\n\n/**\n * Reset colors.\n */\nansiHTML.reset = function () {\n  _setTags(_defColors)\n}\n\n/**\n * Expose tags, including open and close.\n * @type {Object}\n */\nansiHTML.tags = {}\n\nif (Object.defineProperty) {\n  Object.defineProperty(ansiHTML.tags, 'open', {\n    get: function () { return _openTags }\n  })\n  Object.defineProperty(ansiHTML.tags, 'close', {\n    get: function () { return _closeTags }\n  })\n} else {\n  ansiHTML.tags.open = _openTags\n  ansiHTML.tags.close = _closeTags\n}\n\nfunction _setTags (colors) {\n  // reset all\n  _openTags['0'] = 'font-weight:normal;opacity:1;color:#' + colors.reset[0] + ';background:#' + colors.reset[1]\n  // inverse\n  _openTags['7'] = 'color:#' + colors.reset[1] + ';background:#' + colors.reset[0]\n  // dark grey\n  _openTags['90'] = 'color:#' + colors.darkgrey\n\n  for (var code in _styles) {\n    var color = _styles[code]\n    var oriColor = colors[color] || '000'\n    _openTags[code] = 'color:#' + oriColor\n    code = parseInt(code)\n    _openTags[(code + 10).toString()] = 'background:#' + oriColor\n  }\n}\n\nansiHTML.reset()\n","// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n'use strict';\n\nvar R = typeof Reflect === 'object' ? Reflect : null\nvar ReflectApply = R && typeof R.apply === 'function'\n  ? R.apply\n  : function ReflectApply(target, receiver, args) {\n    return Function.prototype.apply.call(target, receiver, args);\n  }\n\nvar ReflectOwnKeys\nif (R && typeof R.ownKeys === 'function') {\n  ReflectOwnKeys = R.ownKeys\n} else if (Object.getOwnPropertySymbols) {\n  ReflectOwnKeys = function ReflectOwnKeys(target) {\n    return Object.getOwnPropertyNames(target)\n      .concat(Object.getOwnPropertySymbols(target));\n  };\n} else {\n  ReflectOwnKeys = function ReflectOwnKeys(target) {\n    return Object.getOwnPropertyNames(target);\n  };\n}\n\nfunction ProcessEmitWarning(warning) {\n  if (console && console.warn) console.warn(warning);\n}\n\nvar NumberIsNaN = Number.isNaN || function NumberIsNaN(value) {\n  return value !== value;\n}\n\nfunction EventEmitter() {\n  EventEmitter.init.call(this);\n}\nmodule.exports = EventEmitter;\nmodule.exports.once = once;\n\n// Backwards-compat with node 0.10.x\nEventEmitter.EventEmitter = EventEmitter;\n\nEventEmitter.prototype._events = undefined;\nEventEmitter.prototype._eventsCount = 0;\nEventEmitter.prototype._maxListeners = undefined;\n\n// By default EventEmitters will print a warning if more than 10 listeners are\n// added to it. This is a useful default which helps finding memory leaks.\nvar defaultMaxListeners = 10;\n\nfunction checkListener(listener) {\n  if (typeof listener !== 'function') {\n    throw new TypeError('The \"listener\" argument must be of type Function. Received type ' + typeof listener);\n  }\n}\n\nObject.defineProperty(EventEmitter, 'defaultMaxListeners', {\n  enumerable: true,\n  get: function() {\n    return defaultMaxListeners;\n  },\n  set: function(arg) {\n    if (typeof arg !== 'number' || arg < 0 || NumberIsNaN(arg)) {\n      throw new RangeError('The value of \"defaultMaxListeners\" is out of range. It must be a non-negative number. Received ' + arg + '.');\n    }\n    defaultMaxListeners = arg;\n  }\n});\n\nEventEmitter.init = function() {\n\n  if (this._events === undefined ||\n      this._events === Object.getPrototypeOf(this)._events) {\n    this._events = Object.create(null);\n    this._eventsCount = 0;\n  }\n\n  this._maxListeners = this._maxListeners || undefined;\n};\n\n// Obviously not all Emitters should be limited to 10. This function allows\n// that to be increased. Set to zero for unlimited.\nEventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {\n  if (typeof n !== 'number' || n < 0 || NumberIsNaN(n)) {\n    throw new RangeError('The value of \"n\" is out of range. It must be a non-negative number. Received ' + n + '.');\n  }\n  this._maxListeners = n;\n  return this;\n};\n\nfunction _getMaxListeners(that) {\n  if (that._maxListeners === undefined)\n    return EventEmitter.defaultMaxListeners;\n  return that._maxListeners;\n}\n\nEventEmitter.prototype.getMaxListeners = function getMaxListeners() {\n  return _getMaxListeners(this);\n};\n\nEventEmitter.prototype.emit = function emit(type) {\n  var args = [];\n  for (var i = 1; i < arguments.length; i++) args.push(arguments[i]);\n  var doError = (type === 'error');\n\n  var events = this._events;\n  if (events !== undefined)\n    doError = (doError && events.error === undefined);\n  else if (!doError)\n    return false;\n\n  // If there is no 'error' event listener then throw.\n  if (doError) {\n    var er;\n    if (args.length > 0)\n      er = args[0];\n    if (er instanceof Error) {\n      // Note: The comments on the `throw` lines are intentional, they show\n      // up in Node's output if this results in an unhandled exception.\n      throw er; // Unhandled 'error' event\n    }\n    // At least give some kind of context to the user\n    var err = new Error('Unhandled error.' + (er ? ' (' + er.message + ')' : ''));\n    err.context = er;\n    throw err; // Unhandled 'error' event\n  }\n\n  var handler = events[type];\n\n  if (handler === undefined)\n    return false;\n\n  if (typeof handler === 'function') {\n    ReflectApply(handler, this, args);\n  } else {\n    var len = handler.length;\n    var listeners = arrayClone(handler, len);\n    for (var i = 0; i < len; ++i)\n      ReflectApply(listeners[i], this, args);\n  }\n\n  return true;\n};\n\nfunction _addListener(target, type, listener, prepend) {\n  var m;\n  var events;\n  var existing;\n\n  checkListener(listener);\n\n  events = target._events;\n  if (events === undefined) {\n    events = target._events = Object.create(null);\n    target._eventsCount = 0;\n  } else {\n    // To avoid recursion in the case that type === \"newListener\"! Before\n    // adding it to the listeners, first emit \"newListener\".\n    if (events.newListener !== undefined) {\n      target.emit('newListener', type,\n                  listener.listener ? listener.listener : listener);\n\n      // Re-assign `events` because a newListener handler could have caused the\n      // this._events to be assigned to a new object\n      events = target._events;\n    }\n    existing = events[type];\n  }\n\n  if (existing === undefined) {\n    // Optimize the case of one listener. Don't need the extra array object.\n    existing = events[type] = listener;\n    ++target._eventsCount;\n  } else {\n    if (typeof existing === 'function') {\n      // Adding the second element, need to change to array.\n      existing = events[type] =\n        prepend ? [listener, existing] : [existing, listener];\n      // If we've already got an array, just append.\n    } else if (prepend) {\n      existing.unshift(listener);\n    } else {\n      existing.push(listener);\n    }\n\n    // Check for listener leak\n    m = _getMaxListeners(target);\n    if (m > 0 && existing.length > m && !existing.warned) {\n      existing.warned = true;\n      // No error code for this since it is a Warning\n      // eslint-disable-next-line no-restricted-syntax\n      var w = new Error('Possible EventEmitter memory leak detected. ' +\n                          existing.length + ' ' + String(type) + ' listeners ' +\n                          'added. Use emitter.setMaxListeners() to ' +\n                          'increase limit');\n      w.name = 'MaxListenersExceededWarning';\n      w.emitter = target;\n      w.type = type;\n      w.count = existing.length;\n      ProcessEmitWarning(w);\n    }\n  }\n\n  return target;\n}\n\nEventEmitter.prototype.addListener = function addListener(type, listener) {\n  return _addListener(this, type, listener, false);\n};\n\nEventEmitter.prototype.on = EventEmitter.prototype.addListener;\n\nEventEmitter.prototype.prependListener =\n    function prependListener(type, listener) {\n      return _addListener(this, type, listener, true);\n    };\n\nfunction onceWrapper() {\n  if (!this.fired) {\n    this.target.removeListener(this.type, this.wrapFn);\n    this.fired = true;\n    if (arguments.length === 0)\n      return this.listener.call(this.target);\n    return this.listener.apply(this.target, arguments);\n  }\n}\n\nfunction _onceWrap(target, type, listener) {\n  var state = { fired: false, wrapFn: undefined, target: target, type: type, listener: listener };\n  var wrapped = onceWrapper.bind(state);\n  wrapped.listener = listener;\n  state.wrapFn = wrapped;\n  return wrapped;\n}\n\nEventEmitter.prototype.once = function once(type, listener) {\n  checkListener(listener);\n  this.on(type, _onceWrap(this, type, listener));\n  return this;\n};\n\nEventEmitter.prototype.prependOnceListener =\n    function prependOnceListener(type, listener) {\n      checkListener(listener);\n      this.prependListener(type, _onceWrap(this, type, listener));\n      return this;\n    };\n\n// Emits a 'removeListener' event if and only if the listener was removed.\nEventEmitter.prototype.removeListener =\n    function removeListener(type, listener) {\n      var list, events, position, i, originalListener;\n\n      checkListener(listener);\n\n      events = this._events;\n      if (events === undefined)\n        return this;\n\n      list = events[type];\n      if (list === undefined)\n        return this;\n\n      if (list === listener || list.listener === listener) {\n        if (--this._eventsCount === 0)\n          this._events = Object.create(null);\n        else {\n          delete events[type];\n          if (events.removeListener)\n            this.emit('removeListener', type, list.listener || listener);\n        }\n      } else if (typeof list !== 'function') {\n        position = -1;\n\n        for (i = list.length - 1; i >= 0; i--) {\n          if (list[i] === listener || list[i].listener === listener) {\n            originalListener = list[i].listener;\n            position = i;\n            break;\n          }\n        }\n\n        if (position < 0)\n          return this;\n\n        if (position === 0)\n          list.shift();\n        else {\n          spliceOne(list, position);\n        }\n\n        if (list.length === 1)\n          events[type] = list[0];\n\n        if (events.removeListener !== undefined)\n          this.emit('removeListener', type, originalListener || listener);\n      }\n\n      return this;\n    };\n\nEventEmitter.prototype.off = EventEmitter.prototype.removeListener;\n\nEventEmitter.prototype.removeAllListeners =\n    function removeAllListeners(type) {\n      var listeners, events, i;\n\n      events = this._events;\n      if (events === undefined)\n        return this;\n\n      // not listening for removeListener, no need to emit\n      if (events.removeListener === undefined) {\n        if (arguments.length === 0) {\n          this._events = Object.create(null);\n          this._eventsCount = 0;\n        } else if (events[type] !== undefined) {\n          if (--this._eventsCount === 0)\n            this._events = Object.create(null);\n          else\n            delete events[type];\n        }\n        return this;\n      }\n\n      // emit removeListener for all listeners on all events\n      if (arguments.length === 0) {\n        var keys = Object.keys(events);\n        var key;\n        for (i = 0; i < keys.length; ++i) {\n          key = keys[i];\n          if (key === 'removeListener') continue;\n          this.removeAllListeners(key);\n        }\n        this.removeAllListeners('removeListener');\n        this._events = Object.create(null);\n        this._eventsCount = 0;\n        return this;\n      }\n\n      listeners = events[type];\n\n      if (typeof listeners === 'function') {\n        this.removeListener(type, listeners);\n      } else if (listeners !== undefined) {\n        // LIFO order\n        for (i = listeners.length - 1; i >= 0; i--) {\n          this.removeListener(type, listeners[i]);\n        }\n      }\n\n      return this;\n    };\n\nfunction _listeners(target, type, unwrap) {\n  var events = target._events;\n\n  if (events === undefined)\n    return [];\n\n  var evlistener = events[type];\n  if (evlistener === undefined)\n    return [];\n\n  if (typeof evlistener === 'function')\n    return unwrap ? [evlistener.listener || evlistener] : [evlistener];\n\n  return unwrap ?\n    unwrapListeners(evlistener) : arrayClone(evlistener, evlistener.length);\n}\n\nEventEmitter.prototype.listeners = function listeners(type) {\n  return _listeners(this, type, true);\n};\n\nEventEmitter.prototype.rawListeners = function rawListeners(type) {\n  return _listeners(this, type, false);\n};\n\nEventEmitter.listenerCount = function(emitter, type) {\n  if (typeof emitter.listenerCount === 'function') {\n    return emitter.listenerCount(type);\n  } else {\n    return listenerCount.call(emitter, type);\n  }\n};\n\nEventEmitter.prototype.listenerCount = listenerCount;\nfunction listenerCount(type) {\n  var events = this._events;\n\n  if (events !== undefined) {\n    var evlistener = events[type];\n\n    if (typeof evlistener === 'function') {\n      return 1;\n    } else if (evlistener !== undefined) {\n      return evlistener.length;\n    }\n  }\n\n  return 0;\n}\n\nEventEmitter.prototype.eventNames = function eventNames() {\n  return this._eventsCount > 0 ? ReflectOwnKeys(this._events) : [];\n};\n\nfunction arrayClone(arr, n) {\n  var copy = new Array(n);\n  for (var i = 0; i < n; ++i)\n    copy[i] = arr[i];\n  return copy;\n}\n\nfunction spliceOne(list, index) {\n  for (; index + 1 < list.length; index++)\n    list[index] = list[index + 1];\n  list.pop();\n}\n\nfunction unwrapListeners(arr) {\n  var ret = new Array(arr.length);\n  for (var i = 0; i < ret.length; ++i) {\n    ret[i] = arr[i].listener || arr[i];\n  }\n  return ret;\n}\n\nfunction once(emitter, name) {\n  return new Promise(function (resolve, reject) {\n    function errorListener(err) {\n      emitter.removeListener(name, resolver);\n      reject(err);\n    }\n\n    function resolver() {\n      if (typeof emitter.removeListener === 'function') {\n        emitter.removeListener('error', errorListener);\n      }\n      resolve([].slice.call(arguments));\n    };\n\n    eventTargetAgnosticAddListener(emitter, name, resolver, { once: true });\n    if (name !== 'error') {\n      addErrorHandlerIfEventEmitter(emitter, errorListener, { once: true });\n    }\n  });\n}\n\nfunction addErrorHandlerIfEventEmitter(emitter, handler, flags) {\n  if (typeof emitter.on === 'function') {\n    eventTargetAgnosticAddListener(emitter, 'error', handler, flags);\n  }\n}\n\nfunction eventTargetAgnosticAddListener(emitter, name, listener, flags) {\n  if (typeof emitter.on === 'function') {\n    if (flags.once) {\n      emitter.once(name, listener);\n    } else {\n      emitter.on(name, listener);\n    }\n  } else if (typeof emitter.addEventListener === 'function') {\n    // EventTarget does not have `error` event semantics like Node\n    // EventEmitters, we do not listen for `error` events here.\n    emitter.addEventListener(name, function wrapListener(arg) {\n      // IE does not have builtin `{ once: true }` support so we\n      // have to do it manually.\n      if (flags.once) {\n        emitter.removeEventListener(name, wrapListener);\n      }\n      listener(arg);\n    });\n  } else {\n    throw new TypeError('The \"emitter\" argument must be of type EventEmitter. Received type ' + typeof emitter);\n  }\n}\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport { log } from \"../utils/log.js\";\n\n/** @typedef {import(\"../index\").EXPECTED_ANY} EXPECTED_ANY */\n\n/**\n * @implements {CommunicationClient}\n */\nvar WebSocketClient = /*#__PURE__*/function () {\n  /**\n   * @param {string} url url to connect\n   */\n  function WebSocketClient(url) {\n    _classCallCheck(this, WebSocketClient);\n    this.client = new WebSocket(url);\n    this.client.onerror = function (error) {\n      log.error(error);\n    };\n  }\n\n  /**\n   * @param {(...args: EXPECTED_ANY[]) => void} fn function\n   */\n  return _createClass(WebSocketClient, [{\n    key: \"onOpen\",\n    value: function onOpen(fn) {\n      this.client.onopen = fn;\n    }\n\n    /**\n     * @param {(...args: EXPECTED_ANY[]) => void} fn function\n     */\n  }, {\n    key: \"onClose\",\n    value: function onClose(fn) {\n      this.client.onclose = fn;\n    }\n\n    // call f with the message string as the first argument\n    /**\n     * @param {(...args: EXPECTED_ANY[]) => void} fn function\n     */\n  }, {\n    key: \"onMessage\",\n    value: function onMessage(fn) {\n      this.client.onmessage = function (err) {\n        fn(err.data);\n      };\n    }\n  }]);\n}();\nexport { WebSocketClient as default };","function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\n/* global __resourceQuery, __webpack_hash__ */\n// @ts-expect-error\nimport hotEmitter from \"webpack/hot/emitter.js\";\n// @ts-expect-error\nimport webpackHotLog from \"webpack/hot/log.js\";\nimport { createOverlay, formatProblem } from \"./overlay.js\";\nimport { defineProgressElement, isProgressSupported } from \"./progress.js\";\nimport socket from \"./socket.js\";\nimport { log, setLogLevel } from \"./utils/log.js\";\nimport sendMessage from \"./utils/sendMessage.js\";\n\n// eslint-disable-next-line jsdoc/no-restricted-syntax\n/** @typedef {any} EXPECTED_ANY */\n\n/**\n * @typedef {object} RawOverlayOptions\n * @property {string=} warnings warnings\n * @property {string=} errors errors\n * @property {string=} runtimeErrors runtime errors\n * @property {string=} trustedTypesPolicyName trusted types policy name\n */\n\n/**\n * @typedef {object} OverlayOptions\n * @property {(boolean | ((error: Error) => boolean))=} warnings warnings\n * @property {(boolean | ((error: Error) => boolean))=} errors errors\n * @property {(boolean | ((error: Error) => boolean))=} runtimeErrors runtime errors\n * @property {string=} trustedTypesPolicyName trusted types policy name\n */\n\n/** @typedef {false | true | \"none\" | \"error\" | \"warn\" | \"info\" | \"log\" | \"verbose\"} LogLevel */\n\n/**\n * @typedef {object} Options\n * @property {boolean} hot true when hot enabled, otherwise false\n * @property {boolean} liveReload true when live reload enabled, otherwise false\n * @property {boolean} progress true when need to show progress, otherwise false\n * @property {boolean | OverlayOptions} overlay overlay options\n * @property {LogLevel=} logging logging level\n * @property {number=} reconnect count of allowed reconnection\n */\n\n/**\n * @typedef {object} Status\n * @property {boolean} isUnloading true when unloaded, otherwise false\n * @property {string} currentHash current hash\n * @property {string=} previousHash previous hash\n */\n\n/**\n * @param {boolean | RawOverlayOptions | OverlayOptions} overlayOptions overlay options\n */\nvar decodeOverlayOptions = function decodeOverlayOptions(overlayOptions) {\n  if (_typeof(overlayOptions) === \"object\") {\n    var requiredOptions = [\"warnings\", \"errors\", \"runtimeErrors\"];\n    for (var i = 0; i < requiredOptions.length; i++) {\n      var property = /** @type {keyof Omit<RawOverlayOptions, \"trustedTypesPolicyName\">} */\n      requiredOptions[i];\n      if (typeof overlayOptions[property] === \"string\") {\n        var overlayFilterFunctionString = decodeURIComponent(overlayOptions[property]);\n\n        /** @type {OverlayOptions} */\n        overlayOptions[property] = /** @type {(error: Error) => boolean} */\n        // eslint-disable-next-line no-new-func\n        new Function(\"message\", \"var callback = \".concat(overlayFilterFunctionString, \"\\n        return callback(message)\"));\n      }\n    }\n  }\n};\n\n/**\n * @type {Status}\n */\nvar status = {\n  isUnloading: false,\n  currentHash: __webpack_hash__\n};\n\n/**\n * @returns {string} current script source\n */\nvar getCurrentScriptSource = function getCurrentScriptSource() {\n  // `document.currentScript` is the most accurate way to find the current script,\n  // but is not supported in all browsers.\n  if (document.currentScript) {\n    return /** @type {string} */document.currentScript.getAttribute(\"src\");\n  }\n\n  // Fallback to getting all scripts running in the document.\n  var scriptElements = document.scripts || [];\n  var scriptElementsWithSrc = Array.prototype.filter.call(scriptElements, function (element) {\n    return element.getAttribute(\"src\");\n  });\n  if (scriptElementsWithSrc.length > 0) {\n    var currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];\n    return currentScript.getAttribute(\"src\");\n  }\n\n  // Fail as there was no script to use.\n  throw new Error(\"[webpack-dev-server] Failed to get current script source.\");\n};\n\n/** @typedef {{ hot?: string, [\"live-reload\"]?: string, progress?: string, reconnect?: string, logging?: LogLevel, overlay?: string, fromCurrentScript?: boolean }} AdditionalParsedURL */\n/** @typedef {Partial<URL> & AdditionalParsedURL} ParsedURL */\n\n/**\n * @param {string} resourceQuery resource query\n * @returns {ParsedURL} parsed URL\n */\nvar parseURL = function parseURL(resourceQuery) {\n  /** @type {ParsedURL} */\n  var result = {};\n  if (typeof resourceQuery === \"string\" && resourceQuery !== \"\") {\n    var searchParams = resourceQuery.slice(1).split(\"&\");\n    for (var i = 0; i < searchParams.length; i++) {\n      var pair = searchParams[i].split(\"=\");\n\n      /** @type {EXPECTED_ANY} */\n      result[pair[0]] = decodeURIComponent(pair[1]);\n    }\n  } else {\n    // Else, get the url from the <script> this file was called with.\n    var scriptSource = getCurrentScriptSource();\n    var scriptSourceURL;\n    try {\n      // The placeholder `baseURL` with `window.location.href`,\n      // is to allow parsing of path-relative or protocol-relative URLs,\n      // and will have no effect if `scriptSource` is a fully valid URL.\n      scriptSourceURL = new URL(scriptSource, self.location.href);\n    } catch (_err) {\n      // URL parsing failed, do nothing.\n      // We will still proceed to see if we can recover using `resourceQuery`\n    }\n    if (scriptSourceURL) {\n      result = scriptSourceURL;\n      result.fromCurrentScript = true;\n    }\n  }\n  return result;\n};\nvar parsedResourceQuery = parseURL(__resourceQuery);\n\n/** @typedef {{ [\"Hot Module Replacement\"]: boolean, [\"Live Reloading\"]: boolean, Progress: boolean, Overlay: boolean }} Features */\n\n/** @type {Features} */\nvar enabledFeatures = {\n  \"Hot Module Replacement\": false,\n  \"Live Reloading\": false,\n  Progress: false,\n  Overlay: false\n};\n\n/** @type {Options} */\nvar options = {\n  hot: false,\n  liveReload: false,\n  progress: false,\n  overlay: false\n};\nif (parsedResourceQuery.hot === \"true\") {\n  options.hot = true;\n  enabledFeatures[\"Hot Module Replacement\"] = true;\n}\nif (parsedResourceQuery[\"live-reload\"] === \"true\") {\n  options.liveReload = true;\n  enabledFeatures[\"Live Reloading\"] = true;\n}\nif (parsedResourceQuery.progress === \"true\") {\n  options.progress = true;\n  enabledFeatures.Progress = true;\n}\nif (parsedResourceQuery.overlay) {\n  try {\n    options.overlay = JSON.parse(parsedResourceQuery.overlay);\n  } catch (err) {\n    log.error(\"Error parsing overlay options from resource query:\", err);\n  }\n\n  // Fill in default \"true\" params for partially-specified objects.\n  if (_typeof(options.overlay) === \"object\") {\n    options.overlay = _objectSpread({\n      errors: true,\n      warnings: true,\n      runtimeErrors: true\n    }, options.overlay);\n    decodeOverlayOptions(options.overlay);\n  }\n  enabledFeatures.Overlay = options.overlay !== false;\n}\nif (parsedResourceQuery.logging) {\n  options.logging = parsedResourceQuery.logging;\n}\nif (typeof parsedResourceQuery.reconnect !== \"undefined\") {\n  options.reconnect = Number(parsedResourceQuery.reconnect);\n}\n\n/**\n * @param {false | true | \"none\" | \"error\" | \"warn\" | \"info\" | \"log\" | \"verbose\"} level level\n */\nvar setAllLogLevel = function setAllLogLevel(level) {\n  // This is needed because the HMR logger operate separately from dev server logger\n  webpackHotLog.setLogLevel(level === \"verbose\" || level === \"log\" ? \"info\" : level);\n  setLogLevel(level);\n};\nif (options.logging) {\n  setAllLogLevel(options.logging);\n}\n\n/**\n * @param {Features} features features\n */\nvar logEnabledFeatures = function logEnabledFeatures(features) {\n  var listEnabledFeatures = Object.keys(features);\n  if (!features || listEnabledFeatures.length === 0) {\n    return;\n  }\n  var logString = \"Server started:\";\n\n  // Server started: Hot Module Replacement enabled, Live Reloading enabled, Overlay disabled.\n  for (var i = 0; i < listEnabledFeatures.length; i++) {\n    var key = /** @type {keyof Features} */listEnabledFeatures[i];\n    logString += \" \".concat(key, \" \").concat(features[key] ? \"enabled\" : \"disabled\", \",\");\n  }\n  // replace last comma with a period\n  logString = logString.slice(0, -1).concat(\".\");\n  log.info(logString);\n};\nlogEnabledFeatures(enabledFeatures);\nself.addEventListener(\"beforeunload\", function () {\n  status.isUnloading = true;\n});\nvar overlay = typeof window !== \"undefined\" ? createOverlay(_typeof(options.overlay) === \"object\" ? {\n  trustedTypesPolicyName: options.overlay.trustedTypesPolicyName,\n  catchRuntimeError: options.overlay.runtimeErrors\n} : {\n  trustedTypesPolicyName: false,\n  catchRuntimeError: options.overlay\n}) : {\n  send: function send() {}\n};\n\n/**\n * @param {Options} options options\n * @param {Status} currentStatus current status\n */\nvar reloadApp = function reloadApp(_ref, currentStatus) {\n  var hot = _ref.hot,\n    liveReload = _ref.liveReload;\n  if (currentStatus.isUnloading) {\n    return;\n  }\n  var currentHash = currentStatus.currentHash,\n    previousHash = currentStatus.previousHash;\n  var isInitial = currentHash.indexOf(/** @type {string} */previousHash) >= 0;\n  if (isInitial) {\n    return;\n  }\n\n  /**\n   * @param {Window} rootWindow root window\n   * @param {number} intervalId interval id\n   */\n  function applyReload(rootWindow, intervalId) {\n    clearInterval(intervalId);\n    log.info(\"App updated. Reloading...\");\n    rootWindow.location.reload();\n  }\n  var search = self.location.search.toLowerCase();\n  var allowToHot = search.indexOf(\"webpack-dev-server-hot=false\") === -1;\n  var allowToLiveReload = search.indexOf(\"webpack-dev-server-live-reload=false\") === -1;\n  if (hot && allowToHot) {\n    log.info(\"App hot update...\");\n    if (typeof EventTarget !== \"undefined\" && hotEmitter instanceof EventTarget) {\n      var event = new CustomEvent(\"webpackHotUpdate\", {\n        detail: {\n          currentHash: currentStatus.currentHash\n        },\n        bubbles: true,\n        cancelable: false\n      });\n      hotEmitter.dispatchEvent(event);\n    } else {\n      hotEmitter.emit(\"webpackHotUpdate\", currentStatus.currentHash);\n    }\n    if (typeof self !== \"undefined\" && self.window) {\n      // broadcast update to window\n      self.postMessage(\"webpackHotUpdate\".concat(currentStatus.currentHash), \"*\");\n    }\n  }\n  // allow refreshing the page only if liveReload isn't disabled\n  else if (liveReload && allowToLiveReload) {\n    /** @type {Window} */\n    var rootWindow = self;\n\n    // use parent window for reload (in case we're in an iframe with no valid src)\n    var intervalId = self.setInterval(function () {\n      if (rootWindow.location.protocol !== \"about:\") {\n        // reload immediately if protocol is valid\n        applyReload(rootWindow, intervalId);\n      } else {\n        rootWindow = rootWindow.parent;\n        if (rootWindow.parent === rootWindow) {\n          // if parent equals current window we've reached the root which would continue forever, so trigger a reload anyways\n          applyReload(rootWindow, intervalId);\n        }\n      }\n    });\n  }\n};\nvar ansiRegex = new RegExp([\"[\\\\u001B\\\\u009B][[\\\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\\\d\\\\/#&.:=?%@~_]+)*|[a-zA-Z\\\\d]+(?:;[-a-zA-Z\\\\d\\\\/#&.:=?%@~_]*)*)?\\\\u0007)\", \"(?:(?:\\\\d{1,4}(?:;\\\\d{0,4})*)?[\\\\dA-PR-TZcf-nq-uy=><~]))\"].join(\"|\"), \"g\");\n\n/**\n * Strip [ANSI escape codes](https://en.wikipedia.org/wiki/ANSI_escape_code) from a string.\n * Adapted from code originally released by Sindre Sorhus\n * Licensed the MIT License\n * @param {string} string string\n * @returns {string} string without ansi\n */\nvar stripAnsi = function stripAnsi(string) {\n  if (typeof string !== \"string\") {\n    throw new TypeError(\"Expected a `string`, got `\".concat(_typeof(string), \"`\"));\n  }\n  return string.replace(ansiRegex, \"\");\n};\nvar onSocketMessage = {\n  hot: function hot() {\n    if (parsedResourceQuery.hot === \"false\") {\n      return;\n    }\n    options.hot = true;\n  },\n  liveReload: function liveReload() {\n    if (parsedResourceQuery[\"live-reload\"] === \"false\") {\n      return;\n    }\n    options.liveReload = true;\n  },\n  invalid: function invalid() {\n    log.info(\"App updated. Recompiling...\");\n\n    // Fixes #1042. overlay doesn't clear if errors are fixed but warnings remain.\n    if (options.overlay) {\n      overlay.send({\n        type: \"DISMISS\"\n      });\n    }\n    sendMessage(\"Invalid\");\n  },\n  /**\n   * @param {string} hash hash\n   */\n  hash: function hash(_hash) {\n    status.previousHash = status.currentHash;\n    status.currentHash = _hash;\n  },\n  logging: setAllLogLevel,\n  /**\n   * @param {boolean} value overlay value\n   */\n  overlay: function overlay(value) {\n    if (typeof document === \"undefined\") {\n      return;\n    }\n    options.overlay = value;\n    decodeOverlayOptions(options.overlay);\n  },\n  /**\n   * @param {number} value reconnect value\n   */\n  reconnect: function reconnect(value) {\n    if (parsedResourceQuery.reconnect === \"false\") {\n      return;\n    }\n    options.reconnect = value;\n  },\n  /**\n   * @param {boolean} value progress value\n   */\n  progress: function progress(value) {\n    options.progress = value;\n  },\n  /**\n   * @param {{ pluginName?: string, percent: string, msg: string }} data date with progress\n   */\n  \"progress-update\": function progressUpdate(data) {\n    if (options.progress) {\n      log.info(\"\".concat(data.pluginName ? \"[\".concat(data.pluginName, \"] \") : \"\").concat(data.percent, \"% - \").concat(data.msg, \".\"));\n    }\n    if (isProgressSupported() && typeof options.progress === \"string\") {\n      var progress = document.querySelector(\"wds-progress\");\n      if (!progress) {\n        defineProgressElement();\n        progress = document.createElement(\"wds-progress\");\n        document.body.appendChild(progress);\n      }\n      progress.setAttribute(\"progress\", data.percent);\n      progress.setAttribute(\"type\", options.progress);\n    }\n    sendMessage(\"Progress\", data);\n  },\n  \"still-ok\": function stillOk() {\n    log.info(\"Nothing changed.\");\n    if (options.overlay) {\n      overlay.send({\n        type: \"DISMISS\"\n      });\n    }\n    sendMessage(\"StillOk\");\n  },\n  ok: function ok() {\n    sendMessage(\"Ok\");\n    if (options.overlay) {\n      overlay.send({\n        type: \"DISMISS\"\n      });\n    }\n    reloadApp(options, status);\n  },\n  /**\n   * @param {string} file changed file\n   */\n  \"static-changed\": function staticChanged(file) {\n    log.info(\"\".concat(file ? \"\\\"\".concat(file, \"\\\"\") : \"Content\", \" from static directory was changed. Reloading...\"));\n    self.location.reload();\n  },\n  /**\n   * @param {Error[]} warnings warnings\n   * @param {{ preventReloading: boolean }=} params extra params\n   */\n  warnings: function warnings(_warnings, params) {\n    log.warn(\"Warnings while compiling.\");\n    var printableWarnings = _warnings.map(function (error) {\n      var _formatProblem = formatProblem(\"warning\", error),\n        header = _formatProblem.header,\n        body = _formatProblem.body;\n      return \"\".concat(header, \"\\n\").concat(stripAnsi(body));\n    });\n    sendMessage(\"Warnings\", printableWarnings);\n    for (var i = 0; i < printableWarnings.length; i++) {\n      log.warn(printableWarnings[i]);\n    }\n    var overlayWarningsSetting = typeof options.overlay === \"boolean\" ? options.overlay : options.overlay && options.overlay.warnings;\n    if (overlayWarningsSetting) {\n      var warningsToDisplay = typeof overlayWarningsSetting === \"function\" ? _warnings.filter(overlayWarningsSetting) : _warnings;\n      if (warningsToDisplay.length) {\n        overlay.send({\n          type: \"BUILD_ERROR\",\n          level: \"warning\",\n          messages: _warnings\n        });\n      }\n    }\n    if (params && params.preventReloading) {\n      return;\n    }\n    reloadApp(options, status);\n  },\n  /**\n   * @param {Error[]} errors errors\n   */\n  errors: function errors(_errors) {\n    log.error(\"Errors while compiling. Reload prevented.\");\n    var printableErrors = _errors.map(function (error) {\n      var _formatProblem2 = formatProblem(\"error\", error),\n        header = _formatProblem2.header,\n        body = _formatProblem2.body;\n      return \"\".concat(header, \"\\n\").concat(stripAnsi(body));\n    });\n    sendMessage(\"Errors\", printableErrors);\n    for (var i = 0; i < printableErrors.length; i++) {\n      log.error(printableErrors[i]);\n    }\n    var overlayErrorsSettings = typeof options.overlay === \"boolean\" ? options.overlay : options.overlay && options.overlay.errors;\n    if (overlayErrorsSettings) {\n      var errorsToDisplay = typeof overlayErrorsSettings === \"function\" ? _errors.filter(overlayErrorsSettings) : _errors;\n      if (errorsToDisplay.length) {\n        overlay.send({\n          type: \"BUILD_ERROR\",\n          level: \"error\",\n          messages: _errors\n        });\n      }\n    }\n  },\n  /**\n   * @param {Error} error error\n   */\n  error: function error(_error) {\n    log.error(_error);\n  },\n  close: function close() {\n    log.info(\"Disconnected!\");\n    if (options.overlay) {\n      overlay.send({\n        type: \"DISMISS\"\n      });\n    }\n    sendMessage(\"Close\");\n  }\n};\n\n/**\n * @param {{ protocol?: string, auth?: string, hostname?: string, port?: string, pathname?: string, search?: string, hash?: string, slashes?: boolean }} objURL object URL\n * @returns {string} formatted url\n */\nvar formatURL = function formatURL(objURL) {\n  var protocol = objURL.protocol || \"\";\n  if (protocol && protocol.slice(-1) !== \":\") {\n    protocol += \":\";\n  }\n  var auth = objURL.auth || \"\";\n  if (auth) {\n    auth = encodeURIComponent(auth);\n    auth = auth.replace(/%3A/i, \":\");\n    auth += \"@\";\n  }\n  var host = \"\";\n  if (objURL.hostname) {\n    host = auth + (objURL.hostname.indexOf(\":\") === -1 ? objURL.hostname : \"[\".concat(objURL.hostname, \"]\"));\n    if (objURL.port) {\n      host += \":\".concat(objURL.port);\n    }\n  }\n  var pathname = objURL.pathname || \"\";\n  if (objURL.slashes) {\n    host = \"//\".concat(host || \"\");\n    if (pathname && pathname.charAt(0) !== \"/\") {\n      pathname = \"/\".concat(pathname);\n    }\n  } else if (!host) {\n    host = \"\";\n  }\n  var search = objURL.search || \"\";\n  if (search && search.charAt(0) !== \"?\") {\n    search = \"?\".concat(search);\n  }\n  var hash = objURL.hash || \"\";\n  if (hash && hash.charAt(0) !== \"#\") {\n    hash = \"#\".concat(hash);\n  }\n  pathname = pathname.replace(/[?#]/g,\n  /**\n   * @param {string} match matched string\n   * @returns {string} encoded URI component\n   */\n  function (match) {\n    return encodeURIComponent(match);\n  });\n  search = search.replace(\"#\", \"%23\");\n  return \"\".concat(protocol).concat(host).concat(pathname).concat(search).concat(hash);\n};\n\n/**\n * @param {ParsedURL} parsedURL parsed URL\n * @returns {string} socket URL\n */\nvar createSocketURL = function createSocketURL(parsedURL) {\n  var hostname = parsedURL.hostname;\n\n  // Node.js module parses it as `::`\n  // `new URL(urlString, [baseURLString])` parses it as '[::]'\n  var isInAddrAny = hostname === \"0.0.0.0\" || hostname === \"::\" || hostname === \"[::]\";\n\n  // why do we need this check?\n  // hostname n/a for file protocol (example, when using electron, ionic)\n  // see: https://github.com/webpack/webpack-dev-server/pull/384\n  if (isInAddrAny && self.location.hostname && self.location.protocol.indexOf(\"http\") === 0) {\n    hostname = self.location.hostname;\n  }\n  var socketURLProtocol = parsedURL.protocol || self.location.protocol;\n\n  // When https is used in the app, secure web sockets are always necessary because the browser doesn't accept non-secure web sockets.\n  if (socketURLProtocol === \"auto:\" || hostname && isInAddrAny && self.location.protocol === \"https:\") {\n    socketURLProtocol = self.location.protocol;\n  }\n  socketURLProtocol = socketURLProtocol.replace(/^(?:http|.+-extension|file)/i, \"ws\");\n  var socketURLAuth = \"\";\n\n  // `new URL(urlString, [baseURLstring])` doesn't have `auth` property\n  // Parse authentication credentials in case we need them\n  if (parsedURL.username) {\n    socketURLAuth = parsedURL.username;\n\n    // Since HTTP basic authentication does not allow empty username,\n    // we only include password if the username is not empty.\n    if (parsedURL.password) {\n      // Result: <username>:<password>\n      socketURLAuth = socketURLAuth.concat(\":\", parsedURL.password);\n    }\n  }\n\n  // In case the host is a raw IPv6 address, it can be enclosed in\n  // the brackets as the brackets are needed in the final URL string.\n  // Need to remove those as url.format blindly adds its own set of brackets\n  // if the host string contains colons. That would lead to non-working\n  // double brackets (e.g. [[::]]) host\n  //\n  // All of these web socket url params are optionally passed in through resourceQuery,\n  // so we need to fall back to the default if they are not provided\n  var socketURLHostname = (hostname || self.location.hostname || \"localhost\").replace(/^\\[(.*)\\]$/, \"$1\");\n  var socketURLPort = parsedURL.port;\n  if (!socketURLPort || socketURLPort === \"0\") {\n    socketURLPort = self.location.port;\n  }\n\n  // If path is provided it'll be passed in via the resourceQuery as a\n  // query param so it has to be parsed out of the querystring in order for the\n  // client to open the socket to the correct location.\n  var socketURLPathname = \"/ws\";\n  if (parsedURL.pathname && !parsedURL.fromCurrentScript) {\n    socketURLPathname = parsedURL.pathname;\n  }\n  return formatURL({\n    protocol: socketURLProtocol,\n    auth: socketURLAuth,\n    hostname: socketURLHostname,\n    port: socketURLPort,\n    pathname: socketURLPathname,\n    slashes: true\n  });\n};\nvar socketURL = createSocketURL(parsedResourceQuery);\nsocket(socketURL, onSocketMessage, options.reconnect);\nexport { createSocketURL, getCurrentScriptSource, parseURL };","/******/ (function() { // webpackBootstrap\n/******/ \t\"use strict\";\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ \"./client-src/modules/logger/tapable.js\":\n/*!**********************************************!*\\\n  !*** ./client-src/modules/logger/tapable.js ***!\n  \\**********************************************/\n/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {\n\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   SyncBailHook: function() { return /* binding */ SyncBailHook; }\n/* harmony export */ });\n/**\n * @returns {SyncBailHook} mocked sync bail hook\n * @constructor\n */\nfunction SyncBailHook() {\n  return {\n    call: function call() {}\n  };\n}\n\n/**\n * Client stub for tapable SyncBailHook\n */\n\n\n/***/ }),\n\n/***/ \"./node_modules/webpack/lib/logging/Logger.js\":\n/*!****************************************************!*\\\n  !*** ./node_modules/webpack/lib/logging/Logger.js ***!\n  \\****************************************************/\n/***/ (function(module) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\n\n\nfunction _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && \"symbol\" == typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && o.constructor === (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && o !== (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nfunction _toConsumableArray(r) {\n  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();\n}\nfunction _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(r, a) {\n  if (r) {\n    if (\"string\" == typeof r) return _arrayLikeToArray(r, a);\n    var t = {}.toString.call(r).slice(8, -1);\n    return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;\n  }\n}\nfunction _iterableToArray(r) {\n  if (\"undefined\" != typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && null != r[(typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).iterator] || null != r[\"@@iterator\"]) return Array.from(r);\n}\nfunction _arrayWithoutHoles(r) {\n  if (Array.isArray(r)) return _arrayLikeToArray(r);\n}\nfunction _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nfunction _classCallCheck(a, n) {\n  if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\");\n}\nfunction _defineProperties(e, r) {\n  for (var t = 0; t < r.length; t++) {\n    var o = r[t];\n    o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);\n  }\n}\nfunction _createClass(e, r, t) {\n  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", {\n    writable: !1\n  }), e;\n}\nfunction _toPropertyKey(t) {\n  var i = _toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}\nfunction _toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[(typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nvar LogType = Object.freeze({\n  error: (/** @type {\"error\"} */\"error\"),\n  // message, c style arguments\n  warn: (/** @type {\"warn\"} */\"warn\"),\n  // message, c style arguments\n  info: (/** @type {\"info\"} */\"info\"),\n  // message, c style arguments\n  log: (/** @type {\"log\"} */\"log\"),\n  // message, c style arguments\n  debug: (/** @type {\"debug\"} */\"debug\"),\n  // message, c style arguments\n\n  trace: (/** @type {\"trace\"} */\"trace\"),\n  // no arguments\n\n  group: (/** @type {\"group\"} */\"group\"),\n  // [label]\n  groupCollapsed: (/** @type {\"groupCollapsed\"} */\"groupCollapsed\"),\n  // [label]\n  groupEnd: (/** @type {\"groupEnd\"} */\"groupEnd\"),\n  // [label]\n\n  profile: (/** @type {\"profile\"} */\"profile\"),\n  // [profileName]\n  profileEnd: (/** @type {\"profileEnd\"} */\"profileEnd\"),\n  // [profileName]\n\n  time: (/** @type {\"time\"} */\"time\"),\n  // name, time as [seconds, nanoseconds]\n\n  clear: (/** @type {\"clear\"} */\"clear\"),\n  // no arguments\n  status: (/** @type {\"status\"} */\"status\") // message, arguments\n});\nmodule.exports.LogType = LogType;\n\n/** @typedef {typeof LogType[keyof typeof LogType]} LogTypeEnum */\n/** @typedef {Map<string | undefined, [number, number]>} TimersMap */\n\nvar LOG_SYMBOL = (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; })(\"webpack logger raw log method\");\nvar TIMERS_SYMBOL = (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; })(\"webpack logger times\");\nvar TIMERS_AGGREGATES_SYMBOL = (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; })(\"webpack logger aggregated times\");\n\n/** @typedef {EXPECTED_ANY[]} Args */\n/** @typedef {(type: LogTypeEnum, args?: Args) => void} LogFn */\n/** @typedef {(name: string | (() => string)) => WebpackLogger} GetChildLogger */\nvar WebpackLogger = /*#__PURE__*/function () {\n  /**\n   * Creates an instance of WebpackLogger.\n   * @param {LogFn} log log function\n   * @param {GetChildLogger} getChildLogger function to create child logger\n   */\n  function WebpackLogger(log, getChildLogger) {\n    _classCallCheck(this, WebpackLogger);\n    /** @type {LogFn} */\n    this[LOG_SYMBOL] = log;\n    /** @type {GetChildLogger} */\n    this.getChildLogger = getChildLogger;\n  }\n\n  /**\n   * Processes the provided arg.\n   * @param {Args} args args\n   */\n  return _createClass(WebpackLogger, [{\n    key: \"error\",\n    value: function error() {\n      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n        args[_key] = arguments[_key];\n      }\n      this[LOG_SYMBOL](LogType.error, args);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"warn\",\n    value: function warn() {\n      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n        args[_key2] = arguments[_key2];\n      }\n      this[LOG_SYMBOL](LogType.warn, args);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"info\",\n    value: function info() {\n      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n        args[_key3] = arguments[_key3];\n      }\n      this[LOG_SYMBOL](LogType.info, args);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"log\",\n    value: function log() {\n      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n        args[_key4] = arguments[_key4];\n      }\n      this[LOG_SYMBOL](LogType.log, args);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"debug\",\n    value: function debug() {\n      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n        args[_key5] = arguments[_key5];\n      }\n      this[LOG_SYMBOL](LogType.debug, args);\n    }\n\n    /**\n     * Processes the provided condition.\n     * @param {boolean=} condition condition\n     * @param {Args} args args\n     */\n  }, {\n    key: \"assert\",\n    value: function assert(condition) {\n      if (!condition) {\n        for (var _len6 = arguments.length, args = new Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {\n          args[_key6 - 1] = arguments[_key6];\n        }\n        this[LOG_SYMBOL](LogType.error, args);\n      }\n    }\n  }, {\n    key: \"trace\",\n    value: function trace() {\n      this[LOG_SYMBOL](LogType.trace, [\"Trace\"]);\n    }\n  }, {\n    key: \"clear\",\n    value: function clear() {\n      this[LOG_SYMBOL](LogType.clear);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"status\",\n    value: function status() {\n      for (var _len7 = arguments.length, args = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {\n        args[_key7] = arguments[_key7];\n      }\n      this[LOG_SYMBOL](LogType.status, args);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"group\",\n    value: function group() {\n      for (var _len8 = arguments.length, args = new Array(_len8), _key8 = 0; _key8 < _len8; _key8++) {\n        args[_key8] = arguments[_key8];\n      }\n      this[LOG_SYMBOL](LogType.group, args);\n    }\n\n    /**\n     * Processes the provided arg.\n     * @param {Args} args args\n     */\n  }, {\n    key: \"groupCollapsed\",\n    value: function groupCollapsed() {\n      for (var _len9 = arguments.length, args = new Array(_len9), _key9 = 0; _key9 < _len9; _key9++) {\n        args[_key9] = arguments[_key9];\n      }\n      this[LOG_SYMBOL](LogType.groupCollapsed, args);\n    }\n  }, {\n    key: \"groupEnd\",\n    value: function groupEnd() {\n      this[LOG_SYMBOL](LogType.groupEnd);\n    }\n\n    /**\n     * Processes the provided label.\n     * @param {string=} label label\n     */\n  }, {\n    key: \"profile\",\n    value: function profile(label) {\n      this[LOG_SYMBOL](LogType.profile, [label]);\n    }\n\n    /**\n     * Processes the provided label.\n     * @param {string=} label label\n     */\n  }, {\n    key: \"profileEnd\",\n    value: function profileEnd(label) {\n      this[LOG_SYMBOL](LogType.profileEnd, [label]);\n    }\n\n    /**\n     * Processes the provided label.\n     * @param {string} label label\n     */\n  }, {\n    key: \"time\",\n    value: function time(label) {\n      /** @type {TimersMap} */\n      this[TIMERS_SYMBOL] = this[TIMERS_SYMBOL] || new Map();\n      this[TIMERS_SYMBOL].set(label, process.hrtime());\n    }\n\n    /**\n     * Processes the provided label.\n     * @param {string=} label label\n     */\n  }, {\n    key: \"timeLog\",\n    value: function timeLog(label) {\n      var prev = this[TIMERS_SYMBOL] && this[TIMERS_SYMBOL].get(label);\n      if (!prev) {\n        throw new Error(\"No such label '\".concat(label, \"' for WebpackLogger.timeLog()\"));\n      }\n      var time = process.hrtime(prev);\n      this[LOG_SYMBOL](LogType.time, [label].concat(_toConsumableArray(time)));\n    }\n\n    /**\n     * Processes the provided label.\n     * @param {string=} label label\n     */\n  }, {\n    key: \"timeEnd\",\n    value: function timeEnd(label) {\n      var prev = this[TIMERS_SYMBOL] && this[TIMERS_SYMBOL].get(label);\n      if (!prev) {\n        throw new Error(\"No such label '\".concat(label, \"' for WebpackLogger.timeEnd()\"));\n      }\n      var time = process.hrtime(prev);\n      /** @type {TimersMap} */\n      this[TIMERS_SYMBOL].delete(label);\n      this[LOG_SYMBOL](LogType.time, [label].concat(_toConsumableArray(time)));\n    }\n\n    /**\n     * Processes the provided label.\n     * @param {string=} label label\n     */\n  }, {\n    key: \"timeAggregate\",\n    value: function timeAggregate(label) {\n      var prev = this[TIMERS_SYMBOL] && this[TIMERS_SYMBOL].get(label);\n      if (!prev) {\n        throw new Error(\"No such label '\".concat(label, \"' for WebpackLogger.timeAggregate()\"));\n      }\n      var time = process.hrtime(prev);\n      /** @type {TimersMap} */\n      this[TIMERS_SYMBOL].delete(label);\n      /** @type {TimersMap} */\n      this[TIMERS_AGGREGATES_SYMBOL] = this[TIMERS_AGGREGATES_SYMBOL] || new Map();\n      var current = this[TIMERS_AGGREGATES_SYMBOL].get(label);\n      if (current !== undefined) {\n        if (time[1] + current[1] > 1e9) {\n          time[0] += current[0] + 1;\n          time[1] = time[1] - 1e9 + current[1];\n        } else {\n          time[0] += current[0];\n          time[1] += current[1];\n        }\n      }\n      this[TIMERS_AGGREGATES_SYMBOL].set(label, time);\n    }\n\n    /**\n     * Time aggregate end.\n     * @param {string=} label label\n     */\n  }, {\n    key: \"timeAggregateEnd\",\n    value: function timeAggregateEnd(label) {\n      if (this[TIMERS_AGGREGATES_SYMBOL] === undefined) return;\n      var time = this[TIMERS_AGGREGATES_SYMBOL].get(label);\n      if (time === undefined) return;\n      this[TIMERS_AGGREGATES_SYMBOL].delete(label);\n      this[LOG_SYMBOL](LogType.time, [label].concat(_toConsumableArray(time)));\n    }\n  }]);\n}();\nmodule.exports.Logger = WebpackLogger;\n\n/***/ }),\n\n/***/ \"./node_modules/webpack/lib/logging/createConsoleLogger.js\":\n/*!*****************************************************************!*\\\n  !*** ./node_modules/webpack/lib/logging/createConsoleLogger.js ***!\n  \\*****************************************************************/\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\n\n\nfunction _slicedToArray(r, e) {\n  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();\n}\nfunction _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _iterableToArrayLimit(r, l) {\n  var t = null == r ? null : \"undefined\" != typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && r[(typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).iterator] || r[\"@@iterator\"];\n  if (null != t) {\n    var e,\n      n,\n      i,\n      u,\n      a = [],\n      f = !0,\n      o = !1;\n    try {\n      if (i = (t = t.call(r)).next, 0 === l) {\n        if (Object(t) !== t) return;\n        f = !1;\n      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);\n    } catch (r) {\n      o = !0, n = r;\n    } finally {\n      try {\n        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;\n      } finally {\n        if (o) throw n;\n      }\n    }\n    return a;\n  }\n}\nfunction _arrayWithHoles(r) {\n  if (Array.isArray(r)) return r;\n}\nfunction _toConsumableArray(r) {\n  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();\n}\nfunction _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _unsupportedIterableToArray(r, a) {\n  if (r) {\n    if (\"string\" == typeof r) return _arrayLikeToArray(r, a);\n    var t = {}.toString.call(r).slice(8, -1);\n    return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;\n  }\n}\nfunction _iterableToArray(r) {\n  if (\"undefined\" != typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && null != r[(typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).iterator] || null != r[\"@@iterator\"]) return Array.from(r);\n}\nfunction _arrayWithoutHoles(r) {\n  if (Array.isArray(r)) return _arrayLikeToArray(r);\n}\nfunction _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nfunction _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && \"symbol\" == typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && o.constructor === (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }) && o !== (typeof Symbol !== \"undefined\" ? Symbol : function (i) { return i; }).prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nvar _require = __webpack_require__(/*! ./Logger */ \"./node_modules/webpack/lib/logging/Logger.js\"),\n  LogType = _require.LogType;\n\n/** @typedef {import(\"../../declarations/WebpackOptions\").FilterItemTypes} FilterItemTypes */\n/** @typedef {import(\"../../declarations/WebpackOptions\").FilterTypes} FilterTypes */\n/** @typedef {import(\"./Logger\").LogTypeEnum} LogTypeEnum */\n/** @typedef {import(\"./Logger\").Args} Args */\n\n/** @typedef {(item: string) => boolean} FilterFunction */\n/** @typedef {(value: string, type: LogTypeEnum, args?: Args) => void} LoggingFunction */\n\n/**\n * Defines the logger console type used by this module.\n * @typedef {object} LoggerConsole\n * @property {() => void} clear\n * @property {() => void} trace\n * @property {(...args: Args) => void} info\n * @property {(...args: Args) => void} log\n * @property {(...args: Args) => void} warn\n * @property {(...args: Args) => void} error\n * @property {(...args: Args) => void=} debug\n * @property {(...args: Args) => void=} group\n * @property {(...args: Args) => void=} groupCollapsed\n * @property {(...args: Args) => void=} groupEnd\n * @property {(...args: Args) => void=} status\n * @property {(...args: Args) => void=} profile\n * @property {(...args: Args) => void=} profileEnd\n * @property {(...args: Args) => void=} logTime\n */\n\n/**\n * Defines the logger options type used by this module.\n * @typedef {object} LoggerOptions\n * @property {false | true | \"none\" | \"error\" | \"warn\" | \"info\" | \"log\" | \"verbose\"} level loglevel\n * @property {FilterTypes | boolean} debug filter for debug logging\n * @property {LoggerConsole} console the console to log to\n */\n\n/**\n * Filter to function.\n * @param {FilterItemTypes} item an input item\n * @returns {FilterFunction | undefined} filter function\n */\nvar filterToFunction = function filterToFunction(item) {\n  if (typeof item === \"string\") {\n    var regExp = new RegExp(\"[\\\\\\\\/]\".concat(item.replace(/[-[\\]{}()*+?.\\\\^$|]/g, \"\\\\$&\"), \"([\\\\\\\\/]|$|!|\\\\?)\"));\n    return function (ident) {\n      return regExp.test(ident);\n    };\n  }\n  if (item && _typeof(item) === \"object\" && typeof item.test === \"function\") {\n    return function (ident) {\n      return item.test(ident);\n    };\n  }\n  if (typeof item === \"function\") {\n    return item;\n  }\n  if (typeof item === \"boolean\") {\n    return function () {\n      return item;\n    };\n  }\n};\n\n/**\n * Enumerates the available values.\n * @enum {number}\n */\nvar LogLevel = {\n  none: 6,\n  false: 6,\n  error: 5,\n  warn: 4,\n  info: 3,\n  log: 2,\n  true: 2,\n  verbose: 1\n};\n\n/**\n * Returns logging function.\n * @param {LoggerOptions} options options object\n * @returns {LoggingFunction} logging function\n */\nmodule.exports = function (_ref) {\n  var _ref$level = _ref.level,\n    level = _ref$level === void 0 ? \"info\" : _ref$level,\n    _ref$debug = _ref.debug,\n    debug = _ref$debug === void 0 ? false : _ref$debug,\n    console = _ref.console;\n  var debugFilters = /** @type {FilterFunction[]} */\n\n  typeof debug === \"boolean\" ? [function () {\n    return debug;\n  }] : /** @type {FilterItemTypes[]} */_toConsumableArray(Array.isArray(debug) ? debug : [debug]).map(filterToFunction);\n  var loglevel = LogLevel[\"\".concat(level)] || 0;\n\n  /**\n   * Processes the provided name.\n   * @param {string} name name of the logger\n   * @param {LogTypeEnum} type type of the log entry\n   * @param {Args=} args arguments of the log entry\n   * @returns {void}\n   */\n  var logger = function logger(name, type, args) {\n    /**\n     * Returns labeled args.\n     * @template T\n     * @returns {[string?, ...T[]]} labeled args\n     */\n    var labeledArgs = function labeledArgs() {\n      if (Array.isArray(args)) {\n        if (args.length > 0 && typeof args[0] === \"string\") {\n          return [\"[\".concat(name, \"] \").concat(args[0])].concat(_toConsumableArray(args.slice(1)));\n        }\n        return [\"[\".concat(name, \"]\")].concat(_toConsumableArray(args));\n      }\n      return [];\n    };\n    var debug = debugFilters.some(function (f) {\n      return f(name);\n    });\n    switch (type) {\n      case LogType.debug:\n        if (!debug) return;\n        if (typeof console.debug === \"function\") {\n          console.debug.apply(console, _toConsumableArray(labeledArgs()));\n        } else {\n          console.log.apply(console, _toConsumableArray(labeledArgs()));\n        }\n        break;\n      case LogType.log:\n        if (!debug && loglevel > LogLevel.log) return;\n        console.log.apply(console, _toConsumableArray(labeledArgs()));\n        break;\n      case LogType.info:\n        if (!debug && loglevel > LogLevel.info) return;\n        console.info.apply(console, _toConsumableArray(labeledArgs()));\n        break;\n      case LogType.warn:\n        if (!debug && loglevel > LogLevel.warn) return;\n        console.warn.apply(console, _toConsumableArray(labeledArgs()));\n        break;\n      case LogType.error:\n        if (!debug && loglevel > LogLevel.error) return;\n        console.error.apply(console, _toConsumableArray(labeledArgs()));\n        break;\n      case LogType.trace:\n        if (!debug) return;\n        console.trace();\n        break;\n      case LogType.groupCollapsed:\n        if (!debug && loglevel > LogLevel.log) return;\n        if (!debug && loglevel > LogLevel.verbose) {\n          if (typeof console.groupCollapsed === \"function\") {\n            console.groupCollapsed.apply(console, _toConsumableArray(labeledArgs()));\n          } else {\n            console.log.apply(console, _toConsumableArray(labeledArgs()));\n          }\n          break;\n        }\n      // falls through\n      case LogType.group:\n        if (!debug && loglevel > LogLevel.log) return;\n        if (typeof console.group === \"function\") {\n          console.group.apply(console, _toConsumableArray(labeledArgs()));\n        } else {\n          console.log.apply(console, _toConsumableArray(labeledArgs()));\n        }\n        break;\n      case LogType.groupEnd:\n        if (!debug && loglevel > LogLevel.log) return;\n        if (typeof console.groupEnd === \"function\") {\n          console.groupEnd();\n        }\n        break;\n      case LogType.time:\n        {\n          if (!debug && loglevel > LogLevel.log) return;\n          var _args = _slicedToArray(/** @type {[string, number, number]} */\n            args, 3),\n            label = _args[0],\n            start = _args[1],\n            end = _args[2];\n          var ms = start * 1000 + end / 1000000;\n          var msg = \"[\".concat(name, \"] \").concat(label, \": \").concat(ms, \" ms\");\n          if (typeof console.logTime === \"function\") {\n            console.logTime(msg);\n          } else {\n            console.log(msg);\n          }\n          break;\n        }\n      case LogType.profile:\n        if (typeof console.profile === \"function\") {\n          console.profile.apply(console, _toConsumableArray(labeledArgs()));\n        }\n        break;\n      case LogType.profileEnd:\n        if (typeof console.profileEnd === \"function\") {\n          console.profileEnd.apply(console, _toConsumableArray(labeledArgs()));\n        }\n        break;\n      case LogType.clear:\n        if (!debug && loglevel > LogLevel.log) return;\n        if (typeof console.clear === \"function\") {\n          console.clear();\n        }\n        break;\n      case LogType.status:\n        if (!debug && loglevel > LogLevel.info) return;\n        if (typeof console.status === \"function\") {\n          if (!args || args.length === 0) {\n            console.status();\n          } else {\n            console.status.apply(console, _toConsumableArray(labeledArgs()));\n          }\n        } else if (args && args.length !== 0) {\n          console.info.apply(console, _toConsumableArray(labeledArgs()));\n        }\n        break;\n      default:\n        throw new Error(\"Unexpected LogType \".concat(type));\n    }\n  };\n  return logger;\n};\n\n/***/ }),\n\n/***/ \"./node_modules/webpack/lib/logging/runtime.js\":\n/*!*****************************************************!*\\\n  !*** ./node_modules/webpack/lib/logging/runtime.js ***!\n  \\*****************************************************/\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\n\n\nfunction _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nvar _require = __webpack_require__(/*! tapable */ \"./client-src/modules/logger/tapable.js\"),\n  SyncBailHook = _require.SyncBailHook;\nvar _require2 = __webpack_require__(/*! ./Logger */ \"./node_modules/webpack/lib/logging/Logger.js\"),\n  Logger = _require2.Logger;\nvar createConsoleLogger = __webpack_require__(/*! ./createConsoleLogger */ \"./node_modules/webpack/lib/logging/createConsoleLogger.js\");\n\n/** @type {createConsoleLogger.LoggerOptions} */\nvar currentDefaultLoggerOptions = {\n  level: \"info\",\n  debug: false,\n  console: console\n};\nvar currentDefaultLogger = createConsoleLogger(currentDefaultLoggerOptions);\n\n/**\n * Processes the provided create console logger.logger option.\n * @param {createConsoleLogger.LoggerOptions} options new options, merge with old options\n * @returns {void}\n */\nmodule.exports.configureDefaultLogger = function (options) {\n  _extends(currentDefaultLoggerOptions, options);\n  currentDefaultLogger = createConsoleLogger(currentDefaultLoggerOptions);\n};\n\n/**\n * Returns a logger.\n * @param {string} name name of the logger\n * @returns {Logger} a logger\n */\nmodule.exports.getLogger = function (name) {\n  return new Logger(function (type, args) {\n    if (module.exports.hooks.log.call(name, type, args) === undefined) {\n      currentDefaultLogger(name, type, args);\n    }\n  }, function (childName) {\n    return module.exports.getLogger(\"\".concat(name, \"/\").concat(childName));\n  });\n};\nmodule.exports.hooks = {\n  log: new SyncBailHook([\"origin\", \"type\", \"args\"])\n};\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tvar cachedModule = __webpack_module_cache__[moduleId];\n/******/ \t\tif (cachedModule !== undefined) {\n/******/ \t\t\treturn cachedModule.exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\t// no module.id needed\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\tif (!(moduleId in __webpack_modules__)) {\n/******/ \t\t\tdelete __webpack_module_cache__[moduleId];\n/******/ \t\t\tvar e = new Error(\"Cannot find module '\" + moduleId + \"'\");\n/******/ \t\t\te.code = 'MODULE_NOT_FOUND';\n/******/ \t\t\tthrow e;\n/******/ \t\t}\n/******/ \t\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t!function() {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__webpack_require__.d = function(exports, definition) {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t!function() {\n/******/ \t\t__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }\n/******/ \t}();\n/******/ \t\n/******/ \t/* webpack/runtime/make namespace object */\n/******/ \t!function() {\n/******/ \t\t// define __esModule on exports\n/******/ \t\t__webpack_require__.r = function(exports) {\n/******/ \t\t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t\t}\n/******/ \t\t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t\t};\n/******/ \t}();\n/******/ \t\n/************************************************************************/\nvar __webpack_exports__ = {};\n// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.\n!function() {\n/*!********************************************!*\\\n  !*** ./client-src/modules/logger/index.js ***!\n  \\********************************************/\n__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* reexport default export from named module */ webpack_lib_logging_runtime_js__WEBPACK_IMPORTED_MODULE_0__; }\n/* harmony export */ });\n/* harmony import */ var webpack_lib_logging_runtime_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! webpack/lib/logging/runtime.js */ \"./node_modules/webpack/lib/logging/runtime.js\");\n// @ts-expect-error\n\n}();\nvar __webpack_export_target__ = exports;\nfor(var __webpack_i__ in __webpack_exports__) __webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];\nif(__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, \"__esModule\", { value: true });\n/******/ })()\n;","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n// The error overlay is inspired (and mostly copied) from Create React App (https://github.com/facebookincubator/create-react-app)\n// They, in turn, got inspired by webpack-hot-middleware (https://github.com/glenjamin/webpack-hot-middleware).\n\nimport ansiHTML from \"ansi-html-community\";\n\n/** @typedef {import(\"./index\").EXPECTED_ANY} EXPECTED_ANY */\n\n/**\n * @type {(input: string, position: number) => number | undefined}\n */\n// @ts-expect-error\nvar getCodePoint = String.prototype.codePointAt ?\n// @ts-expect-error\nfunction (input, position) {\n  return input.codePointAt(position);\n} : function (input, position) {\n  return (input.charCodeAt(position) - 0xd800) * 0x400 + input.charCodeAt(position + 1) - 0xdc00 + 0x10000;\n};\n\n/**\n * @param {string} macroText macro text\n * @param {RegExp} macroRegExp macro reg exp\n * @param {(input: string) => string} macroReplacer macro replacer\n * @returns {string} result\n */\nvar replaceUsingRegExp = function replaceUsingRegExp(macroText, macroRegExp, macroReplacer) {\n  macroRegExp.lastIndex = 0;\n  var replaceMatch = macroRegExp.exec(macroText);\n  var replaceResult;\n  if (replaceMatch) {\n    replaceResult = \"\";\n    var replaceLastIndex = 0;\n    do {\n      if (replaceLastIndex !== replaceMatch.index) {\n        replaceResult += macroText.slice(replaceLastIndex, replaceMatch.index);\n      }\n      var replaceInput = replaceMatch[0];\n      replaceResult += macroReplacer(replaceInput);\n      replaceLastIndex = replaceMatch.index + replaceInput.length;\n    } while (replaceMatch = macroRegExp.exec(macroText));\n    if (replaceLastIndex !== macroText.length) {\n      replaceResult += macroText.slice(replaceLastIndex);\n    }\n  } else {\n    replaceResult = macroText;\n  }\n  return replaceResult;\n};\nvar references = {\n  \"<\": \"&lt;\",\n  \">\": \"&gt;\",\n  '\"': \"&quot;\",\n  \"'\": \"&apos;\",\n  \"&\": \"&amp;\"\n};\n\n/**\n * @param {string} text text\n * @returns {string} encoded text\n */\nfunction encode(text) {\n  if (!text) {\n    return \"\";\n  }\n  return replaceUsingRegExp(text, /[<>'\"&]/g, function (input) {\n    var result = references[(/** @type {keyof typeof references} */input)];\n    if (!result) {\n      var code = input.length > 1 ? getCodePoint(input, 0) : input.charCodeAt(0);\n      result = \"&#\".concat(code, \";\");\n    }\n    return result;\n  });\n}\n\n/**\n * @typedef {object} Context\n * @property {'warning' | 'error'} level level\n * @property {(string  | Message)[]} messages messages\n * @property {'build' | 'runtime'} messageSource message source\n */\n\n/** @typedef {{ type: string } & Record<string, EXPECTED_ANY>} Event */\n\n/**\n * @typedef {object} Options\n * @property {{ [state: string]: { on: Record<string, { target: string; actions?: Array<string> }> } }} states states\n * @property {Context} context context\n * @property {string} initial initial\n */\n\n/**\n * @typedef {object} Implementation\n * @property {{ [actionName: string]: (ctx: Context, event: Event) => Context | void }} actions actions\n */\n\n/**\n * @typedef {{ send: (event: Event) => void }} StateMachine\n */\n\n/**\n * A simplified `createMachine` from `@xstate/fsm` with the following differences:\n * - the returned machine is technically a \"service\". No `interpret(machine).start()` is needed.\n * - the state definition only support `on` and target must be declared with { target: 'nextState', actions: [] } explicitly.\n * - event passed to `send` must be an object with `type` property.\n * - actions implementation will be [assign action](https://xstate.js.org/docs/guides/context.html#assign-action) if you return any value.\n * Do not return anything if you just want to invoke side effect.\n *\n * The goal of this custom function is to avoid installing the entire `'xstate/fsm'` package, while enabling modeling using\n * state machine. You can copy the first parameter into the editor at https://stately.ai/viz to visualize the state machine.\n * @param {Options} options options\n * @param {Implementation} implementation implementation\n * @returns {StateMachine} state machine\n */\nfunction createMachine(_ref, _ref2) {\n  var states = _ref.states,\n    context = _ref.context,\n    initial = _ref.initial;\n  var actions = _ref2.actions;\n  var currentState = initial;\n  var currentContext = context;\n  return {\n    send: function send(event) {\n      var currentStateOn = states[currentState].on;\n      var transitionConfig = currentStateOn && currentStateOn[event.type];\n      if (transitionConfig) {\n        currentState = transitionConfig.target;\n        if (transitionConfig.actions) {\n          transitionConfig.actions.forEach(function (actName) {\n            var actionImpl = actions[actName];\n            var nextContextValue = actionImpl && actionImpl(currentContext, event);\n            if (nextContextValue) {\n              currentContext = _objectSpread(_objectSpread({}, currentContext), nextContextValue);\n            }\n          });\n        }\n      }\n    }\n  };\n}\n\n/**\n * @typedef {object} ShowOverlayData\n * @property {'warning' | 'error'} level level\n * @property {(string  | Message)[]} messages messages\n * @property {'build' | 'runtime'} messageSource message source\n */\n\n/**\n * @typedef {object} CreateOverlayMachineOptions\n * @property {(data: ShowOverlayData) => void} showOverlay show overlay\n * @property {() => void} hideOverlay hide overlay\n */\n\n/**\n * @param {CreateOverlayMachineOptions} options options\n * @returns {StateMachine} state machine\n */\nvar createOverlayMachine = function createOverlayMachine(options) {\n  var hideOverlay = options.hideOverlay,\n    showOverlay = options.showOverlay;\n  return createMachine({\n    initial: \"hidden\",\n    context: {\n      level: \"error\",\n      messages: [],\n      messageSource: \"build\"\n    },\n    states: {\n      hidden: {\n        on: {\n          BUILD_ERROR: {\n            target: \"displayBuildError\",\n            actions: [\"setMessages\", \"showOverlay\"]\n          },\n          RUNTIME_ERROR: {\n            target: \"displayRuntimeError\",\n            actions: [\"setMessages\", \"showOverlay\"]\n          }\n        }\n      },\n      displayBuildError: {\n        on: {\n          DISMISS: {\n            target: \"hidden\",\n            actions: [\"dismissMessages\", \"hideOverlay\"]\n          },\n          BUILD_ERROR: {\n            target: \"displayBuildError\",\n            actions: [\"appendMessages\", \"showOverlay\"]\n          }\n        }\n      },\n      displayRuntimeError: {\n        on: {\n          DISMISS: {\n            target: \"hidden\",\n            actions: [\"dismissMessages\", \"hideOverlay\"]\n          },\n          RUNTIME_ERROR: {\n            target: \"displayRuntimeError\",\n            actions: [\"appendMessages\", \"showOverlay\"]\n          },\n          BUILD_ERROR: {\n            target: \"displayBuildError\",\n            actions: [\"setMessages\", \"showOverlay\"]\n          }\n        }\n      }\n    }\n  }, {\n    actions: {\n      dismissMessages: function dismissMessages() {\n        return {\n          messages: [],\n          level: \"error\",\n          messageSource: \"build\"\n        };\n      },\n      appendMessages: function appendMessages(context, event) {\n        return {\n          messages: context.messages.concat(event.messages),\n          level: event.level || context.level,\n          messageSource: event.type === \"RUNTIME_ERROR\" ? \"runtime\" : \"build\"\n        };\n      },\n      setMessages: function setMessages(context, event) {\n        return {\n          messages: event.messages,\n          level: event.level || context.level,\n          messageSource: event.type === \"RUNTIME_ERROR\" ? \"runtime\" : \"build\"\n        };\n      },\n      hideOverlay: hideOverlay,\n      showOverlay: showOverlay\n    }\n  });\n};\n\n/**\n * @param {Error} error error\n * @returns {undefined | string[]} stack\n */\nvar parseErrorToStacks = function parseErrorToStacks(error) {\n  if (!error || !(error instanceof Error)) {\n    throw new Error(\"parseErrorToStacks expects Error object\");\n  }\n  if (typeof error.stack === \"string\") {\n    return error.stack.split(\"\\n\").filter(function (stack) {\n      return stack !== \"Error: \".concat(error.message);\n    });\n  }\n};\n\n/**\n * @callback ErrorCallback\n * @param {ErrorEvent} error\n * @returns {void}\n */\n\n/**\n * @param {ErrorCallback} callback callback\n * @returns {() => void} cleanup\n */\nvar listenToRuntimeError = function listenToRuntimeError(callback) {\n  window.addEventListener(\"error\", callback);\n  return function cleanup() {\n    window.removeEventListener(\"error\", callback);\n  };\n};\n\n/**\n * @callback UnhandledRejectionCallback\n * @param {PromiseRejectionEvent} rejectionEvent\n * @returns {void}\n */\n\n/**\n * @param {UnhandledRejectionCallback} callback callback\n * @returns {() => void} cleanup\n */\nvar listenToUnhandledRejection = function listenToUnhandledRejection(callback) {\n  window.addEventListener(\"unhandledrejection\", callback);\n  return function cleanup() {\n    window.removeEventListener(\"unhandledrejection\", callback);\n  };\n};\n\n// Styles are inspired by `react-error-overlay`\n\nvar msgStyles = {\n  error: {\n    backgroundColor: \"rgba(206, 17, 38, 0.1)\",\n    color: \"#fccfcf\"\n  },\n  warning: {\n    backgroundColor: \"rgba(251, 245, 180, 0.1)\",\n    color: \"#fbf5b4\"\n  }\n};\nvar iframeStyle = {\n  position: \"fixed\",\n  top: \"0px\",\n  left: \"0px\",\n  right: \"0px\",\n  bottom: \"0px\",\n  width: \"100vw\",\n  height: \"100vh\",\n  border: \"none\",\n  \"z-index\": 9999999999\n};\nvar containerStyle = {\n  position: \"fixed\",\n  boxSizing: \"border-box\",\n  left: \"0px\",\n  top: \"0px\",\n  right: \"0px\",\n  bottom: \"0px\",\n  width: \"100vw\",\n  height: \"100vh\",\n  fontSize: \"large\",\n  padding: \"2rem 2rem 4rem 2rem\",\n  lineHeight: \"1.2\",\n  whiteSpace: \"pre-wrap\",\n  overflow: \"auto\",\n  backgroundColor: \"rgba(0, 0, 0, 0.9)\",\n  color: \"white\"\n};\nvar headerStyle = {\n  color: \"#e83b46\",\n  fontSize: \"2em\",\n  whiteSpace: \"pre-wrap\",\n  fontFamily: \"sans-serif\",\n  margin: \"0 2rem 2rem 0\",\n  flex: \"0 0 auto\",\n  maxHeight: \"50%\",\n  overflow: \"auto\"\n};\nvar dismissButtonStyle = {\n  color: \"#ffffff\",\n  lineHeight: \"1rem\",\n  fontSize: \"1.5rem\",\n  padding: \"1rem\",\n  cursor: \"pointer\",\n  position: \"absolute\",\n  right: \"0px\",\n  top: \"0px\",\n  backgroundColor: \"transparent\",\n  border: \"none\"\n};\nvar msgTypeStyle = {\n  color: \"#e83b46\",\n  fontSize: \"1.2em\",\n  marginBottom: \"1rem\",\n  fontFamily: \"sans-serif\"\n};\nvar msgTextStyle = {\n  lineHeight: \"1.5\",\n  fontSize: \"1rem\",\n  fontFamily: \"Menlo, Consolas, monospace\"\n};\n\n// ANSI HTML\n\nvar colors = {\n  reset: [\"transparent\", \"transparent\"],\n  black: \"181818\",\n  red: \"E36049\",\n  green: \"B3CB74\",\n  yellow: \"FFD080\",\n  blue: \"7CAFC2\",\n  magenta: \"7FACCA\",\n  cyan: \"C3C2EF\",\n  lightgrey: \"EBE7E3\",\n  darkgrey: \"6D7891\"\n};\nansiHTML.setColors(colors);\n\n/** @typedef {Error & { file?: string, moduleName?: string, moduleIdentifier?: string, loc?: string, message?: string; stack?: string | string[] }} Message */\n\n/**\n * @param {string} type type\n * @param {string | Message} item item\n * @returns {{ header: string, body: string }} formatted problem\n */\nvar formatProblem = function formatProblem(type, item) {\n  var header = type === \"warning\" ? \"WARNING\" : \"ERROR\";\n  var body = \"\";\n  if (typeof item === \"string\") {\n    body += item;\n  } else {\n    var file = item.file || \"\";\n    var moduleName = item.moduleName ? item.moduleName.indexOf(\"!\") !== -1 ? \"\".concat(item.moduleName.replace(/^(\\s|\\S)*!/, \"\"), \" (\").concat(item.moduleName, \")\") : \"\".concat(item.moduleName) : \"\";\n    var loc = item.loc;\n    header += \"\".concat(moduleName || file ? \" in \".concat(moduleName ? \"\".concat(moduleName).concat(file ? \" (\".concat(file, \")\") : \"\") : file).concat(loc ? \" \".concat(loc) : \"\") : \"\");\n    body += item.message || \"\";\n  }\n  if (typeof item !== \"string\" && Array.isArray(item.stack)) {\n    item.stack.forEach(function (stack) {\n      if (typeof stack === \"string\") {\n        body += \"\\r\\n\".concat(stack);\n      }\n    });\n  }\n  return {\n    header: header,\n    body: body\n  };\n};\n\n/**\n * @typedef {object} CreateOverlayOptions\n * @property {(false | string)=} trustedTypesPolicyName trusted types policy name\n * @property {(boolean | ((error: Error) => void))=} catchRuntimeError runtime error catcher\n */\n\n/**\n * @param {CreateOverlayOptions} options options\n * @returns {StateMachine} overlay\n */\nvar createOverlay = function createOverlay(options) {\n  /** @type {HTMLIFrameElement | null | undefined} */\n  var iframeContainerElement;\n  /** @type {HTMLDivElement | null | undefined} */\n  var containerElement;\n  /** @type {HTMLDivElement | null | undefined} */\n  var headerElement;\n  /** @type {Array<(element: HTMLDivElement) => void>} */\n  var onLoadQueue = [];\n  /** @type {Omit<TrustedTypePolicy, \"createScript\" | \"createScriptURL\"> | undefined} */\n  var overlayTrustedTypesPolicy;\n\n  /** @typedef {Extract<keyof CSSStyleDeclaration, \"string\">} CSSStyleDeclarationKeys */\n\n  /**\n   * @param {HTMLElement} element element\n   * @param {Partial<CSSStyleDeclaration>} style style\n   */\n  function applyStyle(element, style) {\n    Object.keys(style).forEach(function (prop) {\n      element.style[(/** @type {CSSStyleDeclarationKeys} */prop)] = /** @type {string} */\n      style[(/** @type {CSSStyleDeclarationKeys} */prop)];\n    });\n  }\n\n  /**\n   * @param {string | false | undefined} trustedTypesPolicyName trusted types police name\n   */\n  function createContainer(trustedTypesPolicyName) {\n    // Enable Trusted Types if they are available in the current browser.\n    if (window.trustedTypes) {\n      overlayTrustedTypesPolicy = window.trustedTypes.createPolicy(trustedTypesPolicyName || \"webpack-dev-server#overlay\", {\n        createHTML: function createHTML(value) {\n          return value;\n        }\n      });\n    }\n    iframeContainerElement = document.createElement(\"iframe\");\n    iframeContainerElement.id = \"webpack-dev-server-client-overlay\";\n    iframeContainerElement.src = \"about:blank\";\n    applyStyle(iframeContainerElement, iframeStyle);\n    iframeContainerElement.onload = function () {\n      var contentElement = /** @type {Document} */\n      (/** @type {HTMLIFrameElement} */\n      iframeContainerElement.contentDocument).createElement(\"div\");\n      containerElement = /** @type {Document} */\n      (/** @type {HTMLIFrameElement} */\n      iframeContainerElement.contentDocument).createElement(\"div\");\n      contentElement.id = \"webpack-dev-server-client-overlay-div\";\n      applyStyle(contentElement, containerStyle);\n      headerElement = document.createElement(\"div\");\n      headerElement.innerText = \"Compiled with problems:\";\n      applyStyle(headerElement, headerStyle);\n      var closeButtonElement = document.createElement(\"button\");\n      applyStyle(closeButtonElement, dismissButtonStyle);\n      closeButtonElement.innerText = \"×\";\n      closeButtonElement.ariaLabel = \"Dismiss\";\n      closeButtonElement.addEventListener(\"click\", function () {\n        // eslint-disable-next-line no-use-before-define\n        overlayService.send({\n          type: \"DISMISS\"\n        });\n      });\n      contentElement.appendChild(headerElement);\n      contentElement.appendChild(closeButtonElement);\n      contentElement.appendChild(containerElement);\n\n      /** @type {Document} */\n      (/** @type {HTMLIFrameElement} */\n      iframeContainerElement.contentDocument).body.appendChild(contentElement);\n      onLoadQueue.forEach(function (onLoad) {\n        onLoad(/** @type {HTMLDivElement} */contentElement);\n      });\n      onLoadQueue = [];\n\n      /** @type {HTMLIFrameElement} */\n      iframeContainerElement.onload = null;\n    };\n    document.body.appendChild(iframeContainerElement);\n  }\n\n  /**\n   * @param {(element: HTMLDivElement) => void} callback callback\n   * @param {string | false | undefined} trustedTypesPolicyName trusted types policy name\n   */\n  function ensureOverlayExists(callback, trustedTypesPolicyName) {\n    if (containerElement) {\n      // @ts-expect-error https://github.com/microsoft/TypeScript/issues/30024\n      containerElement.innerHTML = overlayTrustedTypesPolicy ? overlayTrustedTypesPolicy.createHTML(\"\") : \"\";\n      // Everything is ready, call the callback right away.\n      callback(containerElement);\n      return;\n    }\n    onLoadQueue.push(callback);\n    if (iframeContainerElement) {\n      return;\n    }\n    createContainer(trustedTypesPolicyName);\n  }\n\n  // Successful compilation.\n  /**\n   * @returns {void}\n   */\n  function hide() {\n    if (!iframeContainerElement) {\n      return;\n    }\n\n    // Clean up and reset internal state.\n    document.body.removeChild(iframeContainerElement);\n    iframeContainerElement = null;\n    containerElement = null;\n  }\n\n  // Compilation with errors (e.g. syntax error or missing modules).\n  /**\n   * @param {string} type type\n   * @param {(string | Message)[]} messages messages\n   * @param {undefined | false | string} trustedTypesPolicyName trusted types policy name\n   * @param {'build' | 'runtime'} messageSource message source\n   */\n  function show(type, messages, trustedTypesPolicyName, messageSource) {\n    ensureOverlayExists(function () {\n      /** @type {HTMLDivElement} */\n      headerElement.innerText = messageSource === \"runtime\" ? \"Uncaught runtime errors:\" : \"Compiled with problems:\";\n      messages.forEach(function (message) {\n        var entryElement = document.createElement(\"div\");\n        var msgStyle = type === \"warning\" ? msgStyles.warning : msgStyles.error;\n        applyStyle(entryElement, _objectSpread(_objectSpread({}, msgStyle), {}, {\n          padding: \"1rem 1rem 1.5rem 1rem\"\n        }));\n        var typeElement = document.createElement(\"div\");\n        var _formatProblem = formatProblem(type, message),\n          header = _formatProblem.header,\n          body = _formatProblem.body;\n        typeElement.innerText = header;\n        applyStyle(typeElement, msgTypeStyle);\n        if (typeof message !== \"string\" && message.moduleIdentifier) {\n          applyStyle(typeElement, {\n            cursor: \"pointer\"\n          });\n          // element.dataset not supported in IE\n          typeElement.setAttribute(\"data-can-open\", \"true\");\n          typeElement.addEventListener(\"click\", function () {\n            fetch(\"/webpack-dev-server/open-editor?fileName=\".concat(message.moduleIdentifier));\n          });\n        }\n\n        // Make it look similar to our terminal.\n        var text = ansiHTML(encode(body));\n        var messageTextNode = document.createElement(\"div\");\n        applyStyle(messageTextNode, msgTextStyle);\n\n        // @ts-expect-error https://github.com/microsoft/TypeScript/issues/30024\n        messageTextNode.innerHTML = overlayTrustedTypesPolicy ? overlayTrustedTypesPolicy.createHTML(text) : text;\n        entryElement.appendChild(typeElement);\n        entryElement.appendChild(messageTextNode);\n\n        /** @type {HTMLDivElement} */\n        containerElement.appendChild(entryElement);\n      });\n    }, trustedTypesPolicyName);\n  }\n\n  /** @type {(event: KeyboardEvent) => void} */\n  var handleEscapeKey;\n\n  /**\n   * @returns {void}\n   */\n\n  var hideOverlayWithEscCleanup = function hideOverlayWithEscCleanup() {\n    window.removeEventListener(\"keydown\", handleEscapeKey);\n    hide();\n  };\n  var overlayService = createOverlayMachine({\n    showOverlay: function showOverlay(_ref3) {\n      var _ref3$level = _ref3.level,\n        level = _ref3$level === void 0 ? \"error\" : _ref3$level,\n        messages = _ref3.messages,\n        messageSource = _ref3.messageSource;\n      return show(level, messages, options.trustedTypesPolicyName, messageSource);\n    },\n    hideOverlay: hideOverlayWithEscCleanup\n  });\n  /**\n   * ESC key press to dismiss the overlay.\n   * @param {KeyboardEvent} event Keydown event\n   */\n  handleEscapeKey = function handleEscapeKey(event) {\n    if (event.key === \"Escape\" || event.key === \"Esc\" || event.keyCode === 27) {\n      overlayService.send({\n        type: \"DISMISS\"\n      });\n    }\n  };\n  window.addEventListener(\"keydown\", handleEscapeKey);\n  if (options.catchRuntimeError) {\n    /**\n     * @param {Error | undefined} error error\n     * @param {string} fallbackMessage fallback message\n     */\n    var handleError = function handleError(error, fallbackMessage) {\n      var errorObject = error instanceof Error ? error : new Error(error || fallbackMessage, {\n        cause: error\n      });\n      var shouldDisplay = typeof options.catchRuntimeError === \"function\" ? options.catchRuntimeError(errorObject) : true;\n      if (shouldDisplay) {\n        overlayService.send({\n          type: \"RUNTIME_ERROR\",\n          messages: [{\n            message: errorObject.message,\n            stack: parseErrorToStacks(errorObject)\n          }]\n        });\n      }\n    };\n    listenToRuntimeError(function (errorEvent) {\n      // error property may be empty in older browser like IE\n      var error = errorEvent.error,\n        message = errorEvent.message;\n      if (!error && !message) {\n        return;\n      }\n\n      // if error stack indicates a React error boundary caught the error, do not show overlay.\n      if (error && error.stack && error.stack.includes(\"invokeGuardedCallbackDev\")) {\n        return;\n      }\n      handleError(error, message);\n    });\n    listenToUnhandledRejection(function (promiseRejectionEvent) {\n      var reason = promiseRejectionEvent.reason;\n      handleError(reason, \"Unknown promise rejection reason\");\n    });\n  }\n  return overlayService;\n};\nexport { createOverlay, formatProblem };","function _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _wrapNativeSuper(t) { var r = \"function\" == typeof Map ? new Map() : void 0; return _wrapNativeSuper = function _wrapNativeSuper(t) { if (null === t || !_isNativeFunction(t)) return t; if (\"function\" != typeof t) throw new TypeError(\"Super expression must either be null or a function\"); if (void 0 !== r) { if (r.has(t)) return r.get(t); r.set(t, Wrapper); } function Wrapper() { return _construct(t, arguments, _getPrototypeOf(this).constructor); } return Wrapper.prototype = Object.create(t.prototype, { constructor: { value: Wrapper, enumerable: !1, writable: !0, configurable: !0 } }), _setPrototypeOf(Wrapper, t); }, _wrapNativeSuper(t); }\nfunction _construct(t, e, r) { if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); var o = [null]; o.push.apply(o, e); var p = new (t.bind.apply(t, o))(); return r && _setPrototypeOf(p, r.prototype), p; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _isNativeFunction(t) { try { return -1 !== Function.toString.call(t).indexOf(\"[native code]\"); } catch (n) { return \"function\" == typeof t; } }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _classPrivateMethodInitSpec(e, a) { _checkPrivateRedeclaration(e, a), a.add(e); }\nfunction _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError(\"Cannot initialize the same private elements twice on an object\"); }\nfunction _assertClassBrand(e, t, n) { if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError(\"Private element is not present on this object\"); }\n/**\n * @returns {boolean} true when custom elements supported, otherwise false\n */\nexport function isProgressSupported() {\n  return \"customElements\" in self && Boolean(HTMLElement.prototype.attachShadow);\n}\n\n/**\n * @returns {void}\n */\nexport function defineProgressElement() {\n  var _WebpackDevServerProgress;\n  if (customElements.get(\"wds-progress\")) {\n    return;\n  }\n  var _WebpackDevServerProgress_brand = /*#__PURE__*/new WeakSet();\n  var WebpackDevServerProgress = /*#__PURE__*/function (_HTMLElement) {\n    function WebpackDevServerProgress() {\n      var _this;\n      _classCallCheck(this, WebpackDevServerProgress);\n      _this = _callSuper(this, WebpackDevServerProgress);\n      _classPrivateMethodInitSpec(_this, _WebpackDevServerProgress_brand);\n      _this.attachShadow({\n        mode: \"open\"\n      });\n      _this.maxDashOffset = -219.99078369140625;\n      _this.animationTimer = null;\n      return _this;\n    }\n    _inherits(WebpackDevServerProgress, _HTMLElement);\n    return _createClass(WebpackDevServerProgress, [{\n      key: \"connectedCallback\",\n      value: function connectedCallback() {\n        _assertClassBrand(_WebpackDevServerProgress_brand, this, _reset).call(this);\n      }\n    }, {\n      key: \"attributeChangedCallback\",\n      value:\n      /**\n       * @param {string} name name\n       * @param {string} oldValue old value\n       * @param {string} newValue new value\n       */\n      function attributeChangedCallback(name, oldValue, newValue) {\n        if (name === \"progress\") {\n          _assertClassBrand(_WebpackDevServerProgress_brand, this, _update).call(this, Number(newValue));\n        } else if (name === \"type\") {\n          _assertClassBrand(_WebpackDevServerProgress_brand, this, _reset).call(this);\n        }\n      }\n\n      /**\n       * @param {number} percent percent\n       */\n    }], [{\n      key: \"observedAttributes\",\n      get: function get() {\n        return [\"progress\", \"type\"];\n      }\n    }]);\n  }(/*#__PURE__*/_wrapNativeSuper(HTMLElement));\n  _WebpackDevServerProgress = WebpackDevServerProgress;\n  function _reset() {\n    var _this$getAttribute;\n    clearTimeout(this.animationTimer);\n    this.animationTimer = null;\n    var typeAttr = (_this$getAttribute = this.getAttribute(\"type\")) === null || _this$getAttribute === void 0 ? void 0 : _this$getAttribute.toLowerCase();\n    this.type = typeAttr === \"circular\" ? \"circular\" : \"linear\";\n    var innerHTML = this.type === \"circular\" ? _circularTemplate.call(_WebpackDevServerProgress) : _linearTemplate.call(_WebpackDevServerProgress);\n    /** @type {ShadowRoot} */\n    this.shadowRoot.innerHTML = innerHTML;\n    var progressValue = this.getAttribute(\"progress\");\n    this.initialProgress = progressValue ? Number(progressValue) : 0;\n    _assertClassBrand(_WebpackDevServerProgress_brand, this, _update).call(this, this.initialProgress);\n  }\n  function _circularTemplate() {\n    return \"\\n        <style>\\n        :host {\\n            width: 200px;\\n            height: 200px;\\n            position: fixed;\\n            right: 5%;\\n            top: 5%;\\n            pointer-events: none;\\n            transition: opacity .25s ease-in-out;\\n            z-index: 2147483645;\\n        }\\n\\n        circle {\\n            fill: #282d35;\\n        }\\n\\n        path {\\n            fill: rgba(0, 0, 0, 0);\\n            stroke: rgb(186, 223, 172);\\n            stroke-dasharray: 219.99078369140625;\\n            stroke-dashoffset: -219.99078369140625;\\n            stroke-width: 10;\\n            transform: rotate(90deg) translate(0px, -80px);\\n        }\\n\\n        text {\\n            font-family: 'Open Sans', sans-serif;\\n            font-size: 18px;\\n            fill: #ffffff;\\n            dominant-baseline: middle;\\n            text-anchor: middle;\\n        }\\n\\n        tspan#percent-super {\\n            fill: #bdc3c7;\\n            font-size: 0.45em;\\n            baseline-shift: 10%;\\n        }\\n\\n        @keyframes fade {\\n            0% { opacity: 1; transform: scale(1); }\\n            100% { opacity: 0; transform: scale(0); }\\n        }\\n\\n        .disappear {\\n            animation: fade 0.3s;\\n            animation-fill-mode: forwards;\\n            animation-delay: 0.5s;\\n        }\\n\\n        .hidden {\\n            display: none;\\n        }\\n        </style>\\n        <svg id=\\\"progress\\\" class=\\\"hidden noselect\\\" viewBox=\\\"0 0 80 80\\\">\\n        <circle cx=\\\"50%\\\" cy=\\\"50%\\\" r=\\\"35\\\"></circle>\\n        <path d=\\\"M5,40a35,35 0 1,0 70,0a35,35 0 1,0 -70,0\\\"></path>\\n        <text x=\\\"50%\\\" y=\\\"51%\\\">\\n            <tspan id=\\\"percent-value\\\">0</tspan>\\n            <tspan id=\\\"percent-super\\\">%</tspan>\\n        </text>\\n        </svg>\\n      \";\n  }\n  function _linearTemplate() {\n    return \"\\n        <style>\\n        :host {\\n            position: fixed;\\n            top: 0;\\n            left: 0;\\n            pointer-events: none;\\n            height: 4px;\\n            width: 100vw;\\n            z-index: 2147483645;\\n        }\\n\\n        #bar {\\n            width: 0%;\\n            height: 4px;\\n            background-color: rgb(186, 223, 172);\\n        }\\n\\n        @keyframes fade {\\n            0% { opacity: 1; }\\n            100% { opacity: 0; }\\n        }\\n\\n        .disappear {\\n            animation: fade 0.3s;\\n            animation-fill-mode: forwards;\\n            animation-delay: 0.5s;\\n        }\\n\\n        .hidden {\\n            display: none;\\n        }\\n        </style>\\n        <div id=\\\"progress\\\"></div>\\n        \";\n  }\n  function _update(percent) {\n    var shadowRoot = /** @type {ShadowRoot} */this.shadowRoot;\n    var element = /** @type {HTMLElement} */\n    shadowRoot.querySelector(\"#progress\");\n    if (this.type === \"circular\") {\n      var path = /** @type {SVGPathElement} */\n      shadowRoot.querySelector(\"path\");\n      var value = /** @type {HTMLElement} */\n      shadowRoot.querySelector(\"#percent-value\");\n      var offset = (100 - percent) / 100 * this.maxDashOffset;\n      path.style.strokeDashoffset = String(offset);\n      value.textContent = String(percent);\n    } else {\n      element.style.width = \"\".concat(percent, \"%\");\n    }\n    if (percent >= 100) {\n      _assertClassBrand(_WebpackDevServerProgress_brand, this, _hide).call(this);\n    } else if (percent > 0) {\n      _assertClassBrand(_WebpackDevServerProgress_brand, this, _show).call(this);\n    }\n  }\n  function _show() {\n    var shadowRoot = /** @type {ShadowRoot} */this.shadowRoot;\n    var element = /** @type {HTMLElement} */\n    shadowRoot.querySelector(\"#progress\");\n    element.classList.remove(\"hidden\");\n  }\n  function _hide() {\n    var _this2 = this;\n    var shadowRoot = /** @type {ShadowRoot} */this.shadowRoot;\n    var element = /** @type {HTMLElement} */\n    shadowRoot.querySelector(\"#progress\");\n    if (this.type === \"circular\") {\n      element.classList.add(\"disappear\");\n      element.addEventListener(\"animationend\", function () {\n        element.classList.add(\"hidden\");\n        _assertClassBrand(_WebpackDevServerProgress_brand, _this2, _update).call(_this2, 0);\n      }, {\n        once: true\n      });\n    } else if (this.type === \"linear\") {\n      element.classList.add(\"disappear\");\n      this.animationTimer = setTimeout(function () {\n        element.classList.remove(\"disappear\");\n        element.classList.add(\"hidden\");\n        element.style.width = \"0%\";\n        _this2.animationTimer = null;\n      }, 800);\n    }\n  }\n  customElements.define(\"wds-progress\", WebpackDevServerProgress);\n}","/* global __webpack_dev_server_client__ */\n\nimport WebSocketClient from \"./clients/WebSocketClient.js\";\nimport { log } from \"./utils/log.js\";\n\n/** @typedef {import(\"./index.js\").EXPECTED_ANY} EXPECTED_ANY */\n/** @typedef {import(\"./clients/SockJSClient\")} SockJSClient */\n\n// this WebsocketClient is here as a default fallback, in case the client is not injected\n/** @type {CommunicationClientConstructor} */\nvar Client = typeof __webpack_dev_server_client__ !== \"undefined\" ? typeof (/** @type {{ default: CommunicationClientConstructor }} */\n__webpack_dev_server_client__.default) !== \"undefined\" ? /** @type {{ default: CommunicationClientConstructor }} */\n__webpack_dev_server_client__.default : (/** @type {CommunicationClientConstructor} */\n__webpack_dev_server_client__) : WebSocketClient;\nvar retries = 0;\nvar maxRetries = 10;\n\n// Initialized client is exported so external consumers can utilize the same instance\n// It is mutable to enforce singleton\n/** @type {CommunicationClient | null} */\n// eslint-disable-next-line import/no-mutable-exports\nexport var client = null;\n\n/** @type {ReturnType<typeof setTimeout> | undefined} */\nvar timeout;\n\n/**\n * @param {string} url url\n * @param {{ [handler: string]: (data?: EXPECTED_ANY, params?: EXPECTED_ANY) => EXPECTED_ANY }} handlers handlers\n * @param {number=} reconnect count of reconnections\n */\nfunction socket(url, handlers, reconnect) {\n  client = new Client(url);\n  client.onOpen(function () {\n    retries = 0;\n    if (timeout) {\n      clearTimeout(timeout);\n    }\n    if (typeof reconnect !== \"undefined\") {\n      maxRetries = reconnect;\n    }\n  });\n  client.onClose(function () {\n    if (retries === 0) {\n      handlers.close();\n    }\n\n    // Try to reconnect.\n    client = null;\n\n    // After 10 retries stop trying, to prevent logspam.\n    if (retries < maxRetries) {\n      // Exponentially increase timeout to reconnect.\n      // Respectfully copied from the package `got`.\n      var retryInMs = 1000 * Math.pow(2, retries) + Math.random() * 100;\n      retries += 1;\n      log.info(\"Trying to reconnect...\");\n      timeout = setTimeout(function () {\n        socket(url, handlers, reconnect);\n      }, retryInMs);\n    }\n  });\n  client.onMessage(\n  /**\n   * @param {EXPECTED_ANY} data data\n   */\n  function (data) {\n    var message = JSON.parse(data);\n    if (handlers[message.type]) {\n      handlers[message.type](message.data, message.params);\n    }\n  });\n}\nexport default socket;","import logger from \"../modules/logger/index.js\";\nvar name = \"webpack-dev-server\";\n// default level is set on the client side, so it does not need\n// to be set by the CLI or API\nvar defaultLevel = \"info\";\n\n// options new options, merge with old options\n/**\n * @param {false | true | \"none\" | \"error\" | \"warn\" | \"info\" | \"log\" | \"verbose\"} level level\n * @returns {void}\n */\nfunction setLogLevel(level) {\n  logger.configureDefaultLogger({\n    level: level\n  });\n}\nsetLogLevel(defaultLevel);\nvar log = logger.getLogger(name);\nexport { log, setLogLevel };","/* global WorkerGlobalScope */\n\n/** @typedef {import(\"../index\").EXPECTED_ANY} EXPECTED_ANY */\n\n// Send messages to the outside, so plugins can consume it.\n/**\n * @param {string} type type\n * @param {EXPECTED_ANY=} data data\n */\nfunction sendMsg(type, data) {\n  if (typeof self !== \"undefined\" && (typeof WorkerGlobalScope === \"undefined\" || !(self instanceof WorkerGlobalScope))) {\n    self.postMessage({\n      type: \"webpack\".concat(type),\n      data: data\n    }, \"*\");\n  }\n}\nexport default sendMsg;","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n/* globals __webpack_hash__ */\nif (module.hot) {\n\t/** @type {undefined|string} */\n\tvar lastHash;\n\tvar upToDate = function upToDate() {\n\t\treturn /** @type {string} */ (lastHash).indexOf(__webpack_hash__) >= 0;\n\t};\n\tvar log = require(\"./log\");\n\tvar check = function check() {\n\t\tmodule.hot\n\t\t\t.check(true)\n\t\t\t.then(function (updatedModules) {\n\t\t\t\tif (!updatedModules) {\n\t\t\t\t\tlog(\n\t\t\t\t\t\t\"warning\",\n\t\t\t\t\t\t\"[HMR] Cannot find update. \" +\n\t\t\t\t\t\t\t(typeof window !== \"undefined\"\n\t\t\t\t\t\t\t\t? \"Need to do a full reload!\"\n\t\t\t\t\t\t\t\t: \"Please reload manually!\")\n\t\t\t\t\t);\n\t\t\t\t\tlog(\n\t\t\t\t\t\t\"warning\",\n\t\t\t\t\t\t\"[HMR] (Probably because of restarting the webpack-dev-server)\"\n\t\t\t\t\t);\n\t\t\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\t\t\twindow.location.reload();\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (!upToDate()) {\n\t\t\t\t\tcheck();\n\t\t\t\t}\n\n\t\t\t\trequire(\"./log-apply-result\")(updatedModules, updatedModules);\n\n\t\t\t\tif (upToDate()) {\n\t\t\t\t\tlog(\"info\", \"[HMR] App is up to date.\");\n\t\t\t\t}\n\t\t\t})\n\t\t\t.catch(function (err) {\n\t\t\t\tvar status = module.hot.status();\n\t\t\t\tif ([\"abort\", \"fail\"].indexOf(status) >= 0) {\n\t\t\t\t\tlog(\n\t\t\t\t\t\t\"warning\",\n\t\t\t\t\t\t\"[HMR] Cannot apply update. \" +\n\t\t\t\t\t\t\t(typeof window !== \"undefined\"\n\t\t\t\t\t\t\t\t? \"Need to do a full reload!\"\n\t\t\t\t\t\t\t\t: \"Please reload manually!\")\n\t\t\t\t\t);\n\t\t\t\t\tlog(\"warning\", \"[HMR] \" + log.formatError(err));\n\t\t\t\t\tif (typeof window !== \"undefined\") {\n\t\t\t\t\t\twindow.location.reload();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tlog(\"warning\", \"[HMR] Update failed: \" + log.formatError(err));\n\t\t\t\t}\n\t\t\t});\n\t};\n\tvar hotEmitter = require(\"./emitter\");\n\thotEmitter.on(\"webpackHotUpdate\", function (currentHash) {\n\t\tlastHash = currentHash;\n\t\tif (!upToDate() && module.hot.status() === \"idle\") {\n\t\t\tlog(\"info\", \"[HMR] Checking for updates on the server...\");\n\t\t\tcheck();\n\t\t}\n\t});\n\tlog(\"info\", \"[HMR] Waiting for update signal from WDS...\");\n} else {\n\tthrow new Error(\"[HMR] Hot Module Replacement is disabled.\");\n}\n","var EventEmitter = require(\"events\");\nmodule.exports = new EventEmitter();\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\n/**\n * @param {(string | number)[]} updatedModules updated modules\n * @param {(string | number)[] | null} renewedModules renewed modules\n */\nmodule.exports = function (updatedModules, renewedModules) {\n\tvar unacceptedModules = updatedModules.filter(function (moduleId) {\n\t\treturn renewedModules && renewedModules.indexOf(moduleId) < 0;\n\t});\n\tvar log = require(\"./log\");\n\n\tif (unacceptedModules.length > 0) {\n\t\tlog(\n\t\t\t\"warning\",\n\t\t\t\"[HMR] The following modules couldn't be hot updated: (They would need a full reload!)\"\n\t\t);\n\t\tunacceptedModules.forEach(function (moduleId) {\n\t\t\tlog(\"warning\", \"[HMR]  - \" + moduleId);\n\t\t});\n\t}\n\n\tif (!renewedModules || renewedModules.length === 0) {\n\t\tlog(\"info\", \"[HMR] Nothing hot updated.\");\n\t} else {\n\t\tlog(\"info\", \"[HMR] Updated modules:\");\n\t\trenewedModules.forEach(function (moduleId) {\n\t\t\tif (typeof moduleId === \"string\" && moduleId.indexOf(\"!\") !== -1) {\n\t\t\t\tvar parts = moduleId.split(\"!\");\n\t\t\t\tlog.groupCollapsed(\"info\", \"[HMR]  - \" + parts.pop());\n\t\t\t\tlog(\"info\", \"[HMR]  - \" + moduleId);\n\t\t\t\tlog.groupEnd(\"info\");\n\t\t\t} else {\n\t\t\t\tlog(\"info\", \"[HMR]  - \" + moduleId);\n\t\t\t}\n\t\t});\n\t\tvar numberIds = renewedModules.every(function (moduleId) {\n\t\t\treturn typeof moduleId === \"number\";\n\t\t});\n\t\tif (numberIds)\n\t\t\tlog(\n\t\t\t\t\"info\",\n\t\t\t\t'[HMR] Consider using the optimization.moduleIds: \"named\" for module names.'\n\t\t\t);\n\t}\n};\n","/** @typedef {\"info\" | \"warning\" | \"error\"} LogLevel */\n\n/** @type {LogLevel} */\nvar logLevel = \"info\";\n\nfunction dummy() {}\n\n/**\n * @param {LogLevel} level log level\n * @returns {boolean} true, if should log\n */\nfunction shouldLog(level) {\n\tvar shouldLog =\n\t\t(logLevel === \"info\" && level === \"info\") ||\n\t\t([\"info\", \"warning\"].indexOf(logLevel) >= 0 && level === \"warning\") ||\n\t\t([\"info\", \"warning\", \"error\"].indexOf(logLevel) >= 0 && level === \"error\");\n\treturn shouldLog;\n}\n\n/**\n * @param {(msg?: string) => void} logFn log function\n * @returns {(level: LogLevel, msg?: string) => void} function that logs when log level is sufficient\n */\nfunction logGroup(logFn) {\n\treturn function (level, msg) {\n\t\tif (shouldLog(level)) {\n\t\t\tlogFn(msg);\n\t\t}\n\t};\n}\n\n/**\n * @param {LogLevel} level log level\n * @param {string|Error} msg message\n */\nmodule.exports = function (level, msg) {\n\tif (shouldLog(level)) {\n\t\tif (level === \"info\") {\n\t\t\tconsole.log(msg);\n\t\t} else if (level === \"warning\") {\n\t\t\tconsole.warn(msg);\n\t\t} else if (level === \"error\") {\n\t\t\tconsole.error(msg);\n\t\t}\n\t}\n};\n\nvar group = console.group || dummy;\nvar groupCollapsed = console.groupCollapsed || dummy;\nvar groupEnd = console.groupEnd || dummy;\n\nmodule.exports.group = logGroup(group);\n\nmodule.exports.groupCollapsed = logGroup(groupCollapsed);\n\nmodule.exports.groupEnd = logGroup(groupEnd);\n\n/**\n * @param {LogLevel} level log level\n */\nmodule.exports.setLogLevel = function (level) {\n\tlogLevel = level;\n};\n\n/**\n * @param {Error} err error\n * @returns {string} formatted error\n */\nmodule.exports.formatError = function (err) {\n\tvar message = err.message;\n\tvar stack = err.stack;\n\tif (!stack) {\n\t\treturn message;\n\t} else if (stack.indexOf(message) < 0) {\n\t\treturn message + \"\\n\" + stack;\n\t}\n\treturn stack;\n};\n","module.exports = __WEBPACK_EXTERNAL_MODULE__676__;","module.exports = __WEBPACK_EXTERNAL_MODULE__529__;","module.exports = __WEBPACK_EXTERNAL_MODULE__877__;","module.exports = __WEBPACK_EXTERNAL_MODULE__642__;","module.exports = __WEBPACK_EXTERNAL_MODULE__937__;","module.exports = __WEBPACK_EXTERNAL_MODULE__959__;","module.exports = __WEBPACK_EXTERNAL_MODULE__398__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\tvar execOptions = { id: moduleId, module: module, factory: __webpack_modules__[moduleId], require: __webpack_require__ };\n\t__webpack_require__.i.forEach(function(handler) { handler(execOptions); });\n\tmodule = execOptions.module;\n\texecOptions.factory.call(module.exports, module, module.exports, execOptions.require);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n// expose the module cache\n__webpack_require__.c = __webpack_module_cache__;\n\n// expose the module execution interceptor\n__webpack_require__.i = [];\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","// This function allow to reference all chunks\n__webpack_require__.hu = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"\" + chunkId + \".\" + __webpack_require__.h() + \".hot-update.js\";\n};","__webpack_require__.hmrF = () => (\"approval-admin-web-part.\" + __webpack_require__.h() + \".hot-update.json\");","__webpack_require__.h = () => (\"b6c86fd800c5366652f2\")","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","var inProgress = {};\nvar dataWebpackPrefix = \"4825e72c-4ff3-479e-917e-f6b04e003a82_0.0.1:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = (url, done, key, chunkId) => {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t\tif (script.src.indexOf(window.location.origin + '/') !== 0) {\n\t\t\tscript.crossOrigin = \"anonymous\";\n\t\t}\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = (prev, event) => {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach((fn) => (fn(event)));\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","var currentModuleData = {};\nvar installedModules = __webpack_require__.c;\n\n// module and require creation\nvar currentChildModule;\nvar currentParents = [];\n\n// status\nvar registeredStatusHandlers = [];\nvar currentStatus = \"idle\";\n\n// while downloading\nvar blockingPromises = 0;\nvar blockingPromisesWaiting = [];\n\n// The update info\nvar currentUpdateApplyHandlers;\nvar queuedInvalidatedModules;\n\n__webpack_require__.hmrD = currentModuleData;\n\n__webpack_require__.i.push(function (options) {\n\tvar module = options.module;\n\tvar require = createRequire(options.require, options.id);\n\tmodule.hot = createModuleHotObject(options.id, module);\n\tmodule.parents = currentParents;\n\tmodule.children = [];\n\tcurrentParents = [];\n\toptions.require = require;\n});\n\n__webpack_require__.hmrC = {};\n__webpack_require__.hmrI = {};\n\nfunction createRequire(require, moduleId) {\n\tvar me = installedModules[moduleId];\n\tif (!me) return require;\n\tvar fn = function (request) {\n\t\tif (me.hot.active) {\n\t\t\tif (installedModules[request]) {\n\t\t\t\tvar parents = installedModules[request].parents;\n\t\t\t\tif (parents.indexOf(moduleId) === -1) {\n\t\t\t\t\tparents.push(moduleId);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tcurrentParents = [moduleId];\n\t\t\t\tcurrentChildModule = request;\n\t\t\t}\n\t\t\tif (me.children.indexOf(request) === -1) {\n\t\t\t\tme.children.push(request);\n\t\t\t}\n\t\t} else {\n\t\t\tconsole.warn(\n\t\t\t\t\"[HMR] unexpected require(\" +\n\t\t\t\t\trequest +\n\t\t\t\t\t\") from disposed module \" +\n\t\t\t\t\tmoduleId\n\t\t\t);\n\t\t\tcurrentParents = [];\n\t\t}\n\t\treturn require(request);\n\t};\n\tvar createPropertyDescriptor = function (name) {\n\t\treturn {\n\t\t\tconfigurable: true,\n\t\t\tenumerable: true,\n\t\t\tget: function () {\n\t\t\t\treturn require[name];\n\t\t\t},\n\t\t\tset: function (value) {\n\t\t\t\trequire[name] = value;\n\t\t\t}\n\t\t};\n\t};\n\tfor (var name in require) {\n\t\tif (Object.prototype.hasOwnProperty.call(require, name) && name !== \"e\") {\n\t\t\tObject.defineProperty(fn, name, createPropertyDescriptor(name));\n\t\t}\n\t}\n\tfn.e = function (chunkId, fetchPriority) {\n\t\treturn trackBlockingPromise(require.e(chunkId, fetchPriority));\n\t};\n\treturn fn;\n}\n\nfunction createModuleHotObject(moduleId, me) {\n\tvar _main = currentChildModule !== moduleId;\n\tvar hot = {\n\t\t// private stuff\n\t\t_acceptedDependencies: {},\n\t\t_acceptedErrorHandlers: {},\n\t\t_declinedDependencies: {},\n\t\t_selfAccepted: false,\n\t\t_selfDeclined: false,\n\t\t_selfInvalidated: false,\n\t\t_disposeHandlers: [],\n\t\t_main: _main,\n\t\t_requireSelf: function () {\n\t\t\tcurrentParents = me.parents.slice();\n\t\t\tcurrentChildModule = _main ? undefined : moduleId;\n\t\t\t__webpack_require__(moduleId);\n\t\t},\n\n\t\t// Module API\n\t\tactive: true,\n\t\taccept: function (dep, callback, errorHandler) {\n\t\t\tif (dep === undefined) hot._selfAccepted = true;\n\t\t\telse if (typeof dep === \"function\") hot._selfAccepted = dep;\n\t\t\telse if (typeof dep === \"object\" && dep !== null) {\n\t\t\t\tfor (var i = 0; i < dep.length; i++) {\n\t\t\t\t\thot._acceptedDependencies[dep[i]] = callback || function () {};\n\t\t\t\t\thot._acceptedErrorHandlers[dep[i]] = errorHandler;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\thot._acceptedDependencies[dep] = callback || function () {};\n\t\t\t\thot._acceptedErrorHandlers[dep] = errorHandler;\n\t\t\t}\n\t\t},\n\t\tdecline: function (dep) {\n\t\t\tif (dep === undefined) hot._selfDeclined = true;\n\t\t\telse if (typeof dep === \"object\" && dep !== null)\n\t\t\t\tfor (var i = 0; i < dep.length; i++)\n\t\t\t\t\thot._declinedDependencies[dep[i]] = true;\n\t\t\telse hot._declinedDependencies[dep] = true;\n\t\t},\n\t\tdispose: function (callback) {\n\t\t\thot._disposeHandlers.push(callback);\n\t\t},\n\t\taddDisposeHandler: function (callback) {\n\t\t\thot._disposeHandlers.push(callback);\n\t\t},\n\t\tremoveDisposeHandler: function (callback) {\n\t\t\tvar idx = hot._disposeHandlers.indexOf(callback);\n\t\t\tif (idx >= 0) hot._disposeHandlers.splice(idx, 1);\n\t\t},\n\t\tinvalidate: function () {\n\t\t\tthis._selfInvalidated = true;\n\t\t\tswitch (currentStatus) {\n\t\t\t\tcase \"idle\":\n\t\t\t\t\tcurrentUpdateApplyHandlers = [];\n\t\t\t\t\tObject.keys(__webpack_require__.hmrI).forEach(function (key) {\n\t\t\t\t\t\t__webpack_require__.hmrI[key](\n\t\t\t\t\t\t\tmoduleId,\n\t\t\t\t\t\t\tcurrentUpdateApplyHandlers\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t\tsetStatus(\"ready\");\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"ready\":\n\t\t\t\t\tObject.keys(__webpack_require__.hmrI).forEach(function (key) {\n\t\t\t\t\t\t__webpack_require__.hmrI[key](\n\t\t\t\t\t\t\tmoduleId,\n\t\t\t\t\t\t\tcurrentUpdateApplyHandlers\n\t\t\t\t\t\t);\n\t\t\t\t\t});\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"prepare\":\n\t\t\t\tcase \"check\":\n\t\t\t\tcase \"dispose\":\n\t\t\t\tcase \"apply\":\n\t\t\t\t\t(queuedInvalidatedModules = queuedInvalidatedModules || []).push(\n\t\t\t\t\t\tmoduleId\n\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\t// ignore requests in error states\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\n\t\t// Management API\n\t\tcheck: hotCheck,\n\t\tapply: hotApply,\n\t\tstatus: function (l) {\n\t\t\tif (!l) return currentStatus;\n\t\t\tregisteredStatusHandlers.push(l);\n\t\t},\n\t\taddStatusHandler: function (l) {\n\t\t\tregisteredStatusHandlers.push(l);\n\t\t},\n\t\tremoveStatusHandler: function (l) {\n\t\t\tvar idx = registeredStatusHandlers.indexOf(l);\n\t\t\tif (idx >= 0) registeredStatusHandlers.splice(idx, 1);\n\t\t},\n\n\t\t// inherit from previous dispose call\n\t\tdata: currentModuleData[moduleId]\n\t};\n\tcurrentChildModule = undefined;\n\treturn hot;\n}\n\nfunction setStatus(newStatus) {\n\tcurrentStatus = newStatus;\n\tvar results = [];\n\n\tfor (var i = 0; i < registeredStatusHandlers.length; i++)\n\t\tresults[i] = registeredStatusHandlers[i].call(null, newStatus);\n\n\treturn Promise.all(results).then(function () {});\n}\n\nfunction unblock() {\n\tif (--blockingPromises === 0) {\n\t\tsetStatus(\"ready\").then(function () {\n\t\t\tif (blockingPromises === 0) {\n\t\t\t\tvar list = blockingPromisesWaiting;\n\t\t\t\tblockingPromisesWaiting = [];\n\t\t\t\tfor (var i = 0; i < list.length; i++) {\n\t\t\t\t\tlist[i]();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n\nfunction trackBlockingPromise(promise) {\n\tswitch (currentStatus) {\n\t\tcase \"ready\":\n\t\t\tsetStatus(\"prepare\");\n\t\t/* fallthrough */\n\t\tcase \"prepare\":\n\t\t\tblockingPromises++;\n\t\t\tpromise.then(unblock, unblock);\n\t\t\treturn promise;\n\t\tdefault:\n\t\t\treturn promise;\n\t}\n}\n\nfunction waitForBlockingPromises(fn) {\n\tif (blockingPromises === 0) return fn();\n\treturn new Promise(function (resolve) {\n\t\tblockingPromisesWaiting.push(function () {\n\t\t\tresolve(fn());\n\t\t});\n\t});\n}\n\nfunction hotCheck(applyOnUpdate) {\n\tif (currentStatus !== \"idle\") {\n\t\tthrow new Error(\"check() is only allowed in idle status\");\n\t}\n\treturn setStatus(\"check\")\n\t\t.then(__webpack_require__.hmrM)\n\t\t.then(function (update) {\n\t\t\tif (!update) {\n\t\t\t\treturn setStatus(applyInvalidatedModules() ? \"ready\" : \"idle\").then(\n\t\t\t\t\tfunction () {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn setStatus(\"prepare\").then(function () {\n\t\t\t\tvar updatedModules = [];\n\t\t\t\tcurrentUpdateApplyHandlers = [];\n\n\t\t\t\treturn Promise.all(\n\t\t\t\t\tObject.keys(__webpack_require__.hmrC).reduce(function (\n\t\t\t\t\t\tpromises,\n\t\t\t\t\t\tkey\n\t\t\t\t\t) {\n\t\t\t\t\t\t__webpack_require__.hmrC[key](\n\t\t\t\t\t\t\tupdate.c,\n\t\t\t\t\t\t\tupdate.r,\n\t\t\t\t\t\t\tupdate.m,\n\t\t\t\t\t\t\tpromises,\n\t\t\t\t\t\t\tcurrentUpdateApplyHandlers,\n\t\t\t\t\t\t\tupdatedModules\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn promises;\n\t\t\t\t\t}, [])\n\t\t\t\t).then(function () {\n\t\t\t\t\treturn waitForBlockingPromises(function () {\n\t\t\t\t\t\tif (applyOnUpdate) {\n\t\t\t\t\t\t\treturn internalApply(applyOnUpdate);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn setStatus(\"ready\").then(function () {\n\t\t\t\t\t\t\treturn updatedModules;\n\t\t\t\t\t\t});\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t});\n}\n\nfunction hotApply(options) {\n\tif (currentStatus !== \"ready\") {\n\t\treturn Promise.resolve().then(function () {\n\t\t\tthrow new Error(\n\t\t\t\t\"apply() is only allowed in ready status (state: \" +\n\t\t\t\t\tcurrentStatus +\n\t\t\t\t\t\")\"\n\t\t\t);\n\t\t});\n\t}\n\treturn internalApply(options);\n}\n\nfunction internalApply(options) {\n\toptions = options || {};\n\n\tapplyInvalidatedModules();\n\n\tvar results = currentUpdateApplyHandlers.map(function (handler) {\n\t\treturn handler(options);\n\t});\n\tcurrentUpdateApplyHandlers = undefined;\n\n\tvar errors = results\n\t\t.map(function (r) {\n\t\t\treturn r.error;\n\t\t})\n\t\t.filter(Boolean);\n\n\tif (errors.length > 0) {\n\t\treturn setStatus(\"abort\").then(function () {\n\t\t\tthrow errors[0];\n\t\t});\n\t}\n\n\t// Now in \"dispose\" phase\n\tvar disposePromise = setStatus(\"dispose\");\n\n\tresults.forEach(function (result) {\n\t\tif (result.dispose) result.dispose();\n\t});\n\n\t// Now in \"apply\" phase\n\tvar applyPromise = setStatus(\"apply\");\n\n\tvar error;\n\tvar reportError = function (err) {\n\t\tif (!error) error = err;\n\t};\n\n\tvar outdatedModules = [];\n\tresults.forEach(function (result) {\n\t\tif (result.apply) {\n\t\t\tvar modules = result.apply(reportError);\n\t\t\tif (modules) {\n\t\t\t\tfor (var i = 0; i < modules.length; i++) {\n\t\t\t\t\toutdatedModules.push(modules[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\n\treturn Promise.all([disposePromise, applyPromise]).then(function () {\n\t\t// handle errors in accept handlers and self accepted module load\n\t\tif (error) {\n\t\t\treturn setStatus(\"fail\").then(function () {\n\t\t\t\tthrow error;\n\t\t\t});\n\t\t}\n\n\t\tif (queuedInvalidatedModules) {\n\t\t\treturn internalApply(options).then(function (list) {\n\t\t\t\toutdatedModules.forEach(function (moduleId) {\n\t\t\t\t\tif (list.indexOf(moduleId) < 0) list.push(moduleId);\n\t\t\t\t});\n\t\t\t\treturn list;\n\t\t\t});\n\t\t}\n\n\t\treturn setStatus(\"idle\").then(function () {\n\t\t\treturn outdatedModules;\n\t\t});\n\t});\n}\n\nfunction applyInvalidatedModules() {\n\tif (queuedInvalidatedModules) {\n\t\tif (!currentUpdateApplyHandlers) currentUpdateApplyHandlers = [];\n\t\tObject.keys(__webpack_require__.hmrI).forEach(function (key) {\n\t\t\tqueuedInvalidatedModules.forEach(function (moduleId) {\n\t\t\t\t__webpack_require__.hmrI[key](\n\t\t\t\t\tmoduleId,\n\t\t\t\t\tcurrentUpdateApplyHandlers\n\t\t\t\t);\n\t\t\t});\n\t\t});\n\t\tqueuedInvalidatedModules = undefined;\n\t\treturn true;\n\t}\n}","var _publicPath = __RUSHSTACK_CURRENT_SCRIPT__ ? __RUSHSTACK_CURRENT_SCRIPT__.src : '';\n__webpack_require__.p = _publicPath.slice(0, _publicPath.lastIndexOf('/') + 1);","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = __webpack_require__.hmrS_jsonp = __webpack_require__.hmrS_jsonp || {\n\t\"approval-admin-web-part\": 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\nvar currentUpdatedModulesList;\nvar waitingUpdateResolves = {};\nfunction loadUpdateChunk(chunkId, updatedModulesList) {\n\tcurrentUpdatedModulesList = updatedModulesList;\n\treturn new Promise((resolve, reject) => {\n\t\twaitingUpdateResolves[chunkId] = resolve;\n\t\t// start update chunk loading\n\t\tvar url = __webpack_require__.p + __webpack_require__.hu(chunkId);\n\t\t// create error before stack unwound to get useful stacktrace later\n\t\tvar error = new Error();\n\t\tvar loadingEnded = (event) => {\n\t\t\tif(waitingUpdateResolves[chunkId]) {\n\t\t\t\twaitingUpdateResolves[chunkId] = undefined\n\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\terror.message = 'Loading hot update chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\terror.type = errorType;\n\t\t\t\terror.request = realSrc;\n\t\t\t\treject(error);\n\t\t\t}\n\t\t};\n\t\t__webpack_require__.l(url, loadingEnded);\n\t});\n}\n\nself[\"webpackHotUpdate_4825e72c_4ff3_479e_917e_f6b04e003a82_0_0_1\"] = (chunkId, moreModules, runtime) => {\n\tfor(var moduleId in moreModules) {\n\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\tcurrentUpdate[moduleId] = moreModules[moduleId];\n\t\t\tif(currentUpdatedModulesList) currentUpdatedModulesList.push(moduleId);\n\t\t}\n\t}\n\tif(runtime) currentUpdateRuntime.push(runtime);\n\tif(waitingUpdateResolves[chunkId]) {\n\t\twaitingUpdateResolves[chunkId]();\n\t\twaitingUpdateResolves[chunkId] = undefined;\n\t}\n};\n\nvar currentUpdateChunks;\nvar currentUpdate;\nvar currentUpdateRemovedChunks;\nvar currentUpdateRuntime;\nfunction applyHandler(options) {\n\tif (__webpack_require__.f) delete __webpack_require__.f.jsonpHmr;\n\tcurrentUpdateChunks = undefined;\n\tfunction getAffectedModuleEffects(updateModuleId) {\n\t\tvar outdatedModules = [updateModuleId];\n\t\tvar outdatedDependencies = {};\n\n\t\tvar queue = outdatedModules.map(function (id) {\n\t\t\treturn {\n\t\t\t\tchain: [id],\n\t\t\t\tid: id\n\t\t\t};\n\t\t});\n\t\twhile (queue.length > 0) {\n\t\t\tvar queueItem = queue.pop();\n\t\t\tvar moduleId = queueItem.id;\n\t\t\tvar chain = queueItem.chain;\n\t\t\tvar module = __webpack_require__.c[moduleId];\n\t\t\tif (\n\t\t\t\t!module ||\n\t\t\t\t(module.hot._selfAccepted && !module.hot._selfInvalidated)\n\t\t\t)\n\t\t\t\tcontinue;\n\t\t\tif (module.hot._selfDeclined) {\n\t\t\t\treturn {\n\t\t\t\t\ttype: \"self-declined\",\n\t\t\t\t\tchain: chain,\n\t\t\t\t\tmoduleId: moduleId\n\t\t\t\t};\n\t\t\t}\n\t\t\tif (module.hot._main) {\n\t\t\t\treturn {\n\t\t\t\t\ttype: \"unaccepted\",\n\t\t\t\t\tchain: chain,\n\t\t\t\t\tmoduleId: moduleId\n\t\t\t\t};\n\t\t\t}\n\t\t\tfor (var i = 0; i < module.parents.length; i++) {\n\t\t\t\tvar parentId = module.parents[i];\n\t\t\t\tvar parent = __webpack_require__.c[parentId];\n\t\t\t\tif (!parent) continue;\n\t\t\t\tif (parent.hot._declinedDependencies[moduleId]) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: \"declined\",\n\t\t\t\t\t\tchain: chain.concat([parentId]),\n\t\t\t\t\t\tmoduleId: moduleId,\n\t\t\t\t\t\tparentId: parentId\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (outdatedModules.indexOf(parentId) !== -1) continue;\n\t\t\t\tif (parent.hot._acceptedDependencies[moduleId]) {\n\t\t\t\t\tif (!outdatedDependencies[parentId])\n\t\t\t\t\t\toutdatedDependencies[parentId] = [];\n\t\t\t\t\taddAllToSet(outdatedDependencies[parentId], [moduleId]);\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tdelete outdatedDependencies[parentId];\n\t\t\t\toutdatedModules.push(parentId);\n\t\t\t\tqueue.push({\n\t\t\t\t\tchain: chain.concat([parentId]),\n\t\t\t\t\tid: parentId\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\ttype: \"accepted\",\n\t\t\tmoduleId: updateModuleId,\n\t\t\toutdatedModules: outdatedModules,\n\t\t\toutdatedDependencies: outdatedDependencies\n\t\t};\n\t}\n\n\tfunction addAllToSet(a, b) {\n\t\tfor (var i = 0; i < b.length; i++) {\n\t\t\tvar item = b[i];\n\t\t\tif (a.indexOf(item) === -1) a.push(item);\n\t\t}\n\t}\n\n\t// at begin all updates modules are outdated\n\t// the \"outdated\" status can propagate to parents if they don't accept the children\n\tvar outdatedDependencies = {};\n\tvar outdatedModules = [];\n\tvar appliedUpdate = {};\n\n\tvar warnUnexpectedRequire = function warnUnexpectedRequire(module) {\n\t\tconsole.warn(\n\t\t\t\"[HMR] unexpected require(\" + module.id + \") to disposed module\"\n\t\t);\n\t};\n\n\tfor (var moduleId in currentUpdate) {\n\t\tif (__webpack_require__.o(currentUpdate, moduleId)) {\n\t\t\tvar newModuleFactory = currentUpdate[moduleId];\n\t\t\t/** @type {TODO} */\n\t\t\tvar result = newModuleFactory\n\t\t\t\t? getAffectedModuleEffects(moduleId)\n\t\t\t\t: {\n\t\t\t\t\t\ttype: \"disposed\",\n\t\t\t\t\t\tmoduleId: moduleId\n\t\t\t\t\t};\n\t\t\t/** @type {Error|false} */\n\t\t\tvar abortError = false;\n\t\t\tvar doApply = false;\n\t\t\tvar doDispose = false;\n\t\t\tvar chainInfo = \"\";\n\t\t\tif (result.chain) {\n\t\t\t\tchainInfo = \"\\nUpdate propagation: \" + result.chain.join(\" -> \");\n\t\t\t}\n\t\t\tswitch (result.type) {\n\t\t\t\tcase \"self-declined\":\n\t\t\t\t\tif (options.onDeclined) options.onDeclined(result);\n\t\t\t\t\tif (!options.ignoreDeclined)\n\t\t\t\t\t\tabortError = new Error(\n\t\t\t\t\t\t\t\"Aborted because of self decline: \" +\n\t\t\t\t\t\t\t\tresult.moduleId +\n\t\t\t\t\t\t\t\tchainInfo\n\t\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"declined\":\n\t\t\t\t\tif (options.onDeclined) options.onDeclined(result);\n\t\t\t\t\tif (!options.ignoreDeclined)\n\t\t\t\t\t\tabortError = new Error(\n\t\t\t\t\t\t\t\"Aborted because of declined dependency: \" +\n\t\t\t\t\t\t\t\tresult.moduleId +\n\t\t\t\t\t\t\t\t\" in \" +\n\t\t\t\t\t\t\t\tresult.parentId +\n\t\t\t\t\t\t\t\tchainInfo\n\t\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"unaccepted\":\n\t\t\t\t\tif (options.onUnaccepted) options.onUnaccepted(result);\n\t\t\t\t\tif (!options.ignoreUnaccepted)\n\t\t\t\t\t\tabortError = new Error(\n\t\t\t\t\t\t\t\"Aborted because \" + moduleId + \" is not accepted\" + chainInfo\n\t\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"accepted\":\n\t\t\t\t\tif (options.onAccepted) options.onAccepted(result);\n\t\t\t\t\tdoApply = true;\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"disposed\":\n\t\t\t\t\tif (options.onDisposed) options.onDisposed(result);\n\t\t\t\t\tdoDispose = true;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tthrow new Error(\"Unexception type \" + result.type);\n\t\t\t}\n\t\t\tif (abortError) {\n\t\t\t\treturn {\n\t\t\t\t\terror: abortError\n\t\t\t\t};\n\t\t\t}\n\t\t\tif (doApply) {\n\t\t\t\tappliedUpdate[moduleId] = newModuleFactory;\n\t\t\t\taddAllToSet(outdatedModules, result.outdatedModules);\n\t\t\t\tfor (moduleId in result.outdatedDependencies) {\n\t\t\t\t\tif (__webpack_require__.o(result.outdatedDependencies, moduleId)) {\n\t\t\t\t\t\tif (!outdatedDependencies[moduleId])\n\t\t\t\t\t\t\toutdatedDependencies[moduleId] = [];\n\t\t\t\t\t\taddAllToSet(\n\t\t\t\t\t\t\toutdatedDependencies[moduleId],\n\t\t\t\t\t\t\tresult.outdatedDependencies[moduleId]\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (doDispose) {\n\t\t\t\taddAllToSet(outdatedModules, [result.moduleId]);\n\t\t\t\tappliedUpdate[moduleId] = warnUnexpectedRequire;\n\t\t\t}\n\t\t}\n\t}\n\tcurrentUpdate = undefined;\n\n\t// Store self accepted outdated modules to require them later by the module system\n\tvar outdatedSelfAcceptedModules = [];\n\tfor (var j = 0; j < outdatedModules.length; j++) {\n\t\tvar outdatedModuleId = outdatedModules[j];\n\t\tvar module = __webpack_require__.c[outdatedModuleId];\n\t\tif (\n\t\t\tmodule &&\n\t\t\t(module.hot._selfAccepted || module.hot._main) &&\n\t\t\t// removed self-accepted modules should not be required\n\t\t\tappliedUpdate[outdatedModuleId] !== warnUnexpectedRequire &&\n\t\t\t// when called invalidate self-accepting is not possible\n\t\t\t!module.hot._selfInvalidated\n\t\t) {\n\t\t\toutdatedSelfAcceptedModules.push({\n\t\t\t\tmodule: outdatedModuleId,\n\t\t\t\trequire: module.hot._requireSelf,\n\t\t\t\terrorHandler: module.hot._selfAccepted\n\t\t\t});\n\t\t}\n\t}\n\n\tvar moduleOutdatedDependencies;\n\n\treturn {\n\t\tdispose: function () {\n\t\t\tcurrentUpdateRemovedChunks.forEach(function (chunkId) {\n\t\t\t\tdelete installedChunks[chunkId];\n\t\t\t});\n\t\t\tcurrentUpdateRemovedChunks = undefined;\n\n\t\t\tvar idx;\n\t\t\tvar queue = outdatedModules.slice();\n\t\t\twhile (queue.length > 0) {\n\t\t\t\tvar moduleId = queue.pop();\n\t\t\t\tvar module = __webpack_require__.c[moduleId];\n\t\t\t\tif (!module) continue;\n\n\t\t\t\tvar data = {};\n\n\t\t\t\t// Call dispose handlers\n\t\t\t\tvar disposeHandlers = module.hot._disposeHandlers;\n\t\t\t\tfor (j = 0; j < disposeHandlers.length; j++) {\n\t\t\t\t\tdisposeHandlers[j].call(null, data);\n\t\t\t\t}\n\t\t\t\t__webpack_require__.hmrD[moduleId] = data;\n\n\t\t\t\t// disable module (this disables requires from this module)\n\t\t\t\tmodule.hot.active = false;\n\n\t\t\t\t// remove module from cache\n\t\t\t\tdelete __webpack_require__.c[moduleId];\n\n\t\t\t\t// when disposing there is no need to call dispose handler\n\t\t\t\tdelete outdatedDependencies[moduleId];\n\n\t\t\t\t// remove \"parents\" references from all children\n\t\t\t\tfor (j = 0; j < module.children.length; j++) {\n\t\t\t\t\tvar child = __webpack_require__.c[module.children[j]];\n\t\t\t\t\tif (!child) continue;\n\t\t\t\t\tidx = child.parents.indexOf(moduleId);\n\t\t\t\t\tif (idx >= 0) {\n\t\t\t\t\t\tchild.parents.splice(idx, 1);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// remove outdated dependency from module children\n\t\t\tvar dependency;\n\t\t\tfor (var outdatedModuleId in outdatedDependencies) {\n\t\t\t\tif (__webpack_require__.o(outdatedDependencies, outdatedModuleId)) {\n\t\t\t\t\tmodule = __webpack_require__.c[outdatedModuleId];\n\t\t\t\t\tif (module) {\n\t\t\t\t\t\tmoduleOutdatedDependencies =\n\t\t\t\t\t\t\toutdatedDependencies[outdatedModuleId];\n\t\t\t\t\t\tfor (j = 0; j < moduleOutdatedDependencies.length; j++) {\n\t\t\t\t\t\t\tdependency = moduleOutdatedDependencies[j];\n\t\t\t\t\t\t\tidx = module.children.indexOf(dependency);\n\t\t\t\t\t\t\tif (idx >= 0) module.children.splice(idx, 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tapply: function (reportError) {\n\t\t\t// insert new code\n\t\t\tfor (var updateModuleId in appliedUpdate) {\n\t\t\t\tif (__webpack_require__.o(appliedUpdate, updateModuleId)) {\n\t\t\t\t\t__webpack_require__.m[updateModuleId] = appliedUpdate[updateModuleId];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// run new runtime modules\n\t\t\tfor (var i = 0; i < currentUpdateRuntime.length; i++) {\n\t\t\t\tcurrentUpdateRuntime[i](__webpack_require__);\n\t\t\t}\n\n\t\t\t// call accept handlers\n\t\t\tfor (var outdatedModuleId in outdatedDependencies) {\n\t\t\t\tif (__webpack_require__.o(outdatedDependencies, outdatedModuleId)) {\n\t\t\t\t\tvar module = __webpack_require__.c[outdatedModuleId];\n\t\t\t\t\tif (module) {\n\t\t\t\t\t\tmoduleOutdatedDependencies =\n\t\t\t\t\t\t\toutdatedDependencies[outdatedModuleId];\n\t\t\t\t\t\tvar callbacks = [];\n\t\t\t\t\t\tvar errorHandlers = [];\n\t\t\t\t\t\tvar dependenciesForCallbacks = [];\n\t\t\t\t\t\tfor (var j = 0; j < moduleOutdatedDependencies.length; j++) {\n\t\t\t\t\t\t\tvar dependency = moduleOutdatedDependencies[j];\n\t\t\t\t\t\t\tvar acceptCallback =\n\t\t\t\t\t\t\t\tmodule.hot._acceptedDependencies[dependency];\n\t\t\t\t\t\t\tvar errorHandler =\n\t\t\t\t\t\t\t\tmodule.hot._acceptedErrorHandlers[dependency];\n\t\t\t\t\t\t\tif (acceptCallback) {\n\t\t\t\t\t\t\t\tif (callbacks.indexOf(acceptCallback) !== -1) continue;\n\t\t\t\t\t\t\t\tcallbacks.push(acceptCallback);\n\t\t\t\t\t\t\t\terrorHandlers.push(errorHandler);\n\t\t\t\t\t\t\t\tdependenciesForCallbacks.push(dependency);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfor (var k = 0; k < callbacks.length; k++) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tcallbacks[k].call(null, moduleOutdatedDependencies);\n\t\t\t\t\t\t\t} catch (err) {\n\t\t\t\t\t\t\t\tif (typeof errorHandlers[k] === \"function\") {\n\t\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\t\terrorHandlers[k](err, {\n\t\t\t\t\t\t\t\t\t\t\tmoduleId: outdatedModuleId,\n\t\t\t\t\t\t\t\t\t\t\tdependencyId: dependenciesForCallbacks[k]\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t} catch (err2) {\n\t\t\t\t\t\t\t\t\t\tif (options.onErrored) {\n\t\t\t\t\t\t\t\t\t\t\toptions.onErrored({\n\t\t\t\t\t\t\t\t\t\t\t\ttype: \"accept-error-handler-errored\",\n\t\t\t\t\t\t\t\t\t\t\t\tmoduleId: outdatedModuleId,\n\t\t\t\t\t\t\t\t\t\t\t\tdependencyId: dependenciesForCallbacks[k],\n\t\t\t\t\t\t\t\t\t\t\t\terror: err2,\n\t\t\t\t\t\t\t\t\t\t\t\toriginalError: err\n\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tif (!options.ignoreErrored) {\n\t\t\t\t\t\t\t\t\t\t\treportError(err2);\n\t\t\t\t\t\t\t\t\t\t\treportError(err);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (options.onErrored) {\n\t\t\t\t\t\t\t\t\t\toptions.onErrored({\n\t\t\t\t\t\t\t\t\t\t\ttype: \"accept-errored\",\n\t\t\t\t\t\t\t\t\t\t\tmoduleId: outdatedModuleId,\n\t\t\t\t\t\t\t\t\t\t\tdependencyId: dependenciesForCallbacks[k],\n\t\t\t\t\t\t\t\t\t\t\terror: err\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif (!options.ignoreErrored) {\n\t\t\t\t\t\t\t\t\t\treportError(err);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Load self accepted modules\n\t\t\tfor (var o = 0; o < outdatedSelfAcceptedModules.length; o++) {\n\t\t\t\tvar item = outdatedSelfAcceptedModules[o];\n\t\t\t\tvar moduleId = item.module;\n\t\t\t\ttry {\n\t\t\t\t\titem.require(moduleId);\n\t\t\t\t} catch (err) {\n\t\t\t\t\tif (typeof item.errorHandler === \"function\") {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\titem.errorHandler(err, {\n\t\t\t\t\t\t\t\tmoduleId: moduleId,\n\t\t\t\t\t\t\t\tmodule: __webpack_require__.c[moduleId]\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} catch (err1) {\n\t\t\t\t\t\t\tif (options.onErrored) {\n\t\t\t\t\t\t\t\toptions.onErrored({\n\t\t\t\t\t\t\t\t\ttype: \"self-accept-error-handler-errored\",\n\t\t\t\t\t\t\t\t\tmoduleId: moduleId,\n\t\t\t\t\t\t\t\t\terror: err1,\n\t\t\t\t\t\t\t\t\toriginalError: err\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (!options.ignoreErrored) {\n\t\t\t\t\t\t\t\treportError(err1);\n\t\t\t\t\t\t\t\treportError(err);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (options.onErrored) {\n\t\t\t\t\t\t\toptions.onErrored({\n\t\t\t\t\t\t\t\ttype: \"self-accept-errored\",\n\t\t\t\t\t\t\t\tmoduleId: moduleId,\n\t\t\t\t\t\t\t\terror: err\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (!options.ignoreErrored) {\n\t\t\t\t\t\t\treportError(err);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn outdatedModules;\n\t\t}\n\t};\n}\n__webpack_require__.hmrI.jsonp = function (moduleId, applyHandlers) {\n\tif (!currentUpdate) {\n\t\tcurrentUpdate = {};\n\t\tcurrentUpdateRuntime = [];\n\t\tcurrentUpdateRemovedChunks = [];\n\t\tapplyHandlers.push(applyHandler);\n\t}\n\tif (!__webpack_require__.o(currentUpdate, moduleId)) {\n\t\tcurrentUpdate[moduleId] = __webpack_require__.m[moduleId];\n\t}\n};\n__webpack_require__.hmrC.jsonp = function (\n\tchunkIds,\n\tremovedChunks,\n\tremovedModules,\n\tpromises,\n\tapplyHandlers,\n\tupdatedModulesList\n) {\n\tapplyHandlers.push(applyHandler);\n\tcurrentUpdateChunks = {};\n\tcurrentUpdateRemovedChunks = removedChunks;\n\tcurrentUpdate = removedModules.reduce(function (obj, key) {\n\t\tobj[key] = false;\n\t\treturn obj;\n\t}, {});\n\tcurrentUpdateRuntime = [];\n\tchunkIds.forEach(function (chunkId) {\n\t\tif (\n\t\t\t__webpack_require__.o(installedChunks, chunkId) &&\n\t\t\tinstalledChunks[chunkId] !== undefined\n\t\t) {\n\t\t\tpromises.push(loadUpdateChunk(chunkId, updatedModulesList));\n\t\t\tcurrentUpdateChunks[chunkId] = true;\n\t\t} else {\n\t\t\tcurrentUpdateChunks[chunkId] = false;\n\t\t}\n\t});\n\tif (__webpack_require__.f) {\n\t\t__webpack_require__.f.jsonpHmr = function (chunkId, promises) {\n\t\t\tif (\n\t\t\t\tcurrentUpdateChunks &&\n\t\t\t\t__webpack_require__.o(currentUpdateChunks, chunkId) &&\n\t\t\t\t!currentUpdateChunks[chunkId]\n\t\t\t) {\n\t\t\t\tpromises.push(loadUpdateChunk(chunkId));\n\t\t\t\tcurrentUpdateChunks[chunkId] = true;\n\t\t\t}\n\t\t};\n\t}\n};\n\n__webpack_require__.hmrM = () => {\n\tif (typeof fetch === \"undefined\") throw new Error(\"No browser support: need fetch API\");\n\treturn fetch(__webpack_require__.p + __webpack_require__.hmrF()).then((response) => {\n\t\tif(response.status === 404) return; // no update available\n\t\tif(!response.ok) throw new Error(\"Failed to fetch update manifest \" + response.statusText);\n\t\treturn response.json();\n\t});\n};\n\n// no on chunks loaded\n\n// no jsonp function","","// module cache are used so entry inlining is disabled\n// startup\n// Load entry module and return exports\n__webpack_require__(29);\n__webpack_require__(826);\nvar __webpack_exports__ = __webpack_require__(403);\n",""],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"approval-admin-web-part.js","mappings":"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ACD,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;6BAC5D,CAAC;;wBAPI,QAAQ,GAAG,SAOf;wBACF,sBAAO,aAAa,CAAI,QAAQ,CAAC,EAAC;;;;KACnC;IACH,uBAAC;AAAD,CAAC;;;;;;;;;;;;;;;;;;;;;;;AC/JD;AACA;AACA,gBAAgB,SAAI,IAAI,SAAI;AAC5B;AACA,iDAAiD,OAAO;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,qBAAM,WAAW;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oCAAoC,YAAY;AAChD;AACA;AACA,aAAa;AACb;AACA;AACA;AACA,eAAe;AACf;AACA;AACA,oCAAoC,YAAY,8BAA8B;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,wBAAwB;AACnC,WAAW,SAAS;AACpB;AACO;AACP,gCAAgC;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,WAAW;AACX;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB,WAAW,cAAc;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,OAAO;AAClB;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oEAAoE,gBAAgB;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,eAAe;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,SAAY;AAC5B,gBAAgB,IAAK;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,QAAQ;AACnB;AACO;AACP;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,eAAe;AAC1B,WAAW,cAAc;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtSA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW,gBAAgB,sCAAsC,kBAAkB;AACnF,0BAA0B;AAC1B;AACA;AACA;AACO;AACP;AACA;AACA;AACA,oBAAoB;AACpB;AACA;AACA;AACO;AACP;AACA,iDAAiD,OAAO;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA,6DAA6D,cAAc;AAC3E;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA,6CAA6C,QAAQ;AACrD;AACA;AACA;AACO;AACP,oCAAoC;AACpC;AACA;AACO;AACP;AACA;AACA;AACO;AACP,4BAA4B,+DAA+D,iBAAiB;AAC5G;AACA,oCAAoC,MAAM,+BAA+B,YAAY;AACrF,mCAAmC,MAAM,mCAAmC,YAAY;AACxF,gCAAgC;AAChC;AACA,KAAK;AACL;AACA;AACO;AACP,cAAc,6BAA6B,0BAA0B,cAAc,qBAAqB;AACxG,iBAAiB,oDAAoD,qEAAqE,cAAc;AACxJ,uBAAuB,sBAAsB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwC;AACxC,mCAAmC,SAAS;AAC5C,mCAAmC,WAAW,UAAU;AACxD,0CAA0C,cAAc;AACxD;AACA,8GAA8G,OAAO;AACrH,iFAAiF,iBAAiB;AAClG,yDAAyD,gBAAgB,QAAQ;AACjF,+CAA+C,gBAAgB,gBAAgB;AAC/E;AACA,kCAAkC;AAClC;AACA;AACA,UAAU,YAAY,aAAa,SAAS,UAAU;AACtD,oCAAoC,SAAS;AAC7C;AACA;AACA;AACO;AACP;AACA,mCAAmC,oCAAoC,gBAAgB;AACvF,CAAC;AACD;AACA;AACA,CAAC;AACD;AACO;AACP;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,MAAM;AAC1B;AACA;AACA;AACA;AACA,kBAAkB;AAClB;AACA;AACA;AACA;AACA;AACO;AACP,6BAA6B,sBAAsB;AACnD;AACA;AACA;AACA;AACA;AACO;AACP,kDAAkD,QAAQ;AAC1D,yCAAyC,QAAQ;AACjD,yDAAyD,QAAQ;AACjE;AACA;AACA;AACA;AACO;AACP,6EAA6E,OAAO;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACO;AACP;AACA;AACA,iBAAiB,uFAAuF,cAAc;AACtH,uBAAuB,gCAAgC,qCAAqC,2CAA2C;AACvI,4BAA4B,MAAM,iBAAiB,YAAY;AAC/D,u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","sources":["webpack:///.././lib/webparts/approvalAdmin/components/ApprovalAdmin.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/app/AdminApp.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/app/TopNav.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/Alert.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/Badge.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/Button.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/Card.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/DataTable.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/FormField.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/Modal.module.scss.css","webpack:///.././lib/webparts/approvalAdmin/components/ui/PageChrome.module.scss.css","webpack:///.././src/webparts/approvalAdmin/components/ApprovalAdmin.tsx","webpack:///.././src/webparts/approvalAdmin/components/app/AdminApp.tsx","webpack:///.././src/webparts/approvalAdmin/components/app/TopNav.tsx","webpack:///.././src/webparts/approvalAdmin/components/screens/DashboardScreen.tsx","webpack:///.././src/webparts/approvalAdmin/components/screens/RequestTypesScreen.tsx","webpack:///.././src/webparts/approvalAdmin/components/screens/ResolveScreen.tsx","webpack:///.././src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx","webpack:///.././src/webparts/approvalAdmin/components/screens/RoutesScreen.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/Alert.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/Badge.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/Button.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/Card.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/DataTable.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/FormField.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/Icon.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/Modal.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/PageChrome.tsx","webpack:///.././src/webparts/approvalAdmin/components/ui/index.ts","webpack:///.././src/webparts/approvalAdmin/models/index.ts","webpack:///.././src/webparts/approvalAdmin/services/api.ts","webpack:///.././src/webparts/approvalAdmin/services/httpClient.ts","webpack:///.././node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js","webpack:///.././node_modules/tslib/tslib.es6.js","webpack:///../external amd \"@microsoft/sp-core-library\"","webpack:///../external amd \"@microsoft/sp-http\"","webpack:///../external amd \"@microsoft/sp-property-pane\"","webpack:///../external amd \"@microsoft/sp-webpart-base\"","webpack:///../external amd \"react\"","webpack:///../external amd \"react-dom\"","webpack:///../webpack/bootstrap","webpack:///../webpack/runtime/compat get default export","webpack:///../webpack/runtime/define property getters","webpack:///../webpack/runtime/global","webpack:///../webpack/runtime/hasOwnProperty shorthand","webpack:///../webpack/runtime/make namespace object","webpack:///.././src/webparts/approvalAdmin/ApprovalAdminWebPart.ts"],"sourcesContent":["// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.approvalAdmin_36d7a38f{font-family:Inter,-apple-system,Segoe UI,sans-serif}.stateBox_36d7a38f{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;color:#6b7280;font-size:13.5px;padding:40px 24px;text-align:center}\", true);\n\n// Exports\nexport default {\n  approvalAdmin: \"approvalAdmin_36d7a38f\",\n  stateBox: \"stateBox_36d7a38f\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.shell_34febe7a{background:linear-gradient(180deg,#f6f8fa,#eef2f6);border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);color:#111827;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.55;overflow:hidden}.content_34febe7a{margin:0 auto;max-width:1080px;padding:28px 30px 36px}.centerState_34febe7a{color:#9ca3af;font-size:13.5px;padding:60px 30px;text-align:center}\", true);\n\n// Exports\nexport default {\n  shell: \"shell_34febe7a\",\n  centerState: \"centerState_34febe7a\",\n  content: \"content_34febe7a\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.topnav_beba2ab6{align-items:center;background:linear-gradient(135deg,#0a1b30,#1b3a5c 85%);border-radius:10px 10px 0 0;box-shadow:0 1px 0 rgba(212,160,30,.35);display:flex;flex-wrap:wrap;height:54px;padding:0 22px}.brand_beba2ab6{flex-shrink:0;gap:10px;margin-right:28px}.brand_beba2ab6,.mark_beba2ab6{align-items:center;display:flex}.mark_beba2ab6{background:linear-gradient(180deg,#e5b635,#b8881a);border-radius:7px;color:#0a1b30;font-family:Lora,Georgia,serif;font-size:13px;font-weight:800;height:30px;justify-content:center;width:30px}.brandText_beba2ab6{color:#fff;font-size:13px;font-weight:600;letter-spacing:.4px;white-space:nowrap}.brandText_beba2ab6 em{color:#e5b635;font-style:normal}.tabs_beba2ab6{display:flex;flex-wrap:wrap;height:100%}.tab_beba2ab6{background:0;border:none;border-bottom:2px solid transparent;color:hsla(0,0%,100%,.5);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;height:54px;letter-spacing:.2px;padding:0 16px;transition:.18s}.tab_beba2ab6:hover{color:hsla(0,0%,100%,.85)}.tab_beba2ab6.on_beba2ab6{border-bottom-color:#e5b635;color:#f0cc5e}\", true);\n\n// Exports\nexport default {\n  topnav: \"topnav_beba2ab6\",\n  brand: \"brand_beba2ab6\",\n  mark: \"mark_beba2ab6\",\n  brandText: \"brandText_beba2ab6\",\n  tabs: \"tabs_beba2ab6\",\n  tab: \"tab_beba2ab6\",\n  on: \"on_beba2ab6\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.alert_39a4b1a3{align-items:center;border:1px solid;border-radius:10px;display:flex;font-size:12.5px;gap:10px;line-height:1.5;margin-bottom:18px;padding:12px 16px}.warn_39a4b1a3{background:#fefbf0;border-color:#f0cc5e;color:#854d0e}.ok_39a4b1a3{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.err_39a4b1a3{background:#fef2f2;border-color:#fecaca;color:#dc2626}\", true);\n\n// Exports\nexport default {\n  alert: \"alert_39a4b1a3\",\n  warn: \"warn_39a4b1a3\",\n  ok: \"ok_39a4b1a3\",\n  err: \"err_39a4b1a3\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.badge_3fba18e1{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.2px;padding:3px 11px;white-space:nowrap}.badge_3fba18e1:before{background:currentColor;border-radius:50%;content:\\\"\\\";height:5px;width:5px}.ok_3fba18e1{background:#f0fdf4;color:#15803d}.gold_3fba18e1{background:#fdf5e0;color:#854d0e}.neutral_3fba18e1{background:#f3f4f6;color:#6b7280}.blue_3fba18e1{background:#eff6ff;color:#2563eb}.red_3fba18e1{background:#fef2f2;color:#dc2626}.count_3fba18e1{align-items:center;background:#0f2440;border-radius:11px;color:#f0cc5e;display:inline-flex;font-size:11px;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 6px}\", true);\n\n// Exports\nexport default {\n  badge: \"badge_3fba18e1\",\n  ok: \"ok_3fba18e1\",\n  gold: \"gold_3fba18e1\",\n  neutral: \"neutral_3fba18e1\",\n  blue: \"blue_3fba18e1\",\n  red: \"red_3fba18e1\",\n  count: \"count_3fba18e1\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.btn_74afcd3b{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:13px;font-weight:500;gap:7px;letter-spacing:.15px;padding:10px 20px;text-decoration:none;transition:.18s;white-space:nowrap}.btn_74afcd3b:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.primary_74afcd3b{background:#1b3a5c;border-color:#1b3a5c;color:#fff}.primary_74afcd3b:hover:not(:disabled){background:#244b73;box-shadow:0 4px 16px rgba(15,36,64,.07)}.accent_74afcd3b{background:linear-gradient(135deg,#e5b635,#d4a01e);border:1px solid #d4a01e;color:#0a1b30;font-weight:600}.accent_74afcd3b:hover{box-shadow:0 4px 20px rgba(212,160,30,.18);transform:translateY(-1px)}.secondary_74afcd3b{background:#fff;border-color:#d1d5db;color:#1b3a5c}.secondary_74afcd3b:hover:not(:disabled){border-color:#d4a01e;color:#0f2440}.ghost_74afcd3b{background:transparent;border-color:transparent;color:#244b73}.ghost_74afcd3b:hover:not(:disabled){background:#e8eef4}.danger_74afcd3b{background:#fff;border-color:#d1d5db;color:#dc2626}.danger_74afcd3b:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.sm_74afcd3b{font-size:12.5px;padding:7px 14px}.iconButton_74afcd3b{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:#9ca3af;cursor:pointer;display:inline-flex;height:33px;justify-content:center;padding:0;transition:.18s;width:33px}.iconButton_74afcd3b:hover:not(:disabled){background:#f4f7fa;border-color:#e5e7eb;color:#1b3a5c}.iconButton_74afcd3b.danger_74afcd3b:hover:not(:disabled){background:#fef2f2;color:#dc2626}.iconButton_74afcd3b:disabled{cursor:not-allowed;opacity:.4}\", true);\n\n// Exports\nexport default {\n  btn: \"btn_74afcd3b\",\n  primary: \"primary_74afcd3b\",\n  accent: \"accent_74afcd3b\",\n  secondary: \"secondary_74afcd3b\",\n  ghost: \"ghost_74afcd3b\",\n  danger: \"danger_74afcd3b\",\n  sm: \"sm_74afcd3b\",\n  iconButton: \"iconButton_74afcd3b\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.grid_61c1671e{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin-bottom:24px}.navCard_61c1671e{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);color:inherit;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:22px 24px;position:relative;text-decoration:none;transition:.22s}.navCard_61c1671e:hover{border-color:#f0cc5e;box-shadow:0 12px 32px rgba(15,36,64,.1);transform:translateY(-2px)}.navCard_61c1671e:before{background:linear-gradient(180deg,#e5b635,#b8881a);bottom:0;content:\\\"\\\";left:0;opacity:0;position:absolute;top:0;transition:.22s;width:3px}.navCard_61c1671e:hover:before{opacity:1}.navIcon_61c1671e{align-items:center;background:#f4f7fa;border:1px solid #e8eef4;border-radius:10px;color:#244b73;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:.22s;width:44px}.navCard_61c1671e:hover .navIcon_61c1671e{background:#fefbf0;border-color:#f0cc5e;color:#b8881a}.navTitle_61c1671e{color:#0f2440;font-size:14.5px;font-weight:600;letter-spacing:.1px}.navDesc_61c1671e{color:#9ca3af;font-size:12px;margin-top:2px}.navArrow_61c1671e{color:#d1d5db;display:flex;margin-left:auto;transition:.22s}.navCard_61c1671e:hover .navArrow_61c1671e{color:#d4a01e;transform:translateX(3px)}.statRow_61c1671e{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:24px}.statCard_61c1671e{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);padding:18px 20px}.statLabel_61c1671e{color:#9ca3af;font-size:10px;font-weight:600;letter-spacing:1.2px;margin-bottom:6px;text-transform:uppercase}.statValue_61c1671e{color:#0f2440;font-family:Lora,Georgia,serif;font-size:26px;font-weight:600}\", true);\n\n// Exports\nexport default {\n  navCard: \"navCard_61c1671e\",\n  navIcon: \"navIcon_61c1671e\",\n  navTitle: \"navTitle_61c1671e\",\n  navDesc: \"navDesc_61c1671e\",\n  navArrow: \"navArrow_61c1671e\",\n  statRow: \"statRow_61c1671e\",\n  statCard: \"statCard_61c1671e\",\n  statLabel: \"statLabel_61c1671e\",\n  statValue: \"statValue_61c1671e\",\n  grid: \"grid_61c1671e\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.wrap_c8b7af27{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);overflow:hidden}.table_c8b7af27{border-collapse:collapse;font-size:13.5px;width:100%}.table_c8b7af27 thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:10.5px;font-weight:600;letter-spacing:1.2px;padding:13px 18px;text-align:left;text-transform:uppercase;white-space:nowrap}.table_c8b7af27 tbody td{border-bottom:1px solid #f3f4f6;color:#374151;padding:15px 18px;vertical-align:middle}.table_c8b7af27 tbody tr:last-child td{border-bottom:0}.table_c8b7af27 tbody tr{transition:.12s}.table_c8b7af27 tbody tr:hover{background:#fefbf0}.primaryCell_c8b7af27{align-items:center;color:#0f2440;display:flex;font-weight:500;gap:10px}.actionsCell_c8b7af27{align-items:center;display:flex;gap:4px;justify-content:flex-end}.empty_c8b7af27{color:#9ca3af;font-size:13px;padding:48px 20px;text-align:center}\", true);\n\n// Exports\nexport default {\n  wrap: \"wrap_c8b7af27\",\n  table: \"table_c8b7af27\",\n  primaryCell: \"primaryCell_c8b7af27\",\n  actionsCell: \"actionsCell_c8b7af27\",\n  empty: \"empty_c8b7af27\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.grid_32494649{display:grid;gap:18px 22px;grid-template-columns:1fr 1fr}.field_32494649{display:flex;flex-direction:column;gap:6px}.full_32494649{grid-column:1/-1}.label_32494649{color:#374151;font-size:12px;font-weight:500;letter-spacing:.2px}.req_32494649{color:#b8881a}.input_32494649,.select_32494649,.textarea_32494649{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:13.5px;padding:11px 13px;transition:.18s;width:100%}.input_32494649:focus,.select_32494649:focus,.textarea_32494649:focus{border-color:#d4a01e;box-shadow:0 0 0 3px rgba(212,160,30,.12);outline:0}.input_32494649:-ms-input-placeholder, .select_32494649:-ms-input-placeholder, .textarea_32494649:-ms-input-placeholder{color:#9ca3af}.input_32494649::placeholder,.select_32494649::placeholder,.textarea_32494649::placeholder{color:#9ca3af}.input_32494649:disabled,.select_32494649:disabled,.textarea_32494649:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.textarea_32494649{min-height:80px;resize:vertical}.select_32494649{appearance:none;background-image:url(\\\"data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\\\");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.errorText_32494649{color:#dc2626;font-size:11.5px}.hint_32494649{color:#9ca3af;font-size:11.5px}.checkboxRow_32494649{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox_32494649{accent-color:#d4a01e;cursor:pointer;height:17px;width:17px}.radioGroup_32494649{display:flex;flex-direction:column;gap:8px}.radioRow_32494649{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:9px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.radioRow_32494649.disabled_32494649{cursor:not-allowed;opacity:.45}.radio_32494649{accent-color:#d4a01e;cursor:pointer;height:16px;width:16px}.radio_32494649:disabled{cursor:not-allowed}\", true);\n\n// Exports\nexport default {\n  field: \"field_32494649\",\n  full: \"full_32494649\",\n  label: \"label_32494649\",\n  req: \"req_32494649\",\n  input: \"input_32494649\",\n  select: \"select_32494649\",\n  textarea: \"textarea_32494649\",\n  errorText: \"errorText_32494649\",\n  hint: \"hint_32494649\",\n  checkboxRow: \"checkboxRow_32494649\",\n  checkbox: \"checkbox_32494649\",\n  radioGroup: \"radioGroup_32494649\",\n  radioRow: \"radioRow_32494649\",\n  disabled: \"disabled_32494649\",\n  radio: \"radio_32494649\",\n  grid: \"grid_32494649\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.overlay_4d365bec{align-items:center;backdrop-filter:blur(6px);background:rgba(10,27,48,.5);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.box_4d365bec{background:#fff;border-radius:14px;border-top:3px solid #d4a01e;box-shadow:0 24px 70px rgba(10,27,48,.25);max-height:calc(100vh - 40px);max-width:100%;overflow-y:auto;width:480px}.narrow_4d365bec{padding:30px;text-align:center;width:420px}.header_4d365bec{align-items:center;display:flex;justify-content:space-between;padding:22px 26px 0}.title_4d365bec{color:#0f2440;font-family:Lora,Georgia,serif;font-size:19px;font-weight:600}.body_4d365bec{padding:18px 26px 26px}.narrowBody_4d365bec{padding:0}.text_4d365bec{color:#6b7280;font-size:13px;line-height:1.6;margin-bottom:24px}.footer_4d365bec{display:flex;gap:10px;justify-content:flex-end;padding:16px 26px 22px}.narrowFooter_4d365bec{justify-content:center;margin-top:24px;padding:0}\", true);\n\n// Exports\nexport default {\n  overlay: \"overlay_4d365bec\",\n  box: \"box_4d365bec\",\n  narrow: \"narrow_4d365bec\",\n  header: \"header_4d365bec\",\n  title: \"title_4d365bec\",\n  body: \"body_4d365bec\",\n  narrowBody: \"narrowBody_4d365bec\",\n  text: \"text_4d365bec\",\n  footer: \"footer_4d365bec\",\n  narrowFooter: \"narrowFooter_4d365bec\"\n};\n","// Imports\nimport * as __LOAD_THEMED_STYLES__ from \"../../../../../node_modules/@microsoft/sp-css-loader/node_modules/@microsoft/load-themed-styles/lib-es6/index.js\";\n\n__LOAD_THEMED_STYLES__.loadStyles(\":root{--navy-950:#0a1b30;--navy-900:#0f2440;--navy-800:#1b3a5c;--navy-700:#244b73;--navy-600:#2d5c8a;--navy-100:#e8eef4;--navy-50:#f4f7fa;--gold-600:#b8881a;--gold-500:#d4a01e;--gold-400:#e5b635;--gold-300:#f0cc5e;--gold-100:#fdf5e0;--gold-50:#fefbf0;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--red-500:#dc2626;--red-50:#fef2f2;--green-600:#15803d;--green-50:#f0fdf4;--blue-600:#2563eb;--blue-50:#eff6ff;--amber-700:#854d0e;--sh-1:0 1px 2px rgba(15,36,64,.04),0 1px 3px rgba(15,36,64,.06);--sh-2:0 4px 16px rgba(15,36,64,.07);--sh-3:0 12px 32px rgba(15,36,64,.1);--sh-gold:0 4px 20px rgba(212,160,30,.18);--sh-modal:0 24px 70px rgba(10,27,48,.25);--r-sm:6px;--r-md:10px;--r-lg:14px}.bread_22491a1c{align-items:center;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:12px;gap:7px;letter-spacing:.2px;margin-bottom:14px}.breadLink_22491a1c{background:none;border:0;color:#244b73;cursor:pointer;font:inherit;padding:0;text-decoration:none}.breadLink_22491a1c:hover{color:#b8881a}.sep_22491a1c{color:#e5b635;font-size:10px}.ph_22491a1c{align-items:center;background:linear-gradient(135deg,#0a1b30,#1b3a5c 85%);border-radius:14px;box-shadow:0 4px 16px rgba(15,36,64,.07);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:26px 30px;position:relative}.ph_22491a1c:before{background:linear-gradient(90deg,#d4a01e,transparent 60%);bottom:0;content:\\\"\\\";height:2px;left:0;position:absolute;right:0}.ph_22491a1c:after{background:radial-gradient(circle,rgba(212,160,30,.14),transparent 65%);border-radius:50%;content:\\\"\\\";height:220px;position:absolute;right:-60px;top:-60px;width:220px}.phLeft_22491a1c{align-items:center;display:flex;gap:18px;position:relative;z-index:1}.phIcon_22491a1c{align-items:center;background:rgba(212,160,30,.14);border:1px solid rgba(212,160,30,.3);border-radius:10px;color:#f0cc5e;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.phSub_22491a1c{color:hsla(0,0%,100%,.55);font-size:10.5px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase}.phTitle_22491a1c{color:#fff;font-family:Lora,Georgia,serif;font-size:24px;font-weight:600;letter-spacing:.2px;margin-top:3px}.phRight_22491a1c{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}\", true);\n\n// Exports\nexport default {\n  bread: \"bread_22491a1c\",\n  breadLink: \"breadLink_22491a1c\",\n  sep: \"sep_22491a1c\",\n  ph: \"ph_22491a1c\",\n  phLeft: \"phLeft_22491a1c\",\n  phIcon: \"phIcon_22491a1c\",\n  phSub: \"phSub_22491a1c\",\n  phTitle: \"phTitle_22491a1c\",\n  phRight: \"phRight_22491a1c\"\n};\n","import * as React from 'react';\nimport styles from './ApprovalAdmin.module.scss';\nimport type { IApprovalAdminProps } from './IApprovalAdminProps';\nimport { AdminApp } from './app/AdminApp';\nimport { ApprovalRouteApi } from '../services/api';\nimport { AadApiHttpClient, DevApiHttpClient, IHttpClient } from '../services/httpClient';\n\nconst FONTS_LINK_ID = 'tnsu-approval-admin-fonts';\n\nfunction ensureFontsLoaded(): void {\n  if (typeof document === 'undefined' || document.getElementById(FONTS_LINK_ID)) return;\n  const link = document.createElement('link');\n  link.id = FONTS_LINK_ID;\n  link.rel = 'stylesheet';\n  link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap';\n  document.head.appendChild(link);\n}\n\nasync function createHttpClient(props: IApprovalAdminProps): Promise<IHttpClient> {\n  if (props.useDevAuth) {\n    return new DevApiHttpClient(props.apiBaseUrl, props.devUserEmail || 'dev@tnsu.kz');\n  }\n  const aadClient = await props.context.aadHttpClientFactory.getClient(props.aadResourceId);\n  return new AadApiHttpClient(aadClient, props.apiBaseUrl);\n}\n\nconst ApprovalAdmin: React.FC<IApprovalAdminProps> = props => {\n  const [api, setApi] = React.useState<ApprovalRouteApi | undefined>();\n  const [error, setError] = React.useState<string | undefined>();\n\n  React.useEffect(() => {\n    ensureFontsLoaded();\n  }, []);\n\n  React.useEffect(() => {\n    let cancelled = false;\n    setApi(undefined);\n    setError(undefined);\n\n    createHttpClient(props)\n      .then(client => { if (!cancelled) setApi(new ApprovalRouteApi(client)); })\n      .catch((e: Error) => { if (!cancelled) setError(e.message); });\n\n    return () => { cancelled = true; };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.useDevAuth, props.apiBaseUrl, props.devUserEmail, props.aadResourceId]);\n\n  return (\n    <section className={styles.approvalAdmin}>\n      {error && (\n        <div className={styles.stateBox}>\n          Не удалось подключиться к API: {error}\n          <br />\n          Проверьте свойства веб-части (Api Base Url, режим авторизации) в панели настроек.\n        </div>\n      )}\n      {!error && !api && <div className={styles.stateBox}>Подключение к API...</div>}\n      {api && <AdminApp api={api} currentUserEmail={props.context.pageContext.user.email} />}\n    </section>\n  );\n};\n\nexport default ApprovalAdmin;\n","import * as React from 'react';\nimport styles from './AdminApp.module.scss';\nimport { TopNav } from './TopNav';\nimport { ScreenKey } from './types';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { TemplateRoute } from '../../models';\nimport { DashboardScreen } from '../screens/DashboardScreen';\nimport { RequestTypesScreen } from '../screens/RequestTypesScreen';\nimport { RoutesScreen } from '../screens/RoutesScreen';\nimport { RouteStepsScreen } from '../screens/RouteStepsScreen';\nimport { ResolveScreen } from '../screens/ResolveScreen';\n\nexport interface IAdminAppProps {\n  api: ApprovalRouteApi;\n  currentUserEmail?: string;\n}\n\nexport const AdminApp: React.FC<IAdminAppProps> = ({ api, currentUserEmail }) => {\n  const [screen, setScreen] = React.useState<ScreenKey>('dashboard');\n  const [selectedRoute, setSelectedRoute] = React.useState<TemplateRoute | undefined>();\n  const [selectedRequestTypeName, setSelectedRequestTypeName] = React.useState('');\n\n  const navigate = (key: ScreenKey): void => {\n    setScreen(key);\n  };\n\n  const openSteps = (route: TemplateRoute): void => {\n    setSelectedRoute(route);\n    api.requestTypes.get(route.requestTypeId)\n      .then(rt => setSelectedRequestTypeName(rt.name))\n      .catch(() => setSelectedRequestTypeName(`#${route.requestTypeId}`));\n    setScreen('routeSteps');\n  };\n\n  return (\n    <div className={styles.shell}>\n      <TopNav active={screen} onSelect={navigate} />\n      <div className={styles.content}>\n        {screen === 'dashboard' && <DashboardScreen api={api} onNavigate={navigate} />}\n        {screen === 'requestTypes' && <RequestTypesScreen api={api} />}\n        {screen === 'routes' && <RoutesScreen api={api} onOpenSteps={openSteps} />}\n        {screen === 'routeSteps' && selectedRoute && (\n          <RouteStepsScreen\n            api={api}\n            route={selectedRoute}\n            requestTypeName={selectedRequestTypeName}\n            onBack={() => setScreen('routes')}\n          />\n        )}\n        {screen === 'resolve' && <ResolveScreen api={api} currentUserEmail={currentUserEmail} />}\n      </div>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport styles from './TopNav.module.scss';\nimport { ScreenKey } from './types';\n\ninterface ITab {\n  key: ScreenKey;\n  label: string;\n}\n\nconst TABS: ITab[] = [\n  { key: 'dashboard', label: 'Дашборд' },\n  { key: 'requestTypes', label: 'Типы заявок' },\n  { key: 'routes', label: 'Маршруты' },\n  { key: 'resolve', label: 'Проверка маршрута' }\n];\n\nexport interface ITopNavProps {\n  active: ScreenKey;\n  onSelect: (key: ScreenKey) => void;\n}\n\nexport const TopNav: React.FC<ITopNavProps> = ({ active, onSelect }) => (\n  <nav className={styles.topnav}>\n    <div className={styles.brand}>\n      <div className={styles.mark}>T</div>\n      <div className={styles.brandText}>TNSU <em>Approval Route</em></div>\n    </div>\n    <div className={styles.tabs}>\n      {TABS.map(tab => (\n        <button\n          key={tab.key}\n          className={`${styles.tab} ${(active === tab.key || (active === 'routeSteps' && tab.key === 'routes')) ? styles.on : ''}`}\n          onClick={() => onSelect(tab.key)}\n        >\n          {tab.label}\n        </button>\n      ))}\n    </div>\n  </nav>\n);\n","import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ScreenKey } from '../app/types';\nimport { CardGrid, NavCard, StatCard, StatRow } from '../ui';\n\nexport interface IDashboardScreenProps {\n  api: ApprovalRouteApi;\n  onNavigate: (key: ScreenKey) => void;\n}\n\nexport const DashboardScreen: React.FC<IDashboardScreenProps> = ({ api, onNavigate }) => {\n  const [requestTypesCount, setRequestTypesCount] = React.useState<number | undefined>();\n  const [routesCount, setRoutesCount] = React.useState<number | undefined>();\n\n  React.useEffect(() => {\n    api.requestTypes.list().then(items => setRequestTypesCount(items.length)).catch(() => setRequestTypesCount(undefined));\n    api.templateRoutes.list().then(items => setRoutesCount(items.length)).catch(() => setRoutesCount(undefined));\n  }, [api]);\n\n  return (\n    <div>\n      <StatRow>\n        <StatCard label=\"Типов заявок\" value={requestTypesCount ?? '—'} />\n        <StatCard label=\"Маршрутов согласования\" value={routesCount ?? '—'} />\n      </StatRow>\n\n      <div style={{ fontSize: 10, textTransform: 'uppercase', letterSpacing: 1.6, color: 'var(--gray-400)', fontWeight: 600, marginBottom: 12 }}>\n        Разделы\n      </div>\n      <hr style={{ height: 1, background: 'linear-gradient(90deg, var(--gold-400), transparent 70%)', border: 0, margin: '6px 0 22px' }} />\n      <CardGrid>\n        <NavCard\n          icon=\"clipboard\"\n          title=\"Типы заявок\"\n          description=\"Справочник типов заявок и их страниц\"\n          onClick={() => onNavigate('requestTypes')}\n        />\n        <NavCard\n          icon=\"route\"\n          title=\"Маршруты согласования\"\n          description=\"Маршруты, шаги и исполнители\"\n          onClick={() => onNavigate('routes')}\n        />\n        <NavCard\n          icon=\"search\"\n          title=\"Проверка маршрута\"\n          description=\"Как разрешится маршрут для конкретного пользователя\"\n          onClick={() => onNavigate('resolve')}\n        />\n      </CardGrid>\n    </div>\n  );\n};\n","import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport { RequestType } from '../../models';\nimport {\n  ActionsCell,\n  Alert,\n  Breadcrumbs,\n  Button,\n  DataTable,\n  Field,\n  FormGrid,\n  IconButton,\n  Modal,\n  ConfirmDialog,\n  PageHeader,\n  PrimaryCell,\n  TextInput\n} from '../ui';\n\nexport interface IRequestTypesScreenProps {\n  api: ApprovalRouteApi;\n}\n\ninterface IFormState {\n  name: string;\n  pageUrl: string;\n}\n\nconst EMPTY_FORM: IFormState = { name: '', pageUrl: '' };\n\nexport const RequestTypesScreen: React.FC<IRequestTypesScreenProps> = ({ api }) => {\n  const [items, setItems] = React.useState<RequestType[]>([]);\n  const [loading, setLoading] = React.useState(true);\n  const [loadError, setLoadError] = React.useState<string | undefined>();\n\n  const [editing, setEditing] = React.useState<RequestType | undefined>();\n  const [showForm, setShowForm] = React.useState(false);\n  const [form, setForm] = React.useState<IFormState>(EMPTY_FORM);\n  const [formError, setFormError] = React.useState<string | undefined>();\n  const [saving, setSaving] = React.useState(false);\n\n  const [deleting, setDeleting] = React.useState<RequestType | undefined>();\n  const [deleteError, setDeleteError] = React.useState<string | undefined>();\n  const [deleteBusy, setDeleteBusy] = React.useState(false);\n\n  const load = React.useCallback(() => {\n    setLoading(true);\n    setLoadError(undefined);\n    api.requestTypes\n      .list()\n      .then(setItems)\n      .catch((e: ApiClientError) => setLoadError(e.message))\n      .finally(() => setLoading(false));\n  }, [api]);\n\n  React.useEffect(() => { load(); }, [load]);\n\n  const openCreate = (): void => {\n    setEditing(undefined);\n    setForm(EMPTY_FORM);\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const openEdit = (item: RequestType): void => {\n    setEditing(item);\n    setForm({ name: item.name, pageUrl: item.pageUrl });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const submit = (): void => {\n    if (!form.name.trim() || !form.pageUrl.trim()) {\n      setFormError('Заполните имя и Url страницы.');\n      return;\n    }\n    setSaving(true);\n    setFormError(undefined);\n    const request = editing\n      ? api.requestTypes.update(editing.id, { name: form.name.trim(), pageUrl: form.pageUrl.trim() })\n      : api.requestTypes.create({ name: form.name.trim(), pageUrl: form.pageUrl.trim() });\n\n    request\n      .then(() => {\n        setShowForm(false);\n        load();\n      })\n      .catch((e: ApiClientError) => setFormError(e.message))\n      .finally(() => setSaving(false));\n  };\n\n  const confirmDelete = (): void => {\n    if (!deleting) return;\n    setDeleteBusy(true);\n    setDeleteError(undefined);\n    api.requestTypes\n      .remove(deleting.id)\n      .then(() => {\n        setDeleting(undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setDeleteError(e.message))\n      .finally(() => setDeleteBusy(false));\n  };\n\n  return (\n    <div>\n      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Типы заявок' }]} />\n      <PageHeader\n        icon=\"clipboard\"\n        subtitle=\"Справочник\"\n        title=\"Типы заявок\"\n        actions={\n          <Button variant=\"accent\" icon=\"plus\" onClick={openCreate}>Добавить тип</Button>\n        }\n      />\n\n      {loadError && <Alert kind=\"err\">{loadError}</Alert>}\n      {deleteError && <Alert kind=\"err\">{deleteError}</Alert>}\n\n      <DataTable\n        columns={[\n          { key: 'name', header: 'Название', render: r => <PrimaryCell>{r.name}</PrimaryCell> },\n          { key: 'url', header: 'Url страницы', render: r => r.pageUrl },\n          {\n            key: 'actions',\n            header: '',\n            width: '100px',\n            align: 'right',\n            render: r => (\n              <ActionsCell>\n                <IconButton icon=\"edit\" label=\"Редактировать\" onClick={() => openEdit(r)} />\n                <IconButton icon=\"trash\" label=\"Удалить\" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />\n              </ActionsCell>\n            )\n          }\n        ]}\n        rows={items}\n        keyOf={r => r.id}\n        emptyMessage={loading ? 'Загрузка...' : 'Типов заявок пока нет.'}\n      />\n\n      {showForm && (\n        <Modal\n          title={editing ? 'Редактировать тип заявки' : 'Новый тип заявки'}\n          onClose={() => setShowForm(false)}\n          footer={\n            <>\n              <Button variant=\"secondary\" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>\n              <Button variant=\"accent\" icon=\"check\" onClick={submit} disabled={saving}>\n                {saving ? 'Сохранение...' : 'Сохранить'}\n              </Button>\n            </>\n          }\n        >\n          {formError && <Alert kind=\"err\">{formError}</Alert>}\n          <FormGrid>\n            <Field label=\"Название\" required full>\n              <TextInput\n                value={form.name}\n                onChange={e => setForm({ ...form, name: e.target.value })}\n                placeholder=\"Например, Заявка на командировку\"\n              />\n            </Field>\n            <Field label=\"Url страницы\" required full hint=\"Страница формы заявки на портале.\">\n              <TextInput\n                value={form.pageUrl}\n                onChange={e => setForm({ ...form, pageUrl: e.target.value })}\n                placeholder=\"/pages/business-trip\"\n              />\n            </Field>\n          </FormGrid>\n        </Modal>\n      )}\n\n      {deleting && (\n        <ConfirmDialog\n          title=\"Удалить тип заявки?\"\n          text={`Тип «${deleting.name}» будет удалён безвозвратно. Связанные маршруты могут перестать разрешаться.`}\n          confirmLabel=\"Удалить\"\n          busy={deleteBusy}\n          onCancel={() => setDeleting(undefined)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  );\n};\n","import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport {\n  RequestType,\n  ResolveTemplateRouteResult,\n  routeStepStatusLabels,\n  RouteStepStatus,\n  routeTypeLabels\n} from '../../models';\nimport {\n  Alert,\n  Breadcrumbs,\n  Button,\n  DataTable,\n  Field,\n  FormGrid,\n  PageHeader,\n  PrimaryCell,\n  Select,\n  TextInput\n} from '../ui';\n\nexport interface IResolveScreenProps {\n  api: ApprovalRouteApi;\n  currentUserEmail?: string;\n}\n\nconst STATUS_OPTIONS = [RouteStepStatus.Approval, RouteStepStatus.Execution]\n  .map(v => ({ value: v, label: routeStepStatusLabels[v] }));\n\nexport const ResolveScreen: React.FC<IResolveScreenProps> = ({ api, currentUserEmail }) => {\n  const [requestTypes, setRequestTypes] = React.useState<RequestType[]>([]);\n  const [requestTypeId, setRequestTypeId] = React.useState('');\n  const [userEmail, setUserEmail] = React.useState('');\n  const [projectId, setProjectId] = React.useState('');\n  const [status, setStatus] = React.useState<RouteStepStatus>(RouteStepStatus.Approval);\n\n  const [busy, setBusy] = React.useState(false);\n  const [error, setError] = React.useState<string | undefined>();\n  const [result, setResult] = React.useState<ResolveTemplateRouteResult | undefined>();\n\n  React.useEffect(() => {\n    api.requestTypes.list().then(setRequestTypes).catch(() => { /* показывается при попытке проверки */ });\n  }, [api]);\n\n  const run = (): void => {\n    if (!requestTypeId) {\n      setError('Выберите тип заявки.');\n      return;\n    }\n    setBusy(true);\n    setError(undefined);\n    setResult(undefined);\n    api.templateRoutes\n      .resolve({\n        requestTypeId: Number(requestTypeId),\n        userEmail: userEmail.trim() || undefined,\n        projectId: projectId.trim() || undefined,\n        status\n      })\n      .then(setResult)\n      .catch((e: ApiClientError) => setError(e.message))\n      .finally(() => setBusy(false));\n  };\n\n  return (\n    <div>\n      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Проверка маршрута' }]} />\n      <PageHeader\n        icon=\"search\"\n        subtitle=\"Диагностика\"\n        title=\"Проверка разрешения маршрута\"\n      />\n\n      <div style={{ background: '#fff', borderRadius: 14, padding: 26, boxShadow: 'var(--sh-1)', border: '1px solid var(--gray-200)', marginBottom: 24 }}>\n        <FormGrid>\n          <Field label=\"Тип заявки\" required full>\n            <Select\n              options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}\n              placeholder=\"Выберите тип заявки\"\n              value={requestTypeId}\n              onChange={e => setRequestTypeId(e.target.value)}\n            />\n          </Field>\n          <Field label=\"Email инициатора\" hint={currentUserEmail ? `Пусто = текущий пользователь (${currentUserEmail}).` : 'Пусто = текущий пользователь из токена.'}>\n            <TextInput value={userEmail} onChange={e => setUserEmail(e.target.value)} placeholder=\"user@tnsu.kz\" />\n          </Field>\n          <Field label=\"Id проекта (Guid)\" hint=\"Заполните, если маршрут зависит от проекта.\">\n            <TextInput value={projectId} onChange={e => setProjectId(e.target.value)} placeholder=\"Необязательно\" />\n          </Field>\n          <Field label=\"Статус\" required>\n            <Select options={STATUS_OPTIONS} value={status} onChange={e => setStatus(e.target.value as RouteStepStatus)} />\n          </Field>\n        </FormGrid>\n        <div style={{ marginTop: 18 }}>\n          <Button variant=\"accent\" icon=\"search\" onClick={run} disabled={busy}>\n            {busy ? 'Проверка...' : 'Проверить'}\n          </Button>\n        </div>\n      </div>\n\n      {error && <Alert kind=\"err\">{error}</Alert>}\n\n      {result && (\n        <>\n          <Alert kind=\"ok\">\n            Маршрут #{result.routeId} · {routeTypeLabels[result.routeType]}\n            {result.requiresControl ? ' · требуется контроль исполнения' : ''}\n          </Alert>\n          <DataTable\n            columns={[\n              { key: 'order', header: '№', width: '50px', render: r => r.orderNo },\n              { key: 'executor', header: 'Исполнитель', render: r => <PrimaryCell>{r.executorEmail ?? '—'}</PrimaryCell> },\n              { key: 'position', header: 'Должность', render: r => r.position ?? '—' },\n              {\n                key: 'reassign',\n                header: 'Переназначение',\n                align: 'center',\n                render: r => (r.allowReassignToOtherApprovers ? 'Разрешено' : 'Нет')\n              }\n            ]}\n            rows={result.steps}\n            keyOf={r => r.id}\n            emptyMessage=\"Маршрут разрешился без шагов для этого статуса.\"\n          />\n        </>\n      )}\n    </div>\n  );\n};\n","import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport {\n  HeadType,\n  headTypeLabels,\n  ProjectRole,\n  projectRoleLabels,\n  RouteStepStatus,\n  routeStepStatusLabels,\n  routeTypeLabels,\n  StepExecutorKind,\n  TemplateRoute,\n  TemplateRouteStep,\n  detectExecutorKind\n} from '../../models';\nimport {\n  ActionsCell,\n  Alert,\n  Badge,\n  Breadcrumbs,\n  Button,\n  Checkbox,\n  ConfirmDialog,\n  DataTable,\n  Field,\n  FormGrid,\n  IconButton,\n  Modal,\n  PageHeader,\n  PrimaryCell,\n  RadioGroup,\n  Select,\n  TextInput\n} from '../ui';\n\nexport interface IRouteStepsScreenProps {\n  api: ApprovalRouteApi;\n  route: TemplateRoute;\n  requestTypeName: string;\n  onBack: () => void;\n}\n\ninterface IFormState {\n  orderNo: string;\n  status: RouteStepStatus;\n  kind: StepExecutorKind;\n  executorEmail: string;\n  position: string;\n  projectRole: ProjectRole;\n  headType: HeadType;\n  allowReassignToOtherApprovers: boolean;\n}\n\nfunction emptyForm(nextOrderNo: number): IFormState {\n  return {\n    orderNo: String(nextOrderNo),\n    status: RouteStepStatus.Approval,\n    kind: 'email',\n    executorEmail: '',\n    position: '',\n    projectRole: ProjectRole.ProjectManager,\n    headType: HeadType.Chief,\n    allowReassignToOtherApprovers: false\n  };\n}\n\nconst STATUS_OPTIONS = [RouteStepStatus.Approval, RouteStepStatus.Execution]\n  .map(v => ({ value: v, label: routeStepStatusLabels[v] }));\n\nconst PROJECT_ROLE_OPTIONS = Object.values(ProjectRole)\n  .filter(v => v !== ProjectRole.None)\n  .map(v => ({ value: v, label: projectRoleLabels[v] }));\n\nconst HEAD_TYPE_OPTIONS = Object.values(HeadType)\n  .filter(v => v !== HeadType.None)\n  .map(v => ({ value: v, label: headTypeLabels[v] }));\n\nexport const RouteStepsScreen: React.FC<IRouteStepsScreenProps> = ({ api, route, requestTypeName, onBack }) => {\n  const [items, setItems] = React.useState<TemplateRouteStep[]>([]);\n  const [loading, setLoading] = React.useState(true);\n  const [loadError, setLoadError] = React.useState<string | undefined>();\n  const [warning, setWarning] = React.useState<string | undefined>();\n\n  const [editing, setEditing] = React.useState<TemplateRouteStep | undefined>();\n  const [showForm, setShowForm] = React.useState(false);\n  const [form, setForm] = React.useState<IFormState>(emptyForm(1));\n  const [formError, setFormError] = React.useState<string | undefined>();\n  const [saving, setSaving] = React.useState(false);\n\n  const [deleting, setDeleting] = React.useState<TemplateRouteStep | undefined>();\n  const [deleteError, setDeleteError] = React.useState<string | undefined>();\n  const [deleteBusy, setDeleteBusy] = React.useState(false);\n\n  const load = React.useCallback(() => {\n    setLoading(true);\n    setLoadError(undefined);\n    api.templateRouteSteps\n      .list(route.id)\n      .then(setItems)\n      .catch((e: ApiClientError) => setLoadError(e.message))\n      .finally(() => setLoading(false));\n  }, [api, route.id]);\n\n  React.useEffect(() => { load(); }, [load]);\n\n  const openCreate = (): void => {\n    setEditing(undefined);\n    const nextOrder = items.length > 0 ? Math.max(...items.map(s => s.orderNo)) + 1 : 1;\n    setForm(emptyForm(nextOrder));\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const openEdit = (item: TemplateRouteStep): void => {\n    setEditing(item);\n    setForm({\n      orderNo: String(item.orderNo),\n      status: item.status,\n      kind: detectExecutorKind(item),\n      executorEmail: item.executorEmail ?? '',\n      position: item.position ?? '',\n      projectRole: item.projectRole && item.projectRole !== ProjectRole.None ? item.projectRole : ProjectRole.ProjectManager,\n      headType: item.headType && item.headType !== HeadType.None ? item.headType : HeadType.Chief,\n      allowReassignToOtherApprovers: item.allowReassignToOtherApprovers\n    });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const submit = (): void => {\n    const orderNo = Number(form.orderNo);\n    if (!orderNo || orderNo < 1) {\n      setFormError('Порядковый номер шага обязателен.');\n      return;\n    }\n    if (form.kind === 'email' && !form.executorEmail.trim()) {\n      setFormError('Укажите email исполнителя.');\n      return;\n    }\n    if (form.kind === 'position' && !form.position.trim()) {\n      setFormError('Укажите должность.');\n      return;\n    }\n\n    const payload = {\n      orderNo,\n      status: form.status,\n      allowReassignToOtherApprovers: form.allowReassignToOtherApprovers,\n      executorEmail: form.kind === 'email' ? form.executorEmail.trim() : null,\n      position: form.kind === 'position' ? form.position.trim() : null,\n      projectRole: form.kind === 'projectRole' ? form.projectRole : null,\n      headType: form.kind === 'headType' ? form.headType : null\n    };\n\n    setSaving(true);\n    setFormError(undefined);\n    const request = editing\n      ? api.templateRouteSteps.update(route.id, editing.id, payload)\n      : api.templateRouteSteps.create(route.id, payload);\n\n    request\n      .then(step => {\n        setShowForm(false);\n        setWarning(step.warning ?? undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setFormError(e.message))\n      .finally(() => setSaving(false));\n  };\n\n  const confirmDelete = (): void => {\n    if (!deleting) return;\n    setDeleteBusy(true);\n    setDeleteError(undefined);\n    api.templateRouteSteps\n      .remove(route.id, deleting.id)\n      .then(() => {\n        setDeleting(undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setDeleteError(e.message))\n      .finally(() => setDeleteBusy(false));\n  };\n\n  const sorted = [...items].sort((a, b) => a.orderNo - b.orderNo);\n\n  return (\n    <div>\n      <Breadcrumbs\n        items={[\n          { label: 'Главная' },\n          { label: 'Маршруты согласования', onClick: onBack },\n          { label: `Шаги маршрута #${route.id}` }\n        ]}\n      />\n      <PageHeader\n        icon=\"flag-check\"\n        subtitle={`${requestTypeName} · ${routeTypeLabels[route.routeType]}`}\n        title={`Маршрут #${route.id}`}\n        actions={\n          <>\n            <Button variant=\"ghost\" icon=\"arrow-left\" onClick={onBack}>К маршрутам</Button>\n            <Button variant=\"accent\" icon=\"plus\" onClick={openCreate}>Добавить шаг</Button>\n          </>\n        }\n      />\n\n      {warning && <Alert kind=\"warn\">{warning}</Alert>}\n      {loadError && <Alert kind=\"err\">{loadError}</Alert>}\n      {deleteError && <Alert kind=\"err\">{deleteError}</Alert>}\n\n      <DataTable\n        columns={[\n          { key: 'order', header: '№', width: '50px', render: r => r.orderNo },\n          {\n            key: 'executor',\n            header: 'Исполнитель',\n            render: r => <PrimaryCell>{describeExecutor(r)}</PrimaryCell>\n          },\n          {\n            key: 'status',\n            header: 'Статус',\n            render: r => (\n              <Badge variant={r.status === RouteStepStatus.Approval ? 'gold' : 'blue'}>\n                {routeStepStatusLabels[r.status]}\n              </Badge>\n            )\n          },\n          {\n            key: 'reassign',\n            header: 'Переназначение',\n            align: 'center',\n            render: r => (r.allowReassignToOtherApprovers ? <Badge variant=\"ok\">Разрешено</Badge> : <Badge variant=\"neutral\">Нет</Badge>)\n          },\n          {\n            key: 'actions',\n            header: '',\n            width: '100px',\n            align: 'right',\n            render: r => (\n              <ActionsCell>\n                <IconButton icon=\"edit\" label=\"Редактировать\" onClick={() => openEdit(r)} />\n                <IconButton icon=\"trash\" label=\"Удалить\" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />\n              </ActionsCell>\n            )\n          }\n        ]}\n        rows={sorted}\n        keyOf={r => r.id}\n        emptyMessage={loading ? 'Загрузка...' : 'Шагов пока нет — добавьте первый.'}\n      />\n\n      {showForm && (\n        <Modal\n          title={editing ? `Шаг #${editing.orderNo}` : 'Новый шаг маршрута'}\n          onClose={() => setShowForm(false)}\n          footer={\n            <>\n              <Button variant=\"secondary\" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>\n              <Button variant=\"accent\" icon=\"check\" onClick={submit} disabled={saving}>\n                {saving ? 'Сохранение...' : 'Сохранить'}\n              </Button>\n            </>\n          }\n        >\n          {formError && <Alert kind=\"err\">{formError}</Alert>}\n          <FormGrid>\n            <Field label=\"Порядковый номер\" required>\n              <TextInput\n                type=\"number\"\n                min={1}\n                value={form.orderNo}\n                onChange={e => setForm({ ...form, orderNo: e.target.value })}\n              />\n            </Field>\n            <Field label=\"Статус шага\" required>\n              <Select\n                options={STATUS_OPTIONS}\n                value={form.status}\n                onChange={e => setForm({ ...form, status: e.target.value as RouteStepStatus })}\n              />\n            </Field>\n\n            <Field label=\"Кто исполнитель\" required full hint=\"Должно быть заполнено ровно одно из полей.\">\n              <RadioGroup\n                name=\"executorKind\"\n                value={form.kind}\n                onChange={kind => setForm({ ...form, kind })}\n                options={[\n                  { value: 'email', label: 'Конкретный сотрудник (email)' },\n                  { value: 'position', label: 'По должности в компании инициатора' },\n                  {\n                    value: 'projectRole',\n                    label: 'По роли в проекте',\n                    disabled: !route.byProject,\n                    disabledHint: 'Недоступно: маршрут не учитывает проект (по проекту = нет).'\n                  },\n                  { value: 'headType', label: 'По типу руководителя' }\n                ]}\n              />\n            </Field>\n\n            {form.kind === 'email' && (\n              <Field label=\"Email исполнителя\" required full>\n                <TextInput\n                  value={form.executorEmail}\n                  onChange={e => setForm({ ...form, executorEmail: e.target.value })}\n                  placeholder=\"user@tnsu.kz\"\n                />\n              </Field>\n            )}\n            {form.kind === 'position' && (\n              <Field label=\"Должность\" required full hint=\"Ищется в справочнике api.tnsu.kz по компании инициатора.\">\n                <TextInput\n                  value={form.position}\n                  onChange={e => setForm({ ...form, position: e.target.value })}\n                  placeholder=\"Главный инженер\"\n                />\n              </Field>\n            )}\n            {form.kind === 'projectRole' && (\n              <Field label=\"Роль в проекте\" required full>\n                <Select\n                  options={PROJECT_ROLE_OPTIONS}\n                  value={form.projectRole}\n                  onChange={e => setForm({ ...form, projectRole: e.target.value as ProjectRole })}\n                />\n              </Field>\n            )}\n            {form.kind === 'headType' && (\n              <Field label=\"Тип руководителя\" required full>\n                <Select\n                  options={HEAD_TYPE_OPTIONS}\n                  value={form.headType}\n                  onChange={e => setForm({ ...form, headType: e.target.value as HeadType })}\n                />\n              </Field>\n            )}\n\n            <Field label=\"Переназначение\" full>\n              <Checkbox\n                label=\"Разрешить переназначать другим согласующим\"\n                checked={form.allowReassignToOtherApprovers}\n                onChange={v => setForm({ ...form, allowReassignToOtherApprovers: v })}\n              />\n            </Field>\n          </FormGrid>\n        </Modal>\n      )}\n\n      {deleting && (\n        <ConfirmDialog\n          title=\"Удалить шаг?\"\n          text={`Шаг #${deleting.orderNo} будет удалён безвозвратно.`}\n          confirmLabel=\"Удалить\"\n          busy={deleteBusy}\n          onCancel={() => setDeleting(undefined)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  );\n};\n\nfunction describeExecutor(step: TemplateRouteStep): string {\n  if (step.executorEmail) return step.executorEmail;\n  if (step.position) return step.position;\n  if (step.projectRole && step.projectRole !== ProjectRole.None) return `Роль: ${projectRoleLabels[step.projectRole]}`;\n  if (step.headType && step.headType !== HeadType.None) return `Руководитель: ${headTypeLabels[step.headType]}`;\n  return '—';\n}\n","import * as React from 'react';\nimport { ApprovalRouteApi } from '../../services/api';\nimport { ApiClientError } from '../../services/httpClient';\nimport { RequestType, routeTypeLabels, RouteType, TemplateRoute } from '../../models';\nimport {\n  ActionsCell,\n  Alert,\n  Badge,\n  Breadcrumbs,\n  Button,\n  Checkbox,\n  ConfirmDialog,\n  DataTable,\n  Field,\n  FormGrid,\n  IconButton,\n  Modal,\n  PageHeader,\n  PrimaryCell,\n  Select,\n  TextInput\n} from '../ui';\n\nexport interface IRoutesScreenProps {\n  api: ApprovalRouteApi;\n  onOpenSteps: (route: TemplateRoute) => void;\n}\n\ninterface IFormState {\n  requestTypeId: string;\n  routeType: RouteType;\n  companyId: string;\n  departmentId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nconst EMPTY_FORM: IFormState = {\n  requestTypeId: '',\n  routeType: RouteType.Sequential,\n  companyId: '',\n  departmentId: '',\n  byProject: false,\n  requiresControl: false\n};\n\nconst ROUTE_TYPE_OPTIONS = Object.values(RouteType)\n  .filter(v => v !== RouteType.None)\n  .map(v => ({ value: v, label: routeTypeLabels[v] }));\n\nexport const RoutesScreen: React.FC<IRoutesScreenProps> = ({ api, onOpenSteps }) => {\n  const [requestTypes, setRequestTypes] = React.useState<RequestType[]>([]);\n  const [items, setItems] = React.useState<TemplateRoute[]>([]);\n  const [filterRequestTypeId, setFilterRequestTypeId] = React.useState<string>('');\n  const [loading, setLoading] = React.useState(true);\n  const [loadError, setLoadError] = React.useState<string | undefined>();\n\n  const [editing, setEditing] = React.useState<TemplateRoute | undefined>();\n  const [showForm, setShowForm] = React.useState(false);\n  const [form, setForm] = React.useState<IFormState>(EMPTY_FORM);\n  const [formError, setFormError] = React.useState<string | undefined>();\n  const [saving, setSaving] = React.useState(false);\n\n  const [deleting, setDeleting] = React.useState<TemplateRoute | undefined>();\n  const [deleteError, setDeleteError] = React.useState<string | undefined>();\n  const [deleteBusy, setDeleteBusy] = React.useState(false);\n\n  React.useEffect(() => {\n    api.requestTypes.list().then(setRequestTypes).catch(() => { /* показывается в общей ошибке ниже */ });\n  }, [api]);\n\n  const load = React.useCallback(() => {\n    setLoading(true);\n    setLoadError(undefined);\n    const requestTypeId = filterRequestTypeId ? Number(filterRequestTypeId) : undefined;\n    api.templateRoutes\n      .list(requestTypeId)\n      .then(setItems)\n      .catch((e: ApiClientError) => setLoadError(e.message))\n      .finally(() => setLoading(false));\n  }, [api, filterRequestTypeId]);\n\n  React.useEffect(() => { load(); }, [load]);\n\n  const requestTypeName = (id: number): string => requestTypes.find(rt => rt.id === id)?.name ?? `#${id}`;\n\n  const openCreate = (): void => {\n    setEditing(undefined);\n    setForm({ ...EMPTY_FORM, requestTypeId: filterRequestTypeId });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const openEdit = (item: TemplateRoute): void => {\n    setEditing(item);\n    setForm({\n      requestTypeId: String(item.requestTypeId),\n      routeType: item.routeType,\n      companyId: item.companyId,\n      departmentId: item.departmentId ?? '',\n      byProject: item.byProject,\n      requiresControl: item.requiresControl\n    });\n    setFormError(undefined);\n    setShowForm(true);\n  };\n\n  const submit = (): void => {\n    if (!editing && !form.requestTypeId) {\n      setFormError('Выберите тип заявки.');\n      return;\n    }\n    if (!form.companyId.trim()) {\n      setFormError('Компания обязательна (Guid из справочника api.tnsu.kz).');\n      return;\n    }\n\n    setSaving(true);\n    setFormError(undefined);\n\n    const departmentId = form.departmentId.trim() ? form.departmentId.trim() : null;\n    const request = editing\n      ? api.templateRoutes.update(editing.id, {\n          routeType: form.routeType,\n          companyId: form.companyId.trim(),\n          departmentId,\n          byProject: form.byProject,\n          requiresControl: form.requiresControl\n        })\n      : api.templateRoutes.create({\n          routeType: form.routeType,\n          requestTypeId: Number(form.requestTypeId),\n          companyId: form.companyId.trim(),\n          departmentId,\n          byProject: form.byProject,\n          requiresControl: form.requiresControl\n        });\n\n    request\n      .then(() => {\n        setShowForm(false);\n        load();\n      })\n      .catch((e: ApiClientError) => setFormError(e.message))\n      .finally(() => setSaving(false));\n  };\n\n  const confirmDelete = (): void => {\n    if (!deleting) return;\n    setDeleteBusy(true);\n    setDeleteError(undefined);\n    api.templateRoutes\n      .remove(deleting.id)\n      .then(() => {\n        setDeleting(undefined);\n        load();\n      })\n      .catch((e: ApiClientError) => setDeleteError(e.message))\n      .finally(() => setDeleteBusy(false));\n  };\n\n  return (\n    <div>\n      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Маршруты согласования' }]} />\n      <PageHeader\n        icon=\"route\"\n        subtitle=\"Настройка согласований\"\n        title=\"Маршруты согласования\"\n        actions={<Button variant=\"accent\" icon=\"plus\" onClick={openCreate}>Добавить маршрут</Button>}\n      />\n\n      <div style={{ marginBottom: 18, maxWidth: 320 }}>\n        <Field label=\"Фильтр по типу заявки\">\n          <Select\n            options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}\n            placeholder=\"Все типы заявок\"\n            value={filterRequestTypeId}\n            onChange={e => setFilterRequestTypeId(e.target.value)}\n          />\n        </Field>\n      </div>\n\n      {loadError && <Alert kind=\"err\">{loadError}</Alert>}\n      {deleteError && <Alert kind=\"err\">{deleteError}</Alert>}\n\n      <DataTable\n        columns={[\n          {\n            key: 'requestType',\n            header: 'Тип заявки',\n            render: r => <PrimaryCell>{requestTypeName(r.requestTypeId)}</PrimaryCell>\n          },\n          {\n            key: 'routeType',\n            header: 'Тип маршрута',\n            render: r => <Badge variant={r.routeType === RouteType.Parallel ? 'blue' : 'gold'}>{routeTypeLabels[r.routeType]}</Badge>\n          },\n          { key: 'company', header: 'Компания', render: r => <code>{shortGuid(r.companyId)}</code> },\n          { key: 'department', header: 'Отдел', render: r => (r.departmentId ? <code>{shortGuid(r.departmentId)}</code> : '—') },\n          {\n            key: 'byProject',\n            header: 'По проекту',\n            align: 'center',\n            render: r => (r.byProject ? <Badge variant=\"ok\">Да</Badge> : <Badge variant=\"neutral\">Нет</Badge>)\n          },\n          {\n            key: 'control',\n            header: 'Контроль',\n            align: 'center',\n            render: r => (r.requiresControl ? <Badge variant=\"gold\">Требуется</Badge> : <Badge variant=\"neutral\">Нет</Badge>)\n          },\n          {\n            key: 'actions',\n            header: '',\n            width: '160px',\n            align: 'right',\n            render: r => (\n              <ActionsCell>\n                <Button size=\"sm\" variant=\"secondary\" icon=\"clipboard\" onClick={() => onOpenSteps(r)}>Шаги</Button>\n                <IconButton icon=\"edit\" label=\"Редактировать\" onClick={() => openEdit(r)} />\n                <IconButton icon=\"trash\" label=\"Удалить\" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />\n              </ActionsCell>\n            )\n          }\n        ]}\n        rows={items}\n        keyOf={r => r.id}\n        emptyMessage={loading ? 'Загрузка...' : 'Маршрутов пока нет.'}\n      />\n\n      {showForm && (\n        <Modal\n          title={editing ? `Маршрут #${editing.id}` : 'Новый маршрут'}\n          onClose={() => setShowForm(false)}\n          footer={\n            <>\n              <Button variant=\"secondary\" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>\n              <Button variant=\"accent\" icon=\"check\" onClick={submit} disabled={saving}>\n                {saving ? 'Сохранение...' : 'Сохранить'}\n              </Button>\n            </>\n          }\n        >\n          {formError && <Alert kind=\"err\">{formError}</Alert>}\n          <FormGrid>\n            <Field label=\"Тип заявки\" required full>\n              <Select\n                options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}\n                placeholder=\"Выберите тип заявки\"\n                value={form.requestTypeId}\n                disabled={!!editing}\n                onChange={e => setForm({ ...form, requestTypeId: e.target.value })}\n              />\n            </Field>\n            <Field label=\"Тип маршрута\" required>\n              <Select\n                options={ROUTE_TYPE_OPTIONS}\n                value={form.routeType}\n                onChange={e => setForm({ ...form, routeType: e.target.value as RouteType })}\n              />\n            </Field>\n            <Field label=\"Компания (Guid)\" required hint=\"Из справочника api.tnsu.kz.\">\n              <TextInput\n                value={form.companyId}\n                onChange={e => setForm({ ...form, companyId: e.target.value })}\n                placeholder=\"00000000-0000-0000-0000-000000000000\"\n              />\n            </Field>\n            <Field label=\"Отдел (Guid)\" hint=\"Необязательно — маршрут «по умолчанию» для компании.\">\n              <TextInput\n                value={form.departmentId}\n                onChange={e => setForm({ ...form, departmentId: e.target.value })}\n                placeholder=\"Оставьте пустым для маршрута по умолчанию\"\n              />\n            </Field>\n            <Field label=\"По проекту\">\n              <Checkbox\n                label=\"Маршрут учитывает конкретный проект\"\n                checked={form.byProject}\n                onChange={v => setForm({ ...form, byProject: v })}\n              />\n            </Field>\n            <Field label=\"Контроль\">\n              <Checkbox\n                label=\"Требуется отдельный контроль исполнения\"\n                checked={form.requiresControl}\n                onChange={v => setForm({ ...form, requiresControl: v })}\n              />\n            </Field>\n          </FormGrid>\n        </Modal>\n      )}\n\n      {deleting && (\n        <ConfirmDialog\n          title=\"Удалить маршрут?\"\n          text={`Маршрут #${deleting.id} и все его шаги будут удалены безвозвратно.`}\n          confirmLabel=\"Удалить\"\n          busy={deleteBusy}\n          onCancel={() => setDeleting(undefined)}\n          onConfirm={confirmDelete}\n        />\n      )}\n    </div>\n  );\n};\n\nfunction shortGuid(guid: string): string {\n  return guid.length > 8 ? `${guid.slice(0, 8)}…` : guid;\n}\n","import * as React from 'react';\nimport styles from './Alert.module.scss';\nimport { Icon } from './Icon';\n\nexport type AlertKind = 'warn' | 'ok' | 'err';\n\nexport interface IAlertProps {\n  kind: AlertKind;\n  children: React.ReactNode;\n}\n\nconst ICONS = { warn: 'warning', ok: 'check', err: 'close' } as const;\n\nexport const Alert: React.FC<IAlertProps> = ({ kind, children }) => (\n  <div className={`${styles.alert} ${styles[kind]}`}>\n    <Icon name={ICONS[kind]} size=\"sm\" />\n    <span>{children}</span>\n  </div>\n);\n","import * as React from 'react';\nimport styles from './Badge.module.scss';\n\nexport type BadgeVariant = 'ok' | 'gold' | 'neutral' | 'blue' | 'red';\n\nexport interface IBadgeProps {\n  variant?: BadgeVariant;\n  children: React.ReactNode;\n}\n\nexport const Badge: React.FC<IBadgeProps> = ({ variant = 'neutral', children }) => (\n  <span className={`${styles.badge} ${styles[variant]}`}>{children}</span>\n);\n\nexport const CountBadge: React.FC<{ count: number }> = ({ count }) => (\n  <span className={styles.count}>{count}</span>\n);\n","import * as React from 'react';\nimport styles from './Button.module.scss';\nimport { Icon, IconName } from './Icon';\n\nexport type ButtonVariant = 'primary' | 'accent' | 'secondary' | 'ghost' | 'danger';\n\nexport interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: 'md' | 'sm';\n  icon?: IconName;\n}\n\nexport const Button: React.FC<IButtonProps> = ({\n  variant = 'secondary',\n  size = 'md',\n  icon,\n  className,\n  children,\n  ...rest\n}) => {\n  const classes = [styles.btn, styles[variant], size === 'sm' ? styles.sm : '', className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <button type=\"button\" className={classes} {...rest}>\n      {icon && <Icon name={icon} size=\"sm\" />}\n      {children}\n    </button>\n  );\n};\n\nexport interface IIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  icon: IconName;\n  danger?: boolean;\n  label: string;\n}\n\nexport const IconButton: React.FC<IIconButtonProps> = ({ icon, danger, label, className, ...rest }) => {\n  const classes = [styles.iconButton, danger ? styles.danger : '', className].filter(Boolean).join(' ');\n  return (\n    <button type=\"button\" className={classes} aria-label={label} title={label} {...rest}>\n      <Icon name={icon} size=\"sm\" />\n    </button>\n  );\n};\n","import * as React from 'react';\nimport styles from './Card.module.scss';\nimport { Icon, IconName } from './Icon';\n\nexport const CardGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={styles.grid}>{children}</div>\n);\n\nexport interface INavCardProps {\n  icon: IconName;\n  title: string;\n  description: string;\n  onClick: () => void;\n}\n\nexport const NavCard: React.FC<INavCardProps> = ({ icon, title, description, onClick }) => (\n  <a className={styles.navCard} onClick={e => { e.preventDefault(); onClick(); }} href=\"#\">\n    <div className={styles.navIcon}><Icon name={icon} /></div>\n    <div>\n      <div className={styles.navTitle}>{title}</div>\n      <div className={styles.navDesc}>{description}</div>\n    </div>\n    <div className={styles.navArrow}><Icon name=\"chevron-right\" size=\"sm\" /></div>\n  </a>\n);\n\nexport const StatRow: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={styles.statRow}>{children}</div>\n);\n\nexport const StatCard: React.FC<{ label: string; value: React.ReactNode }> = ({ label, value }) => (\n  <div className={styles.statCard}>\n    <div className={styles.statLabel}>{label}</div>\n    <div className={styles.statValue}>{value}</div>\n  </div>\n);\n","import * as React from 'react';\nimport styles from './DataTable.module.scss';\n\nexport interface IColumn<T> {\n  key: string;\n  header: string;\n  render: (row: T) => React.ReactNode;\n  align?: 'left' | 'right' | 'center';\n  width?: string;\n}\n\nexport interface IDataTableProps<T> {\n  columns: IColumn<T>[];\n  rows: T[];\n  keyOf: (row: T) => string | number;\n  emptyMessage: string;\n}\n\nexport function DataTable<T>({ columns, rows, keyOf, emptyMessage }: IDataTableProps<T>): React.ReactElement {\n  return (\n    <div className={styles.wrap}>\n      <table className={styles.table}>\n        <thead>\n          <tr>\n            {columns.map(col => (\n              <th key={col.key} style={{ width: col.width, textAlign: col.align ?? 'left' }}>\n                {col.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(row => (\n            <tr key={keyOf(row)}>\n              {columns.map(col => (\n                <td key={col.key} style={{ textAlign: col.align ?? 'left' }}>\n                  {col.render(row)}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n      {rows.length === 0 && <div className={styles.empty}>{emptyMessage}</div>}\n    </div>\n  );\n}\n\nexport const PrimaryCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <span className={styles.primaryCell}>{children}</span>\n);\n\nexport const ActionsCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <span className={styles.actionsCell}>{children}</span>\n);\n","import * as React from 'react';\nimport styles from './FormField.module.scss';\n\nexport const FormGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (\n  <div className={styles.grid}>{children}</div>\n);\n\nexport interface IFieldProps {\n  label: string;\n  required?: boolean;\n  full?: boolean;\n  error?: string;\n  hint?: string;\n  children: React.ReactNode;\n}\n\nexport const Field: React.FC<IFieldProps> = ({ label, required, full, error, hint, children }) => (\n  <div className={`${styles.field} ${full ? styles.full : ''}`}>\n    <span className={styles.label}>\n      {label} {required && <span className={styles.req}>*</span>}\n    </span>\n    {children}\n    {error && <span className={styles.errorText}>{error}</span>}\n    {!error && hint && <span className={styles.hint}>{hint}</span>}\n  </div>\n);\n\nexport const TextInput: React.FC<React.InputHTMLAttributes<HTMLInputElement>> = props => (\n  <input {...props} className={styles.input} />\n);\n\nexport const Textarea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement>> = props => (\n  <textarea {...props} className={styles.textarea} />\n);\n\nexport interface ISelectOption {\n  value: string;\n  label: string;\n}\n\nexport interface ISelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'children'> {\n  options: ISelectOption[];\n  placeholder?: string;\n}\n\nexport const Select: React.FC<ISelectProps> = ({ options, placeholder, ...rest }) => (\n  <select {...rest} className={styles.select}>\n    {placeholder && <option value=\"\">{placeholder}</option>}\n    {options.map(opt => (\n      <option key={opt.value} value={opt.value}>{opt.label}</option>\n    ))}\n  </select>\n);\n\nexport interface ICheckboxProps {\n  label: string;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: React.FC<ICheckboxProps> = ({ label, checked, onChange, disabled }) => (\n  <label className={styles.checkboxRow}>\n    <input\n      type=\"checkbox\"\n      className={styles.checkbox}\n      checked={checked}\n      disabled={disabled}\n      onChange={e => onChange(e.target.checked)}\n    />\n    {label}\n  </label>\n);\n\nexport interface IRadioOption<T extends string> {\n  value: T;\n  label: string;\n  disabled?: boolean;\n  disabledHint?: string;\n}\n\nexport interface IRadioGroupProps<T extends string> {\n  name: string;\n  value: T;\n  options: IRadioOption<T>[];\n  onChange: (value: T) => void;\n}\n\nexport function RadioGroup<T extends string>({ name, value, options, onChange }: IRadioGroupProps<T>): React.ReactElement {\n  return (\n    <div className={styles.radioGroup}>\n      {options.map(opt => (\n        <label\n          key={opt.value}\n          className={`${styles.radioRow} ${opt.disabled ? styles.disabled : ''}`}\n          title={opt.disabled ? opt.disabledHint : undefined}\n        >\n          <input\n            type=\"radio\"\n            className={styles.radio}\n            name={name}\n            checked={value === opt.value}\n            disabled={opt.disabled}\n            onChange={() => onChange(opt.value)}\n          />\n          {opt.label}\n        </label>\n      ))}\n    </div>\n  );\n}\n","import * as React from 'react';\n\n// Единый набор иконок в стиле референса (stroke, round caps, viewBox 24x24).\nexport type IconName =\n  | 'route'\n  | 'clipboard'\n  | 'flag-check'\n  | 'people'\n  | 'warning'\n  | 'check'\n  | 'close'\n  | 'plus'\n  | 'edit'\n  | 'trash'\n  | 'more'\n  | 'chevron-right'\n  | 'chevron-down'\n  | 'chevron-left'\n  | 'arrow-left'\n  | 'search'\n  | 'sort'\n  | 'mail'\n  | 'briefcase'\n  | 'flag'\n  | 'crown'\n  | 'refresh';\n\nlet spriteInjected = false;\n\nconst SPRITE_SVG = `\n<symbol id=\"i-route\" viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"3\"/><circle cx=\"18\" cy=\"18\" r=\"3\"/><path d=\"M9 6h7a3 3 0 0 1 3 3v0a3 3 0 0 1-3 3H8a3 3 0 0 0-3 3v0a3 3 0 0 0 3 3h7\"/></symbol>\n<symbol id=\"i-clipboard\" viewBox=\"0 0 24 24\"><path d=\"M9 3h6v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z\"/><rect x=\"5\" y=\"5\" width=\"14\" height=\"16\" rx=\"2\"/><path d=\"M9 12h6M9 16h4\"/></symbol>\n<symbol id=\"i-flag-check\" viewBox=\"0 0 24 24\"><path d=\"M4 3v18\"/><path d=\"M4 4h13l-2 4 2 4H4\"/></symbol>\n<symbol id=\"i-people\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"7\" r=\"3\"/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"/><circle cx=\"17\" cy=\"8\" r=\"2.5\"/><path d=\"M17 13.5a3.5 3.5 0 0 1 3.5 3.5v1\"/></symbol>\n<symbol id=\"i-warning\" viewBox=\"0 0 24 24\"><path d=\"M12 2 1 21h22z\" stroke-linejoin=\"round\"/><path d=\"M12 9v5M12 17h.01\"/></symbol>\n<symbol id=\"i-check\" viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5L20 7\"/></symbol>\n<symbol id=\"i-close\" viewBox=\"0 0 24 24\"><path d=\"M18 6 6 18M6 6l12 12\"/></symbol>\n<symbol id=\"i-plus\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"/></symbol>\n<symbol id=\"i-edit\" viewBox=\"0 0 24 24\"><path d=\"M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z\"/></symbol>\n<symbol id=\"i-trash\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M10 11v6M14 11v6\"/><path d=\"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12\"/><path d=\"M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3\"/></symbol>\n<symbol id=\"i-more\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"5\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"19\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/></symbol>\n<symbol id=\"i-chevron-right\" viewBox=\"0 0 24 24\"><path d=\"m9 6 6 6-6 6\"/></symbol>\n<symbol id=\"i-chevron-down\" viewBox=\"0 0 24 24\"><path d=\"m6 9 6 6 6-6\"/></symbol>\n<symbol id=\"i-chevron-left\" viewBox=\"0 0 24 24\"><path d=\"m15 6-6 6 6 6\"/></symbol>\n<symbol id=\"i-arrow-left\" viewBox=\"0 0 24 24\"><path d=\"M19 12H5m0 0 5-5m-5 5 5 5\"/></symbol>\n<symbol id=\"i-search\" viewBox=\"0 0 24 24\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"m21 21-4.35-4.35\"/></symbol>\n<symbol id=\"i-sort\" viewBox=\"0 0 24 24\"><path d=\"M7 3v18M7 3l-4 4m4-4 4 4M17 21V3m0 18-4-4m4 4 4-4\"/></symbol>\n<symbol id=\"i-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"/><path d=\"m4 6 8 7 8-7\"/></symbol>\n<symbol id=\"i-briefcase\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"/><path d=\"M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/><path d=\"M3 12h18\"/></symbol>\n<symbol id=\"i-flag\" viewBox=\"0 0 24 24\"><path d=\"M5 3v18\"/><path d=\"M5 4h13l-3 4 3 4H5\"/></symbol>\n<symbol id=\"i-crown\" viewBox=\"0 0 24 24\"><path d=\"m3 8 4 3 5-6 5 6 4-3-2 11H5z\"/></symbol>\n<symbol id=\"i-refresh\" viewBox=\"0 0 24 24\"><path d=\"M21 12a9 9 0 1 1-3-6.7\"/><path d=\"M21 3v6h-6\"/></symbol>\n`;\n\nfunction ensureSpriteInjected(): void {\n  if (spriteInjected || typeof document === 'undefined') return;\n  const holder = document.createElement('div');\n  holder.style.display = 'none';\n  holder.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\">${SPRITE_SVG}</svg>`;\n  document.body.appendChild(holder);\n  spriteInjected = true;\n}\n\nexport interface IIconProps {\n  name: IconName;\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst SIZE_PX: Record<'sm' | 'md' | 'lg', number> = { sm: 16, md: 20, lg: 24 };\n\nexport const Icon: React.FC<IIconProps> = ({ name, size = 'md', className, style }) => {\n  React.useEffect(() => {\n    ensureSpriteInjected();\n  }, []);\n\n  const px = SIZE_PX[size];\n  return (\n    <svg\n      width={px}\n      height={px}\n      className={className}\n      style={{ flexShrink: 0, fill: 'none', stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round', ...style }}\n    >\n      <use href={`#i-${name}`} />\n    </svg>\n  );\n};\n","import * as React from 'react';\nimport styles from './Modal.module.scss';\nimport { Button, IconButton } from './Button';\n\nexport interface IModalProps {\n  title: string;\n  onClose: () => void;\n  footer?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport const Modal: React.FC<IModalProps> = ({ title, onClose, footer, children }) => (\n  <div className={styles.overlay} onClick={e => { if (e.target === e.currentTarget) onClose(); }}>\n    <div className={styles.box}>\n      <div className={styles.header}>\n        <div className={styles.title}>{title}</div>\n        <IconButton icon=\"close\" label=\"Закрыть\" onClick={onClose} />\n      </div>\n      <div className={styles.body}>{children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  </div>\n);\n\nexport interface IConfirmDialogProps {\n  title: string;\n  text: string;\n  confirmLabel: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n  busy?: boolean;\n}\n\nexport const ConfirmDialog: React.FC<IConfirmDialogProps> = ({ title, text, confirmLabel, onConfirm, onCancel, busy }) => (\n  <div className={styles.overlay} onClick={e => { if (e.target === e.currentTarget) onCancel(); }}>\n    <div className={`${styles.box} ${styles.narrow}`}>\n      <div className={styles.title}>{title}</div>\n      <p className={styles.text}>{text}</p>\n      <div className={styles.narrowFooter}>\n        <Button variant=\"secondary\" onClick={onCancel} disabled={busy}>Отмена</Button>\n        <Button variant=\"danger\" icon=\"trash\" onClick={onConfirm} disabled={busy}>{confirmLabel}</Button>\n      </div>\n    </div>\n  </div>\n);\n","import * as React from 'react';\nimport styles from './PageChrome.module.scss';\nimport { Icon, IconName } from './Icon';\n\nexport interface IBreadcrumbItem {\n  label: string;\n  onClick?: () => void;\n}\n\nexport const Breadcrumbs: React.FC<{ items: IBreadcrumbItem[] }> = ({ items }) => (\n  <div className={styles.bread}>\n    {items.map((item, i) => (\n      <React.Fragment key={i}>\n        {i > 0 && <span className={styles.sep}>&#9670;</span>}\n        {item.onClick ? (\n          <button className={styles.breadLink} onClick={item.onClick}>{item.label}</button>\n        ) : (\n          <span>{item.label}</span>\n        )}\n      </React.Fragment>\n    ))}\n  </div>\n);\n\nexport interface IPageHeaderProps {\n  icon: IconName;\n  subtitle: string;\n  title: string;\n  actions?: React.ReactNode;\n}\n\nexport const PageHeader: React.FC<IPageHeaderProps> = ({ icon, subtitle, title, actions }) => (\n  <div className={styles.ph}>\n    <div className={styles.phLeft}>\n      <div className={styles.phIcon}><Icon name={icon} /></div>\n      <div>\n        <div className={styles.phSub}>{subtitle}</div>\n        <div className={styles.phTitle}>{title}</div>\n      </div>\n    </div>\n    {actions && <div className={styles.phRight}>{actions}</div>}\n  </div>\n);\n","export * from './Icon';\nexport * from './Button';\nexport * from './Badge';\nexport * from './Alert';\nexport * from './PageChrome';\nexport * from './Card';\nexport * from './DataTable';\nexport * from './Modal';\nexport * from './FormField';\n","// Зеркало DTO и enum'ов backend (Tnsu.ApprovalRoute.Api / Application / Domain).\n// Имена и форма типов должны 1:1 соответствовать C#-стороне — см.\n// backend/src/Tnsu.ApprovalRoute.Domain/Enums/*.cs и\n// backend/src/Tnsu.ApprovalRoute.Application/**/*.cs\n\nexport enum RouteType {\n  None = 'None',\n  Parallel = 'Parallel',\n  Sequential = 'Sequential'\n}\n\nexport enum RouteStepStatus {\n  None = 'None',\n  Approval = 'Approval',\n  Execution = 'Execution'\n}\n\nexport enum ProjectRole {\n  None = 'None',\n  ProjectManager = 'ProjectManager',\n  Planner = 'Planner',\n  ManagerHSE = 'ManagerHSE',\n  Security = 'Security'\n}\n\nexport enum HeadType {\n  None = 'None',\n  Chief = 'Chief',\n  DirectionHead = 'DirectionHead',\n  DirectorTansu = 'DirectorTansu'\n}\n\nexport const routeTypeLabels: Record<RouteType, string> = {\n  [RouteType.None]: 'Не задан',\n  [RouteType.Parallel]: 'Параллельный',\n  [RouteType.Sequential]: 'Последовательный'\n};\n\nexport const routeStepStatusLabels: Record<RouteStepStatus, string> = {\n  [RouteStepStatus.None]: 'Не задан',\n  [RouteStepStatus.Approval]: 'Согласование',\n  [RouteStepStatus.Execution]: 'Исполнение'\n};\n\nexport const projectRoleLabels: Record<ProjectRole, string> = {\n  [ProjectRole.None]: '—',\n  [ProjectRole.ProjectManager]: 'Руководитель проекта',\n  [ProjectRole.Planner]: 'Планировщик',\n  [ProjectRole.ManagerHSE]: 'Менеджер HSE',\n  [ProjectRole.Security]: 'Безопасность'\n};\n\nexport const headTypeLabels: Record<HeadType, string> = {\n  [HeadType.None]: '—',\n  [HeadType.Chief]: 'Непосредственный руководитель',\n  [HeadType.DirectionHead]: 'Руководитель направления',\n  [HeadType.DirectorTansu]: 'Директор Tansu'\n};\n\n// ---- Request Types (api/request-types) ----\n\nexport interface RequestType {\n  id: number;\n  name: string;\n  pageUrl: string;\n}\n\nexport interface CreateRequestTypeInput {\n  name: string;\n  pageUrl: string;\n}\n\nexport type UpdateRequestTypeInput = CreateRequestTypeInput;\n\nexport interface PatchRequestTypeInput {\n  name?: string;\n  pageUrl?: string;\n}\n\n// ---- Template Routes (api/template-routes) ----\n\nexport interface TemplateRoute {\n  id: number;\n  routeType: RouteType;\n  requestTypeId: number;\n  departmentId: string | null;\n  companyId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nexport interface CreateTemplateRouteInput {\n  routeType: RouteType;\n  requestTypeId: number;\n  departmentId: string | null;\n  companyId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nexport interface UpdateTemplateRouteInput {\n  routeType: RouteType;\n  departmentId: string | null;\n  companyId: string;\n  byProject: boolean;\n  requiresControl: boolean;\n}\n\nexport interface PatchTemplateRouteInput {\n  routeType?: RouteType;\n  departmentId?: string | null;\n  companyId?: string;\n  byProject?: boolean;\n  requiresControl?: boolean;\n}\n\n// ---- Template Route Steps (api/template-routes/{routeId}/steps) ----\n\nexport interface TemplateRouteStep {\n  id: number;\n  orderNo: number;\n  executorEmail: string | null;\n  position: string | null;\n  projectRole: ProjectRole | null;\n  headType: HeadType | null;\n  status: RouteStepStatus;\n  routeId: number;\n  allowReassignToOtherApprovers: boolean;\n  warning?: string | null;\n}\n\nexport interface CreateTemplateRouteStepInput {\n  orderNo: number;\n  executorEmail: string | null;\n  position: string | null;\n  projectRole: ProjectRole | null;\n  headType: HeadType | null;\n  status: RouteStepStatus;\n  allowReassignToOtherApprovers: boolean;\n}\n\nexport type UpdateTemplateRouteStepInput = CreateTemplateRouteStepInput;\n\nexport interface PatchTemplateRouteStepInput {\n  orderNo?: number;\n  executorEmail?: string | null;\n  position?: string | null;\n  projectRole?: ProjectRole | null;\n  headType?: HeadType | null;\n  status?: RouteStepStatus;\n  allowReassignToOtherApprovers?: boolean;\n}\n\n// ---- Resolve (api/template-routes/resolve) ----\n\nexport interface ResolveTemplateRouteQuery {\n  requestTypeId: number;\n  userEmail?: string;\n  projectId?: string;\n  status: RouteStepStatus;\n}\n\nexport interface ResolvedRouteStep {\n  id: number;\n  orderNo: number;\n  executorEmail: string | null;\n  position: string | null;\n  allowReassignToOtherApprovers: boolean;\n}\n\nexport interface ResolveTemplateRouteResult {\n  routeId: number;\n  routeType: RouteType;\n  requiresControl: boolean;\n  steps: ResolvedRouteStep[];\n}\n\n// Ровно одно из этих полей должно быть заполнено на шаге маршрута\n// (см. TemplateRouteStepFields.CountFilled на бэкенде).\nexport type StepExecutorKind = 'email' | 'position' | 'projectRole' | 'headType';\n\nexport function detectExecutorKind(step: {\n  executorEmail?: string | null;\n  position?: string | null;\n  projectRole?: ProjectRole | null;\n  headType?: HeadType | null;\n}): StepExecutorKind {\n  if (step.executorEmail) return 'email';\n  if (step.position) return 'position';\n  if (step.projectRole && step.projectRole !== ProjectRole.None) return 'projectRole';\n  return 'headType';\n}\n","import { IHttpClient } from './httpClient';\nimport {\n  CreateRequestTypeInput,\n  CreateTemplateRouteInput,\n  CreateTemplateRouteStepInput,\n  PatchRequestTypeInput,\n  PatchTemplateRouteInput,\n  PatchTemplateRouteStepInput,\n  RequestType,\n  ResolveTemplateRouteQuery,\n  ResolveTemplateRouteResult,\n  TemplateRoute,\n  TemplateRouteStep,\n  UpdateRequestTypeInput,\n  UpdateTemplateRouteInput,\n  UpdateTemplateRouteStepInput\n} from '../models';\n\n// Тонкий 1:1 фасад над контроллерами бэкенда:\n// backend/src/Tnsu.ApprovalRoute.Api/Controllers/{RequestTypes,TemplateRoutes,TemplateRouteSteps}Controller.cs\n\nexport class ApprovalRouteApi {\n  constructor(private readonly http: IHttpClient) {}\n\n  public readonly requestTypes = {\n    list: (): Promise<RequestType[]> =>\n      this.http.get<RequestType[]>('/api/request-types'),\n\n    get: (id: number): Promise<RequestType> =>\n      this.http.get<RequestType>(`/api/request-types/${id}`),\n\n    create: (body: CreateRequestTypeInput): Promise<RequestType> =>\n      this.http.post<RequestType>('/api/request-types', body),\n\n    update: (id: number, body: UpdateRequestTypeInput): Promise<RequestType> =>\n      this.http.put<RequestType>(`/api/request-types/${id}`, body),\n\n    patch: (id: number, body: PatchRequestTypeInput): Promise<RequestType> =>\n      this.http.patch<RequestType>(`/api/request-types/${id}`, body),\n\n    remove: (id: number): Promise<void> =>\n      this.http.delete(`/api/request-types/${id}`)\n  };\n\n  public readonly templateRoutes = {\n    list: (requestTypeId?: number): Promise<TemplateRoute[]> =>\n      this.http.get<TemplateRoute[]>('/api/template-routes', { requestTypeId }),\n\n    get: (id: number): Promise<TemplateRoute> =>\n      this.http.get<TemplateRoute>(`/api/template-routes/${id}`),\n\n    create: (body: CreateTemplateRouteInput): Promise<TemplateRoute> =>\n      this.http.post<TemplateRoute>('/api/template-routes', body),\n\n    update: (id: number, body: UpdateTemplateRouteInput): Promise<TemplateRoute> =>\n      this.http.put<TemplateRoute>(`/api/template-routes/${id}`, body),\n\n    patch: (id: number, body: PatchTemplateRouteInput): Promise<TemplateRoute> =>\n      this.http.patch<TemplateRoute>(`/api/template-routes/${id}`, body),\n\n    remove: (id: number): Promise<void> =>\n      this.http.delete(`/api/template-routes/${id}`),\n\n    resolve: (query: ResolveTemplateRouteQuery): Promise<ResolveTemplateRouteResult> =>\n      this.http.get<ResolveTemplateRouteResult>('/api/template-routes/resolve', { ...query })\n  };\n\n  public readonly templateRouteSteps = {\n    list: (routeId: number): Promise<TemplateRouteStep[]> =>\n      this.http.get<TemplateRouteStep[]>(`/api/template-routes/${routeId}/steps`),\n\n    get: (routeId: number, id: number): Promise<TemplateRouteStep> =>\n      this.http.get<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`),\n\n    create: (routeId: number, body: CreateTemplateRouteStepInput): Promise<TemplateRouteStep> =>\n      this.http.post<TemplateRouteStep>(`/api/template-routes/${routeId}/steps`, body),\n\n    update: (routeId: number, id: number, body: UpdateTemplateRouteStepInput): Promise<TemplateRouteStep> =>\n      this.http.put<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`, body),\n\n    patch: (routeId: number, id: number, body: PatchTemplateRouteStepInput): Promise<TemplateRouteStep> =>\n      this.http.patch<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`, body),\n\n    remove: (routeId: number, id: number): Promise<void> =>\n      this.http.delete(`/api/template-routes/${routeId}/steps/${id}`)\n  };\n}\n","import { AadHttpClient, HttpClientResponse } from '@microsoft/sp-http';\n\n// Ответ бэкенда всегда в конверте { data: T } на успехе (Api/Common/ApiResponse.cs)\n// и { messages: string[] } на ошибке (ApiError). 204 No Content возвращается без тела.\ninterface IApiEnvelope<T> {\n  data?: T;\n  messages?: string[];\n}\n\nexport class ApiClientError extends Error {\n  public readonly status: number;\n  public readonly messages: string[];\n\n  constructor(status: number, messages: string[]) {\n    super(messages.join('; ') || `HTTP ${status}`);\n    this.status = status;\n    this.messages = messages;\n  }\n}\n\nexport type QueryParams = Record<string, string | number | boolean | undefined | null>;\n\nexport interface IHttpClient {\n  get<T>(path: string, query?: QueryParams): Promise<T>;\n  post<T>(path: string, body?: unknown): Promise<T>;\n  put<T>(path: string, body?: unknown): Promise<T>;\n  patch<T>(path: string, body?: unknown): Promise<T>;\n  delete(path: string): Promise<void>;\n}\n\nfunction buildUrl(baseUrl: string, path: string, query?: QueryParams): string {\n  const normalizedBase = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;\n  const url = new URL(path.replace(/^\\//, ''), normalizedBase);\n  if (query) {\n    Object.keys(query).forEach(key => {\n      const value = query[key];\n      if (value !== undefined && value !== null && value !== '') {\n        url.searchParams.set(key, String(value));\n      }\n    });\n  }\n  return url.toString();\n}\n\ninterface IMinimalResponse {\n  ok: boolean;\n  status: number;\n  text(): Promise<string>;\n}\n\nasync function parseResponse<T>(response: IMinimalResponse): Promise<T> {\n  if (response.status === 204) {\n    return undefined as T;\n  }\n\n  const text = await response.text();\n  let json: IApiEnvelope<T> | undefined;\n  try {\n    json = text ? JSON.parse(text) : undefined;\n  } catch {\n    // Ответ пришёл не в конверте ApiResponse/ApiError (например, \"сырая\" страница\n    // необработанного исключения ASP.NET Core или ошибка от прокси перед API).\n    if (!response.ok) {\n      throw new ApiClientError(response.status, [text || `HTTP ${response.status}`]);\n    }\n    throw new ApiClientError(response.status, ['Сервер вернул не-JSON ответ.']);\n  }\n\n  if (!response.ok) {\n    const messages = json?.messages ?? [`HTTP ${response.status}`];\n    throw new ApiClientError(response.status, messages);\n  }\n\n  return (json?.data as T) ?? (undefined as T);\n}\n\n/**\n * Прод/staging: вызовы через AAD-защищённое SPFx-подключение (AadHttpClient).\n * Требует webApiPermissionRequests в package-solution.json и админского\n * согласия в SharePoint admin center → Advanced → API access.\n */\nexport class AadApiHttpClient implements IHttpClient {\n  constructor(private readonly client: AadHttpClient, private readonly baseUrl: string) {}\n\n  public get<T>(path: string, query?: QueryParams): Promise<T> {\n    const url = buildUrl(this.baseUrl, path, query);\n    return this.client\n      .get(url, AadHttpClient.configurations.v1)\n      .then((r: HttpClientResponse) => parseResponse<T>(r));\n  }\n\n  public post<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('POST', path, body);\n  }\n\n  public put<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PUT', path, body);\n  }\n\n  public patch<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PATCH', path, body);\n  }\n\n  public async delete(path: string): Promise<void> {\n    await this.send<void>('DELETE', path);\n  }\n\n  private send<T>(method: string, path: string, body?: unknown): Promise<T> {\n    const url = buildUrl(this.baseUrl, path);\n    return this.client\n      .fetch(url, AadHttpClient.configurations.v1, {\n        method,\n        headers: { 'Content-Type': 'application/json' },\n        body: body !== undefined ? JSON.stringify(body) : undefined\n      })\n      .then((r: HttpClientResponse) => parseResponse<T>(r));\n  }\n}\n\n/**\n * Локальная отладка: обычный fetch с заголовком X-Dev-User-Email.\n * Работает только если бэкенд поднят с пустыми Entra:TenantId/Entra:Audience\n * (см. backend/.../Auth/AuthSetup.cs — тогда включается DevAuthHandler).\n */\nexport class DevApiHttpClient implements IHttpClient {\n  constructor(private readonly baseUrl: string, private readonly devUserEmail: string) {}\n\n  public get<T>(path: string, query?: QueryParams): Promise<T> {\n    return this.send<T>('GET', path, undefined, query);\n  }\n\n  public post<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('POST', path, body);\n  }\n\n  public put<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PUT', path, body);\n  }\n\n  public patch<T>(path: string, body?: unknown): Promise<T> {\n    return this.send<T>('PATCH', path, body);\n  }\n\n  public async delete(path: string): Promise<void> {\n    await this.send<void>('DELETE', path);\n  }\n\n  private async send<T>(method: string, path: string, body?: unknown, query?: QueryParams): Promise<T> {\n    const url = buildUrl(this.baseUrl, path, query);\n    const response = await fetch(url, {\n      method,\n      headers: {\n        'Content-Type': 'application/json',\n        'X-Dev-User-Email': this.devUserEmail\n      },\n      body: body !== undefined ? JSON.stringify(body) : undefined\n    });\n    return parseResponse<T>(response);\n  }\n}\n","// Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license.\n// See LICENSE in the project root for license information.\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\n// Store the theming state in __themeState__ global scope for reuse in the case of duplicate\n// load-themed-styles hosted on the page.\nvar _root = typeof window === 'undefined' ? global : window; // eslint-disable-line @typescript-eslint/no-explicit-any\n// Nonce string to inject into script tag if one provided. This is used in CSP (Content Security Policy).\nvar _styleNonce = _root && _root.CSPSettings && _root.CSPSettings.nonce;\nvar _themeState = initializeThemeState();\n/**\n * Matches theming tokens. For example, \"[theme: themeSlotName, default: #FFF]\" (including the quotes).\n */\nvar _themeTokenRegex = /[\\'\\\"]\\[theme:\\s*(\\w+)\\s*(?:\\,\\s*default:\\s*([\\\\\"\\']?[\\.\\,\\(\\)\\#\\-\\s\\w]*[\\.\\,\\(\\)\\#\\-\\w][\\\"\\']?))?\\s*\\][\\'\\\"]/g;\nvar now = function () {\n    return typeof performance !== 'undefined' && !!performance.now ? performance.now() : Date.now();\n};\nfunction measure(func) {\n    var start = now();\n    func();\n    var end = now();\n    _themeState.perf.duration += end - start;\n}\n/**\n * initialize global state object\n */\nfunction initializeThemeState() {\n    var state = _root.__themeState__ || {\n        theme: undefined,\n        lastStyleElement: undefined,\n        registeredStyles: []\n    };\n    if (!state.runState) {\n        state = __assign(__assign({}, state), { perf: {\n                count: 0,\n                duration: 0\n            }, runState: {\n                flushTimer: 0,\n                mode: 0 /* Mode.sync */,\n                buffer: []\n            } });\n    }\n    if (!state.registeredThemableStyles) {\n        state = __assign(__assign({}, state), { registeredThemableStyles: [] });\n    }\n    _root.__themeState__ = state;\n    return state;\n}\n/**\n * Loads a set of style text. If it is registered too early, we will register it when the window.load\n * event is fired.\n * @param {string | ThemableArray} styles Themable style text to register.\n * @param {boolean} loadAsync When true, always load styles in async mode, irrespective of current sync mode.\n */\nexport function loadStyles(styles, loadAsync) {\n    if (loadAsync === void 0) { loadAsync = false; }\n    measure(function () {\n        var styleParts = Array.isArray(styles) ? styles : splitStyles(styles);\n        var _a = _themeState.runState, mode = _a.mode, buffer = _a.buffer, flushTimer = _a.flushTimer;\n        if (loadAsync || mode === 1 /* Mode.async */) {\n            buffer.push(styleParts);\n            if (!flushTimer) {\n                _themeState.runState.flushTimer = asyncLoadStyles();\n            }\n        }\n        else {\n            applyThemableStyles(styleParts);\n        }\n    });\n}\n/**\n * Allows for customizable loadStyles logic. e.g. for server side rendering application\n * @param {(processedStyles: string, rawStyles?: string | ThemableArray) => void}\n * a loadStyles callback that gets called when styles are loaded or reloaded\n */\nexport function configureLoadStyles(loadStylesFn) {\n    _themeState.loadStyles = loadStylesFn;\n}\n/**\n * Configure run mode of load-themable-styles\n * @param mode load-themable-styles run mode, async or sync\n */\nexport function configureRunMode(mode) {\n    _themeState.runState.mode = mode;\n}\n/**\n * external code can call flush to synchronously force processing of currently buffered styles\n */\nexport function flush() {\n    measure(function () {\n        var styleArrays = _themeState.runState.buffer.slice();\n        _themeState.runState.buffer = [];\n        var mergedStyleArray = [].concat.apply([], styleArrays);\n        if (mergedStyleArray.length > 0) {\n            applyThemableStyles(mergedStyleArray);\n        }\n    });\n}\n/**\n * register async loadStyles\n */\nfunction asyncLoadStyles() {\n    return setTimeout(function () {\n        _themeState.runState.flushTimer = 0;\n        flush();\n    }, 0);\n}\n/**\n * Loads a set of style text. If it is registered too early, we will register it when the window.load event\n * is fired.\n * @param {string} styleText Style to register.\n * @param {IStyleRecord} styleRecord Existing style record to re-apply.\n */\nfunction applyThemableStyles(stylesArray, styleRecord) {\n    if (_themeState.loadStyles) {\n        _themeState.loadStyles(resolveThemableArray(stylesArray).styleString, stylesArray);\n    }\n    else {\n        registerStyles(stylesArray);\n    }\n}\n/**\n * Registers a set theme tokens to find and replace. If styles were already registered, they will be\n * replaced.\n * @param {theme} theme JSON object of theme tokens to values.\n */\nexport function loadTheme(theme) {\n    _themeState.theme = theme;\n    // reload styles.\n    reloadStyles();\n}\n/**\n * Clear already registered style elements and style records in theme_State object\n * @param option - specify which group of registered styles should be cleared.\n * Default to be both themable and non-themable styles will be cleared\n */\nexport function clearStyles(option) {\n    if (option === void 0) { option = 3 /* ClearStyleOptions.all */; }\n    if (option === 3 /* ClearStyleOptions.all */ || option === 2 /* ClearStyleOptions.onlyNonThemable */) {\n        clearStylesInternal(_themeState.registeredStyles);\n        _themeState.registeredStyles = [];\n    }\n    if (option === 3 /* ClearStyleOptions.all */ || option === 1 /* ClearStyleOptions.onlyThemable */) {\n        clearStylesInternal(_themeState.registeredThemableStyles);\n        _themeState.registeredThemableStyles = [];\n    }\n}\nfunction clearStylesInternal(records) {\n    records.forEach(function (styleRecord) {\n        var styleElement = styleRecord && styleRecord.styleElement;\n        if (styleElement && styleElement.parentElement) {\n            styleElement.parentElement.removeChild(styleElement);\n        }\n    });\n}\n/**\n * Reloads styles.\n */\nfunction reloadStyles() {\n    if (_themeState.theme) {\n        var themableStyles = [];\n        for (var _i = 0, _a = _themeState.registeredThemableStyles; _i < _a.length; _i++) {\n            var styleRecord = _a[_i];\n            themableStyles.push(styleRecord.themableStyle);\n        }\n        if (themableStyles.length > 0) {\n            clearStyles(1 /* ClearStyleOptions.onlyThemable */);\n            applyThemableStyles([].concat.apply([], themableStyles));\n        }\n    }\n}\n/**\n * Find theme tokens and replaces them with provided theme values.\n * @param {string} styles Tokenized styles to fix.\n */\nexport function detokenize(styles) {\n    if (styles) {\n        styles = resolveThemableArray(splitStyles(styles)).styleString;\n    }\n    return styles;\n}\n/**\n * Resolves ThemingInstruction objects in an array and joins the result into a string.\n * @param {ThemableArray} splitStyleArray ThemableArray to resolve and join.\n */\nfunction resolveThemableArray(splitStyleArray) {\n    var theme = _themeState.theme;\n    var themable = false;\n    // Resolve the array of theming instructions to an array of strings.\n    // Then join the array to produce the final CSS string.\n    var resolvedArray = (splitStyleArray || []).map(function (currentValue) {\n        var themeSlot = currentValue.theme;\n        if (themeSlot) {\n            themable = true;\n            // A theming annotation. Resolve it.\n            var themedValue = theme ? theme[themeSlot] : undefined;\n            var defaultValue = currentValue.defaultValue || 'inherit';\n            // Warn to console if we hit an unthemed value even when themes are provided, but only if \"DEBUG\" is true.\n            // Allow the themedValue to be undefined to explicitly request the default value.\n            if (theme &&\n                !themedValue &&\n                console &&\n                !(themeSlot in theme) &&\n                typeof DEBUG !== 'undefined' &&\n                DEBUG) {\n                console.warn(\"Theming value not provided for \\\"\".concat(themeSlot, \"\\\". Falling back to \\\"\").concat(defaultValue, \"\\\".\"));\n            }\n            return themedValue || defaultValue;\n        }\n        else {\n            // A non-themable string. Preserve it.\n            return currentValue.rawString;\n        }\n    });\n    return {\n        styleString: resolvedArray.join(''),\n        themable: themable\n    };\n}\n/**\n * Split tokenized CSS into an array of strings and theme specification objects\n * @param {string} styles Tokenized styles to split.\n */\nexport function splitStyles(styles) {\n    var result = [];\n    if (styles) {\n        var pos = 0; // Current position in styles.\n        var tokenMatch = void 0;\n        while ((tokenMatch = _themeTokenRegex.exec(styles))) {\n            var matchIndex = tokenMatch.index;\n            if (matchIndex > pos) {\n                result.push({\n                    rawString: styles.substring(pos, matchIndex)\n                });\n            }\n            result.push({\n                theme: tokenMatch[1],\n                defaultValue: tokenMatch[2] // May be undefined\n            });\n            // index of the first character after the current match\n            pos = _themeTokenRegex.lastIndex;\n        }\n        // Push the rest of the string after the last match.\n        result.push({\n            rawString: styles.substring(pos)\n        });\n    }\n    return result;\n}\n/**\n * Registers a set of style text. If it is registered too early, we will register it when the\n * window.load event is fired.\n * @param {ThemableArray} styleArray Array of IThemingInstruction objects to register.\n * @param {IStyleRecord} styleRecord May specify a style Element to update.\n */\nfunction registerStyles(styleArray) {\n    if (typeof document === 'undefined') {\n        return;\n    }\n    var head = document.getElementsByTagName('head')[0];\n    var styleElement = document.createElement('style');\n    var _a = resolveThemableArray(styleArray), styleString = _a.styleString, themable = _a.themable;\n    styleElement.setAttribute('data-load-themed-styles', 'true');\n    if (_styleNonce) {\n        styleElement.setAttribute('nonce', _styleNonce);\n    }\n    styleElement.appendChild(document.createTextNode(styleString));\n    _themeState.perf.count++;\n    head.appendChild(styleElement);\n    var ev = document.createEvent('HTMLEvents');\n    ev.initEvent('styleinsert', true /* bubbleEvent */, false /* cancelable */);\n    ev.args = {\n        newStyle: styleElement\n    };\n    document.dispatchEvent(ev);\n    var record = {\n        styleElement: styleElement,\n        themableStyle: styleArray\n    };\n    if (themable) {\n        _themeState.registeredThemableStyles.push(record);\n    }\n    else {\n        _themeState.registeredStyles.push(record);\n    }\n}\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","module.exports = __WEBPACK_EXTERNAL_MODULE__676__;","module.exports = __WEBPACK_EXTERNAL_MODULE__909__;","module.exports = __WEBPACK_EXTERNAL_MODULE__877__;","module.exports = __WEBPACK_EXTERNAL_MODULE__642__;","module.exports = __WEBPACK_EXTERNAL_MODULE__959__;","module.exports = __WEBPACK_EXTERNAL_MODULE__398__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import * as React from 'react';\nimport * as ReactDom from 'react-dom';\nimport { Version } from '@microsoft/sp-core-library';\nimport {\n  type IPropertyPaneConfiguration,\n  PropertyPaneTextField,\n  PropertyPaneToggle\n} from '@microsoft/sp-property-pane';\nimport { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';\n\nimport ApprovalAdmin from './components/ApprovalAdmin';\nimport { IApprovalAdminProps } from './components/IApprovalAdminProps';\n\nexport interface IApprovalAdminWebPartProps {\n  apiBaseUrl: string;\n  useDevAuth: boolean;\n  devUserEmail: string;\n  aadResourceId: string;\n}\n\nexport default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprovalAdminWebPartProps> {\n\n  public render(): void {\n    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(ApprovalAdmin, {\n      context: this.context,\n      apiBaseUrl: this.properties.apiBaseUrl,\n      useDevAuth: this.properties.useDevAuth,\n      devUserEmail: this.properties.devUserEmail,\n      aadResourceId: this.properties.aadResourceId\n    });\n\n    ReactDom.render(element, this.domElement);\n  }\n\n  protected onInit(): Promise<void> {\n    this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443';\n    this.properties.useDevAuth = this.properties.useDevAuth ?? true;\n    this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';\n    this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';\n    return Promise.resolve();\n  }\n\n  protected onDispose(): void {\n    ReactDom.unmountComponentAtNode(this.domElement);\n  }\n\n  protected get dataVersion(): Version {\n    return Version.parse('1.0');\n  }\n\n  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {\n    return {\n      pages: [\n        {\n          header: {\n            description: 'Подключение к Tnsu.ApprovalRoute.Api'\n          },\n          groups: [\n            {\n              groupName: 'API',\n              groupFields: [\n                PropertyPaneTextField('apiBaseUrl', {\n                  label: 'Api Base Url',\n                  description: 'Например, https://localhost:5443 локально или прод-адрес API.'\n                }),\n                PropertyPaneToggle('useDevAuth', {\n                  label: 'Локальный Dev-режим (без Azure AD)',\n                  onText: 'Вкл. (заголовок X-Dev-User-Email)',\n                  offText: 'Выкл. (AAD-токен через SPFx)'\n                }),\n                PropertyPaneTextField('devUserEmail', {\n                  label: 'Dev: email пользователя',\n                  description: 'Используется только при включённом Dev-режиме.'\n                }),\n                PropertyPaneTextField('aadResourceId', {\n                  label: 'AAD Resource Id (App ID URI)',\n                  description: 'Используется только при выключенном Dev-режиме. Должен совпадать с webApiPermissionRequests в package-solution.json.'\n                })\n              ]\n            }\n          ]\n        }\n      ]\n    };\n  }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/frontend/release/assets/welcome-dark_bc81978d2f17e05985ee.png b/frontend/release/assets/welcome-dark_bc81978d2f17e05985ee.png
deleted file mode 100644
index 42f0b8d..0000000
Binary files a/frontend/release/assets/welcome-dark_bc81978d2f17e05985ee.png and /dev/null differ
diff --git a/frontend/release/assets/welcome-light_a2dcb0d64c8d6e80cf49.png b/frontend/release/assets/welcome-light_a2dcb0d64c8d6e80cf49.png
deleted file mode 100644
index 69eb3b4..0000000
Binary files a/frontend/release/assets/welcome-light_a2dcb0d64c8d6e80cf49.png and /dev/null differ
diff --git a/frontend/release/manifests/4825e72c-4ff3-479e-917e-f6b04e003a82.manifest.json b/frontend/release/manifests/4825e72c-4ff3-479e-917e-f6b04e003a82.manifest.json
index c90e31a..2d4d755 100644
--- a/frontend/release/manifests/4825e72c-4ff3-479e-917e-f6b04e003a82.manifest.json
+++ b/frontend/release/manifests/4825e72c-4ff3-479e-917e-f6b04e003a82.manifest.json
@@ -26,7 +26,10 @@
       },
       "officeFabricIconFontName": "Page",
       "properties": {
-        "description": "approval-admin"
+        "apiBaseUrl": "https://localhost:5443",
+        "useDevAuth": true,
+        "devUserEmail": "dev@tnsu.kz",
+        "aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0"
       }
     }
   ],
@@ -65,13 +68,9 @@
         "id": "974a7777-0990-4136-8fa6-95d80114c2e0",
         "version": "1.22.1"
       },
-      "ApprovalAdminWebPartStrings": {
-        "type": "path",
-        "path": "ApprovalAdminWebPartStrings_en-us.js"
-      },
-      "@microsoft/sp-lodash-subset": {
+      "@microsoft/sp-http": {
         "type": "component",
-        "id": "73e1dc6c-8441-42cc-ad47-4bd3659f8a3a",
+        "id": "c07208f0-ea3b-4c1a-9965-ac1b825211a6",
         "version": "1.22.1"
       }
     }
diff --git a/frontend/src/styles/design-tokens.scss b/frontend/src/styles/design-tokens.scss
new file mode 100644
index 0000000..90c6b76
--- /dev/null
+++ b/frontend/src/styles/design-tokens.scss
@@ -0,0 +1,153 @@
+// ============================================
+// Tansu Construction — Design Tokens
+// Дизайн-система V5: Executive Premium
+// Общий файл для всех SPFx-проектов Tnsu.
+// Импорт в .module.scss: @import '../../../../styles/design-tokens';
+// (глубина '../' зависит от расположения файла относительно src/)
+// ============================================
+
+// ---- Navy (Primary) ----
+$navy-950: #0A1B30;
+$navy-900: #0F2440;
+$navy-800: #1B3A5C;
+$navy-700: #244B73;
+$navy-600: #2D5C8A;
+$navy-100: #E8EEF4;
+$navy-50:  #F4F7FA;
+
+// ---- Gold (Accent) ----
+$gold-600: #B8881A;
+$gold-500: #D4A01E;
+$gold-400: #E5B635;
+$gold-300: #F0CC5E;
+$gold-100: #FDF5E0;
+$gold-50:  #FEFBF0;
+
+// ---- Gray (Neutral) ----
+$gray-900: #111827;
+$gray-700: #374151;
+$gray-500: #6B7280;
+$gray-400: #9CA3AF;
+$gray-300: #D1D5DB;
+$gray-200: #E5E7EB;
+$gray-100: #F3F4F6;
+$gray-50:  #F9FAFB;
+
+// ---- Semantic ----
+$red-500:   #DC2626;
+$red-50:    #FEF2F2;
+$green-600: #15803D;
+$green-50:  #F0FDF4;
+$blue-600:  #2563EB;
+$blue-50:   #EFF6FF;
+$amber-700: #854D0E;
+
+// ---- Typography ----
+// Заголовки страниц и секций — Lora (serif)
+// Весь остальной текст — Inter (sans)
+$font-serif: 'Lora', Georgia, serif;
+$font-sans:  'Inter', -apple-system, 'Segoe UI', sans-serif;
+
+$fs-page-title:    24px; // Lora 600
+$fs-form-title:    22px; // Lora 600
+$fs-section-title: 15px; // Lora 600
+$fs-body:          14px; // Inter 400
+$fs-sm:            13px;
+$fs-label:         12px; // Inter 500
+$fs-caption:       11px;
+$fs-overline:      10.5px; // uppercase, letter-spacing 1.4-1.8px
+
+// ---- Radius ----
+$r-sm: 6px;
+$r-md: 10px;
+$r-lg: 14px;
+$r-full: 100px;
+
+// ---- Shadows ----
+$sh-1: 0 1px 2px rgba(15,36,64,.04), 0 1px 3px rgba(15,36,64,.06);
+$sh-2: 0 4px 16px rgba(15,36,64,.07);
+$sh-3: 0 12px 32px rgba(15,36,64,.10);
+$sh-gold: 0 4px 20px rgba(212,160,30,.18);
+$sh-modal: 0 24px 70px rgba(10,27,48,.25);
+
+// ---- Gradients (фирменные) ----
+$grad-header: linear-gradient(135deg, $navy-950 0%, $navy-800 85%);
+$grad-gold:   linear-gradient(135deg, $gold-400, $gold-500);
+$grad-gold-v: linear-gradient(180deg, $gold-400, $gold-600);
+$grad-hairline: linear-gradient(90deg, $gold-400, transparent 70%);
+
+// ---- Spacing ----
+$sp-1: 4px;  $sp-2: 8px;  $sp-3: 12px;
+$sp-4: 16px; $sp-5: 20px; $sp-6: 24px;
+$sp-7: 28px; $sp-8: 32px;
+
+// ---- CSS Custom Properties ----
+:root {
+  --navy-950: #{$navy-950}; --navy-900: #{$navy-900}; --navy-800: #{$navy-800};
+  --navy-700: #{$navy-700}; --navy-600: #{$navy-600};
+  --navy-100: #{$navy-100}; --navy-50: #{$navy-50};
+
+  --gold-600: #{$gold-600}; --gold-500: #{$gold-500}; --gold-400: #{$gold-400};
+  --gold-300: #{$gold-300}; --gold-100: #{$gold-100}; --gold-50: #{$gold-50};
+
+  --gray-900: #{$gray-900}; --gray-700: #{$gray-700}; --gray-500: #{$gray-500};
+  --gray-400: #{$gray-400}; --gray-300: #{$gray-300}; --gray-200: #{$gray-200};
+  --gray-100: #{$gray-100}; --gray-50: #{$gray-50};
+
+  --red-500: #{$red-500}; --red-50: #{$red-50};
+  --green-600: #{$green-600}; --green-50: #{$green-50};
+  --blue-600: #{$blue-600}; --blue-50: #{$blue-50};
+  --amber-700: #{$amber-700};
+
+  --sh-1: #{$sh-1}; --sh-2: #{$sh-2}; --sh-3: #{$sh-3};
+  --sh-gold: #{$sh-gold}; --sh-modal: #{$sh-modal};
+
+  --r-sm: #{$r-sm}; --r-md: #{$r-md}; --r-lg: #{$r-lg};
+}
+
+// ---- Готовые миксины ----
+@mixin page-header {
+  background: $grad-header;
+  border-radius: $r-lg;
+  padding: 26px 30px;
+  position: relative;
+  overflow: hidden;
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0; right: 0; bottom: 0;
+    height: 2px;
+    background: linear-gradient(90deg, $gold-500, transparent 60%);
+  }
+}
+
+@mixin card-hover-gold {
+  transition: .22s;
+  &:hover {
+    box-shadow: $sh-3;
+    transform: translateY(-2px);
+    border-color: $gold-300;
+  }
+}
+
+@mixin btn-accent {
+  background: $grad-gold;
+  color: $navy-950;
+  font-weight: 600;
+  border: 1px solid $gold-500;
+  &:hover { box-shadow: $sh-gold; transform: translateY(-1px); }
+}
+
+@mixin input-focus-gold {
+  &:focus {
+    outline: 0;
+    border-color: $gold-500;
+    box-shadow: 0 0 0 3px rgba(212,160,30,.12);
+  }
+}
+
+@mixin hairline {
+  height: 1px;
+  background: $grad-hairline;
+  border: 0;
+}
diff --git a/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json b/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
index 7ee7c5e..07ea6e9 100644
--- a/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
+++ b/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.manifest.json
@@ -22,7 +22,10 @@
     "description": { "default": "approval-admin description" },
     "officeFabricIconFontName": "Page",
     "properties": {
-      "description": "approval-admin"
+      "apiBaseUrl": "https://localhost:5443",
+      "useDevAuth": true,
+      "devUserEmail": "dev@tnsu.kz",
+      "aadResourceId": "api://9232d9e2-9807-4753-808f-07250e5474b0"
     }
   }]
 }
diff --git a/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.ts b/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.ts
index ae1052c..9774bb2 100644
--- a/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.ts
+++ b/frontend/src/webparts/approvalAdmin/ApprovalAdminWebPart.ts
@@ -3,90 +3,41 @@ import * as ReactDom from 'react-dom';
 import { Version } from '@microsoft/sp-core-library';
 import {
   type IPropertyPaneConfiguration,
-  PropertyPaneTextField
+  PropertyPaneTextField,
+  PropertyPaneToggle
 } from '@microsoft/sp-property-pane';
 import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
-import { IReadonlyTheme } from '@microsoft/sp-component-base';
 
-import * as strings from 'ApprovalAdminWebPartStrings';
 import ApprovalAdmin from './components/ApprovalAdmin';
 import { IApprovalAdminProps } from './components/IApprovalAdminProps';
 
 export interface IApprovalAdminWebPartProps {
-  description: string;
+  apiBaseUrl: string;
+  useDevAuth: boolean;
+  devUserEmail: string;
+  aadResourceId: string;
 }
 
 export default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprovalAdminWebPartProps> {
 
-  private _isDarkTheme: boolean = false;
-  private _environmentMessage: string = '';
-
   public render(): void {
-    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(
-      ApprovalAdmin,
-      {
-        description: this.properties.description,
-        isDarkTheme: this._isDarkTheme,
-        environmentMessage: this._environmentMessage,
-        hasTeamsContext: !!this.context.sdks.microsoftTeams,
-        userDisplayName: this.context.pageContext.user.displayName
-      }
-    );
+    const element: React.ReactElement<IApprovalAdminProps> = React.createElement(ApprovalAdmin, {
+      context: this.context,
+      apiBaseUrl: this.properties.apiBaseUrl,
+      useDevAuth: this.properties.useDevAuth,
+      devUserEmail: this.properties.devUserEmail,
+      aadResourceId: this.properties.aadResourceId
+    });
 
     ReactDom.render(element, this.domElement);
   }
 
   protected onInit(): Promise<void> {
-    return this._getEnvironmentMessage().then(message => {
-      this._environmentMessage = message;
-    });
-  }
-
-
-
-  private _getEnvironmentMessage(): Promise<string> {
-    if (!!this.context.sdks.microsoftTeams) { // running in Teams, office.com or Outlook
-      return this.context.sdks.microsoftTeams.teamsJs.app.getContext()
-        .then(context => {
-          let environmentMessage: string = '';
-          switch (context.app.host.name) {
-            case 'Office': // running in Office
-              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOffice : strings.AppOfficeEnvironment;
-              break;
-            case 'Outlook': // running in Outlook
-              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentOutlook : strings.AppOutlookEnvironment;
-              break;
-            case 'Teams': // running in Teams
-            case 'TeamsModern':
-              environmentMessage = this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentTeams : strings.AppTeamsTabEnvironment;
-              break;
-            default:
-              environmentMessage = strings.UnknownEnvironment;
-          }
-
-          return environmentMessage;
-        });
-    }
-
-    return Promise.resolve(this.context.isServedFromLocalhost ? strings.AppLocalEnvironmentSharePoint : strings.AppSharePointEnvironment);
-  }
-
-  protected onThemeChanged(currentTheme: IReadonlyTheme | undefined): void {
-    if (!currentTheme) {
-      return;
-    }
-
-    this._isDarkTheme = !!currentTheme.isInverted;
-    const {
-      semanticColors
-    } = currentTheme;
-
-    if (semanticColors) {
-      this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);
-      this.domElement.style.setProperty('--link', semanticColors.link || null);
-      this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);
-    }
-
+    this.properties.apiBaseUrl = this.properties.apiBaseUrl || 'https://localhost:5443';
+    this.properties.useDevAuth = this.properties.useDevAuth ?? true;
+    this.properties.devUserEmail = this.properties.devUserEmail || 'dev@tnsu.kz';
+    this.properties.aadResourceId = this.properties.aadResourceId || 'api://9232d9e2-9807-4753-808f-07250e5474b0';
+    return Promise.resolve();
   }
 
   protected onDispose(): void {
@@ -102,14 +53,28 @@ export default class ApprovalAdminWebPart extends BaseClientSideWebPart<IApprova
       pages: [
         {
           header: {
-            description: strings.PropertyPaneDescription
+            description: 'Подключение к Tnsu.ApprovalRoute.Api'
           },
           groups: [
             {
-              groupName: strings.BasicGroupName,
+              groupName: 'API',
               groupFields: [
-                PropertyPaneTextField('description', {
-                  label: strings.DescriptionFieldLabel
+                PropertyPaneTextField('apiBaseUrl', {
+                  label: 'Api Base Url',
+                  description: 'Например, https://localhost:5443 локально или прод-адрес API.'
+                }),
+                PropertyPaneToggle('useDevAuth', {
+                  label: 'Локальный Dev-режим (без Azure AD)',
+                  onText: 'Вкл. (заголовок X-Dev-User-Email)',
+                  offText: 'Выкл. (AAD-токен через SPFx)'
+                }),
+                PropertyPaneTextField('devUserEmail', {
+                  label: 'Dev: email пользователя',
+                  description: 'Используется только при включённом Dev-режиме.'
+                }),
+                PropertyPaneTextField('aadResourceId', {
+                  label: 'AAD Resource Id (App ID URI)',
+                  description: 'Используется только при выключенном Dev-режиме. Должен совпадать с webApiPermissionRequests в package-solution.json.'
                 })
               ]
             }
diff --git a/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.module.scss b/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.module.scss
index 0e47702..6770da3 100644
--- a/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.module.scss
+++ b/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.module.scss
@@ -1,34 +1,15 @@
-@import '~@fluentui/react/dist/sass/References.scss';
+@import '../../../styles/design-tokens';
 
 .approvalAdmin {
-  overflow: hidden;
-  padding: 1em;
-  color: "[theme:bodyText, default: #323130]";
-  color: var(--bodyText);
-  &.teams {
-    font-family: $ms-font-family-fallbacks;
-  }
+  font-family: $font-sans;
 }
 
-.welcome {
+.stateBox {
+  padding: 40px 24px;
   text-align: center;
+  color: $gray-500;
+  font-size: 13.5px;
+  background: $gray-50;
+  border-radius: $r-lg;
+  border: 1px solid $gray-200;
 }
-
-.welcomeImage {
-  width: 100%;
-  max-width: 420px;
-}
-
-.links {
-  a {
-    text-decoration: none;
-    color: "[theme:link, default:#03787c]";
-    color: var(--link); // note: CSS Custom Properties support is limited to modern browsers only
-
-    &:hover {
-      text-decoration: underline;
-      color: "[theme:linkHovered, default: #014446]";
-      color: var(--linkHovered); // note: CSS Custom Properties support is limited to modern browsers only
-    }
-  }
-}
\ No newline at end of file
diff --git a/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.tsx b/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.tsx
index 5d3bad0..d7d2c88 100644
--- a/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.tsx
+++ b/frontend/src/webparts/approvalAdmin/components/ApprovalAdmin.tsx
@@ -1,43 +1,63 @@
 import * as React from 'react';
 import styles from './ApprovalAdmin.module.scss';
 import type { IApprovalAdminProps } from './IApprovalAdminProps';
-import { escape } from '@microsoft/sp-lodash-subset';
+import { AdminApp } from './app/AdminApp';
+import { ApprovalRouteApi } from '../services/api';
+import { AadApiHttpClient, DevApiHttpClient, IHttpClient } from '../services/httpClient';
 
-export default class ApprovalAdmin extends React.Component<IApprovalAdminProps> {
-  public render(): React.ReactElement<IApprovalAdminProps> {
-    const {
-      description,
-      isDarkTheme,
-      environmentMessage,
-      hasTeamsContext,
-      userDisplayName
-    } = this.props;
+const FONTS_LINK_ID = 'tnsu-approval-admin-fonts';
 
-    return (
-      <section className={`${styles.approvalAdmin} ${hasTeamsContext ? styles.teams : ''}`}>
-        <div className={styles.welcome}>
-          <img alt="" src={isDarkTheme ? require('../assets/welcome-dark.png') : require('../assets/welcome-light.png')} className={styles.welcomeImage} />
-          <h2>Well done, {escape(userDisplayName)}!</h2>
-          <div>{environmentMessage}</div>
-          <div>Web part property value: <strong>{escape(description)}</strong></div>
-        </div>
-        <div>
-          <h3>Welcome to SharePoint Framerk!</h3>
-          <p>
-            The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It&#39;s the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling.
-          </p>
-          <h4>Learn more about SPFx development:</h4>
-          <ul className={styles.links}>
-            <li><a href="https://aka.ms/spfx" target="_blank" rel="noreferrer">SharePoint Framework Overview</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-graph" target="_blank" rel="noreferrer">Use Microsoft Graph in your solution</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-teams" target="_blank" rel="noreferrer">Build for Microsoft Teams using SharePoint Framework</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-viva" target="_blank" rel="noreferrer">Build for Microsoft Viva Connections using SharePoint Framework</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-store" target="_blank" rel="noreferrer">Publish SharePoint Framework applications to the marketplace</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-api" target="_blank" rel="noreferrer">SharePoint Framework API reference</a></li>
-            <li><a href="https://aka.ms/m365pnp" target="_blank" rel="noreferrer">Microsoft 365 Developer Community</a></li>
-          </ul>
-        </div>
-      </section>
-    );
-  }
+function ensureFontsLoaded(): void {
+  if (typeof document === 'undefined' || document.getElementById(FONTS_LINK_ID)) return;
+  const link = document.createElement('link');
+  link.id = FONTS_LINK_ID;
+  link.rel = 'stylesheet';
+  link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:wght@500;600;700&display=swap';
+  document.head.appendChild(link);
 }
+
+async function createHttpClient(props: IApprovalAdminProps): Promise<IHttpClient> {
+  if (props.useDevAuth) {
+    return new DevApiHttpClient(props.apiBaseUrl, props.devUserEmail || 'dev@tnsu.kz');
+  }
+  const aadClient = await props.context.aadHttpClientFactory.getClient(props.aadResourceId);
+  return new AadApiHttpClient(aadClient, props.apiBaseUrl);
+}
+
+const ApprovalAdmin: React.FC<IApprovalAdminProps> = props => {
+  const [api, setApi] = React.useState<ApprovalRouteApi | undefined>();
+  const [error, setError] = React.useState<string | undefined>();
+
+  React.useEffect(() => {
+    ensureFontsLoaded();
+  }, []);
+
+  React.useEffect(() => {
+    let cancelled = false;
+    setApi(undefined);
+    setError(undefined);
+
+    createHttpClient(props)
+      .then(client => { if (!cancelled) setApi(new ApprovalRouteApi(client)); })
+      .catch((e: Error) => { if (!cancelled) setError(e.message); });
+
+    return () => { cancelled = true; };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.useDevAuth, props.apiBaseUrl, props.devUserEmail, props.aadResourceId]);
+
+  return (
+    <section className={styles.approvalAdmin}>
+      {error && (
+        <div className={styles.stateBox}>
+          Не удалось подключиться к API: {error}
+          <br />
+          Проверьте свойства веб-части (Api Base Url, режим авторизации) в панели настроек.
+        </div>
+      )}
+      {!error && !api && <div className={styles.stateBox}>Подключение к API...</div>}
+      {api && <AdminApp api={api} currentUserEmail={props.context.pageContext.user.email} />}
+    </section>
+  );
+};
+
+export default ApprovalAdmin;
diff --git a/frontend/src/webparts/approvalAdmin/components/IApprovalAdminProps.ts b/frontend/src/webparts/approvalAdmin/components/IApprovalAdminProps.ts
index 12371e6..00f42d1 100644
--- a/frontend/src/webparts/approvalAdmin/components/IApprovalAdminProps.ts
+++ b/frontend/src/webparts/approvalAdmin/components/IApprovalAdminProps.ts
@@ -1,7 +1,9 @@
+import { WebPartContext } from '@microsoft/sp-webpart-base';
+
 export interface IApprovalAdminProps {
-  description: string;
-  isDarkTheme: boolean;
-  environmentMessage: string;
-  hasTeamsContext: boolean;
-  userDisplayName: string;
+  context: WebPartContext;
+  apiBaseUrl: string;
+  useDevAuth: boolean;
+  devUserEmail: string;
+  aadResourceId: string;
 }
diff --git a/frontend/src/webparts/approvalAdmin/components/app/AdminApp.module.scss b/frontend/src/webparts/approvalAdmin/components/app/AdminApp.module.scss
new file mode 100644
index 0000000..827d923
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/app/AdminApp.module.scss
@@ -0,0 +1,26 @@
+@import '../../../../styles/design-tokens';
+
+.shell {
+  background: linear-gradient(180deg, #F6F8FA 0%, #EEF2F6 100%);
+  border-radius: $r-lg;
+  border: 1px solid $gray-200;
+  overflow: hidden;
+  box-shadow: $sh-1;
+  color: $gray-900;
+  font-family: $font-sans;
+  font-size: $fs-body;
+  line-height: 1.55;
+}
+
+.content {
+  padding: 28px 30px 36px;
+  max-width: 1080px;
+  margin: 0 auto;
+}
+
+.centerState {
+  padding: 60px 30px;
+  text-align: center;
+  color: $gray-400;
+  font-size: 13.5px;
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx b/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx
new file mode 100644
index 0000000..63ff990
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/app/AdminApp.tsx
@@ -0,0 +1,54 @@
+import * as React from 'react';
+import styles from './AdminApp.module.scss';
+import { TopNav } from './TopNav';
+import { ScreenKey } from './types';
+import { ApprovalRouteApi } from '../../services/api';
+import { TemplateRoute } from '../../models';
+import { DashboardScreen } from '../screens/DashboardScreen';
+import { RequestTypesScreen } from '../screens/RequestTypesScreen';
+import { RoutesScreen } from '../screens/RoutesScreen';
+import { RouteStepsScreen } from '../screens/RouteStepsScreen';
+import { ResolveScreen } from '../screens/ResolveScreen';
+
+export interface IAdminAppProps {
+  api: ApprovalRouteApi;
+  currentUserEmail?: string;
+}
+
+export const AdminApp: React.FC<IAdminAppProps> = ({ api, currentUserEmail }) => {
+  const [screen, setScreen] = React.useState<ScreenKey>('dashboard');
+  const [selectedRoute, setSelectedRoute] = React.useState<TemplateRoute | undefined>();
+  const [selectedRequestTypeName, setSelectedRequestTypeName] = React.useState('');
+
+  const navigate = (key: ScreenKey): void => {
+    setScreen(key);
+  };
+
+  const openSteps = (route: TemplateRoute): void => {
+    setSelectedRoute(route);
+    api.requestTypes.get(route.requestTypeId)
+      .then(rt => setSelectedRequestTypeName(rt.name))
+      .catch(() => setSelectedRequestTypeName(`#${route.requestTypeId}`));
+    setScreen('routeSteps');
+  };
+
+  return (
+    <div className={styles.shell}>
+      <TopNav active={screen} onSelect={navigate} />
+      <div className={styles.content}>
+        {screen === 'dashboard' && <DashboardScreen api={api} onNavigate={navigate} />}
+        {screen === 'requestTypes' && <RequestTypesScreen api={api} />}
+        {screen === 'routes' && <RoutesScreen api={api} onOpenSteps={openSteps} />}
+        {screen === 'routeSteps' && selectedRoute && (
+          <RouteStepsScreen
+            api={api}
+            route={selectedRoute}
+            requestTypeName={selectedRequestTypeName}
+            onBack={() => setScreen('routes')}
+          />
+        )}
+        {screen === 'resolve' && <ResolveScreen api={api} currentUserEmail={currentUserEmail} />}
+      </div>
+    </div>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss b/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss
new file mode 100644
index 0000000..3704ee4
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/app/TopNav.module.scss
@@ -0,0 +1,71 @@
+@import '../../../../styles/design-tokens';
+
+.topnav {
+  background: $grad-header;
+  padding: 0 22px;
+  display: flex;
+  align-items: center;
+  height: 54px;
+  box-shadow: 0 1px 0 rgba(212,160,30,.35);
+  border-radius: $r-md $r-md 0 0;
+  flex-wrap: wrap;
+}
+
+.brand {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-right: 28px;
+  flex-shrink: 0;
+}
+
+.mark {
+  width: 30px;
+  height: 30px;
+  border-radius: 7px;
+  background: $grad-gold-v;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: $navy-950;
+  font-weight: 800;
+  font-size: 13px;
+  font-family: $font-serif;
+}
+
+.brandText {
+  color: #fff;
+  font-weight: 600;
+  font-size: 13px;
+  letter-spacing: .4px;
+  white-space: nowrap;
+}
+
+.brandText em {
+  font-style: normal;
+  color: $gold-400;
+}
+
+.tabs {
+  display: flex;
+  height: 100%;
+  flex-wrap: wrap;
+}
+
+.tab {
+  padding: 0 16px;
+  border: none;
+  background: 0;
+  color: rgba(255,255,255,.5);
+  font-size: 13px;
+  font-weight: 500;
+  cursor: pointer;
+  font-family: inherit;
+  transition: .18s;
+  height: 54px;
+  border-bottom: 2px solid transparent;
+  letter-spacing: .2px;
+
+  &:hover { color: rgba(255,255,255,.85); }
+  &.on { color: $gold-300; border-bottom-color: $gold-400; }
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx b/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx
new file mode 100644
index 0000000..2631a44
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/app/TopNav.tsx
@@ -0,0 +1,40 @@
+import * as React from 'react';
+import styles from './TopNav.module.scss';
+import { ScreenKey } from './types';
+
+interface ITab {
+  key: ScreenKey;
+  label: string;
+}
+
+const TABS: ITab[] = [
+  { key: 'dashboard', label: 'Дашборд' },
+  { key: 'requestTypes', label: 'Типы заявок' },
+  { key: 'routes', label: 'Маршруты' },
+  { key: 'resolve', label: 'Проверка маршрута' }
+];
+
+export interface ITopNavProps {
+  active: ScreenKey;
+  onSelect: (key: ScreenKey) => void;
+}
+
+export const TopNav: React.FC<ITopNavProps> = ({ active, onSelect }) => (
+  <nav className={styles.topnav}>
+    <div className={styles.brand}>
+      <div className={styles.mark}>T</div>
+      <div className={styles.brandText}>TNSU <em>Approval Route</em></div>
+    </div>
+    <div className={styles.tabs}>
+      {TABS.map(tab => (
+        <button
+          key={tab.key}
+          className={`${styles.tab} ${(active === tab.key || (active === 'routeSteps' && tab.key === 'routes')) ? styles.on : ''}`}
+          onClick={() => onSelect(tab.key)}
+        >
+          {tab.label}
+        </button>
+      ))}
+    </div>
+  </nav>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/app/types.ts b/frontend/src/webparts/approvalAdmin/components/app/types.ts
new file mode 100644
index 0000000..f7f7876
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/app/types.ts
@@ -0,0 +1 @@
+export type ScreenKey = 'dashboard' | 'requestTypes' | 'routes' | 'routeSteps' | 'resolve';
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/DashboardScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/DashboardScreen.tsx
new file mode 100644
index 0000000..9bb51b5
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/screens/DashboardScreen.tsx
@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { ApprovalRouteApi } from '../../services/api';
+import { ScreenKey } from '../app/types';
+import { CardGrid, NavCard, StatCard, StatRow } from '../ui';
+
+export interface IDashboardScreenProps {
+  api: ApprovalRouteApi;
+  onNavigate: (key: ScreenKey) => void;
+}
+
+export const DashboardScreen: React.FC<IDashboardScreenProps> = ({ api, onNavigate }) => {
+  const [requestTypesCount, setRequestTypesCount] = React.useState<number | undefined>();
+  const [routesCount, setRoutesCount] = React.useState<number | undefined>();
+
+  React.useEffect(() => {
+    api.requestTypes.list().then(items => setRequestTypesCount(items.length)).catch(() => setRequestTypesCount(undefined));
+    api.templateRoutes.list().then(items => setRoutesCount(items.length)).catch(() => setRoutesCount(undefined));
+  }, [api]);
+
+  return (
+    <div>
+      <StatRow>
+        <StatCard label="Типов заявок" value={requestTypesCount ?? '—'} />
+        <StatCard label="Маршрутов согласования" value={routesCount ?? '—'} />
+      </StatRow>
+
+      <div style={{ fontSize: 10, textTransform: 'uppercase', letterSpacing: 1.6, color: 'var(--gray-400)', fontWeight: 600, marginBottom: 12 }}>
+        Разделы
+      </div>
+      <hr style={{ height: 1, background: 'linear-gradient(90deg, var(--gold-400), transparent 70%)', border: 0, margin: '6px 0 22px' }} />
+      <CardGrid>
+        <NavCard
+          icon="clipboard"
+          title="Типы заявок"
+          description="Справочник типов заявок и их страниц"
+          onClick={() => onNavigate('requestTypes')}
+        />
+        <NavCard
+          icon="route"
+          title="Маршруты согласования"
+          description="Маршруты, шаги и исполнители"
+          onClick={() => onNavigate('routes')}
+        />
+        <NavCard
+          icon="search"
+          title="Проверка маршрута"
+          description="Как разрешится маршрут для конкретного пользователя"
+          onClick={() => onNavigate('resolve')}
+        />
+      </CardGrid>
+    </div>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/RequestTypesScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/RequestTypesScreen.tsx
new file mode 100644
index 0000000..3e7f77a
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/screens/RequestTypesScreen.tsx
@@ -0,0 +1,189 @@
+import * as React from 'react';
+import { ApprovalRouteApi } from '../../services/api';
+import { ApiClientError } from '../../services/httpClient';
+import { RequestType } from '../../models';
+import {
+  ActionsCell,
+  Alert,
+  Breadcrumbs,
+  Button,
+  DataTable,
+  Field,
+  FormGrid,
+  IconButton,
+  Modal,
+  ConfirmDialog,
+  PageHeader,
+  PrimaryCell,
+  TextInput
+} from '../ui';
+
+export interface IRequestTypesScreenProps {
+  api: ApprovalRouteApi;
+}
+
+interface IFormState {
+  name: string;
+  pageUrl: string;
+}
+
+const EMPTY_FORM: IFormState = { name: '', pageUrl: '' };
+
+export const RequestTypesScreen: React.FC<IRequestTypesScreenProps> = ({ api }) => {
+  const [items, setItems] = React.useState<RequestType[]>([]);
+  const [loading, setLoading] = React.useState(true);
+  const [loadError, setLoadError] = React.useState<string | undefined>();
+
+  const [editing, setEditing] = React.useState<RequestType | undefined>();
+  const [showForm, setShowForm] = React.useState(false);
+  const [form, setForm] = React.useState<IFormState>(EMPTY_FORM);
+  const [formError, setFormError] = React.useState<string | undefined>();
+  const [saving, setSaving] = React.useState(false);
+
+  const [deleting, setDeleting] = React.useState<RequestType | undefined>();
+  const [deleteError, setDeleteError] = React.useState<string | undefined>();
+  const [deleteBusy, setDeleteBusy] = React.useState(false);
+
+  const load = React.useCallback(() => {
+    setLoading(true);
+    setLoadError(undefined);
+    api.requestTypes
+      .list()
+      .then(setItems)
+      .catch((e: ApiClientError) => setLoadError(e.message))
+      .finally(() => setLoading(false));
+  }, [api]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  const openCreate = (): void => {
+    setEditing(undefined);
+    setForm(EMPTY_FORM);
+    setFormError(undefined);
+    setShowForm(true);
+  };
+
+  const openEdit = (item: RequestType): void => {
+    setEditing(item);
+    setForm({ name: item.name, pageUrl: item.pageUrl });
+    setFormError(undefined);
+    setShowForm(true);
+  };
+
+  const submit = (): void => {
+    if (!form.name.trim() || !form.pageUrl.trim()) {
+      setFormError('Заполните имя и Url страницы.');
+      return;
+    }
+    setSaving(true);
+    setFormError(undefined);
+    const request = editing
+      ? api.requestTypes.update(editing.id, { name: form.name.trim(), pageUrl: form.pageUrl.trim() })
+      : api.requestTypes.create({ name: form.name.trim(), pageUrl: form.pageUrl.trim() });
+
+    request
+      .then(() => {
+        setShowForm(false);
+        load();
+      })
+      .catch((e: ApiClientError) => setFormError(e.message))
+      .finally(() => setSaving(false));
+  };
+
+  const confirmDelete = (): void => {
+    if (!deleting) return;
+    setDeleteBusy(true);
+    setDeleteError(undefined);
+    api.requestTypes
+      .remove(deleting.id)
+      .then(() => {
+        setDeleting(undefined);
+        load();
+      })
+      .catch((e: ApiClientError) => setDeleteError(e.message))
+      .finally(() => setDeleteBusy(false));
+  };
+
+  return (
+    <div>
+      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Типы заявок' }]} />
+      <PageHeader
+        icon="clipboard"
+        subtitle="Справочник"
+        title="Типы заявок"
+        actions={
+          <Button variant="accent" icon="plus" onClick={openCreate}>Добавить тип</Button>
+        }
+      />
+
+      {loadError && <Alert kind="err">{loadError}</Alert>}
+      {deleteError && <Alert kind="err">{deleteError}</Alert>}
+
+      <DataTable
+        columns={[
+          { key: 'name', header: 'Название', render: r => <PrimaryCell>{r.name}</PrimaryCell> },
+          { key: 'url', header: 'Url страницы', render: r => r.pageUrl },
+          {
+            key: 'actions',
+            header: '',
+            width: '100px',
+            align: 'right',
+            render: r => (
+              <ActionsCell>
+                <IconButton icon="edit" label="Редактировать" onClick={() => openEdit(r)} />
+                <IconButton icon="trash" label="Удалить" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />
+              </ActionsCell>
+            )
+          }
+        ]}
+        rows={items}
+        keyOf={r => r.id}
+        emptyMessage={loading ? 'Загрузка...' : 'Типов заявок пока нет.'}
+      />
+
+      {showForm && (
+        <Modal
+          title={editing ? 'Редактировать тип заявки' : 'Новый тип заявки'}
+          onClose={() => setShowForm(false)}
+          footer={
+            <>
+              <Button variant="secondary" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>
+              <Button variant="accent" icon="check" onClick={submit} disabled={saving}>
+                {saving ? 'Сохранение...' : 'Сохранить'}
+              </Button>
+            </>
+          }
+        >
+          {formError && <Alert kind="err">{formError}</Alert>}
+          <FormGrid>
+            <Field label="Название" required full>
+              <TextInput
+                value={form.name}
+                onChange={e => setForm({ ...form, name: e.target.value })}
+                placeholder="Например, Заявка на командировку"
+              />
+            </Field>
+            <Field label="Url страницы" required full hint="Страница формы заявки на портале.">
+              <TextInput
+                value={form.pageUrl}
+                onChange={e => setForm({ ...form, pageUrl: e.target.value })}
+                placeholder="/pages/business-trip"
+              />
+            </Field>
+          </FormGrid>
+        </Modal>
+      )}
+
+      {deleting && (
+        <ConfirmDialog
+          title="Удалить тип заявки?"
+          text={`Тип «${deleting.name}» будет удалён безвозвратно. Связанные маршруты могут перестать разрешаться.`}
+          confirmLabel="Удалить"
+          busy={deleteBusy}
+          onCancel={() => setDeleting(undefined)}
+          onConfirm={confirmDelete}
+        />
+      )}
+    </div>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/ResolveScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/ResolveScreen.tsx
new file mode 100644
index 0000000..bda836d
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/screens/ResolveScreen.tsx
@@ -0,0 +1,131 @@
+import * as React from 'react';
+import { ApprovalRouteApi } from '../../services/api';
+import { ApiClientError } from '../../services/httpClient';
+import {
+  RequestType,
+  ResolveTemplateRouteResult,
+  routeStepStatusLabels,
+  RouteStepStatus,
+  routeTypeLabels
+} from '../../models';
+import {
+  Alert,
+  Breadcrumbs,
+  Button,
+  DataTable,
+  Field,
+  FormGrid,
+  PageHeader,
+  PrimaryCell,
+  Select,
+  TextInput
+} from '../ui';
+
+export interface IResolveScreenProps {
+  api: ApprovalRouteApi;
+  currentUserEmail?: string;
+}
+
+const STATUS_OPTIONS = [RouteStepStatus.Approval, RouteStepStatus.Execution]
+  .map(v => ({ value: v, label: routeStepStatusLabels[v] }));
+
+export const ResolveScreen: React.FC<IResolveScreenProps> = ({ api, currentUserEmail }) => {
+  const [requestTypes, setRequestTypes] = React.useState<RequestType[]>([]);
+  const [requestTypeId, setRequestTypeId] = React.useState('');
+  const [userEmail, setUserEmail] = React.useState('');
+  const [projectId, setProjectId] = React.useState('');
+  const [status, setStatus] = React.useState<RouteStepStatus>(RouteStepStatus.Approval);
+
+  const [busy, setBusy] = React.useState(false);
+  const [error, setError] = React.useState<string | undefined>();
+  const [result, setResult] = React.useState<ResolveTemplateRouteResult | undefined>();
+
+  React.useEffect(() => {
+    api.requestTypes.list().then(setRequestTypes).catch(() => { /* показывается при попытке проверки */ });
+  }, [api]);
+
+  const run = (): void => {
+    if (!requestTypeId) {
+      setError('Выберите тип заявки.');
+      return;
+    }
+    setBusy(true);
+    setError(undefined);
+    setResult(undefined);
+    api.templateRoutes
+      .resolve({
+        requestTypeId: Number(requestTypeId),
+        userEmail: userEmail.trim() || undefined,
+        projectId: projectId.trim() || undefined,
+        status
+      })
+      .then(setResult)
+      .catch((e: ApiClientError) => setError(e.message))
+      .finally(() => setBusy(false));
+  };
+
+  return (
+    <div>
+      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Проверка маршрута' }]} />
+      <PageHeader
+        icon="search"
+        subtitle="Диагностика"
+        title="Проверка разрешения маршрута"
+      />
+
+      <div style={{ background: '#fff', borderRadius: 14, padding: 26, boxShadow: 'var(--sh-1)', border: '1px solid var(--gray-200)', marginBottom: 24 }}>
+        <FormGrid>
+          <Field label="Тип заявки" required full>
+            <Select
+              options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}
+              placeholder="Выберите тип заявки"
+              value={requestTypeId}
+              onChange={e => setRequestTypeId(e.target.value)}
+            />
+          </Field>
+          <Field label="Email инициатора" hint={currentUserEmail ? `Пусто = текущий пользователь (${currentUserEmail}).` : 'Пусто = текущий пользователь из токена.'}>
+            <TextInput value={userEmail} onChange={e => setUserEmail(e.target.value)} placeholder="user@tnsu.kz" />
+          </Field>
+          <Field label="Id проекта (Guid)" hint="Заполните, если маршрут зависит от проекта.">
+            <TextInput value={projectId} onChange={e => setProjectId(e.target.value)} placeholder="Необязательно" />
+          </Field>
+          <Field label="Статус" required>
+            <Select options={STATUS_OPTIONS} value={status} onChange={e => setStatus(e.target.value as RouteStepStatus)} />
+          </Field>
+        </FormGrid>
+        <div style={{ marginTop: 18 }}>
+          <Button variant="accent" icon="search" onClick={run} disabled={busy}>
+            {busy ? 'Проверка...' : 'Проверить'}
+          </Button>
+        </div>
+      </div>
+
+      {error && <Alert kind="err">{error}</Alert>}
+
+      {result && (
+        <>
+          <Alert kind="ok">
+            Маршрут #{result.routeId} · {routeTypeLabels[result.routeType]}
+            {result.requiresControl ? ' · требуется контроль исполнения' : ''}
+          </Alert>
+          <DataTable
+            columns={[
+              { key: 'order', header: '№', width: '50px', render: r => r.orderNo },
+              { key: 'executor', header: 'Исполнитель', render: r => <PrimaryCell>{r.executorEmail ?? '—'}</PrimaryCell> },
+              { key: 'position', header: 'Должность', render: r => r.position ?? '—' },
+              {
+                key: 'reassign',
+                header: 'Переназначение',
+                align: 'center',
+                render: r => (r.allowReassignToOtherApprovers ? 'Разрешено' : 'Нет')
+              }
+            ]}
+            rows={result.steps}
+            keyOf={r => r.id}
+            emptyMessage="Маршрут разрешился без шагов для этого статуса."
+          />
+        </>
+      )}
+    </div>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx
new file mode 100644
index 0000000..fad50ad
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/screens/RouteStepsScreen.tsx
@@ -0,0 +1,372 @@
+import * as React from 'react';
+import { ApprovalRouteApi } from '../../services/api';
+import { ApiClientError } from '../../services/httpClient';
+import {
+  HeadType,
+  headTypeLabels,
+  ProjectRole,
+  projectRoleLabels,
+  RouteStepStatus,
+  routeStepStatusLabels,
+  routeTypeLabels,
+  StepExecutorKind,
+  TemplateRoute,
+  TemplateRouteStep,
+  detectExecutorKind
+} from '../../models';
+import {
+  ActionsCell,
+  Alert,
+  Badge,
+  Breadcrumbs,
+  Button,
+  Checkbox,
+  ConfirmDialog,
+  DataTable,
+  Field,
+  FormGrid,
+  IconButton,
+  Modal,
+  PageHeader,
+  PrimaryCell,
+  RadioGroup,
+  Select,
+  TextInput
+} from '../ui';
+
+export interface IRouteStepsScreenProps {
+  api: ApprovalRouteApi;
+  route: TemplateRoute;
+  requestTypeName: string;
+  onBack: () => void;
+}
+
+interface IFormState {
+  orderNo: string;
+  status: RouteStepStatus;
+  kind: StepExecutorKind;
+  executorEmail: string;
+  position: string;
+  projectRole: ProjectRole;
+  headType: HeadType;
+  allowReassignToOtherApprovers: boolean;
+}
+
+function emptyForm(nextOrderNo: number): IFormState {
+  return {
+    orderNo: String(nextOrderNo),
+    status: RouteStepStatus.Approval,
+    kind: 'email',
+    executorEmail: '',
+    position: '',
+    projectRole: ProjectRole.ProjectManager,
+    headType: HeadType.Chief,
+    allowReassignToOtherApprovers: false
+  };
+}
+
+const STATUS_OPTIONS = [RouteStepStatus.Approval, RouteStepStatus.Execution]
+  .map(v => ({ value: v, label: routeStepStatusLabels[v] }));
+
+const PROJECT_ROLE_OPTIONS = Object.values(ProjectRole)
+  .filter(v => v !== ProjectRole.None)
+  .map(v => ({ value: v, label: projectRoleLabels[v] }));
+
+const HEAD_TYPE_OPTIONS = Object.values(HeadType)
+  .filter(v => v !== HeadType.None)
+  .map(v => ({ value: v, label: headTypeLabels[v] }));
+
+export const RouteStepsScreen: React.FC<IRouteStepsScreenProps> = ({ api, route, requestTypeName, onBack }) => {
+  const [items, setItems] = React.useState<TemplateRouteStep[]>([]);
+  const [loading, setLoading] = React.useState(true);
+  const [loadError, setLoadError] = React.useState<string | undefined>();
+  const [warning, setWarning] = React.useState<string | undefined>();
+
+  const [editing, setEditing] = React.useState<TemplateRouteStep | undefined>();
+  const [showForm, setShowForm] = React.useState(false);
+  const [form, setForm] = React.useState<IFormState>(emptyForm(1));
+  const [formError, setFormError] = React.useState<string | undefined>();
+  const [saving, setSaving] = React.useState(false);
+
+  const [deleting, setDeleting] = React.useState<TemplateRouteStep | undefined>();
+  const [deleteError, setDeleteError] = React.useState<string | undefined>();
+  const [deleteBusy, setDeleteBusy] = React.useState(false);
+
+  const load = React.useCallback(() => {
+    setLoading(true);
+    setLoadError(undefined);
+    api.templateRouteSteps
+      .list(route.id)
+      .then(setItems)
+      .catch((e: ApiClientError) => setLoadError(e.message))
+      .finally(() => setLoading(false));
+  }, [api, route.id]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  const openCreate = (): void => {
+    setEditing(undefined);
+    const nextOrder = items.length > 0 ? Math.max(...items.map(s => s.orderNo)) + 1 : 1;
+    setForm(emptyForm(nextOrder));
+    setFormError(undefined);
+    setShowForm(true);
+  };
+
+  const openEdit = (item: TemplateRouteStep): void => {
+    setEditing(item);
+    setForm({
+      orderNo: String(item.orderNo),
+      status: item.status,
+      kind: detectExecutorKind(item),
+      executorEmail: item.executorEmail ?? '',
+      position: item.position ?? '',
+      projectRole: item.projectRole && item.projectRole !== ProjectRole.None ? item.projectRole : ProjectRole.ProjectManager,
+      headType: item.headType && item.headType !== HeadType.None ? item.headType : HeadType.Chief,
+      allowReassignToOtherApprovers: item.allowReassignToOtherApprovers
+    });
+    setFormError(undefined);
+    setShowForm(true);
+  };
+
+  const submit = (): void => {
+    const orderNo = Number(form.orderNo);
+    if (!orderNo || orderNo < 1) {
+      setFormError('Порядковый номер шага обязателен.');
+      return;
+    }
+    if (form.kind === 'email' && !form.executorEmail.trim()) {
+      setFormError('Укажите email исполнителя.');
+      return;
+    }
+    if (form.kind === 'position' && !form.position.trim()) {
+      setFormError('Укажите должность.');
+      return;
+    }
+
+    const payload = {
+      orderNo,
+      status: form.status,
+      allowReassignToOtherApprovers: form.allowReassignToOtherApprovers,
+      executorEmail: form.kind === 'email' ? form.executorEmail.trim() : null,
+      position: form.kind === 'position' ? form.position.trim() : null,
+      projectRole: form.kind === 'projectRole' ? form.projectRole : null,
+      headType: form.kind === 'headType' ? form.headType : null
+    };
+
+    setSaving(true);
+    setFormError(undefined);
+    const request = editing
+      ? api.templateRouteSteps.update(route.id, editing.id, payload)
+      : api.templateRouteSteps.create(route.id, payload);
+
+    request
+      .then(step => {
+        setShowForm(false);
+        setWarning(step.warning ?? undefined);
+        load();
+      })
+      .catch((e: ApiClientError) => setFormError(e.message))
+      .finally(() => setSaving(false));
+  };
+
+  const confirmDelete = (): void => {
+    if (!deleting) return;
+    setDeleteBusy(true);
+    setDeleteError(undefined);
+    api.templateRouteSteps
+      .remove(route.id, deleting.id)
+      .then(() => {
+        setDeleting(undefined);
+        load();
+      })
+      .catch((e: ApiClientError) => setDeleteError(e.message))
+      .finally(() => setDeleteBusy(false));
+  };
+
+  const sorted = [...items].sort((a, b) => a.orderNo - b.orderNo);
+
+  return (
+    <div>
+      <Breadcrumbs
+        items={[
+          { label: 'Главная' },
+          { label: 'Маршруты согласования', onClick: onBack },
+          { label: `Шаги маршрута #${route.id}` }
+        ]}
+      />
+      <PageHeader
+        icon="flag-check"
+        subtitle={`${requestTypeName} · ${routeTypeLabels[route.routeType]}`}
+        title={`Маршрут #${route.id}`}
+        actions={
+          <>
+            <Button variant="ghost" icon="arrow-left" onClick={onBack}>К маршрутам</Button>
+            <Button variant="accent" icon="plus" onClick={openCreate}>Добавить шаг</Button>
+          </>
+        }
+      />
+
+      {warning && <Alert kind="warn">{warning}</Alert>}
+      {loadError && <Alert kind="err">{loadError}</Alert>}
+      {deleteError && <Alert kind="err">{deleteError}</Alert>}
+
+      <DataTable
+        columns={[
+          { key: 'order', header: '№', width: '50px', render: r => r.orderNo },
+          {
+            key: 'executor',
+            header: 'Исполнитель',
+            render: r => <PrimaryCell>{describeExecutor(r)}</PrimaryCell>
+          },
+          {
+            key: 'status',
+            header: 'Статус',
+            render: r => (
+              <Badge variant={r.status === RouteStepStatus.Approval ? 'gold' : 'blue'}>
+                {routeStepStatusLabels[r.status]}
+              </Badge>
+            )
+          },
+          {
+            key: 'reassign',
+            header: 'Переназначение',
+            align: 'center',
+            render: r => (r.allowReassignToOtherApprovers ? <Badge variant="ok">Разрешено</Badge> : <Badge variant="neutral">Нет</Badge>)
+          },
+          {
+            key: 'actions',
+            header: '',
+            width: '100px',
+            align: 'right',
+            render: r => (
+              <ActionsCell>
+                <IconButton icon="edit" label="Редактировать" onClick={() => openEdit(r)} />
+                <IconButton icon="trash" label="Удалить" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />
+              </ActionsCell>
+            )
+          }
+        ]}
+        rows={sorted}
+        keyOf={r => r.id}
+        emptyMessage={loading ? 'Загрузка...' : 'Шагов пока нет — добавьте первый.'}
+      />
+
+      {showForm && (
+        <Modal
+          title={editing ? `Шаг #${editing.orderNo}` : 'Новый шаг маршрута'}
+          onClose={() => setShowForm(false)}
+          footer={
+            <>
+              <Button variant="secondary" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>
+              <Button variant="accent" icon="check" onClick={submit} disabled={saving}>
+                {saving ? 'Сохранение...' : 'Сохранить'}
+              </Button>
+            </>
+          }
+        >
+          {formError && <Alert kind="err">{formError}</Alert>}
+          <FormGrid>
+            <Field label="Порядковый номер" required>
+              <TextInput
+                type="number"
+                min={1}
+                value={form.orderNo}
+                onChange={e => setForm({ ...form, orderNo: e.target.value })}
+              />
+            </Field>
+            <Field label="Статус шага" required>
+              <Select
+                options={STATUS_OPTIONS}
+                value={form.status}
+                onChange={e => setForm({ ...form, status: e.target.value as RouteStepStatus })}
+              />
+            </Field>
+
+            <Field label="Кто исполнитель" required full hint="Должно быть заполнено ровно одно из полей.">
+              <RadioGroup
+                name="executorKind"
+                value={form.kind}
+                onChange={kind => setForm({ ...form, kind })}
+                options={[
+                  { value: 'email', label: 'Конкретный сотрудник (email)' },
+                  { value: 'position', label: 'По должности в компании инициатора' },
+                  {
+                    value: 'projectRole',
+                    label: 'По роли в проекте',
+                    disabled: !route.byProject,
+                    disabledHint: 'Недоступно: маршрут не учитывает проект (по проекту = нет).'
+                  },
+                  { value: 'headType', label: 'По типу руководителя' }
+                ]}
+              />
+            </Field>
+
+            {form.kind === 'email' && (
+              <Field label="Email исполнителя" required full>
+                <TextInput
+                  value={form.executorEmail}
+                  onChange={e => setForm({ ...form, executorEmail: e.target.value })}
+                  placeholder="user@tnsu.kz"
+                />
+              </Field>
+            )}
+            {form.kind === 'position' && (
+              <Field label="Должность" required full hint="Ищется в справочнике api.tnsu.kz по компании инициатора.">
+                <TextInput
+                  value={form.position}
+                  onChange={e => setForm({ ...form, position: e.target.value })}
+                  placeholder="Главный инженер"
+                />
+              </Field>
+            )}
+            {form.kind === 'projectRole' && (
+              <Field label="Роль в проекте" required full>
+                <Select
+                  options={PROJECT_ROLE_OPTIONS}
+                  value={form.projectRole}
+                  onChange={e => setForm({ ...form, projectRole: e.target.value as ProjectRole })}
+                />
+              </Field>
+            )}
+            {form.kind === 'headType' && (
+              <Field label="Тип руководителя" required full>
+                <Select
+                  options={HEAD_TYPE_OPTIONS}
+                  value={form.headType}
+                  onChange={e => setForm({ ...form, headType: e.target.value as HeadType })}
+                />
+              </Field>
+            )}
+
+            <Field label="Переназначение" full>
+              <Checkbox
+                label="Разрешить переназначать другим согласующим"
+                checked={form.allowReassignToOtherApprovers}
+                onChange={v => setForm({ ...form, allowReassignToOtherApprovers: v })}
+              />
+            </Field>
+          </FormGrid>
+        </Modal>
+      )}
+
+      {deleting && (
+        <ConfirmDialog
+          title="Удалить шаг?"
+          text={`Шаг #${deleting.orderNo} будет удалён безвозвратно.`}
+          confirmLabel="Удалить"
+          busy={deleteBusy}
+          onCancel={() => setDeleting(undefined)}
+          onConfirm={confirmDelete}
+        />
+      )}
+    </div>
+  );
+};
+
+function describeExecutor(step: TemplateRouteStep): string {
+  if (step.executorEmail) return step.executorEmail;
+  if (step.position) return step.position;
+  if (step.projectRole && step.projectRole !== ProjectRole.None) return `Роль: ${projectRoleLabels[step.projectRole]}`;
+  if (step.headType && step.headType !== HeadType.None) return `Руководитель: ${headTypeLabels[step.headType]}`;
+  return '—';
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/screens/RoutesScreen.tsx b/frontend/src/webparts/approvalAdmin/components/screens/RoutesScreen.tsx
new file mode 100644
index 0000000..c4a4752
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/screens/RoutesScreen.tsx
@@ -0,0 +1,310 @@
+import * as React from 'react';
+import { ApprovalRouteApi } from '../../services/api';
+import { ApiClientError } from '../../services/httpClient';
+import { RequestType, routeTypeLabels, RouteType, TemplateRoute } from '../../models';
+import {
+  ActionsCell,
+  Alert,
+  Badge,
+  Breadcrumbs,
+  Button,
+  Checkbox,
+  ConfirmDialog,
+  DataTable,
+  Field,
+  FormGrid,
+  IconButton,
+  Modal,
+  PageHeader,
+  PrimaryCell,
+  Select,
+  TextInput
+} from '../ui';
+
+export interface IRoutesScreenProps {
+  api: ApprovalRouteApi;
+  onOpenSteps: (route: TemplateRoute) => void;
+}
+
+interface IFormState {
+  requestTypeId: string;
+  routeType: RouteType;
+  companyId: string;
+  departmentId: string;
+  byProject: boolean;
+  requiresControl: boolean;
+}
+
+const EMPTY_FORM: IFormState = {
+  requestTypeId: '',
+  routeType: RouteType.Sequential,
+  companyId: '',
+  departmentId: '',
+  byProject: false,
+  requiresControl: false
+};
+
+const ROUTE_TYPE_OPTIONS = Object.values(RouteType)
+  .filter(v => v !== RouteType.None)
+  .map(v => ({ value: v, label: routeTypeLabels[v] }));
+
+export const RoutesScreen: React.FC<IRoutesScreenProps> = ({ api, onOpenSteps }) => {
+  const [requestTypes, setRequestTypes] = React.useState<RequestType[]>([]);
+  const [items, setItems] = React.useState<TemplateRoute[]>([]);
+  const [filterRequestTypeId, setFilterRequestTypeId] = React.useState<string>('');
+  const [loading, setLoading] = React.useState(true);
+  const [loadError, setLoadError] = React.useState<string | undefined>();
+
+  const [editing, setEditing] = React.useState<TemplateRoute | undefined>();
+  const [showForm, setShowForm] = React.useState(false);
+  const [form, setForm] = React.useState<IFormState>(EMPTY_FORM);
+  const [formError, setFormError] = React.useState<string | undefined>();
+  const [saving, setSaving] = React.useState(false);
+
+  const [deleting, setDeleting] = React.useState<TemplateRoute | undefined>();
+  const [deleteError, setDeleteError] = React.useState<string | undefined>();
+  const [deleteBusy, setDeleteBusy] = React.useState(false);
+
+  React.useEffect(() => {
+    api.requestTypes.list().then(setRequestTypes).catch(() => { /* показывается в общей ошибке ниже */ });
+  }, [api]);
+
+  const load = React.useCallback(() => {
+    setLoading(true);
+    setLoadError(undefined);
+    const requestTypeId = filterRequestTypeId ? Number(filterRequestTypeId) : undefined;
+    api.templateRoutes
+      .list(requestTypeId)
+      .then(setItems)
+      .catch((e: ApiClientError) => setLoadError(e.message))
+      .finally(() => setLoading(false));
+  }, [api, filterRequestTypeId]);
+
+  React.useEffect(() => { load(); }, [load]);
+
+  const requestTypeName = (id: number): string => requestTypes.find(rt => rt.id === id)?.name ?? `#${id}`;
+
+  const openCreate = (): void => {
+    setEditing(undefined);
+    setForm({ ...EMPTY_FORM, requestTypeId: filterRequestTypeId });
+    setFormError(undefined);
+    setShowForm(true);
+  };
+
+  const openEdit = (item: TemplateRoute): void => {
+    setEditing(item);
+    setForm({
+      requestTypeId: String(item.requestTypeId),
+      routeType: item.routeType,
+      companyId: item.companyId,
+      departmentId: item.departmentId ?? '',
+      byProject: item.byProject,
+      requiresControl: item.requiresControl
+    });
+    setFormError(undefined);
+    setShowForm(true);
+  };
+
+  const submit = (): void => {
+    if (!editing && !form.requestTypeId) {
+      setFormError('Выберите тип заявки.');
+      return;
+    }
+    if (!form.companyId.trim()) {
+      setFormError('Компания обязательна (Guid из справочника api.tnsu.kz).');
+      return;
+    }
+
+    setSaving(true);
+    setFormError(undefined);
+
+    const departmentId = form.departmentId.trim() ? form.departmentId.trim() : null;
+    const request = editing
+      ? api.templateRoutes.update(editing.id, {
+          routeType: form.routeType,
+          companyId: form.companyId.trim(),
+          departmentId,
+          byProject: form.byProject,
+          requiresControl: form.requiresControl
+        })
+      : api.templateRoutes.create({
+          routeType: form.routeType,
+          requestTypeId: Number(form.requestTypeId),
+          companyId: form.companyId.trim(),
+          departmentId,
+          byProject: form.byProject,
+          requiresControl: form.requiresControl
+        });
+
+    request
+      .then(() => {
+        setShowForm(false);
+        load();
+      })
+      .catch((e: ApiClientError) => setFormError(e.message))
+      .finally(() => setSaving(false));
+  };
+
+  const confirmDelete = (): void => {
+    if (!deleting) return;
+    setDeleteBusy(true);
+    setDeleteError(undefined);
+    api.templateRoutes
+      .remove(deleting.id)
+      .then(() => {
+        setDeleting(undefined);
+        load();
+      })
+      .catch((e: ApiClientError) => setDeleteError(e.message))
+      .finally(() => setDeleteBusy(false));
+  };
+
+  return (
+    <div>
+      <Breadcrumbs items={[{ label: 'Главная' }, { label: 'Маршруты согласования' }]} />
+      <PageHeader
+        icon="route"
+        subtitle="Настройка согласований"
+        title="Маршруты согласования"
+        actions={<Button variant="accent" icon="plus" onClick={openCreate}>Добавить маршрут</Button>}
+      />
+
+      <div style={{ marginBottom: 18, maxWidth: 320 }}>
+        <Field label="Фильтр по типу заявки">
+          <Select
+            options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}
+            placeholder="Все типы заявок"
+            value={filterRequestTypeId}
+            onChange={e => setFilterRequestTypeId(e.target.value)}
+          />
+        </Field>
+      </div>
+
+      {loadError && <Alert kind="err">{loadError}</Alert>}
+      {deleteError && <Alert kind="err">{deleteError}</Alert>}
+
+      <DataTable
+        columns={[
+          {
+            key: 'requestType',
+            header: 'Тип заявки',
+            render: r => <PrimaryCell>{requestTypeName(r.requestTypeId)}</PrimaryCell>
+          },
+          {
+            key: 'routeType',
+            header: 'Тип маршрута',
+            render: r => <Badge variant={r.routeType === RouteType.Parallel ? 'blue' : 'gold'}>{routeTypeLabels[r.routeType]}</Badge>
+          },
+          { key: 'company', header: 'Компания', render: r => <code>{shortGuid(r.companyId)}</code> },
+          { key: 'department', header: 'Отдел', render: r => (r.departmentId ? <code>{shortGuid(r.departmentId)}</code> : '—') },
+          {
+            key: 'byProject',
+            header: 'По проекту',
+            align: 'center',
+            render: r => (r.byProject ? <Badge variant="ok">Да</Badge> : <Badge variant="neutral">Нет</Badge>)
+          },
+          {
+            key: 'control',
+            header: 'Контроль',
+            align: 'center',
+            render: r => (r.requiresControl ? <Badge variant="gold">Требуется</Badge> : <Badge variant="neutral">Нет</Badge>)
+          },
+          {
+            key: 'actions',
+            header: '',
+            width: '160px',
+            align: 'right',
+            render: r => (
+              <ActionsCell>
+                <Button size="sm" variant="secondary" icon="clipboard" onClick={() => onOpenSteps(r)}>Шаги</Button>
+                <IconButton icon="edit" label="Редактировать" onClick={() => openEdit(r)} />
+                <IconButton icon="trash" label="Удалить" danger onClick={() => { setDeleteError(undefined); setDeleting(r); }} />
+              </ActionsCell>
+            )
+          }
+        ]}
+        rows={items}
+        keyOf={r => r.id}
+        emptyMessage={loading ? 'Загрузка...' : 'Маршрутов пока нет.'}
+      />
+
+      {showForm && (
+        <Modal
+          title={editing ? `Маршрут #${editing.id}` : 'Новый маршрут'}
+          onClose={() => setShowForm(false)}
+          footer={
+            <>
+              <Button variant="secondary" onClick={() => setShowForm(false)} disabled={saving}>Отмена</Button>
+              <Button variant="accent" icon="check" onClick={submit} disabled={saving}>
+                {saving ? 'Сохранение...' : 'Сохранить'}
+              </Button>
+            </>
+          }
+        >
+          {formError && <Alert kind="err">{formError}</Alert>}
+          <FormGrid>
+            <Field label="Тип заявки" required full>
+              <Select
+                options={requestTypes.map(rt => ({ value: String(rt.id), label: rt.name }))}
+                placeholder="Выберите тип заявки"
+                value={form.requestTypeId}
+                disabled={!!editing}
+                onChange={e => setForm({ ...form, requestTypeId: e.target.value })}
+              />
+            </Field>
+            <Field label="Тип маршрута" required>
+              <Select
+                options={ROUTE_TYPE_OPTIONS}
+                value={form.routeType}
+                onChange={e => setForm({ ...form, routeType: e.target.value as RouteType })}
+              />
+            </Field>
+            <Field label="Компания (Guid)" required hint="Из справочника api.tnsu.kz.">
+              <TextInput
+                value={form.companyId}
+                onChange={e => setForm({ ...form, companyId: e.target.value })}
+                placeholder="00000000-0000-0000-0000-000000000000"
+              />
+            </Field>
+            <Field label="Отдел (Guid)" hint="Необязательно — маршрут «по умолчанию» для компании.">
+              <TextInput
+                value={form.departmentId}
+                onChange={e => setForm({ ...form, departmentId: e.target.value })}
+                placeholder="Оставьте пустым для маршрута по умолчанию"
+              />
+            </Field>
+            <Field label="По проекту">
+              <Checkbox
+                label="Маршрут учитывает конкретный проект"
+                checked={form.byProject}
+                onChange={v => setForm({ ...form, byProject: v })}
+              />
+            </Field>
+            <Field label="Контроль">
+              <Checkbox
+                label="Требуется отдельный контроль исполнения"
+                checked={form.requiresControl}
+                onChange={v => setForm({ ...form, requiresControl: v })}
+              />
+            </Field>
+          </FormGrid>
+        </Modal>
+      )}
+
+      {deleting && (
+        <ConfirmDialog
+          title="Удалить маршрут?"
+          text={`Маршрут #${deleting.id} и все его шаги будут удалены безвозвратно.`}
+          confirmLabel="Удалить"
+          busy={deleteBusy}
+          onCancel={() => setDeleting(undefined)}
+          onConfirm={confirmDelete}
+        />
+      )}
+    </div>
+  );
+};
+
+function shortGuid(guid: string): string {
+  return guid.length > 8 ? `${guid.slice(0, 8)}…` : guid;
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Alert.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/Alert.module.scss
new file mode 100644
index 0000000..396bb8c
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Alert.module.scss
@@ -0,0 +1,17 @@
+@import '../../../../styles/design-tokens';
+
+.alert {
+  padding: 12px 16px;
+  border-radius: $r-md;
+  font-size: 12.5px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 18px;
+  border: 1px solid;
+  line-height: 1.5;
+}
+
+.warn { background: $gold-50; color: $amber-700; border-color: $gold-300; }
+.ok { background: $green-50; color: $green-600; border-color: #BBF7D0; }
+.err { background: $red-50; color: $red-500; border-color: #FECACA; }
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Alert.tsx b/frontend/src/webparts/approvalAdmin/components/ui/Alert.tsx
new file mode 100644
index 0000000..d7e6ec9
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Alert.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import styles from './Alert.module.scss';
+import { Icon } from './Icon';
+
+export type AlertKind = 'warn' | 'ok' | 'err';
+
+export interface IAlertProps {
+  kind: AlertKind;
+  children: React.ReactNode;
+}
+
+const ICONS = { warn: 'warning', ok: 'check', err: 'close' } as const;
+
+export const Alert: React.FC<IAlertProps> = ({ kind, children }) => (
+  <div className={`${styles.alert} ${styles[kind]}`}>
+    <Icon name={ICONS[kind]} size="sm" />
+    <span>{children}</span>
+  </div>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Badge.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/Badge.module.scss
new file mode 100644
index 0000000..92221e3
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Badge.module.scss
@@ -0,0 +1,41 @@
+@import '../../../../styles/design-tokens';
+
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 3px 11px;
+  border-radius: $r-full;
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: .2px;
+  white-space: nowrap;
+
+  &::before {
+    content: '';
+    width: 5px;
+    height: 5px;
+    border-radius: 50%;
+    background: currentColor;
+  }
+}
+
+.ok { background: $green-50; color: $green-600; }
+.gold { background: $gold-100; color: $amber-700; }
+.neutral { background: $gray-100; color: $gray-500; }
+.blue { background: $blue-50; color: $blue-600; }
+.red { background: $red-50; color: $red-500; }
+
+.count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 22px;
+  height: 22px;
+  border-radius: 11px;
+  background: $navy-900;
+  color: $gold-300;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 0 6px;
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Badge.tsx b/frontend/src/webparts/approvalAdmin/components/ui/Badge.tsx
new file mode 100644
index 0000000..f9f1d70
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Badge.tsx
@@ -0,0 +1,17 @@
+import * as React from 'react';
+import styles from './Badge.module.scss';
+
+export type BadgeVariant = 'ok' | 'gold' | 'neutral' | 'blue' | 'red';
+
+export interface IBadgeProps {
+  variant?: BadgeVariant;
+  children: React.ReactNode;
+}
+
+export const Badge: React.FC<IBadgeProps> = ({ variant = 'neutral', children }) => (
+  <span className={`${styles.badge} ${styles[variant]}`}>{children}</span>
+);
+
+export const CountBadge: React.FC<{ count: number }> = ({ count }) => (
+  <span className={styles.count}>{count}</span>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Button.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/Button.module.scss
new file mode 100644
index 0000000..4519473
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Button.module.scss
@@ -0,0 +1,81 @@
+@import '../../../../styles/design-tokens';
+
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  padding: 10px 20px;
+  border-radius: $r-sm;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: $font-sans;
+  cursor: pointer;
+  border: 1px solid transparent;
+  transition: .18s;
+  white-space: nowrap;
+  letter-spacing: .15px;
+  text-decoration: none;
+
+  &:disabled {
+    opacity: .5;
+    cursor: not-allowed;
+    transform: none !important;
+    box-shadow: none !important;
+  }
+}
+
+.primary {
+  background: $navy-800;
+  color: #fff;
+  border-color: $navy-800;
+  &:hover:not(:disabled) { background: $navy-700; box-shadow: $sh-2; }
+}
+
+.accent {
+  @include btn-accent;
+}
+
+.secondary {
+  background: #fff;
+  color: $navy-800;
+  border-color: $gray-300;
+  &:hover:not(:disabled) { border-color: $gold-500; color: $navy-900; }
+}
+
+.ghost {
+  background: transparent;
+  color: $navy-700;
+  border-color: transparent;
+  &:hover:not(:disabled) { background: $navy-100; }
+}
+
+.danger {
+  background: #fff;
+  color: $red-500;
+  border-color: $gray-300;
+  &:hover:not(:disabled) { border-color: $red-500; background: $red-50; }
+}
+
+.sm {
+  padding: 7px 14px;
+  font-size: 12.5px;
+}
+
+.iconButton {
+  width: 33px;
+  height: 33px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: $r-sm;
+  background: transparent;
+  border: 1px solid transparent;
+  cursor: pointer;
+  color: $gray-400;
+  transition: .18s;
+
+  &:hover:not(:disabled) { color: $navy-800; background: $navy-50; border-color: $gray-200; }
+  &.danger:hover:not(:disabled) { color: $red-500; background: $red-50; }
+  &:disabled { opacity: .4; cursor: not-allowed; }
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Button.tsx b/frontend/src/webparts/approvalAdmin/components/ui/Button.tsx
new file mode 100644
index 0000000..3722e2b
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Button.tsx
@@ -0,0 +1,46 @@
+import * as React from 'react';
+import styles from './Button.module.scss';
+import { Icon, IconName } from './Icon';
+
+export type ButtonVariant = 'primary' | 'accent' | 'secondary' | 'ghost' | 'danger';
+
+export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: ButtonVariant;
+  size?: 'md' | 'sm';
+  icon?: IconName;
+}
+
+export const Button: React.FC<IButtonProps> = ({
+  variant = 'secondary',
+  size = 'md',
+  icon,
+  className,
+  children,
+  ...rest
+}) => {
+  const classes = [styles.btn, styles[variant], size === 'sm' ? styles.sm : '', className]
+    .filter(Boolean)
+    .join(' ');
+
+  return (
+    <button type="button" className={classes} {...rest}>
+      {icon && <Icon name={icon} size="sm" />}
+      {children}
+    </button>
+  );
+};
+
+export interface IIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  icon: IconName;
+  danger?: boolean;
+  label: string;
+}
+
+export const IconButton: React.FC<IIconButtonProps> = ({ icon, danger, label, className, ...rest }) => {
+  const classes = [styles.iconButton, danger ? styles.danger : '', className].filter(Boolean).join(' ');
+  return (
+    <button type="button" className={classes} aria-label={label} title={label} {...rest}>
+      <Icon name={icon} size="sm" />
+    </button>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Card.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/Card.module.scss
new file mode 100644
index 0000000..3109914
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Card.module.scss
@@ -0,0 +1,94 @@
+@import '../../../../styles/design-tokens';
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
+  gap: 14px;
+  margin-bottom: 24px;
+}
+
+.navCard {
+  background: #fff;
+  border-radius: $r-md;
+  padding: 22px 24px;
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  box-shadow: $sh-1;
+  cursor: pointer;
+  @include card-hover-gold;
+  border: 1px solid $gray-200;
+  text-decoration: none;
+  color: inherit;
+  position: relative;
+  overflow: hidden;
+
+  &::before {
+    content: '';
+    position: absolute;
+    left: 0; top: 0; bottom: 0;
+    width: 3px;
+    background: $grad-gold-v;
+    opacity: 0;
+    transition: .22s;
+  }
+  &:hover::before { opacity: 1; }
+}
+
+.navIcon {
+  width: 44px;
+  height: 44px;
+  border-radius: $r-md;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: $navy-50;
+  color: $navy-700;
+  border: 1px solid $navy-100;
+  transition: .22s;
+
+  .navCard:hover & { background: $gold-50; color: $gold-600; border-color: $gold-300; }
+}
+
+.navTitle { font-size: 14.5px; font-weight: 600; color: $navy-900; letter-spacing: .1px; }
+.navDesc { font-size: 12px; color: $gray-400; margin-top: 2px; }
+
+.navArrow {
+  color: $gray-300;
+  margin-left: auto;
+  display: flex;
+  transition: .22s;
+  .navCard:hover & { color: $gold-500; transform: translateX(3px); }
+}
+
+.statRow {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+  gap: 14px;
+  margin-bottom: 24px;
+}
+
+.statCard {
+  background: #fff;
+  border-radius: $r-md;
+  padding: 18px 20px;
+  box-shadow: $sh-1;
+  border: 1px solid $gray-200;
+}
+
+.statLabel {
+  font-size: 10px;
+  text-transform: uppercase;
+  letter-spacing: 1.2px;
+  color: $gray-400;
+  font-weight: 600;
+  margin-bottom: 6px;
+}
+
+.statValue {
+  font-family: $font-serif;
+  font-size: 26px;
+  font-weight: 600;
+  color: $navy-900;
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Card.tsx b/frontend/src/webparts/approvalAdmin/components/ui/Card.tsx
new file mode 100644
index 0000000..6f6159c
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Card.tsx
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import styles from './Card.module.scss';
+import { Icon, IconName } from './Icon';
+
+export const CardGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+  <div className={styles.grid}>{children}</div>
+);
+
+export interface INavCardProps {
+  icon: IconName;
+  title: string;
+  description: string;
+  onClick: () => void;
+}
+
+export const NavCard: React.FC<INavCardProps> = ({ icon, title, description, onClick }) => (
+  <a className={styles.navCard} onClick={e => { e.preventDefault(); onClick(); }} href="#">
+    <div className={styles.navIcon}><Icon name={icon} /></div>
+    <div>
+      <div className={styles.navTitle}>{title}</div>
+      <div className={styles.navDesc}>{description}</div>
+    </div>
+    <div className={styles.navArrow}><Icon name="chevron-right" size="sm" /></div>
+  </a>
+);
+
+export const StatRow: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+  <div className={styles.statRow}>{children}</div>
+);
+
+export const StatCard: React.FC<{ label: string; value: React.ReactNode }> = ({ label, value }) => (
+  <div className={styles.statCard}>
+    <div className={styles.statLabel}>{label}</div>
+    <div className={styles.statValue}>{value}</div>
+  </div>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/DataTable.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/DataTable.module.scss
new file mode 100644
index 0000000..918d9ec
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/DataTable.module.scss
@@ -0,0 +1,61 @@
+@import '../../../../styles/design-tokens';
+
+.wrap {
+  background: #fff;
+  border-radius: $r-lg;
+  box-shadow: $sh-1;
+  overflow: hidden;
+  border: 1px solid $gray-200;
+}
+
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13.5px;
+}
+
+.table thead th {
+  text-align: left;
+  padding: 13px 18px;
+  font-size: 10.5px;
+  text-transform: uppercase;
+  letter-spacing: 1.2px;
+  color: $gray-400;
+  font-weight: 600;
+  background: $gray-50;
+  border-bottom: 1px solid $gray-200;
+  white-space: nowrap;
+}
+
+.table tbody td {
+  padding: 15px 18px;
+  border-bottom: 1px solid $gray-100;
+  color: $gray-700;
+  vertical-align: middle;
+}
+
+.table tbody tr:last-child td { border-bottom: 0; }
+.table tbody tr { transition: .12s; }
+.table tbody tr:hover { background: $gold-50; }
+
+.primaryCell {
+  font-weight: 500;
+  color: $navy-900;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.actionsCell {
+  display: flex;
+  gap: 4px;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.empty {
+  padding: 48px 20px;
+  text-align: center;
+  color: $gray-400;
+  font-size: 13px;
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/DataTable.tsx b/frontend/src/webparts/approvalAdmin/components/ui/DataTable.tsx
new file mode 100644
index 0000000..2d210d4
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/DataTable.tsx
@@ -0,0 +1,55 @@
+import * as React from 'react';
+import styles from './DataTable.module.scss';
+
+export interface IColumn<T> {
+  key: string;
+  header: string;
+  render: (row: T) => React.ReactNode;
+  align?: 'left' | 'right' | 'center';
+  width?: string;
+}
+
+export interface IDataTableProps<T> {
+  columns: IColumn<T>[];
+  rows: T[];
+  keyOf: (row: T) => string | number;
+  emptyMessage: string;
+}
+
+export function DataTable<T>({ columns, rows, keyOf, emptyMessage }: IDataTableProps<T>): React.ReactElement {
+  return (
+    <div className={styles.wrap}>
+      <table className={styles.table}>
+        <thead>
+          <tr>
+            {columns.map(col => (
+              <th key={col.key} style={{ width: col.width, textAlign: col.align ?? 'left' }}>
+                {col.header}
+              </th>
+            ))}
+          </tr>
+        </thead>
+        <tbody>
+          {rows.map(row => (
+            <tr key={keyOf(row)}>
+              {columns.map(col => (
+                <td key={col.key} style={{ textAlign: col.align ?? 'left' }}>
+                  {col.render(row)}
+                </td>
+              ))}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+      {rows.length === 0 && <div className={styles.empty}>{emptyMessage}</div>}
+    </div>
+  );
+}
+
+export const PrimaryCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+  <span className={styles.primaryCell}>{children}</span>
+);
+
+export const ActionsCell: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+  <span className={styles.actionsCell}>{children}</span>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/FormField.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/FormField.module.scss
new file mode 100644
index 0000000..51d83cc
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/FormField.module.scss
@@ -0,0 +1,101 @@
+@import '../../../../styles/design-tokens';
+
+.grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 18px 22px;
+}
+
+.field { display: flex; flex-direction: column; gap: 6px; }
+.full { grid-column: 1 / -1; }
+
+.label {
+  font-size: 12px;
+  font-weight: 500;
+  color: $gray-700;
+  letter-spacing: .2px;
+}
+
+.req { color: $gold-600; }
+
+.input,
+.select,
+.textarea {
+  padding: 11px 13px;
+  border: 1px solid $gray-300;
+  border-radius: $r-sm;
+  font-size: 13.5px;
+  font-family: $font-sans;
+  color: $gray-900;
+  transition: .18s;
+  background: #fff;
+  width: 100%;
+
+  @include input-focus-gold;
+
+  &::placeholder { color: $gray-400; }
+  &:disabled { background: $gray-50; color: $gray-400; cursor: not-allowed; }
+}
+
+.textarea { resize: vertical; min-height: 80px; }
+
+.select {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  padding-right: 36px;
+}
+
+.errorText {
+  font-size: 11.5px;
+  color: $red-500;
+}
+
+.hint {
+  font-size: 11.5px;
+  color: $gray-400;
+}
+
+.checkboxRow {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  font-size: 13px;
+  color: $gray-700;
+  cursor: pointer;
+  user-select: none;
+}
+
+.checkbox {
+  width: 17px;
+  height: 17px;
+  accent-color: $gold-500;
+  cursor: pointer;
+}
+
+.radioGroup {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.radioRow {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  font-size: 13px;
+  color: $gray-700;
+  cursor: pointer;
+  user-select: none;
+
+  &.disabled { opacity: .45; cursor: not-allowed; }
+}
+
+.radio {
+  width: 16px;
+  height: 16px;
+  accent-color: $gold-500;
+  cursor: pointer;
+  &:disabled { cursor: not-allowed; }
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/FormField.tsx b/frontend/src/webparts/approvalAdmin/components/ui/FormField.tsx
new file mode 100644
index 0000000..e9de57e
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/FormField.tsx
@@ -0,0 +1,111 @@
+import * as React from 'react';
+import styles from './FormField.module.scss';
+
+export const FormGrid: React.FC<{ children: React.ReactNode }> = ({ children }) => (
+  <div className={styles.grid}>{children}</div>
+);
+
+export interface IFieldProps {
+  label: string;
+  required?: boolean;
+  full?: boolean;
+  error?: string;
+  hint?: string;
+  children: React.ReactNode;
+}
+
+export const Field: React.FC<IFieldProps> = ({ label, required, full, error, hint, children }) => (
+  <div className={`${styles.field} ${full ? styles.full : ''}`}>
+    <span className={styles.label}>
+      {label} {required && <span className={styles.req}>*</span>}
+    </span>
+    {children}
+    {error && <span className={styles.errorText}>{error}</span>}
+    {!error && hint && <span className={styles.hint}>{hint}</span>}
+  </div>
+);
+
+export const TextInput: React.FC<React.InputHTMLAttributes<HTMLInputElement>> = props => (
+  <input {...props} className={styles.input} />
+);
+
+export const Textarea: React.FC<React.TextareaHTMLAttributes<HTMLTextAreaElement>> = props => (
+  <textarea {...props} className={styles.textarea} />
+);
+
+export interface ISelectOption {
+  value: string;
+  label: string;
+}
+
+export interface ISelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'children'> {
+  options: ISelectOption[];
+  placeholder?: string;
+}
+
+export const Select: React.FC<ISelectProps> = ({ options, placeholder, ...rest }) => (
+  <select {...rest} className={styles.select}>
+    {placeholder && <option value="">{placeholder}</option>}
+    {options.map(opt => (
+      <option key={opt.value} value={opt.value}>{opt.label}</option>
+    ))}
+  </select>
+);
+
+export interface ICheckboxProps {
+  label: string;
+  checked: boolean;
+  onChange: (checked: boolean) => void;
+  disabled?: boolean;
+}
+
+export const Checkbox: React.FC<ICheckboxProps> = ({ label, checked, onChange, disabled }) => (
+  <label className={styles.checkboxRow}>
+    <input
+      type="checkbox"
+      className={styles.checkbox}
+      checked={checked}
+      disabled={disabled}
+      onChange={e => onChange(e.target.checked)}
+    />
+    {label}
+  </label>
+);
+
+export interface IRadioOption<T extends string> {
+  value: T;
+  label: string;
+  disabled?: boolean;
+  disabledHint?: string;
+}
+
+export interface IRadioGroupProps<T extends string> {
+  name: string;
+  value: T;
+  options: IRadioOption<T>[];
+  onChange: (value: T) => void;
+}
+
+export function RadioGroup<T extends string>({ name, value, options, onChange }: IRadioGroupProps<T>): React.ReactElement {
+  return (
+    <div className={styles.radioGroup}>
+      {options.map(opt => (
+        <label
+          key={opt.value}
+          className={`${styles.radioRow} ${opt.disabled ? styles.disabled : ''}`}
+          title={opt.disabled ? opt.disabledHint : undefined}
+        >
+          <input
+            type="radio"
+            className={styles.radio}
+            name={name}
+            checked={value === opt.value}
+            disabled={opt.disabled}
+            onChange={() => onChange(opt.value)}
+          />
+          {opt.label}
+        </label>
+      ))}
+    </div>
+  );
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Icon.tsx b/frontend/src/webparts/approvalAdmin/components/ui/Icon.tsx
new file mode 100644
index 0000000..2d66a03
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Icon.tsx
@@ -0,0 +1,89 @@
+import * as React from 'react';
+
+// Единый набор иконок в стиле референса (stroke, round caps, viewBox 24x24).
+export type IconName =
+  | 'route'
+  | 'clipboard'
+  | 'flag-check'
+  | 'people'
+  | 'warning'
+  | 'check'
+  | 'close'
+  | 'plus'
+  | 'edit'
+  | 'trash'
+  | 'more'
+  | 'chevron-right'
+  | 'chevron-down'
+  | 'chevron-left'
+  | 'arrow-left'
+  | 'search'
+  | 'sort'
+  | 'mail'
+  | 'briefcase'
+  | 'flag'
+  | 'crown'
+  | 'refresh';
+
+let spriteInjected = false;
+
+const SPRITE_SVG = `
+<symbol id="i-route" viewBox="0 0 24 24"><circle cx="6" cy="6" r="3"/><circle cx="18" cy="18" r="3"/><path d="M9 6h7a3 3 0 0 1 3 3v0a3 3 0 0 1-3 3H8a3 3 0 0 0-3 3v0a3 3 0 0 0 3 3h7"/></symbol>
+<symbol id="i-clipboard" viewBox="0 0 24 24"><path d="M9 3h6v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1z"/><rect x="5" y="5" width="14" height="16" rx="2"/><path d="M9 12h6M9 16h4"/></symbol>
+<symbol id="i-flag-check" viewBox="0 0 24 24"><path d="M4 3v18"/><path d="M4 4h13l-2 4 2 4H4"/></symbol>
+<symbol id="i-people" viewBox="0 0 24 24"><circle cx="9" cy="7" r="3"/><path d="M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2"/><circle cx="17" cy="8" r="2.5"/><path d="M17 13.5a3.5 3.5 0 0 1 3.5 3.5v1"/></symbol>
+<symbol id="i-warning" viewBox="0 0 24 24"><path d="M12 2 1 21h22z" stroke-linejoin="round"/><path d="M12 9v5M12 17h.01"/></symbol>
+<symbol id="i-check" viewBox="0 0 24 24"><path d="M5 12l5 5L20 7"/></symbol>
+<symbol id="i-close" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></symbol>
+<symbol id="i-plus" viewBox="0 0 24 24"><path d="M12 5v14M5 12h14"/></symbol>
+<symbol id="i-edit" viewBox="0 0 24 24"><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4z"/></symbol>
+<symbol id="i-trash" viewBox="0 0 24 24"><path d="M4 7h16M10 11v6M14 11v6"/><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12"/><path d="M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3"/></symbol>
+<symbol id="i-more" viewBox="0 0 24 24"><circle cx="12" cy="5" r="1.5" fill="currentColor" stroke="none"/><circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/><circle cx="12" cy="19" r="1.5" fill="currentColor" stroke="none"/></symbol>
+<symbol id="i-chevron-right" viewBox="0 0 24 24"><path d="m9 6 6 6-6 6"/></symbol>
+<symbol id="i-chevron-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></symbol>
+<symbol id="i-chevron-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6"/></symbol>
+<symbol id="i-arrow-left" viewBox="0 0 24 24"><path d="M19 12H5m0 0 5-5m-5 5 5 5"/></symbol>
+<symbol id="i-search" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.35-4.35"/></symbol>
+<symbol id="i-sort" viewBox="0 0 24 24"><path d="M7 3v18M7 3l-4 4m4-4 4 4M17 21V3m0 18-4-4m4 4 4-4"/></symbol>
+<symbol id="i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m4 6 8 7 8-7"/></symbol>
+<symbol id="i-briefcase" viewBox="0 0 24 24"><rect x="3" y="7" width="18" height="13" rx="2"/><path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M3 12h18"/></symbol>
+<symbol id="i-flag" viewBox="0 0 24 24"><path d="M5 3v18"/><path d="M5 4h13l-3 4 3 4H5"/></symbol>
+<symbol id="i-crown" viewBox="0 0 24 24"><path d="m3 8 4 3 5-6 5 6 4-3-2 11H5z"/></symbol>
+<symbol id="i-refresh" viewBox="0 0 24 24"><path d="M21 12a9 9 0 1 1-3-6.7"/><path d="M21 3v6h-6"/></symbol>
+`;
+
+function ensureSpriteInjected(): void {
+  if (spriteInjected || typeof document === 'undefined') return;
+  const holder = document.createElement('div');
+  holder.style.display = 'none';
+  holder.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg">${SPRITE_SVG}</svg>`;
+  document.body.appendChild(holder);
+  spriteInjected = true;
+}
+
+export interface IIconProps {
+  name: IconName;
+  size?: 'sm' | 'md' | 'lg';
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+const SIZE_PX: Record<'sm' | 'md' | 'lg', number> = { sm: 16, md: 20, lg: 24 };
+
+export const Icon: React.FC<IIconProps> = ({ name, size = 'md', className, style }) => {
+  React.useEffect(() => {
+    ensureSpriteInjected();
+  }, []);
+
+  const px = SIZE_PX[size];
+  return (
+    <svg
+      width={px}
+      height={px}
+      className={className}
+      style={{ flexShrink: 0, fill: 'none', stroke: 'currentColor', strokeWidth: 1.5, strokeLinecap: 'round', strokeLinejoin: 'round', ...style }}
+    >
+      <use href={`#i-${name}`} />
+    </svg>
+  );
+};
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Modal.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/Modal.module.scss
new file mode 100644
index 0000000..4300f62
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Modal.module.scss
@@ -0,0 +1,60 @@
+@import '../../../../styles/design-tokens';
+
+.overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(10,27,48,.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 300;
+  backdrop-filter: blur(6px);
+  padding: 20px;
+}
+
+.box {
+  background: #fff;
+  border-radius: $r-lg;
+  box-shadow: $sh-modal;
+  width: 480px;
+  max-width: 100%;
+  max-height: calc(100vh - 40px);
+  overflow-y: auto;
+  border-top: 3px solid $gold-500;
+}
+
+.narrow { width: 420px; text-align: center; padding: 30px; }
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 22px 26px 0;
+}
+
+.title {
+  font-family: $font-serif;
+  font-size: 19px;
+  font-weight: 600;
+  color: $navy-900;
+}
+
+.body { padding: 18px 26px 26px; }
+
+.narrowBody { padding: 0; }
+
+.text {
+  font-size: 13px;
+  color: $gray-500;
+  margin-bottom: 24px;
+  line-height: 1.6;
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding: 16px 26px 22px;
+}
+
+.narrowFooter { justify-content: center; padding: 0; margin-top: 24px; }
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/Modal.tsx b/frontend/src/webparts/approvalAdmin/components/ui/Modal.tsx
new file mode 100644
index 0000000..9357a15
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/Modal.tsx
@@ -0,0 +1,45 @@
+import * as React from 'react';
+import styles from './Modal.module.scss';
+import { Button, IconButton } from './Button';
+
+export interface IModalProps {
+  title: string;
+  onClose: () => void;
+  footer?: React.ReactNode;
+  children: React.ReactNode;
+}
+
+export const Modal: React.FC<IModalProps> = ({ title, onClose, footer, children }) => (
+  <div className={styles.overlay} onClick={e => { if (e.target === e.currentTarget) onClose(); }}>
+    <div className={styles.box}>
+      <div className={styles.header}>
+        <div className={styles.title}>{title}</div>
+        <IconButton icon="close" label="Закрыть" onClick={onClose} />
+      </div>
+      <div className={styles.body}>{children}</div>
+      {footer && <div className={styles.footer}>{footer}</div>}
+    </div>
+  </div>
+);
+
+export interface IConfirmDialogProps {
+  title: string;
+  text: string;
+  confirmLabel: string;
+  onConfirm: () => void;
+  onCancel: () => void;
+  busy?: boolean;
+}
+
+export const ConfirmDialog: React.FC<IConfirmDialogProps> = ({ title, text, confirmLabel, onConfirm, onCancel, busy }) => (
+  <div className={styles.overlay} onClick={e => { if (e.target === e.currentTarget) onCancel(); }}>
+    <div className={`${styles.box} ${styles.narrow}`}>
+      <div className={styles.title}>{title}</div>
+      <p className={styles.text}>{text}</p>
+      <div className={styles.narrowFooter}>
+        <Button variant="secondary" onClick={onCancel} disabled={busy}>Отмена</Button>
+        <Button variant="danger" icon="trash" onClick={onConfirm} disabled={busy}>{confirmLabel}</Button>
+      </div>
+    </div>
+  </div>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss b/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss
new file mode 100644
index 0000000..ecbc320
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.module.scss
@@ -0,0 +1,88 @@
+@import '../../../../styles/design-tokens';
+
+.bread {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 12px;
+  color: $gray-400;
+  margin-bottom: 14px;
+  letter-spacing: .2px;
+  flex-wrap: wrap;
+}
+
+.breadLink {
+  color: $navy-700;
+  text-decoration: none;
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  &:hover { color: $gold-600; }
+}
+
+.sep { color: $gold-400; font-size: 10px; }
+
+.ph {
+  @include page-header;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: $sh-2;
+  margin-bottom: 24px;
+  flex-wrap: wrap;
+  gap: 14px;
+
+  &::after {
+    content: '';
+    position: absolute;
+    right: -60px;
+    top: -60px;
+    width: 220px;
+    height: 220px;
+    border-radius: 50%;
+    background: radial-gradient(circle, rgba(212,160,30,.14), transparent 65%);
+  }
+}
+
+.phLeft { display: flex; align-items: center; gap: 18px; position: relative; z-index: 1; }
+
+.phIcon {
+  width: 46px;
+  height: 46px;
+  border-radius: $r-md;
+  background: rgba(212,160,30,.14);
+  border: 1px solid rgba(212,160,30,.3);
+  color: $gold-300;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.phSub {
+  font-size: 10.5px;
+  color: rgba(255,255,255,.55);
+  text-transform: uppercase;
+  letter-spacing: 1.8px;
+  font-weight: 500;
+}
+
+.phTitle {
+  font-family: $font-serif;
+  font-size: $fs-page-title;
+  font-weight: 600;
+  color: #fff;
+  margin-top: 3px;
+  letter-spacing: .2px;
+}
+
+.phRight {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  flex-wrap: wrap;
+  position: relative;
+  z-index: 1;
+}
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.tsx b/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.tsx
new file mode 100644
index 0000000..d53e94e
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/PageChrome.tsx
@@ -0,0 +1,43 @@
+import * as React from 'react';
+import styles from './PageChrome.module.scss';
+import { Icon, IconName } from './Icon';
+
+export interface IBreadcrumbItem {
+  label: string;
+  onClick?: () => void;
+}
+
+export const Breadcrumbs: React.FC<{ items: IBreadcrumbItem[] }> = ({ items }) => (
+  <div className={styles.bread}>
+    {items.map((item, i) => (
+      <React.Fragment key={i}>
+        {i > 0 && <span className={styles.sep}>&#9670;</span>}
+        {item.onClick ? (
+          <button className={styles.breadLink} onClick={item.onClick}>{item.label}</button>
+        ) : (
+          <span>{item.label}</span>
+        )}
+      </React.Fragment>
+    ))}
+  </div>
+);
+
+export interface IPageHeaderProps {
+  icon: IconName;
+  subtitle: string;
+  title: string;
+  actions?: React.ReactNode;
+}
+
+export const PageHeader: React.FC<IPageHeaderProps> = ({ icon, subtitle, title, actions }) => (
+  <div className={styles.ph}>
+    <div className={styles.phLeft}>
+      <div className={styles.phIcon}><Icon name={icon} /></div>
+      <div>
+        <div className={styles.phSub}>{subtitle}</div>
+        <div className={styles.phTitle}>{title}</div>
+      </div>
+    </div>
+    {actions && <div className={styles.phRight}>{actions}</div>}
+  </div>
+);
diff --git a/frontend/src/webparts/approvalAdmin/components/ui/index.ts b/frontend/src/webparts/approvalAdmin/components/ui/index.ts
new file mode 100644
index 0000000..febb4c4
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/components/ui/index.ts
@@ -0,0 +1,9 @@
+export * from './Icon';
+export * from './Button';
+export * from './Badge';
+export * from './Alert';
+export * from './PageChrome';
+export * from './Card';
+export * from './DataTable';
+export * from './Modal';
+export * from './FormField';
diff --git a/frontend/src/webparts/approvalAdmin/models/index.ts b/frontend/src/webparts/approvalAdmin/models/index.ts
new file mode 100644
index 0000000..5845e43
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/models/index.ts
@@ -0,0 +1,192 @@
+// Зеркало DTO и enum'ов backend (Tnsu.ApprovalRoute.Api / Application / Domain).
+// Имена и форма типов должны 1:1 соответствовать C#-стороне — см.
+// backend/src/Tnsu.ApprovalRoute.Domain/Enums/*.cs и
+// backend/src/Tnsu.ApprovalRoute.Application/**/*.cs
+
+export enum RouteType {
+  None = 'None',
+  Parallel = 'Parallel',
+  Sequential = 'Sequential'
+}
+
+export enum RouteStepStatus {
+  None = 'None',
+  Approval = 'Approval',
+  Execution = 'Execution'
+}
+
+export enum ProjectRole {
+  None = 'None',
+  ProjectManager = 'ProjectManager',
+  Planner = 'Planner',
+  ManagerHSE = 'ManagerHSE',
+  Security = 'Security'
+}
+
+export enum HeadType {
+  None = 'None',
+  Chief = 'Chief',
+  DirectionHead = 'DirectionHead',
+  DirectorTansu = 'DirectorTansu'
+}
+
+export const routeTypeLabels: Record<RouteType, string> = {
+  [RouteType.None]: 'Не задан',
+  [RouteType.Parallel]: 'Параллельный',
+  [RouteType.Sequential]: 'Последовательный'
+};
+
+export const routeStepStatusLabels: Record<RouteStepStatus, string> = {
+  [RouteStepStatus.None]: 'Не задан',
+  [RouteStepStatus.Approval]: 'Согласование',
+  [RouteStepStatus.Execution]: 'Исполнение'
+};
+
+export const projectRoleLabels: Record<ProjectRole, string> = {
+  [ProjectRole.None]: '—',
+  [ProjectRole.ProjectManager]: 'Руководитель проекта',
+  [ProjectRole.Planner]: 'Планировщик',
+  [ProjectRole.ManagerHSE]: 'Менеджер HSE',
+  [ProjectRole.Security]: 'Безопасность'
+};
+
+export const headTypeLabels: Record<HeadType, string> = {
+  [HeadType.None]: '—',
+  [HeadType.Chief]: 'Непосредственный руководитель',
+  [HeadType.DirectionHead]: 'Руководитель направления',
+  [HeadType.DirectorTansu]: 'Директор Tansu'
+};
+
+// ---- Request Types (api/request-types) ----
+
+export interface RequestType {
+  id: number;
+  name: string;
+  pageUrl: string;
+}
+
+export interface CreateRequestTypeInput {
+  name: string;
+  pageUrl: string;
+}
+
+export type UpdateRequestTypeInput = CreateRequestTypeInput;
+
+export interface PatchRequestTypeInput {
+  name?: string;
+  pageUrl?: string;
+}
+
+// ---- Template Routes (api/template-routes) ----
+
+export interface TemplateRoute {
+  id: number;
+  routeType: RouteType;
+  requestTypeId: number;
+  departmentId: string | null;
+  companyId: string;
+  byProject: boolean;
+  requiresControl: boolean;
+}
+
+export interface CreateTemplateRouteInput {
+  routeType: RouteType;
+  requestTypeId: number;
+  departmentId: string | null;
+  companyId: string;
+  byProject: boolean;
+  requiresControl: boolean;
+}
+
+export interface UpdateTemplateRouteInput {
+  routeType: RouteType;
+  departmentId: string | null;
+  companyId: string;
+  byProject: boolean;
+  requiresControl: boolean;
+}
+
+export interface PatchTemplateRouteInput {
+  routeType?: RouteType;
+  departmentId?: string | null;
+  companyId?: string;
+  byProject?: boolean;
+  requiresControl?: boolean;
+}
+
+// ---- Template Route Steps (api/template-routes/{routeId}/steps) ----
+
+export interface TemplateRouteStep {
+  id: number;
+  orderNo: number;
+  executorEmail: string | null;
+  position: string | null;
+  projectRole: ProjectRole | null;
+  headType: HeadType | null;
+  status: RouteStepStatus;
+  routeId: number;
+  allowReassignToOtherApprovers: boolean;
+  warning?: string | null;
+}
+
+export interface CreateTemplateRouteStepInput {
+  orderNo: number;
+  executorEmail: string | null;
+  position: string | null;
+  projectRole: ProjectRole | null;
+  headType: HeadType | null;
+  status: RouteStepStatus;
+  allowReassignToOtherApprovers: boolean;
+}
+
+export type UpdateTemplateRouteStepInput = CreateTemplateRouteStepInput;
+
+export interface PatchTemplateRouteStepInput {
+  orderNo?: number;
+  executorEmail?: string | null;
+  position?: string | null;
+  projectRole?: ProjectRole | null;
+  headType?: HeadType | null;
+  status?: RouteStepStatus;
+  allowReassignToOtherApprovers?: boolean;
+}
+
+// ---- Resolve (api/template-routes/resolve) ----
+
+export interface ResolveTemplateRouteQuery {
+  requestTypeId: number;
+  userEmail?: string;
+  projectId?: string;
+  status: RouteStepStatus;
+}
+
+export interface ResolvedRouteStep {
+  id: number;
+  orderNo: number;
+  executorEmail: string | null;
+  position: string | null;
+  allowReassignToOtherApprovers: boolean;
+}
+
+export interface ResolveTemplateRouteResult {
+  routeId: number;
+  routeType: RouteType;
+  requiresControl: boolean;
+  steps: ResolvedRouteStep[];
+}
+
+// Ровно одно из этих полей должно быть заполнено на шаге маршрута
+// (см. TemplateRouteStepFields.CountFilled на бэкенде).
+export type StepExecutorKind = 'email' | 'position' | 'projectRole' | 'headType';
+
+export function detectExecutorKind(step: {
+  executorEmail?: string | null;
+  position?: string | null;
+  projectRole?: ProjectRole | null;
+  headType?: HeadType | null;
+}): StepExecutorKind {
+  if (step.executorEmail) return 'email';
+  if (step.position) return 'position';
+  if (step.projectRole && step.projectRole !== ProjectRole.None) return 'projectRole';
+  return 'headType';
+}
diff --git a/frontend/src/webparts/approvalAdmin/services/api.ts b/frontend/src/webparts/approvalAdmin/services/api.ts
new file mode 100644
index 0000000..3ec04a2
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/services/api.ts
@@ -0,0 +1,87 @@
+import { IHttpClient } from './httpClient';
+import {
+  CreateRequestTypeInput,
+  CreateTemplateRouteInput,
+  CreateTemplateRouteStepInput,
+  PatchRequestTypeInput,
+  PatchTemplateRouteInput,
+  PatchTemplateRouteStepInput,
+  RequestType,
+  ResolveTemplateRouteQuery,
+  ResolveTemplateRouteResult,
+  TemplateRoute,
+  TemplateRouteStep,
+  UpdateRequestTypeInput,
+  UpdateTemplateRouteInput,
+  UpdateTemplateRouteStepInput
+} from '../models';
+
+// Тонкий 1:1 фасад над контроллерами бэкенда:
+// backend/src/Tnsu.ApprovalRoute.Api/Controllers/{RequestTypes,TemplateRoutes,TemplateRouteSteps}Controller.cs
+
+export class ApprovalRouteApi {
+  constructor(private readonly http: IHttpClient) {}
+
+  public readonly requestTypes = {
+    list: (): Promise<RequestType[]> =>
+      this.http.get<RequestType[]>('/api/request-types'),
+
+    get: (id: number): Promise<RequestType> =>
+      this.http.get<RequestType>(`/api/request-types/${id}`),
+
+    create: (body: CreateRequestTypeInput): Promise<RequestType> =>
+      this.http.post<RequestType>('/api/request-types', body),
+
+    update: (id: number, body: UpdateRequestTypeInput): Promise<RequestType> =>
+      this.http.put<RequestType>(`/api/request-types/${id}`, body),
+
+    patch: (id: number, body: PatchRequestTypeInput): Promise<RequestType> =>
+      this.http.patch<RequestType>(`/api/request-types/${id}`, body),
+
+    remove: (id: number): Promise<void> =>
+      this.http.delete(`/api/request-types/${id}`)
+  };
+
+  public readonly templateRoutes = {
+    list: (requestTypeId?: number): Promise<TemplateRoute[]> =>
+      this.http.get<TemplateRoute[]>('/api/template-routes', { requestTypeId }),
+
+    get: (id: number): Promise<TemplateRoute> =>
+      this.http.get<TemplateRoute>(`/api/template-routes/${id}`),
+
+    create: (body: CreateTemplateRouteInput): Promise<TemplateRoute> =>
+      this.http.post<TemplateRoute>('/api/template-routes', body),
+
+    update: (id: number, body: UpdateTemplateRouteInput): Promise<TemplateRoute> =>
+      this.http.put<TemplateRoute>(`/api/template-routes/${id}`, body),
+
+    patch: (id: number, body: PatchTemplateRouteInput): Promise<TemplateRoute> =>
+      this.http.patch<TemplateRoute>(`/api/template-routes/${id}`, body),
+
+    remove: (id: number): Promise<void> =>
+      this.http.delete(`/api/template-routes/${id}`),
+
+    resolve: (query: ResolveTemplateRouteQuery): Promise<ResolveTemplateRouteResult> =>
+      this.http.get<ResolveTemplateRouteResult>('/api/template-routes/resolve', { ...query })
+  };
+
+  public readonly templateRouteSteps = {
+    list: (routeId: number): Promise<TemplateRouteStep[]> =>
+      this.http.get<TemplateRouteStep[]>(`/api/template-routes/${routeId}/steps`),
+
+    get: (routeId: number, id: number): Promise<TemplateRouteStep> =>
+      this.http.get<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`),
+
+    create: (routeId: number, body: CreateTemplateRouteStepInput): Promise<TemplateRouteStep> =>
+      this.http.post<TemplateRouteStep>(`/api/template-routes/${routeId}/steps`, body),
+
+    update: (routeId: number, id: number, body: UpdateTemplateRouteStepInput): Promise<TemplateRouteStep> =>
+      this.http.put<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`, body),
+
+    patch: (routeId: number, id: number, body: PatchTemplateRouteStepInput): Promise<TemplateRouteStep> =>
+      this.http.patch<TemplateRouteStep>(`/api/template-routes/${routeId}/steps/${id}`, body),
+
+    remove: (routeId: number, id: number): Promise<void> =>
+      this.http.delete(`/api/template-routes/${routeId}/steps/${id}`)
+  };
+}
diff --git a/frontend/src/webparts/approvalAdmin/services/httpClient.ts b/frontend/src/webparts/approvalAdmin/services/httpClient.ts
new file mode 100644
index 0000000..5d82e60
--- /dev/null
+++ b/frontend/src/webparts/approvalAdmin/services/httpClient.ts
@@ -0,0 +1,160 @@
+import { AadHttpClient, HttpClientResponse } from '@microsoft/sp-http';
+
+// Ответ бэкенда всегда в конверте { data: T } на успехе (Api/Common/ApiResponse.cs)
+// и { messages: string[] } на ошибке (ApiError). 204 No Content возвращается без тела.
+interface IApiEnvelope<T> {
+  data?: T;
+  messages?: string[];
+}
+
+export class ApiClientError extends Error {
+  public readonly status: number;
+  public readonly messages: string[];
+
+  constructor(status: number, messages: string[]) {
+    super(messages.join('; ') || `HTTP ${status}`);
+    this.status = status;
+    this.messages = messages;
+  }
+}
+
+export type QueryParams = Record<string, string | number | boolean | undefined | null>;
+
+export interface IHttpClient {
+  get<T>(path: string, query?: QueryParams): Promise<T>;
+  post<T>(path: string, body?: unknown): Promise<T>;
+  put<T>(path: string, body?: unknown): Promise<T>;
+  patch<T>(path: string, body?: unknown): Promise<T>;
+  delete(path: string): Promise<void>;
+}
+
+function buildUrl(baseUrl: string, path: string, query?: QueryParams): string {
+  const normalizedBase = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
+  const url = new URL(path.replace(/^\//, ''), normalizedBase);
+  if (query) {
+    Object.keys(query).forEach(key => {
+      const value = query[key];
+      if (value !== undefined && value !== null && value !== '') {
+        url.searchParams.set(key, String(value));
+      }
+    });
+  }
+  return url.toString();
+}
+
+interface IMinimalResponse {
+  ok: boolean;
+  status: number;
+  text(): Promise<string>;
+}
+
+async function parseResponse<T>(response: IMinimalResponse): Promise<T> {
+  if (response.status === 204) {
+    return undefined as T;
+  }
+
+  const text = await response.text();
+  let json: IApiEnvelope<T> | undefined;
+  try {
+    json = text ? JSON.parse(text) : undefined;
+  } catch {
+    // Ответ пришёл не в конверте ApiResponse/ApiError (например, "сырая" страница
+    // необработанного исключения ASP.NET Core или ошибка от прокси перед API).
+    if (!response.ok) {
+      throw new ApiClientError(response.status, [text || `HTTP ${response.status}`]);
+    }
+    throw new ApiClientError(response.status, ['Сервер вернул не-JSON ответ.']);
+  }
+
+  if (!response.ok) {
+    const messages = json?.messages ?? [`HTTP ${response.status}`];
+    throw new ApiClientError(response.status, messages);
+  }
+
+  return (json?.data as T) ?? (undefined as T);
+}
+
+/**
+ * Прод/staging: вызовы через AAD-защищённое SPFx-подключение (AadHttpClient).
+ * Требует webApiPermissionRequests в package-solution.json и админского
+ * согласия в SharePoint admin center → Advanced → API access.
+ */
+export class AadApiHttpClient implements IHttpClient {
+  constructor(private readonly client: AadHttpClient, private readonly baseUrl: string) {}
+
+  public get<T>(path: string, query?: QueryParams): Promise<T> {
+    const url = buildUrl(this.baseUrl, path, query);
+    return this.client
+      .get(url, AadHttpClient.configurations.v1)
+      .then((r: HttpClientResponse) => parseResponse<T>(r));
+  }
+
+  public post<T>(path: string, body?: unknown): Promise<T> {
+    return this.send<T>('POST', path, body);
+  }
+
+  public put<T>(path: string, body?: unknown): Promise<T> {
+    return this.send<T>('PUT', path, body);
+  }
+
+  public patch<T>(path: string, body?: unknown): Promise<T> {
+    return this.send<T>('PATCH', path, body);
+  }
+
+  public async delete(path: string): Promise<void> {
+    await this.send<void>('DELETE', path);
+  }
+
+  private send<T>(method: string, path: string, body?: unknown): Promise<T> {
+    const url = buildUrl(this.baseUrl, path);
+    return this.client
+      .fetch(url, AadHttpClient.configurations.v1, {
+        method,
+        headers: { 'Content-Type': 'application/json' },
+        body: body !== undefined ? JSON.stringify(body) : undefined
+      })
+      .then((r: HttpClientResponse) => parseResponse<T>(r));
+  }
+}
+
+/**
+ * Локальная отладка: обычный fetch с заголовком X-Dev-User-Email.
+ * Работает только если бэкенд поднят с пустыми Entra:TenantId/Entra:Audience
+ * (см. backend/.../Auth/AuthSetup.cs — тогда включается DevAuthHandler).
+ */
+export class DevApiHttpClient implements IHttpClient {
+  constructor(private readonly baseUrl: string, private readonly devUserEmail: string) {}
+
+  public get<T>(path: string, query?: QueryParams): Promise<T> {
+    return this.send<T>('GET', path, undefined, query);
+  }
+
+  public post<T>(path: string, body?: unknown): Promise<T> {
+    return this.send<T>('POST', path, body);
+  }
+
+  public put<T>(path: string, body?: unknown): Promise<T> {
+    return this.send<T>('PUT', path, body);
+  }
+
+  public patch<T>(path: string, body?: unknown): Promise<T> {
+    return this.send<T>('PATCH', path, body);
+  }
+
+  public async delete(path: string): Promise<void> {
+    await this.send<void>('DELETE', path);
+  }
+
+  private async send<T>(method: string, path: string, body?: unknown, query?: QueryParams): Promise<T> {
+    const url = buildUrl(this.baseUrl, path, query);
+    const response = await fetch(url, {
+      method,
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Dev-User-Email': this.devUserEmail
+      },
+      body: body !== undefined ? JSON.stringify(body) : undefined
+    });
+    return parseResponse<T>(response);
+  }
+}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index ee582d5..c616ffa 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,3 +1,16 @@
 {
-  "extends": "./node_modules/@microsoft/spfx-web-build-rig/profiles/default/tsconfig-base.json"
+  "extends": "./node_modules/@microsoft/spfx-web-build-rig/profiles/default/tsconfig-base.json",
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "es5",
+      "es2015.core",
+      "es2015.collection",
+      "es2015.iterable",
+      "es2015.promise",
+      "es2015.proxy",
+      "es2017.object",
+      "es2018.promise"
+    ]
+  }
 }