@acmekit/dashboard 2.13.21 → 2.13.23

package/dist/app.js

@@ -8485,27 +8485,75 @@ var init_utils2 = __esm({
   }
 });
 
+// src/components/data-table/components/data-table-status-cell/data-table-status-cell.tsx
+var import_ui64, import_jsx_runtime88, DataTableStatusCell;
+var init_data_table_status_cell = __esm({
+  "src/components/data-table/components/data-table-status-cell/data-table-status-cell.tsx"() {
+    "use strict";
+    import_ui64 = require("@acmekit/ui");
+    import_jsx_runtime88 = require("react/jsx-runtime");
+    DataTableStatusCell = ({
+      color,
+      children
+    }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          "div",
+          {
+            role: "presentation",
+            className: "flex h-5 w-2 items-center justify-center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              "div",
+              {
+                className: (0, import_ui64.clx)(
+                  "h-2 w-2 rounded-sm shadow-[0px_0px_0px_1px_rgba(0,0,0,0.12)_inset]",
+                  {
+                    "bg-ui-tag-neutral-icon": color === "grey",
+                    "bg-ui-tag-green-icon": color === "green",
+                    "bg-ui-tag-red-icon": color === "red",
+                    "bg-ui-tag-blue-icon": color === "blue",
+                    "bg-ui-tag-orange-icon": color === "orange",
+                    "bg-ui-tag-purple-icon": color === "purple"
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "truncate", children })
+      ] });
+    };
+  }
+});
+
 // src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-columns.tsx
-var import_ui64, import_react_table5, import_react68, import_react_i18next47, import_jsx_runtime88, columnHelper5, useWorkflowExecutionTableColumns, ROOT_PREFIX;
+var import_ui65, import_react_table5, import_react68, import_react_i18next47, import_jsx_runtime89, columnHelper5, useWorkflowExecutionTableColumns, ROOT_PREFIX;
 var init_use_workflow_execution_table_columns = __esm({
   "src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-columns.tsx"() {
     "use strict";
-    import_ui64 = require("@acmekit/ui");
+    import_ui65 = require("@acmekit/ui");
     import_react_table5 = require("@tanstack/react-table");
     import_react68 = require("react");
     import_react_i18next47 = require("react-i18next");
-    init_status_cell2();
+    init_date_cell();
     init_types();
     init_utils2();
-    import_jsx_runtime88 = require("react/jsx-runtime");
+    init_data_table_status_cell();
+    import_jsx_runtime89 = require("react/jsx-runtime");
     columnHelper5 = (0, import_react_table5.createColumnHelper)();
     useWorkflowExecutionTableColumns = () => {
       const { t: t3 } = (0, import_react_i18next47.useTranslation)();
       return (0, import_react68.useMemo)(
         () => [
-          columnHelper5.accessor("transaction_id", {
-            header: t3("workflowExecutions.transactionIdLabel"),
-            cell: ({ getValue: getValue2 }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_ui64.Badge, { size: "2xsmall", children: getValue2() })
+          columnHelper5.accessor("workflow_id", {
+            header: t3("workflowExecutions.workflowIdLabel"),
+            cell: ({ getValue: getValue2 }) => {
+              const workflowId = getValue2();
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Badge, { size: "2xsmall", className: "truncate", children: workflowId }),
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Copy, { content: workflowId, className: "text-ui-fg-muted" })
+              ] });
+            }
           }),
           columnHelper5.accessor("state", {
             header: t3("fields.state"),
@@ -8513,7 +8561,7 @@ var init_use_workflow_execution_table_columns = __esm({
               const state = getValue2();
               const color = getTransactionStateColor(state);
               const translatedState = getTransactionState(t3, state);
-              return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(StatusCell, { color, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: translatedState }) });
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DataTableStatusCell, { color, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "capitalize", children: translatedState }) });
             }
           }),
           columnHelper5.accessor("execution", {
@@ -8521,7 +8569,10 @@ var init_use_workflow_execution_table_columns = __esm({
             cell: ({ getValue: getValue2 }) => {
               const steps = getValue2()?.steps;
               if (!steps) {
-                return "0 of 0 steps";
+                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t3("workflowExecutions.stepsCompletedLabel", {
+                  completed: 0,
+                  count: 0
+                }) });
               }
               const actionableSteps = Object.values(steps).filter(
                 (step) => step.id !== ROOT_PREFIX
@@ -8529,10 +8580,76 @@ var init_use_workflow_execution_table_columns = __esm({
               const completedSteps = actionableSteps.filter(
                 (step) => step.invoke.state === "done" /* DONE */
               );
-              return t3("workflowExecutions.stepsCompletedLabel", {
-                completed: completedSteps.length,
-                count: actionableSteps.length
-              });
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex items-center gap-x-[3px]", children: actionableSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                  "div",
+                  {
+                    className: (0, import_ui65.clx)(
+                      "bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full",
+                      {
+                        "bg-ui-fg-muted": step.invoke.state === "done" /* DONE */
+                      }
+                    ),
+                    "data-completed": step.invoke.state === "done" /* DONE */
+                  },
+                  step.id
+                )) }),
+                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-ui-fg-subtle whitespace-nowrap", children: t3("workflowExecutions.stepsCompletedLabel", {
+                  completed: completedSteps.length,
+                  count: actionableSteps.length
+                }) })
+              ] });
+            }
+          }),
+          columnHelper5.display({
+            id: "duration",
+            header: t3("fields.duration"),
+            cell: ({ row }) => {
+              const createdAt = row.original.created_at;
+              const updatedAt = row.original.updated_at;
+              const state = row.original.state;
+              if (!createdAt) {
+                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
+              }
+              const start = new Date(createdAt);
+              const end = updatedAt && ["done", "failed", "reverted"].includes(state) ? new Date(updatedAt) : /* @__PURE__ */ new Date();
+              if (isNaN(start.getTime()) || isNaN(end.getTime())) {
+                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
+              }
+              const ms = end.getTime() - start.getTime();
+              if (ms < 0) {
+                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: "-" });
+              }
+              const seconds = Math.floor(ms / 1e3);
+              const minutes = Math.floor(seconds / 60);
+              const hours = Math.floor(minutes / 60);
+              let label;
+              if (hours > 0) {
+                label = `${hours}h ${minutes % 60}m`;
+              } else if (minutes > 0) {
+                label = `${minutes}m ${seconds % 60}s`;
+              } else if (seconds > 0) {
+                label = `${seconds}s`;
+              } else if (ms > 0) {
+                label = "<1s";
+              } else {
+                label = "0s";
+              }
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: label });
+            }
+          }),
+          columnHelper5.accessor("created_at", {
+            header: t3("fields.createdAt"),
+            cell: ({ getValue: getValue2 }) => {
+              const date = getValue2();
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DateCell, { date });
+            }
+          }),
+          columnHelper5.accessor("updated_at", {
+            header: t3("fields.updatedAt"),
+            cell: ({ getValue: getValue2 }) => {
+              const date = getValue2();
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DateCell, { date });
             }
           })
         ],
@@ -8543,6 +8660,59 @@ var init_use_workflow_execution_table_columns = __esm({
   }
 });
 
+// src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-filters.tsx
+var import_react_i18next48, useWorkflowExecutionTableFilters;
+var init_use_workflow_execution_table_filters = __esm({
+  "src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-filters.tsx"() {
+    "use strict";
+    import_react_i18next48 = require("react-i18next");
+    useWorkflowExecutionTableFilters = () => {
+      const { t: t3 } = (0, import_react_i18next48.useTranslation)();
+      const stateFilter = {
+        key: "state",
+        label: t3("fields.status"),
+        type: "select",
+        multiple: true,
+        options: [
+          {
+            label: t3("workflowExecutions.state.done"),
+            value: "done"
+          },
+          {
+            label: t3("workflowExecutions.state.failed"),
+            value: "failed"
+          },
+          {
+            label: t3("workflowExecutions.state.reverted"),
+            value: "reverted"
+          },
+          {
+            label: t3("workflowExecutions.state.invoking"),
+            value: "invoking"
+          },
+          {
+            label: t3("workflowExecutions.transaction.state.waitingToCompensate"),
+            value: "waiting_to_compensate"
+          },
+          {
+            label: t3("workflowExecutions.state.compensating"),
+            value: "compensating"
+          },
+          {
+            label: t3("workflowExecutions.state.notStarted"),
+            value: "not_started"
+          }
+        ]
+      };
+      const dateFilters = [
+        { key: "created_at", label: t3("fields.createdAt"), type: "date" },
+        { key: "updated_at", label: t3("fields.updatedAt"), type: "date" }
+      ];
+      return [stateFilter, ...dateFilters];
+    };
+  }
+});
+
 // src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/use-workflow-execution-table-query.tsx
 var useWorkflowExecutionTableQuery;
 var init_use_workflow_execution_table_query = __esm({
@@ -8553,11 +8723,18 @@ var init_use_workflow_execution_table_query = __esm({
       pageSize = 20,
       prefix
     }) => {
-      const raw = useQueryParams(["q", "offset"], prefix);
-      const { offset, ...rest } = raw;
+      const raw = useQueryParams(
+        ["q", "offset", "order", "state", "created_at", "updated_at"],
+        prefix
+      );
+      const { offset, order, state, created_at, updated_at, ...rest } = raw;
       const searchParams = {
         limit: pageSize,
         offset: offset ? parseInt(offset) : 0,
+        order: order ?? "-created_at",
+        state: state ? state.split(",") : void 0,
+        created_at: created_at ? JSON.parse(created_at) : void 0,
+        updated_at: updated_at ? JSON.parse(updated_at) : void 0,
         ...rest
       };
       return {
@@ -8569,22 +8746,23 @@ var init_use_workflow_execution_table_query = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx
-var import_ui65, import_react_query18, import_react_i18next48, import_jsx_runtime89, PAGE_SIZE4, WorkflowExecutionListTable;
+var import_ui66, import_react_query18, import_react_i18next49, import_jsx_runtime90, PAGE_SIZE4, WorkflowExecutionListTable;
 var init_workflow_execution_list_table = __esm({
   "src/routes/workflow-executions/workflow-execution-list/components/workflow-execution-list-table/workflow-execution-list-table.tsx"() {
     "use strict";
-    import_ui65 = require("@acmekit/ui");
+    import_ui66 = require("@acmekit/ui");
     import_react_query18 = require("@tanstack/react-query");
-    import_react_i18next48 = require("react-i18next");
+    import_react_i18next49 = require("react-i18next");
     init_data_table4();
     init_workflow_executions();
     init_use_data_table();
     init_use_workflow_execution_table_columns();
+    init_use_workflow_execution_table_filters();
     init_use_workflow_execution_table_query();
-    import_jsx_runtime89 = require("react/jsx-runtime");
+    import_jsx_runtime90 = require("react/jsx-runtime");
     PAGE_SIZE4 = 20;
     WorkflowExecutionListTable = () => {
-      const { t: t3 } = (0, import_react_i18next48.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next49.useTranslation)();
       const { searchParams, raw } = useWorkflowExecutionTableQuery({
         pageSize: PAGE_SIZE4
       });
@@ -8597,6 +8775,7 @@ var init_workflow_execution_list_table = __esm({
         }
       );
       const columns = useWorkflowExecutionTableColumns();
+      const filters = useWorkflowExecutionTableFilters();
       const { table } = useDataTable2({
         data: workflow_executions || [],
         columns,
@@ -8608,18 +8787,23 @@ var init_workflow_execution_list_table = __esm({
       if (isError) {
         throw error;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_ui65.Container, { className: "divide-y p-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Heading, { children: t3("workflowExecutions.domain") }),
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_ui65.Text, { className: "text-ui-fg-subtle", size: "small", children: t3(`workflowExecutions.subtitle`) })
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_ui66.Container, { className: "divide-y p-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_ui66.Heading, { children: t3("workflowExecutions.domain") }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_ui66.Text, { className: "text-ui-fg-subtle", size: "small", children: t3(`workflowExecutions.subtitle`) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           _DataTable,
           {
             table,
             columns,
+            filters,
             count,
             isLoading,
+            orderBy: [
+              { key: "created_at", label: t3("fields.createdAt") },
+              { key: "updated_at", label: t3("fields.updatedAt") }
+            ],
             pageSize: PAGE_SIZE4,
             navigateTo: (row) => `${row.id}`,
             search: true,
@@ -8644,17 +8828,17 @@ var init_workflow_execution_list_table2 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-list/workflow-execution-list.tsx
-var import_jsx_runtime90, WorkflowExcecutionList;
+var import_jsx_runtime91, WorkflowExcecutionList;
 var init_workflow_execution_list = __esm({
   "src/routes/workflow-executions/workflow-execution-list/workflow-execution-list.tsx"() {
     "use strict";
     init_workflow_execution_list_table2();
     init_pages();
     init_extension_provider2();
-    import_jsx_runtime90 = require("react/jsx-runtime");
+    import_jsx_runtime91 = require("react/jsx-runtime");
     WorkflowExcecutionList = () => {
       const { getWidgets } = useExtension();
-      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         SingleColumnPage,
         {
           widgets: {
@@ -8662,7 +8846,7 @@ var init_workflow_execution_list = __esm({
             before: getWidgets("workflow.list.before")
           },
           hasOutlet: false,
-          children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(WorkflowExecutionListTable, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(WorkflowExecutionListTable, {})
         }
       );
     };
@@ -8682,12 +8866,12 @@ var init_workflow_execution_list2 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-detail/breadcrumb.tsx
-var import_jsx_runtime91, WorkflowExecutionDetailBreadcrumb;
+var import_jsx_runtime92, WorkflowExecutionDetailBreadcrumb;
 var init_breadcrumb3 = __esm({
   "src/routes/workflow-executions/workflow-execution-detail/breadcrumb.tsx"() {
     "use strict";
     init_api();
-    import_jsx_runtime91 = require("react/jsx-runtime");
+    import_jsx_runtime92 = require("react/jsx-runtime");
     WorkflowExecutionDetailBreadcrumb = (props) => {
       const { id: id2 } = props.params || {};
       const { workflow_execution } = useWorkflowExecution(id2, {
@@ -8698,7 +8882,7 @@ var init_breadcrumb3 = __esm({
         return null;
       }
       const cleanId = workflow_execution.id.replace("wf_exec_", "");
-      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { children: cleanId });
+      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: cleanId });
     };
   }
 });
@@ -8726,19 +8910,22 @@ var init_loader3 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-general-section/workflow-execution-general-section.tsx
-var import_ui66, import_react_i18next49, import_jsx_runtime92, WorkflowExecutionGeneralSection, ROOT_PREFIX2, Progress;
+var import_ui67, import_react_i18next50, import_jsx_runtime93, WorkflowExecutionGeneralSection, ROOT_PREFIX2, Progress;
 var init_workflow_execution_general_section = __esm({
   "src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-general-section/workflow-execution-general-section.tsx"() {
     "use strict";
-    import_ui66 = require("@acmekit/ui");
-    import_react_i18next49 = require("react-i18next");
+    import_ui67 = require("@acmekit/ui");
+    import_react_i18next50 = require("react-i18next");
     init_utils2();
     init_types();
-    import_jsx_runtime92 = require("react/jsx-runtime");
+    init_use_date();
+    init_constants2();
+    import_jsx_runtime93 = require("react/jsx-runtime");
     WorkflowExecutionGeneralSection = ({
       execution
     }) => {
-      const { t: t3 } = (0, import_react_i18next49.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next50.useTranslation)();
+      const { getFullDate } = useDate();
       const cleanId = execution.id.replace("wf_exec_", "");
       const translatedState = getTransactionState(
         t3,
@@ -8747,25 +8934,79 @@ var init_workflow_execution_general_section = __esm({
       const stateColor = getTransactionStateColor(
         execution.state
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_ui66.Container, { className: "divide-y p-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-x-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Heading, { children: cleanId }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Copy, { content: cleanId, className: "text-ui-fg-muted" })
+      const createdAt = execution.created_at;
+      const updatedAt = execution.updated_at;
+      const allSteps = Object.values(execution.execution?.steps || {}).filter(
+        (step) => step.id !== ROOT_PREFIX2
+      );
+      const totalSteps = allSteps.length;
+      const completedSteps = allSteps.filter(
+        (step) => step.invoke.state === "done" /* DONE */
+      ).length;
+      const failedSteps = allSteps.filter(
+        (step) => STEP_ERROR_STATES.includes(step.invoke.state)
+      ).length;
+      const skippedSteps = allSteps.filter(
+        (step) => STEP_SKIPPED_STATES.includes(step.invoke.state)
+      ).length;
+      const compensatedSteps = allSteps.filter(
+        (step) => step.compensate.state === "reverted" /* REVERTED */
+      ).length;
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_ui67.Container, { className: "divide-y p-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-x-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Heading, { children: cleanId }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Copy, { content: cleanId, className: "text-ui-fg-muted" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.StatusBadge, { color: stateColor, children: translatedState })
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.StatusBadge, { color: stateColor, children: translatedState })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Text, { size: "small", leading: "compact", weight: "plus", children: t3("workflowExecutions.workflowIdLabel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Badge, { size: "2xsmall", className: "w-fit", children: execution.workflow_id })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("workflowExecutions.workflowIdLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Badge, { size: "2xsmall", className: "w-fit", children: execution.workflow_id }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Copy, { content: execution.workflow_id, className: "text-ui-fg-muted" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("workflowExecutions.transactionIdLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Badge, { size: "2xsmall", className: "w-fit", children: execution.transaction_id }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              import_ui67.Copy,
+              {
+                content: execution.transaction_id,
+                className: "text-ui-fg-muted"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("workflowExecutions.progressLabel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Progress, { steps: execution.execution?.steps })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("fields.summary") }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.metrics.stepsSummary", {
+              completed: completedSteps,
+              total: totalSteps
+            }) }),
+            failedSteps > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.metrics.failedSteps", {
+              count: failedSteps
+            }) }),
+            skippedSteps > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.metrics.skippedSteps", {
+              count: skippedSteps
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: compensatedSteps > 0 ? t3("workflowExecutions.metrics.compensatedYes") : t3("workflowExecutions.metrics.compensatedNo") })
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Text, { size: "small", leading: "compact", weight: "plus", children: t3("workflowExecutions.transactionIdLabel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Badge, { size: "2xsmall", className: "w-fit", children: execution.transaction_id })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("fields.createdAt") }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: createdAt ? getFullDate({ date: createdAt, includeTime: true }) : "-" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Text, { size: "small", leading: "compact", weight: "plus", children: t3("workflowExecutions.progressLabel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Progress, { steps: execution.execution?.steps })
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle grid grid-cols-2 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: t3("fields.updatedAt") }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: updatedAt ? getFullDate({ date: updatedAt, includeTime: true }) : "-" })
         ] })
       ] });
     };
@@ -8773,11 +9014,11 @@ var init_workflow_execution_general_section = __esm({
     Progress = ({
       steps
     }) => {
-      const { t: t3 } = (0, import_react_i18next49.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next50.useTranslation)();
       if (!steps) {
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.stepsCompletedLabel", {
+        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.stepsCompletedLabel", {
           completed: 0,
-          total: 0
+          count: 0
         }) });
       }
       const actionableSteps = Object.values(steps).filter(
@@ -8786,11 +9027,11 @@ var init_workflow_execution_general_section = __esm({
       const completedSteps = actionableSteps.filter(
         (step) => step.invoke.state === "done" /* DONE */
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex w-fit items-center gap-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex items-center gap-x-[3px]", children: actionableSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex w-fit items-center gap-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center gap-x-[3px]", children: actionableSteps.map((step) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "div",
           {
-            className: (0, import_ui66.clx)(
+            className: (0, import_ui67.clx)(
               "bg-ui-bg-switch-off shadow-details-switch-background h-3 w-1.5 rounded-full",
               {
                 "bg-ui-fg-muted": step.invoke.state === "done" /* DONE */
@@ -8799,7 +9040,7 @@ var init_workflow_execution_general_section = __esm({
           },
           step.id
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_ui66.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.stepsCompletedLabel", {
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.stepsCompletedLabel", {
           completed: completedSteps.length,
           count: actionableSteps.length
         }) })
@@ -8817,24 +9058,24 @@ var init_workflow_execution_general_section2 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-history-section/workflow-execution-history-section.tsx
-var import_icons32, import_ui67, import_date_fns5, import_radix_ui14, import_react69, import_react_i18next50, import_react_router_dom41, import_jsx_runtime93, WorkflowExecutionHistorySection, Event2, StepState;
+var import_icons32, import_ui68, import_date_fns5, import_radix_ui14, import_react69, import_react_i18next51, import_react_router_dom41, import_jsx_runtime94, WorkflowExecutionHistorySection, Event2, StepState;
 var init_workflow_execution_history_section = __esm({
   "src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-history-section/workflow-execution-history-section.tsx"() {
     "use strict";
     import_icons32 = require("@acmekit/icons");
-    import_ui67 = require("@acmekit/ui");
+    import_ui68 = require("@acmekit/ui");
     import_date_fns5 = require("date-fns");
     import_radix_ui14 = require("radix-ui");
     import_react69 = require("react");
-    import_react_i18next50 = require("react-i18next");
+    import_react_i18next51 = require("react-i18next");
     import_react_router_dom41 = require("react-router-dom");
     init_constants2();
     init_types();
-    import_jsx_runtime93 = require("react/jsx-runtime");
+    import_jsx_runtime94 = require("react/jsx-runtime");
     WorkflowExecutionHistorySection = ({
       execution
     }) => {
-      const { t: t3 } = (0, import_react_i18next50.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next51.useTranslation)();
       const map = Object.values(execution.execution?.steps || {});
       const steps = map.filter((step) => step.id !== "_root");
       const unreachableStepId = steps.find(
@@ -8843,9 +9084,9 @@ var init_workflow_execution_history_section = __esm({
       const unreachableSteps = unreachableStepId ? steps.filter(
         (step) => step.id !== unreachableStepId && step.id.includes(unreachableStepId)
       ).map((step) => step.id) : [];
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_ui67.Container, { className: "divide-y p-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Heading, { level: "h2", children: t3("workflowExecutions.history.sectionTitle") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex flex-col gap-y-0.5 px-6 py-4", children: steps.map((step, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_ui68.Container, { className: "divide-y p-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Heading, { level: "h2", children: t3("workflowExecutions.history.sectionTitle") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex flex-col gap-y-0.5 px-6 py-4", children: steps.map((step, index) => {
           const stepId = step.id.split(".").pop();
           if (!stepId) {
             return null;
@@ -8854,7 +9095,7 @@ var init_workflow_execution_history_section = __esm({
           const error = execution.context?.errors.find(
             (e) => e.action === stepId
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             Event2,
             {
               step,
@@ -8878,7 +9119,7 @@ var init_workflow_execution_history_section = __esm({
       const [open, setOpen] = (0, import_react69.useState)(false);
       const ref = (0, import_react69.useRef)(null);
       const { hash } = (0, import_react_router_dom41.useLocation)();
-      const { t: t3 } = (0, import_react_i18next50.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next51.useTranslation)();
       const stepId = step.id.split(".").pop();
       (0, import_react69.useEffect)(() => {
         if (hash === `#${stepId}`) {
@@ -8886,17 +9127,17 @@ var init_workflow_execution_history_section = __esm({
         }
       }, [hash, stepId]);
       const identifier = step.id.split(".").pop();
-      return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
         "div",
         {
           className: "grid grid-cols-[20px_1fr] items-start gap-x-2 px-2",
           id: stepId,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "grid h-full grid-rows-[20px_1fr] items-center justify-center gap-y-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex size-5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "bg-ui-bg-base shadow-borders-base flex size-2.5 items-center justify-center rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid h-full grid-rows-[20px_1fr] items-center justify-center gap-y-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex size-5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "bg-ui-bg-base shadow-borders-base flex size-2.5 items-center justify-center rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                 "div",
                 {
-                  className: (0, import_ui67.clx)("size-1.5 rounded-full", {
+                  className: (0, import_ui68.clx)("size-1.5 rounded-full", {
                     "bg-ui-tag-neutral-bg": STEP_SKIPPED_STATES.includes(
                       step.invoke.state
                     ),
@@ -8915,22 +9156,22 @@ var init_workflow_execution_history_section = __esm({
                   })
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex h-full flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex h-full flex-col items-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                 "div",
                 {
                   "aria-hidden": true,
                   role: "presentation",
-                  className: (0, import_ui67.clx)({
+                  className: (0, import_ui68.clx)({
                     "bg-ui-border-base h-full min-h-[14px] w-px": !isLast
                   })
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_radix_ui14.Collapsible.Root, { open, onOpenChange: setOpen, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui14.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "group flex cursor-pointer items-start justify-between outline-none", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", weight: "plus", children: identifier }),
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_radix_ui14.Collapsible.Root, { open, onOpenChange: setOpen, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_radix_ui14.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "group flex cursor-pointer items-start justify-between outline-none", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", weight: "plus", children: identifier }),
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                     StepState,
                     {
                       state: step.invoke.state,
@@ -8938,14 +9179,14 @@ var init_workflow_execution_history_section = __esm({
                       isUnreachable
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.IconButton, { size: "2xsmall", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_icons32.TriangleDownMini, { className: "text-ui-fg-muted transition-transform group-data-[state=open]:rotate-180" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.IconButton, { size: "2xsmall", variant: "transparent", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons32.TriangleDownMini, { className: "text-ui-fg-muted transition-transform group-data-[state=open]:rotate-180" }) })
                 ] })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_radix_ui14.Collapsible.Content, { ref, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-y-2 pb-4 pt-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.definitionLabel") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                    import_ui67.CodeBlock,
+              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_radix_ui14.Collapsible.Content, { ref, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-y-2 pb-4 pt-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.definitionLabel") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    import_ui68.CodeBlock,
                     {
                       snippets: [
                         {
@@ -8955,14 +9196,14 @@ var init_workflow_execution_history_section = __esm({
                           hideLineNumbers: true
                         }
                       ],
-                      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.CodeBlock.Body, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.CodeBlock.Body, {})
                     }
                   )
                 ] }),
-                stepInvokeContext && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.outputLabel") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                    import_ui67.CodeBlock,
+                stepInvokeContext && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.outputLabel") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    import_ui68.CodeBlock,
                     {
                       snippets: [
                         {
@@ -8977,14 +9218,14 @@ var init_workflow_execution_history_section = __esm({
                           hideLineNumbers: true
                         }
                       ],
-                      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.CodeBlock.Body, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.CodeBlock.Body, {})
                     }
                   )
                 ] }),
-                !!stepInvokeContext?.output?.compensateInput && step.compensate.state === "reverted" /* REVERTED */ && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.compensateInputLabel") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                    import_ui67.CodeBlock,
+                !!stepInvokeContext?.output?.compensateInput && step.compensate.state === "reverted" /* REVERTED */ && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.compensateInputLabel") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    import_ui68.CodeBlock,
                     {
                       snippets: [
                         {
@@ -9001,14 +9242,14 @@ var init_workflow_execution_history_section = __esm({
                           hideLineNumbers: true
                         }
                       ],
-                      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.CodeBlock.Body, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.CodeBlock.Body, {})
                     }
                   )
                 ] }),
-                stepError && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.errorLabel") }),
-                  /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-                    import_ui67.CodeBlock,
+                stepError && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col gap-y-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", children: t3("workflowExecutions.history.errorLabel") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                    import_ui68.CodeBlock,
                     {
                       snippets: [
                         {
@@ -9025,7 +9266,7 @@ var init_workflow_execution_history_section = __esm({
                           hideLineNumbers: true
                         }
                       ],
-                      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.CodeBlock.Body, {})
+                      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.CodeBlock.Body, {})
                     }
                   )
                 ] })
@@ -9040,7 +9281,7 @@ var init_workflow_execution_history_section = __esm({
       startedAt,
       isUnreachable
     }) => {
-      const { t: t3 } = (0, import_react_i18next50.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next51.useTranslation)();
       const isFailed = state === "failed" /* FAILED */;
       const isRunning = state === "invoking" /* INVOKING */;
       const isSkipped = state === "skipped" /* SKIPPED */;
@@ -9049,9 +9290,9 @@ var init_workflow_execution_history_section = __esm({
         return null;
       }
       if (isRunning) {
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-x-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.history.runningState") }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_icons32.Spinner, { className: "text-ui-fg-interactive animate-spin" })
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-x-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: t3("workflowExecutions.history.runningState") }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_icons32.Spinner, { className: "text-ui-fg-interactive animate-spin" })
         ] });
       }
       let stateText;
@@ -9063,10 +9304,10 @@ var init_workflow_execution_history_section = __esm({
         stateText = t3("workflowExecutions.history.failedState");
       }
       if (stateText !== null) {
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: stateText });
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", className: "text-ui-fg-subtle", children: stateText });
       }
       if (startedAt) {
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_ui67.Text, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: (0, import_date_fns5.format)(startedAt, "dd MMM yyyy HH:mm:ss") });
+        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_ui68.Text, { size: "small", leading: "compact", className: "text-ui-fg-muted", children: (0, import_date_fns5.format)(startedAt, "dd MMM yyyy HH:mm:ss") });
       }
     };
   }
@@ -9081,12 +9322,12 @@ var init_workflow_execution_history_section2 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-payload-section/workflow-execution-payload-section.tsx
-var import_jsx_runtime94, WorkflowExecutionPayloadSection;
+var import_jsx_runtime95, WorkflowExecutionPayloadSection;
 var init_workflow_execution_payload_section = __esm({
   "src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-payload-section/workflow-execution-payload-section.tsx"() {
     "use strict";
     init_json_view_section2();
-    import_jsx_runtime94 = require("react/jsx-runtime");
+    import_jsx_runtime95 = require("react/jsx-runtime");
     WorkflowExecutionPayloadSection = ({
       execution
     }) => {
@@ -9097,7 +9338,7 @@ var init_workflow_execution_payload_section = __esm({
       if (typeof payload !== "object") {
         payload = { input: payload };
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(JsonViewSection, { data: payload });
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(JsonViewSection, { data: payload });
     };
   }
 });
@@ -9111,26 +9352,26 @@ var init_workflow_execution_payload_section2 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-timeline-section/workflow-execution-timeline-section.tsx
-var import_icons33, import_ui68, import_react70, import_react71, import_react_i18next51, import_react_router_dom42, import_jsx_runtime95, WorkflowExecutionTimelineSection, createNodeClusters, getNextCluster, defaultState, MAX_ZOOM, MIN_ZOOM, ZOOM_STEP, Canvas, HorizontalArrow, MiddleArrow, EndArrow, Arrow, Line, Node;
+var import_icons33, import_ui69, import_react70, import_react71, import_react_i18next52, import_react_router_dom42, import_jsx_runtime96, WorkflowExecutionTimelineSection, createNodeClusters, getNextCluster, defaultState, MAX_ZOOM, MIN_ZOOM, ZOOM_STEP, Canvas, HorizontalArrow, MiddleArrow, EndArrow, Arrow, Line, Node;
 var init_workflow_execution_timeline_section = __esm({
   "src/routes/workflow-executions/workflow-execution-detail/components/workflow-execution-timeline-section/workflow-execution-timeline-section.tsx"() {
     "use strict";
     import_icons33 = require("@acmekit/icons");
-    import_ui68 = require("@acmekit/ui");
+    import_ui69 = require("@acmekit/ui");
     import_react70 = require("motion/react");
     import_react71 = require("react");
-    import_react_i18next51 = require("react-i18next");
+    import_react_i18next52 = require("react-i18next");
     import_react_router_dom42 = require("react-router-dom");
     init_constants2();
     init_use_document_direction();
-    import_jsx_runtime95 = require("react/jsx-runtime");
+    import_jsx_runtime96 = require("react/jsx-runtime");
     WorkflowExecutionTimelineSection = ({
       execution
     }) => {
-      const { t: t3 } = (0, import_react_i18next51.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_ui68.Container, { className: "overflow-hidden px-0 pb-8 pt-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_ui68.Heading, { level: "h2", children: t3("general.timeline") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "w-full overflow-hidden border-y", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Canvas, { execution }) })
+      const { t: t3 } = (0, import_react_i18next52.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_ui69.Container, { className: "overflow-hidden px-0 pb-8 pt-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_ui69.Heading, { level: "h2", children: t3("general.timeline") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "w-full overflow-hidden border-y", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Canvas, { execution }) })
       ] });
     };
     createNodeClusters = (steps) => {
@@ -9210,8 +9451,8 @@ var init_workflow_execution_timeline_section = __esm({
       const resetCanvas = () => {
         controls.start(defaultState);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "h-[400px] w-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { ref: dragConstraints, className: "relative size-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative size-full overflow-hidden object-contain", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "h-[400px] w-full", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { ref: dragConstraints, className: "relative size-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative size-full overflow-hidden object-contain", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           import_react70.motion.div,
           {
             onMouseDown: () => setIsDragging(true),
@@ -9229,7 +9470,7 @@ var init_workflow_execution_timeline_section = __esm({
               y,
               scale
             },
-            className: (0, import_ui68.clx)(
+            className: (0, import_ui69.clx)(
               "bg-ui-bg-subtle relative size-[500rem] origin-top-left items-start justify-start overflow-hidden",
               "bg-[radial-gradient(var(--border-base)_1.5px,transparent_0)] bg-[length:20px_20px] bg-repeat",
               {
@@ -9237,18 +9478,18 @@ var init_workflow_execution_timeline_section = __esm({
                 "cursor-grabbing": isDragging
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("main", { className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "absolute left-[1100px] top-[1100px] flex select-none items-start", children: Object.entries(clusters).map(([depth, cluster]) => {
+            children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("main", { className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "absolute left-[1100px] top-[1100px] flex select-none items-start", children: Object.entries(clusters).map(([depth, cluster]) => {
               const next = getNextCluster(clusters, Number(depth));
-              return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-start", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex flex-col justify-center gap-y-2", children: cluster.map((step) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Node, { step }, step.id)) }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Line, { next })
+              return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-start", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex flex-col justify-center gap-y-2", children: cluster.map((step) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Node, { step }, step.id)) }),
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Line, { next })
               ] }, depth);
             }) }) })
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "bg-ui-bg-base shadow-borders-base text-ui-fg-subtle absolute bottom-4 left-6 flex h-7 items-center overflow-hidden rounded-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "bg-ui-bg-base shadow-borders-base text-ui-fg-subtle absolute bottom-4 left-6 flex h-7 items-center overflow-hidden rounded-md", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               "button",
               {
                 onClick: zoomIn,
@@ -9256,12 +9497,12 @@ var init_workflow_execution_timeline_section = __esm({
                 disabled: !canZoomIn,
                 "aria-label": "Zoom in",
                 className: "disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed border-r p-1 outline-none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_icons33.PlusMini, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons33.PlusMini, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_ui68.DropdownMenu, { dir: direction, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_ui68.DropdownMenu.Trigger, { className: "disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed flex w-[50px] items-center justify-center border-r p-1 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
-                import_ui68.Text,
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_ui69.DropdownMenu, { dir: direction, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_ui69.DropdownMenu.Trigger, { className: "disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed flex w-[50px] items-center justify-center border-r p-1 outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+                import_ui69.Text,
                 {
                   as: "span",
                   size: "xsmall",
@@ -9273,8 +9514,8 @@ var init_workflow_execution_timeline_section = __esm({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_ui68.DropdownMenu.Content, { children: [50, 75, 100, 125, 150].map((value) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
-                import_ui68.DropdownMenu.Item,
+              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_ui69.DropdownMenu.Content, { children: [50, 75, 100, 125, 150].map((value) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+                import_ui69.DropdownMenu.Item,
                 {
                   onClick: () => changeZoom(value / 100),
                   children: [
@@ -9285,7 +9526,7 @@ var init_workflow_execution_timeline_section = __esm({
                 value
               )) })
             ] }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
               "button",
               {
                 onClick: zoomOut,
@@ -9293,25 +9534,25 @@ var init_workflow_execution_timeline_section = __esm({
                 disabled: !canZoomOut,
                 "aria-label": "Zoom out",
                 className: "disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed border-r p-1 outline-none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_icons33.MinusMini, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons33.MinusMini, {})
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             "button",
             {
               onClick: resetCanvas,
               type: "button",
               "aria-label": "Reset canvas",
               className: "disabled:text-ui-fg-disabled transition-fg hover:bg-ui-bg-base-hover active:bg-ui-bg-base-pressed focus-visible:bg-ui-bg-base-pressed p-1 outline-none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_icons33.ArrowPathMini, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_icons33.ArrowPathMini, {})
             }
           )
         ] })
       ] }) });
     };
     HorizontalArrow = () => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "svg",
         {
           width: "42",
@@ -9319,7 +9560,7 @@ var init_workflow_execution_timeline_section = __esm({
           viewBox: "0 0 42 12",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             "path",
             {
               d: "M41.5303 6.53033C41.8232 6.23744 41.8232 5.76256 41.5303 5.46967L36.7574 0.696699C36.4645 0.403806 35.9896 0.403806 35.6967 0.696699C35.4038 0.989593 35.4038 1.46447 35.6967 1.75736L39.9393 6L35.6967 10.2426C35.4038 10.5355 35.4038 11.0104 35.6967 11.3033C35.9896 11.5962 36.4645 11.5962 36.7574 11.3033L41.5303 6.53033ZM0.999996 5.25C0.585785 5.25 0.249996 5.58579 0.249996 6C0.249996 6.41421 0.585785 6.75 0.999996 6.75V5.25ZM41 5.25L0.999996 5.25V6.75L41 6.75V5.25Z",
@@ -9330,7 +9571,7 @@ var init_workflow_execution_timeline_section = __esm({
       );
     };
     MiddleArrow = () => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "svg",
         {
           width: "22",
@@ -9339,7 +9580,7 @@ var init_workflow_execution_timeline_section = __esm({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           className: "-mt-[6px]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             "path",
             {
               d: "M0.999878 32H0.249878V32.75H0.999878V32ZM21.5284 32.5303C21.8213 32.2374 21.8213 31.7626 21.5284 31.4697L16.7554 26.6967C16.4625 26.4038 15.9876 26.4038 15.6947 26.6967C15.4019 26.9896 15.4019 27.4645 15.6947 27.7574L19.9374 32L15.6947 36.2426C15.4019 36.5355 15.4019 37.0104 15.6947 37.3033C15.9876 37.5962 16.4625 37.5962 16.7554 37.3033L21.5284 32.5303ZM0.249878 0L0.249878 32H1.74988L1.74988 0H0.249878ZM0.999878 32.75L20.998 32.75V31.25L0.999878 31.25V32.75Z",
@@ -9350,7 +9591,7 @@ var init_workflow_execution_timeline_section = __esm({
       );
     };
     EndArrow = () => {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "svg",
         {
           width: "22",
@@ -9359,7 +9600,7 @@ var init_workflow_execution_timeline_section = __esm({
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
           className: "-mt-[6px]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
             "path",
             {
               d: "M21.5284 32.5303C21.8213 32.2374 21.8213 31.7626 21.5284 31.4697L16.7554 26.6967C16.4625 26.4038 15.9876 26.4038 15.6947 26.6967C15.4019 26.9896 15.4019 27.4645 15.6947 27.7574L19.9374 32L15.6947 36.2426C15.4019 36.5355 15.4019 37.0104 15.6947 37.3033C15.9876 37.5962 16.4625 37.5962 16.7554 37.3033L21.5284 32.5303ZM0.249878 0L0.249878 28H1.74988L1.74988 0H0.249878ZM4.99988 32.75L20.998 32.75V31.25L4.99988 31.25V32.75ZM0.249878 28C0.249878 30.6234 2.37653 32.75 4.99988 32.75V31.25C3.20495 31.25 1.74988 29.7949 1.74988 28H0.249878Z",
@@ -9371,28 +9612,28 @@ var init_workflow_execution_timeline_section = __esm({
     };
     Arrow = ({ depth }) => {
       if (depth === 1) {
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HorizontalArrow, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HorizontalArrow, {});
       }
       if (depth === 2) {
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-end", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HorizontalArrow, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(EndArrow, {})
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col items-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HorizontalArrow, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(EndArrow, {})
         ] });
       }
-      const inbetween = Array.from({ length: depth - 2 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(MiddleArrow, {}, index));
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(HorizontalArrow, {}),
+      const inbetween = Array.from({ length: depth - 2 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(MiddleArrow, {}, index));
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col items-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(HorizontalArrow, {}),
         inbetween,
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(EndArrow, {})
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(EndArrow, {})
       ] });
     };
     Line = ({ next }) => {
       if (!next) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "-ml-[5px] -mr-[7px] w-[60px] pr-[7px]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex min-h-[24px] w-full items-start", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex h-6 w-2.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-ui-button-neutral shadow-borders-base size-2.5 shrink-0 rounded-full" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "pt-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Arrow, { depth: next.length }) })
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "-ml-[5px] -mr-[7px] w-[60px] pr-[7px]", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex min-h-[24px] w-full items-start", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex h-6 w-2.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "bg-ui-button-neutral shadow-borders-base size-2.5 shrink-0 rounded-full" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "pt-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Arrow, { depth: next.length }) })
       ] }) });
     };
     Node = ({ step }) => {
@@ -9415,22 +9656,22 @@ var init_workflow_execution_timeline_section = __esm({
           });
         }, 100);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         import_react_router_dom42.Link,
         {
           to: `#${stepId}`,
           onClick: handleScrollTo,
           className: "focus-visible:shadow-borders-focus transition-fg rounded-md outline-none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
             "div",
             {
               className: "bg-ui-bg-base shadow-borders-base flex min-w-[120px] items-center gap-x-0.5 rounded-md p-0.5",
               "data-step-id": step.id,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex size-5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex size-5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
                   "div",
                   {
-                    className: (0, import_ui68.clx)(
+                    className: (0, import_ui69.clx)(
                       "size-2 rounded-sm shadow-[inset_0_0_0_1px_rgba(0,0,0,0.12)]",
                       {
                         "bg-ui-tag-neutral-bg": STEP_SKIPPED_STATES.includes(
@@ -9452,8 +9693,8 @@ var init_workflow_execution_timeline_section = __esm({
                     )
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                  import_ui68.Text,
+                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  import_ui69.Text,
                   {
                     size: "xsmall",
                     leading: "compact",
@@ -9480,7 +9721,7 @@ var init_workflow_execution_timeline_section2 = __esm({
 });
 
 // src/routes/workflow-executions/workflow-execution-detail/workflow-detail.tsx
-var import_react_router_dom43, import_jsx_runtime96, ExecutionDetail;
+var import_react_router_dom43, import_jsx_runtime97, ExecutionDetail;
 var init_workflow_detail = __esm({
   "src/routes/workflow-executions/workflow-execution-detail/workflow-detail.tsx"() {
     "use strict";
@@ -9493,18 +9734,18 @@ var init_workflow_detail = __esm({
     init_workflow_execution_history_section2();
     init_workflow_execution_payload_section2();
     init_workflow_execution_timeline_section2();
-    import_jsx_runtime96 = require("react/jsx-runtime");
+    import_jsx_runtime97 = require("react/jsx-runtime");
     ExecutionDetail = () => {
       const { id: id2 } = (0, import_react_router_dom43.useParams)();
       const { workflow_execution, isLoading, isError, error } = useWorkflowExecution(id2);
       const { getWidgets } = useExtension();
       if (isLoading || !workflow_execution) {
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SingleColumnPageSkeleton, { sections: 4, showJSON: true });
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SingleColumnPageSkeleton, { sections: 4, showJSON: true });
       }
       if (isError) {
         throw error;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
         SingleColumnPage,
         {
           widgets: {
@@ -9514,10 +9755,10 @@ var init_workflow_detail = __esm({
           data: workflow_execution,
           showJSON: true,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WorkflowExecutionGeneralSection, { execution: workflow_execution }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WorkflowExecutionTimelineSection, { execution: workflow_execution }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WorkflowExecutionPayloadSection, { execution: workflow_execution }),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(WorkflowExecutionHistorySection, { execution: workflow_execution })
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WorkflowExecutionGeneralSection, { execution: workflow_execution }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WorkflowExecutionTimelineSection, { execution: workflow_execution }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WorkflowExecutionPayloadSection, { execution: workflow_execution }),
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(WorkflowExecutionHistorySection, { execution: workflow_execution })
           ]
         }
       );
@@ -9542,22 +9783,22 @@ var init_workflow_execution_detail = __esm({
 });
 
 // src/components/common/icon-avatar/icon-avatar.tsx
-var import_ui69, import_jsx_runtime97, IconAvatar;
+var import_ui70, import_jsx_runtime98, IconAvatar;
 var init_icon_avatar = __esm({
   "src/components/common/icon-avatar/icon-avatar.tsx"() {
     "use strict";
-    import_ui69 = require("@acmekit/ui");
-    import_jsx_runtime97 = require("react/jsx-runtime");
+    import_ui70 = require("@acmekit/ui");
+    import_jsx_runtime98 = require("react/jsx-runtime");
     IconAvatar = ({
       size = "small",
       variant = "rounded",
       children,
       className
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "div",
         {
-          className: (0, import_ui69.clx)(
+          className: (0, import_ui70.clx)(
             "shadow-borders-base flex size-7 items-center justify-center",
             variant === "squared" && "rounded-md",
             variant === "rounded" && "rounded-full",
@@ -9569,7 +9810,7 @@ var init_icon_avatar = __esm({
             },
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children })
         }
       );
     };
@@ -9585,22 +9826,22 @@ var init_icon_avatar2 = __esm({
 });
 
 // src/components/common/link-button/link-button.tsx
-var import_ui70, import_react_router_dom44, import_jsx_runtime98, LinkButton;
+var import_ui71, import_react_router_dom44, import_jsx_runtime99, LinkButton;
 var init_link_button = __esm({
   "src/components/common/link-button/link-button.tsx"() {
     "use strict";
-    import_ui70 = require("@acmekit/ui");
+    import_ui71 = require("@acmekit/ui");
     import_react_router_dom44 = require("react-router-dom");
-    import_jsx_runtime98 = require("react/jsx-runtime");
+    import_jsx_runtime99 = require("react/jsx-runtime");
     LinkButton = ({
       className,
       variant = "interactive",
       ...props
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         import_react_router_dom44.Link,
         {
-          className: (0, import_ui70.clx)(
+          className: (0, import_ui71.clx)(
             "transition-fg txt-compact-small-plus rounded-[4px] outline-none",
             "focus-visible:shadow-borders-focus",
             {
@@ -9625,21 +9866,21 @@ var init_link_button2 = __esm({
 });
 
 // src/routes/translations/translation-list/components/active-locales-section/active-locales-section.tsx
-var import_icons34, import_ui71, import_react72, import_react_i18next52, import_jsx_runtime99, ActiveLocalesSection;
+var import_icons34, import_ui72, import_react72, import_react_i18next53, import_jsx_runtime100, ActiveLocalesSection;
 var init_active_locales_section = __esm({
   "src/routes/translations/translation-list/components/active-locales-section/active-locales-section.tsx"() {
     "use strict";
     import_icons34 = require("@acmekit/icons");
-    import_ui71 = require("@acmekit/ui");
+    import_ui72 = require("@acmekit/ui");
     import_react72 = require("react");
-    import_react_i18next52 = require("react-i18next");
+    import_react_i18next53 = require("react-i18next");
     init_icon_avatar2();
     init_link_button2();
-    import_jsx_runtime99 = require("react/jsx-runtime");
+    import_jsx_runtime100 = require("react/jsx-runtime");
     ActiveLocalesSection = ({
       locales
     }) => {
-      const { t: t3 } = (0, import_react_i18next52.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next53.useTranslation)();
       const [isHovered, setIsHovered] = (0, import_react72.useState)(false);
       const renderLocales = (0, import_react72.useCallback)(() => {
         const maxLocalesToDetail = 2;
@@ -9649,10 +9890,10 @@ var init_active_locales_section = __esm({
         return `${locales.slice(0, maxLocalesToDetail).map((locale) => locale.name).join(", ")} + ${locales.length - maxLocalesToDetail}`;
       }, [locales]);
       const hasLocales = locales.length > 0;
-      return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_ui71.Container, { className: "flex flex-col p-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_ui71.Heading, { level: "h2", children: t3("translations.activeLocales.heading") }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_ui72.Container, { className: "flex flex-col p-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center justify-between px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_ui72.Heading, { level: "h2", children: t3("translations.activeLocales.heading") }),
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             LinkButton,
             {
               variant: "interactive",
@@ -9662,12 +9903,12 @@ var init_active_locales_section = __esm({
             }
           )
         ] }),
-        hasLocales && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "px-1 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-          import_ui71.Tooltip,
+        hasLocales && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "px-1 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          import_ui72.Tooltip,
           {
             open: isHovered,
-            content: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex flex-col gap-y-1 p-1", children: locales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-              import_ui71.Text,
+            content: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex flex-col gap-y-1 p-1", children: locales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              import_ui72.Text,
               {
                 size: "base",
                 className: "text-ui-fg-subtle",
@@ -9675,17 +9916,17 @@ var init_active_locales_section = __esm({
               },
               locale.code
             )) }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-              import_ui71.Container,
+            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+              import_ui72.Container,
               {
                 className: "bg-ui-bg-component border-r-1 flex items-center gap-x-4 px-[19px] py-2",
                 onMouseEnter: () => setIsHovered(true),
                 onMouseLeave: () => setIsHovered(false),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(IconAvatar, { className: "border-ui-border-base border", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_icons34.Language, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_ui71.Text, { size: "small", weight: "plus", children: t3("translations.activeLocales.subtitle") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_ui71.Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
+                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(IconAvatar, { className: "border-ui-border-base border", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_icons34.Language, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_ui72.Text, { size: "small", weight: "plus", children: t3("translations.activeLocales.subtitle") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_ui72.Text, { className: "text-ui-fg-subtle", size: "small", children: renderLocales() })
                   ] })
                 ]
               }
@@ -9698,35 +9939,35 @@ var init_active_locales_section = __esm({
 });
 
 // src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx
-var import_ui72, import_react_router_dom45, import_react_i18next53, import_jsx_runtime100, TranslationListSection;
+var import_ui73, import_react_router_dom45, import_react_i18next54, import_jsx_runtime101, TranslationListSection;
 var init_translation_list_section = __esm({
   "src/routes/translations/translation-list/components/translation-list-section/translation-list-section.tsx"() {
     "use strict";
-    import_ui72 = require("@acmekit/ui");
+    import_ui73 = require("@acmekit/ui");
     import_react_router_dom45 = require("react-router-dom");
-    import_react_i18next53 = require("react-i18next");
-    import_jsx_runtime100 = require("react/jsx-runtime");
+    import_react_i18next54 = require("react-i18next");
+    import_jsx_runtime101 = require("react/jsx-runtime");
     TranslationListSection = ({
       entities,
       hasLocales = false
     }) => {
-      const { t: t3 } = (0, import_react_i18next53.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_ui72.Container, { className: "divide-y p-0", children: entities.map((entity) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+      const { t: t3 } = (0, import_react_i18next54.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_ui73.Container, { className: "divide-y p-0", children: entities.map((entity) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
         "div",
         {
           className: "grid grid-cols-[250px_1fr_auto] items-center gap-x-4 px-6 py-4",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_ui72.Text, { size: "small", weight: "plus", children: entity.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_ui72.Text, { size: "small", className: "text-ui-fg-subtle", children: t3("translations.list.metrics", {
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_ui73.Text, { size: "small", weight: "plus", children: entity.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_ui73.Text, { size: "small", className: "text-ui-fg-subtle", children: t3("translations.list.metrics", {
               translated: (entity.translatedCount ?? 0).toLocaleString(),
               total: (entity.totalCount ?? 0).toLocaleString()
             }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               import_react_router_dom45.Link,
               {
                 to: `/settings/translations/edit?reference=${entity.reference}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-                  import_ui72.Button,
+                children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  import_ui73.Button,
                   {
                     variant: "secondary",
                     size: "small",
@@ -9745,19 +9986,19 @@ var init_translation_list_section = __esm({
 });
 
 // src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx
-var import_ui73, import_react73, import_react_i18next54, import_jsx_runtime101, TranslationsCompletionSection;
+var import_ui74, import_react73, import_react_i18next55, import_jsx_runtime102, TranslationsCompletionSection;
 var init_translations_completion_section = __esm({
   "src/routes/translations/translation-list/components/translations-completion-section/translations-completion-section.tsx"() {
     "use strict";
-    import_ui73 = require("@acmekit/ui");
+    import_ui74 = require("@acmekit/ui");
     import_react73 = require("react");
-    import_react_i18next54 = require("react-i18next");
-    import_jsx_runtime101 = require("react/jsx-runtime");
+    import_react_i18next55 = require("react-i18next");
+    import_jsx_runtime102 = require("react/jsx-runtime");
     TranslationsCompletionSection = ({
       statistics,
       locales
     }) => {
-      const { t: t3 } = (0, import_react_i18next54.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next55.useTranslation)();
       const [hoveredLocale, setHoveredLocale] = (0, import_react73.useState)(null);
       const { translatedCount, totalCount } = Object.values(statistics).reduce(
         (acc, curr) => ({
@@ -9802,11 +10043,11 @@ var init_translations_completion_section = __esm({
         [localeStats]
       );
       const localeStatsCount = (0, import_react73.useMemo)(() => localeStats.length, [localeStats]);
-      return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_ui73.Container, { className: "p-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-y-4 px-6 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_ui73.Heading, { level: "h2", children: t3("translations.completion.heading") }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_ui73.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_ui74.Container, { className: "p-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-y-4 px-6 py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_ui74.Heading, { level: "h2", children: t3("translations.completion.heading") }),
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_ui74.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
               translatedCount.toLocaleString(),
               " ",
               t3("general.of"),
@@ -9814,8 +10055,8 @@ var init_translations_completion_section = __esm({
               totalCount.toLocaleString()
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-3 w-full overflow-hidden", children: percentage > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "div",
               {
                 className: "mr-0.5 h-full rounded-sm transition-all",
@@ -9826,7 +10067,7 @@ var init_translations_completion_section = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "div",
               {
                 className: "h-full flex-1 rounded-sm",
@@ -9836,7 +10077,7 @@ var init_translations_completion_section = __esm({
                 }
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "div",
             {
               className: "h-full w-full rounded-sm",
@@ -9846,33 +10087,33 @@ var init_translations_completion_section = __esm({
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_ui73.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_ui74.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
               percentage.toFixed(1),
               "%"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_ui73.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_ui74.Text, { size: "small", weight: "plus", className: "text-ui-fg-subtle", children: [
               remaining.toLocaleString(),
               " ",
               t3("general.remaining").toLowerCase()
             ] })
           ] })
         ] }),
-        localeStats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_ui73.Divider, { variant: "dashed" }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-y-3 px-6 pb-6 pt-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex h-32 w-full items-end gap-1", children: localeStats.map((locale) => {
+        localeStats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_ui74.Divider, { variant: "dashed" }),
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-y-3 px-6 pb-6 pt-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-32 w-full items-end gap-1", children: localeStats.map((locale) => {
               const heightPercent = locale.total / maxTotal * 100;
               const translatedPercent = locale.total > 0 ? locale.translated / locale.total * 100 : 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-                import_ui73.Tooltip,
+              return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                import_ui74.Tooltip,
                 {
                   open: hoveredLocale === locale.code,
-                  content: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-w-[150px] flex-col gap-y-1 p-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_ui73.Text, { size: "small", weight: "plus", children: locale.name }),
-                    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  content: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex min-w-[150px] flex-col gap-y-1 p-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_ui74.Text, { size: "small", weight: "plus", children: locale.name }),
+                    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                           "div",
                           {
                             className: "h-2 w-2 rounded-full",
@@ -9882,8 +10123,8 @@ var init_translations_completion_section = __esm({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-                          import_ui73.Text,
+                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                          import_ui74.Text,
                           {
                             size: "small",
                             weight: "plus",
@@ -9892,8 +10133,8 @@ var init_translations_completion_section = __esm({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-                        import_ui73.Text,
+                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                        import_ui74.Text,
                         {
                           size: "small",
                           weight: "plus",
@@ -9902,9 +10143,9 @@ var init_translations_completion_section = __esm({
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                           "div",
                           {
                             className: "h-2 w-2 rounded-full",
@@ -9914,8 +10155,8 @@ var init_translations_completion_section = __esm({
                             }
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-                          import_ui73.Text,
+                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                          import_ui74.Text,
                           {
                             size: "small",
                             weight: "plus",
@@ -9924,8 +10165,8 @@ var init_translations_completion_section = __esm({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-                        import_ui73.Text,
+                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                        import_ui74.Text,
                         {
                           size: "small",
                           weight: "plus",
@@ -9935,14 +10176,14 @@ var init_translations_completion_section = __esm({
                       )
                     ] })
                   ] }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex h-full flex-1 items-end justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-full flex-1 items-end justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                     "div",
                     {
                       className: "flex w-full min-w-2 max-w-[96px] flex-col justify-end overflow-hidden rounded-t-sm transition-opacity",
                       style: { height: `${heightPercent}%` },
                       onMouseEnter: () => setHoveredLocale(locale.code),
                       onMouseLeave: () => setHoveredLocale(null),
-                      children: translatedPercent === 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                      children: translatedPercent === 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                         "div",
                         {
                           className: "w-full rounded-sm",
@@ -9952,8 +10193,8 @@ var init_translations_completion_section = __esm({
                             boxShadow: "inset 0 0 0 0.5px var(--alpha-250)"
                           }
                         }
-                      ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                           "div",
                           {
                             className: "w-full rounded-sm",
@@ -9965,7 +10206,7 @@ var init_translations_completion_section = __esm({
                             }
                           }
                         ),
-                        translatedPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                        translatedPercent > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                           "div",
                           {
                             className: "mt-0.5 w-full rounded-sm",
@@ -9984,12 +10225,12 @@ var init_translations_completion_section = __esm({
                 locale.code
               );
             }) }),
-            localeStatsCount < 9 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex w-full gap-1", children: localeStats.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            localeStatsCount < 9 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex w-full gap-1", children: localeStats.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               "div",
               {
                 className: "flex flex-1 items-center justify-center",
-                children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-                  import_ui73.Text,
+                children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                  import_ui74.Text,
                   {
                     size: "xsmall",
                     weight: "plus",
@@ -10000,8 +10241,8 @@ var init_translations_completion_section = __esm({
               },
               locale.code
             )) }),
-            localeStatsCount > 9 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-              import_ui73.Text,
+            localeStatsCount > 9 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              import_ui74.Text,
               {
                 weight: "plus",
                 size: "xsmall",
@@ -10017,13 +10258,13 @@ var init_translations_completion_section = __esm({
 });
 
 // src/routes/translations/translation-list/translation-list.tsx
-var import_ui74, import_react74, import_react_i18next55, import_react_router_dom46, import_icons35, import_jsx_runtime102, TranslationList;
+var import_ui75, import_react74, import_react_i18next56, import_react_router_dom46, import_icons35, import_jsx_runtime103, TranslationList;
 var init_translation_list = __esm({
   "src/routes/translations/translation-list/translation-list.tsx"() {
     "use strict";
-    import_ui74 = require("@acmekit/ui");
+    import_ui75 = require("@acmekit/ui");
     import_react74 = require("react");
-    import_react_i18next55 = require("react-i18next");
+    import_react_i18next56 = require("react-i18next");
     import_react_router_dom46 = require("react-router-dom");
     init_skeleton2();
     init_pages();
@@ -10032,9 +10273,9 @@ var init_translation_list = __esm({
     init_translation_list_section();
     init_translations_completion_section();
     import_icons35 = require("@acmekit/icons");
-    import_jsx_runtime102 = require("react/jsx-runtime");
+    import_jsx_runtime103 = require("react/jsx-runtime");
     TranslationList = () => {
-      const { t: t3 } = (0, import_react_i18next55.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next56.useTranslation)();
       const navigate = (0, import_react_router_dom46.useNavigate)();
       const { locales: localesList, isPending, isError, error } = useLocales();
       const supportedLocales = localesList?.map((l) => ({ locale_code: l.code, locale: l.code })) ?? [];
@@ -10092,9 +10333,9 @@ var init_translation_list = __esm({
       }, [navigate]);
       const isReady = !!localesList && !isPending && !isTranslationSettingsPending && !!translation_settings && (!!statistics && !isTranslationStatisticsPending || !hasLocales);
       if (!isReady) {
-        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(TwoColumnPageSkeleton, { sidebarSections: 2 });
+        return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(TwoColumnPageSkeleton, { sidebarSections: 2 });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
         TwoColumnPage,
         {
           widgets: {
@@ -10104,40 +10345,40 @@ var init_translation_list = __esm({
             sideAfter: []
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(TwoColumnPage.Main, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_ui74.Container, { className: "flex items-center justify-between px-6 py-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_ui74.Heading, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(TwoColumnPage.Main, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_ui75.Container, { className: "flex items-center justify-between px-6 py-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_ui75.Heading, { children: [
                     "Manage ",
                     t3("translations.domain")
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_ui74.Text, { className: "text-ui-fg-subtle", size: "small", children: t3("translations.subtitle") })
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_ui75.Text, { className: "text-ui-fg-subtle", size: "small", children: t3("translations.subtitle") })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
-                  import_ui74.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+                  import_ui75.Button,
                   {
                     size: "small",
                     variant: "secondary",
                     onClick: handleManageEntities,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_icons35.ListCheckbox, { className: "text-ui-fg-subtle" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_ui74.Text, { className: "txt-compact-small-plus text-ui-fg-base", children: t3("translations.actions.manageEntities") })
+                      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_icons35.ListCheckbox, { className: "text-ui-fg-subtle" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_ui75.Text, { className: "txt-compact-small-plus text-ui-fg-base", children: t3("translations.actions.manageEntities") })
                     ]
                   }
                 )
               ] }),
-              !hasLocales && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                import_ui74.Alert,
+              !hasLocales && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                import_ui75.Alert,
                 {
                   variant: "info",
                   className: "bg-ui-bg-base flex items-center px-6 py-4",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between gap-x-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("p", { children: [
+                  children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center justify-between gap-x-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { children: [
                       t3("translations.activeLocales.noLocalesTip"),
                       "."
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                      import_ui74.Button,
+                    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                      import_ui75.Button,
                       {
                         onClick: handleManageLocales,
                         size: "small",
@@ -10148,7 +10389,7 @@ var init_translation_list = __esm({
                   ] })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 TranslationListSection,
                 {
                   entities: translatableEntities,
@@ -10156,14 +10397,14 @@ var init_translation_list = __esm({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(TwoColumnPage.Sidebar, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(TwoColumnPage.Sidebar, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 ActiveLocalesSection,
                 {
                   locales: supportedLocales.map((l) => l.locale)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                 TranslationsCompletionSection,
                 {
                   statistics: statistics ?? {},
@@ -10191,14 +10432,14 @@ var init_translation_list2 = __esm({
 });
 
 // src/routes/translations/settings/components/entity-selector-tree/entity-selector-tree.tsx
-var import_icons36, import_ui75, import_react75, import_jsx_runtime103, SelectorRow, EntitySelectorTree;
+var import_icons36, import_ui76, import_react75, import_jsx_runtime104, SelectorRow, EntitySelectorTree;
 var init_entity_selector_tree = __esm({
   "src/routes/translations/settings/components/entity-selector-tree/entity-selector-tree.tsx"() {
     "use strict";
     import_icons36 = require("@acmekit/icons");
-    import_ui75 = require("@acmekit/ui");
+    import_ui76 = require("@acmekit/ui");
     import_react75 = __toESM(require("react"));
-    import_jsx_runtime103 = require("react/jsx-runtime");
+    import_jsx_runtime104 = require("react/jsx-runtime");
     SelectorRow = ({
       leftElement,
       expandButton,
@@ -10208,12 +10449,12 @@ var init_entity_selector_tree = __esm({
       className
     }) => {
       const isSelected = checked !== false;
-      return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: (0, import_ui75.clx)("flex items-center gap-x-2 px-2 py-1.5", className), children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: (0, import_ui76.clx)("flex items-center gap-x-2 px-2 py-1.5", className), children: [
         leftElement,
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_ui75.Checkbox, { checked, onCheckedChange }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_ui76.Checkbox, { checked, onCheckedChange }),
         expandButton,
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
-          import_ui75.Text,
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          import_ui76.Text,
           {
             size: "small",
             weight: isSelected ? "plus" : "regular",
@@ -10342,28 +10583,28 @@ var init_entity_selector_tree = __esm({
         });
         return sorted;
       }, [entities, searchQuery, viewMode, sortOrder, selectedIds]);
-      return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "flex-1 overflow-y-auto", children: filteredAndSortedEntities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "text-ui-fg-subtle flex items-center justify-center py-12 text-sm", children: "No entities matching filters" }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { children: filteredAndSortedEntities.map((entity) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex-1 overflow-y-auto", children: filteredAndSortedEntities.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "text-ui-fg-subtle flex items-center justify-center py-12 text-sm", children: "No entities matching filters" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: filteredAndSortedEntities.map((entity) => {
         const isExpanded = expandedEntities.has(entity.id);
         const hasFields = entity.fields && entity.fields.length > 0;
         const selectionState = getEntitySelectionState(entity);
-        return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
             SelectorRow,
             {
               checked: selectionState,
               onCheckedChange: () => toggleEntitySelection(entity),
               label: entity.name,
               className: "hover:bg-ui-bg-component-hover",
-              expandButton: hasFields ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              expandButton: hasFields ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: () => toggleExpand(entity.id),
                   className: "flex h-5 w-5 items-center justify-center",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                     import_icons36.TriangleRightMini,
                     {
-                      className: (0, import_ui75.clx)(
+                      className: (0, import_ui76.clx)(
                         "text-ui-fg-muted transition-transform",
                         isExpanded && "rotate-90"
                       )
@@ -10373,9 +10614,9 @@ var init_entity_selector_tree = __esm({
               ) : null
             }
           ),
-          hasFields && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
-              import_ui75.Divider,
+          hasFields && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+              import_ui76.Divider,
               {
                 orientation: "vertical",
                 className: "absolute bottom-0 left-[2.87rem] top-0 z-10"
@@ -10384,11 +10625,11 @@ var init_entity_selector_tree = __esm({
             entity.fields.map((field) => {
               const fieldKey = `${entity.id}.${field.id}`;
               const isFieldSelected = selectedIds.has(fieldKey);
-              return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 SelectorRow,
                 {
                   className: "pl-3",
-                  leftElement: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "w-11" }),
+                  leftElement: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-11" }),
                   checked: isFieldSelected,
                   onCheckedChange: () => {
                     toggleFieldSelection(entity.id, field.id);
@@ -10407,22 +10648,22 @@ var init_entity_selector_tree = __esm({
 });
 
 // src/components/common/segmented-control/segmented-control.tsx
-var import_ui76, import_jsx_runtime104, SegmentedControl;
+var import_ui77, import_jsx_runtime105, SegmentedControl;
 var init_segmented_control = __esm({
   "src/components/common/segmented-control/segmented-control.tsx"() {
     "use strict";
-    import_ui76 = require("@acmekit/ui");
-    import_jsx_runtime104 = require("react/jsx-runtime");
+    import_ui77 = require("@acmekit/ui");
+    import_jsx_runtime105 = require("react/jsx-runtime");
     SegmentedControl = ({
       value,
       onValueChange,
       options,
       className
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "div",
         {
-          className: (0, import_ui76.clx)(
+          className: (0, import_ui77.clx)(
             "bg-ui-bg-disabled grid items-center gap-x-[1px] rounded-md p-[1px]",
             className
           ),
@@ -10431,14 +10672,14 @@ var init_segmented_control = __esm({
           },
           children: options.map((option) => {
             const isSelected = value === option.value;
-            return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-              import_ui76.Button,
+            return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+              import_ui77.Button,
               {
                 size: "small",
                 onClick: () => onValueChange(option.value),
                 variant: isSelected ? "secondary" : "transparent",
                 type: "button",
-                className: (0, import_ui76.clx)(
+                className: (0, import_ui77.clx)(
                   "w-auto",
                   !isSelected && "hover:text-ui-fg-base text-ui-fg-muted"
                 ),
@@ -10462,16 +10703,16 @@ var init_segmented_control2 = __esm({
 });
 
 // src/routes/translations/settings/components/selector-tree-filter/selector-tree-filter.tsx
-var import_icons37, import_ui77, import_react_i18next56, import_react76, import_jsx_runtime105, SelectorTreeFilter;
+var import_icons37, import_ui78, import_react_i18next57, import_react76, import_jsx_runtime106, SelectorTreeFilter;
 var init_selector_tree_filter = __esm({
   "src/routes/translations/settings/components/selector-tree-filter/selector-tree-filter.tsx"() {
     "use strict";
     import_icons37 = require("@acmekit/icons");
-    import_ui77 = require("@acmekit/ui");
+    import_ui78 = require("@acmekit/ui");
     init_segmented_control2();
-    import_react_i18next56 = require("react-i18next");
+    import_react_i18next57 = require("react-i18next");
     import_react76 = require("react");
-    import_jsx_runtime105 = require("react/jsx-runtime");
+    import_jsx_runtime106 = require("react/jsx-runtime");
     SelectorTreeFilter = ({
       searchQuery,
       onSearchChange,
@@ -10484,15 +10725,15 @@ var init_selector_tree_filter = __esm({
       onCollapseAll,
       className
     }) => {
-      const { t: t3 } = (0, import_react_i18next56.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next57.useTranslation)();
       const [allSelected, setAllSelected] = (0, import_react76.useState)(initialAllSelected);
       const handleSelectAllToggle = () => {
         setAllSelected((prev) => !prev);
         onSelectAllToggle(!allSelected);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_ui77.clx)("flex items-center gap-x-2", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-          import_ui77.Input,
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_ui78.clx)("flex items-center gap-x-2", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          import_ui78.Input,
           {
             size: "small",
             type: "search",
@@ -10502,7 +10743,7 @@ var init_selector_tree_filter = __esm({
             className: "w-full"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           SegmentedControl,
           {
             value: viewMode,
@@ -10513,8 +10754,8 @@ var init_selector_tree_filter = __esm({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-          import_ui77.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          import_ui78.Button,
           {
             onClick: handleSelectAllToggle,
             size: "small",
@@ -10524,36 +10765,36 @@ var init_selector_tree_filter = __esm({
             children: allSelected ? t3("general.unselectAll") : t3("general.selectAll")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-          import_ui77.Tooltip,
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          import_ui78.Tooltip,
           {
             content: sortOrder === "desc" ? t3("filters.sorting.alphabeticallyAsc") : t3("filters.sorting.alphabeticallyDesc"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_ui77.IconButton, { size: "small", onClick: onSortToggle, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_icons37.DescendingSorting, {}) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_ui78.IconButton, { size: "small", onClick: onSortToggle, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_icons37.DescendingSorting, {}) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_ui77.Tooltip, { content: t3("filters.collapse.all"), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_ui77.IconButton, { size: "small", onClick: onCollapseAll, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_icons37.Collapse, {}) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_ui78.Tooltip, { content: t3("filters.collapse.all"), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_ui78.IconButton, { size: "small", onClick: onCollapseAll, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_icons37.Collapse, {}) }) })
       ] });
     };
   }
 });
 
 // src/routes/translations/settings/components/batch-translation-settings-form/batch-translation-settings-form.tsx
-var import_zod8, import_ui78, import_react77, import_react_hook_form9, import_react_i18next57, zod6, import_jsx_runtime106, BatchTranslationSettingsSchema, format4, transformSettingsToEntities, transformSelectedFieldsToBatchRequest, BatchTranslationSettingsForm;
+var import_zod8, import_ui79, import_react77, import_react_hook_form9, import_react_i18next58, zod6, import_jsx_runtime107, BatchTranslationSettingsSchema, format4, transformSettingsToEntities, transformSelectedFieldsToBatchRequest, BatchTranslationSettingsForm;
 var init_batch_translation_settings_form = __esm({
   "src/routes/translations/settings/components/batch-translation-settings-form/batch-translation-settings-form.tsx"() {
     "use strict";
     import_zod8 = require("@hookform/resolvers/zod");
-    import_ui78 = require("@acmekit/ui");
+    import_ui79 = require("@acmekit/ui");
     import_react77 = require("react");
     import_react_hook_form9 = require("react-hook-form");
-    import_react_i18next57 = require("react-i18next");
+    import_react_i18next58 = require("react-i18next");
     zod6 = __toESM(require("zod"));
     init_modals();
     init_keybound_form2();
     init_translations();
     init_entity_selector_tree();
     init_selector_tree_filter();
-    import_jsx_runtime106 = require("react/jsx-runtime");
+    import_jsx_runtime107 = require("react/jsx-runtime");
     BatchTranslationSettingsSchema = zod6.object({
       selectedFields: zod6.array(zod6.string())
     });
@@ -10617,7 +10858,7 @@ var init_batch_translation_settings_form = __esm({
     BatchTranslationSettingsForm = ({
       translation_settings
     }) => {
-      const { t: t3 } = (0, import_react_i18next57.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next58.useTranslation)();
       const { handleSuccess } = useRouteModal();
       const [searchQuery, setSearchQuery] = (0, import_react77.useState)("");
       const [viewMode, setViewMode] = (0, import_react77.useState)("full");
@@ -10673,25 +10914,25 @@ var init_batch_translation_settings_form = __esm({
         if (batchRequest.create || batchRequest.update) {
           await mutateAsync(batchRequest, {
             onSuccess: () => {
-              import_ui78.toast.success(t3("translations.settings.successToast"));
+              import_ui79.toast.success(t3("translations.settings.successToast"));
               handleSuccess();
             },
             onError: (error) => {
-              import_ui78.toast.error(error.message);
+              import_ui79.toast.error(error.message);
             }
           });
         } else {
           handleSuccess();
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(RouteDrawer.Form, { form, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RouteDrawer.Form, { form, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
         KeyboundForm,
         {
           onSubmit: handleSubmit,
           className: "flex flex-1 flex-col overflow-hidden",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(RouteDrawer.Body, { className: "p-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(RouteDrawer.Body, { className: "p-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "px-6 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                 SelectorTreeFilter,
                 {
                   sortOrder,
@@ -10705,8 +10946,8 @@ var init_batch_translation_settings_form = __esm({
                   onCollapseAll: handleCollapseAll
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_ui78.Divider, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "bg-ui-bg-component h-full px-6 pb-6 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_ui79.Divider, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "bg-ui-bg-component h-full px-6 pb-6 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                 EntitySelectorTree,
                 {
                   ref: treeRef,
@@ -10718,9 +10959,9 @@ var init_batch_translation_settings_form = __esm({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(RouteDrawer.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_ui78.Button, { variant: "secondary", size: "small", children: t3("actions.cancel") }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_ui78.Button, { size: "small", type: "submit", isLoading: isMutating, children: t3("actions.save") })
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RouteDrawer.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RouteDrawer.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_ui79.Button, { variant: "secondary", size: "small", children: t3("actions.cancel") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_ui79.Button, { size: "small", type: "submit", isLoading: isMutating, children: t3("actions.save") })
             ] }) })
           ]
         }
@@ -10730,24 +10971,24 @@ var init_batch_translation_settings_form = __esm({
 });
 
 // src/routes/translations/settings/settings.tsx
-var import_ui79, import_icons38, import_jsx_runtime107, Settings;
+var import_ui80, import_icons38, import_jsx_runtime108, Settings;
 var init_settings = __esm({
   "src/routes/translations/settings/settings.tsx"() {
     "use strict";
-    import_ui79 = require("@acmekit/ui");
+    import_ui80 = require("@acmekit/ui");
     import_icons38 = require("@acmekit/icons");
     init_modals();
     init_translations();
     init_batch_translation_settings_form();
-    import_jsx_runtime107 = require("react/jsx-runtime");
+    import_jsx_runtime108 = require("react/jsx-runtime");
     Settings = () => {
       const { translation_settings, isPending, isError, error } = useTranslationSettings();
       if (isError) {
         throw error;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(RouteDrawer, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RouteDrawer.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_ui79.Heading, { children: "Manage translatable entities" }) }) }),
-        isPending ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RouteDrawer.Body, { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_icons38.Spinner, { className: "animate-spin" }) }) : translation_settings && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(RouteDrawer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(RouteDrawer.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(RouteDrawer.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_ui80.Heading, { children: "Manage translatable entities" }) }) }),
+        isPending ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(RouteDrawer.Body, { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_icons38.Spinner, { className: "animate-spin" }) }) : translation_settings && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           BatchTranslationSettingsForm,
           {
             translation_settings
@@ -12885,13 +13126,13 @@ var init_hooks2 = __esm({
 });
 
 // src/components/data-grid/components/data-grid-row-error-indicator.tsx
-var import_ui80, import_react_i18next58, import_jsx_runtime108, DataGridRowErrorIndicator, DataGridRowErrorLine;
+var import_ui81, import_react_i18next59, import_jsx_runtime109, DataGridRowErrorIndicator, DataGridRowErrorLine;
 var init_data_grid_row_error_indicator = __esm({
   "src/components/data-grid/components/data-grid-row-error-indicator.tsx"() {
     "use strict";
-    import_ui80 = require("@acmekit/ui");
-    import_react_i18next58 = require("react-i18next");
-    import_jsx_runtime108 = require("react/jsx-runtime");
+    import_ui81 = require("@acmekit/ui");
+    import_react_i18next59 = require("react-i18next");
+    import_jsx_runtime109 = require("react/jsx-runtime");
     DataGridRowErrorIndicator = ({
       rowErrors
     }) => {
@@ -12899,22 +13140,22 @@ var init_data_grid_row_error_indicator = __esm({
       if (!rowErrors || rowErrorCount <= 0) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-        import_ui80.Tooltip,
+      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        import_ui81.Tooltip,
         {
-          content: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("ul", { className: "flex flex-col gap-y-3", children: rowErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(DataGridRowErrorLine, { error }, index)) }),
+          content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("ul", { className: "flex flex-col gap-y-3", children: rowErrors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DataGridRowErrorLine, { error }, index)) }),
           delayDuration: 0,
-          children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_ui80.Badge, { color: "red", size: "2xsmall", className: "cursor-default", children: rowErrorCount })
+          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_ui81.Badge, { color: "red", size: "2xsmall", className: "cursor-default", children: rowErrorCount })
         }
       );
     };
     DataGridRowErrorLine = ({
       error
     }) => {
-      const { t: t3 } = (0, import_react_i18next58.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("li", { className: "txt-compact-small flex flex-col items-start", children: [
+      const { t: t3 } = (0, import_react_i18next59.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("li", { className: "txt-compact-small flex flex-col items-start", children: [
         error.message,
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           "button",
           {
             type: "button",
@@ -12929,16 +13170,16 @@ var init_data_grid_row_error_indicator = __esm({
 });
 
 // src/components/data-grid/components/data-grid-cell-container.tsx
-var import_error_message, import_icons39, import_ui81, import_react_hook_form12, import_jsx_runtime109, DataGridCellContainer, RenderChildren;
+var import_error_message, import_icons39, import_ui82, import_react_hook_form12, import_jsx_runtime110, DataGridCellContainer, RenderChildren;
 var init_data_grid_cell_container = __esm({
   "src/components/data-grid/components/data-grid-cell-container.tsx"() {
     "use strict";
     import_error_message = require("@hookform/error-message");
     import_icons39 = require("@acmekit/icons");
-    import_ui81 = require("@acmekit/ui");
+    import_ui82 = require("@acmekit/ui");
     import_react_hook_form12 = require("react-hook-form");
     init_data_grid_row_error_indicator();
-    import_jsx_runtime109 = require("react/jsx-runtime");
+    import_jsx_runtime110 = require("react/jsx-runtime");
     DataGridCellContainer = ({
       isAnchor,
       isSelected,
@@ -12956,11 +13197,11 @@ var init_data_grid_cell_container = __esm({
     }) => {
       const error = (0, import_react_hook_form12.get)(errors, field);
       const hasError = !!error;
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_ui81.clx)("group/container relative h-full w-full"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: (0, import_ui82.clx)("group/container relative h-full w-full"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
           "div",
           {
-            className: (0, import_ui81.clx)(
+            className: (0, import_ui82.clx)(
               "bg-ui-bg-base group/cell relative flex h-full w-full gap-x-2 px-4 py-2.5 outline-none",
               {
                 "items-center": !isMultiLine,
@@ -12974,28 +13215,28 @@ var init_data_grid_cell_container = __esm({
             tabIndex: -1,
             ...innerProps,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
                 import_error_message.ErrorMessage,
                 {
                   name: field,
                   errors,
                   render: ({ message }) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_ui81.Tooltip, { content: message, delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_icons39.ExclamationCircle, { className: "text-ui-tag-red-icon z-[3]" }) }) });
+                    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_ui82.Tooltip, { content: message, delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_icons39.ExclamationCircle, { className: "text-ui-tag-red-icon z-[3]" }) }) });
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
                 "div",
                 {
-                  className: (0, import_ui81.clx)("relative z-[1] flex h-full w-full", {
+                  className: (0, import_ui82.clx)("relative z-[1] flex h-full w-full", {
                     "items-center justify-center": !isMultiLine,
                     "items-start": isMultiLine
                   }),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(RenderChildren, { isAnchor, placeholder, children })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(RenderChildren, { isAnchor, placeholder, children })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(DataGridRowErrorIndicator, { rowErrors }),
-              showOverlay && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(DataGridRowErrorIndicator, { rowErrors }),
+              showOverlay && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
                 "div",
                 {
                   ...overlayProps,
@@ -13023,16 +13264,16 @@ var init_data_grid_cell_container = __esm({
 });
 
 // src/components/data-grid/components/data-grid-boolean-cell.tsx
-var import_ui82, import_react_hook_form13, import_jsx_runtime110, DataGridBooleanCell, Inner;
+var import_ui83, import_react_hook_form13, import_jsx_runtime111, DataGridBooleanCell, Inner;
 var init_data_grid_boolean_cell = __esm({
   "src/components/data-grid/components/data-grid-boolean-cell.tsx"() {
     "use strict";
-    import_ui82 = require("@acmekit/ui");
+    import_ui83 = require("@acmekit/ui");
     import_react_hook_form13 = require("react-hook-form");
     init_use_combined_refs();
     init_hooks2();
     init_data_grid_cell_container();
-    import_jsx_runtime110 = require("react/jsx-runtime");
+    import_jsx_runtime111 = require("react/jsx-runtime");
     DataGridBooleanCell = ({
       context,
       disabled
@@ -13042,13 +13283,13 @@ var init_data_grid_boolean_cell = __esm({
       });
       const errorProps = useDataGridCellError({ context });
       const { container, input } = renderProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         import_react_hook_form13.Controller,
         {
           control,
           name: field,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(Inner, { field: field2, inputProps: input, disabled }) });
+            return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Inner, { field: field2, inputProps: input, disabled }) });
           }
         }
       );
@@ -13067,8 +13308,8 @@ var init_data_grid_boolean_cell = __esm({
         ...attributes
       } = inputProps;
       const combinedRefs = useCombinedRefs(ref, inputRef);
-      return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-        import_ui82.Checkbox,
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        import_ui83.Checkbox,
         {
           disabled: disabled || fieldDisabled,
           name,
@@ -13837,7 +14078,7 @@ var init_currencies = __esm({
 });
 
 // src/components/data-grid/components/data-grid-currency-cell.tsx
-var import_react_currency_input_field, import_react_hook_form14, import_react93, import_jsx_runtime111, DataGridCurrencyCell, Inner2;
+var import_react_currency_input_field, import_react_hook_form14, import_react93, import_jsx_runtime112, DataGridCurrencyCell, Inner2;
 var init_data_grid_currency_cell = __esm({
   "src/components/data-grid/components/data-grid-currency-cell.tsx"() {
     "use strict";
@@ -13848,7 +14089,7 @@ var init_data_grid_currency_cell = __esm({
     init_currencies();
     init_hooks2();
     init_data_grid_cell_container();
-    import_jsx_runtime111 = require("react/jsx-runtime");
+    import_jsx_runtime112 = require("react/jsx-runtime");
     DataGridCurrencyCell = ({
       context,
       code
@@ -13859,13 +14100,13 @@ var init_data_grid_currency_cell = __esm({
       const errorProps = useDataGridCellError({ context });
       const { container, input } = renderProps;
       const currency = currencies[code.toUpperCase()];
-      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         import_react_hook_form14.Controller,
         {
           control,
           name: field,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Inner2, { field: field2, inputProps: input, currencyInfo: currency }) });
+            return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Inner2, { field: field2, inputProps: input, currencyInfo: currency }) });
           }
         }
       );
@@ -13911,8 +14152,8 @@ var init_data_grid_currency_cell = __esm({
         setLocalValue(update);
       }, [value, formatter]);
       const combinedRed = useCombinedRefs(inputRef, ref);
-      return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "relative flex size-full items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative flex size-full items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "span",
           {
             className: "txt-compact-small text-ui-fg-muted pointer-events-none absolute left-0 w-fit min-w-4",
@@ -13920,7 +14161,7 @@ var init_data_grid_currency_cell = __esm({
             children: currencyInfo.symbol_native
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           import_react_currency_input_field.default,
           {
             ...rest,
@@ -13948,17 +14189,17 @@ var init_data_grid_currency_cell = __esm({
 });
 
 // src/components/data-grid/components/data-grid-multiline-cell.tsx
-var import_ui83, import_react94, import_react_hook_form15, import_jsx_runtime112, DataGridMultilineCell, Inner3;
+var import_ui84, import_react94, import_react_hook_form15, import_jsx_runtime113, DataGridMultilineCell, Inner3;
 var init_data_grid_multiline_cell = __esm({
   "src/components/data-grid/components/data-grid-multiline-cell.tsx"() {
     "use strict";
-    import_ui83 = require("@acmekit/ui");
+    import_ui84 = require("@acmekit/ui");
     import_react94 = require("react");
     import_react_hook_form15 = require("react-hook-form");
     init_use_combined_refs();
     init_hooks2();
     init_data_grid_cell_container();
-    import_jsx_runtime112 = require("react/jsx-runtime");
+    import_jsx_runtime113 = require("react/jsx-runtime");
     DataGridMultilineCell = ({
       context
     }) => {
@@ -13967,13 +14208,13 @@ var init_data_grid_multiline_cell = __esm({
       });
       const errorProps = useDataGridCellError({ context });
       const { container, input } = renderProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         import_react_hook_form15.Controller,
         {
           control,
           name: field,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Inner3, { field: field2, inputProps: input }) });
+            return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(DataGridCellContainer, { ...container, ...errorProps, isMultiLine: true, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Inner3, { field: field2, inputProps: input }) });
           }
         }
       );
@@ -14006,10 +14247,10 @@ var init_data_grid_multiline_cell = __esm({
         const timeoutId = setTimeout(adjustTextareaHeight, 50);
         return () => clearTimeout(timeoutId);
       }, [adjustTextareaHeight]);
-      return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
         "textarea",
         {
-          className: (0, import_ui83.clx)(
+          className: (0, import_ui84.clx)(
             "txt-compact-small text-ui-fg-subtle flex w-full cursor-pointer bg-transparent outline-none",
             "focus:cursor-text",
             "resize-none overflow-hidden py-2"
@@ -14036,17 +14277,17 @@ var init_data_grid_multiline_cell = __esm({
 });
 
 // src/components/data-grid/components/data-grid-number-cell.tsx
-var import_ui84, import_react95, import_react_hook_form16, import_jsx_runtime113, DataGridNumberCell, Inner4;
+var import_ui85, import_react95, import_react_hook_form16, import_jsx_runtime114, DataGridNumberCell, Inner4;
 var init_data_grid_number_cell = __esm({
   "src/components/data-grid/components/data-grid-number-cell.tsx"() {
     "use strict";
-    import_ui84 = require("@acmekit/ui");
+    import_ui85 = require("@acmekit/ui");
     import_react95 = require("react");
     import_react_hook_form16 = require("react-hook-form");
     init_use_combined_refs();
     init_hooks2();
     init_data_grid_cell_container();
-    import_jsx_runtime113 = require("react/jsx-runtime");
+    import_jsx_runtime114 = require("react/jsx-runtime");
     DataGridNumberCell = ({
       context,
       ...rest
@@ -14056,13 +14297,13 @@ var init_data_grid_number_cell = __esm({
       });
       const errorProps = useDataGridCellError({ context });
       const { container, input } = renderProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         import_react_hook_form16.Controller,
         {
           control,
           name: field,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(Inner4, { field: field2, inputProps: input, ...rest }) });
+            return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(Inner4, { field: field2, inputProps: input, ...rest }) });
           }
         }
       );
@@ -14085,7 +14326,7 @@ var init_data_grid_number_cell = __esm({
         setLocalValue(value);
       }, [value]);
       const combinedRefs = useCombinedRefs(inputRef, ref);
-      return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
         "input",
         {
           ref: combinedRefs,
@@ -14099,7 +14340,7 @@ var init_data_grid_number_cell = __esm({
           onFocus,
           type: "number",
           inputMode: "decimal",
-          className: (0, import_ui84.clx)(
+          className: (0, import_ui85.clx)(
             "txt-compact-small size-full bg-transparent outline-none",
             "placeholder:text-ui-fg-muted"
           ),
@@ -14114,14 +14355,14 @@ var init_data_grid_number_cell = __esm({
 });
 
 // src/components/data-grid/components/data-grid-readonly-cell.tsx
-var import_ui85, import_jsx_runtime114, DataGridReadonlyCell;
+var import_ui86, import_jsx_runtime115, DataGridReadonlyCell;
 var init_data_grid_readonly_cell = __esm({
   "src/components/data-grid/components/data-grid-readonly-cell.tsx"() {
     "use strict";
-    import_ui85 = require("@acmekit/ui");
+    import_ui86 = require("@acmekit/ui");
     init_hooks2();
     init_data_grid_row_error_indicator();
-    import_jsx_runtime114 = require("react/jsx-runtime");
+    import_jsx_runtime115 = require("react/jsx-runtime");
     DataGridReadonlyCell = ({
       context,
       color = "muted",
@@ -14129,27 +14370,27 @@ var init_data_grid_readonly_cell = __esm({
       isMultiLine = false
     }) => {
       const { rowErrors } = useDataGridCellError({ context });
-      return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
         "div",
         {
-          className: (0, import_ui85.clx)(
+          className: (0, import_ui86.clx)(
             "txt-compact-small text-ui-fg-subtle flex w-full cursor-not-allowed justify-between overflow-hidden px-4 py-2.5 outline-none",
             color === "muted" && "bg-ui-bg-subtle",
             color === "normal" && "bg-ui-bg-base",
             "h-full items-center"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
               "div",
               {
-                className: (0, import_ui85.clx)("flex-1", {
+                className: (0, import_ui86.clx)("flex-1", {
                   truncate: !isMultiLine,
                   "whitespace-pre-wrap break-words": isMultiLine
                 }),
                 children
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(DataGridRowErrorIndicator, { rowErrors })
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(DataGridRowErrorIndicator, { rowErrors })
           ]
         }
       );
@@ -14208,18 +14449,18 @@ var init_use_command_history = __esm({
 });
 
 // src/components/data-grid/components/data-grid-keyboard-shortcut-modal.tsx
-var import_icons40, import_ui86, import_radix_ui15, import_react97, import_react_i18next59, import_jsx_runtime115, useDataGridShortcuts, DataGridKeyboardShortcutModal;
+var import_icons40, import_ui87, import_radix_ui15, import_react97, import_react_i18next60, import_jsx_runtime116, useDataGridShortcuts, DataGridKeyboardShortcutModal;
 var init_data_grid_keyboard_shortcut_modal = __esm({
   "src/components/data-grid/components/data-grid-keyboard-shortcut-modal.tsx"() {
     "use strict";
     import_icons40 = require("@acmekit/icons");
-    import_ui86 = require("@acmekit/ui");
+    import_ui87 = require("@acmekit/ui");
     import_radix_ui15 = require("radix-ui");
     import_react97 = require("react");
-    import_react_i18next59 = require("react-i18next");
-    import_jsx_runtime115 = require("react/jsx-runtime");
+    import_react_i18next60 = require("react-i18next");
+    import_jsx_runtime116 = require("react/jsx-runtime");
     useDataGridShortcuts = () => {
-      const { t: t3 } = (0, import_react_i18next59.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next60.useTranslation)();
       const shortcuts = (0, import_react97.useMemo)(
         () => [
           {
@@ -14364,7 +14605,7 @@ var init_data_grid_keyboard_shortcut_modal = __esm({
       open,
       onOpenChange
     }) => {
-      const { t: t3 } = (0, import_react_i18next59.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next60.useTranslation)();
       const [searchValue, onSearchValueChange] = (0, import_react97.useState)("");
       const shortcuts = useDataGridShortcuts();
       const searchResults = (0, import_react97.useMemo)(() => {
@@ -14372,32 +14613,32 @@ var init_data_grid_keyboard_shortcut_modal = __esm({
           (shortcut) => shortcut.label.toLowerCase().includes(searchValue.toLowerCase())
         );
       }, [searchValue, shortcuts]);
-      return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_radix_ui15.Dialog.Root, { open, onOpenChange, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_radix_ui15.Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_ui86.Button, { size: "small", variant: "secondary", children: t3("dataGrid.shortcuts.label") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_radix_ui15.Dialog.Portal, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_radix_ui15.Dialog.Root, { open, onOpenChange, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_radix_ui15.Dialog.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.Button, { size: "small", variant: "secondary", children: t3("dataGrid.shortcuts.label") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_radix_ui15.Dialog.Portal, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
             import_radix_ui15.Dialog.Overlay,
             {
-              className: (0, import_ui86.clx)(
+              className: (0, import_ui87.clx)(
                 "bg-ui-bg-overlay fixed inset-0",
                 "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(import_radix_ui15.Dialog.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg outline-none", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_radix_ui15.Dialog.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_ui86.Heading, { children: t3("app.menus.user.shortcuts") }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_radix_ui15.Dialog.Description, { className: "sr-only" })
+          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_radix_ui15.Dialog.Content, { className: "bg-ui-bg-subtle shadow-elevation-modal fixed left-[50%] top-[50%] flex h-full max-h-[612px] w-full max-w-[560px] translate-x-[-50%] translate-y-[-50%] flex-col divide-y overflow-hidden rounded-lg outline-none", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex flex-col gap-y-3 px-6 py-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_radix_ui15.Dialog.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.Heading, { children: t3("app.menus.user.shortcuts") }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_radix_ui15.Dialog.Description, { className: "sr-only" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_ui86.Kbd, { children: "esc" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_radix_ui15.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_ui86.IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_icons40.XMark, {}) }) })
+                /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.Kbd, { children: "esc" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_radix_ui15.Dialog.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.IconButton, { variant: "transparent", size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_icons40.XMark, {}) }) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
-                import_ui86.Input,
+              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                import_ui87.Input,
                 {
                   type: "search",
                   value: searchValue,
@@ -14406,15 +14647,15 @@ var init_data_grid_keyboard_shortcut_modal = __esm({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex flex-col divide-y overflow-y-auto", children: searchResults.map((shortcut, index) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
                 "div",
                 {
                   className: "text-ui-fg-subtle flex items-center justify-between px-6 py-3",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_ui86.Text, { size: "small", children: shortcut.label }),
-                    /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_ui86.Kbd, { children: key }) }, index2);
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.Text, { size: "small", children: shortcut.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex items-center gap-x-1", children: shortcut.keys.Mac?.map((key, index2) => {
+                      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex items-center gap-x-1", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.Kbd, { children: key }) }, index2);
                     }) })
                   ]
                 },
@@ -14429,16 +14670,16 @@ var init_data_grid_keyboard_shortcut_modal = __esm({
 });
 
 // src/components/data-grid/components/data-grid-root.tsx
-var import_icons41, import_ui87, import_react_table6, import_react_virtual, import_react98, import_react_i18next60, import_jsx_runtime116, ROW_HEIGHT, getCommonPinningStyles, DataGridRoot, DataGridHeader, DataGridCell, DataGridRow, DataGridRowSkeleton;
+var import_icons41, import_ui88, import_react_table6, import_react_virtual, import_react98, import_react_i18next61, import_jsx_runtime117, ROW_HEIGHT, getCommonPinningStyles, DataGridRoot, DataGridHeader, DataGridCell, DataGridRow, DataGridRowSkeleton;
 var init_data_grid_root = __esm({
   "src/components/data-grid/components/data-grid-root.tsx"() {
     "use strict";
     import_icons41 = require("@acmekit/icons");
-    import_ui87 = require("@acmekit/ui");
+    import_ui88 = require("@acmekit/ui");
     import_react_table6 = require("@tanstack/react-table");
     import_react_virtual = require("@tanstack/react-virtual");
     import_react98 = require("react");
-    import_react_i18next60 = require("react-i18next");
+    import_react_i18next61 = require("react-i18next");
     init_use_command_history();
     init_use_document_direction();
     init_conditional_tooltip2();
@@ -14447,7 +14688,7 @@ var init_data_grid_root = __esm({
     init_models();
     init_utils3();
     init_data_grid_keyboard_shortcut_modal();
-    import_jsx_runtime116 = require("react/jsx-runtime");
+    import_jsx_runtime117 = require("react/jsx-runtime");
     ROW_HEIGHT = 40;
     getCommonPinningStyles = (column) => {
       const isPinned = column.getIsPinned();
@@ -14881,8 +15122,8 @@ var init_data_grid_root = __esm({
           });
         }
       }, [anchor, trapActive, setSingleRange, scrollToCoordinates, queryTool]);
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(DataGridContext.Provider, { value: values, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "bg-ui-bg-subtle flex size-full flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           DataGridHeader,
           {
             showColumnsDropdown,
@@ -14897,7 +15138,7 @@ var init_data_grid_root = __esm({
             headerContent
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "size-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
           "div",
           {
             ref: containerRef,
@@ -14908,19 +15149,19 @@ var init_data_grid_root = __esm({
             onClick: handleRestoreGridFocus,
             "data-container": true,
             role: "application",
-            children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { role: "grid", className: "text-ui-fg-subtle grid", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                 "div",
                 {
                   role: "rowgroup",
                   className: "txt-compact-small-plus bg-ui-bg-subtle sticky top-0 z-[1] grid",
-                  children: grid.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+                  children: grid.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
                     "div",
                     {
                       role: "row",
                       className: "flex h-10 w-full",
                       children: [
-                        virtualPaddingLeft ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                        virtualPaddingLeft ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                           "div",
                           {
                             role: "presentation",
@@ -14932,7 +15173,7 @@ var init_data_grid_root = __esm({
                           const previousVC = array2[index - 1];
                           if (previousVC && vc.index !== previousVC.index + 1) {
                             acc.push(
-                              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                                 "div",
                                 {
                                   role: "presentation",
@@ -14946,7 +15187,7 @@ var init_data_grid_root = __esm({
                             );
                           }
                           acc.push(
-                            /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                               "div",
                               {
                                 role: "columnheader",
@@ -14966,7 +15207,7 @@ var init_data_grid_root = __esm({
                           );
                           return acc;
                         }, []),
-                        virtualPaddingRight ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                        virtualPaddingRight ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                           "div",
                           {
                             role: "presentation",
@@ -14982,7 +15223,7 @@ var init_data_grid_root = __esm({
                   ))
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                 "div",
                 {
                   role: "rowgroup",
@@ -14993,7 +15234,7 @@ var init_data_grid_root = __esm({
                   children: virtualRows.map((virtualRow) => {
                     const row = visibleRows[virtualRow.index];
                     if (!row) {
-                      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                         DataGridRowSkeleton,
                         {
                           virtualRow,
@@ -15005,7 +15246,7 @@ var init_data_grid_root = __esm({
                       );
                     }
                     const rowIndex = flatRows.findIndex((r) => r.id === row.id);
-                    return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                       DataGridRow,
                       {
                         row,
@@ -15044,7 +15285,7 @@ var init_data_grid_root = __esm({
     }) => {
       const [shortcutsOpen, setShortcutsOpen] = (0, import_react98.useState)(false);
       const [columnsOpen, setColumnsOpen] = (0, import_react98.useState)(false);
-      const { t: t3 } = (0, import_react_i18next60.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next61.useTranslation)();
       const direction = useDocumentDirection();
       const hasChanged = columnOptions.some((column) => !column.checked);
       const handleShortcutsOpenChange = (value) => {
@@ -15055,33 +15296,33 @@ var init_data_grid_root = __esm({
         onHeaderInteractionChange(value);
         setColumnsOpen(value);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
-        showColumnsDropdown && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "flex items-center gap-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
-            import_ui87.DropdownMenu,
+      return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "bg-ui-bg-base flex items-center justify-between border-b p-4", children: [
+        showColumnsDropdown && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "flex items-center gap-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+            import_ui88.DropdownMenu,
             {
               dir: direction,
               open: columnsOpen,
               onOpenChange: handleColumnsOpenChange,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                   ConditionalTooltip,
                   {
                     showTooltip: isDisabled,
                     content: t3("dataGrid.columns.disabled"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_ui87.Button, { size: "small", variant: "secondary", children: [
-                      hasChanged ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_icons41.AdjustmentsDone, {}) : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_icons41.Adjustments, {}),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_ui88.DropdownMenu.Trigger, { asChild: true, disabled: isDisabled, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_ui88.Button, { size: "small", variant: "secondary", children: [
+                      hasChanged ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons41.AdjustmentsDone, {}) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons41.Adjustments, {}),
                       t3("dataGrid.columns.view")
                     ] }) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_ui87.DropdownMenu.Content, { children: columnOptions.map((column, index) => {
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_ui88.DropdownMenu.Content, { children: columnOptions.map((column, index) => {
                   const { checked, disabled, id: id2, name } = column;
                   if (disabled) {
                     return null;
                   }
-                  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
-                    import_ui87.DropdownMenu.CheckboxItem,
+                  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                    import_ui88.DropdownMenu.CheckboxItem,
                     {
                       checked,
                       onCheckedChange: onToggleColumn(index),
@@ -15094,8 +15335,8 @@ var init_data_grid_root = __esm({
               ]
             }
           ),
-          hasChanged && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
-            import_ui87.Button,
+          hasChanged && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+            import_ui88.Button,
             {
               size: "small",
               variant: "transparent",
@@ -15108,26 +15349,26 @@ var init_data_grid_root = __esm({
           )
         ] }),
         headerContent,
-        /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "ml-auto flex items-center gap-x-2", children: [
-          errorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
-            import_ui87.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "ml-auto flex items-center gap-x-2", children: [
+          errorCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+            import_ui88.Button,
             {
               size: "small",
               variant: "secondary",
               type: "button",
               onClick: onToggleErrorHighlighting,
-              className: (0, import_ui87.clx)({
+              className: (0, import_ui88.clx)({
                 "bg-ui-button-neutral-pressed": isHighlighted
               }),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_icons41.ExclamationCircle, { className: "text-ui-fg-subtle" }),
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { children: t3("dataGrid.errors.count", {
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_icons41.ExclamationCircle, { className: "text-ui-fg-subtle" }),
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { children: t3("dataGrid.errors.count", {
                   count: errorCount
                 }) })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
             DataGridKeyboardShortcutModal,
             {
               open: shortcutsOpen,
@@ -15150,7 +15391,7 @@ var init_data_grid_root = __esm({
         col: columnIndex
       };
       const isAnchor = isCellMatch(coords, anchor);
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
         "div",
         {
           role: "gridcell",
@@ -15162,21 +15403,21 @@ var init_data_grid_root = __esm({
           },
           "data-row-index": rowIndex,
           "data-column-index": columnIndex,
-          className: (0, import_ui87.clx)(
+          className: (0, import_ui88.clx)(
             "relative flex items-stretch border-b border-r p-0 outline-none"
           ),
           tabIndex: -1,
-          children: /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { className: "relative w-full", children: [
+          children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "relative w-full", children: [
             (0, import_react_table6.flexRender)(cell.column.columnDef.cell, {
               ...cell.getContext(),
               columnIndex,
               rowIndex
             }),
-            isAnchor && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            isAnchor && /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 onMouseDown: onDragToFillStart,
-                className: (0, import_ui87.clx)(
+                className: (0, import_ui88.clx)(
                   "bg-ui-fg-interactive absolute bottom-0 right-0 z-[3] size-1.5 cursor-ns-resize",
                   {
                     "cursor-nwse-resize": multiColumnSelection
@@ -15202,7 +15443,7 @@ var init_data_grid_root = __esm({
       multiColumnSelection
     }) => {
       const visibleCells = row.getVisibleCells();
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
         "div",
         {
           role: "row",
@@ -15214,7 +15455,7 @@ var init_data_grid_root = __esm({
           },
           className: "bg-ui-bg-subtle txt-compact-small absolute flex min-h-10 w-full",
           children: [
-            virtualPaddingLeft ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            virtualPaddingLeft ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 role: "presentation",
@@ -15228,7 +15469,7 @@ var init_data_grid_root = __esm({
               const previousVC = array2[index - 1];
               if (previousVC && vc.index !== previousVC.index + 1) {
                 acc.push(
-                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                     "div",
                     {
                       role: "presentation",
@@ -15242,7 +15483,7 @@ var init_data_grid_root = __esm({
                 );
               }
               acc.push(
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                   DataGridCell,
                   {
                     cell,
@@ -15257,7 +15498,7 @@ var init_data_grid_root = __esm({
               );
               return acc;
             }, []),
-            virtualPaddingRight ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            virtualPaddingRight ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 role: "presentation",
@@ -15274,7 +15515,7 @@ var init_data_grid_root = __esm({
       virtualPaddingRight,
       virtualColumns
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
         "div",
         {
           role: "row",
@@ -15284,7 +15525,7 @@ var init_data_grid_root = __esm({
           },
           className: "bg-ui-bg-subtle txt-compact-small absolute flex h-10 w-full",
           children: [
-            virtualPaddingLeft ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            virtualPaddingLeft ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 role: "presentation",
@@ -15296,7 +15537,7 @@ var init_data_grid_root = __esm({
               const elements = [];
               if (previousVC && vc.index !== previousVC.index + 1) {
                 elements.push(
-                  /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                     "div",
                     {
                       role: "presentation",
@@ -15310,20 +15551,20 @@ var init_data_grid_root = __esm({
                 );
               }
               elements.push(
-                /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
                   "div",
                   {
                     role: "gridcell",
                     style: { width: vc.size },
                     className: "relative flex items-center border-b border-r p-0 outline-none",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "bg-ui-bg-component h-4 w-3/4 animate-pulse rounded" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "flex h-full w-full items-center px-4", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "bg-ui-bg-component h-4 w-3/4 animate-pulse rounded" }) })
                   },
                   `skeleton-cell-${vc.index}`
                 )
               );
               return elements;
             }),
-            virtualPaddingRight ? /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+            virtualPaddingRight ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
               "div",
               {
                 role: "presentation",
@@ -15338,22 +15579,22 @@ var init_data_grid_root = __esm({
 });
 
 // src/components/data-grid/components/data-grid-skeleton.tsx
-var import_jsx_runtime117, DataGridSkeleton;
+var import_jsx_runtime118, DataGridSkeleton;
 var init_data_grid_skeleton = __esm({
   "src/components/data-grid/components/data-grid-skeleton.tsx"() {
     "use strict";
     init_skeleton2();
-    import_jsx_runtime117 = require("react/jsx-runtime");
+    import_jsx_runtime118 = require("react/jsx-runtime");
     DataGridSkeleton = ({
       columns,
       rows: rowCount = 10
     }) => {
       const rows = Array.from({ length: rowCount }, (_, i) => i);
       const colCount = columns.length;
-      return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "bg-ui-bg-subtle size-full", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "bg-ui-bg-base border-b p-4", children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "bg-ui-button-neutral h-7 w-[116px] animate-pulse rounded-md" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "bg-ui-bg-subtle size-full overflow-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "bg-ui-bg-subtle size-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "bg-ui-bg-base border-b p-4", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "bg-ui-button-neutral h-7 w-[116px] animate-pulse rounded-md" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("div", { className: "bg-ui-bg-subtle size-full overflow-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             "div",
             {
               className: "grid",
@@ -15361,28 +15602,28 @@ var init_data_grid_skeleton = __esm({
                 gridTemplateColumns: `repeat(${colCount}, 1fr)`
               },
               children: columns.map((_col, i) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                   "div",
                   {
                     className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Skeleton, { className: "h-[14px] w-[164px]" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Skeleton, { className: "h-[14px] w-[164px]" })
                   },
                   i
                 );
               })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { children: rows.map((_, j) => /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { children: rows.map((_, j) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
             "div",
             {
               className: "grid",
               style: { gridTemplateColumns: `repeat(${colCount}, 1fr)` },
               children: columns.map((_col, k) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
                   "div",
                   {
                     className: "bg-ui-bg-base flex h-10 w-[200px] items-center border-b border-r px-4 py-2.5 last:border-r-0",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Skeleton, { className: "h-[14px] w-[164px]" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Skeleton, { className: "h-[14px] w-[164px]" })
                   },
                   k
                 );
@@ -15397,17 +15638,17 @@ var init_data_grid_skeleton = __esm({
 });
 
 // src/components/data-grid/components/data-grid-text-cell.tsx
-var import_ui88, import_react99, import_react_hook_form17, import_jsx_runtime118, DataGridTextCell, Inner5;
+var import_ui89, import_react99, import_react_hook_form17, import_jsx_runtime119, DataGridTextCell, Inner5;
 var init_data_grid_text_cell = __esm({
   "src/components/data-grid/components/data-grid-text-cell.tsx"() {
     "use strict";
-    import_ui88 = require("@acmekit/ui");
+    import_ui89 = require("@acmekit/ui");
     import_react99 = require("react");
     import_react_hook_form17 = require("react-hook-form");
     init_use_combined_refs();
     init_hooks2();
     init_data_grid_cell_container();
-    import_jsx_runtime118 = require("react/jsx-runtime");
+    import_jsx_runtime119 = require("react/jsx-runtime");
     DataGridTextCell = ({
       context
     }) => {
@@ -15416,13 +15657,13 @@ var init_data_grid_text_cell = __esm({
       });
       const errorProps = useDataGridCellError({ context });
       const { container, input } = renderProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         import_react_hook_form17.Controller,
         {
           control,
           name: field,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(Inner5, { field: field2, inputProps: input }) });
+            return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(Inner5, { field: field2, inputProps: input }) });
           }
         }
       );
@@ -15439,10 +15680,10 @@ var init_data_grid_text_cell = __esm({
         setLocalValue(value);
       }, [value]);
       const combinedRefs = useCombinedRefs(inputRef, ref, inputElRef);
-      return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
         "input",
         {
-          className: (0, import_ui88.clx)(
+          className: (0, import_ui89.clx)(
             "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer bg-transparent outline-none",
             "focus:cursor-text",
             "items-center justify-center"
@@ -15466,11 +15707,11 @@ var init_data_grid_text_cell = __esm({
 });
 
 // src/components/data-grid/components/data-grid-textarea-modal-cell.tsx
-var import_ui89, import_radix_ui16, import_react100, import_react_hook_form18, import_jsx_runtime119, DataGridExpandableTextCell, Inner6;
+var import_ui90, import_radix_ui16, import_react100, import_react_hook_form18, import_jsx_runtime120, DataGridExpandableTextCell, Inner6;
 var init_data_grid_textarea_modal_cell = __esm({
   "src/components/data-grid/components/data-grid-textarea-modal-cell.tsx"() {
     "use strict";
-    import_ui89 = require("@acmekit/ui");
+    import_ui90 = require("@acmekit/ui");
     import_radix_ui16 = require("radix-ui");
     import_react100 = require("react");
     import_react_hook_form18 = require("react-hook-form");
@@ -15478,7 +15719,7 @@ var init_data_grid_textarea_modal_cell = __esm({
     init_hooks2();
     init_context2();
     init_data_grid_cell_container();
-    import_jsx_runtime119 = require("react/jsx-runtime");
+    import_jsx_runtime120 = require("react/jsx-runtime");
     DataGridExpandableTextCell = ({
       context,
       fieldLabel
@@ -15488,13 +15729,13 @@ var init_data_grid_textarea_modal_cell = __esm({
       });
       const errorProps = useDataGridCellError({ context });
       const { container, input } = renderProps;
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
         import_react_hook_form18.Controller,
         {
           control,
           name: field,
           render: ({ field: field2 }) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               Inner6,
               {
                 field: field2,
@@ -15596,7 +15837,7 @@ var init_data_grid_textarea_modal_cell = __esm({
       }, []);
       const displayValue = localValue || "";
       const truncatedValue = displayValue.length > 50 ? `${displayValue.substring(0, 50)}...` : displayValue;
-      return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(
         import_radix_ui16.Popover.Root,
         {
           open: isPopoverOpen,
@@ -15608,18 +15849,18 @@ var init_data_grid_textarea_modal_cell = __esm({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_radix_ui16.Popover.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_radix_ui16.Popover.Anchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                 "div",
                 {
-                  className: (0, import_ui89.clx)(
+                  className: (0, import_ui90.clx)(
                     "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer items-center justify-center bg-transparent outline-none",
                     "focus:cursor-text"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("span", { className: "w-full truncate text-center", children: truncatedValue })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "w-full truncate text-center", children: truncatedValue })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
                 "input",
                 {
                   className: "sr-only",
@@ -15638,10 +15879,10 @@ var init_data_grid_textarea_modal_cell = __esm({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_radix_ui16.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_radix_ui16.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
               import_radix_ui16.Popover.Content,
               {
-                className: (0, import_ui89.clx)(
+                className: (0, import_ui90.clx)(
                   "bg-ui-bg-base shadow-elevation-flyout flex max-h-[80vh] w-[600px] overflow-hidden p-0 outline-none"
                 ),
                 align: "start",
@@ -15651,8 +15892,8 @@ var init_data_grid_textarea_modal_cell = __esm({
                 collisionPadding: 24,
                 onEscapeKeyDown: handlePopoverSave,
                 onKeyDown: handlePopoverKeyDown,
-                children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
-                  import_ui89.Textarea,
+                children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+                  import_ui90.Textarea,
                   {
                     value: popoverValue,
                     onChange: (e) => setPopoverValue(e.target.value),
@@ -15688,12 +15929,12 @@ var init_components = __esm({
 });
 
 // src/components/data-grid/data-grid.tsx
-var import_jsx_runtime120, _DataGrid, DataGrid;
+var import_jsx_runtime121, _DataGrid, DataGrid;
 var init_data_grid = __esm({
   "src/components/data-grid/data-grid.tsx"() {
     "use strict";
     init_components();
-    import_jsx_runtime120 = require("react/jsx-runtime");
+    import_jsx_runtime121 = require("react/jsx-runtime");
     _DataGrid = ({
       isLoading,
       // Lazy loading props - passed through to DataGridRoot
@@ -15703,13 +15944,13 @@ var init_data_grid = __esm({
       hasNextPage,
       ...props
     }) => {
-      return isLoading ? /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      return isLoading ? /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         DataGridSkeleton,
         {
           columns: props.columns,
           rows: props.data?.length && props.data.length > 0 ? props.data.length : 10
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
         DataGridRoot,
         {
           ...props,
@@ -15772,19 +16013,19 @@ var init_create_data_grid_column_helper = __esm({
 });
 
 // src/components/common/tax-badge/tax-badge.tsx
-var import_icons42, import_ui90, import_react_i18next61, import_jsx_runtime121;
+var import_icons42, import_ui91, import_react_i18next62, import_jsx_runtime122;
 var init_tax_badge = __esm({
   "src/components/common/tax-badge/tax-badge.tsx"() {
     "use strict";
     import_icons42 = require("@acmekit/icons");
-    import_ui90 = require("@acmekit/ui");
-    import_react_i18next61 = require("react-i18next");
-    import_jsx_runtime121 = require("react/jsx-runtime");
+    import_ui91 = require("@acmekit/ui");
+    import_react_i18next62 = require("react-i18next");
+    import_jsx_runtime122 = require("react/jsx-runtime");
   }
 });
 
 // src/components/data-grid/helpers/create-data-grid-price-columns.tsx
-var import_jsx_runtime122;
+var import_jsx_runtime123;
 var init_create_data_grid_price_columns = __esm({
   "src/components/data-grid/helpers/create-data-grid-price-columns.tsx"() {
     "use strict";
@@ -15792,7 +16033,7 @@ var init_create_data_grid_price_columns = __esm({
     init_data_grid_currency_cell();
     init_data_grid_readonly_cell();
     init_create_data_grid_column_helper();
-    import_jsx_runtime122 = require("react/jsx-runtime");
+    import_jsx_runtime123 = require("react/jsx-runtime");
   }
 });
 
@@ -15919,7 +16160,7 @@ function useTranslationsGridColumns({
   selectedLocale,
   dynamicColumnWidth
 }) {
-  const { t: t3 } = (0, import_react_i18next62.useTranslation)();
+  const { t: t3 } = (0, import_react_i18next63.useTranslation)();
   return (0, import_react101.useMemo)(() => {
     const selectedLocaleData = availableLocales.find(
       (l) => l.locale_code === selectedLocale
@@ -15933,10 +16174,10 @@ function useTranslationsGridColumns({
         cell: (context) => {
           const row = context.row.original;
           if (isEntityRow(row)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DataGrid.ReadonlyCell, { context });
+            return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DataGrid.ReadonlyCell, { context });
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DataGrid.ReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-            import_ui91.Text,
+          return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DataGrid.ReadonlyCell, { context, color: "normal", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "flex h-full w-full items-center gap-x-2 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+            import_ui92.Text,
             {
               className: "text-ui-fg-subtle truncate",
               weight: "plus",
@@ -15953,18 +16194,18 @@ function useTranslationsGridColumns({
         id: "original",
         name: "original",
         size: dynamicColumnWidth,
-        header: () => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Text, { className: "text-ui-fg-base", weight: "plus", size: "small", children: t3("general.original") }),
+        header: () => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Text, { className: "text-ui-fg-base", weight: "plus", size: "small", children: t3("general.original") }),
         disableHiding: true,
         cell: (context) => {
           const row = context.row.original;
           if (isEntityRow(row)) {
-            return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DataGrid.ReadonlyCell, { context });
+            return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DataGrid.ReadonlyCell, { context });
           }
           const entity = entities.find((e) => e.id === row.reference_id);
           if (!entity) {
             return null;
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DataGrid.ReadonlyCell, { color: "normal", context, isMultiLine: true, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Text, { className: "text-ui-fg-subtle", weight: "plus", size: "small", children: entity[row.field_name] }) });
+          return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DataGrid.ReadonlyCell, { color: "normal", context, isMultiLine: true, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Text, { className: "text-ui-fg-subtle", weight: "plus", size: "small", children: entity[row.field_name] }) });
         }
       })
     ];
@@ -15974,13 +16215,13 @@ function useTranslationsGridColumns({
           id: selectedLocaleData.locale_code,
           name: selectedLocaleData.locale.name,
           size: dynamicColumnWidth,
-          header: () => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Text, { className: "text-ui-fg-base", weight: "plus", size: "small", children: selectedLocaleData.locale.name }),
+          header: () => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Text, { className: "text-ui-fg-base", weight: "plus", size: "small", children: selectedLocaleData.locale.name }),
           cell: (context) => {
             const row = context.row.original;
             if (isEntityRow(row)) {
-              return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DataGrid.ReadonlyCell, { context, isMultiLine: true });
+              return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DataGrid.ReadonlyCell, { context, isMultiLine: true });
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DataGrid.MultilineCell, { context });
+            return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DataGrid.MultilineCell, { context });
           },
           field: (context) => {
             const row = context.row.original;
@@ -15996,21 +16237,21 @@ function useTranslationsGridColumns({
     return columns;
   }, [t3, availableLocales, selectedLocale, entities, dynamicColumnWidth]);
 }
-var import_zod9, import_ui91, import_react101, import_react_hook_form19, import_react_i18next62, import_zod10, import_jsx_runtime123, EntityTranslationsSchema, TranslationsFormSchema, columnHelper6, FIELD_COLUMN_WIDTH, TranslationsEditForm;
+var import_zod9, import_ui92, import_react101, import_react_hook_form19, import_react_i18next63, import_zod10, import_jsx_runtime124, EntityTranslationsSchema, TranslationsFormSchema, columnHelper6, FIELD_COLUMN_WIDTH, TranslationsEditForm;
 var init_translations_edit_form = __esm({
   "src/routes/translations/translations-edit/components/translations-edit-form/translations-edit-form.tsx"() {
     "use strict";
     import_zod9 = require("@hookform/resolvers/zod");
-    import_ui91 = require("@acmekit/ui");
+    import_ui92 = require("@acmekit/ui");
     import_react101 = require("react");
     import_react_hook_form19 = require("react-hook-form");
-    import_react_i18next62 = require("react-i18next");
+    import_react_i18next63 = require("react-i18next");
     import_zod10 = require("zod");
     init_data_grid2();
     init_modals();
     init_keybound_form2();
     init_translations();
-    import_jsx_runtime123 = require("react/jsx-runtime");
+    import_jsx_runtime124 = require("react/jsx-runtime");
     EntityTranslationsSchema = import_zod10.z.object({
       id: import_zod10.z.string().nullish(),
       fields: import_zod10.z.record(import_zod10.z.string().optional())
@@ -16031,7 +16272,7 @@ var init_translations_edit_form = __esm({
       isFetchingNextPage,
       referenceCount
     }) => {
-      const { t: t3 } = (0, import_react_i18next62.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next63.useTranslation)();
       const { handleSuccess, setCloseOnEscape } = useRouteModal();
       const containerRef = (0, import_react101.useRef)(null);
       const [dynamicColumnWidth, setDynamicColumnWidth] = (0, import_react101.useState)(400);
@@ -16159,7 +16400,7 @@ var init_translations_edit_form = __esm({
             }
             const response = await mutateAsync(currentBatch, {
               onError: (error) => {
-                import_ui91.toast.error(error.message);
+                import_ui92.toast.error(error.message);
               }
             });
             if (response.created) {
@@ -16184,7 +16425,7 @@ var init_translations_edit_form = __esm({
           form.reset(savedValues);
           return true;
         } catch (error) {
-          import_ui91.toast.error(
+          import_ui92.toast.error(
             error instanceof Error ? error.message : "Failed to save translations"
           );
           return false;
@@ -16237,7 +16478,7 @@ var init_translations_edit_form = __esm({
       const handleSaveAndSwitch = (0, import_react101.useCallback)(async () => {
         const success = await saveCurrentLocale();
         if (success && pendingLocale) {
-          import_ui91.toast.success(t3("translations.edit.successToast"));
+          import_ui92.toast.success(t3("translations.edit.successToast"));
           await switchToLocale(pendingLocale);
         }
         setShowUnsavedPrompt(false);
@@ -16251,7 +16492,7 @@ var init_translations_edit_form = __esm({
         async (closeOnSuccess = false) => {
           const success = await saveCurrentLocale();
           if (success) {
-            import_ui91.toast.success(t3("translations.edit.successToast"));
+            import_ui92.toast.success(t3("translations.edit.successToast"));
             if (closeOnSuccess) {
               handleSuccess();
             }
@@ -16263,15 +16504,15 @@ var init_translations_edit_form = __esm({
         invalidateQueries();
       }, [invalidateQueries]);
       const isLoading = isPending || isSwitchingLocale;
-      return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(RouteFocusModal.Form, { form, onClose: handleClose, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(RouteFocusModal.Form, { form, onClose: handleClose, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
           KeyboundForm,
           {
             onSubmit: () => handleSave(true),
             className: "flex h-full flex-col overflow-hidden",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RouteFocusModal.Header, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { ref: containerRef, className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RouteFocusModal.Header, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RouteFocusModal.Body, { className: "size-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { ref: containerRef, className: "size-full", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
                 DataGrid,
                 {
                   showColumnsDropdown: false,
@@ -16288,17 +16529,17 @@ var init_translations_edit_form = __esm({
                   onFetchMore: fetchNextPage,
                   isFetchingMore: isFetchingNextPage,
                   hasNextPage,
-                  headerContent: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
-                    import_ui91.Select,
+                  headerContent: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
+                    import_ui92.Select,
                     {
                       disabled: isLoading,
                       value: selectedLocale,
                       onValueChange: handleLocaleChange,
                       size: "small",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Select.Trigger, { className: "bg-ui-bg-base w-[200px]", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Select.Value, { children: selectedLocaleDisplay }) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Select.Content, { children: availableLocales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-                          import_ui91.Select.Item,
+                        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Select.Trigger, { className: "bg-ui-bg-base w-[200px]", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Select.Value, { children: selectedLocaleDisplay }) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Select.Content, { children: availableLocales.map((locale) => /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                          import_ui92.Select.Item,
                           {
                             value: locale.locale_code,
                             children: locale.locale.name
@@ -16310,9 +16551,9 @@ var init_translations_edit_form = __esm({
                   )
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RouteFocusModal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { className: "flex items-center justify-end gap-x-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-                  import_ui91.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RouteFocusModal.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex items-center justify-end gap-x-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RouteFocusModal.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                  import_ui92.Button,
                   {
                     type: "button",
                     size: "small",
@@ -16321,8 +16562,8 @@ var init_translations_edit_form = __esm({
                     children: t3("actions.cancel")
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-                  import_ui91.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+                  import_ui92.Button,
                   {
                     size: "small",
                     type: "button",
@@ -16332,19 +16573,19 @@ var init_translations_edit_form = __esm({
                     children: t3("actions.saveChanges")
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Button, { size: "small", type: "submit", isLoading, children: t3("actions.saveAndClose") })
+                /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Button, { size: "small", type: "submit", isLoading, children: t3("actions.saveAndClose") })
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Prompt, { open: showUnsavedPrompt, variant: "confirmation", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_ui91.Prompt.Content, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_ui91.Prompt.Header, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Prompt.Title, { children: t3("translations.edit.unsavedChanges.title") }),
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_ui91.Prompt.Description, { children: t3("translations.edit.unsavedChanges.description") })
+        /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Prompt, { open: showUnsavedPrompt, variant: "confirmation", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_ui92.Prompt.Content, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_ui92.Prompt.Header, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Prompt.Title, { children: t3("translations.edit.unsavedChanges.title") }),
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_ui92.Prompt.Description, { children: t3("translations.edit.unsavedChanges.description") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_ui91.Prompt.Footer, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-              import_ui91.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(import_ui92.Prompt.Footer, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              import_ui92.Button,
               {
                 size: "small",
                 variant: "secondary",
@@ -16353,8 +16594,8 @@ var init_translations_edit_form = __esm({
                 children: t3("actions.close")
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
-              import_ui91.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+              import_ui92.Button,
               {
                 size: "small",
                 onClick: handleSaveAndSwitch,
@@ -16379,7 +16620,7 @@ var init_translations_edit_form2 = __esm({
 });
 
 // src/routes/translations/translations-edit/translations-edit.tsx
-var import_react_query19, import_react102, import_react_router_dom47, import_jsx_runtime124, TranslationsEdit;
+var import_react_query19, import_react102, import_react_router_dom47, import_jsx_runtime125, TranslationsEdit;
 var init_translations_edit = __esm({
   "src/routes/translations/translations-edit/translations-edit.tsx"() {
     "use strict";
@@ -16390,7 +16631,7 @@ var init_translations_edit = __esm({
     init_api();
     init_feature_flag_provider();
     init_translations_edit_form2();
-    import_jsx_runtime124 = require("react/jsx-runtime");
+    import_jsx_runtime125 = require("react/jsx-runtime");
     TranslationsEdit = () => {
       const isTranslationsEnabled = useFeatureFlag("translation");
       const navigate = (0, import_react_router_dom47.useNavigate)();
@@ -16434,7 +16675,7 @@ var init_translations_edit = __esm({
       if (isError || isLocalesError || isTranslationSettingsError) {
         throw error || localesError || translationSettingsError;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(RouteFocusModal, { prev: referenceIdParam.length ? -1 : "..", children: ready && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(RouteFocusModal, { prev: referenceIdParam.length ? -1 : "..", children: ready && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
         TranslationsEditForm,
         {
           translations,
@@ -16465,18 +16706,18 @@ var init_translations_edit2 = __esm({
 });
 
 // src/routes/home/home.tsx
-var import_ui92, import_react_i18next63, import_jsx_runtime125, Home;
+var import_ui93, import_react_i18next64, import_jsx_runtime126, Home;
 var init_home = __esm({
   "src/routes/home/home.tsx"() {
     "use strict";
-    import_ui92 = require("@acmekit/ui");
-    import_react_i18next63 = require("react-i18next");
-    import_jsx_runtime125 = require("react/jsx-runtime");
+    import_ui93 = require("@acmekit/ui");
+    import_react_i18next64 = require("react-i18next");
+    import_jsx_runtime126 = require("react/jsx-runtime");
     Home = () => {
-      const { t: t3 } = (0, import_react_i18next63.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_ui92.Container, { className: "divide-y p-0", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-4 px-6 py-16", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_ui92.Heading, { level: "h1", children: t3("app.home.welcome", "Welcome") }),
-        /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_ui92.Text, { size: "small", className: "text-ui-fg-muted text-center", children: t3(
+      const { t: t3 } = (0, import_react_i18next64.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_ui93.Container, { className: "divide-y p-0", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-4 px-6 py-16", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_ui93.Heading, { level: "h1", children: t3("app.home.welcome", "Welcome") }),
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_ui93.Text, { size: "small", className: "text-ui-fg-muted text-center", children: t3(
           "app.home.empty",
           "Add plugins to your admin to get started. Plugins can add routes, settings, and features."
         ) })
@@ -16498,28 +16739,28 @@ var init_home2 = __esm({
 });
 
 // src/routes/settings/settings.tsx
-var import_ui93, import_react_router_dom48, import_react_i18next64, import_jsx_runtime126, Settings2;
+var import_ui94, import_react_router_dom48, import_react_i18next65, import_jsx_runtime127, Settings2;
 var init_settings3 = __esm({
   "src/routes/settings/settings.tsx"() {
     "use strict";
-    import_ui93 = require("@acmekit/ui");
+    import_ui94 = require("@acmekit/ui");
     import_react_router_dom48 = require("react-router-dom");
-    import_react_i18next64 = require("react-i18next");
-    import_jsx_runtime126 = require("react/jsx-runtime");
+    import_react_i18next65 = require("react-i18next");
+    import_jsx_runtime127 = require("react/jsx-runtime");
     Settings2 = () => {
-      const { t: t3 } = (0, import_react_i18next64.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next65.useTranslation)();
       const location = (0, import_react_router_dom48.useLocation)();
       const isSettingsIndex = location.pathname === "/settings";
       if (isSettingsIndex) {
-        return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_ui93.Container, { className: "divide-y p-0", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-4 px-6 py-16", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_ui93.Heading, { level: "h1", children: t3("app.nav.settings.header") }),
-          /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_ui93.Text, { size: "small", className: "text-ui-fg-muted text-center", children: t3(
+        return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_ui94.Container, { className: "divide-y p-0", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-4 px-6 py-16", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_ui94.Heading, { level: "h1", children: t3("app.nav.settings.header") }),
+          /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_ui94.Text, { size: "small", className: "text-ui-fg-muted text-center", children: t3(
             "app.settings.empty",
             "Add plugins to see settings here. Plugins can register settings under this section."
           ) })
         ] }) });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_react_router_dom48.Outlet, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_react_router_dom48.Outlet, {});
     };
   }
 });
@@ -16538,13 +16779,13 @@ var init_settings4 = __esm({
 
 // src/components/common/logo-box/avatar-box.tsx
 function AvatarBox({ checked }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
     IconAvatar,
     {
       size: "xlarge",
       className: "bg-ui-button-neutral shadow-buttons-neutral after:button-neutral-gradient relative mb-4 flex h-[50px] w-[50px] items-center justify-center rounded-xl after:inset-0 after:content-['']",
       children: [
-        checked && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+        checked && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
           import_react103.motion.div,
           {
             className: "absolute -right-[5px] -top-1 flex size-5 items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]",
@@ -16555,7 +16796,7 @@ function AvatarBox({ checked }) {
               delay: 0.8,
               ease: [0, 0.71, 0.2, 1.01]
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -16563,7 +16804,7 @@ function AvatarBox({ checked }) {
                 height: "20",
                 viewBox: "0 0 20 20",
                 fill: "none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                   import_react103.motion.path,
                   {
                     d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
@@ -16585,7 +16826,7 @@ function AvatarBox({ checked }) {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
           "svg",
           {
             className: "rounded-[10px]",
@@ -16593,8 +16834,8 @@ function AvatarBox({ checked }) {
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("rect", { width: "400", height: "400", fill: "#18181B" }),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("rect", { width: "400", height: "400", fill: "#18181B" }),
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
                 "path",
                 {
                   d: "M238.088 51.1218L238.089 51.1223L310.605 92.8101C334.028 106.308 348.526 131.32 347.868 157.953L347.867 157.966V157.978V241.688C347.867 268.68 333.687 293.362 310.271 306.856L310.269 306.858L237.754 348.878C214.336 362.374 185.643 362.374 162.225 348.878L89.7127 306.859C66.6206 293.361 52.1113 268.674 52.1113 241.688V157.978C52.1113 131.326 66.6211 106.307 89.7088 92.8093C89.7101 92.8085 89.7114 92.8078 89.7127 92.807L162.556 51.1233L162.559 51.1218C185.977 37.6261 214.67 37.6261 238.088 51.1218ZM124.634 200C124.634 241.576 158.502 275.372 200.156 275.372C242.142 275.372 276.013 241.578 276.013 200C276.013 158.419 241.805 124.628 200.156 124.628C158.502 124.628 124.634 158.424 124.634 200Z",
@@ -16603,8 +16844,8 @@ function AvatarBox({ checked }) {
                   strokeWidth: "2"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("defs", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("defs", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
                   "linearGradient",
                   {
                     id: "paint0_linear_11869_12671",
@@ -16614,12 +16855,12 @@ function AvatarBox({ checked }) {
                     y2: "360",
                     gradientUnits: "userSpaceOnUse",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { stopColor: "white" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
+                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { stopColor: "white" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
                   "linearGradient",
                   {
                     id: "paint1_linear_11869_12671",
@@ -16629,8 +16870,8 @@ function AvatarBox({ checked }) {
                     y2: "360",
                     gradientUnits: "userSpaceOnUse",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { stopColor: "white", stopOpacity: "0" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
+                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { stopColor: "white", stopOpacity: "0" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("stop", { offset: "1", stopColor: "white", stopOpacity: "0.7" })
                     ]
                   }
                 )
@@ -16642,33 +16883,33 @@ function AvatarBox({ checked }) {
     }
   );
 }
-var import_react103, import_jsx_runtime127;
+var import_react103, import_jsx_runtime128;
 var init_avatar_box = __esm({
   "src/components/common/logo-box/avatar-box.tsx"() {
     "use strict";
     import_react103 = require("motion/react");
     init_icon_avatar2();
-    import_jsx_runtime127 = require("react/jsx-runtime");
+    import_jsx_runtime128 = require("react/jsx-runtime");
   }
 });
 
 // src/routes/login/components/cloud-auth-login.tsx
-var import_icons43, import_ui94, import_react104, import_react_i18next65, import_react_jwt, import_react_router_dom49, import_jsx_runtime128, CLOUD_AUTH_PROVIDER, CloudAuthLogin, useHandleLogin, useAuthCallback;
+var import_icons43, import_ui95, import_react104, import_react_i18next66, import_react_jwt, import_react_router_dom49, import_jsx_runtime129, CLOUD_AUTH_PROVIDER, CloudAuthLogin, useHandleLogin, useAuthCallback;
 var init_cloud_auth_login = __esm({
   "src/routes/login/components/cloud-auth-login.tsx"() {
     "use strict";
     import_icons43 = require("@acmekit/icons");
-    import_ui94 = require("@acmekit/ui");
+    import_ui95 = require("@acmekit/ui");
     import_react104 = require("react");
-    import_react_i18next65 = require("react-i18next");
+    import_react_i18next66 = require("react-i18next");
     import_react_jwt = require("react-jwt");
     import_react_router_dom49 = require("react-router-dom");
     init_cloud();
     init_client2();
-    import_jsx_runtime128 = require("react/jsx-runtime");
+    import_jsx_runtime129 = require("react/jsx-runtime");
     CLOUD_AUTH_PROVIDER = "cloud";
     CloudAuthLogin = () => {
-      const { t: t3 } = (0, import_react_i18next65.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next66.useTranslation)();
       const [searchParams] = (0, import_react_router_dom49.useSearchParams)();
       const { data: cloudAuth } = useCloudAuthEnabled();
       const isAutoLogin = searchParams.get("auth_provider") === CLOUD_AUTH_PROVIDER && searchParams.get("auto") === "true";
@@ -16689,15 +16930,15 @@ var init_cloud_auth_login = __esm({
         }
       }, [isAutoLogin, isCallback, handleLogin, handleCallback]);
       if (isAutoLogin || isCallback) {
-        return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "bg-ui-bg-subtle fixed inset-0 z-50 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_icons43.Spinner, { className: "text-ui-fg-subtle animate-spin" }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "bg-ui-bg-subtle fixed inset-0 z-50 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_icons43.Spinner, { className: "text-ui-fg-subtle animate-spin" }) });
       }
       if (!cloudAuth?.enabled) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_jsx_runtime128.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("hr", { className: "bg-ui-border-base my-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
-          import_ui94.Button,
+      return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_jsx_runtime129.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("hr", { className: "bg-ui-border-base my-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+          import_ui95.Button,
           {
             variant: "secondary",
             onClick: handleLogin,
@@ -16710,7 +16951,7 @@ var init_cloud_auth_login = __esm({
       ] });
     };
     useHandleLogin = (isAutoLogin) => {
-      const { t: t3 } = (0, import_react_i18next65.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next66.useTranslation)();
       const navigate = (0, import_react_router_dom49.useNavigate)();
       const [isPending, setIsPending] = (0, import_react104.useState)(false);
       const handleLogin = (0, import_react104.useCallback)(async () => {
@@ -16726,7 +16967,7 @@ var init_cloud_auth_login = __esm({
           }
           throw new Error("Unexpected login response");
         } catch {
-          import_ui94.toast.error(t3("auth.login.authenticationFailed"));
+          import_ui95.toast.error(t3("auth.login.authenticationFailed"));
           if (isAutoLogin) {
             navigate("/login");
           }
@@ -16736,7 +16977,7 @@ var init_cloud_auth_login = __esm({
       return { handleLogin, isLoginPending: isPending };
     };
     useAuthCallback = (searchParams) => {
-      const { t: t3 } = (0, import_react_i18next65.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next66.useTranslation)();
       const navigate = (0, import_react_router_dom49.useNavigate)();
       const { mutateAsync: createCloudAuthUser } = useCreateCloudAuthUser();
       const [isPending, setIsPending] = (0, import_react104.useState)(false);
@@ -16764,7 +17005,7 @@ var init_cloud_auth_login = __esm({
           }
           navigate("/");
         } catch (error) {
-          import_ui94.toast.error(t3("auth.login.authenticationFailed"));
+          import_ui95.toast.error(t3("auth.login.authenticationFailed"));
           navigate("/login");
         }
         setIsPending(false);
@@ -16775,14 +17016,14 @@ var init_cloud_auth_login = __esm({
 });
 
 // src/routes/login/login.tsx
-var import_zod11, import_ui95, import_react_hook_form20, import_react_i18next66, import_react_router_dom50, z3, import_jsx_runtime129, LoginSchema, Login;
+var import_zod11, import_ui96, import_react_hook_form20, import_react_i18next67, import_react_router_dom50, z3, import_jsx_runtime130, LoginSchema, Login;
 var init_login = __esm({
   "src/routes/login/login.tsx"() {
     "use strict";
     import_zod11 = require("@hookform/resolvers/zod");
-    import_ui95 = require("@acmekit/ui");
+    import_ui96 = require("@acmekit/ui");
     import_react_hook_form20 = require("react-hook-form");
-    import_react_i18next66 = require("react-i18next");
+    import_react_i18next67 = require("react-i18next");
     import_react_router_dom50 = require("react-router-dom");
     z3 = __toESM(require("zod"));
     init_form2();
@@ -16791,13 +17032,13 @@ var init_login = __esm({
     init_is_fetch_error();
     init_extension_provider2();
     init_cloud_auth_login();
-    import_jsx_runtime129 = require("react/jsx-runtime");
+    import_jsx_runtime130 = require("react/jsx-runtime");
     LoginSchema = z3.object({
       email: z3.string().email(),
       password: z3.string()
     });
     Login = () => {
-      const { t: t3 } = (0, import_react_i18next66.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next67.useTranslation)();
       const location = (0, import_react_router_dom50.useLocation)();
       const navigate = (0, import_react_router_dom50.useNavigate)();
       const { getWidgets } = useExtension();
@@ -16840,31 +17081,31 @@ var init_login = __esm({
       });
       const serverError = form.formState.errors?.root?.serverError?.message;
       const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message;
-      return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(AvatarBox, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_ui95.Heading, { children: t3("login.title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_ui95.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("login.hint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(AvatarBox, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_ui96.Heading, { children: t3("login.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_ui96.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("login.hint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex w-full flex-col gap-y-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex w-full flex-col gap-y-3", children: [
           getWidgets("login.before").map((Component, i) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Component, {}, i);
+            return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Component, {}, i);
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
             "form",
             {
               onSubmit: handleSubmit,
               className: "flex w-full flex-col gap-y-6",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex flex-col gap-y-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "flex flex-col gap-y-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                     Form.Field,
                     {
                       control: form.control,
                       name: "email",
                       render: ({ field }) => {
-                        return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-                          import_ui95.Input,
+                        return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                          import_ui96.Input,
                           {
                             autoComplete: "email",
                             ...field,
@@ -16875,16 +17116,16 @@ var init_login = __esm({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                     Form.Field,
                     {
                       control: form.control,
                       name: "password",
                       render: ({ field }) => {
-                        return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Form.Item, { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Form.Label, {}),
-                          /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-                            import_ui95.Input,
+                        return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Form.Item, { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Form.Label, {}),
+                          /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                            import_ui96.Input,
                             {
                               type: "password",
                               autoComplete: "current-password",
@@ -16898,9 +17139,9 @@ var init_login = __esm({
                     }
                   )
                 ] }),
-                validationError && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_ui95.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
-                serverError && /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-                  import_ui95.Alert,
+                validationError && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "text-center", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_ui96.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+                serverError && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                  import_ui96.Alert,
                   {
                     className: "bg-ui-bg-base items-center p-2",
                     dismissible: true,
@@ -16908,22 +17149,22 @@ var init_login = __esm({
                     children: serverError
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_ui95.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t3("actions.continueWithEmail") })
+                /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_ui96.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t3("actions.continueWithEmail") })
               ]
             }
           ) }),
           [...getWidgets("login.after"), CloudAuthLogin].map(
             (Component, i) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Component, {}, i);
+              return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Component, {}, i);
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
-          import_react_i18next66.Trans,
+        /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-ui-fg-muted txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+          import_react_i18next67.Trans,
           {
             i18nKey: "login.forgotPassword",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
                 import_react_router_dom50.Link,
                 {
                   to: "/reset-password",
@@ -16952,13 +17193,13 @@ var init_login2 = __esm({
 });
 
 // src/components/common/logo-box/logo-box.tsx
-var import_ui96, import_react105, import_jsx_runtime130, LogoBox;
+var import_ui97, import_react105, import_jsx_runtime131, LogoBox;
 var init_logo_box = __esm({
   "src/components/common/logo-box/logo-box.tsx"() {
     "use strict";
-    import_ui96 = require("@acmekit/ui");
+    import_ui97 = require("@acmekit/ui");
     import_react105 = require("motion/react");
-    import_jsx_runtime130 = require("react/jsx-runtime");
+    import_jsx_runtime131 = require("react/jsx-runtime");
     LogoBox = ({
       className,
       checked,
@@ -16973,23 +17214,23 @@ var init_logo_box = __esm({
         ease: [0.1, 0.8, 0.2, 1.01]
       }
     }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
         "div",
         {
-          className: (0, import_ui96.clx)(
+          className: (0, import_ui97.clx)(
             "size-14 bg-ui-button-neutral shadow-buttons-neutral relative flex items-center justify-center rounded-xl",
             "after:button-neutral-gradient after:inset-0 after:content-['']",
             className
           ),
           children: [
-            checked && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            checked && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               import_react105.motion.div,
               {
                 className: "size-5 absolute -right-[5px] -top-1 flex items-center justify-center rounded-full border-[0.5px] border-[rgba(3,7,18,0.2)] bg-[#3B82F6] bg-gradient-to-b from-white/0 to-white/20 shadow-[0px_1px_2px_0px_rgba(3,7,18,0.12),0px_1px_2px_0px_rgba(255,255,255,0.10)_inset,0px_-1px_5px_0px_rgba(255,255,255,0.10)_inset,0px_0px_0px_0px_rgba(3,7,18,0.06)_inset]",
                 initial: { opacity: 0, scale: 0.5 },
                 animate: { opacity: 1, scale: 1 },
                 transition: containerTransition,
-                children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -16997,7 +17238,7 @@ var init_logo_box = __esm({
                     height: "20",
                     viewBox: "0 0 20 20",
                     fill: "none",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                       import_react105.motion.path,
                       {
                         d: "M5.8335 10.4167L9.16683 13.75L14.1668 6.25",
@@ -17014,7 +17255,7 @@ var init_logo_box = __esm({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
               "svg",
               {
                 width: "36",
@@ -17022,7 +17263,7 @@ var init_logo_box = __esm({
                 viewBox: "0 0 36 38",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
                   "path",
                   {
                     d: "M30.85 6.16832L22.2453 1.21782C19.4299 -0.405941 15.9801 -0.405941 13.1648 1.21782L4.52043 6.16832C1.74473 7.79208 0 10.802 0 14.0099V23.9505C0 27.198 1.74473 30.1683 4.52043 31.7921L13.1251 36.7822C15.9405 38.4059 19.3903 38.4059 22.2056 36.7822L30.8103 31.7921C33.6257 30.1683 35.3307 27.198 35.3307 23.9505V14.0099C35.41 10.802 33.6653 7.79208 30.85 6.16832ZM17.6852 27.8317C12.8079 27.8317 8.8426 23.8713 8.8426 19C8.8426 14.1287 12.8079 10.1683 17.6852 10.1683C22.5625 10.1683 26.5674 14.1287 26.5674 19C26.5674 23.8713 22.6022 27.8317 17.6852 27.8317Z",
@@ -17048,14 +17289,14 @@ var init_logo_box2 = __esm({
 });
 
 // src/routes/reset-password/reset-password.tsx
-var import_zod12, import_ui97, import_react_hook_form21, import_react_i18next67, import_react_router_dom51, z4, import_react106, import_react_jwt2, import_jsx_runtime131, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
+var import_zod12, import_ui98, import_react_hook_form21, import_react_i18next68, import_react_router_dom51, z4, import_react106, import_react_jwt2, import_jsx_runtime132, ResetPasswordInstructionsSchema, ResetPasswordSchema, ResetPasswordTokenSchema, validateDecodedResetPasswordToken, InvalidResetToken, ChooseNewPassword, ResetPassword;
 var init_reset_password = __esm({
   "src/routes/reset-password/reset-password.tsx"() {
     "use strict";
     import_zod12 = require("@hookform/resolvers/zod");
-    import_ui97 = require("@acmekit/ui");
+    import_ui98 = require("@acmekit/ui");
     import_react_hook_form21 = require("react-hook-form");
-    import_react_i18next67 = require("react-i18next");
+    import_react_i18next68 = require("react-i18next");
     import_react_router_dom51 = require("react-router-dom");
     z4 = __toESM(require("zod"));
     import_react106 = require("react");
@@ -17064,7 +17305,7 @@ var init_reset_password = __esm({
     init_logo_box2();
     init_i18n2();
     init_auth();
-    import_jsx_runtime131 = require("react/jsx-runtime");
+    import_jsx_runtime132 = require("react/jsx-runtime");
     ResetPasswordInstructionsSchema = z4.object({
       email: z4.string().email()
     });
@@ -17090,16 +17331,16 @@ var init_reset_password = __esm({
       return ResetPasswordTokenSchema.safeParse(decoded).success;
     };
     InvalidResetToken = () => {
-      const { t: t3 } = (0, import_react_i18next67.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
       const navigate = (0, import_react_router_dom51.useNavigate)();
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(LogoBox, { className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Heading, { children: t3("resetPassword.invalidLinkTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("resetPassword.invalidLinkHint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(LogoBox, { className: "mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Heading, { children: t3("resetPassword.invalidLinkTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("resetPassword.invalidLinkHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-          import_ui97.Button,
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          import_ui98.Button,
           {
             onClick: () => navigate("/reset-password", { replace: true }),
             className: "w-full",
@@ -17107,12 +17348,12 @@ var init_reset_password = __esm({
             children: t3("resetPassword.goToResetPassword")
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-          import_react_i18next67.Trans,
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          import_react_i18next68.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 import_react_router_dom51.Link,
                 {
                   to: "/login",
@@ -17126,7 +17367,7 @@ var init_reset_password = __esm({
       ] }) });
     };
     ChooseNewPassword = ({ token }) => {
-      const { t: t3 } = (0, import_react_i18next67.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
       const [showAlert, setShowAlert] = (0, import_react106.useState)(false);
       const invite = token ? (0, import_react_jwt2.decodeToken)(token) : null;
       const isValidResetPasswordToken = invite && validateDecodedResetPasswordToken(invite);
@@ -17153,37 +17394,37 @@ var init_reset_password = __esm({
               setShowAlert(true);
             },
             onError: (error) => {
-              import_ui97.toast.error(error.message);
+              import_ui98.toast.error(error.message);
             }
           }
         );
       });
       if (!isValidResetPasswordToken) {
-        return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(InvalidResetToken, {});
+        return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(InvalidResetToken, {});
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(LogoBox, { className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Heading, { children: t3("resetPassword.resetPassword") }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("resetPassword.newPasswordHint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "bg-ui-bg-subtle flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "m-4 flex w-full max-w-[280px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(LogoBox, { className: "mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "mb-6 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Heading, { children: t3("resetPassword.resetPassword") }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("resetPassword.newPasswordHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
           "form",
           {
             onSubmit: handleSubmit,
             className: "flex w-full flex-col gap-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col gap-y-4", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Input, { type: "email", disabled: true, value: invite?.entity_id }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-y-4", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Input, { type: "email", disabled: true, value: invite?.entity_id }),
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                   Form.Field,
                   {
                     control: form.control,
                     name: "password",
                     render: ({ field }) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Form.Item, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-                          import_ui97.Input,
+                      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Form.Item, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                          import_ui98.Input,
                           {
                             autoComplete: "new-password",
                             type: "password",
@@ -17191,20 +17432,20 @@ var init_reset_password = __esm({
                             placeholder: t3("resetPassword.newPassword")
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form.ErrorMessage, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.ErrorMessage, {})
                       ] });
                     }
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                   Form.Field,
                   {
                     control: form.control,
                     name: "repeat_password",
                     render: ({ field }) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Form.Item, { children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-                          import_ui97.Input,
+                      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Form.Item, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                          import_ui98.Input,
                           {
                             autoComplete: "off",
                             type: "password",
@@ -17212,26 +17453,26 @@ var init_reset_password = __esm({
                             placeholder: t3("resetPassword.repeatNewPassword")
                           }
                         ) }),
-                        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form.ErrorMessage, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.ErrorMessage, {})
                       ] });
                     }
                   }
                 )
               ] }),
-              showAlert && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-ui-fg-base mb-1", children: t3("resetPassword.successfulResetTitle") }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: t3("resetPassword.successfulReset") })
+              showAlert && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-ui-fg-base mb-1", children: t3("resetPassword.successfulResetTitle") }),
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: t3("resetPassword.successfulReset") })
               ] }) }),
-              !showAlert && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t3("resetPassword.resetPassword") })
+              !showAlert && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t3("resetPassword.resetPassword") })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-          import_react_i18next67.Trans,
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          import_react_i18next68.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 import_react_router_dom51.Link,
                 {
                   to: "/login",
@@ -17245,7 +17486,7 @@ var init_reset_password = __esm({
       ] }) });
     };
     ResetPassword = () => {
-      const { t: t3 } = (0, import_react_i18next67.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
       const [searchParams] = (0, import_react_router_dom51.useSearchParams)();
       const [showAlert, setShowAlert] = (0, import_react106.useState)(false);
       const token = searchParams.get("token");
@@ -17267,60 +17508,60 @@ var init_reset_password = __esm({
               setShowAlert(true);
             },
             onError: (error) => {
-              import_ui97.toast.error(error.message);
+              import_ui98.toast.error(error.message);
             }
           }
         );
       });
       if (token) {
-        return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(ChooseNewPassword, { token });
+        return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(ChooseNewPassword, { token });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(LogoBox, { className: "mb-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Heading, { children: t3("resetPassword.resetPassword") }),
-          /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("resetPassword.hint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "bg-ui-bg-base flex min-h-dvh w-dvw items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "m-4 flex w-full max-w-[300px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(LogoBox, { className: "mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Heading, { children: t3("resetPassword.resetPassword") }),
+          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("resetPassword.hint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex w-full flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
           "form",
           {
             onSubmit: handleSubmit,
             className: "flex w-full flex-col gap-y-6",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "mt-4 flex flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "mt-4 flex flex-col gap-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 Form.Field,
                 {
                   control: form.control,
                   name: "email",
                   render: ({ field }) => {
-                    return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(Form.Item, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-                        import_ui97.Input,
+                    return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Form.Item, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                        import_ui98.Input,
                         {
                           autoComplete: "email",
                           ...field,
                           placeholder: t3("fields.email")
                         }
                       ) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Form.ErrorMessage, {})
+                      /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.ErrorMessage, {})
                     ] });
                   }
                 }
               ) }),
-              showAlert && /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "text-ui-fg-base mb-1", children: t3("resetPassword.successfulRequestTitle") }),
-                /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { children: t3("resetPassword.successfulRequest") })
+              showAlert && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Alert, { dismissible: true, variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "text-ui-fg-base mb-1", children: t3("resetPassword.successfulRequestTitle") }),
+                /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: t3("resetPassword.successfulRequest") })
               ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(import_ui97.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t3("resetPassword.sendResetInstructions") })
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Button, { className: "w-full", type: "submit", isLoading: isPending, children: t3("resetPassword.sendResetInstructions") })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
-          import_react_i18next67.Trans,
+        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { className: "txt-small my-6", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+          import_react_i18next68.Trans,
           {
             i18nKey: "resetPassword.backToLogin",
             components: [
-              /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
                 import_react_router_dom51.Link,
                 {
                   to: "/login",
@@ -17349,17 +17590,17 @@ var init_reset_password2 = __esm({
 });
 
 // src/routes/invite/invite.tsx
-var import_zod13, import_ui98, import_i18next3, import_react107, import_react108, import_react_hook_form22, import_react_i18next68, import_react_jwt3, import_react_router_dom52, z5, import_jsx_runtime132, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
+var import_zod13, import_ui99, import_i18next3, import_react107, import_react108, import_react_hook_form22, import_react_i18next69, import_react_jwt3, import_react_router_dom52, z5, import_jsx_runtime133, CreateAccountSchema, Invite, LoginLink, InvalidView, CreateView, SuccessView, InviteSchema, validateDecodedInvite;
 var init_invite = __esm({
   "src/routes/invite/invite.tsx"() {
     "use strict";
     import_zod13 = require("@hookform/resolvers/zod");
-    import_ui98 = require("@acmekit/ui");
+    import_ui99 = require("@acmekit/ui");
     import_i18next3 = __toESM(require("i18next"));
     import_react107 = require("motion/react");
     import_react108 = require("react");
     import_react_hook_form22 = require("react-hook-form");
-    import_react_i18next68 = require("react-i18next");
+    import_react_i18next69 = require("react-i18next");
     import_react_jwt3 = require("react-jwt");
     import_react_router_dom52 = require("react-router-dom");
     z5 = __toESM(require("zod"));
@@ -17368,7 +17609,7 @@ var init_invite = __esm({
     init_auth();
     init_invites();
     init_is_fetch_error();
-    import_jsx_runtime132 = require("react/jsx-runtime");
+    import_jsx_runtime133 = require("react/jsx-runtime");
     CreateAccountSchema = z5.object({
       email: z5.string().email(),
       first_name: z5.string().min(1),
@@ -17390,9 +17631,9 @@ var init_invite = __esm({
       const token = searchParams.get("token");
       const invite = token ? (0, import_react_jwt3.decodeToken)(token) : null;
       const isValidInvite = invite && validateDecodedInvite(invite);
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(AvatarBox, { checked: success }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react107.AnimatePresence, { children: !success ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "bg-ui-bg-subtle relative flex min-h-dvh w-dvw items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex w-full max-w-[360px] flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(AvatarBox, { checked: success }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "max-h-[557px] w-full will-change-contents", children: isValidInvite ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react107.AnimatePresence, { children: !success ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           import_react107.motion.div,
           {
             initial: false,
@@ -17410,7 +17651,7 @@ var init_invite = __esm({
               ease: [0, 0.71, 0.2, 1.01]
             },
             className: "w-full will-change-transform",
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               import_react107.motion.div,
               {
                 initial: false,
@@ -17427,7 +17668,7 @@ var init_invite = __esm({
                   delay: 0,
                   ease: [0, 0.71, 0.2, 1.01]
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                   CreateView,
                   {
                     onSuccess: () => setSuccess(true),
@@ -17440,7 +17681,7 @@ var init_invite = __esm({
             )
           },
           "create-account"
-        ) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           import_react107.motion.div,
           {
             initial: {
@@ -17457,17 +17698,17 @@ var init_invite = __esm({
               ease: [0, 0.71, 0.2, 1.01]
             },
             className: "w-full",
-            children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(SuccessView, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(SuccessView, {})
           },
           "success-view"
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(InvalidView, {}) })
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(InvalidView, {}) })
       ] }) });
     };
     LoginLink = () => {
-      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "my-6 h-px w-full border-b border-dotted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+      const { t: t3 } = (0, import_react_i18next69.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "my-6 h-px w-full border-b border-dotted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           import_react_router_dom52.Link,
           {
             to: "/login",
@@ -17479,13 +17720,13 @@ var init_invite = __esm({
       ] });
     };
     InvalidView = () => {
-      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Heading, { children: t3("invite.invalidTokenTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("invite.invalidTokenHint") })
+      const { t: t3 } = (0, import_react_i18next69.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Heading, { children: t3("invite.invalidTokenTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("invite.invalidTokenHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(LoginLink, {})
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(LoginLink, {})
       ] });
     };
     CreateView = ({
@@ -17493,7 +17734,7 @@ var init_invite = __esm({
       token,
       invite
     }) => {
-      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next69.useTranslation)();
       const [invalid, setInvalid] = (0, import_react108.useState)(false);
       const [params] = (0, import_react_router_dom52.useSearchParams)();
       const isFirstRun = params.get("first_run") === "true";
@@ -17524,7 +17765,7 @@ var init_invite = __esm({
             ...invitePayload,
             auth_token: authToken
           });
-          import_ui98.toast.success(t3("invite.toast.accepted"));
+          import_ui99.toast.success(t3("invite.toast.accepted"));
           onSuccess();
         } catch (error) {
           if (isFetchError(error) && error.status === 400) {
@@ -17543,21 +17784,21 @@ var init_invite = __esm({
       });
       const serverError = form.formState.errors.root?.message;
       const validationError = form.formState.errors.email?.message || form.formState.errors.password?.message || form.formState.errors.repeat_password?.message || form.formState.errors.first_name?.message || form.formState.errors.last_name?.message;
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Heading, { children: t3("invite.title") }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("invite.hint") })
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex w-full flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "mb-4 flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Heading, { children: t3("invite.title") }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("invite.hint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col gap-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("form", { onSubmit: handleSubmit, className: "flex w-full flex-col gap-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col gap-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "email",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-                    import_ui98.Input,
+                  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    import_ui99.Input,
                     {
                       autoComplete: "off",
                       ...field,
@@ -17568,14 +17809,14 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "first_name",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-                    import_ui98.Input,
+                  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    import_ui99.Input,
                     {
                       autoComplete: "given-name",
                       ...field,
@@ -17586,14 +17827,14 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "last_name",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-                    import_ui98.Input,
+                  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    import_ui99.Input,
                     {
                       autoComplete: "family-name",
                       ...field,
@@ -17604,14 +17845,14 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "password",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-                    import_ui98.Input,
+                  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    import_ui99.Input,
                     {
                       autoComplete: "new-password",
                       type: "password",
@@ -17623,14 +17864,14 @@ var init_invite = __esm({
                 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
               Form.Field,
               {
                 control: form.control,
                 name: "repeat_password",
                 render: ({ field }) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-                    import_ui98.Input,
+                  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Form.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+                    import_ui99.Input,
                     {
                       autoComplete: "off",
                       type: "password",
@@ -17642,9 +17883,9 @@ var init_invite = __esm({
                 }
               }
             ),
-            validationError && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "mt-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
-            serverError && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-              import_ui98.Alert,
+            validationError && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "mt-6 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Hint, { className: "inline-flex", variant: "error", children: validationError }) }),
+            serverError && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              import_ui99.Alert,
               {
                 className: "bg-ui-bg-base items-center p-2",
                 dismissible: true,
@@ -17653,8 +17894,8 @@ var init_invite = __esm({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
-            import_ui98.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+            import_ui99.Button,
             {
               className: "w-full",
               type: "submit",
@@ -17664,18 +17905,18 @@ var init_invite = __esm({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(LoginLink, {})
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(LoginLink, {})
       ] });
     };
     SuccessView = () => {
-      const { t: t3 } = (0, import_react_i18next68.useTranslation)();
-      return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex w-full flex-col items-center gap-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Heading, { className: "text-center", children: t3("invite.successTitle") }),
-          /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("invite.successHint") })
+      const { t: t3 } = (0, import_react_i18next69.useTranslation)();
+      return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex w-full flex-col items-center gap-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col items-center gap-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Heading, { className: "text-center", children: t3("invite.successTitle") }),
+          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Text, { size: "small", className: "text-ui-fg-subtle text-center", children: t3("invite.successHint") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_ui98.Button, { variant: "secondary", asChild: true, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react_router_dom52.Link, { to: "/login", replace: true, children: t3("invite.successAction") }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Button, { variant: "secondary", asChild: true, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react_router_dom52.Link, { to: "/login", replace: true, children: t3("invite.successAction") }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
           import_react_router_dom52.Link,
           {
             to: "/login",
@@ -17711,26 +17952,26 @@ var init_invite2 = __esm({
 });
 
 // src/routes/no-match/no-match.tsx
-var import_icons44, import_ui99, import_react_i18next69, import_react_router_dom53, import_jsx_runtime133, NoMatch;
+var import_icons44, import_ui100, import_react_i18next70, import_react_router_dom53, import_jsx_runtime134, NoMatch;
 var init_no_match = __esm({
   "src/routes/no-match/no-match.tsx"() {
     "use strict";
     import_icons44 = require("@acmekit/icons");
-    import_ui99 = require("@acmekit/ui");
-    import_react_i18next69 = require("react-i18next");
+    import_ui100 = require("@acmekit/ui");
+    import_react_i18next70 = require("react-i18next");
     import_react_router_dom53 = require("react-router-dom");
-    import_jsx_runtime133 = require("react/jsx-runtime");
+    import_jsx_runtime134 = require("react/jsx-runtime");
     NoMatch = () => {
-      const { t: t3 } = (0, import_react_i18next69.useTranslation)();
+      const { t: t3 } = (0, import_react_i18next70.useTranslation)();
       const title = t3("errorBoundary.notFoundTitle");
       const message = t3("errorBoundary.noMatchMessage");
-      return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex size-full min-h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col items-center gap-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_icons44.ExclamationCircle, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Text, { size: "small", leading: "compact", weight: "plus", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
-              import_ui99.Text,
+      return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex size-full min-h-screen items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col items-center gap-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "text-ui-fg-subtle flex flex-col items-center gap-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_icons44.ExclamationCircle, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "flex flex-col items-center justify-center gap-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_ui100.Text, { size: "small", leading: "compact", weight: "plus", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
+              import_ui100.Text,
               {
                 size: "small",
                 className: "text-ui-fg-muted text-balance text-center",
@@ -17739,7 +17980,7 @@ var init_no_match = __esm({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_ui99.Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react_router_dom53.Link, { to: "/", children: t3("errorBoundary.backToDashboard") }) })
+        /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_ui100.Button, { asChild: true, size: "small", variant: "secondary", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom53.Link, { to: "/", children: t3("errorBoundary.backToDashboard") }) })
       ] }) });
     };
   }
@@ -29590,6 +29831,13 @@ var en_default = {
     transactionIdLabel: "Transaction ID",
     workflowIdLabel: "Workflow ID",
     progressLabel: "Progress",
+    metrics: {
+      stepsSummary: "{{completed}} of {{total}} steps",
+      failedSteps: "{{count}} failed",
+      skippedSteps: "{{count}} skipped",
+      compensatedYes: "Compensated",
+      compensatedNo: "Not compensated"
+    },
     stepsCompletedLabel_one: "{{completed}} of {{count}} step",
     stepsCompletedLabel_other: "{{completed}} of {{count}} steps",
     list: {
@@ -29805,6 +30053,7 @@ var en_default = {
     note: "Note",
     automaticTaxes: "Automatic Taxes",
     taxInclusivePricing: "Tax inclusive pricing",
+    duration: "Duration",
     currency: "Currency",
     address: "Address",
     address2: "Apartment, suite, etc.",
@@ -112948,14 +113197,14 @@ var ErrorBoundary = () => {
 };
 
 // src/dashboard-app/routes/get-route.map.tsx
-var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_jsx_runtime135 = require("react/jsx-runtime");
 function mergeSettingsRouteChildren(settingsRoutes) {
   return settingsRoutes.filter((r) => r.path === "settings").flatMap((r) => r.children ?? []);
 }
 var defaultSettingsRouteChildren = [
   {
     path: "profile",
-    errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
+    errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
     lazy: () => Promise.resolve().then(() => (init_profile_detail2(), profile_detail_exports)),
     handle: { breadcrumb: () => (0, import_i18next4.t)("profile.domain") },
     children: [
@@ -112967,8 +113216,8 @@ var defaultSettingsRouteChildren = [
   },
   {
     path: "users",
-    errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
-    element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom54.Outlet, {}),
+    errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
+    element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom54.Outlet, {}),
     handle: { breadcrumb: () => (0, import_i18next4.t)("users.domain") },
     children: [
       {
@@ -112989,7 +113238,7 @@ var defaultSettingsRouteChildren = [
             Component,
             loader,
             handle: {
-              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Breadcrumb, { ...match })
+              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Breadcrumb, { ...match })
             }
           };
         },
@@ -113005,12 +113254,12 @@ var defaultSettingsRouteChildren = [
   },
   {
     path: "client-api-keys",
-    element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom54.Outlet, {}),
+    element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom54.Outlet, {}),
     handle: { breadcrumb: () => (0, import_i18next4.t)("apiKeyManagement.domain.client") },
     children: [
       {
         path: "",
-        element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom54.Outlet, {}),
+        element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom54.Outlet, {}),
         children: [
           {
             path: "",
@@ -113032,7 +113281,7 @@ var defaultSettingsRouteChildren = [
             Component,
             loader,
             handle: {
-              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Breadcrumb, { ...match })
+              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Breadcrumb, { ...match })
             }
           };
         },
@@ -113047,12 +113296,12 @@ var defaultSettingsRouteChildren = [
   },
   {
     path: "secret-api-keys",
-    element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom54.Outlet, {}),
+    element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom54.Outlet, {}),
     handle: { breadcrumb: () => (0, import_i18next4.t)("apiKeyManagement.domain.secret") },
     children: [
       {
         path: "",
-        element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom54.Outlet, {}),
+        element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom54.Outlet, {}),
         children: [
           {
             path: "",
@@ -113074,7 +113323,7 @@ var defaultSettingsRouteChildren = [
             Component,
             loader,
             handle: {
-              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Breadcrumb, { ...match })
+              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Breadcrumb, { ...match })
             }
           };
         },
@@ -113089,8 +113338,8 @@ var defaultSettingsRouteChildren = [
   },
   {
     path: "workflows",
-    errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
-    element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_react_router_dom54.Outlet, {}),
+    errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
+    element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom54.Outlet, {}),
     handle: { breadcrumb: () => (0, import_i18next4.t)("workflowExecutions.domain") },
     children: [
       {
@@ -113105,7 +113354,7 @@ var defaultSettingsRouteChildren = [
             Component,
             loader,
             handle: {
-              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Breadcrumb, { ...match })
+              breadcrumb: (match) => /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Breadcrumb, { ...match })
             }
           };
         }
@@ -113114,7 +113363,7 @@ var defaultSettingsRouteChildren = [
   },
   {
     path: "translations",
-    errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
+    errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
     handle: { breadcrumb: () => (0, import_i18next4.t)("translations.domain") },
     children: [
       {
@@ -113141,15 +113390,15 @@ function getRouteMap({
   const settingsPluginChildren = mergeSettingsRouteChildren(settingsRoutes);
   return [
     {
-      element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ProtectedRoute, {}),
-      errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
+      element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ProtectedRoute, {}),
+      errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
       children: [
         {
-          element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(MainLayout, {}),
+          element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(MainLayout, {}),
           children: [
             {
               path: "/",
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
               lazy: () => Promise.resolve().then(() => (init_home2(), home_exports))
             },
             ...coreRoutes
@@ -113160,11 +113409,11 @@ function getRouteMap({
           handle: {
             breadcrumb: () => (0, import_i18next4.t)("app.nav.settings.header")
           },
-          element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(SettingsLayout, {}),
+          element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SettingsLayout, {}),
           children: [
             {
               index: true,
-              errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
+              errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
               lazy: () => Promise.resolve().then(() => (init_settings4(), settings_exports2))
             },
             ...defaultSettingsRouteChildren,
@@ -113174,10 +113423,10 @@ function getRouteMap({
       ]
     },
     {
-      element: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PublicLayout, {}),
+      element: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PublicLayout, {}),
       children: [
         {
-          errorElement: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ErrorBoundary, {}),
+          errorElement: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ErrorBoundary, {}),
           children: [
             {
               path: "/login",
@@ -113350,7 +113599,7 @@ function sortMenuItemsByRank(items) {
 }
 
 // src/dashboard-app/dashboard-app.tsx
-var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_jsx_runtime136 = require("react/jsx-runtime");
 var OPTIONAL_LAST_SEGMENT_MATCH = /\/([^\/])+\?$/;
 var DashboardApp = class {
   constructor({ plugins }) {
@@ -113456,7 +113705,7 @@ var DashboardApp = class {
       const navItem = {
         label: item.label,
         to: item.path,
-        icon: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(item.icon, {}) : void 0,
+        icon: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(item.icon, {}) : void 0,
         items: [],
         nested: item.nested,
         rank: item.rank,
@@ -113666,20 +113915,20 @@ var DashboardApp = class {
     const router = (0, import_react_router_dom55.createBrowserRouter)(routes, {
       basename: __BASE__ || "/"
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Providers, { api: this.api, children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react_router_dom55.RouterProvider, { router }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Providers, { api: this.api, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_react_router_dom55.RouterProvider, { router }) });
   }
 };
 
 // src/dashboard-app/forms/form-extension-zone/form-extension-zone.tsx
-var import_ui100 = require("@acmekit/ui");
-var import_react_i18next70 = require("react-i18next");
+var import_ui101 = require("@acmekit/ui");
+var import_react_i18next71 = require("react-i18next");
 init_form2();
 
 // src/dashboard-app/forms/form-extension-zone/utils.ts
 var import_zod14 = require("zod");
 
 // src/dashboard-app/forms/form-extension-zone/form-extension-zone.tsx
-var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
 
 // src/dashboard-app/forms/hooks.tsx
 var import_zod15 = require("@hookform/resolvers/zod");
@@ -113696,7 +113945,7 @@ var import_i18n3 = __toESM(require("virtual:acmekit/i18n"));
 var import_menu_items = __toESM(require("virtual:acmekit/menu-items"));
 var import_routes = __toESM(require("virtual:acmekit/routes"));
 var import_widgets = __toESM(require("virtual:acmekit/widgets"));
-var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var localPlugin = {
   widgetModule: import_widgets.default,
   routeModule: import_routes.default,
@@ -113709,6 +113958,6 @@ function App({ plugins = [] }) {
   const app = new DashboardApp({
     plugins: [localPlugin, ...plugins]
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { children: app.render() });
+  return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { children: app.render() });
 }
 var app_default = App;