@open-mercato/core 0.5.1-develop.2996.ce62fd491c → 0.5.1-develop.3036.f02c281f23

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

@@ -0,0 +1,324 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+const VISIBLE_DAYS = 5;
+const BUSYNESS_SLOTS = 10;
+const SLOT_START_HOUR = 7;
+const SLOT_END_HOUR = 22;
+const DAY_LABEL_KEYS = [
+  [0, "customers.calendar.day.sun", "SUN"],
+  [1, "customers.calendar.day.mon", "MON"],
+  [2, "customers.calendar.day.tue", "TUE"],
+  [3, "customers.calendar.day.wed", "WED"],
+  [4, "customers.calendar.day.thu", "THU"],
+  [5, "customers.calendar.day.fri", "FRI"],
+  [6, "customers.calendar.day.sat", "SAT"]
+];
+const MONTH_KEYS = [
+  [0, "customers.calendar.month.january", "January"],
+  [1, "customers.calendar.month.february", "February"],
+  [2, "customers.calendar.month.march", "March"],
+  [3, "customers.calendar.month.april", "April"],
+  [4, "customers.calendar.month.may", "May"],
+  [5, "customers.calendar.month.june", "June"],
+  [6, "customers.calendar.month.july", "July"],
+  [7, "customers.calendar.month.august", "August"],
+  [8, "customers.calendar.month.september", "September"],
+  [9, "customers.calendar.month.october", "October"],
+  [10, "customers.calendar.month.november", "November"],
+  [11, "customers.calendar.month.december", "December"]
+];
+function startOfDay(date) {
+  const next = new Date(date);
+  next.setHours(0, 0, 0, 0);
+  return next;
+}
+function endOfDay(date) {
+  const next = new Date(date);
+  next.setHours(23, 59, 59, 999);
+  return next;
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isWeekend(date) {
+  const day = date.getDay();
+  return day === 0 || day === 6;
+}
+function addDays(date, delta) {
+  const next = new Date(date);
+  next.setDate(date.getDate() + delta);
+  return next;
+}
+function buildVisibleDays(anchor) {
+  const start = startOfDay(anchor);
+  return Array.from({ length: VISIBLE_DAYS }, (_, index) => addDays(start, index));
+}
+function anchorCenteredOn(focalDate) {
+  return startOfDay(addDays(focalDate, -Math.floor(VISIBLE_DAYS / 2)));
+}
+function emptyBusyness() {
+  return {
+    totalMinutes: 0,
+    eventCount: 0,
+    slots: Array(BUSYNESS_SLOTS).fill("empty")
+  };
+}
+function computeDayBusyness(events, day) {
+  if (events.length === 0) return emptyBusyness();
+  const dayStart = startOfDay(day).getTime();
+  const slotMs = (SLOT_END_HOUR - SLOT_START_HOUR) * 60 * 60 * 1e3 / BUSYNESS_SLOTS;
+  const slotMinutes = slotMs / 6e4;
+  const slotCounts = Array(BUSYNESS_SLOTS).fill(0);
+  const slotMinutesUsed = Array(BUSYNESS_SLOTS).fill(0);
+  let totalMinutes = 0;
+  let eventCount = 0;
+  for (const event of events) {
+    const startIso = event.scheduledAt ?? event.occurredAt ?? event.createdAt;
+    if (!startIso) continue;
+    const start = new Date(startIso);
+    if (Number.isNaN(start.getTime())) continue;
+    if (!isSameDay(start, day)) continue;
+    eventCount += 1;
+    const durationMinutes = typeof event.duration === "number" && event.duration > 0 ? event.duration : 30;
+    totalMinutes += durationMinutes;
+    const eventStartMs = start.getTime();
+    const eventEndMs = eventStartMs + durationMinutes * 6e4;
+    const slotsStartMs = dayStart + SLOT_START_HOUR * 60 * 60 * 1e3;
+    for (let slot = 0; slot < BUSYNESS_SLOTS; slot += 1) {
+      const slotStart = slotsStartMs + slot * slotMs;
+      const slotEnd = slotStart + slotMs;
+      const overlapStart = Math.max(slotStart, eventStartMs);
+      const overlapEnd = Math.min(slotEnd, eventEndMs);
+      const overlapMinutes = Math.max(0, (overlapEnd - overlapStart) / 6e4);
+      if (overlapMinutes <= 0) continue;
+      slotCounts[slot] += 1;
+      slotMinutesUsed[slot] += overlapMinutes;
+    }
+  }
+  const slots = slotCounts.map((count, index) => {
+    if (count === 0) return "empty";
+    if (count > 1) return "conflict";
+    const used = slotMinutesUsed[index];
+    if (used >= slotMinutes * 0.5) return "full";
+    return "partial";
+  });
+  return { totalMinutes, eventCount, slots };
+}
+function formatBusyLabel(busy, t) {
+  if (busy.eventCount === 0) return "";
+  const durationLabel = busy.totalMinutes < 60 ? t("customers.activities.calendar.minutesShort", "{minutes}m", { minutes: Math.max(Math.round(busy.totalMinutes), 1) }) : t("customers.activities.calendar.hoursShort", "{hours}h", { hours: Math.floor(busy.totalMinutes / 60) });
+  return t("customers.activities.calendar.eventsSummary", "{count} {countLabel} \xB7 {duration}", {
+    count: busy.eventCount,
+    countLabel: busy.eventCount === 1 ? t("customers.activities.calendar.eventSingular", "event") : t("customers.activities.calendar.eventPlural", "events"),
+    duration: durationLabel
+  });
+}
+function formatMonthLabel(date, t) {
+  const monthEntry = MONTH_KEYS.find(([index]) => index === date.getMonth());
+  const monthName = monthEntry ? t(monthEntry[1], monthEntry[2]) : "";
+  return t("customers.activities.calendar.monthYear", "{month} {year}", { month: monthName, year: date.getFullYear() });
+}
+function formatDayLabel(date, t) {
+  const entry = DAY_LABEL_KEYS.find(([index]) => index === date.getDay());
+  return entry ? t(entry[1], entry[2]) : "";
+}
+function ActivitiesDayStrip({ entityId, selectedDate, onSelectDate, refreshKey = 0 }) {
+  const t = useT();
+  const [anchor, setAnchor] = React.useState(() => anchorCenteredOn(selectedDate));
+  const [events, setEvents] = React.useState([]);
+  React.useEffect(() => {
+    setAnchor((current) => {
+      const days = buildVisibleDays(current);
+      const visible = days.some((day) => isSameDay(day, selectedDate));
+      if (visible) return current;
+      return anchorCenteredOn(selectedDate);
+    });
+  }, [selectedDate]);
+  const visibleDays = React.useMemo(() => buildVisibleDays(anchor), [anchor]);
+  const headerLabel = React.useMemo(() => formatMonthLabel(visibleDays[0], t), [visibleDays, t]);
+  React.useEffect(() => {
+    if (!entityId || visibleDays.length === 0) return;
+    const controller = new AbortController();
+    const fromIso = startOfDay(visibleDays[0]).toISOString();
+    const toIso = endOfDay(visibleDays[visibleDays.length - 1]).toISOString();
+    const params = new URLSearchParams({
+      entityId,
+      from: fromIso,
+      to: toIso,
+      limit: "100",
+      sortField: "scheduledAt",
+      sortDir: "asc",
+      excludeInteractionType: "task"
+    });
+    void (async () => {
+      try {
+        const payload = await readApiResultOrThrow(
+          `/api/customers/interactions?${params.toString()}`,
+          { signal: controller.signal }
+        );
+        setEvents(Array.isArray(payload?.items) ? payload.items : []);
+      } catch (err) {
+        if (err?.name !== "AbortError") {
+          console.warn("[ActivitiesDayStrip] failed to load interactions", err);
+        }
+        setEvents([]);
+      }
+    })();
+    return () => controller.abort();
+  }, [entityId, visibleDays, refreshKey]);
+  const todayDate = React.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
+  const handlePrev = React.useCallback(() => {
+    setAnchor((current) => addDays(current, -VISIBLE_DAYS));
+  }, []);
+  const handleNext = React.useCallback(() => {
+    setAnchor((current) => addDays(current, VISIBLE_DAYS));
+  }, []);
+  const handleHeaderPrev = React.useCallback(() => {
+    setAnchor((current) => {
+      const next = new Date(current);
+      next.setMonth(current.getMonth() - 1);
+      return startOfDay(next);
+    });
+  }, []);
+  const handleHeaderNext = React.useCallback(() => {
+    setAnchor((current) => {
+      const next = new Date(current);
+      next.setMonth(current.getMonth() + 1);
+      return startOfDay(next);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2.5 rounded-md px-3.5 py-3 w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1.5 rounded-md bg-muted px-1.5 py-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleHeaderPrev,
+          "aria-label": t("customers.activities.calendar.prevMonth", "Previous month"),
+          className: "flex size-6 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40",
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4 text-foreground" })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "flex-1 text-center text-sm font-medium leading-5 text-foreground", children: headerLabel }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleHeaderNext,
+          "aria-label": t("customers.activities.calendar.nextMonth", "Next month"),
+          className: "flex size-6 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40",
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-foreground" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handlePrev,
+          "aria-label": t("customers.activities.calendar.prevWindow", "Previous days"),
+          className: "flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40",
+          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4 text-foreground" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-stretch justify-center gap-1", children: visibleDays.map((day) => {
+        const busy = computeDayBusyness(events, day);
+        const isSelected = isSameDay(day, selectedDate);
+        const isToday = isSameDay(day, todayDate);
+        const weekend = isWeekend(day);
+        const busyLabel = busy.eventCount > 0 ? formatBusyLabel(busy, t) : weekend ? t("customers.activities.calendar.weekend", "Weekend") : "";
+        return /* @__PURE__ */ jsx(
+          DayCard,
+          {
+            day,
+            isActive: isSelected,
+            isToday,
+            busyness: busy,
+            label: busyLabel,
+            dayName: formatDayLabel(day, t),
+            onSelect: () => onSelectDate(day)
+          },
+          day.toISOString()
+        );
+      }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleNext,
+          "aria-label": t("customers.activities.calendar.nextWindow", "Next days"),
+          className: "flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40",
+          children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-foreground" })
+        }
+      )
+    ] })
+  ] });
+}
+function DayCard({ day, isActive, isToday, busyness, label, dayName, onSelect }) {
+  const dayNumber = String(day.getDate()).padStart(2, "0");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onSelect,
+      "aria-pressed": isActive,
+      "aria-label": `${dayName} ${dayNumber}`,
+      className: cn(
+        "flex h-[104px] w-[101px] flex-col items-center gap-[6px] overflow-hidden rounded-[10px] border p-[12px] transition-colors",
+        isActive ? "border-transparent bg-foreground" : "border-border bg-card hover:border-foreground/40"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium leading-none tracking-[0.44px] text-muted-foreground", children: dayName }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[5px]", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-2xl font-semibold leading-7",
+                isActive ? "text-background" : "text-foreground"
+              ),
+              children: dayNumber
+            }
+          ),
+          isToday ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "inline-block size-1.5 rounded-full bg-status-info-icon",
+              "aria-hidden": true
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex h-4 w-[82px] items-end gap-[1.5px]", children: busyness.slots.map((state, index) => /* @__PURE__ */ jsx(BusySlot, { state, active: isActive }, index)) }),
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] leading-[14px] font-normal whitespace-nowrap text-muted-foreground", children: label })
+      ]
+    }
+  );
+}
+function BusySlot({ state, active }) {
+  const heightClass = state === "empty" ? "h-0.5" : state === "partial" ? "h-2" : "h-3.5";
+  let bgClass;
+  if (state === "conflict") {
+    bgClass = "bg-status-error-icon";
+  } else if (active) {
+    if (state === "empty") bgClass = "bg-background/30";
+    else if (state === "partial") bgClass = "bg-background/60";
+    else bgClass = "bg-background";
+  } else {
+    if (state === "empty") bgClass = "bg-border";
+    else if (state === "partial") bgClass = "bg-muted-foreground";
+    else bgClass = "bg-foreground";
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("w-[7px] shrink-0 rounded-[1.5px]", heightClass, bgClass), "aria-hidden": true });
+}
+var ActivitiesDayStrip_default = ActivitiesDayStrip;
+export {
+  ActivitiesDayStrip,
+  ActivitiesDayStrip_default as default
+};
+//# sourceMappingURL=ActivitiesDayStrip.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivitiesDayStrip.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport type { InteractionSummary } from './types'\n\ninterface ActivitiesDayStripProps {\n  entityId: string\n  selectedDate: Date\n  onSelectDate: (date: Date) => void\n  refreshKey?: number\n}\n\nconst VISIBLE_DAYS = 5\nconst BUSYNESS_SLOTS = 10\nconst SLOT_START_HOUR = 7\nconst SLOT_END_HOUR = 22\n\nconst DAY_LABEL_KEYS: Array<[number, string, string]> = [\n  [0, 'customers.calendar.day.sun', 'SUN'],\n  [1, 'customers.calendar.day.mon', 'MON'],\n  [2, 'customers.calendar.day.tue', 'TUE'],\n  [3, 'customers.calendar.day.wed', 'WED'],\n  [4, 'customers.calendar.day.thu', 'THU'],\n  [5, 'customers.calendar.day.fri', 'FRI'],\n  [6, 'customers.calendar.day.sat', 'SAT'],\n]\n\nconst MONTH_KEYS: Array<[number, string, string]> = [\n  [0, 'customers.calendar.month.january', 'January'],\n  [1, 'customers.calendar.month.february', 'February'],\n  [2, 'customers.calendar.month.march', 'March'],\n  [3, 'customers.calendar.month.april', 'April'],\n  [4, 'customers.calendar.month.may', 'May'],\n  [5, 'customers.calendar.month.june', 'June'],\n  [6, 'customers.calendar.month.july', 'July'],\n  [7, 'customers.calendar.month.august', 'August'],\n  [8, 'customers.calendar.month.september', 'September'],\n  [9, 'customers.calendar.month.october', 'October'],\n  [10, 'customers.calendar.month.november', 'November'],\n  [11, 'customers.calendar.month.december', 'December'],\n]\n\nfunction startOfDay(date: Date): Date {\n  const next = new Date(date)\n  next.setHours(0, 0, 0, 0)\n  return next\n}\n\nfunction endOfDay(date: Date): Date {\n  const next = new Date(date)\n  next.setHours(23, 59, 59, 999)\n  return next\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate()\n}\n\nfunction isWeekend(date: Date): boolean {\n  const day = date.getDay()\n  return day === 0 || day === 6\n}\n\nfunction addDays(date: Date, delta: number): Date {\n  const next = new Date(date)\n  next.setDate(date.getDate() + delta)\n  return next\n}\n\nfunction buildVisibleDays(anchor: Date): Date[] {\n  const start = startOfDay(anchor)\n  return Array.from({ length: VISIBLE_DAYS }, (_, index) => addDays(start, index))\n}\n\n// Anchor the visible window so that the given focal date lands at the center slot\n// (position 2 out of 5). Matches Figma 784:809 where the selected day is centered.\nfunction anchorCenteredOn(focalDate: Date): Date {\n  return startOfDay(addDays(focalDate, -Math.floor(VISIBLE_DAYS / 2)))\n}\n\ntype SlotState = 'empty' | 'partial' | 'full' | 'conflict'\n\ntype DayBusyness = {\n  totalMinutes: number\n  eventCount: number\n  slots: SlotState[]\n}\n\nfunction emptyBusyness(): DayBusyness {\n  return {\n    totalMinutes: 0,\n    eventCount: 0,\n    slots: Array<SlotState>(BUSYNESS_SLOTS).fill('empty'),\n  }\n}\n\nfunction computeDayBusyness(events: InteractionSummary[], day: Date): DayBusyness {\n  if (events.length === 0) return emptyBusyness()\n  const dayStart = startOfDay(day).getTime()\n  const slotMs = ((SLOT_END_HOUR - SLOT_START_HOUR) * 60 * 60 * 1000) / BUSYNESS_SLOTS\n  const slotMinutes = slotMs / 60000\n  const slotCounts: number[] = Array(BUSYNESS_SLOTS).fill(0)\n  const slotMinutesUsed: number[] = Array(BUSYNESS_SLOTS).fill(0)\n  let totalMinutes = 0\n  let eventCount = 0\n\n  for (const event of events) {\n    const startIso = event.scheduledAt ?? event.occurredAt ?? event.createdAt\n    if (!startIso) continue\n    const start = new Date(startIso)\n    if (Number.isNaN(start.getTime())) continue\n    if (!isSameDay(start, day)) continue\n    eventCount += 1\n    const durationMinutes = typeof event.duration === 'number' && event.duration > 0 ? event.duration : 30\n    totalMinutes += durationMinutes\n    const eventStartMs = start.getTime()\n    const eventEndMs = eventStartMs + durationMinutes * 60000\n    const slotsStartMs = dayStart + SLOT_START_HOUR * 60 * 60 * 1000\n    for (let slot = 0; slot < BUSYNESS_SLOTS; slot += 1) {\n      const slotStart = slotsStartMs + slot * slotMs\n      const slotEnd = slotStart + slotMs\n      const overlapStart = Math.max(slotStart, eventStartMs)\n      const overlapEnd = Math.min(slotEnd, eventEndMs)\n      const overlapMinutes = Math.max(0, (overlapEnd - overlapStart) / 60000)\n      if (overlapMinutes <= 0) continue\n      slotCounts[slot] += 1\n      slotMinutesUsed[slot] += overlapMinutes\n    }\n  }\n\n  const slots: SlotState[] = slotCounts.map((count, index) => {\n    if (count === 0) return 'empty'\n    if (count > 1) return 'conflict'\n    const used = slotMinutesUsed[index]\n    if (used >= slotMinutes * 0.5) return 'full'\n    return 'partial'\n  })\n\n  return { totalMinutes, eventCount, slots }\n}\n\nfunction formatBusyLabel(busy: DayBusyness, t: TranslateFn): string {\n  if (busy.eventCount === 0) return ''\n  // Match Figma 784:809 label format: \"Xm\" when under an hour, \"Xh\" otherwise.\n  // Mixed \"Xh Ym\" overflows the 101px card and is not part of the visual spec.\n  const durationLabel = busy.totalMinutes < 60\n    ? t('customers.activities.calendar.minutesShort', '{minutes}m', { minutes: Math.max(Math.round(busy.totalMinutes), 1) })\n    : t('customers.activities.calendar.hoursShort', '{hours}h', { hours: Math.floor(busy.totalMinutes / 60) })\n  return t('customers.activities.calendar.eventsSummary', '{count} {countLabel} \u00B7 {duration}', {\n    count: busy.eventCount,\n    countLabel: busy.eventCount === 1\n      ? t('customers.activities.calendar.eventSingular', 'event')\n      : t('customers.activities.calendar.eventPlural', 'events'),\n    duration: durationLabel,\n  })\n}\n\nfunction formatMonthLabel(date: Date, t: TranslateFn): string {\n  const monthEntry = MONTH_KEYS.find(([index]) => index === date.getMonth())\n  const monthName = monthEntry ? t(monthEntry[1], monthEntry[2]) : ''\n  return t('customers.activities.calendar.monthYear', '{month} {year}', { month: monthName, year: date.getFullYear() })\n}\n\nfunction formatDayLabel(date: Date, t: TranslateFn): string {\n  const entry = DAY_LABEL_KEYS.find(([index]) => index === date.getDay())\n  return entry ? t(entry[1], entry[2]) : ''\n}\n\nexport function ActivitiesDayStrip({ entityId, selectedDate, onSelectDate, refreshKey = 0 }: ActivitiesDayStripProps) {\n  const t = useT()\n  const [anchor, setAnchor] = React.useState<Date>(() => anchorCenteredOn(selectedDate))\n  const [events, setEvents] = React.useState<InteractionSummary[]>([])\n\n  React.useEffect(() => {\n    setAnchor((current) => {\n      const days = buildVisibleDays(current)\n      const visible = days.some((day) => isSameDay(day, selectedDate))\n      if (visible) return current\n      return anchorCenteredOn(selectedDate)\n    })\n  }, [selectedDate])\n\n  const visibleDays = React.useMemo(() => buildVisibleDays(anchor), [anchor])\n  const headerLabel = React.useMemo(() => formatMonthLabel(visibleDays[0], t), [visibleDays, t])\n\n  React.useEffect(() => {\n    if (!entityId || visibleDays.length === 0) return\n    const controller = new AbortController()\n    const fromIso = startOfDay(visibleDays[0]).toISOString()\n    const toIso = endOfDay(visibleDays[visibleDays.length - 1]).toISOString()\n    const params = new URLSearchParams({\n      entityId,\n      from: fromIso,\n      to: toIso,\n      limit: '100',\n      sortField: 'scheduledAt',\n      sortDir: 'asc',\n      excludeInteractionType: 'task',\n    })\n    void (async () => {\n      try {\n        const payload = await readApiResultOrThrow<{ items?: InteractionSummary[] }>(\n          `/api/customers/interactions?${params.toString()}`,\n          { signal: controller.signal },\n        )\n        setEvents(Array.isArray(payload?.items) ? payload.items : [])\n      } catch (err) {\n        if ((err as { name?: string } | null)?.name !== 'AbortError') {\n          console.warn('[ActivitiesDayStrip] failed to load interactions', err)\n        }\n        setEvents([])\n      }\n    })()\n    return () => controller.abort()\n  }, [entityId, visibleDays, refreshKey])\n\n  const todayDate = React.useMemo(() => startOfDay(new Date()), [])\n\n  const handlePrev = React.useCallback(() => {\n    setAnchor((current) => addDays(current, -VISIBLE_DAYS))\n  }, [])\n  const handleNext = React.useCallback(() => {\n    setAnchor((current) => addDays(current, VISIBLE_DAYS))\n  }, [])\n  const handleHeaderPrev = React.useCallback(() => {\n    setAnchor((current) => {\n      const next = new Date(current)\n      next.setMonth(current.getMonth() - 1)\n      return startOfDay(next)\n    })\n  }, [])\n  const handleHeaderNext = React.useCallback(() => {\n    setAnchor((current) => {\n      const next = new Date(current)\n      next.setMonth(current.getMonth() + 1)\n      return startOfDay(next)\n    })\n  }, [])\n\n  return (\n    <div className=\"flex flex-col gap-2.5 rounded-md px-3.5 py-3 w-full\">\n      <div className=\"flex items-center justify-center gap-1.5 rounded-md bg-muted px-1.5 py-1.5\">\n        <button\n          type=\"button\"\n          onClick={handleHeaderPrev}\n          aria-label={t('customers.activities.calendar.prevMonth', 'Previous month')}\n          className=\"flex size-6 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40\"\n        >\n          <ChevronLeft className=\"size-4 text-foreground\" />\n        </button>\n        <span className=\"flex-1 text-center text-sm font-medium leading-5 text-foreground\">{headerLabel}</span>\n        <button\n          type=\"button\"\n          onClick={handleHeaderNext}\n          aria-label={t('customers.activities.calendar.nextMonth', 'Next month')}\n          className=\"flex size-6 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40\"\n        >\n          <ChevronRight className=\"size-4 text-foreground\" />\n        </button>\n      </div>\n      <div className=\"flex w-full items-center gap-2\">\n        <button\n          type=\"button\"\n          onClick={handlePrev}\n          aria-label={t('customers.activities.calendar.prevWindow', 'Previous days')}\n          className=\"flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40\"\n        >\n          <ChevronLeft className=\"size-4 text-foreground\" />\n        </button>\n        <div className=\"flex flex-1 items-stretch justify-center gap-1\">\n          {visibleDays.map((day) => {\n            const busy = computeDayBusyness(events, day)\n            const isSelected = isSameDay(day, selectedDate)\n            const isToday = isSameDay(day, todayDate)\n            const weekend = isWeekend(day)\n            const busyLabel = busy.eventCount > 0\n              ? formatBusyLabel(busy, t)\n              : weekend\n                ? t('customers.activities.calendar.weekend', 'Weekend')\n                : ''\n            return (\n              <DayCard\n                key={day.toISOString()}\n                day={day}\n                isActive={isSelected}\n                isToday={isToday}\n                busyness={busy}\n                label={busyLabel}\n                dayName={formatDayLabel(day, t)}\n                onSelect={() => onSelectDate(day)}\n              />\n            )\n          })}\n        </div>\n        <button\n          type=\"button\"\n          onClick={handleNext}\n          aria-label={t('customers.activities.calendar.nextWindow', 'Next days')}\n          className=\"flex size-6 shrink-0 items-center justify-center rounded-md border border-border bg-card shadow-xs hover:bg-accent/40\"\n        >\n          <ChevronRight className=\"size-4 text-foreground\" />\n        </button>\n      </div>\n    </div>\n  )\n}\n\ninterface DayCardProps {\n  day: Date\n  isActive: boolean\n  isToday: boolean\n  busyness: DayBusyness\n  label: string\n  dayName: string\n  onSelect: () => void\n}\n\nfunction DayCard({ day, isActive, isToday, busyness, label, dayName, onSelect }: DayCardProps) {\n  const dayNumber = String(day.getDate()).padStart(2, '0')\n  return (\n    <button\n      type=\"button\"\n      onClick={onSelect}\n      aria-pressed={isActive}\n      aria-label={`${dayName} ${dayNumber}`}\n      className={cn(\n        'flex h-[104px] w-[101px] flex-col items-center gap-[6px] overflow-hidden rounded-[10px] border p-[12px] transition-colors',\n        isActive\n          ? 'border-transparent bg-foreground'\n          : 'border-border bg-card hover:border-foreground/40',\n      )}\n    >\n      <span className=\"text-[11px] font-medium leading-none tracking-[0.44px] text-muted-foreground\">\n        {dayName}\n      </span>\n      <div className=\"flex items-center gap-[5px]\">\n        <span\n          className={cn(\n            'text-2xl font-semibold leading-7',\n            isActive ? 'text-background' : 'text-foreground',\n          )}\n        >\n          {dayNumber}\n        </span>\n        {isToday ? (\n          <span\n            className=\"inline-block size-1.5 rounded-full bg-status-info-icon\"\n            aria-hidden\n          />\n        ) : null}\n      </div>\n      <div className=\"flex h-4 w-[82px] items-end gap-[1.5px]\">\n        {busyness.slots.map((state, index) => (\n          <BusySlot key={index} state={state} active={isActive} />\n        ))}\n      </div>\n      <span className=\"text-[11px] leading-[14px] font-normal whitespace-nowrap text-muted-foreground\">\n        {label}\n      </span>\n    </button>\n  )\n}\n\nfunction BusySlot({ state, active }: { state: SlotState; active: boolean }) {\n  const heightClass = state === 'empty'\n    ? 'h-0.5'\n    : state === 'partial'\n      ? 'h-2'\n      : 'h-3.5'\n  let bgClass: string\n  if (state === 'conflict') {\n    bgClass = 'bg-status-error-icon'\n  } else if (active) {\n    if (state === 'empty') bgClass = 'bg-background/30'\n    else if (state === 'partial') bgClass = 'bg-background/60'\n    else bgClass = 'bg-background'\n  } else {\n    if (state === 'empty') bgClass = 'bg-border'\n    else if (state === 'partial') bgClass = 'bg-muted-foreground'\n    else bgClass = 'bg-foreground'\n  }\n  return <div className={cn('w-[7px] shrink-0 rounded-[1.5px]', heightClass, bgClass)} aria-hidden />\n}\n\nexport default ActivitiesDayStrip\n"],
+  "mappings": "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",
+  "names": []
+}

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": ";AAqTM,SA6CE,UA5CA,KADF;AAnTN,YAAY,WAAW;AACvB,SAAS,OAAO,cAAc;AAC9B,SAAS,YAAY;AACrB,SAAS,4BAA4B;AACrC,SAAS,aAAa;AAEtB,SAAS,cAAc;AACvB,SAAS,WAAW;AACpB,SAAS,+BAA+B;AACxC,SAAS,wBAAwB;AA0BjC,SAAS,WAAW,OAA0C;AAC5D,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,OAAO,IAAI,KAAK,KAAK;AAC3B,SAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAAI,KAAK,KAAK,YAAY,EAAE,MAAM,GAAG,EAAE;AAC3E;AAEA,SAAS,wBAAwB,UAA+C;AAC9E,SAAO;AAAA,IACL,IAAI,SAAS;AAAA,IACb,iBAAiB,SAAS;AAAA,IAC1B,OAAO,SAAS,WAAW;AAAA,IAC3B,MAAM,SAAS,QAAQ;AAAA,IACvB,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,YAAY,SAAS,cAAc;AAAA,IACnC,UAAU;AAAA,IACV,cAAc,SAAS,gBAAgB;AAAA,IACvC,aAAa;AAAA,IACb,gBAAgB,SAAS,kBAAkB;AAAA,IAC3C,iBAAiB,SAAS,mBAAmB;AAAA,IAC7C,QAAQ;AAAA,IACR,UAAU,SAAS,YAAY;AAAA,IAC/B,QAAQ,SAAS,UAAU;AAAA,IAC3B,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,YAAY,SAAS,cAAc;AAAA,IACnC,aAAa,SAAS,eAAe;AAAA,IACrC,WAAW,SAAS,aAAa;AAAA,IACjC,cAAc,SAAS,gBAAgB;AAAA,IACvC,WAAW,SAAS;AAAA,IACpB,WAAW,SAAS;AAAA,EACtB;AACF;AAEA,SAAS,uBAAuB,OAAmD;AACjF,QAAM,MAAM,KAAK,IAAI;AACrB,SAAO,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,UAAU;AACtC,UAAM,gBAAgB,KAAK,cAAc,IAAI,KAAK,KAAK,WAAW,EAAE,QAAQ,IAAI,OAAO;AACvF,UAAM,iBAAiB,MAAM,cAAc,IAAI,KAAK,MAAM,WAAW,EAAE,QAAQ,IAAI,OAAO;AAC1F,UAAM,gBAAgB,KAAK,WAAW,aAAa,OAAO,SAAS,aAAa;AAChF,UAAM,iBAAiB,MAAM,WAAW,aAAa,OAAO,SAAS,cAAc;AACnF,UAAM,iBAAiB,iBAAiB,iBAAiB;AACzD,UAAM,kBAAkB,kBAAkB,kBAAkB;AAE5D,QAAI,mBAAmB,iBAAiB;AACtC,aAAO,iBAAiB,KAAK;AAAA,IAC/B;AAEA,QAAI,kBAAkB,iBAAiB;AACrC,UAAI,kBAAkB,eAAgB,QAAO,KAAK,GAAG,cAAc,MAAM,EAAE;AAC3E,aAAO,gBAAgB;AAAA,IACzB;AAEA,UAAM,WAAW,KAAK,cAAc,KAAK;AACzC,UAAM,YAAY,MAAM,cAAc,MAAM;AAC5C,UAAM,UAAU,UAAU,cAAc,QAAQ;AAChD,QAAI,YAAY,EAAG,QAAO;AAC1B,WAAO,MAAM,GAAG,cAAc,KAAK,EAAE;AAAA,EACvC,CAAC;AACH;AAEO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,GAA2B;AACzB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAmB,CAAC,CAAC;AACjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,EAAE;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,EAAE;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,EAAE;AACrD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAA+B,CAAC,CAAC;AAC3E,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAC;AACtD,QAAM,iBAAiB,MAAM,OAAyB,IAAI;AAE1D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,SAAU;AACf,aAAS,eAAe,OAAsB;AAC5C,WAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,KAAK;AACzD,cAAM,eAAe;AACrB,uBAAe,SAAS,MAAM;AAAA,MAChC;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,cAAc;AACjD,WAAO,MAAM,OAAO,oBAAoB,WAAW,cAAc;AAAA,EACnE,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,oBAAoB,MAAM,QAAQ,MAAM;AAC5C,UAAM,OAAO,WAAW,KAAK,EAAE,YAAY;AAC3C,QAAI,CAAC,KAAM,QAAO;AAClB,WAAO,WAAW,OAAO,CAAC,aAAa;AACrC,YAAM,WAAW;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX,EACG,OAAO,CAAC,UAA2B,OAAO,UAAU,YAAY,MAAM,SAAS,CAAC,EAChF,KAAK,GAAG,EACR,YAAY;AACf,aAAO,SAAS,SAAS,IAAI;AAAA,IAC/B,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,UAAU,CAAC;AAE3B,QAAM,UAAU,MAAM;AACpB,qBAAiB,IAAI;AACrB,WAAO,MAAM,iBAAiB,IAAI;AAAA,EACpC,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,sBAAkB,OAAO;AAAA,EAC3B,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,QAAM,iBAAiB,MAAM,YAAY,YAAY;AACnD,QAAI,CAAC,UAAU;AACb,oBAAc,CAAC,CAAC;AAChB;AAAA,IACF;AAEA,eAAW,IAAI;AACf,QAAI;AAEF,YAAM,kBAAkB,IAAI,gBAAgB;AAAA,QAC1C;AAAA,QACA,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,wBAAwB;AAAA,MAC1B,CAAC;AACD,UAAI,OAAQ,iBAAgB,IAAI,UAAU,MAAM;AAChD,UAAI,YAAY,SAAS,EAAG,iBAAgB,IAAI,QAAQ,YAAY,KAAK,GAAG,CAAC;AAC7E,UAAI,eAAgB,iBAAgB,IAAI,QAAQ,cAAc;AAC9D,UAAI,aAAc,iBAAgB,IAAI,MAAM,YAAY;AAExD,YAAM,iBAAuC,CAAC;AAC9C,UAAI;AACJ,UAAI,mBAAmB;AACvB,UAAI,YAAY;AAChB,SAAG;AACD,cAAM,SAAS,IAAI,gBAAgB,eAAe;AAClD,YAAI,gBAAiB,QAAO,IAAI,UAAU,eAAe;AACzD,cAAM,mBAAmB,MAAM;AAAA,UAC7B,+BAA+B,OAAO,SAAS,CAAC;AAAA,QAClD,EAAE,MAAM,OAAO,EAAE,OAAO,CAAC,GAA2B,YAAY,OAAU,EAAE;AAC5E,uBAAe,KAAK,GAAI,MAAM,QAAQ,kBAAkB,KAAK,IAAI,iBAAiB,QAAQ,CAAC,CAAE;AAC7F,0BAAkB,OAAO,kBAAkB,eAAe,WAAW,iBAAiB,aAAa;AACnG,2BAAmB,QAAQ,eAAe;AAC1C,qBAAa;AAAA,MACf,SAAS,mBAAmB,YAAY;AAExC,UAAI,0BAA0B;AAC5B,sBAAc,uBAAuB,cAAc,CAAC;AACpD,mBAAW,gBAAgB;AAC3B;AAAA,MACF;AAGA,YAAM,cAAoC,CAAC;AAC3C,UAAI,mBAAmB;AACvB,eAAS,aAAa,GAAG,cAAc,aAAa,cAAc,GAAG;AACnE,cAAM,eAAe,IAAI,gBAAgB;AAAA,UACvC;AAAA,UACA,MAAM,OAAO,UAAU;AAAA,UACvB,UAAU;AAAA,UACV,WAAW;AAAA,UACX,SAAS;AAAA,QACX,CAAC;AACD,YAAI,OAAQ,cAAa,IAAI,UAAU,MAAM;AAC7C,cAAM,gBAAgB,MAAM;AAAA,UAC1B,6BAA6B,aAAa,SAAS,CAAC;AAAA,QACtD,EAAE,MAAM,OAAO,EAAE,OAAO,CAAC,GAAwB,YAAY,EAAE,EAAE;AACjE,oBAAY,KAAK,GAAI,MAAM,QAAQ,eAAe,KAAK,IAAI,cAAc,MAAM,IAAI,uBAAuB,IAAI,CAAC,CAAE;AACjH,2BAAmB,OAAO,eAAe,eAAe,WAAW,cAAc,aAAa;AAAA,MAChG;AACA,YAAM,iBAAiB,YAAY,OAAO,CAAC,UAAU;AACnD,YAAI,YAAY,SAAS,KAAK,CAAC,YAAY,SAAS,MAAM,eAAe,EAAG,QAAO;AACnF,cAAM,WAAW,WAAW,MAAM,cAAc,MAAM,SAAS;AAC/D,YAAI,kBAAkB,WAAW,eAAgB,QAAO;AACxD,YAAI,gBAAgB,WAAW,aAAc,QAAO;AACpD,eAAO;AAAA,MACT,CAAC;AAGD,YAAM,OAAO,oBAAI,IAAY;AAC7B,YAAM,SAA+B,CAAC;AACtC,iBAAW,QAAQ,CAAC,GAAG,gBAAgB,GAAG,cAAc,GAAG;AACzD,YAAI,CAAC,KAAK,IAAI,KAAK,EAAE,GAAG;AACtB,eAAK,IAAI,KAAK,EAAE;AAChB,iBAAO,KAAK,IAAI;AAAA,QAClB;AAAA,MACF;AACA,oBAAc,uBAAuB,MAAM,CAAC;AAC5C,iBAAW,oBAAoB,mBAAmB,WAAW;AAAA,IAC/D,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM,EAAE,mCAAmC,4BAA4B,GAAG,OAAO;AACjF,oBAAc,CAAC,CAAC;AAChB,iBAAW,KAAK;AAAA,IAClB,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,gBAAgB,cAAc,aAAa,aAAa,0BAA0B,YAAY,CAAC,CAAC;AAEtH,QAAM,UAAU,MAAM;AACpB,mBAAe,CAAC;AAAA,EAClB,GAAG,CAAC,QAAQ,UAAU,gBAAgB,cAAc,aAAa,wBAAwB,CAAC;AAE1F,QAAM,qBAAqB,MAAM,OAAO,oBAAI,IAAY,CAAC;AAGzD,QAAM,UAAU,MAAM;AACpB,mBAAe,EACZ,KAAK,MAAM;AAAE,yBAAmB,UAAU,oBAAI,IAAI;AAAA,IAAE,CAAC,EACrD,MAAM,CAAC,QAAQ,QAAQ,KAAK,6CAA6C,GAAG,CAAC;AAAA,EAClF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,UAAU,MAAM;AACpB,UAAM,gBAAgB,oBAAI,IAAY;AACtC,eAAW,KAAK,YAAY;AAC1B,UAAI,EAAE,gBAAgB,CAAC,EAAE,cAAc,CAAC,mBAAmB,QAAQ,IAAI,EAAE,YAAY,GAAG;AACtF,sBAAc,IAAI,EAAE,YAAY;AAAA,MAClC;AAAA,IACF;AACA,QAAI,cAAc,SAAS,EAAG;AAE9B,eAAW,OAAO,cAAe,oBAAmB,QAAQ,IAAI,GAAG;AAEnE,UAAM,aAAa,IAAI,gBAAgB;AACvC;AAAA,MACE,uBAAuB,CAAC,GAAG,aAAa,EAAE,KAAK,GAAG,CAAC;AAAA,MACnD,EAAE,QAAQ,WAAW,OAAO;AAAA,IAC9B,EACG,KAAK,CAAC,SAAS;AACd,YAAM,QAAQ,MAAM,QAAQ,MAAM,KAAK,IAAI,KAAK,QAAQ,CAAC;AACzD,YAAM,UAAU,oBAAI,IAAoB;AACxC,iBAAW,QAAQ,OAAO;AACxB,cAAM,SAAS,OAAO,KAAK,OAAO,WAAW,KAAK,KAAK;AACvD,cAAM,OAAO,OAAO,KAAK,iBAAiB,YAAY,KAAK,aAAa,KAAK,IACzE,KAAK,aAAa,KAAK,IACvB,OAAO,KAAK,UAAU,WACpB,KAAK,QACL;AACN,YAAI,UAAU,KAAM,SAAQ,IAAI,QAAQ,IAAI;AAAA,MAC9C;AACA,UAAI,QAAQ,OAAO,GAAG;AACpB;AAAA,UAAc,CAAC,SACb,KAAK,IAAI,CAAC,MAAM;AACd,gBAAI,EAAE,gBAAgB,CAAC,EAAE,cAAc,QAAQ,IAAI,EAAE,YAAY,GAAG;AAClE,qBAAO,EAAE,GAAG,GAAG,YAAY,QAAQ,IAAI,EAAE,YAAY,KAAK,KAAK;AAAA,YACjE;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC,EACA,MAAM,CAAC,QAAQ,QAAQ,KAAK,mDAAmD,GAAG,CAAC;AACtF,WAAO,MAAM,WAAW,MAAM;AAAA,EAChC,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,aAAa,WAAW;AAC9B,QAAM,eAAe,kBAAkB;AAEvC,SACE,qBAAC,SAAI,WAAU,8FACb;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAM,WAAU,qCAAoC;AAAA,MACrD,oBAAC,QAAG,WAAU,6CACX,uBACG,EAAE,oCAAoC,qCAAqC,EAAE,MAAM,WAAW,CAAC,IAC/F,EAAE,2CAA2C,qBAAqB,GACxE;AAAA,OACF;AAAA,IAEA,qBAAC,WAAM,WAAU,8BACf;AAAA,0BAAC,UAAO,WAAU,sEAAqE,eAAW,MAAC;AAAA,MACnG;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,UAAU,cAAc,MAAM,OAAO,KAAK;AAAA,UACrD,aAAa,EAAE,gDAAgD,WAAW;AAAA,UAC1E,cAAY,EAAE,8CAA8C,4BAA4B;AAAA,UACxF,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,oBAAC,OAAI,WAAU,sGAAqG,qBAEpH;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,aAAa;AAAA,QACb,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,eAAe;AAAA,QACf,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,SAAS,MAAM;AACb,yBAAe,CAAC,CAAC;AACjB,4BAAkB,EAAE;AACpB,0BAAgB,EAAE;AAAA,QACpB;AAAA;AAAA,IACF;AAAA,IAEC,WAAW,eAAe,IACzB,oBAAC,SAAI,WAAU,4FACZ,YAAE,8CAA8C,0BAAqB,GACxE,IAEA,iCACE;AAAA,0BAAC,oBAAiB,YAAY,mBAAmB,QAAQ,gBAAgB;AAAA,MACxE,aAAa,IACZ,qBAAC,SAAI,WAAU,0EACb;AAAA,4BAAC,UAAK,WAAU,iCACb,qBAAW,KAAK,IACb,EAAE,oCAAoC,2CAA2C;AAAA,UAC/E,SAAS;AAAA,UACT,OAAO;AAAA,QACT,CAAC,IACD,EAAE,+BAA+B,8BAA8B,EAAE,OAAO,WAAW,CAAC,GAC1F;AAAA,QACC,UACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,QAAO,MAAK,MAAK,SAAS,MAAM,eAAe,CAAC,UAAU,QAAQ,CAAC,GAC9F,YAAE,iCAAiC,WAAW,GACjD,IACE;AAAA,SACN,IACE;AAAA,OACN;AAAA,KAEJ;AAEJ;AAEA,IAAO,4BAAQ;",
   "names": []
 }