@adatechnology/scheduling-ui 0.1.0-rc.1

package/dist/index.js

@@ -0,0 +1,1917 @@
+// src/providers/types.ts
+var DEFAULT_SCHEDULING_UI_CONFIG = {
+  locale: "pt-BR",
+  weekStartsOn: 1,
+  agendaStartHour: 7,
+  agendaEndHour: 20
+};
+
+// src/providers/SchedulingProvider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var SchedulingContext = createContext(null);
+function SchedulingProvider({ api, config, children }) {
+  const value = useMemo(
+    () => ({ api, config: { ...DEFAULT_SCHEDULING_UI_CONFIG, ...config } }),
+    [api, config]
+  );
+  return /* @__PURE__ */ jsx(SchedulingContext.Provider, { value, children });
+}
+function useScheduling() {
+  return useSchedulingContext().api;
+}
+function useSchedulingConfig() {
+  return useSchedulingContext().config;
+}
+function useSchedulingContext() {
+  const value = useContext(SchedulingContext);
+  if (!value) {
+    throw new Error("useScheduling() must be used within a <SchedulingProvider>");
+  }
+  return value;
+}
+
+// src/hooks/queryKeys.ts
+var SCHEDULING_QUERY_KEYS = {
+  resources: {
+    all: ["scheduling", "resources"],
+    list: (params) => ["scheduling", "resources", "list", params]
+  },
+  services: {
+    all: ["scheduling", "services"],
+    list: (params) => ["scheduling", "services", "list", params]
+  },
+  availabilityRules: {
+    all: (resourceId) => ["scheduling", "availability-rules", resourceId]
+  },
+  availabilityExceptions: {
+    all: (resourceId) => ["scheduling", "availability-exceptions", resourceId]
+  },
+  availableSlots: {
+    list: (params) => ["scheduling", "available-slots", params]
+  },
+  bookings: {
+    all: ["scheduling", "bookings"],
+    list: (params) => ["scheduling", "bookings", "list", params],
+    detail: (id) => ["scheduling", "bookings", "detail", id]
+  }
+};
+
+// src/hooks/useResources.query.ts
+import { useQuery } from "@tanstack/react-query";
+function useResources(options = {}) {
+  const api = useScheduling();
+  return useQuery({
+    queryKey: SCHEDULING_QUERY_KEYS.resources.list(options),
+    queryFn: () => api.listResources(options)
+  });
+}
+
+// src/hooks/useResourceMutations.mutation.ts
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+function useCreateResource() {
+  const api = useScheduling();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (input) => api.createResource(input),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.resources.all });
+    }
+  });
+}
+function useUpdateResource() {
+  const api = useScheduling();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({ id, input }) => api.updateResource(id, input),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.resources.all });
+    }
+  });
+}
+function useDeleteResource() {
+  const api = useScheduling();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: (id) => api.deleteResource(id),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.resources.all });
+    }
+  });
+}
+
+// src/hooks/useServices.query.ts
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+function useServices(options = {}) {
+  const api = useScheduling();
+  return useQuery2({
+    queryKey: SCHEDULING_QUERY_KEYS.services.list(options),
+    queryFn: () => api.listServices(options)
+  });
+}
+
+// src/hooks/useServiceMutations.mutation.ts
+import { useMutation as useMutation2, useQueryClient as useQueryClient2 } from "@tanstack/react-query";
+function useCreateService() {
+  const api = useScheduling();
+  const queryClient = useQueryClient2();
+  return useMutation2({
+    mutationFn: (input) => api.createService(input),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.services.all });
+    }
+  });
+}
+function useUpdateService() {
+  const api = useScheduling();
+  const queryClient = useQueryClient2();
+  return useMutation2({
+    mutationFn: ({ id, input }) => api.updateService(id, input),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.services.all });
+    }
+  });
+}
+function useDeleteService() {
+  const api = useScheduling();
+  const queryClient = useQueryClient2();
+  return useMutation2({
+    mutationFn: (id) => api.deleteService(id),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.services.all });
+    }
+  });
+}
+
+// src/hooks/useAvailabilityRules.query.ts
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+function useAvailabilityRules(resourceId) {
+  const api = useScheduling();
+  return useQuery3({
+    queryKey: SCHEDULING_QUERY_KEYS.availabilityRules.all(resourceId),
+    queryFn: () => api.listAvailabilityRules(resourceId),
+    enabled: resourceId.length > 0
+  });
+}
+
+// src/hooks/useAvailabilityExceptions.query.ts
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+function useAvailabilityExceptions(resourceId) {
+  const api = useScheduling();
+  return useQuery4({
+    queryKey: SCHEDULING_QUERY_KEYS.availabilityExceptions.all(resourceId),
+    queryFn: () => api.listAvailabilityExceptions(resourceId),
+    enabled: resourceId.length > 0
+  });
+}
+
+// src/hooks/useAvailabilityMutations.mutation.ts
+import { useMutation as useMutation3, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+function useSetAvailabilityRules() {
+  const api = useScheduling();
+  const queryClient = useQueryClient3();
+  return useMutation3({
+    mutationFn: ({
+      resourceId,
+      rules
+    }) => api.setAvailabilityRules(resourceId, rules),
+    onSuccess(_data, { resourceId }) {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.availabilityRules.all(resourceId) });
+    }
+  });
+}
+function useAddAvailabilityException() {
+  const api = useScheduling();
+  const queryClient = useQueryClient3();
+  return useMutation3({
+    mutationFn: (input) => api.addAvailabilityException(input),
+    onSuccess(data) {
+      void queryClient.invalidateQueries({
+        queryKey: SCHEDULING_QUERY_KEYS.availabilityExceptions.all(data.resourceId)
+      });
+    }
+  });
+}
+function useRemoveAvailabilityException() {
+  const api = useScheduling();
+  const queryClient = useQueryClient3();
+  return useMutation3({
+    mutationFn: ({ id }) => api.removeAvailabilityException(id),
+    onSuccess(_data, { resourceId }) {
+      void queryClient.invalidateQueries({
+        queryKey: SCHEDULING_QUERY_KEYS.availabilityExceptions.all(resourceId)
+      });
+    }
+  });
+}
+
+// src/hooks/useAvailableSlots.query.ts
+import { useQuery as useQuery5 } from "@tanstack/react-query";
+function useAvailableSlots(params) {
+  const api = useScheduling();
+  return useQuery5({
+    queryKey: SCHEDULING_QUERY_KEYS.availableSlots.list(params),
+    queryFn: () => api.getAvailableSlots(params),
+    enabled: Boolean(params.resourceId && params.from && params.until)
+  });
+}
+
+// src/hooks/useBookings.query.ts
+import { useQuery as useQuery6 } from "@tanstack/react-query";
+function useBookings(params = {}) {
+  const api = useScheduling();
+  return useQuery6({
+    queryKey: SCHEDULING_QUERY_KEYS.bookings.list(params),
+    queryFn: () => api.listBookings(params)
+  });
+}
+function useBooking(id) {
+  const api = useScheduling();
+  return useQuery6({
+    queryKey: SCHEDULING_QUERY_KEYS.bookings.detail(id),
+    queryFn: () => api.getBooking(id),
+    enabled: id.length > 0
+  });
+}
+
+// src/hooks/useBookingMutations.mutation.ts
+import { useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+function invalidateBooking(queryClient, booking) {
+  void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.bookings.all });
+  void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.bookings.detail(booking.id) });
+}
+function useConfirmBooking() {
+  const api = useScheduling();
+  const queryClient = useQueryClient4();
+  return useMutation4({
+    mutationFn: (id) => api.confirmBooking(id),
+    onSuccess: (booking) => invalidateBooking(queryClient, booking)
+  });
+}
+function useCancelBooking() {
+  const api = useScheduling();
+  const queryClient = useQueryClient4();
+  return useMutation4({
+    mutationFn: ({ id, input }) => api.cancelBooking(id, input),
+    onSuccess: (booking) => invalidateBooking(queryClient, booking)
+  });
+}
+function useCompleteBooking() {
+  const api = useScheduling();
+  const queryClient = useQueryClient4();
+  return useMutation4({
+    mutationFn: (id) => api.completeBooking(id),
+    onSuccess: (booking) => invalidateBooking(queryClient, booking)
+  });
+}
+function useMarkNoShow() {
+  const api = useScheduling();
+  const queryClient = useQueryClient4();
+  return useMutation4({
+    mutationFn: (id) => api.markNoShow(id),
+    onSuccess: (booking) => invalidateBooking(queryClient, booking)
+  });
+}
+
+// src/hooks/useRequestBooking.mutation.ts
+import { useMutation as useMutation5, useQueryClient as useQueryClient5 } from "@tanstack/react-query";
+function useRequestBooking() {
+  const api = useScheduling();
+  const queryClient = useQueryClient5();
+  return useMutation5({
+    mutationFn: ({ input, idempotencyKey }) => api.requestBooking(input, idempotencyKey),
+    onSuccess() {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.bookings.all });
+      void queryClient.invalidateQueries({ queryKey: ["scheduling", "available-slots"] });
+    }
+  });
+}
+
+// src/hooks/useRescheduleBooking.mutation.ts
+import { useMutation as useMutation6, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+function useRescheduleBooking() {
+  const api = useScheduling();
+  const queryClient = useQueryClient6();
+  return useMutation6({
+    mutationFn: ({ id, input }) => api.rescheduleBooking(id, input),
+    onSuccess(data) {
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.bookings.all });
+      void queryClient.invalidateQueries({ queryKey: SCHEDULING_QUERY_KEYS.bookings.detail(data.id) });
+    }
+  });
+}
+
+// src/workspace/labels.ts
+var DEFAULT_SCHEDULING_WORKSPACE_LABELS = {
+  title: "Agendamento",
+  areaNav: "\xC1reas do agendamento",
+  agendaTab: "Agenda",
+  bookingsTab: "Reservas",
+  resourcesTab: "Recursos",
+  servicesTab: "Servi\xE7os",
+  availabilityTab: "Disponibilidade"
+};
+
+// src/workspace/SchedulingWorkspace.tsx
+import { useState as useState13 } from "react";
+
+// src/workspace/AgendaArea.tsx
+import { useState } from "react";
+import { MAX_PAGE_SIZE } from "@adatechnology/scheduling-contracts";
+
+// src/locales/pt-BR.json
+var pt_BR_default = {
+  "common.close": "Fechar",
+  "common.cancel": "Cancelar",
+  "common.save": "Salvar",
+  "common.remove": "Excluir",
+  "common.loading": "Carregando\u2026",
+  "common.loadFailure": "N\xE3o foi poss\xEDvel carregar",
+  "common.actionFailure": "A\xE7\xE3o falhou. Tente novamente.",
+  "common.empty": "Nada por aqui ainda",
+  "common.clearFilters": "Limpar filtros",
+  "common.selectAll": "Selecionar todos",
+  "common.previousPage": "P\xE1gina anterior",
+  "common.nextPage": "Pr\xF3xima p\xE1gina",
+  "resource.newResource": "Novo recurso",
+  "resource.editTitle": "Editar recurso",
+  "resource.createTitle": "Novo recurso",
+  "resource.name": "Nome",
+  "resource.kind": "Tipo",
+  "resource.timezone": "Fuso hor\xE1rio",
+  "resource.active": "Ativo",
+  "resource.inactive": "Inativo",
+  "resource.kind.person": "Pessoa",
+  "resource.kind.room": "Sala",
+  "resource.kind.equipment": "Equipamento",
+  "service.newService": "Novo servi\xE7o",
+  "service.editTitle": "Editar servi\xE7o",
+  "service.createTitle": "Novo servi\xE7o",
+  "service.name": "Nome",
+  "service.durationMinutes": "Dura\xE7\xE3o (minutos)",
+  "service.bufferBeforeMinutes": "Intervalo antes (minutos)",
+  "service.bufferAfterMinutes": "Intervalo depois (minutos)",
+  "service.active": "Ativo",
+  "service.inactive": "Inativo",
+  "agenda.resourceLabel": "Recurso",
+  "agenda.today": "Hoje",
+  "agenda.previous": "Anterior",
+  "agenda.next": "Pr\xF3ximo",
+  "agenda.viewDay": "Dia",
+  "agenda.viewWeek": "Semana",
+  "agenda.empty": "Sem reservas neste per\xEDodo",
+  "availability.weeklyRulesTitle": "Regras semanais",
+  "availability.exceptionsTitle": "Exce\xE7\xF5es",
+  "availability.resourceTimezone": "Fuso do recurso",
+  "availability.addRule": "Adicionar regra",
+  "availability.removeRule": "Remover",
+  "availability.addException": "Adicionar exce\xE7\xE3o",
+  "availability.removeException": "Remover",
+  "availability.exceptionKind.blocked": "Bloqueio",
+  "availability.exceptionKind.extra": "Extra",
+  "availability.exceptionReason": "Motivo",
+  "availability.weekday.0": "Domingo",
+  "availability.weekday.1": "Segunda",
+  "availability.weekday.2": "Ter\xE7a",
+  "availability.weekday.3": "Quarta",
+  "availability.weekday.4": "Quinta",
+  "availability.weekday.5": "Sexta",
+  "availability.weekday.6": "S\xE1bado",
+  "booking.status.requested": "Solicitada",
+  "booking.status.confirmed": "Confirmada",
+  "booking.status.cancelled": "Cancelada",
+  "booking.status.completed": "Conclu\xEDda",
+  "booking.status.noShow": "N\xE3o compareceu",
+  "booking.confirm": "Confirmar",
+  "booking.cancel": "Cancelar reserva",
+  "booking.complete": "Concluir",
+  "booking.markNoShow": "Marcar n\xE3o compareceu",
+  "booking.reschedule": "Reagendar",
+  "booking.detailTitle": "Detalhes da reserva",
+  "booking.cancelReason": "Motivo do cancelamento",
+  "booking.cancelledBy": "Cancelado por",
+  "booking.column.title": "T\xEDtulo",
+  "booking.column.resource": "Recurso",
+  "booking.column.status": "Status",
+  "booking.column.startsAt": "In\xEDcio",
+  "booking.column.endsAt": "Fim",
+  "booking.column.actions": "A\xE7\xF5es",
+  "booking.filterByStatus": "Filtrar por status",
+  "booking.bulkConfirm": "Confirmar selecionadas",
+  "booking.bulkCancel": "Cancelar selecionadas",
+  "availability.weekdayLabel": "Dia da semana",
+  "availability.startsAtLocal": "In\xEDcio",
+  "availability.endsAtLocal": "Fim",
+  "availability.exceptionFrom": "De",
+  "availability.exceptionUntil": "At\xE9"
+};
+
+// src/locales/en.json
+var en_default = {
+  "common.close": "Close",
+  "common.cancel": "Cancel",
+  "common.save": "Save",
+  "common.remove": "Delete",
+  "common.loading": "Loading\u2026",
+  "common.loadFailure": "Could not load",
+  "common.actionFailure": "Action failed. Try again.",
+  "common.empty": "Nothing here yet",
+  "common.clearFilters": "Clear filters",
+  "common.selectAll": "Select all",
+  "common.previousPage": "Previous page",
+  "common.nextPage": "Next page",
+  "resource.newResource": "New resource",
+  "resource.editTitle": "Edit resource",
+  "resource.createTitle": "New resource",
+  "resource.name": "Name",
+  "resource.kind": "Kind",
+  "resource.timezone": "Timezone",
+  "resource.active": "Active",
+  "resource.inactive": "Inactive",
+  "resource.kind.person": "Person",
+  "resource.kind.room": "Room",
+  "resource.kind.equipment": "Equipment",
+  "service.newService": "New service",
+  "service.editTitle": "Edit service",
+  "service.createTitle": "New service",
+  "service.name": "Name",
+  "service.durationMinutes": "Duration (minutes)",
+  "service.bufferBeforeMinutes": "Buffer before (minutes)",
+  "service.bufferAfterMinutes": "Buffer after (minutes)",
+  "service.active": "Active",
+  "service.inactive": "Inactive",
+  "agenda.resourceLabel": "Resource",
+  "agenda.today": "Today",
+  "agenda.previous": "Previous",
+  "agenda.next": "Next",
+  "agenda.viewDay": "Day",
+  "agenda.viewWeek": "Week",
+  "agenda.empty": "No bookings in this period",
+  "availability.weeklyRulesTitle": "Weekly rules",
+  "availability.exceptionsTitle": "Exceptions",
+  "availability.resourceTimezone": "Resource timezone",
+  "availability.addRule": "Add rule",
+  "availability.removeRule": "Remove",
+  "availability.addException": "Add exception",
+  "availability.removeException": "Remove",
+  "availability.exceptionKind.blocked": "Blocked",
+  "availability.exceptionKind.extra": "Extra",
+  "availability.exceptionReason": "Reason",
+  "availability.weekday.0": "Sunday",
+  "availability.weekday.1": "Monday",
+  "availability.weekday.2": "Tuesday",
+  "availability.weekday.3": "Wednesday",
+  "availability.weekday.4": "Thursday",
+  "availability.weekday.5": "Friday",
+  "availability.weekday.6": "Saturday",
+  "booking.status.requested": "Requested",
+  "booking.status.confirmed": "Confirmed",
+  "booking.status.cancelled": "Cancelled",
+  "booking.status.completed": "Completed",
+  "booking.status.noShow": "No-show",
+  "booking.confirm": "Confirm",
+  "booking.cancel": "Cancel booking",
+  "booking.complete": "Complete",
+  "booking.markNoShow": "Mark no-show",
+  "booking.reschedule": "Reschedule",
+  "booking.detailTitle": "Booking details",
+  "booking.cancelReason": "Cancellation reason",
+  "booking.cancelledBy": "Cancelled by",
+  "booking.column.title": "Title",
+  "booking.column.resource": "Resource",
+  "booking.column.status": "Status",
+  "booking.column.startsAt": "Starts",
+  "booking.column.endsAt": "Ends",
+  "booking.column.actions": "Actions",
+  "booking.filterByStatus": "Filter by status",
+  "booking.bulkConfirm": "Confirm selected",
+  "booking.bulkCancel": "Cancel selected",
+  "availability.weekdayLabel": "Weekday",
+  "availability.startsAtLocal": "Starts",
+  "availability.endsAtLocal": "Ends",
+  "availability.exceptionFrom": "From",
+  "availability.exceptionUntil": "Until"
+};
+
+// src/locales/index.ts
+var DEFAULT_SCHEDULING_LOCALE = "pt-BR";
+var MESSAGES_BY_LOCALE = {
+  "pt-BR": pt_BR_default,
+  en: en_default
+};
+function resolveSchedulingMessages(locale) {
+  return MESSAGES_BY_LOCALE[locale] ?? MESSAGES_BY_LOCALE[DEFAULT_SCHEDULING_LOCALE];
+}
+
+// src/components/agendaLayout.util.ts
+function groupOverlappingBookings(sortedBookings) {
+  const clusters = [];
+  let current = [];
+  let currentEnd = -Infinity;
+  for (const booking of sortedBookings) {
+    if (current.length > 0 && booking.startsAt.getTime() >= currentEnd) {
+      clusters.push(current);
+      current = [];
+      currentEnd = -Infinity;
+    }
+    current.push(booking);
+    currentEnd = Math.max(currentEnd, booking.endsAt.getTime());
+  }
+  if (current.length > 0) clusters.push(current);
+  return clusters;
+}
+function assignColumns(cluster) {
+  const columnEnds = [];
+  const positioned = [];
+  for (const booking of cluster) {
+    const freeColumnIndex = columnEnds.findIndex((end) => end <= booking.startsAt.getTime());
+    const columnIndex = freeColumnIndex === -1 ? columnEnds.length : freeColumnIndex;
+    columnEnds[columnIndex] = booking.endsAt.getTime();
+    positioned.push({ booking, columnIndex });
+  }
+  const columnCount = columnEnds.length;
+  return positioned.map((item) => ({ ...item, columnCount }));
+}
+function layoutDayBookings(bookings) {
+  const sorted = [...bookings].sort((a, b) => a.startsAt.getTime() - b.startsAt.getTime());
+  return groupOverlappingBookings(sorted).flatMap(assignColumns);
+}
+function minutesFromDayStart(date, dayStart) {
+  return (date.getTime() - dayStart.getTime()) / 6e4;
+}
+function toVisiblePercent(params) {
+  const visibleMinutes = (params.endHour - params.startHour) * 60;
+  const minutesSinceVisibleStart = params.minutesSinceDayStart - params.startHour * 60;
+  return Math.max(0, Math.min(100, minutesSinceVisibleStart / visibleMinutes * 100));
+}
+function startOfDay(date) {
+  const start = new Date(date);
+  start.setHours(0, 0, 0, 0);
+  return start;
+}
+
+// src/components/AgendaGrid.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function buildHours(startHour, endHour) {
+  return Array.from({ length: endHour - startHour }, (_hour, index) => startHour + index);
+}
+function bookingsOnDay(bookings, day, startHour, endHour) {
+  const dayStart = startOfDay(day);
+  const visibleStart = new Date(dayStart.getTime() + startHour * 60 * 6e4);
+  const visibleEnd = new Date(dayStart.getTime() + endHour * 60 * 6e4);
+  return bookings.filter((booking) => booking.startsAt < visibleEnd && booking.endsAt > visibleStart);
+}
+function AgendaGrid({ bookings, days }) {
+  const { locale, agendaStartHour, agendaEndHour } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const hours = buildHours(agendaStartHour, agendaEndHour);
+  return /* @__PURE__ */ jsxs("div", { className: "flex overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col shrink-0 border-r border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ jsx2("div", { className: "h-8" }),
+      hours.map((hour) => /* @__PURE__ */ jsxs("div", { className: "h-16 px-2 pt-1", children: [
+        String(hour).padStart(2, "0"),
+        ":00"
+      ] }, hour))
+    ] }),
+    days.map((day) => {
+      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: [
+        /* @__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"] }),
+          positioned.map(({ booking, columnIndex, columnCount }) => {
+            const top = toVisiblePercent({
+              minutesSinceDayStart: minutesFromDayStart(booking.startsAt, dayStart),
+              startHour: agendaStartHour,
+              endHour: agendaEndHour
+            });
+            const bottom = toVisiblePercent({
+              minutesSinceDayStart: minutesFromDayStart(booking.endsAt, dayStart),
+              startHour: agendaStartHour,
+              endHour: agendaEndHour
+            });
+            const width = 100 / columnCount;
+            return /* @__PURE__ */ jsx2(
+              "div",
+              {
+                title: booking.title,
+                className: "absolute rounded-md bg-brand-100 dark:bg-brand-900/40 border border-brand-300 dark:border-brand-700 px-1.5 py-0.5 text-xs text-brand-900 dark:text-brand-100 overflow-hidden",
+                style: {
+                  top: `${top}%`,
+                  height: `${Math.max(bottom - top, 2)}%`,
+                  left: `${columnIndex * width}%`,
+                  width: `${width}%`
+                },
+                children: booking.title
+              },
+              booking.id
+            );
+          })
+        ] })
+      ] }, day.toISOString());
+    })
+  ] });
+}
+
+// src/workspace/AgendaArea.tsx
+import { 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);
+  const offset = (start.getDay() - weekStartsOn + 7) % 7;
+  return new Date(start.getTime() - offset * DAY_IN_MS);
+}
+function buildVisibleDays(anchorDate, view, weekStartsOn) {
+  if (view === "day") return [startOfDay(anchorDate)];
+  const weekStart = startOfWeek(anchorDate, weekStartsOn);
+  return Array.from({ length: 7 }, (_day, index) => new Date(weekStart.getTime() + index * DAY_IN_MS));
+}
+var NAV_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";
+function AgendaArea() {
+  const { locale, weekStartsOn } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const { data: resourcesPage } = useResources({ active: true, pageSize: MAX_PAGE_SIZE });
+  const [resourceId, setResourceId] = useState("");
+  const [view, setView] = useState("day");
+  const [anchorDate, setAnchorDate] = useState(() => /* @__PURE__ */ new Date());
+  const resources = resourcesPage?.data ?? [];
+  const days = buildVisibleDays(anchorDate, view, weekStartsOn);
+  const from = days[0];
+  const until = new Date(days[days.length - 1].getTime() + DAY_IN_MS);
+  const { data: bookingsPage, isLoading, isError } = useBookings(
+    resourceId ? { resourceId, from, until, pageSize: MAX_PAGE_SIZE } : { from, until, pageSize: MAX_PAGE_SIZE }
+  );
+  function shiftAnchor(days_) {
+    setAnchorDate((current) => new Date(current.getTime() + days_ * DAY_IN_MS));
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 min-h-0 min-w-0 flex-col p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs2("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx3("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: messages["agenda.resourceLabel"] }),
+        /* @__PURE__ */ jsxs2(
+          "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__ */ jsx3("option", { value: "", children: "\u2014" }),
+              resources.map((resource) => /* @__PURE__ */ jsx3("option", { value: resource.id, children: resource.name }, resource.id))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1 ml-auto", children: [
+        /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => shiftAnchor(view === "day" ? -1 : -7), className: NAV_BUTTON_CLASS, children: messages["agenda.previous"] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => setAnchorDate(/* @__PURE__ */ new Date()), className: NAV_BUTTON_CLASS, children: messages["agenda.today"] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => shiftAnchor(view === "day" ? 1 : 7), className: NAV_BUTTON_CLASS, children: messages["agenda.next"] })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            onClick: () => setView("day"),
+            "aria-current": view === "day" ? "true" : void 0,
+            className: `${NAV_BUTTON_CLASS} ${view === "day" ? "bg-brand-600 text-white border-brand-600" : ""}`,
+            children: messages["agenda.viewDay"]
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            onClick: () => setView("week"),
+            "aria-current": view === "week" ? "true" : void 0,
+            className: `${NAV_BUTTON_CLASS} ${view === "week" ? "bg-brand-600 text-white border-brand-600" : ""}`,
+            children: messages["agenda.viewWeek"]
+          }
+        )
+      ] })
+    ] }),
+    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 })
+  ] });
+}
+
+// src/workspace/AvailabilityArea.tsx
+import { useState as useState4 } from "react";
+import { MAX_PAGE_SIZE as MAX_PAGE_SIZE2 } from "@adatechnology/scheduling-contracts";
+
+// src/components/WeeklyRulesEditor.tsx
+import { Plus, Trash2 } from "lucide-react";
+import { useState as useState2 } from "react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var WEEKDAYS = [0, 1, 2, 3, 4, 5, 6];
+function toDraft(rule) {
+  return { weekday: rule.weekday, startsAtLocal: rule.startsAtLocal, endsAtLocal: rule.endsAtLocal };
+}
+function createEmptyDraft() {
+  return { weekday: 1, startsAtLocal: "09:00", endsAtLocal: "18:00" };
+}
+function WeeklyRulesEditor({ resourceId }) {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const { data, isSuccess: isRulesLoaded, isError: isRulesLoadError } = useAvailabilityRules(resourceId);
+  const setAvailabilityRules = useSetAvailabilityRules();
+  const [draft, setDraft] = useState2(void 0);
+  const rules = draft ?? (data ? data.map(toDraft) : []);
+  function updateRule(index, patch) {
+    setDraft(rules.map((rule, ruleIndex) => ruleIndex === index ? { ...rule, ...patch } : rule));
+  }
+  function removeRule(index) {
+    setDraft(rules.filter((_rule, ruleIndex) => ruleIndex !== index));
+  }
+  function addRule() {
+    setDraft([...rules, createEmptyDraft()]);
+  }
+  async function handleSave() {
+    try {
+      await setAvailabilityRules.mutateAsync({
+        resourceId,
+        rules: rules.map((rule) => ({ ...rule, resourceId }))
+      });
+      setDraft(void 0);
+    } catch {
+    }
+  }
+  if (isRulesLoadError) {
+    return /* @__PURE__ */ jsxs3("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx4("h3", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: messages["availability.weeklyRulesTitle"] }),
+      /* @__PURE__ */ jsx4("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.loadFailure"] })
+    ] });
+  }
+  if (!isRulesLoaded) {
+    return /* @__PURE__ */ jsxs3("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx4("h3", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: messages["availability.weeklyRulesTitle"] }),
+      /* @__PURE__ */ jsx4("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: messages["common.loading"] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3("section", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx4("h3", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: messages["availability.weeklyRulesTitle"] }),
+    setAvailabilityRules.isError && /* @__PURE__ */ jsx4("p", { role: "alert", className: "text-sm text-red-700 bg-red-50 rounded-lg px-3 py-2", children: messages["common.actionFailure"] }),
+    /* @__PURE__ */ jsx4("ul", { className: "space-y-2", children: rules.map((rule, index) => /* @__PURE__ */ jsxs3("li", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx4(
+        "select",
+        {
+          "aria-label": messages["availability.weekdayLabel"],
+          value: rule.weekday,
+          onChange: (event) => updateRule(index, { weekday: Number(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: WEEKDAYS.map((weekday) => /* @__PURE__ */ jsx4("option", { value: weekday, children: messages[`availability.weekday.${weekday}`] }, weekday))
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          "aria-label": messages["availability.startsAtLocal"],
+          type: "time",
+          value: rule.startsAtLocal,
+          onChange: (event) => updateRule(index, { startsAtLocal: 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"
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "input",
+        {
+          "aria-label": messages["availability.endsAtLocal"],
+          type: "time",
+          value: rule.endsAtLocal,
+          onChange: (event) => updateRule(index, { endsAtLocal: 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"
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          onClick: () => removeRule(index),
+          "aria-label": messages["availability.removeRule"],
+          className: "min-h-11 min-w-11 inline-flex items-center justify-center rounded-lg text-red-700 hover:bg-red-50",
+          children: /* @__PURE__ */ jsx4(Trash2, { "aria-hidden": "true", className: "w-4 h-4" })
+        }
+      )
+    ] }, index)) }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          type: "button",
+          onClick: addRule,
+          className: "inline-flex items-center gap-2 min-h-11 px-3 py-2 rounded-lg text-sm font-medium border border-gray-300 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800",
+          children: [
+            /* @__PURE__ */ jsx4(Plus, { "aria-hidden": "true", className: "w-4 h-4" }),
+            messages["availability.addRule"]
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          type: "button",
+          onClick: handleSave,
+          disabled: setAvailabilityRules.isPending,
+          className: "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: messages["common.save"]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/AvailabilityExceptionsEditor.tsx
+import { Plus as Plus2, Trash2 as Trash22 } from "lucide-react";
+import { useState as useState3 } from "react";
+import { AVAILABILITY_EXCEPTION_KIND } from "@adatechnology/scheduling-contracts";
+import { jsx as jsx5, jsxs as jsxs4 } 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 }) {
+  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 [kind, setKind] = useState3(AVAILABILITY_EXCEPTION_KIND.BLOCK);
+  const [reason, setReason] = useState3("");
+  async function handleAdd() {
+    if (!from || !until) return;
+    try {
+      await addException.mutateAsync({
+        resourceId,
+        during: { start: new Date(from), end: new Date(until) },
+        kind,
+        ...reason ? { reason } : {}
+      });
+      setFrom("");
+      setUntil("");
+      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: [
+        messages[`availability.exceptionKind.${exception.kind === "block" ? "blocked" : "extra"}`],
+        " \u2014",
+        " ",
+        exception.during.start.toLocaleString(locale),
+        " \u2192 ",
+        exception.during.end.toLocaleString(locale),
+        exception.reason ? ` (${exception.reason})` : ""
+      ] }),
+      /* @__PURE__ */ jsx5(
+        "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" })
+        }
+      )
+    ] }, exception.id)) }),
+    /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          "aria-label": messages["availability.exceptionFrom"],
+          type: "datetime-local",
+          value: from,
+          onChange: (event) => setFrom(event.target.value),
+          className: SELECT_CLASS
+        }
+      ),
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          "aria-label": messages["availability.exceptionUntil"],
+          type: "datetime-local",
+          value: until,
+          onChange: (event) => setUntil(event.target.value),
+          className: SELECT_CLASS
+        }
+      ),
+      /* @__PURE__ */ jsxs4(
+        "select",
+        {
+          "aria-label": messages["availability.exceptionKind.blocked"],
+          value: kind,
+          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__ */ jsx5(
+        "input",
+        {
+          "aria-label": messages["availability.exceptionReason"],
+          type: "text",
+          placeholder: messages["availability.exceptionReason"],
+          value: reason,
+          onChange: (event) => setReason(event.target.value),
+          className: SELECT_CLASS
+        }
+      ),
+      /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          onClick: handleAdd,
+          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" }),
+            messages["availability.addException"]
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/AvailabilityEditor.tsx
+import { jsx as jsx6, jsxs as jsxs5 } 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: [
+        messages["availability.resourceTimezone"],
+        ":"
+      ] }),
+      timezone
+    ] }),
+    /* @__PURE__ */ jsx6(WeeklyRulesEditor, { resourceId }),
+    /* @__PURE__ */ jsx6(AvailabilityExceptionsEditor, { resourceId })
+  ] });
+}
+
+// src/workspace/AvailabilityArea.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function AvailabilityArea() {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const { data, isLoading, isError } = useResources({ active: true, pageSize: MAX_PAGE_SIZE2 });
+  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(
+        "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))
+          ]
+        }
+      )
+    ] }),
+    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(
+      AvailabilityEditor,
+      {
+        resourceId: selectedResource.id,
+        timezone: selectedResource.timezone
+      },
+      selectedResource.id
+    )
+  ] });
+}
+
+// src/workspace/BookingsArea.tsx
+import { useState as useState8 } from "react";
+
+// src/components/BookingDrawer.tsx
+import { XCircle } from "lucide-react";
+import { useState as useState5 } from "react";
+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";
+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(() => {
+    function handleKeyDown(event) {
+      if (event.key === "Escape") onClose();
+    }
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onClose]);
+  return /* @__PURE__ */ jsxs7(Fragment, { children: [
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        "aria-hidden": "true",
+        tabIndex: -1,
+        onClick: onClose,
+        className: "absolute inset-0 z-10 bg-gray-900/20 wide:hidden"
+      }
+    ),
+    /* @__PURE__ */ jsxs7(
+      "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 }),
+            headerActions,
+            /* @__PURE__ */ jsxs7(
+              "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" }),
+                  closeLabel
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto p-4", children })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/BookingDrawer.tsx
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+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 }) {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const confirmBooking = useConfirmBooking();
+  const completeBooking = useCompleteBooking();
+  const markNoShow = useMarkNoShow();
+  const cancelBooking = useCancelBooking();
+  const rescheduleBooking = useRescheduleBooking();
+  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));
+  async function handleCancel() {
+    if (!cancelledBy) return;
+    try {
+      await cancelBooking.mutateAsync({
+        id: booking.id,
+        input: { cancelledBy, ...cancellationReason ? { cancellationReason } : {} }
+      });
+      onClose();
+    } catch {
+    }
+  }
+  async function handleReschedule() {
+    try {
+      await rescheduleBooking.mutateAsync({ id: booking.id, input: { during: { start: new Date(start), end: new Date(end) } } });
+      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: [
+        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"] })
+      ] }),
+      /* @__PURE__ */ jsxs8("button", { type: "button", onClick: () => setIsCancelling(true), className: DANGER_BUTTON_CLASS, children: [
+        /* @__PURE__ */ jsx9(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"] })
+    ] }),
+    isCancelling && /* @__PURE__ */ jsxs8("div", { className: "space-y-2 rounded-lg border border-gray-200 dark:border-gray-700 p-3", children: [
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          type: "text",
+          placeholder: messages["booking.cancelledBy"],
+          value: cancelledBy,
+          onChange: (event) => setCancelledBy(event.target.value),
+          className: INPUT_CLASS
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          type: "text",
+          placeholder: messages["booking.cancelReason"],
+          value: cancellationReason,
+          onChange: (event) => setCancellationReason(event.target.value),
+          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" }),
+        messages["booking.cancel"]
+      ] })
+    ] })
+  ] }) });
+}
+
+// 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";
+
+// src/components/bookingsTableState.util.ts
+var DEFAULT_BOOKINGS_TABLE_STATE = {
+  sortDirection: "asc",
+  statusFilters: [],
+  page: 1
+};
+var SORT_COLUMNS = ["title", "status", "startsAt", "endsAt"];
+function isBookingSortColumn(value) {
+  return SORT_COLUMNS.includes(value);
+}
+function parsePage(value) {
+  const parsed = Number(value);
+  return Number.isInteger(parsed) && parsed > 0 ? parsed : 1;
+}
+function parseBookingsTableState(search) {
+  const params = new URLSearchParams(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 page = parsePage(params.get("page"));
+  return { ...sortColumn ? { sortColumn } : {}, sortDirection, statusFilters, page };
+}
+function serializeBookingsTableState(state) {
+  const params = new URLSearchParams();
+  if (state.sortColumn) {
+    params.set("sortBy", state.sortColumn);
+    params.set("sortDirection", state.sortDirection);
+  }
+  for (const status of state.statusFilters) params.append("status", status);
+  if (state.page > 1) params.set("page", String(state.page));
+  return params.toString();
+}
+function isBookingsTableStateDefault(state) {
+  return state.sortColumn === void 0 && state.statusFilters.length === 0 && state.page === 1;
+}
+function filterBookingsByStatus(bookings, statusFilters) {
+  if (statusFilters.length === 0) return bookings;
+  return bookings.filter((booking) => statusFilters.includes(booking.status));
+}
+
+// src/components/BookingsTable.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var ALL_STATUSES = Object.values(BOOKING_STATUS2);
+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 BookingsTable({
+  bookings,
+  state = DEFAULT_BOOKINGS_TABLE_STATE,
+  onStateChange,
+  pagination,
+  onRowClick,
+  bulkActions = []
+}) {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const [selected, setSelected] = useState6(/* @__PURE__ */ new Set());
+  const visibleBookings = filterBookingsByStatus(bookings, state.statusFilters);
+  const allSelected = visibleBookings.length > 0 && visibleBookings.every((booking) => selected.has(booking.id));
+  function toggleSort(column) {
+    onStateChange?.({
+      ...state,
+      sortColumn: column,
+      sortDirection: nextSortDirection(column, state.sortColumn, state.sortDirection)
+    });
+  }
+  function toggleStatusFilter(status) {
+    const isActive = state.statusFilters.includes(status);
+    onStateChange?.({
+      ...state,
+      statusFilters: isActive ? state.statusFilters.filter((filterStatus) => filterStatus !== status) : [...state.statusFilters, status],
+      page: 1
+    });
+  }
+  function goToPage(page) {
+    onStateChange?.({ ...state, page });
+  }
+  function toggleSelectAll() {
+    setSelected(allSelected ? /* @__PURE__ */ new Set() : new Set(visibleBookings.map((booking) => booking.id)));
+  }
+  function toggleRowSelected(id) {
+    const next = new Set(selected);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    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" });
+  }
+  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: [
+      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(
+          "input",
+          {
+            type: "checkbox",
+            checked: state.statusFilters.includes(status),
+            onChange: () => toggleStatusFilter(status)
+          }
+        ),
+        messages[`booking.status.${status === "no_show" ? "noShow" : status}`]
+      ] }, status)),
+      !isBookingsTableStateDefault(state) && /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "button",
+          onClick: () => onStateChange?.(DEFAULT_BOOKINGS_TABLE_STATE),
+          className: "min-h-11 px-3 text-sm font-medium text-brand-700 hover:underline",
+          children: messages["common.clearFilters"]
+        }
+      )
+    ] }),
+    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(
+      "button",
+      {
+        type: "button",
+        onClick: () => action.onRun(Array.from(selected)),
+        className: "min-h-11 px-3 rounded-lg text-sm font-medium bg-brand-600 text-white hover:bg-brand-700",
+        children: action.label
+      },
+      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(
+            "input",
+            {
+              type: "checkbox",
+              "aria-label": messages["common.selectAll"],
+              checked: allSelected,
+              onChange: toggleSelectAll
+            }
+          ) }),
+          renderHeader("title", "booking.column.title"),
+          renderHeader("status", "booking.column.status"),
+          renderHeader("startsAt", "booking.column.startsAt"),
+          renderHeader("endsAt", "booking.column.endsAt")
+        ] }) }),
+        /* @__PURE__ */ jsx10("tbody", { children: visibleBookings.map((booking, index) => /* @__PURE__ */ jsxs9(
+          "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(
+                "input",
+                {
+                  type: "checkbox",
+                  "aria-label": booking.title,
+                  checked: selected.has(booking.id),
+                  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) })
+            ]
+          },
+          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"] })
+    ] }),
+    pagination && pagination.totalPages > 1 && /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-end gap-3", children: [
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "button",
+          "aria-label": messages["common.previousPage"],
+          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" })
+        }
+      ),
+      /* @__PURE__ */ jsxs9("span", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+        state.page,
+        " / ",
+        pagination.totalPages
+      ] }),
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          type: "button",
+          "aria-label": messages["common.nextPage"],
+          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" })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/hooks/useBookingsTableState.hook.ts
+import { useEffect as useEffect2, useState as useState7 } from "react";
+var OWNED_PARAM_KEYS = ["sortBy", "sortDirection", "status", "page"];
+function readInitialState() {
+  if (typeof window === "undefined") return DEFAULT_BOOKINGS_TABLE_STATE;
+  return parseBookingsTableState(window.location.search);
+}
+function useBookingsTableState() {
+  const [state, setState] = useState7(readInitialState);
+  useEffect2(() => {
+    if (typeof window === "undefined") return;
+    const params = new URLSearchParams(window.location.search);
+    for (const key of OWNED_PARAM_KEYS) params.delete(key);
+    for (const [key, value] of new URLSearchParams(serializeBookingsTableState(state))) params.append(key, value);
+    const query = params.toString();
+    const url = `${window.location.pathname}${query ? `?${query}` : ""}${window.location.hash}`;
+    window.history.replaceState(window.history.state, "", url);
+  }, [state]);
+  return [state, setState];
+}
+
+// src/workspace/BookingsArea.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+function BookingsArea() {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const [tableState, setTableState] = useBookingsTableState();
+  const status = tableState.statusFilters.length > 0 ? tableState.statusFilters : void 0;
+  const { data, isLoading, isError } = useBookings({
+    page: tableState.page,
+    pageSize: PAGE_SIZE,
+    status,
+    sortBy: tableState.sortColumn,
+    sortDirection: tableState.sortColumn ? tableState.sortDirection : void 0
+  });
+  const confirmBooking = useConfirmBooking();
+  const [selectedBookingId, setSelectedBookingId] = useState8(void 0);
+  const selectedBooking = data?.data.find((booking) => booking.id === selectedBookingId);
+  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(
+      BookingsTable,
+      {
+        bookings: data?.data ?? [],
+        state: tableState,
+        onStateChange: setTableState,
+        pagination: data ? { totalPages: data.totalPages } : void 0,
+        onRowClick: (booking) => setSelectedBookingId(booking.id),
+        bulkActions: [{ key: "confirm", label: messages["booking.confirm"], onRun: bulkConfirm }]
+      }
+    ),
+    selectedBooking && /* @__PURE__ */ jsx11(BookingDrawer, { booking: selectedBooking, onClose: () => setSelectedBookingId(void 0) })
+  ] });
+}
+
+// src/workspace/ResourcesArea.tsx
+import { Plus as Plus3, Trash2 as Trash23 } from "lucide-react";
+import { useState as useState10 } from "react";
+
+// src/components/ResourceForm.tsx
+import { useState as useState9 } from "react";
+import { RESOURCE_KIND } from "@adatechnology/scheduling-contracts";
+import { jsx as jsx12, jsxs as jsxs11 } 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 [name, setName] = useState9(initialValues?.name ?? "");
+  const [kind, setKind] = useState9(initialValues?.kind ?? RESOURCE_KIND.PERSON);
+  const [timezone, setTimezone] = useState9(initialValues?.timezone ?? "America/Sao_Paulo");
+  const [active, setActive] = useState9(initialValues?.active ?? true);
+  const [submitting, setSubmitting] = useState9(false);
+  async function handleSubmit(event) {
+    event.preventDefault();
+    setSubmitting(true);
+    try {
+      await onSubmit({ name, kind, timezone, active });
+    } finally {
+      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(
+        "input",
+        {
+          id: "scheduling-resource-name",
+          type: "text",
+          required: true,
+          value: name,
+          onChange: (event) => setName(event.target.value),
+          className: INPUT_CLASS2
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx12("label", { htmlFor: "scheduling-resource-kind", className: LABEL_CLASS, children: messages["resource.kind"] }),
+      /* @__PURE__ */ jsxs11(
+        "select",
+        {
+          id: "scheduling-resource-kind",
+          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__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsx12("label", { htmlFor: "scheduling-resource-timezone", className: LABEL_CLASS, children: messages["resource.timezone"] }),
+      /* @__PURE__ */ jsx12(
+        "input",
+        {
+          id: "scheduling-resource-timezone",
+          type: "text",
+          required: true,
+          value: timezone,
+          onChange: (event) => setTimezone(event.target.value),
+          placeholder: "America/Sao_Paulo",
+          className: INPUT_CLASS2
+        }
+      )
+    ] }),
+    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) }),
+      messages["resource.active"]
+    ] }),
+    /* @__PURE__ */ jsx12("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";
+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__ */ 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(
+    "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"] })
+      ]
+    }
+  ) }, resource.id)) });
+}
+
+// src/workspace/ResourcesArea.tsx
+import { jsx as jsx14, jsxs as jsxs13 } 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 createResource = useCreateResource();
+  const updateResource = useUpdateResource();
+  const deleteResource = useDeleteResource();
+  const [draft, setDraft] = useState10(void 0);
+  const isDraftOpen = draft !== void 0;
+  const isEditing = Boolean(draft);
+  async function handleSubmit(input) {
+    try {
+      if (draft) {
+        await updateResource.mutateAsync({ id: draft.id, input });
+      } else {
+        await createResource.mutateAsync(input);
+      }
+      setDraft(void 0);
+    } 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" }),
+      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(
+      SidePanel,
+      {
+        title: isEditing ? messages["resource.editTitle"] : messages["resource.createTitle"],
+        closeLabel: messages["common.close"],
+        onClose: () => setDraft(void 0),
+        headerActions: isEditing ? /* @__PURE__ */ jsxs13(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (draft) void deleteResource.mutateAsync(draft.id).then(() => setDraft(void 0)).catch(() => {
+              });
+            },
+            className: BUTTON_DANGER,
+            children: [
+              /* @__PURE__ */ jsx14(Trash23, { "aria-hidden": "true", className: "w-4 h-4" }),
+              messages["common.remove"]
+            ]
+          }
+        ) : void 0,
+        children: /* @__PURE__ */ jsx14(
+          ResourceForm,
+          {
+            ...draft ? { initialValues: draft } : {},
+            onSubmit: handleSubmit
+          },
+          draft ? draft.id : "new"
+        )
+      }
+    )
+  ] });
+}
+
+// src/workspace/ServicesArea.tsx
+import { Plus as Plus4, Trash2 as Trash24 } from "lucide-react";
+import { useState as useState12 } from "react";
+
+// src/components/ServiceForm.tsx
+import { useState as useState11 } from "react";
+import { jsx as jsx15, jsxs as jsxs14 } 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";
+function ServiceForm({ initialValues, onSubmit }) {
+  const { locale } = useSchedulingConfig();
+  const messages = resolveSchedulingMessages(locale);
+  const [name, setName] = useState11(initialValues?.name ?? "");
+  const [durationMinutes, setDurationMinutes] = useState11(initialValues?.durationMinutes ?? 30);
+  const [bufferBeforeMinutes, setBufferBeforeMinutes] = useState11(initialValues?.bufferBeforeMinutes ?? 0);
+  const [bufferAfterMinutes, setBufferAfterMinutes] = useState11(initialValues?.bufferAfterMinutes ?? 0);
+  const [active, setActive] = useState11(initialValues?.active ?? true);
+  const [submitting, setSubmitting] = useState11(false);
+  async function handleSubmit(event) {
+    event.preventDefault();
+    setSubmitting(true);
+    try {
+      await onSubmit({ name, durationMinutes, bufferBeforeMinutes, bufferAfterMinutes, active });
+    } finally {
+      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(
+        "input",
+        {
+          id: "scheduling-service-name",
+          type: "text",
+          required: true,
+          value: name,
+          onChange: (event) => setName(event.target.value),
+          className: INPUT_CLASS3
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { children: [
+      /* @__PURE__ */ jsx15("label", { htmlFor: "scheduling-service-duration", className: LABEL_CLASS2, children: messages["service.durationMinutes"] }),
+      /* @__PURE__ */ jsx15(
+        "input",
+        {
+          id: "scheduling-service-duration",
+          type: "number",
+          min: 1,
+          required: true,
+          value: durationMinutes,
+          onChange: (event) => setDurationMinutes(Number(event.target.value)),
+          className: INPUT_CLASS3
+        }
+      )
+    ] }),
+    /* @__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(
+          "input",
+          {
+            id: "scheduling-service-buffer-before",
+            type: "number",
+            min: 0,
+            value: bufferBeforeMinutes,
+            onChange: (event) => setBufferBeforeMinutes(Number(event.target.value)),
+            className: INPUT_CLASS3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs14("div", { children: [
+        /* @__PURE__ */ jsx15("label", { htmlFor: "scheduling-service-buffer-after", className: LABEL_CLASS2, children: messages["service.bufferAfterMinutes"] }),
+        /* @__PURE__ */ jsx15(
+          "input",
+          {
+            id: "scheduling-service-buffer-after",
+            type: "number",
+            min: 0,
+            value: bufferAfterMinutes,
+            onChange: (event) => setBufferAfterMinutes(Number(event.target.value)),
+            className: INPUT_CLASS3
+          }
+        )
+      ] })
+    ] }),
+    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) }),
+      messages["service.active"]
+    ] }),
+    /* @__PURE__ */ jsx15("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";
+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__ */ 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(
+    "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: [
+          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.id)) });
+}
+
+// src/workspace/ServicesArea.tsx
+import { jsx as jsx17, jsxs as jsxs16 } 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 createService = useCreateService();
+  const updateService = useUpdateService();
+  const deleteService = useDeleteService();
+  const [draft, setDraft] = useState12(void 0);
+  const isDraftOpen = draft !== void 0;
+  const isEditing = Boolean(draft);
+  async function handleSubmit(input) {
+    try {
+      if (draft) {
+        await updateService.mutateAsync({ id: draft.id, input });
+      } else {
+        await createService.mutateAsync(input);
+      }
+      setDraft(void 0);
+    } 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" }),
+      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(
+      SidePanel,
+      {
+        title: isEditing ? messages["service.editTitle"] : messages["service.createTitle"],
+        closeLabel: messages["common.close"],
+        onClose: () => setDraft(void 0),
+        headerActions: isEditing ? /* @__PURE__ */ jsxs16(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              if (draft) void deleteService.mutateAsync(draft.id).then(() => setDraft(void 0)).catch(() => {
+              });
+            },
+            className: BUTTON_DANGER2,
+            children: [
+              /* @__PURE__ */ jsx17(Trash24, { "aria-hidden": "true", className: "w-4 h-4" }),
+              messages["common.remove"]
+            ]
+          }
+        ) : void 0,
+        children: /* @__PURE__ */ jsx17(
+          ServiceForm,
+          {
+            ...draft ? { initialValues: draft } : {},
+            onSubmit: handleSubmit
+          },
+          draft ? draft.id : "new"
+        )
+      }
+    )
+  ] });
+}
+
+// src/workspace/WorkspaceAreaNav.tsx
+import { CalendarDays, Clock, ClipboardList, Users, Wrench } from "lucide-react";
+
+// src/workspace/workspace.constant.ts
+var SCHEDULING_WORKSPACE_AREA = {
+  AGENDA: "agenda",
+  BOOKINGS: "bookings",
+  RESOURCES: "resources",
+  SERVICES: "services",
+  AVAILABILITY: "availability"
+};
+var AREAS = Object.values(SCHEDULING_WORKSPACE_AREA);
+function isSchedulingWorkspaceArea(value) {
+  return AREAS.includes(value);
+}
+
+// src/workspace/WorkspaceAreaNav.tsx
+import { jsx as jsx18, jsxs as jsxs17 } 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";
+var AREA_ICON = {
+  [SCHEDULING_WORKSPACE_AREA.AGENDA]: CalendarDays,
+  [SCHEDULING_WORKSPACE_AREA.BOOKINGS]: ClipboardList,
+  [SCHEDULING_WORKSPACE_AREA.RESOURCES]: Users,
+  [SCHEDULING_WORKSPACE_AREA.SERVICES]: Wrench,
+  [SCHEDULING_WORKSPACE_AREA.AVAILABILITY]: Clock
+};
+function WorkspaceAreaNav({ area, labels, onSelect }) {
+  const items = [
+    [SCHEDULING_WORKSPACE_AREA.AGENDA, labels.agendaTab],
+    [SCHEDULING_WORKSPACE_AREA.BOOKINGS, labels.bookingsTab],
+    [SCHEDULING_WORKSPACE_AREA.RESOURCES, labels.resourcesTab],
+    [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]) => {
+    const Icon = AREA_ICON[value];
+    return /* @__PURE__ */ jsxs17(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(value),
+        "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" }),
+          label
+        ]
+      },
+      value
+    );
+  }) });
+}
+
+// src/workspace/SchedulingWorkspace.tsx
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+var AREA_COMPONENT = {
+  [SCHEDULING_WORKSPACE_AREA.AGENDA]: AgendaArea,
+  [SCHEDULING_WORKSPACE_AREA.BOOKINGS]: BookingsArea,
+  [SCHEDULING_WORKSPACE_AREA.RESOURCES]: ResourcesArea,
+  [SCHEDULING_WORKSPACE_AREA.SERVICES]: ServicesArea,
+  [SCHEDULING_WORKSPACE_AREA.AVAILABILITY]: AvailabilityArea
+};
+function SchedulingWorkspace({
+  labels: labelsOverride,
+  renderHeaderActions,
+  area: areaProp,
+  onAreaChange
+}) {
+  const labels = { ...DEFAULT_SCHEDULING_WORKSPACE_LABELS, ...labelsOverride };
+  const [internalArea, setInternalArea] = useState13(SCHEDULING_WORKSPACE_AREA.AGENDA);
+  const area = areaProp ?? internalArea;
+  const AreaComponent = AREA_COMPONENT[area];
+  function handleSelectArea(next) {
+    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 }),
+      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, {}) })
+  ] });
+}
+export {
+  DEFAULT_SCHEDULING_LOCALE,
+  DEFAULT_SCHEDULING_UI_CONFIG,
+  DEFAULT_SCHEDULING_WORKSPACE_LABELS,
+  SCHEDULING_QUERY_KEYS,
+  SCHEDULING_WORKSPACE_AREA,
+  SchedulingProvider,
+  SchedulingWorkspace,
+  isSchedulingWorkspaceArea,
+  resolveSchedulingMessages,
+  useAddAvailabilityException,
+  useAvailabilityExceptions,
+  useAvailabilityRules,
+  useAvailableSlots,
+  useBooking,
+  useBookings,
+  useCancelBooking,
+  useCompleteBooking,
+  useConfirmBooking,
+  useCreateResource,
+  useCreateService,
+  useDeleteResource,
+  useDeleteService,
+  useMarkNoShow,
+  useRemoveAvailabilityException,
+  useRequestBooking,
+  useRescheduleBooking,
+  useResources,
+  useScheduling,
+  useSchedulingConfig,
+  useServices,
+  useSetAvailabilityRules,
+  useUpdateResource,
+  useUpdateService
+};