@open-mercato/core 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3276.1.1fcd145078

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 { 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; occurredAt?: 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    // Forward `customValues` so per-type chip state (callPhoneNumber, callDirection,\n    // taskPriority, \u2026) round-trips on edit (#1808 phone persistence).\n    // Forward `occurredAt` so historical activity edits prefill from the original\n    // moment instead of \"today\" (#1807 prefill).\n    const editPayload = {\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      occurredAt: typeof activity.occurredAt === 'string' ? activity.occurredAt : 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      customValues: raw.customValues && typeof raw.customValues === 'object'\n        ? raw.customValues as Record<string, unknown>\n        : null,\n      phoneNumber: typeof raw.phoneNumber === 'string' ? raw.phoneNumber as string : null,\n    } as ScheduleActivityEditData & { customValues?: Record<string, unknown> | null; phoneNumber?: string | null }\n    setScheduleEditData(editPayload)\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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",
+  "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; occurredAt?: 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    // Forward `customValues` so per-type chip state (callPhoneNumber, callDirection,\n    // taskPriority, \u2026) round-trips on edit (#1808 phone persistence).\n    // Forward `occurredAt` so historical activity edits prefill from the original\n    // moment instead of \"today\" (#1807 prefill).\n    const editPayload = {\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      occurredAt: typeof activity.occurredAt === 'string' ? activity.occurredAt : 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      customValues: raw.customValues && typeof raw.customValues === 'object'\n        ? raw.customValues as Record<string, unknown>\n        : null,\n      phoneNumber: typeof raw.phoneNumber === 'string' ? raw.phoneNumber as string : null,\n    } as ScheduleActivityEditData & { customValues?: Record<string, unknown> | null; phoneNumber?: string | null }\n    setScheduleEditData(editPayload)\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: 'right' }}\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/PipelineSettings.js

@@ -19,6 +19,12 @@ import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/u
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+} from "@open-mercato/ui/primitives/accordion";
 import {
   AppearanceSelector
 } from "@open-mercato/core/modules/dictionaries/components/AppearanceSelector";
@@ -166,9 +172,6 @@ function PipelineSettings() {
     if (expandedPipelineId === pipeline.id) setExpandedPipelineId(null);
     await loadPipelines();
   }, [confirm, expandedPipelineId, loadPipelines, t]);
-  const toggleExpand = React.useCallback((pipelineId) => {
-    setExpandedPipelineId((prev) => prev === pipelineId ? null : pipelineId);
-  }, []);
   const openCreateStage = React.useCallback((pipelineId) => {
     setStageForm({ label: "", color: null, icon: null });
     setStageDialog({ mode: "create", pipelineId });
@@ -293,103 +296,109 @@ function PipelineSettings() {
     loadingPipelines ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Spinner, { className: "h-4 w-4" }),
       t("customers.pipelines.loading", "Loading pipelines\u2026")
-    ] }) : pipelines.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.empty", "No pipelines yet. Create one to get started.") }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-md border", children: pipelines.map((pipeline) => {
-      const isExpanded = expandedPipelineId === pipeline.id;
-      const pipelineStages = stages[pipeline.id] ?? [];
-      const isLoadingStages = loadingStages[pipeline.id] ?? false;
-      return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-4 py-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: pipeline.name }),
-            pipeline.isDefault ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary", children: t("customers.pipelines.defaultBadge", "Default") }) : null
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                onClick: () => toggleExpand(pipeline.id),
-                children: isExpanded ? t("customers.pipelines.actions.hideStages", "Hide stages") : t("customers.pipelines.actions.manageStages", "Manage stages")
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: () => openEditPipeline(pipeline), children: t("customers.pipelines.actions.edit", "Edit") }),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "sm",
-                className: "text-destructive hover:text-destructive",
-                onClick: () => void handleDeletePipeline(pipeline),
-                children: t("customers.pipelines.actions.delete", "Delete")
-              }
-            )
-          ] })
-        ] }),
-        isExpanded ? /* @__PURE__ */ jsxs("div", { className: "border-t border-border bg-muted/30 px-4 py-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: t("customers.pipelines.stages.title", "Stages") }),
-            /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => openCreateStage(pipeline.id), children: t("customers.pipelines.stages.add", "Add stage") })
-          ] }),
-          isLoadingStages ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
-            t("customers.pipelines.stages.loading", "Loading\u2026")
-          ] }) : pipelineStages.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.stages.empty", "No stages yet.") }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-md border bg-background", children: pipelineStages.map((stage, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "w-5 text-center text-xs text-muted-foreground", children: idx + 1 }),
-              stage.color ? renderDictionaryColor(stage.color, "h-3 w-3 rounded-full") : null,
-              stage.icon ? renderDictionaryIcon(stage.icon, "h-4 w-4") : null,
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: stage.label })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-7 w-7",
-                  disabled: idx === 0,
-                  onClick: () => void handleMoveStage(stage, "up"),
-                  title: t("customers.pipelines.stages.moveUp", "Move up"),
-                  children: "\u2191"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "icon",
-                  className: "h-7 w-7",
-                  disabled: idx === pipelineStages.length - 1,
-                  onClick: () => void handleMoveStage(stage, "down"),
-                  title: t("customers.pipelines.stages.moveDown", "Move down"),
-                  children: "\u2193"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => openEditStage(stage),
-                  children: t("customers.pipelines.stages.edit", "Edit")
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "text-destructive hover:text-destructive",
-                  onClick: () => void handleDeleteStage(stage),
-                  children: t("customers.pipelines.stages.delete", "Delete")
-                }
-              )
+    ] }) : pipelines.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.empty", "No pipelines yet. Create one to get started.") }) : /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        type: "single",
+        collapsible: true,
+        value: expandedPipelineId ?? "",
+        onValueChange: (next) => setExpandedPipelineId(next || null),
+        className: "space-y-2",
+        children: pipelines.map((pipeline) => {
+          const pipelineStages = stages[pipeline.id] ?? [];
+          const isLoadingStages = loadingStages[pipeline.id] ?? false;
+          return /* @__PURE__ */ jsxs(AccordionItem, { value: pipeline.id, children: [
+            /* @__PURE__ */ jsx(AccordionTrigger, { triggerIcon: "chevron", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: pipeline.name }),
+              pipeline.isDefault ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary", children: t("customers.pipelines.defaultBadge", "Default") }) : null
+            ] }) }),
+            /* @__PURE__ */ jsxs(AccordionContent, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: t("customers.pipelines.stages.title", "Stages") }),
+                /* @__PURE__ */ jsx(Button, { size: "sm", variant: "outline", onClick: () => openCreateStage(pipeline.id), children: t("customers.pipelines.stages.add", "Add stage") })
+              ] }),
+              isLoadingStages ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Spinner, { className: "h-3 w-3" }),
+                t("customers.pipelines.stages.loading", "Loading\u2026")
+              ] }) : pipelineStages.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("customers.pipelines.stages.empty", "No stages yet.") }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-md border bg-background", children: pipelineStages.map((stage, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 px-3 py-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "w-5 text-center text-xs text-muted-foreground", children: idx + 1 }),
+                  stage.color ? renderDictionaryColor(stage.color, "h-3 w-3 rounded-full") : null,
+                  stage.icon ? renderDictionaryIcon(stage.icon, "h-4 w-4") : null,
+                  /* @__PURE__ */ jsx("span", { className: "text-sm", children: stage.label })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-7 w-7",
+                      disabled: idx === 0,
+                      onClick: () => void handleMoveStage(stage, "up"),
+                      title: t("customers.pipelines.stages.moveUp", "Move up"),
+                      children: "\u2191"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "icon",
+                      className: "h-7 w-7",
+                      disabled: idx === pipelineStages.length - 1,
+                      onClick: () => void handleMoveStage(stage, "down"),
+                      title: t("customers.pipelines.stages.moveDown", "Move down"),
+                      children: "\u2193"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: () => openEditStage(stage),
+                      children: t("customers.pipelines.stages.edit", "Edit")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: "text-destructive hover:text-destructive",
+                      onClick: () => void handleDeleteStage(stage),
+                      children: t("customers.pipelines.stages.delete", "Delete")
+                    }
+                  )
+                ] })
+              ] }, stage.id)) }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center justify-end gap-2 border-t pt-3", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => openEditPipeline(pipeline),
+                    children: t("customers.pipelines.actions.edit", "Edit pipeline")
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "text-destructive hover:text-destructive",
+                    onClick: () => void handleDeletePipeline(pipeline),
+                    children: t("customers.pipelines.actions.delete", "Delete pipeline")
+                  }
+                )
+              ] })
             ] })
-          ] }, stage.id)) })
-        ] }) : null
-      ] }, pipeline.id);
-    }) }),
+          ] }, pipeline.id);
+        })
+      }
+    ),
     /* @__PURE__ */ jsx(Dialog, { open: pipelineDialog !== null, onOpenChange: (open) => {
       if (!open) closePipelineDialog();
     }, children: /* @__PURE__ */ jsxs(DialogContent, { onKeyDown: handleKeyDown(handlePipelineSubmit), children: [