@open-mercato/core 0.5.1-develop.2996.ce62fd491c → 0.5.1-develop.3032.01699048cb

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

@@ -1,11 +1,12 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Clock } from "lucide-react";
+import { Clock, Search } from "lucide-react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 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 { Kbd } from "@open-mercato/ui/primitives/kbd";
 import { ActivityTimelineFilters } from "./ActivityTimelineFilters.js";
 import { ActivityTimeline } from "./ActivityTimeline.js";
 function toDateOnly(value) {
@@ -77,10 +78,37 @@ function ActivitiesSection({
   const [filterTypes, setFilterTypes] = React.useState([]);
   const [filterDateFrom, setFilterDateFrom] = React.useState("");
   const [filterDateTo, setFilterDateTo] = React.useState("");
+  const [searchTerm, setSearchTerm] = 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);
+  const searchInputRef = React.useRef(null);
+  React.useEffect(() => {
+    if (!entityId) return;
+    function handleShortcut(event) {
+      if ((event.metaKey || event.ctrlKey) && event.key === "1") {
+        event.preventDefault();
+        searchInputRef.current?.focus();
+      }
+    }
+    window.addEventListener("keydown", handleShortcut);
+    return () => window.removeEventListener("keydown", handleShortcut);
+  }, [entityId]);
+  const visibleActivities = React.useMemo(() => {
+    const term = searchTerm.trim().toLowerCase();
+    if (!term) return activities;
+    return activities.filter((activity) => {
+      const haystack = [
+        activity.title,
+        activity.body,
+        activity.authorName,
+        activity.dealTitle,
+        activity.interactionType
+      ].filter((value) => typeof value === "string" && value.length > 0).join(" ").toLowerCase();
+      return haystack.includes(term);
+    });
+  }, [activities, searchTerm]);
   React.useEffect(() => {
     onActionChange?.(null);
     return () => onActionChange?.(null);
@@ -212,12 +240,30 @@ function ActivitiesSection({
     }).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(
+  const totalCount = activities.length;
+  const visibleCount = visibleActivities.length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3.5 rounded-[10px] border border-border bg-card pt-4 pb-[18px] px-[18px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "size-[15px] text-muted-foreground" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-[13px] 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__ */ jsxs("label", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 size-5 text-muted-foreground", "aria-hidden": true }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: searchInputRef,
+          type: "search",
+          value: searchTerm,
+          onChange: (event) => setSearchTerm(event.target.value),
+          placeholder: t("customers.timeline.history.searchPlaceholder", "Search..."),
+          "aria-label": t("customers.timeline.history.searchAriaLabel", "Search interaction history"),
+          className: "h-9 w-full rounded-[10px] border border-border bg-card pl-9 pr-14 text-sm text-foreground shadow-xs placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden"
+        }
+      ),
+      /* @__PURE__ */ jsx(Kbd, { className: "pointer-events-none absolute right-2 hidden text-[11px] uppercase tracking-[0.48px] sm:inline-flex", children: "\u23181" })
+    ] }),
+    /* @__PURE__ */ jsx(
       ActivityTimelineFilters,
       {
         entityId,
@@ -233,13 +279,16 @@ function ActivitiesSection({
           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 }) }),
+    ),
+    loading && totalCount === 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: visibleActivities, onEdit: onEditActivity }),
+      totalCount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-t border-border/60 pt-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: searchTerm.trim() ? t("customers.activities.seeMatching", "Showing {visible} of {total} activities", {
+          visible: visibleCount,
+          total: totalCount
+        }) : t("customers.activities.seeAll", "See all {count} activities", { count: totalCount }) }),
         hasMore ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", onClick: () => setLoadedPages((value) => value + 1), children: t("customers.activities.loadMore", "Load more") }) : null
-      ] }) }) : null
+      ] }) : null
     ] })
   ] });
 }

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 { 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": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Clock, Search } 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 { Kbd } from '@open-mercato/ui/primitives/kbd'\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 [searchTerm, setSearchTerm] = 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  const searchInputRef = React.useRef<HTMLInputElement>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    function handleShortcut(event: KeyboardEvent) {\n      if ((event.metaKey || event.ctrlKey) && event.key === '1') {\n        event.preventDefault()\n        searchInputRef.current?.focus()\n      }\n    }\n    window.addEventListener('keydown', handleShortcut)\n    return () => window.removeEventListener('keydown', handleShortcut)\n  }, [entityId])\n\n  const visibleActivities = React.useMemo(() => {\n    const term = searchTerm.trim().toLowerCase()\n    if (!term) return activities\n    return activities.filter((activity) => {\n      const haystack = [\n        activity.title,\n        activity.body,\n        activity.authorName,\n        activity.dealTitle,\n        activity.interactionType,\n      ]\n        .filter((value): value is string => typeof value === 'string' && value.length > 0)\n        .join(' ')\n        .toLowerCase()\n      return haystack.includes(term)\n    })\n  }, [activities, searchTerm])\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  const totalCount = activities.length\n  const visibleCount = visibleActivities.length\n\n  return (\n    <div className=\"flex flex-col gap-3.5 rounded-[10px] border border-border bg-card pt-4 pb-[18px] px-[18px]\">\n      <div className=\"flex items-center gap-2\">\n        <Clock className=\"size-[15px] text-muted-foreground\" />\n        <h3 className=\"text-[13px] 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\n      <label className=\"relative flex items-center\">\n        <Search className=\"pointer-events-none absolute left-2.5 size-5 text-muted-foreground\" aria-hidden />\n        <input\n          ref={searchInputRef}\n          type=\"search\"\n          value={searchTerm}\n          onChange={(event) => setSearchTerm(event.target.value)}\n          placeholder={t('customers.timeline.history.searchPlaceholder', 'Search...')}\n          aria-label={t('customers.timeline.history.searchAriaLabel', 'Search interaction history')}\n          className=\"h-9 w-full rounded-[10px] border border-border bg-card pl-9 pr-14 text-sm text-foreground shadow-xs placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden\"\n        />\n        <Kbd className=\"pointer-events-none absolute right-2 hidden text-[11px] uppercase tracking-[0.48px] sm:inline-flex\">\n          \u23181\n        </Kbd>\n      </label>\n\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\n      {loading && totalCount === 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={visibleActivities} onEdit={onEditActivity} />\n          {totalCount > 0 ? (\n            <div className=\"flex items-center justify-between gap-3 border-t border-border/60 pt-3\">\n              <span className=\"text-xs text-muted-foreground\">\n                {searchTerm.trim()\n                  ? t('customers.activities.seeMatching', 'Showing {visible} of {total} activities', {\n                      visible: visibleCount,\n                      total: totalCount,\n                    })\n                  : t('customers.activities.seeAll', 'See all {count} activities', { count: totalCount })}\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          ) : null}\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default ActivitiesSection\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,40 +1,31 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { InlineActivityComposer } from "./InlineActivityComposer.js";
-import { PlannedActivitiesSection } from "./PlannedActivitiesSection.js";
+import { ActivitiesCard } from "./ActivitiesCard.js";
 import { ActivityHistorySection } from "./ActivityHistorySection.js";
 function ActivityLogTab({
   entityId,
   plannedActivities,
-  onActivityCreated,
   onScheduleRequested,
-  onMarkDone,
+  onAddActivity,
   onEditActivity,
-  onCancelActivity,
-  runGuardedMutation,
   refreshKey = 0,
-  useCanonicalInteractions = false
+  useCanonicalInteractions = false,
+  entityCompanyName
 }) {
+  const handleAddNew = (kind) => {
+    if (onAddActivity) onAddActivity(kind);
+    else onScheduleRequested();
+  };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(
-      InlineActivityComposer,
+      ActivitiesCard,
       {
-        entityType: "company",
         entityId,
-        onActivityCreated,
-        runGuardedMutation,
-        onScheduleRequested,
-        useCanonicalInteractions
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PlannedActivitiesSection,
-      {
-        activities: plannedActivities,
-        onComplete: onMarkDone,
-        onSchedule: onScheduleRequested,
-        onEdit: onEditActivity,
-        onCancel: onCancelActivity
+        plannedActivities,
+        refreshKey,
+        onAddNew: handleAddNew,
+        onEditActivity,
+        entityCompanyName
       }
     ),
     /* @__PURE__ */ jsx(

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityLogTab.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { InlineActivityComposer } from './InlineActivityComposer'\nimport { PlannedActivitiesSection } from './PlannedActivitiesSection'\nimport { ActivityHistorySection } from './ActivityHistorySection'\nimport type { InteractionSummary } from './types'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype ActivityLogTabProps = {\n  entityId: string\n  plannedActivities: InteractionSummary[]\n  onActivityCreated: () => void\n  onScheduleRequested: () => void\n  onMarkDone: (id: string) => void\n  onEditActivity: (activity: InteractionSummary) => void\n  onCancelActivity: (id: string) => void\n  runGuardedMutation?: GuardedMutationRunner\n  refreshKey?: number\n  useCanonicalInteractions?: boolean\n}\n\nexport function ActivityLogTab({\n  entityId,\n  plannedActivities,\n  onActivityCreated,\n  onScheduleRequested,\n  onMarkDone,\n  onEditActivity,\n  onCancelActivity,\n  runGuardedMutation,\n  refreshKey = 0,\n  useCanonicalInteractions = false,\n}: ActivityLogTabProps) {\n  return (\n    <div className=\"space-y-4\">\n      <InlineActivityComposer\n        entityType=\"company\"\n        entityId={entityId}\n        onActivityCreated={onActivityCreated}\n        runGuardedMutation={runGuardedMutation}\n        onScheduleRequested={onScheduleRequested}\n        useCanonicalInteractions={useCanonicalInteractions}\n      />\n\n      <PlannedActivitiesSection\n        activities={plannedActivities}\n        onComplete={onMarkDone}\n        onSchedule={onScheduleRequested}\n        onEdit={onEditActivity}\n        onCancel={onCancelActivity}\n      />\n\n      <ActivityHistorySection\n        entityId={entityId}\n        useCanonicalInteractions={useCanonicalInteractions}\n        refreshKey={refreshKey}\n        onEditActivity={onEditActivity}\n      />\n    </div>\n  )\n}\n\nexport default ActivityLogTab\n"],
-  "mappings": ";AAsCI,SACE,KADF;AApCJ,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,8BAA8B;AAqBhC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,2BAA2B;AAC7B,GAAwB;AACtB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["'use client'\n\nimport { ActivitiesCard } from './ActivitiesCard'\nimport type { ActivityKind } from './ActivitiesAddNewMenu'\nimport { ActivityHistorySection } from './ActivityHistorySection'\nimport type { InteractionSummary } from './types'\n\ntype GuardedMutationRunner = <T,>(\n  operation: () => Promise<T>,\n  mutationPayload?: Record<string, unknown>,\n) => Promise<T>\n\ntype ActivityLogTabProps = {\n  entityId: string\n  plannedActivities: InteractionSummary[]\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  onActivityCreated?: () => void\n  onScheduleRequested: () => void\n  onAddActivity?: (kind: ActivityKind) => void\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  onMarkDone?: (id: string) => void\n  onEditActivity: (activity: InteractionSummary) => void\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  onCancelActivity?: (id: string) => void\n  /** @deprecated No longer used after the ActivitiesCard refactor. Kept optional for callers; remove after one minor cycle. */\n  runGuardedMutation?: GuardedMutationRunner\n  refreshKey?: number\n  useCanonicalInteractions?: boolean\n  /** Optional parent-entity company name; surfaces in planned event subtitles when no deal is set. */\n  entityCompanyName?: string | null\n}\n\nexport function ActivityLogTab({\n  entityId,\n  plannedActivities,\n  onScheduleRequested,\n  onAddActivity,\n  onEditActivity,\n  refreshKey = 0,\n  useCanonicalInteractions = false,\n  entityCompanyName,\n}: ActivityLogTabProps) {\n  const handleAddNew = (kind: ActivityKind) => {\n    if (onAddActivity) onAddActivity(kind)\n    else onScheduleRequested()\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      <ActivitiesCard\n        entityId={entityId}\n        plannedActivities={plannedActivities}\n        refreshKey={refreshKey}\n        onAddNew={handleAddNew}\n        onEditActivity={onEditActivity}\n        entityCompanyName={entityCompanyName}\n      />\n\n      <ActivityHistorySection\n        entityId={entityId}\n        useCanonicalInteractions={useCanonicalInteractions}\n        refreshKey={refreshKey}\n        onEditActivity={onEditActivity}\n      />\n    </div>\n  )\n}\n\nexport default ActivityLogTab\n"],
+  "mappings": ";AAgDI,SACE,KADF;AA9CJ,SAAS,sBAAsB;AAE/B,SAAS,8BAA8B;AA4BhC,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,2BAA2B;AAAA,EAC3B;AACF,GAAwB;AACtB,QAAM,eAAe,CAAC,SAAuB;AAC3C,QAAI,cAAe,eAAc,IAAI;AAAA,QAChC,qBAAoB;AAAA,EAC3B;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,yBAAQ;",
   "names": []
 }

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

@@ -52,30 +52,30 @@ function TimelineEntry({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `px-5 py-4 ${withBorder ? "border-b border-border/60" : ""} ${onEdit ? "cursor-pointer hover:bg-accent/50 transition-colors" : ""}`,
+      className: `py-2.5 ${withBorder ? "border-b border-border/60" : ""} ${onEdit ? "cursor-pointer hover:bg-accent/40 transition-colors" : ""}`,
       onClick: () => onEdit?.(activity),
       role: onEdit ? "button" : void 0,
       tabIndex: onEdit ? 0 : void 0,
       onKeyDown: onEdit ? (e) => {
         if (e.key === "Enter") onEdit(activity);
       } : void 0,
-      children: /* @__PURE__ */ jsxs("div", { className: "grid items-start gap-3", style: { gridTemplateColumns: "72px 40px 1fr" }, children: [
-        /* @__PURE__ */ jsxs("div", { className: "shrink-0 pt-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "block text-xs font-bold leading-tight", children: formatRelativeDate(dateStr, t) }),
-          /* @__PURE__ */ jsx("span", { className: "block text-xs leading-tight text-muted-foreground", children: formatTime(dateStr) })
+      children: /* @__PURE__ */ jsxs("div", { className: "grid items-start gap-3", style: { gridTemplateColumns: "75px 32px 1fr" }, children: [
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-[11px] font-semibold leading-tight text-foreground", children: formatRelativeDate(dateStr, t) }),
+          /* @__PURE__ */ jsx("span", { className: "block text-[10px] leading-tight text-muted-foreground", children: formatTime(dateStr) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex size-10 items-center justify-center rounded-lg bg-muted shrink-0", children: TypeIcon ? /* @__PURE__ */ jsx(TypeIcon, { className: "size-4 text-muted-foreground" }) : null }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold leading-5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex size-8 items-center justify-center rounded-md bg-muted shrink-0", children: TypeIcon ? /* @__PURE__ */ jsx(TypeIcon, { className: "size-3.5 text-muted-foreground" }) : null }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+          /* @__PURE__ */ jsxs("span", { className: "block text-[12px] font-semibold leading-tight text-foreground", children: [
             title,
             duration
-          ] }) }),
-          activity.body && activity.title && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: activity.body }),
-          activity.authorName && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(User, { className: "size-3 shrink-0" }),
+          ] }),
+          activity.body && activity.title && /* @__PURE__ */ jsx("p", { className: "text-[11px] leading-snug text-muted-foreground", children: activity.body }),
+          activity.authorName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-[10px] text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(User, { className: "size-2.5 shrink-0" }),
             /* @__PURE__ */ jsx("span", { children: t("customers.timeline.author", "by {{name}}", { name: activity.authorName }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(AiActionChips, { activityType: activity.interactionType }) })
+          /* @__PURE__ */ jsx(AiActionChips, { activityType: activity.interactionType })
         ] })
       ] })
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityTimeline.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, User } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { AiActionChips } from './AiActionChips'\nimport type { InteractionSummary } from './types'\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\ninterface ActivityTimelineProps {\n  activities: InteractionSummary[]\n  onEdit?: (activity: InteractionSummary) => void\n}\n\nexport function ActivityTimeline({ activities, onEdit }: ActivityTimelineProps) {\n  const t = useT()\n\n  if (activities.length === 0) {\n    return (\n      <div className=\"py-6 text-center text-sm text-muted-foreground\">\n        {t('customers.timeline.empty', 'No activities match the current filters.')}\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      {activities.map((activity, index) => {\n        const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n        const activityYear = dateStr ? new Date(dateStr).getFullYear() : null\n        const prevDateStr = index > 0 ? (activities[index - 1].scheduledAt ?? activities[index - 1].occurredAt ?? activities[index - 1].createdAt) : null\n        const prevYear = prevDateStr ? new Date(prevDateStr).getFullYear() : null\n        const showYearSeparator = activityYear !== null && prevYear !== null && activityYear !== prevYear\n\n        return (\n          <React.Fragment key={activity.id}>\n            {showYearSeparator && (\n              <div className=\"flex items-center gap-3 py-3 px-5\">\n                <div className=\"h-px flex-1 bg-border\" />\n                <span className=\"text-xs font-semibold text-muted-foreground\">\n                  {t('customers.activities.yearSeparator', '{year}', { year: activityYear })}\n                </span>\n                <div className=\"h-px flex-1 bg-border\" />\n              </div>\n            )}\n            <TimelineEntry\n              activity={activity}\n              t={t}\n              withBorder={index < activities.length - 1}\n              onEdit={onEdit}\n            />\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nfunction TimelineEntry({\n  activity,\n  t,\n  withBorder,\n  onEdit,\n}: {\n  activity: InteractionSummary\n  t: TranslateFn\n  withBorder: boolean\n  onEdit?: (activity: InteractionSummary) => void\n}) {\n  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType]\n  const title = activity.title ?? activity.body ?? activity.interactionType\n  const duration = activity.duration ? ` (${activity.duration} min)` : ''\n\n  return (\n    <div\n      className={`px-5 py-4 ${withBorder ? 'border-b border-border/60' : ''} ${onEdit ? 'cursor-pointer hover:bg-accent/50 transition-colors' : ''}`}\n      onClick={() => onEdit?.(activity)}\n      role={onEdit ? 'button' : undefined}\n      tabIndex={onEdit ? 0 : undefined}\n      onKeyDown={onEdit ? (e) => { if (e.key === 'Enter') onEdit(activity) } : undefined}\n    >\n      <div className=\"grid items-start gap-3\" style={{ gridTemplateColumns: '72px 40px 1fr' }}>\n        {/* Column 1: Date */}\n        <div className=\"shrink-0 pt-0.5\">\n          <span className=\"block text-xs font-bold leading-tight\">\n            {formatRelativeDate(dateStr, t)}\n          </span>\n          <span className=\"block text-xs leading-tight text-muted-foreground\">\n            {formatTime(dateStr)}\n          </span>\n        </div>\n\n        {/* Column 2: Type icon */}\n        <div className=\"flex size-10 items-center justify-center rounded-lg bg-muted shrink-0\">\n          {TypeIcon ? <TypeIcon className=\"size-4 text-muted-foreground\" /> : null}\n        </div>\n\n        {/* Column 3: Content */}\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-1.5\">\n            <span className=\"text-sm font-semibold leading-5\">\n              {title}{duration}\n            </span>\n          </div>\n\n          {activity.body && activity.title && (\n            <p className=\"mt-1 text-sm text-muted-foreground\">\n              {activity.body}\n            </p>\n          )}\n\n          {activity.authorName && (\n            <div className=\"mt-1.5 flex items-center gap-1 text-xs text-muted-foreground\">\n              <User className=\"size-3 shrink-0\" />\n              <span>{t('customers.timeline.author', 'by {{name}}', { name: activity.authorName })}</span>\n            </div>\n          )}\n\n          <div className=\"mt-2\">\n            <AiActionChips activityType={activity.interactionType} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction formatRelativeDate(isoString: string, t: TranslateFn): string {\n  try {\n    const date = new Date(isoString)\n    const now = new Date()\n    // Compare calendar dates (not time-based diff) to correctly handle same-day future times\n    const dateDay = new Date(date.getFullYear(), date.getMonth(), date.getDate())\n    const nowDay = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    const diffDays = Math.round((nowDay.getTime() - dateDay.getTime()) / (1000 * 60 * 60 * 24))\n\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  } catch {\n    return ''\n  }\n}\n\nfunction formatTime(isoString: string): string {\n  try {\n    return new Date(isoString).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n  } catch {\n    return ''\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, User } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { AiActionChips } from './AiActionChips'\nimport type { InteractionSummary } from './types'\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\ninterface ActivityTimelineProps {\n  activities: InteractionSummary[]\n  onEdit?: (activity: InteractionSummary) => void\n}\n\nexport function ActivityTimeline({ activities, onEdit }: ActivityTimelineProps) {\n  const t = useT()\n\n  if (activities.length === 0) {\n    return (\n      <div className=\"py-6 text-center text-sm text-muted-foreground\">\n        {t('customers.timeline.empty', 'No activities match the current filters.')}\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      {activities.map((activity, index) => {\n        const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n        const activityYear = dateStr ? new Date(dateStr).getFullYear() : null\n        const prevDateStr = index > 0 ? (activities[index - 1].scheduledAt ?? activities[index - 1].occurredAt ?? activities[index - 1].createdAt) : null\n        const prevYear = prevDateStr ? new Date(prevDateStr).getFullYear() : null\n        const showYearSeparator = activityYear !== null && prevYear !== null && activityYear !== prevYear\n\n        return (\n          <React.Fragment key={activity.id}>\n            {showYearSeparator && (\n              <div className=\"flex items-center gap-3 py-3 px-5\">\n                <div className=\"h-px flex-1 bg-border\" />\n                <span className=\"text-xs font-semibold text-muted-foreground\">\n                  {t('customers.activities.yearSeparator', '{year}', { year: activityYear })}\n                </span>\n                <div className=\"h-px flex-1 bg-border\" />\n              </div>\n            )}\n            <TimelineEntry\n              activity={activity}\n              t={t}\n              withBorder={index < activities.length - 1}\n              onEdit={onEdit}\n            />\n          </React.Fragment>\n        )\n      })}\n    </div>\n  )\n}\n\nfunction TimelineEntry({\n  activity,\n  t,\n  withBorder,\n  onEdit,\n}: {\n  activity: InteractionSummary\n  t: TranslateFn\n  withBorder: boolean\n  onEdit?: (activity: InteractionSummary) => void\n}) {\n  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n  const TypeIcon = TYPE_ICONS[activity.interactionType]\n  const title = activity.title ?? activity.body ?? activity.interactionType\n  const duration = activity.duration ? ` (${activity.duration} min)` : ''\n\n  return (\n    <div\n      className={`py-2.5 ${withBorder ? 'border-b border-border/60' : ''} ${onEdit ? 'cursor-pointer hover:bg-accent/40 transition-colors' : ''}`}\n      onClick={() => onEdit?.(activity)}\n      role={onEdit ? 'button' : undefined}\n      tabIndex={onEdit ? 0 : undefined}\n      onKeyDown={onEdit ? (e) => { if (e.key === 'Enter') onEdit(activity) } : undefined}\n    >\n      <div className=\"grid items-start gap-3\" style={{ gridTemplateColumns: '75px 32px 1fr' }}>\n        {/* Column 1: Date */}\n        <div className=\"shrink-0\">\n          <span className=\"block text-[11px] font-semibold leading-tight text-foreground\">\n            {formatRelativeDate(dateStr, t)}\n          </span>\n          <span className=\"block text-[10px] leading-tight text-muted-foreground\">\n            {formatTime(dateStr)}\n          </span>\n        </div>\n\n        {/* Column 2: Type icon */}\n        <div className=\"flex size-8 items-center justify-center rounded-md bg-muted shrink-0\">\n          {TypeIcon ? <TypeIcon className=\"size-3.5 text-muted-foreground\" /> : null}\n        </div>\n\n        {/* Column 3: Content */}\n        <div className=\"min-w-0 space-y-1.5\">\n          <span className=\"block text-[12px] font-semibold leading-tight text-foreground\">\n            {title}{duration}\n          </span>\n\n          {activity.body && activity.title && (\n            <p className=\"text-[11px] leading-snug text-muted-foreground\">\n              {activity.body}\n            </p>\n          )}\n\n          {activity.authorName && (\n            <div className=\"flex items-center gap-1 text-[10px] text-muted-foreground\">\n              <User className=\"size-2.5 shrink-0\" />\n              <span>{t('customers.timeline.author', 'by {{name}}', { name: activity.authorName })}</span>\n            </div>\n          )}\n\n          <AiActionChips activityType={activity.interactionType} />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction formatRelativeDate(isoString: string, t: TranslateFn): string {\n  try {\n    const date = new Date(isoString)\n    const now = new Date()\n    // Compare calendar dates (not time-based diff) to correctly handle same-day future times\n    const dateDay = new Date(date.getFullYear(), date.getMonth(), date.getDate())\n    const nowDay = new Date(now.getFullYear(), now.getMonth(), now.getDate())\n    const diffDays = Math.round((nowDay.getTime() - dateDay.getTime()) / (1000 * 60 * 60 * 24))\n\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  } catch {\n    return ''\n  }\n}\n\nfunction formatTime(isoString: string): string {\n  try {\n    return new Date(isoString).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n  } catch {\n    return ''\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -5,14 +5,18 @@ import { Phone, Mail, Users, StickyNote, SlidersHorizontal } from "lucide-react"
 import { cn } from "@open-mercato/shared/lib/utils";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
 import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 const FILTER_TYPES = [
+  { type: "note", icon: StickyNote },
   { type: "call", icon: Phone },
-  { type: "email", icon: Mail },
   { type: "meeting", icon: Users },
-  { type: "note", icon: StickyNote }
+  { type: "email", icon: Mail }
 ];
+const CHIP_BASE = "inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors";
+const CHIP_INACTIVE = "border border-border bg-card text-muted-foreground hover:bg-accent/40";
+const CHIP_ACTIVE = "border border-status-info-border bg-status-info-bg text-status-info-text";
 function ActivityTimelineFilters({
   entityId,
   activeTypes,
@@ -25,6 +29,7 @@ function ActivityTimelineFilters({
 }) {
   const t = useT();
   const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo;
+  const allActive = activeTypes.length === 0;
   const [counts, setCounts] = React.useState(null);
   React.useEffect(() => {
     if (!entityId) return;
@@ -49,28 +54,38 @@ function ActivityTimelineFilters({
       onTypesChange([...activeTypes, type]);
     }
   }, [activeTypes, onTypesChange]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border-b border-border/60 pb-4 md:flex-row md:items-center md:justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-overline font-bold uppercase tracking-wider text-muted-foreground", children: t("customers.people.detail.activities.filterLabel", "FILTER:") }),
+  const handleSelectAll = React.useCallback(() => {
+    onTypesChange([]);
+  }, [onTypesChange]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2.5", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSelectAll,
+          "aria-pressed": allActive,
+          className: cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE),
+          children: /* @__PURE__ */ jsx("span", { children: t("customers.timeline.filter.all", "All Activities") })
+        }
+      ),
       FILTER_TYPES.map(({ type, icon: Icon }) => {
         const isActive = activeTypes.includes(type);
         const count = counts?.[type];
+        const hasCount = typeof count === "number" && count > 0;
         return /* @__PURE__ */ jsxs(
-          Button,
+          "button",
           {
             type: "button",
-            variant: "outline",
-            size: "sm",
             onClick: () => handleTypeToggle(type),
-            className: cn(
-              "h-7 rounded-full px-2.5 text-xs gap-1.5",
-              isActive ? "border-foreground bg-background text-foreground" : "border-border bg-background text-muted-foreground"
-            ),
             "aria-pressed": isActive,
+            className: cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE),
             children: [
-              /* @__PURE__ */ jsx(Icon, { className: "size-2.5" }),
-              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: t(`customers.timeline.filter.${type}`, type) }),
-              typeof count === "number" && count > 0 ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-1 text-overline leading-4 text-muted-foreground", children: count }) : null
+              /* @__PURE__ */ jsx(Icon, { className: "size-[18px] shrink-0" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                t(`customers.timeline.filter.${type}`, type),
+                hasCount ? ` ${count}` : ""
+              ] })
             ]
           },
           type
@@ -78,17 +93,15 @@ function ActivityTimelineFilters({
       })
     ] }),
     /* @__PURE__ */ jsxs(Popover, { children: [
-      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-        Button,
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        IconButton,
         {
           type: "button",
           variant: "outline",
           size: "sm",
-          className: "h-7 rounded-md px-2.5 text-xs text-muted-foreground",
-          children: [
-            /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-2.5" }),
-            t("customers.people.detail.activities.moreFilters", "More")
-          ]
+          className: "size-7 rounded-md text-muted-foreground",
+          "aria-label": t("customers.people.detail.activities.moreFilters", "More filters"),
+          children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" })
         }
       ) }),
       /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-72 space-y-3", children: [

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/customers/components/detail/ActivityTimelineFilters.tsx"],
-  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, SlidersHorizontal } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'call', icon: Phone },\n  { type: 'email', icon: Mail },\n  { type: 'meeting', icon: Users },\n  { type: 'note', icon: StickyNote },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  total: number\n}\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const nextCounts = await readApiResultOrThrow<InteractionCounts>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        setCounts(nextCounts)\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 border-b border-border/60 pb-4 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <span className=\"text-overline font-bold uppercase tracking-wider text-muted-foreground\">\n          {t('customers.people.detail.activities.filterLabel', 'FILTER:')}\n        </span>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          return (\n            <Button\n              key={type}\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => handleTypeToggle(type)}\n              className={cn(\n                'h-7 rounded-full px-2.5 text-xs gap-1.5',\n                isActive\n                  ? 'border-foreground bg-background text-foreground'\n                  : 'border-border bg-background text-muted-foreground',\n              )}\n              aria-pressed={isActive}\n            >\n              <Icon className=\"size-2.5\" />\n              <span className=\"font-semibold\">{t(`customers.timeline.filter.${type}`, type)}</span>\n              {typeof count === 'number' && count > 0 ? (\n                <span className=\"rounded-full bg-muted px-1 text-overline leading-4 text-muted-foreground\">\n                  {count}\n                </span>\n              ) : null}\n            </Button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"h-7 rounded-md px-2.5 text-xs text-muted-foreground\"\n          >\n            <SlidersHorizontal className=\"size-2.5\" />\n            {t('customers.people.detail.activities.moreFilters', 'More')}\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport * as React from 'react'\nimport { Phone, Mail, Users, StickyNote, SlidersHorizontal } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\n\nconst FILTER_TYPES = [\n  { type: 'note', icon: StickyNote },\n  { type: 'call', icon: Phone },\n  { type: 'meeting', icon: Users },\n  { type: 'email', icon: Mail },\n] as const\n\ntype InteractionCounts = {\n  call: number\n  email: number\n  meeting: number\n  note: number\n  total: number\n}\n\ninterface ActivityTimelineFiltersProps {\n  entityId: string | null\n  activeTypes: string[]\n  dateFrom: string\n  dateTo: string\n  onTypesChange: (types: string[]) => void\n  onDateFromChange: (value: string) => void\n  onDateToChange: (value: string) => void\n  onReset: () => void\n}\n\nconst CHIP_BASE = 'inline-flex h-7 items-center gap-1.5 rounded-lg px-2.5 text-sm font-medium transition-colors'\nconst CHIP_INACTIVE = 'border border-border bg-card text-muted-foreground hover:bg-accent/40'\nconst CHIP_ACTIVE = 'border border-status-info-border bg-status-info-bg text-status-info-text'\n\nexport function ActivityTimelineFilters({\n  entityId,\n  activeTypes,\n  dateFrom,\n  dateTo,\n  onTypesChange,\n  onDateFromChange,\n  onDateToChange,\n  onReset,\n}: ActivityTimelineFiltersProps) {\n  const t = useT()\n  const hasActiveFilters = activeTypes.length > 0 || dateFrom || dateTo\n  const allActive = activeTypes.length === 0\n  const [counts, setCounts] = React.useState<InteractionCounts | null>(null)\n\n  React.useEffect(() => {\n    if (!entityId) return\n    const controller = new AbortController()\n    void (async () => {\n      try {\n        const nextCounts = await readApiResultOrThrow<InteractionCounts>(\n          `/api/customers/interactions/counts?entityId=${encodeURIComponent(entityId)}`,\n          { signal: controller.signal },\n        )\n        setCounts(nextCounts)\n      } catch {\n        setCounts(null)\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId])\n\n  const handleTypeToggle = React.useCallback((type: string) => {\n    if (activeTypes.includes(type)) {\n      onTypesChange(activeTypes.filter((filterType) => filterType !== type))\n    } else {\n      onTypesChange([...activeTypes, type])\n    }\n  }, [activeTypes, onTypesChange])\n\n  const handleSelectAll = React.useCallback(() => {\n    onTypesChange([])\n  }, [onTypesChange])\n\n  return (\n    <div className=\"flex flex-col gap-3 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex flex-wrap items-center gap-2.5\">\n        <button\n          type=\"button\"\n          onClick={handleSelectAll}\n          aria-pressed={allActive}\n          className={cn(CHIP_BASE, allActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n        >\n          <span>{t('customers.timeline.filter.all', 'All Activities')}</span>\n        </button>\n\n        {FILTER_TYPES.map(({ type, icon: Icon }) => {\n          const isActive = activeTypes.includes(type)\n          const count = counts?.[type as keyof InteractionCounts]\n          const hasCount = typeof count === 'number' && count > 0\n          return (\n            <button\n              key={type}\n              type=\"button\"\n              onClick={() => handleTypeToggle(type)}\n              aria-pressed={isActive}\n              className={cn(CHIP_BASE, isActive ? CHIP_ACTIVE : CHIP_INACTIVE)}\n            >\n              <Icon className=\"size-[18px] shrink-0\" />\n              <span>\n                {t(`customers.timeline.filter.${type}`, type)}\n                {hasCount ? ` ${count}` : ''}\n              </span>\n            </button>\n          )\n        })}\n      </div>\n\n      <Popover>\n        <PopoverTrigger asChild>\n          <IconButton\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"size-7 rounded-md text-muted-foreground\"\n            aria-label={t('customers.people.detail.activities.moreFilters', 'More filters')}\n          >\n            <SlidersHorizontal className=\"size-3.5\" />\n          </IconButton>\n        </PopoverTrigger>\n        <PopoverContent align=\"end\" className=\"w-72 space-y-3\">\n          <div className=\"space-y-1.5\">\n            <label className=\"text-xs font-medium\">\n              {t('customers.activities.filters.dateRange', 'Date range')}\n            </label>\n            <div className=\"flex items-center gap-2\">\n              <input\n                type=\"date\"\n                value={dateFrom}\n                onChange={(event) => onDateFromChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.from', 'From date')}\n              />\n              <span className=\"shrink-0 text-xs text-muted-foreground\">\u2014</span>\n              <input\n                type=\"date\"\n                value={dateTo}\n                onChange={(event) => onDateToChange(event.target.value)}\n                className=\"h-8 w-full rounded-md border bg-background px-2 text-xs focus:outline-none focus:ring-1 focus:ring-ring\"\n                aria-label={t('customers.timeline.filter.to', 'To date')}\n              />\n            </div>\n          </div>\n\n          {hasActiveFilters ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={onReset}\n              className=\"h-7 w-full text-xs\"\n            >\n              {t('customers.activities.filters.clearAll', 'Clear filters')}\n            </Button>\n          ) : null}\n        </PopoverContent>\n      </Popover>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }