@open-mercato/core 0.6.6-develop.6205.1.109e4b6a84 → 0.6.6-develop.6227.1.2695efff30

package/dist/modules/customers/backend/config/customers/pipeline-stages/page.js

@@ -5,6 +5,7 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
 import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
@@ -36,6 +37,26 @@ function PipelineStagesPage() {
   const [stageColor, setStageColor] = React.useState(null);
   const [stageIcon, setStageIcon] = React.useState(null);
   const [saving, setSaving] = React.useState(false);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: "customers-pipeline-stages-page",
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const pipelineMutationContext = React.useMemo(
+    () => ({
+      formId: "customers-pipeline-stages-page",
+      resourceKind: "customers.pipeline",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
+  const stageMutationContext = React.useMemo(
+    () => ({
+      formId: "customers-pipeline-stages-page",
+      resourceKind: "customers.pipeline_stage",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
   const selectedPipeline = React.useMemo(
     () => pipelines.find((p) => p.id === selectedPipelineId) ?? null,
     [pipelines, selectedPipelineId]
@@ -98,30 +119,54 @@ function PipelineStagesPage() {
     setSaving(true);
     try {
       if (pipelineDialog?.mode === "create") {
-        const result = await apiCall("/api/customers/pipelines", {
-          method: "POST",
-          body: JSON.stringify({ name: pipelineName.trim(), isDefault: pipelineIsDefault }),
-          headers: { "Content-Type": "application/json" }
-        });
-        if (!result.ok) {
-          flash(t("customers.config.pipelineStages.errorCreatePipeline", "Failed to create pipeline"), "error");
+        let newId = null;
+        try {
+          await runMutation({
+            operation: async () => {
+              const result = await apiCall("/api/customers/pipelines", {
+                method: "POST",
+                body: JSON.stringify({ name: pipelineName.trim(), isDefault: pipelineIsDefault }),
+                headers: { "Content-Type": "application/json" }
+              });
+              if (!result.ok) {
+                throw new Error(t("customers.config.pipelineStages.errorCreatePipeline", "Failed to create pipeline"));
+              }
+              newId = result.result?.id ?? null;
+            },
+            context: pipelineMutationContext,
+            mutationPayload: { action: "create", name: pipelineName.trim(), isDefault: pipelineIsDefault }
+          });
+        } catch (err) {
+          const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorCreatePipeline", "Failed to create pipeline");
+          flash(msg, "error");
           return;
         }
         flash(t("customers.config.pipelineStages.createdPipeline", "Pipeline created"), "success");
-        const newId = result.result?.id ?? null;
         await loadPipelines();
         if (newId) setSelectedPipelineId(newId);
       } else if (pipelineDialog?.mode === "edit") {
-        const result = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(pipelineDialog.pipeline.updatedAt),
-          () => apiCall("/api/customers/pipelines", {
-            method: "PUT",
-            body: JSON.stringify({ id: pipelineDialog.pipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }),
-            headers: { "Content-Type": "application/json" }
-          })
-        );
-        if (!result.ok) {
-          flash(t("customers.config.pipelineStages.errorUpdatePipeline", "Failed to update pipeline"), "error");
+        const targetPipeline = pipelineDialog.pipeline;
+        try {
+          await runMutation({
+            operation: async () => {
+              const result = await withScopedApiRequestHeaders(
+                buildOptimisticLockHeader(targetPipeline.updatedAt),
+                () => apiCall("/api/customers/pipelines", {
+                  method: "PUT",
+                  body: JSON.stringify({ id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }),
+                  headers: { "Content-Type": "application/json" }
+                })
+              );
+              if (!result.ok) {
+                throw new Error(t("customers.config.pipelineStages.errorUpdatePipeline", "Failed to update pipeline"));
+              }
+            },
+            context: pipelineMutationContext,
+            mutationPayload: { action: "update", id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }
+          });
+        } catch (err) {
+          const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorUpdatePipeline", "Failed to update pipeline");
+          flash(msg, "error");
           return;
         }
         flash(t("customers.config.pipelineStages.updatedPipeline", "Pipeline updated"), "success");
@@ -143,17 +188,28 @@ function PipelineStagesPage() {
       variant: "destructive"
     });
     if (!confirmed) return;
-    const result = await withScopedApiRequestHeaders(
-      buildOptimisticLockHeader(pipeline.updatedAt),
-      () => apiCall("/api/customers/pipelines", {
-        method: "DELETE",
-        body: JSON.stringify({ id: pipeline.id }),
-        headers: { "Content-Type": "application/json" }
-      })
-    );
-    if (!result.ok) {
-      const error = result.result?.error;
-      flash(error ?? t("customers.config.pipelineStages.errorDeletePipeline", "Failed to delete pipeline"), "error");
+    try {
+      await runMutation({
+        operation: async () => {
+          const result = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(pipeline.updatedAt),
+            () => apiCall("/api/customers/pipelines", {
+              method: "DELETE",
+              body: JSON.stringify({ id: pipeline.id }),
+              headers: { "Content-Type": "application/json" }
+            })
+          );
+          if (!result.ok) {
+            const error = result.result?.error;
+            throw new Error(error ?? t("customers.config.pipelineStages.errorDeletePipeline", "Failed to delete pipeline"));
+          }
+        },
+        context: pipelineMutationContext,
+        mutationPayload: { action: "delete", id: pipeline.id }
+      });
+    } catch (err) {
+      const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorDeletePipeline", "Failed to delete pipeline");
+      flash(msg, "error");
       return;
     }
     flash(t("customers.config.pipelineStages.deletedPipeline", "Pipeline deleted"), "success");
@@ -181,27 +237,50 @@ function PipelineStagesPage() {
           ...stageColor !== null ? { color: stageColor } : {},
           ...stageIcon !== null ? { icon: stageIcon } : {}
         };
-        const result = await apiCall("/api/customers/pipeline-stages", {
-          method: "POST",
-          body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }),
-          headers: { "Content-Type": "application/json" }
-        });
-        if (!result.ok) {
-          flash(t("customers.config.pipelineStages.errorCreateStage", "Failed to create stage"), "error");
+        try {
+          await runMutation({
+            operation: async () => {
+              const result = await apiCall("/api/customers/pipeline-stages", {
+                method: "POST",
+                body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }),
+                headers: { "Content-Type": "application/json" }
+              });
+              if (!result.ok) {
+                throw new Error(t("customers.config.pipelineStages.errorCreateStage", "Failed to create stage"));
+              }
+            },
+            context: stageMutationContext,
+            mutationPayload: { action: "create", pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }
+          });
+        } catch (err) {
+          const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorCreateStage", "Failed to create stage");
+          flash(msg, "error");
           return;
         }
         flash(t("customers.config.pipelineStages.createdStage", "Stage created"), "success");
       } else if (stageDialog?.mode === "edit") {
-        const result = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(stageDialog.stage.updatedAt),
-          () => apiCall("/api/customers/pipeline-stages", {
-            method: "PUT",
-            body: JSON.stringify({ id: stageDialog.stage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }),
-            headers: { "Content-Type": "application/json" }
-          })
-        );
-        if (!result.ok) {
-          flash(t("customers.config.pipelineStages.errorUpdateStage", "Failed to update stage"), "error");
+        const targetStage = stageDialog.stage;
+        try {
+          await runMutation({
+            operation: async () => {
+              const result = await withScopedApiRequestHeaders(
+                buildOptimisticLockHeader(targetStage.updatedAt),
+                () => apiCall("/api/customers/pipeline-stages", {
+                  method: "PUT",
+                  body: JSON.stringify({ id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }),
+                  headers: { "Content-Type": "application/json" }
+                })
+              );
+              if (!result.ok) {
+                throw new Error(t("customers.config.pipelineStages.errorUpdateStage", "Failed to update stage"));
+              }
+            },
+            context: stageMutationContext,
+            mutationPayload: { action: "update", id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }
+          });
+        } catch (err) {
+          const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorUpdateStage", "Failed to update stage");
+          flash(msg, "error");
           return;
         }
         flash(t("customers.config.pipelineStages.updatedStage", "Stage updated"), "success");
@@ -223,17 +302,28 @@ function PipelineStagesPage() {
       variant: "destructive"
     });
     if (!confirmed) return;
-    const result = await withScopedApiRequestHeaders(
-      buildOptimisticLockHeader(stage.updatedAt),
-      () => apiCall("/api/customers/pipeline-stages", {
-        method: "DELETE",
-        body: JSON.stringify({ id: stage.id }),
-        headers: { "Content-Type": "application/json" }
-      })
-    );
-    if (!result.ok) {
-      const error = result.result?.error;
-      flash(error ?? t("customers.config.pipelineStages.errorDeleteStage", "Failed to delete stage"), "error");
+    try {
+      await runMutation({
+        operation: async () => {
+          const result = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(stage.updatedAt),
+            () => apiCall("/api/customers/pipeline-stages", {
+              method: "DELETE",
+              body: JSON.stringify({ id: stage.id }),
+              headers: { "Content-Type": "application/json" }
+            })
+          );
+          if (!result.ok) {
+            const error = result.result?.error;
+            throw new Error(error ?? t("customers.config.pipelineStages.errorDeleteStage", "Failed to delete stage"));
+          }
+        },
+        context: stageMutationContext,
+        mutationPayload: { action: "delete", id: stage.id }
+      });
+    } catch (err) {
+      const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorDeleteStage", "Failed to delete stage");
+      flash(msg, "error");
       return;
     }
     flash(t("customers.config.pipelineStages.deletedStage", "Stage deleted"), "success");
@@ -247,13 +337,25 @@ function PipelineStagesPage() {
     reordered.splice(nextIndex, 0, moved);
     const updated = reordered.map((stage, i) => ({ ...stage, order: i }));
     setStages(updated);
-    const result = await apiCall("/api/customers/pipeline-stages/reorder", {
-      method: "POST",
-      body: JSON.stringify({ stages: updated.map((s) => ({ id: s.id, order: s.order })) }),
-      headers: { "Content-Type": "application/json" }
-    });
-    if (!result.ok) {
-      flash(t("customers.config.pipelineStages.errorReorder", "Failed to reorder stages"), "error");
+    const orderedStages = updated.map((s) => ({ id: s.id, order: s.order }));
+    try {
+      await runMutation({
+        operation: async () => {
+          const result = await apiCall("/api/customers/pipeline-stages/reorder", {
+            method: "POST",
+            body: JSON.stringify({ stages: orderedStages }),
+            headers: { "Content-Type": "application/json" }
+          });
+          if (!result.ok) {
+            throw new Error(t("customers.config.pipelineStages.errorReorder", "Failed to reorder stages"));
+          }
+        },
+        context: stageMutationContext,
+        mutationPayload: { action: "reorder", stages: orderedStages }
+      });
+    } catch (err) {
+      const msg = err instanceof Error && err.message ? err.message : t("customers.config.pipelineStages.errorReorder", "Failed to reorder stages");
+      flash(msg, "error");
       if (selectedPipelineId) await loadStages(selectedPipelineId);
     }
   }

package/dist/modules/customers/backend/config/customers/pipeline-stages/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/customers/backend/config/customers/pipeline-stages/page.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { AppearanceSelector, type AppearanceSelectorLabels } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\ntype Pipeline = {\n  id: string\n  name: string\n  isDefault: boolean\n  updatedAt?: string | null\n}\n\ntype PipelineStage = {\n  id: string\n  pipelineId: string\n  label: string\n  order: number\n  color: string | null\n  icon: string | null\n  updatedAt?: string | null\n}\n\ntype PipelineDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; pipeline: Pipeline }\n  | null\n\ntype StageDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; stage: PipelineStage }\n  | null\n\nexport default function PipelineStagesPage() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [pipelines, setPipelines] = React.useState<Pipeline[]>([])\n  const [selectedPipelineId, setSelectedPipelineId] = React.useState<string | null>(null)\n  const [stages, setStages] = React.useState<PipelineStage[]>([])\n  const [loadingPipelines, setLoadingPipelines] = React.useState(true)\n  const [loadingStages, setLoadingStages] = React.useState(false)\n  const [pipelineDialog, setPipelineDialog] = React.useState<PipelineDialogState>(null)\n  const [stageDialog, setStageDialog] = React.useState<StageDialogState>(null)\n  const [pipelineName, setPipelineName] = React.useState('')\n  const [pipelineIsDefault, setPipelineIsDefault] = React.useState(false)\n  const [stageName, setStageName] = React.useState('')\n  const [stageColor, setStageColor] = React.useState<string | null>(null)\n  const [stageIcon, setStageIcon] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n\n  const selectedPipeline = React.useMemo(\n    () => pipelines.find((p) => p.id === selectedPipelineId) ?? null,\n    [pipelines, selectedPipelineId],\n  )\n\n  const loadPipelines = React.useCallback(async () => {\n    setLoadingPipelines(true)\n    try {\n      const result = await apiCall<{ items: Pipeline[] }>('/api/customers/pipelines')\n      if (result.ok && result.result?.items) {\n        const items = result.result.items\n        setPipelines(items)\n        if (!selectedPipelineId && items.length > 0) {\n          const defaultPipeline = items.find((p) => p.isDefault) ?? items[0]\n          setSelectedPipelineId(defaultPipeline.id)\n        }\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadPipelines', 'Failed to load pipelines'), 'error')\n    } finally {\n      setLoadingPipelines(false)\n    }\n  }, [selectedPipelineId, t])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    setLoadingStages(true)\n    try {\n      const result = await apiCall<{ items: PipelineStage[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`\n      )\n      if (result.ok && result.result?.items) {\n        setStages(result.result.items)\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadStages', 'Failed to load pipeline stages'), 'error')\n    } finally {\n      setLoadingStages(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    void loadPipelines()\n  }, [loadPipelines])\n\n  React.useEffect(() => {\n    if (selectedPipelineId) {\n      void loadStages(selectedPipelineId)\n    } else {\n      setStages([])\n    }\n  }, [selectedPipelineId, loadStages])\n\n  function openCreatePipeline() {\n    setPipelineName('')\n    setPipelineIsDefault(false)\n    setPipelineDialog({ mode: 'create' })\n  }\n\n  function openEditPipeline(pipeline: Pipeline) {\n    setPipelineName(pipeline.name)\n    setPipelineIsDefault(pipeline.isDefault)\n    setPipelineDialog({ mode: 'edit', pipeline })\n  }\n\n  async function savePipeline() {\n    if (!pipelineName.trim()) return\n    setSaving(true)\n    try {\n      if (pipelineDialog?.mode === 'create') {\n        const result = await apiCall<{ id: string }>('/api/customers/pipelines', {\n          method: 'POST',\n          body: JSON.stringify({ name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n          headers: { 'Content-Type': 'application/json' },\n        })\n        if (!result.ok) {\n          flash(t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline'), 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdPipeline', 'Pipeline created'), 'success')\n        const newId = result.result?.id ?? null\n        await loadPipelines()\n        if (newId) setSelectedPipelineId(newId)\n      } else if (pipelineDialog?.mode === 'edit') {\n        const result = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(pipelineDialog.pipeline.updatedAt),\n          () => apiCall('/api/customers/pipelines', {\n            method: 'PUT',\n            body: JSON.stringify({ id: pipelineDialog.pipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n            headers: { 'Content-Type': 'application/json' },\n          }),\n        )\n        if (!result.ok) {\n          flash(t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline'), 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedPipeline', 'Pipeline updated'), 'success')\n        await loadPipelines()\n      }\n      setPipelineDialog(null)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deletePipeline(pipeline: Pipeline) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deletePipelineTitle', 'Delete pipeline?'),\n      text: t(\n        'customers.config.pipelineStages.deletePipelineDesc',\n        'This pipeline and all its stages will be permanently removed. Deals assigned to it will lose their pipeline assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deletePipelineConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(pipeline.updatedAt),\n      () => apiCall('/api/customers/pipelines', {\n        method: 'DELETE',\n        body: JSON.stringify({ id: pipeline.id }),\n        headers: { 'Content-Type': 'application/json' },\n      }),\n    )\n    if (!result.ok) {\n      const error = (result.result as { error?: string })?.error\n      flash(error ?? t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline'), 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedPipeline', 'Pipeline deleted'), 'success')\n    if (selectedPipelineId === pipeline.id) setSelectedPipelineId(null)\n    await loadPipelines()\n  }\n\n  function openCreateStage() {\n    setStageName('')\n    setStageColor(null)\n    setStageIcon(null)\n    setStageDialog({ mode: 'create' })\n  }\n\n  function openEditStage(stage: PipelineStage) {\n    setStageName(stage.label)\n    setStageColor(stage.color)\n    setStageIcon(stage.icon)\n    setStageDialog({ mode: 'edit', stage })\n  }\n\n  async function saveStage() {\n    if (!stageName.trim() || !selectedPipelineId) return\n    setSaving(true)\n    try {\n      if (stageDialog?.mode === 'create') {\n        const appearancePayload = {\n          ...(stageColor !== null ? { color: stageColor } : {}),\n          ...(stageIcon !== null ? { icon: stageIcon } : {}),\n        }\n        const result = await apiCall('/api/customers/pipeline-stages', {\n          method: 'POST',\n          body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }),\n          headers: { 'Content-Type': 'application/json' },\n        })\n        if (!result.ok) {\n          flash(t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage'), 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdStage', 'Stage created'), 'success')\n      } else if (stageDialog?.mode === 'edit') {\n        const result = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(stageDialog.stage.updatedAt),\n          () => apiCall('/api/customers/pipeline-stages', {\n            method: 'PUT',\n            body: JSON.stringify({ id: stageDialog.stage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }),\n            headers: { 'Content-Type': 'application/json' },\n          }),\n        )\n        if (!result.ok) {\n          flash(t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage'), 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedStage', 'Stage updated'), 'success')\n      }\n      setStageDialog(null)\n      await loadStages(selectedPipelineId)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deleteStage(stage: PipelineStage) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deleteStagTitle', 'Delete stage?'),\n      text: t(\n        'customers.config.pipelineStages.deleteStageDesc',\n        'This stage will be permanently removed. Deals assigned to it will lose their stage assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deleteStageConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(stage.updatedAt),\n      () => apiCall('/api/customers/pipeline-stages', {\n        method: 'DELETE',\n        body: JSON.stringify({ id: stage.id }),\n        headers: { 'Content-Type': 'application/json' },\n      }),\n    )\n    if (!result.ok) {\n      const error = (result.result as { error?: string })?.error\n      flash(error ?? t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage'), 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedStage', 'Stage deleted'), 'success')\n    if (selectedPipelineId) await loadStages(selectedPipelineId)\n  }\n\n  async function moveStage(index: number, direction: 'up' | 'down') {\n    const nextIndex = direction === 'up' ? index - 1 : index + 1\n    if (nextIndex < 0 || nextIndex >= stages.length) return\n\n    const reordered = [...stages]\n    const [moved] = reordered.splice(index, 1)\n    reordered.splice(nextIndex, 0, moved)\n\n    const updated = reordered.map((stage, i) => ({ ...stage, order: i }))\n    setStages(updated)\n\n    const result = await apiCall('/api/customers/pipeline-stages/reorder', {\n      method: 'POST',\n      body: JSON.stringify({ stages: updated.map((s) => ({ id: s.id, order: s.order })) }),\n      headers: { 'Content-Type': 'application/json' },\n    })\n    if (!result.ok) {\n      flash(t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages'), 'error')\n      if (selectedPipelineId) await loadStages(selectedPipelineId)\n    }\n  }\n\n  const appearanceLabels = React.useMemo<AppearanceSelectorLabels>(() => ({\n    colorLabel: t('customers.config.pipelineStages.colorLabel', 'Color'),\n    colorHelp: t('customers.config.pipelineStages.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('customers.config.pipelineStages.colorClear', 'Remove color'),\n    iconLabel: t('customers.config.pipelineStages.iconLabel', 'Icon'),\n    iconPlaceholder: t('customers.config.pipelineStages.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('customers.config.pipelineStages.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('customers.config.pipelineStages.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('customers.config.pipelineStages.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('customers.config.pipelineStages.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.config.pipelineStages.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.config.pipelineStages.previewEmpty', 'None'),\n  }), [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6 max-w-2xl\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold\">\n              {t('customers.config.pipelineStages.title', 'Pipeline stages')}\n            </h2>\n            <a\n              href=\"/backend/customers/deals/pipeline\"\n              className=\"text-sm text-muted-foreground hover:underline\"\n            >\n              {t('customers.config.pipelineStages.viewBoard', 'View pipeline board')} \u2192\n            </a>\n          </div>\n\n          {loadingPipelines ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Spinner size=\"sm\" />\n              {t('customers.config.pipelineStages.loadingPipelines', 'Loading pipelines\u2026')}\n            </div>\n          ) : (\n            <>\n              <div className=\"flex items-center gap-3\">\n                <Select\n                  value={selectedPipelineId || undefined}\n                  onValueChange={(value) => setSelectedPipelineId(value || null)}\n                  disabled={pipelines.length === 0}\n                >\n                  <SelectTrigger className=\"w-full max-w-xs\">\n                    <SelectValue\n                      placeholder={\n                        pipelines.length === 0\n                          ? t('customers.config.pipelineStages.noPipelines', 'No pipelines yet')\n                          : undefined\n                      }\n                    />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {pipelines.map((p) => (\n                      <SelectItem key={p.id} value={p.id}>\n                        {p.name}{p.isDefault ? ` (${t('customers.config.pipelineStages.default', 'default')})` : ''}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                {selectedPipeline && (\n                  <>\n                    <Button variant=\"outline\" size=\"sm\" onClick={() => openEditPipeline(selectedPipeline)}>\n                      {t('customers.config.pipelineStages.editPipeline', 'Edit')}\n                    </Button>\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"text-destructive\"\n                      onClick={() => deletePipeline(selectedPipeline)}\n                    >\n                      {t('customers.config.pipelineStages.deletePipeline', 'Delete')}\n                    </Button>\n                  </>\n                )}\n                <Button variant=\"outline\" size=\"sm\" onClick={openCreatePipeline}>\n                  {t('customers.config.pipelineStages.addPipeline', '+ Add pipeline')}\n                </Button>\n              </div>\n\n              {selectedPipelineId && (\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between\">\n                    <h3 className=\"text-sm font-medium text-muted-foreground\">\n                      {t('customers.config.pipelineStages.stagesTitle', 'Stages')}\n                    </h3>\n                    <Button size=\"sm\" onClick={openCreateStage}>\n                      {t('customers.config.pipelineStages.addStage', '+ Add stage')}\n                    </Button>\n                  </div>\n\n                  {loadingStages ? (\n                    <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Spinner size=\"sm\" />\n                      {t('customers.config.pipelineStages.loadingStages', 'Loading stages\u2026')}\n                    </div>\n                  ) : stages.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.config.pipelineStages.noStages', 'No stages yet. Add your first stage.')}\n                    </p>\n                  ) : (\n                    <div className=\"divide-y rounded-md border\">\n                      {stages.map((stage, index) => (\n                        <div key={stage.id} className=\"flex items-center gap-3 px-4 py-3\">\n                          <div className=\"flex flex-col gap-1\">\n                            <button\n                              type=\"button\"\n                              className=\"text-muted-foreground hover:text-foreground disabled:opacity-50\"\n                              onClick={() => moveStage(index, 'up')}\n                              disabled={index === 0}\n                              aria-label={t('customers.config.pipelineStages.moveUp', 'Move up')}\n                            >\n                              \u2191\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"text-muted-foreground hover:text-foreground disabled:opacity-50\"\n                              onClick={() => moveStage(index, 'down')}\n                              disabled={index === stages.length - 1}\n                              aria-label={t('customers.config.pipelineStages.moveDown', 'Move down')}\n                            >\n                              \u2193\n                            </button>\n                          </div>\n                          <span className=\"flex-1 text-sm flex items-center gap-2\">\n                            {stage.color ? renderDictionaryColor(stage.color) : null}\n                            {stage.icon ? renderDictionaryIcon(stage.icon) : null}\n                            {stage.label}\n                          </span>\n                          <Button variant=\"ghost\" size=\"sm\" onClick={() => openEditStage(stage)}>\n                            {t('customers.config.pipelineStages.editStage', 'Edit')}\n                          </Button>\n                          <Button\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"text-destructive\"\n                            onClick={() => deleteStage(stage)}\n                          >\n                            {t('customers.config.pipelineStages.deleteStage', 'Delete')}\n                          </Button>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n\n        <Dialog open={pipelineDialog !== null} onOpenChange={(open) => { if (!open) setPipelineDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {pipelineDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createPipelineTitle', 'Create pipeline')\n                  : t('customers.config.pipelineStages.editPipelineTitle', 'Edit pipeline')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.pipelineName', 'Name')}\n                </label>\n                <Input\n                  value={pipelineName}\n                  onChange={(e) => setPipelineName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.pipelineNamePlaceholder', 'e.g. Sales Pipeline')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void savePipeline() } }}\n                  autoFocus\n                />\n              </div>\n              <label className=\"flex items-center gap-2 text-sm cursor-pointer\">\n                <input\n                  type=\"checkbox\"\n                  checked={pipelineIsDefault}\n                  onChange={(e) => setPipelineIsDefault(e.target.checked)}\n                />\n                {t('customers.config.pipelineStages.setAsDefault', 'Set as default pipeline')}\n              </label>\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setPipelineDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void savePipeline()} disabled={saving || !pipelineName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n\n        <Dialog open={stageDialog !== null} onOpenChange={(open) => { if (!open) setStageDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {stageDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createStageTitle', 'Create stage')\n                  : t('customers.config.pipelineStages.editStageTitle', 'Edit stage')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.stageName', 'Stage name')}\n                </label>\n                <Input\n                  value={stageName}\n                  onChange={(e) => setStageName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.stageNamePlaceholder', 'e.g. Qualification')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void saveStage() } }}\n                  autoFocus\n                />\n              </div>\n              <AppearanceSelector\n                color={stageColor}\n                icon={stageIcon}\n                onColorChange={setStageColor}\n                onIconChange={setStageIcon}\n                labels={appearanceLabels}\n                iconSuggestions={ICON_SUGGESTIONS}\n              />\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setStageDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void saveStage()} disabled={saving || !stageName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from '@open-mercato/ui/primitives/dialog'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { AppearanceSelector, type AppearanceSelectorLabels } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\ntype Pipeline = {\n  id: string\n  name: string\n  isDefault: boolean\n  updatedAt?: string | null\n}\n\ntype PipelineStage = {\n  id: string\n  pipelineId: string\n  label: string\n  order: number\n  color: string | null\n  icon: string | null\n  updatedAt?: string | null\n}\n\ntype PipelineDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; pipeline: Pipeline }\n  | null\n\ntype StageDialogState =\n  | { mode: 'create' }\n  | { mode: 'edit'; stage: PipelineStage }\n  | null\n\nexport default function PipelineStagesPage() {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [pipelines, setPipelines] = React.useState<Pipeline[]>([])\n  const [selectedPipelineId, setSelectedPipelineId] = React.useState<string | null>(null)\n  const [stages, setStages] = React.useState<PipelineStage[]>([])\n  const [loadingPipelines, setLoadingPipelines] = React.useState(true)\n  const [loadingStages, setLoadingStages] = React.useState(false)\n  const [pipelineDialog, setPipelineDialog] = React.useState<PipelineDialogState>(null)\n  const [stageDialog, setStageDialog] = React.useState<StageDialogState>(null)\n  const [pipelineName, setPipelineName] = React.useState('')\n  const [pipelineIsDefault, setPipelineIsDefault] = React.useState(false)\n  const [stageName, setStageName] = React.useState('')\n  const [stageColor, setStageColor] = React.useState<string | null>(null)\n  const [stageIcon, setStageIcon] = React.useState<string | null>(null)\n  const [saving, setSaving] = React.useState(false)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-pipeline-stages-page',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const pipelineMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-stages-page',\n      resourceKind: 'customers.pipeline',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n  const stageMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-stages-page',\n      resourceKind: 'customers.pipeline_stage',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n\n  const selectedPipeline = React.useMemo(\n    () => pipelines.find((p) => p.id === selectedPipelineId) ?? null,\n    [pipelines, selectedPipelineId],\n  )\n\n  const loadPipelines = React.useCallback(async () => {\n    setLoadingPipelines(true)\n    try {\n      const result = await apiCall<{ items: Pipeline[] }>('/api/customers/pipelines')\n      if (result.ok && result.result?.items) {\n        const items = result.result.items\n        setPipelines(items)\n        if (!selectedPipelineId && items.length > 0) {\n          const defaultPipeline = items.find((p) => p.isDefault) ?? items[0]\n          setSelectedPipelineId(defaultPipeline.id)\n        }\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadPipelines', 'Failed to load pipelines'), 'error')\n    } finally {\n      setLoadingPipelines(false)\n    }\n  }, [selectedPipelineId, t])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    setLoadingStages(true)\n    try {\n      const result = await apiCall<{ items: PipelineStage[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`\n      )\n      if (result.ok && result.result?.items) {\n        setStages(result.result.items)\n      }\n    } catch {\n      flash(t('customers.config.pipelineStages.errorLoadStages', 'Failed to load pipeline stages'), 'error')\n    } finally {\n      setLoadingStages(false)\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    void loadPipelines()\n  }, [loadPipelines])\n\n  React.useEffect(() => {\n    if (selectedPipelineId) {\n      void loadStages(selectedPipelineId)\n    } else {\n      setStages([])\n    }\n  }, [selectedPipelineId, loadStages])\n\n  function openCreatePipeline() {\n    setPipelineName('')\n    setPipelineIsDefault(false)\n    setPipelineDialog({ mode: 'create' })\n  }\n\n  function openEditPipeline(pipeline: Pipeline) {\n    setPipelineName(pipeline.name)\n    setPipelineIsDefault(pipeline.isDefault)\n    setPipelineDialog({ mode: 'edit', pipeline })\n  }\n\n  async function savePipeline() {\n    if (!pipelineName.trim()) return\n    setSaving(true)\n    try {\n      if (pipelineDialog?.mode === 'create') {\n        let newId: string | null = null\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await apiCall<{ id: string }>('/api/customers/pipelines', {\n                method: 'POST',\n                body: JSON.stringify({ name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n                headers: { 'Content-Type': 'application/json' },\n              })\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline'))\n              }\n              newId = result.result?.id ?? null\n            },\n            context: pipelineMutationContext,\n            mutationPayload: { action: 'create', name: pipelineName.trim(), isDefault: pipelineIsDefault },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorCreatePipeline', 'Failed to create pipeline')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdPipeline', 'Pipeline created'), 'success')\n        await loadPipelines()\n        if (newId) setSelectedPipelineId(newId)\n      } else if (pipelineDialog?.mode === 'edit') {\n        const targetPipeline = pipelineDialog.pipeline\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await withScopedApiRequestHeaders(\n                buildOptimisticLockHeader(targetPipeline.updatedAt),\n                () => apiCall('/api/customers/pipelines', {\n                  method: 'PUT',\n                  body: JSON.stringify({ id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault }),\n                  headers: { 'Content-Type': 'application/json' },\n                }),\n              )\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline'))\n              }\n            },\n            context: pipelineMutationContext,\n            mutationPayload: { action: 'update', id: targetPipeline.id, name: pipelineName.trim(), isDefault: pipelineIsDefault },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorUpdatePipeline', 'Failed to update pipeline')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedPipeline', 'Pipeline updated'), 'success')\n        await loadPipelines()\n      }\n      setPipelineDialog(null)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deletePipeline(pipeline: Pipeline) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deletePipelineTitle', 'Delete pipeline?'),\n      text: t(\n        'customers.config.pipelineStages.deletePipelineDesc',\n        'This pipeline and all its stages will be permanently removed. Deals assigned to it will lose their pipeline assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deletePipelineConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(pipeline.updatedAt),\n            () => apiCall('/api/customers/pipelines', {\n              method: 'DELETE',\n              body: JSON.stringify({ id: pipeline.id }),\n              headers: { 'Content-Type': 'application/json' },\n            }),\n          )\n          if (!result.ok) {\n            const error = (result.result as { error?: string })?.error\n            throw new Error(error ?? t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline'))\n          }\n        },\n        context: pipelineMutationContext,\n        mutationPayload: { action: 'delete', id: pipeline.id },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorDeletePipeline', 'Failed to delete pipeline')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedPipeline', 'Pipeline deleted'), 'success')\n    if (selectedPipelineId === pipeline.id) setSelectedPipelineId(null)\n    await loadPipelines()\n  }\n\n  function openCreateStage() {\n    setStageName('')\n    setStageColor(null)\n    setStageIcon(null)\n    setStageDialog({ mode: 'create' })\n  }\n\n  function openEditStage(stage: PipelineStage) {\n    setStageName(stage.label)\n    setStageColor(stage.color)\n    setStageIcon(stage.icon)\n    setStageDialog({ mode: 'edit', stage })\n  }\n\n  async function saveStage() {\n    if (!stageName.trim() || !selectedPipelineId) return\n    setSaving(true)\n    try {\n      if (stageDialog?.mode === 'create') {\n        const appearancePayload = {\n          ...(stageColor !== null ? { color: stageColor } : {}),\n          ...(stageIcon !== null ? { icon: stageIcon } : {}),\n        }\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await apiCall('/api/customers/pipeline-stages', {\n                method: 'POST',\n                body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload }),\n                headers: { 'Content-Type': 'application/json' },\n              })\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage'))\n              }\n            },\n            context: stageMutationContext,\n            mutationPayload: { action: 'create', pipelineId: selectedPipelineId, label: stageName.trim(), ...appearancePayload },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorCreateStage', 'Failed to create stage')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.createdStage', 'Stage created'), 'success')\n      } else if (stageDialog?.mode === 'edit') {\n        const targetStage = stageDialog.stage\n        try {\n          await runMutation({\n            operation: async () => {\n              const result = await withScopedApiRequestHeaders(\n                buildOptimisticLockHeader(targetStage.updatedAt),\n                () => apiCall('/api/customers/pipeline-stages', {\n                  method: 'PUT',\n                  body: JSON.stringify({ id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon }),\n                  headers: { 'Content-Type': 'application/json' },\n                }),\n              )\n              if (!result.ok) {\n                throw new Error(t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage'))\n              }\n            },\n            context: stageMutationContext,\n            mutationPayload: { action: 'update', id: targetStage.id, label: stageName.trim(), color: stageColor, icon: stageIcon },\n          })\n        } catch (err) {\n          const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorUpdateStage', 'Failed to update stage')\n          flash(msg, 'error')\n          return\n        }\n        flash(t('customers.config.pipelineStages.updatedStage', 'Stage updated'), 'success')\n      }\n      setStageDialog(null)\n      await loadStages(selectedPipelineId)\n    } finally {\n      setSaving(false)\n    }\n  }\n\n  async function deleteStage(stage: PipelineStage) {\n    const confirmed = await confirm({\n      title: t('customers.config.pipelineStages.deleteStagTitle', 'Delete stage?'),\n      text: t(\n        'customers.config.pipelineStages.deleteStageDesc',\n        'This stage will be permanently removed. Deals assigned to it will lose their stage assignment.',\n      ),\n      confirmText: t('customers.config.pipelineStages.deleteStageConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(stage.updatedAt),\n            () => apiCall('/api/customers/pipeline-stages', {\n              method: 'DELETE',\n              body: JSON.stringify({ id: stage.id }),\n              headers: { 'Content-Type': 'application/json' },\n            }),\n          )\n          if (!result.ok) {\n            const error = (result.result as { error?: string })?.error\n            throw new Error(error ?? t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage'))\n          }\n        },\n        context: stageMutationContext,\n        mutationPayload: { action: 'delete', id: stage.id },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorDeleteStage', 'Failed to delete stage')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.config.pipelineStages.deletedStage', 'Stage deleted'), 'success')\n    if (selectedPipelineId) await loadStages(selectedPipelineId)\n  }\n\n  async function moveStage(index: number, direction: 'up' | 'down') {\n    const nextIndex = direction === 'up' ? index - 1 : index + 1\n    if (nextIndex < 0 || nextIndex >= stages.length) return\n\n    const reordered = [...stages]\n    const [moved] = reordered.splice(index, 1)\n    reordered.splice(nextIndex, 0, moved)\n\n    const updated = reordered.map((stage, i) => ({ ...stage, order: i }))\n    setStages(updated)\n\n    const orderedStages = updated.map((s) => ({ id: s.id, order: s.order }))\n    try {\n      await runMutation({\n        operation: async () => {\n          const result = await apiCall('/api/customers/pipeline-stages/reorder', {\n            method: 'POST',\n            body: JSON.stringify({ stages: orderedStages }),\n            headers: { 'Content-Type': 'application/json' },\n          })\n          if (!result.ok) {\n            throw new Error(t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages'))\n          }\n        },\n        context: stageMutationContext,\n        mutationPayload: { action: 'reorder', stages: orderedStages },\n      })\n    } catch (err) {\n      const msg = err instanceof Error && err.message ? err.message : t('customers.config.pipelineStages.errorReorder', 'Failed to reorder stages')\n      flash(msg, 'error')\n      if (selectedPipelineId) await loadStages(selectedPipelineId)\n    }\n  }\n\n  const appearanceLabels = React.useMemo<AppearanceSelectorLabels>(() => ({\n    colorLabel: t('customers.config.pipelineStages.colorLabel', 'Color'),\n    colorHelp: t('customers.config.pipelineStages.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('customers.config.pipelineStages.colorClear', 'Remove color'),\n    iconLabel: t('customers.config.pipelineStages.iconLabel', 'Icon'),\n    iconPlaceholder: t('customers.config.pipelineStages.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('customers.config.pipelineStages.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('customers.config.pipelineStages.iconSearchPlaceholder', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('customers.config.pipelineStages.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('customers.config.pipelineStages.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.config.pipelineStages.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.config.pipelineStages.previewEmpty', 'None'),\n  }), [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6 max-w-2xl\">\n          <div className=\"flex items-center justify-between\">\n            <h2 className=\"text-lg font-semibold\">\n              {t('customers.config.pipelineStages.title', 'Pipeline stages')}\n            </h2>\n            <a\n              href=\"/backend/customers/deals/pipeline\"\n              className=\"text-sm text-muted-foreground hover:underline\"\n            >\n              {t('customers.config.pipelineStages.viewBoard', 'View pipeline board')} \u2192\n            </a>\n          </div>\n\n          {loadingPipelines ? (\n            <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n              <Spinner size=\"sm\" />\n              {t('customers.config.pipelineStages.loadingPipelines', 'Loading pipelines\u2026')}\n            </div>\n          ) : (\n            <>\n              <div className=\"flex items-center gap-3\">\n                <Select\n                  value={selectedPipelineId || undefined}\n                  onValueChange={(value) => setSelectedPipelineId(value || null)}\n                  disabled={pipelines.length === 0}\n                >\n                  <SelectTrigger className=\"w-full max-w-xs\">\n                    <SelectValue\n                      placeholder={\n                        pipelines.length === 0\n                          ? t('customers.config.pipelineStages.noPipelines', 'No pipelines yet')\n                          : undefined\n                      }\n                    />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {pipelines.map((p) => (\n                      <SelectItem key={p.id} value={p.id}>\n                        {p.name}{p.isDefault ? ` (${t('customers.config.pipelineStages.default', 'default')})` : ''}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                {selectedPipeline && (\n                  <>\n                    <Button variant=\"outline\" size=\"sm\" onClick={() => openEditPipeline(selectedPipeline)}>\n                      {t('customers.config.pipelineStages.editPipeline', 'Edit')}\n                    </Button>\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"text-destructive\"\n                      onClick={() => deletePipeline(selectedPipeline)}\n                    >\n                      {t('customers.config.pipelineStages.deletePipeline', 'Delete')}\n                    </Button>\n                  </>\n                )}\n                <Button variant=\"outline\" size=\"sm\" onClick={openCreatePipeline}>\n                  {t('customers.config.pipelineStages.addPipeline', '+ Add pipeline')}\n                </Button>\n              </div>\n\n              {selectedPipelineId && (\n                <div className=\"space-y-3\">\n                  <div className=\"flex items-center justify-between\">\n                    <h3 className=\"text-sm font-medium text-muted-foreground\">\n                      {t('customers.config.pipelineStages.stagesTitle', 'Stages')}\n                    </h3>\n                    <Button size=\"sm\" onClick={openCreateStage}>\n                      {t('customers.config.pipelineStages.addStage', '+ Add stage')}\n                    </Button>\n                  </div>\n\n                  {loadingStages ? (\n                    <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Spinner size=\"sm\" />\n                      {t('customers.config.pipelineStages.loadingStages', 'Loading stages\u2026')}\n                    </div>\n                  ) : stages.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.config.pipelineStages.noStages', 'No stages yet. Add your first stage.')}\n                    </p>\n                  ) : (\n                    <div className=\"divide-y rounded-md border\">\n                      {stages.map((stage, index) => (\n                        <div key={stage.id} className=\"flex items-center gap-3 px-4 py-3\">\n                          <div className=\"flex flex-col gap-1\">\n                            <button\n                              type=\"button\"\n                              className=\"text-muted-foreground hover:text-foreground disabled:opacity-50\"\n                              onClick={() => moveStage(index, 'up')}\n                              disabled={index === 0}\n                              aria-label={t('customers.config.pipelineStages.moveUp', 'Move up')}\n                            >\n                              \u2191\n                            </button>\n                            <button\n                              type=\"button\"\n                              className=\"text-muted-foreground hover:text-foreground disabled:opacity-50\"\n                              onClick={() => moveStage(index, 'down')}\n                              disabled={index === stages.length - 1}\n                              aria-label={t('customers.config.pipelineStages.moveDown', 'Move down')}\n                            >\n                              \u2193\n                            </button>\n                          </div>\n                          <span className=\"flex-1 text-sm flex items-center gap-2\">\n                            {stage.color ? renderDictionaryColor(stage.color) : null}\n                            {stage.icon ? renderDictionaryIcon(stage.icon) : null}\n                            {stage.label}\n                          </span>\n                          <Button variant=\"ghost\" size=\"sm\" onClick={() => openEditStage(stage)}>\n                            {t('customers.config.pipelineStages.editStage', 'Edit')}\n                          </Button>\n                          <Button\n                            variant=\"ghost\"\n                            size=\"sm\"\n                            className=\"text-destructive\"\n                            onClick={() => deleteStage(stage)}\n                          >\n                            {t('customers.config.pipelineStages.deleteStage', 'Delete')}\n                          </Button>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )}\n            </>\n          )}\n        </div>\n\n        <Dialog open={pipelineDialog !== null} onOpenChange={(open) => { if (!open) setPipelineDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {pipelineDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createPipelineTitle', 'Create pipeline')\n                  : t('customers.config.pipelineStages.editPipelineTitle', 'Edit pipeline')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.pipelineName', 'Name')}\n                </label>\n                <Input\n                  value={pipelineName}\n                  onChange={(e) => setPipelineName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.pipelineNamePlaceholder', 'e.g. Sales Pipeline')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void savePipeline() } }}\n                  autoFocus\n                />\n              </div>\n              <label className=\"flex items-center gap-2 text-sm cursor-pointer\">\n                <input\n                  type=\"checkbox\"\n                  checked={pipelineIsDefault}\n                  onChange={(e) => setPipelineIsDefault(e.target.checked)}\n                />\n                {t('customers.config.pipelineStages.setAsDefault', 'Set as default pipeline')}\n              </label>\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setPipelineDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void savePipeline()} disabled={saving || !pipelineName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n\n        <Dialog open={stageDialog !== null} onOpenChange={(open) => { if (!open) setStageDialog(null) }}>\n          <DialogContent>\n            <DialogHeader>\n              <DialogTitle>\n                {stageDialog?.mode === 'create'\n                  ? t('customers.config.pipelineStages.createStageTitle', 'Create stage')\n                  : t('customers.config.pipelineStages.editStageTitle', 'Edit stage')}\n              </DialogTitle>\n            </DialogHeader>\n            <div className=\"space-y-4 py-2\">\n              <div className=\"space-y-1\">\n                <label className=\"text-sm font-medium\">\n                  {t('customers.config.pipelineStages.stageName', 'Stage name')}\n                </label>\n                <Input\n                  value={stageName}\n                  onChange={(e) => setStageName(e.target.value)}\n                  placeholder={t('customers.config.pipelineStages.stageNamePlaceholder', 'e.g. Qualification')}\n                  onKeyDown={(e) => { if (e.key === 'Enter') { e.preventDefault(); void saveStage() } }}\n                  autoFocus\n                />\n              </div>\n              <AppearanceSelector\n                color={stageColor}\n                icon={stageIcon}\n                onColorChange={setStageColor}\n                onIconChange={setStageIcon}\n                labels={appearanceLabels}\n                iconSuggestions={ICON_SUGGESTIONS}\n              />\n            </div>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setStageDialog(null)} disabled={saving}>\n                {t('customers.config.pipelineStages.cancel', 'Cancel')}\n              </Button>\n              <Button onClick={() => void saveStage()} disabled={saving || !stageName.trim()}>\n                {saving ? <Spinner size=\"sm\" /> : t('customers.config.pipelineStages.save', 'Save')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      {ConfirmDialogElement}\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/AddressFormatSettings.js

@@ -5,13 +5,19 @@ import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { RadioGroup, Radio } from "@open-mercato/ui/primitives/radio";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+const SAVE_CONTEXT_ID = "customers-address-format-settings";
 function AddressFormatSettings() {
   const t = useT();
   const [format, setFormat] = React.useState("line_first");
   const [loading, setLoading] = React.useState(true);
   const [pending, setPending] = React.useState(null);
   const [error, setError] = React.useState(null);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: SAVE_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
   const options = React.useMemo(
     () => [
       {
@@ -71,21 +77,30 @@ function AddressFormatSettings() {
       setPending(next);
       setError(null);
       try {
-        const call = await apiCall(
-          "/api/customers/settings/address-format",
-          {
-            method: "PUT",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify({ addressFormat: next })
-          }
-        );
-        const payload = call.result ?? {};
-        if (!call.ok) {
-          const message = typeof payload?.error === "string" ? payload.error : t("customers.config.addressFormat.errorSave", "Failed to update address settings");
-          setError(message);
-          flash(message, "error");
-          return;
-        }
+        await runMutation({
+          // optimistic-lock-exempt: single-row tenant address-format preference toggle — no per-record version / concurrent record edit
+          operation: async () => {
+            const call = await apiCall(
+              "/api/customers/settings/address-format",
+              {
+                method: "PUT",
+                headers: { "content-type": "application/json" },
+                body: JSON.stringify({ addressFormat: next })
+              }
+            );
+            const payload = call.result ?? {};
+            if (!call.ok) {
+              const message = typeof payload?.error === "string" ? payload.error : t("customers.config.addressFormat.errorSave", "Failed to update address settings");
+              throw new Error(message);
+            }
+          },
+          context: {
+            formId: SAVE_CONTEXT_ID,
+            resourceKind: "customers.settings",
+            retryLastMutation
+          },
+          mutationPayload: { addressFormat: next }
+        });
         setFormat(next);
         flash(t("customers.config.addressFormat.success", "Address format updated"), "success");
       } catch (err) {
@@ -96,7 +111,7 @@ function AddressFormatSettings() {
         setPending(null);
       }
     },
-    [format, t]
+    [format, retryLastMutation, runMutation, t]
   );
   return /* @__PURE__ */ jsxs("section", { className: "space-y-4 rounded-lg border bg-background p-4", children: [
     /* @__PURE__ */ jsxs("header", { className: "space-y-1", children: [