@open-mercato/core 0.6.7-develop.6785.1.1dd7cfac55 → 0.6.7-develop.6795.1.8a3f27921c

package/dist/modules/customers/components/detail/ScheduleActivityDialog.js

@@ -202,6 +202,7 @@ function ScheduleActivityDialog({
   const initialSnapshotRef = React.useRef(null);
   const snapshotOpenKeyRef = React.useRef(null);
   const snapshotSettleCountRef = React.useRef(0);
+  const closeConfirmPendingRef = React.useRef(false);
   const openKey = open ? `${editData?.id ?? "new"}` : null;
   React.useEffect(() => {
     if (!open) {
@@ -225,21 +226,27 @@ function ScheduleActivityDialog({
     return initialSnapshotRef.current !== formSnapshot;
   }, [formSnapshot]);
   const guardedClose = React.useCallback(async () => {
+    if (closeConfirmPendingRef.current) return;
     if (!isDirty()) {
       onClose();
       return;
     }
-    const ok = await confirm({
-      title: t("customers.schedule.discardConfirm.title", "Discard unsaved changes?"),
-      description: t(
-        "customers.schedule.discardConfirm.description",
-        "You have unsaved edits in this activity. Save them first or continue to discard them."
-      ),
-      confirmText: t("customers.schedule.discardConfirm.confirm", "Discard"),
-      cancelText: t("customers.schedule.discardConfirm.cancel", "Keep editing"),
-      variant: "destructive"
-    });
-    if (ok) onClose();
+    closeConfirmPendingRef.current = true;
+    try {
+      const ok = await confirm({
+        title: t("customers.schedule.discardConfirm.title", "Discard unsaved changes?"),
+        description: t(
+          "customers.schedule.discardConfirm.description",
+          "You have unsaved edits in this activity. Save them first or continue to discard them."
+        ),
+        confirmText: t("customers.schedule.discardConfirm.confirm", "Discard"),
+        cancelText: t("customers.schedule.discardConfirm.cancel", "Keep editing"),
+        variant: "destructive"
+      });
+      if (ok) onClose();
+    } finally {
+      closeConfirmPendingRef.current = false;
+    }
   }, [confirm, isDirty, onClose, t]);
   const mutationContextId = React.useMemo(
     () => `customer-activity:${entityType}:${entityId}`,
@@ -411,123 +418,152 @@ function ScheduleActivityDialog({
     }
   }, [callDirection, callOutcome, callPhoneInvalidMessage, callPhoneNumber, isDateMissing, isTimeMissing, state.activityType, state.allDay, state.date, state.description, dealId, state.duration, editData, entityId, state.guestPermissions, state.linkedEntities, state.location, onActivityCreated, onClose, state.participants, state.recurrenceCount, state.recurrenceDays, state.recurrenceEnabled, state.recurrenceEndDate, state.recurrenceEndType, state.reminderMinutes, runGuardedMutation, state.startTime, t, taskPriority, state.title, translateErrorMessage, trimmedCallPhone, trimmedDate, trimmedStartTime, state.visibility, visibleFields]);
   const handleKeyDown = useDialogKeyHandler({ onConfirm: handleSave });
-  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: (o) => {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (o) => {
     if (!o) void guardedClose();
-  }, children: [
-    ConfirmDialogElement,
-    /* @__PURE__ */ jsxs(DialogContent, { className: "flex max-h-[90vh] flex-col overflow-hidden border-border p-0 shadow-xl sm:max-w-[760px] sm:rounded-xl [&>[data-dialog-close]]:hidden", onKeyDown: handleKeyDown, "aria-describedby": void 0, children: [
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-start justify-between gap-3 border-b border-border bg-background px-6 py-5", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-tight tracking-tight text-foreground", children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(chrome.subtitleKey, chrome.subtitleFallback) }),
-          entityName ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground/80", children: [
-            t("customers.schedule.context", "On timeline: {{name}}", { name: entityName }),
-            companyName ? ` \xB7 ${companyName}` : ""
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "sm", onClick: () => {
-          void guardedClose();
-        }, className: "flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-background", "aria-label": t("customers.schedule.cancel", "Cancel"), children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-background p-6", children: [
-        state.conflict && /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "rounded-lg", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.schedule.conflict.title", "Calendar conflict") }),
-          /* @__PURE__ */ jsx(AlertDescription, { children: state.conflict })
+  }, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "flex max-h-[90vh] flex-col overflow-hidden border-border p-0 shadow-xl sm:max-w-[760px] sm:rounded-xl [&>[data-dialog-close]]:hidden",
+      onKeyDown: handleKeyDown,
+      "aria-describedby": void 0,
+      children: [
+        ConfirmDialogElement,
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-start justify-between gap-3 border-b border-border bg-background px-6 py-5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold leading-tight tracking-tight text-foreground", children: isEditing ? t("customers.schedule.editTitle", "Edit activity") : t(chrome.titleKey, chrome.titleFallback) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(chrome.subtitleKey, chrome.subtitleFallback) }),
+            entityName ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground/80", children: [
+              t("customers.schedule.context", "On timeline: {{name}}", { name: entityName }),
+              companyName ? ` \xB7 ${companyName}` : ""
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ jsx(IconButton, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+            void guardedClose();
+          }, className: "flex size-9 shrink-0 items-center justify-center rounded-md border border-border bg-background", "aria-label": t("customers.schedule.cancel", "Cancel"), children: /* @__PURE__ */ jsx(X, { className: "size-4 text-muted-foreground" }) })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {
-          const isActive = state.activityType === type;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => state.setActivityType(type),
-              "aria-pressed": isActive,
-              className: cn(
-                "flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors",
-                isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(Icon, { className: "size-[18px]" }),
-                t(labelKey, fallback)
-              ]
-            },
-            type
-          );
-        }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "title", t, "customers.schedule.titleLabel", "Title") }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 bg-background p-6", children: [
+          state.conflict && /* @__PURE__ */ jsxs(Alert, { variant: "warning", className: "rounded-lg", children: [
+            /* @__PURE__ */ jsx(AlertTitle, { children: t("customers.schedule.conflict.title", "Calendar conflict") }),
+            /* @__PURE__ */ jsx(AlertDescription, { children: state.conflict })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: TYPE_TABS.map(({ type, icon: Icon, labelKey, fallback }) => {
+            const isActive = state.activityType === type;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => state.setActivityType(type),
+                "aria-pressed": isActive,
+                className: cn(
+                  "flex h-[80px] flex-col items-center justify-center gap-2 rounded-md border text-[14px] font-semibold transition-colors",
+                  isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40 hover:text-foreground"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "size-[18px]" }),
+                  t(labelKey, fallback)
+                ]
+              },
+              type
+            );
+          }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "title", t, "customers.schedule.titleLabel", "Title") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: state.title,
+                onChange: (e) => state.setTitle(e.target.value),
+                placeholder: state.activityType === "email" ? t("customers.schedule.subjectPlaceholder", "Subject...") : t("customers.schedule.titlePlaceholder", "Activity title..."),
+                className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground",
+                autoFocus: true
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx(
-            "input",
+            DateTimeFields,
             {
-              type: "text",
-              value: state.title,
-              onChange: (e) => state.setTitle(e.target.value),
-              placeholder: state.activityType === "email" ? t("customers.schedule.subjectPlaceholder", "Subject...") : t("customers.schedule.titlePlaceholder", "Activity title..."),
-              className: "w-full rounded-md border border-border bg-background px-3 py-2.5 text-sm text-foreground outline-none focus:border-foreground",
-              autoFocus: true
+              visible: visibleFields,
+              activityType: state.activityType,
+              date: state.date,
+              setDate: state.setDate,
+              startTime: state.startTime,
+              setStartTime: state.setStartTime,
+              duration: state.duration,
+              setDuration: state.setDuration,
+              allDay: state.allDay,
+              setAllDay: state.setAllDay,
+              recurrenceEnabled: state.recurrenceEnabled,
+              setRecurrenceEnabled: state.setRecurrenceEnabled,
+              recurrenceDays: state.recurrenceDays,
+              toggleRecurrenceDay: state.toggleRecurrenceDay,
+              recurrenceEndType: state.recurrenceEndType,
+              setRecurrenceEndType: state.setRecurrenceEndType,
+              recurrenceCount: state.recurrenceCount,
+              setRecurrenceCount: state.setRecurrenceCount,
+              recurrenceEndDate: state.recurrenceEndDate,
+              setRecurrenceEndDate: state.setRecurrenceEndDate
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          DateTimeFields,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            date: state.date,
-            setDate: state.setDate,
-            startTime: state.startTime,
-            setStartTime: state.setStartTime,
-            duration: state.duration,
-            setDuration: state.setDuration,
-            allDay: state.allDay,
-            setAllDay: state.setAllDay,
-            recurrenceEnabled: state.recurrenceEnabled,
-            setRecurrenceEnabled: state.setRecurrenceEnabled,
-            recurrenceDays: state.recurrenceDays,
-            toggleRecurrenceDay: state.toggleRecurrenceDay,
-            recurrenceEndType: state.recurrenceEndType,
-            setRecurrenceEndType: state.setRecurrenceEndType,
-            recurrenceCount: state.recurrenceCount,
-            setRecurrenceCount: state.setRecurrenceCount,
-            recurrenceEndDate: state.recurrenceEndDate,
-            setRecurrenceEndDate: state.setRecurrenceEndDate
-          }
-        ),
-        state.activityType === "call" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.directionLabel", "Direction") }),
-            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_DIRECTIONS.map((opt) => {
-              const isActive = callDirection === opt.key;
-              return /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  "aria-pressed": isActive,
-                  onClick: () => setCallDirection(opt.key),
-                  className: cn(
-                    "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
-                    isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
-                    t(opt.labelKey, opt.labelFallback)
-                  ]
-                },
-                opt.key
-              );
-            }) })
+          ),
+          state.activityType === "call" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.directionLabel", "Direction") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_DIRECTIONS.map((opt) => {
+                const isActive = callDirection === opt.key;
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": isActive,
+                    onClick: () => setCallDirection(opt.key),
+                    className: cn(
+                      "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
+                      isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
+                      t(opt.labelKey, opt.labelFallback)
+                    ]
+                  },
+                  opt.key
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.outcomeLabel", "Outcome") }),
+              /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_OUTCOMES.map((opt) => {
+                const isActive = callOutcome === opt.key;
+                return /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-pressed": isActive,
+                    onClick: () => setCallOutcome(isActive ? null : opt.key),
+                    className: cn(
+                      "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
+                      isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
+                      t(opt.labelKey, opt.labelFallback)
+                    ]
+                  },
+                  opt.key
+                );
+              }) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.outcomeLabel", "Outcome") }),
-            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: CALL_OUTCOMES.map((opt) => {
-              const isActive = callOutcome === opt.key;
+          state.activityType === "task" && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.task.priorityLabel", "Priority") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: TASK_PRIORITIES.map((opt) => {
+              const isActive = taskPriority === opt.key;
               return /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
                   "aria-pressed": isActive,
-                  onClick: () => setCallOutcome(isActive ? null : opt.key),
+                  onClick: () => setTaskPriority(opt.key),
                   className: cn(
                     "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
                     isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
@@ -540,112 +576,89 @@ function ScheduleActivityDialog({
                 opt.key
               );
             }) })
-          ] })
-        ] }),
-        state.activityType === "task" && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.task.priorityLabel", "Priority") }),
-          /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: TASK_PRIORITIES.map((opt) => {
-            const isActive = taskPriority === opt.key;
-            return /* @__PURE__ */ jsxs(
-              "button",
+          ] }),
+          /* @__PURE__ */ jsx(
+            ParticipantsField,
+            {
+              visible: visibleFields,
+              activityType: state.activityType,
+              participants: state.participants,
+              setParticipants: state.setParticipants,
+              removeParticipant: state.removeParticipant,
+              guestPermissions: state.guestPermissions,
+              setGuestPermissions: state.setGuestPermissions
+            }
+          ),
+          state.activityType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "schedule-call-phone", className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.phoneLabel", "Phone number") }),
+            /* @__PURE__ */ jsx(
+              PhoneNumberField,
               {
-                type: "button",
-                "aria-pressed": isActive,
-                onClick: () => setTaskPriority(opt.key),
-                className: cn(
-                  "inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm font-medium transition-colors",
-                  isActive ? "border-transparent bg-foreground text-background" : "border-border bg-card text-muted-foreground hover:border-foreground/40"
-                ),
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: cn("inline-block size-1.5 rounded-full", opt.dot), "aria-hidden": true }),
-                  t(opt.labelKey, opt.labelFallback)
-                ]
-              },
-              opt.key
-            );
-          }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          ParticipantsField,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            participants: state.participants,
-            setParticipants: state.setParticipants,
-            removeParticipant: state.removeParticipant,
-            guestPermissions: state.guestPermissions,
-            setGuestPermissions: state.setGuestPermissions
-          }
-        ),
-        state.activityType === "call" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx("label", { htmlFor: "schedule-call-phone", className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: t("customers.schedule.call.phoneLabel", "Phone number") }),
+                id: "schedule-call-phone",
+                value: callPhoneNumber,
+                onValueChange: handleCallPhoneChange,
+                placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
+                externalError: callPhoneError,
+                invalidLabel: callPhoneInvalidMessage,
+                minDigits: 7,
+                defaultCountryIso2
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            LocationField,
+            {
+              visible: visibleFields,
+              activityType: state.activityType,
+              location: state.location,
+              setLocation: state.setLocation
+            }
+          ),
           /* @__PURE__ */ jsx(
-            PhoneNumberField,
+            LinkedEntitiesField,
             {
-              id: "schedule-call-phone",
-              value: callPhoneNumber,
-              onValueChange: handleCallPhoneChange,
-              placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
-              externalError: callPhoneError,
-              invalidLabel: callPhoneInvalidMessage,
-              minDigits: 7,
-              defaultCountryIso2
+              visible: visibleFields,
+              activityType: state.activityType,
+              linkedEntities: state.linkedEntities,
+              setLinkedEntities: state.setLinkedEntities
             }
-          )
-        ] }) : /* @__PURE__ */ jsx(
-          LocationField,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            location: state.location,
-            setLocation: state.setLocation
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          LinkedEntitiesField,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            linkedEntities: state.linkedEntities,
-            setLinkedEntities: state.setLinkedEntities
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "description", t, "customers.schedule.description", "Description") }),
-          /* @__PURE__ */ jsx("div", { className: "mt-[8px]", children: /* @__PURE__ */ jsx(
-            SwitchableMarkdownInput,
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "text-overline font-semibold uppercase text-muted-foreground tracking-wider", children: getFieldLabel(state.activityType, "description", t, "customers.schedule.description", "Description") }),
+            /* @__PURE__ */ jsx("div", { className: "mt-[8px]", children: /* @__PURE__ */ jsx(
+              SwitchableMarkdownInput,
+              {
+                value: state.description,
+                onChange: state.setDescription,
+                isMarkdownEnabled: state.markdownEnabled,
+                height: 120,
+                placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            FooterFields,
             {
-              value: state.description,
-              onChange: state.setDescription,
-              isMarkdownEnabled: state.markdownEnabled,
-              height: 120,
-              placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+              visible: visibleFields,
+              activityType: state.activityType,
+              reminderMinutes: state.reminderMinutes,
+              setReminderMinutes: state.setReminderMinutes,
+              visibility: state.visibility,
+              setVisibility: state.setVisibility
             }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          FooterFields,
-          {
-            visible: visibleFields,
-            activityType: state.activityType,
-            reminderMinutes: state.reminderMinutes,
-            setReminderMinutes: state.setReminderMinutes,
-            visibility: state.visibility,
-            setVisibility: state.setVisibility
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4", children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => {
-          void guardedClose();
-        }, className: "rounded-md border border-input bg-background px-5 py-3 text-sm font-semibold text-foreground", children: t("customers.schedule.cancel", "Cancel") }),
-        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: handleSave, disabled: isSubmitDisabled, className: "flex items-center gap-2 rounded-md bg-foreground px-5 py-3 text-sm font-semibold text-background hover:bg-foreground/90 disabled:opacity-50", children: [
-          /* @__PURE__ */ jsx(SaveIcon, { className: "size-3.5" }),
-          state.saving ? t("customers.schedule.saving", "Saving...") : isEditing ? t("customers.schedule.update", "Update activity") : t(chrome.saveKey, chrome.saveFallback)
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center justify-end gap-2.5 border-t border-border bg-muted/50 px-6 py-4", children: [
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => {
+            void guardedClose();
+          }, className: "rounded-md border border-input bg-background px-5 py-3 text-sm font-semibold text-foreground", children: t("customers.schedule.cancel", "Cancel") }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", onClick: handleSave, disabled: isSubmitDisabled, className: "flex items-center gap-2 rounded-md bg-foreground px-5 py-3 text-sm font-semibold text-background hover:bg-foreground/90 disabled:opacity-50", children: [
+            /* @__PURE__ */ jsx(SaveIcon, { className: "size-3.5" }),
+            state.saving ? t("customers.schedule.saving", "Saving...") : isEditing ? t("customers.schedule.update", "Update activity") : t(chrome.saveKey, chrome.saveFallback)
+          ] })
         ] })
-      ] })
-    ] })
-  ] });
+      ]
+    }
+  ) });
 }
 function buildRecurrenceRule(days, endType, count, endDate) {
   const dayNames = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];