@easyteam/auto-scheduler-modal-ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1,2543 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  AutoSchedulerModal: () => AutoSchedulerModal,
+  AutoSchedulerModalWithProvider: () => AutoSchedulerModalWithProvider,
+  RequestError: () => RequestError,
+  ViolatedConstraintsPanel: () => ViolatedConstraintsPanel,
+  ViolatedConstraintsPanelWithProvider: () => ViolatedConstraintsPanelWithProvider,
+  buildRulesPayload: () => buildRulesPayload,
+  buildSchedulePayload: () => buildSchedulePayload,
+  getFriendlyRuleName: () => getFriendlyRuleName
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/AutoSchedulerModal.tsx
+var import_react3 = require("react");
+var import_react4 = require("@chakra-ui/react");
+
+// src/icons/AutoSchedulerIcons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function DotIcon({ size = 6, fill, stroke, ...props }) {
+  const useStroke = stroke != null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: useStroke ? "none" : fill != null ? fill : "currentColor",
+      stroke,
+      width: size,
+      height: size,
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "10", r: "10" })
+    }
+  );
+}
+function MagicIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      width: "20",
+      height: "20",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 2.5l1.2 3.3 3.3 1.2-3.3 1.2-1.2 3.3-1.2-3.3-3.3-1.2 3.3-1.2L10 2.5z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4.5 11.2l.7 1.9 1.9.7-1.9.7-.7 1.9-.7-1.9-1.9-.7 1.9-.7.7-1.9z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15.5 12.5l.6 1.7 1.7.6-1.7.6-.6 1.7-.6-1.7-1.7-.6 1.7-.6.6-1.7z" })
+      ]
+    }
+  );
+}
+function InfoIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      width: "20",
+      height: "20",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 1.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5zm0 3.75a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-1 4.25c0-.41.34-.75.75-.75h.5c.41 0 .75.34.75.75v5.25a.75.75 0 0 1-1.5 0v-4.5h-.25a.75.75 0 0 1-.75-.75z" })
+    }
+  );
+}
+function WarningIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      width: "20",
+      height: "20",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M9.25 3.6a.86.86 0 0 1 1.5 0l7.2 12.1a.86.86 0 0 1-.75 1.3H2.8a.86.86 0 0 1-.75-1.3l7.2-12.1z",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M10 7v4.7",
+            stroke: "currentColor",
+            strokeWidth: "1.4",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "13.5", r: "0.9", fill: "currentColor" })
+      ]
+    }
+  );
+}
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      width: "20",
+      height: "20",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M5 7.5l5 5 5-5",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function CloseIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      width: "20",
+      height: "20",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M5.5 5.5l9 9m0-9l-9 9",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      width: "20",
+      height: "20",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M5.5 10.5l3 3 6-6",
+          stroke: "currentColor",
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function FailedIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      width: "20",
+      height: "20",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M6.5 6.5l7 7m0-7l-7 7",
+          stroke: "currentColor",
+          strokeWidth: "1.8",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+// src/theme/mergeTheme.ts
+var componentNameMap = {
+  button: "Button",
+  input: "Input",
+  tooltip: "Tooltip",
+  modal: "Modal",
+  switch: "Switch",
+  drawer: "Drawer",
+  checkbox: "Checkbox",
+  radio: "Radio",
+  menu: "Menu",
+  tabs: "Tabs",
+  select: "Select",
+  numberinput: "NumberInput",
+  textarea: "Textarea",
+  popover: "Popover",
+  badge: "Badge",
+  text: "Text"
+};
+var isRecord = (value) => Boolean(value) && typeof value === "object" && !Array.isArray(value);
+var mapComponentOverrides = (overrides) => {
+  const result = {};
+  Object.entries(overrides).forEach(([key, value]) => {
+    var _a, _b;
+    if (key === "components" && isRecord(value)) {
+      Object.assign(result, value);
+      return;
+    }
+    const normalizedKey = (_b = (_a = componentNameMap[key]) != null ? _a : componentNameMap[key.toLowerCase()]) != null ? _b : key;
+    result[normalizedKey] = value;
+  });
+  return result;
+};
+var deepMerge = (target, source) => {
+  const result = { ...target };
+  Object.entries(source).forEach(([key, value]) => {
+    if (isRecord(value) && isRecord(result[key])) {
+      result[key] = deepMerge(result[key], value);
+      return;
+    }
+    result[key] = value;
+  });
+  return result;
+};
+var resolveThemeParts = (theme) => {
+  if (!theme || !isRecord(theme)) {
+    return {};
+  }
+  const autoSchedulerModal = isRecord(theme.autoSchedulerModal) ? theme.autoSchedulerModal : void 0;
+  if ("tokens" in theme) {
+    const easyTheme = theme;
+    const { tokens, autoSchedulerModal: _ignored2, ...rest } = easyTheme;
+    const chakraOverride = {
+      ...isRecord(tokens) ? tokens : {},
+      components: mapComponentOverrides(rest)
+    };
+    return { chakraOverride, styleOverrides: autoSchedulerModal };
+  }
+  const { autoSchedulerModal: _ignored, ...override } = theme;
+  return { chakraOverride: override, styleOverrides: autoSchedulerModal };
+};
+var mergeThemeWithBase = (baseTheme, override) => {
+  if (!override) {
+    return baseTheme;
+  }
+  return deepMerge(baseTheme, override);
+};
+
+// src/constants.ts
+var HARD_CONSTRAINT_DEFAULTS = {
+  max_weekly_hours: "40",
+  max_daily_hours: "8",
+  min_rest_between_shifts: "24",
+  max_work_days_per_week: "6"
+};
+var HARD_CONSTRAINT_OPTIONS = [
+  { id: "max_weekly_hours", name: "Maximum weekly hours" },
+  { id: "max_daily_hours", name: "Maximum daily hours" },
+  { id: "min_rest_between_shifts", name: "Minimum rest between shifts" },
+  { id: "max_work_days_per_week", name: "Maximum work days per week" }
+  // { id: "minor_max_daily_hours", name: "Minor maximum daily hours" },
+  // { id: "minor_late_hours_restriction", name: "Minor late hours restriction" },
+  // { id: "part_time_weekly_limit", name: "Part-time weekly limit" },
+  // { id: "min_staffing", name: "Minimum staffing" },
+];
+var OPTIMIZATION_OPTION_GROUPS = [
+  {
+    id: "employee_happiness",
+    name: "Employee happiness",
+    options: [
+      {
+        id: "fair_hour_distribution",
+        title: "Fair hour distribution",
+        subtitle: "Distribute shifts evenly across all staff members"
+      },
+      {
+        id: "staff_preferences",
+        title: "Respect open shift preferences",
+        subtitle: "Consider staff requests and preferred shifts when assigning"
+      }
+    ]
+  },
+  {
+    id: "labor_cost_optimization",
+    name: "Labor cost optimization",
+    options: [
+      {
+        id: "minimize_overtime",
+        title: "Minimize overtime",
+        subtitle: "Reduce hours beyond standard work time"
+      },
+      {
+        id: "cost_to_sales_ratio",
+        title: "Cost-to-sales ratio",
+        subtitle: "Assign shifts based on total compensation (wages + commissions) compared to sales performance"
+      }
+    ]
+  },
+  {
+    id: "sales_optimization",
+    name: "Sales optimization",
+    options: [
+      {
+        id: "maximize_sales",
+        title: "Maximize sales",
+        subtitle: "Prioritize top-performing staff during peak hours"
+      }
+    ]
+  }
+];
+var defaultStyles = {
+  overlay: {
+    bg: "rgba(0, 0, 0, 0.45)"
+  },
+  content: {
+    maxW: "600px",
+    bg: "white",
+    borderRadius: "20px",
+    boxShadow: "0px 20px 20px -8px rgba(26, 26, 26, 0.28), inset 0px 1px 0px rgba(204, 204, 204, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.17), inset 1px 0px 0px rgba(0, 0, 0, 0.13), inset -1px 0px 0px rgba(0, 0, 0, 0.17)",
+    overflow: "hidden",
+    maxH: "calc(100vh - 32px)",
+    display: "flex",
+    flexDirection: "column"
+  },
+  header: {
+    bg: "#f3f3f3",
+    borderBottom: "1px solid #e3e3e3",
+    px: "16px",
+    py: "12px"
+  },
+  title: {
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  closeButton: {
+    color: "#5c5c5c",
+    borderRadius: "8px"
+  },
+  body: {
+    px: "16px",
+    py: "16px",
+    overflowY: "auto",
+    flex: "1 1 auto"
+  },
+  banner: {
+    backgroundColor: "#F5EFFF !important",
+    borderRadius: "8px",
+    px: "8px",
+    py: "8px",
+    display: "flex",
+    gap: "8px",
+    alignItems: "flex-start"
+  },
+  bannerIcon: {
+    color: "#5c2dbf"
+  },
+  bannerTitle: {
+    fontSize: "13px",
+    fontWeight: 700,
+    color: "#370e88",
+    lineHeight: "20px"
+  },
+  bannerText: {
+    fontSize: "13px",
+    color: "#370e88",
+    lineHeight: "20px"
+  },
+  locationSection: {},
+  locationLabelRow: {
+    alignItems: "center",
+    gap: "8px"
+  },
+  locationLabel: {
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  locationBadge: {
+    bg: "#e1e3e5",
+    color: "#303030",
+    borderRadius: "999px",
+    px: "6px",
+    py: "2px",
+    fontSize: "11px",
+    fontWeight: 600
+  },
+  locationSubtitle: {
+    fontSize: "12px",
+    color: "#616161"
+  },
+  locationTrigger: {
+    w: "100%",
+    justifyContent: "space-between",
+    px: "12px",
+    h: "32px",
+    borderRadius: "8px",
+    border: "1px solid rgb(185, 184, 184)"
+  },
+  locationTriggerText: {
+    fontSize: "13px",
+    fontWeight: 450,
+    color: "#616161"
+  },
+  popoverContent: {
+    w: "100%",
+    bg: "white",
+    borderRadius: "12px",
+    px: "6px",
+    py: "6px",
+    border: "none",
+    maxH: "260px",
+    overflowY: "auto",
+    boxShadow: "0px 4px 6px -2px rgba(26, 26, 26, 0.2), inset 0px 1px 0px rgba(204, 204, 204, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.17), inset 1px 0px 0px rgba(0, 0, 0, 0.13), inset -1px 0px 0px rgba(0, 0, 0, 0.13)"
+  },
+  groupHeader: {
+    px: "6px",
+    pt: "2px",
+    pb: "4px",
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  optionRow: {
+    px: "6px",
+    py: "6px",
+    borderRadius: "8px",
+    alignItems: "center",
+    gap: "8px"
+  },
+  optionLabel: {
+    fontSize: "13px",
+    color: "#303030"
+  },
+  selectedBanner: {
+    bg: "#eaf4ff",
+    borderRadius: "8px",
+    px: "8px",
+    py: "8px",
+    display: "flex",
+    gap: "8px",
+    alignItems: "flex-start",
+    color: "#00527c"
+  },
+  selectedBannerIcon: {
+    color: "#00527c"
+  },
+  selectedBannerText: {
+    fontSize: "13px",
+    lineHeight: "20px",
+    color: "#00527c"
+  },
+  hardConstraintsSection: {},
+  hardConstraintsLabelRow: {
+    alignItems: "center",
+    gap: "8px"
+  },
+  hardConstraintsLabel: {
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  hardConstraintsBadge: {
+    bg: "rgba(0, 0, 0, 0.06)",
+    color: "#616161",
+    borderRadius: "8px",
+    px: "8px",
+    py: "2px",
+    fontSize: "12px",
+    fontWeight: 500
+  },
+  hardConstraintsSubtitle: {
+    fontSize: "13px",
+    color: "#616161"
+  },
+  hardConstraintsTrigger: {
+    w: "100%",
+    justifyContent: "space-between",
+    px: "12px",
+    h: "32px",
+    borderRadius: "8px",
+    border: "1px solid rgb(185, 184, 184)"
+  },
+  hardConstraintsTriggerText: {
+    fontSize: "13px",
+    fontWeight: 450,
+    color: "#616161"
+  },
+  hardConstraintsPopoverContent: {
+    w: "100%",
+    bg: "white",
+    borderRadius: "12px",
+    px: "6px",
+    py: "6px",
+    border: "none",
+    boxShadow: "0px 4px 6px -2px rgba(26, 26, 26, 0.2), inset 0px 1px 0px rgba(204, 204, 204, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.17), inset 1px 0px 0px rgba(0, 0, 0, 0.13), inset -1px 0px 0px rgba(0, 0, 0, 0.13)"
+  },
+  hardConstraintsOptionRow: {
+    px: "6px",
+    py: "6px",
+    borderRadius: "8px",
+    alignItems: "center",
+    gap: "8px"
+  },
+  hardConstraintsOptionLabel: {
+    fontSize: "13px",
+    color: "#303030"
+  },
+  hardConstraintsInputsContainer: {
+    bg: "#f7f7f7",
+    border: "1px solid #ebebeb",
+    borderRadius: "8px",
+    px: "16px",
+    py: "16px"
+  },
+  hardConstraintsInputItem: {
+    gap: "4px",
+    maxW: "320px"
+  },
+  hardConstraintsInputLabel: {
+    fontSize: "13px",
+    color: "#303030"
+  },
+  hardConstraintsInputField: {
+    bg: "#fdfdfd",
+    border: "1px solid #8a8a8a",
+    borderTopLeftRadius: "8px",
+    borderBottomLeftRadius: "8px",
+    borderTopRightRadius: 0,
+    borderBottomRightRadius: 0,
+    h: "28px",
+    px: "12px"
+  },
+  optimizationSection: {},
+  optimizationLabelRow: {
+    alignItems: "center",
+    gap: "8px"
+  },
+  optimizationLabel: {
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  optimizationBadge: {
+    bg: "rgba(0, 0, 0, 0.06)",
+    color: "#616161",
+    borderRadius: "8px",
+    px: "8px",
+    py: "2px",
+    fontSize: "12px",
+    fontWeight: 500
+  },
+  optimizationSubtitle: {
+    fontSize: "13px",
+    color: "#616161"
+  },
+  optimizationTrigger: {
+    w: "100%",
+    justifyContent: "space-between",
+    px: "12px",
+    h: "32px",
+    borderRadius: "8px",
+    border: "1px solid rgb(185, 184, 184)"
+  },
+  optimizationTriggerText: {
+    fontSize: "13px",
+    fontWeight: 450,
+    color: "#616161"
+  },
+  optimizationPopoverContent: {
+    w: "100%",
+    bg: "white",
+    borderRadius: "12px",
+    px: "6px",
+    py: "6px",
+    border: "none",
+    boxShadow: "0px 4px 6px -2px rgba(26, 26, 26, 0.2), inset 0px 1px 0px rgba(204, 204, 204, 0.5), inset 0px -1px 0px rgba(0, 0, 0, 0.17), inset 1px 0px 0px rgba(0, 0, 0, 0.13), inset -1px 0px 0px rgba(0, 0, 0, 0.13)"
+  },
+  optimizationGroupHeader: {
+    px: "6px",
+    pt: "2px",
+    pb: "4px",
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  optimizationOptionRow: {
+    px: "6px",
+    py: "6px",
+    borderRadius: "8px",
+    alignItems: "flex-start",
+    gap: "8px"
+  },
+  optimizationOptionLabel: {
+    fontSize: "13px",
+    color: "#303030"
+  },
+  optimizationOptionHelp: {
+    fontSize: "13px",
+    color: "#616161",
+    ml: "1.5rem"
+  },
+  optimizationInputsContainer: {
+    bg: "#f7f7f7",
+    border: "1px solid #ebebeb",
+    borderRadius: "8px",
+    px: "16px",
+    py: "16px"
+  },
+  optimizationInputItem: {
+    gap: "4px",
+    maxW: "320px"
+  },
+  optimizationInputLabel: {
+    fontSize: "13px",
+    color: "#303030"
+  },
+  optimizationInputField: {
+    bg: "#fdfdfd",
+    border: "1px solid #8a8a8a",
+    borderTopLeftRadius: "8px",
+    borderBottomLeftRadius: "8px",
+    borderTopRightRadius: 0,
+    borderBottomRightRadius: 0,
+    h: "28px",
+    px: "12px"
+  },
+  optimizationSuffix: {
+    fontSize: "13px",
+    color: "#616161",
+    h: "28px",
+    bg: "#fdfdfd",
+    border: "1px solid #8a8a8a",
+    borderLeft: "none",
+    borderTopLeftRadius: 0,
+    borderBottomLeftRadius: 0,
+    borderTopRightRadius: "8px",
+    borderBottomRightRadius: "8px"
+  },
+  optimizationDivider: {
+    borderColor: "#ebebeb"
+  },
+  optimizationSummary: {
+    fontSize: "13px",
+    color: "#616161"
+  },
+  creatingBody: {
+    py: "20px"
+  },
+  stepsContainer: {},
+  stepsList: {},
+  stepRow: {
+    alignItems: "flex-start",
+    gap: "12px"
+  },
+  stepIcon: {
+    width: "20px",
+    height: "20px",
+    borderRadius: "999px",
+    border: "2px solid #d1d1d1",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "#616161",
+    flexShrink: 0
+  },
+  stepIconActive: {
+    border: "none",
+    color: "#303030"
+  },
+  stepIconDone: {
+    border: "none",
+    bg: "#008060",
+    color: "white",
+    borderRadius: "10px"
+  },
+  stepIconPending: {
+    borderColor: "#d1d1d1",
+    color: "#d1d1d1"
+  },
+  stepIconFailed: {
+    border: "none",
+    bg: "#d72c0d",
+    color: "white",
+    borderRadius: "10px"
+  },
+  stepTitle: {
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "#303030"
+  },
+  stepTitleActive: {},
+  stepTitleDone: {
+    color: "#9b9b9b",
+    fontWeight: 500
+  },
+  stepTitlePending: {
+    color: "#9b9b9b",
+    fontWeight: 500
+  },
+  stepTitleFailed: {
+    color: "#d72c0d",
+    fontWeight: 600
+  },
+  stepSubtitle: {
+    fontSize: "12px",
+    color: "#616161"
+  },
+  violationPanel: {
+    border: "1px solid #e7e7e7",
+    borderRadius: "12px",
+    px: "12px",
+    py: "12px",
+    bg: "white"
+  },
+  violationHeaderRow: {
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  violationHeader: {
+    alignItems: "center",
+    gap: "8px"
+  },
+  violationIcon: {
+    color: "#8E1F0B"
+  },
+  violationTitle: {
+    fontSize: "13px",
+    fontWeight: 600,
+    color: "#8E1F0B"
+  },
+  violationSubtitle: {
+    fontSize: "12px",
+    color: "#616161"
+  },
+  violationToggleButton: {
+    borderRadius: "8px",
+    color: "#5c5c5c"
+  },
+  violationToggleIcon: {
+    color: "#5c5c5c"
+  },
+  violationContent: {
+    pt: "8px"
+  },
+  violationItem: {
+    bg: "#fceaea",
+    borderRadius: "8px",
+    px: "10px",
+    py: "8px"
+  },
+  violationItemTitle: {
+    fontSize: "12px",
+    fontWeight: 600,
+    color: "#8E1F0B"
+  },
+  violationItemDetailRow: {
+    alignItems: "center"
+  },
+  violationItemDetail: {
+    fontSize: "12px",
+    color: "#b42318"
+  },
+  violationBullet: {
+    color: "#b42318",
+    flexShrink: 0
+  },
+  recommendationsBox: {
+    bg: "#eaf2ff",
+    borderRadius: "8px",
+    px: "10px",
+    py: "8px"
+  },
+  recommendationsTitle: {
+    fontSize: "12px",
+    fontWeight: 600,
+    color: "#1f4eb0",
+    mb: "4px"
+  },
+  recommendationsList: {},
+  recommendationsItem: {
+    fontSize: "12px",
+    color: "#1f4eb0"
+  },
+  recommendationsBullet: {
+    color: "#1f4eb0",
+    flexShrink: 0
+  },
+  recommendationsToggle: {
+    alignSelf: "flex-start",
+    borderRadius: "8px",
+    fontSize: "12px",
+    height: "28px",
+    px: "12px"
+  },
+  failedFooter: {
+    borderTop: "1px solid #e3e3e3",
+    px: "16px",
+    py: "16px",
+    justifyContent: "flex-end",
+    gap: "8px"
+  },
+  failedPrimaryButton: {
+    fontSize: "12px",
+    fontWeight: 600,
+    borderRadius: "8px",
+    bg: "#303030",
+    color: "white",
+    height: "30px"
+  },
+  failedSecondaryButton: {
+    fontSize: "12px",
+    fontWeight: 500,
+    borderRadius: "8px",
+    borderColor: "#e3e3e3",
+    color: "#303030",
+    height: "30px"
+  },
+  footer: {
+    borderTop: "1px solid #e3e3e3",
+    px: "16px",
+    py: "16px",
+    justifyContent: "flex-end",
+    gap: "8px"
+  },
+  cancelButton: {
+    fontSize: "12px",
+    fontWeight: 500,
+    borderRadius: "8px",
+    borderColor: "#e3e3e3",
+    color: "#303030",
+    height: "30px"
+  },
+  primaryButton: {
+    fontSize: "12px",
+    fontWeight: 600,
+    borderRadius: "8px",
+    bg: "#303030",
+    color: "white",
+    height: "30px"
+  },
+  violatedConstraintsSecondaryButton: {
+    fontWeight: 600
+  }
+};
+var SCHEDULE_STEPS = [
+  {
+    title: "Analyzing requirements",
+    subtitle: "Reviewing your required rules and optimization priorities."
+  },
+  {
+    title: "Validating required rules",
+    subtitle: "Ensuring all assigned shifts meet your required rules."
+  },
+  {
+    title: "Optimizing assigned shifts",
+    subtitle: "Applying optimization priorities to improve coverage and performance."
+  },
+  { title: "Checking schedule feasibility", subtitle: "Confirming the schedule is feasible and respects all required rules." },
+  { title: "Finalizing schedule" }
+];
+var STEP_INTERVAL_MS = 1200;
+var OPTIMIZING_STEP_INDEX = 2;
+var NETWORK_ERROR_FAILURE = {
+  violatedConstraints: [
+    { title: "Something went wrong", detail: "Please try again or check your connection." }
+  ],
+  recommendedFixes: []
+};
+
+// src/utils/theme.ts
+var buildStyles = (defaultStyles2, overrides) => ({
+  overlay: { ...defaultStyles2.overlay, ...overrides == null ? void 0 : overrides.overlay },
+  content: { ...defaultStyles2.content, ...overrides == null ? void 0 : overrides.content },
+  header: { ...defaultStyles2.header, ...overrides == null ? void 0 : overrides.header },
+  title: { ...defaultStyles2.title, ...overrides == null ? void 0 : overrides.title },
+  closeButton: { ...defaultStyles2.closeButton, ...overrides == null ? void 0 : overrides.closeButton },
+  body: { ...defaultStyles2.body, ...overrides == null ? void 0 : overrides.body },
+  banner: { ...defaultStyles2.banner, ...overrides == null ? void 0 : overrides.banner },
+  bannerIcon: { ...defaultStyles2.bannerIcon, ...overrides == null ? void 0 : overrides.bannerIcon },
+  bannerTitle: { ...defaultStyles2.bannerTitle, ...overrides == null ? void 0 : overrides.bannerTitle },
+  bannerText: { ...defaultStyles2.bannerText, ...overrides == null ? void 0 : overrides.bannerText },
+  locationSection: { ...defaultStyles2.locationSection, ...overrides == null ? void 0 : overrides.locationSection },
+  locationLabelRow: { ...defaultStyles2.locationLabelRow, ...overrides == null ? void 0 : overrides.locationLabelRow },
+  locationLabel: { ...defaultStyles2.locationLabel, ...overrides == null ? void 0 : overrides.locationLabel },
+  locationBadge: { ...defaultStyles2.locationBadge, ...overrides == null ? void 0 : overrides.locationBadge },
+  locationSubtitle: { ...defaultStyles2.locationSubtitle, ...overrides == null ? void 0 : overrides.locationSubtitle },
+  locationTrigger: { ...defaultStyles2.locationTrigger, ...overrides == null ? void 0 : overrides.locationTrigger },
+  locationTriggerText: {
+    ...defaultStyles2.locationTriggerText,
+    ...overrides == null ? void 0 : overrides.locationTriggerText
+  },
+  popoverContent: { ...defaultStyles2.popoverContent, ...overrides == null ? void 0 : overrides.popoverContent },
+  groupHeader: { ...defaultStyles2.groupHeader, ...overrides == null ? void 0 : overrides.groupHeader },
+  optionRow: { ...defaultStyles2.optionRow, ...overrides == null ? void 0 : overrides.optionRow },
+  optionLabel: { ...defaultStyles2.optionLabel, ...overrides == null ? void 0 : overrides.optionLabel },
+  selectedBanner: { ...defaultStyles2.selectedBanner, ...overrides == null ? void 0 : overrides.selectedBanner },
+  selectedBannerIcon: { ...defaultStyles2.selectedBannerIcon, ...overrides == null ? void 0 : overrides.selectedBannerIcon },
+  selectedBannerText: {
+    ...defaultStyles2.selectedBannerText,
+    ...overrides == null ? void 0 : overrides.selectedBannerText
+  },
+  hardConstraintsSection: {
+    ...defaultStyles2.hardConstraintsSection,
+    ...overrides == null ? void 0 : overrides.hardConstraintsSection
+  },
+  hardConstraintsLabelRow: {
+    ...defaultStyles2.hardConstraintsLabelRow,
+    ...overrides == null ? void 0 : overrides.hardConstraintsLabelRow
+  },
+  hardConstraintsLabel: {
+    ...defaultStyles2.hardConstraintsLabel,
+    ...overrides == null ? void 0 : overrides.hardConstraintsLabel
+  },
+  hardConstraintsBadge: {
+    ...defaultStyles2.hardConstraintsBadge,
+    ...overrides == null ? void 0 : overrides.hardConstraintsBadge
+  },
+  hardConstraintsSubtitle: {
+    ...defaultStyles2.hardConstraintsSubtitle,
+    ...overrides == null ? void 0 : overrides.hardConstraintsSubtitle
+  },
+  hardConstraintsTrigger: {
+    ...defaultStyles2.hardConstraintsTrigger,
+    ...overrides == null ? void 0 : overrides.hardConstraintsTrigger
+  },
+  hardConstraintsTriggerText: {
+    ...defaultStyles2.hardConstraintsTriggerText,
+    ...overrides == null ? void 0 : overrides.hardConstraintsTriggerText
+  },
+  hardConstraintsPopoverContent: {
+    ...defaultStyles2.hardConstraintsPopoverContent,
+    ...overrides == null ? void 0 : overrides.hardConstraintsPopoverContent
+  },
+  hardConstraintsOptionRow: {
+    ...defaultStyles2.hardConstraintsOptionRow,
+    ...overrides == null ? void 0 : overrides.hardConstraintsOptionRow
+  },
+  hardConstraintsOptionLabel: {
+    ...defaultStyles2.hardConstraintsOptionLabel,
+    ...overrides == null ? void 0 : overrides.hardConstraintsOptionLabel
+  },
+  hardConstraintsInputsContainer: {
+    ...defaultStyles2.hardConstraintsInputsContainer,
+    ...overrides == null ? void 0 : overrides.hardConstraintsInputsContainer
+  },
+  hardConstraintsInputItem: {
+    ...defaultStyles2.hardConstraintsInputItem,
+    ...overrides == null ? void 0 : overrides.hardConstraintsInputItem
+  },
+  hardConstraintsInputLabel: {
+    ...defaultStyles2.hardConstraintsInputLabel,
+    ...overrides == null ? void 0 : overrides.hardConstraintsInputLabel
+  },
+  hardConstraintsInputField: {
+    ...defaultStyles2.hardConstraintsInputField,
+    ...overrides == null ? void 0 : overrides.hardConstraintsInputField
+  },
+  optimizationSection: {
+    ...defaultStyles2.optimizationSection,
+    ...overrides == null ? void 0 : overrides.optimizationSection
+  },
+  optimizationLabelRow: {
+    ...defaultStyles2.optimizationLabelRow,
+    ...overrides == null ? void 0 : overrides.optimizationLabelRow
+  },
+  optimizationLabel: {
+    ...defaultStyles2.optimizationLabel,
+    ...overrides == null ? void 0 : overrides.optimizationLabel
+  },
+  optimizationBadge: {
+    ...defaultStyles2.optimizationBadge,
+    ...overrides == null ? void 0 : overrides.optimizationBadge
+  },
+  optimizationSubtitle: {
+    ...defaultStyles2.optimizationSubtitle,
+    ...overrides == null ? void 0 : overrides.optimizationSubtitle
+  },
+  optimizationTrigger: {
+    ...defaultStyles2.optimizationTrigger,
+    ...overrides == null ? void 0 : overrides.optimizationTrigger
+  },
+  optimizationTriggerText: {
+    ...defaultStyles2.optimizationTriggerText,
+    ...overrides == null ? void 0 : overrides.optimizationTriggerText
+  },
+  optimizationPopoverContent: {
+    ...defaultStyles2.optimizationPopoverContent,
+    ...overrides == null ? void 0 : overrides.optimizationPopoverContent
+  },
+  optimizationGroupHeader: {
+    ...defaultStyles2.optimizationGroupHeader,
+    ...overrides == null ? void 0 : overrides.optimizationGroupHeader
+  },
+  optimizationOptionRow: {
+    ...defaultStyles2.optimizationOptionRow,
+    ...overrides == null ? void 0 : overrides.optimizationOptionRow
+  },
+  optimizationOptionLabel: {
+    ...defaultStyles2.optimizationOptionLabel,
+    ...overrides == null ? void 0 : overrides.optimizationOptionLabel
+  },
+  optimizationOptionHelp: {
+    ...defaultStyles2.optimizationOptionHelp,
+    ...overrides == null ? void 0 : overrides.optimizationOptionHelp
+  },
+  optimizationInputsContainer: {
+    ...defaultStyles2.optimizationInputsContainer,
+    ...overrides == null ? void 0 : overrides.optimizationInputsContainer
+  },
+  optimizationInputItem: {
+    ...defaultStyles2.optimizationInputItem,
+    ...overrides == null ? void 0 : overrides.optimizationInputItem
+  },
+  optimizationInputLabel: {
+    ...defaultStyles2.optimizationInputLabel,
+    ...overrides == null ? void 0 : overrides.optimizationInputLabel
+  },
+  optimizationInputField: {
+    ...defaultStyles2.optimizationInputField,
+    ...overrides == null ? void 0 : overrides.optimizationInputField
+  },
+  optimizationSuffix: {
+    ...defaultStyles2.optimizationSuffix,
+    ...overrides == null ? void 0 : overrides.optimizationSuffix
+  },
+  optimizationDivider: {
+    ...defaultStyles2.optimizationDivider,
+    ...overrides == null ? void 0 : overrides.optimizationDivider
+  },
+  optimizationSummary: {
+    ...defaultStyles2.optimizationSummary,
+    ...overrides == null ? void 0 : overrides.optimizationSummary
+  },
+  creatingBody: {
+    ...defaultStyles2.creatingBody,
+    ...overrides == null ? void 0 : overrides.creatingBody
+  },
+  stepsContainer: {
+    ...defaultStyles2.stepsContainer,
+    ...overrides == null ? void 0 : overrides.stepsContainer
+  },
+  stepsList: {
+    ...defaultStyles2.stepsList,
+    ...overrides == null ? void 0 : overrides.stepsList
+  },
+  stepRow: {
+    ...defaultStyles2.stepRow,
+    ...overrides == null ? void 0 : overrides.stepRow
+  },
+  stepIcon: {
+    ...defaultStyles2.stepIcon,
+    ...overrides == null ? void 0 : overrides.stepIcon
+  },
+  stepIconActive: {
+    ...defaultStyles2.stepIconActive,
+    ...overrides == null ? void 0 : overrides.stepIconActive
+  },
+  stepIconDone: {
+    ...defaultStyles2.stepIconDone,
+    ...overrides == null ? void 0 : overrides.stepIconDone
+  },
+  stepIconPending: {
+    ...defaultStyles2.stepIconPending,
+    ...overrides == null ? void 0 : overrides.stepIconPending
+  },
+  stepIconFailed: {
+    ...defaultStyles2.stepIconFailed,
+    ...overrides == null ? void 0 : overrides.stepIconFailed
+  },
+  stepTitle: {
+    ...defaultStyles2.stepTitle,
+    ...overrides == null ? void 0 : overrides.stepTitle
+  },
+  stepTitleActive: {
+    ...defaultStyles2.stepTitleActive,
+    ...overrides == null ? void 0 : overrides.stepTitleActive
+  },
+  stepTitleDone: {
+    ...defaultStyles2.stepTitleDone,
+    ...overrides == null ? void 0 : overrides.stepTitleDone
+  },
+  stepTitlePending: {
+    ...defaultStyles2.stepTitlePending,
+    ...overrides == null ? void 0 : overrides.stepTitlePending
+  },
+  stepTitleFailed: {
+    ...defaultStyles2.stepTitleFailed,
+    ...overrides == null ? void 0 : overrides.stepTitleFailed
+  },
+  stepSubtitle: {
+    ...defaultStyles2.stepSubtitle,
+    ...overrides == null ? void 0 : overrides.stepSubtitle
+  },
+  violationPanel: {
+    ...defaultStyles2.violationPanel,
+    ...overrides == null ? void 0 : overrides.violationPanel
+  },
+  violationHeaderRow: {
+    ...defaultStyles2.violationHeaderRow,
+    ...overrides == null ? void 0 : overrides.violationHeaderRow
+  },
+  violationHeader: {
+    ...defaultStyles2.violationHeader,
+    ...overrides == null ? void 0 : overrides.violationHeader
+  },
+  violationIcon: {
+    ...defaultStyles2.violationIcon,
+    ...overrides == null ? void 0 : overrides.violationIcon
+  },
+  violationTitle: {
+    ...defaultStyles2.violationTitle,
+    ...overrides == null ? void 0 : overrides.violationTitle
+  },
+  violationSubtitle: {
+    ...defaultStyles2.violationSubtitle,
+    ...overrides == null ? void 0 : overrides.violationSubtitle
+  },
+  violationToggleButton: {
+    ...defaultStyles2.violationToggleButton,
+    ...overrides == null ? void 0 : overrides.violationToggleButton
+  },
+  violationToggleIcon: {
+    ...defaultStyles2.violationToggleIcon,
+    ...overrides == null ? void 0 : overrides.violationToggleIcon
+  },
+  violationContent: {
+    ...defaultStyles2.violationContent,
+    ...overrides == null ? void 0 : overrides.violationContent
+  },
+  violationItem: {
+    ...defaultStyles2.violationItem,
+    ...overrides == null ? void 0 : overrides.violationItem
+  },
+  violationItemTitle: {
+    ...defaultStyles2.violationItemTitle,
+    ...overrides == null ? void 0 : overrides.violationItemTitle
+  },
+  violationItemDetailRow: {
+    ...defaultStyles2.violationItemDetailRow,
+    ...overrides == null ? void 0 : overrides.violationItemDetailRow
+  },
+  violationItemDetail: {
+    ...defaultStyles2.violationItemDetail,
+    ...overrides == null ? void 0 : overrides.violationItemDetail
+  },
+  violationBullet: {
+    ...defaultStyles2.violationBullet,
+    ...overrides == null ? void 0 : overrides.violationBullet
+  },
+  recommendationsBox: {
+    ...defaultStyles2.recommendationsBox,
+    ...overrides == null ? void 0 : overrides.recommendationsBox
+  },
+  recommendationsTitle: {
+    ...defaultStyles2.recommendationsTitle,
+    ...overrides == null ? void 0 : overrides.recommendationsTitle
+  },
+  recommendationsList: {
+    ...defaultStyles2.recommendationsList,
+    ...overrides == null ? void 0 : overrides.recommendationsList
+  },
+  recommendationsItem: {
+    ...defaultStyles2.recommendationsItem,
+    ...overrides == null ? void 0 : overrides.recommendationsItem
+  },
+  recommendationsBullet: {
+    ...defaultStyles2.recommendationsBullet,
+    ...overrides == null ? void 0 : overrides.recommendationsBullet
+  },
+  recommendationsToggle: {
+    ...defaultStyles2.recommendationsToggle,
+    ...overrides == null ? void 0 : overrides.recommendationsToggle
+  },
+  failedFooter: {
+    ...defaultStyles2.failedFooter,
+    ...overrides == null ? void 0 : overrides.failedFooter
+  },
+  failedPrimaryButton: {
+    ...defaultStyles2.failedPrimaryButton,
+    ...overrides == null ? void 0 : overrides.failedPrimaryButton
+  },
+  failedSecondaryButton: {
+    ...defaultStyles2.failedSecondaryButton,
+    ...overrides == null ? void 0 : overrides.failedSecondaryButton
+  },
+  footer: { ...defaultStyles2.footer, ...overrides == null ? void 0 : overrides.footer },
+  cancelButton: { ...defaultStyles2.cancelButton, ...overrides == null ? void 0 : overrides.cancelButton },
+  primaryButton: { ...defaultStyles2.primaryButton, ...overrides == null ? void 0 : overrides.primaryButton },
+  violatedConstraintsSecondaryButton: {
+    ...defaultStyles2.violatedConstraintsSecondaryButton,
+    ...overrides == null ? void 0 : overrides.violatedConstraintsSecondaryButton
+  }
+});
+
+// src/buildSchedulePayload.ts
+var UI_TO_BACKEND_RULE_ID = {
+  max_weekly_hours: "max-weekly-hours",
+  max_daily_hours: "max-daily-hours",
+  min_rest_between_shifts: "min-rest-between-shifts",
+  max_work_days_per_week: "max-work-days-per-week",
+  fair_hour_distribution: "fair-hour-distribution",
+  minimize_overtime: "overtime-balance",
+  cost_to_sales_ratio: "labor-cost-optimization",
+  maximize_sales: "maximize-sales-performance",
+  staff_preferences: "staff-open-shift-preferences"
+};
+var BACKEND_TO_UI_RULE_ID = Object.fromEntries(
+  Object.entries(UI_TO_BACKEND_RULE_ID).map(([ui, backend]) => [backend, ui])
+);
+function toBackendRuleId(uiOptionId) {
+  return UI_TO_BACKEND_RULE_ID[uiOptionId];
+}
+function buildParametersForRule(backendRuleId, constraintValues, _optimizationValues) {
+  var _a, _b, _c, _d;
+  const params = {};
+  switch (backendRuleId) {
+    case "max-weekly-hours": {
+      const value = (_a = constraintValues["max_weekly_hours"]) == null ? void 0 : _a.trim();
+      if (value) {
+        const limitMinutes = Number(value) * 60;
+        if (Number.isFinite(limitMinutes) && limitMinutes >= 1) {
+          params.limitMinutes = limitMinutes;
+        }
+      }
+      break;
+    }
+    case "max-daily-hours": {
+      const value = (_b = constraintValues["max_daily_hours"]) == null ? void 0 : _b.trim();
+      if (value) {
+        const limitMinutes = Number(value) * 60;
+        if (Number.isFinite(limitMinutes) && limitMinutes >= 1) {
+          params.limitMinutes = limitMinutes;
+        }
+      }
+      break;
+    }
+    case "min-rest-between-shifts": {
+      const value = (_c = constraintValues["min_rest_between_shifts"]) == null ? void 0 : _c.trim();
+      if (value) {
+        const minGapMinutes = Number(value) * 60;
+        if (Number.isFinite(minGapMinutes) && minGapMinutes >= 1) {
+          params.minGapMinutes = minGapMinutes;
+        }
+      }
+      break;
+    }
+    case "max-work-days-per-week": {
+      const value = (_d = constraintValues["max_work_days_per_week"]) == null ? void 0 : _d.trim();
+      if (value) {
+        const maxWorkDays = Number(value);
+        if (Number.isFinite(maxWorkDays) && maxWorkDays >= 1 && maxWorkDays <= 6) {
+          params.limitDays = maxWorkDays;
+        }
+      }
+      break;
+    }
+    default:
+      break;
+  }
+  return params;
+}
+function hasAnyParameterOverrides(selectedConstraintIds, constraintValues, selectedOptimizationIds, optimizationValues) {
+  var _a, _b, _c, _d, _e, _f;
+  for (const id of selectedConstraintIds) {
+    const value = (_a = constraintValues[id]) == null ? void 0 : _a.trim();
+    if (value && Number.isFinite(Number(value))) return true;
+  }
+  for (const id of selectedOptimizationIds) {
+    const weight = (_b = optimizationValues[`${id}_weightPoints`]) == null ? void 0 : _b.trim();
+    if (weight && Number.isFinite(Number(weight))) return true;
+    if (id === "fair_hour_distribution") {
+      if (((_c = optimizationValues["fair_hour_distribution_balanceTarget"]) == null ? void 0 : _c.trim()) || ((_d = optimizationValues["fair_hour_distribution_period"]) == null ? void 0 : _d.trim())) {
+        return true;
+      }
+    } else if (id === "minimize_overtime") {
+      if (((_e = optimizationValues["minimize_overtime_thresholdMinutes"]) == null ? void 0 : _e.trim()) || ((_f = optimizationValues["minimize_overtime_period"]) == null ? void 0 : _f.trim())) return true;
+    } else if (id === "cost_to_sales_ratio" || id === "maximize_sales") {
+      return true;
+    }
+  }
+  return false;
+}
+function buildRulesPayload(selectedConstraintIds, constraintValues, selectedOptimizationIds, optimizationValues) {
+  const allSelectedRuleIds = [
+    ...selectedConstraintIds.map(toBackendRuleId),
+    ...selectedOptimizationIds.map(toBackendRuleId)
+  ].filter((id) => Boolean(id));
+  if (allSelectedRuleIds.length === 0) {
+    return {};
+  }
+  const hasOverrides = hasAnyParameterOverrides(
+    selectedConstraintIds,
+    constraintValues,
+    selectedOptimizationIds,
+    optimizationValues
+  );
+  if (!hasOverrides) {
+    return { ruleIds: allSelectedRuleIds };
+  }
+  const ruleOverrides = allSelectedRuleIds.map((ruleId) => {
+    var _a;
+    const params = buildParametersForRule(ruleId, constraintValues, optimizationValues);
+    const uiId = BACKEND_TO_UI_RULE_ID[ruleId];
+    const weightRaw = uiId ? (_a = optimizationValues[`${uiId}_weightPoints`]) == null ? void 0 : _a.trim() : void 0;
+    const weightPoints = weightRaw ? Number(weightRaw) : void 0;
+    if (weightPoints && Number.isFinite(weightPoints) && weightPoints >= 1) {
+      params.weightPoints = weightPoints;
+    }
+    return {
+      ruleId,
+      ...Object.keys(params).length > 0 ? { parameters: params } : {}
+    };
+  });
+  return { ruleIds: allSelectedRuleIds, ruleOverrides };
+}
+function toApiShift(shift, includeEmployeePreferences) {
+  var _a, _b;
+  const startDateTime = "startDateTime" in shift ? shift.startDateTime : shift.startTime;
+  const endDateTime = "endDateTime" in shift ? shift.endDateTime : shift.endTime;
+  return {
+    id: shift.id,
+    startDateTime,
+    endDateTime,
+    ...shift.employeeId ? { employeeId: String(shift.employeeId) } : {},
+    requiredPosition: (_a = shift.requiredPosition) != null ? _a : void 0,
+    requiredCount: (_b = shift.requiredCount) != null ? _b : 1,
+    location: shift.location ? {
+      id: String(shift.location.id),
+      timezone: "timezone" in shift.location ? shift.location.timezone : void 0,
+      tags: "tags" in shift.location ? shift.location.tags : void 0
+    } : void 0,
+    ...includeEmployeePreferences && shift.employeePreferences ? {
+      employeePreferences: shift.employeePreferences.map((p) => ({
+        employeeId: p.employeeId,
+        level: p.level
+      }))
+    } : {}
+  };
+}
+function toApiEmployee(employee) {
+  var _a, _b, _c;
+  return {
+    id: String(employee.id),
+    name: (_a = employee.name) != null ? _a : void 0,
+    position: (_b = employee.position) != null ? _b : void 0,
+    locationIds: (_c = employee.locationIds) != null ? _c : void 0,
+    properties: employee.properties ? employee.properties : void 0
+  };
+}
+function toApiLocation(location) {
+  var _a, _b;
+  return {
+    id: String(location.id),
+    timezone: (_a = location.timezone) != null ? _a : void 0,
+    jurisdiction: (_b = location.jurisdiction) != null ? _b : void 0,
+    tags: "tags" in location ? location.tags : void 0
+  };
+}
+function buildSchedulePayload(input) {
+  const {
+    employees,
+    openShifts,
+    timeOffs,
+    selectedLocationIds,
+    jurisdictions,
+    selectedConstraintIds,
+    constraintValues,
+    selectedOptimizationIds,
+    optimizationValues
+  } = input;
+  const locationsMap = /* @__PURE__ */ new Map();
+  for (const j of jurisdictions) {
+    for (const loc of j.locations) {
+      locationsMap.set(loc.id, loc);
+    }
+  }
+  const selectedLocations = selectedLocationIds.map((id) => locationsMap.get(id)).filter((loc) => Boolean(loc));
+  const rules = buildRulesPayload(
+    selectedConstraintIds,
+    constraintValues,
+    selectedOptimizationIds,
+    optimizationValues
+  );
+  const includeEmployeePreferences = selectedOptimizationIds.includes("staff_preferences");
+  return {
+    employees: employees.map(toApiEmployee),
+    shifts: openShifts.map((shift) => toApiShift(shift, includeEmployeePreferences)),
+    locations: selectedLocations.map(toApiLocation),
+    ...timeOffs && timeOffs.length > 0 ? { timeOffs } : {},
+    ...rules
+  };
+}
+
+// src/api/solveSchedule.ts
+var import_axios = __toESM(require("axios"), 1);
+var axiosInstance = import_axios.default.create({
+  headers: { "Content-Type": "application/json" }
+});
+async function solveSchedule(baseURL, payload) {
+  const cleanBaseUrl = baseURL.replace(/\/$/, "");
+  const response = await axiosInstance.post(`${cleanBaseUrl}/api/schedule/solve`, payload);
+  return response.data;
+}
+
+// src/utils/violationMessages.ts
+var SYSTEM_CONSTRAINT_MESSAGES = {
+  "system-unassigned-Hard": {
+    title: "Not enough eligible staff to cover all shifts",
+    detail: "Some open shifts require more team members with the required position than are currently available."
+  },
+  "system-position-Hard": {
+    title: "Required position not matched",
+    detail: "Some open shifts require a position that isn't assigned to the available team members."
+  },
+  "system-location-Hard": {
+    title: "Location assignment mismatch",
+    detail: "Some open shifts are set for a location that isn't assigned to the available team members."
+  },
+  "system-employee-unavailable-Hard": {
+    title: "No eligible staff available for shift",
+    detail: "Some open shifts don't have any remaining eligible team members available at that time."
+  },
+  "system-employee-unavailable-time-Hard": {
+    title: "Unavailable time",
+    detail: "Unavailable time"
+  },
+  "system-employee-available-time-Hard": {
+    title: "Outside available time",
+    detail: "Outside available time"
+  },
+  "system-employee-time-off-Hard": {
+    title: "Time off prevents assignment",
+    detail: "Some open shifts overlap with approved time off for the remaining eligible team members."
+  }
+};
+var RULE_ID_MESSAGES = {
+  "max-weekly-hours": {
+    title: "Maximum weekly hours exceeded",
+    detail: "Some team members would exceed weekly hour limits if all open shifts are assigned."
+  },
+  "max-daily-hours": {
+    title: "Maximum daily hours exceeded",
+    detail: "Some team members would exceed daily hour limits if all open shifts are assigned."
+  },
+  "min-rest-between-shifts": {
+    title: "Minimum rest between shifts",
+    detail: "Some team members would not receive the required rest time if all open shifts are assigned."
+  },
+  "min-days-off-per-week": {
+    title: "Maximum work days per week exceeded",
+    detail: "Some team members would exceed the allowed work days this week if all open shifts are assigned."
+  },
+  "fair-hour-distribution": {
+    title: "Work distribution not balanced",
+    detail: "Work distribution not balanced"
+  },
+  "overtime-balance": {
+    title: "Overtime balance rule violated",
+    detail: "Overtime balance rule violated"
+  },
+  "manager-cashier-ratio": {
+    title: "Staffing ratio violated",
+    detail: "Staffing ratio violated"
+  },
+  "min-staffing": {
+    title: "Minimum staffing not met",
+    detail: "Minimum staffing not met"
+  },
+  "shift-duration-limits": {
+    title: "Shift duration outside allowed range",
+    detail: "Shift duration outside allowed range"
+  },
+  "max-consecutive-days": {
+    title: "Shift sequence rule violated",
+    detail: "Shift sequence rule violated"
+  },
+  "some-transactional-rule": {
+    title: "Policy rule violated",
+    detail: "Policy rule violated"
+  }
+};
+var ARCHETYPE_FALLBACK_MESSAGES = {
+  "Accumulator violation (HARD)": {
+    title: "Hours limit exceeded",
+    detail: "Hours limit exceeded"
+  },
+  "Spacer violation (HARD)": {
+    title: "Rest period not met",
+    detail: "Rest period not met"
+  },
+  "Spacer periodic violation (HARD)": {
+    title: "Required rest period not met",
+    detail: "Required rest period not met"
+  },
+  "Composition violation (HARD)": {
+    title: "Staffing ratio violated",
+    detail: "Staffing ratio violated"
+  },
+  "Transactional violation (HARD)": {
+    title: "Policy rule violated",
+    detail: "Policy rule violated"
+  },
+  "Balancer violation (HARD)": {
+    title: "Work distribution not balanced",
+    detail: "Work distribution not balanced"
+  },
+  "Coverage violation (HARD)": {
+    title: "Minimum staffing not met",
+    detail: "Minimum staffing not met"
+  },
+  "Sizing violation (HARD)": {
+    title: "Shift duration outside allowed range",
+    detail: "Shift duration outside allowed range"
+  },
+  "Sequencer violation (HARD)": {
+    title: "Shift sequence rule violated",
+    detail: "Shift sequence rule violated"
+  },
+  "Overtime balance violation (HARD)": {
+    title: "Overtime balance rule violated",
+    detail: "Overtime balance rule violated"
+  }
+};
+var FALLBACK_MESSAGE = {
+  title: "Rule violated",
+  detail: "Rule violated"
+};
+function getSystemConstraintMessage(constraintName, description) {
+  if (constraintName && constraintName in SYSTEM_CONSTRAINT_MESSAGES) {
+    return SYSTEM_CONSTRAINT_MESSAGES[constraintName];
+  }
+  if (description == null ? void 0 : description.trim()) {
+    return { title: description, detail: description };
+  }
+  return FALLBACK_MESSAGE;
+}
+function getRuleBasedViolationMessage(ruleId, constraintName, description) {
+  if (ruleId && ruleId in RULE_ID_MESSAGES) {
+    return RULE_ID_MESSAGES[ruleId];
+  }
+  if (constraintName && constraintName in ARCHETYPE_FALLBACK_MESSAGES) {
+    return ARCHETYPE_FALLBACK_MESSAGES[constraintName];
+  }
+  if (description == null ? void 0 : description.trim()) {
+    return { title: description, detail: description };
+  }
+  return FALLBACK_MESSAGE;
+}
+
+// src/utils/mapViolationsToResult.ts
+function mapViolationsToResult(violations, summary) {
+  const hardViolations = violations.filter((v) => v.isHardViolation === true);
+  const seenTitles = /* @__PURE__ */ new Set();
+  const violatedConstraints = [];
+  for (const v of hardViolations) {
+    const hasRuleId = v.ruleId != null && v.ruleId !== void 0 && String(v.ruleId).trim() !== "";
+    const msg = hasRuleId ? getRuleBasedViolationMessage(
+      v.ruleId,
+      v.constraintName,
+      v.description
+    ) : getSystemConstraintMessage(v.constraintName, v.description);
+    if (!seenTitles.has(msg.title)) {
+      seenTitles.add(msg.title);
+      violatedConstraints.push(msg);
+    }
+  }
+  const result = {
+    violatedConstraints,
+    recommendedFixes: []
+  };
+  if (violatedConstraints.length === 0 && (summary == null ? void 0 : summary.trim())) {
+    result.violatedConstraints = [
+      {
+        title: "Schedule could not be created",
+        detail: summary
+      }
+    ];
+  } else if (violatedConstraints.length === 0) {
+    result.violatedConstraints = [
+      {
+        title: "Schedule could not be created",
+        detail: "Please adjust constraints and try again."
+      }
+    ];
+  }
+  return result;
+}
+
+// src/ViolatedConstraintsPanel.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_axios2 = __toESM(require("axios"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DEFAULT_TITLE = "Schedule can't be created";
+var DEFAULT_SUBTITLE = "Some required rules aren't being met. Review the issues below to continue.";
+function ViolatedConstraintsPanel({
+  violatedConstraints,
+  title = DEFAULT_TITLE,
+  subtitle = DEFAULT_SUBTITLE,
+  showSecondaryButton = false,
+  secondaryButtonTitle,
+  onSecondaryButtonClick,
+  generateRecommendationsURLAndHeaders,
+  styles: stylesProp,
+  styleOverrides
+}) {
+  const [showRecommendations, setShowRecommendations] = (0, import_react.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react.useState)(true);
+  const [recommendations, setRecommendations] = (0, import_react.useState)(null);
+  const [isLoadingRecommendations, setIsLoadingRecommendations] = (0, import_react.useState)(false);
+  const styles = (0, import_react.useMemo)(() => {
+    if (stylesProp) return stylesProp;
+    return buildStyles(defaultStyles, styleOverrides);
+  }, [stylesProp, styleOverrides]);
+  const canFetchRecommendations = Boolean(generateRecommendationsURLAndHeaders) && Boolean(violatedConstraints.recommendationPayload);
+  const hasPreFetchedFixes = violatedConstraints.recommendedFixes.length > 0;
+  const showRecommendationsButton = canFetchRecommendations || hasPreFetchedFixes;
+  const displayRecommendations = recommendations !== null ? recommendations : violatedConstraints.recommendedFixes;
+  const hasRecommendations = displayRecommendations.length > 0;
+  const handleToggleRecommendations = (0, import_react.useCallback)(async () => {
+    var _a, _b;
+    if (showRecommendations) {
+      setShowRecommendations(false);
+      return;
+    }
+    setShowRecommendations(true);
+    if (recommendations !== null) {
+      return;
+    }
+    if (!canFetchRecommendations) {
+      return;
+    }
+    const payload = violatedConstraints.recommendationPayload;
+    setIsLoadingRecommendations(true);
+    try {
+      const recResponse = await import_axios2.default.post(
+        generateRecommendationsURLAndHeaders.url,
+        payload,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            ...generateRecommendationsURLAndHeaders.headers
+          }
+        }
+      );
+      const data = (_b = (_a = recResponse.data) == null ? void 0 : _a.data) != null ? _b : recResponse.data;
+      if (data) {
+        setRecommendations(data.map((r) => r.recommendation));
+      } else {
+        setRecommendations([]);
+      }
+    } catch (recErr) {
+      console.error("[ViolatedConstraintsPanel] failed to fetch recommendations:", recErr);
+      setRecommendations([]);
+    } finally {
+      setIsLoadingRecommendations(false);
+    }
+  }, [
+    showRecommendations,
+    recommendations,
+    canFetchRecommendations,
+    violatedConstraints.recommendationPayload,
+    generateRecommendationsURLAndHeaders
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Box, { sx: styles.violationPanel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.HStack, { sx: styles.violationHeaderRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.HStack, { sx: styles.violationHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Box, { sx: styles.violationIcon, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(WarningIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Text, { sx: styles.violationTitle, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Text, { sx: styles.violationSubtitle, children: subtitle })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react2.IconButton,
+        {
+          "aria-label": isExpanded ? "Collapse" : "Expand",
+          variant: "ghost",
+          size: "sm",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react2.Box,
+            {
+              sx: styles.violationToggleIcon,
+              transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronDownIcon, {})
+            }
+          ),
+          onClick: () => setIsExpanded((prev) => !prev),
+          sx: styles.violationToggleButton
+        }
+      )
+    ] }),
+    isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Stack, { spacing: "8px", sx: styles.violationContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Stack, { spacing: "8px", children: violatedConstraints.violatedConstraints.map((constraint, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Box, { sx: styles.violationItem, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Text, { sx: styles.violationItemTitle, children: constraint.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.HStack, { spacing: "6px", sx: styles.violationItemDetailRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Box, { sx: styles.violationBullet, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DotIcon, { size: 6 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Text, { sx: styles.violationItemDetail, children: constraint.detail })
+        ] })
+      ] }, `${constraint.title}-${index}`)) }),
+      showRecommendations && hasRecommendations ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Box, { sx: styles.recommendationsBox, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Text, { sx: styles.recommendationsTitle, children: "Recommended fixes" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Stack, { spacing: "4px", sx: styles.recommendationsList, children: displayRecommendations.map((fix, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.HStack, { spacing: "6px", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Box, { sx: styles.recommendationsBullet, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DotIcon, { size: 6 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Text, { sx: styles.recommendationsItem, children: fix })
+        ] }, `${fix}-${index}`)) })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.HStack, { spacing: "8px", flexWrap: "wrap", children: [
+        showRecommendationsButton ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react2.Button,
+          {
+            variant: "outline",
+            size: "xs",
+            onClick: handleToggleRecommendations,
+            isDisabled: isLoadingRecommendations,
+            sx: { ...styles.recommendationsToggle, minWidth: "140px" },
+            children: isLoadingRecommendations ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Spinner, { size: "sm", thickness: "2px" }) : showRecommendations ? "Hide recommendations" : "Show recommendations"
+          }
+        ) : null,
+        showSecondaryButton && secondaryButtonTitle && onSecondaryButtonClick ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react2.Button,
+          {
+            variant: "outline",
+            size: "xs",
+            onClick: onSecondaryButtonClick,
+            sx: { ...styles.failedSecondaryButton, ...styles.violatedConstraintsSecondaryButton },
+            children: secondaryButtonTitle
+          }
+        ) : null
+      ] })
+    ] }) : null
+  ] });
+}
+
+// src/AutoSchedulerModal.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AutoSchedulerModal({
+  baseURL,
+  isOpen,
+  title = "Auto-scheduling",
+  bannerText,
+  jurisdictions,
+  openShifts,
+  employees,
+  timeOffs,
+  locationPlaceholder = "Select locations",
+  onClose,
+  cancelLabel = "Cancel",
+  primaryActionLabel = "Create schedule",
+  onPrimaryAction: _onPrimaryAction,
+  onFixManually,
+  initialConfig,
+  theme,
+  cssVarsRoot,
+  generateRecommendationsURLAndHeaders,
+  onSolution
+}) {
+  const baseTheme = (0, import_react4.useTheme)();
+  const { chakraOverride, styleOverrides } = (0, import_react3.useMemo)(
+    () => resolveThemeParts(theme),
+    [theme]
+  );
+  const mergedTheme = (0, import_react3.useMemo)(
+    () => mergeThemeWithBase(baseTheme, chakraOverride),
+    [baseTheme, chakraOverride]
+  );
+  const styles = (0, import_react3.useMemo)(() => buildStyles(defaultStyles, styleOverrides), [styleOverrides]);
+  const [selectedConstraintIds, setSelectedConstraintIds] = (0, import_react3.useState)([]);
+  const [constraintValues, setConstraintValues] = (0, import_react3.useState)({});
+  const [selectedOptimizationIds, setSelectedOptimizationIds] = (0, import_react3.useState)([]);
+  const [optimizationValues, setOptimizationValues] = (0, import_react3.useState)({});
+  const [screen, setScreen] = (0, import_react3.useState)("configure");
+  const [activeStepIndex, setActiveStepIndex] = (0, import_react3.useState)(0);
+  const [completedStepIndex, setCompletedStepIndex] = (0, import_react3.useState)(-1);
+  const [lastFailure, setLastFailure] = (0, import_react3.useState)(null);
+  const [selectedLocationIds, setSelectedLocationIds] = (0, import_react3.useState)([]);
+  const timersRef = (0, import_react3.useRef)([]);
+  const runIdRef = (0, import_react3.useRef)(0);
+  const selectedByJurisdiction = (0, import_react3.useMemo)(
+    () => jurisdictions.map((jurisdiction) => ({
+      ...jurisdiction,
+      selectedLocations: jurisdiction.locations.filter(
+        (location) => selectedLocationIds.includes(location.id)
+      )
+    })).filter((jurisdiction) => jurisdiction.selectedLocations.length > 0),
+    [jurisdictions, selectedLocationIds]
+  );
+  const selectedCount = selectedByJurisdiction.reduce(
+    (total, jurisdiction) => total + jurisdiction.selectedLocations.length,
+    0
+  );
+  const selectedConstraints = (0, import_react3.useMemo)(
+    () => HARD_CONSTRAINT_OPTIONS.filter((option) => selectedConstraintIds.includes(option.id)),
+    [selectedConstraintIds]
+  );
+  const optimizationOptions = (0, import_react3.useMemo)(
+    () => OPTIMIZATION_OPTION_GROUPS.flatMap(
+      (group) => group.options.map((option) => ({
+        ...option,
+        groupId: group.id,
+        groupName: group.name
+      }))
+    ),
+    []
+  );
+  const selectedOptimizationOptions = (0, import_react3.useMemo)(
+    () => optimizationOptions.filter(
+      (option) => selectedOptimizationIds.includes(option.id)
+    ),
+    [optimizationOptions, selectedOptimizationIds]
+  );
+  const hasEmptyInputs = (0, import_react3.useMemo)(() => {
+    const hasEmptyConstraint = selectedConstraints.some(
+      (opt) => {
+        var _a;
+        return !((_a = constraintValues[opt.id]) == null ? void 0 : _a.trim());
+      }
+    );
+    const hasEmptyWeight = selectedOptimizationOptions.length >= 2 && selectedOptimizationOptions.some(
+      (opt) => {
+        var _a;
+        return !((_a = optimizationValues[`${opt.id}_weightPoints`]) == null ? void 0 : _a.trim());
+      }
+    );
+    return hasEmptyConstraint || hasEmptyWeight;
+  }, [selectedConstraints, constraintValues, selectedOptimizationOptions, optimizationValues]);
+  const allocationSummary = (0, import_react3.useMemo)(() => {
+    if (selectedOptimizationOptions.length === 0) return "";
+    const totalWeight = selectedOptimizationOptions.reduce(
+      (sum, opt) => sum + (Number(optimizationValues[`${opt.id}_weightPoints`]) || 1),
+      0
+    );
+    const parts = selectedOptimizationOptions.map((opt) => {
+      const weight = Number(optimizationValues[`${opt.id}_weightPoints`]) || 1;
+      const pct = Math.round(weight / totalWeight * 100);
+      return `${opt.title} ${pct}%`;
+    });
+    return `Scheduling priorities: ${parts.join(", ")}.`;
+  }, [selectedOptimizationOptions, optimizationValues]);
+  const clearTimers = () => {
+    timersRef.current.forEach((timerId) => clearTimeout(timerId));
+    timersRef.current = [];
+  };
+  const resetProgress = () => {
+    setActiveStepIndex(0);
+    setCompletedStepIndex(-1);
+  };
+  (0, import_react3.useEffect)(() => {
+    if (!isOpen) {
+      clearTimers();
+      setScreen("configure");
+      setLastFailure(null);
+      setSelectedLocationIds([]);
+      setSelectedOptimizationIds([]);
+      setSelectedConstraintIds([]);
+      setConstraintValues({});
+      setOptimizationValues({});
+      resetProgress();
+    }
+  }, [isOpen]);
+  (0, import_react3.useEffect)(() => {
+    if (isOpen && initialConfig) {
+      setSelectedLocationIds(initialConfig.selectedLocationIds);
+      setSelectedConstraintIds(initialConfig.selectedConstraintIds);
+      setConstraintValues(initialConfig.constraintValues);
+      setSelectedOptimizationIds(initialConfig.selectedOptimizationIds);
+      setOptimizationValues(initialConfig.optimizationValues);
+      if (initialConfig.failure) {
+        setLastFailure(initialConfig.failure);
+      }
+      setScreen("configure");
+    }
+  }, [isOpen, initialConfig]);
+  (0, import_react3.useEffect)(() => () => clearTimers(), []);
+  const stepStatusForIndex = (index) => {
+    if (index <= completedStepIndex) {
+      return "done";
+    }
+    if (index === activeStepIndex) {
+      return "active";
+    }
+    return "pending";
+  };
+  const resetBeforeSubmit = () => {
+    clearTimers();
+    setScreen("creating");
+    setLastFailure(null);
+    resetProgress();
+    runIdRef.current += 1;
+    return runIdRef.current;
+  };
+  const schedule = (delayMs, action, runId) => {
+    const timerId = setTimeout(() => {
+      if (runIdRef.current !== runId) {
+        return;
+      }
+      action();
+    }, delayMs);
+    timersRef.current.push(timerId);
+  };
+  const afterSuccessSteps = (runId, response) => {
+    schedule(STEP_INTERVAL_MS, () => {
+      if (runIdRef.current !== runId) return;
+      setCompletedStepIndex(2);
+      setActiveStepIndex(3);
+    }, runId);
+    schedule(STEP_INTERVAL_MS * 2, () => {
+      if (runIdRef.current !== runId) return;
+      setCompletedStepIndex(3);
+      setActiveStepIndex(4);
+    }, runId);
+    schedule(STEP_INTERVAL_MS * 3, async () => {
+      if (runIdRef.current !== runId) return;
+      try {
+        await onSolution(response.solution);
+        setCompletedStepIndex(4);
+        setActiveStepIndex(4);
+      } catch (err) {
+        console.error(err);
+        const defaultErrorMessage = "Failed to create schedule shifts";
+        const detailedErrorMessage = err instanceof Error ? err.message || defaultErrorMessage : defaultErrorMessage;
+        setLastFailure({
+          violatedConstraints: [
+            {
+              title: "Something went wrong",
+              detail: detailedErrorMessage
+            }
+          ],
+          recommendedFixes: []
+        });
+        setScreen("failed");
+      }
+    }, runId);
+  };
+  const handleCreateSchedule = () => {
+    if (selectedCount === 0) {
+      return;
+    }
+    const payload = buildSchedulePayload({
+      employees,
+      openShifts,
+      timeOffs,
+      selectedLocationIds,
+      jurisdictions,
+      selectedConstraintIds,
+      constraintValues,
+      selectedOptimizationIds,
+      optimizationValues
+    });
+    const solvePromise = solveSchedule(baseURL, payload);
+    const runId = resetBeforeSubmit();
+    schedule(STEP_INTERVAL_MS, async () => {
+      var _a, _b;
+      setCompletedStepIndex(0);
+      setActiveStepIndex(1);
+      try {
+        const response = await solvePromise;
+        if (runIdRef.current !== runId) {
+          return;
+        }
+        if (!response.explanation.isFeasible) {
+          const result = mapViolationsToResult(
+            (_a = response.explanation.violations) != null ? _a : [],
+            response.explanation.summary
+          );
+          const selectedLocations = jurisdictions.flatMap((j) => j.locations).filter(
+            (l) => selectedLocationIds.includes(l.id)
+          );
+          const recommendationPayload = generateRecommendationsURLAndHeaders ? {
+            context: {
+              selectedLocationIds,
+              selectedConstraintIds,
+              constraintValues,
+              selectedOptimizationIds,
+              optimizationValues,
+              timezone: (_b = selectedLocations[0]) == null ? void 0 : _b.timezone
+            },
+            locations: selectedLocations,
+            employees,
+            openShifts: openShifts.filter((s) => !s.employeeId),
+            assignedShifts: openShifts.filter((s) => Boolean(s.employeeId)),
+            timeOffs: timeOffs != null ? timeOffs : [],
+            explanation: response.explanation
+          } : void 0;
+          setLastFailure({
+            ...result,
+            recommendedFixes: [],
+            recommendationPayload
+          });
+          setScreen("failed");
+        } else {
+          setCompletedStepIndex(1);
+          setActiveStepIndex(OPTIMIZING_STEP_INDEX);
+          afterSuccessSteps(runId, response);
+        }
+      } catch (err) {
+        if (runIdRef.current !== runId) {
+          return;
+        }
+        console.error(err);
+        setLastFailure(NETWORK_ERROR_FAILURE);
+        setScreen("failed");
+      }
+    }, runId);
+  };
+  const handleAdjustConstraints = () => {
+    clearTimers();
+    setScreen("configure");
+  };
+  const handleToggleLocation = (locationId) => {
+    if (selectedLocationIds.includes(locationId)) {
+      setSelectedLocationIds(selectedLocationIds.filter((id) => id !== locationId));
+      return;
+    }
+    setSelectedLocationIds([...selectedLocationIds, locationId]);
+  };
+  const handleToggleConstraint = (constraintId) => {
+    setSelectedConstraintIds((prev) => {
+      if (prev.includes(constraintId)) {
+        setConstraintValues((values) => {
+          const next = { ...values };
+          delete next[constraintId];
+          return next;
+        });
+        return prev.filter((id) => id !== constraintId);
+      }
+      if (HARD_CONSTRAINT_DEFAULTS[constraintId]) {
+        setConstraintValues((values) => ({
+          ...values,
+          [constraintId]: HARD_CONSTRAINT_DEFAULTS[constraintId]
+        }));
+      }
+      return [...prev, constraintId];
+    });
+  };
+  const handleToggleOptimization = (optionId) => {
+    setSelectedOptimizationIds((prev) => {
+      if (prev.includes(optionId)) {
+        setOptimizationValues((values) => {
+          const next = { ...values };
+          delete next[`${optionId}_weightPoints`];
+          if (optionId === "fair_hour_distribution") {
+            delete next["fair_hour_distribution_balanceTarget"];
+            delete next["fair_hour_distribution_period"];
+          } else if (optionId === "minimize_overtime") {
+            delete next["minimize_overtime_thresholdMinutes"];
+            delete next["minimize_overtime_period"];
+          }
+          return next;
+        });
+        return prev.filter((id) => id !== optionId);
+      }
+      if (prev.length >= 3) return prev;
+      setOptimizationValues((values) => ({
+        ...values,
+        [`${optionId}_weightPoints`]: "1"
+      }));
+      return [...prev, optionId];
+    });
+  };
+  const modalTitle = screen === "configure" ? title : "Creating schedule";
+  const showConfiguration = screen === "configure";
+  const showFailed = screen === "failed";
+  const violationTitle = (0, import_react3.useMemo)(
+    () => showFailed ? "Schedule can\u2019t be created" : "Validating compliance rules",
+    [showFailed]
+  );
+  const violationPanel = lastFailure ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    ViolatedConstraintsPanel,
+    {
+      violatedConstraints: lastFailure,
+      title: violationTitle,
+      subtitle: "",
+      generateRecommendationsURLAndHeaders,
+      styles
+    }
+  ) : null;
+  const configurationContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "20px", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { sx: styles.banner, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { sx: styles.bannerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MagicIcon, {}) }),
+      bannerText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.bannerText, children: bannerText }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "4px", flex: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.bannerTitle, children: "Create a smarter retail schedule in seconds." }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.bannerText, children: "AI assigns open shifts using your rules, availability, and optimization priorities while keeping existing assigned shifts in place." })
+      ] })
+    ] }),
+    openShifts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      import_react4.Box,
+      {
+        sx: {
+          bg: "#FFF4E5",
+          borderRadius: "8px",
+          px: "8px",
+          py: "8px",
+          display: "flex",
+          gap: "8px",
+          alignItems: "flex-start"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { sx: { color: "#B76E00", flexShrink: 0, mt: "2px" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WarningIcon, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: { fontSize: "13px", color: "#7A4100", lineHeight: "20px" }, children: "There are no open shifts to schedule. Add open shifts before creating a schedule." })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "8px", sx: styles.locationSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "4px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { sx: styles.locationLabelRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.locationLabel, children: "Location" }),
+          selectedCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.locationBadge, children: selectedCount }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.locationSubtitle, children: "Select locations within the same labor jurisdiction. Locations from different jurisdictions cannot be combined." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Popover, { placement: "bottom-start", matchWidth: true, isLazy: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Button, { variant: "unstyled", sx: styles.locationTrigger, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { justify: "space-between", w: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react4.Text,
+            {
+              sx: {
+                ...styles.locationTriggerText,
+                ...selectedLocationIds.length > 0 ? { color: "#303030" } : {}
+              },
+              noOfLines: 1,
+              children: selectedLocationIds.length > 0 ? jurisdictions.flatMap((j) => j.locations).filter((l) => selectedLocationIds.includes(l.id)).map((l) => l.name).join(", ") : locationPlaceholder
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { color: "#5c5c5c", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDownIcon, {}) })
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverContent, { sx: styles.popoverContent, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverBody, { p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "4px", children: jurisdictions.map((jurisdiction) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.groupHeader, children: jurisdiction.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "2px", children: jurisdiction.locations.map((location) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_react4.HStack,
+            {
+              as: "label",
+              sx: { ...styles.optionRow, cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  import_react4.Checkbox,
+                  {
+                    id: `location-${location.id}`,
+                    isChecked: selectedLocationIds.includes(location.id),
+                    onChange: () => handleToggleLocation(location.id)
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optionLabel, children: location.name })
+              ]
+            },
+            location.id
+          )) })
+        ] }, jurisdiction.id)) }) }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "8px", children: selectedByJurisdiction.map((jurisdiction) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { sx: styles.selectedBanner, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { sx: styles.selectedBannerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InfoIcon, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { sx: styles.selectedBannerText, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Text, { fontWeight: 600, children: [
+            "Compliance jurisdiction: ",
+            jurisdiction.title
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { children: jurisdiction.selectedLocations.map((location) => location.name).join(", ") })
+        ] })
+      ] }, jurisdiction.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "16px", sx: styles.hardConstraintsSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "4px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { sx: styles.hardConstraintsLabelRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.hardConstraintsLabel, children: "Required rules" }),
+          selectedConstraintIds.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.hardConstraintsBadge, children: selectedConstraintIds.length }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.hardConstraintsSubtitle, children: "Assigned shifts will be required to meet the following rules:" })
+      ] }),
+      showConfiguration && lastFailure ? violationPanel : null,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Popover, { placement: "bottom-start", matchWidth: true, isLazy: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Button, { variant: "unstyled", sx: styles.hardConstraintsTrigger, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { justify: "space-between", w: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react4.Text,
+            {
+              sx: {
+                ...styles.hardConstraintsTriggerText,
+                ...selectedConstraintIds.length > 0 ? { color: "#303030" } : {}
+              },
+              noOfLines: 1,
+              children: selectedConstraintIds.length > 0 ? HARD_CONSTRAINT_OPTIONS.filter((o) => selectedConstraintIds.includes(o.id)).map((o) => o.name).join(", ") : "Select rules"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { color: "#5c5c5c", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDownIcon, {}) })
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverContent, { sx: styles.hardConstraintsPopoverContent, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverBody, { p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "4px", children: HARD_CONSTRAINT_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_react4.HStack,
+          {
+            as: "label",
+            sx: { ...styles.hardConstraintsOptionRow, cursor: "pointer" },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                import_react4.Checkbox,
+                {
+                  id: `constraint-${option.id}`,
+                  isChecked: selectedConstraintIds.includes(option.id),
+                  onChange: () => handleToggleConstraint(option.id)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.hardConstraintsOptionLabel, children: option.name })
+            ]
+          },
+          option.id
+        )) }) }) })
+      ] }),
+      selectedConstraints.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { sx: styles.hardConstraintsInputsContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "16px", children: selectedConstraints.map((option, index) => {
+        var _a;
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { sx: styles.hardConstraintsInputItem, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Text, { sx: styles.hardConstraintsInputLabel, children: [
+            index + 1,
+            ". ",
+            option.name
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.InputGroup, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_react4.Input,
+              {
+                type: "number",
+                value: (_a = constraintValues[option.id]) != null ? _a : "",
+                onChange: (event) => setConstraintValues((prev) => ({
+                  ...prev,
+                  [option.id]: event.target.value
+                })),
+                min: option.id === "max_work_days_per_week" ? 1 : void 0,
+                max: option.id === "max_work_days_per_week" ? 6 : void 0,
+                step: option.id === "max_work_days_per_week" ? void 0 : "any",
+                sx: styles.hardConstraintsInputField
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.InputRightAddon, { sx: styles.optimizationSuffix, children: option.id === "max_work_days_per_week" ? "days" : "hours" })
+          ] })
+        ] }, option.id);
+      }) }) }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "16px", sx: styles.optimizationSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "4px", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { sx: styles.optimizationLabelRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optimizationLabel, children: "Optimization" }),
+          selectedOptimizationIds.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.optimizationBadge, children: selectedOptimizationIds.length }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optimizationSubtitle, children: "Your schedule will be optimized based on the following priorities:" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Popover, { placement: "bottom-start", matchWidth: true, isLazy: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Button, { variant: "unstyled", sx: styles.optimizationTrigger, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { justify: "space-between", w: "full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react4.Text,
+            {
+              sx: {
+                ...styles.optimizationTriggerText,
+                ...selectedOptimizationIds.length > 0 ? { color: "#303030" } : {}
+              },
+              noOfLines: 1,
+              children: selectedOptimizationIds.length > 0 ? optimizationOptions.filter((o) => selectedOptimizationIds.includes(o.id)).map((o) => o.title).join(", ") : "Select optimization priorities"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { color: "#5c5c5c", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronDownIcon, {}) })
+        ] }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverContent, { sx: styles.optimizationPopoverContent, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.PopoverBody, { p: 0, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "4px", children: OPTIMIZATION_OPTION_GROUPS.map((group) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optimizationGroupHeader, children: group.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "2px", children: group.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_react4.Stack,
+            {
+              as: "label",
+              spacing: "2px",
+              sx: { ...styles.optimizationOptionRow, cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { spacing: "8px", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    import_react4.Checkbox,
+                    {
+                      id: `optimization-${option.id}`,
+                      isChecked: selectedOptimizationIds.includes(option.id),
+                      isDisabled: !selectedOptimizationIds.includes(option.id) && selectedOptimizationIds.length >= 3,
+                      onChange: () => handleToggleOptimization(option.id)
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optimizationOptionLabel, children: option.title })
+                ] }),
+                option.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optimizationOptionHelp, children: option.subtitle }) : null
+              ]
+            },
+            option.id
+          )) })
+        ] }, group.id)) }) }) })
+      ] }),
+      selectedOptimizationOptions.length >= 2 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { sx: styles.optimizationInputsContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "16px", children: selectedOptimizationOptions.map((option, index) => {
+          var _a;
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_react4.Stack,
+            {
+              sx: styles.optimizationInputItem,
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { sx: styles.hardConstraintsInputItem, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Text, { sx: styles.hardConstraintsInputLabel, children: [
+                  index + 1,
+                  ". ",
+                  option.title
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.InputGroup, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    import_react4.Input,
+                    {
+                      type: "text",
+                      value: (_a = optimizationValues[`${option.id}_weightPoints`]) != null ? _a : "1",
+                      onChange: (e) => {
+                        const val = e.target.value;
+                        if (val !== "" && (!/^\d+$/.test(val) || Number(val) < 1)) return;
+                        setOptimizationValues((prev) => ({
+                          ...prev,
+                          [`${option.id}_weightPoints`]: val
+                        }));
+                      },
+                      sx: styles.hardConstraintsInputField
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.InputRightAddon, { sx: styles.optimizationSuffix, children: "points" })
+                ] })
+              ] })
+            },
+            option.id
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Divider, { sx: { ...styles.optimizationDivider, my: "16px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optimizationSummary, children: allocationSummary })
+      ] }) : null
+    ] })
+  ] });
+  const stepsContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "16px", sx: styles.stepsContainer, children: [
+    showFailed ? violationPanel : null,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "14px", sx: styles.stepsList, children: SCHEDULE_STEPS.map((step, index) => {
+      const status = stepStatusForIndex(index);
+      const isFailedStep = showFailed && index === activeStepIndex;
+      const iconStyles = {
+        ...styles.stepIcon,
+        ...status === "active" ? styles.stepIconActive : null,
+        ...status === "done" ? styles.stepIconDone : null,
+        ...status === "pending" ? styles.stepIconPending : null,
+        ...isFailedStep ? styles.stepIconFailed : null
+      };
+      const titleStyles = {
+        ...styles.stepTitle,
+        ...status === "active" ? styles.stepTitleActive : null,
+        ...status === "done" ? styles.stepTitleDone : null,
+        ...status === "pending" ? styles.stepTitlePending : null,
+        ...isFailedStep ? styles.stepTitleFailed : null
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { sx: styles.stepRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { sx: iconStyles, children: isFailedStep ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FailedIcon, { width: 12, height: 12 }) : status === "active" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Spinner, { size: "sm", thickness: "2px", speed: "0.7s" }) : status === "done" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, { width: 12, height: 12 }) : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Box, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: titleStyles, children: step.title }),
+          status === "active" && step.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.stepSubtitle, children: step.subtitle }) : null
+        ] })
+      ] }, step.title);
+    }) })
+  ] });
+  const modalFooter = showConfiguration ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.ModalFooter, { sx: styles.footer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Button, { variant: "outline", onClick: onClose, sx: styles.cancelButton, children: cancelLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react4.Button,
+      {
+        onClick: handleCreateSchedule,
+        isDisabled: selectedCount === 0 || openShifts.length === 0 || hasEmptyInputs,
+        sx: styles.primaryButton,
+        children: primaryActionLabel
+      }
+    )
+  ] }) : showFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.ModalFooter, { sx: styles.failedFooter, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react4.Button,
+      {
+        variant: "outline",
+        onClick: () => {
+          if (lastFailure) {
+            onFixManually == null ? void 0 : onFixManually(lastFailure, {
+              selectedLocationIds,
+              selectedConstraintIds,
+              constraintValues,
+              selectedOptimizationIds,
+              optimizationValues
+            });
+          }
+          onClose();
+        },
+        sx: styles.failedSecondaryButton,
+        children: "Fix manually on schedule"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Button, { onClick: handleAdjustConstraints, sx: styles.failedPrimaryButton, children: "Adjust constraints" })
+  ] }) : null;
+  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Modal, { isOpen, onClose, isCentered: true, motionPreset: "scale", closeOnOverlayClick: false, closeOnEsc: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ModalOverlay, { sx: styles.overlay }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.ModalContent, { sx: styles.content, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ModalHeader, { sx: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.HStack, { justify: "space-between", w: "full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.title, children: modalTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react4.IconButton,
+          {
+            "aria-label": "Close modal",
+            variant: "ghost",
+            size: "sm",
+            icon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseIcon, {}),
+            onClick: onClose,
+            sx: styles.closeButton
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ModalBody, { sx: showConfiguration ? styles.body : { ...styles.body, ...styles.creatingBody }, children: showConfiguration ? configurationContent : stepsContent }),
+      modalFooter
+    ] })
+  ] });
+  if (theme || cssVarsRoot) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ChakraProvider, { theme: mergedTheme, cssVarsRoot, children: modalContent });
+  }
+  return modalContent;
+}
+
+// src/AutoSchedulerModalWithProvider.tsx
+var import_react5 = require("@chakra-ui/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function AutoSchedulerModalWithProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.ChakraProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutoSchedulerModal, { ...props }) });
+}
+
+// src/ViolatedConstraintsPanelWithProvider.tsx
+var import_react6 = require("@chakra-ui/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function ViolatedConstraintsPanelWithProvider(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react6.ChakraProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ViolatedConstraintsPanel, { ...props }) });
+}
+
+// src/utils/ruleIdFriendlyNames.ts
+var RULE_ID_FRIENDLY_NAMES = {
+  // System soft constraints (format: system-{type}-soft)
+  "system-employee-preference-soft": "Staff preferences",
+  "system-employee-prefer-not-time-soft": "Prefer-not availability",
+  "system-no-overlapping-shifts-soft": "No overlapping shifts",
+  "system-overtime-soft": "Expected overtime",
+  // Archetype soft constraints (format: {archetype}-soft)
+  "accumulator-soft": "Hours limit",
+  "accumulatordays-soft": "Work days limit",
+  "spacer-soft": "Rest between shifts",
+  "spacerperiodic-soft": "Required rest period",
+  "composition-soft": "Staffing ratio",
+  "transactional-soft": "Policy rule",
+  "balancer-medium": "Fair work distribution",
+  "balancerovertime-medium": "Minimize overtime",
+  "coverage-soft": "Minimum staffing",
+  "sizing-soft": "Shift duration limit",
+  "sequencer-soft": "Shift sequence",
+  "optimizerminimize-soft": "Minimize target",
+  "optimizermaximize-soft": "Maximize target",
+  // Rule IDs (from rules JSON)
+  "max-weekly-hours": "Max weekly hours",
+  "max-daily-hours": "Max daily hours",
+  "min-rest-between-shifts": "Min rest between shifts",
+  "min-days-off-per-week": "Min days off per week",
+  "max-work-days-per-week": "Max work days per week",
+  "fair-hour-distribution": "Fair hour distribution",
+  "overtime-balance": "Overtime balance",
+  "labor-cost-optimization": "Labor cost optimization",
+  "maximize-sales-performance": "Maximize sales performance",
+  "split-shift-penalty": "Split shift penalty",
+  "shift-continuity-penalty": "Shift continuity penalty",
+  "manager-cashier-ratio": "Staffing ratio",
+  "min-staffing": "Minimum staffing",
+  "shift-duration-limits": "Shift duration limit",
+  "max-consecutive-days": "Shift sequence",
+  "some-transactional-rule": "Policy rule"
+};
+function getFriendlyRuleName(ruleIdOrConstraintName) {
+  const trimmed = ruleIdOrConstraintName == null ? void 0 : ruleIdOrConstraintName.trim();
+  if (!trimmed) return "Unknown";
+  const mapped = RULE_ID_FRIENDLY_NAMES[trimmed.toLocaleLowerCase()];
+  if (mapped) return mapped;
+  return trimmed.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+
+// src/api/types.ts
+var RequestError = class extends Error {
+  constructor(message, status, payload) {
+    super(message);
+    this.name = "RequestError";
+    this.status = status;
+    this.payload = payload;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AutoSchedulerModal,
+  AutoSchedulerModalWithProvider,
+  RequestError,
+  ViolatedConstraintsPanel,
+  ViolatedConstraintsPanelWithProvider,
+  buildRulesPayload,
+  buildSchedulePayload,
+  getFriendlyRuleName
+});
+//# sourceMappingURL=index.cjs.map