@open-mercato/core 0.6.6-develop.6205.1.109e4b6a84 → 0.6.6-develop.6228.1.cf483c68b5

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

@@ -16,6 +16,7 @@ import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
 import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
 import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
@@ -69,6 +70,26 @@ function PipelineSettings() {
   const [stageDialog, setStageDialog] = React.useState(null);
   const [stageForm, setStageForm] = React.useState({ label: "", color: null, icon: null });
   const [submittingStage, setSubmittingStage] = React.useState(false);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: "customers-pipeline-settings",
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const pipelineMutationContext = React.useMemo(
+    () => ({
+      formId: "customers-pipeline-settings",
+      resourceKind: "customers.pipeline",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
+  const stageMutationContext = React.useMemo(
+    () => ({
+      formId: "customers-pipeline-settings",
+      resourceKind: "customers.pipeline_stage",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
   const loadPipelines = React.useCallback(async () => {
     setLoadingPipelines(true);
     try {
@@ -124,37 +145,49 @@ function PipelineSettings() {
     setSubmittingPipeline(true);
     try {
       if (pipelineDialog?.mode === "create") {
-        const res = await apiCall("/api/customers/pipelines", {
-          method: "POST",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
+        await runMutation({
+          operation: async () => {
+            const res = await apiCall("/api/customers/pipelines", {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
+            });
+            if (!res.ok) {
+              await raiseCrudError(res.response, t("customers.pipelines.errors.createFailed", "Failed to create pipeline"));
+            }
+          },
+          context: pipelineMutationContext,
+          mutationPayload: { action: "create", name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault }
         });
-        if (!res.ok) {
-          await raiseCrudError(res.response, t("customers.pipelines.errors.createFailed", "Failed to create pipeline"));
-          return;
-        }
         flash(t("customers.pipelines.flash.created", "Pipeline created"), "success");
       } else if (pipelineDialog?.mode === "edit") {
-        const res = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(pipelineDialog.entry.updatedAt),
-          () => apiCall("/api/customers/pipelines", {
-            method: "PUT",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify({ id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
-          })
-        );
-        if (!res.ok) {
-          await raiseCrudError(res.response, t("customers.pipelines.errors.updateFailed", "Failed to update pipeline"));
-          return;
-        }
+        await runMutation({
+          operation: async () => {
+            const res = await withScopedApiRequestHeaders(
+              buildOptimisticLockHeader(pipelineDialog.entry.updatedAt),
+              () => apiCall("/api/customers/pipelines", {
+                method: "PUT",
+                headers: { "content-type": "application/json" },
+                body: JSON.stringify({ id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault })
+              })
+            );
+            if (!res.ok) {
+              await raiseCrudError(res.response, t("customers.pipelines.errors.updateFailed", "Failed to update pipeline"));
+            }
+          },
+          context: pipelineMutationContext,
+          mutationPayload: { action: "update", id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault }
+        });
         flash(t("customers.pipelines.flash.updated", "Pipeline updated"), "success");
       }
       setPipelineDialog(null);
       await loadPipelines();
+    } catch {
+      return;
     } finally {
       setSubmittingPipeline(false);
     }
-  }, [pipelineDialog, pipelineForm, loadPipelines, t]);
+  }, [pipelineDialog, pipelineForm, loadPipelines, pipelineMutationContext, runMutation, t]);
   const handleDeletePipeline = React.useCallback(async (pipeline) => {
     const confirmed = await confirm({
       title: t("customers.pipelines.confirm.deleteTitle", "Delete pipeline"),
@@ -163,24 +196,35 @@ function PipelineSettings() {
       variant: "destructive"
     });
     if (!confirmed) return;
-    const res = await withScopedApiRequestHeaders(
-      buildOptimisticLockHeader(pipeline.updatedAt),
-      () => apiCall("/api/customers/pipelines", {
-        method: "DELETE",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ id: pipeline.id })
-      })
-    );
-    if (!res.ok) {
-      const body = res.result ?? {};
-      const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.deleteFailed", "Failed to delete pipeline");
+    try {
+      await runMutation({
+        operation: async () => {
+          const res = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(pipeline.updatedAt),
+            () => apiCall("/api/customers/pipelines", {
+              method: "DELETE",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ id: pipeline.id })
+            })
+          );
+          if (!res.ok) {
+            const body = res.result ?? {};
+            const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.deleteFailed", "Failed to delete pipeline");
+            throw new Error(msg);
+          }
+        },
+        context: pipelineMutationContext,
+        mutationPayload: { action: "delete", id: pipeline.id }
+      });
+    } catch (err) {
+      const msg = err instanceof Error && err.message ? err.message : t("customers.pipelines.errors.deleteFailed", "Failed to delete pipeline");
       flash(msg, "error");
       return;
     }
     flash(t("customers.pipelines.flash.deleted", "Pipeline deleted"), "success");
     if (expandedPipelineId === pipeline.id) setExpandedPipelineId(null);
     await loadPipelines();
-  }, [confirm, expandedPipelineId, loadPipelines, t]);
+  }, [confirm, expandedPipelineId, loadPipelines, pipelineMutationContext, runMutation, t]);
   const openCreateStage = React.useCallback((pipelineId) => {
     setStageForm({ label: "", color: null, icon: null });
     setStageDialog({ mode: "create", pipelineId });
@@ -200,38 +244,52 @@ function PipelineSettings() {
       if (stageForm.color) appearance.color = stageForm.color;
       if (stageForm.icon) appearance.icon = stageForm.icon;
       if (stageDialog?.mode === "create") {
-        const res = await apiCall("/api/customers/pipeline-stages", {
-          method: "POST",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ pipelineId: stageDialog.pipelineId, label: stageForm.label.trim(), ...appearance })
+        const targetPipelineId = stageDialog.pipelineId;
+        await runMutation({
+          operation: async () => {
+            const res = await apiCall("/api/customers/pipeline-stages", {
+              method: "POST",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ pipelineId: targetPipelineId, label: stageForm.label.trim(), ...appearance })
+            });
+            if (!res.ok) {
+              await raiseCrudError(res.response, t("customers.pipelines.errors.stageCreateFailed", "Failed to create stage"));
+            }
+          },
+          context: stageMutationContext,
+          mutationPayload: { action: "create", pipelineId: targetPipelineId, label: stageForm.label.trim(), ...appearance }
         });
-        if (!res.ok) {
-          await raiseCrudError(res.response, t("customers.pipelines.errors.stageCreateFailed", "Failed to create stage"));
-          return;
-        }
         flash(t("customers.pipelines.flash.stageCreated", "Stage created"), "success");
-        await loadStages(stageDialog.pipelineId);
+        await loadStages(targetPipelineId);
       } else if (stageDialog?.mode === "edit") {
-        const res = await withScopedApiRequestHeaders(
-          buildOptimisticLockHeader(stageDialog.entry.updatedAt),
-          () => apiCall("/api/customers/pipeline-stages", {
-            method: "PUT",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify({ id: stageDialog.entry.id, label: stageForm.label.trim(), ...appearance })
-          })
-        );
-        if (!res.ok) {
-          await raiseCrudError(res.response, t("customers.pipelines.errors.stageUpdateFailed", "Failed to update stage"));
-          return;
-        }
+        const targetStage = stageDialog.entry;
+        await runMutation({
+          operation: async () => {
+            const res = await withScopedApiRequestHeaders(
+              buildOptimisticLockHeader(targetStage.updatedAt),
+              () => apiCall("/api/customers/pipeline-stages", {
+                method: "PUT",
+                headers: { "content-type": "application/json" },
+                body: JSON.stringify({ id: targetStage.id, label: stageForm.label.trim(), ...appearance })
+              })
+            );
+            if (!res.ok) {
+              await raiseCrudError(res.response, t("customers.pipelines.errors.stageUpdateFailed", "Failed to update stage"));
+            }
+          },
+          context: stageMutationContext,
+          mutationPayload: { action: "update", id: targetStage.id, label: stageForm.label.trim(), ...appearance }
+        });
         flash(t("customers.pipelines.flash.stageUpdated", "Stage updated"), "success");
-        await loadStages(stageDialog.entry.pipelineId);
+        await loadStages(targetStage.pipelineId);
       }
       setStageDialog(null);
+    } catch {
+      return;
     } finally {
       setSubmittingStage(false);
     }
-  }, [stageDialog, stageForm, loadStages, t]);
+  }, [stageDialog, stageForm, loadStages, runMutation, stageMutationContext, t]);
   const handleDeleteStage = React.useCallback(async (stage) => {
     const confirmed = await confirm({
       title: t("customers.pipelines.confirm.stageDeleteTitle", "Delete stage"),
@@ -240,23 +298,34 @@ function PipelineSettings() {
       variant: "destructive"
     });
     if (!confirmed) return;
-    const res = await withScopedApiRequestHeaders(
-      buildOptimisticLockHeader(stage.updatedAt),
-      () => apiCall("/api/customers/pipeline-stages", {
-        method: "DELETE",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ id: stage.id })
-      })
-    );
-    if (!res.ok) {
-      const body = res.result ?? {};
-      const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.stageDeleteFailed", "Failed to delete stage");
+    try {
+      await runMutation({
+        operation: async () => {
+          const res = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(stage.updatedAt),
+            () => apiCall("/api/customers/pipeline-stages", {
+              method: "DELETE",
+              headers: { "content-type": "application/json" },
+              body: JSON.stringify({ id: stage.id })
+            })
+          );
+          if (!res.ok) {
+            const body = res.result ?? {};
+            const msg = typeof body.error === "string" ? body.error : t("customers.pipelines.errors.stageDeleteFailed", "Failed to delete stage");
+            throw new Error(msg);
+          }
+        },
+        context: stageMutationContext,
+        mutationPayload: { action: "delete", id: stage.id }
+      });
+    } catch (err) {
+      const msg = err instanceof Error && err.message ? err.message : t("customers.pipelines.errors.stageDeleteFailed", "Failed to delete stage");
       flash(msg, "error");
       return;
     }
     flash(t("customers.pipelines.flash.stageDeleted", "Stage deleted"), "success");
     await loadStages(stage.pipelineId);
-  }, [confirm, loadStages, t]);
+  }, [confirm, loadStages, runMutation, stageMutationContext, t]);
   const handleMoveStage = React.useCallback(async (stage, direction) => {
     const pipelineStages = stages[stage.pipelineId] ?? [];
     const idx = pipelineStages.findIndex((s) => s.id === stage.id);
@@ -268,17 +337,28 @@ function PipelineSettings() {
     reordered[idx] = reordered[swapIdx];
     reordered[swapIdx] = temp;
     const orderedStages = reordered.map((s, i) => ({ id: s.id, order: i }));
-    const res = await apiCall("/api/customers/pipeline-stages/reorder", {
-      method: "POST",
-      headers: { "content-type": "application/json" },
-      body: JSON.stringify({ stages: orderedStages })
-    });
-    if (!res.ok) {
-      flash(t("customers.pipelines.errors.reorderFailed", "Failed to reorder stages"), "error");
+    try {
+      await runMutation({
+        operation: async () => {
+          const res = await apiCall("/api/customers/pipeline-stages/reorder", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ stages: orderedStages })
+          });
+          if (!res.ok) {
+            throw new Error(t("customers.pipelines.errors.reorderFailed", "Failed to reorder stages"));
+          }
+        },
+        context: stageMutationContext,
+        mutationPayload: { action: "reorder", stages: orderedStages }
+      });
+    } catch (err) {
+      const msg = err instanceof Error && err.message ? err.message : t("customers.pipelines.errors.reorderFailed", "Failed to reorder stages");
+      flash(msg, "error");
       return;
     }
     await loadStages(stage.pipelineId);
-  }, [stages, loadStages, t]);
+  }, [stages, loadStages, runMutation, stageMutationContext, t]);
   const handleKeyDown = React.useCallback(
     (handler) => (e) => {
       if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {

package/dist/modules/customers/components/PipelineSettings.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/customers/components/PipelineSettings.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@open-mercato/ui/primitives/accordion'\nimport {\n  AppearanceSelector,\n  type AppearanceSelectorLabels,\n} from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport {\n  renderDictionaryColor,\n  renderDictionaryIcon,\n} from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\ntype Pipeline = {\n  id: string\n  name: string\n  isDefault: boolean\n  organizationId: string\n  tenantId: string\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'; entry: Pipeline }\n\ntype StageDialogState =\n  | { mode: 'create'; pipelineId: string }\n  | { mode: 'edit'; entry: PipelineStage }\n\nfunction normalizePipeline(raw: Record<string, unknown>): Pipeline {\n  return {\n    id: typeof raw.id === 'string' ? raw.id : '',\n    name: typeof raw.name === 'string' ? raw.name : '',\n    isDefault: raw.isDefault === true || raw.is_default === true,\n    organizationId: typeof raw.organizationId === 'string' ? raw.organizationId : (typeof raw.organization_id === 'string' ? raw.organization_id : ''),\n    tenantId: typeof raw.tenantId === 'string' ? raw.tenantId : (typeof raw.tenant_id === 'string' ? raw.tenant_id : ''),\n    updatedAt: typeof raw.updatedAt === 'string' ? raw.updatedAt : (typeof raw.updated_at === 'string' ? raw.updated_at : null),\n  }\n}\n\nfunction normalizeStage(raw: Record<string, unknown>): PipelineStage {\n  return {\n    id: typeof raw.id === 'string' ? raw.id : '',\n    pipelineId: typeof raw.pipelineId === 'string' ? raw.pipelineId : (typeof raw.pipeline_id === 'string' ? raw.pipeline_id : ''),\n    label: typeof raw.label === 'string' ? raw.label : '',\n    order: typeof raw.order === 'number' ? raw.order : 0,\n    color: typeof raw.color === 'string' && raw.color.trim().length ? raw.color.trim() : null,\n    icon: typeof raw.icon === 'string' && raw.icon.trim().length ? raw.icon.trim() : null,\n    updatedAt: typeof raw.updatedAt === 'string' ? raw.updatedAt : (typeof raw.updated_at === 'string' ? raw.updated_at : null),\n  }\n}\n\nexport default function PipelineSettings(): React.ReactElement {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [pipelines, setPipelines] = React.useState<Pipeline[]>([])\n  const [loadingPipelines, setLoadingPipelines] = React.useState(false)\n  const [pipelineDialog, setPipelineDialog] = React.useState<PipelineDialogState | null>(null)\n  const [pipelineForm, setPipelineForm] = React.useState({ name: '', isDefault: false })\n  const [submittingPipeline, setSubmittingPipeline] = React.useState(false)\n\n  const [expandedPipelineId, setExpandedPipelineId] = React.useState<string | null>(null)\n  const [stages, setStages] = React.useState<Record<string, PipelineStage[]>>({})\n  const [loadingStages, setLoadingStages] = React.useState<Record<string, boolean>>({})\n  const [stageDialog, setStageDialog] = React.useState<StageDialogState | null>(null)\n  const [stageForm, setStageForm] = React.useState({ label: '', color: null as string | null, icon: null as string | null })\n  const [submittingStage, setSubmittingStage] = React.useState(false)\n\n  const loadPipelines = React.useCallback(async () => {\n    setLoadingPipelines(true)\n    try {\n      const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n        '/api/customers/pipelines',\n        undefined,\n        { errorMessage: t('customers.pipelines.errors.loadFailed', 'Failed to load pipelines'), fallback: { items: [] } },\n      )\n      const items = Array.isArray(data?.items) ? data.items : []\n      setPipelines(items.map((item) => normalizePipeline(item as Record<string, unknown>)))\n    } finally {\n      setLoadingPipelines(false)\n    }\n  }, [t])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    setLoadingStages((prev) => ({ ...prev, [pipelineId]: true }))\n    try {\n      const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`,\n        undefined,\n        { errorMessage: t('customers.pipelines.errors.stagesLoadFailed', 'Failed to load stages'), fallback: { items: [] } },\n      )\n      const items = Array.isArray(data?.items) ? data.items : []\n      setStages((prev) => ({\n        ...prev,\n        [pipelineId]: items.map((item) => normalizeStage(item as Record<string, unknown>)),\n      }))\n    } finally {\n      setLoadingStages((prev) => ({ ...prev, [pipelineId]: false }))\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    void loadPipelines()\n  }, [loadPipelines, scopeVersion])\n\n  React.useEffect(() => {\n    if (expandedPipelineId) {\n      void loadStages(expandedPipelineId)\n    }\n  }, [expandedPipelineId, loadStages])\n\n  const openCreatePipeline = React.useCallback(() => {\n    setPipelineForm({ name: '', isDefault: false })\n    setPipelineDialog({ mode: 'create' })\n  }, [])\n\n  const openEditPipeline = React.useCallback((pipeline: Pipeline) => {\n    setPipelineForm({ name: pipeline.name, isDefault: pipeline.isDefault })\n    setPipelineDialog({ mode: 'edit', entry: pipeline })\n  }, [])\n\n  const closePipelineDialog = React.useCallback(() => {\n    setPipelineDialog(null)\n  }, [])\n\n  const handlePipelineSubmit = React.useCallback(async () => {\n    if (!pipelineForm.name.trim()) return\n    setSubmittingPipeline(true)\n    try {\n      if (pipelineDialog?.mode === 'create') {\n        const res = await apiCall('/api/customers/pipelines', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault }),\n        })\n        if (!res.ok) {\n          await raiseCrudError(res.response, t('customers.pipelines.errors.createFailed', 'Failed to create pipeline'))\n          return\n        }\n        flash(t('customers.pipelines.flash.created', 'Pipeline created'), 'success')\n      } else if (pipelineDialog?.mode === 'edit') {\n        const res = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(pipelineDialog.entry.updatedAt),\n          () =>\n            apiCall('/api/customers/pipelines', {\n              method: 'PUT',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault }),\n            }),\n        )\n        if (!res.ok) {\n          await raiseCrudError(res.response, t('customers.pipelines.errors.updateFailed', 'Failed to update pipeline'))\n          return\n        }\n        flash(t('customers.pipelines.flash.updated', 'Pipeline updated'), 'success')\n      }\n      setPipelineDialog(null)\n      await loadPipelines()\n    } finally {\n      setSubmittingPipeline(false)\n    }\n  }, [pipelineDialog, pipelineForm, loadPipelines, t])\n\n  const handleDeletePipeline = React.useCallback(async (pipeline: Pipeline) => {\n    const confirmed = await confirm({\n      title: t('customers.pipelines.confirm.deleteTitle', 'Delete pipeline'),\n      text: t('customers.pipelines.confirm.deleteDesc', 'Are you sure you want to delete this pipeline? This cannot be undone.'),\n      confirmText: t('customers.pipelines.confirm.deleteConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    const res = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(pipeline.updatedAt),\n      () =>\n        apiCall('/api/customers/pipelines', {\n          method: 'DELETE',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: pipeline.id }),\n        }),\n    )\n    if (!res.ok) {\n      const body = (res.result ?? {}) as Record<string, unknown>\n      const msg = typeof body.error === 'string' ? body.error : t('customers.pipelines.errors.deleteFailed', 'Failed to delete pipeline')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.pipelines.flash.deleted', 'Pipeline deleted'), 'success')\n    if (expandedPipelineId === pipeline.id) setExpandedPipelineId(null)\n    await loadPipelines()\n  }, [confirm, expandedPipelineId, loadPipelines, t])\n\n  const openCreateStage = React.useCallback((pipelineId: string) => {\n    setStageForm({ label: '', color: null, icon: null })\n    setStageDialog({ mode: 'create', pipelineId })\n  }, [])\n\n  const openEditStage = React.useCallback((stage: PipelineStage) => {\n    setStageForm({ label: stage.label, color: stage.color, icon: stage.icon })\n    setStageDialog({ mode: 'edit', entry: stage })\n  }, [])\n\n  const closeStageDialog = React.useCallback(() => {\n    setStageDialog(null)\n  }, [])\n\n  const handleStageSubmit = React.useCallback(async () => {\n    if (!stageForm.label.trim()) return\n    setSubmittingStage(true)\n    try {\n      const appearance: Record<string, unknown> = {}\n      if (stageForm.color) appearance.color = stageForm.color\n      if (stageForm.icon) appearance.icon = stageForm.icon\n\n      if (stageDialog?.mode === 'create') {\n        const res = await apiCall('/api/customers/pipeline-stages', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ pipelineId: stageDialog.pipelineId, label: stageForm.label.trim(), ...appearance }),\n        })\n        if (!res.ok) {\n          await raiseCrudError(res.response, t('customers.pipelines.errors.stageCreateFailed', 'Failed to create stage'))\n          return\n        }\n        flash(t('customers.pipelines.flash.stageCreated', 'Stage created'), 'success')\n        await loadStages(stageDialog.pipelineId)\n      } else if (stageDialog?.mode === 'edit') {\n        const res = await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(stageDialog.entry.updatedAt),\n          () =>\n            apiCall('/api/customers/pipeline-stages', {\n              method: 'PUT',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ id: stageDialog.entry.id, label: stageForm.label.trim(), ...appearance }),\n            }),\n        )\n        if (!res.ok) {\n          await raiseCrudError(res.response, t('customers.pipelines.errors.stageUpdateFailed', 'Failed to update stage'))\n          return\n        }\n        flash(t('customers.pipelines.flash.stageUpdated', 'Stage updated'), 'success')\n        await loadStages(stageDialog.entry.pipelineId)\n      }\n      setStageDialog(null)\n    } finally {\n      setSubmittingStage(false)\n    }\n  }, [stageDialog, stageForm, loadStages, t])\n\n  const handleDeleteStage = React.useCallback(async (stage: PipelineStage) => {\n    const confirmed = await confirm({\n      title: t('customers.pipelines.confirm.stageDeleteTitle', 'Delete stage'),\n      text: t('customers.pipelines.confirm.stageDeleteDesc', 'Are you sure you want to delete this stage?'),\n      confirmText: t('customers.pipelines.confirm.stageDeleteConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    const res = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(stage.updatedAt),\n      () =>\n        apiCall('/api/customers/pipeline-stages', {\n          method: 'DELETE',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: stage.id }),\n        }),\n    )\n    if (!res.ok) {\n      const body = (res.result ?? {}) as Record<string, unknown>\n      const msg = typeof body.error === 'string' ? body.error : t('customers.pipelines.errors.stageDeleteFailed', 'Failed to delete stage')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.pipelines.flash.stageDeleted', 'Stage deleted'), 'success')\n    await loadStages(stage.pipelineId)\n  }, [confirm, loadStages, t])\n\n  const handleMoveStage = React.useCallback(async (stage: PipelineStage, direction: 'up' | 'down') => {\n    const pipelineStages = stages[stage.pipelineId] ?? []\n    const idx = pipelineStages.findIndex((s) => s.id === stage.id)\n    if (idx < 0) return\n    const swapIdx = direction === 'up' ? idx - 1 : idx + 1\n    if (swapIdx < 0 || swapIdx >= pipelineStages.length) return\n\n    const reordered = [...pipelineStages]\n    const temp = reordered[idx]\n    reordered[idx] = reordered[swapIdx]\n    reordered[swapIdx] = temp\n\n    const orderedStages = reordered.map((s, i) => ({ id: s.id, order: i }))\n    const res = await apiCall('/api/customers/pipeline-stages/reorder', {\n      method: 'POST',\n      headers: { 'content-type': 'application/json' },\n      body: JSON.stringify({ stages: orderedStages }),\n    })\n    if (!res.ok) {\n      flash(t('customers.pipelines.errors.reorderFailed', 'Failed to reorder stages'), 'error')\n      return\n    }\n    await loadStages(stage.pipelineId)\n  }, [stages, loadStages, t])\n\n  const handleKeyDown = React.useCallback(\n    (handler: () => void) => (e: React.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n        e.preventDefault()\n        handler()\n      }\n    },\n    [],\n  )\n\n  const appearanceLabels = React.useMemo<AppearanceSelectorLabels>(() => ({\n    colorLabel: t('customers.pipelines.stageForm.color', 'Color'),\n    colorClearLabel: t('customers.pipelines.stageForm.colorClear', 'Remove color'),\n    iconLabel: t('customers.pipelines.stageForm.icon', 'Icon'),\n    iconPlaceholder: t('customers.pipelines.stageForm.iconPlaceholder', 'e.g. lucide:star'),\n    iconPickerTriggerLabel: t('customers.pipelines.stageForm.iconPicker', 'Pick icon'),\n    iconSearchPlaceholder: t('customers.pipelines.stageForm.iconSearch', 'Search icons\u2026'),\n    iconSearchEmptyLabel: t('customers.pipelines.stageForm.iconSearchEmpty', 'No icons found'),\n    iconSuggestionsLabel: t('customers.pipelines.stageForm.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.pipelines.stageForm.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.pipelines.stageForm.previewEmpty', 'No appearance set'),\n  }), [t])\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h3 className=\"text-base font-semibold\">{t('customers.pipelines.title', 'Sales Pipelines')}</h3>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('customers.pipelines.description', 'Manage sales pipelines and their stages.')}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={openCreatePipeline}>\n          {t('customers.pipelines.actions.create', 'Add pipeline')}\n        </Button>\n      </div>\n\n      {loadingPipelines ? (\n        <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <Spinner className=\"h-4 w-4\" />\n          {t('customers.pipelines.loading', 'Loading pipelines\u2026')}\n        </div>\n      ) : pipelines.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">\n          {t('customers.pipelines.empty', 'No pipelines yet. Create one to get started.')}\n        </p>\n      ) : (\n        <Accordion\n          type=\"single\"\n          collapsible\n          value={expandedPipelineId ?? ''}\n          onValueChange={(next) => setExpandedPipelineId(next || null)}\n          className=\"space-y-2\"\n        >\n          {pipelines.map((pipeline) => {\n            const pipelineStages = stages[pipeline.id] ?? []\n            const isLoadingStages = loadingStages[pipeline.id] ?? false\n\n            return (\n              <AccordionItem key={pipeline.id} value={pipeline.id}>\n                <AccordionTrigger triggerIcon=\"chevron\">\n                  <span className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{pipeline.name}</span>\n                    {pipeline.isDefault ? (\n                      <span className=\"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary\">\n                        {t('customers.pipelines.defaultBadge', 'Default')}\n                      </span>\n                    ) : null}\n                  </span>\n                </AccordionTrigger>\n                <AccordionContent>\n                  <div className=\"mb-3 flex items-center justify-between\">\n                    <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                      {t('customers.pipelines.stages.title', 'Stages')}\n                    </span>\n                    <Button size=\"sm\" variant=\"outline\" onClick={() => openCreateStage(pipeline.id)}>\n                      {t('customers.pipelines.stages.add', 'Add stage')}\n                    </Button>\n                  </div>\n\n                  {isLoadingStages ? (\n                    <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Spinner className=\"h-3 w-3\" />\n                      {t('customers.pipelines.stages.loading', 'Loading\u2026')}\n                    </div>\n                  ) : pipelineStages.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.pipelines.stages.empty', 'No stages yet.')}\n                    </p>\n                  ) : (\n                    <div className=\"divide-y divide-border rounded-md border bg-background\">\n                      {pipelineStages.map((stage, idx) => (\n                        <div key={stage.id} className=\"flex items-center justify-between gap-3 px-3 py-2\">\n                          <div className=\"flex items-center gap-2\">\n                            <span className=\"w-5 text-center text-xs text-muted-foreground\">{idx + 1}</span>\n                            {stage.color ? renderDictionaryColor(stage.color, 'h-3 w-3 rounded-full') : null}\n                            {stage.icon ? renderDictionaryIcon(stage.icon, 'h-4 w-4') : null}\n                            <span className=\"text-sm\">{stage.label}</span>\n                          </div>\n                          <div className=\"flex items-center gap-1\">\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon\"\n                              className=\"h-7 w-7\"\n                              disabled={idx === 0}\n                              onClick={() => void handleMoveStage(stage, 'up')}\n                              title={t('customers.pipelines.stages.moveUp', 'Move up')}\n                            >\n                              \u2191\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon\"\n                              className=\"h-7 w-7\"\n                              disabled={idx === pipelineStages.length - 1}\n                              onClick={() => void handleMoveStage(stage, 'down')}\n                              title={t('customers.pipelines.stages.moveDown', 'Move down')}\n                            >\n                              \u2193\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              onClick={() => openEditStage(stage)}\n                            >\n                              {t('customers.pipelines.stages.edit', 'Edit')}\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              className=\"text-destructive hover:text-destructive\"\n                              onClick={() => void handleDeleteStage(stage)}\n                            >\n                              {t('customers.pipelines.stages.delete', 'Delete')}\n                            </Button>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n\n                  <div className=\"mt-4 flex items-center justify-end gap-2 border-t pt-3\">\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={() => openEditPipeline(pipeline)}\n                    >\n                      {t('customers.pipelines.actions.edit', 'Edit pipeline')}\n                    </Button>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"text-destructive hover:text-destructive\"\n                      onClick={() => void handleDeletePipeline(pipeline)}\n                    >\n                      {t('customers.pipelines.actions.delete', 'Delete pipeline')}\n                    </Button>\n                  </div>\n                </AccordionContent>\n              </AccordionItem>\n            )\n          })}\n        </Accordion>\n      )}\n\n      {/* Pipeline Dialog */}\n      <Dialog open={pipelineDialog !== null} onOpenChange={(open) => { if (!open) closePipelineDialog() }}>\n        <DialogContent onKeyDown={handleKeyDown(handlePipelineSubmit)}>\n          <DialogHeader>\n            <DialogTitle>\n              {pipelineDialog?.mode === 'create'\n                ? t('customers.pipelines.dialog.createTitle', 'Create pipeline')\n                : t('customers.pipelines.dialog.editTitle', 'Edit pipeline')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4 py-2\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"pipeline-name\">{t('customers.pipelines.form.name', 'Name')}</Label>\n              <Input\n                id=\"pipeline-name\"\n                value={pipelineForm.name}\n                onChange={(e) => setPipelineForm((prev) => ({ ...prev, name: e.target.value }))}\n                placeholder={t('customers.pipelines.form.namePlaceholder', 'e.g. New Business')}\n                autoFocus\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Checkbox\n                id=\"pipeline-default\"\n                checked={pipelineForm.isDefault}\n                onCheckedChange={(checked) => setPipelineForm((prev) => ({ ...prev, isDefault: checked === true }))}\n              />\n              <Label htmlFor=\"pipeline-default\" className=\"cursor-pointer\">\n                {t('customers.pipelines.form.isDefault', 'Set as default pipeline')}\n              </Label>\n            </div>\n          </div>\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={closePipelineDialog} disabled={submittingPipeline}>\n              {t('customers.pipelines.dialog.cancel', 'Cancel')}\n            </Button>\n            <Button onClick={() => void handlePipelineSubmit()} disabled={submittingPipeline || !pipelineForm.name.trim()}>\n              {submittingPipeline ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('customers.pipelines.dialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n\n      {ConfirmDialogElement}\n\n      {/* Stage Dialog */}\n      <Dialog open={stageDialog !== null} onOpenChange={(open) => { if (!open) closeStageDialog() }}>\n        <DialogContent onKeyDown={handleKeyDown(handleStageSubmit)}>\n          <DialogHeader>\n            <DialogTitle>\n              {stageDialog?.mode === 'create'\n                ? t('customers.pipelines.stageDialog.createTitle', 'Add stage')\n                : t('customers.pipelines.stageDialog.editTitle', 'Edit stage')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4 py-2\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"stage-label\">{t('customers.pipelines.stageForm.label', 'Label')}</Label>\n              <Input\n                id=\"stage-label\"\n                value={stageForm.label}\n                onChange={(e) => setStageForm((prev) => ({ ...prev, label: e.target.value }))}\n                placeholder={t('customers.pipelines.stageForm.labelPlaceholder', 'e.g. Discovery')}\n                autoFocus\n              />\n            </div>\n            <AppearanceSelector\n              color={stageForm.color}\n              icon={stageForm.icon}\n              onColorChange={(next) => setStageForm((prev) => ({ ...prev, color: next }))}\n              onIconChange={(next) => setStageForm((prev) => ({ ...prev, icon: next }))}\n              labels={appearanceLabels}\n            />\n          </div>\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={closeStageDialog} disabled={submittingStage}>\n              {t('customers.pipelines.stageDialog.cancel', 'Cancel')}\n            </Button>\n            <Button onClick={() => void handleStageSubmit()} disabled={submittingStage || !stageForm.label.trim()}>\n              {submittingStage ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('customers.pipelines.stageDialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from '@open-mercato/ui/primitives/accordion'\nimport {\n  AppearanceSelector,\n  type AppearanceSelectorLabels,\n} from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport {\n  renderDictionaryColor,\n  renderDictionaryIcon,\n} from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\ntype Pipeline = {\n  id: string\n  name: string\n  isDefault: boolean\n  organizationId: string\n  tenantId: string\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'; entry: Pipeline }\n\ntype StageDialogState =\n  | { mode: 'create'; pipelineId: string }\n  | { mode: 'edit'; entry: PipelineStage }\n\nfunction normalizePipeline(raw: Record<string, unknown>): Pipeline {\n  return {\n    id: typeof raw.id === 'string' ? raw.id : '',\n    name: typeof raw.name === 'string' ? raw.name : '',\n    isDefault: raw.isDefault === true || raw.is_default === true,\n    organizationId: typeof raw.organizationId === 'string' ? raw.organizationId : (typeof raw.organization_id === 'string' ? raw.organization_id : ''),\n    tenantId: typeof raw.tenantId === 'string' ? raw.tenantId : (typeof raw.tenant_id === 'string' ? raw.tenant_id : ''),\n    updatedAt: typeof raw.updatedAt === 'string' ? raw.updatedAt : (typeof raw.updated_at === 'string' ? raw.updated_at : null),\n  }\n}\n\nfunction normalizeStage(raw: Record<string, unknown>): PipelineStage {\n  return {\n    id: typeof raw.id === 'string' ? raw.id : '',\n    pipelineId: typeof raw.pipelineId === 'string' ? raw.pipelineId : (typeof raw.pipeline_id === 'string' ? raw.pipeline_id : ''),\n    label: typeof raw.label === 'string' ? raw.label : '',\n    order: typeof raw.order === 'number' ? raw.order : 0,\n    color: typeof raw.color === 'string' && raw.color.trim().length ? raw.color.trim() : null,\n    icon: typeof raw.icon === 'string' && raw.icon.trim().length ? raw.icon.trim() : null,\n    updatedAt: typeof raw.updatedAt === 'string' ? raw.updatedAt : (typeof raw.updated_at === 'string' ? raw.updated_at : null),\n  }\n}\n\nexport default function PipelineSettings(): React.ReactElement {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [pipelines, setPipelines] = React.useState<Pipeline[]>([])\n  const [loadingPipelines, setLoadingPipelines] = React.useState(false)\n  const [pipelineDialog, setPipelineDialog] = React.useState<PipelineDialogState | null>(null)\n  const [pipelineForm, setPipelineForm] = React.useState({ name: '', isDefault: false })\n  const [submittingPipeline, setSubmittingPipeline] = React.useState(false)\n\n  const [expandedPipelineId, setExpandedPipelineId] = React.useState<string | null>(null)\n  const [stages, setStages] = React.useState<Record<string, PipelineStage[]>>({})\n  const [loadingStages, setLoadingStages] = React.useState<Record<string, boolean>>({})\n  const [stageDialog, setStageDialog] = React.useState<StageDialogState | null>(null)\n  const [stageForm, setStageForm] = React.useState({ label: '', color: null as string | null, icon: null as string | null })\n  const [submittingStage, setSubmittingStage] = React.useState(false)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: 'customers-pipeline-settings',\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const pipelineMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-settings',\n      resourceKind: 'customers.pipeline',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n  const stageMutationContext = React.useMemo(\n    () => ({\n      formId: 'customers-pipeline-settings',\n      resourceKind: 'customers.pipeline_stage',\n      retryLastMutation,\n    }),\n    [retryLastMutation],\n  )\n\n  const loadPipelines = React.useCallback(async () => {\n    setLoadingPipelines(true)\n    try {\n      const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n        '/api/customers/pipelines',\n        undefined,\n        { errorMessage: t('customers.pipelines.errors.loadFailed', 'Failed to load pipelines'), fallback: { items: [] } },\n      )\n      const items = Array.isArray(data?.items) ? data.items : []\n      setPipelines(items.map((item) => normalizePipeline(item as Record<string, unknown>)))\n    } finally {\n      setLoadingPipelines(false)\n    }\n  }, [t])\n\n  const loadStages = React.useCallback(async (pipelineId: string) => {\n    setLoadingStages((prev) => ({ ...prev, [pipelineId]: true }))\n    try {\n      const data = await readApiResultOrThrow<{ items?: unknown[] }>(\n        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`,\n        undefined,\n        { errorMessage: t('customers.pipelines.errors.stagesLoadFailed', 'Failed to load stages'), fallback: { items: [] } },\n      )\n      const items = Array.isArray(data?.items) ? data.items : []\n      setStages((prev) => ({\n        ...prev,\n        [pipelineId]: items.map((item) => normalizeStage(item as Record<string, unknown>)),\n      }))\n    } finally {\n      setLoadingStages((prev) => ({ ...prev, [pipelineId]: false }))\n    }\n  }, [t])\n\n  React.useEffect(() => {\n    void loadPipelines()\n  }, [loadPipelines, scopeVersion])\n\n  React.useEffect(() => {\n    if (expandedPipelineId) {\n      void loadStages(expandedPipelineId)\n    }\n  }, [expandedPipelineId, loadStages])\n\n  const openCreatePipeline = React.useCallback(() => {\n    setPipelineForm({ name: '', isDefault: false })\n    setPipelineDialog({ mode: 'create' })\n  }, [])\n\n  const openEditPipeline = React.useCallback((pipeline: Pipeline) => {\n    setPipelineForm({ name: pipeline.name, isDefault: pipeline.isDefault })\n    setPipelineDialog({ mode: 'edit', entry: pipeline })\n  }, [])\n\n  const closePipelineDialog = React.useCallback(() => {\n    setPipelineDialog(null)\n  }, [])\n\n  const handlePipelineSubmit = React.useCallback(async () => {\n    if (!pipelineForm.name.trim()) return\n    setSubmittingPipeline(true)\n    try {\n      if (pipelineDialog?.mode === 'create') {\n        await runMutation({\n          operation: async () => {\n            const res = await apiCall('/api/customers/pipelines', {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault }),\n            })\n            if (!res.ok) {\n              await raiseCrudError(res.response, t('customers.pipelines.errors.createFailed', 'Failed to create pipeline'))\n            }\n          },\n          context: pipelineMutationContext,\n          mutationPayload: { action: 'create', name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault },\n        })\n        flash(t('customers.pipelines.flash.created', 'Pipeline created'), 'success')\n      } else if (pipelineDialog?.mode === 'edit') {\n        await runMutation({\n          operation: async () => {\n            const res = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(pipelineDialog.entry.updatedAt),\n              () =>\n                apiCall('/api/customers/pipelines', {\n                  method: 'PUT',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({ id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault }),\n                }),\n            )\n            if (!res.ok) {\n              await raiseCrudError(res.response, t('customers.pipelines.errors.updateFailed', 'Failed to update pipeline'))\n            }\n          },\n          context: pipelineMutationContext,\n          mutationPayload: { action: 'update', id: pipelineDialog.entry.id, name: pipelineForm.name.trim(), isDefault: pipelineForm.isDefault },\n        })\n        flash(t('customers.pipelines.flash.updated', 'Pipeline updated'), 'success')\n      }\n      setPipelineDialog(null)\n      await loadPipelines()\n    } catch {\n      return\n    } finally {\n      setSubmittingPipeline(false)\n    }\n  }, [pipelineDialog, pipelineForm, loadPipelines, pipelineMutationContext, runMutation, t])\n\n  const handleDeletePipeline = React.useCallback(async (pipeline: Pipeline) => {\n    const confirmed = await confirm({\n      title: t('customers.pipelines.confirm.deleteTitle', 'Delete pipeline'),\n      text: t('customers.pipelines.confirm.deleteDesc', 'Are you sure you want to delete this pipeline? This cannot be undone.'),\n      confirmText: t('customers.pipelines.confirm.deleteConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const res = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(pipeline.updatedAt),\n            () =>\n              apiCall('/api/customers/pipelines', {\n                method: 'DELETE',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify({ id: pipeline.id }),\n              }),\n          )\n          if (!res.ok) {\n            const body = (res.result ?? {}) as Record<string, unknown>\n            const msg = typeof body.error === 'string' ? body.error : t('customers.pipelines.errors.deleteFailed', 'Failed to delete pipeline')\n            throw new Error(msg)\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.pipelines.errors.deleteFailed', 'Failed to delete pipeline')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.pipelines.flash.deleted', 'Pipeline deleted'), 'success')\n    if (expandedPipelineId === pipeline.id) setExpandedPipelineId(null)\n    await loadPipelines()\n  }, [confirm, expandedPipelineId, loadPipelines, pipelineMutationContext, runMutation, t])\n\n  const openCreateStage = React.useCallback((pipelineId: string) => {\n    setStageForm({ label: '', color: null, icon: null })\n    setStageDialog({ mode: 'create', pipelineId })\n  }, [])\n\n  const openEditStage = React.useCallback((stage: PipelineStage) => {\n    setStageForm({ label: stage.label, color: stage.color, icon: stage.icon })\n    setStageDialog({ mode: 'edit', entry: stage })\n  }, [])\n\n  const closeStageDialog = React.useCallback(() => {\n    setStageDialog(null)\n  }, [])\n\n  const handleStageSubmit = React.useCallback(async () => {\n    if (!stageForm.label.trim()) return\n    setSubmittingStage(true)\n    try {\n      const appearance: Record<string, unknown> = {}\n      if (stageForm.color) appearance.color = stageForm.color\n      if (stageForm.icon) appearance.icon = stageForm.icon\n\n      if (stageDialog?.mode === 'create') {\n        const targetPipelineId = stageDialog.pipelineId\n        await runMutation({\n          operation: async () => {\n            const res = await apiCall('/api/customers/pipeline-stages', {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({ pipelineId: targetPipelineId, label: stageForm.label.trim(), ...appearance }),\n            })\n            if (!res.ok) {\n              await raiseCrudError(res.response, t('customers.pipelines.errors.stageCreateFailed', 'Failed to create stage'))\n            }\n          },\n          context: stageMutationContext,\n          mutationPayload: { action: 'create', pipelineId: targetPipelineId, label: stageForm.label.trim(), ...appearance },\n        })\n        flash(t('customers.pipelines.flash.stageCreated', 'Stage created'), 'success')\n        await loadStages(targetPipelineId)\n      } else if (stageDialog?.mode === 'edit') {\n        const targetStage = stageDialog.entry\n        await runMutation({\n          operation: async () => {\n            const res = await withScopedApiRequestHeaders(\n              buildOptimisticLockHeader(targetStage.updatedAt),\n              () =>\n                apiCall('/api/customers/pipeline-stages', {\n                  method: 'PUT',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({ id: targetStage.id, label: stageForm.label.trim(), ...appearance }),\n                }),\n            )\n            if (!res.ok) {\n              await raiseCrudError(res.response, t('customers.pipelines.errors.stageUpdateFailed', 'Failed to update stage'))\n            }\n          },\n          context: stageMutationContext,\n          mutationPayload: { action: 'update', id: targetStage.id, label: stageForm.label.trim(), ...appearance },\n        })\n        flash(t('customers.pipelines.flash.stageUpdated', 'Stage updated'), 'success')\n        await loadStages(targetStage.pipelineId)\n      }\n      setStageDialog(null)\n    } catch {\n      return\n    } finally {\n      setSubmittingStage(false)\n    }\n  }, [stageDialog, stageForm, loadStages, runMutation, stageMutationContext, t])\n\n  const handleDeleteStage = React.useCallback(async (stage: PipelineStage) => {\n    const confirmed = await confirm({\n      title: t('customers.pipelines.confirm.stageDeleteTitle', 'Delete stage'),\n      text: t('customers.pipelines.confirm.stageDeleteDesc', 'Are you sure you want to delete this stage?'),\n      confirmText: t('customers.pipelines.confirm.stageDeleteConfirm', 'Delete'),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await runMutation({\n        operation: async () => {\n          const res = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(stage.updatedAt),\n            () =>\n              apiCall('/api/customers/pipeline-stages', {\n                method: 'DELETE',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify({ id: stage.id }),\n              }),\n          )\n          if (!res.ok) {\n            const body = (res.result ?? {}) as Record<string, unknown>\n            const msg = typeof body.error === 'string' ? body.error : t('customers.pipelines.errors.stageDeleteFailed', 'Failed to delete stage')\n            throw new Error(msg)\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.pipelines.errors.stageDeleteFailed', 'Failed to delete stage')\n      flash(msg, 'error')\n      return\n    }\n    flash(t('customers.pipelines.flash.stageDeleted', 'Stage deleted'), 'success')\n    await loadStages(stage.pipelineId)\n  }, [confirm, loadStages, runMutation, stageMutationContext, t])\n\n  const handleMoveStage = React.useCallback(async (stage: PipelineStage, direction: 'up' | 'down') => {\n    const pipelineStages = stages[stage.pipelineId] ?? []\n    const idx = pipelineStages.findIndex((s) => s.id === stage.id)\n    if (idx < 0) return\n    const swapIdx = direction === 'up' ? idx - 1 : idx + 1\n    if (swapIdx < 0 || swapIdx >= pipelineStages.length) return\n\n    const reordered = [...pipelineStages]\n    const temp = reordered[idx]\n    reordered[idx] = reordered[swapIdx]\n    reordered[swapIdx] = temp\n\n    const orderedStages = reordered.map((s, i) => ({ id: s.id, order: i }))\n    try {\n      await runMutation({\n        operation: async () => {\n          const res = await apiCall('/api/customers/pipeline-stages/reorder', {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ stages: orderedStages }),\n          })\n          if (!res.ok) {\n            throw new Error(t('customers.pipelines.errors.reorderFailed', '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.pipelines.errors.reorderFailed', 'Failed to reorder stages')\n      flash(msg, 'error')\n      return\n    }\n    await loadStages(stage.pipelineId)\n  }, [stages, loadStages, runMutation, stageMutationContext, t])\n\n  const handleKeyDown = React.useCallback(\n    (handler: () => void) => (e: React.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n        e.preventDefault()\n        handler()\n      }\n    },\n    [],\n  )\n\n  const appearanceLabels = React.useMemo<AppearanceSelectorLabels>(() => ({\n    colorLabel: t('customers.pipelines.stageForm.color', 'Color'),\n    colorClearLabel: t('customers.pipelines.stageForm.colorClear', 'Remove color'),\n    iconLabel: t('customers.pipelines.stageForm.icon', 'Icon'),\n    iconPlaceholder: t('customers.pipelines.stageForm.iconPlaceholder', 'e.g. lucide:star'),\n    iconPickerTriggerLabel: t('customers.pipelines.stageForm.iconPicker', 'Pick icon'),\n    iconSearchPlaceholder: t('customers.pipelines.stageForm.iconSearch', 'Search icons\u2026'),\n    iconSearchEmptyLabel: t('customers.pipelines.stageForm.iconSearchEmpty', 'No icons found'),\n    iconSuggestionsLabel: t('customers.pipelines.stageForm.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.pipelines.stageForm.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.pipelines.stageForm.previewEmpty', 'No appearance set'),\n  }), [t])\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h3 className=\"text-base font-semibold\">{t('customers.pipelines.title', 'Sales Pipelines')}</h3>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('customers.pipelines.description', 'Manage sales pipelines and their stages.')}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={openCreatePipeline}>\n          {t('customers.pipelines.actions.create', 'Add pipeline')}\n        </Button>\n      </div>\n\n      {loadingPipelines ? (\n        <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <Spinner className=\"h-4 w-4\" />\n          {t('customers.pipelines.loading', 'Loading pipelines\u2026')}\n        </div>\n      ) : pipelines.length === 0 ? (\n        <p className=\"text-sm text-muted-foreground\">\n          {t('customers.pipelines.empty', 'No pipelines yet. Create one to get started.')}\n        </p>\n      ) : (\n        <Accordion\n          type=\"single\"\n          collapsible\n          value={expandedPipelineId ?? ''}\n          onValueChange={(next) => setExpandedPipelineId(next || null)}\n          className=\"space-y-2\"\n        >\n          {pipelines.map((pipeline) => {\n            const pipelineStages = stages[pipeline.id] ?? []\n            const isLoadingStages = loadingStages[pipeline.id] ?? false\n\n            return (\n              <AccordionItem key={pipeline.id} value={pipeline.id}>\n                <AccordionTrigger triggerIcon=\"chevron\">\n                  <span className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{pipeline.name}</span>\n                    {pipeline.isDefault ? (\n                      <span className=\"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary\">\n                        {t('customers.pipelines.defaultBadge', 'Default')}\n                      </span>\n                    ) : null}\n                  </span>\n                </AccordionTrigger>\n                <AccordionContent>\n                  <div className=\"mb-3 flex items-center justify-between\">\n                    <span className=\"text-xs font-medium text-muted-foreground uppercase tracking-wide\">\n                      {t('customers.pipelines.stages.title', 'Stages')}\n                    </span>\n                    <Button size=\"sm\" variant=\"outline\" onClick={() => openCreateStage(pipeline.id)}>\n                      {t('customers.pipelines.stages.add', 'Add stage')}\n                    </Button>\n                  </div>\n\n                  {isLoadingStages ? (\n                    <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                      <Spinner className=\"h-3 w-3\" />\n                      {t('customers.pipelines.stages.loading', 'Loading\u2026')}\n                    </div>\n                  ) : pipelineStages.length === 0 ? (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.pipelines.stages.empty', 'No stages yet.')}\n                    </p>\n                  ) : (\n                    <div className=\"divide-y divide-border rounded-md border bg-background\">\n                      {pipelineStages.map((stage, idx) => (\n                        <div key={stage.id} className=\"flex items-center justify-between gap-3 px-3 py-2\">\n                          <div className=\"flex items-center gap-2\">\n                            <span className=\"w-5 text-center text-xs text-muted-foreground\">{idx + 1}</span>\n                            {stage.color ? renderDictionaryColor(stage.color, 'h-3 w-3 rounded-full') : null}\n                            {stage.icon ? renderDictionaryIcon(stage.icon, 'h-4 w-4') : null}\n                            <span className=\"text-sm\">{stage.label}</span>\n                          </div>\n                          <div className=\"flex items-center gap-1\">\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon\"\n                              className=\"h-7 w-7\"\n                              disabled={idx === 0}\n                              onClick={() => void handleMoveStage(stage, 'up')}\n                              title={t('customers.pipelines.stages.moveUp', 'Move up')}\n                            >\n                              \u2191\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"icon\"\n                              className=\"h-7 w-7\"\n                              disabled={idx === pipelineStages.length - 1}\n                              onClick={() => void handleMoveStage(stage, 'down')}\n                              title={t('customers.pipelines.stages.moveDown', 'Move down')}\n                            >\n                              \u2193\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              onClick={() => openEditStage(stage)}\n                            >\n                              {t('customers.pipelines.stages.edit', 'Edit')}\n                            </Button>\n                            <Button\n                              variant=\"ghost\"\n                              size=\"sm\"\n                              className=\"text-destructive hover:text-destructive\"\n                              onClick={() => void handleDeleteStage(stage)}\n                            >\n                              {t('customers.pipelines.stages.delete', 'Delete')}\n                            </Button>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                  )}\n\n                  <div className=\"mt-4 flex items-center justify-end gap-2 border-t pt-3\">\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={() => openEditPipeline(pipeline)}\n                    >\n                      {t('customers.pipelines.actions.edit', 'Edit pipeline')}\n                    </Button>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      className=\"text-destructive hover:text-destructive\"\n                      onClick={() => void handleDeletePipeline(pipeline)}\n                    >\n                      {t('customers.pipelines.actions.delete', 'Delete pipeline')}\n                    </Button>\n                  </div>\n                </AccordionContent>\n              </AccordionItem>\n            )\n          })}\n        </Accordion>\n      )}\n\n      {/* Pipeline Dialog */}\n      <Dialog open={pipelineDialog !== null} onOpenChange={(open) => { if (!open) closePipelineDialog() }}>\n        <DialogContent onKeyDown={handleKeyDown(handlePipelineSubmit)}>\n          <DialogHeader>\n            <DialogTitle>\n              {pipelineDialog?.mode === 'create'\n                ? t('customers.pipelines.dialog.createTitle', 'Create pipeline')\n                : t('customers.pipelines.dialog.editTitle', 'Edit pipeline')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4 py-2\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"pipeline-name\">{t('customers.pipelines.form.name', 'Name')}</Label>\n              <Input\n                id=\"pipeline-name\"\n                value={pipelineForm.name}\n                onChange={(e) => setPipelineForm((prev) => ({ ...prev, name: e.target.value }))}\n                placeholder={t('customers.pipelines.form.namePlaceholder', 'e.g. New Business')}\n                autoFocus\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Checkbox\n                id=\"pipeline-default\"\n                checked={pipelineForm.isDefault}\n                onCheckedChange={(checked) => setPipelineForm((prev) => ({ ...prev, isDefault: checked === true }))}\n              />\n              <Label htmlFor=\"pipeline-default\" className=\"cursor-pointer\">\n                {t('customers.pipelines.form.isDefault', 'Set as default pipeline')}\n              </Label>\n            </div>\n          </div>\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={closePipelineDialog} disabled={submittingPipeline}>\n              {t('customers.pipelines.dialog.cancel', 'Cancel')}\n            </Button>\n            <Button onClick={() => void handlePipelineSubmit()} disabled={submittingPipeline || !pipelineForm.name.trim()}>\n              {submittingPipeline ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('customers.pipelines.dialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n\n      {ConfirmDialogElement}\n\n      {/* Stage Dialog */}\n      <Dialog open={stageDialog !== null} onOpenChange={(open) => { if (!open) closeStageDialog() }}>\n        <DialogContent onKeyDown={handleKeyDown(handleStageSubmit)}>\n          <DialogHeader>\n            <DialogTitle>\n              {stageDialog?.mode === 'create'\n                ? t('customers.pipelines.stageDialog.createTitle', 'Add stage')\n                : t('customers.pipelines.stageDialog.editTitle', 'Edit stage')}\n            </DialogTitle>\n          </DialogHeader>\n          <div className=\"space-y-4 py-2\">\n            <div className=\"space-y-2\">\n              <Label htmlFor=\"stage-label\">{t('customers.pipelines.stageForm.label', 'Label')}</Label>\n              <Input\n                id=\"stage-label\"\n                value={stageForm.label}\n                onChange={(e) => setStageForm((prev) => ({ ...prev, label: e.target.value }))}\n                placeholder={t('customers.pipelines.stageForm.labelPlaceholder', 'e.g. Discovery')}\n                autoFocus\n              />\n            </div>\n            <AppearanceSelector\n              color={stageForm.color}\n              icon={stageForm.icon}\n              onColorChange={(next) => setStageForm((prev) => ({ ...prev, color: next }))}\n              onIconChange={(next) => setStageForm((prev) => ({ ...prev, icon: next }))}\n              labels={appearanceLabels}\n            />\n          </div>\n          <DialogFooter>\n            <Button variant=\"outline\" onClick={closeStageDialog} disabled={submittingStage}>\n              {t('customers.pipelines.stageDialog.cancel', 'Cancel')}\n            </Button>\n            <Button onClick={() => void handleStageSubmit()} disabled={submittingStage || !stageForm.label.trim()}>\n              {submittingStage ? <Spinner className=\"mr-2 h-4 w-4\" /> : null}\n              {t('customers.pipelines.stageDialog.save', 'Save')}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customers/components/calendar/AgendaList.js

@@ -7,11 +7,12 @@ import { isToday } from "date-fns/isToday";
 import { isTomorrow } from "date-fns/isTomorrow";
 import { startOfDay } from "date-fns/startOfDay";
 import { CalendarClock } from "lucide-react";
-import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
 import { cn } from "@open-mercato/shared/lib/utils";
 import { Avatar } from "@open-mercato/ui/primitives/avatar";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { eventDisplayTitle, pluralCategory } from "../../lib/calendar/labels.js";
 const MAX_AVATARS_PER_ROW = 2;
 const CATEGORY_BADGE_CLASS = {
   meeting: "bg-status-info-bg text-status-info-text",
@@ -70,13 +71,17 @@ function buildDayGroups(anchor, horizonDays, items) {
 }
 function AgendaDayHeader({ date, count }) {
   const t = useT();
+  const locale = useLocale();
   const todayMarker = isToday(date);
   const tomorrowMarker = !todayMarker && isTomorrow(date);
+  const countKey = `customers.calendar.agenda.eventsCount.${pluralCategory(locale, count)}`;
+  const resolvedCount = t(countKey, { count });
+  const countLabel = resolvedCount === countKey ? t("customers.calendar.agenda.eventsCount.other", "{count} events", { count }) : resolvedCount;
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2 bg-muted/50 px-3 py-2.5 sm:px-5", children: [
     /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: groupLabelOf(date) }),
     todayMarker || tomorrowMarker ? /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium", todayMarker ? "text-foreground" : "text-muted-foreground"), children: `\xB7 ${todayMarker ? t("customers.calendar.agenda.today", "Today") : t("customers.calendar.agenda.tomorrow", "Tomorrow")}` }) : null,
     /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "w-2.5 shrink-0" }),
-    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: count === 1 ? t("customers.calendar.agenda.eventCount", "1 event") : t("customers.calendar.agenda.eventsCount", "{count} events", { count }) })
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: countLabel })
   ] });
 }
 function AgendaRow({
@@ -87,6 +92,7 @@ function AgendaRow({
   const t = useT();
   const canceled = item.status === "canceled";
   const done = item.status === "done";
+  const title = eventDisplayTitle(item.title, t("customers.calendar.grid.untitled", "Untitled"));
   const typeLabel = typeLabels?.[item.interactionType] ?? deriveTypeLabel(item.interactionType);
   const platformLabels = {
     zoom: t("customers.calendar.platformFull.zoom", "Zoom"),
@@ -103,7 +109,7 @@ function AgendaRow({
     {
       type: "button",
       variant: "ghost",
-      "aria-label": `${item.title} \xB7 ${ariaTime}`,
+      "aria-label": `${title} \xB7 ${ariaTime}`,
       onClick: () => onItemClick(item),
       className: cn(
         "h-auto w-full justify-start whitespace-normal rounded-none bg-background px-3 py-3 text-left transition-colors hover:bg-muted/30 sm:gap-3.5 sm:px-5",
@@ -131,7 +137,7 @@ function AgendaRow({
                 done || canceled ? "text-muted-foreground" : "text-foreground",
                 canceled && "line-through"
               ),
-              children: item.title
+              children: title
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: locationLabel ? `${typeLabel} \xB7 ${locationLabel}` : typeLabel })