@open-mercato/core 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

package/dist/modules/customers/components/detail/DealsSection.js

@@ -2,11 +2,14 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Link from "next/link";
-import { ArrowUpRightSquare, Loader2, Pencil, Trash2 } from "lucide-react";
+import { Link2, Pencil, Plus } from "lucide-react";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { createCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { LinkEntityDialog } from "../linking/LinkEntityDialog.js";
+import { createDealLinkAdapter } from "../linking/adapters/dealAdapter.js";
 import { LoadingMessage, TabEmptyState } from "@open-mercato/ui/backend/detail";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
@@ -171,6 +174,9 @@ function normalizeDeal(deal) {
     description: typeof deal.description === "string" && deal.description.trim().length ? deal.description : deal.description ?? null,
     ownerUserId: typeof deal.ownerUserId === "string" && deal.ownerUserId.trim().length ? deal.ownerUserId : deal.ownerUserId ?? null,
     source: typeof deal.source === "string" && deal.source.trim().length ? deal.source : deal.source ?? null,
+    closureOutcome: typeof deal.closureOutcome === "string" && deal.closureOutcome.trim().length ? deal.closureOutcome : deal.closureOutcome ?? null,
+    lossReasonId: typeof deal.lossReasonId === "string" && deal.lossReasonId.trim().length ? deal.lossReasonId : deal.lossReasonId ?? null,
+    lossNotes: typeof deal.lossNotes === "string" && deal.lossNotes.trim().length ? deal.lossNotes : deal.lossNotes ?? null,
     createdAt: toIso(deal.createdAt ?? null),
     updatedAt: toIso(deal.updatedAt ?? null),
     personIds,
@@ -181,45 +187,6 @@ function normalizeDeal(deal) {
     customFields
   };
 }
-function buildInitialValues(deal) {
-  const base = {
-    title: deal.title,
-    status: deal.status ?? "",
-    pipelineStage: deal.pipelineStage ?? "",
-    valueAmount: (() => {
-      if (typeof deal.valueAmount === "number") return deal.valueAmount;
-      if (deal.valueAmount == null) return null;
-      const parsed = Number(deal.valueAmount);
-      return Number.isFinite(parsed) ? parsed : null;
-    })(),
-    valueCurrency: deal.valueCurrency ?? "",
-    probability: (() => {
-      if (typeof deal.probability === "number") return deal.probability;
-      if (deal.probability == null) return null;
-      const parsed = Number(deal.probability);
-      return Number.isFinite(parsed) ? parsed : null;
-    })(),
-    expectedCloseAt: deal.expectedCloseAt ?? null,
-    description: deal.description ?? "",
-    personIds: Array.isArray(deal.personIds) ? deal.personIds : [],
-    companyIds: Array.isArray(deal.companyIds) ? deal.companyIds : []
-  };
-  if (deal.customValues) {
-    for (const [key, value] of Object.entries(deal.customValues)) {
-      base[`cf_${key}`] = value;
-    }
-  }
-  if (Array.isArray(deal.customFields)) {
-    deal.customFields.forEach((entry) => {
-      if (!entry || typeof entry.key !== "string") return;
-      const fieldKey = `cf_${entry.key}`;
-      if (base[fieldKey] === void 0) {
-        base[fieldKey] = entry.value ?? null;
-      }
-    });
-  }
-  return base;
-}
 function formatValueLabel(amount, currency, emptyLabel) {
   if (typeof amount === "number") {
     const formatter = new Intl.NumberFormat(void 0, {
@@ -240,6 +207,7 @@ function DealsSection({
   addActionLabel,
   emptyLabel,
   emptyState,
+  onCountDelta,
   onActionChange,
   onLoadingChange,
   onDataRefresh,
@@ -263,8 +231,6 @@ function DealsSection({
   const pageRef = React.useRef(0);
   const hasMoreRef = React.useRef(true);
   const [dialogOpen, setDialogOpen] = React.useState(false);
-  const [dialogMode, setDialogMode] = React.useState("create");
-  const [editingDealId, setEditingDealId] = React.useState(null);
   const [initialValues, setInitialValues] = React.useState(void 0);
   const pendingCounterRef = React.useRef(0);
   const pushLoading = React.useCallback(() => {
@@ -345,6 +311,9 @@ function DealsSection({
         const description = typeof record.description === "string" && record.description.trim().length ? record.description : null;
         const ownerUserId = typeof record.ownerUserId === "string" && record.ownerUserId.trim().length ? record.ownerUserId : typeof record.owner_user_id === "string" && record.owner_user_id.trim().length ? record.owner_user_id : null;
         const source = typeof record.source === "string" && record.source.trim().length ? record.source : null;
+        const closureOutcome = typeof record.closureOutcome === "string" && record.closureOutcome.trim().length ? record.closureOutcome : typeof record.closure_outcome === "string" && record.closure_outcome.trim().length ? record.closure_outcome : null;
+        const lossReasonId = typeof record.lossReasonId === "string" && record.lossReasonId.trim().length ? record.lossReasonId : typeof record.loss_reason_id === "string" && record.loss_reason_id.trim().length ? record.loss_reason_id : null;
+        const lossNotes = typeof record.lossNotes === "string" && record.lossNotes.trim().length ? record.lossNotes : typeof record.loss_notes === "string" && record.loss_notes.trim().length ? record.loss_notes : null;
         const createdAt = typeof record.createdAt === "string" && record.createdAt.trim().length ? record.createdAt : typeof record.created_at === "string" && record.created_at.trim().length ? record.created_at : null;
         const updatedAt = typeof record.updatedAt === "string" && record.updatedAt.trim().length ? record.updatedAt : typeof record.updated_at === "string" && record.updated_at.trim().length ? record.updated_at : null;
         const personIds = Array.isArray(record.personIds) ? record.personIds : Array.isArray(record.person_ids) ? record.person_ids : [];
@@ -370,6 +339,9 @@ function DealsSection({
           description,
           ownerUserId,
           source,
+          closureOutcome,
+          lossReasonId,
+          lossNotes,
           createdAt,
           updatedAt,
           personIds,
@@ -413,27 +385,112 @@ function DealsSection({
   }, [loadDeals, scope]);
   const openCreateDialog = React.useCallback(() => {
     if (!scope) return;
-    setDialogMode("create");
-    setEditingDealId(null);
     setInitialValues({
       personIds: scope.kind === "person" ? [scope.entityId] : [],
       companyIds: scope.kind === "company" ? [scope.entityId] : []
     });
     setDialogOpen(true);
   }, [scope]);
-  const openEditDialog = React.useCallback(
-    (deal) => {
-      setDialogMode("edit");
-      setEditingDealId(deal.id);
-      setInitialValues(buildInitialValues(deal));
-      setDialogOpen(true);
+  const [linkDialogOpen, setLinkDialogOpen] = React.useState(false);
+  const openLinkDialog = React.useCallback(() => {
+    if (!scope) return;
+    setLinkDialogOpen(true);
+  }, [scope]);
+  const existingDealIds = React.useMemo(() => deals.map((deal) => deal.id), [deals]);
+  const dealLinkAdapter = React.useMemo(
+    () => createDealLinkAdapter({
+      dialogTitle: t("customers.linking.deal.dialogTitle", "Link deal"),
+      dialogSubtitle: t(
+        "customers.linking.deal.dialogSubtitle",
+        "Link an existing deal to this record"
+      ),
+      sectionLabel: t("customers.linking.deal.sectionLabel", "MATCHING DEALS"),
+      searchPlaceholder: t("customers.linking.deal.searchPlaceholder", "Search all deals\u2026"),
+      searchEmptyHint: t("customers.linking.deal.searchEmpty", "No matching deals found."),
+      selectedEmptyHint: t("customers.linking.deal.selectedEmpty", "No deals selected."),
+      confirmButtonLabel: t("customers.linking.deal.confirmButton", "Link deal"),
+      orphanWarningTitle: t("customers.linking.deal.orphanWarningTitle", "Deal without company"),
+      orphanWarningMessage: t(
+        "customers.linking.deal.orphanWarning",
+        "This deal has no other linked entities. If you unlink it later, it will become unreachable."
+      ),
+      contextEntityId: scope?.entityId
+    }),
+    [scope?.entityId, t]
+  );
+  const handleLinkConfirm = React.useCallback(
+    async ({
+      addedIds,
+      removedIds
+    }) => {
+      if (!scope) return;
+      if (!addedIds.length && !removedIds.length) return;
+      pushLoading();
+      try {
+        for (const dealId of addedIds) {
+          const payload = await readApiResultOrThrow(
+            `/api/customers/deals/${encodeURIComponent(dealId)}`
+          );
+          const currentPersonIds = Array.isArray(payload.personIds) ? payload.personIds.filter((id) => typeof id === "string") : [];
+          const currentCompanyIds = Array.isArray(payload.companyIds) ? payload.companyIds.filter((id) => typeof id === "string") : [];
+          const nextPersonIds = scope.kind === "person" && !currentPersonIds.includes(scope.entityId) ? [...currentPersonIds, scope.entityId] : currentPersonIds;
+          const nextCompanyIds = scope.kind === "company" && !currentCompanyIds.includes(scope.entityId) ? [...currentCompanyIds, scope.entityId] : currentCompanyIds;
+          await runWriteMutation(
+            () => updateCrud(
+              "customers/deals",
+              { id: dealId, personIds: nextPersonIds, companyIds: nextCompanyIds },
+              {
+                errorMessage: t(
+                  "customers.people.detail.deals.linkError",
+                  "Failed to link deal."
+                )
+              }
+            ),
+            { dealId, scopeKind: scope.kind, scopeEntityId: scope.entityId, operation: "linkDeal" }
+          );
+        }
+        for (const dealId of removedIds) {
+          const payload = await readApiResultOrThrow(
+            `/api/customers/deals/${encodeURIComponent(dealId)}`
+          );
+          const currentPersonIds = Array.isArray(payload.personIds) ? payload.personIds.filter((id) => typeof id === "string") : [];
+          const currentCompanyIds = Array.isArray(payload.companyIds) ? payload.companyIds.filter((id) => typeof id === "string") : [];
+          const nextPersonIds = scope.kind === "person" ? currentPersonIds.filter((id) => id !== scope.entityId) : currentPersonIds;
+          const nextCompanyIds = scope.kind === "company" ? currentCompanyIds.filter((id) => id !== scope.entityId) : currentCompanyIds;
+          await runWriteMutation(
+            () => updateCrud(
+              "customers/deals",
+              { id: dealId, personIds: nextPersonIds, companyIds: nextCompanyIds },
+              {
+                errorMessage: t(
+                  "customers.people.detail.deals.unlinkError",
+                  "Failed to unlink deal."
+                )
+              }
+            ),
+            { dealId, scopeKind: scope.kind, scopeEntityId: scope.entityId, operation: "unlinkDeal" }
+          );
+        }
+        await loadDeals({ append: false });
+        await refreshParentData();
+        if (addedIds.length + removedIds.length > 0) {
+          onCountDelta?.(addedIds.length - removedIds.length);
+        }
+        flash(
+          addedIds.length > 0 ? t("customers.people.detail.deals.linkSuccess", "Deal linked.") : t("customers.people.detail.deals.unlinkSuccess", "Deal unlinked."),
+          "success"
+        );
+      } catch (error) {
+        const message = error instanceof Error ? error.message : t("customers.people.detail.deals.linkError", "Failed to link deal.");
+        flash(message, "error");
+      } finally {
+        popLoading();
+      }
     },
-    []
+    [loadDeals, onCountDelta, popLoading, pushLoading, refreshParentData, runWriteMutation, scope, t]
   );
   const closeDialog = React.useCallback(() => {
     setDialogOpen(false);
-    setDialogMode("create");
-    setEditingDealId(null);
     setInitialValues(void 0);
   }, []);
   const handleDialogOpenChange = React.useCallback(
@@ -470,7 +527,10 @@ function DealsSection({
           () => createCrud("customers/deals", payload, {
             errorMessage: translate("customers.people.detail.deals.error", "Failed to save deal.")
           }),
-          payload
+          {
+            ...payload,
+            operation: "createDeal"
+          }
         );
         const dealId = typeof result?.id === "string" && result.id.trim().length ? result.id : generateTempId();
         const belongsToScope = (scope.kind !== "person" || personIds.includes(scope.entityId)) && (scope.kind !== "company" || companyIds.includes(scope.entityId));
@@ -496,6 +556,7 @@ function DealsSection({
             updatedAt: timestamp
           });
           setDeals((prev) => [normalized, ...prev]);
+          onCountDelta?.(1);
         }
         await refreshParentData();
         flash(translate("customers.people.detail.deals.success", "Deal created."), "success");
@@ -504,143 +565,65 @@ function DealsSection({
         popLoading();
       }
     },
-    [popLoading, pushLoading, refreshParentData, runWriteMutation, scope, translate]
+    [onCountDelta, popLoading, pushLoading, refreshParentData, runWriteMutation, scope, translate]
   );
-  const handleUpdate = React.useCallback(
-    async (dealId, { base, custom }) => {
-      if (!scope) {
-        throw new Error(translate("customers.people.detail.deals.error", "Failed to save deal."));
-      }
-      setPendingAction({ kind: "update", id: dealId });
-      pushLoading();
-      try {
-        const personIds = mergeIds(base.personIds);
-        const companyIds = mergeIds(base.companyIds);
-        const payload = {
-          id: dealId,
-          title: base.title,
-          status: base.status ?? void 0,
-          pipelineStage: base.pipelineStage ?? 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,
-          expectedCloseAt: base.expectedCloseAt ?? void 0,
-          description: base.description ?? void 0,
-          personIds,
-          companyIds
-        };
-        if (Object.keys(custom).length) payload.customFields = custom;
-        await runWriteMutation(
-          () => updateCrud("customers/deals", payload, {
-            errorMessage: translate("customers.people.detail.deals.error", "Failed to save deal.")
-          }),
-          payload
-        );
-        const hasCustomChanges = Object.keys(custom).length > 0;
-        const customValuesForState = hasCustomChanges ? sanitizeCustomValues(custom) : null;
-        const remainsInScope = (scope.kind !== "person" || personIds.includes(scope.entityId)) && (scope.kind !== "company" || companyIds.includes(scope.entityId));
-        if (!remainsInScope) {
-          setDeals((prev) => prev.filter((deal) => deal.id !== dealId));
-        } else {
-          setDeals(
-            (prev) => prev.map(
-              (deal) => deal.id === dealId ? normalizeDeal({
-                ...deal,
-                title: base.title,
-                status: base.status ?? null,
-                pipelineStage: base.pipelineStage ?? null,
-                valueAmount: base.valueAmount ?? null,
-                valueCurrency: base.valueCurrency ?? null,
-                probability: base.probability ?? null,
-                expectedCloseAt: base.expectedCloseAt ?? null,
-                description: base.description ?? null,
-                personIds,
-                people: personIds.map((id) => deal.people?.find((entry) => entry.id === id) ?? { id, label: "" }),
-                companyIds,
-                companies: companyIds.map((id) => deal.companies?.find((entry) => entry.id === id) ?? { id, label: "" }),
-                customValues: hasCustomChanges ? customValuesForState : deal.customValues,
-                customFields: hasCustomChanges ? customValuesForState ? deal.customFields : [] : deal.customFields,
-                updatedAt: (/* @__PURE__ */ new Date()).toISOString()
-              }) : deal
-            )
-          );
-        }
-        await refreshParentData();
-        flash(translate("customers.people.detail.deals.updateSuccess", "Deal updated."), "success");
-      } finally {
-        setPendingAction(null);
-        popLoading();
-      }
-    },
-    [popLoading, pushLoading, refreshParentData, runWriteMutation, scope, translate]
-  );
-  const handleRemove = React.useCallback(
+  const handleUnlink = React.useCallback(
     async (deal) => {
       if (!scope) return;
+      const nextPersonIds = scope.kind === "person" ? deal.personIds.filter((id) => id !== scope.entityId) : deal.personIds;
+      const nextCompanyIds = scope.kind === "company" ? deal.companyIds.filter((id) => id !== scope.entityId) : deal.companyIds;
       const confirmed = await confirm({
-        title: translate(
-          "customers.people.detail.deals.removeConfirm",
-          "Remove this deal from this record? The deal itself will not be deleted."
+        title: scope.kind === "person" ? translate("customers.people.detail.deals.unlinkConfirmPerson", "Unlink this deal from this person?") : translate("customers.people.detail.deals.unlinkConfirmCompany", "Unlink this deal from this company?"),
+        description: translate(
+          "customers.people.detail.deals.unlinkDescription",
+          "The deal will remain available from its own detail page."
         ),
-        variant: "destructive"
+        confirmText: translate("customers.people.card.unlink", "Unlink"),
+        cancelText: translate("customers.people.detail.deals.cancel", "Cancel")
       });
       if (!confirmed) return;
-      const mutationPayload = scope.kind === "person" ? {
-        id: deal.id,
-        personIds: (deal.personIds ?? []).filter((personId) => personId !== scope.entityId)
-      } : {
-        id: deal.id,
-        companyIds: (deal.companyIds ?? []).filter((companyId) => companyId !== scope.entityId)
-      };
       setPendingAction({ kind: "remove", id: deal.id });
       pushLoading();
       try {
+        const payload = {
+          id: deal.id,
+          personIds: nextPersonIds,
+          companyIds: nextCompanyIds
+        };
         await runWriteMutation(
-          () => updateCrud("customers/deals", mutationPayload, {
-            errorMessage: translate(
-              "customers.people.detail.deals.removeError",
-              "Failed to remove deal from this record."
-            )
+          () => updateCrud("customers/deals", payload, {
+            errorMessage: translate("customers.people.detail.deals.unlinkError", "Failed to unlink deal.")
           }),
-          mutationPayload
+          {
+            ...payload,
+            operation: "unlinkDeal"
+          }
         );
         setDeals((prev) => prev.filter((item) => item.id !== deal.id));
+        onCountDelta?.(-1);
         await refreshParentData();
-        flash(
-          translate(
-            "customers.people.detail.deals.removeSuccess",
-            "Deal removed from this record."
-          ),
-          "success"
-        );
-      } catch (err) {
-        const message = err instanceof Error ? err.message : translate(
-          "customers.people.detail.deals.removeError",
-          "Failed to remove deal from this record."
-        );
+        flash(translate("customers.people.detail.deals.unlinkSuccess", "Deal unlinked."), "success");
+      } catch (error) {
+        const message = error instanceof Error ? error.message : translate("customers.people.detail.deals.unlinkError", "Failed to unlink deal.");
         flash(message, "error");
       } finally {
         setPendingAction(null);
         popLoading();
       }
     },
-    [confirm, popLoading, pushLoading, refreshParentData, runWriteMutation, scope, translate]
+    [confirm, onCountDelta, popLoading, pushLoading, refreshParentData, runWriteMutation, scope, translate]
   );
   const handleDialogSubmit = React.useCallback(
     async (payload) => {
       try {
-        if (dialogMode === "edit" && editingDealId) {
-          await handleUpdate(editingDealId, payload);
-        } else {
-          await handleCreate(payload);
-        }
+        await handleCreate(payload);
         closeDialog();
       } catch (err) {
         const message = err instanceof Error ? err.message : translate("customers.people.detail.deals.error", "Failed to save deal.");
         flash(message, "error");
       }
     },
-    [closeDialog, dialogMode, editingDealId, handleCreate, handleUpdate, translate]
+    [closeDialog, handleCreate, translate]
   );
   React.useEffect(() => {
     if (!onActionChange) return;
@@ -657,7 +640,7 @@ function DealsSection({
       onActionChange(null);
     };
   }, [addActionLabel, isLoading, onActionChange, openCreateDialog, pendingAction, scope]);
-  const isFormPending = pendingAction?.kind === "create" || pendingAction?.kind === "update" && pendingAction.id === editingDealId;
+  const isFormPending = pendingAction?.kind === "create";
   const sortedDeals = React.useMemo(() => {
     return [...deals].sort((a, b) => {
       const timeA = a.updatedAt ?? a.createdAt ?? "";
@@ -667,6 +650,36 @@ function DealsSection({
   }, [deals]);
   return /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-4", children: [
     loadError ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-destructive/40 bg-destructive/5 px-3 py-2 text-sm text-destructive", children: loadError }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: openLinkDialog,
+          disabled: !scope || pendingAction !== null,
+          children: [
+            /* @__PURE__ */ jsx(Link2, { className: "mr-1.5 size-3.5" }),
+            t("customers.people.detail.deals.linkExisting", "Link existing deal")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "default",
+          size: "sm",
+          onClick: openCreateDialog,
+          disabled: !scope || pendingAction !== null,
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 size-3.5" }),
+            addActionLabel
+          ]
+        }
+      )
+    ] }),
     isLoading && sortedDeals.length === 0 ? /* @__PURE__ */ jsx(
       LoadingMessage,
       {
@@ -690,44 +703,45 @@ function DealsSection({
           const valueLabel = formatValueLabel(deal.valueAmount, deal.valueCurrency ?? null, emptyLabel);
           const expectedLabel = deal.expectedCloseAt ? formatDate(deal.expectedCloseAt) ?? emptyLabel : emptyLabel;
           const probabilityLabel = typeof deal.probability === "number" ? `${deal.probability}%` : emptyLabel;
-          const isUpdatePending = pendingAction?.kind === "update" && pendingAction.id === deal.id;
-          const isRemovePending = pendingAction?.kind === "remove" && pendingAction.id === deal.id;
+          const isUnlinkPending = pendingAction?.kind === "remove" && pendingAction.id === deal.id;
           const statusLabel = deal.status && statusDictionaryMap ? statusDictionaryMap[deal.status]?.label ?? deal.status : deal.status ?? emptyLabel;
           return /* @__PURE__ */ jsxs("article", { className: "group rounded-lg border bg-card p-4 shadow-xs transition hover:border-border/80", children: [
             /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center justify-between gap-2", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: deal.title || emptyLabel }),
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: `/backend/customers/deals/${encodeURIComponent(deal.id)}`,
+                    className: "text-base font-semibold text-foreground transition hover:text-primary hover:underline",
+                    children: deal.title || emptyLabel
+                  }
+                ),
                 deal.description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground whitespace-pre-wrap", children: deal.description }) : null
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase text-muted-foreground", children: statusLabel }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
+                  /* @__PURE__ */ jsx(IconButton, { asChild: true, variant: "ghost", size: "sm", className: "h-8 w-8", children: /* @__PURE__ */ jsx(
+                    Link,
                     {
-                      type: "button",
-                      variant: "ghost",
-                      size: "icon",
-                      onClick: (event) => {
-                        event.preventDefault();
-                        openEditDialog(deal);
-                      },
-                      disabled: pendingAction !== null,
-                      children: isUpdatePending ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+                      href: `/backend/customers/deals/${encodeURIComponent(deal.id)}`,
+                      "aria-label": t("customers.people.detail.deals.edit", "Open deal details"),
+                      children: /* @__PURE__ */ jsx(Pencil, { className: "size-4" })
                     }
-                  ),
+                  ) }),
                   /* @__PURE__ */ jsx(
                     Button,
                     {
                       type: "button",
-                      variant: "ghost",
-                      size: "icon",
+                      variant: "outline",
+                      size: "sm",
+                      className: "h-8 rounded-lg px-3 text-xs",
                       onClick: (event) => {
                         event.preventDefault();
-                        handleRemove(deal);
+                        void handleUnlink(deal);
                       },
                       disabled: pendingAction !== null,
-                      children: isRemovePending ? /* @__PURE__ */ jsx("span", { className: "relative flex h-4 w-4 items-center justify-center text-destructive", children: /* @__PURE__ */ jsx("span", { className: "absolute h-4 w-4 animate-spin rounded-full border border-destructive border-t-transparent" }) }) : /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+                      children: isUnlinkPending ? t("customers.people.detail.deals.unlinking", "Unlinking\u2026") : t("customers.people.card.unlink", "Unlink")
                     }
                   )
                 ] })
@@ -765,18 +779,7 @@ function DealsSection({
                 itemKeyPrefix: `deal-${deal.id}-field`,
                 className: "mt-3"
               }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "mt-3 text-xs", children: /* @__PURE__ */ jsxs(
-              Link,
-              {
-                href: `/backend/customers/deals/${encodeURIComponent(deal.id)}`,
-                className: "inline-flex items-center gap-1 text-primary hover:underline",
-                children: [
-                  /* @__PURE__ */ jsx(ArrowUpRightSquare, { className: "h-3.5 w-3.5", "aria-hidden": true }),
-                  t("customers.people.detail.deals.openDeal", "Open deal")
-                ]
-              }
-            ) })
+            )
           ] }, deal.id);
         }),
         isLoading && deals.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
@@ -805,7 +808,7 @@ function DealsSection({
       DealDialog,
       {
         open: dialogOpen,
-        mode: dialogMode,
+        mode: "create",
         onOpenChange: handleDialogOpenChange,
         initialValues,
         onSubmit: async (payload) => {
@@ -814,6 +817,16 @@ function DealsSection({
         isSubmitting: Boolean(isFormPending)
       }
     ),
+    /* @__PURE__ */ jsx(
+      LinkEntityDialog,
+      {
+        open: linkDialogOpen,
+        onOpenChange: setLinkDialogOpen,
+        adapter: dealLinkAdapter,
+        initialSelectedIds: existingDealIds,
+        onConfirm: handleLinkConfirm
+      }
+    ),
     ConfirmDialogElement
   ] });
 }