@open-mercato/core 0.10.1-develop.7761.1.9dfaf470ed → 0.10.1-develop.7763.1.caea616ebf

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

@@ -10,6 +10,7 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { AttachmentsSection, ErrorMessage, LoadingMessage, NotesSection, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { CustomerDetailSidebar } from "../../../../components/detail/CustomerDetailSidebar.js";
 import { buildRecordInjectionContext, useSetCurrentRecordInjectionContext } from "@open-mercato/ui/backend/injection/recordContext";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { CollapsibleZoneLayout } from "@open-mercato/ui/backend/crud/CollapsibleZoneLayout";
@@ -86,7 +87,7 @@ function DealDetailPage({ params }) {
     () => createCustomerNotesAdapter(detailTranslator, { runMutation: runMutationWithContext }),
     [detailTranslator, runMutationWithContext]
   );
-  const { injectedTabs, injectedTabMap } = useDealInjectedTabs({
+  const { injectedTabs, injectedTabMap, loading: injectedTabsLoading } = useDealInjectedTabs({
     injectionContext,
     data,
     setData
@@ -348,193 +349,195 @@ function DealDetailPage({ params }) {
       onDelete: handleDelete
     }
   ) });
-  const zone2Content = /* @__PURE__ */ jsx("div", { className: "rounded-[10px] border border-border bg-card px-5 py-5", children: (() => {
-    const injected = injectedTabMap.get(activeTab);
-    if (injected) return injected();
-    if (activeTab === "activities") {
-      const activityEntitySelection = activityEntities.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "rounded-[10px] border border-border bg-muted/20 px-5 py-5", children: [
-        /* @__PURE__ */ jsx("label", { htmlFor: "deal-activity-entity", className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.activities.selectEntityLabel", "Choose customer record") }),
-        /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: t(
-          "customers.deals.detail.activities.selectEntityDescription",
-          "Pick the person or company that should own new deal activities and follow-ups."
-        ) }),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            id: "deal-activity-entity",
-            "aria-label": t("customers.deals.detail.activities.selectEntityLabel", "Choose customer record"),
-            className: "mt-4 h-9 w-full rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
-            value: selectedActivityEntityId ?? "",
-            onChange: (event) => setSelectedActivityEntityId(event.target.value || null),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: t("customers.deals.detail.activities.selectEntityPlaceholder", "Select a person or company") }),
-              activityEntities.map((entry) => /* @__PURE__ */ jsx("option", { value: entry.id, children: entry.label }, entry.id))
-            ]
-          }
-        )
-      ] }) : null;
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        activityEntities.length > 1 ? activityEntitySelection : null,
-        activityEntities.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-[10px] border border-border bg-muted/20 px-5 py-5", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.activities.linkEntityTitle", "Link a person or company first") }),
-          /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: t("customers.deals.detail.activities.linkEntityDescription", "Activities on a deal still need a customer record for timeline ownership.") }),
-          /* @__PURE__ */ jsxs("div", { className: "mt-4 flex gap-2", children: [
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => handleTabChange("people"), children: t("customers.deals.detail.tabs.people", "People") }),
-            /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => handleTabChange("companies"), children: t("customers.deals.detail.tabs.companies", "Companies") })
-          ] })
-        ] }) : selectedActivityEntity ? /* @__PURE__ */ jsx(
-          InlineActivityComposer,
+  const zone2Content = /* @__PURE__ */ jsxs("div", { className: "rounded-[10px] border border-border bg-card px-5 py-5", children: [
+    (() => {
+      if (activeTab === "activities") {
+        const activityEntitySelection = activityEntities.length > 1 ? /* @__PURE__ */ jsxs("div", { className: "rounded-[10px] border border-border bg-muted/20 px-5 py-5", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "deal-activity-entity", className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.activities.selectEntityLabel", "Choose customer record") }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: t(
+            "customers.deals.detail.activities.selectEntityDescription",
+            "Pick the person or company that should own new deal activities and follow-ups."
+          ) }),
+          /* @__PURE__ */ jsxs(
+            "select",
+            {
+              id: "deal-activity-entity",
+              "aria-label": t("customers.deals.detail.activities.selectEntityLabel", "Choose customer record"),
+              className: "mt-4 h-9 w-full rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+              value: selectedActivityEntityId ?? "",
+              onChange: (event) => setSelectedActivityEntityId(event.target.value || null),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "", children: t("customers.deals.detail.activities.selectEntityPlaceholder", "Select a person or company") }),
+                activityEntities.map((entry) => /* @__PURE__ */ jsx("option", { value: entry.id, children: entry.label }, entry.id))
+              ]
+            }
+          )
+        ] }) : null;
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          activityEntities.length > 1 ? activityEntitySelection : null,
+          activityEntities.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-[10px] border border-border bg-muted/20 px-5 py-5", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: t("customers.deals.detail.activities.linkEntityTitle", "Link a person or company first") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: t("customers.deals.detail.activities.linkEntityDescription", "Activities on a deal still need a customer record for timeline ownership.") }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-4 flex gap-2", children: [
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => handleTabChange("people"), children: t("customers.deals.detail.tabs.people", "People") }),
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => handleTabChange("companies"), children: t("customers.deals.detail.tabs.companies", "Companies") })
+            ] })
+          ] }) : selectedActivityEntity ? /* @__PURE__ */ jsx(
+            InlineActivityComposer,
+            {
+              entityType: selectedActivityEntity.kind,
+              entityId: selectedActivityEntity.id,
+              dealId: data.deal.id,
+              onActivityCreated: () => {
+                void handleActivityCreated();
+              },
+              runGuardedMutation: runMutationWithContext,
+              onScheduleRequested: openSchedule
+            }
+          ) : /* @__PURE__ */ jsx(
+            EmptyState,
+            {
+              size: "sm",
+              icon: /* @__PURE__ */ jsx(UserSearch, { className: "h-8 w-8", "aria-hidden": "true" }),
+              title: t("customers.deals.detail.activities.selectEntityRequiredTitle", "Choose a person or company to continue"),
+              description: t(
+                "customers.deals.detail.activities.selectEntityRequiredDescription",
+                "Select the customer record that should receive new deal activities before logging or scheduling anything."
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PlannedActivitiesSection,
+            {
+              activities: plannedActivities,
+              onComplete: (interactionId) => {
+                void handleMarkDone(interactionId);
+              },
+              onSchedule: selectedActivityEntity ? openSchedule : void 0,
+              onEdit: handleEditActivity,
+              onCancel: (interactionId) => {
+                void handleCancelActivity(interactionId);
+              }
+            }
+          ),
+          selectedActivityEntity ? /* @__PURE__ */ jsx(
+            ActivitiesSection,
+            {
+              entityId: selectedActivityEntity.id,
+              entityName: selectedActivityEntity.label,
+              dealId: data.deal.id,
+              dealOptions,
+              entityOptions,
+              defaultEntityId: selectedActivityEntity.id,
+              addActionLabel: t("customers.deals.detail.activitiesAdd", "Log activity"),
+              emptyState: {
+                title: t("customers.deals.detail.activitiesEmptyTitle", "No activities yet"),
+                actionLabel: t("customers.deals.detail.activitiesEmptyAction", "Log activity")
+              },
+              runGuardedMutation: runMutationWithContext,
+              onDataRefresh: () => {
+                void handleActivityCreated();
+              },
+              refreshKey: activityRefreshKey,
+              onEditActivity: handleEditActivity
+            }
+          ) : null
+        ] });
+      }
+      if (activeTab === "people") {
+        return /* @__PURE__ */ jsx(
+          DealPeopleSection,
           {
-            entityType: selectedActivityEntity.kind,
-            entityId: selectedActivityEntity.id,
             dealId: data.deal.id,
-            onActivityCreated: () => {
-              void handleActivityCreated();
+            dealName,
+            selectedIds: peopleEditorIds,
+            onSaveSelection: (next) => handlePeopleAssociationsChange(next),
+            addActionLabel: t("customers.deals.detail.peopleAdd", "Add person"),
+            disabled: peopleSaving || isSaving,
+            emptyLabel: t("customers.deals.detail.peopleEmpty", "No people linked to this deal yet."),
+            emptyState: {
+              title: t("customers.deals.detail.peopleEmptyTitle", "Link the people involved"),
+              actionLabel: t("customers.deals.detail.peopleEmptyAction", "Add person")
             },
-            runGuardedMutation: runMutationWithContext,
-            onScheduleRequested: openSchedule
-          }
-        ) : /* @__PURE__ */ jsx(
-          EmptyState,
-          {
-            size: "sm",
-            icon: /* @__PURE__ */ jsx(UserSearch, { className: "h-8 w-8", "aria-hidden": "true" }),
-            title: t("customers.deals.detail.activities.selectEntityRequiredTitle", "Choose a person or company to continue"),
-            description: t(
-              "customers.deals.detail.activities.selectEntityRequiredDescription",
-              "Select the customer record that should receive new deal activities before logging or scheduling anything."
-            )
+            translator: detailTranslator,
+            runGuardedMutation: runMutationWithContext
           }
-        ),
-        /* @__PURE__ */ jsx(
-          PlannedActivitiesSection,
+        );
+      }
+      if (activeTab === "companies") {
+        return /* @__PURE__ */ jsx(
+          DealLinkedEntitiesTab,
           {
-            activities: plannedActivities,
-            onComplete: (interactionId) => {
-              void handleMarkDone(interactionId);
-            },
-            onSchedule: selectedActivityEntity ? openSchedule : void 0,
-            onEdit: handleEditActivity,
-            onCancel: (interactionId) => {
-              void handleCancelActivity(interactionId);
-            }
+            entityLabel: t("customers.deals.detail.tabs.companySingular", "Company"),
+            entityLabelPlural: t("customers.deals.detail.tabs.companies", "Companies"),
+            manageLabel: t("customers.deals.detail.companiesEditorTitle", "Manage linked companies"),
+            searchPlaceholder: t("customers.deals.detail.companiesSearch", "Search linked companies\u2026"),
+            linkedItems: data.companies,
+            linkedCount: data.counts.companies,
+            selectedIds: companiesEditorIds,
+            disabled: companiesSaving || isSaving,
+            savePending: companiesSaving,
+            hrefBuilder: (companyId) => `/backend/customers/companies-v2/${encodeURIComponent(companyId)}`,
+            onSaveSelection: (next) => handleCompaniesAssociationsChange(next),
+            loadLinkedPage: loadLinkedCompaniesPage,
+            searchEntities: searchCompaniesPage,
+            fetchEntitiesByIds: fetchCompaniesByIds,
+            icon: /* @__PURE__ */ jsx(Building2, { className: "size-4" })
           }
-        ),
-        selectedActivityEntity ? /* @__PURE__ */ jsx(
-          ActivitiesSection,
+        );
+      }
+      if (activeTab === "notes") {
+        return /* @__PURE__ */ jsx(
+          NotesSection,
           {
-            entityId: selectedActivityEntity.id,
-            entityName: selectedActivityEntity.label,
+            entityId: null,
             dealId: data.deal.id,
             dealOptions,
             entityOptions,
-            defaultEntityId: selectedActivityEntity.id,
-            addActionLabel: t("customers.deals.detail.activitiesAdd", "Log activity"),
+            emptyLabel: t("customers.deals.detail.notesEmpty", "No notes yet."),
+            viewerUserId: data.viewer?.userId ?? null,
+            viewerName: data.viewer?.name ?? null,
+            viewerEmail: data.viewer?.email ?? null,
+            addActionLabel: t("customers.deals.detail.notesAdd", "Add note"),
             emptyState: {
-              title: t("customers.deals.detail.activitiesEmptyTitle", "No activities yet"),
-              actionLabel: t("customers.deals.detail.activitiesEmptyAction", "Log activity")
-            },
-            runGuardedMutation: runMutationWithContext,
-            onDataRefresh: () => {
-              void handleActivityCreated();
+              title: t("customers.deals.detail.notesEmptyTitle", "Keep everyone in the loop"),
+              actionLabel: t("customers.deals.detail.notesEmptyAction", "Add a note")
             },
-            refreshKey: activityRefreshKey,
-            onEditActivity: handleEditActivity
+            translator: detailTranslator,
+            dataAdapter: notesAdapter,
+            renderIcon: renderDictionaryIcon,
+            renderColor: renderDictionaryColor,
+            iconSuggestions: ICON_SUGGESTIONS,
+            readMarkdownPreference: readMarkdownPreferenceCookie,
+            writeMarkdownPreference: writeMarkdownPreferenceCookie
           }
-        ) : null
-      ] });
-    }
-    if (activeTab === "people") {
-      return /* @__PURE__ */ jsx(
-        DealPeopleSection,
-        {
-          dealId: data.deal.id,
-          dealName,
-          selectedIds: peopleEditorIds,
-          onSaveSelection: (next) => handlePeopleAssociationsChange(next),
-          addActionLabel: t("customers.deals.detail.peopleAdd", "Add person"),
-          disabled: peopleSaving || isSaving,
-          emptyLabel: t("customers.deals.detail.peopleEmpty", "No people linked to this deal yet."),
-          emptyState: {
-            title: t("customers.deals.detail.peopleEmptyTitle", "Link the people involved"),
-            actionLabel: t("customers.deals.detail.peopleEmptyAction", "Add person")
-          },
-          translator: detailTranslator,
-          runGuardedMutation: runMutationWithContext
-        }
-      );
-    }
-    if (activeTab === "companies") {
-      return /* @__PURE__ */ jsx(
-        DealLinkedEntitiesTab,
-        {
-          entityLabel: t("customers.deals.detail.tabs.companySingular", "Company"),
-          entityLabelPlural: t("customers.deals.detail.tabs.companies", "Companies"),
-          manageLabel: t("customers.deals.detail.companiesEditorTitle", "Manage linked companies"),
-          searchPlaceholder: t("customers.deals.detail.companiesSearch", "Search linked companies\u2026"),
-          linkedItems: data.companies,
-          linkedCount: data.counts.companies,
-          selectedIds: companiesEditorIds,
-          disabled: companiesSaving || isSaving,
-          savePending: companiesSaving,
-          hrefBuilder: (companyId) => `/backend/customers/companies-v2/${encodeURIComponent(companyId)}`,
-          onSaveSelection: (next) => handleCompaniesAssociationsChange(next),
-          loadLinkedPage: loadLinkedCompaniesPage,
-          searchEntities: searchCompaniesPage,
-          fetchEntitiesByIds: fetchCompaniesByIds,
-          icon: /* @__PURE__ */ jsx(Building2, { className: "size-4" })
-        }
-      );
-    }
-    if (activeTab === "notes") {
-      return /* @__PURE__ */ jsx(
-        NotesSection,
-        {
-          entityId: null,
-          dealId: data.deal.id,
-          dealOptions,
-          entityOptions,
-          emptyLabel: t("customers.deals.detail.notesEmpty", "No notes yet."),
-          viewerUserId: data.viewer?.userId ?? null,
-          viewerName: data.viewer?.name ?? null,
-          viewerEmail: data.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")
-          },
-          translator: detailTranslator,
-          dataAdapter: notesAdapter,
-          renderIcon: renderDictionaryIcon,
-          renderColor: renderDictionaryColor,
-          iconSuggestions: ICON_SUGGESTIONS,
-          readMarkdownPreference: readMarkdownPreferenceCookie,
-          writeMarkdownPreference: writeMarkdownPreferenceCookie
-        }
-      );
-    }
-    if (activeTab === "files") {
-      return /* @__PURE__ */ jsx(
-        AttachmentsSection,
-        {
-          entityId: E.customers.customer_deal,
-          recordId: data.deal.id,
-          title: t("customers.deals.detail.tabs.files", "Files"),
-          description: t("customers.deals.detail.files.subtitle", "Upload and manage files linked to this deal.")
-        }
-      );
-    }
-    if (activeTab === "changelog") {
-      return /* @__PURE__ */ jsx(ChangelogTab, { entityId: data.deal.id, entityType: "deal" });
-    }
-    return null;
-  })() });
+        );
+      }
+      if (activeTab === "files") {
+        return /* @__PURE__ */ jsx(
+          AttachmentsSection,
+          {
+            entityId: E.customers.customer_deal,
+            recordId: data.deal.id,
+            title: t("customers.deals.detail.tabs.files", "Files"),
+            description: t("customers.deals.detail.files.subtitle", "Upload and manage files linked to this deal.")
+          }
+        );
+      }
+      if (activeTab === "changelog") {
+        return /* @__PURE__ */ jsx(ChangelogTab, { entityId: data.deal.id, entityType: "deal" });
+      }
+      return null;
+    })(),
+    injectedTabMap.get(activeTab)?.()
+  ] });
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
       /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.dealHeader.spotId, context: injectionContext, data }),
       /* @__PURE__ */ jsx(
         DealDetailHeader,
         {
+          actions: /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.dealHeaderActions.spotId, context: { ...injectionContext, isDirty, isSaving }, data, disabled: isSaving }),
           deal: data.deal,
           owner: data.owner,
           people: data.people,
@@ -572,9 +575,10 @@ function DealDetailPage({ params }) {
           )
         }
       ),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(CustomerDetailSidebar, { spotId: extensionPoints.hosts.dealSidebar.spotId, context: injectionContext, data, onDataChange: setData, disabled: isSaving, children: /* @__PURE__ */ jsx(
         DealDetailTabs,
         {
+          isLoadingInjectedTabs: injectedTabsLoading,
           activeTab,
           onTabChange: handleTabChange,
           injectedTabs: injectedTabs.map((tab) => ({ id: tab.id, label: tab.label })),
@@ -593,7 +597,7 @@ function DealDetailPage({ params }) {
             }
           )
         }
-      ),
+      ) }),
       /* @__PURE__ */ jsx(InjectionSpot, { spotId: extensionPoints.hosts.dealFooter.spotId, context: injectionContext, data })
     ] }),
     ConfirmDialogElement,