@trops/dash-core 0.1.498 → 0.1.499

package/dist/index.esm.js

@@ -49244,7 +49244,7 @@ var EnforcementToggles = function EnforcementToggles() {
         onChange: handleJitToggle,
         disabled: !enforceEnabled
       })]
-    }), /*#__PURE__*/jsx(ConfirmDisableModal, {
+    }), /*#__PURE__*/jsx(ConfirmDisableInline, {
       pending: pendingDisable,
       onCancel: function onCancel() {
         return setPendingDisable(null);
@@ -49265,46 +49265,48 @@ var DISABLE_COPY = {
     confirmLabel: "Disable prompts"
   }
 };
-var ConfirmDisableModal = function ConfirmDisableModal(_ref6) {
+
+/**
+ * Inline confirmation prompt — rendered directly under the toggles
+ * inside the EnforcementToggles container, NOT as a nested Modal.
+ *
+ * Why inline: the Settings panel itself is already a Modal, so a
+ * nested Modal positions relative to the panel's content area rather
+ * than the viewport, landing visibly off-center. Inline avoids the
+ * nesting entirely; the user keeps context and the warning is
+ * impossible to miss right where the toggle lives.
+ */
+var ConfirmDisableInline = function ConfirmDisableInline(_ref6) {
   var pending = _ref6.pending,
     onCancel = _ref6.onCancel,
     onConfirm = _ref6.onConfirm;
   if (!pending) return null;
   var copy = DISABLE_COPY[pending.flag];
   if (!copy) return null;
-  return /*#__PURE__*/jsx(Modal, {
-    isOpen: !!pending,
-    setIsOpen: function setIsOpen(open) {
-      return !open && onCancel();
-    },
-    children: /*#__PURE__*/jsxs("div", {
-      className: "flex flex-col w-full max-w-md border-2 border-amber-500 rounded",
-      children: [/*#__PURE__*/jsx("div", {
-        className: "px-5 py-4 border-b border-gray-700",
-        children: /*#__PURE__*/jsxs("div", {
-          className: "flex flex-row items-center gap-2",
-          children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
-            icon: "triangle-exclamation",
-            className: "h-4 w-4 text-amber-500"
-          }), /*#__PURE__*/jsx("span", {
-            className: "text-base font-semibold text-gray-100",
-            children: copy.title
-          })]
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: "px-5 py-4 text-xs text-gray-300 leading-relaxed",
-        children: copy.body
-      }), /*#__PURE__*/jsxs("div", {
-        className: "flex justify-end gap-2 px-5 py-3 border-t border-gray-700",
-        children: [/*#__PURE__*/jsx(Button, {
-          title: "Cancel",
-          onClick: onCancel
-        }), /*#__PURE__*/jsx(Button, {
-          title: copy.confirmLabel,
-          onClick: onConfirm
-        })]
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-3 border-2 border-amber-500 rounded p-3 mt-2",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex flex-row items-center gap-2",
+      children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+        icon: "triangle-exclamation",
+        className: "h-4 w-4 text-amber-500"
+      }), /*#__PURE__*/jsx("span", {
+        className: "text-sm font-semibold text-gray-100",
+        children: copy.title
       })]
-    })
+    }), /*#__PURE__*/jsx("div", {
+      className: "text-xs text-gray-300 leading-relaxed",
+      children: copy.body
+    }), /*#__PURE__*/jsxs("div", {
+      className: "flex justify-end gap-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        title: "Cancel",
+        onClick: onCancel
+      }), /*#__PURE__*/jsx(Button, {
+        title: copy.confirmLabel,
+        onClick: onConfirm
+      })]
+    })]
   });
 };
 var WidgetGrantRow = function WidgetGrantRow(_ref7) {