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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/CalendarToolbar.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { format } from 'date-fns/format'\nimport { CalendarRange, ListFilter, Settings } from 'lucide-react'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Calendar } from '@open-mercato/ui/primitives/calendar'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { Kbd } from '@open-mercato/ui/primitives/kbd'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { SearchInput } from '@open-mercato/ui/primitives/search-input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type {\n  CalendarFiltersValue,\n  CalendarRangePreset,\n  CalendarToolbarProps,\n} from './types'\n\nconst RANGE_PRESETS: CalendarRangePreset[] = ['thisWeek', 'next7', 'thisMonth', 'next30']\n\nconst STATUS_OPTIONS = ['planned', 'done', 'canceled'] as const\n\nconst ALL_OPTION = 'all'\n\nconst EMPTY_FILTERS: CalendarFiltersValue = { types: [], status: null, ownerUserId: null }\n\nfunction formatRangeLabel(from: Date, to: Date): string {\n  return `${format(from, 'MMM dd')} \u2013 ${format(to, 'MMM dd, yyyy')}`\n}\n\nexport function CalendarToolbar(props: CalendarToolbarProps) {\n  const {\n    anchor,\n    range,\n    preset,\n    search,\n    filters,\n    typeOptions,\n    ownerOptions,\n    onToday,\n    onPresetChange,\n    onAnchorChange,\n    onSearchChange,\n    onFiltersChange,\n    onOpenSettings,\n  } = props\n  const t = useT()\n  const [rangeOpen, setRangeOpen] = React.useState(false)\n  const [filtersOpen, setFiltersOpen] = React.useState(false)\n  const [pendingFilters, setPendingFilters] = React.useState<CalendarFiltersValue>(filters)\n\n  const presetLabels: Record<CalendarRangePreset, string> = {\n    thisWeek: t('customers.calendar.toolbar.presets.thisWeek', 'This week'),\n    next7: t('customers.calendar.toolbar.presets.next7', 'Next 7 days'),\n    thisMonth: t('customers.calendar.toolbar.presets.thisMonth', 'This month'),\n    next30: t('customers.calendar.toolbar.presets.next30', 'Next 30 days'),\n  }\n\n  const activeFilterCount =\n    filters.types.length + (filters.status ? 1 : 0) + (filters.ownerUserId ? 1 : 0)\n\n  const handleFiltersOpenChange = (open: boolean) => {\n    if (open) setPendingFilters(filters)\n    setFiltersOpen(open)\n  }\n\n  const applyFilters = () => {\n    onFiltersChange(pendingFilters)\n    setFiltersOpen(false)\n  }\n\n  const clearFilters = () => {\n    setPendingFilters(EMPTY_FILTERS)\n    onFiltersChange(EMPTY_FILTERS)\n    setFiltersOpen(false)\n  }\n\n  const togglePendingType = (value: string, checked: boolean) => {\n    setPendingFilters((current) => ({\n      ...current,\n      types: checked\n        ? [...current.types, value]\n        : current.types.filter((entry) => entry !== value),\n    }))\n  }\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2 sm:gap-3\">\n      <div className=\"flex min-w-0 flex-wrap items-center gap-2 sm:gap-3\">\n        <Button type=\"button\" variant=\"outline\" onClick={onToday}>\n          {t('customers.calendar.toolbar.today', 'Today')}\n        </Button>\n        <div className=\"flex min-w-0 items-center\">\n          <Select\n            value={preset ?? ''}\n            onValueChange={(value) => onPresetChange(value as CalendarRangePreset)}\n          >\n            <SelectTrigger\n              className=\"hidden w-auto min-w-32 rounded-r-none sm:flex\"\n              aria-label={t('customers.calendar.toolbar.presetLabel', 'Date range preset')}\n            >\n              <SelectValue\n                placeholder={t('customers.calendar.toolbar.presetPlaceholder', 'Custom range')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              {RANGE_PRESETS.map((value) => (\n                <SelectItem key={value} value={value}>\n                  {presetLabels[value]}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Popover open={rangeOpen} onOpenChange={setRangeOpen}>\n            <PopoverTrigger asChild>\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                className=\"min-w-0 text-muted-foreground sm:-ml-px sm:rounded-l-none\"\n              >\n                <CalendarRange aria-hidden=\"true\" />\n                <span className=\"truncate\">{formatRangeLabel(range.from, range.to)}</span>\n              </Button>\n            </PopoverTrigger>\n            <PopoverContent align=\"start\" className=\"w-auto min-w-0 p-2\">\n              <Calendar\n                mode=\"single\"\n                selected={anchor}\n                defaultMonth={anchor}\n                onSelect={(date) => {\n                  if (!date) return\n                  onAnchorChange(date)\n                  setRangeOpen(false)\n                }}\n              />\n            </PopoverContent>\n          </Popover>\n        </div>\n      </div>\n      <div className=\"flex w-full min-w-0 items-center gap-2 sm:ml-auto sm:w-auto sm:flex-none sm:gap-3\">\n        <div className=\"relative min-w-0 flex-1 sm:w-72 sm:flex-none\">\n          <SearchInput\n            value={search}\n            onChange={onSearchChange}\n            placeholder={t('customers.calendar.toolbar.searchPlaceholder', 'Search\u2026')}\n            aria-label={t('customers.calendar.toolbar.searchPlaceholder', 'Search\u2026')}\n            data-calendar-search=\"\"\n          />\n          {search.length === 0 ? (\n            <Kbd className=\"pointer-events-none absolute right-2 top-1/2 hidden -translate-y-1/2 sm:inline-flex\">/</Kbd>\n          ) : null}\n        </div>\n        <Popover open={filtersOpen} onOpenChange={handleFiltersOpenChange}>\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              aria-label={t('customers.calendar.toolbar.filters.label', 'Filter')}\n            >\n              <ListFilter aria-hidden=\"true\" />\n              <span className=\"hidden sm:inline\">\n                {t('customers.calendar.toolbar.filters.label', 'Filter')}\n              </span>\n              {activeFilterCount > 0 ? (\n                <Badge variant=\"secondary\" size=\"sm\">\n                  {activeFilterCount}\n                </Badge>\n              ) : null}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            align=\"end\"\n            className=\"w-72 p-3\"\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n                event.preventDefault()\n                applyFilters()\n              }\n            }}\n          >\n            <div className=\"flex flex-col gap-4\">\n              {typeOptions.length > 0 ? (\n                <fieldset className=\"flex flex-col gap-2\">\n                  <legend className=\"pb-1 text-overline font-semibold uppercase tracking-widest text-muted-foreground\">\n                    {t('customers.calendar.toolbar.filters.types', 'Type')}\n                  </legend>\n                  {typeOptions.map((option) => (\n                    <CheckboxField\n                      key={option.value}\n                      label={option.label}\n                      size=\"sm\"\n                      checked={pendingFilters.types.includes(option.value)}\n                      onCheckedChange={(checked) =>\n                        togglePendingType(option.value, checked === true)\n                      }\n                    />\n                  ))}\n                </fieldset>\n              ) : null}\n              <div className=\"flex flex-col gap-1.5\">\n                <span className=\"text-overline font-semibold uppercase tracking-widest text-muted-foreground\">\n                  {t('customers.calendar.toolbar.filters.status', 'Status')}\n                </span>\n                <Select\n                  value={pendingFilters.status ?? ALL_OPTION}\n                  onValueChange={(value) =>\n                    setPendingFilters((current) => ({\n                      ...current,\n                      status: value === ALL_OPTION ? null : value,\n                    }))\n                  }\n                >\n                  <SelectTrigger\n                    size=\"sm\"\n                    aria-label={t('customers.calendar.toolbar.filters.status', 'Status')}\n                  >\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value={ALL_OPTION}>\n                      {t('customers.calendar.toolbar.filters.allStatuses', 'All statuses')}\n                    </SelectItem>\n                    {STATUS_OPTIONS.map((status) => (\n                      <SelectItem key={status} value={status}>\n                        {t(`customers.calendar.toolbar.filters.statuses.${status}`, status)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              {ownerOptions.length > 0 ? (\n                <div className=\"flex flex-col gap-1.5\">\n                  <span className=\"text-overline font-semibold uppercase tracking-widest text-muted-foreground\">\n                    {t('customers.calendar.toolbar.filters.owner', 'Owner')}\n                  </span>\n                  <Select\n                    value={pendingFilters.ownerUserId ?? ALL_OPTION}\n                    onValueChange={(value) =>\n                      setPendingFilters((current) => ({\n                        ...current,\n                        ownerUserId: value === ALL_OPTION ? null : value,\n                      }))\n                    }\n                  >\n                    <SelectTrigger\n                      size=\"sm\"\n                      aria-label={t('customers.calendar.toolbar.filters.owner', 'Owner')}\n                    >\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem value={ALL_OPTION}>\n                        {t('customers.calendar.toolbar.filters.allOwners', 'All owners')}\n                      </SelectItem>\n                      {ownerOptions.map((option) => (\n                        <SelectItem key={option.value} value={option.value}>\n                          {option.label}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                </div>\n              ) : null}\n              <div className=\"flex items-center justify-end gap-2 border-t pt-3\">\n                <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={clearFilters}>\n                  {t('customers.calendar.toolbar.filters.clear', 'Clear')}\n                </Button>\n                <Button type=\"button\" size=\"sm\" onClick={applyFilters}>\n                  {t('customers.calendar.toolbar.filters.apply', 'Apply')}\n                </Button>\n              </div>\n            </div>\n          </PopoverContent>\n        </Popover>\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          aria-label={t('customers.calendar.toolbar.settings', 'Calendar settings')}\n          onClick={onOpenSettings}\n        >\n          <Settings aria-hidden />\n        </IconButton>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,149 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Globe, MapPin } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { Avatar, AvatarStack } from "@open-mercato/ui/primitives/avatar";
+import { Button } from "@open-mercato/ui/primitives/button";
+const SHOW_TIME_MIN_HEIGHT_PX = 44;
+const SHOW_META_MIN_HEIGHT_PX = 96;
+const WRAP_TITLE_MIN_HEIGHT_PX = 128;
+const MAX_VISIBLE_AVATARS = 3;
+const PLATFORM_LABELS = {
+  zoom: { key: "customers.calendar.platform.zoom", fallback: "Zoom" },
+  meet: { key: "customers.calendar.platform.meet", fallback: "Meet" },
+  slack: { key: "customers.calendar.platform.slack", fallback: "Slack" },
+  teams: { key: "customers.calendar.platform.teams", fallback: "Teams" }
+};
+function softTintStyle(color) {
+  if (/^#[0-9a-fA-F]{6}$/.test(color)) return { backgroundColor: `${color}1A` };
+  return { backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)` };
+}
+function resolveEventTone(item, nowMs) {
+  if (item.status === "canceled") {
+    return {
+      surfaceClassName: "bg-muted/60",
+      titleClassName: "text-muted-foreground line-through",
+      subClassName: "text-muted-foreground/70"
+    };
+  }
+  if (item.status === "done" || item.end.getTime() < nowMs) {
+    return {
+      surfaceClassName: "bg-muted",
+      titleClassName: "text-muted-foreground",
+      subClassName: "text-muted-foreground"
+    };
+  }
+  if (item.color) {
+    return {
+      surfaceClassName: "",
+      titleClassName: "text-foreground",
+      subClassName: "text-muted-foreground",
+      style: softTintStyle(item.color)
+    };
+  }
+  return {
+    surfaceClassName: "bg-muted/60",
+    titleClassName: "text-foreground",
+    subClassName: "text-muted-foreground"
+  };
+}
+function formatTimeRange(locale, start, end) {
+  const formatter = new Intl.DateTimeFormat(locale, { hour: "numeric", minute: "2-digit" });
+  try {
+    return formatter.formatRange(start, end);
+  } catch {
+    return `${formatter.format(start)} - ${formatter.format(end)}`;
+  }
+}
+function participantLabel(participant) {
+  return participant.name ?? participant.email ?? "?";
+}
+function LocationMeta({ item, subClassName, accentColor }) {
+  const t = useT();
+  if (!item.location || !item.locationKind) return null;
+  const iconStyle = accentColor ? { color: accentColor } : void 0;
+  if (item.locationKind === "platform" && item.platform) {
+    const platform = PLATFORM_LABELS[item.platform];
+    return /* @__PURE__ */ jsx("span", { className: cn("truncate text-xs", subClassName), children: t("customers.calendar.grid.onPlatform", "on {platform}", { platform: t(platform.key, platform.fallback) }) });
+  }
+  if (item.locationKind === "url") {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Globe, { className: cn("size-4 shrink-0", !accentColor && subClassName), style: iconStyle, "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground", children: item.location })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MapPin, { className: cn("size-4 shrink-0", !accentColor && subClassName), style: iconStyle, "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-foreground", children: t("customers.calendar.grid.venue", "Venue: {name}", { name: item.location }) })
+  ] });
+}
+const EventBlock = React.forwardRef(function EventBlock2({
+  item,
+  top,
+  height,
+  insetInlineStart,
+  width,
+  conflicted,
+  highlighted,
+  selected,
+  nowMs,
+  className,
+  ...buttonProps
+}, ref) {
+  const t = useT();
+  const locale = useLocale();
+  const tone = resolveEventTone(item, nowMs);
+  const title = item.title || t("customers.calendar.grid.untitled", "Untitled");
+  const timeRange = formatTimeRange(locale, item.start, item.end);
+  const showTime = height >= SHOW_TIME_MIN_HEIGHT_PX;
+  const wrapTitle = height >= WRAP_TITLE_MIN_HEIGHT_PX;
+  const hasMetaContent = item.participants.length > 0 || item.location !== null && item.locationKind !== null;
+  const showMeta = height >= SHOW_META_MIN_HEIGHT_PX && hasMetaContent;
+  const visibleParticipants = item.participants.slice(0, MAX_VISIBLE_AVATARS);
+  const overflowCount = item.participants.length - visibleParticipants.length;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      type: "button",
+      variant: "ghost",
+      "aria-label": `${title}, ${timeRange}`,
+      className: cn(
+        "pointer-events-auto absolute h-auto flex-col items-start justify-start gap-1 whitespace-normal overflow-hidden rounded-md px-1.5 text-start outline-none hover:bg-muted/70 sm:px-3",
+        height >= SHOW_TIME_MIN_HEIGHT_PX ? "py-1 sm:py-2" : "py-0.5 sm:py-1",
+        tone.surfaceClassName,
+        conflicted && "ring-1 ring-status-warning-icon",
+        selected && "shadow-md ring-2 ring-foreground",
+        highlighted && "motion-safe:animate-pulse",
+        conflicted || highlighted || selected ? "z-30" : "z-10",
+        "focus-visible:z-30 focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      style: { top, height, insetInlineStart, width, ...tone.style },
+      ...buttonProps,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn("w-full text-xs font-medium leading-4", wrapTitle ? "line-clamp-2" : "truncate", tone.titleClassName), children: title }),
+        showTime ? /* @__PURE__ */ jsx("span", { className: cn("w-full truncate text-overline uppercase tracking-wide", tone.subClassName), children: timeRange }) : null,
+        showMeta ? /* @__PURE__ */ jsxs("span", { className: "mt-auto flex w-full min-w-0 items-center gap-1.5", children: [
+          visibleParticipants.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(AvatarStack, { size: "xs", max: MAX_VISIBLE_AVATARS, className: "shrink-0 gap-px [&>*:not(:first-child)]:-ml-1", children: visibleParticipants.map((participant) => /* @__PURE__ */ jsx(Avatar, { size: "xs", label: participantLabel(participant) }, participant.userId)) }),
+            overflowCount > 0 ? /* @__PURE__ */ jsxs("span", { className: cn("shrink-0 text-xs", tone.subClassName), children: [
+              "+",
+              overflowCount
+            ] }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx("span", { className: "ms-auto flex min-w-0 items-center gap-1.5", children: /* @__PURE__ */ jsx(LocationMeta, { item, subClassName: tone.subClassName, accentColor: item.color }) })
+        ] }) : null
+      ]
+    }
+  );
+});
+EventBlock.displayName = "EventBlock";
+export {
+  EventBlock,
+  formatTimeRange,
+  resolveEventTone
+};
+//# sourceMappingURL=EventBlock.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/EventBlock.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Globe, MapPin } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Avatar, AvatarStack } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport type { CalendarItem, CalendarPlatform } from './types'\n\nconst SHOW_TIME_MIN_HEIGHT_PX = 44\nconst SHOW_META_MIN_HEIGHT_PX = 96\nconst WRAP_TITLE_MIN_HEIGHT_PX = 128\nconst MAX_VISIBLE_AVATARS = 3\n\nconst PLATFORM_LABELS: Record<CalendarPlatform, { key: string; fallback: string }> = {\n  zoom: { key: 'customers.calendar.platform.zoom', fallback: 'Zoom' },\n  meet: { key: 'customers.calendar.platform.meet', fallback: 'Meet' },\n  slack: { key: 'customers.calendar.platform.slack', fallback: 'Slack' },\n  teams: { key: 'customers.calendar.platform.teams', fallback: 'Teams' },\n}\n\nexport type EventTone = {\n  surfaceClassName: string\n  titleClassName: string\n  subClassName: string\n  style?: React.CSSProperties\n}\n\nfunction softTintStyle(color: string): React.CSSProperties {\n  if (/^#[0-9a-fA-F]{6}$/.test(color)) return { backgroundColor: `${color}1A` }\n  return { backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)` }\n}\n\nexport function resolveEventTone(item: CalendarItem, nowMs: number): EventTone {\n  if (item.status === 'canceled') {\n    return {\n      surfaceClassName: 'bg-muted/60',\n      titleClassName: 'text-muted-foreground line-through',\n      subClassName: 'text-muted-foreground/70',\n    }\n  }\n  if (item.status === 'done' || item.end.getTime() < nowMs) {\n    return {\n      surfaceClassName: 'bg-muted',\n      titleClassName: 'text-muted-foreground',\n      subClassName: 'text-muted-foreground',\n    }\n  }\n  if (item.color) {\n    return {\n      surfaceClassName: '',\n      titleClassName: 'text-foreground',\n      subClassName: 'text-muted-foreground',\n      style: softTintStyle(item.color),\n    }\n  }\n  return {\n    surfaceClassName: 'bg-muted/60',\n    titleClassName: 'text-foreground',\n    subClassName: 'text-muted-foreground',\n  }\n}\n\nexport function formatTimeRange(locale: string, start: Date, end: Date): string {\n  const formatter = new Intl.DateTimeFormat(locale, { hour: 'numeric', minute: '2-digit' })\n  try {\n    return formatter.formatRange(start, end)\n  } catch {\n    return `${formatter.format(start)} - ${formatter.format(end)}`\n  }\n}\n\nfunction participantLabel(participant: CalendarItem['participants'][number]): string {\n  return participant.name ?? participant.email ?? '?'\n}\n\ntype LocationMetaProps = {\n  item: CalendarItem\n  subClassName: string\n  accentColor: string | null\n}\n\nfunction LocationMeta({ item, subClassName, accentColor }: LocationMetaProps) {\n  const t = useT()\n  if (!item.location || !item.locationKind) return null\n  const iconStyle = accentColor ? { color: accentColor } : undefined\n  if (item.locationKind === 'platform' && item.platform) {\n    const platform = PLATFORM_LABELS[item.platform]\n    return (\n      <span className={cn('truncate text-xs', subClassName)}>\n        {t('customers.calendar.grid.onPlatform', 'on {platform}', { platform: t(platform.key, platform.fallback) })}\n      </span>\n    )\n  }\n  if (item.locationKind === 'url') {\n    return (\n      <>\n        <Globe className={cn('size-4 shrink-0', !accentColor && subClassName)} style={iconStyle} aria-hidden />\n        <span className=\"truncate text-xs text-foreground\">{item.location}</span>\n      </>\n    )\n  }\n  return (\n    <>\n      <MapPin className={cn('size-4 shrink-0', !accentColor && subClassName)} style={iconStyle} aria-hidden />\n      <span className=\"truncate text-xs text-foreground\">\n        {t('customers.calendar.grid.venue', 'Venue: {name}', { name: item.location })}\n      </span>\n    </>\n  )\n}\n\nexport type EventBlockProps = {\n  item: CalendarItem\n  top: number\n  height: number\n  insetInlineStart: string\n  width: string\n  conflicted: boolean\n  highlighted: boolean\n  selected?: boolean\n  nowMs: number\n} & Omit<React.ComponentProps<typeof Button>, 'style' | 'children'>\n\nexport const EventBlock = React.forwardRef<HTMLButtonElement, EventBlockProps>(function EventBlock(\n  {\n    item,\n    top,\n    height,\n    insetInlineStart,\n    width,\n    conflicted,\n    highlighted,\n    selected,\n    nowMs,\n    className,\n    ...buttonProps\n  },\n  ref,\n) {\n  const t = useT()\n  const locale = useLocale()\n  const tone = resolveEventTone(item, nowMs)\n  const title = item.title || t('customers.calendar.grid.untitled', 'Untitled')\n  const timeRange = formatTimeRange(locale, item.start, item.end)\n  const showTime = height >= SHOW_TIME_MIN_HEIGHT_PX\n  const wrapTitle = height >= WRAP_TITLE_MIN_HEIGHT_PX\n  const hasMetaContent = item.participants.length > 0 || (item.location !== null && item.locationKind !== null)\n  const showMeta = height >= SHOW_META_MIN_HEIGHT_PX && hasMetaContent\n  const visibleParticipants = item.participants.slice(0, MAX_VISIBLE_AVATARS)\n  const overflowCount = item.participants.length - visibleParticipants.length\n\n  return (\n    <Button\n      ref={ref}\n      type=\"button\"\n      variant=\"ghost\"\n      aria-label={`${title}, ${timeRange}`}\n      className={cn(\n        'pointer-events-auto absolute h-auto flex-col items-start justify-start gap-1 whitespace-normal overflow-hidden rounded-md px-1.5 text-start outline-none hover:bg-muted/70 sm:px-3',\n        height >= SHOW_TIME_MIN_HEIGHT_PX ? 'py-1 sm:py-2' : 'py-0.5 sm:py-1',\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        conflicted || highlighted || selected ? 'z-30' : 'z-10',\n        'focus-visible:z-30 focus-visible:ring-2 focus-visible:ring-ring',\n        className,\n      )}\n      style={{ top, height, insetInlineStart, width, ...tone.style }}\n      {...buttonProps}\n    >\n      <span className={cn('w-full text-xs font-medium leading-4', wrapTitle ? 'line-clamp-2' : 'truncate', tone.titleClassName)}>\n        {title}\n      </span>\n      {showTime ? (\n        <span className={cn('w-full truncate text-overline uppercase tracking-wide', tone.subClassName)}>\n          {timeRange}\n        </span>\n      ) : null}\n      {showMeta ? (\n        <span className=\"mt-auto flex w-full min-w-0 items-center gap-1.5\">\n          {visibleParticipants.length > 0 ? (\n            <>\n              <AvatarStack size=\"xs\" max={MAX_VISIBLE_AVATARS} className=\"shrink-0 gap-px [&>*:not(:first-child)]:-ml-1\">\n                {visibleParticipants.map((participant) => (\n                  <Avatar key={participant.userId} size=\"xs\" label={participantLabel(participant)} />\n                ))}\n              </AvatarStack>\n              {overflowCount > 0 ? (\n                <span className={cn('shrink-0 text-xs', tone.subClassName)}>+{overflowCount}</span>\n              ) : null}\n            </>\n          ) : null}\n          <span className=\"ms-auto flex min-w-0 items-center gap-1.5\">\n            <LocationMeta item={item} subClassName={tone.subClassName} accentColor={item.color} />\n          </span>\n        </span>\n      ) : null}\n    </Button>\n  )\n})\n\nEventBlock.displayName = 'EventBlock'\n"],
+  "mappings": "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",
+  "names": ["EventBlock"]
+}

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

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Sparkles } from "lucide-react";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Popover, PopoverContent, PopoverTrigger } from "@open-mercato/ui/primitives/popover";
+import { formatTimeRange } from "./EventBlock.js";
+const PLATFORM_FULL_LABELS = {
+  zoom: { key: "customers.calendar.platformFull.zoom", fallback: "Zoom" },
+  meet: { key: "customers.calendar.platformFull.meet", fallback: "Google Meet" },
+  slack: { key: "customers.calendar.platformFull.slack", fallback: "Slack" },
+  teams: { key: "customers.calendar.platformFull.teams", fallback: "Microsoft Teams" }
+};
+function EventPeekPopover({
+  item,
+  open,
+  joinUrl,
+  aiSummaries,
+  onOpenChange,
+  onJoin,
+  onEdit,
+  children
+}) {
+  const t = useT();
+  const locale = useLocale();
+  const title = item.title || t("customers.calendar.grid.untitled", "Untitled");
+  const dateLabel = React.useMemo(
+    () => new Intl.DateTimeFormat(locale, { weekday: "short", month: "short", day: "numeric" }).format(item.start),
+    [locale, item.start]
+  );
+  const timeRange = item.allDay ? t("customers.calendar.grid.allDay", "All day") : formatTimeRange(locale, item.start, item.end);
+  const attendeeCount = item.participants.length;
+  const attendeesLabel = attendeeCount === 1 ? t("customers.calendar.peek.attendee", "1 attendee") : t("customers.calendar.peek.attendees", "{count} attendees", { count: attendeeCount });
+  const platformLabel = item.locationKind === "platform" && item.platform ? t(PLATFORM_FULL_LABELS[item.platform].key, PLATFORM_FULL_LABELS[item.platform].fallback) : null;
+  const metaParts = [platformLabel, attendeeCount > 0 ? attendeesLabel : null].filter(
+    (part) => Boolean(part)
+  );
+  const showSummary = aiSummaries && metaParts.length > 0;
+  const showJoin = aiSummaries && Boolean(joinUrl);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "start", side: "right", sideOffset: 8, className: "w-56 p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold leading-5 text-foreground", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-muted-foreground", children: `${dateLabel} \xB7 ${timeRange}` }),
+      showSummary ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1 text-xs leading-4 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Sparkles, { "aria-hidden": true, className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: metaParts.join(" \xB7 ") })
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-1", children: [
+        showJoin ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: () => onJoin(item), children: t("customers.calendar.peek.join", "Join") }) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "sm",
+            variant: "secondary",
+            onClick: () => {
+              onOpenChange(false);
+              onEdit(item);
+            },
+            children: t("customers.calendar.peek.edit", "Edit")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  EventPeekPopover
+};
+//# sourceMappingURL=EventPeekPopover.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/EventPeekPopover.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Popover, PopoverContent, PopoverTrigger } from '@open-mercato/ui/primitives/popover'\nimport { formatTimeRange } from './EventBlock'\nimport type { CalendarItem, CalendarPlatform } from './types'\n\nconst PLATFORM_FULL_LABELS: Record<CalendarPlatform, { key: string; fallback: string }> = {\n  zoom: { key: 'customers.calendar.platformFull.zoom', fallback: 'Zoom' },\n  meet: { key: 'customers.calendar.platformFull.meet', fallback: 'Google Meet' },\n  slack: { key: 'customers.calendar.platformFull.slack', fallback: 'Slack' },\n  teams: { key: 'customers.calendar.platformFull.teams', fallback: 'Microsoft Teams' },\n}\n\nexport type EventPeekPopoverProps = {\n  item: CalendarItem\n  open: boolean\n  joinUrl: string | null\n  aiSummaries: boolean\n  onOpenChange(open: boolean): void\n  onJoin(item: CalendarItem): void\n  onEdit(item: CalendarItem): void\n  children: React.ReactNode\n}\n\nexport function EventPeekPopover({\n  item,\n  open,\n  joinUrl,\n  aiSummaries,\n  onOpenChange,\n  onJoin,\n  onEdit,\n  children,\n}: EventPeekPopoverProps) {\n  const t = useT()\n  const locale = useLocale()\n  const title = item.title || t('customers.calendar.grid.untitled', 'Untitled')\n  const dateLabel = React.useMemo(\n    () => new Intl.DateTimeFormat(locale, { weekday: 'short', month: 'short', day: 'numeric' }).format(item.start),\n    [locale, item.start],\n  )\n  const timeRange = item.allDay\n    ? t('customers.calendar.grid.allDay', 'All day')\n    : formatTimeRange(locale, item.start, item.end)\n\n  const attendeeCount = item.participants.length\n  const attendeesLabel =\n    attendeeCount === 1\n      ? t('customers.calendar.peek.attendee', '1 attendee')\n      : t('customers.calendar.peek.attendees', '{count} attendees', { count: attendeeCount })\n  const platformLabel =\n    item.locationKind === 'platform' && item.platform\n      ? t(PLATFORM_FULL_LABELS[item.platform].key, PLATFORM_FULL_LABELS[item.platform].fallback)\n      : null\n  const metaParts = [platformLabel, attendeeCount > 0 ? attendeesLabel : null].filter(\n    (part): part is string => Boolean(part),\n  )\n  const showSummary = aiSummaries && metaParts.length > 0\n  const showJoin = aiSummaries && Boolean(joinUrl)\n\n  return (\n    <Popover open={open} onOpenChange={onOpenChange}>\n      <PopoverTrigger asChild>{children}</PopoverTrigger>\n      <PopoverContent align=\"start\" side=\"right\" sideOffset={8} className=\"w-56 p-3\">\n        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-sm font-semibold leading-5 text-foreground\">{title}</p>\n          <p className=\"text-xs leading-4 text-muted-foreground\">{`${dateLabel} \u00B7 ${timeRange}`}</p>\n          {showSummary ? (\n            <p className=\"flex items-center gap-1 text-xs leading-4 text-muted-foreground\">\n              <Sparkles aria-hidden className=\"size-3.5 shrink-0\" />\n              <span className=\"truncate\">{metaParts.join(' \u00B7 ')}</span>\n            </p>\n          ) : null}\n          <div className=\"flex items-center gap-2 pt-1\">\n            {showJoin ? (\n              <Button type=\"button\" size=\"sm\" onClick={() => onJoin(item)}>\n                {t('customers.calendar.peek.join', 'Join')}\n              </Button>\n            ) : null}\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"secondary\"\n              onClick={() => {\n                onOpenChange(false)\n                onEdit(item)\n              }}\n            >\n              {t('customers.calendar.peek.edit', 'Edit')}\n            </Button>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": ";AAkEM,cAMM,YANN;AAhEN,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,WAAW,YAAY;AAChC,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,uBAAuB;AAGhC,MAAM,uBAAoF;AAAA,EACxF,MAAM,EAAE,KAAK,wCAAwC,UAAU,OAAO;AAAA,EACtE,MAAM,EAAE,KAAK,wCAAwC,UAAU,cAAc;AAAA,EAC7E,OAAO,EAAE,KAAK,yCAAyC,UAAU,QAAQ;AAAA,EACzE,OAAO,EAAE,KAAK,yCAAyC,UAAU,kBAAkB;AACrF;AAaO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,QAAQ,KAAK,SAAS,EAAE,oCAAoC,UAAU;AAC5E,QAAM,YAAY,MAAM;AAAA,IACtB,MAAM,IAAI,KAAK,eAAe,QAAQ,EAAE,SAAS,SAAS,OAAO,SAAS,KAAK,UAAU,CAAC,EAAE,OAAO,KAAK,KAAK;AAAA,IAC7G,CAAC,QAAQ,KAAK,KAAK;AAAA,EACrB;AACA,QAAM,YAAY,KAAK,SACnB,EAAE,kCAAkC,SAAS,IAC7C,gBAAgB,QAAQ,KAAK,OAAO,KAAK,GAAG;AAEhD,QAAM,gBAAgB,KAAK,aAAa;AACxC,QAAM,iBACJ,kBAAkB,IACd,EAAE,oCAAoC,YAAY,IAClD,EAAE,qCAAqC,qBAAqB,EAAE,OAAO,cAAc,CAAC;AAC1F,QAAM,gBACJ,KAAK,iBAAiB,cAAc,KAAK,WACrC,EAAE,qBAAqB,KAAK,QAAQ,EAAE,KAAK,qBAAqB,KAAK,QAAQ,EAAE,QAAQ,IACvF;AACN,QAAM,YAAY,CAAC,eAAe,gBAAgB,IAAI,iBAAiB,IAAI,EAAE;AAAA,IAC3E,CAAC,SAAyB,QAAQ,IAAI;AAAA,EACxC;AACA,QAAM,cAAc,eAAe,UAAU,SAAS;AACtD,QAAM,WAAW,eAAe,QAAQ,OAAO;AAE/C,SACE,qBAAC,WAAQ,MAAY,cACnB;AAAA,wBAAC,kBAAe,SAAO,MAAE,UAAS;AAAA,IAClC,oBAAC,kBAAe,OAAM,SAAQ,MAAK,SAAQ,YAAY,GAAG,WAAU,YAClE,+BAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,OAAE,WAAU,mDAAmD,iBAAM;AAAA,MACtE,oBAAC,OAAE,WAAU,2CAA2C,aAAG,SAAS,SAAM,SAAS,IAAG;AAAA,MACrF,cACC,qBAAC,OAAE,WAAU,mEACX;AAAA,4BAAC,YAAS,eAAW,MAAC,WAAU,qBAAoB;AAAA,QACpD,oBAAC,UAAK,WAAU,YAAY,oBAAU,KAAK,QAAK,GAAE;AAAA,SACpD,IACE;AAAA,MACJ,qBAAC,SAAI,WAAU,gCACZ;AAAA,mBACC,oBAAC,UAAO,MAAK,UAAS,MAAK,MAAK,SAAS,MAAM,OAAO,IAAI,GACvD,YAAE,gCAAgC,MAAM,GAC3C,IACE;AAAA,QACJ;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,2BAAa,KAAK;AAClB,qBAAO,IAAI;AAAA,YACb;AAAA,YAEC,YAAE,gCAAgC,MAAM;AAAA;AAAA,QAC3C;AAAA,SACF;AAAA,OACF,GACF;AAAA,KACF;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,214 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { addDays } from "date-fns/addDays";
+import { format } from "date-fns/format";
+import { isSameMonth } from "date-fns/isSameMonth";
+import { isToday } from "date-fns/isToday";
+import { CalendarDays } from "lucide-react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { getVisibleRange } from "../../lib/calendar/range.js";
+const MAX_PILLS_PER_DAY = 2;
+const SOFT_TINT_ALPHA = "1A";
+function dayKeyOf(date) {
+  return format(date, "yyyy-MM-dd");
+}
+function formatTime(date) {
+  return date.toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
+}
+function fullDateLabel(date) {
+  return date.toLocaleDateString(void 0, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
+}
+function isWeekend(date) {
+  const weekday = date.getDay();
+  return weekday === 0 || weekday === 6;
+}
+function buildWeeks(anchor) {
+  const range = getVisibleRange("month", anchor, 0);
+  const weeks = [];
+  let cursor = range.from;
+  while (cursor.getTime() <= range.to.getTime()) {
+    const week = [];
+    for (let dayIndex = 0; dayIndex < 7; dayIndex += 1) {
+      week.push(cursor);
+      cursor = addDays(cursor, 1);
+    }
+    weeks.push(week);
+  }
+  return weeks;
+}
+function groupItemsByDay(items) {
+  const sorted = [...items].sort((first, second) => first.start.getTime() - second.start.getTime());
+  const byDay = /* @__PURE__ */ new Map();
+  for (const item of sorted) {
+    const key = dayKeyOf(item.start);
+    const bucket = byDay.get(key);
+    if (bucket) bucket.push(item);
+    else byDay.set(key, [item]);
+  }
+  return byDay;
+}
+function MonthPill({ item, onItemClick }) {
+  const canceled = item.status === "canceled";
+  const timeLabel = item.allDay ? "" : ` \xB7 ${formatTime(item.start)} \u2013 ${formatTime(item.end)}`;
+  const tintStyle = item.color ? { backgroundColor: `${item.color}${SOFT_TINT_ALPHA}`, color: item.color } : void 0;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      "aria-label": `${item.title}${timeLabel}`,
+      onClick: (event) => {
+        event.stopPropagation();
+        onItemClick(item);
+      },
+      className: cn(
+        "h-4 w-full min-w-0 justify-center gap-0 rounded-full p-0 pr-2",
+        !item.color && "bg-muted text-muted-foreground",
+        canceled && "opacity-60"
+      ),
+      style: tintStyle,
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("size-1.5 rounded-full", !item.color && "bg-muted-foreground"),
+            style: item.color ? { backgroundColor: item.color } : void 0
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 truncate text-overline font-medium uppercase tracking-wide",
+              canceled && "line-through"
+            ),
+            children: item.title
+          }
+        )
+      ]
+    }
+  );
+}
+function MonthDayCell({
+  day,
+  anchor,
+  items,
+  onItemClick,
+  onDayOpen
+}) {
+  const t = useT();
+  const inMonth = isSameMonth(day, anchor);
+  const today = isToday(day);
+  const visibleItems = items.slice(0, MAX_PILLS_PER_DAY);
+  const hiddenCount = items.length - visibleItems.length;
+  const dayLabel = fullDateLabel(day);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex h-full min-w-0 flex-1 flex-col items-start gap-1 overflow-hidden border-r border-border p-2 text-left last:border-r-0",
+        isWeekend(day) ? "bg-muted/40" : "bg-background"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            "aria-label": dayLabel,
+            onClick: () => onDayOpen(day),
+            className: "absolute inset-0 z-0 h-full w-full rounded-none p-0 hover:bg-muted/50",
+            children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: dayLabel })
+          }
+        ),
+        today ? /* @__PURE__ */ jsx("span", { className: "pointer-events-none relative z-10 flex items-center justify-center rounded-full bg-primary px-1.5 py-0.5 text-xs font-semibold text-primary-foreground", children: day.getDate() }) : /* @__PURE__ */ jsx("span", { className: cn("pointer-events-none relative z-10 text-xs font-medium", inMonth ? "text-foreground" : "text-muted-foreground"), children: day.getDate() }),
+        /* @__PURE__ */ jsxs("span", { className: "relative z-20 hidden w-full flex-col gap-1 sm:flex", children: [
+          visibleItems.map((item) => /* @__PURE__ */ jsx(MonthPill, { item, onItemClick }, item.id)),
+          hiddenCount > 0 ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-auto self-start p-0 text-overline font-medium text-muted-foreground hover:bg-transparent hover:underline",
+              onClick: (event) => {
+                event.stopPropagation();
+                onDayOpen(day);
+              },
+              children: t("customers.calendar.grid.more", "+{count} more", { count: hiddenCount })
+            }
+          ) : null
+        ] }),
+        items.length > 0 ? /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "pointer-events-none relative z-10 flex w-full flex-wrap items-center gap-0.5 sm:hidden", children: [
+          items.slice(0, 4).map((item) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("size-1.5 rounded-full", !item.color && "bg-muted-foreground"),
+              style: item.color ? { backgroundColor: item.color } : void 0
+            },
+            item.id
+          )),
+          items.length > 4 ? /* @__PURE__ */ jsxs("span", { className: "text-overline font-medium leading-none text-muted-foreground", children: [
+            "+",
+            items.length - 4
+          ] }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+function MonthGrid({ anchor, items, onItemClick, onDayOpen }) {
+  const t = useT();
+  const weeks = React.useMemo(() => buildWeeks(anchor), [anchor]);
+  const itemsByDay = React.useMemo(() => groupItemsByDay(items), [items]);
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full w-full flex-col overflow-hidden border border-border bg-background", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex h-9 w-full shrink-0 border-b border-border", children: weeks[0]?.map((day) => {
+      const label = day.toLocaleDateString(void 0, { weekday: "short" }).toUpperCase();
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex min-w-0 flex-1 items-center justify-center border-r border-border last:border-r-0 sm:justify-start sm:pl-2.5",
+          children: /* @__PURE__ */ jsxs("span", { className: "truncate text-overline font-medium uppercase tracking-widest text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "sm:hidden", children: label.charAt(0) }),
+            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: label })
+          ] })
+        },
+        dayKeyOf(day)
+      );
+    }) }),
+    weeks.map((week) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex w-full flex-1 border-b border-border last:border-b-0 min-h-14 sm:min-h-[86px]",
+        children: week.map((day) => /* @__PURE__ */ jsx(
+          MonthDayCell,
+          {
+            day,
+            anchor,
+            items: itemsByDay.get(dayKeyOf(day)) ?? [],
+            onItemClick,
+            onDayOpen
+          },
+          dayKeyOf(day)
+        ))
+      },
+      dayKeyOf(week[0])
+    )),
+    items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex items-center justify-center p-6", children: /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: /* @__PURE__ */ jsx(CalendarDays, { className: "h-6 w-6", "aria-hidden": "true" }),
+        title: t("customers.calendar.empty.month", "Nothing scheduled this month"),
+        className: "bg-background/90"
+      }
+    ) }) : null
+  ] });
+}
+export {
+  MonthGrid
+};
+//# sourceMappingURL=MonthGrid.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/MonthGrid.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { addDays } from 'date-fns/addDays'\nimport { format } from 'date-fns/format'\nimport { isSameMonth } from 'date-fns/isSameMonth'\nimport { isToday } from 'date-fns/isToday'\nimport { CalendarDays } from 'lucide-react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { getVisibleRange } from '../../lib/calendar/range'\nimport type { CalendarItem, MonthGridProps } from './types'\n\nconst MAX_PILLS_PER_DAY = 2\nconst SOFT_TINT_ALPHA = '1A'\n\nfunction dayKeyOf(date: Date): string {\n  return format(date, 'yyyy-MM-dd')\n}\n\nfunction formatTime(date: Date): string {\n  return date.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' })\n}\n\nfunction fullDateLabel(date: Date): string {\n  return date.toLocaleDateString(undefined, { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' })\n}\n\nfunction isWeekend(date: Date): boolean {\n  const weekday = date.getDay()\n  return weekday === 0 || weekday === 6\n}\n\nfunction buildWeeks(anchor: Date): Date[][] {\n  const range = getVisibleRange('month', anchor, 0)\n  const weeks: Date[][] = []\n  let cursor = range.from\n  while (cursor.getTime() <= range.to.getTime()) {\n    const week: Date[] = []\n    for (let dayIndex = 0; dayIndex < 7; dayIndex += 1) {\n      week.push(cursor)\n      cursor = addDays(cursor, 1)\n    }\n    weeks.push(week)\n  }\n  return weeks\n}\n\nfunction groupItemsByDay(items: CalendarItem[]): Map<string, CalendarItem[]> {\n  const sorted = [...items].sort((first, second) => first.start.getTime() - second.start.getTime())\n  const byDay = new Map<string, CalendarItem[]>()\n  for (const item of sorted) {\n    const key = dayKeyOf(item.start)\n    const bucket = byDay.get(key)\n    if (bucket) bucket.push(item)\n    else byDay.set(key, [item])\n  }\n  return byDay\n}\n\nfunction MonthPill({ item, onItemClick }: { item: CalendarItem; onItemClick: (item: CalendarItem) => void }) {\n  const canceled = item.status === 'canceled'\n  const timeLabel = item.allDay ? '' : ` \u00B7 ${formatTime(item.start)} \u2013 ${formatTime(item.end)}`\n  const tintStyle = item.color\n    ? { backgroundColor: `${item.color}${SOFT_TINT_ALPHA}`, color: item.color }\n    : undefined\n  return (\n    <Button\n      type=\"button\"\n      variant=\"ghost\"\n      aria-label={`${item.title}${timeLabel}`}\n      onClick={(event) => {\n        event.stopPropagation()\n        onItemClick(item)\n      }}\n      className={cn(\n        'h-4 w-full min-w-0 justify-center gap-0 rounded-full p-0 pr-2',\n        !item.color && 'bg-muted text-muted-foreground',\n        canceled && 'opacity-60',\n      )}\n      style={tintStyle}\n    >\n      <span aria-hidden=\"true\" className=\"flex size-4 shrink-0 items-center justify-center\">\n        <span\n          className={cn('size-1.5 rounded-full', !item.color && 'bg-muted-foreground')}\n          style={item.color ? { backgroundColor: item.color } : undefined}\n        />\n      </span>\n      <span\n        className={cn(\n          'min-w-0 truncate text-overline font-medium uppercase tracking-wide',\n          canceled && 'line-through',\n        )}\n      >\n        {item.title}\n      </span>\n    </Button>\n  )\n}\n\nfunction MonthDayCell({\n  day,\n  anchor,\n  items,\n  onItemClick,\n  onDayOpen,\n}: {\n  day: Date\n  anchor: Date\n  items: CalendarItem[]\n  onItemClick: (item: CalendarItem) => void\n  onDayOpen: (date: Date) => void\n}) {\n  const t = useT()\n  const inMonth = isSameMonth(day, anchor)\n  const today = isToday(day)\n  const visibleItems = items.slice(0, MAX_PILLS_PER_DAY)\n  const hiddenCount = items.length - visibleItems.length\n  const dayLabel = fullDateLabel(day)\n  return (\n    <div\n      className={cn(\n        'relative flex h-full min-w-0 flex-1 flex-col items-start gap-1 overflow-hidden border-r border-border p-2 text-left last:border-r-0',\n        isWeekend(day) ? 'bg-muted/40' : 'bg-background',\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        aria-label={dayLabel}\n        onClick={() => onDayOpen(day)}\n        className=\"absolute inset-0 z-0 h-full w-full rounded-none p-0 hover:bg-muted/50\"\n      >\n        <span className=\"sr-only\">{dayLabel}</span>\n      </Button>\n      {today ? (\n        <span className=\"pointer-events-none relative z-10 flex items-center justify-center rounded-full bg-primary px-1.5 py-0.5 text-xs font-semibold text-primary-foreground\">\n          {day.getDate()}\n        </span>\n      ) : (\n        <span className={cn('pointer-events-none relative z-10 text-xs font-medium', inMonth ? 'text-foreground' : 'text-muted-foreground')}>\n          {day.getDate()}\n        </span>\n      )}\n      <span className=\"relative z-20 hidden w-full flex-col gap-1 sm:flex\">\n        {visibleItems.map((item) => (\n          <MonthPill key={item.id} item={item} onItemClick={onItemClick} />\n        ))}\n        {hiddenCount > 0 ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"h-auto self-start p-0 text-overline font-medium text-muted-foreground hover:bg-transparent hover:underline\"\n            onClick={(event) => {\n              event.stopPropagation()\n              onDayOpen(day)\n            }}\n          >\n            {t('customers.calendar.grid.more', '+{count} more', { count: hiddenCount })}\n          </Button>\n        ) : null}\n      </span>\n      {items.length > 0 ? (\n        <span aria-hidden=\"true\" className=\"pointer-events-none relative z-10 flex w-full flex-wrap items-center gap-0.5 sm:hidden\">\n          {items.slice(0, 4).map((item) => (\n            <span\n              key={item.id}\n              className={cn('size-1.5 rounded-full', !item.color && 'bg-muted-foreground')}\n              style={item.color ? { backgroundColor: item.color } : undefined}\n            />\n          ))}\n          {items.length > 4 ? (\n            <span className=\"text-overline font-medium leading-none text-muted-foreground\">\n              +{items.length - 4}\n            </span>\n          ) : null}\n        </span>\n      ) : null}\n    </div>\n  )\n}\n\nexport function MonthGrid({ anchor, items, onItemClick, onDayOpen }: MonthGridProps) {\n  const t = useT()\n  const weeks = React.useMemo(() => buildWeeks(anchor), [anchor])\n  const itemsByDay = React.useMemo(() => groupItemsByDay(items), [items])\n  return (\n    <div className=\"relative flex h-full w-full flex-col overflow-hidden border border-border bg-background\">\n      <div className=\"flex h-9 w-full shrink-0 border-b border-border\">\n        {weeks[0]?.map((day) => {\n          const label = day.toLocaleDateString(undefined, { weekday: 'short' }).toUpperCase()\n          return (\n            <div\n              key={dayKeyOf(day)}\n              className=\"flex min-w-0 flex-1 items-center justify-center border-r border-border last:border-r-0 sm:justify-start sm:pl-2.5\"\n            >\n              <span className=\"truncate text-overline font-medium uppercase tracking-widest text-muted-foreground\">\n                <span className=\"sm:hidden\">{label.charAt(0)}</span>\n                <span className=\"hidden sm:inline\">{label}</span>\n              </span>\n            </div>\n          )\n        })}\n      </div>\n      {weeks.map((week) => (\n        <div\n          key={dayKeyOf(week[0])}\n          className=\"flex w-full flex-1 border-b border-border last:border-b-0 min-h-14 sm:min-h-[86px]\"\n        >\n          {week.map((day) => (\n            <MonthDayCell\n              key={dayKeyOf(day)}\n              day={day}\n              anchor={anchor}\n              items={itemsByDay.get(dayKeyOf(day)) ?? []}\n              onItemClick={onItemClick}\n              onDayOpen={onDayOpen}\n            />\n          ))}\n        </div>\n      ))}\n      {items.length === 0 ? (\n        <div className=\"pointer-events-none absolute inset-0 z-10 flex items-center justify-center p-6\">\n          <EmptyState\n            icon={<CalendarDays className=\"h-6 w-6\" aria-hidden=\"true\" />}\n            title={t('customers.calendar.empty.month', 'Nothing scheduled this month')}\n            className=\"bg-background/90\"\n          />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import { Kbd } from "@open-mercato/ui/primitives/kbd";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { CALENDAR_SHORTCUTS } from "./CalendarFooter.js";
+function ShortcutsDialog({ open, onOpenChange }) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      size: "sm",
+      onKeyDown: (event) => {
+        if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+          event.preventDefault();
+          onOpenChange(false);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("customers.calendar.shortcuts.title", "Keyboard shortcuts") }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: t(
+            "customers.calendar.shortcuts.description",
+            "Navigate the calendar faster with these keys."
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: CALENDAR_SHORTCUTS.map((shortcut) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t(shortcut.labelKey, shortcut.fallback) }),
+          /* @__PURE__ */ jsx(Kbd, { children: shortcut.key })
+        ] }, shortcut.key)) })
+      ]
+    }
+  ) });
+}
+export {
+  ShortcutsDialog
+};
+//# sourceMappingURL=ShortcutsDialog.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/customers/components/calendar/ShortcutsDialog.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { Kbd } from '@open-mercato/ui/primitives/kbd'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { CALENDAR_SHORTCUTS } from './CalendarFooter'\n\nexport type ShortcutsDialogProps = {\n  open: boolean\n  onOpenChange(open: boolean): void\n}\n\nexport function ShortcutsDialog({ open, onOpenChange }: ShortcutsDialogProps) {\n  const t = useT()\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        size=\"sm\"\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {\n            event.preventDefault()\n            onOpenChange(false)\n          }\n        }}\n      >\n        <DialogHeader>\n          <DialogTitle>\n            {t('customers.calendar.shortcuts.title', 'Keyboard shortcuts')}\n          </DialogTitle>\n          <DialogDescription>\n            {t(\n              'customers.calendar.shortcuts.description',\n              'Navigate the calendar faster with these keys.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <ul className=\"flex flex-col gap-2\">\n          {CALENDAR_SHORTCUTS.map((shortcut) => (\n            <li key={shortcut.key} className=\"flex items-center justify-between gap-3\">\n              <span className=\"text-sm text-muted-foreground\">\n                {t(shortcut.labelKey, shortcut.fallback)}\n              </span>\n              <Kbd>{shortcut.key}</Kbd>\n            </li>\n          ))}\n        </ul>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": ";AAgCQ,SACE,KADF;AA7BR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW;AACpB,SAAS,YAAY;AACrB,SAAS,0BAA0B;AAO5B,SAAS,gBAAgB,EAAE,MAAM,aAAa,GAAyB;AAC5E,QAAM,IAAI,KAAK;AACf,SACE,oBAAC,UAAO,MAAY,cAClB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,CAAC,UAAU;AACpB,YAAI,MAAM,QAAQ,YAAY,MAAM,WAAW,MAAM,UAAU;AAC7D,gBAAM,eAAe;AACrB,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,MAEA;AAAA,6BAAC,gBACC;AAAA,8BAAC,eACE,YAAE,sCAAsC,oBAAoB,GAC/D;AAAA,UACA,oBAAC,qBACE;AAAA,YACC;AAAA,YACA;AAAA,UACF,GACF;AAAA,WACF;AAAA,QACA,oBAAC,QAAG,WAAU,uBACX,6BAAmB,IAAI,CAAC,aACvB,qBAAC,QAAsB,WAAU,2CAC/B;AAAA,8BAAC,UAAK,WAAU,iCACb,YAAE,SAAS,UAAU,SAAS,QAAQ,GACzC;AAAA,UACA,oBAAC,OAAK,mBAAS,KAAI;AAAA,aAJZ,SAAS,GAKlB,CACD,GACH;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "names": []
+}