@open-mercato/core 0.4.5-develop-0f0e676c72 → 0.4.5-develop-e694581d9f

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

@@ -0,0 +1,439 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@open-mercato/ui/primitives/dialog";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { AppearanceSelector } from "@open-mercato/core/modules/dictionaries/components/AppearanceSelector";
+import { renderDictionaryColor, renderDictionaryIcon, ICON_SUGGESTIONS } from "@open-mercato/core/modules/dictionaries/components/dictionaryAppearance";
+function PipelineStagesPage() {
+  const t = useT();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [pipelines, setPipelines] = React.useState([]);
+  const [selectedPipelineId, setSelectedPipelineId] = React.useState(null);
+  const [stages, setStages] = React.useState([]);
+  const [loadingPipelines, setLoadingPipelines] = React.useState(true);
+  const [loadingStages, setLoadingStages] = React.useState(false);
+  const [pipelineDialog, setPipelineDialog] = React.useState(null);
+  const [stageDialog, setStageDialog] = React.useState(null);
+  const [pipelineName, setPipelineName] = React.useState("");
+  const [pipelineIsDefault, setPipelineIsDefault] = React.useState(false);
+  const [stageName, setStageName] = React.useState("");
+  const [stageColor, setStageColor] = React.useState(null);
+  const [stageIcon, setStageIcon] = React.useState(null);
+  const [saving, setSaving] = React.useState(false);
+  const selectedPipeline = React.useMemo(
+    () => pipelines.find((p) => p.id === selectedPipelineId) ?? null,
+    [pipelines, selectedPipelineId]
+  );
+  const loadPipelines = React.useCallback(async () => {
+    setLoadingPipelines(true);
+    try {
+      const result = await apiCall("/api/customers/pipelines");
+      if (result.ok && result.result?.items) {
+        const items = result.result.items;
+        setPipelines(items);
+        if (!selectedPipelineId && items.length > 0) {
+          const defaultPipeline = items.find((p) => p.isDefault) ?? items[0];
+          setSelectedPipelineId(defaultPipeline.id);
+        }
+      }
+    } catch {
+      flash(t("customers.config.pipelineStages.errorLoadPipelines", "Failed to load pipelines"), "error");
+    } finally {
+      setLoadingPipelines(false);
+    }
+  }, [selectedPipelineId, t]);
+  const loadStages = React.useCallback(async (pipelineId) => {
+    setLoadingStages(true);
+    try {
+      const result = await apiCall(
+        `/api/customers/pipeline-stages?pipelineId=${encodeURIComponent(pipelineId)}`
+      );
+      if (result.ok && result.result?.items) {
+        setStages(result.result.items);
+      }
+    } catch {
+      flash(t("customers.config.pipelineStages.errorLoadStages", "Failed to load pipeline stages"), "error");
+    } finally {
+      setLoadingStages(false);
+    }
+  }, [t]);
+  React.useEffect(() => {
+    void loadPipelines();
+  }, [loadPipelines]);
+  React.useEffect(() => {
+    if (selectedPipelineId) {
+      void loadStages(selectedPipelineId);
+    } else {
+      setStages([]);
+    }
+  }, [selectedPipelineId, loadStages]);
+  function openCreatePipeline() {
+    setPipelineName("");
+    setPipelineIsDefault(false);
+    setPipelineDialog({ mode: "create" });
+  }
+  function openEditPipeline(pipeline) {
+    setPipelineName(pipeline.name);
+    setPipelineIsDefault(pipeline.isDefault);
+    setPipelineDialog({ mode: "edit", pipeline });
+  }
+  async function savePipeline() {
+    if (!pipelineName.trim()) return;
+    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");
+          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 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");
+          return;
+        }
+        flash(t("customers.config.pipelineStages.updatedPipeline", "Pipeline updated"), "success");
+        await loadPipelines();
+      }
+      setPipelineDialog(null);
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function deletePipeline(pipeline) {
+    const confirmed = await confirm({
+      title: t("customers.config.pipelineStages.deletePipelineTitle", "Delete pipeline?"),
+      text: t(
+        "customers.config.pipelineStages.deletePipelineDesc",
+        "This pipeline and all its stages will be permanently removed. Deals assigned to it will lose their pipeline assignment."
+      ),
+      confirmText: t("customers.config.pipelineStages.deletePipelineConfirm", "Delete"),
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    const result = await 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");
+      return;
+    }
+    flash(t("customers.config.pipelineStages.deletedPipeline", "Pipeline deleted"), "success");
+    if (selectedPipelineId === pipeline.id) setSelectedPipelineId(null);
+    await loadPipelines();
+  }
+  function openCreateStage() {
+    setStageName("");
+    setStageColor(null);
+    setStageIcon(null);
+    setStageDialog({ mode: "create" });
+  }
+  function openEditStage(stage) {
+    setStageName(stage.label);
+    setStageColor(stage.color);
+    setStageIcon(stage.icon);
+    setStageDialog({ mode: "edit", stage });
+  }
+  async function saveStage() {
+    if (!stageName.trim() || !selectedPipelineId) return;
+    setSaving(true);
+    try {
+      if (stageDialog?.mode === "create") {
+        const result = await apiCall("/api/customers/pipeline-stages", {
+          method: "POST",
+          body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), color: stageColor, icon: stageIcon }),
+          headers: { "Content-Type": "application/json" }
+        });
+        if (!result.ok) {
+          flash(t("customers.config.pipelineStages.errorCreateStage", "Failed to create stage"), "error");
+          return;
+        }
+        flash(t("customers.config.pipelineStages.createdStage", "Stage created"), "success");
+      } else if (stageDialog?.mode === "edit") {
+        const result = await 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");
+          return;
+        }
+        flash(t("customers.config.pipelineStages.updatedStage", "Stage updated"), "success");
+      }
+      setStageDialog(null);
+      await loadStages(selectedPipelineId);
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function deleteStage(stage) {
+    const confirmed = await confirm({
+      title: t("customers.config.pipelineStages.deleteStagTitle", "Delete stage?"),
+      text: t(
+        "customers.config.pipelineStages.deleteStageDesc",
+        "This stage will be permanently removed. Deals assigned to it will lose their stage assignment."
+      ),
+      confirmText: t("customers.config.pipelineStages.deleteStageConfirm", "Delete"),
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    const result = await 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");
+      return;
+    }
+    flash(t("customers.config.pipelineStages.deletedStage", "Stage deleted"), "success");
+    if (selectedPipelineId) await loadStages(selectedPipelineId);
+  }
+  async function moveStage(index, direction) {
+    const nextIndex = direction === "up" ? index - 1 : index + 1;
+    if (nextIndex < 0 || nextIndex >= stages.length) return;
+    const reordered = [...stages];
+    const [moved] = reordered.splice(index, 1);
+    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");
+      if (selectedPipelineId) await loadStages(selectedPipelineId);
+    }
+  }
+  const appearanceLabels = React.useMemo(() => ({
+    colorLabel: t("customers.config.pipelineStages.colorLabel", "Color"),
+    colorHelp: t("customers.config.pipelineStages.colorHelp", "Pick a highlight color for this entry."),
+    colorClearLabel: t("customers.config.pipelineStages.colorClear", "Remove color"),
+    iconLabel: t("customers.config.pipelineStages.iconLabel", "Icon"),
+    iconPlaceholder: t("customers.config.pipelineStages.iconPlaceholder", "Type an emoji or pick one of the suggestions."),
+    iconPickerTriggerLabel: t("customers.config.pipelineStages.iconBrowse", "Browse icons and emojis"),
+    iconSearchPlaceholder: t("customers.config.pipelineStages.iconSearchPlaceholder", "Search icons or emojis\u2026"),
+    iconSearchEmptyLabel: t("customers.config.pipelineStages.iconSearchEmpty", "No icons match your search."),
+    iconSuggestionsLabel: t("customers.config.pipelineStages.iconSuggestions", "Suggestions"),
+    iconClearLabel: t("customers.config.pipelineStages.iconClear", "Remove icon"),
+    previewEmptyLabel: t("customers.config.pipelineStages.previewEmpty", "None")
+  }), [t]);
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-6 max-w-2xl", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("customers.config.pipelineStages.title", "Pipeline stages") }),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: "/backend/customers/deals/pipeline",
+            className: "text-sm text-muted-foreground hover:underline",
+            children: [
+              t("customers.config.pipelineStages.viewBoard", "View pipeline board"),
+              " \u2192"
+            ]
+          }
+        )
+      ] }),
+      loadingPipelines ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+        t("customers.config.pipelineStages.loadingPipelines", "Loading pipelines\u2026")
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              className: "flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus:outline-none focus:ring-1 focus:ring-ring",
+              value: selectedPipelineId ?? "",
+              onChange: (e) => setSelectedPipelineId(e.target.value || null),
+              children: [
+                pipelines.length === 0 && /* @__PURE__ */ jsx("option", { value: "", children: t("customers.config.pipelineStages.noPipelines", "No pipelines yet") }),
+                pipelines.map((p) => /* @__PURE__ */ jsxs("option", { value: p.id, children: [
+                  p.name,
+                  p.isDefault ? ` (${t("customers.config.pipelineStages.default", "default")})` : ""
+                ] }, p.id))
+              ]
+            }
+          ),
+          selectedPipeline && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => openEditPipeline(selectedPipeline), children: t("customers.config.pipelineStages.editPipeline", "Edit") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "text-destructive",
+                onClick: () => deletePipeline(selectedPipeline),
+                children: t("customers.config.pipelineStages.deletePipeline", "Delete")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: openCreatePipeline, children: t("customers.config.pipelineStages.addPipeline", "+ Add pipeline") })
+        ] }),
+        selectedPipelineId && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: t("customers.config.pipelineStages.stagesTitle", "Stages") }),
+            /* @__PURE__ */ jsx(Button, { size: "sm", onClick: openCreateStage, children: t("customers.config.pipelineStages.addStage", "+ Add stage") })
+          ] }),
+          loadingStages ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+            t("customers.config.pipelineStages.loadingStages", "Loading stages\u2026")
+          ] }) : stages.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.config.pipelineStages.noStages", "No stages yet. Add your first stage.") }) : /* @__PURE__ */ jsx("div", { className: "divide-y rounded-md border", children: stages.map((stage, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "text-muted-foreground hover:text-foreground disabled:opacity-30",
+                  onClick: () => moveStage(index, "up"),
+                  disabled: index === 0,
+                  "aria-label": t("customers.config.pipelineStages.moveUp", "Move up"),
+                  children: "\u2191"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "text-muted-foreground hover:text-foreground disabled:opacity-30",
+                  onClick: () => moveStage(index, "down"),
+                  disabled: index === stages.length - 1,
+                  "aria-label": t("customers.config.pipelineStages.moveDown", "Move down"),
+                  children: "\u2193"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "flex-1 text-sm flex items-center gap-2", children: [
+              stage.color ? renderDictionaryColor(stage.color) : null,
+              stage.icon ? renderDictionaryIcon(stage.icon) : null,
+              stage.label
+            ] }),
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => openEditStage(stage), children: t("customers.config.pipelineStages.editStage", "Edit") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "text-destructive",
+                onClick: () => deleteStage(stage),
+                children: t("customers.config.pipelineStages.deleteStage", "Delete")
+              }
+            )
+          ] }, stage.id)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open: pipelineDialog !== null, onOpenChange: (open) => {
+      if (!open) setPipelineDialog(null);
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: pipelineDialog?.mode === "create" ? t("customers.config.pipelineStages.createPipelineTitle", "Create pipeline") : t("customers.config.pipelineStages.editPipelineTitle", "Edit pipeline") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("customers.config.pipelineStages.pipelineName", "Name") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: pipelineName,
+              onChange: (e) => setPipelineName(e.target.value),
+              placeholder: t("customers.config.pipelineStages.pipelineNamePlaceholder", "e.g. Sales Pipeline"),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  void savePipeline();
+                }
+              },
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm cursor-pointer", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: pipelineIsDefault,
+              onChange: (e) => setPipelineIsDefault(e.target.checked)
+            }
+          ),
+          t("customers.config.pipelineStages.setAsDefault", "Set as default pipeline")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setPipelineDialog(null), disabled: saving, children: t("customers.config.pipelineStages.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => void savePipeline(), disabled: saving || !pipelineName.trim(), children: saving ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : t("customers.config.pipelineStages.save", "Save") })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Dialog, { open: stageDialog !== null, onOpenChange: (open) => {
+      if (!open) setStageDialog(null);
+    }, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: stageDialog?.mode === "create" ? t("customers.config.pipelineStages.createStageTitle", "Create stage") : t("customers.config.pipelineStages.editStageTitle", "Edit stage") }) }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("customers.config.pipelineStages.stageName", "Stage name") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: stageName,
+              onChange: (e) => setStageName(e.target.value),
+              placeholder: t("customers.config.pipelineStages.stageNamePlaceholder", "e.g. Qualification"),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  void saveStage();
+                }
+              },
+              autoFocus: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          AppearanceSelector,
+          {
+            color: stageColor,
+            icon: stageIcon,
+            onColorChange: setStageColor,
+            onIconChange: setStageIcon,
+            labels: appearanceLabels,
+            iconSuggestions: ICON_SUGGESTIONS
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setStageDialog(null), disabled: saving, children: t("customers.config.pipelineStages.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => void saveStage(), disabled: saving || !stageName.trim(), children: saving ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : t("customers.config.pipelineStages.save", "Save") })
+      ] })
+    ] }) }),
+    ConfirmDialogElement
+  ] }) });
+}
+export {
+  PipelineStagesPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +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 } from '@open-mercato/ui/backend/utils/apiCall'\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 { 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}\n\ntype PipelineStage = {\n  id: string\n  pipelineId: string\n  label: string\n  order: number\n  color: string | null\n  icon: 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 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        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 apiCall('/api/customers/pipelines', {\n      method: 'DELETE',\n      body: JSON.stringify({ id: pipeline.id }),\n      headers: { 'Content-Type': 'application/json' },\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 result = await apiCall('/api/customers/pipeline-stages', {\n          method: 'POST',\n          body: JSON.stringify({ pipelineId: selectedPipelineId, label: stageName.trim(), color: stageColor, icon: stageIcon }),\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 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        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 apiCall('/api/customers/pipeline-stages', {\n      method: 'DELETE',\n      body: JSON.stringify({ id: stage.id }),\n      headers: { 'Content-Type': 'application/json' },\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                  className=\"flex h-9 w-full max-w-xs rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm focus:outline-none focus:ring-1 focus:ring-ring\"\n                  value={selectedPipelineId ?? ''}\n                  onChange={(e) => setSelectedPipelineId(e.target.value || null)}\n                >\n                  {pipelines.length === 0 && (\n                    <option value=\"\">\n                      {t('customers.config.pipelineStages.noPipelines', 'No pipelines yet')}\n                    </option>\n                  )}\n                  {pipelines.map((p) => (\n                    <option key={p.id} value={p.id}>\n                      {p.name}{p.isDefault ? ` (${t('customers.config.pipelineStages.default', 'default')})` : ''}\n                    </option>\n                  ))}\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-30\"\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-30\"\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/backend/config/customers/pipeline-stages/page.meta.js

@@ -0,0 +1,17 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["customers.pipelines.manage"],
+  pageTitle: "Pipeline stages",
+  pageTitleKey: "customers.config.nav.pipelineStages",
+  pageGroup: "Module Configs",
+  pageGroupKey: "settings.sections.moduleConfigs",
+  pageOrder: 4,
+  pageContext: "settings",
+  breadcrumb: [
+    { label: "Pipeline stages", labelKey: "customers.config.nav.pipelineStages" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/customers/backend/config/customers/pipeline-stages/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['customers.pipelines.manage'],\n  pageTitle: 'Pipeline stages',\n  pageTitleKey: 'customers.config.nav.pipelineStages',\n  pageGroup: 'Module Configs',\n  pageGroupKey: 'settings.sections.moduleConfigs',\n  pageOrder: 4,\n  pageContext: 'settings' as const,\n  breadcrumb: [\n    { label: 'Pipeline stages', labelKey: 'customers.config.nav.pipelineStages' },\n  ],\n} as const\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,4BAA4B;AAAA,EAC9C,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,IACV,EAAE,OAAO,mBAAmB,UAAU,sCAAsC;AAAA,EAC9E;AACF;",
+  "names": []
+}

package/dist/modules/customers/backend/customers/deals/[id]/page.js

@@ -160,6 +160,8 @@ function DealDetailPage({ params }) {
           title: base.title,
           status: base.status ?? void 0,
           pipelineStage: base.pipelineStage ?? void 0,
+          pipelineId: base.pipelineId ?? void 0,
+          pipelineStageId: base.pipelineStageId ?? void 0,
           valueAmount: typeof base.valueAmount === "number" ? base.valueAmount : void 0,
           valueCurrency: base.valueCurrency ?? void 0,
           probability: typeof base.probability === "number" ? base.probability : void 0,
@@ -278,7 +280,9 @@ function DealDetailPage({ params }) {
   const valueLabel = formatCurrency(data.deal.valueAmount, data.deal.valueCurrency) ?? t("customers.deals.detail.noValue", "Not provided");
   const expectedCloseLabel = formatDate(data.deal.expectedCloseAt, t("customers.deals.detail.noValue", "Not provided"));
   const statusLabel = resolveDictionaryLabel(data.deal.status, statusDictionaryMap) ?? t("customers.deals.detail.noStatus", "No status");
+  const statusDictEntry = data.deal.status ? statusDictionaryMap?.[data.deal.status] ?? null : null;
   const pipelineLabel = resolveDictionaryLabel(data.deal.pipelineStage, pipelineDictionaryMap);
+  const pipelineDictEntry = data.deal.pipelineStage ? pipelineDictionaryMap?.[data.deal.pipelineStage] ?? null : null;
   const peopleSummaryLabel = data.people.length === 1 ? t("customers.deals.detail.peopleSummaryOne") : t("customers.deals.detail.peopleSummaryMany", void 0, { count: data.people.length });
   const companiesSummaryLabel = data.companies.length === 1 ? t("customers.deals.detail.companiesSummaryOne") : t("customers.deals.detail.companiesSummaryMany", void 0, { count: data.companies.length });
   const viewer = data.viewer ?? null;
@@ -355,9 +359,21 @@ function DealDetailPage({ params }) {
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: t("customers.deals.detail.fields.probability", "Probability") }),
                 /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-foreground", children: probabilityLabel })
               ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: t("customers.deals.detail.fields.status", "Status") }),
+                /* @__PURE__ */ jsxs("p", { className: "text-base text-foreground flex items-center gap-2", children: [
+                  statusDictEntry?.color ? renderDictionaryColor(statusDictEntry.color) : null,
+                  statusDictEntry?.icon ? renderDictionaryIcon(statusDictEntry.icon) : null,
+                  statusLabel
+                ] })
+              ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: t("customers.deals.detail.fields.pipeline", "Pipeline stage") }),
-                /* @__PURE__ */ jsx("p", { className: "text-base text-foreground", children: pipelineLabel ?? t("customers.deals.detail.noValue", "Not provided") })
+                /* @__PURE__ */ jsxs("p", { className: "text-base text-foreground flex items-center gap-2", children: [
+                  pipelineDictEntry?.color ? renderDictionaryColor(pipelineDictEntry.color) : null,
+                  pipelineDictEntry?.icon ? renderDictionaryIcon(pipelineDictEntry.icon) : null,
+                  pipelineLabel ?? t("customers.deals.detail.noValue", "Not provided")
+                ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: t("customers.deals.detail.fields.expectedClose", "Expected close") }),
@@ -477,6 +493,8 @@ function DealDetailPage({ params }) {
                     title: data.deal.title ?? "",
                     status: data.deal.status ?? "",
                     pipelineStage: data.deal.pipelineStage ?? "",
+                    pipelineId: data.deal.pipelineId ?? "",
+                    pipelineStageId: data.deal.pipelineStageId ?? "",
                     valueAmount: data.deal.valueAmount ? Number(data.deal.valueAmount) : null,
                     valueCurrency: data.deal.valueCurrency ?? void 0,
                     probability: data.deal.probability ?? null,