@easyteam/auto-scheduler-modal-ui 0.1.2 → 0.1.4

package/dist/index.cjs

@@ -29,22 +29,38 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   AutoSchedulerModal: () => AutoSchedulerModal,
   AutoSchedulerModalWithProvider: () => AutoSchedulerModalWithProvider,
+  InfeasibleScheduleError: () => InfeasibleScheduleError,
+  MAXIMIZE_CONVERSION_RATE_RULE_ID: () => MAXIMIZE_CONVERSION_RATE_RULE_ID,
   RequestError: () => RequestError,
+  TRAFFIC_FORECAST_INCENTIVE_RULE_ID: () => TRAFFIC_FORECAST_INCENTIVE_RULE_ID,
   ViolatedConstraintsPanel: () => ViolatedConstraintsPanel,
   ViolatedConstraintsPanelWithProvider: () => ViolatedConstraintsPanelWithProvider,
   buildRulesPayload: () => buildRulesPayload,
   buildSchedulePayload: () => buildSchedulePayload,
-  getFriendlyRuleName: () => getFriendlyRuleName
+  defaultSelectedScheduleDates: () => defaultSelectedScheduleDates,
+  getFriendlyRuleName: () => getFriendlyRuleName,
+  getSequentialWeekDatesFromWeekStart: () => getSequentialWeekDatesFromWeekStart,
+  weekdayTwoLetterFromYmd: () => weekdayTwoLetterFromYmd
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/AutoSchedulerModal.tsx
 var import_react3 = require("react");
 var import_react4 = require("@chakra-ui/react");
+var import_web_ui = require("@easyteam/web-ui");
+
+// src/types.ts
+var InfeasibleScheduleError = class extends Error {
+  constructor(failure) {
+    super("Schedule could not be created due to constraint violations");
+    this.name = "InfeasibleScheduleError";
+    this.failure = failure;
+  }
+};
 
 // src/icons/AutoSchedulerIcons.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -181,19 +197,15 @@ function CheckIcon(props) {
     "svg",
     {
       "aria-hidden": "true",
-      viewBox: "0 0 20 20",
-      fill: "none",
-      width: "20",
-      height: "20",
+      viewBox: "0 0 24 24",
+      width: "24",
+      height: "24",
       ...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"
+          fill: "currentColor",
+          d: "M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"
         }
       )
     }
@@ -715,7 +727,7 @@ var defaultStyles = {
   },
   stepIconDone: {
     border: "none",
-    bg: "#008060",
+    bg: "#5338ff",
     color: "white",
     borderRadius: "10px"
   },
@@ -1251,6 +1263,9 @@ var UI_TO_BACKEND_RULE_ID = {
   maximize_sales: "maximize-sales-performance",
   staff_preferences: "staff-open-shift-preferences"
 };
+var MAXIMIZE_CONVERSION_RATE_RULE_ID = "maximize-conversion-rate";
+var TRAFFIC_FORECAST_INCENTIVE_RULE_ID = "traffic-forecast-incentive";
+var SALES_OPTIMIZATION_UI_IDS = /* @__PURE__ */ new Set(["maximize_sales", "cost_to_sales_ratio"]);
 var BACKEND_TO_UI_RULE_ID = Object.fromEntries(
   Object.entries(UI_TO_BACKEND_RULE_ID).map(([ui, backend]) => [backend, ui])
 );
@@ -1327,11 +1342,24 @@ function hasAnyParameterOverrides(selectedConstraintIds, constraintValues, selec
   }
   return false;
 }
-function buildRulesPayload(selectedConstraintIds, constraintValues, selectedOptimizationIds, optimizationValues) {
+function appendSiblingRuleId(ruleIds, siblingId) {
+  if (!ruleIds.includes(siblingId)) {
+    ruleIds.push(siblingId);
+  }
+}
+function buildRulesPayload(selectedConstraintIds, constraintValues, selectedOptimizationIds, optimizationValues, siblings = {}) {
   const allSelectedRuleIds = [
     ...selectedConstraintIds.map(toBackendRuleId),
     ...selectedOptimizationIds.map(toBackendRuleId)
   ].filter((id) => Boolean(id));
+  const salesOptSelected = selectedOptimizationIds.some((id) => SALES_OPTIMIZATION_UI_IDS.has(id));
+  const maximizeSalesSelected = selectedOptimizationIds.includes("maximize_sales");
+  if (siblings.includeConversionRate && salesOptSelected) {
+    appendSiblingRuleId(allSelectedRuleIds, MAXIMIZE_CONVERSION_RATE_RULE_ID);
+  }
+  if (siblings.includeTrafficIncentive && maximizeSalesSelected) {
+    appendSiblingRuleId(allSelectedRuleIds, TRAFFIC_FORECAST_INCENTIVE_RULE_ID);
+  }
   if (allSelectedRuleIds.length === 0) {
     return {};
   }
@@ -1361,7 +1389,7 @@ function buildRulesPayload(selectedConstraintIds, constraintValues, selectedOpti
   return { ruleIds: allSelectedRuleIds, ruleOverrides };
 }
 function toApiShift(shift, includeEmployeePreferences) {
-  var _a, _b;
+  var _a;
   const startDateTime = "startDateTime" in shift ? shift.startDateTime : shift.startTime;
   const endDateTime = "endDateTime" in shift ? shift.endDateTime : shift.endTime;
   return {
@@ -1369,8 +1397,8 @@ function toApiShift(shift, includeEmployeePreferences) {
     startDateTime,
     endDateTime,
     ...shift.employeeId ? { employeeId: String(shift.employeeId) } : {},
-    requiredPosition: (_a = shift.requiredPosition) != null ? _a : void 0,
-    requiredCount: (_b = shift.requiredCount) != null ? _b : 1,
+    requiredPosition: shift.requiredPosition || void 0,
+    requiredCount: (_a = shift.requiredCount) != null ? _a : 1,
     location: shift.location ? {
       id: String(shift.location.id),
       timezone: "timezone" in shift.location ? shift.location.timezone : void 0,
@@ -1400,9 +1428,25 @@ function toApiLocation(location) {
     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
+    tags: "tags" in location ? location.tags : void 0,
+    properties: location.properties ? location.properties : void 0
   };
 }
+function employeeHasConversionRate(employee) {
+  var _a;
+  const value = (_a = employee.properties) == null ? void 0 : _a.conversionRate;
+  return typeof value === "number" && Number.isFinite(value) && value > 0;
+}
+function employeeTouchesSelectedLocations(employee, selectedLocationIds) {
+  var _a;
+  const ids = (_a = employee.locationIds) != null ? _a : [];
+  return ids.some((id) => selectedLocationIds.includes(String(id)));
+}
+function hasConversionRateInSelectedLocations(employees, selectedLocationIds) {
+  return employees.some(
+    (employee) => employeeTouchesSelectedLocations(employee, selectedLocationIds) && employeeHasConversionRate(employee)
+  );
+}
 function buildSchedulePayload(input) {
   const {
     employees,
@@ -1413,7 +1457,11 @@ function buildSchedulePayload(input) {
     selectedConstraintIds,
     constraintValues,
     selectedOptimizationIds,
-    optimizationValues
+    optimizationValues,
+    trafficForecast,
+    constraintDefinitionIds,
+    constraintDefinitions,
+    organizationId
   } = input;
   const locationsMap = /* @__PURE__ */ new Map();
   for (const j of jurisdictions) {
@@ -1422,19 +1470,45 @@ function buildSchedulePayload(input) {
     }
   }
   const selectedLocations = selectedLocationIds.map((id) => locationsMap.get(id)).filter((loc) => Boolean(loc));
+  const scopedOpenShifts = openShifts.filter(
+    (shift) => {
+      var _a;
+      return selectedLocationIds.includes(String((_a = shift.location) == null ? void 0 : _a.id));
+    }
+  );
+  const includeConversionRate = hasConversionRateInSelectedLocations(
+    employees,
+    selectedLocationIds
+  );
+  const scopedTrafficForecast = (trafficForecast != null ? trafficForecast : []).filter(
+    (entry) => selectedLocationIds.includes(String(entry.locationId))
+  );
+  const includeTrafficIncentive = scopedTrafficForecast.length > 0;
   const rules = buildRulesPayload(
     selectedConstraintIds,
     constraintValues,
     selectedOptimizationIds,
-    optimizationValues
+    optimizationValues,
+    { includeConversionRate, includeTrafficIncentive }
   );
   const includeEmployeePreferences = selectedOptimizationIds.includes("staff_preferences");
+  const hasIds = Boolean(constraintDefinitionIds && constraintDefinitionIds.length > 0);
+  const hasDefs = Boolean(constraintDefinitions && constraintDefinitions.length > 0);
+  const hasRules = hasIds || hasDefs;
+  if (hasIds && !organizationId) {
+    throw new Error("organizationId is required when constraintDefinitionIds are provided");
+  }
+  const trafficRuleActive = includeTrafficIncentive && selectedOptimizationIds.includes("maximize_sales");
   return {
     employees: employees.map(toApiEmployee),
-    shifts: openShifts.map((shift) => toApiShift(shift, includeEmployeePreferences)),
+    shifts: scopedOpenShifts.map((shift) => toApiShift(shift, includeEmployeePreferences)),
     locations: selectedLocations.map(toApiLocation),
     ...timeOffs && timeOffs.length > 0 ? { timeOffs } : {},
-    ...rules
+    ...rules,
+    ...trafficRuleActive ? { trafficForecast: scopedTrafficForecast } : {},
+    ...hasIds ? { constraintDefinitionIds } : {},
+    ...hasDefs ? { constraintDefinitions } : {},
+    ...hasRules && organizationId ? { organizationId } : {}
   };
 }
 
@@ -1457,7 +1531,7 @@ async function submitSolveJob(baseURL, payload, options) {
     headers.Authorization = options.authorization;
   }
   const response = await axiosInstance.post(
-    `${cleanBaseUrl}/api/schedule/solve-async`,
+    withHorizonQuery(`${cleanBaseUrl}/api/schedule/solve-async`, options),
     payload,
     { headers: Object.keys(headers).length > 0 ? headers : void 0 }
   );
@@ -1499,6 +1573,16 @@ async function getJobSolution(baseURL, jobId, options) {
   );
   return response.data;
 }
+function withHorizonQuery(url, options) {
+  if (!(options == null ? void 0 : options.horizonStartDate) || !(options == null ? void 0 : options.horizonEndDate)) {
+    return url;
+  }
+  const params = new URLSearchParams({
+    dateRangeStart: options.horizonStartDate,
+    dateRangeEnd: options.horizonEndDate
+  });
+  return `${url}?${params.toString()}`;
+}
 
 // src/utils/violationMessages.ts
 var SYSTEM_CONSTRAINT_MESSAGES = {
@@ -1646,17 +1730,14 @@ function getRuleBasedViolationMessage(ruleId, constraintName, description) {
 }
 
 // src/utils/mapViolationsToResult.ts
-function mapViolationsToResult(violations, summary) {
+function mapViolationsToResult(violations, summary, customMessages) {
+  var _a;
   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);
+    const msg = hasRuleId ? (_a = customMessages == null ? void 0 : customMessages[v.ruleId]) != null ? _a : getRuleBasedViolationMessage(v.ruleId, v.constraintName, v.description) : getSystemConstraintMessage(v.constraintName, v.description);
     if (!seenTitles.has(msg.title)) {
       seenTitles.add(msg.title);
       violatedConstraints.push(msg);
@@ -1700,12 +1781,15 @@ function ViolatedConstraintsPanel({
   onSecondaryButtonClick,
   generateRecommendationsURLAndHeaders,
   styles: stylesProp,
-  styleOverrides
+  styleOverrides,
+  errorToast
 }) {
   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 [isDisabledRecommendations, setIsDisabledRecommendations] = (0, import_react.useState)(false);
+  const [recommendationsButtonText, setRecommendationsButtonText] = (0, import_react.useState)("Show recommendations");
   const styles = (0, import_react.useMemo)(() => {
     if (stylesProp) return stylesProp;
     return buildStyles(defaultStyles, styleOverrides);
@@ -1716,13 +1800,12 @@ function ViolatedConstraintsPanel({
   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) {
+      setShowRecommendations(true);
       return;
     }
     if (!canFetchRecommendations) {
@@ -1741,9 +1824,21 @@ function ViolatedConstraintsPanel({
           }
         }
       );
-      const data = (_b = (_a = recResponse.data) == null ? void 0 : _a.data) != null ? _b : recResponse.data;
-      if (data) {
-        setRecommendations(data.map((r) => r.recommendation));
+      const { success, data, msg } = recResponse.data;
+      const { isExpired, recommendations: recommendations2 } = data != null ? data : {};
+      if (!success) {
+        const errorMsg = msg || "Failed to fetch recommendations";
+        errorToast == null ? void 0 : errorToast(errorMsg);
+        if (isExpired) {
+          setIsDisabledRecommendations(true);
+          setRecommendationsButtonText("Daily limit reached");
+        }
+        return;
+      }
+      setShowRecommendations(true);
+      const fetchedRecommendations = recommendations2;
+      if (fetchedRecommendations) {
+        setRecommendations(fetchedRecommendations.map((r) => r.recommendation));
       } else {
         setRecommendations([]);
       }
@@ -1758,7 +1853,8 @@ function ViolatedConstraintsPanel({
     recommendations,
     canFetchRecommendations,
     violatedConstraints.recommendationPayload,
-    generateRecommendationsURLAndHeaders
+    generateRecommendationsURLAndHeaders,
+    errorToast
   ]);
   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: [
@@ -1810,9 +1906,9 @@ function ViolatedConstraintsPanel({
             variant: "outline",
             size: "xs",
             onClick: handleToggleRecommendations,
-            isDisabled: isLoadingRecommendations,
+            isDisabled: isLoadingRecommendations || isDisabledRecommendations,
             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"
+            children: isLoadingRecommendations ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Spinner, { size: "sm", thickness: "2px" }) : showRecommendations ? "Hide recommendations" : recommendationsButtonText
           }
         ) : null,
         showSecondaryButton && secondaryButtonTitle && onSecondaryButtonClick ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1830,13 +1926,78 @@ function ViolatedConstraintsPanel({
   ] });
 }
 
+// src/weekDates.ts
+function parseCalendarYmd(ymd) {
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(String(ymd).trim());
+  if (!m) {
+    return /* @__PURE__ */ new Date(NaN);
+  }
+  return new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+}
+function formatCalendarYmd(d) {
+  const y = d.getFullYear();
+  const mo = String(d.getMonth() + 1).padStart(2, "0");
+  const da = String(d.getDate()).padStart(2, "0");
+  return `${y}-${mo}-${da}`;
+}
+function getSequentialWeekDatesFromWeekStart(weekStartYmd) {
+  const base = parseCalendarYmd(weekStartYmd);
+  if (Number.isNaN(base.getTime())) return [];
+  const out = [];
+  for (let i = 0; i < 7; i++) {
+    const d = new Date(base.getFullYear(), base.getMonth(), base.getDate() + i);
+    out.push(formatCalendarYmd(d));
+  }
+  return out;
+}
+function weekdayTwoLetterFromYmd(ymd) {
+  var _a;
+  const labels = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const d = parseCalendarYmd(ymd);
+  if (Number.isNaN(d.getTime())) return "?";
+  return (_a = labels[d.getDay()]) != null ? _a : "?";
+}
+function defaultSelectedScheduleDates(orderedWeekYmds, todayYmd) {
+  return orderedWeekYmds.filter((d) => d >= todayYmd);
+}
+function todayCalendarYmdInTimezone(timezone) {
+  const fallback = formatCalendarYmd(/* @__PURE__ */ new Date());
+  const tz = timezone == null ? void 0 : timezone.trim();
+  if (!tz) return fallback;
+  try {
+    const parts = new Intl.DateTimeFormat("en-CA", {
+      timeZone: tz,
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }).formatToParts(/* @__PURE__ */ new Date());
+    const valueByType = new Map(parts.map((part) => [part.type, part.value]));
+    const year = valueByType.get("year");
+    const month = valueByType.get("month");
+    const day = valueByType.get("day");
+    return year && month && day ? `${year}-${month}-${day}` : fallback;
+  } catch {
+    return fallback;
+  }
+}
+
 // src/AutoSchedulerModal.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function resolveOptimizationFooter(footer, key) {
+  if (!footer) return null;
+  const node = typeof footer === "function" ? footer() : footer;
+  if ((0, import_react3.isValidElement)(node)) return (0, import_react3.cloneElement)(node, { key });
+  return node;
+}
+var DRAWER_WIDTH_MAP = { sm: "448px", md: "578px", lg: "600px" };
 function AutoSchedulerModal({
+  displayMode,
+  drawerSize = "lg",
   baseURL,
   isOpen,
   title = "Auto-scheduling",
-  bannerText,
+  bannerTitle = "Create a smarter retail schedule in seconds.",
+  bannerText = "AI assigns open shifts using your rules, availability, and optimization priorities while keeping existing\n assigned shifts in place.",
   jurisdictions,
   openShifts,
   employees,
@@ -1854,22 +2015,79 @@ function AutoSchedulerModal({
   getTokenURLAndHeaders,
   onSolution,
   getStoredConfigForLocations,
-  persistConfigForLocations
+  persistConfigForLocations,
+  errorToast,
+  organizationId,
+  constraintDefinitionIds,
+  constraintDefinitions,
+  hardConstraintOptions,
+  softConstraintGroups,
+  optimizationFooter,
+  trafficForecast,
+  builtinConstraintOptions,
+  subLocations,
+  showSubLocations,
+  teams,
+  showTeams,
+  onSelectionChange,
+  onGenerate,
+  onGenerateSolution,
+  solveStatus,
+  scheduleWeekStartYmd,
+  todayCalendarYmd,
+  evaluationTimezone
 }) {
   const baseTheme = (0, import_react4.useTheme)();
-  const { chakraOverride, styleOverrides } = (0, import_react3.useMemo)(
-    () => resolveThemeParts(theme),
-    [theme]
-  );
+  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 effectiveHardConstraintOptions = (0, import_react3.useMemo)(() => {
+    const base = hardConstraintOptions != null ? hardConstraintOptions : HARD_CONSTRAINT_OPTIONS;
+    return base.map((opt) => {
+      var _a, _b, _c, _d;
+      return {
+        ...opt,
+        defaultValue: (_a = opt.defaultValue) != null ? _a : HARD_CONSTRAINT_DEFAULTS[opt.id],
+        suffix: (_b = opt.suffix) != null ? _b : opt.id === "max_work_days_per_week" ? "days" : "hours",
+        min: (_c = opt.min) != null ? _c : opt.id === "max_work_days_per_week" ? 1 : void 0,
+        max: (_d = opt.max) != null ? _d : opt.id === "max_work_days_per_week" ? 6 : void 0
+      };
+    });
+  }, [hardConstraintOptions]);
+  const effectiveSoftConstraintGroups = (0, import_react3.useMemo)(
+    () => softConstraintGroups != null ? softConstraintGroups : OPTIMIZATION_OPTION_GROUPS,
+    [softConstraintGroups]
+  );
+  const effectiveBuiltinOptions = (0, import_react3.useMemo)(
+    () => builtinConstraintOptions != null ? builtinConstraintOptions : [],
+    [builtinConstraintOptions]
+  );
+  const defaultSelectedBuiltinIds = (0, import_react3.useMemo)(
+    () => effectiveBuiltinOptions.filter((option) => option.defaultSelected).map((option) => option.id),
+    [effectiveBuiltinOptions]
+  );
+  const dynamicViolationMessages = (0, import_react3.useMemo)(() => {
+    const map = {};
+    for (const opt of effectiveHardConstraintOptions) {
+      map[opt.id] = { title: opt.name, detail: opt.description || opt.name };
+    }
+    for (const group of effectiveSoftConstraintGroups) {
+      for (const opt of group.options) {
+        map[opt.id] = { title: opt.title, detail: opt.subtitle || opt.title };
+      }
+    }
+    return map;
+  }, [effectiveHardConstraintOptions, effectiveSoftConstraintGroups]);
+  const [selectedSubLocationIds, setSelectedSubLocationIds] = (0, import_react3.useState)([]);
+  const [selectedTeamIds, setSelectedTeamIds] = (0, import_react3.useState)([]);
   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 [selectedScheduleDates, setSelectedScheduleDates] = (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);
@@ -1878,12 +2096,19 @@ function AutoSchedulerModal({
   const timersRef = (0, import_react3.useRef)([]);
   const pollIntervalRef = (0, import_react3.useRef)(null);
   const runIdRef = (0, import_react3.useRef)(0);
+  const weekDatesOrdered = (0, import_react3.useMemo)(() => {
+    if (!scheduleWeekStartYmd) return [];
+    return getSequentialWeekDatesFromWeekStart(scheduleWeekStartYmd);
+  }, [scheduleWeekStartYmd]);
+  const toggleScheduleDate = (ymd) => {
+    setSelectedScheduleDates(
+      (prev) => prev.includes(ymd) ? prev.filter((d) => d !== ymd) : [...prev, ymd].sort()
+    );
+  };
   const selectedByJurisdiction = (0, import_react3.useMemo)(
     () => jurisdictions.map((jurisdiction) => ({
       ...jurisdiction,
-      selectedLocations: jurisdiction.locations.filter(
-        (location) => selectedLocationIds.includes(location.id)
-      )
+      selectedLocations: jurisdiction.locations.filter((location) => selectedLocationIds.includes(location.id))
     })).filter((jurisdiction) => jurisdiction.selectedLocations.length > 0),
     [jurisdictions, selectedLocationIds]
   );
@@ -1891,39 +2116,85 @@ function AutoSchedulerModal({
     (total, jurisdiction) => total + jurisdiction.selectedLocations.length,
     0
   );
+  const locationIdsWithOpenShifts = (0, import_react3.useMemo)(() => {
+    return new Set(openShifts.filter((shift) => !shift.employeeId).map((shift) => shift.location.id));
+  }, [openShifts]);
+  const filteredSubLocations = (0, import_react3.useMemo)(
+    () => {
+      var _a;
+      return (_a = subLocations == null ? void 0 : subLocations.filter((sl) => selectedLocationIds.includes(sl.parentId))) != null ? _a : [];
+    },
+    [subLocations, selectedLocationIds]
+  );
+  const selectedLocationTimezone = (0, import_react3.useMemo)(() => {
+    var _a, _b;
+    const allLocations = jurisdictions.flatMap((jurisdiction) => jurisdiction.locations);
+    for (const id of selectedLocationIds) {
+      const timezone = (_b = (_a = allLocations.find((location) => location.id === id)) == null ? void 0 : _a.timezone) == null ? void 0 : _b.trim();
+      if (timezone) return timezone;
+    }
+    return (evaluationTimezone == null ? void 0 : evaluationTimezone.trim()) || "UTC";
+  }, [evaluationTimezone, jurisdictions, selectedLocationIds]);
+  const effectiveTodayCalendarYmd = (0, import_react3.useMemo)(() => {
+    return todayCalendarYmd != null ? todayCalendarYmd : todayCalendarYmdInTimezone(selectedLocationTimezone);
+  }, [selectedLocationTimezone, todayCalendarYmd]);
   const selectedConstraints = (0, import_react3.useMemo)(
-    () => HARD_CONSTRAINT_OPTIONS.filter((option) => selectedConstraintIds.includes(option.id)),
-    [selectedConstraintIds]
+    () => effectiveHardConstraintOptions.filter((option) => selectedConstraintIds.includes(option.id)),
+    [effectiveHardConstraintOptions, selectedConstraintIds]
+  );
+  const selectedConstraintDisplayOptions = (0, import_react3.useMemo)(
+    () => effectiveHardConstraintOptions.filter(
+      (option) => selectedConstraintIds.includes(option.id) || option.readOnly && option.defaultSelected
+    ),
+    [effectiveHardConstraintOptions, selectedConstraintIds]
   );
   const optimizationOptions = (0, import_react3.useMemo)(
-    () => OPTIMIZATION_OPTION_GROUPS.flatMap(
+    () => effectiveSoftConstraintGroups.flatMap(
       (group) => group.options.map((option) => ({
         ...option,
         groupId: group.id,
         groupName: group.name
       }))
     ),
-    []
+    [effectiveSoftConstraintGroups]
   );
   const selectedOptimizationOptions = (0, import_react3.useMemo)(
+    () => optimizationOptions.filter((option) => selectedOptimizationIds.includes(option.id)),
+    [optimizationOptions, selectedOptimizationIds]
+  );
+  const selectedOptimizationDisplayOptions = (0, import_react3.useMemo)(
     () => optimizationOptions.filter(
-      (option) => selectedOptimizationIds.includes(option.id)
+      (option) => selectedOptimizationIds.includes(option.id) || option.readOnly && option.defaultSelected
     ),
     [optimizationOptions, selectedOptimizationIds]
   );
+  const effectiveSelectedConstraintIds = (0, import_react3.useMemo)(
+    () => Array.from(
+      /* @__PURE__ */ new Set([
+        ...selectedConstraintIds,
+        ...effectiveHardConstraintOptions.filter((option) => option.readOnly && option.defaultSelected).map((option) => option.id)
+      ])
+    ),
+    [selectedConstraintIds, effectiveHardConstraintOptions]
+  );
+  const effectiveSelectedOptimizationIds = (0, import_react3.useMemo)(
+    () => Array.from(
+      /* @__PURE__ */ new Set([
+        ...selectedOptimizationIds,
+        ...optimizationOptions.filter((option) => option.readOnly && option.defaultSelected).map((option) => option.id)
+      ])
+    ),
+    [selectedOptimizationIds, optimizationOptions]
+  );
   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());
-      }
-    );
+    const hasEmptyConstraint = selectedConstraints.filter((opt) => opt.defaultValue != null).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)(() => {
@@ -1957,13 +2228,25 @@ function AutoSchedulerModal({
       setScreen("configure");
       setLastFailure(null);
       setSelectedLocationIds([]);
+      setSelectedSubLocationIds([]);
+      setSelectedTeamIds([]);
       setSelectedOptimizationIds([]);
       setSelectedConstraintIds([]);
       setConstraintValues({});
       setOptimizationValues({});
+      setSelectedScheduleDates([]);
       resetProgress();
     }
   }, [isOpen]);
+  (0, import_react3.useEffect)(() => {
+    if (!isOpen || !scheduleWeekStartYmd) return;
+    if (weekDatesOrdered.length === 0) {
+      setSelectedScheduleDates([]);
+      return;
+    }
+    const today = effectiveTodayCalendarYmd != null ? effectiveTodayCalendarYmd : weekDatesOrdered[0];
+    setSelectedScheduleDates(defaultSelectedScheduleDates(weekDatesOrdered, today));
+  }, [isOpen, scheduleWeekStartYmd, weekDatesOrdered, effectiveTodayCalendarYmd]);
   (0, import_react3.useEffect)(() => {
     if (isOpen && initialConfig) {
       setSelectedLocationIds(initialConfig.selectedLocationIds);
@@ -1995,6 +2278,13 @@ function AutoSchedulerModal({
     }
   }, [selectedLocationIds, initialConfig, getStoredConfigForLocations]);
   (0, import_react3.useEffect)(() => () => clearTimers(), []);
+  (0, import_react3.useEffect)(() => {
+    if (onGenerate) return;
+    setSelectedLocationIds((previous) => {
+      const filtered = previous.filter((id) => locationIdsWithOpenShifts.has(id));
+      return filtered.length === previous.length ? previous : filtered;
+    });
+  }, [locationIdsWithOpenShifts, onGenerate]);
   const stepStatusForIndex = (index) => {
     if (index <= completedStepIndex) {
       return "done";
@@ -2022,144 +2312,249 @@ function AutoSchedulerModal({
     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);
+    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);
-      } 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);
+      },
+      runId
+    );
+    schedule(
+      STEP_INTERVAL_MS * 3,
+      async () => {
+        if (runIdRef.current !== runId) return;
+        try {
+          await (onSolution == null ? void 0 : 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;
     }
+    if (scheduleWeekStartYmd && selectedScheduleDates.length === 0) {
+      return;
+    }
+    if (onGenerate) {
+      const runId2 = resetBeforeSubmit();
+      schedule(
+        STEP_INTERVAL_MS,
+        async () => {
+          if (runIdRef.current !== runId2) return;
+          setCompletedStepIndex(0);
+          setActiveStepIndex(1);
+          try {
+            const generateResult = await onGenerate({
+              selectedLocationIds,
+              selectedSubLocationIds,
+              selectedTeamIds,
+              schedulerTimezone: selectedLocationTimezone,
+              selectedScheduleDates,
+              selectedConstraintIds: effectiveSelectedConstraintIds,
+              constraintValues,
+              selectedOptimizationIds: effectiveSelectedOptimizationIds,
+              optimizationValues,
+              selectedBuiltinIds: defaultSelectedBuiltinIds
+            });
+            if (runIdRef.current !== runId2) return;
+            setCompletedStepIndex(1);
+            setActiveStepIndex(2);
+            schedule(
+              STEP_INTERVAL_MS,
+              () => {
+                if (runIdRef.current !== runId2) return;
+                setCompletedStepIndex(2);
+                setActiveStepIndex(3);
+              },
+              runId2
+            );
+            schedule(
+              STEP_INTERVAL_MS * 2,
+              () => {
+                if (runIdRef.current !== runId2) return;
+                setCompletedStepIndex(3);
+                setActiveStepIndex(4);
+              },
+              runId2
+            );
+            schedule(
+              STEP_INTERVAL_MS * 3,
+              () => {
+                if (runIdRef.current !== runId2) return;
+                setCompletedStepIndex(4);
+                setActiveStepIndex(4);
+                onGenerateSolution == null ? void 0 : onGenerateSolution(generateResult);
+                onClose();
+              },
+              runId2
+            );
+          } catch (err) {
+            if (runIdRef.current !== runId2) return;
+            if (err instanceof InfeasibleScheduleError) {
+              setLastFailure(err.failure);
+            } else {
+              const msg = err instanceof Error ? err.message : "Unknown error";
+              setLastFailure({
+                violatedConstraints: [{ title: "Error", detail: msg }],
+                recommendedFixes: []
+              });
+            }
+            setScreen("failed");
+          }
+        },
+        runId2
+      );
+      return;
+    }
     const payload = buildSchedulePayload({
       employees,
       openShifts,
       timeOffs,
       selectedLocationIds,
       jurisdictions,
-      selectedConstraintIds,
+      selectedConstraintIds: effectiveSelectedConstraintIds,
       constraintValues,
-      selectedOptimizationIds,
-      optimizationValues
+      selectedOptimizationIds: effectiveSelectedOptimizationIds,
+      optimizationValues,
+      trafficForecast,
+      constraintDefinitionIds,
+      constraintDefinitions,
+      organizationId
     });
     persistConfigForLocations == null ? void 0 : persistConfigForLocations(selectedLocationIds, {
       selectedLocationIds,
-      selectedConstraintIds,
+      selectedConstraintIds: effectiveSelectedConstraintIds,
       constraintValues,
-      selectedOptimizationIds,
-      optimizationValues
+      selectedOptimizationIds: effectiveSelectedOptimizationIds,
+      optimizationValues,
+      selectedBuiltinIds: defaultSelectedBuiltinIds
     });
     const runId = resetBeforeSubmit();
-    schedule(STEP_INTERVAL_MS, async () => {
-      setCompletedStepIndex(0);
-      setActiveStepIndex(1);
-      try {
-        const token = await getToken(getTokenURLAndHeaders.url, getTokenURLAndHeaders.headers);
-        if (!token) {
-          throw new Error("Failed to get auto-scheduler token");
-        }
-        const auth = { authorization: `Bearer ${token}` };
-        const { jobId } = await submitSolveJob(baseURL, payload, auth);
-        if (runIdRef.current !== runId) {
-          return;
-        }
-        setCompletedStepIndex(1);
-        setActiveStepIndex(OPTIMIZING_STEP_INDEX);
-        const pollForResult = async () => {
-          if (runIdRef.current !== runId) return;
-          try {
-            const statusRes = await getJobStatus(baseURL, jobId, auth);
+    schedule(
+      STEP_INTERVAL_MS,
+      async () => {
+        setCompletedStepIndex(0);
+        setActiveStepIndex(1);
+        try {
+          const token = await getToken(getTokenURLAndHeaders.url, getTokenURLAndHeaders.headers);
+          if (!token) {
+            throw new Error("Failed to get auto-scheduler token");
+          }
+          const selectedDates = [...selectedScheduleDates].sort();
+          const horizonOptions = selectedDates.length > 0 ? {
+            horizonStartDate: selectedDates[0],
+            horizonEndDate: selectedDates[selectedDates.length - 1]
+          } : {};
+          const auth = { authorization: `Bearer ${token}`, ...horizonOptions };
+          const { jobId } = await submitSolveJob(baseURL, payload, auth);
+          if (runIdRef.current !== runId) {
+            return;
+          }
+          setCompletedStepIndex(1);
+          setActiveStepIndex(OPTIMIZING_STEP_INDEX);
+          const pollForResult = async () => {
             if (runIdRef.current !== runId) return;
-            if (statusRes.status === "NOT_SOLVING" || statusRes.status === "TERMINATED_EARLY") {
+            try {
+              const statusRes = await getJobStatus(baseURL, jobId, auth);
+              if (runIdRef.current !== runId) return;
+              if (statusRes.status === "NOT_SOLVING" || statusRes.status === "TERMINATED_EARLY") {
+                if (pollIntervalRef.current) {
+                  clearInterval(pollIntervalRef.current);
+                  pollIntervalRef.current = null;
+                }
+                const response = await getJobResult(baseURL, jobId, auth);
+                if (runIdRef.current !== runId) return;
+                let responseForHandling = response;
+                if (response.explanation.isFeasible) {
+                  const solution = await getJobSolution(baseURL, jobId, auth);
+                  if (runIdRef.current !== runId) return;
+                  responseForHandling = { ...response, solution };
+                }
+                handleSolveResult(runId, responseForHandling);
+                return;
+              }
+            } catch (err) {
+              if (runIdRef.current !== runId) return;
               if (pollIntervalRef.current) {
                 clearInterval(pollIntervalRef.current);
                 pollIntervalRef.current = null;
               }
-              const response = await getJobResult(baseURL, jobId, auth);
-              if (runIdRef.current !== runId) return;
-              let responseForHandling = response;
-              if (response.explanation.isFeasible) {
-                const solution = await getJobSolution(baseURL, jobId, auth);
-                if (runIdRef.current !== runId) return;
-                responseForHandling = { ...response, solution };
-              }
-              handleSolveResult(runId, responseForHandling);
-              return;
-            }
-          } catch (err) {
-            if (runIdRef.current !== runId) return;
-            if (pollIntervalRef.current) {
-              clearInterval(pollIntervalRef.current);
-              pollIntervalRef.current = null;
+              console.error(err);
+              setLastFailure(NETWORK_ERROR_FAILURE);
+              setScreen("failed");
             }
-            console.error(err);
-            setLastFailure(NETWORK_ERROR_FAILURE);
-            setScreen("failed");
+          };
+          pollForResult();
+          pollIntervalRef.current = setInterval(pollForResult, POLL_INTERVAL_MS);
+        } catch (err) {
+          if (runIdRef.current !== runId) {
+            return;
           }
-        };
-        pollForResult();
-        pollIntervalRef.current = setInterval(pollForResult, POLL_INTERVAL_MS);
-      } catch (err) {
-        if (runIdRef.current !== runId) {
-          return;
+          console.error(err);
+          setLastFailure(NETWORK_ERROR_FAILURE);
+          setScreen("failed");
         }
-        console.error(err);
-        setLastFailure(NETWORK_ERROR_FAILURE);
-        setScreen("failed");
-      }
-    }, runId);
+      },
+      runId
+    );
   };
   const handleSolveResult = (runId, response) => {
-    var _a, _b;
+    var _a;
     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 result = mapViolationsToResult((_a = response.explanation.violations) != null ? _a : [], response.explanation.summary, dynamicViolationMessages);
+      const selectedLocations = jurisdictions.flatMap((j) => j.locations).filter((l) => selectedLocationIds.includes(l.id));
       const recommendationPayload = generateRecommendationsURLAndHeaders ? {
         context: {
           selectedLocationIds,
-          selectedConstraintIds,
+          selectedConstraintIds: effectiveSelectedConstraintIds,
           constraintValues,
-          selectedOptimizationIds,
+          selectedOptimizationIds: effectiveSelectedOptimizationIds,
           optimizationValues,
-          timezone: (_b = selectedLocations[0]) == null ? void 0 : _b.timezone
+          timezone: selectedLocationTimezone
         },
         locations: selectedLocations,
         employees,
-        openShifts: openShifts.filter((s) => !s.employeeId),
-        assignedShifts: openShifts.filter((s) => Boolean(s.employeeId)),
+        openShifts: openShifts.filter(
+          (s) => {
+            var _a2;
+            return !s.employeeId && selectedLocationIds.includes(String((_a2 = s.location) == null ? void 0 : _a2.id));
+          }
+        ),
+        assignedShifts: openShifts.filter(
+          (s) => {
+            var _a2;
+            return Boolean(s.employeeId) && selectedLocationIds.includes(String((_a2 = s.location) == null ? void 0 : _a2.id));
+          }
+        ),
         timeOffs: timeOffs != null ? timeOffs : [],
         explanation: response.explanation
       } : void 0;
@@ -2178,14 +2573,34 @@ function AutoSchedulerModal({
     setScreen("configure");
   };
   const handleToggleLocation = (locationId) => {
-    if (selectedLocationIds.includes(locationId)) {
-      setSelectedLocationIds(selectedLocationIds.filter((id) => id !== locationId));
+    if (!onGenerate && !locationIdsWithOpenShifts.has(locationId)) {
       return;
     }
-    setSelectedLocationIds([...selectedLocationIds, locationId]);
+    const newLocationIds = selectedLocationIds.includes(locationId) ? selectedLocationIds.filter((id) => id !== locationId) : [...selectedLocationIds, locationId];
+    setSelectedLocationIds(newLocationIds);
+    const filteredSubs = selectedSubLocationIds.filter((subId) => {
+      const sub = subLocations == null ? void 0 : subLocations.find((s) => s.id === subId);
+      return sub ? newLocationIds.includes(sub.parentId) : false;
+    });
+    if (filteredSubs.length !== selectedSubLocationIds.length) {
+      setSelectedSubLocationIds(filteredSubs);
+    }
+    onSelectionChange == null ? void 0 : onSelectionChange(
+      newLocationIds,
+      filteredSubs.length !== selectedSubLocationIds.length ? filteredSubs : selectedSubLocationIds
+    );
+  };
+  const handleToggleSubLocation = (subLocationId) => {
+    const next = selectedSubLocationIds.includes(subLocationId) ? selectedSubLocationIds.filter((id) => id !== subLocationId) : [...selectedSubLocationIds, subLocationId];
+    setSelectedSubLocationIds(next);
+    onSelectionChange == null ? void 0 : onSelectionChange(selectedLocationIds, next);
+  };
+  const handleToggleTeam = (teamId) => {
+    setSelectedTeamIds((prev) => prev.includes(teamId) ? prev.filter((id) => id !== teamId) : [...prev, teamId]);
   };
   const handleToggleConstraint = (constraintId) => {
     setSelectedConstraintIds((prev) => {
+      var _a;
       if (prev.includes(constraintId)) {
         setConstraintValues((values) => {
           const next = { ...values };
@@ -2194,10 +2609,11 @@ function AutoSchedulerModal({
         });
         return prev.filter((id) => id !== constraintId);
       }
-      if (HARD_CONSTRAINT_DEFAULTS[constraintId]) {
+      const defaultVal = (_a = effectiveHardConstraintOptions.find((o) => o.id === constraintId)) == null ? void 0 : _a.defaultValue;
+      if (defaultVal) {
         setConstraintValues((values) => ({
           ...values,
-          [constraintId]: HARD_CONSTRAINT_DEFAULTS[constraintId]
+          [constraintId]: defaultVal
         }));
       }
       return [...prev, constraintId];
@@ -2241,6 +2657,7 @@ function AutoSchedulerModal({
       violatedConstraints: lastFailure,
       title: violationTitle,
       subtitle: "",
+      errorToast,
       generateRecommendationsURLAndHeaders,
       styles
     }
@@ -2248,12 +2665,12 @@ function AutoSchedulerModal({
   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." })
+      /* @__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: bannerTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.bannerText, children: bannerText })
       ] })
     ] }),
-    openShifts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    !onGenerate && openShifts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       import_react4.Box,
       {
         sx: {
@@ -2296,25 +2713,33 @@ function AutoSchedulerModal({
         ] }) }) }),
         /* @__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
-          )) })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "2px", children: jurisdiction.locations.map((location) => {
+            const isEnabled = onGenerate || locationIdsWithOpenShifts.has(location.id);
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              import_react4.HStack,
+              {
+                as: "label",
+                sx: {
+                  ...styles.optionRow,
+                  cursor: isEnabled ? "pointer" : "not-allowed",
+                  opacity: isEnabled ? 1 : 0.55
+                },
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    import_react4.Checkbox,
+                    {
+                      id: `location-${location.id}`,
+                      isChecked: selectedLocationIds.includes(location.id),
+                      isDisabled: !isEnabled,
+                      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: [
@@ -2328,11 +2753,128 @@ function AutoSchedulerModal({
         ] })
       ] }, jurisdiction.id)) })
     ] }),
+    showSubLocations && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "8px", sx: styles.locationSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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: "Sub-location" }),
+        selectedSubLocationIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.locationBadge, children: selectedSubLocationIds.length })
+      ] }) }),
+      /* @__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",
+            isDisabled: selectedLocationIds.length === 0 || filteredSubLocations.length === 0,
+            sx: {
+              ...styles.locationTrigger,
+              ...selectedLocationIds.length === 0 || filteredSubLocations.length === 0 ? { opacity: 0.5, cursor: "not-allowed" } : {}
+            },
+            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,
+                    ...selectedSubLocationIds.length > 0 ? { color: "#303030" } : {}
+                  },
+                  noOfLines: 1,
+                  children: selectedSubLocationIds.length > 0 ? filteredSubLocations.filter((s) => selectedSubLocationIds.includes(s.id)).map((s) => s.name).join(", ") : "Select sub-locations"
+                }
+              ),
+              /* @__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: "2px", children: filteredSubLocations.map((sub) => /* @__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: `sublocation-${sub.id}`,
+              isChecked: selectedSubLocationIds.includes(sub.id),
+              onChange: () => handleToggleSubLocation(sub.id)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optionLabel, children: sub.name })
+        ] }, sub.id)) }) }) })
+      ] })
+    ] }),
+    showTeams && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "8px", sx: styles.locationSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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: "Teams" }),
+        selectedTeamIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.locationBadge, children: selectedTeamIds.length })
+      ] }) }),
+      /* @__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",
+            isDisabled: !teams || teams.length === 0,
+            sx: {
+              ...styles.locationTrigger,
+              ...!teams || teams.length === 0 ? { opacity: 0.5, cursor: "not-allowed" } : {}
+            },
+            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,
+                    ...selectedTeamIds.length > 0 ? { color: "#303030" } : {}
+                  },
+                  noOfLines: 1,
+                  children: selectedTeamIds.length > 0 ? (teams != null ? teams : []).filter((t) => selectedTeamIds.includes(t.id)).map((t) => t.name).join(", ") : "Select teams"
+                }
+              ),
+              /* @__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: "2px", children: (teams != null ? teams : []).map((team) => /* @__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: `team-${team.id}`,
+              isChecked: selectedTeamIds.includes(team.id),
+              onChange: () => handleToggleTeam(team.id)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: styles.optionLabel, children: team.name })
+        ] }, team.id)) }) }) })
+      ] })
+    ] }),
+    scheduleWeekStartYmd ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Stack, { spacing: "8px", sx: styles.locationSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Text, { sx: { ...styles.locationLabel, fontWeight: 600 }, children: "Generate schedule for:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.HStack, { spacing: 2, flexWrap: "wrap", children: weekDatesOrdered.map((ymd) => {
+        const selected = selectedScheduleDates.includes(ymd);
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react4.Button,
+          {
+            type: "button",
+            variant: "unstyled",
+            onClick: () => toggleScheduleDate(ymd),
+            borderRadius: "full",
+            minW: "40px",
+            h: "40px",
+            px: 0,
+            fontSize: "sm",
+            fontWeight: 600,
+            borderWidth: selected ? "2px" : "1px",
+            borderStyle: "solid",
+            borderColor: selected ? "#5b44ff" : "#e2e8f0",
+            bg: selected ? "#ede9fe" : "#ffffff",
+            color: selected ? "#5b44ff" : "#303030",
+            "aria-pressed": selected,
+            "aria-label": `${weekdayTwoLetterFromYmd(ymd)} ${ymd}`,
+            children: weekdayTwoLetterFromYmd(ymd)
+          },
+          ymd
+        );
+      }) })
+    ] }) : null,
     /* @__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
+          selectedConstraintDisplayOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.hardConstraintsBadge, children: selectedConstraintDisplayOptions.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:" })
       ] }),
@@ -2344,35 +2886,30 @@ function AutoSchedulerModal({
             {
               sx: {
                 ...styles.hardConstraintsTriggerText,
-                ...selectedConstraintIds.length > 0 ? { color: "#303030" } : {}
+                ...selectedConstraintDisplayOptions.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"
+              children: selectedConstraintDisplayOptions.length > 0 ? selectedConstraintDisplayOptions.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
-        )) }) }) })
+        /* @__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: effectiveHardConstraintOptions.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) || Boolean(option.readOnly && option.defaultSelected),
+              isDisabled: option.readOnly,
+              onChange: () => {
+                if (!option.readOnly) 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) => {
+      selectedConstraints.filter((o) => o.defaultValue != null).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.filter((o) => o.defaultValue != null).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: [
@@ -2390,13 +2927,13 @@ function AutoSchedulerModal({
                   ...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",
+                min: option.min,
+                max: option.max,
+                step: option.max != null ? 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" })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.InputRightAddon, { sx: styles.optimizationSuffix, children: option.suffix })
           ] })
         ] }, option.id);
       }) }) }) : null
@@ -2405,89 +2942,100 @@ function AutoSchedulerModal({
       /* @__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
+          selectedOptimizationDisplayOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Badge, { sx: styles.optimizationBadge, children: selectedOptimizationDisplayOptions.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.jsxs)(import_react4.Popover, { placement: "top-start", strategy: "fixed", matchWidth: true, isLazy: true, gutter: 4, 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" } : {}
+                ...selectedOptimizationDisplayOptions.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"
+              children: selectedOptimizationDisplayOptions.length > 0 ? selectedOptimizationDisplayOptions.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
-              ]
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Portal, { appendToParentPortal: false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react4.PopoverContent,
+          {
+            sx: {
+              ...styles.optimizationPopoverContent,
+              maxH: "min(560px, calc(100vh - 96px))",
+              overflowY: "auto",
+              zIndex: 1500,
+              scrollbarWidth: "none",
+              msOverflowStyle: "none",
+              "&::-webkit-scrollbar": { display: "none" }
             },
-            option.id
-          )) })
-        ] }, group.id)) }) }) })
+            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: effectiveSoftConstraintGroups.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.Box, { children: [
+                /* @__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) || Boolean(option.readOnly && option.defaultSelected),
+                            isDisabled: option.readOnly || !selectedOptimizationIds.includes(option.id) && selectedOptimizationIds.length >= 3,
+                            onChange: () => {
+                              if (!option.readOnly) 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
+                    ]
+                  }
+                ),
+                optimizationFooter && (option.id === "cost_to_sales_ratio" || option.id === "maximize_sales") ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Box, { px: "12px", pt: "4px", pb: "6px", children: resolveOptimizationFooter(optimizationFooter, option.id) }) : 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
-          );
+          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 })
@@ -2496,7 +3044,9 @@ function AutoSchedulerModal({
   ] });
   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) => {
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Stack, { spacing: "14px", sx: styles.stepsList, children: SCHEDULE_STEPS.map((rawStep, index) => {
+      const isQueueWait = index === 1 && solveStatus === "QUEUED";
+      const step = isQueueWait ? { title: "Waiting in queue\u2026", subtitle: void 0 } : rawStep;
       const status = stepStatusForIndex(index);
       const isFailedStep = showFailed && index === activeStepIndex;
       const iconStyles = {
@@ -2514,26 +3064,26 @@ function AutoSchedulerModal({
         ...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.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: 10, height: 10 }) : 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);
+      ] }, rawStep.title);
     }) })
   ] });
-  const modalFooter = showConfiguration ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.ModalFooter, { sx: styles.footer, children: [
+  const footerButtons = showConfiguration ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { 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,
+        isDisabled: selectedCount === 0 || !onGenerate && openShifts.length === 0 || hasEmptyInputs || Boolean(scheduleWeekStartYmd) && selectedScheduleDates.length === 0,
         sx: styles.primaryButton,
         children: primaryActionLabel
       }
     )
-  ] }) : showFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.ModalFooter, { sx: styles.failedFooter, children: [
+  ] }) : showFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_react4.Button,
       {
@@ -2542,10 +3092,11 @@ function AutoSchedulerModal({
           if (lastFailure) {
             onFixManually == null ? void 0 : onFixManually(lastFailure, {
               selectedLocationIds,
-              selectedConstraintIds,
+              selectedConstraintIds: effectiveSelectedConstraintIds,
               constraintValues,
-              selectedOptimizationIds,
-              optimizationValues
+              selectedOptimizationIds: effectiveSelectedOptimizationIds,
+              optimizationValues,
+              selectedBuiltinIds: defaultSelectedBuiltinIds
             });
           }
           onClose();
@@ -2556,31 +3107,75 @@ function AutoSchedulerModal({
     ),
     /* @__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
-    ] })
-  ] });
+  const bodyStyles = showConfiguration ? styles.body : { ...styles.body, ...styles.creatingBody };
+  const bodyContent = showConfiguration ? configurationContent : stepsContent;
+  const modalContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_react4.Modal,
+    {
+      isOpen,
+      onClose,
+      isCentered: true,
+      motionPreset: "scale",
+      closeOnOverlayClick: false,
+      closeOnEsc: false,
+      trapFocus: 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: bodyStyles, children: bodyContent }),
+          footerButtons && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ModalFooter, { sx: showFailed ? styles.failedFooter : styles.footer, children: footerButtons })
+        ] })
+      ]
+    }
+  );
+  const drawerFooterNode = footerButtons ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react4.HStack,
+    {
+      align: "center",
+      justify: "flex-end",
+      px: 6,
+      h: "68px",
+      bg: "gray.50",
+      borderTop: "1px solid",
+      borderColor: "gray.200",
+      gap: 2,
+      flexShrink: 0,
+      w: "full",
+      children: footerButtons
+    }
+  ) : void 0;
+  const drawerContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_web_ui.Drawer,
+    {
+      isOpen,
+      onClose,
+      title: modalTitle,
+      closeOnOverlayClick: false,
+      maxW: DRAWER_WIDTH_MAP[drawerSize],
+      bodySx: bodyStyles,
+      footer: drawerFooterNode,
+      children: bodyContent
+    }
+  );
+  const content = displayMode === "drawer" ? drawerContent : modalContent;
   if (theme || cssVarsRoot) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ChakraProvider, { theme: mergedTheme, cssVarsRoot, children: modalContent });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.ChakraProvider, { theme: mergedTheme, cssVarsRoot, children: content });
   }
-  return modalContent;
+  return content;
 }
 
 // src/AutoSchedulerModalWithProvider.tsx
@@ -2657,11 +3252,17 @@ var RequestError = class extends Error {
 0 && (module.exports = {
   AutoSchedulerModal,
   AutoSchedulerModalWithProvider,
+  InfeasibleScheduleError,
+  MAXIMIZE_CONVERSION_RATE_RULE_ID,
   RequestError,
+  TRAFFIC_FORECAST_INCENTIVE_RULE_ID,
   ViolatedConstraintsPanel,
   ViolatedConstraintsPanelWithProvider,
   buildRulesPayload,
   buildSchedulePayload,
-  getFriendlyRuleName
+  defaultSelectedScheduleDates,
+  getFriendlyRuleName,
+  getSequentialWeekDatesFromWeekStart,
+  weekdayTwoLetterFromYmd
 });
 //# sourceMappingURL=index.cjs.map