@open-mercato/core 0.6.7-develop.6863.1.61001cf9a8 → 0.6.7

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

@@ -108,8 +108,7 @@ function ScheduleActivityDialog({
   companyName,
   entityType,
   onActivityCreated,
-  editData,
-  defaultCountryIso2
+  editData
 }) {
   const t = useT();
   const state = useScheduleFormState({ open, editData: editData ?? null });
@@ -202,7 +201,6 @@ 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) {
@@ -226,27 +224,21 @@ function ScheduleActivityDialog({
     return initialSnapshotRef.current !== formSnapshot;
   }, [formSnapshot]);
   const guardedClose = React.useCallback(async () => {
-    if (closeConfirmPendingRef.current) return;
     if (!isDirty()) {
       onClose();
       return;
     }
-    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;
-    }
+    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();
   }, [confirm, isDirty, onClose, t]);
   const mutationContextId = React.useMemo(
     () => `customer-activity:${entityType}:${entityId}`,
@@ -418,152 +410,100 @@ 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__ */ jsx(Dialog, { open, onOpenChange: (o) => {
+  return /* @__PURE__ */ jsxs(Dialog, { open, onOpenChange: (o) => {
     if (!o) void guardedClose();
-  }, 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" }) })
+  }, 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("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(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 })
+        ] }),
+        /* @__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(
-            DateTimeFields,
+            "input",
             {
-              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
+              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
             }
-          ),
-          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
-                );
-              }) })
-            ] })
-          ] }),
-          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;
+          )
+        ] }),
+        /* @__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: () => setTaskPriority(opt.key),
+                  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"
@@ -577,88 +517,133 @@ function ScheduleActivityDialog({
               );
             }) })
           ] }),
-          /* @__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,
-              {
-                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(
-            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__ */ 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
+              );
+            }) })
+          ] })
+        ] }),
+        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",
               {
-                value: state.description,
-                onChange: state.setDescription,
-                isMarkdownEnabled: state.markdownEnabled,
-                height: 120,
-                placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
-              }
-            ) })
-          ] }),
+                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") }),
           /* @__PURE__ */ jsx(
-            FooterFields,
+            PhoneNumberField,
             {
-              visible: visibleFields,
-              activityType: state.activityType,
-              reminderMinutes: state.reminderMinutes,
-              setReminderMinutes: state.setReminderMinutes,
-              visibility: state.visibility,
-              setVisibility: state.setVisibility
+              id: "schedule-call-phone",
+              value: callPhoneNumber,
+              onValueChange: handleCallPhoneChange,
+              placeholder: t("customers.schedule.call.phonePlaceholder", "+1 555 000 0000"),
+              externalError: callPhoneError,
+              invalidLabel: callPhoneInvalidMessage,
+              minDigits: 7
             }
           )
-        ] }) }),
-        /* @__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__ */ 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,
+            {
+              value: state.description,
+              onChange: state.setDescription,
+              isMarkdownEnabled: state.markdownEnabled,
+              height: 120,
+              placeholder: t("customers.schedule.descriptionPlaceholder", "Add details...")
+            }
+          ) })
+        ] }),
+        /* @__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)
         ] })
-      ]
-    }
-  ) });
+      ] })
+    ] })
+  ] });
 }
 function buildRecurrenceRule(days, endType, count, endDate) {
   const dayNames = ["MO", "TU", "WE", "TH", "FR", "SA", "SU"];