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

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

@@ -1,356 +1,247 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { useQueryClient } from "@tanstack/react-query";
-import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { Clock } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
-import { createTranslatorWithFallback } from "@open-mercato/shared/lib/i18n/translate";
-import { createCrud, deleteCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
-import { apiCallOrThrow, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
-import {
-  ActivitiesSection as SharedActivitiesSection
-} from "@open-mercato/ui/backend/detail";
-import { renderDictionaryColor, renderDictionaryIcon } from "@open-mercato/core/modules/dictionaries/components/dictionaryAppearance";
-import { createDictionarySelectLabels } from "./utils.js";
-import { ensureCustomerDictionary, invalidateCustomerDictionary, useCustomerDictionary } from "./hooks/useCustomerDictionary.js";
-import { CustomFieldValuesList } from "./CustomFieldValuesList.js";
-import { useCustomFieldDisplay } from "./hooks/useCustomFieldDisplay.js";
-import { E } from "../../../../generated/entities.ids.generated.js";
-import {
-  CUSTOMER_INTERACTION_ENTITY_ID,
-  mapInteractionRecordToActivitySummary
-} from "../../lib/interactionCompatibility.js";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { ActivityTimelineFilters } from "./ActivityTimelineFilters.js";
+import { ActivityTimeline } from "./ActivityTimeline.js";
+function toDateOnly(value) {
+  if (!value) return "";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? "" : date.toISOString().slice(0, 10);
+}
+function normalizeLegacyActivity(activity) {
+  return {
+    id: activity.id,
+    interactionType: activity.activityType,
+    title: activity.subject ?? null,
+    body: activity.body ?? null,
+    status: "done",
+    scheduledAt: null,
+    occurredAt: activity.occurredAt ?? null,
+    priority: null,
+    authorUserId: activity.authorUserId ?? null,
+    ownerUserId: null,
+    appearanceIcon: activity.appearanceIcon ?? null,
+    appearanceColor: activity.appearanceColor ?? null,
+    source: "legacy-activity",
+    entityId: activity.entityId ?? null,
+    dealId: activity.dealId ?? null,
+    organizationId: null,
+    tenantId: null,
+    authorName: activity.authorName ?? null,
+    authorEmail: activity.authorEmail ?? null,
+    dealTitle: activity.dealTitle ?? null,
+    customValues: activity.customValues ?? null,
+    createdAt: activity.createdAt,
+    updatedAt: activity.createdAt
+  };
+}
+function sortTimelineActivities(items) {
+  const now = Date.now();
+  return [...items].sort((left, right) => {
+    const leftScheduled = left.scheduledAt ? new Date(left.scheduledAt).getTime() : Number.NaN;
+    const rightScheduled = right.scheduledAt ? new Date(right.scheduledAt).getTime() : Number.NaN;
+    const leftIsPlanned = left.status === "planned" && Number.isFinite(leftScheduled);
+    const rightIsPlanned = right.status === "planned" && Number.isFinite(rightScheduled);
+    const leftIsUpcoming = leftIsPlanned && leftScheduled >= now;
+    const rightIsUpcoming = rightIsPlanned && rightScheduled >= now;
+    if (leftIsUpcoming !== rightIsUpcoming) {
+      return leftIsUpcoming ? -1 : 1;
+    }
+    if (leftIsUpcoming && rightIsUpcoming) {
+      if (leftScheduled === rightScheduled) return left.id.localeCompare(right.id);
+      return leftScheduled - rightScheduled;
+    }
+    const leftTime = left.occurredAt ?? left.createdAt;
+    const rightTime = right.occurredAt ?? right.createdAt;
+    const compare = rightTime.localeCompare(leftTime);
+    if (compare !== 0) return compare;
+    return right.id.localeCompare(left.id);
+  });
+}
 function ActivitiesSection({
   entityId,
+  entityName,
   dealId,
   useCanonicalInteractions = false,
-  addActionLabel,
-  emptyState,
   onActionChange,
   onLoadingChange,
-  onDataRefresh,
-  dealOptions,
-  entityOptions,
-  defaultEntityId,
-  runGuardedMutation
+  refreshKey = 0,
+  onEditActivity
 }) {
   const t = useT();
-  const detailTranslator = React.useMemo(() => createTranslatorWithFallback(t), [t]);
-  const queryClient = useQueryClient();
-  const scopeVersion = useOrganizationScopeVersion();
-  const dictionaryQuery = useCustomerDictionary("activity-types", scopeVersion);
-  const dictionaryMap = dictionaryQuery.data?.map ?? {};
-  const customFieldResources = useCustomFieldDisplay(
-    useCanonicalInteractions ? CUSTOMER_INTERACTION_ENTITY_ID : E.customers.customer_activity
-  );
-  const customFieldEmptyLabel = t("customers.people.detail.noValue", "Not provided");
-  const translate = React.useCallback(
-    (key, fallback) => {
-      const result = t(key);
-      return result === key ? fallback : result;
-    },
-    [t]
-  );
-  const runWriteMutation = React.useCallback(
-    async (operation, mutationPayload) => {
-      if (!runGuardedMutation) {
-        return operation();
-      }
-      return runGuardedMutation(operation, mutationPayload);
-    },
-    [runGuardedMutation]
-  );
-  const activityTypeLabels = React.useMemo(
-    () => createDictionarySelectLabels("activity-types", translate),
-    [translate]
-  );
-  const loadActivityOptions = React.useCallback(async () => {
-    const data = await ensureCustomerDictionary(queryClient, "activity-types", scopeVersion);
-    return data.entries.filter((entry) => entry.value !== "task").map((entry) => ({
-      value: entry.value,
-      label: entry.label,
-      color: entry.color ?? null,
-      icon: entry.icon ?? null
-    }));
-  }, [queryClient, scopeVersion]);
-  const createActivityOption = React.useCallback(
-    async (input) => {
-      const requestPayload = {
-        value: input.value,
-        label: input.label ?? void 0,
-        color: input.color ?? void 0,
-        icon: input.icon ?? void 0
-      };
-      const response = await runWriteMutation(
-        () => apiCallOrThrow(
-          "/api/customers/dictionaries/activity-types",
-          {
-            method: "POST",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify(requestPayload)
-          },
-          { errorMessage: translate("customers.people.form.dictionary.error", "Failed to save option") }
-        ),
-        requestPayload
-      );
-      const resultPayload = response.result ?? {};
-      const valueCreated = typeof resultPayload.value === "string" && resultPayload.value.trim().length ? resultPayload.value.trim() : input.value;
-      const label = typeof resultPayload.label === "string" && resultPayload.label.trim().length ? resultPayload.label.trim() : valueCreated;
-      const color = typeof resultPayload.color === "string" && resultPayload.color.trim().startsWith("#") ? resultPayload.color.trim() : input.color ?? null;
-      const icon = typeof resultPayload.icon === "string" && resultPayload.icon.trim().length ? resultPayload.icon.trim() : input.icon ?? null;
-      await invalidateCustomerDictionary(queryClient, "activity-types");
-      return { value: valueCreated, label, color, icon };
-    },
-    [queryClient, runWriteMutation, translate]
-  );
-  const activitiesAdapter = React.useMemo(() => ({
-    list: async ({ entityId: listEntityId, dealId: listDealId }) => {
-      if (useCanonicalInteractions) {
-        const params2 = new URLSearchParams({
-          limit: "50",
-          sortField: "occurredAt",
-          sortDir: "desc",
-          excludeInteractionType: "task"
-        });
-        if (listEntityId) params2.set("entityId", listEntityId);
-        if (listDealId) params2.set("dealId", listDealId);
-        const payload2 = await readApiResultOrThrow(
-          `/api/customers/interactions?${params2.toString()}`,
-          void 0,
-          { errorMessage: translate("customers.people.detail.activities.loadError", "Failed to load activities.") }
-        );
-        const items = Array.isArray(payload2?.items) ? payload2.items : [];
-        return items.map((interaction) => mapInteractionRecordToActivitySummary(interaction));
-      }
-      const params = new URLSearchParams({
-        pageSize: "50",
+  const [filterTypes, setFilterTypes] = React.useState([]);
+  const [filterDateFrom, setFilterDateFrom] = React.useState("");
+  const [filterDateTo, setFilterDateTo] = React.useState("");
+  const [activities, setActivities] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [hasMore, setHasMore] = React.useState(false);
+  const [loadedPages, setLoadedPages] = React.useState(1);
+  React.useEffect(() => {
+    onActionChange?.(null);
+    return () => onActionChange?.(null);
+  }, [onActionChange]);
+  React.useEffect(() => {
+    onLoadingChange?.(loading);
+  }, [loading, onLoadingChange]);
+  const loadActivities = React.useCallback(async () => {
+    if (!entityId) {
+      setActivities([]);
+      return;
+    }
+    setLoading(true);
+    try {
+      const canonicalParams = new URLSearchParams({
+        entityId,
+        limit: "50",
         sortField: "occurredAt",
-        sortDir: "desc"
+        sortDir: "desc",
+        excludeInteractionType: "task"
       });
-      if (listEntityId) params.set("entityId", listEntityId);
-      if (listDealId) params.set("dealId", listDealId);
-      const payload = await readApiResultOrThrow(
-        `/api/customers/activities?${params.toString()}`,
-        void 0,
-        { errorMessage: translate("customers.people.detail.activities.loadError", "Failed to load activities.") }
-      );
-      return Array.isArray(payload?.items) ? payload.items : [];
-    },
-    create: async ({ entityId: payloadEntityId, dealId: payloadDealId, ...payload }) => {
+      if (dealId) canonicalParams.set("dealId", dealId);
+      if (filterTypes.length > 0) canonicalParams.set("type", filterTypes.join(","));
+      if (filterDateFrom) canonicalParams.set("from", filterDateFrom);
+      if (filterDateTo) canonicalParams.set("to", filterDateTo);
+      const canonicalItems = [];
+      let canonicalCursor;
+      let canonicalHasMore = false;
+      let pageIndex = 0;
+      do {
+        const params = new URLSearchParams(canonicalParams);
+        if (canonicalCursor) params.set("cursor", canonicalCursor);
+        const canonicalPayload = await readApiResultOrThrow(
+          `/api/customers/interactions?${params.toString()}`
+        ).catch(() => ({ items: [], nextCursor: void 0 }));
+        canonicalItems.push(...Array.isArray(canonicalPayload?.items) ? canonicalPayload.items : []);
+        canonicalCursor = typeof canonicalPayload?.nextCursor === "string" ? canonicalPayload.nextCursor : void 0;
+        canonicalHasMore = Boolean(canonicalCursor);
+        pageIndex += 1;
+      } while (canonicalCursor && pageIndex < loadedPages);
       if (useCanonicalInteractions) {
-        const interactionPayload = {
-          entityId: payloadEntityId,
-          interactionType: payload.activityType,
-          title: payload.subject ?? void 0,
-          body: payload.body ?? void 0,
-          occurredAt: payload.occurredAt ?? void 0,
-          status: payload.occurredAt ? "done" : "planned",
-          dealId: payloadDealId ?? void 0,
-          ...payload.customFields ? { customFields: payload.customFields } : {}
-        };
-        await runWriteMutation(
-          () => createCrud(
-            "customers/interactions",
-            interactionPayload,
-            {
-              errorMessage: translate("customers.people.detail.activities.error", "Failed to save activity")
-            }
-          ),
-          interactionPayload
-        );
-        onDataRefresh?.();
+        setActivities(sortTimelineActivities(canonicalItems));
+        setHasMore(canonicalHasMore);
         return;
       }
-      const activityPayload = {
-        entityId: payloadEntityId,
-        activityType: payload.activityType,
-        subject: payload.subject ?? void 0,
-        body: payload.body ?? void 0,
-        occurredAt: payload.occurredAt ?? void 0,
-        dealId: payloadDealId ?? void 0,
-        ...payload.customFields ? { customFields: payload.customFields } : {}
-      };
-      await runWriteMutation(
-        () => createCrud(
-          "customers/activities",
-          activityPayload,
-          {
-            errorMessage: translate("customers.people.detail.activities.error", "Failed to save activity")
-          }
-        ),
-        activityPayload
-      );
-      onDataRefresh?.();
-    },
-    update: async ({ id, patch }) => {
-      if (useCanonicalInteractions) {
-        const interactionPatch = {
-          id,
-          interactionType: patch.activityType,
-          title: patch.subject ?? void 0,
-          body: patch.body ?? void 0,
-          occurredAt: patch.occurredAt ?? void 0,
-          status: patch.occurredAt ? "done" : void 0,
-          dealId: patch.dealId ?? void 0,
-          ...patch.customFields ? { customFields: patch.customFields } : {}
-        };
-        await runWriteMutation(
-          () => updateCrud(
-            "customers/interactions",
-            interactionPatch,
-            {
-              errorMessage: translate("customers.people.detail.activities.error", "Failed to save activity")
-            }
-          ),
-          interactionPatch
-        );
-        onDataRefresh?.();
-        return;
+      const legacyItems = [];
+      let legacyTotalPages = 1;
+      for (let legacyPage = 1; legacyPage <= loadedPages; legacyPage += 1) {
+        const legacyParams = new URLSearchParams({
+          entityId,
+          page: String(legacyPage),
+          pageSize: "50",
+          sortField: "occurredAt",
+          sortDir: "desc"
+        });
+        if (dealId) legacyParams.set("dealId", dealId);
+        const legacyPayload = await readApiResultOrThrow(
+          `/api/customers/activities?${legacyParams.toString()}`
+        ).catch(() => ({ items: [], totalPages: 1 }));
+        legacyItems.push(...Array.isArray(legacyPayload?.items) ? legacyPayload.items.map(normalizeLegacyActivity) : []);
+        legacyTotalPages = typeof legacyPayload?.totalPages === "number" ? legacyPayload.totalPages : legacyTotalPages;
       }
-      const activityPatch = {
-        id,
-        entityId: patch.entityId,
-        activityType: patch.activityType,
-        subject: patch.subject ?? void 0,
-        body: patch.body ?? void 0,
-        occurredAt: patch.occurredAt ?? void 0,
-        dealId: patch.dealId ?? void 0,
-        ...patch.customFields ? { customFields: patch.customFields } : {}
-      };
-      await runWriteMutation(
-        () => updateCrud(
-          "customers/activities",
-          activityPatch,
-          {
-            errorMessage: translate("customers.people.detail.activities.error", "Failed to save activity")
-          }
-        ),
-        activityPatch
-      );
-      onDataRefresh?.();
-    },
-    delete: async ({ id }) => {
-      if (useCanonicalInteractions) {
-        const deletePayload2 = { id };
-        await runWriteMutation(
-          () => deleteCrud("customers/interactions", {
-            id,
-            errorMessage: translate("customers.people.detail.activities.deleteError", "Failed to delete activity.")
-          }),
-          deletePayload2
-        );
-        onDataRefresh?.();
-        return;
+      const legacyFiltered = legacyItems.filter((entry) => {
+        if (filterTypes.length > 0 && !filterTypes.includes(entry.interactionType)) return false;
+        const dateOnly = toDateOnly(entry.occurredAt ?? entry.createdAt);
+        if (filterDateFrom && dateOnly < filterDateFrom) return false;
+        if (filterDateTo && dateOnly > filterDateTo) return false;
+        return true;
+      });
+      const seen = /* @__PURE__ */ new Set();
+      const merged = [];
+      for (const item of [...canonicalItems, ...legacyFiltered]) {
+        if (!seen.has(item.id)) {
+          seen.add(item.id);
+          merged.push(item);
+        }
       }
-      const deletePayload = { id };
-      await runWriteMutation(
-        () => deleteCrud("customers/activities", {
-          id,
-          errorMessage: translate("customers.people.detail.activities.deleteError", "Failed to delete activity.")
-        }),
-        deletePayload
-      );
-      onDataRefresh?.();
+      setActivities(sortTimelineActivities(merged));
+      setHasMore(canonicalHasMore || legacyTotalPages > loadedPages);
+    } catch (error) {
+      console.error("customers.activities.history failed", error);
+      flash(t("customers.activities.loadFailed", "Failed to load activities."), "error");
+      setActivities([]);
+      setHasMore(false);
+    } finally {
+      setLoading(false);
     }
-  }), [onDataRefresh, runWriteMutation, translate, useCanonicalInteractions]);
-  const resolveActivityPresentation = React.useCallback((activity) => {
-    const entry = dictionaryMap[activity.activityType];
-    return {
-      label: entry?.label ?? activity.activityType,
-      icon: entry?.icon ?? activity.appearanceIcon ?? null,
-      color: entry?.color ?? activity.appearanceColor ?? null
-    };
-  }, [dictionaryMap]);
-  const renderCustomFields = React.useCallback((activity) => {
-    const customEntries = Array.isArray(activity.customFields) ? activity.customFields : [];
-    return /* @__PURE__ */ jsx(
-      CustomFieldValuesList,
-      {
-        entries: customEntries.map((entry) => ({
-          key: entry.key,
-          value: entry.value,
-          label: entry.label
-        })),
-        values: activity.customValues ?? void 0,
-        resources: customFieldResources,
-        emptyLabel: customFieldEmptyLabel,
-        itemKeyPrefix: `activity-${activity.id}-field`
+  }, [dealId, entityId, filterDateFrom, filterDateTo, filterTypes, loadedPages, useCanonicalInteractions, refreshKey, t]);
+  React.useEffect(() => {
+    setLoadedPages(1);
+  }, [dealId, entityId, filterDateFrom, filterDateTo, filterTypes, useCanonicalInteractions]);
+  const resolvedUserIdsRef = React.useRef(/* @__PURE__ */ new Set());
+  React.useEffect(() => {
+    loadActivities().then(() => {
+      resolvedUserIdsRef.current = /* @__PURE__ */ new Set();
+    }).catch((err) => console.warn("[ActivitiesSection] loadActivities failed", err));
+  }, [loadActivities]);
+  React.useEffect(() => {
+    const unresolvedIds = /* @__PURE__ */ new Set();
+    for (const a of activities) {
+      if (a.authorUserId && !a.authorName && !resolvedUserIdsRef.current.has(a.authorUserId)) {
+        unresolvedIds.add(a.authorUserId);
       }
-    );
-  }, [customFieldEmptyLabel, customFieldResources]);
-  const appearanceLabels = React.useMemo(() => ({
-    colorLabel: t("customers.config.dictionaries.dialog.colorLabel", "Color"),
-    colorHelp: t("customers.config.dictionaries.dialog.colorHelp", "Pick a highlight color for this entry."),
-    colorClearLabel: t("customers.config.dictionaries.dialog.colorClear", "Remove color"),
-    iconLabel: t("customers.config.dictionaries.dialog.iconLabel", "Icon or emoji"),
-    iconPlaceholder: t("customers.config.dictionaries.dialog.iconPlaceholder", "Type an emoji or pick one of the suggestions."),
-    iconPickerTriggerLabel: t("customers.config.dictionaries.dialog.iconBrowse", "Browse icons and emojis"),
-    iconSearchPlaceholder: t("customers.config.dictionaries.dialog.iconSearchPlaceholder", "Search icons or emojis..."),
-    iconSearchEmptyLabel: t("customers.config.dictionaries.dialog.iconSearchEmpty", "No icons match your search."),
-    iconSuggestionsLabel: t("customers.config.dictionaries.dialog.iconSuggestions", "Suggestions"),
-    iconClearLabel: t("customers.config.dictionaries.dialog.iconClear", "Remove icon"),
-    previewEmptyLabel: t("customers.config.dictionaries.dialog.previewEmpty", "No appearance selected")
-  }), [t]);
-  const sortActivitiesSoonestFirst = React.useCallback((items) => {
-    const toTimestamp = (value) => {
-      if (!value) return null;
-      const timestamp = Date.parse(value);
-      return Number.isNaN(timestamp) ? null : timestamp;
-    };
-    const referenceTime = Date.now();
-    const getSortKey = (activity) => {
-      const primaryTimestamp = toTimestamp(activity.occurredAt ?? activity.createdAt);
-      const createdAtTimestamp = toTimestamp(activity.createdAt) ?? Number.POSITIVE_INFINITY;
-      if (primaryTimestamp === null) {
-        return { bucket: 2, time: Number.POSITIVE_INFINITY, createdAt: createdAtTimestamp };
+    }
+    if (unresolvedIds.size === 0) return;
+    for (const uid of unresolvedIds) resolvedUserIdsRef.current.add(uid);
+    const controller = new AbortController();
+    readApiResultOrThrow(
+      `/api/auth/users?ids=${[...unresolvedIds].join(",")}`,
+      { signal: controller.signal }
+    ).then((data) => {
+      const users = Array.isArray(data?.items) ? data.items : [];
+      const nameMap = /* @__PURE__ */ new Map();
+      for (const user of users) {
+        const userId = typeof user.id === "string" ? user.id : null;
+        const name = typeof user.display_name === "string" && user.display_name.trim() ? user.display_name.trim() : typeof user.email === "string" ? user.email : null;
+        if (userId && name) nameMap.set(userId, name);
       }
-      if (primaryTimestamp >= referenceTime) {
-        return { bucket: 0, time: primaryTimestamp, createdAt: createdAtTimestamp };
+      if (nameMap.size > 0) {
+        setActivities(
+          (prev) => prev.map((a) => {
+            if (a.authorUserId && !a.authorName && nameMap.has(a.authorUserId)) {
+              return { ...a, authorName: nameMap.get(a.authorUserId) ?? null };
+            }
+            return a;
+          })
+        );
       }
-      return { bucket: 1, time: -primaryTimestamp, createdAt: createdAtTimestamp };
-    };
-    return [...items].sort((left, right) => {
-      const leftKey = getSortKey(left);
-      const rightKey = getSortKey(right);
-      if (leftKey.bucket !== rightKey.bucket) return leftKey.bucket - rightKey.bucket;
-      if (leftKey.time !== rightKey.time) return leftKey.time - rightKey.time;
-      if (leftKey.createdAt !== rightKey.createdAt) return leftKey.createdAt - rightKey.createdAt;
-      return left.id.localeCompare(right.id);
-    });
-  }, []);
-  const sortedActivitiesAdapter = React.useMemo(() => ({
-    ...activitiesAdapter,
-    list: async (params) => sortActivitiesSoonestFirst(await activitiesAdapter.list(params))
-  }), [activitiesAdapter, sortActivitiesSoonestFirst]);
-  const customFieldEntityIds = React.useMemo(
-    () => [useCanonicalInteractions ? CUSTOMER_INTERACTION_ENTITY_ID : "customers:customer_activity"],
-    [useCanonicalInteractions]
-  );
-  return /* @__PURE__ */ jsx(
-    SharedActivitiesSection,
-    {
-      entityId,
-      dealId,
-      dealOptions,
-      entityOptions,
-      defaultEntityId: defaultEntityId ?? void 0,
-      addActionLabel,
-      emptyState,
-      onActionChange,
-      onLoadingChange,
-      dataAdapter: sortedActivitiesAdapter,
-      activityTypeLabels,
-      loadActivityOptions,
-      createActivityOption,
-      resolveActivityPresentation,
-      renderCustomFields,
-      renderIcon: renderDictionaryIcon,
-      renderColor: renderDictionaryColor,
-      manageHref: "/backend/config/customers",
-      appearanceLabels,
-      customFieldEntityIds
-    }
-  );
+    }).catch((err) => console.warn("[ActivitiesSection] resolve author names failed", err));
+    return () => controller.abort();
+  }, [activities]);
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border/70 bg-card p-5", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-4 flex flex-wrap items-center justify-between gap-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "size-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-foreground", children: entityName ? t("customers.timeline.history.title", "Interaction history with {{name}}", { name: entityName }) : t("customers.timeline.history.titleGeneric", "Interaction history") })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx(
+      ActivityTimelineFilters,
+      {
+        entityId,
+        activeTypes: filterTypes,
+        dateFrom: filterDateFrom,
+        dateTo: filterDateTo,
+        onTypesChange: setFilterTypes,
+        onDateFromChange: setFilterDateFrom,
+        onDateToChange: setFilterDateTo,
+        onReset: () => {
+          setFilterTypes([]);
+          setFilterDateFrom("");
+          setFilterDateTo("");
+        }
+      }
+    ) }),
+    loading && activities.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed border-border/70 px-4 py-8 text-sm text-muted-foreground", children: t("customers.people.detail.activities.loading", "Loading activities\u2026") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ActivityTimeline, { activities, onEdit: onEditActivity }),
+      activities.length > 0 ? /* @__PURE__ */ jsx("div", { className: "border-t px-5 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("customers.activities.seeAll", "See all {count} activities", { count: activities.length }) }),
+        hasMore ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", onClick: () => setLoadedPages((value) => value + 1), children: t("customers.activities.loadMore", "Load more") }) : null
+      ] }) }) : null
+    ] })
+  ] });
 }
 var ActivitiesSection_default = ActivitiesSection;
 export {