@mochabug/adapt-react 1.0.1-rc.15 → 1.0.1-rc.17

package/README.md

@@ -380,6 +380,16 @@ Or set variables in your Tailwind global CSS:
 | `--mb-adapt-cap-spinner-thickness` | `3px` | |
 | `--mb-adapt-cap-font` | `inherit` | |
 
+### Z-index / stacking
+
+| Variable | Default | Description |
+|---|---|---|
+| `--mb-adapt-z-base` | `0` | Base z-index offset — added to all internal z-index values |
+
+Set `--mb-adapt-z-base` to shift all internal z-index values. Useful when embedding inside modals or drawers that have their own stacking context. Example: `--mb-adapt-z-base: 10000` lifts all layers by 10000.
+
+Internal stacking order from low to high: separators (1), resize handles (10), minimized tabs (100), floating panels (100000+), status/cap (200000), confirm dialog (300000), drop targets (999998), drag ghost (999999). All values are offset by `--mb-adapt-z-base`.
+
 </details>
 
 ---

package/dist/esm/AdaptAutomation.js

@@ -7,7 +7,7 @@ void AdaptAutomationElement;
  * React component for embedding Adapt automations.
  * Renders `<adapt-automation>` custom element and syncs non-serializable properties via ref.
  */
-export const AdaptAutomation = forwardRef(function AdaptAutomation({ automationId, sessionToken, authToken, transmitter, signals, challengeToken, requiresChallenge, capWidgetOptions, inheritToken, inheritFrom, forkDisplay, darkMode, autoResizing, allowFloating, allowDocking, allowDialogDocking, allowMinimize, allowMaximize, floatingAutoResize, onSession, onOutput, onForkActive, classNames, styles, persist, text, theme, className, style, }, ref) {
+export const AdaptAutomation = forwardRef(function AdaptAutomation({ automationId, sessionToken, authToken, transmitter, signals, challengeToken, requiresChallenge, capWidgetOptions, inheritToken, inheritFrom, forkDisplay, darkMode, autoResizing, allowFloating, allowDocking, allowDialogDocking, allowMinimize, allowMaximize, floatingAutoResize, onSession, onOutput, onForkActive, onError, classNames, styles, persist, text, theme, className, style, }, ref) {
     const internalRef = useRef(null);
     // Merge refs
     const setRef = (element) => {
@@ -35,6 +35,7 @@ export const AdaptAutomation = forwardRef(function AdaptAutomation({ automationI
         el.onSessionCallback = onSession;
         el.onOutputCallback = onOutput;
         el.onForkActiveCallback = onForkActive;
+        el.onErrorCallback = onError;
     });
     // React doesn't natively set properties on custom elements (pre-19),
     // so we use attributes for serializable values and ref for the rest.

package/dist/types/AdaptAutomation.d.ts

@@ -1,4 +1,4 @@
-import { AdaptAutomationElement, type AdaptTheme, type AdaptWebClientOptions, type ForkDisplay, type Output, type PersistOptions, type SignalValue, type StatusJson, type StatusText } from "@mochabug/adapt-web/core";
+import { AdaptAutomationElement, type AdaptError, type AdaptTheme, type AdaptWebClientOptions, type ForkDisplay, type Output, type PersistOptions, type SignalValue, type StatusJson, type StatusText } from "@mochabug/adapt-web/core";
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -57,6 +57,7 @@ export interface AdaptAutomationProps {
     onSession?: (status: StatusJson, fork?: string) => void;
     onOutput?: (output: Output) => void;
     onForkActive?: (active: boolean) => void;
+    onError?: (error: AdaptError) => void;
     classNames?: AdaptWebClientOptions["classNames"];
     styles?: Partial<CSSStyleDeclaration>;
     persist?: boolean | PersistOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mochabug/adapt-react",
-  "version": "1.0.1-rc.15",
+  "version": "1.0.1-rc.17",
   "description": "React component for Adapt automation platform",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -45,6 +45,6 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@mochabug/adapt-web": "^1.0.1-rc.15"
+    "@mochabug/adapt-web": "^1.0.1-rc.17"
   }
 }