@almadar/ui 5.16.1 → 5.16.4

package/dist/avl/index.cjs

@@ -3357,7 +3357,7 @@ function captureSubscriberTag(listener) {
   }
   return "unknown";
 }
-function EventBusProvider({ children }) {
+function EventBusProvider({ children, isolated = false }) {
   const listenersRef = React98.useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = React98.useRef(/* @__PURE__ */ new Set());
   const deprecationWarningShown = React98.useRef(false);
@@ -3473,11 +3473,12 @@ function EventBusProvider({ children }) {
     [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
   );
   React98.useEffect(() => {
+    if (isolated) return;
     setGlobalEventBus(contextValue);
     return () => {
       setGlobalEventBus(null);
     };
-  }, [contextValue]);
+  }, [contextValue, isolated]);
   return /* @__PURE__ */ jsxRuntime.jsx(EventBusContext.Provider, { value: contextValue, children });
 }
 var busLog, subLog, EventBusContext, listenerTags;
@@ -60048,13 +60049,14 @@ function OrbitalProvider({
   debug: debug2 = false,
   initialData,
   suspense = false,
-  verification
+  verification,
+  isolated = false
 }) {
   const suspenseConfig = React98.useMemo(
     () => ({ enabled: suspense }),
     [suspense]
   );
-  const inner = /* @__PURE__ */ jsxRuntime.jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
+  const inner = /* @__PURE__ */ jsxRuntime.jsx(EventBusProvider, { debug: debug2, isolated, children: /* @__PURE__ */ jsxRuntime.jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
   if (skipTheme) {
     return inner;
   }
@@ -62061,7 +62063,8 @@ function OrbPreview({
   className,
   serverUrl,
   transport,
-  initialPagePath
+  initialPagePath,
+  isolated = false
 }) {
   if (serverUrl && transport) {
     throw new Error("OrbPreview accepts serverUrl OR transport, not both");
@@ -62183,7 +62186,7 @@ function OrbPreview({
       style: { height },
       children: [
         localFallback && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "px-3 py-2 bg-[var(--color-warning)] bg-opacity-10 border-b border-[var(--color-warning)] flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "text-[var(--color-warning-foreground)] flex-1", children: "Preview server unreachable \u2014 running locally. Server-side state and persistence are disabled." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, children: /* @__PURE__ */ jsxRuntime.jsx(UISlotProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, children: /* @__PURE__ */ jsxRuntime.jsx(UISlotProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
           SchemaRunner,
           {
             schema: parsedSchema,
@@ -62256,7 +62259,8 @@ function BrowserPlayground({
       transport,
       initialPagePath,
       height,
-      className
+      className,
+      isolated: true
     }
   );
 }
@@ -62710,11 +62714,17 @@ function absUnion(el) {
   }
   return r2;
 }
-function rectRelativeTo(el, container) {
+function rectRelativeTo(el, container, zoom) {
   const u = absUnion(el);
   if (!u) return null;
   const base = container.getBoundingClientRect();
-  return { top: u.top - base.top, left: u.left - base.left, width: u.right - u.left, height: u.bottom - u.top };
+  const z = zoom > 0 ? zoom : 1;
+  return {
+    top: (u.top - base.top) / z,
+    left: (u.left - base.left) / z,
+    width: (u.right - u.left) / z,
+    height: (u.bottom - u.top) / z
+  };
 }
 function buildFocus(el, orbitalName) {
   if (!orbitalName) return null;
@@ -62745,6 +62755,7 @@ var OrbPreviewNodeInner = (props) => {
   const preset = SCREEN_SIZE_PRESETS[screenSize];
   const { select } = React98.useContext(PatternSelectionContext);
   const eventBus = useEventBus();
+  const reactFlow = react.useReactFlow();
   const contentRef = React98.useRef(null);
   const [hovered, setHovered] = React98.useState(false);
   const handleMouseEnter = React98.useCallback(() => setHovered(true), []);
@@ -62788,9 +62799,10 @@ var OrbPreviewNodeInner = (props) => {
     container?.querySelectorAll(".pattern-selected").forEach((el) => {
       el.classList.remove("pattern-selected");
     });
+    const zoom = reactFlow.getViewport().zoom;
     if (patternEl && container) {
       patternEl.classList.add("pattern-selected");
-      const rect = rectRelativeTo(patternEl, container);
+      const rect = rectRelativeTo(patternEl, container, zoom);
       setSelectedRect(rect);
       select({
         patternType: patternEl.getAttribute("data-pattern") ?? "unknown",
@@ -62811,15 +62823,15 @@ var OrbPreviewNodeInner = (props) => {
       select(null);
       eventBus.emit("UI:ELEMENT_SELECTED", { focus: null });
     }
-  }, [data, select, eventBus]);
+  }, [data, select, eventBus, reactFlow]);
   const handleContentMouseMove = React98.useCallback((e) => {
     const container = contentRef.current;
     if (!container) return;
     const el = e.target.closest("[data-pattern]");
     if (el === lastHoverElRef.current) return;
     lastHoverElRef.current = el;
-    setHoverRect(el ? rectRelativeTo(el, container) : null);
-  }, []);
+    setHoverRect(el ? rectRelativeTo(el, container, reactFlow.getViewport().zoom) : null);
+  }, [reactFlow]);
   const handleContentMouseLeave = React98.useCallback(() => {
     lastHoverElRef.current = null;
     setHoverRect(null);

package/dist/avl/index.js

@@ -4,7 +4,7 @@ import * as React98 from 'react';
 import React98__default, { createContext, useState, useMemo, useRef, useEffect, useContext, useCallback, Suspense, useLayoutEffect, Profiler, useReducer, useSyncExternalStore, lazy, useId, forwardRef, useImperativeHandle, Component } from 'react';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import ELK from 'elkjs/lib/elk.bundled.js';
-import { MarkerType, Handle, Position, getBezierPath, EdgeLabelRenderer, BaseEdge, ReactFlowProvider, useNodesState, useEdgesState, useReactFlow, ReactFlow, Controls, Background, BackgroundVariant } from '@xyflow/react';
+import { MarkerType, useReactFlow, Handle, Position, getBezierPath, EdgeLabelRenderer, BaseEdge, ReactFlowProvider, useNodesState, useEdgesState, ReactFlow, Controls, Background, BackgroundVariant } from '@xyflow/react';
 import * as LucideIcons2 from 'lucide-react';
 import { Loader2, X, List, Printer, ChevronRight, ChevronLeft, GitBranch, Pencil, Eye, Plus, ArrowRight, Trash, Code, FileText, WrapText, Check, Copy, AlertTriangle, Trash2, ZoomOut, ZoomIn, Download, RotateCcw, Menu as Menu$1, Package, Calendar, MoreHorizontal, Image as Image$1, Upload, ArrowLeft, HelpCircle, Search, Type, Heading1, Heading2, Heading3, ListOrdered, Quote, Minus, Eraser, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, AlertCircle, Circle, Clock, CheckCircle2, CheckCircle, XCircle, Play, Pause, SkipForward, Bug, Send, ChevronUp, ChevronDown, Wrench, Tag, User, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import * as PhosphorIcons from '@phosphor-icons/react';
@@ -3308,7 +3308,7 @@ function captureSubscriberTag(listener) {
   }
   return "unknown";
 }
-function EventBusProvider({ children }) {
+function EventBusProvider({ children, isolated = false }) {
   const listenersRef = useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = useRef(/* @__PURE__ */ new Set());
   const deprecationWarningShown = useRef(false);
@@ -3424,11 +3424,12 @@ function EventBusProvider({ children }) {
     [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
   );
   useEffect(() => {
+    if (isolated) return;
     setGlobalEventBus(contextValue);
     return () => {
       setGlobalEventBus(null);
     };
-  }, [contextValue]);
+  }, [contextValue, isolated]);
   return /* @__PURE__ */ jsx(EventBusContext.Provider, { value: contextValue, children });
 }
 var busLog, subLog, EventBusContext, listenerTags;
@@ -59999,13 +60000,14 @@ function OrbitalProvider({
   debug: debug2 = false,
   initialData,
   suspense = false,
-  verification
+  verification,
+  isolated = false
 }) {
   const suspenseConfig = useMemo(
     () => ({ enabled: suspense }),
     [suspense]
   );
-  const inner = /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
+  const inner = /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, isolated, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
   if (skipTheme) {
     return inner;
   }
@@ -62012,7 +62014,8 @@ function OrbPreview({
   className,
   serverUrl,
   transport,
-  initialPagePath
+  initialPagePath,
+  isolated = false
 }) {
   if (serverUrl && transport) {
     throw new Error("OrbPreview accepts serverUrl OR transport, not both");
@@ -62134,7 +62137,7 @@ function OrbPreview({
       style: { height },
       children: [
         localFallback && /* @__PURE__ */ jsx(Box, { className: "px-3 py-2 bg-[var(--color-warning)] bg-opacity-10 border-b border-[var(--color-warning)] flex items-center gap-2", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-warning-foreground)] flex-1", children: "Preview server unreachable \u2014 running locally. Server-side state and persistence are disabled." }) }),
-        /* @__PURE__ */ jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, children: /* @__PURE__ */ jsx(UISlotProvider, { children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, children: /* @__PURE__ */ jsx(UISlotProvider, { children: /* @__PURE__ */ jsx(
           SchemaRunner,
           {
             schema: parsedSchema,
@@ -62207,7 +62210,8 @@ function BrowserPlayground({
       transport,
       initialPagePath,
       height,
-      className
+      className,
+      isolated: true
     }
   );
 }
@@ -62661,11 +62665,17 @@ function absUnion(el) {
   }
   return r2;
 }
-function rectRelativeTo(el, container) {
+function rectRelativeTo(el, container, zoom) {
   const u = absUnion(el);
   if (!u) return null;
   const base = container.getBoundingClientRect();
-  return { top: u.top - base.top, left: u.left - base.left, width: u.right - u.left, height: u.bottom - u.top };
+  const z = zoom > 0 ? zoom : 1;
+  return {
+    top: (u.top - base.top) / z,
+    left: (u.left - base.left) / z,
+    width: (u.right - u.left) / z,
+    height: (u.bottom - u.top) / z
+  };
 }
 function buildFocus(el, orbitalName) {
   if (!orbitalName) return null;
@@ -62696,6 +62706,7 @@ var OrbPreviewNodeInner = (props) => {
   const preset = SCREEN_SIZE_PRESETS[screenSize];
   const { select } = useContext(PatternSelectionContext);
   const eventBus = useEventBus();
+  const reactFlow = useReactFlow();
   const contentRef = useRef(null);
   const [hovered, setHovered] = useState(false);
   const handleMouseEnter = useCallback(() => setHovered(true), []);
@@ -62739,9 +62750,10 @@ var OrbPreviewNodeInner = (props) => {
     container?.querySelectorAll(".pattern-selected").forEach((el) => {
       el.classList.remove("pattern-selected");
     });
+    const zoom = reactFlow.getViewport().zoom;
     if (patternEl && container) {
       patternEl.classList.add("pattern-selected");
-      const rect = rectRelativeTo(patternEl, container);
+      const rect = rectRelativeTo(patternEl, container, zoom);
       setSelectedRect(rect);
       select({
         patternType: patternEl.getAttribute("data-pattern") ?? "unknown",
@@ -62762,15 +62774,15 @@ var OrbPreviewNodeInner = (props) => {
       select(null);
       eventBus.emit("UI:ELEMENT_SELECTED", { focus: null });
     }
-  }, [data, select, eventBus]);
+  }, [data, select, eventBus, reactFlow]);
   const handleContentMouseMove = useCallback((e) => {
     const container = contentRef.current;
     if (!container) return;
     const el = e.target.closest("[data-pattern]");
     if (el === lastHoverElRef.current) return;
     lastHoverElRef.current = el;
-    setHoverRect(el ? rectRelativeTo(el, container) : null);
-  }, []);
+    setHoverRect(el ? rectRelativeTo(el, container, reactFlow.getViewport().zoom) : null);
+  }, [reactFlow]);
   const handleContentMouseLeave = useCallback(() => {
     lastHoverElRef.current = null;
     setHoverRect(null);

package/dist/components/organisms/Chart.d.ts

@@ -63,9 +63,17 @@ export interface ChartProps {
     title?: string;
     /** Chart subtitle / description */
     subtitle?: string;
-    /** Chart type (legacy alias for `look`). */
+    /**
+     * Chart type (legacy alias for `look`).
+     * @synonyms chart style, graph type, bar chart, line chart, pie chart, area chart, donut chart, scatter plot, histogram
+     * @tier domain
+     */
     chartType?: ChartType;
-    /** Layer 2 visual treatment — drives the chart sub-renderer (bar / line / pie / etc.). */
+    /**
+     * Layer 2 visual treatment — drives the chart sub-renderer (bar / line / pie / etc.).
+     * @synonyms chart style, render style, visual treatment
+     * @tier presentation
+     */
     look?: ChartLook;
     /** Multi-series data */
     series?: readonly ChartSeries[];

package/dist/providers/EventBusProvider.d.ts

@@ -32,6 +32,15 @@ interface EventBusProviderProps {
      * from `@almadar/logger` to control verbosity. Kept for API compatibility.
      */
     debug?: boolean;
+    /**
+     * When true, this provider does NOT register itself as the global event bus
+     * (`window.__kflowEventBus`). Use for SANDBOXED subtrees — e.g. a studio
+     * preview (`BrowserPlayground`) embedded inside a host app — whose internal
+     * events must stay context-local and must NOT clobber the host's global bus.
+     * Children still get this bus via React context; only the global bridge is
+     * skipped. Default false (root/standalone providers own the global bridge).
+     */
+    isolated?: boolean;
 }
-export declare function EventBusProvider({ children }: EventBusProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventBusProvider({ children, isolated }: EventBusProviderProps): import("react/jsx-runtime").JSX.Element;
 export type { EventBusContextType };

package/dist/providers/OrbitalProvider.d.ts

@@ -46,6 +46,12 @@ export interface OrbitalProviderProps {
      * Default: true in development, false in production.
      */
     verification?: boolean;
+    /**
+     * Sandbox mode: the event bus stays context-local and does NOT register as
+     * the global bus. Set for studio previews embedded in a host app (so the
+     * preview's events don't clobber the host's global bus). Default false.
+     */
+    isolated?: boolean;
 }
 /**
  * OrbitalProvider - Unified context provider for Orbital applications
@@ -94,7 +100,7 @@ export interface OrbitalProviderProps {
  * }
  * ```
  */
-export declare function OrbitalProvider({ children, themes, defaultTheme, defaultMode, targetRef, skipTheme, debug, initialData, suspense, verification, }: OrbitalProviderProps): React.ReactElement;
+export declare function OrbitalProvider({ children, themes, defaultTheme, defaultMode, targetRef, skipTheme, debug, initialData, suspense, verification, isolated, }: OrbitalProviderProps): React.ReactElement;
 export declare namespace OrbitalProvider {
     var displayName: string;
 }

package/dist/providers/index.cjs

@@ -48077,7 +48077,7 @@ function captureSubscriberTag(listener) {
   }
   return "unknown";
 }
-function EventBusProvider({ children }) {
+function EventBusProvider({ children, isolated = false }) {
   const listenersRef = React86.useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = React86.useRef(/* @__PURE__ */ new Set());
   const deprecationWarningShown = React86.useRef(false);
@@ -48193,11 +48193,12 @@ function EventBusProvider({ children }) {
     [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
   );
   React86.useEffect(() => {
+    if (isolated) return;
     setGlobalEventBus(contextValue);
     return () => {
       setGlobalEventBus(null);
     };
-  }, [contextValue]);
+  }, [contextValue, isolated]);
   return /* @__PURE__ */ jsxRuntime.jsx(EventBusContext2.Provider, { value: contextValue, children });
 }
 
@@ -48497,13 +48498,14 @@ function OrbitalProvider({
   debug: debug2 = false,
   initialData,
   suspense = false,
-  verification
+  verification,
+  isolated = false
 }) {
   const suspenseConfig = React86.useMemo(
     () => ({ enabled: suspense }),
     [suspense]
   );
-  const inner = /* @__PURE__ */ jsxRuntime.jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
+  const inner = /* @__PURE__ */ jsxRuntime.jsx(EventBusProvider, { debug: debug2, isolated, children: /* @__PURE__ */ jsxRuntime.jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsxRuntime.jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsxRuntime.jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
   if (skipTheme) {
     return inner;
   }

package/dist/providers/index.js

@@ -48028,7 +48028,7 @@ function captureSubscriberTag(listener) {
   }
   return "unknown";
 }
-function EventBusProvider({ children }) {
+function EventBusProvider({ children, isolated = false }) {
   const listenersRef = useRef(/* @__PURE__ */ new Map());
   const anyListenersRef = useRef(/* @__PURE__ */ new Set());
   const deprecationWarningShown = useRef(false);
@@ -48144,11 +48144,12 @@ function EventBusProvider({ children }) {
     [emit, on, once, hasListeners, onAny, getSelectedEntity, clearSelectedEntity]
   );
   useEffect(() => {
+    if (isolated) return;
     setGlobalEventBus(contextValue);
     return () => {
       setGlobalEventBus(null);
     };
-  }, [contextValue]);
+  }, [contextValue, isolated]);
   return /* @__PURE__ */ jsx(EventBusContext2.Provider, { value: contextValue, children });
 }
 
@@ -48448,13 +48449,14 @@ function OrbitalProvider({
   debug: debug2 = false,
   initialData,
   suspense = false,
-  verification
+  verification,
+  isolated = false
 }) {
   const suspenseConfig = useMemo(
     () => ({ enabled: suspense }),
     [suspense]
   );
-  const inner = /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
+  const inner = /* @__PURE__ */ jsx(EventBusProvider, { debug: debug2, isolated, children: /* @__PURE__ */ jsx(VerificationProvider, { enabled: verification, children: /* @__PURE__ */ jsx(SelectionProvider, { debug: debug2, children: /* @__PURE__ */ jsx(SuspenseConfigProvider, { config: suspenseConfig, children }) }) }) });
   if (skipTheme) {
     return inner;
   }

package/dist/runtime/OrbPreview.d.ts

@@ -57,6 +57,13 @@ export interface OrbPreviewProps {
      * to walk DealCreate, NoteCompose, etc. on their owning pages.
      */
     initialPagePath?: string;
+    /**
+     * Sandbox mode: the preview's event bus stays context-local and does NOT
+     * register as the global bus. Set when embedded inside a host app (e.g. the
+     * studio canvas) so preview events don't clobber the host's global bus.
+     * Default false (standalone previews own the global bridge).
+     */
+    isolated?: boolean;
 }
 /**
  * Renders a live preview of an Orbital schema.
@@ -71,7 +78,7 @@ export interface OrbPreviewProps {
  * <OrbPreview schema={schema} serverUrl="/api/orbitals" />
  * ```
  */
-export declare function OrbPreview({ schema, mockData, autoMock, height, className, serverUrl, transport, initialPagePath, }: OrbPreviewProps): React.ReactElement;
+export declare function OrbPreview({ schema, mockData, autoMock, height, className, serverUrl, transport, initialPagePath, isolated, }: OrbPreviewProps): React.ReactElement;
 export declare namespace OrbPreview {
     var displayName: string;
 }

package/dist/runtime/index.cjs

@@ -49736,7 +49736,8 @@ function OrbPreview({
   className,
   serverUrl,
   transport,
-  initialPagePath
+  initialPagePath,
+  isolated = false
 }) {
   if (serverUrl && transport) {
     throw new Error("OrbPreview accepts serverUrl OR transport, not both");
@@ -49858,7 +49859,7 @@ function OrbPreview({
       style: { height },
       children: [
         localFallback && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "px-3 py-2 bg-[var(--color-warning)] bg-opacity-10 border-b border-[var(--color-warning)] flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", className: "text-[var(--color-warning-foreground)] flex-1", children: "Preview server unreachable \u2014 running locally. Server-side state and persistence are disabled." }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(providers.OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, children: /* @__PURE__ */ jsxRuntime.jsx(context.UISlotProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(providers.OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, children: /* @__PURE__ */ jsxRuntime.jsx(context.UISlotProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
           SchemaRunner,
           {
             schema: parsedSchema,
@@ -49931,7 +49932,8 @@ function BrowserPlayground({
       transport,
       initialPagePath,
       height,
-      className
+      className,
+      isolated: true
     }
   );
 }

package/dist/runtime/index.js

@@ -49687,7 +49687,8 @@ function OrbPreview({
   className,
   serverUrl,
   transport,
-  initialPagePath
+  initialPagePath,
+  isolated = false
 }) {
   if (serverUrl && transport) {
     throw new Error("OrbPreview accepts serverUrl OR transport, not both");
@@ -49809,7 +49810,7 @@ function OrbPreview({
       style: { height },
       children: [
         localFallback && /* @__PURE__ */ jsx(Box, { className: "px-3 py-2 bg-[var(--color-warning)] bg-opacity-10 border-b border-[var(--color-warning)] flex items-center gap-2", children: /* @__PURE__ */ jsx(Typography, { variant: "caption", className: "text-[var(--color-warning-foreground)] flex-1", children: "Preview server unreachable \u2014 running locally. Server-side state and persistence are disabled." }) }),
-        /* @__PURE__ */ jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, children: /* @__PURE__ */ jsx(UISlotProvider, { children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(OrbitalProvider, { initialData: effectiveMockData, skipTheme: true, verification: true, isolated, children: /* @__PURE__ */ jsx(UISlotProvider, { children: /* @__PURE__ */ jsx(
           SchemaRunner,
           {
             schema: parsedSchema,
@@ -49882,7 +49883,8 @@ function BrowserPlayground({
       transport,
       initialPagePath,
       height,
-      className
+      className,
+      isolated: true
     }
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.16.1",
+  "version": "5.16.4",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [