@open-mercato/core 0.6.6-develop.6094.1.28b081ea16 → 0.6.6-develop.6121.1.5797a901b3

package/dist/modules/customers/components/calendar/TimeGrid.js

@@ -0,0 +1,410 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CalendarDays, ChevronLeft, ChevronRight } from "lucide-react";
+import { addDays } from "date-fns/addDays";
+import { isSameDay } from "date-fns/isSameDay";
+import { startOfDay } from "date-fns/startOfDay";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { IconButton } from "@open-mercato/ui/primitives/icon-button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { packOverlaps } from "../../lib/calendar/layout.js";
+import { getVisibleRange } from "../../lib/calendar/range.js";
+import {
+  applyWeekendVisibility,
+  buildDragRange,
+  DRAG_SNAP_MINUTES,
+  isWeekendDay,
+  offsetYToMinutes
+} from "../../lib/calendar/grid.js";
+import { EventBlock, formatTimeRange, resolveEventTone } from "./EventBlock.js";
+import { EventPeekPopover } from "./EventPeekPopover.js";
+const HOUR_HEIGHT_PX = 120;
+const HOURS_PER_DAY = 24;
+const GRID_BODY_MAX_HEIGHT_PX = 654;
+const INITIAL_SCROLL_HOUR = 8;
+const BLOCK_VERTICAL_GAP_PX = 1;
+const MIN_BLOCK_HEIGHT_PX = 32;
+const PACKED_COLUMN_GAP_PX = 2;
+const NON_WORKING_HATCH_BACKGROUND = "repeating-linear-gradient(45deg, transparent 0px, transparent 8px, var(--border) 8px, var(--border) 9px)";
+function buildDayColumn(dayStart, items) {
+  const dayEnd = addDays(dayStart, 1);
+  const dayStartMs = dayStart.getTime();
+  const dayEndMs = dayEnd.getTime();
+  const allDayItems = [];
+  const segments = [];
+  for (const item of items) {
+    const startMs = item.start.getTime();
+    const endMs = item.end.getTime();
+    if (startMs >= dayEndMs || endMs <= dayStartMs) continue;
+    if (item.allDay) {
+      allDayItems.push(item);
+      continue;
+    }
+    segments.push({
+      original: item,
+      start: startMs < dayStartMs ? dayStart : item.start,
+      end: endMs > dayEndMs ? dayEnd : item.end
+    });
+  }
+  allDayItems.sort((first, second) => first.start.getTime() - second.start.getTime());
+  const clones = segments.map((segment) => ({ ...segment.original, start: segment.start, end: segment.end }));
+  const originalByClone = /* @__PURE__ */ new Map();
+  clones.forEach((clone, index) => originalByClone.set(clone, segments[index].original));
+  const blocks = packOverlaps(clones).map(({ item: clone, column, columns }) => {
+    const startMinutes = (clone.start.getTime() - dayStartMs) / 6e4;
+    const durationMinutes = (clone.end.getTime() - clone.start.getTime()) / 6e4;
+    const rawTop = startMinutes / 60 * HOUR_HEIGHT_PX;
+    const rawHeight = durationMinutes / 60 * HOUR_HEIGHT_PX;
+    const widthPct = 100 / columns;
+    return {
+      item: originalByClone.get(clone) ?? clone,
+      top: rawTop + BLOCK_VERTICAL_GAP_PX,
+      height: Math.max(MIN_BLOCK_HEIGHT_PX, rawHeight - BLOCK_VERTICAL_GAP_PX * 2),
+      insetInlineStart: `calc(${column * widthPct}% + ${column * PACKED_COLUMN_GAP_PX}px)`,
+      width: `calc(${widthPct}% - ${(columns - 1) * PACKED_COLUMN_GAP_PX / columns}px)`
+    };
+  });
+  return { dayStart, allDayItems, blocks };
+}
+function ConflictBadge({ count }) {
+  const t = useT();
+  const label = count === 1 ? t("customers.calendar.grid.conflictCount", "1 conflict") : t("customers.calendar.grid.conflictsCount", "{count} conflicts", { count });
+  return /* @__PURE__ */ jsxs("span", { className: "pointer-events-none absolute left-2 top-1 z-40 inline-flex items-center gap-1 rounded-full bg-status-error-bg px-2 py-0.5 text-overline font-medium uppercase tracking-wide text-status-error-text", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "size-1.5 rounded-full bg-status-error-icon" }),
+    label
+  ] });
+}
+const AllDayChip = React.forwardRef(function AllDayChip2({ item, conflicted, highlighted, selected, nowMs, className, ...buttonProps }, ref) {
+  const t = useT();
+  const tone = resolveEventTone(item, nowMs);
+  const title = item.title || t("customers.calendar.grid.untitled", "Untitled");
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      type: "button",
+      variant: "ghost",
+      "aria-label": `${title}, ${t("customers.calendar.grid.allDay", "All day")}`,
+      className: cn(
+        "h-auto w-full min-w-0 justify-start rounded-sm px-2 py-0.5 text-start hover:bg-muted/70",
+        tone.surfaceClassName,
+        conflicted && "ring-1 ring-status-warning-icon",
+        selected && "shadow-md ring-2 ring-foreground",
+        highlighted && "motion-safe:animate-pulse",
+        "focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      style: tone.style,
+      ...buttonProps,
+      children: /* @__PURE__ */ jsx("span", { className: cn("truncate text-xs font-medium", tone.titleClassName), children: title })
+    }
+  );
+});
+AllDayChip.displayName = "AllDayChip";
+function TimeGrid({
+  days,
+  anchor,
+  items,
+  conflictIds,
+  showWeekends,
+  showConflicts,
+  aiSummaries,
+  highlightItemId,
+  onItemClick,
+  onJoin,
+  onNavigate,
+  onCreate,
+  onCreateRange
+}) {
+  const t = useT();
+  const locale = useLocale();
+  const scrollRef = React.useRef(null);
+  const nowMs = Date.now();
+  const today = startOfDay(/* @__PURE__ */ new Date());
+  const anchorMs = anchor.getTime();
+  const [selectedId, setSelectedId] = React.useState(null);
+  const [drag, setDrag] = React.useState(null);
+  const dayStarts = React.useMemo(() => {
+    const rangeStart = getVisibleRange(days === 7 ? "week" : "day", new Date(anchorMs), 0).from;
+    const all = Array.from({ length: days }, (_, index) => addDays(rangeStart, index));
+    return days === 7 ? applyWeekendVisibility(all, showWeekends) : all;
+  }, [days, anchorMs, showWeekends]);
+  const dayColumns = React.useMemo(
+    () => dayStarts.map((dayStart) => buildDayColumn(dayStart, items)),
+    [dayStarts, items]
+  );
+  const resolveJoinUrl = React.useCallback((location) => {
+    const trimmed = location?.trim() ?? "";
+    if (!trimmed) return null;
+    if (/^https?:\/\//i.test(trimmed)) return trimmed;
+    if (/^www\./i.test(trimmed)) return `https://${trimmed}`;
+    return null;
+  }, []);
+  const hasAllDayLane = dayColumns.some((column) => column.allDayItems.length > 0);
+  const formatters = React.useMemo(
+    () => ({
+      dayNumber: new Intl.DateTimeFormat(locale, { day: "2-digit" }),
+      weekdayShort: new Intl.DateTimeFormat(locale, { weekday: "short" }),
+      weekdayLong: new Intl.DateTimeFormat(locale, { weekday: "long" })
+    }),
+    [locale]
+  );
+  const hourLabels = React.useMemo(() => {
+    const formatter = new Intl.DateTimeFormat(locale, { hour: "numeric" });
+    return Array.from({ length: HOURS_PER_DAY }, (_, hour) => formatter.format(new Date(2024, 0, 1, hour)));
+  }, [locale]);
+  React.useEffect(() => {
+    const node = scrollRef.current;
+    if (!node) return;
+    node.scrollTop = INITIAL_SCROLL_HOUR * HOUR_HEIGHT_PX;
+  }, []);
+  React.useEffect(() => {
+    if (!highlightItemId) return;
+    const node = scrollRef.current;
+    if (!node) return;
+    const target = items.find((item) => item.id === highlightItemId && !item.allDay);
+    if (!target) return;
+    const minutes = (target.start.getTime() - startOfDay(target.start).getTime()) / 6e4;
+    const top = minutes / 60 * HOUR_HEIGHT_PX;
+    const reduceMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    node.scrollTo({ top: Math.max(0, top - HOUR_HEIGHT_PX), behavior: reduceMotion ? "auto" : "smooth" });
+  }, [highlightItemId, items]);
+  const nonWorkingLabel = t("customers.calendar.grid.nonWorking", "Non-working day");
+  const previousLabel = days === 7 ? t("customers.calendar.previousWeek", "Previous week") : t("customers.calendar.grid.previousDay", "Previous day");
+  const nextLabel = days === 7 ? t("customers.calendar.nextWeek", "Next week") : t("customers.calendar.grid.nextDay", "Next day");
+  const headerLabelFor = (dayStart) => {
+    const dayNumber = formatters.dayNumber.format(dayStart);
+    if (days === 1) return `${formatters.weekdayLong.format(dayStart).toUpperCase()} \xB7 ${dayNumber}`;
+    return `${dayNumber} ${formatters.weekdayShort.format(dayStart).toUpperCase()}`;
+  };
+  const canCreateRange = Boolean(onCreateRange);
+  const beginDrag = (event, dayStart) => {
+    if (!canCreateRange || event.button !== 0) return;
+    const layer = event.currentTarget;
+    const rect = layer.getBoundingClientRect();
+    const minute = offsetYToMinutes(event.clientY - rect.top, HOUR_HEIGHT_PX);
+    try {
+      layer.setPointerCapture(event.pointerId);
+    } catch {
+    }
+    setSelectedId(null);
+    setDrag({ dayMs: dayStart.getTime(), startMin: minute, endMin: minute, moved: false });
+  };
+  const moveDrag = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    const minute = offsetYToMinutes(event.clientY - rect.top, HOUR_HEIGHT_PX);
+    setDrag((previous) => {
+      if (!previous) return previous;
+      return {
+        ...previous,
+        endMin: minute,
+        moved: previous.moved || Math.abs(minute - previous.startMin) >= DRAG_SNAP_MINUTES
+      };
+    });
+  };
+  const endDrag = (dayStart) => {
+    setDrag((previous) => {
+      if (previous && previous.moved && onCreateRange) {
+        const range = buildDragRange(dayStart, previous.startMin, previous.endMin);
+        onCreateRange(range.start, range.end);
+      }
+      return null;
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col overflow-hidden rounded-lg border border-border bg-card", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: scrollRef,
+        className: "overflow-auto overscroll-contain",
+        style: { maxHeight: GRID_BODY_MAX_HEIGHT_PX },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-30 min-w-full bg-card max-md:w-max", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex border-b border-border", children: [
+              /* @__PURE__ */ jsxs("div", { className: "sticky start-0 z-10 flex w-14 shrink-0 bg-card md:w-26", children: [
+                /* @__PURE__ */ jsx("span", { className: "flex flex-1 items-center justify-center border-e border-border", children: /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "xs", "aria-label": previousLabel, onClick: () => onNavigate(-days), children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": true }) }) }),
+                /* @__PURE__ */ jsx("span", { className: "flex flex-1 items-center justify-center border-e border-border", children: /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "xs", "aria-label": nextLabel, onClick: () => onNavigate(days), children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": true }) }) })
+              ] }),
+              dayColumns.map(({ dayStart }) => {
+                const isToday = isSameDay(dayStart, today);
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex min-w-0 flex-1 items-center justify-center border-e border-border bg-muted px-1 py-2 last:border-e-0",
+                      days === 7 && "min-w-[120px] max-md:max-w-[120px] md:min-w-0"
+                    ),
+                    children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "truncate text-xs uppercase tracking-wide",
+                          isToday ? "font-semibold text-foreground" : "font-medium text-muted-foreground"
+                        ),
+                        children: headerLabelFor(dayStart)
+                      }
+                    )
+                  },
+                  dayStart.getTime()
+                );
+              })
+            ] }),
+            hasAllDayLane ? /* @__PURE__ */ jsxs("div", { className: "flex border-b border-border", children: [
+              /* @__PURE__ */ jsx("div", { className: "sticky start-0 z-10 flex w-14 shrink-0 items-center justify-center border-e border-border bg-card py-1 md:w-26", children: /* @__PURE__ */ jsx("span", { className: "truncate text-overline uppercase tracking-wide text-muted-foreground", children: t("customers.calendar.grid.allDay", "All day") }) }),
+              dayColumns.map(({ dayStart, allDayItems }) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "min-w-0 flex-1 space-y-1 border-e border-border p-1 last:border-e-0",
+                    days === 7 && "min-w-[120px] max-md:max-w-[120px] md:min-w-0"
+                  ),
+                  children: allDayItems.map((item) => /* @__PURE__ */ jsx(
+                    EventPeekPopover,
+                    {
+                      item,
+                      open: selectedId === item.id,
+                      joinUrl: resolveJoinUrl(item.location),
+                      aiSummaries,
+                      onOpenChange: (open) => setSelectedId(open ? item.id : null),
+                      onJoin,
+                      onEdit: onItemClick,
+                      children: /* @__PURE__ */ jsx(
+                        AllDayChip,
+                        {
+                          item,
+                          conflicted: showConflicts && conflictIds.has(item.id),
+                          highlighted: highlightItemId === item.id,
+                          selected: selectedId === item.id,
+                          nowMs
+                        }
+                      )
+                    },
+                    item.id
+                  ))
+                },
+                dayStart.getTime()
+              ))
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-full max-md:w-max", style: { height: HOURS_PER_DAY * HOUR_HEIGHT_PX }, children: [
+            /* @__PURE__ */ jsx("div", { className: "sticky start-0 z-10 w-14 shrink-0 border-e border-border bg-card md:w-26", children: /* @__PURE__ */ jsx("div", { className: "relative h-full", children: hourLabels.map(
+              (label, hour) => hour === 0 ? null : /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "absolute w-full -translate-y-1/2 px-1 text-center text-xs font-medium text-muted-foreground md:px-3 md:text-sm",
+                  style: { top: hour * HOUR_HEIGHT_PX },
+                  children: label
+                },
+                hour
+              )
+            ) }) }),
+            dayColumns.map(({ dayStart, blocks }) => {
+              const nonWorking = isWeekendDay(dayStart);
+              const conflictCount = showConflicts ? blocks.filter((block) => conflictIds.has(block.item.id)).length : 0;
+              const dragActive = drag && drag.moved && drag.dayMs === dayStart.getTime();
+              const dragRange = dragActive ? buildDragRange(dayStart, drag.startMin, drag.endMin) : null;
+              const dragStartMinutes = dragRange ? (dragRange.start.getTime() - startOfDay(dragRange.start).getTime()) / 6e4 : 0;
+              const dragDurationMinutes = dragRange ? (dragRange.end.getTime() - dragRange.start.getTime()) / 6e4 : 0;
+              return /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "relative min-w-0 flex-1 border-e border-border last:border-e-0",
+                    days === 7 && "min-w-[120px] max-md:max-w-[120px] md:min-w-0"
+                  ),
+                  title: nonWorking ? nonWorkingLabel : void 0,
+                  children: [
+                    nonWorking ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: nonWorkingLabel }) : null,
+                    /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "absolute inset-0", children: Array.from({ length: HOURS_PER_DAY }, (_, hour) => /* @__PURE__ */ jsx("div", { className: "relative h-30 border-b border-border", children: /* @__PURE__ */ jsx("span", { className: "absolute inset-x-0 top-1/2 h-px bg-border/50" }) }, hour)) }),
+                    nonWorking ? /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "aria-hidden": true,
+                        className: "pointer-events-none absolute inset-0",
+                        style: { backgroundImage: NON_WORKING_HATCH_BACKGROUND }
+                      }
+                    ) : null,
+                    canCreateRange ? /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "absolute inset-0 cursor-cell",
+                        onPointerDown: (event) => beginDrag(event, dayStart),
+                        onPointerMove: moveDrag,
+                        onPointerUp: () => endDrag(dayStart),
+                        onPointerCancel: () => setDrag(null),
+                        "aria-hidden": true
+                      }
+                    ) : null,
+                    dragRange ? /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "aria-hidden": true,
+                        className: "pointer-events-none absolute z-30 flex flex-col gap-0.5 overflow-hidden rounded-md border-2 border-dashed border-foreground bg-accent-indigo/10 px-2 pt-1.5",
+                        style: {
+                          top: dragStartMinutes / 60 * HOUR_HEIGHT_PX,
+                          height: Math.max(MIN_BLOCK_HEIGHT_PX, dragDurationMinutes / 60 * HOUR_HEIGHT_PX),
+                          insetInlineStart: 8,
+                          insetInlineEnd: 8
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-overline font-semibold text-foreground", children: t("customers.calendar.actions.newEvent", "New event") }),
+                          /* @__PURE__ */ jsx("span", { className: "text-overline text-muted-foreground", children: formatTimeRange(locale, dragRange.start, dragRange.end) })
+                        ]
+                      }
+                    ) : null,
+                    conflictCount > 0 ? /* @__PURE__ */ jsx(ConflictBadge, { count: conflictCount }) : null,
+                    /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-y-0", style: { insetInlineStart: 8, insetInlineEnd: 8 }, children: blocks.map((block) => /* @__PURE__ */ jsx(
+                      EventPeekPopover,
+                      {
+                        item: block.item,
+                        open: selectedId === block.item.id,
+                        joinUrl: resolveJoinUrl(block.item.location),
+                        aiSummaries,
+                        onOpenChange: (open) => setSelectedId(open ? block.item.id : null),
+                        onJoin,
+                        onEdit: onItemClick,
+                        children: /* @__PURE__ */ jsx(
+                          EventBlock,
+                          {
+                            item: block.item,
+                            top: block.top,
+                            height: block.height,
+                            insetInlineStart: block.insetInlineStart,
+                            width: block.width,
+                            conflicted: showConflicts && conflictIds.has(block.item.id),
+                            highlighted: highlightItemId === block.item.id,
+                            selected: selectedId === block.item.id,
+                            nowMs
+                          }
+                        )
+                      },
+                      `${block.item.id}-${block.top}`
+                    )) })
+                  ]
+                },
+                dayStart.getTime()
+              );
+            })
+          ] })
+        ]
+      }
+    ),
+    items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-40 flex items-center justify-center p-6", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        className: "pointer-events-auto bg-card/95 shadow-sm",
+        icon: /* @__PURE__ */ jsx(CalendarDays, { className: "h-6 w-6", "aria-hidden": true }),
+        title: days === 7 ? t("customers.calendar.empty.week", "Nothing scheduled this week") : t("customers.calendar.empty.day", "Nothing scheduled this day"),
+        description: t("customers.calendar.empty.description", "Plan a meeting, event or task to fill your week."),
+        actions: onCreate ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: onCreate, children: t("customers.calendar.actions.newEvent", "New event") }) : void 0
+      }
+    ) }) : null
+  ] });
+}
+export {
+  TimeGrid
+};
+//# sourceMappingURL=TimeGrid.js.map

package/dist/modules/customers/components/calendar/TimeGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/TimeGrid.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CalendarDays, ChevronLeft, ChevronRight } from 'lucide-react'\nimport { addDays } from 'date-fns/addDays'\nimport { isSameDay } from 'date-fns/isSameDay'\nimport { startOfDay } from 'date-fns/startOfDay'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { packOverlaps } from '../../lib/calendar/layout'\nimport { getVisibleRange } from '../../lib/calendar/range'\nimport {\n  applyWeekendVisibility,\n  buildDragRange,\n  DRAG_SNAP_MINUTES,\n  isWeekendDay,\n  offsetYToMinutes,\n} from '../../lib/calendar/grid'\nimport { EventBlock, formatTimeRange, resolveEventTone } from './EventBlock'\nimport { EventPeekPopover } from './EventPeekPopover'\nimport type { CalendarItem, TimeGridProps } from './types'\n\nconst HOUR_HEIGHT_PX = 120\nconst HOURS_PER_DAY = 24\nconst GRID_BODY_MAX_HEIGHT_PX = 654\nconst INITIAL_SCROLL_HOUR = 8\nconst BLOCK_VERTICAL_GAP_PX = 1\nconst MIN_BLOCK_HEIGHT_PX = 32\nconst PACKED_COLUMN_GAP_PX = 2\n\nconst NON_WORKING_HATCH_BACKGROUND =\n  'repeating-linear-gradient(45deg, transparent 0px, transparent 8px, var(--border) 8px, var(--border) 9px)'\n\ntype PositionedBlock = {\n  item: CalendarItem\n  top: number\n  height: number\n  insetInlineStart: string\n  width: string\n}\n\ntype DayColumnData = {\n  dayStart: Date\n  allDayItems: CalendarItem[]\n  blocks: PositionedBlock[]\n}\n\ntype DragState = { dayMs: number; startMin: number; endMin: number; moved: boolean }\n\nfunction buildDayColumn(dayStart: Date, items: CalendarItem[]): DayColumnData {\n  const dayEnd = addDays(dayStart, 1)\n  const dayStartMs = dayStart.getTime()\n  const dayEndMs = dayEnd.getTime()\n  const allDayItems: CalendarItem[] = []\n  const segments: Array<{ original: CalendarItem; start: Date; end: Date }> = []\n\n  for (const item of items) {\n    const startMs = item.start.getTime()\n    const endMs = item.end.getTime()\n    if (startMs >= dayEndMs || endMs <= dayStartMs) continue\n    if (item.allDay) {\n      allDayItems.push(item)\n      continue\n    }\n    segments.push({\n      original: item,\n      start: startMs < dayStartMs ? dayStart : item.start,\n      end: endMs > dayEndMs ? dayEnd : item.end,\n    })\n  }\n\n  allDayItems.sort((first, second) => first.start.getTime() - second.start.getTime())\n\n  const clones = segments.map((segment) => ({ ...segment.original, start: segment.start, end: segment.end }))\n  const originalByClone = new Map<CalendarItem, CalendarItem>()\n  clones.forEach((clone, index) => originalByClone.set(clone, segments[index].original))\n\n  const blocks: PositionedBlock[] = packOverlaps(clones).map(({ item: clone, column, columns }) => {\n    const startMinutes = (clone.start.getTime() - dayStartMs) / 60000\n    const durationMinutes = (clone.end.getTime() - clone.start.getTime()) / 60000\n    const rawTop = (startMinutes / 60) * HOUR_HEIGHT_PX\n    const rawHeight = (durationMinutes / 60) * HOUR_HEIGHT_PX\n    const widthPct = 100 / columns\n    return {\n      item: originalByClone.get(clone) ?? clone,\n      top: rawTop + BLOCK_VERTICAL_GAP_PX,\n      height: Math.max(MIN_BLOCK_HEIGHT_PX, rawHeight - BLOCK_VERTICAL_GAP_PX * 2),\n      insetInlineStart: `calc(${column * widthPct}% + ${column * PACKED_COLUMN_GAP_PX}px)`,\n      width: `calc(${widthPct}% - ${((columns - 1) * PACKED_COLUMN_GAP_PX) / columns}px)`,\n    }\n  })\n\n  return { dayStart, allDayItems, blocks }\n}\n\ntype ConflictBadgeProps = { count: number }\n\nfunction ConflictBadge({ count }: ConflictBadgeProps) {\n  const t = useT()\n  const label =\n    count === 1\n      ? t('customers.calendar.grid.conflictCount', '1 conflict')\n      : t('customers.calendar.grid.conflictsCount', '{count} conflicts', { count })\n  return (\n    <span className=\"pointer-events-none absolute left-2 top-1 z-40 inline-flex items-center gap-1 rounded-full bg-status-error-bg px-2 py-0.5 text-overline font-medium uppercase tracking-wide text-status-error-text\">\n      <span aria-hidden className=\"size-1.5 rounded-full bg-status-error-icon\" />\n      {label}\n    </span>\n  )\n}\n\ntype AllDayChipProps = {\n  item: CalendarItem\n  conflicted: boolean\n  highlighted: boolean\n  selected: boolean\n  nowMs: number\n} & Omit<React.ComponentProps<typeof Button>, 'style' | 'children'>\n\nconst AllDayChip = React.forwardRef<HTMLButtonElement, AllDayChipProps>(function AllDayChip(\n  { item, conflicted, highlighted, selected, nowMs, className, ...buttonProps },\n  ref,\n) {\n  const t = useT()\n  const tone = resolveEventTone(item, nowMs)\n  const title = item.title || t('customers.calendar.grid.untitled', 'Untitled')\n  return (\n    <Button\n      ref={ref}\n      type=\"button\"\n      variant=\"ghost\"\n      aria-label={`${title}, ${t('customers.calendar.grid.allDay', 'All day')}`}\n      className={cn(\n        'h-auto w-full min-w-0 justify-start rounded-sm px-2 py-0.5 text-start hover:bg-muted/70',\n        tone.surfaceClassName,\n        conflicted && 'ring-1 ring-status-warning-icon',\n        selected && 'shadow-md ring-2 ring-foreground',\n        highlighted && 'motion-safe:animate-pulse',\n        'focus-visible:ring-2 focus-visible:ring-ring',\n        className,\n      )}\n      style={tone.style}\n      {...buttonProps}\n    >\n      <span className={cn('truncate text-xs font-medium', tone.titleClassName)}>{title}</span>\n    </Button>\n  )\n})\n\nAllDayChip.displayName = 'AllDayChip'\n\nexport function TimeGrid({\n  days,\n  anchor,\n  items,\n  conflictIds,\n  showWeekends,\n  showConflicts,\n  aiSummaries,\n  highlightItemId,\n  onItemClick,\n  onJoin,\n  onNavigate,\n  onCreate,\n  onCreateRange,\n}: TimeGridProps) {\n  const t = useT()\n  const locale = useLocale()\n  const scrollRef = React.useRef<HTMLDivElement | null>(null)\n  const nowMs = Date.now()\n  const today = startOfDay(new Date())\n  const anchorMs = anchor.getTime()\n  const [selectedId, setSelectedId] = React.useState<string | null>(null)\n  const [drag, setDrag] = React.useState<DragState | null>(null)\n\n  const dayStarts = React.useMemo(() => {\n    const rangeStart = getVisibleRange(days === 7 ? 'week' : 'day', new Date(anchorMs), 0).from\n    const all = Array.from({ length: days }, (_, index) => addDays(rangeStart, index))\n    return days === 7 ? applyWeekendVisibility(all, showWeekends) : all\n  }, [days, anchorMs, showWeekends])\n\n  const dayColumns = React.useMemo(\n    () => dayStarts.map((dayStart) => buildDayColumn(dayStart, items)),\n    [dayStarts, items],\n  )\n\n  const resolveJoinUrl = React.useCallback((location: string | null): string | null => {\n    const trimmed = location?.trim() ?? ''\n    if (!trimmed) return null\n    if (/^https?:\\/\\//i.test(trimmed)) return trimmed\n    if (/^www\\./i.test(trimmed)) return `https://${trimmed}`\n    return null\n  }, [])\n\n  const hasAllDayLane = dayColumns.some((column) => column.allDayItems.length > 0)\n\n  const formatters = React.useMemo(\n    () => ({\n      dayNumber: new Intl.DateTimeFormat(locale, { day: '2-digit' }),\n      weekdayShort: new Intl.DateTimeFormat(locale, { weekday: 'short' }),\n      weekdayLong: new Intl.DateTimeFormat(locale, { weekday: 'long' }),\n    }),\n    [locale],\n  )\n\n  const hourLabels = React.useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { hour: 'numeric' })\n    return Array.from({ length: HOURS_PER_DAY }, (_, hour) => formatter.format(new Date(2024, 0, 1, hour)))\n  }, [locale])\n\n  React.useEffect(() => {\n    const node = scrollRef.current\n    if (!node) return\n    node.scrollTop = INITIAL_SCROLL_HOUR * HOUR_HEIGHT_PX\n  }, [])\n\n  React.useEffect(() => {\n    if (!highlightItemId) return\n    const node = scrollRef.current\n    if (!node) return\n    const target = items.find((item) => item.id === highlightItemId && !item.allDay)\n    if (!target) return\n    const minutes = (target.start.getTime() - startOfDay(target.start).getTime()) / 60000\n    const top = (minutes / 60) * HOUR_HEIGHT_PX\n    const reduceMotion =\n      typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches\n    node.scrollTo({ top: Math.max(0, top - HOUR_HEIGHT_PX), behavior: reduceMotion ? 'auto' : 'smooth' })\n  }, [highlightItemId, items])\n\n  const nonWorkingLabel = t('customers.calendar.grid.nonWorking', 'Non-working day')\n  const previousLabel =\n    days === 7\n      ? t('customers.calendar.previousWeek', 'Previous week')\n      : t('customers.calendar.grid.previousDay', 'Previous day')\n  const nextLabel =\n    days === 7 ? t('customers.calendar.nextWeek', 'Next week') : t('customers.calendar.grid.nextDay', 'Next day')\n\n  const headerLabelFor = (dayStart: Date): string => {\n    const dayNumber = formatters.dayNumber.format(dayStart)\n    if (days === 1) return `${formatters.weekdayLong.format(dayStart).toUpperCase()} \u00B7 ${dayNumber}`\n    return `${dayNumber} ${formatters.weekdayShort.format(dayStart).toUpperCase()}`\n  }\n\n  const canCreateRange = Boolean(onCreateRange)\n\n  const beginDrag = (event: React.PointerEvent<HTMLDivElement>, dayStart: Date) => {\n    if (!canCreateRange || event.button !== 0) return\n    const layer = event.currentTarget\n    const rect = layer.getBoundingClientRect()\n    const minute = offsetYToMinutes(event.clientY - rect.top, HOUR_HEIGHT_PX)\n    try {\n      layer.setPointerCapture(event.pointerId)\n    } catch {\n      // Pointer capture is best-effort; ignore environments that reject it.\n    }\n    setSelectedId(null)\n    setDrag({ dayMs: dayStart.getTime(), startMin: minute, endMin: minute, moved: false })\n  }\n\n  const moveDrag = (event: React.PointerEvent<HTMLDivElement>) => {\n    // Read the layer rect synchronously: `event.currentTarget` is only valid during\n    // event dispatch, but the setDrag updater below runs later during re-render.\n    const rect = event.currentTarget.getBoundingClientRect()\n    const minute = offsetYToMinutes(event.clientY - rect.top, HOUR_HEIGHT_PX)\n    setDrag((previous) => {\n      if (!previous) return previous\n      return {\n        ...previous,\n        endMin: minute,\n        moved: previous.moved || Math.abs(minute - previous.startMin) >= DRAG_SNAP_MINUTES,\n      }\n    })\n  }\n\n  const endDrag = (dayStart: Date) => {\n    setDrag((previous) => {\n      if (previous && previous.moved && onCreateRange) {\n        const range = buildDragRange(dayStart, previous.startMin, previous.endMin)\n        onCreateRange(range.start, range.end)\n      }\n      return null\n    })\n  }\n\n  return (\n    <div className=\"relative flex flex-col overflow-hidden rounded-lg border border-border bg-card\">\n      <div\n        ref={scrollRef}\n        className=\"overflow-auto overscroll-contain\"\n        style={{ maxHeight: GRID_BODY_MAX_HEIGHT_PX }}\n      >\n        <div className=\"sticky top-0 z-30 min-w-full bg-card max-md:w-max\">\n          <div className=\"flex border-b border-border\">\n            <div className=\"sticky start-0 z-10 flex w-14 shrink-0 bg-card md:w-26\">\n              <span className=\"flex flex-1 items-center justify-center border-e border-border\">\n                <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" aria-label={previousLabel} onClick={() => onNavigate(-days)}>\n                  <ChevronLeft aria-hidden />\n                </IconButton>\n              </span>\n              <span className=\"flex flex-1 items-center justify-center border-e border-border\">\n                <IconButton type=\"button\" variant=\"ghost\" size=\"xs\" aria-label={nextLabel} onClick={() => onNavigate(days)}>\n                  <ChevronRight aria-hidden />\n                </IconButton>\n              </span>\n            </div>\n            {dayColumns.map(({ dayStart }) => {\n              const isToday = isSameDay(dayStart, today)\n              return (\n                <div\n                  key={dayStart.getTime()}\n                  className={cn(\n                    'flex min-w-0 flex-1 items-center justify-center border-e border-border bg-muted px-1 py-2 last:border-e-0',\n                    days === 7 && 'min-w-[120px] max-md:max-w-[120px] md:min-w-0',\n                  )}\n                >\n                  <span\n                    className={cn(\n                      'truncate text-xs uppercase tracking-wide',\n                      isToday ? 'font-semibold text-foreground' : 'font-medium text-muted-foreground',\n                    )}\n                  >\n                    {headerLabelFor(dayStart)}\n                  </span>\n                </div>\n              )\n            })}\n          </div>\n          {hasAllDayLane ? (\n            <div className=\"flex border-b border-border\">\n              <div className=\"sticky start-0 z-10 flex w-14 shrink-0 items-center justify-center border-e border-border bg-card py-1 md:w-26\">\n                <span className=\"truncate text-overline uppercase tracking-wide text-muted-foreground\">\n                  {t('customers.calendar.grid.allDay', 'All day')}\n                </span>\n              </div>\n              {dayColumns.map(({ dayStart, allDayItems }) => (\n                <div\n                  key={dayStart.getTime()}\n                  className={cn(\n                    'min-w-0 flex-1 space-y-1 border-e border-border p-1 last:border-e-0',\n                    days === 7 && 'min-w-[120px] max-md:max-w-[120px] md:min-w-0',\n                  )}\n                >\n                  {allDayItems.map((item) => (\n                    <EventPeekPopover\n                      key={item.id}\n                      item={item}\n                      open={selectedId === item.id}\n                      joinUrl={resolveJoinUrl(item.location)}\n                      aiSummaries={aiSummaries}\n                      onOpenChange={(open) => setSelectedId(open ? item.id : null)}\n                      onJoin={onJoin}\n                      onEdit={onItemClick}\n                    >\n                      <AllDayChip\n                        item={item}\n                        conflicted={showConflicts && conflictIds.has(item.id)}\n                        highlighted={highlightItemId === item.id}\n                        selected={selectedId === item.id}\n                        nowMs={nowMs}\n                      />\n                    </EventPeekPopover>\n                  ))}\n                </div>\n              ))}\n            </div>\n          ) : null}\n        </div>\n        <div className=\"flex min-w-full max-md:w-max\" style={{ height: HOURS_PER_DAY * HOUR_HEIGHT_PX }}>\n          <div className=\"sticky start-0 z-10 w-14 shrink-0 border-e border-border bg-card md:w-26\">\n            <div className=\"relative h-full\">\n              {hourLabels.map((label, hour) =>\n                hour === 0 ? null : (\n                  <span\n                    key={hour}\n                    className=\"absolute w-full -translate-y-1/2 px-1 text-center text-xs font-medium text-muted-foreground md:px-3 md:text-sm\"\n                    style={{ top: hour * HOUR_HEIGHT_PX }}\n                  >\n                    {label}\n                  </span>\n                ),\n              )}\n            </div>\n          </div>\n          {dayColumns.map(({ dayStart, blocks }) => {\n            const nonWorking = isWeekendDay(dayStart)\n            const conflictCount = showConflicts\n              ? blocks.filter((block) => conflictIds.has(block.item.id)).length\n              : 0\n            const dragActive = drag && drag.moved && drag.dayMs === dayStart.getTime()\n            const dragRange = dragActive ? buildDragRange(dayStart, drag.startMin, drag.endMin) : null\n            const dragStartMinutes = dragRange\n              ? (dragRange.start.getTime() - startOfDay(dragRange.start).getTime()) / 60000\n              : 0\n            const dragDurationMinutes = dragRange\n              ? (dragRange.end.getTime() - dragRange.start.getTime()) / 60000\n              : 0\n            return (\n              <div\n                key={dayStart.getTime()}\n                className={cn(\n                  'relative min-w-0 flex-1 border-e border-border last:border-e-0',\n                  days === 7 && 'min-w-[120px] max-md:max-w-[120px] md:min-w-0',\n                )}\n                title={nonWorking ? nonWorkingLabel : undefined}\n              >\n                {nonWorking ? <span className=\"sr-only\">{nonWorkingLabel}</span> : null}\n                <div aria-hidden className=\"absolute inset-0\">\n                  {Array.from({ length: HOURS_PER_DAY }, (_, hour) => (\n                    <div key={hour} className=\"relative h-30 border-b border-border\">\n                      <span className=\"absolute inset-x-0 top-1/2 h-px bg-border/50\" />\n                    </div>\n                  ))}\n                </div>\n                {nonWorking ? (\n                  <div\n                    aria-hidden\n                    className=\"pointer-events-none absolute inset-0\"\n                    style={{ backgroundImage: NON_WORKING_HATCH_BACKGROUND }}\n                  />\n                ) : null}\n                {canCreateRange ? (\n                  <div\n                    className=\"absolute inset-0 cursor-cell\"\n                    onPointerDown={(event) => beginDrag(event, dayStart)}\n                    onPointerMove={moveDrag}\n                    onPointerUp={() => endDrag(dayStart)}\n                    onPointerCancel={() => setDrag(null)}\n                    aria-hidden\n                  />\n                ) : null}\n                {dragRange ? (\n                  <div\n                    aria-hidden\n                    className=\"pointer-events-none absolute z-30 flex flex-col gap-0.5 overflow-hidden rounded-md border-2 border-dashed border-foreground bg-accent-indigo/10 px-2 pt-1.5\"\n                    style={{\n                      top: (dragStartMinutes / 60) * HOUR_HEIGHT_PX,\n                      height: Math.max(MIN_BLOCK_HEIGHT_PX, (dragDurationMinutes / 60) * HOUR_HEIGHT_PX),\n                      insetInlineStart: 8,\n                      insetInlineEnd: 8,\n                    }}\n                  >\n                    <span className=\"text-overline font-semibold text-foreground\">\n                      {t('customers.calendar.actions.newEvent', 'New event')}\n                    </span>\n                    <span className=\"text-overline text-muted-foreground\">\n                      {formatTimeRange(locale, dragRange.start, dragRange.end)}\n                    </span>\n                  </div>\n                ) : null}\n                {conflictCount > 0 ? <ConflictBadge count={conflictCount} /> : null}\n                {/* Click-through container so empty space reaches the drag-to-create layer\n                    below; each block re-enables pointer events for its own click/peek. */}\n                <div className=\"pointer-events-none absolute inset-y-0\" style={{ insetInlineStart: 8, insetInlineEnd: 8 }}>\n                  {blocks.map((block) => (\n                    <EventPeekPopover\n                      key={`${block.item.id}-${block.top}`}\n                      item={block.item}\n                      open={selectedId === block.item.id}\n                      joinUrl={resolveJoinUrl(block.item.location)}\n                      aiSummaries={aiSummaries}\n                      onOpenChange={(open) => setSelectedId(open ? block.item.id : null)}\n                      onJoin={onJoin}\n                      onEdit={onItemClick}\n                    >\n                      <EventBlock\n                        item={block.item}\n                        top={block.top}\n                        height={block.height}\n                        insetInlineStart={block.insetInlineStart}\n                        width={block.width}\n                        conflicted={showConflicts && conflictIds.has(block.item.id)}\n                        highlighted={highlightItemId === block.item.id}\n                        selected={selectedId === block.item.id}\n                        nowMs={nowMs}\n                      />\n                    </EventPeekPopover>\n                  ))}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n      {items.length === 0 ? (\n        <div className=\"pointer-events-none absolute inset-0 z-40 flex items-center justify-center p-6\">\n          <EmptyState\n            className=\"pointer-events-auto bg-card/95 shadow-sm\"\n            icon={<CalendarDays className=\"h-6 w-6\" aria-hidden />}\n            title={\n              days === 7\n                ? t('customers.calendar.empty.week', 'Nothing scheduled this week')\n                : t('customers.calendar.empty.day', 'Nothing scheduled this day')\n            }\n            description={t('customers.calendar.empty.description', 'Plan a meeting, event or task to fill your week.')}\n            actions={\n              onCreate ? (\n                <Button type=\"button\" size=\"sm\" onClick={onCreate}>\n                  {t('customers.calendar.actions.newEvent', 'New event')}\n                </Button>\n              ) : undefined\n            }\n          />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["AllDayChip"]
+}