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

package/dist/modules/customers/backend/customers/companies-v2/[id]/page.js

@@ -4,64 +4,76 @@ import * as React from "react";
 import Link from "next/link";
 import { useRouter, useSearchParams } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
-import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { Building2, Hash, Users, BarChart3, StickyNote } from "lucide-react";
 import { updateCrud, deleteCrud } from "@open-mercato/ui/backend/utils/crud";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
-import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
-import { E } from "../../../../../../generated/entities.ids.generated.js";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-import { useOrganizationScopeDetail } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { Button } from "@open-mercato/ui/primitives/button";
-import { ErrorMessage, LoadingMessage, NotesSection } from "@open-mercato/ui/backend/detail";
+import { AttachmentsSection, ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { InjectionSpot, useInjectionWidgets } from "@open-mercato/ui/backend/injection/InjectionSpot";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { createTranslatorWithFallback } from "@open-mercato/shared/lib/i18n/translate";
-import { renderDictionaryColor, renderDictionaryIcon } from "@open-mercato/core/modules/dictionaries/components/dictionaryAppearance";
-import { ICON_SUGGESTIONS } from "../../../../lib/dictionaries.js";
-import { createCustomerNotesAdapter } from "../../../../components/detail/notesAdapter.js";
-import { readMarkdownPreferenceCookie, writeMarkdownPreferenceCookie } from "../../../../lib/markdownPreference.js";
-import { ActivitiesSection } from "../../../../components/detail/ActivitiesSection.js";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { CollapsibleZoneLayout } from "@open-mercato/ui/backend/crud/CollapsibleZoneLayout";
+import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { E } from "../../../../../../generated/entities.ids.generated.js";
+import { useOrganizationScopeDetail } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
 import { DealsSection } from "../../../../components/detail/DealsSection.js";
+import { ActivityLogTab } from "../../../../components/detail/ActivityLogTab.js";
 import { CompanyPeopleSection } from "../../../../components/detail/CompanyPeopleSection.js";
-import { AddressesSection } from "../../../../components/detail/AddressesSection.js";
-import { TasksSection } from "../../../../components/detail/TasksSection.js";
-import { TagsSection } from "../../../../components/detail/TagsSection.js";
-import { DetailTabsLayout } from "../../../../components/detail/DetailTabsLayout.js";
-import { formatTemplate } from "../../../../components/detail/utils.js";
-import { CompanyHighlightsSummary } from "../../../../components/detail/CustomerFormHighlights.js";
+import { CompanyDetailHeader } from "../../../../components/detail/CompanyDetailHeader.js";
+import { CompanyDetailTabs, resolveLegacyTab } from "../../../../components/detail/CompanyDetailTabs.js";
+import { CompanyKpiBar } from "../../../../components/detail/CompanyKpiBar.js";
+import { ScheduleActivityDialog } from "../../../../components/detail/ScheduleActivityDialog.js";
+import { ChangelogTab } from "../../../../components/detail/ChangelogTab.js";
+import { useInteractionMutations } from "../../../../components/detail/hooks/useInteractionMutations.js";
 import {
   buildCompanyEditPayload,
   createCompanyEditFields,
-  createCompanyEditGroups,
+  createCompanyDaneFiremyGroups,
   createCompanyEditSchema,
   mapCompanyOverviewToFormValues
 } from "../../../../components/formConfig.js";
-const stableNoopCallback = () => {
-};
 function CompanyDetailV2Page({ params }) {
   const id = params?.id;
   const t = useT();
   const router = useRouter();
   const searchParams = useSearchParams();
-  const { organizationId } = useOrganizationScopeDetail();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
   const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t]);
-  const notesAdapter = React.useMemo(() => createCustomerNotesAdapter(detailTranslator), [detailTranslator]);
-  const formSchema = React.useMemo(() => createCompanyEditSchema(), []);
-  const fields = React.useMemo(() => createCompanyEditFields(t), [t]);
-  const groups = React.useMemo(() => createCompanyEditGroups(t), [t]);
   const [data, setData] = React.useState(null);
   const [isLoading, setIsLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
   const initialTab = React.useMemo(() => {
-    const raw = searchParams?.get("tab");
-    if (raw === "notes" || raw === "activities" || raw === "deals" || raw === "people" || raw === "addresses" || raw === "tasks") {
-      return raw;
-    }
-    return "notes";
+    return resolveLegacyTab(searchParams?.get("tab"));
   }, [searchParams]);
   const [activeTab, setActiveTab] = React.useState(initialTab);
   const [sectionAction, setSectionAction] = React.useState(null);
+  const [isDirty, setIsDirty] = React.useState(false);
+  const [isSaving, setIsSaving] = React.useState(false);
+  const formWrapperRef = React.useRef(null);
+  const { organizationId } = useOrganizationScopeDetail();
+  const formSchema = React.useMemo(() => createCompanyEditSchema(), []);
+  const formFields = React.useMemo(() => createCompanyEditFields(t), [t]);
+  const formGroups = React.useMemo(() => createCompanyDaneFiremyGroups(t), [t]);
+  const initialValues = React.useMemo(
+    () => data ? mapCompanyOverviewToFormValues(data) : void 0,
+    [data]
+  );
+  const zoneSections = React.useMemo(() => [
+    { id: "identity", icon: Building2, label: t("customers.companies.form.sections.identity", "Identity") },
+    { id: "contact", icon: Hash, label: t("customers.companies.form.sections.contact", "Contact") },
+    { id: "classification", icon: Users, label: t("customers.companies.form.sections.classification", "Classification") },
+    { id: "businessProfile", icon: BarChart3, label: t("customers.companies.form.sections.businessProfile", "Business profile") },
+    { id: "notes", icon: StickyNote, label: t("customers.companies.form.groups.notes", "Notes") },
+    { id: "customFields", icon: Hash, label: t("customers.companies.form.groups.customAttributes", "Custom attributes") }
+  ], [t]);
+  const [scheduleDialogOpen, setScheduleDialogOpen] = React.useState(false);
+  const [scheduleEditData, setScheduleEditData] = React.useState(null);
+  const [activityRefreshKey, setActivityRefreshKey] = React.useState(0);
+  const [dealCount, setDealCount] = React.useState(0);
   const currentCompanyId = data?.company?.id ?? null;
   const mutationContextId = React.useMemo(
     () => currentCompanyId ? `customer-company:${currentCompanyId}` : `customer-company:${id ?? "pending"}`,
@@ -72,19 +84,6 @@ function CompanyDetailV2Page({ params }) {
     blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
   });
   const companyName = data?.company?.displayName && data.company.displayName.trim().length ? data.company.displayName : t("customers.companies.list.deleteFallbackName", "this company");
-  const translateCompanyDetail = React.useCallback(
-    (key, fallback, params2) => {
-      const mappedKey = key.startsWith("customers.people.detail.") ? key.replace("customers.people.detail.", "customers.companies.detail.") : key;
-      const adjustedFallback = key.startsWith("customers.people.detail.") && fallback ? fallback.replace(/\bPerson\b/g, "Company").replace(/\bperson\b/g, "company").replace(/\bPeople\b/g, "Companies").replace(/\bpeople\b/g, "companies") : fallback;
-      const translated = t(mappedKey, params2);
-      if (translated !== mappedKey || mappedKey === key) return translated;
-      const fallbackValue = t(key, params2);
-      if (fallbackValue !== key) return fallbackValue;
-      if (!adjustedFallback) return mappedKey;
-      return formatTemplate(adjustedFallback, params2);
-    },
-    [t]
-  );
   const initialLoadDoneRef = React.useRef(false);
   const loadData = React.useCallback(async () => {
     if (!id) {
@@ -97,12 +96,8 @@ function CompanyDetailV2Page({ params }) {
     }
     setError(null);
     try {
-      const search = new URLSearchParams();
-      search.append("include", "todos");
-      search.append("include", "people");
-      search.append("include", "interactions");
       const payload = await readApiResultOrThrow(
-        `/api/customers/companies/${encodeURIComponent(id)}?${search.toString()}`,
+        `/api/customers/companies/${encodeURIComponent(id)}`,
         void 0,
         { errorMessage: t("customers.companies.detail.error.load", "Failed to load company.") }
       );
@@ -117,9 +112,18 @@ function CompanyDetailV2Page({ params }) {
     }
   }, [id, t]);
   React.useEffect(() => {
-    loadData().catch(() => {
-    });
+    loadData().catch((err) => console.warn("[companies-v2] loadData failed", err));
   }, [loadData]);
+  React.useEffect(() => {
+    setDealCount(data?.counts?.deals ?? 0);
+  }, [data?.counts?.deals]);
+  const handleActivityCreated = React.useCallback(() => {
+    setActivityRefreshKey((k) => k + 1);
+    loadData().catch((err) => console.warn("[companies-v2] reload after activity failed", err));
+  }, [loadData]);
+  const plannedActivities = React.useMemo(() => {
+    return data?.plannedActivitiesPreview ?? [];
+  }, [data?.plannedActivitiesPreview]);
   const injectionContext = React.useMemo(
     () => ({
       formId: mutationContextId,
@@ -141,6 +145,37 @@ function CompanyDetailV2Page({ params }) {
     },
     [injectionContext, runMutation]
   );
+  const { completeInteraction: handleMarkDone, cancelInteraction: handleCancelActivity } = useInteractionMutations({
+    runMutationWithContext,
+    onAfterChange: handleActivityCreated,
+    logContext: "customers.companies-v2"
+  });
+  const handleEditActivity = React.useCallback((activity) => {
+    const raw = activity;
+    const durationValue = typeof raw.duration === "number" ? raw.duration : typeof raw.durationMinutes === "number" ? raw.durationMinutes : null;
+    setScheduleEditData({
+      id: activity.id,
+      interactionType: typeof activity.interactionType === "string" ? activity.interactionType : void 0,
+      title: typeof activity.title === "string" ? activity.title : null,
+      body: typeof activity.body === "string" ? activity.body : null,
+      scheduledAt: typeof activity.scheduledAt === "string" ? activity.scheduledAt : null,
+      durationMinutes: durationValue,
+      location: typeof raw.location === "string" ? raw.location : null,
+      allDay: typeof raw.allDay === "boolean" ? raw.allDay : null,
+      recurrenceRule: typeof raw.recurrenceRule === "string" ? raw.recurrenceRule : null,
+      recurrenceEnd: typeof raw.recurrenceEnd === "string" ? raw.recurrenceEnd : null,
+      participants: Array.isArray(raw.participants) ? raw.participants : null,
+      reminderMinutes: typeof raw.reminderMinutes === "number" ? raw.reminderMinutes : null,
+      visibility: typeof raw.visibility === "string" ? raw.visibility : null,
+      linkedEntities: Array.isArray(raw.linkedEntities) ? raw.linkedEntities : null,
+      guestPermissions: raw.guestPermissions && typeof raw.guestPermissions === "object" ? raw.guestPermissions : null
+    });
+    setScheduleDialogOpen(true);
+  }, []);
+  const openNewScheduleDialog = React.useCallback(() => {
+    setScheduleEditData(null);
+    setScheduleDialogOpen(true);
+  }, []);
   const { widgets: injectedTabWidgets } = useInjectionWidgets("detail:customers.company:tabs", {
     context: injectionContext,
     triggerOnLoad: true
@@ -148,7 +183,7 @@ function CompanyDetailV2Page({ params }) {
   const injectedTabs = React.useMemo(
     () => (injectedTabWidgets ?? []).filter((widget) => (widget.placement?.kind ?? "tab") === "tab").map((widget) => {
       const tabId = widget.placement?.groupId ?? widget.widgetId;
-      const label = widget.placement?.groupLabel ?? widget.module.metadata.title;
+      const label = widget.placement?.groupLabel ?? widget.module.metadata.title ?? tabId;
       const priority = typeof widget.placement?.priority === "number" ? widget.placement.priority : 0;
       const render = () => /* @__PURE__ */ jsx(
         widget.module.Widget,
@@ -163,18 +198,10 @@ function CompanyDetailV2Page({ params }) {
     [data, injectedTabWidgets, injectionContext]
   );
   const injectedTabMap = React.useMemo(() => new Map(injectedTabs.map((tab) => [tab.id, tab.render])), [injectedTabs]);
-  const tabs = React.useMemo(
-    () => [
-      { id: "notes", label: t("customers.companies.detail.tabs.notes", "Notes") },
-      { id: "activities", label: t("customers.companies.detail.tabs.activities", "Activities") },
-      { id: "deals", label: t("customers.companies.detail.tabs.deals", "Deals") },
-      { id: "people", label: t("customers.companies.detail.tabs.people", "People") },
-      { id: "addresses", label: t("customers.companies.detail.tabs.addresses", "Addresses") },
-      { id: "tasks", label: t("customers.companies.detail.tabs.tasks", "Tasks") },
-      ...injectedTabs.map((tab) => ({ id: tab.id, label: tab.label }))
-    ],
-    [injectedTabs, t]
-  );
+  const handleTagsChange = React.useCallback((nextTags) => {
+    setData((prev) => prev ? { ...prev, tags: nextTags } : prev);
+  }, []);
+  const tagsSectionControllerRef = React.useRef(null);
   const handleSectionActionChange = React.useCallback((action) => {
     setSectionAction(action);
   }, []);
@@ -185,59 +212,65 @@ function CompanyDetailV2Page({ params }) {
   React.useEffect(() => {
     setSectionAction(null);
   }, [activeTab]);
-  const handleTagsChange = React.useCallback((nextTags) => {
-    setData((prev) => prev ? { ...prev, tags: nextTags } : prev);
-  }, []);
-  const tagsSectionControllerRef = React.useRef(null);
   const dealsScope = React.useMemo(
     () => currentCompanyId ? { kind: "company", entityId: currentCompanyId } : null,
     [currentCompanyId]
   );
-  const initialValues = React.useMemo(
-    () => data ? mapCompanyOverviewToFormValues(data) : void 0,
-    [data]
-  );
-  const contentHeader = React.useMemo(
-    () => data ? /* @__PURE__ */ jsx(CompanyHighlightsSummary, { data }) : void 0,
-    [data]
-  );
+  const handleDelete = React.useCallback(async () => {
+    const companyId2 = data?.company?.id ?? "";
+    if (!companyId2) return;
+    const approved = await confirm({
+      title: t("customers.companies.detail.deleteConfirmTitle", "Delete company?"),
+      description: t("customers.companies.detail.deleteConfirmDescription", "This action cannot be undone."),
+      confirmText: t("customers.companies.detail.actions.delete", "Delete company"),
+      cancelText: t("customers.companies.detail.actions.cancel", "Cancel"),
+      variant: "destructive"
+    });
+    if (!approved) return;
+    await runMutationWithContext(
+      () => deleteCrud("customers/companies", { id: companyId2 }),
+      { id: companyId2, operation: "deleteCompany" }
+    );
+    flash(t("customers.companies.list.deleteSuccess", "Company deleted."), "success");
+    router.push("/backend/customers/companies");
+  }, [confirm, data?.company?.id, router, runMutationWithContext, t]);
   const handleFormSubmit = React.useCallback(
     async (values) => {
-      await tagsSectionControllerRef.current?.flush();
-      let payload;
+      setIsSaving(true);
       try {
-        payload = buildCompanyEditPayload(values, organizationId);
-      } catch (err) {
-        if (err instanceof Error) {
-          if (err.message === "DISPLAY_NAME_REQUIRED") {
-            const message = t("customers.companies.form.displayName.error");
-            throw createCrudFormError(message, { displayName: message });
-          }
-          if (err.message === "ANNUAL_REVENUE_INVALID") {
-            const message = t("customers.companies.form.annualRevenue.error");
-            throw createCrudFormError(message, { annualRevenue: message });
+        let payload;
+        try {
+          payload = buildCompanyEditPayload(values, organizationId);
+        } catch (err) {
+          if (err instanceof Error) {
+            if (err.message === "DISPLAY_NAME_REQUIRED") {
+              const message = t("customers.companies.form.displayName.error");
+              throw createCrudFormError(message, { displayName: message });
+            }
+            if (err.message === "ANNUAL_REVENUE_INVALID") {
+              const message = t("customers.companies.form.annualRevenue.error");
+              throw createCrudFormError(message, { annualRevenue: message });
+            }
           }
+          throw err;
         }
-        throw err;
+        await updateCrud("customers/companies", payload);
+        flash(t("customers.companies.form.updateSuccess", "Company updated."), "success");
+        await loadData();
+      } finally {
+        setIsSaving(false);
       }
-      await updateCrud("customers/companies", payload);
-      flash(t("customers.companies.form.updateSuccess", "Company updated."), "success");
-      await loadData();
     },
     [loadData, organizationId, t]
   );
-  const handleFormDelete = React.useCallback(
-    async () => {
-      await deleteCrud("customers/companies", { id: data?.company?.id ?? "" });
-      flash(t("customers.companies.list.deleteSuccess", "Company deleted."), "success");
-      router.push("/backend/customers/companies");
-    },
-    [data?.company?.id, router, t]
-  );
+  const handleHeaderSave = React.useCallback(() => {
+    const form = formWrapperRef.current?.querySelector("form");
+    if (form) form.requestSubmit();
+  }, []);
   if (isLoading) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("customers.companies.detail.loading", "Loading company\u2026") }) }) });
   }
-  if (error || !data?.company?.id || !initialValues) {
+  if (error || !data?.company?.id) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
       ErrorMessage,
       {
@@ -248,183 +281,153 @@ function CompanyDetailV2Page({ params }) {
   }
   const companyId = data.company.id;
   const useCanonicalInteractions = data.interactionMode === "canonical";
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(InjectionSpot, { spotId: "detail:customers.company:header", context: injectionContext, data }),
     /* @__PURE__ */ jsx(InjectionSpot, { spotId: "detail:customers.company:status-badges", context: injectionContext, data }),
     /* @__PURE__ */ jsx(
-      CrudForm,
+      CompanyDetailHeader,
       {
-        title: data.company.displayName,
-        backHref: "/backend/customers/companies",
-        versionHistory: {
-          resourceKind: "customers.company",
-          resourceId: companyId
-        },
-        injectionSpotId: "customers.company",
-        entityIds: [E.customers.customer_entity, E.customers.customer_company_profile],
-        schema: formSchema,
-        fields,
-        groups,
-        initialValues,
-        contentHeader,
-        onSubmit: handleFormSubmit,
-        onDelete: handleFormDelete
+        data,
+        onTagsChange: handleTagsChange,
+        tagsSectionControllerRef,
+        onSave: handleHeaderSave,
+        onDelete: handleDelete,
+        isDirty,
+        isSaving,
+        onDataReload: () => {
+          loadData().catch((err) => console.warn("[companies-v2] onDataReload failed", err));
+        }
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-muted/30 px-4 py-3 text-sm text-muted-foreground", children: t(
-      "customers.detail.saveGuide",
-      "Profile fields save with the main Save button. Tags save automatically. The related sections below save independently inside their own tabs and panels."
-    ) }),
+    /* @__PURE__ */ jsx(CompanyKpiBar, { data }),
     /* @__PURE__ */ jsx(
-      TagsSection,
+      CollapsibleZoneLayout,
       {
-        entityId: companyId,
-        tags: data.tags,
-        onChange: handleTagsChange,
-        isSubmitting: false,
-        controllerRef: tagsSectionControllerRef
+        pageType: "company-v2",
+        entityName: companyName,
+        isDirty,
+        sections: zoneSections,
+        zone1: /* @__PURE__ */ jsx("div", { ref: formWrapperRef, children: /* @__PURE__ */ jsx(
+          CrudForm,
+          {
+            embedded: true,
+            trackDirtyWhenEmbedded: true,
+            injectionSpotId: "customers.company",
+            entityIds: [E.customers.customer_entity, E.customers.customer_company_profile],
+            schema: formSchema,
+            fields: formFields,
+            groups: formGroups,
+            initialValues,
+            onSubmit: handleFormSubmit,
+            onDelete: handleDelete,
+            hideFooterActions: true,
+            collapsibleGroups: { pageType: "company-v2", chevronPosition: "left" },
+            sortableGroups: { pageType: "company-v2" },
+            onDirtyChange: setIsDirty
+          }
+        ) }),
+        zone2: /* @__PURE__ */ jsxs(
+          CompanyDetailTabs,
+          {
+            activeTab,
+            onTabChange: setActiveTab,
+            injectedTabs: injectedTabs.map((tab) => ({ id: tab.id, label: tab.label })),
+            peopleCount: data.counts?.people ?? 0,
+            dealsCount: dealCount,
+            activitiesCount: data.counts?.activities ?? 0,
+            children: [
+              activeTab === "people" && /* @__PURE__ */ jsx(
+                CompanyPeopleSection,
+                {
+                  companyId,
+                  companyName: data.company?.displayName ?? "",
+                  initialPeople: [],
+                  addActionLabel: t("customers.companies.detail.people.add", "Add person"),
+                  emptyLabel: t("customers.companies.detail.people.empty", "No people linked to this company yet."),
+                  emptyState: {
+                    title: t("customers.companies.detail.emptyState.people.title", "Build the account team"),
+                    actionLabel: t("customers.companies.detail.emptyState.people.action", "Create person")
+                  },
+                  onActionChange: handleSectionActionChange,
+                  translator: detailTranslator,
+                  runGuardedMutation: runMutationWithContext,
+                  onPeopleChange: (next) => {
+                    setData((prev) => {
+                      if (!prev) return prev;
+                      const nextCount = next.length;
+                      return {
+                        ...prev,
+                        people: next,
+                        counts: prev.counts ? { ...prev.counts, people: nextCount } : prev.counts
+                      };
+                    });
+                  }
+                }
+              ),
+              activeTab === "deals" && /* @__PURE__ */ jsx(
+                DealsSection,
+                {
+                  scope: dealsScope,
+                  emptyLabel: t("customers.companies.detail.empty.deals", "No deals linked to this company."),
+                  addActionLabel: t("customers.companies.detail.actions.addDeal", "Add deal"),
+                  emptyState: {
+                    title: t("customers.companies.detail.emptyState.deals.title", "No deals yet"),
+                    actionLabel: t("customers.companies.detail.emptyState.deals.action", "Create a deal")
+                  },
+                  onActionChange: handleSectionActionChange,
+                  translator: detailTranslator,
+                  runGuardedMutation: runMutationWithContext,
+                  onCountDelta: (delta) => setDealCount((current) => Math.max(0, current + delta))
+                }
+              ),
+              activeTab === "activity-log" && /* @__PURE__ */ jsx(
+                ActivityLogTab,
+                {
+                  entityId: companyId,
+                  plannedActivities,
+                  onActivityCreated: handleActivityCreated,
+                  onScheduleRequested: openNewScheduleDialog,
+                  onMarkDone: handleMarkDone,
+                  onEditActivity: handleEditActivity,
+                  onCancelActivity: handleCancelActivity,
+                  runGuardedMutation: runMutationWithContext,
+                  refreshKey: activityRefreshKey,
+                  useCanonicalInteractions
+                }
+              ),
+              activeTab === "changelog" && companyId && /* @__PURE__ */ jsx(ChangelogTab, { entityId: companyId, entityType: "company" }),
+              activeTab === "files" && /* @__PURE__ */ jsx(
+                AttachmentsSection,
+                {
+                  entityId: E.customers.customer_entity,
+                  recordId: companyId,
+                  title: t("customers.companies.detail.tabs.files", "Files"),
+                  description: t("customers.companies.detail.files.subtitle", "Upload and manage files linked to this company.")
+                }
+              ),
+              injectedTabMap.has(activeTab) && injectedTabMap.get(activeTab)()
+            ]
+          }
+        )
       }
     ),
+    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "detail:customers.company:footer", context: injectionContext, data }),
     /* @__PURE__ */ jsx(
-      DetailTabsLayout,
+      ScheduleActivityDialog,
       {
-        className: "space-y-6",
-        tabs,
-        activeTab,
-        onTabChange: setActiveTab,
-        sectionAction,
-        onSectionAction: handleSectionAction,
-        navAriaLabel: t("customers.companies.detail.tabs.label", "Company detail sections"),
-        navClassName: "gap-4",
-        children: (() => {
-          const injected = injectedTabMap.get(activeTab);
-          if (injected) return injected();
-          if (activeTab === "notes") {
-            return /* @__PURE__ */ jsx(
-              NotesSection,
-              {
-                entityId: companyId,
-                emptyLabel: t("customers.companies.detail.empty.comments", "No notes yet."),
-                viewerUserId: data.viewer?.userId ?? null,
-                viewerName: data.viewer?.name ?? null,
-                viewerEmail: data.viewer?.email ?? null,
-                addActionLabel: t("customers.companies.detail.notes.addLabel", "Add note"),
-                emptyState: {
-                  title: t("customers.companies.detail.emptyState.notes.title", "Keep everyone in the loop"),
-                  actionLabel: t("customers.companies.detail.emptyState.notes.action", "Create a note")
-                },
-                onActionChange: handleSectionActionChange,
-                translator: translateCompanyDetail,
-                dataAdapter: notesAdapter,
-                renderIcon: renderDictionaryIcon,
-                renderColor: renderDictionaryColor,
-                iconSuggestions: ICON_SUGGESTIONS,
-                readMarkdownPreference: readMarkdownPreferenceCookie,
-                writeMarkdownPreference: writeMarkdownPreferenceCookie
-              }
-            );
-          }
-          if (activeTab === "activities") {
-            return /* @__PURE__ */ jsx(
-              ActivitiesSection,
-              {
-                entityId: companyId,
-                useCanonicalInteractions,
-                runGuardedMutation: runMutationWithContext,
-                onDataRefresh: loadData,
-                addActionLabel: t("customers.companies.detail.activities.add", "Log activity"),
-                emptyState: {
-                  title: t("customers.companies.detail.emptyState.activities.title", "No activities logged yet"),
-                  actionLabel: t("customers.companies.detail.emptyState.activities.action", "Log activity")
-                },
-                onActionChange: handleSectionActionChange,
-                onLoadingChange: stableNoopCallback
-              }
-            );
-          }
-          if (activeTab === "deals") {
-            return /* @__PURE__ */ jsx(
-              DealsSection,
-              {
-                scope: dealsScope,
-                emptyLabel: t("customers.companies.detail.empty.deals", "No deals linked to this company."),
-                addActionLabel: t("customers.companies.detail.actions.addDeal", "Add deal"),
-                emptyState: {
-                  title: t("customers.companies.detail.emptyState.deals.title", "No deals yet"),
-                  actionLabel: t("customers.companies.detail.emptyState.deals.action", "Create a deal")
-                },
-                onActionChange: handleSectionActionChange,
-                translator: detailTranslator,
-                runGuardedMutation: runMutationWithContext
-              }
-            );
-          }
-          if (activeTab === "people") {
-            return /* @__PURE__ */ jsx(
-              CompanyPeopleSection,
-              {
-                companyId,
-                initialPeople: data.people ?? [],
-                addActionLabel: t("customers.companies.detail.people.add", "Add person"),
-                emptyLabel: t("customers.companies.detail.people.empty", "No people linked to this company yet."),
-                emptyState: {
-                  title: t("customers.companies.detail.emptyState.people.title", "Build the account team"),
-                  actionLabel: t("customers.companies.detail.emptyState.people.action", "Create person")
-                },
-                onActionChange: handleSectionActionChange,
-                translator: detailTranslator,
-                onDataRefresh: loadData,
-                runGuardedMutation: runMutationWithContext,
-                onPeopleChange: (next) => {
-                  setData((prev) => prev ? { ...prev, people: next } : prev);
-                }
-              }
-            );
-          }
-          if (activeTab === "addresses") {
-            return /* @__PURE__ */ jsx(
-              AddressesSection,
-              {
-                entityId: companyId,
-                emptyLabel: t("customers.companies.detail.empty.addresses", "No addresses recorded."),
-                addActionLabel: t("customers.companies.detail.addresses.add", "Add address"),
-                emptyState: {
-                  title: t("customers.companies.detail.emptyState.addresses.title", "No addresses yet"),
-                  actionLabel: t("customers.companies.detail.emptyState.addresses.action", "Add address")
-                },
-                onActionChange: handleSectionActionChange,
-                translator: detailTranslator
-              }
-            );
-          }
-          if (activeTab === "tasks") {
-            return /* @__PURE__ */ jsx(
-              TasksSection,
-              {
-                entityId: companyId,
-                initialTasks: data.todos,
-                useCanonicalInteractions,
-                runGuardedMutation: runMutationWithContext,
-                onDataRefresh: loadData,
-                emptyLabel: t("customers.companies.detail.empty.todos", "No tasks linked to this company."),
-                addActionLabel: t("customers.companies.detail.tasks.add", "Add task"),
-                emptyState: {
-                  title: t("customers.companies.detail.emptyState.tasks.title", "Plan what happens next"),
-                  actionLabel: t("customers.companies.detail.emptyState.tasks.action", "Create task")
-                },
-                onActionChange: handleSectionActionChange,
-                translator: translateCompanyDetail,
-                entityName: companyName,
-                dialogContextKey: "customers.companies.detail.tasks.dialog.context",
-                dialogContextFallback: "This task will be linked to {{name}}"
-              }
-            );
-          }
-          return null;
-        })()
+        open: scheduleDialogOpen,
+        onClose: () => {
+          setScheduleDialogOpen(false);
+          setScheduleEditData(null);
+        },
+        entityId: companyId,
+        entityName: companyName,
+        entityType: "company",
+        onActivityCreated: handleActivityCreated,
+        editData: scheduleEditData
       }
     ),
-    /* @__PURE__ */ jsx(InjectionSpot, { spotId: "detail:customers.company:footer", context: injectionContext, data })
+    ConfirmDialogElement
   ] }) }) });
 }
 export {