npm - @open-mercato/core - Versions diffs - 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (687) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/customers/backend/customers/deals/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Pencil, MousePointerClick } from 'lucide-react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { VersionHistoryAction } from '@open-mercato/ui/backend/version-history'\nimport { SendObjectMessageDialog } from '@open-mercato/ui/backend/messages'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { NotesSection, type SectionAction } from '@open-mercato/ui/backend/detail'\nimport { ActivitiesSection } from '../../../../components/detail/ActivitiesSection'\nimport { DealForm, type DealFormSubmitPayload } from '../../../../components/detail/DealForm'\nimport { useCustomerDictionary } from '../../../../components/detail/hooks/useCustomerDictionary'\nimport type { CustomerDictionaryMap } from '../../../../lib/dictionaries'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { ICON_SUGGESTIONS } from '../../../../lib/dictionaries'\nimport { createCustomerNotesAdapter } from '../../../../components/detail/notesAdapter'\nimport { readMarkdownPreferenceCookie, writeMarkdownPreferenceCookie } from '../../../../lib/markdownPreference'\n\ntype DealAssociation = {\n  id: string\n  label: string\n  subtitle: string | null\n  kind: 'person' | 'company'\n}\n\ntype DealDetailPayload = {\n  deal: {\n    id: string\n    title: string\n    description: string | null\n    status: string | null\n    pipelineStage: string | null\n    pipelineId: string | null\n    pipelineStageId: string | null\n    valueAmount: string | null\n    valueCurrency: string | null\n    probability: number | null\n    expectedCloseAt: string | null\n    ownerUserId: string | null\n    source: string | null\n    organizationId: string | null\n    tenantId: string | null\n    createdAt: string\n    updatedAt: string\n  }\n  people: DealAssociation[]\n  companies: DealAssociation[]\n  customFields: Record<string, unknown>\n  viewer?: {\n    userId: string | null\n    name?: string | null\n    email?: string | null\n  } | null\n}\n\nconst CRUD_FOCUSABLE_SELECTOR =\n  '[data-crud-focus-target], input:not([type=\"hidden\"]):not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n\nfunction formatCurrency(amount: string | null, currency: string | null): string | null {\n  if (!amount) return null\n  const value = Number(amount)\n  if (!Number.isFinite(value)) return currency ? `${amount} ${currency}` : amount\n  if (!currency) return value.toLocaleString()\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(value)\n  } catch {\n    return `${value.toLocaleString()} ${currency}`\n  }\n}\n\nfunction formatDate(value: string | null, fallback: string): string {\n  if (!value) return fallback\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return fallback\n  return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' })\n}\n\nfunction resolveDictionaryLabel(\n  value: string | null | undefined,\n  map: CustomerDictionaryMap | null | undefined,\n): string | null {\n  if (!value) return null\n  const entry = map?.[value]\n  if (entry && entry.label && entry.label.length) return entry.label\n  return value\n}\n\nexport default function DealDetailPage({ params }: { params?: { id?: string } }) {\n  const t = useT()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n  const notesAdapter = React.useMemo(() => createCustomerNotesAdapter(detailTranslator), [detailTranslator])\n  const router = useRouter()\n  const id = params?.id ?? ''\n  const scopeVersion = useOrganizationScopeVersion()\n  const statusDictionaryQuery = useCustomerDictionary('deal-statuses', scopeVersion)\n  const pipelineDictionaryQuery = useCustomerDictionary('pipeline-stages', scopeVersion)\n  const statusDictionaryMap = statusDictionaryQuery.data?.map ?? null\n  const pipelineDictionaryMap = pipelineDictionaryQuery.data?.map ?? null\n  const [data, setData] = React.useState<DealDetailPayload | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isSaving, setIsSaving] = React.useState(false)\n  const [isDeleting, setIsDeleting] = React.useState(false)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [activeTab, setActiveTab] = React.useState<'notes' | 'activities'>('notes')\n  const [sectionAction, setSectionAction] = React.useState<SectionAction | null>(null)\n  const handleNotesLoadingChange = React.useCallback(() => {}, [])\n  const handleActivitiesLoadingChange = React.useCallback(() => {}, [])\n  const focusDealField = React.useCallback(\n    (fieldId: 'title' | 'personIds' | 'companyIds') => {\n      if (typeof window === 'undefined' || typeof document === 'undefined') return\n      const focusOnce = () => {\n        const container = document.querySelector<HTMLElement>(`[data-crud-field-id=\"${fieldId}\"]`)\n        if (!container) return false\n        const target =\n          container.querySelector<HTMLElement>(CRUD_FOCUSABLE_SELECTOR) ?? container\n        if (!target || typeof target.focus !== 'function') return false\n        if (typeof container.scrollIntoView === 'function') {\n          container.scrollIntoView({ behavior: 'smooth', block: 'center' })\n        }\n        target.focus()\n        if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {\n          try {\n            target.select()\n          } catch {}\n        }\n        return true\n      }\n\n      const schedule = () => {\n        const focused = focusOnce()\n        if (focused) return\n        window.setTimeout(() => {\n          focusOnce()\n        }, 60)\n      }\n\n      if (typeof window.requestAnimationFrame === 'function') {\n        window.requestAnimationFrame(schedule)\n      } else {\n        schedule()\n      }\n    },\n    [],\n  )\n  const dealSettingsRef = React.useRef<HTMLDivElement | null>(null)\n  const scrollToDealSettings = React.useCallback(() => {\n    if (typeof window === 'undefined') return\n    if (dealSettingsRef.current && typeof dealSettingsRef.current.scrollIntoView === 'function') {\n      dealSettingsRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })\n    }\n    window.setTimeout(() => {\n      focusDealField('title')\n    }, 160)\n  }, [focusDealField])\n\n  React.useEffect(() => {\n    if (!id) {\n      setError(t('customers.deals.detail.missingId', 'Deal id is required.'))\n      setIsLoading(false)\n      return\n    }\n    let cancelled = false\n    async function loadDeal() {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const payload = await readApiResultOrThrow<DealDetailPayload>(\n          `/api/customers/deals/${encodeURIComponent(id)}`,\n          undefined,\n          { errorMessage: t('customers.deals.detail.loadError', 'Failed to load deal.') },\n        )\n        if (cancelled) return\n        setData(payload as DealDetailPayload)\n      } catch (err) {\n        if (cancelled) return\n        const message =\n          err instanceof Error && err.message\n            ? err.message\n            : t('customers.deals.detail.loadError', 'Failed to load deal.')\n        setError(message)\n        setData(null)\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    loadDeal().catch(() => {})\n    return () => {\n      cancelled = true\n    }\n  }, [id, reloadToken, t])\n\n  const handleFormSubmit = React.useCallback(\n    async ({ base, custom }: DealFormSubmitPayload) => {\n      if (!data || isSaving) return\n      setIsSaving(true)\n      try {\n        const payload: Record<string, unknown> = {\n          id: data.deal.id,\n          title: base.title,\n          status: base.status ?? undefined,\n          pipelineStage: base.pipelineStage ?? undefined,\n          pipelineId: base.pipelineId ?? undefined,\n          pipelineStageId: base.pipelineStageId ?? undefined,\n          valueAmount: typeof base.valueAmount === 'number' ? base.valueAmount : undefined,\n          valueCurrency: base.valueCurrency ?? undefined,\n          probability: typeof base.probability === 'number' ? base.probability : undefined,\n          expectedCloseAt: base.expectedCloseAt ?? undefined,\n          description: base.description ?? undefined,\n          personIds: base.personIds && base.personIds.length ? base.personIds : undefined,\n          companyIds: base.companyIds && base.companyIds.length ? base.companyIds : undefined,\n        }\n        if (Object.keys(custom).length) payload.customFields = custom\n\n        await apiCallOrThrow(\n          '/api/customers/deals',\n          {\n            method: 'PUT',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(payload),\n          },\n          { errorMessage: t('customers.deals.detail.saveError', 'Failed to update deal.') },\n        )\n        flash(t('customers.deals.detail.saveSuccess', 'Deal updated.'), 'success')\n        setReloadToken((token) => token + 1)\n      } catch (err) {\n        const message =\n          err instanceof Error && err.message\n            ? err.message\n            : t('customers.deals.detail.saveError', 'Failed to update deal.')\n        flash(message, 'error')\n        throw err instanceof Error ? err : new Error(message)\n      } finally {\n        setIsSaving(false)\n      }\n    },\n    [data, isSaving, t],\n  )\n\n  const handleDelete = React.useCallback(async () => {\n    if (!data || isDeleting) return\n    const confirmed = await confirm({\n      title: t(\n        'customers.deals.detail.deleteConfirm',\n        'Delete this deal? This action cannot be undone.',\n      ),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    setIsDeleting(true)\n    try {\n      await apiCallOrThrow(\n        '/api/customers/deals',\n        {\n          method: 'DELETE',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: data.deal.id }),\n        },\n        { errorMessage: t('customers.deals.detail.deleteError', 'Failed to delete deal.') },\n      )\n      flash(t('customers.deals.detail.deleteSuccess', 'Deal deleted.'), 'success')\n      router.push('/backend/customers/deals')\n    } catch (err) {\n      const message =\n        err instanceof Error && err.message\n          ? err.message\n          : t('customers.deals.detail.deleteError', 'Failed to delete deal.')\n      flash(message, 'error')\n    } finally {\n      setIsDeleting(false)\n    }\n  }, [confirm, data, isDeleting, router, t])\n\n  React.useEffect(() => {\n    setSectionAction(null)\n  }, [activeTab])\n\n  const handleSectionAction = React.useCallback(() => {\n    if (!sectionAction || sectionAction.disabled) return\n    sectionAction.onClick()\n  }, [sectionAction])\n\n  const dealOptions = React.useMemo(\n    () =>\n      data\n        ? [\n            {\n              id: data.deal.id,\n              label:\n                data.deal.title && data.deal.title.length\n                  ? data.deal.title\n                  : t('customers.deals.detail.untitled', 'Untitled deal'),\n            },\n          ]\n        : [],\n    [data, t],\n  )\n\n  const entityOptions = React.useMemo(() => {\n    if (!data) return []\n    const entries: { id: string; label: string }[] = []\n    data.people.forEach((person) => {\n      if (!person.id) return\n      const suffix = person.subtitle ? ` \u00B7 ${person.subtitle}` : ''\n      entries.push({ id: person.id, label: `${person.label}${suffix}` })\n    })\n    data.companies.forEach((company) => {\n      if (!company.id) return\n      const suffix = company.subtitle ? ` \u00B7 ${company.subtitle}` : ''\n      entries.push({ id: company.id, label: `${company.label}${suffix}` })\n    })\n    return entries\n  }, [data])\n\n  const defaultEntityId = React.useMemo(() => {\n    if (entityOptions.length) return entityOptions[0].id\n    return null\n  }, [entityOptions])\n\n  const tabs = React.useMemo(\n    () => [\n      { id: 'notes' as const, label: t('customers.deals.detail.tabs.notes', 'Notes') },\n      { id: 'activities' as const, label: t('customers.deals.detail.tabs.activities', 'Activities') },\n    ],\n    [t],\n  )\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-2 text-muted-foreground\">\n            <Spinner className=\"h-6 w-6\" />\n            <span>{t('customers.deals.detail.loading', 'Loading deal\u2026')}</span>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"flex h-[50vh] flex-col items-center justify-center gap-3 text-muted-foreground\">\n            <p>{error || t('customers.deals.detail.notFound', 'Deal not found.')}</p>\n            <Button variant=\"outline\" asChild>\n              <Link href=\"/backend/customers/deals\">\n                {t('customers.deals.detail.backToList', 'Back to deals')}\n              </Link>\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const probabilityLabel = data.deal.probability !== null && data.deal.probability !== undefined\n    ? `${data.deal.probability}%`\n    : t('customers.deals.detail.noValue', 'Not provided')\n  const valueLabel =\n    formatCurrency(data.deal.valueAmount, data.deal.valueCurrency) ??\n    t('customers.deals.detail.noValue', 'Not provided')\n  const expectedCloseLabel = formatDate(data.deal.expectedCloseAt, t('customers.deals.detail.noValue', 'Not provided'))\n  const statusLabel =\n    resolveDictionaryLabel(data.deal.status, statusDictionaryMap) ??\n    t('customers.deals.detail.noStatus', 'No status')\n  const statusDictEntry = data.deal.status ? statusDictionaryMap?.[data.deal.status] ?? null : null\n  const pipelineLabel = resolveDictionaryLabel(data.deal.pipelineStage, pipelineDictionaryMap)\n  const pipelineDictEntry = data.deal.pipelineStage ? pipelineDictionaryMap?.[data.deal.pipelineStage] ?? null : null\n  const previewValueAmount = formatCurrency(data.deal.valueAmount, data.deal.valueCurrency)\n  const previewProbability = data.deal.probability !== null && data.deal.probability !== undefined\n    ? `${data.deal.probability}%`\n    : null\n  const dealPreviewMetadata: Record<string, string> = {}\n  if (previewValueAmount) dealPreviewMetadata[t('customers.deals.detail.fields.value')] = previewValueAmount\n  if (previewProbability) dealPreviewMetadata[t('customers.deals.detail.fields.probability')] = previewProbability\n\n  const peopleSummaryLabel =\n    data.people.length === 1\n      ? t('customers.deals.detail.peopleSummaryOne')\n      : t('customers.deals.detail.peopleSummaryMany', undefined, { count: data.people.length })\n  const companiesSummaryLabel =\n    data.companies.length === 1\n      ? t('customers.deals.detail.companiesSummaryOne')\n      : t('customers.deals.detail.companiesSummaryMany', undefined, { count: data.companies.length })\n\n  const viewer = data.viewer ?? null\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"flex flex-col gap-6\">\n          <FormHeader\n            mode=\"detail\"\n            backHref=\"/backend/customers/deals\"\n            backLabel={t('customers.deals.detail.backToList', 'Back to deals')}\n            utilityActions={(\n              <>\n                <SendObjectMessageDialog\n                  object={{\n                    entityModule: 'customers',\n                    entityType: 'deal',\n                    entityId: data.deal.id,\n                    sourceEntityType: 'customers.deal',\n                    sourceEntityId: data.deal.id,\n                    previewData: {\n                      title: data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal'),\n                      status: data.deal.status ? statusLabel : undefined,\n                      metadata: Object.keys(dealPreviewMetadata).length > 0 ? dealPreviewMetadata : undefined,\n                    },\n                  }}\n                  viewHref={`/backend/customers/deals/${data.deal.id}`}\n                  defaultValues={{\n                    sourceEntityType: 'customers.deal',\n                    sourceEntityId: data.deal.id,\n                  }}\n                />\n                <VersionHistoryAction\n                  config={{ resourceKind: 'customers.deal', resourceId: data.deal.id }}\n                  t={t}\n                />\n              </>\n            )}\n            title={\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span>{data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal')}</span>\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"gap-1 text-muted-foreground hover:text-foreground\"\n                  onClick={scrollToDealSettings}\n                >\n                  <Pencil className=\"h-4 w-4\" aria-hidden />\n                  <MousePointerClick className=\"h-4 w-4\" aria-hidden />\n                  <span>{t('customers.deals.detail.goToSettings', 'Edit deal details')}</span>\n                </Button>\n              </div>\n            }\n            subtitle={t('customers.deals.detail.summary', undefined, {\n              status: statusLabel,\n              pipeline: pipelineLabel ?? t('customers.deals.detail.noPipeline', 'No pipeline'),\n            })}\n            onDelete={handleDelete}\n            isDeleting={isDeleting}\n            deleteLabel={t('ui.actions.delete', 'Delete')}\n          />\n          <div className=\"grid gap-6 lg:grid-cols-[minmax(0,2fr),minmax(0,1.1fr)]\">\n            <div className=\"space-y-6\">\n              <div className=\"rounded-lg border bg-card p-4\">\n                <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                  {t('customers.deals.detail.highlights', 'Highlights')}\n                </h2>\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <div>\n                    <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                      {t('customers.deals.detail.fields.value', 'Deal value')}\n                    </p>\n                    <p className=\"text-base font-semibold text-foreground\">{valueLabel}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                      {t('customers.deals.detail.fields.probability', 'Probability')}\n                    </p>\n                    <p className=\"text-base font-semibold text-foreground\">{probabilityLabel}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                      {t('customers.deals.detail.fields.status', 'Status')}\n                    </p>\n                    <p className=\"text-base text-foreground flex items-center gap-2\">\n                      {statusDictEntry?.color ? renderDictionaryColor(statusDictEntry.color) : null}\n                      {statusDictEntry?.icon ? renderDictionaryIcon(statusDictEntry.icon) : null}\n                      {statusLabel}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                      {t('customers.deals.detail.fields.pipeline', 'Pipeline stage')}\n                    </p>\n                    <p className=\"text-base text-foreground flex items-center gap-2\">\n                      {pipelineDictEntry?.color ? renderDictionaryColor(pipelineDictEntry.color) : null}\n                      {pipelineDictEntry?.icon ? renderDictionaryIcon(pipelineDictEntry.icon) : null}\n                      {pipelineLabel ?? t('customers.deals.detail.noValue', 'Not provided')}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs font-medium uppercase text-muted-foreground\">\n                      {t('customers.deals.detail.fields.expectedClose', 'Expected close')}\n                    </p>\n                    <p className=\"text-base text-foreground\">{expectedCloseLabel}</p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"rounded-lg border bg-card p-4\">\n                <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                  <div className=\"flex gap-2\">\n                    {tabs.map((tab) => (\n                      <Button\n                        key={tab.id}\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={() => setActiveTab(tab.id)}\n                        className={`h-auto rounded-none border-b-2 px-0 py-1 ${\n                          activeTab === tab.id\n                            ? 'border-primary text-foreground'\n                            : 'border-transparent text-muted-foreground hover:text-foreground hover:bg-transparent'\n                        }`}\n                      >\n                        {tab.label}\n                      </Button>\n                    ))}\n                  </div>\n                  {sectionAction ? (\n                    <Button\n                      type=\"button\"\n                      size=\"sm\"\n                      disabled={sectionAction.disabled}\n                      onClick={handleSectionAction}\n                    >\n                      {sectionAction.icon ?? null}\n                      {sectionAction.label}\n                    </Button>\n                  ) : null}\n                </div>\n                {activeTab === 'notes' ? (\n                  <NotesSection\n                    entityId={null}\n                    dealId={data.deal.id}\n                    dealOptions={dealOptions}\n                    entityOptions={entityOptions}\n                    emptyLabel={t('customers.deals.detail.notesEmpty', 'No notes yet.')}\n                    viewerUserId={viewer?.userId ?? null}\n                    viewerName={viewer?.name ?? null}\n                    viewerEmail={viewer?.email ?? null}\n                    addActionLabel={t('customers.deals.detail.notesAdd', 'Add note')}\n                    emptyState={{\n                      title: t('customers.deals.detail.notesEmptyTitle', 'Keep everyone in the loop'),\n                      actionLabel: t('customers.deals.detail.notesEmptyAction', 'Add a note'),\n                    }}\n                    onActionChange={setSectionAction}\n                    translator={detailTranslator}\n                    onLoadingChange={handleNotesLoadingChange}\n                    dataAdapter={notesAdapter}\n                    renderIcon={renderDictionaryIcon}\n                    renderColor={renderDictionaryColor}\n                    iconSuggestions={ICON_SUGGESTIONS}\n                    readMarkdownPreference={readMarkdownPreferenceCookie}\n                    writeMarkdownPreference={writeMarkdownPreferenceCookie}\n                  />\n                ) : null}\n                {activeTab === 'activities' ? (\n                  <ActivitiesSection\n                    entityId={null}\n                    dealId={data.deal.id}\n                    dealOptions={dealOptions}\n                    entityOptions={entityOptions}\n                    defaultEntityId={defaultEntityId ?? undefined}\n                    addActionLabel={t('customers.deals.detail.activitiesAdd', 'Log activity')}\n                    emptyState={{\n                      title: t('customers.deals.detail.activitiesEmptyTitle', 'No activities yet'),\n                      actionLabel: t('customers.deals.detail.activitiesEmptyAction', 'Add an activity'),\n                    }}\n                    onActionChange={setSectionAction}\n                    onLoadingChange={handleActivitiesLoadingChange}\n                  />\n                ) : null}\n              </div>\n\n              <div className=\"grid gap-4 md:grid-cols-2\">\n                <div className=\"rounded-lg border bg-card p-4\">\n                  <div className=\"mb-3 space-y-1\">\n                    <h3 className=\"text-sm font-semibold text-foreground\">\n                      {t('customers.deals.detail.peopleSection', 'People')}\n                    </h3>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {peopleSummaryLabel}\n                    </p>\n                  </div>\n                  {data.people.length ? (\n                    <ul className=\"space-y-2 text-sm\">\n                      {data.people.map((person) => (\n                        <li key={person.id} className=\"flex flex-col gap-1\">\n                          <Link href={`/backend/customers/people-v2/${encodeURIComponent(person.id)}`} className=\"font-medium text-foreground hover:underline\">\n                            {person.label}\n                          </Link>\n                          <span className=\"text-xs text-muted-foreground\">\n                            {person.subtitle ?? t('customers.deals.detail.peopleNoDetails', 'No additional details')}\n                          </span>\n                        </li>\n                      ))}\n                    </ul>\n                  ) : (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.deals.detail.noPeople', 'No people linked to this deal yet.')}\n                    </p>\n                  )}\n                </div>\n                <div className=\"rounded-lg border bg-card p-4\">\n                  <div className=\"mb-3 space-y-1\">\n                    <h3 className=\"text-sm font-semibold text-foreground\">\n                      {t('customers.deals.detail.companiesSection', 'Companies')}\n                    </h3>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {companiesSummaryLabel}\n                    </p>\n                  </div>\n                  {data.companies.length ? (\n                    <ul className=\"space-y-2 text-sm\">\n                      {data.companies.map((company) => (\n                        <li key={company.id} className=\"flex flex-col gap-1\">\n                          <Link href={`/backend/customers/companies-v2/${encodeURIComponent(company.id)}`} className=\"font-medium text-foreground hover:underline\">\n                            {company.label}\n                          </Link>\n                          <span className=\"text-xs text-muted-foreground\">\n                            {company.subtitle ?? t('customers.deals.detail.companiesNoDetails', 'No additional details')}\n                          </span>\n                        </li>\n                      ))}\n                    </ul>\n                  ) : (\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('customers.deals.detail.noCompanies', 'No companies linked to this deal yet.')}\n                    </p>\n                  )}\n                </div>\n              </div>\n            </div>\n\n            <div className=\"space-y-6\">\n              <div\n                ref={dealSettingsRef}\n                id=\"deal-settings\"\n                className=\"rounded-lg border bg-card p-4\"\n              >\n                <h2 className=\"mb-4 text-sm font-semibold uppercase text-muted-foreground\">\n                  {t('customers.deals.detail.formTitle', 'Deal settings')}\n                </h2>\n                <DealForm\n                  key={data.deal.updatedAt}\n                  mode=\"edit\"\n                  initialValues={{\n                    id: data.deal.id,\n                    title: data.deal.title ?? '',\n                    status: data.deal.status ?? '',\n                    pipelineStage: data.deal.pipelineStage ?? '',\n                    pipelineId: data.deal.pipelineId ?? '',\n                    pipelineStageId: data.deal.pipelineStageId ?? '',\n                    valueAmount: data.deal.valueAmount ? Number(data.deal.valueAmount) : null,\n                    valueCurrency: data.deal.valueCurrency ?? undefined,\n                    probability: data.deal.probability ?? null,\n                    expectedCloseAt: data.deal.expectedCloseAt ?? null,\n                    description: data.deal.description ?? '',\n                    personIds: data.people.map((person) => person.id),\n                    companyIds: data.companies.map((company) => company.id),\n                    people: data.people.map((person) => ({ id: person.id, label: person.label })),\n                    companies: data.companies.map((company) => ({ id: company.id, label: company.label })),\n                    ...Object.fromEntries(\n                      Object.entries(data.customFields)\n                        .filter(([key]) => key.startsWith('cf_'))\n                        .map(([key, value]) => [key, value]),\n                    ),\n                  }}\n                  onSubmit={handleFormSubmit}\n                  onCancel={() => setReloadToken((token) => token + 1)}\n                  onDelete={handleDelete}\n                  isSubmitting={isSaving || isDeleting}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Building2, Users } from 'lucide-react'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { AttachmentsSection, ErrorMessage, LoadingMessage, NotesSection } from '@open-mercato/ui/backend/detail'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { CollapsibleZoneLayout } from '@open-mercato/ui/backend/crud/CollapsibleZoneLayout'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { E } from '#generated/entities.ids.generated'\n\nimport { ActivitiesSection } from '../../../../components/detail/ActivitiesSection'\nimport { ChangelogTab } from '../../../../components/detail/ChangelogTab'\nimport { DealClosureActionBar } from '../../../../components/detail/DealClosureActionBar'\nimport { DealDetailHeader } from '../../../../components/detail/DealDetailHeader'\nimport { DealDetailTabs, resolveLegacyTab, type DealTabId } from '../../../../components/detail/DealDetailTabs'\nimport { DealForm, useDealAssociationLookups } from '../../../../components/detail/DealForm'\nimport { DealLinkedEntitiesTab } from '../../../../components/detail/DealLinkedEntitiesTab'\nimport { ConfirmDealLostDialog } from '../../../../components/detail/ConfirmDealLostDialog'\nimport { DealLostSummaryDialog } from '../../../../components/detail/DealLostSummaryDialog'\nimport { DealWonPopup } from '../../../../components/detail/DealWonPopup'\nimport { InlineActivityComposer } from '../../../../components/detail/InlineActivityComposer'\nimport { PipelineStepper } from '../../../../components/detail/PipelineStepper'\nimport { PlannedActivitiesSection } from '../../../../components/detail/PlannedActivitiesSection'\nimport { ScheduleActivityDialog } from '../../../../components/detail/ScheduleActivityDialog'\nimport { createCustomerNotesAdapter } from '../../../../components/detail/notesAdapter'\nimport type { InteractionSummary } from '../../../../components/detail/types'\nimport { readMarkdownPreferenceCookie, writeMarkdownPreferenceCookie } from '../../../../lib/markdownPreference'\nimport { ICON_SUGGESTIONS } from '../../../../lib/dictionaries'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\n\nimport { formatCurrency, startOfNextQuarter } from './hooks/formatters'\nimport type { DealDetailPayload } from './hooks/types'\nimport { useDealActivities } from './hooks/useDealActivities'\nimport { useDealAssociations } from './hooks/useDealAssociations'\nimport { useDealClosure } from './hooks/useDealClosure'\nimport { useDealData } from './hooks/useDealData'\nimport { useDealFormHandlers } from './hooks/useDealFormHandlers'\nimport { useDealInjectedTabs } from './hooks/useDealInjectedTabs'\nimport { useDealMutationContext } from './hooks/useDealMutationContext'\nimport { useDealPipeline } from './hooks/useDealPipeline'\nimport { useScheduleDialog } from './hooks/useScheduleDialog'\n\nexport default function DealDetailPage({ params }: { params?: { id?: string } }) {\n  const id = params?.id ?? ''\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n\n  const { data, setData, isLoading, error, loadData } = useDealData(id)\n  const [isDirty, setIsDirty] = React.useState(false)\n  const {\n    scheduleDialogOpen,\n    scheduleEditData,\n    openSchedule,\n    openEdit: openScheduleEdit,\n    closeSchedule,\n  } = useScheduleDialog()\n  const formWrapperRef = React.useRef<HTMLDivElement>(null)\n\n  const initialTab = React.useMemo(() => resolveLegacyTab(searchParams?.get('tab')), [searchParams])\n  const [activeTab, setActiveTab] = React.useState<DealTabId>(initialTab)\n\n  React.useEffect(() => {\n    setActiveTab(initialTab)\n  }, [initialTab])\n\n  const currentDealId = data?.deal.id ?? id\n  const { injectionContext, runMutationWithContext } = useDealMutationContext({\n    currentDealId,\n    fallbackId: id,\n    data,\n  })\n\n  const notesAdapter = React.useMemo(\n    () => createCustomerNotesAdapter(detailTranslator, { runMutation: runMutationWithContext }),\n    [detailTranslator, runMutationWithContext],\n  )\n\n  const { injectedTabs, injectedTabMap } = useDealInjectedTabs({\n    injectionContext,\n    data,\n    setData,\n  })\n\n  const { searchPeoplePage, fetchPeopleByIds, searchCompaniesPage, fetchCompaniesByIds } = useDealAssociationLookups({\n    excludeLinkedDealId: data?.deal.id ?? null,\n  })\n\n  const {\n    plannedActivities,\n    activityRefreshKey,\n    loadPlannedActivities,\n    handleActivityCreated,\n    handleMarkDone,\n    handleCancelActivity,\n  } = useDealActivities({ dealId: id, runMutationWithContext })\n\n  React.useEffect(() => {\n    void Promise.all([loadData(), loadPlannedActivities()])\n  }, [loadData, loadPlannedActivities])\n\n  const activityEntities = React.useMemo(\n    () => (data\n      ? [...data.people, ...data.companies].map((entry) => ({\n          id: entry.id,\n          label: entry.subtitle ? `${entry.label} \u00B7 ${entry.subtitle}` : entry.label,\n          kind: entry.kind,\n        }))\n      : []),\n    [data],\n  )\n  const [selectedActivityEntityId, setSelectedActivityEntityId] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    setSelectedActivityEntityId((current) => {\n      if (activityEntities.length === 1) return activityEntities[0].id\n      if (current && activityEntities.some((entry) => entry.id === current)) return current\n      return null\n    })\n  }, [activityEntities])\n\n  const selectedActivityEntity = React.useMemo(\n    () => activityEntities.find((entry) => entry.id === selectedActivityEntityId) ?? null,\n    [activityEntities, selectedActivityEntityId],\n  )\n\n  const dealOptions = React.useMemo(\n    () => data ? [{ id: data.deal.id, label: data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal') }] : [],\n    [data, t],\n  )\n\n  const entityOptions = React.useMemo(\n    () => activityEntities.map(({ id, label }) => ({ id, label })),\n    [activityEntities],\n  )\n\n  const confirmDiscardIfDirty = React.useCallback(async () => {\n    if (!isDirty) return true\n    return confirm({\n      title: t('customers.deals.detail.unsavedTitle', 'Discard unsaved changes?'),\n      description: t(\n        'customers.deals.detail.unsavedDescription',\n        'You have unsaved edits in this deal. Save them first or continue to discard them.',\n      ),\n      confirmText: t('customers.deals.detail.unsavedConfirm', 'Discard changes'),\n      cancelText: t('customers.deals.detail.unsavedCancel', 'Keep editing'),\n      variant: 'destructive',\n    })\n  }, [confirm, isDirty, t])\n\n  const {\n    peopleEditorIds,\n    companiesEditorIds,\n    peopleSaving,\n    companiesSaving,\n    handlePeopleAssociationsChange,\n    handleCompaniesAssociationsChange,\n    loadLinkedPeoplePage,\n    loadLinkedCompaniesPage,\n  } = useDealAssociations({\n    currentDealId,\n    data,\n    setData,\n    runMutationWithContext,\n  })\n\n  const { isStageSaving, handleStageChange } = useDealPipeline({\n    currentDealId,\n    data,\n    runMutationWithContext,\n    confirmDiscardIfDirty,\n    onStageChanged: loadData,\n  })\n\n  const {\n    lostDialogOpen,\n    wonPopupOpen,\n    lostPopupOpen,\n    wonStats,\n    lostStats,\n    openLostDialog,\n    closeLostDialog,\n    closeWonPopup,\n    closeLostPopup,\n    handleWon,\n    handleLostConfirm,\n  } = useDealClosure({\n    currentDealId,\n    runMutationWithContext,\n    confirmDiscardIfDirty,\n    onClosed: loadData,\n  })\n\n  const handleTabChange = React.useCallback(async (tab: DealTabId) => {\n    if (!(await confirmDiscardIfDirty())) return\n    setActiveTab(tab)\n    const nextParams = new URLSearchParams(searchParams?.toString() ?? '')\n    nextParams.set('tab', tab)\n    router.replace(`/backend/customers/deals/${encodeURIComponent(id)}?${nextParams.toString()}`, { scroll: false })\n  }, [confirmDiscardIfDirty, id, router, searchParams])\n\n  const { isSaving, handleFormSubmit, handleDelete, handleHeaderSave } = useDealFormHandlers({\n    data,\n    currentDealId,\n    loadData,\n    runMutationWithContext,\n    formWrapperRef,\n    confirm,\n  })\n\n  const handleEditActivity = React.useCallback((activity: InteractionSummary) => {\n    if (activity.entityId && activityEntities.some((entry) => entry.id === activity.entityId)) {\n      setSelectedActivityEntityId(activity.entityId)\n    }\n    openScheduleEdit({\n      id: activity.id,\n      interactionType: activity.interactionType,\n      title: activity.title ?? null,\n      body: activity.body ?? null,\n      scheduledAt: activity.scheduledAt ?? null,\n      durationMinutes: activity.duration ?? null,\n      location: activity.location ?? null,\n      allDay: activity.allDay ?? null,\n      recurrenceRule: activity.recurrenceRule ?? null,\n      recurrenceEnd: activity.recurrenceEnd ?? null,\n      participants: activity.participants ?? null,\n      reminderMinutes: activity.reminderMinutes ?? null,\n      visibility: activity.visibility ?? null,\n      linkedEntities: activity.linkedEntities ?? null,\n      guestPermissions: activity.guestPermissions ?? null,\n    })\n  }, [activityEntities, openScheduleEdit])\n\n  const handleViewDashboard = React.useCallback(() => {\n    closeWonPopup()\n    router.push('/backend')\n  }, [closeWonPopup, router])\n\n  const handleBackToPipeline = React.useCallback(() => {\n    closeWonPopup()\n    closeLostPopup()\n    router.push('/backend/customers/deals/pipeline')\n  }, [closeLostPopup, closeWonPopup, router])\n\n  const handleScheduleLostFollowUp = React.useCallback(() => {\n    if (!data || !selectedActivityEntity) return\n    const nextQuarterDate = startOfNextQuarter(new Date())\n    closeLostPopup()\n    openScheduleEdit({\n      id: '',\n      interactionType: 'task',\n      title: data.deal.title\n        ? t('customers.deals.detail.lost.followUpTitle', 'Revisit {{title}}', { title: data.deal.title })\n        : t('customers.deals.detail.lost.followUpFallbackTitle', 'Revisit closed deal'),\n      body: data.deal.lossNotes ?? null,\n      scheduledAt: nextQuarterDate.toISOString(),\n      durationMinutes: 30,\n      location: null,\n      allDay: false,\n      recurrenceRule: null,\n      recurrenceEnd: null,\n      participants: null,\n      reminderMinutes: 1440,\n      visibility: 'team',\n      linkedEntities: [\n        {\n          id: data.deal.id,\n          type: 'deal',\n          label: data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal'),\n        },\n      ],\n    })\n  }, [closeLostPopup, data, openScheduleEdit, selectedActivityEntity, t])\n\n  if (isLoading) {\n    return (\n      <Page>\n        <PageBody>\n          <LoadingMessage label={t('customers.deals.detail.loading', 'Loading deal\u2026')} />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !data) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={error || t('customers.deals.detail.error.notFound', 'Deal not found.')}\n            action={(\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/customers/deals\">\n                  {t('customers.deals.detail.actions.backToList', 'Back to deals')}\n                </Link>\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  const amountLabel = formatCurrency(data.deal.valueAmount, data.deal.valueCurrency)\n  const currentPipelineName = data.pipelineName ?? wonStats?.pipelineName ?? lostStats?.pipelineName ?? null\n  const dealName = data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal')\n\n  const zone1Content = (\n    <div ref={formWrapperRef}>\n      <DealForm\n        mode=\"edit\"\n        embedded\n        trackDirtyWhenEmbedded\n        hideFooterActions\n        singleColumnGroups\n        showAssociationsGroup={false}\n        showVersionHistory={false}\n        showCancelAction={false}\n        onDirtyChange={setIsDirty}\n        collapsibleGroups={{ pageType: 'deal-detail-v3', chevronPosition: 'left' }}\n        sortableGroups={{ pageType: 'deal-detail-v3' }}\n        initialValues={{\n          ...data.deal,\n          valueAmount:\n            typeof data.deal.valueAmount === 'string' && data.deal.valueAmount.trim().length\n              ? Number(data.deal.valueAmount)\n              : null,\n          personIds: data.linkedPersonIds,\n          companyIds: data.linkedCompanyIds,\n          customFields: data.customFields,\n          ...Object.fromEntries(Object.entries(data.customFields ?? {}).map(([key, value]) => [`cf_${key}`, value])),\n        }}\n        onSubmit={handleFormSubmit}\n        onCancel={() => { void loadData() }}\n        onDelete={handleDelete}\n      />\n    </div>\n  )\n\n  const zone2Content = (\n    <div className=\"rounded-[10px] border border-border bg-card px-5 py-5\">\n      {(() => {\n        const injected = injectedTabMap.get(activeTab)\n        if (injected) return injected()\n\n        if (activeTab === 'activities') {\n          const activityEntitySelection = activityEntities.length > 1 ? (\n            <div className=\"rounded-[10px] border border-border bg-muted/20 px-5 py-5\">\n              <label htmlFor=\"deal-activity-entity\" className=\"text-sm font-semibold text-foreground\">\n                {t('customers.deals.detail.activities.selectEntityLabel', 'Choose customer record')}\n              </label>\n              <div className=\"mt-1 text-sm text-muted-foreground\">\n                {t(\n                  'customers.deals.detail.activities.selectEntityDescription',\n                  'Pick the person or company that should own new deal activities and follow-ups.',\n                )}\n              </div>\n              <select\n                id=\"deal-activity-entity\"\n                aria-label={t('customers.deals.detail.activities.selectEntityLabel', 'Choose customer record')}\n                className=\"mt-4 h-9 w-full rounded border border-muted-foreground/40 bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n                value={selectedActivityEntityId ?? ''}\n                onChange={(event) => setSelectedActivityEntityId(event.target.value || null)}\n              >\n                <option value=\"\">\n                  {t('customers.deals.detail.activities.selectEntityPlaceholder', 'Select a person or company')}\n                </option>\n                {activityEntities.map((entry) => (\n                  <option key={entry.id} value={entry.id}>\n                    {entry.label}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : null\n\n          return (\n            <div className=\"space-y-4\">\n              {activityEntities.length > 1 ? activityEntitySelection : null}\n              {activityEntities.length === 0 ? (\n                <div className=\"rounded-[10px] border border-border bg-muted/20 px-5 py-5\">\n                  <div className=\"text-sm font-semibold text-foreground\">\n                    {t('customers.deals.detail.activities.linkEntityTitle', 'Link a person or company first')}\n                  </div>\n                  <div className=\"mt-1 text-sm text-muted-foreground\">\n                    {t('customers.deals.detail.activities.linkEntityDescription', 'Activities on a deal still need a customer record for timeline ownership.')}\n                  </div>\n                  <div className=\"mt-4 flex gap-2\">\n                    <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => handleTabChange('people')}>\n                      {t('customers.deals.detail.tabs.people', 'People')}\n                    </Button>\n                    <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => handleTabChange('companies')}>\n                      {t('customers.deals.detail.tabs.companies', 'Companies')}\n                    </Button>\n                  </div>\n                </div>\n              ) : selectedActivityEntity ? (\n                <InlineActivityComposer\n                  entityType={selectedActivityEntity.kind}\n                  entityId={selectedActivityEntity.id}\n                  dealId={data.deal.id}\n                  onActivityCreated={() => { void handleActivityCreated() }}\n                  runGuardedMutation={runMutationWithContext}\n                  onScheduleRequested={openSchedule}\n                />\n              ) : (\n                <div className=\"rounded-[10px] border border-dashed border-border bg-muted/10 px-5 py-5\">\n                  <div className=\"text-sm font-semibold text-foreground\">\n                    {t('customers.deals.detail.activities.selectEntityRequiredTitle', 'Choose a person or company to continue')}\n                  </div>\n                  <div className=\"mt-1 text-sm text-muted-foreground\">\n                    {t(\n                      'customers.deals.detail.activities.selectEntityRequiredDescription',\n                      'Select the customer record that should receive new deal activities before logging or scheduling anything.',\n                    )}\n                  </div>\n                </div>\n              )}\n              <PlannedActivitiesSection\n                activities={plannedActivities}\n                onComplete={(interactionId) => { void handleMarkDone(interactionId) }}\n                onSchedule={selectedActivityEntity ? openSchedule : undefined}\n                onEdit={handleEditActivity}\n                onCancel={(interactionId) => { void handleCancelActivity(interactionId) }}\n              />\n              {selectedActivityEntity ? (\n                <ActivitiesSection\n                  entityId={selectedActivityEntity.id}\n                  entityName={selectedActivityEntity.label}\n                  dealId={data.deal.id}\n                  dealOptions={dealOptions}\n                  entityOptions={entityOptions}\n                  defaultEntityId={selectedActivityEntity.id}\n                  addActionLabel={t('customers.deals.detail.activitiesAdd', 'Log activity')}\n                  emptyState={{\n                    title: t('customers.deals.detail.activitiesEmptyTitle', 'No activities yet'),\n                    actionLabel: t('customers.deals.detail.activitiesEmptyAction', 'Log activity'),\n                  }}\n                  runGuardedMutation={runMutationWithContext}\n                  onDataRefresh={() => { void handleActivityCreated() }}\n                  refreshKey={activityRefreshKey}\n                  onEditActivity={handleEditActivity}\n                />\n              ) : null}\n            </div>\n          )\n        }\n\n        if (activeTab === 'people') {\n          return (\n            <DealLinkedEntitiesTab\n              entityLabel={t('customers.deals.detail.tabs.peopleSingular', 'Person')}\n              entityLabelPlural={t('customers.deals.detail.tabs.people', 'People')}\n              manageLabel={t('customers.deals.detail.peopleEditorTitle', 'Manage linked people')}\n              searchPlaceholder={t('customers.deals.detail.peopleSearch', 'Search linked people\u2026')}\n              linkedItems={data.people}\n              linkedCount={data.counts.people}\n              selectedIds={peopleEditorIds}\n              disabled={peopleSaving || isSaving}\n              savePending={peopleSaving}\n              hrefBuilder={(personId) => `/backend/customers/people-v2/${encodeURIComponent(personId)}`}\n              onSaveSelection={(next) => handlePeopleAssociationsChange(next)}\n              loadLinkedPage={loadLinkedPeoplePage}\n              searchEntities={searchPeoplePage}\n              fetchEntitiesByIds={fetchPeopleByIds}\n              icon={<Users className=\"size-4\" />}\n            />\n          )\n        }\n\n        if (activeTab === 'companies') {\n          return (\n            <DealLinkedEntitiesTab\n              entityLabel={t('customers.deals.detail.tabs.companySingular', 'Company')}\n              entityLabelPlural={t('customers.deals.detail.tabs.companies', 'Companies')}\n              manageLabel={t('customers.deals.detail.companiesEditorTitle', 'Manage linked companies')}\n              searchPlaceholder={t('customers.deals.detail.companiesSearch', 'Search linked companies\u2026')}\n              linkedItems={data.companies}\n              linkedCount={data.counts.companies}\n              selectedIds={companiesEditorIds}\n              disabled={companiesSaving || isSaving}\n              savePending={companiesSaving}\n              hrefBuilder={(companyId) => `/backend/customers/companies-v2/${encodeURIComponent(companyId)}`}\n              onSaveSelection={(next) => handleCompaniesAssociationsChange(next)}\n              loadLinkedPage={loadLinkedCompaniesPage}\n              searchEntities={searchCompaniesPage}\n              fetchEntitiesByIds={fetchCompaniesByIds}\n              icon={<Building2 className=\"size-4\" />}\n            />\n          )\n        }\n\n        if (activeTab === 'notes') {\n          return (\n            <NotesSection\n              entityId={null}\n              dealId={data.deal.id}\n              dealOptions={dealOptions}\n              entityOptions={entityOptions}\n              emptyLabel={t('customers.deals.detail.notesEmpty', 'No notes yet.')}\n              viewerUserId={data.viewer?.userId ?? null}\n              viewerName={data.viewer?.name ?? null}\n              viewerEmail={data.viewer?.email ?? null}\n              addActionLabel={t('customers.deals.detail.notesAdd', 'Add note')}\n              emptyState={{\n                title: t('customers.deals.detail.notesEmptyTitle', 'Keep everyone in the loop'),\n                actionLabel: t('customers.deals.detail.notesEmptyAction', 'Add a note'),\n              }}\n              translator={detailTranslator}\n              dataAdapter={notesAdapter}\n              renderIcon={renderDictionaryIcon}\n              renderColor={renderDictionaryColor}\n              iconSuggestions={ICON_SUGGESTIONS}\n              readMarkdownPreference={readMarkdownPreferenceCookie}\n              writeMarkdownPreference={writeMarkdownPreferenceCookie}\n            />\n          )\n        }\n\n        if (activeTab === 'files') {\n          return (\n            <AttachmentsSection\n              entityId={E.customers.customer_deal}\n              recordId={data.deal.id}\n              title={t('customers.deals.detail.tabs.files', 'Files')}\n              description={t('customers.deals.detail.files.subtitle', 'Upload and manage files linked to this deal.')}\n            />\n          )\n        }\n\n        if (activeTab === 'changelog') {\n          return <ChangelogTab entityId={data.deal.id} entityType=\"deal\" />\n        }\n\n        return null\n      })()}\n    </div>\n  )\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"space-y-6\">\n          <InjectionSpot spotId=\"detail:customers.deal:header\" context={injectionContext} data={data} />\n\n          <DealDetailHeader\n            deal={data.deal}\n            owner={data.owner}\n            people={data.people}\n            companies={data.companies}\n            pipelineName={currentPipelineName}\n            stageOptions={data.pipelineStages}\n            currentStageId={data.deal.pipelineStageId}\n            onStageChange={handleStageChange}\n            isStageSaving={isStageSaving}\n            onSave={handleHeaderSave}\n            onDelete={handleDelete}\n            isDirty={isDirty}\n            isSaving={isSaving}\n          />\n\n          <InjectionSpot spotId=\"detail:customers.deal:status-badges\" context={injectionContext} data={data} />\n\n          <PipelineStepper\n            stages={data.pipelineStages}\n            transitions={data.stageTransitions}\n            currentStageId={data.deal.pipelineStageId}\n            pipelineName={currentPipelineName}\n            closureOutcome={data.deal.closureOutcome}\n            footer={data.deal.closureOutcome ? null : (\n              <DealClosureActionBar\n                embedded\n                closureOutcome={data.deal.closureOutcome}\n                onWon={() => { void handleWon() }}\n                onLost={openLostDialog}\n              />\n            )}\n          />\n\n          <DealDetailTabs\n            activeTab={activeTab}\n            onTabChange={handleTabChange}\n            injectedTabs={injectedTabs.map((tab) => ({ id: tab.id, label: tab.label }))}\n            peopleCount={data.counts.people}\n            companiesCount={data.counts.companies}\n          >\n            <CollapsibleZoneLayout\n              pageType=\"deal-detail-v3\"\n              entityName={dealName}\n              isDirty={isDirty}\n              zone1DefaultWidth=\"540px\"\n              zone1={zone1Content}\n              zone2={zone2Content}\n            />\n          </DealDetailTabs>\n\n          <InjectionSpot spotId=\"detail:customers.deal:footer\" context={injectionContext} data={data} />\n        </div>\n\n        {ConfirmDialogElement}\n\n        {selectedActivityEntity ? (\n          <ScheduleActivityDialog\n            open={scheduleDialogOpen}\n            onClose={closeSchedule}\n            entityId={selectedActivityEntity.id}\n            dealId={data.deal.id}\n            entityType={selectedActivityEntity.kind}\n            entityName={selectedActivityEntity.label}\n            companyName={selectedActivityEntity.kind === 'company' ? selectedActivityEntity.label : data.companies[0]?.label ?? null}\n            onActivityCreated={() => { void handleActivityCreated() }}\n            editData={scheduleEditData}\n          />\n        ) : null}\n\n        <ConfirmDealLostDialog\n          open={lostDialogOpen}\n          onClose={closeLostDialog}\n          dealTitle={data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal')}\n          dealValue={amountLabel}\n          companyName={data.companies[0]?.label ?? null}\n          onConfirm={handleLostConfirm}\n        />\n\n        <DealWonPopup\n          open={wonPopupOpen}\n          onClose={closeWonPopup}\n          dealTitle={data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal')}\n          stats={wonStats}\n          onViewDashboard={handleViewDashboard}\n          onBackToPipeline={handleBackToPipeline}\n        />\n\n        <DealLostSummaryDialog\n          open={lostPopupOpen}\n          onClose={closeLostPopup}\n          dealTitle={data.deal.title || t('customers.deals.detail.untitled', 'Untitled deal')}\n          lossNotes={data.deal.lossNotes}\n          stats={lostStats}\n          onBackToPipeline={handleBackToPipeline}\n          onScheduleFollowUp={selectedActivityEntity ? handleScheduleLostFollowUp : undefined}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["id"]
 }

package/dist/modules/customers/backend/customers/deals/page.js CHANGED Viewed

@@ -31,6 +31,7 @@ import {
   normalizeCustomFieldFilterOptions,
   supportsCustomFieldColumn
 } from "@open-mercato/ui/backend/utils/customFieldColumns";
+import { CollectionPreviewCell, normalizeCollectionLabels } from "../../../components/list/CollectionPreviewCell.js";
 function parsePersonLookupRecord(item) {
   if (typeof item !== "object" || item === null) return null;
   const record = item;
@@ -399,10 +400,12 @@ function CustomersDealsPage() {
           if (p.id && p.name) map[p.id] = p.name;
         });
         setPipelineNames(map);
-      } catch {
+      } catch (err) {
+        console.warn("[customers.deals.list] failed to load pipelines", err);
       }
     }
-    loadPipelines().catch(() => {
+    loadPipelines().catch((err) => {
+      console.warn("[customers.deals.list] loadPipelines threw", err);
     });
     return () => {
       cancelled = true;
@@ -644,6 +647,7 @@ function CustomersDealsPage() {
     });
     if (!confirmed) return false;
     let deletedCount = 0;
+    const failedIds = [];
     for (const row of selectedRows) {
       try {
         await deleteCrud("customers/deals", {
@@ -651,16 +655,31 @@ function CustomersDealsPage() {
           errorMessage: t("customers.deals.list.deleteError", "Failed to delete deal.")
         });
         deletedCount++;
-      } catch {
+      } catch (err) {
+        failedIds.push(row.id);
+        console.warn("[customers.deals.list] bulk delete failed", row.id, err);
       }
     }
     if (deletedCount > 0) {
       setRows((prev) => {
-        const deletedIds = new Set(selectedRows.map((r) => r.id));
-        return prev.filter((r) => !deletedIds.has(r.id));
+        const succeeded = new Set(selectedRows.map((r) => r.id).filter((id) => !failedIds.includes(id)));
+        return prev.filter((r) => !succeeded.has(r.id));
       });
       setTotal((prev) => Math.max(0, prev - deletedCount));
-      flash(t("customers.deals.list.bulkDelete.success", "{count} deals deleted", { count: deletedCount }), "success");
+      if (failedIds.length === 0) {
+        flash(t("customers.deals.list.bulkDelete.success", "{count} deals deleted", { count: deletedCount }), "success");
+      } else {
+        flash(
+          t("customers.deals.list.bulkDelete.partial", "{deleted} of {total} deals deleted; {failed} failed", {
+            deleted: deletedCount,
+            total: selectedRows.length,
+            failed: failedIds.length
+          }),
+          "warning"
+        );
+      }
+    } else if (failedIds.length > 0) {
+      flash(t("customers.deals.list.bulkDelete.failed", "Failed to delete {count} deals", { count: failedIds.length }), "error");
     }
     return deletedCount > 0;
   }, [confirm, t]);
@@ -701,9 +720,13 @@ function CustomersDealsPage() {
         colorClassName: "h-3 w-3 rounded-full"
       }
     );
-    const renderAssociationList = (items, fallbackLabel) => {
+    const renderAssociationSummary = (items, fallbackLabel) => {
       if (!items.length) return noValue;
-      return /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-1 text-sm", children: items.map((entry) => /* @__PURE__ */ jsx("li", { className: "rounded border px-2 py-0.5 text-xs bg-muted", children: entry.label && entry.label.trim().length ? entry.label : fallbackLabel }, entry.id)) });
+      const labels = normalizeCollectionLabels(
+        items.map((entry) => entry.label && entry.label.trim().length ? entry.label : fallbackLabel)
+      );
+      if (!labels.length) return noValue;
+      return /* @__PURE__ */ jsx(CollectionPreviewCell, { labels, maxVisible: 1 });
     };
     const customColumns = customFieldDefs.filter((def) => supportsCustomFieldColumn(def)).map((def) => ({
       accessorKey: `cf_${def.key}`,
@@ -713,19 +736,22 @@ function CustomersDealsPage() {
         filterGroup: def.group?.title ?? "Custom Fields",
         filterType: mapCustomFieldKindToFilterType(def.kind),
         filterOptions: normalizeCustomFieldFilterOptions(def.options),
-        hidden: def.listVisible === false
+        hidden: def.listVisible === false,
+        maxWidth: "220px"
       },
       cell: ({ getValue }) => {
         const value = getValue();
         if (value == null) return noValue;
         if (Array.isArray(value)) {
-          const normalized = value.map((item) => {
-            if (item == null) return "";
-            if (typeof item === "string") return item.trim();
-            return String(item).trim();
-          }).filter((item) => item.length > 0);
+          const normalized = normalizeCollectionLabels(
+            value.map((item) => {
+              if (item == null) return "";
+              if (typeof item === "string") return item;
+              return String(item);
+            })
+          );
           if (!normalized.length) return noValue;
-          return /* @__PURE__ */ jsx("span", { className: "text-sm", children: normalized.join(", ") });
+          return /* @__PURE__ */ jsx(CollectionPreviewCell, { labels: normalized, maxVisible: 2 });
         }
         if (typeof value === "boolean") {
           return /* @__PURE__ */ jsx("span", { className: "text-sm", children: value ? t("customers.deals.list.booleanYes", "Yes") : t("customers.deals.list.booleanNo", "No") });
@@ -739,7 +765,12 @@ function CustomersDealsPage() {
       {
         accessorKey: "title",
         header: t("customers.deals.list.columns.title"),
-        meta: { alwaysVisible: true, columnChooserGroup: "Basic Info", filterKey: "title" },
+        meta: {
+          alwaysVisible: true,
+          columnChooserGroup: "Basic Info",
+          filterKey: "title",
+          maxWidth: "280px"
+        },
         cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: row.original.title })
       },
       {
@@ -757,7 +788,7 @@ function CustomersDealsPage() {
       {
         accessorKey: "pipelineId",
         header: t("customers.deals.list.columns.pipeline", "Pipeline"),
-        meta: { columnChooserGroup: "Pipeline", filterKey: "pipeline_id" },
+        meta: { columnChooserGroup: "Pipeline", filterKey: "pipeline_id", maxWidth: "220px" },
         cell: ({ row }) => {
           const name = row.original.pipelineId ? pipelineNames[row.original.pipelineId] : null;
           return name ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: name }) : noValue;
@@ -790,14 +821,28 @@ function CustomersDealsPage() {
       {
         accessorKey: "companies",
         header: t("customers.deals.list.columns.companies"),
-        meta: { columnChooserGroup: "Associations", filterable: false },
-        cell: ({ row }) => renderAssociationList(row.original.companies, t("customers.deals.list.unnamedCompany"))
+        meta: {
+          columnChooserGroup: "Associations",
+          filterable: false,
+          maxWidth: "220px",
+          tooltipContent: (row) => normalizeCollectionLabels(
+            row.companies.map((entry) => entry.label && entry.label.trim().length ? entry.label : t("customers.deals.list.unnamedCompany"))
+          ).join(", ")
+        },
+        cell: ({ row }) => renderAssociationSummary(row.original.companies, t("customers.deals.list.unnamedCompany"))
       },
       {
         accessorKey: "people",
         header: t("customers.deals.list.columns.people"),
-        meta: { columnChooserGroup: "Associations", filterable: false },
-        cell: ({ row }) => renderAssociationList(row.original.people, t("customers.deals.list.unnamedPerson"))
+        meta: {
+          columnChooserGroup: "Associations",
+          filterable: false,
+          maxWidth: "220px",
+          tooltipContent: (row) => normalizeCollectionLabels(
+            row.people.map((entry) => entry.label && entry.label.trim().length ? entry.label : t("customers.deals.list.unnamedPerson"))
+          ).join(", ")
+        },
+        cell: ({ row }) => renderAssociationSummary(row.original.people, t("customers.deals.list.unnamedPerson"))
       },
       {
         accessorKey: "updatedAt",