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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivitiesSection.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { createTranslatorWithFallback } from '@open-mercato/shared/lib/i18n/translate'\nimport { createCrud, deleteCrud, updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport {\n  ActivitiesSection as SharedActivitiesSection,\n  type ActivitySummary,\n  type ActivitiesDataAdapter,\n  type SectionAction,\n  type TabEmptyStateConfig,\n} from '@open-mercato/ui/backend/detail'\nimport { renderDictionaryColor, renderDictionaryIcon } from '@open-mercato/core/modules/dictionaries/components/dictionaryAppearance'\nimport { createDictionarySelectLabels } from './utils'\nimport { ensureCustomerDictionary, invalidateCustomerDictionary, useCustomerDictionary } from './hooks/useCustomerDictionary'\nimport { CustomFieldValuesList } from './CustomFieldValuesList'\nimport { useCustomFieldDisplay } from './hooks/useCustomFieldDisplay'\nimport { E } from '#generated/entities.ids.generated'\nimport {\n  CUSTOMER_INTERACTION_ENTITY_ID,\n  mapInteractionRecordToActivitySummary,\n} from '../../lib/interactionCompatibility'\nimport type { InteractionSummary } from './types'\n\ntype DictionaryOption = {\n  value: string\n  label: string\n  color: string | null\n  icon: string | null\n}\n\ntype GuardedMutationRunner = <T>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\nexport type ActivitiesSectionProps = {\n  entityId: string | null\n  dealId?: string | null\n  useCanonicalInteractions?: boolean\n  addActionLabel: string\n  emptyState: TabEmptyStateConfig\n  onActionChange?: (action: SectionAction | null) => void\n  onLoadingChange?: (isLoading: boolean) => void\n  onDataRefresh?: () => void\n  dealOptions?: Array<{ id: string; label: string }>\n  entityOptions?: Array<{ id: string; label: string }>\n  defaultEntityId?: string | null\n  runGuardedMutation?: GuardedMutationRunner\n}\n\nexport function ActivitiesSection({\n  entityId,\n  dealId,\n  useCanonicalInteractions = false,\n  addActionLabel,\n  emptyState,\n  onActionChange,\n  onLoadingChange,\n  onDataRefresh,\n  dealOptions,\n  entityOptions,\n  defaultEntityId,\n  runGuardedMutation,\n}: ActivitiesSectionProps) {\n  const t = useT()\n  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t])\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const dictionaryQuery = useCustomerDictionary('activity-types', scopeVersion)\n  const dictionaryMap = dictionaryQuery.data?.map ?? {}\n  const customFieldResources = useCustomFieldDisplay(\n    useCanonicalInteractions ? CUSTOMER_INTERACTION_ENTITY_ID : E.customers.customer_activity,\n  )\n  const customFieldEmptyLabel = t('customers.people.detail.noValue', 'Not provided')\n\n  const translate = React.useCallback(\n    (key: string, fallback: string) => {\n      const result = t(key)\n      return result === key ? fallback : result\n    },\n    [t],\n  )\n  const runWriteMutation = React.useCallback(\n    async <T,>(operation: () => Promise<T>, mutationPayload?: Record<string, unknown>): Promise<T> => {\n      if (!runGuardedMutation) {\n        return operation()\n      }\n      return runGuardedMutation(operation, mutationPayload)\n    },\n    [runGuardedMutation],\n  )\n\n  const activityTypeLabels = React.useMemo(\n    () => createDictionarySelectLabels('activity-types', translate),\n    [translate],\n  )\n\n  const loadActivityOptions = React.useCallback(async (): Promise<DictionaryOption[]> => {\n    const data = await ensureCustomerDictionary(queryClient, 'activity-types', scopeVersion)\n    return data.entries\n      .filter((entry) => entry.value !== 'task')\n      .map((entry) => ({\n        value: entry.value,\n        label: entry.label,\n        color: entry.color ?? null,\n        icon: entry.icon ?? null,\n      }))\n  }, [queryClient, scopeVersion])\n\n  const createActivityOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\n      const requestPayload = {\n        value: input.value,\n        label: input.label ?? undefined,\n        color: input.color ?? undefined,\n        icon: input.icon ?? undefined,\n      }\n      const response = await runWriteMutation(\n        () => apiCallOrThrow<Record<string, unknown>>(\n          '/api/customers/dictionaries/activity-types',\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify(requestPayload),\n          },\n          { errorMessage: translate('customers.people.form.dictionary.error', 'Failed to save option') },\n        ),\n        requestPayload,\n      )\n      const resultPayload = response.result ?? {}\n      const valueCreated =\n        typeof resultPayload.value === 'string' && resultPayload.value.trim().length\n          ? resultPayload.value.trim()\n          : input.value\n      const label =\n        typeof resultPayload.label === 'string' && resultPayload.label.trim().length\n          ? resultPayload.label.trim()\n          : valueCreated\n      const color =\n        typeof resultPayload.color === 'string' && resultPayload.color.trim().startsWith('#')\n          ? resultPayload.color.trim()\n          : input.color ?? null\n      const icon =\n        typeof resultPayload.icon === 'string' && resultPayload.icon.trim().length\n          ? resultPayload.icon.trim()\n          : input.icon ?? null\n      await invalidateCustomerDictionary(queryClient, 'activity-types')\n      return { value: valueCreated, label, color, icon }\n    },\n    [queryClient, runWriteMutation, translate],\n  )\n\n  const activitiesAdapter = React.useMemo<ActivitiesDataAdapter>(() => ({\n    list: async ({ entityId: listEntityId, dealId: listDealId }) => {\n      if (useCanonicalInteractions) {\n        const params = new URLSearchParams({\n          limit: '50',\n          sortField: 'occurredAt',\n          sortDir: 'desc',\n          excludeInteractionType: 'task',\n        })\n        if (listEntityId) params.set('entityId', listEntityId)\n        if (listDealId) params.set('dealId', listDealId)\n        const payload = await readApiResultOrThrow<{ items?: InteractionSummary[] }>(\n          `/api/customers/interactions?${params.toString()}`,\n          undefined,\n          { errorMessage: translate('customers.people.detail.activities.loadError', 'Failed to load activities.') },\n        )\n        const items = Array.isArray(payload?.items) ? payload.items : []\n        return items.map((interaction) => mapInteractionRecordToActivitySummary(interaction))\n      }\n\n      const params = new URLSearchParams({\n        pageSize: '50',\n        sortField: 'occurredAt',\n        sortDir: 'desc',\n      })\n      if (listEntityId) params.set('entityId', listEntityId)\n      if (listDealId) params.set('dealId', listDealId)\n      const payload = await readApiResultOrThrow<Record<string, unknown>>(\n        `/api/customers/activities?${params.toString()}`,\n        undefined,\n        { errorMessage: translate('customers.people.detail.activities.loadError', 'Failed to load activities.') },\n      )\n      return Array.isArray(payload?.items) ? (payload.items as ActivitySummary[]) : []\n    },\n    create: async ({ entityId: payloadEntityId, dealId: payloadDealId, ...payload }) => {\n      if (useCanonicalInteractions) {\n        const interactionPayload = {\n          entityId: payloadEntityId,\n          interactionType: payload.activityType,\n          title: payload.subject ?? undefined,\n          body: payload.body ?? undefined,\n          occurredAt: payload.occurredAt ?? undefined,\n          status: payload.occurredAt ? 'done' : 'planned',\n          dealId: payloadDealId ?? undefined,\n          ...(payload.customFields ? { customFields: payload.customFields } : {}),\n        }\n        await runWriteMutation(\n          () => createCrud(\n            'customers/interactions',\n            interactionPayload,\n            {\n              errorMessage: translate('customers.people.detail.activities.error', 'Failed to save activity'),\n            },\n          ),\n          interactionPayload,\n        )\n        onDataRefresh?.()\n        return\n      }\n\n      const activityPayload = {\n        entityId: payloadEntityId,\n        activityType: payload.activityType,\n        subject: payload.subject ?? undefined,\n        body: payload.body ?? undefined,\n        occurredAt: payload.occurredAt ?? undefined,\n        dealId: payloadDealId ?? undefined,\n        ...(payload.customFields ? { customFields: payload.customFields } : {}),\n      }\n      await runWriteMutation(\n        () => createCrud(\n          'customers/activities',\n          activityPayload,\n          {\n            errorMessage: translate('customers.people.detail.activities.error', 'Failed to save activity'),\n          },\n        ),\n        activityPayload,\n      )\n      onDataRefresh?.()\n    },\n    update: async ({ id, patch }) => {\n      if (useCanonicalInteractions) {\n        const interactionPatch = {\n          id,\n          interactionType: patch.activityType,\n          title: patch.subject ?? undefined,\n          body: patch.body ?? undefined,\n          occurredAt: patch.occurredAt ?? undefined,\n          status: patch.occurredAt ? 'done' : undefined,\n          dealId: patch.dealId ?? undefined,\n          ...(patch.customFields ? { customFields: patch.customFields } : {}),\n        }\n        await runWriteMutation(\n          () => updateCrud(\n            'customers/interactions',\n            interactionPatch,\n            {\n              errorMessage: translate('customers.people.detail.activities.error', 'Failed to save activity'),\n            },\n          ),\n          interactionPatch,\n        )\n        onDataRefresh?.()\n        return\n      }\n\n      const activityPatch = {\n        id,\n        entityId: patch.entityId,\n        activityType: patch.activityType,\n        subject: patch.subject ?? undefined,\n        body: patch.body ?? undefined,\n        occurredAt: patch.occurredAt ?? undefined,\n        dealId: patch.dealId ?? undefined,\n        ...(patch.customFields ? { customFields: patch.customFields } : {}),\n      }\n      await runWriteMutation(\n        () => updateCrud(\n          'customers/activities',\n          activityPatch,\n          {\n            errorMessage: translate('customers.people.detail.activities.error', 'Failed to save activity'),\n          },\n        ),\n        activityPatch,\n      )\n      onDataRefresh?.()\n    },\n    delete: async ({ id }) => {\n      if (useCanonicalInteractions) {\n        const deletePayload = { id }\n        await runWriteMutation(\n          () => deleteCrud('customers/interactions', {\n            id,\n            errorMessage: translate('customers.people.detail.activities.deleteError', 'Failed to delete activity.'),\n          }),\n          deletePayload,\n        )\n        onDataRefresh?.()\n        return\n      }\n\n      const deletePayload = { id }\n      await runWriteMutation(\n        () => deleteCrud('customers/activities', {\n          id,\n          errorMessage: translate('customers.people.detail.activities.deleteError', 'Failed to delete activity.'),\n        }),\n        deletePayload,\n      )\n      onDataRefresh?.()\n    },\n  }), [onDataRefresh, runWriteMutation, translate, useCanonicalInteractions])\n\n  const resolveActivityPresentation = React.useCallback((activity: ActivitySummary) => {\n    const entry = dictionaryMap[activity.activityType]\n    return {\n      label: entry?.label ?? activity.activityType,\n      icon: entry?.icon ?? activity.appearanceIcon ?? null,\n      color: entry?.color ?? activity.appearanceColor ?? null,\n    }\n  }, [dictionaryMap])\n\n  const renderCustomFields = React.useCallback((activity: ActivitySummary) => {\n    const customEntries = Array.isArray(activity.customFields) ? activity.customFields : []\n    return (\n      <CustomFieldValuesList\n        entries={customEntries.map((entry) => ({\n          key: entry.key,\n          value: entry.value,\n          label: entry.label,\n        }))}\n        values={activity.customValues ?? undefined}\n        resources={customFieldResources}\n        emptyLabel={customFieldEmptyLabel}\n        itemKeyPrefix={`activity-${activity.id}-field`}\n      />\n    )\n  }, [customFieldEmptyLabel, customFieldResources])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('customers.config.dictionaries.dialog.colorLabel', 'Color'),\n    colorHelp: t('customers.config.dictionaries.dialog.colorHelp', 'Pick a highlight color for this entry.'),\n    colorClearLabel: t('customers.config.dictionaries.dialog.colorClear', 'Remove color'),\n    iconLabel: t('customers.config.dictionaries.dialog.iconLabel', 'Icon or emoji'),\n    iconPlaceholder: t('customers.config.dictionaries.dialog.iconPlaceholder', 'Type an emoji or pick one of the suggestions.'),\n    iconPickerTriggerLabel: t('customers.config.dictionaries.dialog.iconBrowse', 'Browse icons and emojis'),\n    iconSearchPlaceholder: t('customers.config.dictionaries.dialog.iconSearchPlaceholder', 'Search icons or emojis...'),\n    iconSearchEmptyLabel: t('customers.config.dictionaries.dialog.iconSearchEmpty', 'No icons match your search.'),\n    iconSuggestionsLabel: t('customers.config.dictionaries.dialog.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('customers.config.dictionaries.dialog.iconClear', 'Remove icon'),\n    previewEmptyLabel: t('customers.config.dictionaries.dialog.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const sortActivitiesSoonestFirst = React.useCallback((items: ActivitySummary[]): ActivitySummary[] => {\n    const toTimestamp = (value: string | null | undefined): number | null => {\n      if (!value) return null\n      const timestamp = Date.parse(value)\n      return Number.isNaN(timestamp) ? null : timestamp\n    }\n\n    const referenceTime = Date.now()\n\n    const getSortKey = (activity: ActivitySummary): { bucket: number; time: number; createdAt: number } => {\n      const primaryTimestamp = toTimestamp(activity.occurredAt ?? activity.createdAt)\n      const createdAtTimestamp = toTimestamp(activity.createdAt) ?? Number.POSITIVE_INFINITY\n\n      if (primaryTimestamp === null) {\n        return { bucket: 2, time: Number.POSITIVE_INFINITY, createdAt: createdAtTimestamp }\n      }\n\n      if (primaryTimestamp >= referenceTime) {\n        return { bucket: 0, time: primaryTimestamp, createdAt: createdAtTimestamp }\n      }\n\n      return { bucket: 1, time: -primaryTimestamp, createdAt: createdAtTimestamp }\n    }\n\n    return [...items].sort((left, right) => {\n      const leftKey = getSortKey(left)\n      const rightKey = getSortKey(right)\n      if (leftKey.bucket !== rightKey.bucket) return leftKey.bucket - rightKey.bucket\n      if (leftKey.time !== rightKey.time) return leftKey.time - rightKey.time\n      if (leftKey.createdAt !== rightKey.createdAt) return leftKey.createdAt - rightKey.createdAt\n      return left.id.localeCompare(right.id)\n    })\n  }, [])\n\n  const sortedActivitiesAdapter = React.useMemo<ActivitiesDataAdapter>(() => ({\n    ...activitiesAdapter,\n    list: async (params) => sortActivitiesSoonestFirst(await activitiesAdapter.list(params)),\n  }), [activitiesAdapter, sortActivitiesSoonestFirst])\n\n  const customFieldEntityIds = React.useMemo(\n    () => [useCanonicalInteractions ? CUSTOMER_INTERACTION_ENTITY_ID : 'customers:customer_activity'],\n    [useCanonicalInteractions],\n  )\n\n  return (\n    <SharedActivitiesSection\n      entityId={entityId}\n      dealId={dealId}\n      dealOptions={dealOptions}\n      entityOptions={entityOptions}\n      defaultEntityId={defaultEntityId ?? undefined}\n      addActionLabel={addActionLabel}\n      emptyState={emptyState}\n      onActionChange={onActionChange}\n      onLoadingChange={onLoadingChange}\n      dataAdapter={sortedActivitiesAdapter}\n      activityTypeLabels={activityTypeLabels}\n      loadActivityOptions={loadActivityOptions}\n      createActivityOption={createActivityOption}\n      resolveActivityPresentation={resolveActivityPresentation}\n      renderCustomFields={renderCustomFields}\n      renderIcon={renderDictionaryIcon}\n      renderColor={renderDictionaryColor}\n      manageHref=\"/backend/config/customers\"\n      appearanceLabels={appearanceLabels}\n      customFieldEntityIds={customFieldEntityIds}\n    />\n  )\n}\n\nexport default ActivitiesSection\n"],
-  "mappings": "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",
-  "names": ["params", "payload", "deletePayload"]
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Clock } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport type { SectionAction, TabEmptyStateConfig } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ActivityTimelineFilters } from './ActivityTimelineFilters'\nimport { ActivityTimeline } from './ActivityTimeline'\nimport type { ActivitySummary, InteractionSummary } from './types'\n\ntype GuardedMutationRunner = <T>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\nexport type ActivitiesSectionProps = {\n  entityId: string | null\n  entityName?: string | null\n  dealId?: string | null\n  useCanonicalInteractions?: boolean\n  addActionLabel: string\n  emptyState: TabEmptyStateConfig\n  onActionChange?: (action: SectionAction | null) => void\n  onLoadingChange?: (isLoading: boolean) => void\n  onDataRefresh?: () => void\n  dealOptions?: Array<{ id: string; label: string }>\n  entityOptions?: Array<{ id: string; label: string }>\n  defaultEntityId?: string | null\n  runGuardedMutation?: GuardedMutationRunner\n  refreshKey?: number\n  onEditActivity?: (activity: InteractionSummary) => void\n}\n\nfunction toDateOnly(value: string | null | undefined): string {\n  if (!value) return ''\n  const date = new Date(value)\n  return Number.isNaN(date.getTime()) ? '' : date.toISOString().slice(0, 10)\n}\n\nfunction normalizeLegacyActivity(activity: ActivitySummary): InteractionSummary {\n  return {\n    id: activity.id,\n    interactionType: activity.activityType,\n    title: activity.subject ?? null,\n    body: activity.body ?? null,\n    status: 'done',\n    scheduledAt: null,\n    occurredAt: activity.occurredAt ?? null,\n    priority: null,\n    authorUserId: activity.authorUserId ?? null,\n    ownerUserId: null,\n    appearanceIcon: activity.appearanceIcon ?? null,\n    appearanceColor: activity.appearanceColor ?? null,\n    source: 'legacy-activity',\n    entityId: activity.entityId ?? null,\n    dealId: activity.dealId ?? null,\n    organizationId: null,\n    tenantId: null,\n    authorName: activity.authorName ?? null,\n    authorEmail: activity.authorEmail ?? null,\n    dealTitle: activity.dealTitle ?? null,\n    customValues: activity.customValues ?? null,\n    createdAt: activity.createdAt,\n    updatedAt: activity.createdAt,\n  }\n}\n\nfunction sortTimelineActivities(items: InteractionSummary[]): InteractionSummary[] {\n  const now = Date.now()\n  return [...items].sort((left, right) => {\n    const leftScheduled = left.scheduledAt ? new Date(left.scheduledAt).getTime() : Number.NaN\n    const rightScheduled = right.scheduledAt ? new Date(right.scheduledAt).getTime() : Number.NaN\n    const leftIsPlanned = left.status === 'planned' && Number.isFinite(leftScheduled)\n    const rightIsPlanned = right.status === 'planned' && Number.isFinite(rightScheduled)\n    const leftIsUpcoming = leftIsPlanned && leftScheduled >= now\n    const rightIsUpcoming = rightIsPlanned && rightScheduled >= now\n\n    if (leftIsUpcoming !== rightIsUpcoming) {\n      return leftIsUpcoming ? -1 : 1\n    }\n\n    if (leftIsUpcoming && rightIsUpcoming) {\n      if (leftScheduled === rightScheduled) return left.id.localeCompare(right.id)\n      return leftScheduled - rightScheduled\n    }\n\n    const leftTime = left.occurredAt ?? left.createdAt\n    const rightTime = right.occurredAt ?? right.createdAt\n    const compare = rightTime.localeCompare(leftTime)\n    if (compare !== 0) return compare\n    return right.id.localeCompare(left.id)\n  })\n}\n\nexport function ActivitiesSection({\n  entityId,\n  entityName,\n  dealId,\n  useCanonicalInteractions = false,\n  onActionChange,\n  onLoadingChange,\n  refreshKey = 0,\n  onEditActivity,\n}: ActivitiesSectionProps) {\n  const t = useT()\n  const [filterTypes, setFilterTypes] = React.useState<string[]>([])\n  const [filterDateFrom, setFilterDateFrom] = React.useState('')\n  const [filterDateTo, setFilterDateTo] = React.useState('')\n  const [activities, setActivities] = React.useState<InteractionSummary[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [hasMore, setHasMore] = React.useState(false)\n  const [loadedPages, setLoadedPages] = React.useState(1)\n\n  React.useEffect(() => {\n    onActionChange?.(null)\n    return () => onActionChange?.(null)\n  }, [onActionChange])\n\n  React.useEffect(() => {\n    onLoadingChange?.(loading)\n  }, [loading, onLoadingChange])\n\n  const loadActivities = React.useCallback(async () => {\n    if (!entityId) {\n      setActivities([])\n      return\n    }\n\n    setLoading(true)\n    try {\n      // Always fetch canonical interactions (new activities are always created here)\n      const canonicalParams = new URLSearchParams({\n        entityId,\n        limit: '50',\n        sortField: 'occurredAt',\n        sortDir: 'desc',\n        excludeInteractionType: 'task',\n      })\n      if (dealId) canonicalParams.set('dealId', dealId)\n      if (filterTypes.length > 0) canonicalParams.set('type', filterTypes.join(','))\n      if (filterDateFrom) canonicalParams.set('from', filterDateFrom)\n      if (filterDateTo) canonicalParams.set('to', filterDateTo)\n\n      const canonicalItems: InteractionSummary[] = []\n      let canonicalCursor: string | undefined\n      let canonicalHasMore = false\n      let pageIndex = 0\n      do {\n        const params = new URLSearchParams(canonicalParams)\n        if (canonicalCursor) params.set('cursor', canonicalCursor)\n        const canonicalPayload = await readApiResultOrThrow<{ items?: InteractionSummary[]; nextCursor?: string }>(\n          `/api/customers/interactions?${params.toString()}`,\n        ).catch(() => ({ items: [] as InteractionSummary[], nextCursor: undefined }))\n        canonicalItems.push(...(Array.isArray(canonicalPayload?.items) ? canonicalPayload.items : []))\n        canonicalCursor = typeof canonicalPayload?.nextCursor === 'string' ? canonicalPayload.nextCursor : undefined\n        canonicalHasMore = Boolean(canonicalCursor)\n        pageIndex += 1\n      } while (canonicalCursor && pageIndex < loadedPages)\n\n      if (useCanonicalInteractions) {\n        setActivities(sortTimelineActivities(canonicalItems))\n        setHasMore(canonicalHasMore)\n        return\n      }\n\n      // In legacy mode, also fetch legacy activities and merge with canonical\n      const legacyItems: InteractionSummary[] = []\n      let legacyTotalPages = 1\n      for (let legacyPage = 1; legacyPage <= loadedPages; legacyPage += 1) {\n        const legacyParams = new URLSearchParams({\n          entityId,\n          page: String(legacyPage),\n          pageSize: '50',\n          sortField: 'occurredAt',\n          sortDir: 'desc',\n        })\n        if (dealId) legacyParams.set('dealId', dealId)\n        const legacyPayload = await readApiResultOrThrow<{ items?: ActivitySummary[]; totalPages?: number }>(\n          `/api/customers/activities?${legacyParams.toString()}`,\n        ).catch(() => ({ items: [] as ActivitySummary[], totalPages: 1 }))\n        legacyItems.push(...(Array.isArray(legacyPayload?.items) ? legacyPayload.items.map(normalizeLegacyActivity) : []))\n        legacyTotalPages = typeof legacyPayload?.totalPages === 'number' ? legacyPayload.totalPages : legacyTotalPages\n      }\n      const legacyFiltered = legacyItems.filter((entry) => {\n        if (filterTypes.length > 0 && !filterTypes.includes(entry.interactionType)) return false\n        const dateOnly = toDateOnly(entry.occurredAt ?? entry.createdAt)\n        if (filterDateFrom && dateOnly < filterDateFrom) return false\n        if (filterDateTo && dateOnly > filterDateTo) return false\n        return true\n      })\n\n      // Merge and deduplicate by id, sort newest first\n      const seen = new Set<string>()\n      const merged: InteractionSummary[] = []\n      for (const item of [...canonicalItems, ...legacyFiltered]) {\n        if (!seen.has(item.id)) {\n          seen.add(item.id)\n          merged.push(item)\n        }\n      }\n      setActivities(sortTimelineActivities(merged))\n      setHasMore(canonicalHasMore || legacyTotalPages > loadedPages)\n    } catch (error) {\n      console.error('customers.activities.history failed', error)\n      flash(t('customers.activities.loadFailed', 'Failed to load activities.'), 'error')\n      setActivities([])\n      setHasMore(false)\n    } finally {\n      setLoading(false)\n    }\n  }, [dealId, entityId, filterDateFrom, filterDateTo, filterTypes, loadedPages, useCanonicalInteractions, refreshKey, t])\n\n  React.useEffect(() => {\n    setLoadedPages(1)\n  }, [dealId, entityId, filterDateFrom, filterDateTo, filterTypes, useCanonicalInteractions])\n\n  const resolvedUserIdsRef = React.useRef(new Set<string>())\n\n  // Resolve missing author names from user IDs\n  React.useEffect(() => {\n    loadActivities()\n      .then(() => { resolvedUserIdsRef.current = new Set() })\n      .catch((err) => console.warn('[ActivitiesSection] loadActivities failed', err))\n  }, [loadActivities])\n\n  React.useEffect(() => {\n    const unresolvedIds = new Set<string>()\n    for (const a of activities) {\n      if (a.authorUserId && !a.authorName && !resolvedUserIdsRef.current.has(a.authorUserId)) {\n        unresolvedIds.add(a.authorUserId)\n      }\n    }\n    if (unresolvedIds.size === 0) return\n\n    for (const uid of unresolvedIds) resolvedUserIdsRef.current.add(uid)\n\n    const controller = new AbortController()\n    readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n      `/api/auth/users?ids=${[...unresolvedIds].join(',')}`,\n      { signal: controller.signal },\n    )\n      .then((data) => {\n        const users = Array.isArray(data?.items) ? data.items : []\n        const nameMap = new Map<string, string>()\n        for (const user of users) {\n          const userId = typeof user.id === 'string' ? user.id : null\n          const name = typeof user.display_name === 'string' && user.display_name.trim()\n            ? user.display_name.trim()\n            : typeof user.email === 'string'\n              ? user.email\n              : null\n          if (userId && name) nameMap.set(userId, name)\n        }\n        if (nameMap.size > 0) {\n          setActivities((prev) =>\n            prev.map((a) => {\n              if (a.authorUserId && !a.authorName && nameMap.has(a.authorUserId)) {\n                return { ...a, authorName: nameMap.get(a.authorUserId) ?? null }\n              }\n              return a\n            }),\n          )\n        }\n      })\n      .catch((err) => console.warn('[ActivitiesSection] resolve author names failed', err))\n    return () => controller.abort()\n  }, [activities])\n\n  return (\n    <div className=\"rounded-2xl border border-border/70 bg-card p-5\">\n      <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <Clock className=\"size-4 text-muted-foreground\" />\n          <h3 className=\"text-base font-semibold text-foreground\">\n            {entityName\n              ? t('customers.timeline.history.title', 'Interaction history with {{name}}', { name: entityName })\n              : t('customers.timeline.history.titleGeneric', 'Interaction history')}\n          </h3>\n        </div>\n      </div>\n\n      <div className=\"mb-4\">\n        <ActivityTimelineFilters\n          entityId={entityId}\n          activeTypes={filterTypes}\n          dateFrom={filterDateFrom}\n          dateTo={filterDateTo}\n          onTypesChange={setFilterTypes}\n          onDateFromChange={setFilterDateFrom}\n          onDateToChange={setFilterDateTo}\n          onReset={() => {\n            setFilterTypes([])\n            setFilterDateFrom('')\n            setFilterDateTo('')\n          }}\n        />\n      </div>\n\n      {loading && activities.length === 0 ? (\n        <div className=\"rounded-lg border border-dashed border-border/70 px-4 py-8 text-sm text-muted-foreground\">\n          {t('customers.people.detail.activities.loading', 'Loading activities\u2026')}\n        </div>\n      ) : (\n        <>\n          <ActivityTimeline activities={activities} onEdit={onEditActivity} />\n          {activities.length > 0 ? (\n            <div className=\"border-t px-5 py-3\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <span className=\"text-xs text-muted-foreground\">\n                  {t('customers.activities.seeAll', 'See all {count} activities', { count: activities.length })}\n                </span>\n                {hasMore ? (\n                  <Button type=\"button\" variant=\"link\" size=\"sm\" onClick={() => setLoadedPages((value) => value + 1)}>\n                    {t('customers.activities.loadMore', 'Load more')}\n                  </Button>\n                ) : null}\n              </div>\n            </div>\n          ) : null}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default ActivitiesSection\n"],
+  "mappings": ";AAkRQ,SAgCA,UA/BE,KADF;AAhRR,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,aAAa;AAEtB,SAAS,cAAc;AACvB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AA0BjC,SAAS,WAAW,OAA0C;AAC5D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,SAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAAI,KAAK,KAAK,YAAY,EAAE,MAAM,GAAG,EAAE;AAC3E;AAEA,SAAS,wBAAwB,UAA+C;AAC9E,SAAO;AAAA,IACL,IAAI,SAAS;AAAA,IACb,iBAAiB,SAAS;AAAA,IAC1B,OAAO,SAAS,WAAW;AAAA,IAC3B,MAAM,SAAS,QAAQ;AAAA,IACvB,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,YAAY,SAAS,cAAc;AAAA,IACnC,UAAU;AAAA,IACV,cAAc,SAAS,gBAAgB;AAAA,IACvC,aAAa;AAAA,IACb,gBAAgB,SAAS,kBAAkB;AAAA,IAC3C,iBAAiB,SAAS,mBAAmB;AAAA,IAC7C,QAAQ;AAAA,IACR,UAAU,SAAS,YAAY;AAAA,IAC/B,QAAQ,SAAS,UAAU;AAAA,IAC3B,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,YAAY,SAAS,cAAc;AAAA,IACnC,aAAa,SAAS,eAAe;AAAA,IACrC,WAAW,SAAS,aAAa;AAAA,IACjC,cAAc,SAAS,gBAAgB;AAAA,IACvC,WAAW,SAAS;AAAA,IACpB,WAAW,SAAS;AAAA,EACtB;AACF;AAEA,SAAS,uBAAuB,OAAmD;AACjF,QAAM,MAAM,KAAK,IAAI;AACrB,SAAO,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,UAAU;AACtC,UAAM,gBAAgB,KAAK,cAAc,IAAI,KAAK,KAAK,WAAW,EAAE,QAAQ,IAAI,OAAO;AACvF,UAAM,iBAAiB,MAAM,cAAc,IAAI,KAAK,MAAM,WAAW,EAAE,QAAQ,IAAI,OAAO;AAC1F,UAAM,gBAAgB,KAAK,WAAW,aAAa,OAAO,SAAS,aAAa;AAChF,UAAM,iBAAiB,MAAM,WAAW,aAAa,OAAO,SAAS,cAAc;AACnF,UAAM,iBAAiB,iBAAiB,iBAAiB;AACzD,UAAM,kBAAkB,kBAAkB,kBAAkB;AAE5D,QAAI,mBAAmB,iBAAiB;AACtC,aAAO,iBAAiB,KAAK;AAAA,IAC/B;AAEA,QAAI,kBAAkB,iBAAiB;AACrC,UAAI,kBAAkB,eAAgB,QAAO,KAAK,GAAG,cAAc,MAAM,EAAE;AAC3E,aAAO,gBAAgB;AAAA,IACzB;AAEA,UAAM,WAAW,KAAK,cAAc,KAAK;AACzC,UAAM,YAAY,MAAM,cAAc,MAAM;AAC5C,UAAM,UAAU,UAAU,cAAc,QAAQ;AAChD,QAAI,YAAY,EAAG,QAAO;AAC1B,WAAO,MAAM,GAAG,cAAc,KAAK,EAAE;AAAA,EACvC,CAAC;AACH;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAA2B;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAmB,CAAC,CAAC;AACjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,EAAE;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAE;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA+B,CAAC,CAAC;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAC;AAEtD,QAAM,UAAU,MAAM;AACpB,qBAAiB,IAAI;AACrB,WAAO,MAAM,iBAAiB,IAAI;AAAA,EACpC,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,sBAAkB,OAAO;AAAA,EAC3B,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,QAAM,iBAAiB,MAAM,YAAY,YAAY;AACnD,QAAI,CAAC,UAAU;AACb,oBAAc,CAAC,CAAC;AAChB;AAAA,IACF;AAEA,eAAW,IAAI;AACf,QAAI;AAEF,YAAM,kBAAkB,IAAI,gBAAgB;AAAA,QAC1C;AAAA,QACA,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,wBAAwB;AAAA,MAC1B,CAAC;AACD,UAAI,OAAQ,iBAAgB,IAAI,UAAU,MAAM;AAChD,UAAI,YAAY,SAAS,EAAG,iBAAgB,IAAI,QAAQ,YAAY,KAAK,GAAG,CAAC;AAC7E,UAAI,eAAgB,iBAAgB,IAAI,QAAQ,cAAc;AAC9D,UAAI,aAAc,iBAAgB,IAAI,MAAM,YAAY;AAExD,YAAM,iBAAuC,CAAC;AAC9C,UAAI;AACJ,UAAI,mBAAmB;AACvB,UAAI,YAAY;AAChB,SAAG;AACD,cAAM,SAAS,IAAI,gBAAgB,eAAe;AAClD,YAAI,gBAAiB,QAAO,IAAI,UAAU,eAAe;AACzD,cAAM,mBAAmB,MAAM;AAAA,UAC7B,+BAA+B,OAAO,SAAS,CAAC;AAAA,QAClD,EAAE,MAAM,OAAO,EAAE,OAAO,CAAC,GAA2B,YAAY,OAAU,EAAE;AAC5E,uBAAe,KAAK,GAAI,MAAM,QAAQ,kBAAkB,KAAK,IAAI,iBAAiB,QAAQ,CAAC,CAAE;AAC7F,0BAAkB,OAAO,kBAAkB,eAAe,WAAW,iBAAiB,aAAa;AACnG,2BAAmB,QAAQ,eAAe;AAC1C,qBAAa;AAAA,MACf,SAAS,mBAAmB,YAAY;AAExC,UAAI,0BAA0B;AAC5B,sBAAc,uBAAuB,cAAc,CAAC;AACpD,mBAAW,gBAAgB;AAC3B;AAAA,MACF;AAGA,YAAM,cAAoC,CAAC;AAC3C,UAAI,mBAAmB;AACvB,eAAS,aAAa,GAAG,cAAc,aAAa,cAAc,GAAG;AACnE,cAAM,eAAe,IAAI,gBAAgB;AAAA,UACvC;AAAA,UACA,MAAM,OAAO,UAAU;AAAA,UACvB,UAAU;AAAA,UACV,WAAW;AAAA,UACX,SAAS;AAAA,QACX,CAAC;AACD,YAAI,OAAQ,cAAa,IAAI,UAAU,MAAM;AAC7C,cAAM,gBAAgB,MAAM;AAAA,UAC1B,6BAA6B,aAAa,SAAS,CAAC;AAAA,QACtD,EAAE,MAAM,OAAO,EAAE,OAAO,CAAC,GAAwB,YAAY,EAAE,EAAE;AACjE,oBAAY,KAAK,GAAI,MAAM,QAAQ,eAAe,KAAK,IAAI,cAAc,MAAM,IAAI,uBAAuB,IAAI,CAAC,CAAE;AACjH,2BAAmB,OAAO,eAAe,eAAe,WAAW,cAAc,aAAa;AAAA,MAChG;AACA,YAAM,iBAAiB,YAAY,OAAO,CAAC,UAAU;AACnD,YAAI,YAAY,SAAS,KAAK,CAAC,YAAY,SAAS,MAAM,eAAe,EAAG,QAAO;AACnF,cAAM,WAAW,WAAW,MAAM,cAAc,MAAM,SAAS;AAC/D,YAAI,kBAAkB,WAAW,eAAgB,QAAO;AACxD,YAAI,gBAAgB,WAAW,aAAc,QAAO;AACpD,eAAO;AAAA,MACT,CAAC;AAGD,YAAM,OAAO,oBAAI,IAAY;AAC7B,YAAM,SAA+B,CAAC;AACtC,iBAAW,QAAQ,CAAC,GAAG,gBAAgB,GAAG,cAAc,GAAG;AACzD,YAAI,CAAC,KAAK,IAAI,KAAK,EAAE,GAAG;AACtB,eAAK,IAAI,KAAK,EAAE;AAChB,iBAAO,KAAK,IAAI;AAAA,QAClB;AAAA,MACF;AACA,oBAAc,uBAAuB,MAAM,CAAC;AAC5C,iBAAW,oBAAoB,mBAAmB,WAAW;AAAA,IAC/D,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM,EAAE,mCAAmC,4BAA4B,GAAG,OAAO;AACjF,oBAAc,CAAC,CAAC;AAChB,iBAAW,KAAK;AAAA,IAClB,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,gBAAgB,cAAc,aAAa,aAAa,0BAA0B,YAAY,CAAC,CAAC;AAEtH,QAAM,UAAU,MAAM;AACpB,mBAAe,CAAC;AAAA,EAClB,GAAG,CAAC,QAAQ,UAAU,gBAAgB,cAAc,aAAa,wBAAwB,CAAC;AAE1F,QAAM,qBAAqB,MAAM,OAAO,oBAAI,IAAY,CAAC;AAGzD,QAAM,UAAU,MAAM;AACpB,mBAAe,EACZ,KAAK,MAAM;AAAE,yBAAmB,UAAU,oBAAI,IAAI;AAAA,IAAE,CAAC,EACrD,MAAM,CAAC,QAAQ,QAAQ,KAAK,6CAA6C,GAAG,CAAC;AAAA,EAClF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,oBAAI,IAAY;AACtC,eAAW,KAAK,YAAY;AAC1B,UAAI,EAAE,gBAAgB,CAAC,EAAE,cAAc,CAAC,mBAAmB,QAAQ,IAAI,EAAE,YAAY,GAAG;AACtF,sBAAc,IAAI,EAAE,YAAY;AAAA,MAClC;AAAA,IACF;AACA,QAAI,cAAc,SAAS,EAAG;AAE9B,eAAW,OAAO,cAAe,oBAAmB,QAAQ,IAAI,GAAG;AAEnE,UAAM,aAAa,IAAI,gBAAgB;AACvC;AAAA,MACE,uBAAuB,CAAC,GAAG,aAAa,EAAE,KAAK,GAAG,CAAC;AAAA,MACnD,EAAE,QAAQ,WAAW,OAAO;AAAA,IAC9B,EACG,KAAK,CAAC,SAAS;AACd,YAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,KAAK,QAAQ,CAAC;AACzD,YAAM,UAAU,oBAAI,IAAoB;AACxC,iBAAW,QAAQ,OAAO;AACxB,cAAM,SAAS,OAAO,KAAK,OAAO,WAAW,KAAK,KAAK;AACvD,cAAM,OAAO,OAAO,KAAK,iBAAiB,YAAY,KAAK,aAAa,KAAK,IACzE,KAAK,aAAa,KAAK,IACvB,OAAO,KAAK,UAAU,WACpB,KAAK,QACL;AACN,YAAI,UAAU,KAAM,SAAQ,IAAI,QAAQ,IAAI;AAAA,MAC9C;AACA,UAAI,QAAQ,OAAO,GAAG;AACpB;AAAA,UAAc,CAAC,SACb,KAAK,IAAI,CAAC,MAAM;AACd,gBAAI,EAAE,gBAAgB,CAAC,EAAE,cAAc,QAAQ,IAAI,EAAE,YAAY,GAAG;AAClE,qBAAO,EAAE,GAAG,GAAG,YAAY,QAAQ,IAAI,EAAE,YAAY,KAAK,KAAK;AAAA,YACjE;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ,QAAQ,KAAK,mDAAmD,GAAG,CAAC;AACtF,WAAO,MAAM,WAAW,MAAM;AAAA,EAChC,GAAG,CAAC,UAAU,CAAC;AAEf,SACE,qBAAC,SAAI,WAAU,mDACb;AAAA,wBAAC,SAAI,WAAU,0DACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAM,WAAU,gCAA+B;AAAA,MAChD,oBAAC,QAAG,WAAU,2CACX,uBACG,EAAE,oCAAoC,qCAAqC,EAAE,MAAM,WAAW,CAAC,IAC/F,EAAE,2CAA2C,qBAAqB,GACxE;AAAA,OACF,GACF;AAAA,IAEA,oBAAC,SAAI,WAAU,QACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,SAAS,MAAM;AACb,yBAAe,CAAC,CAAC;AACjB,4BAAkB,EAAE;AACpB,0BAAgB,EAAE;AAAA,QACpB;AAAA;AAAA,IACF,GACF;AAAA,IAEC,WAAW,WAAW,WAAW,IAChC,oBAAC,SAAI,WAAU,4FACZ,YAAE,8CAA8C,0BAAqB,GACxE,IAEA,iCACE;AAAA,0BAAC,oBAAiB,YAAwB,QAAQ,gBAAgB;AAAA,MACjE,WAAW,SAAS,IACnB,oBAAC,SAAI,WAAU,sBACb,+BAAC,SAAI,WAAU,2CACb;AAAA,4BAAC,UAAK,WAAU,iCACb,YAAE,+BAA+B,8BAA8B,EAAE,OAAO,WAAW,OAAO,CAAC,GAC9F;AAAA,QACC,UACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,QAAO,MAAK,MAAK,SAAS,MAAM,eAAe,CAAC,UAAU,QAAQ,CAAC,GAC9F,YAAE,iCAAiC,WAAW,GACjD,IACE;AAAA,SACN,GACF,IACE;AAAA,OACN;AAAA,KAEJ;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": []
 }

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

@@ -0,0 +1,36 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@open-mercato/ui/primitives/tooltip";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { AI_CARD_ACTIONS_BY_TYPE, resolveAiActions } from "./aiActionCatalog.js";
+function ActivityAiActions({ activityType }) {
+  const t = useT();
+  const actions = resolveAiActions(activityType, AI_CARD_ACTIONS_BY_TYPE);
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 250, children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: actions.map((action) => {
+    const Icon = action.icon;
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: true,
+          className: "h-auto rounded-full px-2 py-1 text-xs text-muted-foreground opacity-100",
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "mr-1 size-3" }),
+            t(action.i18nKey, action.fallback)
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", className: "text-xs", children: t("customers.ai.comingSoon", "Coming soon") })
+    ] }, action.key);
+  }) }) });
+}
+var ActivityAiActions_default = ActivityAiActions;
+export {
+  ActivityAiActions,
+  ActivityAiActions_default as default
+};
+//# sourceMappingURL=ActivityAiActions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivityAiActions.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@open-mercato/ui/primitives/tooltip'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { AI_CARD_ACTIONS_BY_TYPE, resolveAiActions } from './aiActionCatalog'\n\ntype ActivityAiActionsProps = {\n  activityType: string\n}\n\nexport function ActivityAiActions({ activityType }: ActivityAiActionsProps) {\n  const t = useT()\n  const actions = resolveAiActions(activityType, AI_CARD_ACTIONS_BY_TYPE)\n\n  return (\n    <TooltipProvider delayDuration={250}>\n      <div className=\"flex flex-wrap items-center gap-1.5\">\n        {actions.map((action) => {\n          const Icon = action.icon\n          return (\n            <Tooltip key={action.key}>\n              <TooltipTrigger asChild>\n                <span>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    disabled\n                    className=\"h-auto rounded-full px-2 py-1 text-xs text-muted-foreground opacity-100\"\n                  >\n                    <Icon className=\"mr-1 size-3\" />\n                    {t(action.i18nKey, action.fallback)}\n                  </Button>\n                </span>\n              </TooltipTrigger>\n              <TooltipContent side=\"bottom\" className=\"text-xs\">\n                {t('customers.ai.comingSoon', 'Coming soon')}\n              </TooltipContent>\n            </Tooltip>\n          )\n        })}\n      </div>\n    </TooltipProvider>\n  )\n}\n\nexport default ActivityAiActions\n"],
+  "mappings": ";AAyBkB,SAOE,KAPF;AAtBlB,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,iBAAiB,sBAAsB;AACzE,SAAS,YAAY;AACrB,SAAS,yBAAyB,wBAAwB;AAMnD,SAAS,kBAAkB,EAAE,aAAa,GAA2B;AAC1E,QAAM,IAAI,KAAK;AACf,QAAM,UAAU,iBAAiB,cAAc,uBAAuB;AAEtE,SACE,oBAAC,mBAAgB,eAAe,KAC9B,8BAAC,SAAI,WAAU,uCACZ,kBAAQ,IAAI,CAAC,WAAW;AACvB,UAAM,OAAO,OAAO;AACpB,WACE,qBAAC,WACC;AAAA,0BAAC,kBAAe,SAAO,MACrB,8BAAC,UACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,WAAU;AAAA,UAEV;AAAA,gCAAC,QAAK,WAAU,eAAc;AAAA,YAC7B,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA;AAAA;AAAA,MACpC,GACF,GACF;AAAA,MACA,oBAAC,kBAAe,MAAK,UAAS,WAAU,WACrC,YAAE,2BAA2B,aAAa,GAC7C;AAAA,SAjBY,OAAO,GAkBrB;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,126 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Calendar, ExternalLink, Mail, MoreHorizontal, Phone, StickyNote, Users } from "lucide-react";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { ActivityAiActions } from "./ActivityAiActions.js";
+import { getInitials } from "./utils.js";
+const TYPE_ICONS = {
+  call: Phone,
+  email: Mail,
+  meeting: Users,
+  note: StickyNote
+};
+function formatDayLabel(value, t) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+  const day = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+  const diffDays = Math.round((today - day) / 864e5);
+  if (diffDays === 0) return t("customers.timeline.date.today", "today");
+  if (diffDays === 1) return t("customers.timeline.date.yesterday", "yesterday");
+  return date.toLocaleDateString(void 0, { day: "numeric", month: "short" });
+}
+function formatTimeLabel(value) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "";
+  return date.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" });
+}
+function trimSnippet(value) {
+  const normalized = value?.trim();
+  if (!normalized) return null;
+  if (normalized.length <= 200) return normalized;
+  return `${normalized.slice(0, 197)}...`;
+}
+function resolveTarget(activity) {
+  const participant = activity.participants?.find((item) => item.name || item.email);
+  if (participant?.name) return participant.name;
+  if (participant?.email) return participant.email;
+  if (activity.customer?.displayName) return activity.customer.displayName;
+  return null;
+}
+function ActivityCard({ activity, onOpen }) {
+  const t = useT();
+  const timestamp = activity.occurredAt ?? activity.scheduledAt ?? activity.createdAt;
+  const TypeIcon = TYPE_ICONS[activity.interactionType] ?? StickyNote;
+  const titleBase = activity.title ?? activity.body ?? activity.interactionType;
+  const title = activity.duration ? `${titleBase} (${activity.duration} min)` : titleBase;
+  const snippet = trimSnippet(activity.body && activity.title ? activity.body : activity.body ?? null);
+  const actorLabel = activity.authorName ?? activity.authorEmail ?? t("customers.changelog.user.system", "System");
+  const target = resolveTarget(activity);
+  const direction = activity.interactionType === "email" ? t("customers.activityLog.direction.to", "to") : activity.interactionType === "call" || activity.interactionType === "meeting" ? t("customers.activityLog.direction.with", "with") : "";
+  const showExternalLink = Boolean(activity._integrations && Object.keys(activity._integrations).length > 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "grid gap-3",
+        onOpen ? "cursor-pointer" : ""
+      ),
+      style: { gridTemplateColumns: "64px 36px minmax(0,1fr)" },
+      onClick: () => onOpen?.(activity),
+      role: onOpen ? "button" : void 0,
+      tabIndex: onOpen ? 0 : void 0,
+      onKeyDown: onOpen ? (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onOpen(activity);
+        }
+      } : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pt-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground", children: formatDayLabel(timestamp, t) }),
+          /* @__PURE__ */ jsx("div", { children: formatTimeLabel(timestamp) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex size-9 items-center justify-center rounded-lg bg-muted/80", children: /* @__PURE__ */ jsx(TypeIcon, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card px-4 py-3 shadow-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx("h4", { className: "truncate text-sm font-semibold text-foreground", children: title }),
+                showExternalLink ? /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5 text-muted-foreground" }) : null
+              ] }),
+              activity.location ? /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-1 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Calendar, { className: "size-3.5" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: activity.location })
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                "aria-label": t("customers.timeline.more", "More"),
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onOpen?.(activity);
+                },
+                children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(ActivityAiActions, { activityType: activity.interactionType }) }),
+          snippet ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: snippet }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "inline-flex size-5 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground", children: getInitials(actorLabel) }),
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: actorLabel }),
+            target && direction ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+              /* @__PURE__ */ jsx("span", { children: direction }),
+              /* @__PURE__ */ jsx("span", { className: "text-foreground", children: target })
+            ] }) : null
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+var ActivityCard_default = ActivityCard;
+export {
+  ActivityCard,
+  ActivityCard_default as default
+};
+//# sourceMappingURL=ActivityCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivityCard.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Calendar, ExternalLink, Mail, MoreHorizontal, Phone, StickyNote, Users } from 'lucide-react'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport type { InteractionSummary } from './types'\nimport { ActivityAiActions } from './ActivityAiActions'\nimport { getInitials } from './utils'\n\ntype ActivityCardProps = {\n  activity: InteractionSummary\n  onOpen?: (activity: InteractionSummary) => void\n}\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\nfunction formatDayLabel(value: string, t: ReturnType<typeof useT>): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  const now = new Date()\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime()\n  const day = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime()\n  const diffDays = Math.round((today - day) / 86400000)\n  if (diffDays === 0) return t('customers.timeline.date.today', 'today')\n  if (diffDays === 1) return t('customers.timeline.date.yesterday', 'yesterday')\n  return date.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n}\n\nfunction formatTimeLabel(value: string): string {\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return ''\n  return date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction trimSnippet(value: string | null | undefined): string | null {\n  const normalized = value?.trim()\n  if (!normalized) return null\n  if (normalized.length <= 200) return normalized\n  return `${normalized.slice(0, 197)}...`\n}\n\nfunction resolveTarget(activity: InteractionSummary): string | null {\n  const participant = activity.participants?.find((item) => item.name || item.email)\n  if (participant?.name) return participant.name\n  if (participant?.email) return participant.email\n  if (activity.customer?.displayName) return activity.customer.displayName\n  return null\n}\n\nexport function ActivityCard({ activity, onOpen }: ActivityCardProps) {\n  const t = useT()\n  const timestamp = activity.occurredAt ?? activity.scheduledAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType] ?? StickyNote\n  const titleBase = activity.title ?? activity.body ?? activity.interactionType\n  const title = activity.duration ? `${titleBase} (${activity.duration} min)` : titleBase\n  const snippet = trimSnippet(activity.body && activity.title ? activity.body : activity.body ?? null)\n  const actorLabel = activity.authorName ?? activity.authorEmail ?? t('customers.changelog.user.system', 'System')\n  const target = resolveTarget(activity)\n  const direction = activity.interactionType === 'email'\n    ? t('customers.activityLog.direction.to', 'to')\n    : activity.interactionType === 'call' || activity.interactionType === 'meeting'\n      ? t('customers.activityLog.direction.with', 'with')\n      : ''\n  const showExternalLink = Boolean(activity._integrations && Object.keys(activity._integrations).length > 0)\n\n  return (\n    <div\n      className={cn(\n        'grid gap-3',\n        onOpen ? 'cursor-pointer' : '',\n      )}\n      style={{ gridTemplateColumns: '64px 36px minmax(0,1fr)' }}\n      onClick={() => onOpen?.(activity)}\n      role={onOpen ? 'button' : undefined}\n      tabIndex={onOpen ? 0 : undefined}\n      onKeyDown={onOpen ? (event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault()\n          onOpen(activity)\n        }\n      } : undefined}\n    >\n      <div className=\"pt-1 text-xs text-muted-foreground\">\n        <div className=\"font-semibold text-foreground\">{formatDayLabel(timestamp, t)}</div>\n        <div>{formatTimeLabel(timestamp)}</div>\n      </div>\n\n      <div className=\"flex size-9 items-center justify-center rounded-lg bg-muted/80\">\n        <TypeIcon className=\"size-4 text-muted-foreground\" />\n      </div>\n\n      <div className=\"rounded-xl border bg-card px-4 py-3 shadow-sm\">\n        <div className=\"flex items-start justify-between gap-3\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-1.5\">\n              <h4 className=\"truncate text-sm font-semibold text-foreground\">{title}</h4>\n              {showExternalLink ? <ExternalLink className=\"size-3.5 text-muted-foreground\" /> : null}\n            </div>\n            {activity.location ? (\n              <div className=\"mt-1 flex items-center gap-1 text-xs text-muted-foreground\">\n                <Calendar className=\"size-3.5\" />\n                <span className=\"truncate\">{activity.location}</span>\n              </div>\n            ) : null}\n          </div>\n\n          <IconButton\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label={t('customers.timeline.more', 'More')}\n            onClick={(event) => {\n              event.stopPropagation()\n              onOpen?.(activity)\n            }}\n          >\n            <MoreHorizontal className=\"size-4\" />\n          </IconButton>\n        </div>\n\n        <div className=\"mt-2\">\n          <ActivityAiActions activityType={activity.interactionType} />\n        </div>\n\n        {snippet ? (\n          <p className=\"mt-2 text-sm text-muted-foreground\">{snippet}</p>\n        ) : null}\n\n        <div className=\"mt-3 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground\">\n          <span className=\"inline-flex size-5 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground\">\n            {getInitials(actorLabel)}\n          </span>\n          <span className=\"font-medium text-foreground\">{actorLabel}</span>\n          {target && direction ? (\n            <>\n              <span>\u00B7</span>\n              <span>{direction}</span>\n              <span className=\"text-foreground\">{target}</span>\n            </>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default ActivityCard\n"],
+  "mappings": "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",
+  "names": []
+}