@open-mercato/core 0.5.1-develop.2996.ce62fd491c → 0.5.1-develop.3036.f02c281f23

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

@@ -21,17 +21,15 @@ import { InjectionSpot, useInjectionWidgets } from "@open-mercato/ui/backend/inj
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { createTranslatorWithFallback } from "@open-mercato/shared/lib/i18n/translate";
 import { ActivitiesSection } from "../../../../components/detail/ActivitiesSection.js";
+import { ActivitiesCard } from "../../../../components/detail/ActivitiesCard.js";
 import { DealsSection } from "../../../../components/detail/DealsSection.js";
 import { TasksSection } from "../../../../components/detail/TasksSection.js";
-import { InlineActivityComposer } from "../../../../components/detail/InlineActivityComposer.js";
-import { PlannedActivitiesSection } from "../../../../components/detail/PlannedActivitiesSection.js";
 import { ScheduleActivityDialog } from "../../../../components/detail/ScheduleActivityDialog.js";
 import { PersonDetailHeader } from "../../../../components/detail/PersonDetailHeader.js";
 import { ChangelogTab } from "../../../../components/detail/ChangelogTab.js";
 import { PersonDetailTabs, resolveLegacyTab } from "../../../../components/detail/PersonDetailTabs.js";
 import { PersonCompaniesSection } from "../../../../components/detail/PersonCompaniesSection.js";
 import { MobilePersonDetail } from "../../../../components/detail/MobilePersonDetail.js";
-import { useInteractionMutations } from "../../../../components/detail/hooks/useInteractionMutations.js";
 import {
   buildPersonEditPayload,
   createPersonEditFields,
@@ -151,11 +149,26 @@ function PersonDetailV2Page({ params }) {
     },
     [injectionContext, runMutation]
   );
-  const { completeInteraction: handleMarkDone, cancelInteraction: handleCancelActivity } = useInteractionMutations({
-    runMutationWithContext,
-    onAfterChange: handleActivityCreated,
-    logContext: "customers.people-v2"
-  });
+  const handleAddActivity = React.useCallback((kind) => {
+    setScheduleEditData({
+      id: "",
+      interactionType: kind,
+      title: null,
+      body: null,
+      scheduledAt: null,
+      durationMinutes: null,
+      location: null,
+      allDay: null,
+      recurrenceRule: null,
+      recurrenceEnd: null,
+      participants: null,
+      reminderMinutes: null,
+      visibility: null,
+      linkedEntities: null,
+      guestPermissions: null
+    });
+    setScheduleDialogOpen(true);
+  }, []);
   const handleEditActivity = React.useCallback((activity) => {
     const raw = activity;
     const durationValue = typeof raw.duration === "number" ? raw.duration : typeof raw.durationMinutes === "number" ? raw.durationMinutes : null;
@@ -352,30 +365,14 @@ function PersonDetailV2Page({ params }) {
             if (activeTab === "activities") {
               return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                 /* @__PURE__ */ jsx(
-                  InlineActivityComposer,
+                  ActivitiesCard,
                   {
-                    entityType: "person",
                     entityId: personId,
-                    onActivityCreated: handleActivityCreated,
-                    runGuardedMutation: runMutationWithContext,
-                    onScheduleRequested: () => {
-                      setScheduleEditData(null);
-                      setScheduleDialogOpen(true);
-                    },
-                    useCanonicalInteractions
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  PlannedActivitiesSection,
-                  {
-                    activities: plannedActivities,
-                    onComplete: handleMarkDone,
-                    onSchedule: () => {
-                      setScheduleEditData(null);
-                      setScheduleDialogOpen(true);
-                    },
-                    onEdit: handleEditActivity,
-                    onCancel: handleCancelActivity
+                    plannedActivities,
+                    refreshKey: activityRefreshKey,
+                    onAddNew: handleAddActivity,
+                    onEditActivity: handleEditActivity,
+                    entityCompanyName: data.company?.displayName ?? data.companies?.[0]?.displayName ?? null
                   }
                 ),
                 /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/customers/backend/customers/people-v2/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { User, Hash, Users, Building2 } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { CollapsibleZoneLayout, type ZoneSectionDescriptor } from '@open-mercato/ui/backend/crud/CollapsibleZoneLayout'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeDetail } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { AttachmentsSection, ErrorMessage, LoadingMessage, type SectionAction } from '@open-mercato/ui/backend/detail'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { InjectionSpot, useInjectionWidgets } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\nimport { ActivitiesSection } from '../../../../components/detail/ActivitiesSection'\nimport { DealsSection } from '../../../../components/detail/DealsSection'\nimport { TasksSection } from '../../../../components/detail/TasksSection'\nimport type { TagSummary } from '../../../../components/detail/types'\nimport { InlineActivityComposer } from '../../../../components/detail/InlineActivityComposer'\nimport { PlannedActivitiesSection } from '../../../../components/detail/PlannedActivitiesSection'\nimport { ScheduleActivityDialog, type ScheduleActivityEditData } from '../../../../components/detail/ScheduleActivityDialog'\nimport { PersonDetailHeader } from '../../../../components/detail/PersonDetailHeader'\nimport { ChangelogTab } from '../../../../components/detail/ChangelogTab'\nimport { PersonDetailTabs, resolveLegacyTab, type PersonTabId } from '../../../../components/detail/PersonDetailTabs'\nimport { PersonCompaniesSection } from '../../../../components/detail/PersonCompaniesSection'\nimport { MobilePersonDetail } from '../../../../components/detail/MobilePersonDetail'\nimport { useInteractionMutations } from '../../../../components/detail/hooks/useInteractionMutations'\nimport type { TagsSectionController } from '@open-mercato/ui/backend/detail'\nimport {\n  buildPersonEditPayload,\n  createPersonEditFields,\n  createPersonPersonalDataGroups,\n  createPersonEditSchema,\n  mapPersonOverviewToFormValues,\n  type PersonEditFormValues,\n  type PersonOverview,\n} from '../../../../components/formConfig'\nimport { coerceDisplayName, coerceDisplayNameOrNull } from '../../../../lib/displayName'\n\nexport default function PersonDetailV2Page({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { organizationId } = useOrganizationScopeDetail()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n\n\n  const formSchema = React.useMemo(() => createPersonEditSchema(), [])\n  const fields = React.useMemo(() => createPersonEditFields(t), [t])\n\n  const [data, setData] = React.useState<PersonOverview | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  // Form state lifted for header Save button\n  const [isDirty, setIsDirty] = React.useState(false)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const formWrapperRef = React.useRef<HTMLDivElement>(null)\n\n  const initialTab = React.useMemo(() => {\n    return resolveLegacyTab(searchParams?.get('tab'))\n  }, [searchParams])\n  const [activeTab, setActiveTab] = React.useState<PersonTabId>(initialTab)\n  const [sectionAction, setSectionAction] = React.useState<SectionAction | null>(null)\n  const [scheduleDialogOpen, setScheduleDialogOpen] = React.useState(false)\n  const [scheduleEditData, setScheduleEditData] = React.useState<ScheduleActivityEditData | null>(null)\n  const [activityRefreshKey, setActivityRefreshKey] = React.useState(0)\n  const [dealCount, setDealCount] = React.useState(0)\n\n  const currentPersonId = data?.person?.id ?? null\n  const mutationContextId = React.useMemo(\n    () => (currentPersonId ? `customer-person:${currentPersonId}` : `customer-person:${id ?? 'pending'}`),\n    [currentPersonId, id],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    personId?: string | null\n    resourceKind: string\n    resourceId?: string\n    data: PersonOverview | null\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const personDisplayName = coerceDisplayName(data?.person?.displayName)\n  const personName = personDisplayName.trim().length\n    ? personDisplayName\n    : t('customers.people.list.deleteFallbackName', 'this person')\n\n  const personDisplayNameForGroups = personDisplayName.trim().length\n    ? personDisplayName.trim()\n    : null\n\n  const scheduleDialogCompanyName = coerceDisplayNameOrNull(\n    data?.company?.displayName ?? data?.companies?.[0]?.displayName ?? null,\n  )\n\n  const groups = React.useMemo(\n    () => createPersonPersonalDataGroups(t, { entityName: personDisplayNameForGroups }),\n    [t, personDisplayNameForGroups],\n  )\n\n  const zoneSections = React.useMemo<ZoneSectionDescriptor[]>(() => [\n    { id: 'personalData', icon: User, label: t('customers.people.form.groups.personalData', 'Personal data') },\n    { id: 'companyRole', icon: Building2, label: t('customers.people.form.groups.companyRole', 'Company & role') },\n    { id: 'customFields', icon: Hash, label: t('customers.people.form.groups.customAttributes', 'Custom attributes') },\n    { id: 'roles', icon: Users, label: t('customers.people.form.groups.roles', 'My roles') },\n  ], [t])\n\n  // Data loading\n  const initialLoadDoneRef = React.useRef(false)\n  const loadData = React.useCallback(async () => {\n    if (!id) {\n      setError(t('customers.people.detail.error.notFound', 'Person not found.'))\n      setIsLoading(false)\n      return\n    }\n    if (!initialLoadDoneRef.current) {\n      setIsLoading(true)\n    }\n    setError(null)\n    try {\n      const payload = await readApiResultOrThrow<PersonOverview>(\n        `/api/customers/people/${encodeURIComponent(id)}`,\n        undefined,\n        { errorMessage: t('customers.people.detail.error.load', 'Failed to load person.') },\n      )\n      setData(payload as PersonOverview)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customers.people.detail.error.load', 'Failed to load person.')\n      setError(message)\n      if (!initialLoadDoneRef.current) setData(null)\n    } finally {\n      setIsLoading(false)\n      initialLoadDoneRef.current = true\n    }\n  }, [id, t])\n\n  React.useEffect(() => {\n    loadData().catch((err) => console.warn('[people-v2] loadData failed', err))\n  }, [loadData])\n\n  React.useEffect(() => {\n    setDealCount(data?.counts?.deals ?? 0)\n  }, [data?.counts?.deals])\n\n  const handleActivityCreated = React.useCallback(() => {\n    setActivityRefreshKey((k) => k + 1)\n    loadData().catch((err) => console.warn('[people-v2] reload after activity failed', err))\n  }, [loadData])\n\n  const plannedActivities = React.useMemo(() => {\n    return data?.plannedActivitiesPreview ?? []\n  }, [data?.plannedActivitiesPreview])\n\n  // Injection context for UMES\n  const injectionContext = React.useMemo(\n    () => ({\n      formId: mutationContextId,\n      personId: currentPersonId,\n      resourceKind: 'customers.person',\n      resourceId: currentPersonId ?? (id ?? undefined),\n      data,\n      retryLastMutation,\n    }),\n    [currentPersonId, data, id, mutationContextId, retryLastMutation],\n  )\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: injectionContext,\n      })\n    },\n    [injectionContext, runMutation],\n  )\n\n  const { completeInteraction: handleMarkDone, cancelInteraction: handleCancelActivity } = useInteractionMutations({\n    runMutationWithContext,\n    onAfterChange: handleActivityCreated,\n    logContext: 'customers.people-v2',\n  })\n\n  const handleEditActivity = React.useCallback((activity: { id: string; interactionType?: string; title?: string | null; body?: string | null; scheduledAt?: string | null; [key: string]: unknown }) => {\n    const raw = activity as Record<string, unknown>\n    const durationValue = typeof raw.duration === 'number'\n      ? raw.duration\n      : typeof raw.durationMinutes === 'number'\n        ? raw.durationMinutes as number\n        : null\n    setScheduleEditData({\n      id: activity.id,\n      interactionType: typeof activity.interactionType === 'string' ? activity.interactionType : undefined,\n      title: typeof activity.title === 'string' ? activity.title : null,\n      body: typeof activity.body === 'string' ? activity.body : null,\n      scheduledAt: typeof activity.scheduledAt === 'string' ? activity.scheduledAt : null,\n      durationMinutes: durationValue,\n      location: typeof raw.location === 'string' ? raw.location as string : null,\n      allDay: typeof raw.allDay === 'boolean' ? raw.allDay as boolean : null,\n      recurrenceRule: typeof raw.recurrenceRule === 'string' ? raw.recurrenceRule as string : null,\n      recurrenceEnd: typeof raw.recurrenceEnd === 'string' ? raw.recurrenceEnd as string : null,\n      participants: Array.isArray(raw.participants) ? raw.participants as ScheduleActivityEditData['participants'] : null,\n      reminderMinutes: typeof raw.reminderMinutes === 'number' ? raw.reminderMinutes as number : null,\n      visibility: typeof raw.visibility === 'string' ? raw.visibility as string : null,\n      linkedEntities: Array.isArray(raw.linkedEntities) ? raw.linkedEntities as ScheduleActivityEditData['linkedEntities'] : null,\n      guestPermissions: raw.guestPermissions && typeof raw.guestPermissions === 'object'\n        ? raw.guestPermissions as ScheduleActivityEditData['guestPermissions']\n        : null,\n    })\n    setScheduleDialogOpen(true)\n  }, [])\n\n  // Injected tabs from UMES\n  const { widgets: injectedTabWidgets } = useInjectionWidgets('detail:customers.person:tabs', {\n    context: injectionContext,\n    triggerOnLoad: true,\n  })\n\n  const injectedTabs = React.useMemo(\n    () =>\n      (injectedTabWidgets ?? [])\n        .filter((widget) => (widget.placement?.kind ?? 'tab') === 'tab')\n        .map((widget) => {\n          const tabId = widget.placement?.groupId ?? widget.widgetId\n          const label = widget.placement?.groupLabel ?? widget.module.metadata.title ?? tabId\n          const priority = typeof widget.placement?.priority === 'number' ? widget.placement.priority : 0\n          const render = () => (\n            <widget.module.Widget\n              context={injectionContext}\n              data={data}\n              onDataChange={(next: unknown) => setData(next as PersonOverview)}\n            />\n          )\n          return { id: tabId, label, priority, render }\n        })\n        .sort((a, b) => b.priority - a.priority),\n    [data, injectedTabWidgets, injectionContext],\n  )\n\n  const injectedTabMap = React.useMemo(() => new Map(injectedTabs.map((tab) => [tab.id, tab.render])), [injectedTabs])\n\n  // Tags\n  const handleTagsChange = React.useCallback((nextTags: TagSummary[]) => {\n    setData((prev) => (prev ? { ...prev, tags: nextTags } : prev))\n  }, [])\n  const tagsSectionControllerRef = React.useRef<TagsSectionController | null>(null)\n\n  // Section action (for tabs that expose add/create buttons)\n  const handleSectionActionChange = React.useCallback((action: SectionAction | null) => {\n    setSectionAction((prev) => (action !== null ? action : prev))\n  }, [])\n\n  React.useEffect(() => {\n    setSectionAction(null)\n  }, [activeTab])\n\n  // Deals scope\n  const dealsScope = React.useMemo(\n    () => (currentPersonId ? ({ kind: 'person', entityId: currentPersonId } as const) : null),\n    [currentPersonId],\n  )\n\n  const initialValues = React.useMemo(\n    () => (data ? mapPersonOverviewToFormValues(data) : undefined),\n    [data],\n  )\n\n  // Form submit/delete\n  const handleFormSubmit = React.useCallback(\n    async (values: PersonEditFormValues) => {\n      setIsSaving(true)\n      try {\n        await tagsSectionControllerRef.current?.flush()\n\n        let payload: Record<string, unknown>\n        try {\n          payload = buildPersonEditPayload(values, organizationId)\n        } catch (err) {\n          if (err instanceof Error && err.message === 'DISPLAY_NAME_REQUIRED') {\n            const message = t('customers.people.form.displayName.error')\n            throw createCrudFormError(message, { displayName: message })\n          }\n          throw err\n        }\n\n        await updateCrud('customers/people', payload)\n        flash(t('customers.people.form.updateSuccess', 'Person updated.'), 'success')\n        await loadData()\n      } finally {\n        setIsSaving(false)\n      }\n    },\n    [loadData, organizationId, t],\n  )\n\n  const handleFormDelete = React.useCallback(\n    async () => {\n      const personId = data?.person?.id ?? ''\n      if (!personId) return\n      const approved = await confirm({\n        title: t('customers.people.detail.deleteConfirmTitle', 'Delete person?'),\n        description: t('customers.people.detail.deleteConfirmDescription', 'This action cannot be undone.'),\n        confirmText: t('customers.people.detail.actions.delete', 'Delete'),\n        cancelText: t('customers.people.detail.actions.cancel', 'Cancel'),\n        variant: 'destructive',\n      })\n      if (!approved) return\n      await runMutationWithContext(\n        () => deleteCrud('customers/people', { id: personId }),\n        { id: personId, operation: 'deletePerson' },\n      )\n      flash(t('customers.people.list.deleteSuccess', 'Person deleted.'), 'success')\n      router.push('/backend/customers/people')\n    },\n    [confirm, data?.person?.id, router, runMutationWithContext, t],\n  )\n\n  const handleHeaderSave = React.useCallback(() => {\n    const form = formWrapperRef.current?.querySelector('form')\n    if (form) form.requestSubmit()\n  }, [])\n\n  // Counts for tab badges\n  const interactionCount = data?.counts?.activities ?? 0\n  const todoCount = data?.counts?.todos ?? 0\n  const companyCount = data?.counts?.companies ?? (data?.companies?.length ?? (data?.company ? 1 : 0))\n\n  // Loading / error states\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('customers.people.detail.loading', 'Loading person\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data?.person?.id || !initialValues) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={error || t('customers.people.detail.error.notFound', 'Person not found.')}\n            action={(\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/customers/people\">\n                  {t('customers.people.detail.actions.backToList', 'Back to people')}\n                </Link>\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const personId = data.person.id\n  const useCanonicalInteractions = data.interactionMode === 'canonical'\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-4\">\n          {/* UMES header injection */}\n          <InjectionSpot spotId=\"detail:customers.person:header\" context={injectionContext} data={data} />\n          <InjectionSpot spotId=\"detail:customers.person:status-badges\" context={injectionContext} data={data} />\n\n          {/* Persistent person header */}\n          <PersonDetailHeader\n            data={data}\n            onTagsChange={handleTagsChange}\n            tagsSectionControllerRef={tagsSectionControllerRef}\n            onSave={handleHeaderSave}\n            onDelete={handleFormDelete}\n            isDirty={isDirty}\n            isSaving={isSaving}\n            onOpenCompaniesTab={() => setActiveTab('companies')}\n            onDataReload={() => { loadData().catch((err) => console.warn('[people-v2] onDataReload failed', err)) }}\n            onFocusField={(fieldName) => {\n              const selectorMap: Record<string, string> = {\n                primaryEmail: 'input[type=\"email\"]',\n                primaryPhone: 'input[type=\"tel\"]',\n              }\n              const selector = selectorMap[fieldName]\n              const input = selector ? formWrapperRef.current?.querySelector<HTMLInputElement>(selector) : null\n              if (input) {\n                input.scrollIntoView({ behavior: 'smooth', block: 'center' })\n                requestAnimationFrame(() => input.focus())\n              }\n            }}\n          />\n\n          {/* Zone content shared between desktop (CollapsibleZoneLayout) and mobile (MobilePersonDetail). */}\n          {(() => {\n            const zone1Content = (\n              <div ref={formWrapperRef}>\n                <CrudForm<PersonEditFormValues>\n                  embedded\n                  trackDirtyWhenEmbedded\n                  injectionSpotId=\"customers.person\"\n                  entityIds={[E.customers.customer_entity, E.customers.customer_person_profile]}\n                  schema={formSchema}\n                  fields={fields}\n                  groups={groups}\n                  initialValues={initialValues}\n                  onSubmit={handleFormSubmit}\n                  onDelete={handleFormDelete}\n                  hideFooterActions\n                  collapsibleGroups={{ pageType: 'person-v2', chevronPosition: 'left' }}\n                  sortableGroups={{ pageType: 'person-v2' }}\n                  onDirtyChange={setIsDirty}\n                />\n              </div>\n            )\n            const zone2Content = (\n              <PersonDetailTabs\n                activeTab={activeTab}\n                onTabChange={setActiveTab}\n                injectedTabs={injectedTabs.map((tab) => ({ id: tab.id, label: tab.label }))}\n                activitiesCount={interactionCount}\n                dealsCount={dealCount}\n                companiesCount={companyCount}\n                tasksCount={todoCount}\n                sectionAction={sectionAction}\n              >\n                <div className=\"min-w-0\">\n                {(() => {\n                  // Injected tab content\n                  const injected = injectedTabMap.get(activeTab)\n                  if (injected) return injected()\n\n                  if (activeTab === 'activities') {\n                    return (\n                      <div className=\"space-y-4\">\n                        <InlineActivityComposer\n                          entityType=\"person\"\n                          entityId={personId}\n                          onActivityCreated={handleActivityCreated}\n                          runGuardedMutation={runMutationWithContext}\n                          onScheduleRequested={() => { setScheduleEditData(null); setScheduleDialogOpen(true) }}\n                          useCanonicalInteractions={useCanonicalInteractions}\n                        />\n                        <PlannedActivitiesSection\n                          activities={plannedActivities}\n                          onComplete={handleMarkDone}\n                          onSchedule={() => { setScheduleEditData(null); setScheduleDialogOpen(true) }}\n                          onEdit={handleEditActivity}\n                          onCancel={handleCancelActivity}\n                        />\n                        <ActivitiesSection\n                          entityId={personId}\n                          entityName={personName}\n                          useCanonicalInteractions={useCanonicalInteractions}\n                          runGuardedMutation={runMutationWithContext}\n                          onDataRefresh={handleActivityCreated}\n                          refreshKey={activityRefreshKey}\n                          addActionLabel={t('customers.people.detail.activities.add', 'Log activity')}\n                          emptyState={{\n                            title: t('customers.people.detail.emptyState.activities.title', 'No activities logged yet'),\n                            actionLabel: t('customers.people.detail.emptyState.activities.action', 'Log activity'),\n                          }}\n                          onActionChange={handleSectionActionChange}\n                          onEditActivity={handleEditActivity}\n                        />\n                      </div>\n                    )\n                  }\n\n                  if (activeTab === 'deals') {\n                    return (\n                      <DealsSection\n                        scope={dealsScope}\n                        emptyLabel={t('customers.people.detail.empty.deals', 'No deals linked to this person.')}\n                        addActionLabel={t('customers.people.detail.actions.addDeal', 'Add deal')}\n                        emptyState={{\n                          title: t('customers.people.detail.emptyState.deals.title', 'No deals yet'),\n                          actionLabel: t('customers.people.detail.emptyState.deals.action', 'Create a deal'),\n                        }}\n                        onActionChange={handleSectionActionChange}\n                        translator={detailTranslator}\n                        runGuardedMutation={runMutationWithContext}\n                        onCountDelta={(delta) => setDealCount((current) => Math.max(0, current + delta))}\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'companies') {\n                    return (\n                      <PersonCompaniesSection\n                        personId={personId}\n                        personName={personName}\n                        initialLinkedCompanies={data?.companies ?? []}\n                        onChanged={loadData}\n                        runGuardedMutation={runMutationWithContext}\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'tasks') {\n                    return (\n                      <TasksSection\n                        entityId={personId}\n                        initialTasks={[]}\n                        useCanonicalInteractions={useCanonicalInteractions}\n                        runGuardedMutation={runMutationWithContext}\n                        onDataRefresh={loadData}\n                        emptyLabel={t('customers.people.detail.empty.todos', 'No tasks linked to this person.')}\n                        addActionLabel={t('customers.people.detail.tasks.add', 'Add task')}\n                        emptyState={{\n                          title: t('customers.people.detail.emptyState.tasks.title', 'Plan what happens next'),\n                          actionLabel: t('customers.people.detail.emptyState.tasks.action', 'Create task'),\n                        }}\n                        onActionChange={handleSectionActionChange}\n                        translator={detailTranslator}\n                        entityName={personName}\n                        dialogContextKey=\"customers.people.detail.tasks.dialog.context\"\n                        dialogContextFallback=\"This task will be linked to {{name}}\"\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'files') {\n                    return (\n                      <AttachmentsSection\n                        entityId={E.customers.customer_entity}\n                        recordId={personId}\n                        title={t('customers.people.detail.tabs.files', 'Files')}\n                        description={t('customers.people.detail.files.subtitle', 'Upload and manage files linked to this person.')}\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'changelog') {\n                    return <ChangelogTab entityId={personId} entityType=\"person\" />\n                  }\n\n                  return null\n                })()}\n                </div>\n              </PersonDetailTabs>\n            )\n            return (\n              <>\n                <div className=\"md:hidden\">\n                  <MobilePersonDetail zone1={zone1Content} zone2={zone2Content} />\n                </div>\n                <div className=\"hidden md:block\">\n                  <CollapsibleZoneLayout\n                    pageType=\"person-v2\"\n                    entityName={personName}\n                    isDirty={isDirty}\n                    sections={zoneSections}\n                    zone1={zone1Content}\n                    zone2={zone2Content}\n                  />\n                </div>\n              </>\n            )\n          })()}\n\n          {/* UMES footer injection */}\n          <InjectionSpot spotId=\"detail:customers.person:footer\" context={injectionContext} data={data} />\n\n          {/* Schedule Activity Dialog \u2014 opened from PlannedActivities \"+ Schedule\" or other triggers */}\n          <ScheduleActivityDialog\n            open={scheduleDialogOpen}\n            onClose={() => { setScheduleDialogOpen(false); setScheduleEditData(null) }}\n            entityId={personId}\n            entityName={personName}\n            companyName={scheduleDialogCompanyName}\n            entityType=\"person\"\n            onActivityCreated={handleActivityCreated}\n            editData={scheduleEditData}\n          />\n          {ConfirmDialogElement}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AAkPY,SA4TE,UA5TF,KA+MU,YA/MV;AAhPZ,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,WAAW,uBAAuB;AAC3C,SAAS,MAAM,MAAM,OAAO,iBAAiB;AAC7C,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,6BAAyD;AAClE,SAAS,YAAY,kBAAkB;AAEvC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,SAAS;AAClB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,kCAAkC;AAC3C,SAAS,cAAc;AACvB,SAAS,oBAAoB,cAAc,sBAA0C;AACrF,SAAS,wBAAwB;AACjC,SAAS,eAAe,2BAA2B;AACnD,SAAS,0BAA0B;AACnC,SAAS,oCAAoC;AAE7C,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,8BAA6D;AACtE,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,wBAA0C;AACrE,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AACnC,SAAS,+BAA+B;AAExC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,mBAAmB,+BAA+B;AAE5C,SAAR,mBAAoC,EAAE,OAAO,GAAiC;AACnF,QAAM,KAAK,QAAQ;AACnB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,eAAe,IAAI,2BAA2B;AACtD,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAE3D,QAAM,mBAAmB,MAAM,QAAQ,MAAM,6BAA6B,CAAC,GAAG,CAAC,CAAC,CAAC;AAGjF,QAAM,aAAa,MAAM,QAAQ,MAAM,uBAAuB,GAAG,CAAC,CAAC;AACnE,QAAM,SAAS,MAAM,QAAQ,MAAM,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjE,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAgC,IAAI;AAClE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAG5D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,iBAAiB,MAAM,OAAuB,IAAI;AAExD,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,WAAO,iBAAiB,cAAc,IAAI,KAAK,CAAC;AAAA,EAClD,GAAG,CAAC,YAAY,CAAC;AACjB,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAsB,UAAU;AACxE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAA+B,IAAI;AACnF,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAA0C,IAAI;AACpG,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,CAAC;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,CAAC;AAElD,QAAM,kBAAkB,MAAM,QAAQ,MAAM;AAC5C,QAAM,oBAAoB,MAAM;AAAA,IAC9B,MAAO,kBAAkB,mBAAmB,eAAe,KAAK,mBAAmB,MAAM,SAAS;AAAA,IAClG,CAAC,iBAAiB,EAAE;AAAA,EACtB;AACA,QAAM,EAAE,aAAa,kBAAkB,IAAI,mBAOxC;AAAA,IACD,WAAW;AAAA,IACX,gBAAgB,EAAE,8BAA8B,4BAA4B;AAAA,EAC9E,CAAC;AACD,QAAM,oBAAoB,kBAAkB,MAAM,QAAQ,WAAW;AACrE,QAAM,aAAa,kBAAkB,KAAK,EAAE,SACxC,oBACA,EAAE,4CAA4C,aAAa;AAE/D,QAAM,6BAA6B,kBAAkB,KAAK,EAAE,SACxD,kBAAkB,KAAK,IACvB;AAEJ,QAAM,4BAA4B;AAAA,IAChC,MAAM,SAAS,eAAe,MAAM,YAAY,CAAC,GAAG,eAAe;AAAA,EACrE;AAEA,QAAM,SAAS,MAAM;AAAA,IACnB,MAAM,+BAA+B,GAAG,EAAE,YAAY,2BAA2B,CAAC;AAAA,IAClF,CAAC,GAAG,0BAA0B;AAAA,EAChC;AAEA,QAAM,eAAe,MAAM,QAAiC,MAAM;AAAA,IAChE,EAAE,IAAI,gBAAgB,MAAM,MAAM,OAAO,EAAE,6CAA6C,eAAe,EAAE;AAAA,IACzG,EAAE,IAAI,eAAe,MAAM,WAAW,OAAO,EAAE,4CAA4C,gBAAgB,EAAE;AAAA,IAC7G,EAAE,IAAI,gBAAgB,MAAM,MAAM,OAAO,EAAE,iDAAiD,mBAAmB,EAAE;AAAA,IACjH,EAAE,IAAI,SAAS,MAAM,OAAO,OAAO,EAAE,sCAAsC,UAAU,EAAE;AAAA,EACzF,GAAG,CAAC,CAAC,CAAC;AAGN,QAAM,qBAAqB,MAAM,OAAO,KAAK;AAC7C,QAAM,WAAW,MAAM,YAAY,YAAY;AAC7C,QAAI,CAAC,IAAI;AACP,eAAS,EAAE,0CAA0C,mBAAmB,CAAC;AACzE,mBAAa,KAAK;AAClB;AAAA,IACF;AACA,QAAI,CAAC,mBAAmB,SAAS;AAC/B,mBAAa,IAAI;AAAA,IACnB;AACA,aAAS,IAAI;AACb,QAAI;AACF,YAAM,UAAU,MAAM;AAAA,QACpB,yBAAyB,mBAAmB,EAAE,CAAC;AAAA,QAC/C;AAAA,QACA,EAAE,cAAc,EAAE,sCAAsC,wBAAwB,EAAE;AAAA,MACpF;AACA,cAAQ,OAAyB;AAAA,IACnC,SAAS,KAAK;AACZ,YAAM,UAAU,eAAe,QAAQ,IAAI,UAAU,EAAE,sCAAsC,wBAAwB;AACrH,eAAS,OAAO;AAChB,UAAI,CAAC,mBAAmB,QAAS,SAAQ,IAAI;AAAA,IAC/C,UAAE;AACA,mBAAa,KAAK;AAClB,yBAAmB,UAAU;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,IAAI,CAAC,CAAC;AAEV,QAAM,UAAU,MAAM;AACpB,aAAS,EAAE,MAAM,CAAC,QAAQ,QAAQ,KAAK,+BAA+B,GAAG,CAAC;AAAA,EAC5E,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,UAAU,MAAM;AACpB,iBAAa,MAAM,QAAQ,SAAS,CAAC;AAAA,EACvC,GAAG,CAAC,MAAM,QAAQ,KAAK,CAAC;AAExB,QAAM,wBAAwB,MAAM,YAAY,MAAM;AACpD,0BAAsB,CAAC,MAAM,IAAI,CAAC;AAClC,aAAS,EAAE,MAAM,CAAC,QAAQ,QAAQ,KAAK,4CAA4C,GAAG,CAAC;AAAA,EACzF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,oBAAoB,MAAM,QAAQ,MAAM;AAC5C,WAAO,MAAM,4BAA4B,CAAC;AAAA,EAC5C,GAAG,CAAC,MAAM,wBAAwB,CAAC;AAGnC,QAAM,mBAAmB,MAAM;AAAA,IAC7B,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,cAAc;AAAA,MACd,YAAY,oBAAoB,MAAM;AAAA,MACtC;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,MAAM,IAAI,mBAAmB,iBAAiB;AAAA,EAClE;AACA,QAAM,yBAAyB,MAAM;AAAA,IACnC,OAAW,WAA6B,oBAA0D;AAChG,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB,WAAW;AAAA,EAChC;AAEA,QAAM,EAAE,qBAAqB,gBAAgB,mBAAmB,qBAAqB,IAAI,wBAAwB;AAAA,IAC/G;AAAA,IACA,eAAe;AAAA,IACf,YAAY;AAAA,EACd,CAAC;AAED,QAAM,qBAAqB,MAAM,YAAY,CAAC,aAAyJ;AACrM,UAAM,MAAM;AACZ,UAAM,gBAAgB,OAAO,IAAI,aAAa,WAC1C,IAAI,WACJ,OAAO,IAAI,oBAAoB,WAC7B,IAAI,kBACJ;AACN,wBAAoB;AAAA,MAClB,IAAI,SAAS;AAAA,MACb,iBAAiB,OAAO,SAAS,oBAAoB,WAAW,SAAS,kBAAkB;AAAA,MAC3F,OAAO,OAAO,SAAS,UAAU,WAAW,SAAS,QAAQ;AAAA,MAC7D,MAAM,OAAO,SAAS,SAAS,WAAW,SAAS,OAAO;AAAA,MAC1D,aAAa,OAAO,SAAS,gBAAgB,WAAW,SAAS,cAAc;AAAA,MAC/E,iBAAiB;AAAA,MACjB,UAAU,OAAO,IAAI,aAAa,WAAW,IAAI,WAAqB;AAAA,MACtE,QAAQ,OAAO,IAAI,WAAW,YAAY,IAAI,SAAoB;AAAA,MAClE,gBAAgB,OAAO,IAAI,mBAAmB,WAAW,IAAI,iBAA2B;AAAA,MACxF,eAAe,OAAO,IAAI,kBAAkB,WAAW,IAAI,gBAA0B;AAAA,MACrF,cAAc,MAAM,QAAQ,IAAI,YAAY,IAAI,IAAI,eAA2D;AAAA,MAC/G,iBAAiB,OAAO,IAAI,oBAAoB,WAAW,IAAI,kBAA4B;AAAA,MAC3F,YAAY,OAAO,IAAI,eAAe,WAAW,IAAI,aAAuB;AAAA,MAC5E,gBAAgB,MAAM,QAAQ,IAAI,cAAc,IAAI,IAAI,iBAA+D;AAAA,MACvH,kBAAkB,IAAI,oBAAoB,OAAO,IAAI,qBAAqB,WACtE,IAAI,mBACJ;AAAA,IACN,CAAC;AACD,0BAAsB,IAAI;AAAA,EAC5B,GAAG,CAAC,CAAC;AAGL,QAAM,EAAE,SAAS,mBAAmB,IAAI,oBAAoB,gCAAgC;AAAA,IAC1F,SAAS;AAAA,IACT,eAAe;AAAA,EACjB,CAAC;AAED,QAAM,eAAe,MAAM;AAAA,IACzB,OACG,sBAAsB,CAAC,GACrB,OAAO,CAAC,YAAY,OAAO,WAAW,QAAQ,WAAW,KAAK,EAC9D,IAAI,CAAC,WAAW;AACf,YAAM,QAAQ,OAAO,WAAW,WAAW,OAAO;AAClD,YAAM,QAAQ,OAAO,WAAW,cAAc,OAAO,OAAO,SAAS,SAAS;AAC9E,YAAM,WAAW,OAAO,OAAO,WAAW,aAAa,WAAW,OAAO,UAAU,WAAW;AAC9F,YAAM,SAAS,MACb;AAAA,QAAC,OAAO,OAAO;AAAA,QAAd;AAAA,UACC,SAAS;AAAA,UACT;AAAA,UACA,cAAc,CAAC,SAAkB,QAAQ,IAAsB;AAAA;AAAA,MACjE;AAEF,aAAO,EAAE,IAAI,OAAO,OAAO,UAAU,OAAO;AAAA,IAC9C,CAAC,EACA,KAAK,CAAC,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ;AAAA,IAC3C,CAAC,MAAM,oBAAoB,gBAAgB;AAAA,EAC7C;AAEA,QAAM,iBAAiB,MAAM,QAAQ,MAAM,IAAI,IAAI,aAAa,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,IAAI,MAAM,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;AAGnH,QAAM,mBAAmB,MAAM,YAAY,CAAC,aAA2B;AACrE,YAAQ,CAAC,SAAU,OAAO,EAAE,GAAG,MAAM,MAAM,SAAS,IAAI,IAAK;AAAA,EAC/D,GAAG,CAAC,CAAC;AACL,QAAM,2BAA2B,MAAM,OAAqC,IAAI;AAGhF,QAAM,4BAA4B,MAAM,YAAY,CAAC,WAAiC;AACpF,qBAAiB,CAAC,SAAU,WAAW,OAAO,SAAS,IAAK;AAAA,EAC9D,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,MAAM;AACpB,qBAAiB,IAAI;AAAA,EACvB,GAAG,CAAC,SAAS,CAAC;AAGd,QAAM,aAAa,MAAM;AAAA,IACvB,MAAO,kBAAmB,EAAE,MAAM,UAAU,UAAU,gBAAgB,IAAc;AAAA,IACpF,CAAC,eAAe;AAAA,EAClB;AAEA,QAAM,gBAAgB,MAAM;AAAA,IAC1B,MAAO,OAAO,8BAA8B,IAAI,IAAI;AAAA,IACpD,CAAC,IAAI;AAAA,EACP;AAGA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,OAAO,WAAiC;AACtC,kBAAY,IAAI;AAChB,UAAI;AACF,cAAM,yBAAyB,SAAS,MAAM;AAE9C,YAAI;AACJ,YAAI;AACF,oBAAU,uBAAuB,QAAQ,cAAc;AAAA,QACzD,SAAS,KAAK;AACZ,cAAI,eAAe,SAAS,IAAI,YAAY,yBAAyB;AACnE,kBAAM,UAAU,EAAE,yCAAyC;AAC3D,kBAAM,oBAAoB,SAAS,EAAE,aAAa,QAAQ,CAAC;AAAA,UAC7D;AACA,gBAAM;AAAA,QACR;AAEA,cAAM,WAAW,oBAAoB,OAAO;AAC5C,cAAM,EAAE,uCAAuC,iBAAiB,GAAG,SAAS;AAC5E,cAAM,SAAS;AAAA,MACjB,UAAE;AACA,oBAAY,KAAK;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,UAAU,gBAAgB,CAAC;AAAA,EAC9B;AAEA,QAAM,mBAAmB,MAAM;AAAA,IAC7B,YAAY;AACV,YAAMA,YAAW,MAAM,QAAQ,MAAM;AACrC,UAAI,CAACA,UAAU;AACf,YAAM,WAAW,MAAM,QAAQ;AAAA,QAC7B,OAAO,EAAE,8CAA8C,gBAAgB;AAAA,QACvE,aAAa,EAAE,oDAAoD,+BAA+B;AAAA,QAClG,aAAa,EAAE,0CAA0C,QAAQ;AAAA,QACjE,YAAY,EAAE,0CAA0C,QAAQ;AAAA,QAChE,SAAS;AAAA,MACX,CAAC;AACD,UAAI,CAAC,SAAU;AACf,YAAM;AAAA,QACJ,MAAM,WAAW,oBAAoB,EAAE,IAAIA,UAAS,CAAC;AAAA,QACrD,EAAE,IAAIA,WAAU,WAAW,eAAe;AAAA,MAC5C;AACA,YAAM,EAAE,uCAAuC,iBAAiB,GAAG,SAAS;AAC5E,aAAO,KAAK,2BAA2B;AAAA,IACzC;AAAA,IACA,CAAC,SAAS,MAAM,QAAQ,IAAI,QAAQ,wBAAwB,CAAC;AAAA,EAC/D;AAEA,QAAM,mBAAmB,MAAM,YAAY,MAAM;AAC/C,UAAM,OAAO,eAAe,SAAS,cAAc,MAAM;AACzD,QAAI,KAAM,MAAK,cAAc;AAAA,EAC/B,GAAG,CAAC,CAAC;AAGL,QAAM,mBAAmB,MAAM,QAAQ,cAAc;AACrD,QAAM,YAAY,MAAM,QAAQ,SAAS;AACzC,QAAM,eAAe,MAAM,QAAQ,cAAc,MAAM,WAAW,WAAW,MAAM,UAAU,IAAI;AAGjG,MAAI,WAAW;AACb,WACE,oBAAC,QACC,8BAAC,YACC,8BAAC,kBAAe,OAAO,EAAE,mCAAmC,sBAAiB,GAAG,GAClF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,MAAM,QAAQ,MAAM,CAAC,eAAe;AAChD,WACE,oBAAC,QACC,8BAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,EAAE,0CAA0C,mBAAmB;AAAA,QAC/E,QACE,oBAAC,UAAO,SAAO,MAAC,SAAQ,WACtB,8BAAC,QAAK,MAAK,6BACR,YAAE,8CAA8C,gBAAgB,GACnE,GACF;AAAA;AAAA,IAEJ,GACF,GACF;AAAA,EAEJ;AAEA,QAAM,WAAW,KAAK,OAAO;AAC7B,QAAM,2BAA2B,KAAK,oBAAoB;AAE1D,SACE,oBAAC,QACC,8BAAC,YACC,+BAAC,SAAI,WAAU,aAEb;AAAA,wBAAC,iBAAc,QAAO,kCAAiC,SAAS,kBAAkB,MAAY;AAAA,IAC9F,oBAAC,iBAAc,QAAO,yCAAwC,SAAS,kBAAkB,MAAY;AAAA,IAGrG;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,QACR,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,oBAAoB,MAAM,aAAa,WAAW;AAAA,QAClD,cAAc,MAAM;AAAE,mBAAS,EAAE,MAAM,CAAC,QAAQ,QAAQ,KAAK,mCAAmC,GAAG,CAAC;AAAA,QAAE;AAAA,QACtG,cAAc,CAAC,cAAc;AAC3B,gBAAM,cAAsC;AAAA,YAC1C,cAAc;AAAA,YACd,cAAc;AAAA,UAChB;AACA,gBAAM,WAAW,YAAY,SAAS;AACtC,gBAAM,QAAQ,WAAW,eAAe,SAAS,cAAgC,QAAQ,IAAI;AAC7F,cAAI,OAAO;AACT,kBAAM,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAC5D,kCAAsB,MAAM,MAAM,MAAM,CAAC;AAAA,UAC3C;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KAGE,MAAM;AACN,YAAM,eACJ,oBAAC,SAAI,KAAK,gBACR;AAAA,QAAC;AAAA;AAAA,UACC,UAAQ;AAAA,UACR,wBAAsB;AAAA,UACtB,iBAAgB;AAAA,UAChB,WAAW,CAAC,EAAE,UAAU,iBAAiB,EAAE,UAAU,uBAAuB;AAAA,UAC5E,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA,UAAU;AAAA,UACV,UAAU;AAAA,UACV,mBAAiB;AAAA,UACjB,mBAAmB,EAAE,UAAU,aAAa,iBAAiB,OAAO;AAAA,UACpE,gBAAgB,EAAE,UAAU,YAAY;AAAA,UACxC,eAAe;AAAA;AAAA,MACjB,GACF;AAEF,YAAM,eACJ;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,aAAa;AAAA,UACb,cAAc,aAAa,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,IAAI,OAAO,IAAI,MAAM,EAAE;AAAA,UAC1E,iBAAiB;AAAA,UACjB,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,YAAY;AAAA,UACZ;AAAA,UAEA,8BAAC,SAAI,WAAU,WACb,iBAAM;AAEN,kBAAM,WAAW,eAAe,IAAI,SAAS;AAC7C,gBAAI,SAAU,QAAO,SAAS;AAE9B,gBAAI,cAAc,cAAc;AAC9B,qBACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,YAAW;AAAA,oBACX,UAAU;AAAA,oBACV,mBAAmB;AAAA,oBACnB,oBAAoB;AAAA,oBACpB,qBAAqB,MAAM;AAAE,0CAAoB,IAAI;AAAG,4CAAsB,IAAI;AAAA,oBAAE;AAAA,oBACpF;AAAA;AAAA,gBACF;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,YAAY;AAAA,oBACZ,YAAY;AAAA,oBACZ,YAAY,MAAM;AAAE,0CAAoB,IAAI;AAAG,4CAAsB,IAAI;AAAA,oBAAE;AAAA,oBAC3E,QAAQ;AAAA,oBACR,UAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,UAAU;AAAA,oBACV,YAAY;AAAA,oBACZ;AAAA,oBACA,oBAAoB;AAAA,oBACpB,eAAe;AAAA,oBACf,YAAY;AAAA,oBACZ,gBAAgB,EAAE,0CAA0C,cAAc;AAAA,oBAC1E,YAAY;AAAA,sBACV,OAAO,EAAE,uDAAuD,0BAA0B;AAAA,sBAC1F,aAAa,EAAE,wDAAwD,cAAc;AAAA,oBACvF;AAAA,oBACA,gBAAgB;AAAA,oBAChB,gBAAgB;AAAA;AAAA,gBAClB;AAAA,iBACF;AAAA,YAEJ;AAEA,gBAAI,cAAc,SAAS;AACzB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,kBACP,YAAY,EAAE,uCAAuC,iCAAiC;AAAA,kBACtF,gBAAgB,EAAE,2CAA2C,UAAU;AAAA,kBACvE,YAAY;AAAA,oBACV,OAAO,EAAE,kDAAkD,cAAc;AAAA,oBACzE,aAAa,EAAE,mDAAmD,eAAe;AAAA,kBACnF;AAAA,kBACA,gBAAgB;AAAA,kBAChB,YAAY;AAAA,kBACZ,oBAAoB;AAAA,kBACpB,cAAc,CAAC,UAAU,aAAa,CAAC,YAAY,KAAK,IAAI,GAAG,UAAU,KAAK,CAAC;AAAA;AAAA,cACjF;AAAA,YAEJ;AAEA,gBAAI,cAAc,aAAa;AAC7B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA,wBAAwB,MAAM,aAAa,CAAC;AAAA,kBAC5C,WAAW;AAAA,kBACX,oBAAoB;AAAA;AAAA,cACtB;AAAA,YAEJ;AAEA,gBAAI,cAAc,SAAS;AACzB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU;AAAA,kBACV,cAAc,CAAC;AAAA,kBACf;AAAA,kBACA,oBAAoB;AAAA,kBACpB,eAAe;AAAA,kBACf,YAAY,EAAE,uCAAuC,iCAAiC;AAAA,kBACtF,gBAAgB,EAAE,qCAAqC,UAAU;AAAA,kBACjE,YAAY;AAAA,oBACV,OAAO,EAAE,kDAAkD,wBAAwB;AAAA,oBACnF,aAAa,EAAE,mDAAmD,aAAa;AAAA,kBACjF;AAAA,kBACA,gBAAgB;AAAA,kBAChB,YAAY;AAAA,kBACZ,YAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,uBAAsB;AAAA;AAAA,cACxB;AAAA,YAEJ;AAEA,gBAAI,cAAc,SAAS;AACzB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAU,EAAE,UAAU;AAAA,kBACtB,UAAU;AAAA,kBACV,OAAO,EAAE,sCAAsC,OAAO;AAAA,kBACtD,aAAa,EAAE,0CAA0C,gDAAgD;AAAA;AAAA,cAC3G;AAAA,YAEJ;AAEA,gBAAI,cAAc,aAAa;AAC7B,qBAAO,oBAAC,gBAAa,UAAU,UAAU,YAAW,UAAS;AAAA,YAC/D;AAEA,mBAAO;AAAA,UACT,GAAG,GACH;AAAA;AAAA,MACF;AAEF,aACE,iCACE;AAAA,4BAAC,SAAI,WAAU,aACb,8BAAC,sBAAmB,OAAO,cAAc,OAAO,cAAc,GAChE;AAAA,QACA,oBAAC,SAAI,WAAU,mBACb;AAAA,UAAC;AAAA;AAAA,YACC,UAAS;AAAA,YACT,YAAY;AAAA,YACZ;AAAA,YACA,UAAU;AAAA,YACV,OAAO;AAAA,YACP,OAAO;AAAA;AAAA,QACT,GACF;AAAA,SACF;AAAA,IAEJ,GAAG;AAAA,IAGH,oBAAC,iBAAc,QAAO,kCAAiC,SAAS,kBAAkB,MAAY;AAAA,IAG9F;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,SAAS,MAAM;AAAE,gCAAsB,KAAK;AAAG,8BAAoB,IAAI;AAAA,QAAE;AAAA,QACzE,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,YAAW;AAAA,QACX,mBAAmB;AAAA,QACnB,UAAU;AAAA;AAAA,IACZ;AAAA,IACC;AAAA,KACH,GACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { User, Hash, Users, Building2 } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { CollapsibleZoneLayout, type ZoneSectionDescriptor } from '@open-mercato/ui/backend/crud/CollapsibleZoneLayout'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeDetail } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { AttachmentsSection, ErrorMessage, LoadingMessage, type SectionAction } from '@open-mercato/ui/backend/detail'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { InjectionSpot, useInjectionWidgets } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\n\nimport { ActivitiesSection } from '../../../../components/detail/ActivitiesSection'\nimport { ActivitiesCard } from '../../../../components/detail/ActivitiesCard'\nimport type { ActivityKind } from '../../../../components/detail/ActivitiesAddNewMenu'\nimport { DealsSection } from '../../../../components/detail/DealsSection'\nimport { TasksSection } from '../../../../components/detail/TasksSection'\nimport type { TagSummary } from '../../../../components/detail/types'\nimport { ScheduleActivityDialog, type ScheduleActivityEditData } from '../../../../components/detail/ScheduleActivityDialog'\nimport { PersonDetailHeader } from '../../../../components/detail/PersonDetailHeader'\nimport { ChangelogTab } from '../../../../components/detail/ChangelogTab'\nimport { PersonDetailTabs, resolveLegacyTab, type PersonTabId } from '../../../../components/detail/PersonDetailTabs'\nimport { PersonCompaniesSection } from '../../../../components/detail/PersonCompaniesSection'\nimport { MobilePersonDetail } from '../../../../components/detail/MobilePersonDetail'\nimport type { TagsSectionController } from '@open-mercato/ui/backend/detail'\nimport {\n  buildPersonEditPayload,\n  createPersonEditFields,\n  createPersonPersonalDataGroups,\n  createPersonEditSchema,\n  mapPersonOverviewToFormValues,\n  type PersonEditFormValues,\n  type PersonOverview,\n} from '../../../../components/formConfig'\nimport { coerceDisplayName, coerceDisplayNameOrNull } from '../../../../lib/displayName'\n\nexport default function PersonDetailV2Page({ params }: { params?: { id?: string } }) {\n  const id = params?.id\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { organizationId } = useOrganizationScopeDetail()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n\n\n  const formSchema = React.useMemo(() => createPersonEditSchema(), [])\n  const fields = React.useMemo(() => createPersonEditFields(t), [t])\n\n  const [data, setData] = React.useState<PersonOverview | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  // Form state lifted for header Save button\n  const [isDirty, setIsDirty] = React.useState(false)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const formWrapperRef = React.useRef<HTMLDivElement>(null)\n\n  const initialTab = React.useMemo(() => {\n    return resolveLegacyTab(searchParams?.get('tab'))\n  }, [searchParams])\n  const [activeTab, setActiveTab] = React.useState<PersonTabId>(initialTab)\n  const [sectionAction, setSectionAction] = React.useState<SectionAction | null>(null)\n  const [scheduleDialogOpen, setScheduleDialogOpen] = React.useState(false)\n  const [scheduleEditData, setScheduleEditData] = React.useState<ScheduleActivityEditData | null>(null)\n  const [activityRefreshKey, setActivityRefreshKey] = React.useState(0)\n  const [dealCount, setDealCount] = React.useState(0)\n\n  const currentPersonId = data?.person?.id ?? null\n  const mutationContextId = React.useMemo(\n    () => (currentPersonId ? `customer-person:${currentPersonId}` : `customer-person:${id ?? 'pending'}`),\n    [currentPersonId, id],\n  )\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    personId?: string | null\n    resourceKind: string\n    resourceId?: string\n    data: PersonOverview | null\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const personDisplayName = coerceDisplayName(data?.person?.displayName)\n  const personName = personDisplayName.trim().length\n    ? personDisplayName\n    : t('customers.people.list.deleteFallbackName', 'this person')\n\n  const personDisplayNameForGroups = personDisplayName.trim().length\n    ? personDisplayName.trim()\n    : null\n\n  const scheduleDialogCompanyName = coerceDisplayNameOrNull(\n    data?.company?.displayName ?? data?.companies?.[0]?.displayName ?? null,\n  )\n\n  const groups = React.useMemo(\n    () => createPersonPersonalDataGroups(t, { entityName: personDisplayNameForGroups }),\n    [t, personDisplayNameForGroups],\n  )\n\n  const zoneSections = React.useMemo<ZoneSectionDescriptor[]>(() => [\n    { id: 'personalData', icon: User, label: t('customers.people.form.groups.personalData', 'Personal data') },\n    { id: 'companyRole', icon: Building2, label: t('customers.people.form.groups.companyRole', 'Company & role') },\n    { id: 'customFields', icon: Hash, label: t('customers.people.form.groups.customAttributes', 'Custom attributes') },\n    { id: 'roles', icon: Users, label: t('customers.people.form.groups.roles', 'My roles') },\n  ], [t])\n\n  // Data loading\n  const initialLoadDoneRef = React.useRef(false)\n  const loadData = React.useCallback(async () => {\n    if (!id) {\n      setError(t('customers.people.detail.error.notFound', 'Person not found.'))\n      setIsLoading(false)\n      return\n    }\n    if (!initialLoadDoneRef.current) {\n      setIsLoading(true)\n    }\n    setError(null)\n    try {\n      const payload = await readApiResultOrThrow<PersonOverview>(\n        `/api/customers/people/${encodeURIComponent(id)}`,\n        undefined,\n        { errorMessage: t('customers.people.detail.error.load', 'Failed to load person.') },\n      )\n      setData(payload as PersonOverview)\n    } catch (err) {\n      const message = err instanceof Error ? err.message : t('customers.people.detail.error.load', 'Failed to load person.')\n      setError(message)\n      if (!initialLoadDoneRef.current) setData(null)\n    } finally {\n      setIsLoading(false)\n      initialLoadDoneRef.current = true\n    }\n  }, [id, t])\n\n  React.useEffect(() => {\n    loadData().catch((err) => console.warn('[people-v2] loadData failed', err))\n  }, [loadData])\n\n  React.useEffect(() => {\n    setDealCount(data?.counts?.deals ?? 0)\n  }, [data?.counts?.deals])\n\n  const handleActivityCreated = React.useCallback(() => {\n    setActivityRefreshKey((k) => k + 1)\n    loadData().catch((err) => console.warn('[people-v2] reload after activity failed', err))\n  }, [loadData])\n\n  const plannedActivities = React.useMemo(() => {\n    return data?.plannedActivitiesPreview ?? []\n  }, [data?.plannedActivitiesPreview])\n\n  // Injection context for UMES\n  const injectionContext = React.useMemo(\n    () => ({\n      formId: mutationContextId,\n      personId: currentPersonId,\n      resourceKind: 'customers.person',\n      resourceId: currentPersonId ?? (id ?? undefined),\n      data,\n      retryLastMutation,\n    }),\n    [currentPersonId, data, id, mutationContextId, retryLastMutation],\n  )\n  const runMutationWithContext = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      return runMutation({\n        operation,\n        mutationPayload,\n        context: injectionContext,\n      })\n    },\n    [injectionContext, runMutation],\n  )\n\n  const handleAddActivity = React.useCallback((kind: ActivityKind) => {\n    setScheduleEditData({\n      id: '',\n      interactionType: kind,\n      title: null,\n      body: null,\n      scheduledAt: null,\n      durationMinutes: null,\n      location: null,\n      allDay: null,\n      recurrenceRule: null,\n      recurrenceEnd: null,\n      participants: null,\n      reminderMinutes: null,\n      visibility: null,\n      linkedEntities: null,\n      guestPermissions: null,\n    })\n    setScheduleDialogOpen(true)\n  }, [])\n\n  const handleEditActivity = React.useCallback((activity: { id: string; interactionType?: string; title?: string | null; body?: string | null; scheduledAt?: string | null; [key: string]: unknown }) => {\n    const raw = activity as Record<string, unknown>\n    const durationValue = typeof raw.duration === 'number'\n      ? raw.duration\n      : typeof raw.durationMinutes === 'number'\n        ? raw.durationMinutes as number\n        : null\n    setScheduleEditData({\n      id: activity.id,\n      interactionType: typeof activity.interactionType === 'string' ? activity.interactionType : undefined,\n      title: typeof activity.title === 'string' ? activity.title : null,\n      body: typeof activity.body === 'string' ? activity.body : null,\n      scheduledAt: typeof activity.scheduledAt === 'string' ? activity.scheduledAt : null,\n      durationMinutes: durationValue,\n      location: typeof raw.location === 'string' ? raw.location as string : null,\n      allDay: typeof raw.allDay === 'boolean' ? raw.allDay as boolean : null,\n      recurrenceRule: typeof raw.recurrenceRule === 'string' ? raw.recurrenceRule as string : null,\n      recurrenceEnd: typeof raw.recurrenceEnd === 'string' ? raw.recurrenceEnd as string : null,\n      participants: Array.isArray(raw.participants) ? raw.participants as ScheduleActivityEditData['participants'] : null,\n      reminderMinutes: typeof raw.reminderMinutes === 'number' ? raw.reminderMinutes as number : null,\n      visibility: typeof raw.visibility === 'string' ? raw.visibility as string : null,\n      linkedEntities: Array.isArray(raw.linkedEntities) ? raw.linkedEntities as ScheduleActivityEditData['linkedEntities'] : null,\n      guestPermissions: raw.guestPermissions && typeof raw.guestPermissions === 'object'\n        ? raw.guestPermissions as ScheduleActivityEditData['guestPermissions']\n        : null,\n    })\n    setScheduleDialogOpen(true)\n  }, [])\n\n  // Injected tabs from UMES\n  const { widgets: injectedTabWidgets } = useInjectionWidgets('detail:customers.person:tabs', {\n    context: injectionContext,\n    triggerOnLoad: true,\n  })\n\n  const injectedTabs = React.useMemo(\n    () =>\n      (injectedTabWidgets ?? [])\n        .filter((widget) => (widget.placement?.kind ?? 'tab') === 'tab')\n        .map((widget) => {\n          const tabId = widget.placement?.groupId ?? widget.widgetId\n          const label = widget.placement?.groupLabel ?? widget.module.metadata.title ?? tabId\n          const priority = typeof widget.placement?.priority === 'number' ? widget.placement.priority : 0\n          const render = () => (\n            <widget.module.Widget\n              context={injectionContext}\n              data={data}\n              onDataChange={(next: unknown) => setData(next as PersonOverview)}\n            />\n          )\n          return { id: tabId, label, priority, render }\n        })\n        .sort((a, b) => b.priority - a.priority),\n    [data, injectedTabWidgets, injectionContext],\n  )\n\n  const injectedTabMap = React.useMemo(() => new Map(injectedTabs.map((tab) => [tab.id, tab.render])), [injectedTabs])\n\n  // Tags\n  const handleTagsChange = React.useCallback((nextTags: TagSummary[]) => {\n    setData((prev) => (prev ? { ...prev, tags: nextTags } : prev))\n  }, [])\n  const tagsSectionControllerRef = React.useRef<TagsSectionController | null>(null)\n\n  // Section action (for tabs that expose add/create buttons)\n  const handleSectionActionChange = React.useCallback((action: SectionAction | null) => {\n    setSectionAction((prev) => (action !== null ? action : prev))\n  }, [])\n\n  React.useEffect(() => {\n    setSectionAction(null)\n  }, [activeTab])\n\n  // Deals scope\n  const dealsScope = React.useMemo(\n    () => (currentPersonId ? ({ kind: 'person', entityId: currentPersonId } as const) : null),\n    [currentPersonId],\n  )\n\n  const initialValues = React.useMemo(\n    () => (data ? mapPersonOverviewToFormValues(data) : undefined),\n    [data],\n  )\n\n  // Form submit/delete\n  const handleFormSubmit = React.useCallback(\n    async (values: PersonEditFormValues) => {\n      setIsSaving(true)\n      try {\n        await tagsSectionControllerRef.current?.flush()\n\n        let payload: Record<string, unknown>\n        try {\n          payload = buildPersonEditPayload(values, organizationId)\n        } catch (err) {\n          if (err instanceof Error && err.message === 'DISPLAY_NAME_REQUIRED') {\n            const message = t('customers.people.form.displayName.error')\n            throw createCrudFormError(message, { displayName: message })\n          }\n          throw err\n        }\n\n        await updateCrud('customers/people', payload)\n        flash(t('customers.people.form.updateSuccess', 'Person updated.'), 'success')\n        await loadData()\n      } finally {\n        setIsSaving(false)\n      }\n    },\n    [loadData, organizationId, t],\n  )\n\n  const handleFormDelete = React.useCallback(\n    async () => {\n      const personId = data?.person?.id ?? ''\n      if (!personId) return\n      const approved = await confirm({\n        title: t('customers.people.detail.deleteConfirmTitle', 'Delete person?'),\n        description: t('customers.people.detail.deleteConfirmDescription', 'This action cannot be undone.'),\n        confirmText: t('customers.people.detail.actions.delete', 'Delete'),\n        cancelText: t('customers.people.detail.actions.cancel', 'Cancel'),\n        variant: 'destructive',\n      })\n      if (!approved) return\n      await runMutationWithContext(\n        () => deleteCrud('customers/people', { id: personId }),\n        { id: personId, operation: 'deletePerson' },\n      )\n      flash(t('customers.people.list.deleteSuccess', 'Person deleted.'), 'success')\n      router.push('/backend/customers/people')\n    },\n    [confirm, data?.person?.id, router, runMutationWithContext, t],\n  )\n\n  const handleHeaderSave = React.useCallback(() => {\n    const form = formWrapperRef.current?.querySelector('form')\n    if (form) form.requestSubmit()\n  }, [])\n\n  // Counts for tab badges\n  const interactionCount = data?.counts?.activities ?? 0\n  const todoCount = data?.counts?.todos ?? 0\n  const companyCount = data?.counts?.companies ?? (data?.companies?.length ?? (data?.company ? 1 : 0))\n\n  // Loading / error states\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('customers.people.detail.loading', 'Loading person\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data?.person?.id || !initialValues) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={error || t('customers.people.detail.error.notFound', 'Person not found.')}\n            action={(\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/customers/people\">\n                  {t('customers.people.detail.actions.backToList', 'Back to people')}\n                </Link>\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const personId = data.person.id\n  const useCanonicalInteractions = data.interactionMode === 'canonical'\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-4\">\n          {/* UMES header injection */}\n          <InjectionSpot spotId=\"detail:customers.person:header\" context={injectionContext} data={data} />\n          <InjectionSpot spotId=\"detail:customers.person:status-badges\" context={injectionContext} data={data} />\n\n          {/* Persistent person header */}\n          <PersonDetailHeader\n            data={data}\n            onTagsChange={handleTagsChange}\n            tagsSectionControllerRef={tagsSectionControllerRef}\n            onSave={handleHeaderSave}\n            onDelete={handleFormDelete}\n            isDirty={isDirty}\n            isSaving={isSaving}\n            onOpenCompaniesTab={() => setActiveTab('companies')}\n            onDataReload={() => { loadData().catch((err) => console.warn('[people-v2] onDataReload failed', err)) }}\n            onFocusField={(fieldName) => {\n              const selectorMap: Record<string, string> = {\n                primaryEmail: 'input[type=\"email\"]',\n                primaryPhone: 'input[type=\"tel\"]',\n              }\n              const selector = selectorMap[fieldName]\n              const input = selector ? formWrapperRef.current?.querySelector<HTMLInputElement>(selector) : null\n              if (input) {\n                input.scrollIntoView({ behavior: 'smooth', block: 'center' })\n                requestAnimationFrame(() => input.focus())\n              }\n            }}\n          />\n\n          {/* Zone content shared between desktop (CollapsibleZoneLayout) and mobile (MobilePersonDetail). */}\n          {(() => {\n            const zone1Content = (\n              <div ref={formWrapperRef}>\n                <CrudForm<PersonEditFormValues>\n                  embedded\n                  trackDirtyWhenEmbedded\n                  injectionSpotId=\"customers.person\"\n                  entityIds={[E.customers.customer_entity, E.customers.customer_person_profile]}\n                  schema={formSchema}\n                  fields={fields}\n                  groups={groups}\n                  initialValues={initialValues}\n                  onSubmit={handleFormSubmit}\n                  onDelete={handleFormDelete}\n                  hideFooterActions\n                  collapsibleGroups={{ pageType: 'person-v2', chevronPosition: 'left' }}\n                  sortableGroups={{ pageType: 'person-v2' }}\n                  onDirtyChange={setIsDirty}\n                />\n              </div>\n            )\n            const zone2Content = (\n              <PersonDetailTabs\n                activeTab={activeTab}\n                onTabChange={setActiveTab}\n                injectedTabs={injectedTabs.map((tab) => ({ id: tab.id, label: tab.label }))}\n                activitiesCount={interactionCount}\n                dealsCount={dealCount}\n                companiesCount={companyCount}\n                tasksCount={todoCount}\n                sectionAction={sectionAction}\n              >\n                <div className=\"min-w-0\">\n                {(() => {\n                  // Injected tab content\n                  const injected = injectedTabMap.get(activeTab)\n                  if (injected) return injected()\n\n                  if (activeTab === 'activities') {\n                    return (\n                      <div className=\"space-y-4\">\n                        <ActivitiesCard\n                          entityId={personId}\n                          plannedActivities={plannedActivities}\n                          refreshKey={activityRefreshKey}\n                          onAddNew={handleAddActivity}\n                          onEditActivity={handleEditActivity}\n                          entityCompanyName={data.company?.displayName ?? data.companies?.[0]?.displayName ?? null}\n                        />\n                        <ActivitiesSection\n                          entityId={personId}\n                          entityName={personName}\n                          useCanonicalInteractions={useCanonicalInteractions}\n                          runGuardedMutation={runMutationWithContext}\n                          onDataRefresh={handleActivityCreated}\n                          refreshKey={activityRefreshKey}\n                          addActionLabel={t('customers.people.detail.activities.add', 'Log activity')}\n                          emptyState={{\n                            title: t('customers.people.detail.emptyState.activities.title', 'No activities logged yet'),\n                            actionLabel: t('customers.people.detail.emptyState.activities.action', 'Log activity'),\n                          }}\n                          onActionChange={handleSectionActionChange}\n                          onEditActivity={handleEditActivity}\n                        />\n                      </div>\n                    )\n                  }\n\n                  if (activeTab === 'deals') {\n                    return (\n                      <DealsSection\n                        scope={dealsScope}\n                        emptyLabel={t('customers.people.detail.empty.deals', 'No deals linked to this person.')}\n                        addActionLabel={t('customers.people.detail.actions.addDeal', 'Add deal')}\n                        emptyState={{\n                          title: t('customers.people.detail.emptyState.deals.title', 'No deals yet'),\n                          actionLabel: t('customers.people.detail.emptyState.deals.action', 'Create a deal'),\n                        }}\n                        onActionChange={handleSectionActionChange}\n                        translator={detailTranslator}\n                        runGuardedMutation={runMutationWithContext}\n                        onCountDelta={(delta) => setDealCount((current) => Math.max(0, current + delta))}\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'companies') {\n                    return (\n                      <PersonCompaniesSection\n                        personId={personId}\n                        personName={personName}\n                        initialLinkedCompanies={data?.companies ?? []}\n                        onChanged={loadData}\n                        runGuardedMutation={runMutationWithContext}\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'tasks') {\n                    return (\n                      <TasksSection\n                        entityId={personId}\n                        initialTasks={[]}\n                        useCanonicalInteractions={useCanonicalInteractions}\n                        runGuardedMutation={runMutationWithContext}\n                        onDataRefresh={loadData}\n                        emptyLabel={t('customers.people.detail.empty.todos', 'No tasks linked to this person.')}\n                        addActionLabel={t('customers.people.detail.tasks.add', 'Add task')}\n                        emptyState={{\n                          title: t('customers.people.detail.emptyState.tasks.title', 'Plan what happens next'),\n                          actionLabel: t('customers.people.detail.emptyState.tasks.action', 'Create task'),\n                        }}\n                        onActionChange={handleSectionActionChange}\n                        translator={detailTranslator}\n                        entityName={personName}\n                        dialogContextKey=\"customers.people.detail.tasks.dialog.context\"\n                        dialogContextFallback=\"This task will be linked to {{name}}\"\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'files') {\n                    return (\n                      <AttachmentsSection\n                        entityId={E.customers.customer_entity}\n                        recordId={personId}\n                        title={t('customers.people.detail.tabs.files', 'Files')}\n                        description={t('customers.people.detail.files.subtitle', 'Upload and manage files linked to this person.')}\n                      />\n                    )\n                  }\n\n                  if (activeTab === 'changelog') {\n                    return <ChangelogTab entityId={personId} entityType=\"person\" />\n                  }\n\n                  return null\n                })()}\n                </div>\n              </PersonDetailTabs>\n            )\n            return (\n              <>\n                <div className=\"md:hidden\">\n                  <MobilePersonDetail zone1={zone1Content} zone2={zone2Content} />\n                </div>\n                <div className=\"hidden md:block\">\n                  <CollapsibleZoneLayout\n                    pageType=\"person-v2\"\n                    entityName={personName}\n                    isDirty={isDirty}\n                    sections={zoneSections}\n                    zone1={zone1Content}\n                    zone2={zone2Content}\n                  />\n                </div>\n              </>\n            )\n          })()}\n\n          {/* UMES footer injection */}\n          <InjectionSpot spotId=\"detail:customers.person:footer\" context={injectionContext} data={data} />\n\n          {/* Schedule Activity Dialog \u2014 opened from PlannedActivities \"+ Schedule\" or other triggers */}\n          <ScheduleActivityDialog\n            open={scheduleDialogOpen}\n            onClose={() => { setScheduleDialogOpen(false); setScheduleEditData(null) }}\n            entityId={personId}\n            entityName={personName}\n            companyName={scheduleDialogCompanyName}\n            entityType=\"person\"\n            onActivityCreated={handleActivityCreated}\n            editData={scheduleEditData}\n          />\n          {ConfirmDialogElement}\n        </div>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["personId"]
 }

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

@@ -0,0 +1,56 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, Phone, Mail, Users, CheckSquare } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+const MENU_ITEMS = [
+  { kind: "meeting", icon: Users, key: "customers.activities.add.meeting", fallback: "New meeting" },
+  { kind: "call", icon: Phone, key: "customers.activities.add.call", fallback: "Log call" },
+  { kind: "task", icon: CheckSquare, key: "customers.activities.add.task", fallback: "New task" },
+  { kind: "email", icon: Mail, key: "customers.activities.add.email", fallback: "Compose email" }
+];
+function ActivitiesAddNewMenu({ onSelect, disabled }) {
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const handleSelect = React.useCallback(
+    (kind) => {
+      setOpen(false);
+      onSelect(kind);
+    },
+    [onSelect]
+  );
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled,
+        "aria-label": t("customers.activities.addNew", "Add new"),
+        className: "inline-flex items-center gap-1.5 overflow-hidden rounded-md bg-foreground pl-3 pr-3.5 py-2 text-xs font-semibold text-background transition-colors hover:bg-foreground/90 disabled:opacity-60",
+        children: [
+          /* @__PURE__ */ jsx(Check, { className: "size-3.5" }),
+          t("customers.activities.addNew", "Add new")
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "end", className: "w-[180px] p-1", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: MENU_ITEMS.map(({ kind, icon: Icon, key, fallback }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleSelect(kind),
+        className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground hover:bg-accent/40",
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-4 text-muted-foreground" }),
+          t(key, fallback)
+        ]
+      }
+    ) }, kind)) }) })
+  ] });
+}
+var ActivitiesAddNewMenu_default = ActivitiesAddNewMenu;
+export {
+  ActivitiesAddNewMenu,
+  ActivitiesAddNewMenu_default as default
+};
+//# sourceMappingURL=ActivitiesAddNewMenu.js.map

package/dist/modules/customers/components/detail/ActivitiesAddNewMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivitiesAddNewMenu.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Check, Phone, Mail, Users, CheckSquare } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\n\nexport type ActivityKind = 'meeting' | 'call' | 'task' | 'email'\n\ninterface ActivitiesAddNewMenuProps {\n  onSelect: (kind: ActivityKind) => void\n  disabled?: boolean\n}\n\nconst MENU_ITEMS: ReadonlyArray<{ kind: ActivityKind; icon: React.ComponentType<{ className?: string }>; key: string; fallback: string }> = [\n  { kind: 'meeting', icon: Users, key: 'customers.activities.add.meeting', fallback: 'New meeting' },\n  { kind: 'call', icon: Phone, key: 'customers.activities.add.call', fallback: 'Log call' },\n  { kind: 'task', icon: CheckSquare, key: 'customers.activities.add.task', fallback: 'New task' },\n  { kind: 'email', icon: Mail, key: 'customers.activities.add.email', fallback: 'Compose email' },\n]\n\nexport function ActivitiesAddNewMenu({ onSelect, disabled }: ActivitiesAddNewMenuProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const handleSelect = React.useCallback(\n    (kind: ActivityKind) => {\n      setOpen(false)\n      onSelect(kind)\n    },\n    [onSelect],\n  )\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          disabled={disabled}\n          aria-label={t('customers.activities.addNew', 'Add new')}\n          className=\"inline-flex items-center gap-1.5 overflow-hidden rounded-md bg-foreground pl-3 pr-3.5 py-2 text-xs font-semibold text-background transition-colors hover:bg-foreground/90 disabled:opacity-60\"\n        >\n          <Check className=\"size-3.5\" />\n          {t('customers.activities.addNew', 'Add new')}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"w-[180px] p-1\">\n        <ul className=\"flex flex-col\">\n          {MENU_ITEMS.map(({ kind, icon: Icon, key, fallback }) => (\n            <li key={kind}>\n              <button\n                type=\"button\"\n                onClick={() => handleSelect(kind)}\n                className=\"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-foreground hover:bg-accent/40\"\n              >\n                <Icon className=\"size-4 text-muted-foreground\" />\n                {t(key, fallback)}\n              </button>\n            </li>\n          ))}\n        </ul>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport default ActivitiesAddNewMenu\n"],
+  "mappings": ";AAoCQ,SAME,KANF;AAlCR,YAAY,WAAW;AACvB,SAAS,OAAO,OAAO,MAAM,OAAO,mBAAmB;AACvD,SAAS,YAAY;AACrB,SAAS,SAAS,gBAAgB,sBAAsB;AASxD,MAAM,aAAsI;AAAA,EAC1I,EAAE,MAAM,WAAW,MAAM,OAAO,KAAK,oCAAoC,UAAU,cAAc;AAAA,EACjG,EAAE,MAAM,QAAQ,MAAM,OAAO,KAAK,iCAAiC,UAAU,WAAW;AAAA,EACxF,EAAE,MAAM,QAAQ,MAAM,aAAa,KAAK,iCAAiC,UAAU,WAAW;AAAA,EAC9F,EAAE,MAAM,SAAS,MAAM,MAAM,KAAK,kCAAkC,UAAU,gBAAgB;AAChG;AAEO,SAAS,qBAAqB,EAAE,UAAU,SAAS,GAA8B;AACtF,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,eAAe,MAAM;AAAA,IACzB,CAAC,SAAuB;AACtB,cAAQ,KAAK;AACb,eAAS,IAAI;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,wBAAC,kBAAe,SAAO,MACrB;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,cAAY,EAAE,+BAA+B,SAAS;AAAA,QACtD,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAM,WAAU,YAAW;AAAA,UAC3B,EAAE,+BAA+B,SAAS;AAAA;AAAA;AAAA,IAC7C,GACF;AAAA,IACA,oBAAC,kBAAe,OAAM,OAAM,WAAU,iBACpC,8BAAC,QAAG,WAAU,iBACX,qBAAW,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,KAAK,SAAS,MACjD,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,WAAU;AAAA,QAEV;AAAA,8BAAC,QAAK,WAAU,gCAA+B;AAAA,UAC9C,EAAE,KAAK,QAAQ;AAAA;AAAA;AAAA,IAClB,KARO,IAST,CACD,GACH,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,175 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Calendar, CalendarClock, Clock, Mail, Phone, StickyNote, Users } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ActivitiesDayStrip } from "./ActivitiesDayStrip.js";
+import { ActivitiesAddNewMenu } from "./ActivitiesAddNewMenu.js";
+const TYPE_ICONS = {
+  call: Phone,
+  email: Mail,
+  meeting: Users,
+  note: StickyNote
+};
+function startOfDay(date) {
+  const next = new Date(date);
+  next.setHours(0, 0, 0, 0);
+  return next;
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isOverdue(activity, now) {
+  const scheduled = activity.scheduledAt ?? activity.occurredAt;
+  if (!scheduled) return false;
+  const date = new Date(scheduled);
+  if (Number.isNaN(date.getTime())) return false;
+  return date.getTime() < now.getTime() && activity.status !== "done";
+}
+function formatTime(date) {
+  return date.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" });
+}
+function formatRelativeDay(date, t) {
+  const now = /* @__PURE__ */ new Date();
+  const today = startOfDay(now);
+  const target = startOfDay(date);
+  const diff = Math.round((target.getTime() - today.getTime()) / (1e3 * 60 * 60 * 24));
+  if (diff === 0) return t("customers.timeline.date.today", "today");
+  if (diff === 1) return t("customers.timeline.date.tomorrow", "tomorrow");
+  if (diff === -1) return t("customers.timeline.date.yesterday", "yesterday");
+  return target.toLocaleDateString(void 0, { day: "numeric", month: "short" });
+}
+function formatDuration(minutes, t) {
+  if (minutes >= 60) {
+    const hours = Math.round(minutes / 60 * 10) / 10;
+    return t("customers.activities.calendar.hoursShort", "{hours}h", { hours });
+  }
+  return t("customers.activities.calendar.minutesShort", "{minutes}m", { minutes });
+}
+function ActivitiesCard({
+  entityId,
+  plannedActivities,
+  refreshKey = 0,
+  onAddNew,
+  onEditActivity,
+  entityCompanyName
+}) {
+  const t = useT();
+  const [selectedDate, setSelectedDate] = React.useState(() => startOfDay(/* @__PURE__ */ new Date()));
+  const eventsForSelectedDay = React.useMemo(() => {
+    const items = plannedActivities.filter((activity) => {
+      const scheduled = activity.scheduledAt ?? activity.occurredAt;
+      if (!scheduled) return false;
+      const date = new Date(scheduled);
+      if (Number.isNaN(date.getTime())) return false;
+      return isSameDay(date, selectedDate);
+    });
+    return items.sort((left, right) => {
+      const leftTime = new Date(left.scheduledAt ?? left.occurredAt ?? left.createdAt).getTime();
+      const rightTime = new Date(right.scheduledAt ?? right.occurredAt ?? right.createdAt).getTime();
+      return leftTime - rightTime;
+    });
+  }, [plannedActivities, selectedDate]);
+  const overdueCount = React.useMemo(() => {
+    const now = /* @__PURE__ */ new Date();
+    return plannedActivities.filter((activity) => isOverdue(activity, now)).length;
+  }, [plannedActivities]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card pt-4 pb-4 px-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "size-4 text-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold leading-none text-foreground", children: t("customers.activities.card.title", "Activities") }),
+        overdueCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-status-error-bg px-1.5 py-0.5 text-xs font-medium text-status-error-text", children: [
+          /* @__PURE__ */ jsx(CalendarClock, { className: "size-3" }),
+          t("customers.activities.card.overdue", "{count} overdue", { count: overdueCount })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx(ActivitiesAddNewMenu, { onSelect: onAddNew })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ActivitiesDayStrip,
+      {
+        entityId,
+        selectedDate,
+        onSelectDate: setSelectedDate,
+        refreshKey
+      }
+    ),
+    eventsForSelectedDay.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border" }),
+      /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: eventsForSelectedDay.map((activity) => /* @__PURE__ */ jsx(
+        PlannedEventRow,
+        {
+          activity,
+          onClick: onEditActivity,
+          entityCompanyName: entityCompanyName ?? null,
+          t
+        },
+        activity.id
+      )) })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border" }),
+      /* @__PURE__ */ jsx("p", { className: "px-1 py-2 text-xs text-muted-foreground", children: t("customers.activities.card.empty", "Nothing scheduled for this day.") })
+    ] })
+  ] });
+}
+function PlannedEventRow({ activity, onClick, entityCompanyName, t }) {
+  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt;
+  const date = new Date(dateStr);
+  const validDate = !Number.isNaN(date.getTime());
+  const Icon = TYPE_ICONS[activity.interactionType] ?? Users;
+  const duration = typeof activity.duration === "number" && activity.duration > 0 ? activity.duration : null;
+  const overdue = validDate && date.getTime() < Date.now() && activity.status !== "done";
+  const typeLabel = labelForType(activity.interactionType, t);
+  const subtitleSuffix = activity.dealTitle ?? entityCompanyName ?? null;
+  const subtitle = subtitleSuffix ? `${typeLabel} \xB7 ${subtitleSuffix}` : typeLabel;
+  const interactive = !!onClick;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: interactive ? () => onClick?.(activity) : void 0,
+      disabled: !interactive,
+      className: cn(
+        "flex w-full items-start gap-[9px] pt-[8px] text-left transition-colors",
+        interactive ? "cursor-pointer rounded-md hover:bg-accent/30 px-1" : "px-1"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-[44px] w-[43px] shrink-0 flex-col gap-[2px] pt-[2px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold leading-none text-foreground", children: validDate ? formatTime(date) : "" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] leading-none font-normal text-muted-foreground", children: validDate ? formatRelativeDay(date, t) : "" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center rounded-full bg-muted border-4 border-background size-7", children: /* @__PURE__ */ jsx(Icon, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-1 flex-col gap-[4px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 tracking-[-0.084px] text-foreground", children: activity.title ?? activity.body ?? labelForType(activity.interactionType, t) }),
+          duration ? /* @__PURE__ */ jsxs("span", { className: cn(
+            "inline-flex w-fit items-center gap-[2px] rounded-full pl-[4px] pr-[8px] py-[2px] text-xs font-medium leading-[16px]",
+            overdue ? "bg-status-error-bg text-status-error-text" : "bg-status-warning-bg text-status-warning-text"
+          ), children: [
+            /* @__PURE__ */ jsx(Clock, { className: "size-4" }),
+            formatDuration(duration, t)
+          ] }) : null,
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal text-muted-foreground", children: subtitle })
+        ] })
+      ]
+    }
+  ) });
+}
+function labelForType(type, t) {
+  const map = {
+    meeting: ["customers.timeline.filter.meeting", "Meeting"],
+    call: ["customers.timeline.filter.call", "Call"],
+    email: ["customers.timeline.filter.email", "Email"],
+    note: ["customers.timeline.filter.note", "Note"],
+    task: ["customers.timeline.filter.task", "Task"]
+  };
+  const entry = map[type];
+  return entry ? t(entry[0], entry[1]) : type;
+}
+var ActivitiesCard_default = ActivitiesCard;
+export {
+  ActivitiesCard,
+  ActivitiesCard_default as default
+};
+//# sourceMappingURL=ActivitiesCard.js.map

package/dist/modules/customers/components/detail/ActivitiesCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivitiesCard.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Calendar, CalendarClock, Clock, Mail, Phone, StickyNote, Users } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { ActivitiesDayStrip } from './ActivitiesDayStrip'\nimport { ActivitiesAddNewMenu, type ActivityKind } from './ActivitiesAddNewMenu'\nimport type { InteractionSummary } from './types'\n\ninterface ActivitiesCardProps {\n  entityId: string\n  plannedActivities: InteractionSummary[]\n  refreshKey?: number\n  onAddNew: (kind: ActivityKind) => void\n  onEditActivity?: (activity: InteractionSummary) => void\n  /**\n   * Optional company name for the parent entity. When the planned activity has no `dealTitle`,\n   * the row subtitle falls back to \"{type} \u00B7 {company}\" to mirror Figma 784:809.\n   */\n  entityCompanyName?: string | null\n}\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\nfunction startOfDay(date: Date): Date {\n  const next = new Date(date)\n  next.setHours(0, 0, 0, 0)\n  return next\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate()\n}\n\nfunction isOverdue(activity: InteractionSummary, now: Date): boolean {\n  const scheduled = activity.scheduledAt ?? activity.occurredAt\n  if (!scheduled) return false\n  const date = new Date(scheduled)\n  if (Number.isNaN(date.getTime())) return false\n  return date.getTime() < now.getTime() && activity.status !== 'done'\n}\n\nfunction formatTime(date: Date): string {\n  return date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction formatRelativeDay(date: Date, t: TranslateFn): string {\n  const now = new Date()\n  const today = startOfDay(now)\n  const target = startOfDay(date)\n  const diff = Math.round((target.getTime() - today.getTime()) / (1000 * 60 * 60 * 24))\n  if (diff === 0) return t('customers.timeline.date.today', 'today')\n  if (diff === 1) return t('customers.timeline.date.tomorrow', 'tomorrow')\n  if (diff === -1) return t('customers.timeline.date.yesterday', 'yesterday')\n  return target.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n}\n\nfunction formatDuration(minutes: number, t: TranslateFn): string {\n  if (minutes >= 60) {\n    const hours = Math.round((minutes / 60) * 10) / 10\n    return t('customers.activities.calendar.hoursShort', '{hours}h', { hours })\n  }\n  return t('customers.activities.calendar.minutesShort', '{minutes}m', { minutes })\n}\n\nexport function ActivitiesCard({\n  entityId,\n  plannedActivities,\n  refreshKey = 0,\n  onAddNew,\n  onEditActivity,\n  entityCompanyName,\n}: ActivitiesCardProps) {\n  const t = useT()\n  const [selectedDate, setSelectedDate] = React.useState<Date>(() => startOfDay(new Date()))\n\n  const eventsForSelectedDay = React.useMemo(() => {\n    const items = plannedActivities.filter((activity) => {\n      const scheduled = activity.scheduledAt ?? activity.occurredAt\n      if (!scheduled) return false\n      const date = new Date(scheduled)\n      if (Number.isNaN(date.getTime())) return false\n      return isSameDay(date, selectedDate)\n    })\n    return items.sort((left, right) => {\n      const leftTime = new Date(left.scheduledAt ?? left.occurredAt ?? left.createdAt).getTime()\n      const rightTime = new Date(right.scheduledAt ?? right.occurredAt ?? right.createdAt).getTime()\n      return leftTime - rightTime\n    })\n  }, [plannedActivities, selectedDate])\n\n  const overdueCount = React.useMemo(() => {\n    const now = new Date()\n    return plannedActivities.filter((activity) => isOverdue(activity, now)).length\n  }, [plannedActivities])\n\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card pt-4 pb-4 px-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <Calendar className=\"size-4 text-foreground\" />\n          <h3 className=\"text-sm font-semibold leading-none text-foreground\">\n            {t('customers.activities.card.title', 'Activities')}\n          </h3>\n          {overdueCount > 0 ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-status-error-bg px-1.5 py-0.5 text-xs font-medium text-status-error-text\">\n              <CalendarClock className=\"size-3\" />\n              {t('customers.activities.card.overdue', '{count} overdue', { count: overdueCount })}\n            </span>\n          ) : null}\n        </div>\n        <ActivitiesAddNewMenu onSelect={onAddNew} />\n      </div>\n\n      <ActivitiesDayStrip\n        entityId={entityId}\n        selectedDate={selectedDate}\n        onSelectDate={setSelectedDate}\n        refreshKey={refreshKey}\n      />\n\n      {eventsForSelectedDay.length > 0 ? (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          <ul className=\"flex flex-col\">\n            {eventsForSelectedDay.map((activity) => (\n              <PlannedEventRow\n                key={activity.id}\n                activity={activity}\n                onClick={onEditActivity}\n                entityCompanyName={entityCompanyName ?? null}\n                t={t}\n              />\n            ))}\n          </ul>\n        </>\n      ) : (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          <p className=\"px-1 py-2 text-xs text-muted-foreground\">\n            {t('customers.activities.card.empty', 'Nothing scheduled for this day.')}\n          </p>\n        </>\n      )}\n    </div>\n  )\n}\n\ninterface PlannedEventRowProps {\n  activity: InteractionSummary\n  onClick?: (activity: InteractionSummary) => void\n  entityCompanyName: string | null\n  t: TranslateFn\n}\n\nfunction PlannedEventRow({ activity, onClick, entityCompanyName, t }: PlannedEventRowProps) {\n  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n  const date = new Date(dateStr)\n  const validDate = !Number.isNaN(date.getTime())\n  const Icon = TYPE_ICONS[activity.interactionType] ?? Users\n  const duration = typeof activity.duration === 'number' && activity.duration > 0 ? activity.duration : null\n  const overdue = validDate && date.getTime() < Date.now() && activity.status !== 'done'\n  const typeLabel = labelForType(activity.interactionType, t)\n  const subtitleSuffix = activity.dealTitle ?? entityCompanyName ?? null\n  const subtitle = subtitleSuffix ? `${typeLabel} \u00B7 ${subtitleSuffix}` : typeLabel\n  const interactive = !!onClick\n\n  return (\n    <li>\n      <button\n        type=\"button\"\n        onClick={interactive ? () => onClick?.(activity) : undefined}\n        disabled={!interactive}\n        className={cn(\n          'flex w-full items-start gap-[9px] pt-[8px] text-left transition-colors',\n          interactive ? 'cursor-pointer rounded-md hover:bg-accent/30 px-1' : 'px-1',\n        )}\n      >\n        <div className=\"flex h-[44px] w-[43px] shrink-0 flex-col gap-[2px] pt-[2px]\">\n          <span className=\"text-xs font-semibold leading-none text-foreground\">\n            {validDate ? formatTime(date) : ''}\n          </span>\n          <span className=\"text-[10px] leading-none font-normal text-muted-foreground\">\n            {validDate ? formatRelativeDay(date, t) : ''}\n          </span>\n        </div>\n        <div className=\"flex shrink-0 items-center justify-center rounded-full bg-muted border-4 border-background size-7\">\n          <Icon className=\"size-4 text-muted-foreground\" />\n        </div>\n        <div className=\"min-w-0 flex flex-1 flex-col gap-[4px]\">\n          <span className=\"text-sm leading-5 tracking-[-0.084px] text-foreground\">\n            {activity.title ?? activity.body ?? labelForType(activity.interactionType, t)}\n          </span>\n          {duration ? (\n            <span className={cn(\n              'inline-flex w-fit items-center gap-[2px] rounded-full pl-[4px] pr-[8px] py-[2px] text-xs font-medium leading-[16px]',\n              overdue\n                ? 'bg-status-error-bg text-status-error-text'\n                : 'bg-status-warning-bg text-status-warning-text',\n            )}>\n              <Clock className=\"size-4\" />\n              {formatDuration(duration, t)}\n            </span>\n          ) : null}\n          <span className=\"text-[11px] font-normal text-muted-foreground\">{subtitle}</span>\n        </div>\n      </button>\n    </li>\n  )\n}\n\nfunction labelForType(type: string, t: TranslateFn): string {\n  const map: Record<string, [string, string]> = {\n    meeting: ['customers.timeline.filter.meeting', 'Meeting'],\n    call: ['customers.timeline.filter.call', 'Call'],\n    email: ['customers.timeline.filter.email', 'Email'],\n    note: ['customers.timeline.filter.note', 'Note'],\n    task: ['customers.timeline.filter.task', 'Task'],\n  }\n  const entry = map[type]\n  return entry ? t(entry[0], entry[1]) : type\n}\n\nexport default ActivitiesCard\n"],
+  "mappings": "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",
+  "names": []
+}