@fayz-ai/admin 0.10.0

package/dist/ScheduleEditor-BSFF7LME.js

@@ -0,0 +1,1040 @@
+import { subscribeScheduleBlockConfig, getScheduleBlockConfig } from './chunk-RKXZ7RUG.js';
+import { getFayzSupabaseClient } from './chunk-TNTZHUL6.js';
+import { useOrganizationStore } from './chunk-PNAJODZM.js';
+import './chunk-VTEP2AQX.js';
+import { useState, useSyncExternalStore, useEffect, useCallback, useRef } from 'react';
+import { Clock, Save, Check, Plus, CalendarOff, CalendarPlus, Trash2, X, Copy, Settings, ChevronDown } from 'lucide-react';
+import { toast, Skeleton, Card, CardContent, Button, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalBody, DatePicker, Tabs, TabsList, TabsTrigger, TimePicker, ModalFooter, Badge } from '@fayz-ai/ui';
+import { useTranslation } from '@fayz-ai/core';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/lib/schedule-service.ts
+function parseBlockSettings(metadata) {
+  return {
+    bufferMinutes: typeof metadata.bufferMinutes === "number" ? metadata.bufferMinutes : void 0,
+    allowedServiceIds: Array.isArray(metadata.allowedServiceIds) ? metadata.allowedServiceIds : void 0,
+    maxConcurrent: typeof metadata.maxConcurrent === "number" ? metadata.maxConcurrent : void 0,
+    minAdvanceHours: typeof metadata.minAdvanceHours === "number" ? metadata.minAdvanceHours : void 0,
+    maxAdvanceDays: typeof metadata.maxAdvanceDays === "number" ? metadata.maxAdvanceDays : void 0,
+    label: typeof metadata.label === "string" ? metadata.label : void 0,
+    locationId: typeof metadata.locationId === "string" ? metadata.locationId : void 0
+  };
+}
+function mergeBlockSettings(metadata, settings) {
+  const merged = { ...metadata };
+  for (const [key, value] of Object.entries(settings)) {
+    if (value !== void 0 && value !== null && !(Array.isArray(value) && value.length === 0)) {
+      merged[key] = value;
+    } else {
+      delete merged[key];
+    }
+  }
+  return merged;
+}
+function getTenantId() {
+  const id = useOrganizationStore.getState().currentOrg?.id;
+  if (!id) throw new Error("No active tenant");
+  return id;
+}
+function mapRow(row) {
+  const r = {};
+  for (const [key, value] of Object.entries(row)) {
+    r[key.replace(/_([a-z])/g, (_, c) => c.toUpperCase())] = value;
+  }
+  return r;
+}
+async function getSchedules(assigneeId, kind = "working_hours") {
+  const core = getFayzSupabaseClient();
+  const { data, error } = await core.from("schedules").select("*").eq("kind", kind).eq("assignee_id", assigneeId).order("day_of_week").order("starts_at");
+  if (error) throw error;
+  return (data ?? []).map(mapRow);
+}
+async function replaceWeeklySchedules(assigneeId, week, kind = "working_hours") {
+  const core = getFayzSupabaseClient();
+  const tenantId = getTenantId();
+  const { error: delErr } = await core.from("schedules").delete().eq("assignee_id", assigneeId).eq("kind", kind).not("day_of_week", "is", null).is("specific_date", null);
+  if (delErr) throw delErr;
+  const rows = [];
+  for (const [dayStr, day] of Object.entries(week)) {
+    if (!day.enabled) continue;
+    for (const period of day.periods) {
+      const metadata = period.settings ? mergeBlockSettings({}, period.settings) : {};
+      rows.push({
+        tenant_id: tenantId,
+        kind,
+        assignee_id: assigneeId,
+        day_of_week: Number(dayStr),
+        specific_date: null,
+        starts_at: period.startsAt,
+        ends_at: period.endsAt,
+        is_active: true,
+        metadata
+      });
+    }
+  }
+  if (rows.length > 0) {
+    const { error: insErr } = await core.from("schedules").insert(rows);
+    if (insErr) throw insErr;
+  }
+}
+function eachDate(startDate, endDate) {
+  const dates = [];
+  const current = /* @__PURE__ */ new Date(startDate + "T00:00:00Z");
+  const end = /* @__PURE__ */ new Date(endDate + "T00:00:00Z");
+  while (current <= end) {
+    dates.push(current.toISOString().slice(0, 10));
+    current.setUTCDate(current.getUTCDate() + 1);
+  }
+  return dates;
+}
+async function saveException(input) {
+  const core = getFayzSupabaseClient();
+  const tenantId = getTenantId();
+  const kind = input.kind ?? "working_hours";
+  const dates = eachDate(input.startDate, input.endDate);
+  const isRange = dates.length > 1;
+  const meta = mergeBlockSettings(
+    {
+      ...input.notes ? { notes: input.notes } : {},
+      ...isRange ? { rangeStart: input.startDate, rangeEnd: input.endDate } : {},
+      exceptionType: input.type
+    },
+    input.settings ?? {}
+  );
+  const { error: delErr } = await core.from("schedules").delete().eq("assignee_id", input.assigneeId).eq("kind", kind).in("specific_date", dates);
+  if (delErr) throw delErr;
+  const rows = [];
+  if (input.type === "unavailable") {
+    for (const date of dates) {
+      rows.push({
+        tenant_id: tenantId,
+        kind,
+        assignee_id: input.assigneeId,
+        day_of_week: null,
+        specific_date: date,
+        starts_at: "00:00",
+        ends_at: "00:00",
+        is_active: false,
+        metadata: meta
+      });
+    }
+  } else {
+    for (const date of dates) {
+      for (const p of input.periods) {
+        rows.push({
+          tenant_id: tenantId,
+          kind,
+          assignee_id: input.assigneeId,
+          day_of_week: null,
+          specific_date: date,
+          starts_at: p.startsAt,
+          ends_at: p.endsAt,
+          is_active: true,
+          metadata: meta
+        });
+      }
+    }
+  }
+  if (rows.length > 0) {
+    const { error } = await core.from("schedules").insert(rows);
+    if (error) throw error;
+  }
+}
+async function deleteException(assigneeId, startDate, endDate, kind = "working_hours") {
+  const core = getFayzSupabaseClient();
+  const dates = eachDate(startDate, endDate ?? startDate);
+  const { error } = await core.from("schedules").delete().eq("assignee_id", assigneeId).eq("kind", kind).in("specific_date", dates);
+  if (error) throw error;
+}
+function BlockSettingsPopover({
+  settings,
+  onChange,
+  config,
+  triggerRef,
+  open,
+  onClose
+}) {
+  const t = useTranslation();
+  const popoverRef = useRef(null);
+  const [pos, setPos] = useState({ top: 0, left: 0 });
+  useEffect(() => {
+    if (!open || !triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const popW = 280;
+    let left = rect.left + rect.width / 2 - popW / 2;
+    if (left + popW > window.innerWidth - 12) left = window.innerWidth - popW - 12;
+    if (left < 8) left = 8;
+    setPos({ top: rect.bottom + 6, left });
+  }, [open, triggerRef]);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (popoverRef.current?.contains(e.target)) return;
+      if (triggerRef.current?.contains(e.target)) return;
+      onClose();
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, onClose, triggerRef]);
+  if (!open) return null;
+  const showServices = config.showServices !== false && config.services && config.services.length > 0;
+  const showConcurrent = config.showConcurrent !== false;
+  const showBookingWindow = config.showBookingWindow !== false;
+  const showLocations = config.showLocations === true && config.locations && config.locations.length > 0;
+  function update(patch) {
+    onChange({ ...settings, ...patch });
+  }
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: popoverRef,
+        style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 9999 },
+        className: "fayz-glass-surface w-[280px] rounded-xl border bg-popover shadow-xl",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2.5 border-b", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: t("schedule.blockSettings.title") }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, className: "p-0.5 rounded text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-3", children: [
+            showLocations && /* @__PURE__ */ jsx(
+              LocationSelect,
+              {
+                locations: config.locations,
+                value: settings.locationId,
+                onChange: (id) => update({ locationId: id || void 0 })
+              }
+            ),
+            showServices && /* @__PURE__ */ jsx(
+              ServiceSelect,
+              {
+                services: config.services,
+                selected: settings.allowedServiceIds ?? [],
+                onChange: (ids) => update({ allowedServiceIds: ids.length > 0 ? ids : void 0 })
+              }
+            ),
+            showConcurrent && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.maxConcurrent") }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => update({ maxConcurrent: Math.max(1, (settings.maxConcurrent ?? config.defaults.maxConcurrent) - 1) }),
+                    className: "flex h-7 w-7 items-center justify-center rounded-md border text-sm hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+                    children: "-"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium w-6 text-center", children: settings.maxConcurrent ?? config.defaults.maxConcurrent }),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => update({ maxConcurrent: (settings.maxConcurrent ?? config.defaults.maxConcurrent) + 1 }),
+                    className: "flex h-7 w-7 items-center justify-center rounded-md border text-sm hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors",
+                    children: "+"
+                  }
+                )
+              ] })
+            ] }),
+            showBookingWindow && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.minAdvance") }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "number",
+                      min: 0,
+                      value: settings.minAdvanceHours ?? config.defaults.minAdvanceHours,
+                      onChange: (e) => update({ minAdvanceHours: Number(e.target.value) || 0 }),
+                      className: "w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1 text-xs tabular-nums"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: t("schedule.blockSettings.hrs") })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.maxAdvance") }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "number",
+                      min: 1,
+                      value: settings.maxAdvanceDays ?? config.defaults.maxAdvanceDays,
+                      onChange: (e) => update({ maxAdvanceDays: Number(e.target.value) || 30 }),
+                      className: "w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1 text-xs tabular-nums"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground shrink-0", children: t("schedule.blockSettings.days") })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.label") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "text",
+                  value: settings.label ?? "",
+                  onChange: (e) => update({ label: e.target.value || void 0 }),
+                  placeholder: t("schedule.blockSettings.labelPlaceholder"),
+                  className: "mt-1 w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1 text-xs placeholder:text-muted-foreground/40"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    document.body
+  );
+}
+function LocationSelect({
+  locations,
+  value,
+  onChange
+}) {
+  const t = useTranslation();
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const current = value ? locations.find((l) => l.id === value) : null;
+  const label = current ? current.name : t("schedule.blockSettings.noLocation");
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.location") }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((p) => !p),
+        className: "mt-1 flex items-center justify-between w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-xs hover:bg-muted/30  transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: current ? "" : "text-muted-foreground", children: label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "fayz-glass-surface absolute top-full left-0 z-10 mt-1 w-full max-h-40 overflow-y-auto rounded-lg border bg-popover shadow-lg py-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onChange("");
+            setOpen(false);
+          },
+          className: `block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${!value ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
+          children: t("schedule.blockSettings.noLocation")
+        }
+      ),
+      locations.map((l) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onChange(l.id);
+            setOpen(false);
+          },
+          className: `block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${l.id === value ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
+          children: l.name
+        },
+        l.id
+      ))
+    ] })
+  ] });
+}
+function ServiceSelect({
+  services,
+  selected,
+  onChange
+}) {
+  const t = useTranslation();
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const allSelected = selected.length === 0;
+  const label = allSelected ? t("schedule.blockSettings.allServices") : selected.length === 1 ? services.find((s) => s.id === selected[0])?.name ?? t("schedule.blockSettings.oneService") : t("schedule.blockSettings.nServices", { count: selected.length });
+  function toggle(id) {
+    onChange(selected.includes(id) ? selected.filter((s) => s !== id) : [...selected, id]);
+  }
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
+    /* @__PURE__ */ jsx("label", { className: "text-[11px] font-medium text-muted-foreground", children: t("schedule.blockSettings.allowedServices") }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((p) => !p),
+        className: "mt-1 flex items-center justify-between w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-2 py-1.5 text-xs hover:bg-muted/30  transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: allSelected ? "text-muted-foreground" : "", children: label }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 text-muted-foreground" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "fayz-glass-surface absolute top-full left-0 z-10 mt-1 w-full max-h-40 overflow-y-auto rounded-lg border bg-popover shadow-lg py-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange([]),
+          className: `block w-full px-2.5 py-1.5 text-xs text-left transition-colors ${allSelected ? "bg-primary/10 text-primary font-medium" : "hover:bg-muted/50"}`,
+          children: t("schedule.blockSettings.allServices")
+        }
+      ),
+      services.map((s) => {
+        const checked = selected.includes(s.id);
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggle(s.id),
+            className: `flex items-center gap-2 w-full px-2.5 py-1.5 text-xs text-left transition-colors ${checked ? "bg-primary/5" : "hover:bg-muted/50"}`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: `flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-sm border ${checked ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/30"}`, children: checked && /* @__PURE__ */ jsx("svg", { className: "h-2.5 w-2.5", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: s.name })
+            ]
+          },
+          s.id
+        );
+      })
+    ] })
+  ] });
+}
+var DAY_KEYS = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"];
+var WEEK_ORDER = [1, 2, 3, 4, 5, 6, 0];
+function schedulesToWeek(schedules) {
+  const week = {};
+  for (let i = 0; i < 7; i++) {
+    week[i] = { enabled: false, periods: [] };
+  }
+  for (const s of schedules) {
+    if (s.dayOfWeek == null || s.specificDate != null) continue;
+    const day = week[s.dayOfWeek];
+    if (s.isActive) {
+      day.enabled = true;
+      const settings = parseBlockSettings(s.metadata ?? {});
+      const hasSettings = Object.values(settings).some((v) => v !== void 0);
+      day.periods.push({
+        id: s.id,
+        startsAt: s.startsAt,
+        endsAt: s.endsAt,
+        settings: hasSettings ? settings : void 0
+      });
+    }
+  }
+  for (const day of Object.values(week)) {
+    day.periods.sort((a, b) => a.startsAt.localeCompare(b.startsAt));
+  }
+  return week;
+}
+function schedulesToExceptions(schedules) {
+  const map = /* @__PURE__ */ new Map();
+  for (const s of schedules) {
+    if (!s.specificDate) continue;
+    const meta = s.metadata ?? {};
+    const rangeStart = meta.rangeStart ?? s.specificDate;
+    const rangeEnd = meta.rangeEnd ?? s.specificDate;
+    const key = `${rangeStart}__${rangeEnd}`;
+    const exType = meta.exceptionType === "available" ? "available" : "unavailable";
+    const notes = meta.notes ?? "";
+    const existing = map.get(key);
+    if (!existing) {
+      map.set(key, {
+        startDate: rangeStart,
+        endDate: rangeEnd,
+        type: exType,
+        periods: s.isActive ? [{ startsAt: s.startsAt, endsAt: s.endsAt }] : [],
+        notes
+      });
+    } else if (s.isActive && s.specificDate === rangeStart) {
+      existing.periods.push({ startsAt: s.startsAt, endsAt: s.endsAt });
+    }
+  }
+  return Array.from(map.values()).sort((a, b) => a.startDate.localeCompare(b.startDate));
+}
+function formatDate(dateStr) {
+  const d = /* @__PURE__ */ new Date(dateStr + "T00:00:00");
+  return d.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function PeriodRow({
+  period,
+  blockConfig,
+  dayOfWeek,
+  settingsOpen,
+  onUpdateTime,
+  onUpdateBuffer,
+  onUpdateSettings,
+  onRemove,
+  onCopyToAll,
+  onToggleSettings,
+  onCloseSettings,
+  onAddBlock
+}) {
+  const t = useTranslation();
+  const gearRef = useRef(null);
+  const bufferValue = period.settings?.bufferMinutes ?? blockConfig?.defaults.bufferMinutes ?? 0;
+  const hasCustomSettings = period.settings && Object.entries(period.settings).some(
+    ([k, v]) => k !== "bufferMinutes" && v !== void 0
+  );
+  const dayName = t(`schedule.days.${DAY_KEYS[dayOfWeek]}`);
+  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 group", children: [
+    period.settings?.label && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-primary bg-primary/10 rounded-full px-2 py-0.5 shrink-0", children: period.settings.label }),
+    /* @__PURE__ */ jsx(TimePicker, { value: period.startsAt, onChange: (v) => onUpdateTime("startsAt", v), interval: 30, className: "w-[90px]" }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground/50", children: "-" }),
+    /* @__PURE__ */ jsx(TimePicker, { value: period.endsAt, onChange: (v) => onUpdateTime("endsAt", v), interval: 30, min: period.startsAt, className: "w-[90px]" }),
+    /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-full border bg-muted/30 px-2 py-1 shrink-0", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 120,
+            value: bufferValue,
+            onChange: (e) => onUpdateBuffer(Number(e.target.value) || 0),
+            className: "w-8 bg-transparent text-xs text-center tabular-nums outline-none"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("schedule.editor.min") })
+      ] }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: t("schedule.editor.bufferTooltip") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0 ml-auto", children: [
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRemove,
+            className: "p-1.5 rounded-md text-muted-foreground/30 hover:text-destructive hover:bg-destructive/5 transition-colors",
+            children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: t("schedule.editor.removeInterval") })
+      ] }),
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onAddBlock,
+            className: "p-1.5 rounded-md text-muted-foreground/30 hover:text-foreground hover:bg-muted transition-colors",
+            children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: t("schedule.editor.newInterval", { day: dayName }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onCopyToAll,
+            className: "p-1.5 rounded-md text-muted-foreground/30 hover:text-foreground hover:bg-muted transition-colors",
+            children: /* @__PURE__ */ jsx(Copy, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: t("schedule.editor.copyToAll") })
+      ] }),
+      blockConfig && /* @__PURE__ */ jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: gearRef,
+            type: "button",
+            onClick: onToggleSettings,
+            className: `p-1.5 rounded-md transition-colors ${hasCustomSettings ? "text-primary bg-primary/5" : "text-muted-foreground/30 hover:text-foreground hover:bg-muted"}`,
+            children: /* @__PURE__ */ jsx(Settings, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(TooltipContent, { children: t("schedule.blockSettings.title") })
+      ] })
+    ] }),
+    blockConfig && /* @__PURE__ */ jsx(
+      BlockSettingsPopover,
+      {
+        settings: period.settings ?? {},
+        onChange: onUpdateSettings,
+        config: blockConfig,
+        triggerRef: gearRef,
+        open: settingsOpen,
+        onClose: onCloseSettings
+      }
+    )
+  ] }) });
+}
+function ScheduleEditor({ assigneeId }) {
+  const t = useTranslation();
+  const [week, setWeek] = useState({});
+  const [exceptions, setExceptions] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [showAddException, setShowAddException] = useState(false);
+  const blockConfig = useSyncExternalStore(subscribeScheduleBlockConfig, getScheduleBlockConfig);
+  const [settingsPopover, setSettingsPopover] = useState(null);
+  const [weekDirty, setWeekDirty] = useState(false);
+  useEffect(() => {
+    if (blockConfig?.showLocations && (!blockConfig.locations || blockConfig.locations.length === 0) && blockConfig.fetchLocations) {
+      blockConfig.fetchLocations().catch(() => {
+      });
+    }
+  }, [blockConfig?.showLocations, blockConfig?.locations?.length]);
+  const [newExStartDate, setNewExStartDate] = useState("");
+  const [newExEndDate, setNewExEndDate] = useState("");
+  const [newExType, setNewExType] = useState("unavailable");
+  const [newExPeriods, setNewExPeriods] = useState([{ startsAt: "09:00", endsAt: "17:00" }]);
+  const [newExNotes, setNewExNotes] = useState("");
+  const [savingException, setSavingException] = useState(false);
+  const loadData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const data = await getSchedules(assigneeId);
+      setWeek(schedulesToWeek(data));
+      setExceptions(schedulesToExceptions(data));
+      setWeekDirty(false);
+    } catch {
+      toast.error(t("schedule.editor.failedToLoad"));
+    }
+    setLoading(false);
+  }, [assigneeId]);
+  useEffect(() => {
+    loadData();
+  }, [loadData]);
+  function markDirty() {
+    setWeekDirty(true);
+  }
+  function toggleDay(dayOfWeek) {
+    markDirty();
+    setWeek((prev) => ({
+      ...prev,
+      [dayOfWeek]: {
+        ...prev[dayOfWeek],
+        enabled: !prev[dayOfWeek]?.enabled,
+        periods: prev[dayOfWeek]?.enabled ? [] : [{ startsAt: "09:00", endsAt: "18:00" }]
+      }
+    }));
+  }
+  function updatePeriod(dayOfWeek, idx, field, value) {
+    markDirty();
+    setWeek((prev) => {
+      const day = { ...prev[dayOfWeek] };
+      const periods = [...day.periods];
+      periods[idx] = { ...periods[idx], [field]: value };
+      return { ...prev, [dayOfWeek]: { ...day, periods } };
+    });
+  }
+  function addPeriod(dayOfWeek) {
+    markDirty();
+    setWeek((prev) => {
+      const day = { ...prev[dayOfWeek] };
+      const last = day.periods[day.periods.length - 1];
+      day.periods = [...day.periods, { startsAt: last?.endsAt ?? "13:00", endsAt: "18:00" }];
+      return { ...prev, [dayOfWeek]: day };
+    });
+  }
+  function removePeriod(dayOfWeek, idx) {
+    markDirty();
+    setWeek((prev) => {
+      const day = { ...prev[dayOfWeek] };
+      day.periods = day.periods.filter((_, i) => i !== idx);
+      if (day.periods.length === 0) day.enabled = false;
+      return { ...prev, [dayOfWeek]: day };
+    });
+  }
+  function updatePeriodSettings(dayOfWeek, idx, settings) {
+    markDirty();
+    setWeek((prev) => {
+      const day = { ...prev[dayOfWeek] };
+      const periods = [...day.periods];
+      periods[idx] = { ...periods[idx], settings };
+      return { ...prev, [dayOfWeek]: { ...day, periods } };
+    });
+  }
+  function updateBufferMinutes(dayOfWeek, idx, value) {
+    markDirty();
+    setWeek((prev) => {
+      const day = { ...prev[dayOfWeek] };
+      const periods = [...day.periods];
+      const existing = periods[idx].settings ?? {};
+      periods[idx] = { ...periods[idx], settings: { ...existing, bufferMinutes: value || void 0 } };
+      return { ...prev, [dayOfWeek]: { ...day, periods } };
+    });
+  }
+  function copyToAll(sourceDayOfWeek) {
+    markDirty();
+    const source = week[sourceDayOfWeek];
+    if (!source) return;
+    setWeek((prev) => {
+      const next = { ...prev };
+      for (let i = 0; i < 7; i++) {
+        if (i === sourceDayOfWeek) continue;
+        next[i] = {
+          enabled: source.enabled,
+          periods: source.periods.map((p) => ({ startsAt: p.startsAt, endsAt: p.endsAt, settings: p.settings ? { ...p.settings } : void 0 }))
+        };
+      }
+      return next;
+    });
+  }
+  async function handleSaveWeekly() {
+    setSaving(true);
+    try {
+      await replaceWeeklySchedules(assigneeId, week);
+      toast.success(t("schedule.editor.saved"));
+      loadData();
+    } catch (err) {
+      toast.error(t("schedule.editor.failedToSave"), { description: err?.message });
+    }
+    setSaving(false);
+  }
+  async function handleAddException() {
+    if (!newExStartDate) {
+      toast.error(t("schedule.editor.selectStartDate"));
+      return;
+    }
+    const endDate = newExEndDate || newExStartDate;
+    if (endDate < newExStartDate) {
+      toast.error(t("schedule.editor.endDateAfterStart"));
+      return;
+    }
+    setSavingException(true);
+    try {
+      await saveException({
+        assigneeId,
+        startDate: newExStartDate,
+        endDate,
+        type: newExType,
+        periods: newExType === "unavailable" ? [] : newExPeriods,
+        notes: newExNotes || void 0
+      });
+      toast.success(t("schedule.editor.exceptionAdded"));
+      setShowAddException(false);
+      setNewExStartDate("");
+      setNewExEndDate("");
+      setNewExType("unavailable");
+      setNewExPeriods([{ startsAt: "09:00", endsAt: "17:00" }]);
+      setNewExNotes("");
+      loadData();
+    } catch (err) {
+      toast.error(t("schedule.editor.failedToSaveException"), { description: err?.message });
+    }
+    setSavingException(false);
+  }
+  async function handleDeleteException(startDate, endDate) {
+    try {
+      await deleteException(assigneeId, startDate, endDate);
+      toast.success(t("schedule.editor.exceptionRemoved"));
+      loadData();
+    } catch (err) {
+      toast.error(t("schedule.editor.failedToDelete"), { description: err?.message });
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-lg" }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-48" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20 rounded-md" })
+        ] }),
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0 divide-y", children: Array.from({ length: 7 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-8" }),
+          i < 5 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-lg" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-lg" })
+          ] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" })
+        ] }, i)) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-9 rounded-lg" }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+              /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-44" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32 rounded-md" })
+        ] }),
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-48" }) }) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10", children: /* @__PURE__ */ jsx(Clock, { className: "h-4 w-4 text-primary" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("schedule.editor.weeklyTitle") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("schedule.editor.weeklyDescription") })
+          ] })
+        ] }),
+        weekDirty && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleSaveWeekly, disabled: saving, children: [
+          /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-1.5" }),
+          saving ? t("common.saving") : t("common.save")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0 divide-y", children: WEEK_ORDER.map((dayOfWeek) => {
+        const day = week[dayOfWeek] ?? { enabled: false, periods: [] };
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex items-start gap-4 px-4 py-3 transition-colors ${day.enabled ? "" : "bg-muted/20"}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => toggleDay(dayOfWeek),
+                  className: "flex items-center gap-2.5 w-20 shrink-0 pt-1.5",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: `flex h-5 w-5 shrink-0 items-center justify-center rounded-full transition-all ${day.enabled ? "bg-primary text-primary-foreground shadow-sm" : "border-2 border-muted-foreground/25 hover:border-muted-foreground/40"}`, children: day.enabled && /* @__PURE__ */ jsx(Check, { className: "h-3 w-3", strokeWidth: 3 }) }),
+                    /* @__PURE__ */ jsx("span", { className: `text-sm font-medium ${day.enabled ? "" : "text-muted-foreground/40"}`, children: t(`schedule.days.${DAY_KEYS[dayOfWeek]}`) })
+                  ]
+                }
+              ),
+              day.enabled ? /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-2", children: day.periods.map((period, idx) => /* @__PURE__ */ jsx(
+                PeriodRow,
+                {
+                  period,
+                  dayOfWeek,
+                  blockConfig,
+                  settingsOpen: settingsPopover?.dayOfWeek === dayOfWeek && settingsPopover?.idx === idx,
+                  onUpdateTime: (field, v) => updatePeriod(dayOfWeek, idx, field, v),
+                  onUpdateBuffer: (v) => updateBufferMinutes(dayOfWeek, idx, v),
+                  onUpdateSettings: (s) => updatePeriodSettings(dayOfWeek, idx, s),
+                  onRemove: () => removePeriod(dayOfWeek, idx),
+                  onAddBlock: () => addPeriod(dayOfWeek),
+                  onCopyToAll: () => copyToAll(dayOfWeek),
+                  onToggleSettings: () => setSettingsPopover(
+                    settingsPopover?.dayOfWeek === dayOfWeek && settingsPopover?.idx === idx ? null : { dayOfWeek, idx }
+                  ),
+                  onCloseSettings: () => setSettingsPopover(null)
+                },
+                idx
+              )) }) : /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-1.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground/40", children: t("schedule.editor.unavailable") }),
+                /* @__PURE__ */ jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => toggleDay(dayOfWeek),
+                      className: "flex h-6 w-6 items-center justify-center rounded-full border border-muted-foreground/25 text-muted-foreground/40 hover:border-foreground/40 hover:text-foreground hover:bg-muted transition-colors",
+                      children: /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(TooltipContent, { children: t("schedule.editor.addHoursFor", { day: t(`schedule.days.${DAY_KEYS[dayOfWeek]}`) }) })
+                ] })
+              ] }) })
+            ]
+          },
+          dayOfWeek
+        );
+      }) }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-orange-500/10", children: /* @__PURE__ */ jsx(CalendarOff, { className: "h-4 w-4 text-orange-600" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("schedule.editor.exceptionsTitle") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("schedule.editor.exceptionsDescription") })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "outline",
+            onClick: () => setShowAddException(true),
+            children: [
+              /* @__PURE__ */ jsx(CalendarPlus, { className: "h-4 w-4 mr-1.5" }),
+              t("schedule.editor.addException")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Modal, { open: showAddException, onOpenChange: setShowAddException, children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+        /* @__PURE__ */ jsxs(ModalHeader, { children: [
+          /* @__PURE__ */ jsx(ModalTitle, { children: t("schedule.editor.addException") }),
+          /* @__PURE__ */ jsx(ModalDescription, { children: t("schedule.editor.exceptionsDescription") })
+        ] }),
+        /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1.5 block", children: t("schedule.editor.startDate") }),
+              /* @__PURE__ */ jsx(
+                DatePicker,
+                {
+                  value: newExStartDate,
+                  onChange: (v) => {
+                    setNewExStartDate(v);
+                    if (!newExEndDate || v > newExEndDate) setNewExEndDate(v);
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1.5 block", children: t("schedule.editor.endDate") }),
+              /* @__PURE__ */ jsx(
+                DatePicker,
+                {
+                  value: newExEndDate || newExStartDate,
+                  onChange: setNewExEndDate
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1.5 block", children: t("schedule.editor.type") }),
+            /* @__PURE__ */ jsx(Tabs, { value: newExType, onValueChange: (v) => setNewExType(v), children: /* @__PURE__ */ jsxs(TabsList, { className: "h-9 w-full", children: [
+              /* @__PURE__ */ jsxs(TabsTrigger, { value: "unavailable", className: "text-xs gap-1.5 flex-1", children: [
+                /* @__PURE__ */ jsx(CalendarOff, { className: "h-3.5 w-3.5" }),
+                t("schedule.editor.unavailable")
+              ] }),
+              /* @__PURE__ */ jsxs(TabsTrigger, { value: "available", className: "text-xs gap-1.5 flex-1", children: [
+                /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5" }),
+                t("schedule.editor.customHours")
+              ] })
+            ] }) })
+          ] }),
+          newExType === "available" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("schedule.editor.workingHours") }),
+            newExPeriods.map((period, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                TimePicker,
+                {
+                  value: period.startsAt,
+                  onChange: (v) => {
+                    const updated = [...newExPeriods];
+                    updated[idx] = { ...updated[idx], startsAt: v };
+                    setNewExPeriods(updated);
+                  },
+                  interval: 30,
+                  className: "flex-1"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground shrink-0", children: t("schedule.editor.to") }),
+              /* @__PURE__ */ jsx(
+                TimePicker,
+                {
+                  value: period.endsAt,
+                  onChange: (v) => {
+                    const updated = [...newExPeriods];
+                    updated[idx] = { ...updated[idx], endsAt: v };
+                    setNewExPeriods(updated);
+                  },
+                  interval: 30,
+                  min: period.startsAt,
+                  className: "flex-1"
+                }
+              ),
+              newExPeriods.length > 1 && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setNewExPeriods(newExPeriods.filter((_, i) => i !== idx)),
+                  className: "p-1.5 rounded-md text-muted-foreground hover:text-destructive hover:bg-destructive/5 transition-colors shrink-0",
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+                }
+              )
+            ] }, idx)),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  const last = newExPeriods[newExPeriods.length - 1];
+                  setNewExPeriods([...newExPeriods, { startsAt: last?.endsAt ?? "13:00", endsAt: "18:00" }]);
+                },
+                className: "flex items-center gap-1 text-xs text-primary hover:underline",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+                  " ",
+                  t("schedule.editor.addTimeBlock")
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1.5 block", children: t("schedule.editor.notes") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: newExNotes,
+                onChange: (e) => setNewExNotes(e.target.value),
+                placeholder: t("schedule.editor.notesPlaceholder"),
+                className: "block w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm placeholder:text-muted-foreground/40 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(ModalFooter, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => setShowAddException(false), children: t("common.cancel") }),
+          /* @__PURE__ */ jsxs(Button, { onClick: handleAddException, disabled: savingException, children: [
+            /* @__PURE__ */ jsx(Save, { className: "h-3.5 w-3.5 mr-1.5" }),
+            savingException ? t("common.saving") : t("schedule.editor.saveException")
+          ] })
+        ] })
+      ] }) }),
+      exceptions.length > 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0 divide-y", children: exceptions.map((ex) => {
+        const isRange = ex.startDate !== ex.endDate;
+        const dateLabel = isRange ? `${formatDate(ex.startDate)} \u2014 ${formatDate(ex.endDate)}` : formatDate(ex.startDate);
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 group", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { className: `h-2.5 w-2.5 shrink-0 rounded-full ${ex.type === "unavailable" ? "bg-destructive" : "bg-success"}` }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: dateLabel }),
+                /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-[10px]", children: ex.type === "unavailable" ? t("schedule.editor.unavailable") : t("schedule.editor.customHours") }),
+                ex.type === "available" && ex.periods.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: ex.periods.map((p) => `${p.startsAt} \u2014 ${p.endsAt}`).join(", ") })
+              ] }),
+              ex.notes && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5 truncate", children: ex.notes })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleDeleteException(ex.startDate, ex.endDate),
+              className: "p-1.5 rounded-md text-muted-foreground hover:text-destructive hover:bg-destructive/5 transition-colors shrink-0 ml-2",
+              title: t("schedule.editor.removeException"),
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }, ex.startDate + ex.endDate);
+      }) }) }) : !showAddException && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "flex items-center justify-center py-8 text-sm text-muted-foreground", children: t("schedule.editor.noExceptions") }) })
+    ] })
+  ] });
+}
+
+export { ScheduleEditor };
+//# sourceMappingURL=ScheduleEditor-BSFF7LME.js.map
+//# sourceMappingURL=ScheduleEditor-BSFF7LME.js.map