@cundi/refine-xaf 1.0.5 → 1.0.6

package/dist/index.mjs

@@ -7,13 +7,13 @@ var TOKEN_KEY = "refine-auth";
 var MAX_RETRIES = 3;
 var BASE_RETRY_DELAY = 1e3;
 var HttpError = class _HttpError extends Error {
-  constructor(statusCode, message2, body) {
-    super(message2);
+  constructor(statusCode, message3, body) {
+    super(message3);
     __publicField(this, "statusCode");
     __publicField(this, "message");
     __publicField(this, "body");
     this.statusCode = statusCode;
-    this.message = message2;
+    this.message = message3;
     this.body = body;
     Object.setPrototypeOf(this, _HttpError.prototype);
   }
@@ -552,7 +552,7 @@ var parseFilter = (filter) => {
 // src/dataProvider.ts
 var dataProvider = (apiUrl) => ({
   getList: async ({ resource, pagination, sorters, filters }) => {
-    const url = new URL(`${apiUrl}/${resource}`);
+    const url = new URL(`${apiUrl}/${resource}`, window.location.origin);
     if (pagination) {
       const { current, pageSize } = pagination;
       if (current && pageSize) {
@@ -580,7 +580,7 @@ var dataProvider = (apiUrl) => ({
     };
   },
   getOne: async ({ resource, id, meta }) => {
-    const url = new URL(`${apiUrl}/${resource}(${id})`);
+    const url = new URL(`${apiUrl}/${resource}(${id})`, window.location.origin);
     if (meta?.expand) {
       const expand = meta.expand.map((item) => item.field ?? item).join(",");
       if (expand) {
@@ -593,7 +593,8 @@ var dataProvider = (apiUrl) => ({
     return { data: { ...data, id: data.Oid } };
   },
   create: async ({ resource, variables }) => {
-    const response = await httpClient(`${apiUrl}/${resource}`, {
+    const url = new URL(`${apiUrl}/${resource}`, window.location.origin);
+    const response = await httpClient(url.toString(), {
       method: "POST",
       body: JSON.stringify(variables)
     });
@@ -602,7 +603,8 @@ var dataProvider = (apiUrl) => ({
     return { data };
   },
   update: async ({ resource, id, variables }) => {
-    const response = await httpClient(`${apiUrl}/${resource}(${id})`, {
+    const url = new URL(`${apiUrl}/${resource}(${id})`, window.location.origin);
+    const response = await httpClient(url.toString(), {
       method: "PATCH",
       body: JSON.stringify(variables)
     });
@@ -613,14 +615,15 @@ var dataProvider = (apiUrl) => ({
     return { data };
   },
   deleteOne: async ({ resource, id }) => {
-    await httpClient(`${apiUrl}/${resource}(${id})`, {
+    const url = new URL(`${apiUrl}/${resource}(${id})`, window.location.origin);
+    await httpClient(url.toString(), {
       method: "DELETE"
     });
     return { data: { id } };
   },
   getApiUrl: () => apiUrl,
   getMany: async ({ resource, ids }) => {
-    const url = new URL(`${apiUrl}/${resource}`);
+    const url = new URL(`${apiUrl}/${resource}`, window.location.origin);
     const filter = ids.map((id) => {
       const isGuid = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(id.toString());
       return `Oid eq ${isGuid ? id : `'${id}'`}`;
@@ -645,7 +648,10 @@ var dataProvider = (apiUrl) => ({
     throw new Error("Not implemented");
   },
   custom: async ({ url, method, filters, sorters, payload, query, headers }) => {
-    let requestUrl = new URL(`${url.startsWith("http") ? url : `${apiUrl}${url}`}`);
+    let requestUrl = new URL(
+      url.startsWith("http") ? url : `${apiUrl}${url}`,
+      window.location.origin
+    );
     if (filters) {
       const filterString = generateFilterString(filters);
       if (filterString) {
@@ -816,7 +822,58 @@ var en = {
     drawioExamples: "Drawio Examples",
     users: "Users",
     roles: "Roles",
-    settings: "Settings"
+    settings: "Settings",
+    backgroundJobs: "Background Jobs"
+  },
+  backgroundJobs: {
+    title: "Background Jobs",
+    tabs: {
+      recurring: "Recurring",
+      succeeded: "Succeeded",
+      failed: "Failed",
+      processing: "Processing"
+    },
+    columns: {
+      id: "ID",
+      jobId: "Job ID",
+      jobName: "Job Name",
+      cron: "Cron",
+      queue: "Queue",
+      nextExecution: "Next Execution",
+      lastState: "Last State",
+      succeededAt: "Succeeded At",
+      failedAt: "Failed At",
+      startedAt: "Started At",
+      duration: "Duration (ms)",
+      exception: "Exception",
+      serverId: "Server ID",
+      actions: "Actions"
+    },
+    status: {
+      succeeded: "Succeeded",
+      failed: "Failed",
+      processing: "Processing",
+      scheduled: "Scheduled",
+      unknown: "Unknown"
+    },
+    actions: {
+      trigger: "Trigger Now",
+      delete: "Delete",
+      triggerSuccess: "Job triggered successfully",
+      deleteSuccess: "Job deleted successfully",
+      triggerError: "Failed to trigger job",
+      deleteError: "Failed to delete job"
+    },
+    drawer: {
+      title: "Job Details",
+      jobName: "Job Name",
+      createdAt: "Created At",
+      history: "History",
+      state: "State",
+      reason: "Reason",
+      data: "Data",
+      noData: "No Data"
+    }
   }
 };
 var zhTW = {
@@ -915,7 +972,58 @@ var zhTW = {
     drawioExamples: "Drawio \u7BC4\u4F8B",
     users: "\u4F7F\u7528\u8005",
     roles: "\u89D2\u8272",
-    settings: "\u8A2D\u5B9A"
+    settings: "\u8A2D\u5B9A",
+    backgroundJobs: "\u80CC\u666F\u6392\u7A0B"
+  },
+  backgroundJobs: {
+    title: "\u80CC\u666F\u6392\u7A0B",
+    tabs: {
+      recurring: "\u9031\u671F\u6027\u4EFB\u52D9",
+      succeeded: "\u6210\u529F",
+      failed: "\u5931\u6557",
+      processing: "\u57F7\u884C\u4E2D"
+    },
+    columns: {
+      id: "ID",
+      jobId: "\u4EFB\u52D9 ID",
+      jobName: "\u4EFB\u52D9\u540D\u7A31",
+      cron: "\u6392\u7A0B\u8868\u9054\u5F0F",
+      queue: "\u4F47\u5217",
+      nextExecution: "\u4E0B\u6B21\u57F7\u884C",
+      lastState: "\u6700\u5F8C\u72C0\u614B",
+      succeededAt: "\u6210\u529F\u6642\u9593",
+      failedAt: "\u5931\u6557\u6642\u9593",
+      startedAt: "\u958B\u59CB\u6642\u9593",
+      duration: "\u8017\u6642 (\u6BEB\u79D2)",
+      exception: "\u4F8B\u5916",
+      serverId: "\u4F3A\u670D\u5668 ID",
+      actions: "\u64CD\u4F5C"
+    },
+    status: {
+      succeeded: "\u6210\u529F",
+      failed: "\u5931\u6557",
+      processing: "\u57F7\u884C\u4E2D",
+      scheduled: "\u5DF2\u6392\u7A0B",
+      unknown: "\u672A\u77E5"
+    },
+    actions: {
+      trigger: "\u7ACB\u5373\u57F7\u884C",
+      delete: "\u522A\u9664",
+      triggerSuccess: "\u4EFB\u52D9\u5DF2\u6210\u529F\u89F8\u767C",
+      deleteSuccess: "\u4EFB\u52D9\u5DF2\u6210\u529F\u522A\u9664",
+      triggerError: "\u89F8\u767C\u4EFB\u52D9\u5931\u6557",
+      deleteError: "\u522A\u9664\u4EFB\u52D9\u5931\u6557"
+    },
+    drawer: {
+      title: "\u4EFB\u52D9\u8A73\u60C5",
+      jobName: "\u4EFB\u52D9\u540D\u7A31",
+      createdAt: "\u5EFA\u7ACB\u6642\u9593",
+      history: "\u6B77\u53F2\u7D00\u9304",
+      state: "\u72C0\u614B",
+      reason: "\u539F\u56E0",
+      data: "\u8CC7\u6599",
+      noData: "\u7121\u8CC7\u6599"
+    }
   }
 };
 var refineXafTranslations = {
@@ -5181,8 +5289,8 @@ var StepResult = class _StepResult {
   /**
   Create a failed step result.
   */
-  static fail(message2) {
-    return new _StepResult(null, message2);
+  static fail(message3) {
+    return new _StepResult(null, message3);
   }
   /**
   Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
@@ -6394,8 +6502,8 @@ var DocAttrStep = class _DocAttrStep extends Step {
 Step.jsonID("docAttr", DocAttrStep);
 var TransformError = class extends Error {
 };
-TransformError = function TransformError2(message2) {
-  let err = Error.call(this, message2);
+TransformError = function TransformError2(message3) {
+  let err = Error.call(this, message3);
   err.__proto__ = TransformError2.prototype;
   return err;
 };
@@ -19711,7 +19819,7 @@ import React13 from "react";
 import { Edit, useForm as useForm2, useSelect } from "@refinedev/antd";
 import { Form as Form7, Input as Input7, Checkbox as Checkbox5, Select, App } from "antd/lib";
 var ApplicationUserEdit = () => {
-  const { message: message2 } = App.useApp();
+  const { message: message3 } = App.useApp();
   const { formProps, saveButtonProps, id, form } = useForm2({
     meta: {
       expand: ["Roles"]
@@ -19732,12 +19840,12 @@ var ApplicationUserEdit = () => {
           })
         });
         if (response.ok) {
-          message2.success("Roles updated successfully");
+          message3.success("Roles updated successfully");
         } else {
-          message2.error("Failed to update roles");
+          message3.error("Failed to update roles");
         }
       } catch (e) {
-        message2.error("Error updating roles");
+        message3.error("Error updating roles");
       }
     }
   });
@@ -20083,11 +20191,361 @@ var RoleEdit = () => {
     )
   ));
 };
+
+// src/pages/background-jobs/list.tsx
+import React18, { useState as useState7, useEffect as useEffect6, useCallback } from "react";
+import { useApiUrl, useTranslate as useTranslate3 } from "@refinedev/core";
+import { List as List3 } from "@refinedev/antd";
+import { Table as Table7, Button as Button8, Space as Space8, Tag, Card as Card3, Statistic, Row, Col, message as message2, Tooltip as Tooltip2, Tabs, Drawer, Descriptions, Timeline, Skeleton } from "antd";
+import {
+  ReloadOutlined as ReloadOutlined2,
+  PlayCircleOutlined,
+  DeleteOutlined as DeleteOutlined2,
+  CheckCircleOutlined,
+  CloseCircleOutlined,
+  SyncOutlined,
+  ClockCircleOutlined
+} from "@ant-design/icons";
+var BackgroundJobList = ({
+  title,
+  apiUrl: customApiUrl
+}) => {
+  const t = useTranslate3();
+  const defaultApiUrl = useApiUrl();
+  const apiUrl = customApiUrl || defaultApiUrl?.replace("/odata", "");
+  const [refreshKey, setRefreshKey] = useState7(0);
+  const [activeTab, setActiveTab] = useState7("recurring");
+  const [loading, setLoading] = useState7(false);
+  const [recurringJobs, setRecurringJobs] = useState7([]);
+  const [succeededResult, setSucceededResult] = useState7(null);
+  const [failedResult, setFailedResult] = useState7(null);
+  const [processingResult, setProcessingResult] = useState7(null);
+  const [drawerVisible, setDrawerVisible] = useState7(false);
+  const [jobDetails, setJobDetails] = useState7(null);
+  const [detailLoading, setDetailLoading] = useState7(false);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    const token = localStorage.getItem("refine-auth") || localStorage.getItem("access_token");
+    const headers = token ? { "Authorization": `Bearer ${token}` } : {};
+    try {
+      const [recurringRes, succeededRes, failedRes, processingRes] = await Promise.all([
+        fetch(`${apiUrl}/hangfire/recurring`, { headers }),
+        fetch(`${apiUrl}/hangfire/jobs/succeeded`, { headers }),
+        fetch(`${apiUrl}/hangfire/jobs/failed`, { headers }),
+        fetch(`${apiUrl}/hangfire/jobs/processing`, { headers })
+      ]);
+      if (recurringRes.ok) {
+        const data = await recurringRes.json();
+        setRecurringJobs(data.value || data || []);
+      }
+      if (succeededRes.ok) {
+        setSucceededResult(await succeededRes.json());
+      }
+      if (failedRes.ok) {
+        setFailedResult(await failedRes.json());
+      }
+      if (processingRes.ok) {
+        setProcessingResult(await processingRes.json());
+      }
+    } catch (error) {
+      console.error("Failed to fetch Hangfire data:", error);
+    } finally {
+      setLoading(false);
+    }
+  }, [apiUrl]);
+  useEffect6(() => {
+    fetchData();
+  }, [fetchData, refreshKey]);
+  const handleRefresh = () => {
+    setRefreshKey((prev) => prev + 1);
+  };
+  const handleTrigger = async (jobId) => {
+    try {
+      const token = localStorage.getItem("refine-auth") || localStorage.getItem("access_token");
+      const headers = token ? { "Authorization": `Bearer ${token}` } : {};
+      const response = await fetch(`${apiUrl}/hangfire/trigger/${jobId}`, {
+        method: "POST",
+        headers
+      });
+      if (response.ok) {
+        message2.success(t("backgroundJobs.actions.triggerSuccess"));
+        handleRefresh();
+      } else {
+        message2.error(t("backgroundJobs.actions.triggerError"));
+      }
+    } catch {
+      message2.error(t("backgroundJobs.actions.triggerError"));
+    }
+  };
+  const handleDelete = async (jobId) => {
+    try {
+      const token = localStorage.getItem("refine-auth") || localStorage.getItem("access_token");
+      const headers = token ? { "Authorization": `Bearer ${token}` } : {};
+      const response = await fetch(`${apiUrl}/hangfire/recurring/${jobId}`, {
+        method: "DELETE",
+        headers
+      });
+      if (response.ok) {
+        message2.success(t("backgroundJobs.actions.deleteSuccess"));
+        handleRefresh();
+      } else {
+        message2.error(t("backgroundJobs.actions.deleteError"));
+      }
+    } catch {
+      message2.error(t("backgroundJobs.actions.deleteError"));
+    }
+  };
+  const showDetails = async (jobId) => {
+    setDrawerVisible(true);
+    setDetailLoading(true);
+    setJobDetails(null);
+    try {
+      const token = localStorage.getItem("refine-auth") || localStorage.getItem("access_token");
+      const headers = token ? { "Authorization": `Bearer ${token}` } : {};
+      const res = await fetch(`${apiUrl}/hangfire/jobs/${jobId}`, { headers });
+      if (res.ok) {
+        const data = await res.json();
+        setJobDetails(data);
+      } else {
+        message2.error("Failed to load details");
+      }
+    } catch {
+      message2.error("Failed to load details");
+    } finally {
+      setDetailLoading(false);
+    }
+  };
+  const closeDrawer = () => {
+    setDrawerVisible(false);
+    setJobDetails(null);
+  };
+  const getStateTag = (state) => {
+    if (!state) return /* @__PURE__ */ React18.createElement(Tag, null, t("backgroundJobs.status.unknown"));
+    switch (state.toLowerCase()) {
+      case "succeeded":
+        return /* @__PURE__ */ React18.createElement(Tag, { icon: /* @__PURE__ */ React18.createElement(CheckCircleOutlined, null), color: "success" }, t("backgroundJobs.status.succeeded"));
+      case "failed":
+        return /* @__PURE__ */ React18.createElement(Tag, { icon: /* @__PURE__ */ React18.createElement(CloseCircleOutlined, null), color: "error" }, t("backgroundJobs.status.failed"));
+      case "processing":
+        return /* @__PURE__ */ React18.createElement(Tag, { icon: /* @__PURE__ */ React18.createElement(SyncOutlined, { spin: true }), color: "processing" }, t("backgroundJobs.status.processing"));
+      case "scheduled":
+        return /* @__PURE__ */ React18.createElement(Tag, { icon: /* @__PURE__ */ React18.createElement(ClockCircleOutlined, null), color: "warning" }, t("backgroundJobs.status.scheduled"));
+      default:
+        return /* @__PURE__ */ React18.createElement(Tag, null, state);
+    }
+  };
+  const recurringColumns = [
+    { title: t("backgroundJobs.columns.id"), dataIndex: "Id", key: "Id" },
+    {
+      title: t("backgroundJobs.columns.cron"),
+      dataIndex: "Cron",
+      key: "Cron",
+      render: (cron) => /* @__PURE__ */ React18.createElement(Tag, { color: "blue" }, cron)
+    },
+    { title: t("backgroundJobs.columns.queue"), dataIndex: "Queue", key: "Queue" },
+    {
+      title: t("backgroundJobs.columns.nextExecution"),
+      dataIndex: "NextExecution",
+      key: "NextExecution",
+      render: (date) => date ? new Date(date).toLocaleString() : "-"
+    },
+    {
+      title: t("backgroundJobs.columns.lastState"),
+      dataIndex: "LastJobState",
+      key: "LastJobState",
+      render: (state) => getStateTag(state)
+    },
+    {
+      title: t("backgroundJobs.columns.actions"),
+      key: "actions",
+      render: (_, record) => /* @__PURE__ */ React18.createElement(Space8, null, /* @__PURE__ */ React18.createElement(Tooltip2, { title: t("backgroundJobs.actions.trigger") }, /* @__PURE__ */ React18.createElement(
+        Button8,
+        {
+          type: "primary",
+          icon: /* @__PURE__ */ React18.createElement(PlayCircleOutlined, null),
+          size: "small",
+          onClick: () => handleTrigger(record.Id)
+        }
+      )), /* @__PURE__ */ React18.createElement(Tooltip2, { title: t("backgroundJobs.actions.delete") }, /* @__PURE__ */ React18.createElement(
+        Button8,
+        {
+          danger: true,
+          icon: /* @__PURE__ */ React18.createElement(DeleteOutlined2, null),
+          size: "small",
+          onClick: () => handleDelete(record.Id)
+        }
+      )))
+    }
+  ];
+  const succeededColumns = [
+    {
+      title: t("backgroundJobs.columns.jobId"),
+      dataIndex: "JobId",
+      key: "JobId",
+      render: (text) => /* @__PURE__ */ React18.createElement("a", { onClick: () => showDetails(text) }, text)
+    },
+    { title: t("backgroundJobs.columns.jobName"), dataIndex: "JobName", key: "JobName" },
+    {
+      title: t("backgroundJobs.columns.succeededAt"),
+      dataIndex: "SucceededAt",
+      key: "SucceededAt",
+      render: (date) => date ? new Date(date).toLocaleString() : "-"
+    },
+    { title: t("backgroundJobs.columns.duration"), dataIndex: "TotalDuration", key: "TotalDuration" }
+  ];
+  const failedColumns = [
+    {
+      title: t("backgroundJobs.columns.jobId"),
+      dataIndex: "JobId",
+      key: "JobId",
+      render: (text) => /* @__PURE__ */ React18.createElement("a", { onClick: () => showDetails(text) }, text)
+    },
+    { title: t("backgroundJobs.columns.jobName"), dataIndex: "JobName", key: "JobName" },
+    {
+      title: t("backgroundJobs.columns.failedAt"),
+      dataIndex: "FailedAt",
+      key: "FailedAt",
+      render: (date) => date ? new Date(date).toLocaleString() : "-"
+    },
+    {
+      title: t("backgroundJobs.columns.exception"),
+      dataIndex: "ExceptionMessage",
+      key: "ExceptionMessage",
+      render: (msg) => /* @__PURE__ */ React18.createElement(Tooltip2, { title: msg }, /* @__PURE__ */ React18.createElement("span", null, msg?.substring(0, 50), msg && msg.length > 50 ? "..." : ""))
+    }
+  ];
+  const processingColumns = [
+    {
+      title: t("backgroundJobs.columns.jobId"),
+      dataIndex: "JobId",
+      key: "JobId",
+      render: (text) => /* @__PURE__ */ React18.createElement("a", { onClick: () => showDetails(text) }, text)
+    },
+    { title: t("backgroundJobs.columns.jobName"), dataIndex: "JobName", key: "JobName" },
+    {
+      title: t("backgroundJobs.columns.startedAt"),
+      dataIndex: "StartedAt",
+      key: "StartedAt",
+      render: (date) => date ? new Date(date).toLocaleString() : "-"
+    },
+    { title: t("backgroundJobs.columns.serverId"), dataIndex: "ServerId", key: "ServerId" }
+  ];
+  const items = [
+    {
+      key: "recurring",
+      label: `${t("backgroundJobs.tabs.recurring")} (${recurringJobs.length})`,
+      children: /* @__PURE__ */ React18.createElement(
+        Table7,
+        {
+          dataSource: recurringJobs,
+          columns: recurringColumns,
+          rowKey: "Id",
+          loading,
+          pagination: false
+        }
+      )
+    },
+    {
+      key: "succeeded",
+      label: /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(CheckCircleOutlined, { style: { color: "#52c41a" } }), " ", t("backgroundJobs.tabs.succeeded"), " (", succeededResult?.Total || 0, ")"),
+      children: /* @__PURE__ */ React18.createElement(
+        Table7,
+        {
+          dataSource: succeededResult?.Jobs || [],
+          columns: succeededColumns,
+          rowKey: "JobId",
+          loading,
+          pagination: { pageSize: 10 }
+        }
+      )
+    },
+    {
+      key: "failed",
+      label: /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(CloseCircleOutlined, { style: { color: "#ff4d4f" } }), " ", t("backgroundJobs.tabs.failed"), " (", failedResult?.Total || 0, ")"),
+      children: /* @__PURE__ */ React18.createElement(
+        Table7,
+        {
+          dataSource: failedResult?.Jobs || [],
+          columns: failedColumns,
+          rowKey: "JobId",
+          loading,
+          pagination: { pageSize: 10 }
+        }
+      )
+    },
+    {
+      key: "processing",
+      label: /* @__PURE__ */ React18.createElement("span", null, /* @__PURE__ */ React18.createElement(SyncOutlined, { spin: true, style: { color: "#1890ff" } }), " ", t("backgroundJobs.tabs.processing"), " (", processingResult?.Total || 0, ")"),
+      children: /* @__PURE__ */ React18.createElement(
+        Table7,
+        {
+          dataSource: processingResult?.Jobs || [],
+          columns: processingColumns,
+          rowKey: "JobId",
+          loading,
+          pagination: false
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ React18.createElement(
+    List3,
+    {
+      title: title || t("backgroundJobs.title"),
+      headerButtons: /* @__PURE__ */ React18.createElement(Button8, { icon: /* @__PURE__ */ React18.createElement(ReloadOutlined2, null), onClick: handleRefresh, loading }, t("buttons.refresh"))
+    },
+    /* @__PURE__ */ React18.createElement(Row, { gutter: 16, style: { marginBottom: 16 } }, /* @__PURE__ */ React18.createElement(Col, { span: 6 }, /* @__PURE__ */ React18.createElement(Card3, null, /* @__PURE__ */ React18.createElement(
+      Statistic,
+      {
+        title: t("backgroundJobs.tabs.recurring"),
+        value: recurringJobs.length,
+        prefix: /* @__PURE__ */ React18.createElement(ClockCircleOutlined, null)
+      }
+    ))), /* @__PURE__ */ React18.createElement(Col, { span: 6 }, /* @__PURE__ */ React18.createElement(Card3, null, /* @__PURE__ */ React18.createElement(
+      Statistic,
+      {
+        title: t("backgroundJobs.tabs.succeeded"),
+        value: succeededResult?.Total || 0,
+        valueStyle: { color: "#3f8600" },
+        prefix: /* @__PURE__ */ React18.createElement(CheckCircleOutlined, null)
+      }
+    ))), /* @__PURE__ */ React18.createElement(Col, { span: 6 }, /* @__PURE__ */ React18.createElement(Card3, null, /* @__PURE__ */ React18.createElement(
+      Statistic,
+      {
+        title: t("backgroundJobs.tabs.failed"),
+        value: failedResult?.Total || 0,
+        valueStyle: { color: "#cf1322" },
+        prefix: /* @__PURE__ */ React18.createElement(CloseCircleOutlined, null)
+      }
+    ))), /* @__PURE__ */ React18.createElement(Col, { span: 6 }, /* @__PURE__ */ React18.createElement(Card3, null, /* @__PURE__ */ React18.createElement(
+      Statistic,
+      {
+        title: t("backgroundJobs.tabs.processing"),
+        value: processingResult?.Total || 0,
+        valueStyle: { color: "#1890ff" },
+        prefix: /* @__PURE__ */ React18.createElement(SyncOutlined, null)
+      }
+    )))),
+    /* @__PURE__ */ React18.createElement(Tabs, { activeKey: activeTab, onChange: setActiveTab, items }),
+    /* @__PURE__ */ React18.createElement(
+      Drawer,
+      {
+        title: t("backgroundJobs.drawer.title"),
+        placement: "right",
+        onClose: closeDrawer,
+        open: drawerVisible,
+        width: 600
+      },
+      detailLoading ? /* @__PURE__ */ React18.createElement(Skeleton, { active: true }) : jobDetails ? /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(Descriptions, { column: 1, bordered: true, size: "small" }, /* @__PURE__ */ React18.createElement(Descriptions.Item, { label: t("backgroundJobs.drawer.jobName") }, jobDetails.JobName), /* @__PURE__ */ React18.createElement(Descriptions.Item, { label: t("backgroundJobs.drawer.createdAt") }, jobDetails.CreatedAt ? new Date(jobDetails.CreatedAt).toLocaleString() : "-")), /* @__PURE__ */ React18.createElement("div", { style: { marginTop: 24 } }, /* @__PURE__ */ React18.createElement("h3", null, t("backgroundJobs.drawer.history")), /* @__PURE__ */ React18.createElement(Timeline, { mode: "left" }, jobDetails.History.map((h, i) => /* @__PURE__ */ React18.createElement(Timeline.Item, { key: i, color: h.StateName === "Succeeded" ? "green" : h.StateName === "Failed" ? "red" : "blue" }, /* @__PURE__ */ React18.createElement("p", null, /* @__PURE__ */ React18.createElement("strong", null, h.StateName), " - ", new Date(h.CreatedAt).toLocaleString()), h.Reason && /* @__PURE__ */ React18.createElement("p", null, t("backgroundJobs.drawer.reason"), ": ", h.Reason), h.Data && Object.keys(h.Data).length > 0 && /* @__PURE__ */ React18.createElement("div", { style: { background: "#f5f5f5", padding: 8, borderRadius: 4, overflowX: "auto", marginTop: 8 } }, /* @__PURE__ */ React18.createElement("pre", { style: { margin: 0, fontSize: 12 } }, JSON.stringify(h.Data, null, 2)))))))) : /* @__PURE__ */ React18.createElement("div", null, t("backgroundJobs.drawer.noData"))
+    )
+  );
+};
 export {
   ApplicationUserCreate,
   ApplicationUserEdit,
   ApplicationUserList,
   AuthCallback,
+  BackgroundJobList,
   Base64Upload,
   ColorModeContext,
   ColorModeContextProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cundi/refine-xaf",
-    "version": "1.0.5",
+    "version": "1.0.6",
     "description": "Integration SDK for XAF backend and Refine frontend",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -8,6 +8,7 @@
     "scripts": {
         "build": "tsup",
         "dev": "tsup --watch",
+        "pack": "npm run build && npm pack --pack-destination ../../output/npm",
         "test": "jest",
         "test:watch": "jest --watch",
         "test:coverage": "jest --coverage",