@open-mercato/core 0.4.11-develop.1398.4cf8d121e7 → 0.4.11-develop.1409.b9a9ec6681

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

@@ -292,245 +292,250 @@ function DealDetailPage({ params }) {
   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;
   return /* @__PURE__ */ jsxs(Page, { children: [
-    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsx(
-        FormHeader,
-        {
-          mode: "detail",
-          backHref: "/backend/customers/deals",
-          backLabel: t("customers.deals.detail.backToList", "Back to deals"),
-          utilityActions: /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              SendObjectMessageDialog,
-              {
-                object: {
-                  entityModule: "customers",
-                  entityType: "deal",
-                  entityId: data.deal.id,
-                  sourceEntityType: "customers.deal",
-                  sourceEntityId: data.deal.id,
-                  previewData: {
-                    title: data.deal.title || t("customers.deals.detail.untitled", "Untitled deal"),
-                    status: data.deal.status ? statusLabel : void 0,
-                    metadata: Object.keys(dealPreviewMetadata).length > 0 ? dealPreviewMetadata : void 0
+    /* @__PURE__ */ jsxs(PageBody, { children: [
+      "Piotr nie jest pizd\u0105, tylko zajebistym go\u015Bciem, kt\xF3ry robi \u015Bwietn\u0105 robot\u0119 w Mercato i jest super mi\u0142y dla wszystkich dooko\u0142a. Dzi\u0119ki Piotrze za wszystko co robisz! ",
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsx(
+          FormHeader,
+          {
+            mode: "detail",
+            backHref: "/backend/customers/deals",
+            backLabel: t("customers.deals.detail.backToList", "Back to deals"),
+            utilityActions: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                SendObjectMessageDialog,
+                {
+                  object: {
+                    entityModule: "customers",
+                    entityType: "deal",
+                    entityId: data.deal.id,
+                    sourceEntityType: "customers.deal",
+                    sourceEntityId: data.deal.id,
+                    previewData: {
+                      title: data.deal.title || t("customers.deals.detail.untitled", "Untitled deal"),
+                      status: data.deal.status ? statusLabel : void 0,
+                      metadata: Object.keys(dealPreviewMetadata).length > 0 ? dealPreviewMetadata : void 0
+                    }
+                  },
+                  viewHref: `/backend/customers/deals/${data.deal.id}`,
+                  defaultValues: {
+                    sourceEntityType: "customers.deal",
+                    sourceEntityId: data.deal.id
                   }
-                },
-                viewHref: `/backend/customers/deals/${data.deal.id}`,
-                defaultValues: {
-                  sourceEntityType: "customers.deal",
-                  sourceEntityId: data.deal.id
                 }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              VersionHistoryAction,
-              {
-                config: { resourceKind: "customers.deal", resourceId: data.deal.id },
-                t
-              }
-            )
-          ] }),
-          title: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { children: data.deal.title || t("customers.deals.detail.untitled", "Untitled deal") }),
-            /* @__PURE__ */ jsxs(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                className: "gap-1 text-muted-foreground hover:text-foreground",
-                onClick: scrollToDealSettings,
-                children: [
-                  /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4", "aria-hidden": true }),
-                  /* @__PURE__ */ jsx(MousePointerClick, { className: "h-4 w-4", "aria-hidden": true }),
-                  /* @__PURE__ */ jsx("span", { children: t("customers.deals.detail.goToSettings", "Edit deal details") })
-                ]
-              }
-            )
-          ] }),
-          subtitle: t("customers.deals.detail.summary", void 0, {
-            status: statusLabel,
-            pipeline: pipelineLabel ?? t("customers.deals.detail.noPipeline", "No pipeline")
-          }),
-          onDelete: handleDelete,
-          isDeleting,
-          deleteLabel: t("ui.actions.delete", "Delete")
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr),minmax(0,1.1fr)]", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-            /* @__PURE__ */ jsx("h2", { className: "mb-4 text-sm font-semibold uppercase text-muted-foreground", children: t("customers.deals.detail.highlights", "Highlights") }),
-            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: t("customers.deals.detail.fields.value", "Deal value") }),
-                /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-foreground", children: valueLabel })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__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__ */ 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") }),
-                /* @__PURE__ */ jsx("p", { className: "text-base text-foreground", children: expectedCloseLabel })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: tabs.map((tab) => /* @__PURE__ */ jsx(
-                Button,
+              ),
+              /* @__PURE__ */ jsx(
+                VersionHistoryAction,
                 {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => setActiveTab(tab.id),
-                  className: `h-auto rounded-none border-b-2 px-0 py-1 ${activeTab === tab.id ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground hover:bg-transparent"}`,
-                  children: tab.label
-                },
-                tab.id
-              )) }),
-              sectionAction ? /* @__PURE__ */ jsxs(
+                  config: { resourceKind: "customers.deal", resourceId: data.deal.id },
+                  t
+                }
+              )
+            ] }),
+            title: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { children: data.deal.title || t("customers.deals.detail.untitled", "Untitled deal") }),
+              /* @__PURE__ */ jsxs(
                 Button,
                 {
                   type: "button",
+                  variant: "ghost",
                   size: "sm",
-                  disabled: sectionAction.disabled,
-                  onClick: handleSectionAction,
+                  className: "gap-1 text-muted-foreground hover:text-foreground",
+                  onClick: scrollToDealSettings,
                   children: [
-                    sectionAction.icon ?? null,
-                    sectionAction.label
+                    /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ jsx(MousePointerClick, { className: "h-4 w-4", "aria-hidden": true }),
+                    /* @__PURE__ */ jsx("span", { children: t("customers.deals.detail.goToSettings", "Edit deal details") })
                   ]
                 }
-              ) : null
+              )
             ] }),
-            activeTab === "notes" ? /* @__PURE__ */ jsx(
-              NotesSection,
-              {
-                entityId: null,
-                dealId: data.deal.id,
-                dealOptions,
-                entityOptions,
-                emptyLabel: t("customers.deals.detail.notesEmpty", "No notes yet."),
-                viewerUserId: viewer?.userId ?? null,
-                viewerName: viewer?.name ?? null,
-                viewerEmail: viewer?.email ?? null,
-                addActionLabel: t("customers.deals.detail.notesAdd", "Add note"),
-                emptyState: {
-                  title: t("customers.deals.detail.notesEmptyTitle", "Keep everyone in the loop"),
-                  actionLabel: t("customers.deals.detail.notesEmptyAction", "Add a note")
-                },
-                onActionChange: setSectionAction,
-                translator: detailTranslator,
-                onLoadingChange: handleNotesLoadingChange,
-                dataAdapter: notesAdapter,
-                renderIcon: renderDictionaryIcon,
-                renderColor: renderDictionaryColor,
-                iconSuggestions: ICON_SUGGESTIONS,
-                readMarkdownPreference: readMarkdownPreferenceCookie,
-                writeMarkdownPreference: writeMarkdownPreferenceCookie
-              }
-            ) : null,
-            activeTab === "activities" ? /* @__PURE__ */ jsx(
-              ActivitiesSection,
-              {
-                entityId: null,
-                dealId: data.deal.id,
-                dealOptions,
-                entityOptions,
-                defaultEntityId: defaultEntityId ?? void 0,
-                addActionLabel: t("customers.deals.detail.activitiesAdd", "Log activity"),
-                emptyState: {
-                  title: t("customers.deals.detail.activitiesEmptyTitle", "No activities yet"),
-                  actionLabel: t("customers.deals.detail.activitiesEmptyAction", "Add an activity")
-                },
-                onActionChange: setSectionAction,
-                onLoadingChange: handleActivitiesLoadingChange
-              }
-            ) : null
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+            subtitle: t("customers.deals.detail.summary", void 0, {
+              status: statusLabel,
+              pipeline: pipelineLabel ?? t("customers.deals.detail.noPipeline", "No pipeline")
+            }),
+            onDelete: handleDelete,
+            isDeleting,
+            deleteLabel: t("ui.actions.delete", "Delete")
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr),minmax(0,1.1fr)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
             /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.peopleSection", "People") }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: peopleSummaryLabel })
-              ] }),
-              data.people.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: data.people.map((person) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx(Link, { href: `/backend/customers/people-v2/${encodeURIComponent(person.id)}`, className: "font-medium text-foreground hover:underline", children: person.label }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: person.subtitle ?? t("customers.deals.detail.peopleNoDetails", "No additional details") })
-              ] }, person.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.deals.detail.noPeople", "No people linked to this deal yet.") })
+              /* @__PURE__ */ jsx("h2", { className: "mb-4 text-sm font-semibold uppercase text-muted-foreground", children: t("customers.deals.detail.highlights", "Highlights") }),
+              /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase text-muted-foreground", children: t("customers.deals.detail.fields.value", "Deal value") }),
+                  /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-foreground", children: valueLabel })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__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__ */ 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") }),
+                  /* @__PURE__ */ jsx("p", { className: "text-base text-foreground", children: expectedCloseLabel })
+                ] })
+              ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
-                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.companiesSection", "Companies") }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: companiesSummaryLabel })
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => setActiveTab(tab.id),
+                    className: `h-auto rounded-none border-b-2 px-0 py-1 ${activeTab === tab.id ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground hover:bg-transparent"}`,
+                    children: tab.label
+                  },
+                  tab.id
+                )) }),
+                sectionAction ? /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    disabled: sectionAction.disabled,
+                    onClick: handleSectionAction,
+                    children: [
+                      sectionAction.icon ?? null,
+                      sectionAction.label
+                    ]
+                  }
+                ) : null
               ] }),
-              data.companies.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: data.companies.map((company) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1", children: [
-                /* @__PURE__ */ jsx(Link, { href: `/backend/customers/companies-v2/${encodeURIComponent(company.id)}`, className: "font-medium text-foreground hover:underline", children: company.label }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: company.subtitle ?? t("customers.deals.detail.companiesNoDetails", "No additional details") })
-              ] }, company.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.deals.detail.noCompanies", "No companies linked to this deal yet.") })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: dealSettingsRef,
-            id: "deal-settings",
-            className: "rounded-lg border bg-card p-4",
-            children: [
-              /* @__PURE__ */ jsx("h2", { className: "mb-4 text-sm font-semibold uppercase text-muted-foreground", children: t("customers.deals.detail.formTitle", "Deal settings") }),
-              /* @__PURE__ */ jsx(
-                DealForm,
+              activeTab === "notes" ? /* @__PURE__ */ jsx(
+                NotesSection,
                 {
-                  mode: "edit",
-                  initialValues: {
-                    id: data.deal.id,
-                    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,
-                    expectedCloseAt: data.deal.expectedCloseAt ?? null,
-                    description: data.deal.description ?? "",
-                    personIds: data.people.map((person) => person.id),
-                    companyIds: data.companies.map((company) => company.id),
-                    people: data.people.map((person) => ({ id: person.id, label: person.label })),
-                    companies: data.companies.map((company) => ({ id: company.id, label: company.label })),
-                    ...Object.fromEntries(
-                      Object.entries(data.customFields).filter(([key]) => key.startsWith("cf_")).map(([key, value]) => [key, value])
-                    )
+                  entityId: null,
+                  dealId: data.deal.id,
+                  dealOptions,
+                  entityOptions,
+                  emptyLabel: t("customers.deals.detail.notesEmpty", "No notes yet."),
+                  viewerUserId: viewer?.userId ?? null,
+                  viewerName: viewer?.name ?? null,
+                  viewerEmail: viewer?.email ?? null,
+                  addActionLabel: t("customers.deals.detail.notesAdd", "Add note"),
+                  emptyState: {
+                    title: t("customers.deals.detail.notesEmptyTitle", "Keep everyone in the loop"),
+                    actionLabel: t("customers.deals.detail.notesEmptyAction", "Add a note")
                   },
-                  onSubmit: handleFormSubmit,
-                  onCancel: () => setReloadToken((token) => token + 1),
-                  onDelete: handleDelete,
-                  isSubmitting: isSaving || isDeleting
-                },
-                data.deal.updatedAt
-              )
-            ]
-          }
-        ) })
+                  onActionChange: setSectionAction,
+                  translator: detailTranslator,
+                  onLoadingChange: handleNotesLoadingChange,
+                  dataAdapter: notesAdapter,
+                  renderIcon: renderDictionaryIcon,
+                  renderColor: renderDictionaryColor,
+                  iconSuggestions: ICON_SUGGESTIONS,
+                  readMarkdownPreference: readMarkdownPreferenceCookie,
+                  writeMarkdownPreference: writeMarkdownPreferenceCookie
+                }
+              ) : null,
+              activeTab === "activities" ? /* @__PURE__ */ jsx(
+                ActivitiesSection,
+                {
+                  entityId: null,
+                  dealId: data.deal.id,
+                  dealOptions,
+                  entityOptions,
+                  defaultEntityId: defaultEntityId ?? void 0,
+                  addActionLabel: t("customers.deals.detail.activitiesAdd", "Log activity"),
+                  emptyState: {
+                    title: t("customers.deals.detail.activitiesEmptyTitle", "No activities yet"),
+                    actionLabel: t("customers.deals.detail.activitiesEmptyAction", "Add an activity")
+                  },
+                  onActionChange: setSectionAction,
+                  onLoadingChange: handleActivitiesLoadingChange
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.peopleSection", "People") }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: peopleSummaryLabel })
+                ] }),
+                data.people.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: data.people.map((person) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ jsx(Link, { href: `/backend/customers/people-v2/${encodeURIComponent(person.id)}`, className: "font-medium text-foreground hover:underline", children: person.label }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: person.subtitle ?? t("customers.deals.detail.peopleNoDetails", "No additional details") })
+                ] }, person.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.deals.detail.noPeople", "No people linked to this deal yet.") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.companiesSection", "Companies") }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: companiesSummaryLabel })
+                ] }),
+                data.companies.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm", children: data.companies.map((company) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1", children: [
+                  /* @__PURE__ */ jsx(Link, { href: `/backend/customers/companies-v2/${encodeURIComponent(company.id)}`, className: "font-medium text-foreground hover:underline", children: company.label }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: company.subtitle ?? t("customers.deals.detail.companiesNoDetails", "No additional details") })
+                ] }, company.id)) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.deals.detail.noCompanies", "No companies linked to this deal yet.") })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: dealSettingsRef,
+              id: "deal-settings",
+              className: "rounded-lg border bg-card p-4",
+              children: [
+                /* @__PURE__ */ jsx("h2", { className: "mb-4 text-sm font-semibold uppercase text-muted-foreground", children: t("customers.deals.detail.formTitle", "Deal settings") }),
+                /* @__PURE__ */ jsx(
+                  DealForm,
+                  {
+                    mode: "edit",
+                    initialValues: {
+                      id: data.deal.id,
+                      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,
+                      expectedCloseAt: data.deal.expectedCloseAt ?? null,
+                      description: data.deal.description ?? "",
+                      personIds: data.people.map((person) => person.id),
+                      companyIds: data.companies.map((company) => company.id),
+                      people: data.people.map((person) => ({ id: person.id, label: person.label })),
+                      companies: data.companies.map((company) => ({ id: company.id, label: company.label })),
+                      ...Object.fromEntries(
+                        Object.entries(data.customFields).filter(([key]) => key.startsWith("cf_")).map(([key, value]) => [key, value])
+                      )
+                    },
+                    onSubmit: handleFormSubmit,
+                    onCancel: () => setReloadToken((token) => token + 1),
+                    onDelete: handleDelete,
+                    isSubmitting: isSaving || isDeleting
+                  },
+                  data.deal.updatedAt
+                )
+              ]
+            }
+          ) })
+        ] })
       ] })
-    ] }) }),
+    ] }),
     ConfirmDialogElement
   ] });
 }