@webiny/background-tasks 6.4.11 → 6.6.0-alpha.1

package/admin/BackgroundTaskRoutes.js

@@ -7,6 +7,10 @@ import { BackgroundTaskSettingsView } from "./presentation/BackgroundTaskSetting
 import { Routes } from "./routes.js";
 import { ReactComponent } from "@webiny/icons/task.svg";
 const { Menu: Menu, Route: Route } = AdminConfig;
+const BackgroundTasksBreadcrumbsRoot = ()=>/*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+        name: "background-tasks",
+        label: "Background Tasks"
+    });
 const BackgroundTaskRoutes = ()=>{
     const { getLink } = useRouter();
     return /*#__PURE__*/ react.createElement(AdminConfig, null, /*#__PURE__*/ react.createElement(HasPermission, {
@@ -15,12 +19,18 @@ const BackgroundTaskRoutes = ()=>{
         route: Routes.Definitions,
         element: /*#__PURE__*/ react.createElement(AdminLayout, {
             title: "Task Definitions"
-        }, /*#__PURE__*/ react.createElement(TaskDefinitionsView, null))
+        }, /*#__PURE__*/ react.createElement(BackgroundTasksBreadcrumbsRoot, null), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "background-tasks.definitions",
+            label: "Definitions"
+        }), /*#__PURE__*/ react.createElement(TaskDefinitionsView, null))
     }), /*#__PURE__*/ react.createElement(Route, {
         route: Routes.Executions,
         element: /*#__PURE__*/ react.createElement(AdminLayout, {
             title: "Task Executions"
-        }, /*#__PURE__*/ react.createElement(TaskExecutionsView, null))
+        }, /*#__PURE__*/ react.createElement(BackgroundTasksBreadcrumbsRoot, null), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "background-tasks.executions",
+            label: "Executions"
+        }), /*#__PURE__*/ react.createElement(TaskExecutionsView, null))
     }), /*#__PURE__*/ react.createElement(Menu, {
         name: "backgroundTasks.executions",
         parent: "dev-tools",
@@ -39,7 +49,10 @@ const BackgroundTaskRoutes = ()=>{
         route: Routes.Settings,
         element: /*#__PURE__*/ react.createElement(AdminLayout, {
             title: "Background Task Settings"
-        }, /*#__PURE__*/ react.createElement(BackgroundTaskSettingsView, null))
+        }, /*#__PURE__*/ react.createElement(BackgroundTasksBreadcrumbsRoot, null), /*#__PURE__*/ react.createElement(AdminConfig.Breadcrumb, {
+            name: "background-tasks.settings",
+            label: "Settings"
+        }), /*#__PURE__*/ react.createElement(BackgroundTaskSettingsView, null))
     }), /*#__PURE__*/ react.createElement(Menu, {
         name: "backgroundTasks.settings",
         parent: "settings.system",

package/admin/BackgroundTaskRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/BackgroundTaskRoutes.js","sources":["../../src/admin/BackgroundTaskRoutes.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"./presentation/security/HasPermission.js\";\nimport { TaskDefinitionsView } from \"./presentation/TaskDefinitions/components/TaskDefinitionsView.js\";\nimport { TaskExecutionsView } from \"./presentation/TaskExecutions/components/TaskExecutionsView.js\";\nimport { BackgroundTaskSettingsView } from \"./presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.js\";\nimport { Routes } from \"./routes.js\";\nimport { ReactComponent as TaskIcon } from \"@webiny/icons/task.svg\";\n\nconst { Menu, Route } = AdminConfig;\n\nexport const BackgroundTaskRoutes = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission entity=\"task\">\n                <Route\n                    route={Routes.Definitions}\n                    element={\n                        <AdminLayout title=\"Task Definitions\">\n                            <TaskDefinitionsView />\n                        </AdminLayout>\n                    }\n                />\n                <Route\n                    route={Routes.Executions}\n                    element={\n                        <AdminLayout title=\"Task Executions\">\n                            <TaskExecutionsView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    name=\"backgroundTasks.executions\"\n                    parent=\"dev-tools\"\n                    element={\n                        <Menu.Link\n                            text=\"Background Tasks\"\n                            badge={<Menu.Link.Badge text=\"BETA\" />}\n                            to={getLink(Routes.Executions)}\n                            icon={\n                                <Menu.Link.Icon\n                                    label=\"Background Task Executions\"\n                                    element={<TaskIcon />}\n                                />\n                            }\n                        />\n                    }\n                />\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title=\"Background Task Settings\">\n                            <BackgroundTaskSettingsView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    name=\"backgroundTasks.settings\"\n                    parent=\"settings.system\"\n                    element={\n                        <Menu.Link\n                            text=\"Background Tasks\"\n                            to={getLink(Routes.Settings)}\n                            badge={<Menu.Link.Badge text=\"BETA\" />}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","BackgroundTaskRoutes","getLink","useRouter","HasPermission","Routes","AdminLayout","TaskDefinitionsView","TaskExecutionsView","TaskIcon","BackgroundTaskSettingsView"],"mappings":";;;;;;;;AAWA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAEjB,MAAMC,uBAAuB;IAChC,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAACH,aAAWA,MAAAA,WAAAA,GACR,oBAACI,eAAaA;QAAC,QAAO;qBAClB,oBAACL,OAAKA;QACF,OAAOM,OAAO,WAAW;QACzB,uBACI,oBAACC,aAAWA;YAAC,OAAM;yBACf,oBAACC,qBAAmBA;sBAIhC,oBAACR,OAAKA;QACF,OAAOM,OAAO,UAAU;QACxB,uBACI,oBAACC,aAAWA;YAAC,OAAM;yBACf,oBAACE,oBAAkBA;sBAI/B,oBAACV,MAAIA;QACD,MAAK;QACL,QAAO;QACP,uBACI,oBAACA,KAAK,IAAI;YACN,MAAK;YACL,qBAAO,oBAACA,KAAK,IAAI,CAAC,KAAK;gBAAC,MAAK;;YAC7B,IAAII,QAAQG,OAAO,UAAU;YAC7B,oBACI,oBAACP,KAAK,IAAI,CAAC,IAAI;gBACX,OAAM;gBACN,uBAAS,oBAACW,gBAAQA;;;sBAMtC,oBAACV,OAAKA;QACF,OAAOM,OAAO,QAAQ;QACtB,uBACI,oBAACC,aAAWA;YAAC,OAAM;yBACf,oBAACI,4BAA0BA;sBAIvC,oBAACZ,MAAIA;QACD,MAAK;QACL,QAAO;QACP,uBACI,oBAACA,KAAK,IAAI;YACN,MAAK;YACL,IAAII,QAAQG,OAAO,QAAQ;YAC3B,qBAAO,oBAACP,KAAK,IAAI,CAAC,KAAK;gBAAC,MAAK;;;;AAOzD"}
+{"version":3,"file":"admin/BackgroundTaskRoutes.js","sources":["../../src/admin/BackgroundTaskRoutes.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { AdminLayout } from \"@webiny/app-admin\";\nimport { HasPermission } from \"./presentation/security/HasPermission.js\";\nimport { TaskDefinitionsView } from \"./presentation/TaskDefinitions/components/TaskDefinitionsView.js\";\nimport { TaskExecutionsView } from \"./presentation/TaskExecutions/components/TaskExecutionsView.js\";\nimport { BackgroundTaskSettingsView } from \"./presentation/BackgroundTaskSettings/components/BackgroundTaskSettingsView.js\";\nimport { Routes } from \"./routes.js\";\nimport { ReactComponent as TaskIcon } from \"@webiny/icons/task.svg\";\n\nconst { Menu, Route } = AdminConfig;\n\n// Shared leading breadcrumb for all background-task routes.\nconst BackgroundTasksBreadcrumbsRoot = () => (\n    <AdminConfig.Breadcrumb name=\"background-tasks\" label=\"Background Tasks\" />\n);\n\nexport const BackgroundTaskRoutes = () => {\n    const { getLink } = useRouter();\n\n    return (\n        <AdminConfig>\n            <HasPermission entity=\"task\">\n                <Route\n                    route={Routes.Definitions}\n                    element={\n                        <AdminLayout title=\"Task Definitions\">\n                            <BackgroundTasksBreadcrumbsRoot />\n                            <AdminConfig.Breadcrumb\n                                name=\"background-tasks.definitions\"\n                                label=\"Definitions\"\n                            />\n                            <TaskDefinitionsView />\n                        </AdminLayout>\n                    }\n                />\n                <Route\n                    route={Routes.Executions}\n                    element={\n                        <AdminLayout title=\"Task Executions\">\n                            <BackgroundTasksBreadcrumbsRoot />\n                            <AdminConfig.Breadcrumb\n                                name=\"background-tasks.executions\"\n                                label=\"Executions\"\n                            />\n                            <TaskExecutionsView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    name=\"backgroundTasks.executions\"\n                    parent=\"dev-tools\"\n                    element={\n                        <Menu.Link\n                            text=\"Background Tasks\"\n                            badge={<Menu.Link.Badge text=\"BETA\" />}\n                            to={getLink(Routes.Executions)}\n                            icon={\n                                <Menu.Link.Icon\n                                    label=\"Background Task Executions\"\n                                    element={<TaskIcon />}\n                                />\n                            }\n                        />\n                    }\n                />\n                <Route\n                    route={Routes.Settings}\n                    element={\n                        <AdminLayout title=\"Background Task Settings\">\n                            <BackgroundTasksBreadcrumbsRoot />\n                            <AdminConfig.Breadcrumb\n                                name=\"background-tasks.settings\"\n                                label=\"Settings\"\n                            />\n                            <BackgroundTaskSettingsView />\n                        </AdminLayout>\n                    }\n                />\n                <Menu\n                    name=\"backgroundTasks.settings\"\n                    parent=\"settings.system\"\n                    element={\n                        <Menu.Link\n                            text=\"Background Tasks\"\n                            to={getLink(Routes.Settings)}\n                            badge={<Menu.Link.Badge text=\"BETA\" />}\n                        />\n                    }\n                />\n            </HasPermission>\n        </AdminConfig>\n    );\n};\n"],"names":["Menu","Route","AdminConfig","BackgroundTasksBreadcrumbsRoot","BackgroundTaskRoutes","getLink","useRouter","HasPermission","Routes","AdminLayout","TaskDefinitionsView","TaskExecutionsView","TaskIcon","BackgroundTaskSettingsView"],"mappings":";;;;;;;;AAWA,MAAM,EAAEA,MAAAA,IAAI,EAAEC,OAAAA,KAAK,EAAE,GAAGC;AAGxB,MAAMC,iCAAiC,kBACnC,oBAACD,YAAY,UAAU;QAAC,MAAK;QAAmB,OAAM;;AAGnD,MAAME,uBAAuB;IAChC,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAACJ,aAAWA,MAAAA,WAAAA,GACR,oBAACK,eAAaA;QAAC,QAAO;qBAClB,oBAACN,OAAKA;QACF,OAAOO,OAAO,WAAW;QACzB,uBACI,oBAACC,aAAWA;YAAC,OAAM;yBACf,oBAACN,gCAA8BA,OAAAA,WAAAA,GAC/B,oBAACD,YAAY,UAAU;YACnB,MAAK;YACL,OAAM;0BAEV,oBAACQ,qBAAmBA;sBAIhC,oBAACT,OAAKA;QACF,OAAOO,OAAO,UAAU;QACxB,uBACI,oBAACC,aAAWA;YAAC,OAAM;yBACf,oBAACN,gCAA8BA,OAAAA,WAAAA,GAC/B,oBAACD,YAAY,UAAU;YACnB,MAAK;YACL,OAAM;0BAEV,oBAACS,oBAAkBA;sBAI/B,oBAACX,MAAIA;QACD,MAAK;QACL,QAAO;QACP,uBACI,oBAACA,KAAK,IAAI;YACN,MAAK;YACL,qBAAO,oBAACA,KAAK,IAAI,CAAC,KAAK;gBAAC,MAAK;;YAC7B,IAAIK,QAAQG,OAAO,UAAU;YAC7B,oBACI,oBAACR,KAAK,IAAI,CAAC,IAAI;gBACX,OAAM;gBACN,uBAAS,oBAACY,gBAAQA;;;sBAMtC,oBAACX,OAAKA;QACF,OAAOO,OAAO,QAAQ;QACtB,uBACI,oBAACC,aAAWA;YAAC,OAAM;yBACf,oBAACN,gCAA8BA,OAAAA,WAAAA,GAC/B,oBAACD,YAAY,UAAU;YACnB,MAAK;YACL,OAAM;0BAEV,oBAACW,4BAA0BA;sBAIvC,oBAACb,MAAIA;QACD,MAAK;QACL,QAAO;QACP,uBACI,oBAACA,KAAK,IAAI;YACN,MAAK;YACL,IAAIK,QAAQG,OAAO,QAAQ;YAC3B,qBAAO,oBAACR,KAAK,IAAI,CAAC,KAAK;gBAAC,MAAK;;;;AAOzD"}

package/admin/features/listLogs/ListLogsGateway.js

@@ -54,7 +54,7 @@ class ListLogsGraphQLGateway {
         if (envelope.error) throw new Error(envelope.error.message);
         const items = envelope.data.map((log)=>({
                 ...log,
-                items: log.items ?? []
+                items: log.items || []
             }));
         return {
             items,

package/admin/features/listLogs/ListLogsGateway.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/features/listLogs/ListLogsGateway.js","sources":["../../../../src/admin/features/listLogs/ListLogsGateway.ts"],"sourcesContent":["import { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport {\n    ListLogsGateway as GatewayAbstraction,\n    type IListLogsInput,\n    type IListLogsOutput\n} from \"./abstractions.js\";\nimport type { TaskLog } from \"~/admin/shared/types.js\";\n\nconst LIST_LOGS = /* GraphQL */ `\n    query ListBackgroundTaskLogs(\n        $where: WebinyBackgroundTaskLogListWhereInput\n        $sort: [WebinyBackgroundTaskLogListSorter!]\n        $limit: Int\n        $after: String\n    ) {\n        backgroundTasks {\n            listLogs(where: $where, sort: $sort, limit: $limit, after: $after) {\n                data {\n                    id\n                    createdOn\n                    executionName\n                    iteration\n                    items {\n                        message\n                        createdOn\n                        type\n                        data\n                        error\n                    }\n                }\n                meta {\n                    cursor\n                    hasMoreItems\n                    totalCount\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\ntype ListLogsResponse = {\n    backgroundTasks: {\n        listLogs:\n            | {\n                  data: TaskLog[];\n                  meta: { cursor: string | null; hasMoreItems: boolean; totalCount: number };\n                  error: null;\n              }\n            | {\n                  data: null;\n                  meta: null;\n                  error: { code: string; message: string; data: unknown };\n              };\n    };\n};\n\nclass ListLogsGraphQLGateway implements GatewayAbstraction.Interface {\n    constructor(private client: MainGraphQLClient.Interface) {}\n\n    async execute(input: IListLogsInput): Promise<IListLogsOutput> {\n        const response = await this.client.execute<ListLogsResponse>({\n            query: LIST_LOGS,\n            variables: {\n                where: input.where,\n                sort: input.sort,\n                limit: input.limit,\n                after: input.after\n            }\n        });\n\n        const envelope = response.backgroundTasks.listLogs;\n        if (envelope.error) {\n            throw new Error(envelope.error.message);\n        }\n\n        const items = envelope.data.map(log => ({\n            ...log,\n            items: log.items ?? []\n        }));\n\n        return {\n            items,\n            meta: envelope.meta\n        };\n    }\n}\n\nexport const ListLogsGateway = GatewayAbstraction.createImplementation({\n    implementation: ListLogsGraphQLGateway,\n    dependencies: [MainGraphQLClient]\n});\n"],"names":["LIST_LOGS","ListLogsGraphQLGateway","client","input","response","envelope","Error","items","log","ListLogsGateway","GatewayAbstraction","MainGraphQLClient"],"mappings":";;AAQA,MAAMA,YAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCjC,CAAC;AAkBD,MAAMC;IACF,YAAoBC,MAAmC,CAAE;aAArCA,MAAM,GAANA;IAAsC;IAE1D,MAAM,QAAQC,KAAqB,EAA4B;QAC3D,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAmB;YACzD,OAAOJ;YACP,WAAW;gBACP,OAAOG,MAAM,KAAK;gBAClB,MAAMA,MAAM,IAAI;gBAChB,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,KAAK;YACtB;QACJ;QAEA,MAAME,WAAWD,SAAS,eAAe,CAAC,QAAQ;QAClD,IAAIC,SAAS,KAAK,EACd,MAAM,IAAIC,MAAMD,SAAS,KAAK,CAAC,OAAO;QAG1C,MAAME,QAAQF,SAAS,IAAI,CAAC,GAAG,CAACG,CAAAA,MAAQ;gBACpC,GAAGA,GAAG;gBACN,OAAOA,IAAI,KAAK,IAAI,EAAE;YAC1B;QAEA,OAAO;YACHD;YACA,MAAMF,SAAS,IAAI;QACvB;IACJ;AACJ;AAEO,MAAMI,kCAAkBC,gBAAAA,oBAAuC,CAAC;IACnE,gBAAgBT;IAChB,cAAc;QAACU;KAAkB;AACrC"}
+{"version":3,"file":"admin/features/listLogs/ListLogsGateway.js","sources":["../../../../src/admin/features/listLogs/ListLogsGateway.ts"],"sourcesContent":["import { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/index.js\";\nimport {\n    ListLogsGateway as GatewayAbstraction,\n    type IListLogsInput,\n    type IListLogsOutput\n} from \"./abstractions.js\";\nimport type { TaskLog } from \"~/admin/shared/types.js\";\n\nconst LIST_LOGS = /* GraphQL */ `\n    query ListBackgroundTaskLogs(\n        $where: WebinyBackgroundTaskLogListWhereInput\n        $sort: [WebinyBackgroundTaskLogListSorter!]\n        $limit: Int\n        $after: String\n    ) {\n        backgroundTasks {\n            listLogs(where: $where, sort: $sort, limit: $limit, after: $after) {\n                data {\n                    id\n                    createdOn\n                    executionName\n                    iteration\n                    items {\n                        message\n                        createdOn\n                        type\n                        data\n                        error\n                    }\n                }\n                meta {\n                    cursor\n                    hasMoreItems\n                    totalCount\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\ntype ListLogsResponse = {\n    backgroundTasks: {\n        listLogs:\n            | {\n                  data: TaskLog[];\n                  meta: { cursor: string | null; hasMoreItems: boolean; totalCount: number };\n                  error: null;\n              }\n            | {\n                  data: null;\n                  meta: null;\n                  error: { code: string; message: string; data: unknown };\n              };\n    };\n};\n\nclass ListLogsGraphQLGateway implements GatewayAbstraction.Interface {\n    constructor(private client: MainGraphQLClient.Interface) {}\n\n    async execute(input: IListLogsInput): Promise<IListLogsOutput> {\n        const response = await this.client.execute<ListLogsResponse>({\n            query: LIST_LOGS,\n            variables: {\n                where: input.where,\n                sort: input.sort,\n                limit: input.limit,\n                after: input.after\n            }\n        });\n\n        const envelope = response.backgroundTasks.listLogs;\n        if (envelope.error) {\n            throw new Error(envelope.error.message);\n        }\n\n        const items = envelope.data.map(log => ({\n            ...log,\n            items: log.items || []\n        }));\n\n        return {\n            items,\n            meta: envelope.meta\n        };\n    }\n}\n\nexport const ListLogsGateway = GatewayAbstraction.createImplementation({\n    implementation: ListLogsGraphQLGateway,\n    dependencies: [MainGraphQLClient]\n});\n"],"names":["LIST_LOGS","ListLogsGraphQLGateway","client","input","response","envelope","Error","items","log","ListLogsGateway","GatewayAbstraction","MainGraphQLClient"],"mappings":";;AAQA,MAAMA,YAA0B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCjC,CAAC;AAkBD,MAAMC;IACF,YAAoBC,MAAmC,CAAE;aAArCA,MAAM,GAANA;IAAsC;IAE1D,MAAM,QAAQC,KAAqB,EAA4B;QAC3D,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAmB;YACzD,OAAOJ;YACP,WAAW;gBACP,OAAOG,MAAM,KAAK;gBAClB,MAAMA,MAAM,IAAI;gBAChB,OAAOA,MAAM,KAAK;gBAClB,OAAOA,MAAM,KAAK;YACtB;QACJ;QAEA,MAAME,WAAWD,SAAS,eAAe,CAAC,QAAQ;QAClD,IAAIC,SAAS,KAAK,EACd,MAAM,IAAIC,MAAMD,SAAS,KAAK,CAAC,OAAO;QAG1C,MAAME,QAAQF,SAAS,IAAI,CAAC,GAAG,CAACG,CAAAA,MAAQ;gBACpC,GAAGA,GAAG;gBACN,OAAOA,IAAI,KAAK,IAAI,EAAE;YAC1B;QAEA,OAAO;YACHD;YACA,MAAMF,SAAS,IAAI;QACvB;IACJ;AACJ;AAEO,MAAMI,kCAAkBC,gBAAAA,oBAAuC,CAAC;IACnE,gBAAgBT;IAChB,cAAc;QAACU;KAAkB;AACrC"}

package/admin/features/permissions/feature.d.ts

@@ -1,4 +1,4 @@
-export declare const TaskPermissionsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+export declare const TaskPermissionsFeature: import("@webiny/feature/admin/createFeature.js").FeatureDefinition<{
     permissions: {
         canAccess: (entityId: "task") => boolean;
         canAction: (action: string, entityId: "task") => boolean;

package/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js

@@ -45,7 +45,7 @@ class BackgroundTaskSettingsPresenterImpl {
             });
             runInAction(()=>{
                 this._form.setData({
-                    retentionDays: settings.retentionDays ?? ""
+                    retentionDays: settings.retentionDays || ""
                 });
             });
         } finally{
@@ -62,7 +62,7 @@ class BackgroundTaskSettingsPresenterImpl {
             runInAction(()=>{
                 this._form = this.buildForm();
                 this._form.setData({
-                    retentionDays: settings.retentionDays ?? ""
+                    retentionDays: settings.retentionDays || ""
                 });
                 this._loading = false;
             });

package/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js","sources":["../../../../src/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    BackgroundTaskSettingsPresenter as Abstraction,\n    type IBackgroundTaskSettingsPresenter,\n    type IBackgroundTaskSettingsViewModel\n} from \"./abstractions.js\";\nimport { GetBackgroundTaskSettingsUseCase } from \"~/admin/features/getBackgroundTaskSettings/abstractions.js\";\nimport { UpdateBackgroundTaskSettingsUseCase } from \"~/admin/features/updateBackgroundTaskSettings/abstractions.js\";\nimport {\n    FormModelFactory,\n    type IFormModel\n} from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { BACKGROUND_TASK_MAX_RETENTION_DAYS } from \"~/api/domain/constants.js\";\n\nclass BackgroundTaskSettingsPresenterImpl implements IBackgroundTaskSettingsPresenter {\n    private _loading = false;\n    private _saving = false;\n    private _form: IFormModel;\n\n    public get vm(): IBackgroundTaskSettingsViewModel {\n        return {\n            loading: this._loading,\n            saving: this._saving,\n            form: this._form.vm\n        };\n    }\n\n    public constructor(\n        private readonly formModelFactory: FormModelFactory.Interface,\n        private readonly getSettingsUseCase: GetBackgroundTaskSettingsUseCase.Interface,\n        private readonly updateSettingsUseCase: UpdateBackgroundTaskSettingsUseCase.Interface\n    ) {\n        this._form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                retentionDays: fields\n                    .number()\n                    .label(\"Retention (days)\")\n                    .placeholder(\"90\")\n                    .description(\n                        `How long to keep completed task runs. 0 = never delete. Max ${BACKGROUND_TASK_MAX_RETENTION_DAYS} days. Changing this value only affects future task executions; existing records are not retroactively deleted.`\n                    )\n            }),\n            layout: layout => [layout.row(\"retentionDays\")]\n        });\n    }\n\n    public async save(): Promise<boolean> {\n        const data = await this._form.submit<Record<string, string>>();\n        if (data === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const settings = await this.updateSettingsUseCase.execute({\n                retentionDays: data.retentionDays != null ? Number(data.retentionDays) : undefined\n            });\n\n            runInAction(() => {\n                this._form.setData({\n                    retentionDays: settings.retentionDays ?? \"\"\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n        return true;\n    }\n\n    public async init(): Promise<void> {\n        this._loading = true;\n\n        try {\n            const settings = await this.getSettingsUseCase.execute();\n\n            runInAction(() => {\n                this._form = this.buildForm();\n                this._form.setData({\n                    retentionDays: settings.retentionDays ?? \"\"\n                });\n                this._loading = false;\n            });\n        } catch {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n}\n\nexport const BackgroundTaskSettingsPresenter = Abstraction.createImplementation({\n    implementation: BackgroundTaskSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        GetBackgroundTaskSettingsUseCase,\n        UpdateBackgroundTaskSettingsUseCase\n    ]\n});\n"],"names":["BackgroundTaskSettingsPresenterImpl","formModelFactory","getSettingsUseCase","updateSettingsUseCase","makeAutoObservable","computed","fields","BACKGROUND_TASK_MAX_RETENTION_DAYS","layout","data","runInAction","settings","Number","undefined","BackgroundTaskSettingsPresenter","Abstraction","FormModelFactory","GetBackgroundTaskSettingsUseCase","UpdateBackgroundTaskSettingsUseCase"],"mappings":";;;;;;AAcA,MAAMA;IAKF,IAAW,KAAuC;QAC9C,OAAO;YACH,SAAS,IAAI,CAAC,QAAQ;YACtB,QAAQ,IAAI,CAAC,OAAO;YACpB,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;QACvB;IACJ;IAEA,YACqBC,gBAA4C,EAC5CC,kBAA8D,EAC9DC,qBAAoE,CACvF;aAHmBF,gBAAgB,GAAhBA;aACAC,kBAAkB,GAAlBA;aACAC,qBAAqB,GAArBA;aAfb,QAAQ,GAAG;aACX,OAAO,GAAG;QAgBd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;QAE3BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEQ,YAAwB;QAC5B,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAChC,QAAQC,CAAAA,SAAW;oBACf,eAAeA,OACV,MAAM,GACN,KAAK,CAAC,oBACN,WAAW,CAAC,MACZ,WAAW,CACR,CAAC,4DAA4D,EAAEC,mCAAmC,+GAA+G,CAAC;gBAE9N;YACA,QAAQC,CAAAA,SAAU;oBAACA,OAAO,GAAG,CAAC;iBAAiB;QACnD;IACJ;IAEA,MAAa,OAAyB;QAClC,MAAMC,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM;QACpC,IAAIA,AAAS,UAATA,MACA,OAAO;QAGXC,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC;gBACtD,eAAeF,AAAsB,QAAtBA,KAAK,aAAa,GAAWG,OAAOH,KAAK,aAAa,IAAII;YAC7E;YAEAH,YAAY;gBACR,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;oBACf,eAAeC,SAAS,aAAa,IAAI;gBAC7C;YACJ;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;QACA,OAAO;IACX;IAEA,MAAa,OAAsB;QAC/B,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;YAEtDD,YAAY;gBACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;gBAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;oBACf,eAAeC,SAAS,aAAa,IAAI;gBAC7C;gBACA,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ,EAAE,OAAM;YACJD,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;AACJ;AAEO,MAAMI,kEAAkCC,gCAAAA,oBAAgC,CAAC;IAC5E,gBAAgBf;IAChB,cAAc;QACVgB;QACAC;QACAC;KACH;AACL"}
+{"version":3,"file":"admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.js","sources":["../../../../src/admin/presentation/BackgroundTaskSettings/BackgroundTaskSettingsPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    BackgroundTaskSettingsPresenter as Abstraction,\n    type IBackgroundTaskSettingsPresenter,\n    type IBackgroundTaskSettingsViewModel\n} from \"./abstractions.js\";\nimport { GetBackgroundTaskSettingsUseCase } from \"~/admin/features/getBackgroundTaskSettings/abstractions.js\";\nimport { UpdateBackgroundTaskSettingsUseCase } from \"~/admin/features/updateBackgroundTaskSettings/abstractions.js\";\nimport {\n    FormModelFactory,\n    type IFormModel\n} from \"@webiny/app-admin/features/formModel/abstractions.js\";\nimport { BACKGROUND_TASK_MAX_RETENTION_DAYS } from \"~/api/domain/constants.js\";\n\nclass BackgroundTaskSettingsPresenterImpl implements IBackgroundTaskSettingsPresenter {\n    private _loading = false;\n    private _saving = false;\n    private _form: IFormModel;\n\n    public get vm(): IBackgroundTaskSettingsViewModel {\n        return {\n            loading: this._loading,\n            saving: this._saving,\n            form: this._form.vm\n        };\n    }\n\n    public constructor(\n        private readonly formModelFactory: FormModelFactory.Interface,\n        private readonly getSettingsUseCase: GetBackgroundTaskSettingsUseCase.Interface,\n        private readonly updateSettingsUseCase: UpdateBackgroundTaskSettingsUseCase.Interface\n    ) {\n        this._form = this.buildForm();\n\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    private buildForm(): IFormModel {\n        return this.formModelFactory.create({\n            fields: fields => ({\n                retentionDays: fields\n                    .number()\n                    .label(\"Retention (days)\")\n                    .placeholder(\"90\")\n                    .description(\n                        `How long to keep completed task runs. 0 = never delete. Max ${BACKGROUND_TASK_MAX_RETENTION_DAYS} days. Changing this value only affects future task executions; existing records are not retroactively deleted.`\n                    )\n            }),\n            layout: layout => [layout.row(\"retentionDays\")]\n        });\n    }\n\n    public async save(): Promise<boolean> {\n        const data = await this._form.submit<Record<string, string>>();\n        if (data === false) {\n            return false;\n        }\n\n        runInAction(() => {\n            this._saving = true;\n        });\n\n        try {\n            const settings = await this.updateSettingsUseCase.execute({\n                retentionDays: data.retentionDays != null ? Number(data.retentionDays) : undefined\n            });\n\n            runInAction(() => {\n                this._form.setData({\n                    retentionDays: settings.retentionDays || \"\"\n                });\n            });\n        } finally {\n            runInAction(() => {\n                this._saving = false;\n            });\n        }\n        return true;\n    }\n\n    public async init(): Promise<void> {\n        this._loading = true;\n\n        try {\n            const settings = await this.getSettingsUseCase.execute();\n\n            runInAction(() => {\n                this._form = this.buildForm();\n                this._form.setData({\n                    retentionDays: settings.retentionDays || \"\"\n                });\n                this._loading = false;\n            });\n        } catch {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n}\n\nexport const BackgroundTaskSettingsPresenter = Abstraction.createImplementation({\n    implementation: BackgroundTaskSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        GetBackgroundTaskSettingsUseCase,\n        UpdateBackgroundTaskSettingsUseCase\n    ]\n});\n"],"names":["BackgroundTaskSettingsPresenterImpl","formModelFactory","getSettingsUseCase","updateSettingsUseCase","makeAutoObservable","computed","fields","BACKGROUND_TASK_MAX_RETENTION_DAYS","layout","data","runInAction","settings","Number","undefined","BackgroundTaskSettingsPresenter","Abstraction","FormModelFactory","GetBackgroundTaskSettingsUseCase","UpdateBackgroundTaskSettingsUseCase"],"mappings":";;;;;;AAcA,MAAMA;IAKF,IAAW,KAAuC;QAC9C,OAAO;YACH,SAAS,IAAI,CAAC,QAAQ;YACtB,QAAQ,IAAI,CAAC,OAAO;YACpB,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE;QACvB;IACJ;IAEA,YACqBC,gBAA4C,EAC5CC,kBAA8D,EAC9DC,qBAAoE,CACvF;aAHmBF,gBAAgB,GAAhBA;aACAC,kBAAkB,GAAlBA;aACAC,qBAAqB,GAArBA;aAfb,QAAQ,GAAG;aACX,OAAO,GAAG;QAgBd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;QAE3BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEQ,YAAwB;QAC5B,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC;YAChC,QAAQC,CAAAA,SAAW;oBACf,eAAeA,OACV,MAAM,GACN,KAAK,CAAC,oBACN,WAAW,CAAC,MACZ,WAAW,CACR,CAAC,4DAA4D,EAAEC,mCAAmC,+GAA+G,CAAC;gBAE9N;YACA,QAAQC,CAAAA,SAAU;oBAACA,OAAO,GAAG,CAAC;iBAAiB;QACnD;IACJ;IAEA,MAAa,OAAyB;QAClC,MAAMC,OAAO,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM;QACpC,IAAIA,AAAS,UAATA,MACA,OAAO;QAGXC,YAAY;YACR,IAAI,CAAC,OAAO,GAAG;QACnB;QAEA,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC;gBACtD,eAAeF,AAAsB,QAAtBA,KAAK,aAAa,GAAWG,OAAOH,KAAK,aAAa,IAAII;YAC7E;YAEAH,YAAY;gBACR,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;oBACf,eAAeC,SAAS,aAAa,IAAI;gBAC7C;YACJ;QACJ,SAAU;YACND,YAAY;gBACR,IAAI,CAAC,OAAO,GAAG;YACnB;QACJ;QACA,OAAO;IACX;IAEA,MAAa,OAAsB;QAC/B,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,WAAW,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO;YAEtDD,YAAY;gBACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;gBAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;oBACf,eAAeC,SAAS,aAAa,IAAI;gBAC7C;gBACA,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ,EAAE,OAAM;YACJD,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;AACJ;AAEO,MAAMI,kEAAkCC,gCAAAA,oBAAgC,CAAC;IAC5E,gBAAgBf;IAChB,cAAc;QACVgB;QACAC;QACAC;KACH;AACL"}

package/admin/presentation/TaskDetail/TaskDetailPresenter.js

@@ -60,7 +60,7 @@ class TaskDetailPresenterImpl {
                 "createdOn_DESC"
             ],
             limit: 50,
-            after: after ?? void 0
+            after: after || void 0
         });
         runInAction(()=>{
             if (after) this._logs = [

package/admin/presentation/TaskDetail/TaskDetailPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskDetail/TaskDetailPresenter.js","sources":["../../../../src/admin/presentation/TaskDetail/TaskDetailPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type { Task, TaskLog } from \"~/admin/shared/types.js\";\nimport {\n    TaskDetailPresenter as Abstraction,\n    type ITaskDetailPresenter,\n    type ITaskDetailViewModel\n} from \"./abstractions.js\";\nimport { GetTaskUseCase } from \"~/admin/features/getTask/abstractions.js\";\nimport { ListLogsUseCase } from \"~/admin/features/listLogs/abstractions.js\";\n\nclass TaskDetailPresenterImpl implements ITaskDetailPresenter {\n    private _task: Task | null = null;\n    private _loading = false;\n    private _logs: TaskLog[] = [];\n    private _logsLoading = false;\n    private _logsCursor: string | null = null;\n    private _logsHasMore = false;\n    private _logsTotalCount = 0;\n    private _taskId: string | null = null;\n\n    constructor(\n        private readonly getTaskUseCase: GetTaskUseCase.Interface,\n        private readonly listLogsUseCase: ListLogsUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskDetailViewModel {\n        return {\n            task: this._task,\n            loading: this._loading,\n            logs: {\n                rows: this._logs,\n                pagination: {\n                    totalCount: this._logsTotalCount,\n                    loading: this._logsLoading,\n                    hasMore: this._logsHasMore\n                }\n            }\n        };\n    }\n\n    async init(taskId: string): Promise<void> {\n        this._taskId = taskId;\n        this._loading = true;\n        this._logs = [];\n        this._logsCursor = null;\n        this._logsHasMore = false;\n        this._logsTotalCount = 0;\n\n        const task = await this.getTaskUseCase.execute(taskId);\n\n        runInAction(() => {\n            this._task = task;\n            this._loading = false;\n        });\n\n        await this.fetchLogs();\n    }\n\n    async loadMore(): Promise<void> {\n        if (!this._logsHasMore || this._logsLoading) {\n            return;\n        }\n\n        await this.fetchLogs(this._logsCursor);\n    }\n\n    private async fetchLogs(after?: string | null): Promise<void> {\n        this._logsLoading = true;\n\n        const result = await this.listLogsUseCase.execute({\n            where: { task: this._taskId! },\n            sort: [\"createdOn_DESC\"],\n            limit: 50,\n            after: after ?? undefined\n        });\n\n        runInAction(() => {\n            if (after) {\n                this._logs = [...this._logs, ...result.items];\n            } else {\n                this._logs = result.items;\n            }\n            this._logsCursor = result.meta.cursor;\n            this._logsHasMore = result.meta.hasMoreItems;\n            this._logsTotalCount = result.meta.totalCount;\n            this._logsLoading = false;\n        });\n    }\n}\n\nexport const TaskDetailPresenter = Abstraction.createImplementation({\n    implementation: TaskDetailPresenterImpl,\n    dependencies: [GetTaskUseCase, ListLogsUseCase]\n});\n"],"names":["TaskDetailPresenterImpl","getTaskUseCase","listLogsUseCase","makeAutoObservable","computed","taskId","task","runInAction","after","result","undefined","TaskDetailPresenter","Abstraction","GetTaskUseCase","ListLogsUseCase"],"mappings":";;;;AAUA,MAAMA;IAUF,YACqBC,cAAwC,EACxCC,eAA0C,CAC7D;aAFmBD,cAAc,GAAdA;aACAC,eAAe,GAAfA;aAXb,KAAK,GAAgB;aACrB,QAAQ,GAAG;aACX,KAAK,GAAc,EAAE;aACrB,YAAY,GAAG;aACf,WAAW,GAAkB;aAC7B,YAAY,GAAG;aACf,eAAe,GAAG;aAClB,OAAO,GAAkB;QAM7BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAA2B;QAC3B,OAAO;YACH,MAAM,IAAI,CAAC,KAAK;YAChB,SAAS,IAAI,CAAC,QAAQ;YACtB,MAAM;gBACF,MAAM,IAAI,CAAC,KAAK;gBAChB,YAAY;oBACR,YAAY,IAAI,CAAC,eAAe;oBAChC,SAAS,IAAI,CAAC,YAAY;oBAC1B,SAAS,IAAI,CAAC,YAAY;gBAC9B;YACJ;QACJ;IACJ;IAEA,MAAM,KAAKC,MAAc,EAAiB;QACtC,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,eAAe,GAAG;QAEvB,MAAMC,OAAO,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAACD;QAE/CE,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD;YACb,IAAI,CAAC,QAAQ,GAAG;QACpB;QAEA,MAAM,IAAI,CAAC,SAAS;IACxB;IAEA,MAAM,WAA0B;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EACvC;QAGJ,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW;IACzC;IAEA,MAAc,UAAUE,KAAqB,EAAiB;QAC1D,IAAI,CAAC,YAAY,GAAG;QAEpB,MAAMC,SAAS,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;YAC9C,OAAO;gBAAE,MAAM,IAAI,CAAC,OAAO;YAAE;YAC7B,MAAM;gBAAC;aAAiB;YACxB,OAAO;YACP,OAAOD,SAASE;QACpB;QAEAH,YAAY;YACR,IAAIC,OACA,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKC,OAAO,KAAK;aAAC;iBAE7C,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;YAE7B,IAAI,CAAC,WAAW,GAAGA,OAAO,IAAI,CAAC,MAAM;YACrC,IAAI,CAAC,YAAY,GAAGA,OAAO,IAAI,CAAC,YAAY;YAC5C,IAAI,CAAC,eAAe,GAAGA,OAAO,IAAI,CAAC,UAAU;YAC7C,IAAI,CAAC,YAAY,GAAG;QACxB;IACJ;AACJ;AAEO,MAAME,0CAAsBC,oBAAAA,oBAAgC,CAAC;IAChE,gBAAgBZ;IAChB,cAAc;QAACa;QAAgBC;KAAgB;AACnD"}
+{"version":3,"file":"admin/presentation/TaskDetail/TaskDetailPresenter.js","sources":["../../../../src/admin/presentation/TaskDetail/TaskDetailPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type { Task, TaskLog } from \"~/admin/shared/types.js\";\nimport {\n    TaskDetailPresenter as Abstraction,\n    type ITaskDetailPresenter,\n    type ITaskDetailViewModel\n} from \"./abstractions.js\";\nimport { GetTaskUseCase } from \"~/admin/features/getTask/abstractions.js\";\nimport { ListLogsUseCase } from \"~/admin/features/listLogs/abstractions.js\";\n\nclass TaskDetailPresenterImpl implements ITaskDetailPresenter {\n    private _task: Task | null = null;\n    private _loading = false;\n    private _logs: TaskLog[] = [];\n    private _logsLoading = false;\n    private _logsCursor: string | null = null;\n    private _logsHasMore = false;\n    private _logsTotalCount = 0;\n    private _taskId: string | null = null;\n\n    constructor(\n        private readonly getTaskUseCase: GetTaskUseCase.Interface,\n        private readonly listLogsUseCase: ListLogsUseCase.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskDetailViewModel {\n        return {\n            task: this._task,\n            loading: this._loading,\n            logs: {\n                rows: this._logs,\n                pagination: {\n                    totalCount: this._logsTotalCount,\n                    loading: this._logsLoading,\n                    hasMore: this._logsHasMore\n                }\n            }\n        };\n    }\n\n    async init(taskId: string): Promise<void> {\n        this._taskId = taskId;\n        this._loading = true;\n        this._logs = [];\n        this._logsCursor = null;\n        this._logsHasMore = false;\n        this._logsTotalCount = 0;\n\n        const task = await this.getTaskUseCase.execute(taskId);\n\n        runInAction(() => {\n            this._task = task;\n            this._loading = false;\n        });\n\n        await this.fetchLogs();\n    }\n\n    async loadMore(): Promise<void> {\n        if (!this._logsHasMore || this._logsLoading) {\n            return;\n        }\n\n        await this.fetchLogs(this._logsCursor);\n    }\n\n    private async fetchLogs(after?: string | null): Promise<void> {\n        this._logsLoading = true;\n\n        const result = await this.listLogsUseCase.execute({\n            where: { task: this._taskId! },\n            sort: [\"createdOn_DESC\"],\n            limit: 50,\n            after: after || undefined\n        });\n\n        runInAction(() => {\n            if (after) {\n                this._logs = [...this._logs, ...result.items];\n            } else {\n                this._logs = result.items;\n            }\n            this._logsCursor = result.meta.cursor;\n            this._logsHasMore = result.meta.hasMoreItems;\n            this._logsTotalCount = result.meta.totalCount;\n            this._logsLoading = false;\n        });\n    }\n}\n\nexport const TaskDetailPresenter = Abstraction.createImplementation({\n    implementation: TaskDetailPresenterImpl,\n    dependencies: [GetTaskUseCase, ListLogsUseCase]\n});\n"],"names":["TaskDetailPresenterImpl","getTaskUseCase","listLogsUseCase","makeAutoObservable","computed","taskId","task","runInAction","after","result","undefined","TaskDetailPresenter","Abstraction","GetTaskUseCase","ListLogsUseCase"],"mappings":";;;;AAUA,MAAMA;IAUF,YACqBC,cAAwC,EACxCC,eAA0C,CAC7D;aAFmBD,cAAc,GAAdA;aACAC,eAAe,GAAfA;aAXb,KAAK,GAAgB;aACrB,QAAQ,GAAG;aACX,KAAK,GAAc,EAAE;aACrB,YAAY,GAAG;aACf,WAAW,GAAkB;aAC7B,YAAY,GAAG;aACf,eAAe,GAAG;aAClB,OAAO,GAAkB;QAM7BC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAA2B;QAC3B,OAAO;YACH,MAAM,IAAI,CAAC,KAAK;YAChB,SAAS,IAAI,CAAC,QAAQ;YACtB,MAAM;gBACF,MAAM,IAAI,CAAC,KAAK;gBAChB,YAAY;oBACR,YAAY,IAAI,CAAC,eAAe;oBAChC,SAAS,IAAI,CAAC,YAAY;oBAC1B,SAAS,IAAI,CAAC,YAAY;gBAC9B;YACJ;QACJ;IACJ;IAEA,MAAM,KAAKC,MAAc,EAAiB;QACtC,IAAI,CAAC,OAAO,GAAGA;QACf,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE;QACf,IAAI,CAAC,WAAW,GAAG;QACnB,IAAI,CAAC,YAAY,GAAG;QACpB,IAAI,CAAC,eAAe,GAAG;QAEvB,MAAMC,OAAO,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAACD;QAE/CE,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD;YACb,IAAI,CAAC,QAAQ,GAAG;QACpB;QAEA,MAAM,IAAI,CAAC,SAAS;IACxB;IAEA,MAAM,WAA0B;QAC5B,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,EACvC;QAGJ,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW;IACzC;IAEA,MAAc,UAAUE,KAAqB,EAAiB;QAC1D,IAAI,CAAC,YAAY,GAAG;QAEpB,MAAMC,SAAS,MAAM,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;YAC9C,OAAO;gBAAE,MAAM,IAAI,CAAC,OAAO;YAAE;YAC7B,MAAM;gBAAC;aAAiB;YACxB,OAAO;YACP,OAAOD,SAASE;QACpB;QAEAH,YAAY;YACR,IAAIC,OACA,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKC,OAAO,KAAK;aAAC;iBAE7C,IAAI,CAAC,KAAK,GAAGA,OAAO,KAAK;YAE7B,IAAI,CAAC,WAAW,GAAGA,OAAO,IAAI,CAAC,MAAM;YACrC,IAAI,CAAC,YAAY,GAAGA,OAAO,IAAI,CAAC,YAAY;YAC5C,IAAI,CAAC,eAAe,GAAGA,OAAO,IAAI,CAAC,UAAU;YAC7C,IAAI,CAAC,YAAY,GAAG;QACxB;IACJ;AACJ;AAEO,MAAME,0CAAsBC,oBAAAA,oBAAgC,CAAC;IAChE,gBAAgBZ;IAChB,cAAc;QAACa;QAAgBC;KAAgB;AACnD"}

package/admin/presentation/TaskDetail/components/TaskDetailDrawer.js

@@ -176,6 +176,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }, /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Definition"), /*#__PURE__*/ react.createElement(Text, {
@@ -183,6 +184,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }, displayTask.definitionId)), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Created By"), /*#__PURE__*/ react.createElement(Text, {
@@ -190,6 +192,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }, displayTask.createdBy?.displayName ?? "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Created On"), /*#__PURE__*/ react.createElement(Text, {
@@ -199,6 +202,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }) : "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Started On"), /*#__PURE__*/ react.createElement(Text, {
@@ -208,6 +212,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }) : "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Finished On"), /*#__PURE__*/ react.createElement(Text, {
@@ -217,6 +222,7 @@ const TaskDetailDrawer_TaskDetailDrawerInner = observer(function({ task, open, o
     }) : "—")), /*#__PURE__*/ react.createElement(Grid.Column, {
         span: 6
     }, /*#__PURE__*/ react.createElement(Text, {
+        as: "div",
         size: "sm",
         className: "text-neutral-strong"
     }, "Iterations"), /*#__PURE__*/ react.createElement(Text, {

package/admin/presentation/TaskDetail/components/TaskDetailDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskDetail/components/TaskDetailDrawer.js","sources":["../../../../../src/admin/presentation/TaskDetail/components/TaskDetailDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { Button, Drawer, Grid, Heading, Separator, Tag, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ExpandMoreIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as ExpandLessIcon } from \"@webiny/icons/expand_less.svg\";\nimport { TaskDetailPresenterFeature } from \"../feature.js\";\nimport { GetTaskFeature } from \"~/admin/features/getTask/feature.js\";\nimport { ListLogsFeature } from \"~/admin/features/listLogs/feature.js\";\nimport type { Task, TaskLog, TaskLogItem } from \"~/admin/shared/types.js\";\n\nconst STATUS_TAG_VARIANT: Record<\n    string,\n    \"neutral-light\" | \"accent\" | \"success\" | \"destructive\" | \"warning\"\n> = {\n    pending: \"neutral-light\",\n    running: \"accent\",\n    success: \"success\",\n    failed: \"destructive\",\n    aborted: \"warning\"\n};\n\nconst formatJson = (value: unknown): string => {\n    if (value === null || value === undefined) {\n        return \"\";\n    }\n    if (typeof value === \"string\") {\n        try {\n            return JSON.stringify(JSON.parse(value), null, 2);\n        } catch {\n            return value;\n        }\n    }\n    return JSON.stringify(value, null, 2);\n};\n\ninterface ExpandButtonProps {\n    show: boolean;\n    expanded: boolean;\n    onClick: () => void;\n}\n\nconst ExpandButton = ({ show, expanded, onClick }: ExpandButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <Button\n            variant=\"tertiary\"\n            size=\"sm\"\n            icon={expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            onClick={onClick}\n        />\n    );\n};\n\ninterface ExpandedPayloadProps {\n    show: boolean;\n    label: string;\n    value: unknown;\n    variant?: \"default\" | \"destructive\";\n}\n\nconst ExpandedPayload = ({ show, label, value, variant = \"default\" }: ExpandedPayloadProps) => {\n    if (!show) {\n        return null;\n    }\n\n    const textClass = variant === \"destructive\" ? \" text-destructive\" : \"\";\n\n    return (\n        <div className=\"mt-xs\">\n            <Text size=\"sm\" className=\"text-neutral-strong mb-xs\">\n                {label}\n            </Text>\n            <pre\n                className={`bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]${textClass}`}\n            >\n                {formatJson(value)}\n            </pre>\n        </div>\n    );\n};\n\ninterface JsonSectionProps {\n    show: boolean;\n    title: string;\n    value: string;\n}\n\nconst JsonSection = ({ show, title, value }: JsonSectionProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <>\n            <Separator />\n            <div>\n                <Heading level={6} className=\"mb-sm\">\n                    {title}\n                </Heading>\n                <CodeEditor value={value} language=\"json\" disabled={true} />\n            </div>\n        </>\n    );\n};\n\ninterface LoadMoreLogsButtonProps {\n    show: boolean;\n    loading: boolean;\n    onClick: () => void;\n}\n\nconst LoadMoreLogsButton = ({ show, loading, onClick }: LoadMoreLogsButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-sm\">\n            <Button variant=\"tertiary\" size=\"sm\" onClick={onClick} disabled={loading}>\n                {loading ? \"Loading...\" : \"Load more logs\"}\n            </Button>\n        </div>\n    );\n};\n\ninterface DrawerActionsProps {\n    isRunning: boolean;\n    isTerminal: boolean;\n    onAbort: () => void;\n    onDelete: () => void;\n}\n\nconst DrawerActions = ({ isRunning, isTerminal, onAbort, onDelete }: DrawerActionsProps) => {\n    if (!isRunning && !isTerminal) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex gap-sm\">\n            {isRunning ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<StopCircleIcon />} onClick={onAbort}>\n                    Abort\n                </Button>\n            ) : null}\n            {isTerminal ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<DeleteIcon />} onClick={onDelete}>\n                    Delete\n                </Button>\n            ) : null}\n        </div>\n    );\n};\n\ninterface LogItemViewProps {\n    item: TaskLogItem;\n}\n\nconst LogItemView = ({ item }: LogItemViewProps) => {\n    const [expanded, setExpanded] = useState(false);\n    const hasData = item.data !== null && item.data !== undefined;\n    const hasError = item.error !== null && item.error !== undefined;\n    const expandable = hasData || hasError;\n\n    return (\n        <div className=\"border-b-sm border-neutral-muted py-xs px-sm\">\n            <div className=\"flex items-start gap-sm\">\n                <div className=\"flex-shrink-0 pt-[2px]\">\n                    <Tag\n                        variant={item.type === \"error\" ? \"destructive\" : \"neutral-light\"}\n                        content={item.type}\n                    />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                    <Text size=\"sm\">{item.message}</Text>\n                </div>\n                <div className=\"flex items-center gap-xs flex-shrink-0\">\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        <TimeAgo datetime={item.createdOn} />\n                    </Text>\n                    <ExpandButton\n                        show={expandable}\n                        expanded={expanded}\n                        onClick={() => setExpanded(!expanded)}\n                    />\n                </div>\n            </div>\n            <ExpandedPayload show={expanded && hasData} label=\"Data\" value={item.data} />\n            <ExpandedPayload\n                show={expanded && hasError}\n                label=\"Error\"\n                value={item.error}\n                variant=\"destructive\"\n            />\n        </div>\n    );\n};\n\ninterface TaskDetailDrawerProps {\n    task: Task;\n    open: boolean;\n    onClose: () => void;\n    onAbort: (id: string) => Promise<void>;\n    onDelete: (id: string) => Promise<void>;\n}\n\nconst TaskDetailDrawerInner = observer(function TaskDetailDrawerInner({\n    task,\n    open,\n    onClose,\n    onAbort,\n    onDelete\n}: TaskDetailDrawerProps) {\n    const { presenter } = useFeature(TaskDetailPresenterFeature);\n\n    useEffect(() => {\n        if (open) {\n            void presenter.init(task.id);\n        }\n    }, [presenter, task.id, open]);\n\n    const { vm } = presenter;\n\n    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({\n        title: \"Abort Task\",\n        message: \"Are you sure you want to abort this running task?\"\n    });\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const displayTask = vm.task ?? task;\n    const isRunning = displayTask.taskStatus === \"running\";\n    const isTerminal =\n        displayTask.taskStatus === \"success\" ||\n        displayTask.taskStatus === \"failed\" ||\n        displayTask.taskStatus === \"aborted\";\n\n    const inputJson = formatJson(displayTask.input);\n    const outputJson = formatJson(displayTask.output);\n\n    return (\n        <Drawer\n            open={open}\n            onOpenChange={isOpen => !isOpen && onClose()}\n            title={\n                <div className=\"flex items-center gap-sm\">\n                    <span>{displayTask.name || displayTask.definitionId}</span>\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[displayTask.taskStatus] ?? \"neutral-light\"}\n                        content={displayTask.taskStatus}\n                    />\n                </div>\n            }\n            modal={true}\n            width=\"900px\"\n            bodyPadding={false}\n            actions={\n                <DrawerActions\n                    isRunning={isRunning}\n                    isTerminal={isTerminal}\n                    onAbort={() => showAbortConfirmation(() => onAbort(displayTask.id))}\n                    onDelete={() => showDeleteConfirmation(() => onDelete(displayTask.id))}\n                />\n            }\n        >\n            <div className=\"flex flex-col gap-md p-md overflow-auto\">\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        General Info\n                    </Heading>\n                    <Grid gap=\"comfortable\">\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Definition\n                            </Text>\n                            <Text size=\"sm\">{displayTask.definitionId}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Created By\n                            </Text>\n                            <Text size=\"sm\">{displayTask.createdBy?.displayName ?? \"—\"}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Created On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.createdOn ? (\n                                    <TimeAgo datetime={displayTask.createdOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Started On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.startedOn ? (\n                                    <TimeAgo datetime={displayTask.startedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Finished On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.finishedOn ? (\n                                    <TimeAgo datetime={displayTask.finishedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text size=\"sm\" className=\"text-neutral-strong\">\n                                Iterations\n                            </Text>\n                            <Text size=\"sm\">{displayTask.iterations ?? 0}</Text>\n                        </Grid.Column>\n                    </Grid>\n                </div>\n\n                <JsonSection show={!!inputJson} title=\"Input\" value={inputJson} />\n                <JsonSection show={!!outputJson} title=\"Output\" value={outputJson} />\n\n                <Separator />\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        Logs ({vm.logs.pagination.totalCount})\n                    </Heading>\n                    {vm.logs.rows.length === 0 && !vm.logs.pagination.loading ? (\n                        <Text size=\"sm\" className=\"text-neutral-strong\">\n                            No logs available.\n                        </Text>\n                    ) : (\n                        <div className=\"border-sm border-neutral-muted rounded-sm\">\n                            {vm.logs.rows.map((log: TaskLog) =>\n                                log.items.map((item, idx) => (\n                                    <LogItemView key={`${log.id}-${idx}`} item={item} />\n                                ))\n                            )}\n                        </div>\n                    )}\n                    <LoadMoreLogsButton\n                        show={vm.logs.pagination.hasMore}\n                        loading={vm.logs.pagination.loading}\n                        onClick={() => presenter.loadMore()}\n                    />\n                </div>\n            </div>\n        </Drawer>\n    );\n});\n\nexport const TaskDetailDrawer = (props: TaskDetailDrawerProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        GetTaskFeature.register(child);\n        ListLogsFeature.register(child);\n        TaskDetailPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskDetailDrawerInner {...props} />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","formatJson","value","JSON","ExpandButton","show","expanded","onClick","Button","ExpandLessIcon","ExpandMoreIcon","ExpandedPayload","label","variant","textClass","Text","JsonSection","title","Separator","Heading","CodeEditor","LoadMoreLogsButton","loading","DrawerActions","isRunning","isTerminal","onAbort","onDelete","StopCircleIcon","DeleteIcon","LogItemView","item","setExpanded","useState","hasData","undefined","hasError","expandable","Tag","TimeAgo","TaskDetailDrawerInner","observer","task","open","onClose","presenter","useFeature","TaskDetailPresenterFeature","useEffect","vm","showAbortConfirmation","useConfirmationDialog","showDeleteConfirmation","displayTask","inputJson","outputJson","Drawer","isOpen","Grid","log","idx","TaskDetailDrawer","props","container","useContainer","scopedContainer","useMemo","child","GetTaskFeature","ListLogsFeature","DiContainerProvider"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/TaskDetail/components/TaskDetailDrawer.js","sources":["../../../../../src/admin/presentation/TaskDetail/components/TaskDetailDrawer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { Button, Drawer, Grid, Heading, Separator, Tag, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { CodeEditor } from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as ExpandMoreIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as ExpandLessIcon } from \"@webiny/icons/expand_less.svg\";\nimport { TaskDetailPresenterFeature } from \"../feature.js\";\nimport { GetTaskFeature } from \"~/admin/features/getTask/feature.js\";\nimport { ListLogsFeature } from \"~/admin/features/listLogs/feature.js\";\nimport type { Task, TaskLog, TaskLogItem } from \"~/admin/shared/types.js\";\n\nconst STATUS_TAG_VARIANT: Record<\n    string,\n    \"neutral-light\" | \"accent\" | \"success\" | \"destructive\" | \"warning\"\n> = {\n    pending: \"neutral-light\",\n    running: \"accent\",\n    success: \"success\",\n    failed: \"destructive\",\n    aborted: \"warning\"\n};\n\nconst formatJson = (value: unknown): string => {\n    if (value === null || value === undefined) {\n        return \"\";\n    }\n    if (typeof value === \"string\") {\n        try {\n            return JSON.stringify(JSON.parse(value), null, 2);\n        } catch {\n            return value;\n        }\n    }\n    return JSON.stringify(value, null, 2);\n};\n\ninterface ExpandButtonProps {\n    show: boolean;\n    expanded: boolean;\n    onClick: () => void;\n}\n\nconst ExpandButton = ({ show, expanded, onClick }: ExpandButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <Button\n            variant=\"tertiary\"\n            size=\"sm\"\n            icon={expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            onClick={onClick}\n        />\n    );\n};\n\ninterface ExpandedPayloadProps {\n    show: boolean;\n    label: string;\n    value: unknown;\n    variant?: \"default\" | \"destructive\";\n}\n\nconst ExpandedPayload = ({ show, label, value, variant = \"default\" }: ExpandedPayloadProps) => {\n    if (!show) {\n        return null;\n    }\n\n    const textClass = variant === \"destructive\" ? \" text-destructive\" : \"\";\n\n    return (\n        <div className=\"mt-xs\">\n            <Text size=\"sm\" className=\"text-neutral-strong mb-xs\">\n                {label}\n            </Text>\n            <pre\n                className={`bg-neutral-light rounded-sm p-sm text-xs overflow-auto max-h-[200px]${textClass}`}\n            >\n                {formatJson(value)}\n            </pre>\n        </div>\n    );\n};\n\ninterface JsonSectionProps {\n    show: boolean;\n    title: string;\n    value: string;\n}\n\nconst JsonSection = ({ show, title, value }: JsonSectionProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <>\n            <Separator />\n            <div>\n                <Heading level={6} className=\"mb-sm\">\n                    {title}\n                </Heading>\n                <CodeEditor value={value} language=\"json\" disabled={true} />\n            </div>\n        </>\n    );\n};\n\ninterface LoadMoreLogsButtonProps {\n    show: boolean;\n    loading: boolean;\n    onClick: () => void;\n}\n\nconst LoadMoreLogsButton = ({ show, loading, onClick }: LoadMoreLogsButtonProps) => {\n    if (!show) {\n        return null;\n    }\n\n    return (\n        <div className=\"mt-sm\">\n            <Button variant=\"tertiary\" size=\"sm\" onClick={onClick} disabled={loading}>\n                {loading ? \"Loading...\" : \"Load more logs\"}\n            </Button>\n        </div>\n    );\n};\n\ninterface DrawerActionsProps {\n    isRunning: boolean;\n    isTerminal: boolean;\n    onAbort: () => void;\n    onDelete: () => void;\n}\n\nconst DrawerActions = ({ isRunning, isTerminal, onAbort, onDelete }: DrawerActionsProps) => {\n    if (!isRunning && !isTerminal) {\n        return null;\n    }\n\n    return (\n        <div className=\"flex gap-sm\">\n            {isRunning ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<StopCircleIcon />} onClick={onAbort}>\n                    Abort\n                </Button>\n            ) : null}\n            {isTerminal ? (\n                <Button variant=\"secondary\" size=\"sm\" icon={<DeleteIcon />} onClick={onDelete}>\n                    Delete\n                </Button>\n            ) : null}\n        </div>\n    );\n};\n\ninterface LogItemViewProps {\n    item: TaskLogItem;\n}\n\nconst LogItemView = ({ item }: LogItemViewProps) => {\n    const [expanded, setExpanded] = useState(false);\n    const hasData = item.data !== null && item.data !== undefined;\n    const hasError = item.error !== null && item.error !== undefined;\n    const expandable = hasData || hasError;\n\n    return (\n        <div className=\"border-b-sm border-neutral-muted py-xs px-sm\">\n            <div className=\"flex items-start gap-sm\">\n                <div className=\"flex-shrink-0 pt-[2px]\">\n                    <Tag\n                        variant={item.type === \"error\" ? \"destructive\" : \"neutral-light\"}\n                        content={item.type}\n                    />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                    <Text size=\"sm\">{item.message}</Text>\n                </div>\n                <div className=\"flex items-center gap-xs flex-shrink-0\">\n                    <Text size=\"sm\" className=\"text-neutral-strong\">\n                        <TimeAgo datetime={item.createdOn} />\n                    </Text>\n                    <ExpandButton\n                        show={expandable}\n                        expanded={expanded}\n                        onClick={() => setExpanded(!expanded)}\n                    />\n                </div>\n            </div>\n            <ExpandedPayload show={expanded && hasData} label=\"Data\" value={item.data} />\n            <ExpandedPayload\n                show={expanded && hasError}\n                label=\"Error\"\n                value={item.error}\n                variant=\"destructive\"\n            />\n        </div>\n    );\n};\n\ninterface TaskDetailDrawerProps {\n    task: Task;\n    open: boolean;\n    onClose: () => void;\n    onAbort: (id: string) => Promise<void>;\n    onDelete: (id: string) => Promise<void>;\n}\n\nconst TaskDetailDrawerInner = observer(function TaskDetailDrawerInner({\n    task,\n    open,\n    onClose,\n    onAbort,\n    onDelete\n}: TaskDetailDrawerProps) {\n    const { presenter } = useFeature(TaskDetailPresenterFeature);\n\n    useEffect(() => {\n        if (open) {\n            void presenter.init(task.id);\n        }\n    }, [presenter, task.id, open]);\n\n    const { vm } = presenter;\n\n    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({\n        title: \"Abort Task\",\n        message: \"Are you sure you want to abort this running task?\"\n    });\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const displayTask = vm.task ?? task;\n    const isRunning = displayTask.taskStatus === \"running\";\n    const isTerminal =\n        displayTask.taskStatus === \"success\" ||\n        displayTask.taskStatus === \"failed\" ||\n        displayTask.taskStatus === \"aborted\";\n\n    const inputJson = formatJson(displayTask.input);\n    const outputJson = formatJson(displayTask.output);\n\n    return (\n        <Drawer\n            open={open}\n            onOpenChange={isOpen => !isOpen && onClose()}\n            title={\n                <div className=\"flex items-center gap-sm\">\n                    <span>{displayTask.name || displayTask.definitionId}</span>\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[displayTask.taskStatus] ?? \"neutral-light\"}\n                        content={displayTask.taskStatus}\n                    />\n                </div>\n            }\n            modal={true}\n            width=\"900px\"\n            bodyPadding={false}\n            actions={\n                <DrawerActions\n                    isRunning={isRunning}\n                    isTerminal={isTerminal}\n                    onAbort={() => showAbortConfirmation(() => onAbort(displayTask.id))}\n                    onDelete={() => showDeleteConfirmation(() => onDelete(displayTask.id))}\n                />\n            }\n        >\n            <div className=\"flex flex-col gap-md p-md overflow-auto\">\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        General Info\n                    </Heading>\n                    <Grid gap=\"comfortable\">\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Definition\n                            </Text>\n                            <Text size=\"sm\">{displayTask.definitionId}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Created By\n                            </Text>\n                            <Text size=\"sm\">{displayTask.createdBy?.displayName ?? \"—\"}</Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Created On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.createdOn ? (\n                                    <TimeAgo datetime={displayTask.createdOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Started On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.startedOn ? (\n                                    <TimeAgo datetime={displayTask.startedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Finished On\n                            </Text>\n                            <Text size=\"sm\">\n                                {displayTask.finishedOn ? (\n                                    <TimeAgo datetime={displayTask.finishedOn} />\n                                ) : (\n                                    \"—\"\n                                )}\n                            </Text>\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Text as=\"div\" size=\"sm\" className=\"text-neutral-strong\">\n                                Iterations\n                            </Text>\n                            <Text size=\"sm\">{displayTask.iterations ?? 0}</Text>\n                        </Grid.Column>\n                    </Grid>\n                </div>\n\n                <JsonSection show={!!inputJson} title=\"Input\" value={inputJson} />\n                <JsonSection show={!!outputJson} title=\"Output\" value={outputJson} />\n\n                <Separator />\n                <div>\n                    <Heading level={6} className=\"mb-sm\">\n                        Logs ({vm.logs.pagination.totalCount})\n                    </Heading>\n                    {vm.logs.rows.length === 0 && !vm.logs.pagination.loading ? (\n                        <Text size=\"sm\" className=\"text-neutral-strong\">\n                            No logs available.\n                        </Text>\n                    ) : (\n                        <div className=\"border-sm border-neutral-muted rounded-sm\">\n                            {vm.logs.rows.map((log: TaskLog) =>\n                                log.items.map((item, idx) => (\n                                    <LogItemView key={`${log.id}-${idx}`} item={item} />\n                                ))\n                            )}\n                        </div>\n                    )}\n                    <LoadMoreLogsButton\n                        show={vm.logs.pagination.hasMore}\n                        loading={vm.logs.pagination.loading}\n                        onClick={() => presenter.loadMore()}\n                    />\n                </div>\n            </div>\n        </Drawer>\n    );\n});\n\nexport const TaskDetailDrawer = (props: TaskDetailDrawerProps) => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        GetTaskFeature.register(child);\n        ListLogsFeature.register(child);\n        TaskDetailPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskDetailDrawerInner {...props} />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","formatJson","value","JSON","ExpandButton","show","expanded","onClick","Button","ExpandLessIcon","ExpandMoreIcon","ExpandedPayload","label","variant","textClass","Text","JsonSection","title","Separator","Heading","CodeEditor","LoadMoreLogsButton","loading","DrawerActions","isRunning","isTerminal","onAbort","onDelete","StopCircleIcon","DeleteIcon","LogItemView","item","setExpanded","useState","hasData","undefined","hasError","expandable","Tag","TimeAgo","TaskDetailDrawerInner","observer","task","open","onClose","presenter","useFeature","TaskDetailPresenterFeature","useEffect","vm","showAbortConfirmation","useConfirmationDialog","showDeleteConfirmation","displayTask","inputJson","outputJson","Drawer","isOpen","Grid","log","idx","TaskDetailDrawer","props","container","useContainer","scopedContainer","useMemo","child","GetTaskFeature","ListLogsFeature","DiContainerProvider"],"mappings":"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"}

package/admin/presentation/TaskExecutions/TaskExecutionsDataSource.js

@@ -69,7 +69,7 @@ class TaskExecutionsDataSource {
             where: params.filters,
             sort,
             limit: params.limit,
-            after: this._meta.cursor ?? void 0,
+            after: this._meta.cursor || void 0,
             search: params.search
         });
         runInAction(()=>{

package/admin/presentation/TaskExecutions/TaskExecutionsDataSource.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsDataSource.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceQuery,\n    IDataSourceMeta\n} from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\n\nconst ENTRY_META_SORT_FIELDS = new Set([\n    \"id\",\n    \"createdOn\",\n    \"modifiedOn\",\n    \"savedOn\",\n    \"deletedOn\",\n    \"restoredOn\",\n    \"firstPublishedOn\",\n    \"lastPublishedOn\"\n]);\n\nfunction toSortEnum(field: string, direction: \"ASC\" | \"DESC\"): string {\n    const prefix = ENTRY_META_SORT_FIELDS.has(field) ? \"\" : \"values_\";\n    return `${prefix}${field}_${direction}`;\n}\n\nexport class TaskExecutionsDataSource implements IDataSource<Task> {\n    private _rows: Task[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private readonly listTasksUseCase: IListTasksUseCase) {\n        makeAutoObservable<TaskExecutionsDataSource, \"listTasksUseCase\">(this, {\n            listTasksUseCase: false,\n            rows: computed\n        });\n    }\n\n    get rows(): Task[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: params.cursor,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = result.items;\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: this._meta.cursor ?? undefined,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = [...this._rows, ...result.items];\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n}\n"],"names":["ENTRY_META_SORT_FIELDS","Set","toSortEnum","field","direction","prefix","TaskExecutionsDataSource","listTasksUseCase","makeAutoObservable","computed","params","sort","undefined","result","runInAction"],"mappings":";AASA,MAAMA,yBAAyB,IAAIC,IAAI;IACnC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AAED,SAASC,WAAWC,KAAa,EAAEC,SAAyB;IACxD,MAAMC,SAASL,uBAAuB,GAAG,CAACG,SAAS,KAAK;IACxD,OAAO,GAAGE,SAASF,MAAM,CAAC,EAAEC,WAAW;AAC3C;AAEO,MAAME;IAKT,YAA6BC,gBAAmC,CAAE;aAArCA,gBAAgB,GAAhBA;aAJrB,KAAK,GAAW,EAAE;aAClB,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAiE,IAAI,EAAE;YACnE,kBAAkB;YAClB,MAAMC;QACV;IACJ;IAEA,IAAI,OAAe;QACf,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;YACpB,QAAQA,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,OAAO,KAAK;YACzB,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;IAEA,MAAM,SAASH,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAEJ,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIE;YAC5B,QAAQF,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKD,OAAO,KAAK;aAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;AACJ"}
+{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsDataSource.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceQuery,\n    IDataSourceMeta\n} from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\n\nconst ENTRY_META_SORT_FIELDS = new Set([\n    \"id\",\n    \"createdOn\",\n    \"modifiedOn\",\n    \"savedOn\",\n    \"deletedOn\",\n    \"restoredOn\",\n    \"firstPublishedOn\",\n    \"lastPublishedOn\"\n]);\n\nfunction toSortEnum(field: string, direction: \"ASC\" | \"DESC\"): string {\n    const prefix = ENTRY_META_SORT_FIELDS.has(field) ? \"\" : \"values_\";\n    return `${prefix}${field}_${direction}`;\n}\n\nexport class TaskExecutionsDataSource implements IDataSource<Task> {\n    private _rows: Task[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private readonly listTasksUseCase: IListTasksUseCase) {\n        makeAutoObservable<TaskExecutionsDataSource, \"listTasksUseCase\">(this, {\n            listTasksUseCase: false,\n            rows: computed\n        });\n    }\n\n    get rows(): Task[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: params.cursor,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = result.items;\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n        this._loading = true;\n        const sort = params.sort\n            ? [toSortEnum(params.sort.field, params.sort.direction)]\n            : undefined;\n        const result = await this.listTasksUseCase.execute({\n            where: params.filters,\n            sort,\n            limit: params.limit,\n            after: this._meta.cursor || undefined,\n            search: params.search\n        });\n        runInAction(() => {\n            this._rows = [...this._rows, ...result.items];\n            this._meta = {\n                cursor: result.meta.cursor,\n                hasMoreItems: result.meta.hasMoreItems,\n                totalCount: result.meta.totalCount\n            };\n            this._loading = false;\n        });\n    }\n}\n"],"names":["ENTRY_META_SORT_FIELDS","Set","toSortEnum","field","direction","prefix","TaskExecutionsDataSource","listTasksUseCase","makeAutoObservable","computed","params","sort","undefined","result","runInAction"],"mappings":";AASA,MAAMA,yBAAyB,IAAIC,IAAI;IACnC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AAED,SAASC,WAAWC,KAAa,EAAEC,SAAyB;IACxD,MAAMC,SAASL,uBAAuB,GAAG,CAACG,SAAS,KAAK;IACxD,OAAO,GAAGE,SAASF,MAAM,CAAC,EAAEC,WAAW;AAC3C;AAEO,MAAME;IAKT,YAA6BC,gBAAmC,CAAE;aAArCA,gBAAgB,GAAhBA;aAJrB,KAAK,GAAW,EAAE;aAClB,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAiE,IAAI,EAAE;YACnE,kBAAkB;YAClB,MAAMC;QACV;IACJ;IAEA,IAAI,OAAe;QACf,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAOA,OAAO,MAAM;YACpB,QAAQA,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAGD,OAAO,KAAK;YACzB,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;IAEA,MAAM,SAASH,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAEJ,IAAI,CAAC,QAAQ,GAAG;QAChB,MAAMC,OAAOD,OAAO,IAAI,GAClB;YAACR,WAAWQ,OAAO,IAAI,CAAC,KAAK,EAAEA,OAAO,IAAI,CAAC,SAAS;SAAE,GACtDE;QACN,MAAMC,SAAS,MAAM,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;YAC/C,OAAOH,OAAO,OAAO;YACrBC;YACA,OAAOD,OAAO,KAAK;YACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIE;YAC5B,QAAQF,OAAO,MAAM;QACzB;QACAI,YAAY;YACR,IAAI,CAAC,KAAK,GAAG;mBAAI,IAAI,CAAC,KAAK;mBAAKD,OAAO,KAAK;aAAC;YAC7C,IAAI,CAAC,KAAK,GAAG;gBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;gBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;gBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;YACtC;YACA,IAAI,CAAC,QAAQ,GAAG;QACpB;IACJ;AACJ"}

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.d.ts

@@ -30,6 +30,8 @@ declare class TaskExecutionsPresenterImpl implements ITaskExecutionsPresenter {
         set: (key: string, value: unknown) => void;
         clear: (key: string) => void;
         clearAll: () => void;
+        show: () => void;
+        hide: () => void;
     };
     selection: {
         toggle: (id: string) => void;

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.js

@@ -28,7 +28,9 @@ class TaskExecutionsPresenterImpl {
         this.filter = {
             set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
             clear: (key)=>this.listPresenter.actions.filter.clear(key),
-            clearAll: ()=>this.listPresenter.actions.filter.clearAll()
+            clearAll: ()=>this.listPresenter.actions.filter.clearAll(),
+            show: ()=>this.listPresenter.actions.filter.show(),
+            hide: ()=>this.listPresenter.actions.filter.hide()
         };
         this.selection = {
             toggle: (id)=>this.listPresenter.actions.selection.toggle(id),

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsPresenter.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IDefinitionOption } from \"./abstractions.js\";\nimport {\n    TaskExecutionsPresenter as Abstraction,\n    type ITaskExecutionsPresenter,\n    type ITaskExecutionsViewModel\n} from \"./abstractions.js\";\nimport { TaskExecutionsDataSource } from \"./TaskExecutionsDataSource.js\";\nimport { ListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\nimport { DeleteTaskUseCase } from \"~/admin/features/deleteTask/abstractions.js\";\nimport { AbortTaskUseCase } from \"~/admin/features/abortTask/abstractions.js\";\nimport { ListDefinitionsUseCase } from \"~/admin/features/listDefinitions/abstractions.js\";\nimport { TaskPermissions } from \"~/admin/features/permissions/abstractions.js\";\n\nclass TaskExecutionsPresenterImpl implements ITaskExecutionsPresenter {\n    private _selectedTask: Task | null = null;\n    private _definitionOptions: IDefinitionOption[] = [];\n\n    constructor(\n        private readonly listPresenter: ListPresenter.Interface<Task>,\n        private readonly listTasksUseCase: ListTasksUseCase.Interface,\n        private readonly deleteTaskUseCase: DeleteTaskUseCase.Interface,\n        private readonly abortTaskUseCase: AbortTaskUseCase.Interface,\n        private readonly listDefinitionsUseCase: ListDefinitionsUseCase.Interface,\n        private readonly permissions: TaskPermissions.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskExecutionsViewModel {\n        return {\n            list: this.listPresenter.vm,\n            definitionOptions: this._definitionOptions,\n            permissions: {\n                canRead: this.permissions.canRead(\"task\"),\n                canDelete: this.permissions.canDelete(\"task\")\n            }\n        };\n    }\n\n    get selectedTask(): Task | null {\n        return this._selectedTask;\n    }\n\n    search = {\n        set: (query: string) => this.listPresenter.actions.search.set(query),\n        clear: () => this.listPresenter.actions.search.clear()\n    };\n\n    sort = {\n        set: (field: string, direction: \"ASC\" | \"DESC\") =>\n            this.listPresenter.actions.sort.set(field, direction),\n        toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n    };\n\n    filter = {\n        set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n        clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n        clearAll: () => this.listPresenter.actions.filter.clearAll()\n    };\n\n    selection = {\n        toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n        selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n        selectAll: () => this.listPresenter.actions.selection.selectAll(),\n        deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n        selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n        isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n    };\n\n    loadMore = () => this.listPresenter.actions.loadMore();\n    refresh = () => this.listPresenter.actions.refresh();\n\n    deleteTask = async (id: string) => {\n        await this.deleteTaskUseCase.execute(id);\n        this._selectedTask = null;\n        await this.listPresenter.actions.refresh();\n    };\n\n    abortTask = async (id: string) => {\n        await this.abortTaskUseCase.execute({ id });\n        await this.listPresenter.actions.refresh();\n    };\n\n    selectTask = (task: Task | null) => {\n        this._selectedTask = task;\n    };\n\n    init(): void {\n        const dataSource = new TaskExecutionsDataSource(this.listTasksUseCase);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 25\n        });\n\n        void this.listDefinitionsUseCase\n            .execute()\n            .then(definitions => {\n                runInAction(() => {\n                    this._definitionOptions = definitions.map(d => ({\n                        label: d.title,\n                        value: d.id\n                    }));\n                });\n            })\n            .catch(() => {\n                /* Definitions are used for filter labels only; safe to ignore. */\n            });\n    }\n}\n\nexport const TaskExecutionsPresenter = Abstraction.createImplementation({\n    implementation: TaskExecutionsPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        ListTasksUseCase,\n        DeleteTaskUseCase,\n        AbortTaskUseCase,\n        ListDefinitionsUseCase,\n        TaskPermissions\n    ]\n});\n"],"names":["TaskExecutionsPresenterImpl","listPresenter","listTasksUseCase","deleteTaskUseCase","abortTaskUseCase","listDefinitionsUseCase","permissions","query","field","direction","key","value","id","ids","task","makeAutoObservable","computed","dataSource","TaskExecutionsDataSource","definitions","runInAction","d","TaskExecutionsPresenter","Abstraction","ListPresenter","ListTasksUseCase","DeleteTaskUseCase","AbortTaskUseCase","ListDefinitionsUseCase","TaskPermissions"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsPresenter.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IDefinitionOption } from \"./abstractions.js\";\nimport {\n    TaskExecutionsPresenter as Abstraction,\n    type ITaskExecutionsPresenter,\n    type ITaskExecutionsViewModel\n} from \"./abstractions.js\";\nimport { TaskExecutionsDataSource } from \"./TaskExecutionsDataSource.js\";\nimport { ListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\nimport { DeleteTaskUseCase } from \"~/admin/features/deleteTask/abstractions.js\";\nimport { AbortTaskUseCase } from \"~/admin/features/abortTask/abstractions.js\";\nimport { ListDefinitionsUseCase } from \"~/admin/features/listDefinitions/abstractions.js\";\nimport { TaskPermissions } from \"~/admin/features/permissions/abstractions.js\";\n\nclass TaskExecutionsPresenterImpl implements ITaskExecutionsPresenter {\n    private _selectedTask: Task | null = null;\n    private _definitionOptions: IDefinitionOption[] = [];\n\n    constructor(\n        private readonly listPresenter: ListPresenter.Interface<Task>,\n        private readonly listTasksUseCase: ListTasksUseCase.Interface,\n        private readonly deleteTaskUseCase: DeleteTaskUseCase.Interface,\n        private readonly abortTaskUseCase: AbortTaskUseCase.Interface,\n        private readonly listDefinitionsUseCase: ListDefinitionsUseCase.Interface,\n        private readonly permissions: TaskPermissions.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskExecutionsViewModel {\n        return {\n            list: this.listPresenter.vm,\n            definitionOptions: this._definitionOptions,\n            permissions: {\n                canRead: this.permissions.canRead(\"task\"),\n                canDelete: this.permissions.canDelete(\"task\")\n            }\n        };\n    }\n\n    get selectedTask(): Task | null {\n        return this._selectedTask;\n    }\n\n    search = {\n        set: (query: string) => this.listPresenter.actions.search.set(query),\n        clear: () => this.listPresenter.actions.search.clear()\n    };\n\n    sort = {\n        set: (field: string, direction: \"ASC\" | \"DESC\") =>\n            this.listPresenter.actions.sort.set(field, direction),\n        toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n    };\n\n    filter = {\n        set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n        clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n        clearAll: () => this.listPresenter.actions.filter.clearAll(),\n        show: () => this.listPresenter.actions.filter.show(),\n        hide: () => this.listPresenter.actions.filter.hide()\n    };\n\n    selection = {\n        toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n        selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n        selectAll: () => this.listPresenter.actions.selection.selectAll(),\n        deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n        selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n        isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n    };\n\n    loadMore = () => this.listPresenter.actions.loadMore();\n    refresh = () => this.listPresenter.actions.refresh();\n\n    deleteTask = async (id: string) => {\n        await this.deleteTaskUseCase.execute(id);\n        this._selectedTask = null;\n        await this.listPresenter.actions.refresh();\n    };\n\n    abortTask = async (id: string) => {\n        await this.abortTaskUseCase.execute({ id });\n        await this.listPresenter.actions.refresh();\n    };\n\n    selectTask = (task: Task | null) => {\n        this._selectedTask = task;\n    };\n\n    init(): void {\n        const dataSource = new TaskExecutionsDataSource(this.listTasksUseCase);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 25\n        });\n\n        void this.listDefinitionsUseCase\n            .execute()\n            .then(definitions => {\n                runInAction(() => {\n                    this._definitionOptions = definitions.map(d => ({\n                        label: d.title,\n                        value: d.id\n                    }));\n                });\n            })\n            .catch(() => {\n                /* Definitions are used for filter labels only; safe to ignore. */\n            });\n    }\n}\n\nexport const TaskExecutionsPresenter = Abstraction.createImplementation({\n    implementation: TaskExecutionsPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        ListTasksUseCase,\n        DeleteTaskUseCase,\n        AbortTaskUseCase,\n        ListDefinitionsUseCase,\n        TaskPermissions\n    ]\n});\n"],"names":["TaskExecutionsPresenterImpl","listPresenter","listTasksUseCase","deleteTaskUseCase","abortTaskUseCase","listDefinitionsUseCase","permissions","query","field","direction","key","value","id","ids","task","makeAutoObservable","computed","dataSource","TaskExecutionsDataSource","definitions","runInAction","d","TaskExecutionsPresenter","Abstraction","ListPresenter","ListTasksUseCase","DeleteTaskUseCase","AbortTaskUseCase","ListDefinitionsUseCase","TaskPermissions"],"mappings":"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"}

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.js

@@ -1,12 +1,13 @@
-import react, { useCallback, useEffect, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
 import debounce from "lodash/debounce.js";
 import { observer } from "mobx-react-lite";
 import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
-import { Button, DataTable, DatePicker, DropdownMenu, Grid, Heading, IconButton, Input, Scrollbar, Select, Separator, Skeleton, Tag, Text, TimeAgo, useToast } from "@webiny/admin-ui";
+import { DataTable, DatePicker, Drawer, DropdownMenu, Heading, IconButton, Input, Scrollbar, Select, Separator, Skeleton, Tag, Text, TimeAgo, useToast } from "@webiny/admin-ui";
 import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
 import { ReactComponent } from "@webiny/icons/more_vert.svg";
 import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
 import { ReactComponent as stop_circle_svg_ReactComponent } from "@webiny/icons/stop_circle.svg";
+import { ReactComponent as filter_list_svg_ReactComponent } from "@webiny/icons/filter_list.svg";
 import { TaskExecutionsPresenterFeature } from "../feature.js";
 import { ListTasksFeature } from "../../../features/listTasks/feature.js";
 import { DeleteTaskFeature } from "../../../features/deleteTask/feature.js";
@@ -192,28 +193,55 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
         vm.permissions,
         vm.definitionOptions
     ]);
+    const [filtersOpen, setFiltersOpen] = useState(false);
     const hasFilters = Object.keys(vm.list.filters).length > 0;
+    const hasActiveFilters = hasFilters || !!vm.list.search;
+    const clearAllFilters = ()=>{
+        presenter.filter.clearAll();
+        presenter.search.set("");
+    };
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
         className: "flex flex-col h-main-content"
     }, /*#__PURE__*/ react.createElement("div", {
         className: "flex items-center justify-between py-sm px-md"
     }, /*#__PURE__*/ react.createElement(Heading, {
         level: 5
-    }, "Task Executions"), /*#__PURE__*/ react.createElement(TaskDefinitionsButton, null)), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
-        className: "p-sm"
-    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 2
+    }, "Task Executions"), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: hasActiveFilters ? "primary" : "ghost",
+        icon: /*#__PURE__*/ react.createElement(filter_list_svg_ReactComponent, null),
+        onClick: ()=>setFiltersOpen(true),
+        "data-testid": "background-tasks.toggle-filters"
+    }), /*#__PURE__*/ react.createElement(TaskDefinitionsButton, null))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(Drawer, {
+        open: filtersOpen,
+        onClose: ()=>setFiltersOpen(false),
+        modal: true,
+        width: 360,
+        title: "Filters",
+        headerSeparator: true,
+        footerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Clear all",
+            onClick: clearAllFilters
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: "Apply filters",
+            onClick: ()=>setFiltersOpen(false)
+        }))
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-lg p-lg"
     }, /*#__PURE__*/ react.createElement(Input, {
         size: "md",
+        label: "Search",
         placeholder: "Search by name...",
         value: vm.list.search,
         onChange: (value)=>{
             presenter.search.set(value);
         }
-    })), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 2
-    }, /*#__PURE__*/ react.createElement(Select, {
+    }), /*#__PURE__*/ react.createElement(Select, {
         size: "md",
+        label: "Status",
         placeholder: "Status",
         options: STATUS_OPTIONS,
         value: vm.list.filters.taskStatus_in ?? "",
@@ -221,10 +249,9 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("taskStatus_in", value);
             else presenter.filter.clear("taskStatus_in");
         }
-    })), vm.definitionOptions.length > 0 ? /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 2
-    }, /*#__PURE__*/ react.createElement(Select, {
+    }), vm.definitionOptions.length > 0 ? /*#__PURE__*/ react.createElement(Select, {
         size: "md",
+        label: "Definition",
         placeholder: "Definition",
         options: vm.definitionOptions,
         value: vm.list.filters.definitionId,
@@ -232,34 +259,27 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("definitionId", value);
             else presenter.filter.clear("definitionId");
         }
-    })) : null, /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 2
-    }, /*#__PURE__*/ react.createElement(DatePicker, {
+    }) : null, /*#__PURE__*/ react.createElement(DatePicker, {
         size: "md",
         type: "dateTimeTz",
+        label: "Created from",
         placeholder: "Created from",
         value: vm.list.filters.createdOn_gte,
         onChange: (value)=>{
             if (value) presenter.filter.set("createdOn_gte", value);
             else presenter.filter.clear("createdOn_gte");
         }
-    })), /*#__PURE__*/ react.createElement(Grid.Column, {
-        span: 2
-    }, /*#__PURE__*/ react.createElement(DatePicker, {
+    }), /*#__PURE__*/ react.createElement(DatePicker, {
         size: "md",
         type: "dateTimeTz",
+        label: "Created to",
         placeholder: "Created to",
         value: vm.list.filters.createdOn_lte,
         onChange: (value)=>{
             if (value) presenter.filter.set("createdOn_lte", value);
             else presenter.filter.clear("createdOn_lte");
         }
-    })), /*#__PURE__*/ react.createElement(Button, {
-        variant: "tertiary",
-        size: "md",
-        onClick: ()=>presenter.filter.clearAll(),
-        disabled: !hasFilters
-    }, "Clear filters"))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+    }))), /*#__PURE__*/ react.createElement("div", {
         className: "flex-1 overflow-hidden"
     }, vm.list.pagination.loading || vm.list.pagination.loadingMore || 0 !== vm.list.rows.length ? /*#__PURE__*/ react.createElement(Scrollbar, {
         onScrollFrame: (scrollFrame)=>loadMoreOnScroll({