@adatechnology/scheduling-ui 0.1.0-rc.1 → 0.1.0-rc.3

package/dist/index.js

@@ -360,6 +360,7 @@ var pt_BR_default = {
   "agenda.viewDay": "Dia",
   "agenda.viewWeek": "Semana",
   "agenda.empty": "Sem reservas neste per\xEDodo",
+  "agenda.moreResults": "Este per\xEDodo tem mais reservas do que as exibidas. Filtre por recurso ou reduza a janela para ver o restante.",
   "availability.weeklyRulesTitle": "Regras semanais",
   "availability.exceptionsTitle": "Exce\xE7\xF5es",
   "availability.resourceTimezone": "Fuso do recurso",
@@ -387,6 +388,8 @@ var pt_BR_default = {
   "booking.complete": "Concluir",
   "booking.markNoShow": "Marcar n\xE3o compareceu",
   "booking.reschedule": "Reagendar",
+  "booking.rescheduleStart": "Novo in\xEDcio",
+  "booking.rescheduleEnd": "Novo fim",
   "booking.detailTitle": "Detalhes da reserva",
   "booking.cancelReason": "Motivo do cancelamento",
   "booking.cancelledBy": "Cancelado por",
@@ -403,7 +406,11 @@ var pt_BR_default = {
   "availability.startsAtLocal": "In\xEDcio",
   "availability.endsAtLocal": "Fim",
   "availability.exceptionFrom": "De",
-  "availability.exceptionUntil": "At\xE9"
+  "availability.exceptionUntil": "At\xE9",
+  "datetime.year": "Ano",
+  "datetime.month": "M\xEAs",
+  "datetime.day": "Dia",
+  "datetime.time": "Hora"
 };
 
 // src/locales/en.json
@@ -447,6 +454,7 @@ var en_default = {
   "agenda.viewDay": "Day",
   "agenda.viewWeek": "Week",
   "agenda.empty": "No bookings in this period",
+  "agenda.moreResults": "This period has more bookings than shown. Filter by resource or narrow the window to see the rest.",
   "availability.weeklyRulesTitle": "Weekly rules",
   "availability.exceptionsTitle": "Exceptions",
   "availability.resourceTimezone": "Resource timezone",
@@ -474,6 +482,8 @@ var en_default = {
   "booking.complete": "Complete",
   "booking.markNoShow": "Mark no-show",
   "booking.reschedule": "Reschedule",
+  "booking.rescheduleStart": "New start",
+  "booking.rescheduleEnd": "New end",
   "booking.detailTitle": "Booking details",
   "booking.cancelReason": "Cancellation reason",
   "booking.cancelledBy": "Cancelled by",
@@ -490,7 +500,11 @@ var en_default = {
   "availability.startsAtLocal": "Starts",
   "availability.endsAtLocal": "Ends",
   "availability.exceptionFrom": "From",
-  "availability.exceptionUntil": "Until"
+  "availability.exceptionUntil": "Until",
+  "datetime.year": "Year",
+  "datetime.month": "Month",
+  "datetime.day": "Day",
+  "datetime.time": "Time"
 };
 
 // src/locales/index.ts
@@ -577,7 +591,7 @@ function AgendaGrid({ bookings, days }) {
       const dayBookings = bookingsOnDay(bookings, day, agendaStartHour, agendaEndHour);
       const positioned = layoutDayBookings(dayBookings);
       const dayStart = startOfDay(day);
-      return /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-[160px] border-r border-gray-200 dark:border-gray-700 last:border-r-0", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-40 border-r border-gray-200 dark:border-gray-700 last:border-r-0", children: [
         /* @__PURE__ */ jsx2("div", { className: "h-8 px-2 flex items-center text-xs font-medium text-gray-700 dark:text-gray-300 border-b border-gray-200 dark:border-gray-700", children: day.toLocaleDateString(locale, { weekday: "short", day: "2-digit", month: "2-digit" }) }),
         /* @__PURE__ */ jsxs("div", { className: "relative", style: { height: `${hours.length * 4}rem` }, children: [
           positioned.length === 0 && /* @__PURE__ */ jsx2("p", { className: "absolute inset-x-2 top-2 text-xs text-gray-400", children: messages["agenda.empty"] }),
@@ -616,7 +630,7 @@ function AgendaGrid({ bookings, days }) {
 }
 
 // src/workspace/AgendaArea.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var DAY_IN_MS = 24 * 60 * 6e4;
 function startOfWeek(date, weekStartsOn) {
   const start = startOfDay(date);
@@ -692,7 +706,10 @@ function AgendaArea() {
       ] })
     ] }),
     isError && /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
-    isLoading ? /* @__PURE__ */ jsx3("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx3(AgendaGrid, { bookings: bookingsPage?.data ?? [], days })
+    isLoading ? /* @__PURE__ */ jsx3("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+      bookingsPage && bookingsPage.total > bookingsPage.data.length && /* @__PURE__ */ jsx3("p", { className: "text-sm text-amber-700 bg-amber-50 rounded-lg px-3 py-2", children: messages["agenda.moreResults"] }),
+      /* @__PURE__ */ jsx3(AgendaGrid, { bookings: bookingsPage?.data ?? [], days })
+    ] })
   ] });
 }
 
@@ -825,16 +842,175 @@ function WeeklyRulesEditor({ resourceId }) {
 import { Plus as Plus2, Trash2 as Trash22 } from "lucide-react";
 import { useState as useState3 } from "react";
 import { AVAILABILITY_EXCEPTION_KIND } from "@adatechnology/scheduling-contracts";
+
+// src/components/DateTimeField.tsx
+import { useId } from "react";
+
+// src/components/dateTimeParts.util.ts
+var DATE_TIME_LOCAL_PATTERN = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/;
+var MONTHS_IN_YEAR = 12;
+function parseDateTimeParts(value) {
+  const match = DATE_TIME_LOCAL_PATTERN.exec(value);
+  if (!match) return void 0;
+  const [, year, month, day, hour, minute] = match;
+  return { year: Number(year), month: Number(month), day: Number(day), time: `${hour}:${minute}` };
+}
+function daysInMonth(params) {
+  return new Date(Date.UTC(params.year, params.month, 0)).getUTCDate();
+}
+function pad(value) {
+  return String(value).padStart(2, "0");
+}
+function formatDateTimeParts(parts) {
+  const lastDay = daysInMonth({ year: parts.year, month: parts.month });
+  const day = Math.min(Math.max(parts.day, 1), lastDay);
+  return `${String(parts.year).padStart(4, "0")}-${pad(parts.month)}-${pad(day)}T${parts.time}`;
+}
+function buildYearOptions(params) {
+  const current = params.today.getFullYear();
+  const first = Math.min(current - params.past, params.year);
+  const last = Math.max(current + params.future, params.year);
+  return Array.from({ length: last - first + 1 }, (_, index) => first + index);
+}
+
+// src/components/DateTimeField.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var FIELD_CLASS = "min-h-11 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 px-2 text-sm";
+var YEAR_WINDOW = { PAST: 1, FUTURE: 2 };
+function partsOf(value, fallback) {
+  return parseDateTimeParts(value) ?? {
+    year: fallback.getFullYear(),
+    month: fallback.getMonth() + 1,
+    day: fallback.getDate(),
+    time: "09:00"
+  };
+}
+function monthLabels(locale) {
+  const format = new Intl.DateTimeFormat(locale, { month: "long", timeZone: "UTC" });
+  return Array.from(
+    { length: MONTHS_IN_YEAR },
+    (_, index) => format.format(new Date(Date.UTC(2026, index, 1)))
+  );
+}
+function DateTimeField({ label, value, onChange, emptyDefault }) {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const groupId = useId();
+  const today = emptyDefault ?? /* @__PURE__ */ new Date();
+  const parts = partsOf(value, today);
+  const years = buildYearOptions({
+    year: parts.year,
+    today,
+    past: YEAR_WINDOW.PAST,
+    future: YEAR_WINDOW.FUTURE
+  });
+  const days = daysInMonth({ year: parts.year, month: parts.month });
+  const months = monthLabels(locale);
+  function change(patch) {
+    onChange(formatDateTimeParts({ ...parts, ...patch }));
+  }
+  return /* @__PURE__ */ jsxs4("div", { role: "group", "aria-labelledby": groupId, className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx5("span", { id: groupId, className: "sr-only", children: label }),
+    /* @__PURE__ */ jsx5(
+      "select",
+      {
+        "aria-label": `${label} \u2014 ${messages["datetime.year"]}`,
+        value: parts.year,
+        onChange: (event) => change({ year: Number(event.target.value) }),
+        className: FIELD_CLASS,
+        children: years.map((year) => /* @__PURE__ */ jsx5("option", { value: year, children: year }, year))
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "select",
+      {
+        "aria-label": `${label} \u2014 ${messages["datetime.month"]}`,
+        value: parts.month,
+        onChange: (event) => change({ month: Number(event.target.value) }),
+        className: FIELD_CLASS,
+        children: months.map((name, index) => /* @__PURE__ */ jsx5("option", { value: index + 1, children: name }, name))
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "select",
+      {
+        "aria-label": `${label} \u2014 ${messages["datetime.day"]}`,
+        value: Math.min(parts.day, days),
+        onChange: (event) => change({ day: Number(event.target.value) }),
+        className: FIELD_CLASS,
+        children: Array.from({ length: days }, (_, index) => index + 1).map((day) => /* @__PURE__ */ jsx5("option", { value: day, children: day }, day))
+      }
+    ),
+    /* @__PURE__ */ jsx5(
+      "input",
+      {
+        type: "time",
+        "aria-label": `${label} \u2014 ${messages["datetime.time"]}`,
+        value: parts.time,
+        onChange: (event) => change({ time: event.target.value }),
+        className: FIELD_CLASS
+      }
+    )
+  ] });
+}
+
+// src/components/datetimeLocal.util.ts
+function getTimeZoneOffsetMs(instant, timeZone) {
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(instant);
+  const get = (type) => Number(parts.find((part) => part.type === type)?.value ?? 0);
+  const asUtcOfWallClock = Date.UTC(
+    get("year"),
+    get("month") - 1,
+    get("day"),
+    get("hour") % 24,
+    get("minute"),
+    get("second")
+  );
+  return asUtcOfWallClock - instant.getTime();
+}
+function parseDateTimeLocalInTimeZone(value, timeZone) {
+  const naiveUtc = /* @__PURE__ */ new Date(`${value}:00.000Z`);
+  const firstOffset = getTimeZoneOffsetMs(naiveUtc, timeZone);
+  const firstPass = new Date(naiveUtc.getTime() - firstOffset);
+  const secondOffset = getTimeZoneOffsetMs(firstPass, timeZone);
+  return new Date(naiveUtc.getTime() - secondOffset);
+}
+function formatDateTimeLocalInTimeZone(instant, timeZone) {
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(instant);
+  const get = (type) => parts.find((part) => part.type === type)?.value ?? "00";
+  const hour = get("hour") === "24" ? "00" : get("hour");
+  return `${get("year")}-${get("month")}-${get("day")}T${hour}:${get("minute")}`;
+}
+
+// src/components/AvailabilityExceptionsEditor.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var SELECT_CLASS = "min-h-11 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 px-2 text-sm";
-function AvailabilityExceptionsEditor({ resourceId }) {
+function AvailabilityExceptionsEditor({ resourceId, timezone }) {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
   const { data, isLoading, isError: isLoadError } = useAvailabilityExceptions(resourceId);
   const addException = useAddAvailabilityException();
   const removeException = useRemoveAvailabilityException();
-  const [from, setFrom] = useState3("");
-  const [until, setUntil] = useState3("");
+  const emptyValue = () => formatDateTimeLocalInTimeZone(/* @__PURE__ */ new Date(), timezone);
+  const [from, setFrom] = useState3(emptyValue);
+  const [until, setUntil] = useState3(emptyValue);
   const [kind, setKind] = useState3(AVAILABILITY_EXCEPTION_KIND.BLOCK);
   const [reason, setReason] = useState3("");
   async function handleAdd() {
@@ -842,23 +1018,26 @@ function AvailabilityExceptionsEditor({ resourceId }) {
     try {
       await addException.mutateAsync({
         resourceId,
-        during: { start: new Date(from), end: new Date(until) },
+        during: {
+          start: parseDateTimeLocalInTimeZone(from, timezone),
+          end: parseDateTimeLocalInTimeZone(until, timezone)
+        },
         kind,
         ...reason ? { reason } : {}
       });
-      setFrom("");
-      setUntil("");
+      setFrom(emptyValue());
+      setUntil(emptyValue());
       setReason("");
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxs4("section", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx5("h3", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: messages["availability.exceptionsTitle"] }),
-    (addException.isError || removeException.isError) && /* @__PURE__ */ jsx5("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
-    isLoadError && /* @__PURE__ */ jsx5("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
-    isLoading && /* @__PURE__ */ jsx5("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }),
-    /* @__PURE__ */ jsx5("ul", { className: "space-y-2", children: (data ?? []).map((exception) => /* @__PURE__ */ jsxs4("li", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsxs4("span", { className: "flex-1", children: [
+  return /* @__PURE__ */ jsxs5("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx6("h3", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: messages["availability.exceptionsTitle"] }),
+    (addException.isError || removeException.isError) && /* @__PURE__ */ jsx6("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
+    isLoadError && /* @__PURE__ */ jsx6("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
+    isLoading && /* @__PURE__ */ jsx6("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }),
+    /* @__PURE__ */ jsx6("ul", { className: "space-y-2", children: (data ?? []).map((exception) => /* @__PURE__ */ jsxs5("li", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsxs5("span", { className: "flex-1", children: [
         messages[`availability.exceptionKind.${exception.kind === "block" ? "blocked" : "extra"}`],
         " \u2014",
         " ",
@@ -867,39 +1046,35 @@ function AvailabilityExceptionsEditor({ resourceId }) {
         exception.during.end.toLocaleString(locale),
         exception.reason ? ` (${exception.reason})` : ""
       ] }),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
           onClick: () => removeException.mutate({ id: exception.id, resourceId }),
           "aria-label": messages["availability.removeException"],
           className: "min-h-11 min-w-11 inline-flex items-center justify-center rounded-lg text-red-700 hover:bg-red-50",
-          children: /* @__PURE__ */ jsx5(Trash22, { "aria-hidden": "true", className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx6(Trash22, { "aria-hidden": "true", className: "w-4 h-4" })
         }
       )
     ] }, exception.id)) }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx5(
-        "input",
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx6(
+        DateTimeField,
         {
-          "aria-label": messages["availability.exceptionFrom"],
-          type: "datetime-local",
+          label: messages["availability.exceptionFrom"],
           value: from,
-          onChange: (event) => setFrom(event.target.value),
-          className: SELECT_CLASS
+          onChange: setFrom
         }
       ),
-      /* @__PURE__ */ jsx5(
-        "input",
+      /* @__PURE__ */ jsx6(
+        DateTimeField,
         {
-          "aria-label": messages["availability.exceptionUntil"],
-          type: "datetime-local",
+          label: messages["availability.exceptionUntil"],
           value: until,
-          onChange: (event) => setUntil(event.target.value),
-          className: SELECT_CLASS
+          onChange: setUntil
         }
       ),
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         "select",
         {
           "aria-label": messages["availability.exceptionKind.blocked"],
@@ -907,12 +1082,12 @@ function AvailabilityExceptionsEditor({ resourceId }) {
           onChange: (event) => setKind(event.target.value),
           className: SELECT_CLASS,
           children: [
-            /* @__PURE__ */ jsx5("option", { value: AVAILABILITY_EXCEPTION_KIND.BLOCK, children: messages["availability.exceptionKind.blocked"] }),
-            /* @__PURE__ */ jsx5("option", { value: AVAILABILITY_EXCEPTION_KIND.EXTRA, children: messages["availability.exceptionKind.extra"] })
+            /* @__PURE__ */ jsx6("option", { value: AVAILABILITY_EXCEPTION_KIND.BLOCK, children: messages["availability.exceptionKind.blocked"] }),
+            /* @__PURE__ */ jsx6("option", { value: AVAILABILITY_EXCEPTION_KIND.EXTRA, children: messages["availability.exceptionKind.extra"] })
           ]
         }
       ),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         "input",
         {
           "aria-label": messages["availability.exceptionReason"],
@@ -923,7 +1098,7 @@ function AvailabilityExceptionsEditor({ resourceId }) {
           className: SELECT_CLASS
         }
       ),
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
@@ -931,7 +1106,7 @@ function AvailabilityExceptionsEditor({ resourceId }) {
           disabled: addException.isPending,
           className: "inline-flex items-center gap-2 min-h-11 px-3 py-2 rounded-lg text-sm font-medium bg-brand-600 text-white hover:bg-brand-700 disabled:opacity-50",
           children: [
-            /* @__PURE__ */ jsx5(Plus2, { "aria-hidden": "true", className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx6(Plus2, { "aria-hidden": "true", className: "w-4 h-4" }),
             messages["availability.addException"]
           ]
         }
@@ -941,25 +1116,25 @@ function AvailabilityExceptionsEditor({ resourceId }) {
 }
 
 // src/components/AvailabilityEditor.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function AvailabilityEditor({ resourceId, timezone }) {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
-  return /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs5("p", { className: "inline-flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", children: [
-      /* @__PURE__ */ jsxs5("span", { className: "font-medium", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs6("p", { className: "inline-flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs6("span", { className: "font-medium", children: [
         messages["availability.resourceTimezone"],
         ":"
       ] }),
       timezone
     ] }),
-    /* @__PURE__ */ jsx6(WeeklyRulesEditor, { resourceId }),
-    /* @__PURE__ */ jsx6(AvailabilityExceptionsEditor, { resourceId })
+    /* @__PURE__ */ jsx7(WeeklyRulesEditor, { resourceId }),
+    /* @__PURE__ */ jsx7(AvailabilityExceptionsEditor, { resourceId, timezone })
   ] });
 }
 
 // src/workspace/AvailabilityArea.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function AvailabilityArea() {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
@@ -967,25 +1142,25 @@ function AvailabilityArea() {
   const [resourceId, setResourceId] = useState4("");
   const resources = data?.data ?? [];
   const selectedResource = resources.find((resource) => resource.id === resourceId);
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
-    /* @__PURE__ */ jsxs6("label", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ jsx7("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: messages["agenda.resourceLabel"] }),
-      /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxs7("label", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx8("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: messages["agenda.resourceLabel"] }),
+      /* @__PURE__ */ jsxs7(
         "select",
         {
           value: resourceId,
           onChange: (event) => setResourceId(event.target.value),
           className: "min-h-11 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 px-2 text-sm",
           children: [
-            /* @__PURE__ */ jsx7("option", { value: "", children: "\u2014" }),
-            resources.map((resource) => /* @__PURE__ */ jsx7("option", { value: resource.id, children: resource.name }, resource.id))
+            /* @__PURE__ */ jsx8("option", { value: "", children: "\u2014" }),
+            resources.map((resource) => /* @__PURE__ */ jsx8("option", { value: resource.id, children: resource.name }, resource.id))
           ]
         }
       )
     ] }),
-    isError && /* @__PURE__ */ jsx7("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
-    isLoading && /* @__PURE__ */ jsx7("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }),
-    selectedResource && /* @__PURE__ */ jsx7(
+    isError && /* @__PURE__ */ jsx8("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
+    isLoading && /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }),
+    selectedResource && /* @__PURE__ */ jsx8(
       AvailabilityEditor,
       {
         resourceId: selectedResource.id,
@@ -998,6 +1173,7 @@ function AvailabilityArea() {
 
 // src/workspace/BookingsArea.tsx
 import { useState as useState8 } from "react";
+import { MAX_PAGE_SIZE as MAX_PAGE_SIZE3 } from "@adatechnology/scheduling-contracts";
 
 // src/components/BookingDrawer.tsx
 import { XCircle } from "lucide-react";
@@ -1007,7 +1183,7 @@ import { BOOKING_STATUS } from "@adatechnology/scheduling-contracts";
 // src/components/SidePanel.tsx
 import { X } from "lucide-react";
 import { useEffect } from "react";
-import { Fragment, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var BUTTON_CLASS = "inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors min-h-11";
 function SidePanel({ title, closeLabel, onClose, headerActions, children }) {
   useEffect(() => {
@@ -1017,8 +1193,8 @@ function SidePanel({ title, closeLabel, onClose, headerActions, children }) {
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [onClose]);
-  return /* @__PURE__ */ jsxs7(Fragment, { children: [
-    /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -1028,29 +1204,29 @@ function SidePanel({ title, closeLabel, onClose, headerActions, children }) {
         className: "absolute inset-0 z-10 bg-gray-900/20 wide:hidden"
       }
     ),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       "section",
       {
         "aria-label": title,
         className: "absolute inset-y-0 right-0 z-20 flex w-full max-w-full flex-col bg-white shadow-2xl desktop:w-[28rem] dark:bg-gray-900 wide:static wide:z-auto wide:shrink-0 wide:border-l wide:border-gray-200 wide:shadow-none wide:dark:border-gray-700",
         children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 border-b border-gray-200 px-4 py-3 dark:border-gray-700", children: [
-            /* @__PURE__ */ jsx8("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 mr-auto", children: title }),
+          /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2 border-b border-gray-200 px-4 py-3 dark:border-gray-700", children: [
+            /* @__PURE__ */ jsx9("h2", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100 mr-auto", children: title }),
             headerActions,
-            /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsxs8(
               "button",
               {
                 type: "button",
                 onClick: onClose,
                 className: `${BUTTON_CLASS} text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800`,
                 children: [
-                  /* @__PURE__ */ jsx8(X, { "aria-hidden": "true", className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx9(X, { "aria-hidden": "true", className: "w-4 h-4" }),
                   closeLabel
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children })
+          /* @__PURE__ */ jsx9("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children })
         ]
       }
     )
@@ -1058,16 +1234,13 @@ function SidePanel({ title, closeLabel, onClose, headerActions, children }) {
 }
 
 // src/components/BookingDrawer.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var BROWSER_TIME_ZONE = Intl.DateTimeFormat().resolvedOptions().timeZone;
 var ACTION_BUTTON_CLASS = "min-h-11 px-3 rounded-lg text-sm font-medium border border-gray-300 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800";
 var PRIMARY_BUTTON_CLASS = "min-h-11 px-3 rounded-lg text-sm font-medium bg-brand-600 text-white hover:bg-brand-700";
 var DANGER_BUTTON_CLASS = "inline-flex items-center gap-2 min-h-11 px-3 rounded-lg text-sm font-medium text-red-700 hover:bg-red-50";
 var INPUT_CLASS = "min-h-11 w-full px-3 rounded-lg border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-900 text-sm";
-function toLocalInputValue(date) {
-  const pad = (value) => String(value).padStart(2, "0");
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
-}
-function BookingDrawer({ booking, onClose }) {
+function BookingDrawer({ booking, resourceTimezone, onClose }) {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
   const confirmBooking = useConfirmBooking();
@@ -1075,12 +1248,13 @@ function BookingDrawer({ booking, onClose }) {
   const markNoShow = useMarkNoShow();
   const cancelBooking = useCancelBooking();
   const rescheduleBooking = useRescheduleBooking();
+  const timezone = resourceTimezone ?? BROWSER_TIME_ZONE;
   const [isCancelling, setIsCancelling] = useState5(false);
   const [cancelledBy, setCancelledBy] = useState5("");
   const [cancellationReason, setCancellationReason] = useState5("");
   const [isRescheduling, setIsRescheduling] = useState5(false);
-  const [start, setStart] = useState5(() => toLocalInputValue(booking.startsAt));
-  const [end, setEnd] = useState5(() => toLocalInputValue(booking.endsAt));
+  const [start, setStart] = useState5(() => formatDateTimeLocalInTimeZone(booking.startsAt, timezone));
+  const [end, setEnd] = useState5(() => formatDateTimeLocalInTimeZone(booking.endsAt, timezone));
   async function handleCancel() {
     if (!cancelledBy) return;
     try {
@@ -1094,42 +1268,57 @@ function BookingDrawer({ booking, onClose }) {
   }
   async function handleReschedule() {
     try {
-      await rescheduleBooking.mutateAsync({ id: booking.id, input: { during: { start: new Date(start), end: new Date(end) } } });
+      await rescheduleBooking.mutateAsync({
+        id: booking.id,
+        input: {
+          during: {
+            start: parseDateTimeLocalInTimeZone(start, timezone),
+            end: parseDateTimeLocalInTimeZone(end, timezone)
+          }
+        }
+      });
       setIsRescheduling(false);
     } catch {
     }
   }
   const isTerminal = booking.status === BOOKING_STATUS.CANCELLED || booking.status === BOOKING_STATUS.COMPLETED || booking.status === BOOKING_STATUS.NO_SHOW;
-  return /* @__PURE__ */ jsx9(SidePanel, { title: messages["booking.detailTitle"], closeLabel: messages["common.close"], onClose, children: /* @__PURE__ */ jsxs8("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx9("p", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: booking.title }),
-      /* @__PURE__ */ jsx9("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages[`booking.status.${booking.status === "no_show" ? "noShow" : booking.status}`] }),
-      /* @__PURE__ */ jsxs8("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+  return /* @__PURE__ */ jsx10(SidePanel, { title: messages["booking.detailTitle"], closeLabel: messages["common.close"], onClose, children: /* @__PURE__ */ jsxs9("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx10("p", { className: "text-base font-semibold text-gray-900 dark:text-gray-100", children: booking.title }),
+      /* @__PURE__ */ jsx10("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages[`booking.status.${booking.status === "no_show" ? "noShow" : booking.status}`] }),
+      /* @__PURE__ */ jsxs9("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
         booking.startsAt.toLocaleString(locale),
         " \u2192 ",
         booking.endsAt.toLocaleString(locale)
       ] })
     ] }),
-    (confirmBooking.isError || completeBooking.isError || markNoShow.isError || cancelBooking.isError || rescheduleBooking.isError) && /* @__PURE__ */ jsx9("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
-    !isTerminal && /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap gap-2", children: [
-      booking.status === BOOKING_STATUS.REQUESTED && /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => confirmBooking.mutate(booking.id), className: PRIMARY_BUTTON_CLASS, children: messages["booking.confirm"] }),
-      booking.status === BOOKING_STATUS.CONFIRMED && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => completeBooking.mutate(booking.id), className: ACTION_BUTTON_CLASS, children: messages["booking.complete"] }),
-        /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => markNoShow.mutate(booking.id), className: ACTION_BUTTON_CLASS, children: messages["booking.markNoShow"] }),
-        /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setIsRescheduling(true), className: ACTION_BUTTON_CLASS, children: messages["booking.reschedule"] })
+    (confirmBooking.isError || completeBooking.isError || markNoShow.isError || cancelBooking.isError || rescheduleBooking.isError) && /* @__PURE__ */ jsx10("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
+    !isTerminal && /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap gap-2", children: [
+      booking.status === BOOKING_STATUS.REQUESTED && /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => confirmBooking.mutate(booking.id), className: PRIMARY_BUTTON_CLASS, children: messages["booking.confirm"] }),
+      booking.status === BOOKING_STATUS.CONFIRMED && /* @__PURE__ */ jsxs9(Fragment3, { children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => completeBooking.mutate(booking.id), className: ACTION_BUTTON_CLASS, children: messages["booking.complete"] }),
+        /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => markNoShow.mutate(booking.id), className: ACTION_BUTTON_CLASS, children: messages["booking.markNoShow"] }),
+        /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => setIsRescheduling(true), className: ACTION_BUTTON_CLASS, children: messages["booking.reschedule"] })
       ] }),
-      /* @__PURE__ */ jsxs8("button", { type: "button", onClick: () => setIsCancelling(true), className: DANGER_BUTTON_CLASS, children: [
-        /* @__PURE__ */ jsx9(XCircle, { "aria-hidden": "true", className: "w-4 h-4" }),
+      /* @__PURE__ */ jsxs9("button", { type: "button", onClick: () => setIsCancelling(true), className: DANGER_BUTTON_CLASS, children: [
+        /* @__PURE__ */ jsx10(XCircle, { "aria-hidden": "true", className: "w-4 h-4" }),
         messages["booking.cancel"]
       ] })
     ] }),
-    isRescheduling && /* @__PURE__ */ jsxs8("div", { className: "space-y-2 rounded-lg border border-gray-200 dark:border-gray-700 p-3", children: [
-      /* @__PURE__ */ jsx9("input", { type: "datetime-local", value: start, onChange: (event) => setStart(event.target.value), className: INPUT_CLASS }),
-      /* @__PURE__ */ jsx9("input", { type: "datetime-local", value: end, onChange: (event) => setEnd(event.target.value), className: INPUT_CLASS }),
-      /* @__PURE__ */ jsx9("button", { type: "button", onClick: handleReschedule, disabled: rescheduleBooking.isPending, className: PRIMARY_BUTTON_CLASS, children: messages["common.save"] })
+    isRescheduling && /* @__PURE__ */ jsxs9("div", { className: "space-y-2 rounded-lg border border-gray-200 dark:border-gray-700 p-3", children: [
+      /* @__PURE__ */ jsx10(
+        DateTimeField,
+        {
+          label: messages["booking.rescheduleStart"],
+          value: start,
+          onChange: setStart
+        }
+      ),
+      /* @__PURE__ */ jsx10(DateTimeField, { label: messages["booking.rescheduleEnd"], value: end, onChange: setEnd }),
+      /* @__PURE__ */ jsx10("button", { type: "button", onClick: handleReschedule, disabled: rescheduleBooking.isPending, className: PRIMARY_BUTTON_CLASS, children: messages["common.save"] })
     ] }),
-    isCancelling && /* @__PURE__ */ jsxs8("div", { className: "space-y-2 rounded-lg border border-gray-200 dark:border-gray-700 p-3", children: [
-      /* @__PURE__ */ jsx9(
+    isCancelling && /* @__PURE__ */ jsxs9("div", { className: "space-y-2 rounded-lg border border-gray-200 dark:border-gray-700 p-3", children: [
+      /* @__PURE__ */ jsx10(
         "input",
         {
           type: "text",
@@ -1139,7 +1328,7 @@ function BookingDrawer({ booking, onClose }) {
           className: INPUT_CLASS
         }
       ),
-      /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx10(
         "input",
         {
           type: "text",
@@ -1149,8 +1338,8 @@ function BookingDrawer({ booking, onClose }) {
           className: INPUT_CLASS
         }
       ),
-      /* @__PURE__ */ jsxs8("button", { type: "button", onClick: handleCancel, disabled: cancelBooking.isPending, className: DANGER_BUTTON_CLASS, children: [
-        /* @__PURE__ */ jsx9(XCircle, { "aria-hidden": "true", className: "w-4 h-4" }),
+      /* @__PURE__ */ jsxs9("button", { type: "button", onClick: handleCancel, disabled: cancelBooking.isPending, className: DANGER_BUTTON_CLASS, children: [
+        /* @__PURE__ */ jsx10(XCircle, { "aria-hidden": "true", className: "w-4 h-4" }),
         messages["booking.cancel"]
       ] })
     ] })
@@ -1160,18 +1349,23 @@ function BookingDrawer({ booking, onClose }) {
 // src/components/BookingsTable.tsx
 import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown } from "lucide-react";
 import { useState as useState6 } from "react";
-import { BOOKING_STATUS as BOOKING_STATUS2 } from "@adatechnology/scheduling-contracts";
+import { BOOKING_STATUS as BOOKING_STATUS3 } from "@adatechnology/scheduling-contracts";
 
 // src/components/bookingsTableState.util.ts
+import { BOOKING_STATUS as BOOKING_STATUS2 } from "@adatechnology/scheduling-contracts";
 var DEFAULT_BOOKINGS_TABLE_STATE = {
   sortDirection: "asc",
   statusFilters: [],
   page: 1
 };
 var SORT_COLUMNS = ["title", "status", "startsAt", "endsAt"];
+var BOOKING_STATUSES = Object.values(BOOKING_STATUS2);
 function isBookingSortColumn(value) {
   return SORT_COLUMNS.includes(value);
 }
+function isBookingStatus(value) {
+  return BOOKING_STATUSES.includes(value);
+}
 function parsePage(value) {
   const parsed = Number(value);
   return Number.isInteger(parsed) && parsed > 0 ? parsed : 1;
@@ -1181,7 +1375,7 @@ function parseBookingsTableState(search) {
   const sortColumnParam = params.get("sortBy");
   const sortColumn = isBookingSortColumn(sortColumnParam) ? sortColumnParam : void 0;
   const sortDirection = params.get("sortDirection") === "desc" ? "desc" : "asc";
-  const statusFilters = params.getAll("status");
+  const statusFilters = params.getAll("status").filter(isBookingStatus);
   const page = parsePage(params.get("page"));
   return { ...sortColumn ? { sortColumn } : {}, sortDirection, statusFilters, page };
 }
@@ -1204,13 +1398,14 @@ function filterBookingsByStatus(bookings, statusFilters) {
 }
 
 // src/components/BookingsTable.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-var ALL_STATUSES = Object.values(BOOKING_STATUS2);
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var ALL_STATUSES = Object.values(BOOKING_STATUS3);
 var HEADER_BUTTON_CLASS = "inline-flex items-center gap-1 text-left text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400";
 var CHECKBOX_CELL_CLASS = "px-3 py-2";
-function nextSortDirection(column, currentColumn, currentDirection) {
-  if (currentColumn !== column) return "asc";
-  return currentDirection === "asc" ? "desc" : "asc";
+function nextSortState(column, currentColumn, currentDirection) {
+  if (currentColumn !== column) return { sortColumn: column, sortDirection: "asc" };
+  if (currentDirection === "asc") return { sortColumn: column, sortDirection: "desc" };
+  return { sortColumn: void 0, sortDirection: "asc" };
 }
 function BookingsTable({
   bookings,
@@ -1228,8 +1423,7 @@ function BookingsTable({
   function toggleSort(column) {
     onStateChange?.({
       ...state,
-      sortColumn: column,
-      sortDirection: nextSortDirection(column, state.sortColumn, state.sortDirection)
+      ...nextSortState(column, state.sortColumn, state.sortDirection)
     });
   }
   function toggleStatusFilter(status) {
@@ -1253,19 +1447,20 @@ function BookingsTable({
     setSelected(next);
   }
   function renderSortIcon(column) {
-    if (state.sortColumn !== column) return /* @__PURE__ */ jsx10(ArrowUpDown, { "aria-hidden": "true", className: "w-3 h-3" });
-    return state.sortDirection === "asc" ? /* @__PURE__ */ jsx10(ArrowUp, { "aria-hidden": "true", className: "w-3 h-3" }) : /* @__PURE__ */ jsx10(ArrowDown, { "aria-hidden": "true", className: "w-3 h-3" });
+    if (state.sortColumn !== column) return /* @__PURE__ */ jsx11(ArrowUpDown, { "aria-hidden": "true", className: "w-3 h-3" });
+    return state.sortDirection === "asc" ? /* @__PURE__ */ jsx11(ArrowUp, { "aria-hidden": "true", className: "w-3 h-3" }) : /* @__PURE__ */ jsx11(ArrowDown, { "aria-hidden": "true", className: "w-3 h-3" });
   }
   function renderHeader(column, labelKey) {
-    return /* @__PURE__ */ jsx10("th", { scope: "col", className: "px-3 py-2", children: /* @__PURE__ */ jsxs9("button", { type: "button", onClick: () => toggleSort(column), className: HEADER_BUTTON_CLASS, children: [
+    const ariaSort = state.sortColumn !== column ? "none" : state.sortDirection === "asc" ? "ascending" : "descending";
+    return /* @__PURE__ */ jsx11("th", { scope: "col", className: "px-3 py-2", "aria-sort": ariaSort, children: /* @__PURE__ */ jsxs10("button", { type: "button", onClick: () => toggleSort(column), className: HEADER_BUTTON_CLASS, children: [
       messages[labelKey],
       renderSortIcon(column)
     ] }) });
   }
-  return /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-3", children: [
-      ALL_STATUSES.map((status) => /* @__PURE__ */ jsxs9("label", { className: "flex items-center gap-1.5 text-sm min-h-11", children: [
-        /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs10("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-3", children: [
+      ALL_STATUSES.map((status) => /* @__PURE__ */ jsxs10("label", { className: "flex items-center gap-1.5 text-sm min-h-11", children: [
+        /* @__PURE__ */ jsx11(
           "input",
           {
             type: "checkbox",
@@ -1275,7 +1470,7 @@ function BookingsTable({
         ),
         messages[`booking.status.${status === "no_show" ? "noShow" : status}`]
       ] }, status)),
-      !isBookingsTableStateDefault(state) && /* @__PURE__ */ jsx10(
+      !isBookingsTableStateDefault(state) && /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1285,7 +1480,7 @@ function BookingsTable({
         }
       )
     ] }),
-    selected.size > 0 && bulkActions.length > 0 && /* @__PURE__ */ jsx10("div", { className: "flex items-center gap-2 rounded-lg bg-brand-50 dark:bg-brand-900/30 px-3 py-2", children: bulkActions.map((action) => /* @__PURE__ */ jsx10(
+    selected.size > 0 && bulkActions.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex items-center gap-2 rounded-lg bg-brand-50 dark:bg-brand-900/30 px-3 py-2", children: bulkActions.map((action) => /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -1295,10 +1490,10 @@ function BookingsTable({
       },
       action.key
     )) }),
-    /* @__PURE__ */ jsxs9("div", { className: "overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700", children: [
-      /* @__PURE__ */ jsxs9("table", { className: "min-w-full text-sm", children: [
-        /* @__PURE__ */ jsx10("thead", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs9("tr", { children: [
-          /* @__PURE__ */ jsx10("th", { scope: "col", className: CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs10("div", { className: "overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700", children: [
+      /* @__PURE__ */ jsxs10("table", { className: "min-w-full text-sm", children: [
+        /* @__PURE__ */ jsx11("thead", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ jsxs10("tr", { children: [
+          /* @__PURE__ */ jsx11("th", { scope: "col", className: CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ jsx11(
             "input",
             {
               type: "checkbox",
@@ -1312,12 +1507,12 @@ function BookingsTable({
           renderHeader("startsAt", "booking.column.startsAt"),
           renderHeader("endsAt", "booking.column.endsAt")
         ] }) }),
-        /* @__PURE__ */ jsx10("tbody", { children: visibleBookings.map((booking, index) => /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsx11("tbody", { children: visibleBookings.map((booking, index) => /* @__PURE__ */ jsxs10(
           "tr",
           {
             className: index % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : void 0,
             children: [
-              /* @__PURE__ */ jsx10("td", { className: CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx11("td", { className: CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ jsx11(
                 "input",
                 {
                   type: "checkbox",
@@ -1326,19 +1521,19 @@ function BookingsTable({
                   onChange: () => toggleRowSelected(booking.id)
                 }
               ) }),
-              /* @__PURE__ */ jsx10("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => onRowClick?.(booking), className: "min-h-11 text-left hover:underline", children: booking.title }) }),
-              /* @__PURE__ */ jsx10("td", { className: "px-3 py-2", children: messages[`booking.status.${booking.status === "no_show" ? "noShow" : booking.status}`] }),
-              /* @__PURE__ */ jsx10("td", { className: "px-3 py-2", children: booking.startsAt.toLocaleString(locale) }),
-              /* @__PURE__ */ jsx10("td", { className: "px-3 py-2", children: booking.endsAt.toLocaleString(locale) })
+              /* @__PURE__ */ jsx11("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx11("button", { type: "button", onClick: () => onRowClick?.(booking), className: "min-h-11 text-left hover:underline", children: booking.title }) }),
+              /* @__PURE__ */ jsx11("td", { className: "px-3 py-2", children: messages[`booking.status.${booking.status === "no_show" ? "noShow" : booking.status}`] }),
+              /* @__PURE__ */ jsx11("td", { className: "px-3 py-2", children: booking.startsAt.toLocaleString(locale) }),
+              /* @__PURE__ */ jsx11("td", { className: "px-3 py-2", children: booking.endsAt.toLocaleString(locale) })
             ]
           },
           booking.id
         )) })
       ] }),
-      visibleBookings.length === 0 && /* @__PURE__ */ jsx10("p", { className: "px-3 py-4 text-sm text-gray-500 dark:text-gray-400", children: messages["common.empty"] })
+      visibleBookings.length === 0 && /* @__PURE__ */ jsx11("p", { className: "px-3 py-4 text-sm text-gray-500 dark:text-gray-400", children: messages["common.empty"] })
     ] }),
-    pagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-end gap-3", children: [
-      /* @__PURE__ */ jsx10(
+    pagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-end gap-3", children: [
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1346,15 +1541,15 @@ function BookingsTable({
           disabled: state.page <= 1,
           onClick: () => goToPage(state.page - 1),
           className: "min-h-11 min-w-11 inline-flex items-center justify-center rounded-lg border border-gray-300 dark:border-gray-700 disabled:opacity-50",
-          children: /* @__PURE__ */ jsx10(ArrowLeft, { "aria-hidden": "true", className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx11(ArrowLeft, { "aria-hidden": "true", className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ jsxs9("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsxs10("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
         state.page,
         " / ",
         pagination.totalPages
       ] }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -1362,7 +1557,7 @@ function BookingsTable({
           disabled: state.page >= pagination.totalPages,
           onClick: () => goToPage(state.page + 1),
           className: "min-h-11 min-w-11 inline-flex items-center justify-center rounded-lg border border-gray-300 dark:border-gray-700 disabled:opacity-50",
-          children: /* @__PURE__ */ jsx10(ArrowRight, { "aria-hidden": "true", className: "w-4 h-4" })
+          children: /* @__PURE__ */ jsx11(ArrowRight, { "aria-hidden": "true", className: "w-4 h-4" })
         }
       )
     ] })
@@ -1391,7 +1586,7 @@ function useBookingsTableState() {
 }
 
 // src/workspace/BookingsArea.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
 function BookingsArea() {
   const { locale } = useSchedulingConfig();
@@ -1406,14 +1601,19 @@ function BookingsArea() {
     sortDirection: tableState.sortColumn ? tableState.sortDirection : void 0
   });
   const confirmBooking = useConfirmBooking();
+  const { data: resourcesData } = useResources({ pageSize: MAX_PAGE_SIZE3 });
   const [selectedBookingId, setSelectedBookingId] = useState8(void 0);
   const selectedBooking = data?.data.find((booking) => booking.id === selectedBookingId);
+  const selectedBookingResourceTimezone = resourcesData?.data.find(
+    (resource) => resource.id === selectedBooking?.resourceIds[0]
+  )?.timezone;
   function bulkConfirm(ids) {
     for (const id of ids) confirmBooking.mutate(id);
   }
-  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
-    isError && /* @__PURE__ */ jsx11("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
-    isLoading ? /* @__PURE__ */ jsx11("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
+    isError && /* @__PURE__ */ jsx12("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
+    confirmBooking.isError && /* @__PURE__ */ jsx12("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
+    isLoading ? /* @__PURE__ */ jsx12("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx12(
       BookingsTable,
       {
         bookings: data?.data ?? [],
@@ -1424,24 +1624,37 @@ function BookingsArea() {
         bulkActions: [{ key: "confirm", label: messages["booking.confirm"], onRun: bulkConfirm }]
       }
     ),
-    selectedBooking && /* @__PURE__ */ jsx11(BookingDrawer, { booking: selectedBooking, onClose: () => setSelectedBookingId(void 0) })
+    selectedBooking && /* @__PURE__ */ jsx12(
+      BookingDrawer,
+      {
+        booking: selectedBooking,
+        resourceTimezone: selectedBookingResourceTimezone,
+        onClose: () => setSelectedBookingId(void 0)
+      },
+      selectedBooking.id
+    )
   ] });
 }
 
 // src/workspace/ResourcesArea.tsx
 import { Plus as Plus3, Trash2 as Trash23 } from "lucide-react";
 import { useState as useState10 } from "react";
+import { MAX_PAGE_SIZE as MAX_PAGE_SIZE4 } from "@adatechnology/scheduling-contracts";
 
 // src/components/ResourceForm.tsx
-import { useState as useState9 } from "react";
+import { useId as useId2, useState as useState9 } from "react";
 import { RESOURCE_KIND } from "@adatechnology/scheduling-contracts";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var INPUT_CLASS2 = "w-full min-h-11 px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500 bg-white dark:bg-gray-900";
 var LABEL_CLASS = "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1";
 var BUTTON_PRIMARY = "inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors min-h-11 bg-brand-600 text-white hover:bg-brand-700 disabled:opacity-50";
 function ResourceForm({ initialValues, onSubmit }) {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
+  const formId = useId2();
+  const nameId = `${formId}-name`;
+  const kindId = `${formId}-kind`;
+  const timezoneId = `${formId}-timezone`;
   const [name, setName] = useState9(initialValues?.name ?? "");
   const [kind, setKind] = useState9(initialValues?.kind ?? RESOURCE_KIND.PERSON);
   const [timezone, setTimezone] = useState9(initialValues?.timezone ?? "America/Sao_Paulo");
@@ -1456,13 +1669,13 @@ function ResourceForm({ initialValues, onSubmit }) {
       setSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsxs11("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx12("label", { htmlFor: "scheduling-resource-name", className: LABEL_CLASS, children: messages["resource.name"] }),
-      /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs12("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx13("label", { htmlFor: nameId, className: LABEL_CLASS, children: messages["resource.name"] }),
+      /* @__PURE__ */ jsx13(
         "input",
         {
-          id: "scheduling-resource-name",
+          id: nameId,
           type: "text",
           required: true,
           value: name,
@@ -1471,29 +1684,29 @@ function ResourceForm({ initialValues, onSubmit }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx12("label", { htmlFor: "scheduling-resource-kind", className: LABEL_CLASS, children: messages["resource.kind"] }),
-      /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx13("label", { htmlFor: kindId, className: LABEL_CLASS, children: messages["resource.kind"] }),
+      /* @__PURE__ */ jsxs12(
         "select",
         {
-          id: "scheduling-resource-kind",
+          id: kindId,
           value: kind,
           onChange: (event) => setKind(event.target.value),
           className: INPUT_CLASS2,
           children: [
-            /* @__PURE__ */ jsx12("option", { value: RESOURCE_KIND.PERSON, children: messages["resource.kind.person"] }),
-            /* @__PURE__ */ jsx12("option", { value: RESOURCE_KIND.ROOM, children: messages["resource.kind.room"] }),
-            /* @__PURE__ */ jsx12("option", { value: RESOURCE_KIND.EQUIPMENT, children: messages["resource.kind.equipment"] })
+            /* @__PURE__ */ jsx13("option", { value: RESOURCE_KIND.PERSON, children: messages["resource.kind.person"] }),
+            /* @__PURE__ */ jsx13("option", { value: RESOURCE_KIND.ROOM, children: messages["resource.kind.room"] }),
+            /* @__PURE__ */ jsx13("option", { value: RESOURCE_KIND.EQUIPMENT, children: messages["resource.kind.equipment"] })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx12("label", { htmlFor: "scheduling-resource-timezone", className: LABEL_CLASS, children: messages["resource.timezone"] }),
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs12("div", { children: [
+      /* @__PURE__ */ jsx13("label", { htmlFor: timezoneId, className: LABEL_CLASS, children: messages["resource.timezone"] }),
+      /* @__PURE__ */ jsx13(
         "input",
         {
-          id: "scheduling-resource-timezone",
+          id: timezoneId,
           type: "text",
           required: true,
           value: timezone,
@@ -1503,47 +1716,47 @@ function ResourceForm({ initialValues, onSubmit }) {
         }
       )
     ] }),
-    initialValues && /* @__PURE__ */ jsxs11("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300 min-h-11", children: [
-      /* @__PURE__ */ jsx12("input", { type: "checkbox", checked: active, onChange: (event) => setActive(event.target.checked) }),
+    initialValues && /* @__PURE__ */ jsxs12("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300 min-h-11", children: [
+      /* @__PURE__ */ jsx13("input", { type: "checkbox", checked: active, onChange: (event) => setActive(event.target.checked) }),
       messages["resource.active"]
     ] }),
-    /* @__PURE__ */ jsx12("button", { type: "submit", disabled: submitting, className: BUTTON_PRIMARY, children: messages["common.save"] })
+    /* @__PURE__ */ jsx13("button", { type: "submit", disabled: submitting, className: BUTTON_PRIMARY, children: messages["common.save"] })
   ] });
 }
 
 // src/components/ResourceList.tsx
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function ResourceList({ resources, onSelect }) {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
   if (resources.length === 0) {
-    return /* @__PURE__ */ jsx13("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.empty"] });
+    return /* @__PURE__ */ jsx14("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.empty"] });
   }
-  return /* @__PURE__ */ jsx13("ul", { className: "divide-y divide-gray-200 dark:divide-gray-700 rounded-lg border border-gray-200 dark:border-gray-700", children: resources.map((resource, index) => /* @__PURE__ */ jsx13("li", { className: index % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : void 0, children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx14("ul", { className: "divide-y divide-gray-200 dark:divide-gray-700 rounded-lg border border-gray-200 dark:border-gray-700", children: resources.map((resource, index) => /* @__PURE__ */ jsx14("li", { className: index % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : void 0, children: /* @__PURE__ */ jsxs13(
     "button",
     {
       type: "button",
       onClick: () => onSelect(resource),
       className: "flex w-full items-center gap-3 px-4 py-3 min-h-11 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-800",
       children: [
-        /* @__PURE__ */ jsx13("span", { className: "flex-1 font-medium text-gray-900 dark:text-gray-100", children: resource.name }),
-        /* @__PURE__ */ jsx13("span", { className: "text-gray-500 dark:text-gray-400", children: messages[`resource.kind.${resource.kind}`] }),
-        /* @__PURE__ */ jsx13("span", { className: "text-gray-500 dark:text-gray-400", children: resource.timezone }),
-        !resource.active && /* @__PURE__ */ jsx13("span", { className: "rounded-full bg-gray-200 px-2 py-0.5 text-xs text-gray-700 dark:bg-gray-700 dark:text-gray-300", children: messages["resource.inactive"] })
+        /* @__PURE__ */ jsx14("span", { className: "flex-1 font-medium text-gray-900 dark:text-gray-100", children: resource.name }),
+        /* @__PURE__ */ jsx14("span", { className: "text-gray-500 dark:text-gray-400", children: messages[`resource.kind.${resource.kind}`] }),
+        /* @__PURE__ */ jsx14("span", { className: "text-gray-500 dark:text-gray-400", children: resource.timezone }),
+        !resource.active && /* @__PURE__ */ jsx14("span", { className: "rounded-full bg-gray-200 px-2 py-0.5 text-xs text-gray-700 dark:bg-gray-700 dark:text-gray-300", children: messages["resource.inactive"] })
       ]
     }
   ) }, resource.id)) });
 }
 
 // src/workspace/ResourcesArea.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var BUTTON_CLASS2 = "inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors min-h-11";
 var BUTTON_PRIMARY2 = `${BUTTON_CLASS2} bg-brand-600 text-white hover:bg-brand-700`;
 var BUTTON_DANGER = `${BUTTON_CLASS2} text-red-700 hover:bg-red-50`;
 function ResourcesArea() {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
-  const { data, isLoading, isError } = useResources();
+  const { data, isLoading, isError } = useResources({ pageSize: MAX_PAGE_SIZE4 });
   const createResource = useCreateResource();
   const updateResource = useUpdateResource();
   const deleteResource = useDeleteResource();
@@ -1561,21 +1774,21 @@ function ResourcesArea() {
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxs13("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
-    /* @__PURE__ */ jsx14("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs13("button", { type: "button", onClick: () => setDraft(null), className: `${BUTTON_PRIMARY2} ml-auto`, children: [
-      /* @__PURE__ */ jsx14(Plus3, { "aria-hidden": "true", className: "w-4 h-4" }),
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
+    /* @__PURE__ */ jsx15("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs14("button", { type: "button", onClick: () => setDraft(null), className: `${BUTTON_PRIMARY2} ml-auto`, children: [
+      /* @__PURE__ */ jsx15(Plus3, { "aria-hidden": "true", className: "w-4 h-4" }),
       messages["resource.newResource"]
     ] }) }),
-    isError && /* @__PURE__ */ jsx14("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
-    (createResource.isError || updateResource.isError || deleteResource.isError) && /* @__PURE__ */ jsx14("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
-    isLoading ? /* @__PURE__ */ jsx14("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx14(ResourceList, { resources: data?.data ?? [], onSelect: setDraft }),
-    isDraftOpen && /* @__PURE__ */ jsx14(
+    isError && /* @__PURE__ */ jsx15("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
+    (createResource.isError || updateResource.isError || deleteResource.isError) && /* @__PURE__ */ jsx15("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
+    isLoading ? /* @__PURE__ */ jsx15("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx15(ResourceList, { resources: data?.data ?? [], onSelect: setDraft }),
+    isDraftOpen && /* @__PURE__ */ jsx15(
       SidePanel,
       {
         title: isEditing ? messages["resource.editTitle"] : messages["resource.createTitle"],
         closeLabel: messages["common.close"],
         onClose: () => setDraft(void 0),
-        headerActions: isEditing ? /* @__PURE__ */ jsxs13(
+        headerActions: isEditing ? /* @__PURE__ */ jsxs14(
           "button",
           {
             type: "button",
@@ -1585,12 +1798,12 @@ function ResourcesArea() {
             },
             className: BUTTON_DANGER,
             children: [
-              /* @__PURE__ */ jsx14(Trash23, { "aria-hidden": "true", className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx15(Trash23, { "aria-hidden": "true", className: "w-4 h-4" }),
               messages["common.remove"]
             ]
           }
         ) : void 0,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx15(
           ResourceForm,
           {
             ...draft ? { initialValues: draft } : {},
@@ -1606,10 +1819,11 @@ function ResourcesArea() {
 // src/workspace/ServicesArea.tsx
 import { Plus as Plus4, Trash2 as Trash24 } from "lucide-react";
 import { useState as useState12 } from "react";
+import { MAX_PAGE_SIZE as MAX_PAGE_SIZE5 } from "@adatechnology/scheduling-contracts";
 
 // src/components/ServiceForm.tsx
 import { useState as useState11 } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var INPUT_CLASS3 = "w-full min-h-11 px-3 py-2 border border-gray-300 dark:border-gray-700 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-brand-500 bg-white dark:bg-gray-900";
 var LABEL_CLASS2 = "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1";
 var BUTTON_PRIMARY3 = "inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors min-h-11 bg-brand-600 text-white hover:bg-brand-700 disabled:opacity-50";
@@ -1631,10 +1845,10 @@ function ServiceForm({ initialValues, onSubmit }) {
       setSubmitting(false);
     }
   }
-  return /* @__PURE__ */ jsxs14("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx15("label", { htmlFor: "scheduling-service-name", className: LABEL_CLASS2, children: messages["service.name"] }),
-      /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs15("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx16("label", { htmlFor: "scheduling-service-name", className: LABEL_CLASS2, children: messages["service.name"] }),
+      /* @__PURE__ */ jsx16(
         "input",
         {
           id: "scheduling-service-name",
@@ -1646,9 +1860,9 @@ function ServiceForm({ initialValues, onSubmit }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx15("label", { htmlFor: "scheduling-service-duration", className: LABEL_CLASS2, children: messages["service.durationMinutes"] }),
-      /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs15("div", { children: [
+      /* @__PURE__ */ jsx16("label", { htmlFor: "scheduling-service-duration", className: LABEL_CLASS2, children: messages["service.durationMinutes"] }),
+      /* @__PURE__ */ jsx16(
         "input",
         {
           id: "scheduling-service-duration",
@@ -1661,10 +1875,10 @@ function ServiceForm({ initialValues, onSubmit }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx15("label", { htmlFor: "scheduling-service-buffer-before", className: LABEL_CLASS2, children: messages["service.bufferBeforeMinutes"] }),
-        /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx16("label", { htmlFor: "scheduling-service-buffer-before", className: LABEL_CLASS2, children: messages["service.bufferBeforeMinutes"] }),
+        /* @__PURE__ */ jsx16(
           "input",
           {
             id: "scheduling-service-buffer-before",
@@ -1676,9 +1890,9 @@ function ServiceForm({ initialValues, onSubmit }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs14("div", { children: [
-        /* @__PURE__ */ jsx15("label", { htmlFor: "scheduling-service-buffer-after", className: LABEL_CLASS2, children: messages["service.bufferAfterMinutes"] }),
-        /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsxs15("div", { children: [
+        /* @__PURE__ */ jsx16("label", { htmlFor: "scheduling-service-buffer-after", className: LABEL_CLASS2, children: messages["service.bufferAfterMinutes"] }),
+        /* @__PURE__ */ jsx16(
           "input",
           {
             id: "scheduling-service-buffer-after",
@@ -1691,49 +1905,49 @@ function ServiceForm({ initialValues, onSubmit }) {
         )
       ] })
     ] }),
-    initialValues && /* @__PURE__ */ jsxs14("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300 min-h-11", children: [
-      /* @__PURE__ */ jsx15("input", { type: "checkbox", checked: active, onChange: (event) => setActive(event.target.checked) }),
+    initialValues && /* @__PURE__ */ jsxs15("label", { className: "flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300 min-h-11", children: [
+      /* @__PURE__ */ jsx16("input", { type: "checkbox", checked: active, onChange: (event) => setActive(event.target.checked) }),
       messages["service.active"]
     ] }),
-    /* @__PURE__ */ jsx15("button", { type: "submit", disabled: submitting, className: BUTTON_PRIMARY3, children: messages["common.save"] })
+    /* @__PURE__ */ jsx16("button", { type: "submit", disabled: submitting, className: BUTTON_PRIMARY3, children: messages["common.save"] })
   ] });
 }
 
 // src/components/ServiceList.tsx
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function ServiceList({ services, onSelect }) {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
   if (services.length === 0) {
-    return /* @__PURE__ */ jsx16("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.empty"] });
+    return /* @__PURE__ */ jsx17("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.empty"] });
   }
-  return /* @__PURE__ */ jsx16("ul", { className: "divide-y divide-gray-200 dark:divide-gray-700 rounded-lg border border-gray-200 dark:border-gray-700", children: services.map((service, index) => /* @__PURE__ */ jsx16("li", { className: index % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : void 0, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx17("ul", { className: "divide-y divide-gray-200 dark:divide-gray-700 rounded-lg border border-gray-200 dark:border-gray-700", children: services.map((service, index) => /* @__PURE__ */ jsx17("li", { className: index % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : void 0, children: /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
       onClick: () => onSelect(service),
       className: "flex w-full items-center gap-3 px-4 py-3 min-h-11 text-left text-sm hover:bg-gray-100 dark:hover:bg-gray-800",
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "flex-1 font-medium text-gray-900 dark:text-gray-100", children: service.name }),
-        /* @__PURE__ */ jsxs15("span", { className: "text-gray-500 dark:text-gray-400", children: [
+        /* @__PURE__ */ jsx17("span", { className: "flex-1 font-medium text-gray-900 dark:text-gray-100", children: service.name }),
+        /* @__PURE__ */ jsxs16("span", { className: "text-gray-500 dark:text-gray-400", children: [
           service.durationMinutes,
           " min"
         ] }),
-        !service.active && /* @__PURE__ */ jsx16("span", { className: "rounded-full bg-gray-200 px-2 py-0.5 text-xs text-gray-700 dark:bg-gray-700 dark:text-gray-300", children: messages["service.inactive"] })
+        !service.active && /* @__PURE__ */ jsx17("span", { className: "rounded-full bg-gray-200 px-2 py-0.5 text-xs text-gray-700 dark:bg-gray-700 dark:text-gray-300", children: messages["service.inactive"] })
       ]
     }
   ) }, service.id)) });
 }
 
 // src/workspace/ServicesArea.tsx
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var BUTTON_CLASS3 = "inline-flex items-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-colors min-h-11";
 var BUTTON_PRIMARY4 = `${BUTTON_CLASS3} bg-brand-600 text-white hover:bg-brand-700`;
 var BUTTON_DANGER2 = `${BUTTON_CLASS3} text-red-700 hover:bg-red-50`;
 function ServicesArea() {
   const { locale } = useSchedulingConfig();
   const messages = resolveSchedulingMessages(locale);
-  const { data, isLoading, isError } = useServices();
+  const { data, isLoading, isError } = useServices({ pageSize: MAX_PAGE_SIZE5 });
   const createService = useCreateService();
   const updateService = useUpdateService();
   const deleteService = useDeleteService();
@@ -1751,21 +1965,21 @@ function ServicesArea() {
     } catch {
     }
   }
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
-    /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs16("button", { type: "button", onClick: () => setDraft(null), className: `${BUTTON_PRIMARY4} ml-auto`, children: [
-      /* @__PURE__ */ jsx17(Plus4, { "aria-hidden": "true", className: "w-4 h-4" }),
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
+    /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs17("button", { type: "button", onClick: () => setDraft(null), className: `${BUTTON_PRIMARY4} ml-auto`, children: [
+      /* @__PURE__ */ jsx18(Plus4, { "aria-hidden": "true", className: "w-4 h-4" }),
       messages["service.newService"]
     ] }) }),
-    isError && /* @__PURE__ */ jsx17("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
-    (createService.isError || updateService.isError || deleteService.isError) && /* @__PURE__ */ jsx17("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
-    isLoading ? /* @__PURE__ */ jsx17("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx17(ServiceList, { services: data?.data ?? [], onSelect: setDraft }),
-    isDraftOpen && /* @__PURE__ */ jsx17(
+    isError && /* @__PURE__ */ jsx18("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] }),
+    (createService.isError || updateService.isError || deleteService.isError) && /* @__PURE__ */ jsx18("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
+    isLoading ? /* @__PURE__ */ jsx18("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] }) : /* @__PURE__ */ jsx18(ServiceList, { services: data?.data ?? [], onSelect: setDraft }),
+    isDraftOpen && /* @__PURE__ */ jsx18(
       SidePanel,
       {
         title: isEditing ? messages["service.editTitle"] : messages["service.createTitle"],
         closeLabel: messages["common.close"],
         onClose: () => setDraft(void 0),
-        headerActions: isEditing ? /* @__PURE__ */ jsxs16(
+        headerActions: isEditing ? /* @__PURE__ */ jsxs17(
           "button",
           {
             type: "button",
@@ -1775,12 +1989,12 @@ function ServicesArea() {
             },
             className: BUTTON_DANGER2,
             children: [
-              /* @__PURE__ */ jsx17(Trash24, { "aria-hidden": "true", className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx18(Trash24, { "aria-hidden": "true", className: "w-4 h-4" }),
               messages["common.remove"]
             ]
           }
         ) : void 0,
-        children: /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsx18(
           ServiceForm,
           {
             ...draft ? { initialValues: draft } : {},
@@ -1810,7 +2024,7 @@ function isSchedulingWorkspaceArea(value) {
 }
 
 // src/workspace/WorkspaceAreaNav.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 var ITEM_BASE = "flex items-center gap-2 px-3 py-2 -mb-px border-b-2 text-sm font-medium transition-colors min-h-11";
 var ITEM_ACTIVE = "border-brand-600 text-brand-700 dark:text-brand-400";
 var ITEM_IDLE = "border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100";
@@ -1829,9 +2043,9 @@ function WorkspaceAreaNav({ area, labels, onSelect }) {
     [SCHEDULING_WORKSPACE_AREA.SERVICES, labels.servicesTab],
     [SCHEDULING_WORKSPACE_AREA.AVAILABILITY, labels.availabilityTab]
   ];
-  return /* @__PURE__ */ jsx18("nav", { "aria-label": labels.areaNav, className: "flex gap-1 px-4 border-b border-gray-200 dark:border-gray-700 overflow-x-auto", children: items.map(([value, label]) => {
+  return /* @__PURE__ */ jsx19("nav", { "aria-label": labels.areaNav, className: "flex gap-1 px-4 border-b border-gray-200 dark:border-gray-700 overflow-x-auto", children: items.map(([value, label]) => {
     const Icon = AREA_ICON[value];
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "button",
       {
         type: "button",
@@ -1839,7 +2053,7 @@ function WorkspaceAreaNav({ area, labels, onSelect }) {
         "aria-current": value === area ? "page" : void 0,
         className: `${ITEM_BASE} ${value === area ? ITEM_ACTIVE : ITEM_IDLE} whitespace-nowrap`,
         children: [
-          /* @__PURE__ */ jsx18(Icon, { "aria-hidden": "true", className: "w-4 h-4 shrink-0" }),
+          /* @__PURE__ */ jsx19(Icon, { "aria-hidden": "true", className: "w-4 h-4 shrink-0" }),
           label
         ]
       },
@@ -1849,7 +2063,7 @@ function WorkspaceAreaNav({ area, labels, onSelect }) {
 }
 
 // src/workspace/SchedulingWorkspace.tsx
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var AREA_COMPONENT = {
   [SCHEDULING_WORKSPACE_AREA.AGENDA]: AgendaArea,
   [SCHEDULING_WORKSPACE_AREA.BOOKINGS]: BookingsArea,
@@ -1871,13 +2085,13 @@ function SchedulingWorkspace({
     setInternalArea(next);
     onAreaChange?.(next);
   }
-  return /* @__PURE__ */ jsxs18("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs18("header", { className: "flex flex-wrap items-center gap-3 px-4 py-3", children: [
-      /* @__PURE__ */ jsx19("h1", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100 mr-auto", children: labels.title }),
+  return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsxs19("header", { className: "flex flex-wrap items-center gap-3 px-4 py-3", children: [
+      /* @__PURE__ */ jsx20("h1", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100 mr-auto", children: labels.title }),
       renderHeaderActions?.()
     ] }),
-    /* @__PURE__ */ jsx19(WorkspaceAreaNav, { area, labels, onSelect: handleSelectArea }),
-    /* @__PURE__ */ jsx19("div", { className: "relative flex flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx19(AreaComponent, {}) })
+    /* @__PURE__ */ jsx20(WorkspaceAreaNav, { area, labels, onSelect: handleSelectArea }),
+    /* @__PURE__ */ jsx20("div", { className: "relative flex flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx20(AreaComponent, {}) })
   ] });
 }
 export {