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

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

@@ -0,0 +1,175 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Calendar, CalendarClock, Clock, Mail, Phone, StickyNote, Users } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ActivitiesDayStrip } from "./ActivitiesDayStrip.js";
+import { ActivitiesAddNewMenu } from "./ActivitiesAddNewMenu.js";
+const TYPE_ICONS = {
+  call: Phone,
+  email: Mail,
+  meeting: Users,
+  note: StickyNote
+};
+function startOfDay(date) {
+  const next = new Date(date);
+  next.setHours(0, 0, 0, 0);
+  return next;
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isOverdue(activity, now) {
+  const scheduled = activity.scheduledAt ?? activity.occurredAt;
+  if (!scheduled) return false;
+  const date = new Date(scheduled);
+  if (Number.isNaN(date.getTime())) return false;
+  return date.getTime() < now.getTime() && activity.status !== "done";
+}
+function formatTime(date) {
+  return date.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" });
+}
+function formatRelativeDay(date, t) {
+  const now = /* @__PURE__ */ new Date();
+  const today = startOfDay(now);
+  const target = startOfDay(date);
+  const diff = Math.round((target.getTime() - today.getTime()) / (1e3 * 60 * 60 * 24));
+  if (diff === 0) return t("customers.timeline.date.today", "today");
+  if (diff === 1) return t("customers.timeline.date.tomorrow", "tomorrow");
+  if (diff === -1) return t("customers.timeline.date.yesterday", "yesterday");
+  return target.toLocaleDateString(void 0, { day: "numeric", month: "short" });
+}
+function formatDuration(minutes, t) {
+  if (minutes >= 60) {
+    const hours = Math.round(minutes / 60 * 10) / 10;
+    return t("customers.activities.calendar.hoursShort", "{hours}h", { hours });
+  }
+  return t("customers.activities.calendar.minutesShort", "{minutes}m", { minutes });
+}
+function ActivitiesCard({
+  entityId,
+  plannedActivities,
+  refreshKey = 0,
+  onAddNew,
+  onEditActivity,
+  entityCompanyName
+}) {
+  const t = useT();
+  const [selectedDate, setSelectedDate] = React.useState(() => startOfDay(/* @__PURE__ */ new Date()));
+  const eventsForSelectedDay = React.useMemo(() => {
+    const items = plannedActivities.filter((activity) => {
+      const scheduled = activity.scheduledAt ?? activity.occurredAt;
+      if (!scheduled) return false;
+      const date = new Date(scheduled);
+      if (Number.isNaN(date.getTime())) return false;
+      return isSameDay(date, selectedDate);
+    });
+    return items.sort((left, right) => {
+      const leftTime = new Date(left.scheduledAt ?? left.occurredAt ?? left.createdAt).getTime();
+      const rightTime = new Date(right.scheduledAt ?? right.occurredAt ?? right.createdAt).getTime();
+      return leftTime - rightTime;
+    });
+  }, [plannedActivities, selectedDate]);
+  const overdueCount = React.useMemo(() => {
+    const now = /* @__PURE__ */ new Date();
+    return plannedActivities.filter((activity) => isOverdue(activity, now)).length;
+  }, [plannedActivities]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card pt-4 pb-4 px-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Calendar, { className: "size-4 text-foreground" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold leading-none text-foreground", children: t("customers.activities.card.title", "Activities") }),
+        overdueCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-status-error-bg px-1.5 py-0.5 text-xs font-medium text-status-error-text", children: [
+          /* @__PURE__ */ jsx(CalendarClock, { className: "size-3" }),
+          t("customers.activities.card.overdue", "{count} overdue", { count: overdueCount })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx(ActivitiesAddNewMenu, { onSelect: onAddNew })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ActivitiesDayStrip,
+      {
+        entityId,
+        selectedDate,
+        onSelectDate: setSelectedDate,
+        refreshKey
+      }
+    ),
+    eventsForSelectedDay.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border" }),
+      /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: eventsForSelectedDay.map((activity) => /* @__PURE__ */ jsx(
+        PlannedEventRow,
+        {
+          activity,
+          onClick: onEditActivity,
+          entityCompanyName: entityCompanyName ?? null,
+          t
+        },
+        activity.id
+      )) })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-border" }),
+      /* @__PURE__ */ jsx("p", { className: "px-1 py-2 text-xs text-muted-foreground", children: t("customers.activities.card.empty", "Nothing scheduled for this day.") })
+    ] })
+  ] });
+}
+function PlannedEventRow({ activity, onClick, entityCompanyName, t }) {
+  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt;
+  const date = new Date(dateStr);
+  const validDate = !Number.isNaN(date.getTime());
+  const Icon = TYPE_ICONS[activity.interactionType] ?? Users;
+  const duration = typeof activity.duration === "number" && activity.duration > 0 ? activity.duration : null;
+  const overdue = validDate && date.getTime() < Date.now() && activity.status !== "done";
+  const typeLabel = labelForType(activity.interactionType, t);
+  const subtitleSuffix = activity.dealTitle ?? entityCompanyName ?? null;
+  const subtitle = subtitleSuffix ? `${typeLabel} \xB7 ${subtitleSuffix}` : typeLabel;
+  const interactive = !!onClick;
+  return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: interactive ? () => onClick?.(activity) : void 0,
+      disabled: !interactive,
+      className: cn(
+        "flex w-full items-start gap-[9px] pt-[8px] text-left transition-colors",
+        interactive ? "cursor-pointer rounded-md hover:bg-accent/30 px-1" : "px-1"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-[44px] w-[43px] shrink-0 flex-col gap-[2px] pt-[2px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold leading-none text-foreground", children: validDate ? formatTime(date) : "" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] leading-none font-normal text-muted-foreground", children: validDate ? formatRelativeDay(date, t) : "" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center rounded-full bg-muted border-4 border-background size-7", children: /* @__PURE__ */ jsx(Icon, { className: "size-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex flex-1 flex-col gap-[4px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 tracking-[-0.084px] text-foreground", children: activity.title ?? activity.body ?? labelForType(activity.interactionType, t) }),
+          duration ? /* @__PURE__ */ jsxs("span", { className: cn(
+            "inline-flex w-fit items-center gap-[2px] rounded-full pl-[4px] pr-[8px] py-[2px] text-xs font-medium leading-[16px]",
+            overdue ? "bg-status-error-bg text-status-error-text" : "bg-status-warning-bg text-status-warning-text"
+          ), children: [
+            /* @__PURE__ */ jsx(Clock, { className: "size-4" }),
+            formatDuration(duration, t)
+          ] }) : null,
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-normal text-muted-foreground", children: subtitle })
+        ] })
+      ]
+    }
+  ) });
+}
+function labelForType(type, t) {
+  const map = {
+    meeting: ["customers.timeline.filter.meeting", "Meeting"],
+    call: ["customers.timeline.filter.call", "Call"],
+    email: ["customers.timeline.filter.email", "Email"],
+    note: ["customers.timeline.filter.note", "Note"],
+    task: ["customers.timeline.filter.task", "Task"]
+  };
+  const entry = map[type];
+  return entry ? t(entry[0], entry[1]) : type;
+}
+var ActivitiesCard_default = ActivitiesCard;
+export {
+  ActivitiesCard,
+  ActivitiesCard_default as default
+};
+//# sourceMappingURL=ActivitiesCard.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/detail/ActivitiesCard.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Calendar, CalendarClock, Clock, Mail, Phone, StickyNote, Users } 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 { ActivitiesDayStrip } from './ActivitiesDayStrip'\nimport { ActivitiesAddNewMenu, type ActivityKind } from './ActivitiesAddNewMenu'\nimport type { InteractionSummary } from './types'\n\ninterface ActivitiesCardProps {\n  entityId: string\n  plannedActivities: InteractionSummary[]\n  refreshKey?: number\n  onAddNew: (kind: ActivityKind) => void\n  onEditActivity?: (activity: InteractionSummary) => void\n  /**\n   * Optional company name for the parent entity. When the planned activity has no `dealTitle`,\n   * the row subtitle falls back to \"{type} \u00B7 {company}\" to mirror Figma 784:809.\n   */\n  entityCompanyName?: string | null\n}\n\nconst TYPE_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {\n  call: Phone,\n  email: Mail,\n  meeting: Users,\n  note: StickyNote,\n}\n\nfunction startOfDay(date: Date): Date {\n  const next = new Date(date)\n  next.setHours(0, 0, 0, 0)\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 isOverdue(activity: InteractionSummary, now: Date): boolean {\n  const scheduled = activity.scheduledAt ?? activity.occurredAt\n  if (!scheduled) return false\n  const date = new Date(scheduled)\n  if (Number.isNaN(date.getTime())) return false\n  return date.getTime() < now.getTime() && activity.status !== 'done'\n}\n\nfunction formatTime(date: Date): string {\n  return date.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })\n}\n\nfunction formatRelativeDay(date: Date, t: TranslateFn): string {\n  const now = new Date()\n  const today = startOfDay(now)\n  const target = startOfDay(date)\n  const diff = Math.round((target.getTime() - today.getTime()) / (1000 * 60 * 60 * 24))\n  if (diff === 0) return t('customers.timeline.date.today', 'today')\n  if (diff === 1) return t('customers.timeline.date.tomorrow', 'tomorrow')\n  if (diff === -1) return t('customers.timeline.date.yesterday', 'yesterday')\n  return target.toLocaleDateString(undefined, { day: 'numeric', month: 'short' })\n}\n\nfunction formatDuration(minutes: number, t: TranslateFn): string {\n  if (minutes >= 60) {\n    const hours = Math.round((minutes / 60) * 10) / 10\n    return t('customers.activities.calendar.hoursShort', '{hours}h', { hours })\n  }\n  return t('customers.activities.calendar.minutesShort', '{minutes}m', { minutes })\n}\n\nexport function ActivitiesCard({\n  entityId,\n  plannedActivities,\n  refreshKey = 0,\n  onAddNew,\n  onEditActivity,\n  entityCompanyName,\n}: ActivitiesCardProps) {\n  const t = useT()\n  const [selectedDate, setSelectedDate] = React.useState<Date>(() => startOfDay(new Date()))\n\n  const eventsForSelectedDay = React.useMemo(() => {\n    const items = plannedActivities.filter((activity) => {\n      const scheduled = activity.scheduledAt ?? activity.occurredAt\n      if (!scheduled) return false\n      const date = new Date(scheduled)\n      if (Number.isNaN(date.getTime())) return false\n      return isSameDay(date, selectedDate)\n    })\n    return items.sort((left, right) => {\n      const leftTime = new Date(left.scheduledAt ?? left.occurredAt ?? left.createdAt).getTime()\n      const rightTime = new Date(right.scheduledAt ?? right.occurredAt ?? right.createdAt).getTime()\n      return leftTime - rightTime\n    })\n  }, [plannedActivities, selectedDate])\n\n  const overdueCount = React.useMemo(() => {\n    const now = new Date()\n    return plannedActivities.filter((activity) => isOverdue(activity, now)).length\n  }, [plannedActivities])\n\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card pt-4 pb-4 px-4\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-2\">\n          <Calendar className=\"size-4 text-foreground\" />\n          <h3 className=\"text-sm font-semibold leading-none text-foreground\">\n            {t('customers.activities.card.title', 'Activities')}\n          </h3>\n          {overdueCount > 0 ? (\n            <span className=\"inline-flex items-center gap-1 rounded-full bg-status-error-bg px-1.5 py-0.5 text-xs font-medium text-status-error-text\">\n              <CalendarClock className=\"size-3\" />\n              {t('customers.activities.card.overdue', '{count} overdue', { count: overdueCount })}\n            </span>\n          ) : null}\n        </div>\n        <ActivitiesAddNewMenu onSelect={onAddNew} />\n      </div>\n\n      <ActivitiesDayStrip\n        entityId={entityId}\n        selectedDate={selectedDate}\n        onSelectDate={setSelectedDate}\n        refreshKey={refreshKey}\n      />\n\n      {eventsForSelectedDay.length > 0 ? (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          <ul className=\"flex flex-col\">\n            {eventsForSelectedDay.map((activity) => (\n              <PlannedEventRow\n                key={activity.id}\n                activity={activity}\n                onClick={onEditActivity}\n                entityCompanyName={entityCompanyName ?? null}\n                t={t}\n              />\n            ))}\n          </ul>\n        </>\n      ) : (\n        <>\n          <div className=\"h-px w-full bg-border\" />\n          <p className=\"px-1 py-2 text-xs text-muted-foreground\">\n            {t('customers.activities.card.empty', 'Nothing scheduled for this day.')}\n          </p>\n        </>\n      )}\n    </div>\n  )\n}\n\ninterface PlannedEventRowProps {\n  activity: InteractionSummary\n  onClick?: (activity: InteractionSummary) => void\n  entityCompanyName: string | null\n  t: TranslateFn\n}\n\nfunction PlannedEventRow({ activity, onClick, entityCompanyName, t }: PlannedEventRowProps) {\n  const dateStr = activity.scheduledAt ?? activity.occurredAt ?? activity.createdAt\n  const date = new Date(dateStr)\n  const validDate = !Number.isNaN(date.getTime())\n  const Icon = TYPE_ICONS[activity.interactionType] ?? Users\n  const duration = typeof activity.duration === 'number' && activity.duration > 0 ? activity.duration : null\n  const overdue = validDate && date.getTime() < Date.now() && activity.status !== 'done'\n  const typeLabel = labelForType(activity.interactionType, t)\n  const subtitleSuffix = activity.dealTitle ?? entityCompanyName ?? null\n  const subtitle = subtitleSuffix ? `${typeLabel} \u00B7 ${subtitleSuffix}` : typeLabel\n  const interactive = !!onClick\n\n  return (\n    <li>\n      <button\n        type=\"button\"\n        onClick={interactive ? () => onClick?.(activity) : undefined}\n        disabled={!interactive}\n        className={cn(\n          'flex w-full items-start gap-[9px] pt-[8px] text-left transition-colors',\n          interactive ? 'cursor-pointer rounded-md hover:bg-accent/30 px-1' : 'px-1',\n        )}\n      >\n        <div className=\"flex h-[44px] w-[43px] shrink-0 flex-col gap-[2px] pt-[2px]\">\n          <span className=\"text-xs font-semibold leading-none text-foreground\">\n            {validDate ? formatTime(date) : ''}\n          </span>\n          <span className=\"text-[10px] leading-none font-normal text-muted-foreground\">\n            {validDate ? formatRelativeDay(date, t) : ''}\n          </span>\n        </div>\n        <div className=\"flex shrink-0 items-center justify-center rounded-full bg-muted border-4 border-background size-7\">\n          <Icon className=\"size-4 text-muted-foreground\" />\n        </div>\n        <div className=\"min-w-0 flex flex-1 flex-col gap-[4px]\">\n          <span className=\"text-sm leading-5 tracking-[-0.084px] text-foreground\">\n            {activity.title ?? activity.body ?? labelForType(activity.interactionType, t)}\n          </span>\n          {duration ? (\n            <span className={cn(\n              'inline-flex w-fit items-center gap-[2px] rounded-full pl-[4px] pr-[8px] py-[2px] text-xs font-medium leading-[16px]',\n              overdue\n                ? 'bg-status-error-bg text-status-error-text'\n                : 'bg-status-warning-bg text-status-warning-text',\n            )}>\n              <Clock className=\"size-4\" />\n              {formatDuration(duration, t)}\n            </span>\n          ) : null}\n          <span className=\"text-[11px] font-normal text-muted-foreground\">{subtitle}</span>\n        </div>\n      </button>\n    </li>\n  )\n}\n\nfunction labelForType(type: string, t: TranslateFn): string {\n  const map: Record<string, [string, string]> = {\n    meeting: ['customers.timeline.filter.meeting', 'Meeting'],\n    call: ['customers.timeline.filter.call', 'Call'],\n    email: ['customers.timeline.filter.email', 'Email'],\n    note: ['customers.timeline.filter.note', 'Note'],\n    task: ['customers.timeline.filter.task', 'Task'],\n  }\n  const entry = map[type]\n  return entry ? t(entry[0], entry[1]) : type\n}\n\nexport default ActivitiesCard\n"],
+  "mappings": "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",
+  "names": []
+}

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": []
+}