@homebound/beam 3.105.2 → 3.107.0

package/dist/index.cjs

@@ -11883,7 +11883,7 @@ function MenuItemImpl(props) {
 }
 function renderMenuItem(menuItem, isSelected, isDisabled) {
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "df w100 aic jcsb gap2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "df aic", children: maybeWrapInLink(menuItem.onClick, isIconMenuItem(menuItem) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconMenuItem, { ...menuItem }) : isImageMenuItem(menuItem) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ImageMenuItem, { ...menuItem }) : menuItem.label, isDisabled) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "df aic", children: maybeWrapInLink(menuItem.onClick, menuItem.ai ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AiMenuItem, { label: menuItem.label, isDisabled }) : isIconMenuItem(menuItem) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IconMenuItem, { ...menuItem }) : isImageMenuItem(menuItem) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ImageMenuItem, { ...menuItem }) : menuItem.label, isDisabled) }),
     isSelected && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { icon: "check", color: isDisabled ? "--b-text-disabled" /* TextDisabled */ : "--b-selection-indicator" /* SelectionIndicator */ })
   ] });
 }
@@ -11899,6 +11899,21 @@ function ImageMenuItem(item) {
     label
   ] });
 }
+function AiMenuItem({
+  label,
+  isDisabled
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "df aic jcc fs0 h_24px w_24px mr2", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Icon, { icon: "aiStar", inc: 2.125 }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { ...(0, import_runtime35.trussProps)({
+      ...!isDisabled ? {
+        color: ["color_var", {
+          "--color": (0, import_runtime35.maybeCssVar)("rgba(124, 58, 237, 1)" /* Purple600 */)
+        }]
+      } : {}
+    }), children: label })
+  ] });
+}
 function IconMenuItem(item) {
   const {
     icon,
@@ -29147,7 +29162,17 @@ function WorkflowPageLayout(props) {
 // src/layouts/Workflow/FocusedFormLayout.tsx
 var import_jsx_runtime240 = require("react/jsx-runtime");
 function FocusedFormLayout(props) {
-  const { onCancel, completeLabel, onComplete, onSaveAndExit, isValid, isDirty, aiMode, children, ...headerProps } = props;
+  const {
+    onCancel,
+    completeLabel,
+    onComplete,
+    onSaveAndExit,
+    primaryDisabled,
+    isDirty,
+    aiMode,
+    children,
+    ...headerProps
+  } = props;
   const tid = useTestIds(props, "focusedFormLayout");
   return /* @__PURE__ */ (0, import_jsx_runtime240.jsx)(
     WorkflowPageLayout,
@@ -29160,7 +29185,7 @@ function FocusedFormLayout(props) {
       onSaveAndExit,
       completeLabel,
       onComplete,
-      primaryDisabled: !isValid,
+      primaryDisabled,
       children
     }
   );
@@ -29196,7 +29221,7 @@ function StepperLayout(props) {
       onSaveAndExit,
       completeLabel,
       onComplete,
-      primaryDisabled: !activeStep?.isValid,
+      primaryDisabled: activeStep?.primaryDisabled,
       onContinue: async () => {
         const onContinue = activeStep?.onContinue;
         if (onContinue) {