@walkeros/explorer 2.0.1 → 2.1.1

package/dist/index.mjs

@@ -5,13 +5,14 @@ import {
   loadPackageTypes,
   loadTypeLibraryFromURL,
   registerWalkerOSTypes
-} from "./chunk-YKT4D7MG.mjs";
+} from "./chunk-4AJX6MFW.mjs";
 
 // src/components/demos/MappingDemo.tsx
-import { useState as useState6, useCallback as useCallback5, useEffect as useEffect4 } from "react";
+import { useState as useState6, useCallback as useCallback5, useEffect as useEffect5 } from "react";
 
 // src/components/molecules/code-box.tsx
-import { useState as useState4, useCallback as useCallback3 } from "react";
+import { useState as useState4, useCallback as useCallback3, useRef as useRef4, useEffect as useEffect3 } from "react";
+import * as monacoNs from "monaco-editor";
 
 // src/components/atoms/box.tsx
 import { useState } from "react";
@@ -302,6 +303,7 @@ var palenightTheme = {
     "editorStickyScroll.border": "#676E9540",
     "editorStickyScrollHover.background": "#292d3e",
     "editorStickyScroll.shadow": "#00000000",
+    "editorStickyScrollGutter.background": "#292d3e",
     // Hover Widgets - Tooltips and hover information
     "editorHoverWidget.background": "#1e1e2e",
     "editorHoverWidget.border": "#676E95",
@@ -515,6 +517,7 @@ var lighthouseTheme = {
     "editorStickyScroll.border": "#E1E4E8",
     "editorStickyScrollHover.background": "#ffffff",
     "editorStickyScroll.shadow": "#00000000",
+    "editorStickyScrollGutter.background": "#ffffff",
     // Hover Widgets - Tooltips and hover information
     "editorHoverWidget.background": "#F6F8FA",
     "editorHoverWidget.border": "#E1E4E8",
@@ -577,10 +580,14 @@ var DATA_ELB_PATTERNS = [
   // data-elb (not followed by hyphen)
   /\bdata-elbaction\b/g,
   // data-elbaction
+  /\bdata-elbactions\b/g,
+  // data-elbactions
   /\bdata-elbglobals\b/g,
   // data-elbglobals
   /\bdata-elbcontext\b/g,
   // data-elbcontext
+  /\bdata-elblink\b/g,
+  // data-elblink
   /\bdata-elb-[\w-]+\b/g
   // data-elb-* (property attributes)
 ];
@@ -640,6 +647,348 @@ function registerDataElbStyles() {
   document.head.appendChild(style);
 }
 
+// src/utils/monaco-walkeros-decorations.ts
+var REFERENCE_PATTERNS = [
+  { type: "variable", regex: /\$var\.(\w*)/g, className: "elb-ref-variable" },
+  {
+    type: "definition",
+    regex: /\$def\.(\w*)/g,
+    className: "elb-ref-definition"
+  },
+  { type: "secret", regex: /\$secret\.(\w*)/g, className: "elb-ref-secret" },
+  { type: "env", regex: /\$env\.(\w*)/g, className: "elb-ref-env" },
+  { type: "code", regex: /\$code:/g, className: "elb-ref-code" }
+];
+function findWalkerOSReferences(text) {
+  const references = [];
+  for (const pattern of REFERENCE_PATTERNS) {
+    const regex2 = new RegExp(pattern.regex.source, pattern.regex.flags);
+    let match;
+    while ((match = regex2.exec(text)) !== null) {
+      references.push({
+        type: pattern.type,
+        name: pattern.type === "code" ? "" : match[1] || "",
+        startIndex: match.index,
+        endIndex: match.index + match[0].length
+      });
+    }
+  }
+  return references;
+}
+function applyWalkerOSDecorations(editorInstance) {
+  let decorationIds = [];
+  function update() {
+    const model = editorInstance.getModel();
+    if (!model) return;
+    const text = model.getValue();
+    const references = findWalkerOSReferences(text);
+    const decorations = references.map(
+      (ref) => {
+        const startPos = model.getPositionAt(ref.startIndex);
+        const endPos = model.getPositionAt(ref.endIndex);
+        const pattern = REFERENCE_PATTERNS.find((p) => p.type === ref.type);
+        return {
+          range: {
+            startLineNumber: startPos.lineNumber,
+            startColumn: startPos.column,
+            endLineNumber: endPos.lineNumber,
+            endColumn: endPos.column
+          },
+          options: { inlineClassName: pattern.className }
+        };
+      }
+    );
+    decorationIds = editorInstance.deltaDecorations(decorationIds, decorations);
+  }
+  update();
+  const disposable = editorInstance.onDidChangeModelContent(() => update());
+  return () => {
+    disposable.dispose();
+    editorInstance.deltaDecorations(decorationIds, []);
+  };
+}
+function registerWalkerOSDecorationStyles() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById("walkeros-ref-styles")) return;
+  const style = document.createElement("style");
+  style.id = "walkeros-ref-styles";
+  style.textContent = `
+    .monaco-editor .elb-ref-variable { color: #89ddff !important; font-style: italic; }
+    .monaco-editor .elb-ref-definition { color: #c3e88d !important; font-style: italic; }
+    .monaco-editor .elb-ref-secret { color: #ffcb6b !important; font-style: italic; }
+    .monaco-editor .elb-ref-env { color: #ffcb6b !important; font-style: italic; }
+    .monaco-editor .elb-ref-code { color: #c084fc !important; }
+  `;
+  document.head.appendChild(style);
+}
+
+// src/utils/monaco-walkeros-completions.ts
+function getVariableCompletions(variables) {
+  if (!variables || Object.keys(variables).length === 0) return [];
+  return Object.entries(variables).map(([name, value]) => ({
+    label: `$var.${name}`,
+    insertText: `$var.${name}`,
+    detail: `= ${JSON.stringify(value)}`,
+    documentation: `Variable reference. Resolves to \`${JSON.stringify(value)}\` at runtime.`,
+    kind: "variable",
+    sortText: "0_var_" + name
+  }));
+}
+function getDefinitionCompletions(definitions) {
+  if (!definitions || Object.keys(definitions).length === 0) return [];
+  return Object.keys(definitions).map((name) => ({
+    label: `$def.${name}`,
+    insertText: `$def.${name}`,
+    detail: "(definition)",
+    documentation: `Definition reference. Injects the reusable config fragment "${name}" at runtime.`,
+    kind: "reference",
+    sortText: "0_def_" + name
+  }));
+}
+function getSecretCompletions(secrets) {
+  if (!secrets || secrets.length === 0) return [];
+  return secrets.map((name) => ({
+    label: `$secret.${name}`,
+    insertText: `$secret.${name}`,
+    detail: "(secret)",
+    documentation: "Secret reference. Value is securely injected at runtime. Never stored in config.",
+    kind: "secret",
+    sortText: "0_secret_" + name
+  }));
+}
+function getPackageCompletions(packages, platform) {
+  if (!packages || packages.length === 0) return [];
+  const filtered = platform ? packages.filter((p) => p.platform === platform) : packages;
+  return filtered.map((pkg) => ({
+    label: pkg.package,
+    insertText: pkg.package,
+    detail: `${pkg.type} (${pkg.platform})`,
+    documentation: `walkerOS ${pkg.type}: ${pkg.shortName}`,
+    kind: "module",
+    sortText: "1_pkg_" + pkg.shortName
+  }));
+}
+function getStepNameCompletions(stepNames, context) {
+  if (!stepNames) return [];
+  const names = stepNames.transformers || [];
+  return names.map((name) => ({
+    label: name,
+    insertText: name,
+    detail: `transformer (${context} chain)`,
+    documentation: `Reference to transformer step "${name}" in this flow config.`,
+    kind: "reference",
+    sortText: "0_step_" + name
+  }));
+}
+
+// src/utils/monaco-walkeros-providers.ts
+var contextRegistry = /* @__PURE__ */ new Map();
+var disposables = [];
+var registered = false;
+function setIntelliSenseContext(modelPath, context) {
+  contextRegistry.set(modelPath, context);
+}
+function removeIntelliSenseContext(modelPath) {
+  contextRegistry.delete(modelPath);
+}
+function registerWalkerOSProviders(monaco) {
+  if (registered) return;
+  registered = true;
+  disposables.push(
+    monaco.languages.registerCompletionItemProvider("json", {
+      triggerCharacters: ['"', ".", "$"],
+      provideCompletionItems(model, position) {
+        const modelPath = model.uri.toString();
+        const context = contextRegistry.get(modelPath);
+        if (!context) return { suggestions: [] };
+        const lineContent = model.getLineContent(position.lineNumber);
+        const textBeforeCursor = lineContent.substring(0, position.column - 1);
+        const entries = [];
+        if (textBeforeCursor.includes("$var.") || textBeforeCursor.endsWith('"$var')) {
+          entries.push(...getVariableCompletions(context.variables));
+        } else if (textBeforeCursor.includes("$def.") || textBeforeCursor.endsWith('"$def')) {
+          entries.push(...getDefinitionCompletions(context.definitions));
+        } else if (textBeforeCursor.includes("$secret.") || textBeforeCursor.endsWith('"$secret')) {
+          entries.push(...getSecretCompletions(context.secrets));
+        } else if (isInsideKey(model, position, "package")) {
+          entries.push(
+            ...getPackageCompletions(context.packages, context.platform)
+          );
+        } else if (isInsideKey(model, position, "next") || isInsideKey(model, position, "before")) {
+          const key = isInsideKey(model, position, "next") ? "next" : "before";
+          entries.push(...getStepNameCompletions(context.stepNames, key));
+        } else if (textBeforeCursor.endsWith('"$') || textBeforeCursor.endsWith('"')) {
+          entries.push(...getVariableCompletions(context.variables));
+          entries.push(...getDefinitionCompletions(context.definitions));
+          entries.push(...getSecretCompletions(context.secrets));
+        }
+        const refStartMatch = textBeforeCursor.match(
+          /\$(?:var|def|secret|env|code)[.:]?\w*$/
+        );
+        const word = model.getWordUntilPosition(position);
+        const startCol = refStartMatch ? position.column - refStartMatch[0].length : word.startColumn;
+        const range = {
+          startLineNumber: position.lineNumber,
+          endLineNumber: position.lineNumber,
+          startColumn: startCol,
+          endColumn: position.column
+        };
+        return {
+          suggestions: entries.map((entry) => ({
+            label: entry.label,
+            insertText: entry.insertText,
+            detail: entry.detail,
+            documentation: entry.documentation,
+            kind: mapCompletionKind(monaco, entry.kind),
+            sortText: entry.sortText,
+            range
+          }))
+        };
+      }
+    })
+  );
+  disposables.push(
+    monaco.languages.registerHoverProvider("json", {
+      provideHover(model, position) {
+        const modelPath = model.uri.toString();
+        const context = contextRegistry.get(modelPath);
+        if (!context) return null;
+        const lineContent = model.getLineContent(position.lineNumber);
+        const col = position.column - 1;
+        function matchAtCursor(pattern) {
+          const regex2 = new RegExp(pattern.source, "g");
+          let m;
+          while ((m = regex2.exec(lineContent)) !== null) {
+            if (col >= m.index && col <= m.index + m[0].length) return m;
+          }
+          return null;
+        }
+        const varMatch = matchAtCursor(/\$var\.(\w+)/);
+        if (varMatch && context.variables) {
+          const name = varMatch[1];
+          if (name in context.variables) {
+            const value = context.variables[name];
+            return {
+              range: {
+                startLineNumber: position.lineNumber,
+                startColumn: varMatch.index + 1,
+                endLineNumber: position.lineNumber,
+                endColumn: varMatch.index + varMatch[0].length + 1
+              },
+              contents: [
+                {
+                  value: `**Variable:** \`$var.${name}\`
+
+**Value:** \`${JSON.stringify(value)}\`
+
+*Resolved at runtime via variable interpolation*`
+                }
+              ]
+            };
+          }
+          return {
+            contents: [
+              {
+                value: `**Unknown variable** \`$var.${name}\`
+
+Defined variables: ${Object.keys(context.variables).join(", ") || "none"}`
+              }
+            ]
+          };
+        }
+        const defMatch = matchAtCursor(/\$def\.(\w+)/);
+        if (defMatch && context.definitions) {
+          const name = defMatch[1];
+          if (name in context.definitions) {
+            return {
+              range: {
+                startLineNumber: position.lineNumber,
+                startColumn: defMatch.index + 1,
+                endLineNumber: position.lineNumber,
+                endColumn: defMatch.index + defMatch[0].length + 1
+              },
+              contents: [
+                {
+                  value: `**Definition:** \`$def.${name}\`
+
+*Injects reusable config fragment at runtime*`
+                }
+              ]
+            };
+          }
+          return {
+            contents: [
+              {
+                value: `**Unknown definition** \`$def.${name}\`
+
+Defined: ${Object.keys(context.definitions).join(", ") || "none"}`
+              }
+            ]
+          };
+        }
+        const secretMatch = matchAtCursor(/\$secret\.(\w+)/);
+        if (secretMatch) {
+          const name = secretMatch[1];
+          if (context.secrets?.includes(name)) {
+            return {
+              range: {
+                startLineNumber: position.lineNumber,
+                startColumn: secretMatch.index + 1,
+                endLineNumber: position.lineNumber,
+                endColumn: secretMatch.index + secretMatch[0].length + 1
+              },
+              contents: [
+                {
+                  value: `**Secret:** \`$secret.${name}\`
+
+*Securely injected at runtime. Value not stored in config.*`
+                }
+              ]
+            };
+          }
+          return {
+            contents: [
+              {
+                value: `**Unknown secret** \`$secret.${name}\`
+
+Available secrets: ${context.secrets?.join(", ") || "none"}`
+              }
+            ]
+          };
+        }
+        return null;
+      }
+    })
+  );
+}
+function disposeWalkerOSProviders() {
+  for (const d of disposables) d.dispose();
+  disposables.length = 0;
+  registered = false;
+  contextRegistry.clear();
+}
+function mapCompletionKind(monaco, kind) {
+  switch (kind) {
+    case "variable":
+      return monaco.languages.CompletionItemKind.Variable;
+    case "reference":
+      return monaco.languages.CompletionItemKind.Reference;
+    case "secret":
+      return monaco.languages.CompletionItemKind.Constant;
+    case "module":
+      return monaco.languages.CompletionItemKind.Module;
+    case "property":
+      return monaco.languages.CompletionItemKind.Property;
+    default:
+      return monaco.languages.CompletionItemKind.Text;
+  }
+}
+function isInsideKey(model, position, key) {
+  const lineContent = model.getLineContent(position.lineNumber);
+  const pattern = new RegExp(`"${key}"\\s*:\\s*"`);
+  return pattern.test(lineContent);
+}
+
 // src/utils/monaco-formatters.ts
 import * as prettier from "prettier/standalone";
 import prettierBabel from "prettier/plugins/babel";
@@ -764,6 +1113,35 @@ function registerFormatters(monacoInstance) {
   });
 }
 
+// src/utils/monaco-json-schema.ts
+import { json } from "monaco-editor";
+var schemaRegistry = /* @__PURE__ */ new Map();
+var idCounter = 0;
+function generateModelPath() {
+  return `inmemory://walkeros/json-${++idCounter}.json`;
+}
+function registerJsonSchema(modelPath, schema) {
+  schemaRegistry.set(modelPath, {
+    uri: `schema://walkeros/${modelPath}`,
+    fileMatch: [modelPath],
+    schema
+  });
+  applySchemas();
+}
+function unregisterJsonSchema(modelPath) {
+  schemaRegistry.delete(modelPath);
+  applySchemas();
+}
+function applySchemas() {
+  json.jsonDefaults.setDiagnosticsOptions({
+    validate: true,
+    schemaValidation: "error",
+    schemaRequest: "ignore",
+    enableSchemaRequest: false,
+    schemas: Array.from(schemaRegistry.values())
+  });
+}
+
 // src/hooks/useMonacoHeight.ts
 import { useState as useState2, useRef as useRef2, useCallback } from "react";
 function useMonacoHeight({
@@ -804,19 +1182,19 @@ function useMonacoHeight({
     }
   }, [enabled, minHeight, maxHeight, onHeightChange]);
   const setEditor = useCallback(
-    (editor) => {
+    (editor2) => {
       if (updateTimeoutRef.current) {
         clearTimeout(updateTimeoutRef.current);
         updateTimeoutRef.current = null;
       }
-      editorRef.current = editor;
-      if (!enabled || !editor) {
+      editorRef.current = editor2;
+      if (!enabled || !editor2) {
         setHeight(defaultHeight);
         previousHeightRef.current = defaultHeight;
         return;
       }
       setTimeout(() => updateHeight(), 50);
-      const disposable = editor.onDidContentSizeChange(() => {
+      const disposable = editor2.onDidContentSizeChange(() => {
         if (updateTimeoutRef.current) {
           clearTimeout(updateTimeoutRef.current);
         }
@@ -825,7 +1203,7 @@ function useMonacoHeight({
           updateTimeoutRef.current = null;
         }, 150);
       });
-      editor.__heightDisposable = disposable;
+      editor2.__heightDisposable = disposable;
     },
     [enabled, defaultHeight, updateHeight]
   );
@@ -840,6 +1218,7 @@ function Code({
   onChange,
   disabled = false,
   lineNumbers = false,
+  minimap = false,
   folding = false,
   wordWrap = false,
   className,
@@ -849,11 +1228,15 @@ function Code({
   fontSize = 13,
   packages,
   sticky = true,
-  ide = false
+  ide = false,
+  jsonSchema,
+  intellisenseContext,
+  validate,
+  onMarkerCounts
 }) {
   const [isMounted, setIsMounted] = useState3(false);
   const [monacoTheme, setMonacoTheme] = useState3("vs-light");
-  const decorationsCleanupRef = useRef3(null);
+  const decorationsCleanupRef = useRef3([]);
   const monacoRef = useRef3(null);
   const editorRef = useRef3(null);
   const containerRef = useRef3(null);
@@ -928,12 +1311,12 @@ function Code({
     };
   }, [isMounted, getDataTheme]);
   useEffect2(() => {
-    const editor = editorRef.current;
+    const editor2 = editorRef.current;
     const container = containerRef.current;
-    if (!editor || !container) return;
+    if (!editor2 || !container) return;
     const resizeObserver = new ResizeObserver(() => {
       requestAnimationFrame(() => {
-        editor.layout();
+        editor2.layout();
       });
     });
     resizeObserver.observe(container);
@@ -941,6 +1324,35 @@ function Code({
       resizeObserver.disconnect();
     };
   }, []);
+  const modelPathRef = useRef3(null);
+  const intellisenseContextRef = useRef3(intellisenseContext);
+  intellisenseContextRef.current = intellisenseContext;
+  const validateRef = useRef3(validate);
+  validateRef.current = validate;
+  const onMarkerCountsRef = useRef3(onMarkerCounts);
+  onMarkerCountsRef.current = onMarkerCounts;
+  if ((jsonSchema || intellisenseContext) && !modelPathRef.current) {
+    modelPathRef.current = generateModelPath();
+  }
+  useEffect2(() => {
+    if (!jsonSchema || !modelPathRef.current) return;
+    registerJsonSchema(modelPathRef.current, jsonSchema);
+    return () => {
+      if (modelPathRef.current) {
+        unregisterJsonSchema(modelPathRef.current);
+      }
+    };
+  }, [jsonSchema]);
+  useEffect2(() => {
+    if (intellisenseContext && modelPathRef.current) {
+      setIntelliSenseContext(modelPathRef.current, intellisenseContext);
+      return () => {
+        if (modelPathRef.current) {
+          removeIntelliSenseContext(modelPathRef.current);
+        }
+      };
+    }
+  }, [intellisenseContext]);
   const handleChange = (value) => {
     if (onChange && value !== void 0) {
       onChange(value);
@@ -948,15 +1360,11 @@ function Code({
   };
   const handleBeforeMount = async (monaco) => {
     monacoRef.current = monaco;
-    if (beforeMount) {
-      beforeMount(monaco);
-      return;
-    }
     registerAllThemes(monaco);
     registerFormatters(monaco);
     if (packages && packages.length > 0) {
       registerWalkerOSTypes(monaco);
-      const { loadPackageTypes: loadPackageTypes2 } = await import("./monaco-types-OLSF6MIE.mjs");
+      const { loadPackageTypes: loadPackageTypes2 } = await import("./monaco-types-KN2DINPW.mjs");
       for (const pkg of packages) {
         if (pkg !== "@walkeros/core") {
           await loadPackageTypes2(monaco, { package: pkg }).catch(() => {
@@ -968,6 +1376,12 @@ function Code({
     const isDark = dataTheme === "dark" || dataTheme === null && window.matchMedia("(prefers-color-scheme: dark)").matches;
     const themeName = isDark ? "elbTheme-dark" : "elbTheme-light";
     monaco.editor.setTheme(themeName);
+    if (language === "json") {
+      registerWalkerOSProviders(monaco);
+    }
+    if (beforeMount) {
+      beforeMount(monaco);
+    }
   };
   const MonacoEditor = Editor;
   const handleEditorMount = (monacoEditor) => {
@@ -976,11 +1390,54 @@ function Code({
       registerEditor(monacoEditor);
     }
     if (language === "html" && monacoRef.current) {
-      decorationsCleanupRef.current = applyDataElbDecorations(
-        monacoEditor,
-        monacoRef.current
+      decorationsCleanupRef.current.push(
+        applyDataElbDecorations(monacoEditor, monacoRef.current)
+      );
+    }
+    if (language === "json") {
+      registerWalkerOSDecorationStyles();
+      decorationsCleanupRef.current.push(
+        applyWalkerOSDecorations(monacoEditor)
       );
     }
+    if (validateRef.current && monacoRef.current) {
+      const monacoInstance = monacoRef.current;
+      let validateTimer;
+      const runValidation = () => {
+        const model = monacoEditor.getModel();
+        if (!model) return;
+        const text = model.getValue();
+        const fn = validateRef.current;
+        if (!fn) return;
+        const result = fn(text);
+        const allIssues = [...result.errors, ...result.warnings];
+        monacoInstance.editor.setModelMarkers(
+          model,
+          "validate",
+          allIssues.map((issue) => ({
+            severity: issue.severity === "error" ? 8 : 4,
+            message: issue.message,
+            startLineNumber: issue.line,
+            startColumn: issue.column,
+            endLineNumber: issue.endLine ?? issue.line,
+            endColumn: issue.endColumn ?? issue.column + 1
+          }))
+        );
+        onMarkerCountsRef.current?.({
+          errors: result.errors.length,
+          warnings: result.warnings.length
+        });
+      };
+      runValidation();
+      const validateDisposable = monacoEditor.onDidChangeModelContent(() => {
+        clearTimeout(validateTimer);
+        validateTimer = setTimeout(runValidation, 300);
+      });
+      decorationsCleanupRef.current.push(() => {
+        clearTimeout(validateTimer);
+        validateDisposable.dispose();
+      });
+    }
     requestAnimationFrame(() => {
       monacoEditor.layout();
     });
@@ -990,9 +1447,10 @@ function Code({
   };
   useEffect2(() => {
     return () => {
-      if (decorationsCleanupRef.current) {
-        decorationsCleanupRef.current();
+      for (const cleanup of decorationsCleanupRef.current) {
+        cleanup();
       }
+      decorationsCleanupRef.current = [];
     };
   }, []);
   const monacoHeight = autoHeight || gridContext?.enabled ? `${calculatedHeight}px` : "100%";
@@ -1008,10 +1466,11 @@ function Code({
       beforeMount: handleBeforeMount,
       onMount: handleEditorMount,
       theme: monacoTheme,
+      path: modelPathRef.current || void 0,
       options: {
         readOnly: disabled || !onChange,
         readOnlyMessage: { value: "" },
-        minimap: { enabled: false },
+        minimap: { enabled: minimap },
         fontSize,
         lineHeight: Math.round(fontSize * 1.5),
         padding: 0,
@@ -1030,8 +1489,8 @@ function Code({
         fixedOverflowWidgets: true,
         overviewRulerLanes: 0,
         renderLineHighlight: "none",
-        renderValidationDecorations: ide ? "editable" : "off",
-        hover: { enabled: ide },
+        renderValidationDecorations: ide || jsonSchema ? "editable" : "off",
+        hover: { enabled: ide || !!jsonSchema || !!intellisenseContext },
         "semanticHighlighting.enabled": ide,
         showDeprecated: ide,
         showUnused: ide,
@@ -1065,8 +1524,7 @@ function Code({
         // Don't select line when clicking line numbers
         wordBasedSuggestions: "off",
         // Reduce auto-completion interference
-        quickSuggestions: false,
-        // Disable quick suggestions popup
+        quickSuggestions: jsonSchema || intellisenseContext ? { strings: true, other: true, comments: false } : false,
         stickyScroll: { enabled: sticky }
       }
     }
@@ -1074,7 +1532,7 @@ function Code({
 }
 
 // src/components/molecules/code-box.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function CodeBox({
   // Code props (single code mode)
   code,
@@ -1094,8 +1552,11 @@ function CodeBox({
   // Visual
   showTrafficLights = false,
   // Actions
-  showCopy = false,
+  showCopy = true,
   showFormat = false,
+  showSettings = false,
+  // Validation
+  onValidationIssues,
   // Layout
   footer,
   height,
@@ -1103,7 +1564,29 @@ function CodeBox({
   className,
   ...codeProps
 }) {
+  const { onMount: userOnMount, ...restCodeProps } = codeProps;
   const [copied, setCopied] = useState4(false);
+  const [showSettingsPanel, setShowSettingsPanel] = useState4(false);
+  const [settings, setSettings] = useState4({
+    lineNumbers: false,
+    minimap: false,
+    wordWrap: false,
+    sticky: true
+  });
+  const settingsRef = useRef4(null);
+  const [markerCounts, setMarkerCounts] = useState4({ errors: 0, warnings: 0 });
+  const editorInstanceRef = useRef4(null);
+  const lastJumpIndexRef = useRef4({ errors: -1, warnings: -1 });
+  useEffect3(() => {
+    if (!showSettingsPanel) return;
+    const handleClickOutside = (e) => {
+      if (settingsRef.current && !settingsRef.current.contains(e.target)) {
+        setShowSettingsPanel(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [showSettingsPanel]);
   const [currentTabId, setCurrentTabId] = useState4(
     controlledActiveTab ?? defaultTab ?? tabs?.[0]?.id ?? ""
   );
@@ -1136,7 +1619,103 @@ function CodeBox({
     } catch (e) {
     }
   };
-  const actions = /* @__PURE__ */ jsxs3(Fragment, { children: [
+  const handleEditorMount = useCallback3(
+    (monacoEditor) => {
+      editorInstanceRef.current = monacoEditor;
+      userOnMount?.(monacoEditor);
+    },
+    [userOnMount]
+  );
+  const handleMarkerCounts = useCallback3(
+    (counts) => {
+      setMarkerCounts(counts);
+      lastJumpIndexRef.current = { errors: -1, warnings: -1 };
+      onValidationIssues?.(counts);
+    },
+    [onValidationIssues]
+  );
+  const jumpToMarker = useCallback3((severity) => {
+    const ed = editorInstanceRef.current;
+    if (!ed) return;
+    const model = ed.getModel();
+    if (!model) return;
+    const severityValue = severity === "error" ? 8 : 4;
+    const markers = monacoNs.editor.getModelMarkers({ resource: model.uri }).filter((m) => m.severity === severityValue).sort(
+      (a, b) => a.startLineNumber - b.startLineNumber || a.startColumn - b.startColumn
+    );
+    if (markers.length === 0) return;
+    const key = severity === "error" ? "errors" : "warnings";
+    const nextIndex = (lastJumpIndexRef.current[key] + 1) % markers.length;
+    lastJumpIndexRef.current[key] = nextIndex;
+    const marker = markers[nextIndex];
+    ed.revealLineInCenter(marker.startLineNumber);
+    ed.setPosition({
+      lineNumber: marker.startLineNumber,
+      column: marker.startColumn
+    });
+    ed.focus();
+  }, []);
+  const settingsProps = {
+    lineNumbers: settings.lineNumbers,
+    minimap: settings.minimap,
+    wordWrap: settings.wordWrap,
+    sticky: settings.sticky
+  };
+  const actions = /* @__PURE__ */ jsxs3("div", { style: { display: "flex", gap: "4px", alignItems: "center" }, children: [
+    markerCounts.errors > 0 && /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: "elb-codebox-marker-badge elb-codebox-marker-badge--error",
+        onClick: () => jumpToMarker("error"),
+        title: `${markerCounts.errors} error${markerCounts.errors !== 1 ? "s" : ""} \u2014 click to jump`,
+        children: [
+          /* @__PURE__ */ jsxs3(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [
+                /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "10" }),
+                /* @__PURE__ */ jsx4("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+                /* @__PURE__ */ jsx4("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx4("span", { children: markerCounts.errors })
+        ]
+      }
+    ),
+    markerCounts.warnings > 0 && /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: "elb-codebox-marker-badge elb-codebox-marker-badge--warning",
+        onClick: () => jumpToMarker("warning"),
+        title: `${markerCounts.warnings} warning${markerCounts.warnings !== 1 ? "s" : ""} \u2014 click to jump`,
+        children: [
+          /* @__PURE__ */ jsxs3(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              children: [
+                /* @__PURE__ */ jsx4("path", { d: "M12 3L2 21h20L12 3z" }),
+                /* @__PURE__ */ jsx4("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+                /* @__PURE__ */ jsx4("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx4("span", { children: markerCounts.warnings })
+        ]
+      }
+    ),
     showFormat && !disabled && currentLanguage === "json" && /* @__PURE__ */ jsx4(
       "button",
       {
@@ -1155,8 +1734,10 @@ function CodeBox({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-              /* @__PURE__ */ jsx4("polyline", { points: "16 18 22 12 16 6" }),
-              /* @__PURE__ */ jsx4("polyline", { points: "8 6 2 12 8 18" })
+              /* @__PURE__ */ jsx4("line", { x1: "3", y1: "5", x2: "16", y2: "5" }),
+              /* @__PURE__ */ jsx4("line", { x1: "7", y1: "10", x2: "20", y2: "10" }),
+              /* @__PURE__ */ jsx4("line", { x1: "7", y1: "15", x2: "18", y2: "15" }),
+              /* @__PURE__ */ jsx4("line", { x1: "3", y1: "20", x2: "12", y2: "20" })
             ]
           }
         )
@@ -1199,7 +1780,80 @@ function CodeBox({
           }
         )
       }
-    )
+    ),
+    showSettings && /* @__PURE__ */ jsxs3("div", { ref: settingsRef, style: { position: "relative" }, children: [
+      /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: `elb-explorer-btn${showSettingsPanel ? " active" : ""}`,
+          onClick: () => setShowSettingsPanel(!showSettingsPanel),
+          title: "Editor settings",
+          children: /* @__PURE__ */ jsxs3(
+            "svg",
+            {
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx4("circle", { cx: "12", cy: "12", r: "3" }),
+                /* @__PURE__ */ jsx4("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
+              ]
+            }
+          )
+        }
+      ),
+      showSettingsPanel && /* @__PURE__ */ jsxs3("div", { className: "elb-codebox-settings", children: [
+        /* @__PURE__ */ jsxs3("label", { className: "elb-codebox-settings-option", children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              checked: settings.lineNumbers,
+              onChange: () => setSettings((s) => ({ ...s, lineNumbers: !s.lineNumbers }))
+            }
+          ),
+          "Line numbers"
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { className: "elb-codebox-settings-option", children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              checked: settings.minimap,
+              onChange: () => setSettings((s) => ({ ...s, minimap: !s.minimap }))
+            }
+          ),
+          "Minimap"
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { className: "elb-codebox-settings-option", children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              checked: settings.wordWrap,
+              onChange: () => setSettings((s) => ({ ...s, wordWrap: !s.wordWrap }))
+            }
+          ),
+          "Word wrap"
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { className: "elb-codebox-settings-option", children: [
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              type: "checkbox",
+              checked: settings.sticky,
+              onChange: () => setSettings((s) => ({ ...s, sticky: !s.sticky }))
+            }
+          ),
+          "Sticky scroll"
+        ] })
+      ] })
+    ] })
   ] });
   const autoHeightClass = autoHeight ? "elb-box--auto-height" : "";
   const boxClassName = `${autoHeightClass} ${className || ""}`.trim();
@@ -1214,7 +1868,10 @@ function CodeBox({
         onChange,
         disabled,
         autoHeight,
-        ...codeProps
+        onMount: handleEditorMount,
+        onMarkerCounts: handleMarkerCounts,
+        ...restCodeProps,
+        ...settingsProps
       }
     )
   }));
@@ -1241,7 +1898,10 @@ function CodeBox({
           onChange,
           disabled,
           autoHeight,
-          ...codeProps
+          onMount: handleEditorMount,
+          onMarkerCounts: handleMarkerCounts,
+          ...restCodeProps,
+          ...settingsProps
         }
       )
     }
@@ -1250,9 +1910,9 @@ function CodeBox({
 
 // src/components/atoms/grid.tsx
 import {
-  useRef as useRef4,
+  useRef as useRef5,
   useState as useState5,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useCallback as useCallback4,
   useMemo
 } from "react";
@@ -1267,11 +1927,11 @@ function Grid({
   showScrollButtons = true,
   className = ""
 }) {
-  const gridRef = useRef4(null);
+  const gridRef = useRef5(null);
   const [canScrollLeft, setCanScrollLeft] = useState5(false);
   const [canScrollRight, setCanScrollRight] = useState5(false);
   const [boxHeights, setBoxHeights] = useState5(/* @__PURE__ */ new Map());
-  const boxIdCounter = useRef4(0);
+  const boxIdCounter = useRef5(0);
   const getBoxId = useCallback4(() => boxIdCounter.current++, []);
   const registerBox = useCallback4((id, height) => {
     setBoxHeights((prev) => {
@@ -1344,7 +2004,7 @@ function Grid({
     const scrollAmount = gridRef.current.clientWidth * 0.8;
     gridRef.current.scrollBy({ left: scrollAmount, behavior: "smooth" });
   };
-  useEffect3(() => {
+  useEffect4(() => {
     const el = gridRef.current;
     if (!el || !showScrollButtons) return;
     updateScrollState();
@@ -1407,7 +2067,7 @@ function MappingDemo({
       );
     }
   }, [input, config, fn]);
-  useEffect4(() => {
+  useEffect5(() => {
     const timeoutId = setTimeout(updateOutput, 500);
     return () => clearTimeout(timeoutId);
   }, [updateOutput]);
@@ -1448,7 +2108,7 @@ function MappingDemo({
 }
 
 // src/components/demos/MappingCode.tsx
-import { useState as useState7, useCallback as useCallback6, useEffect as useEffect5 } from "react";
+import { useState as useState7, useCallback as useCallback6, useEffect as useEffect6 } from "react";
 import { getMappingEvent, getMappingValue, createEvent } from "@walkeros/core";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function MappingCode({
@@ -1481,7 +2141,7 @@ function MappingCode({
       );
     }
   }, [input, config]);
-  useEffect5(() => {
+  useEffect6(() => {
     const timeoutId = setTimeout(executeCode, 500);
     return () => clearTimeout(timeoutId);
   }, [executeCode]);
@@ -1500,7 +2160,7 @@ function MappingCode({
 }
 
 // src/components/demos/DestinationDemo.tsx
-import { useState as useState8, useCallback as useCallback7, useEffect as useEffect6 } from "react";
+import { useState as useState8, useCallback as useCallback7, useEffect as useEffect7 } from "react";
 import {
   createEvent as createEvent2,
   tryCatchAsync,
@@ -1629,7 +2289,7 @@ function DestinationDemo({
       (error) => setOutput(`Error: ${error}`)
     )();
   }, [eventInput, mappingInput, destination, settings, generic, fn]);
-  useEffect6(() => {
+  useEffect7(() => {
     const timeoutId = setTimeout(executeDestination, 500);
     return () => clearTimeout(timeoutId);
   }, [executeDestination]);
@@ -1670,7 +2330,7 @@ function DestinationDemo({
 }
 
 // src/components/demos/DestinationInitDemo.tsx
-import { useState as useState9, useCallback as useCallback8, useEffect as useEffect7 } from "react";
+import { useState as useState9, useCallback as useCallback8, useEffect as useEffect8 } from "react";
 import { tryCatchAsync as tryCatchAsync2 } from "@walkeros/core";
 import { startFlow as startFlow2 } from "@walkeros/collector";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -1711,7 +2371,7 @@ function DestinationInitDemo({
       (error) => setOutput(`Error: ${error}`)
     )();
   }, [settingsInput, destination]);
-  useEffect7(() => {
+  useEffect8(() => {
     const timeoutId = setTimeout(executeInit, 500);
     return () => clearTimeout(timeoutId);
   }, [executeInit]);
@@ -1743,15 +2403,15 @@ function DestinationInitDemo({
 // src/components/demos/PromotionPlayground.tsx
 import {
   useState as useState12,
-  useEffect as useEffect9,
-  useRef as useRef6,
+  useEffect as useEffect10,
+  useRef as useRef7,
   useCallback as useCallback10,
   useMemo as useMemo3
 } from "react";
 import { startFlow as startFlow3 } from "@walkeros/collector";
 
 // src/components/molecules/preview.tsx
-import { useState as useState10, useEffect as useEffect8, useRef as useRef5, useCallback as useCallback9 } from "react";
+import { useState as useState10, useEffect as useEffect9, useRef as useRef6, useCallback as useCallback9 } from "react";
 import {
   sourceBrowser
 } from "@walkeros/web-source-browser";
@@ -1790,11 +2450,11 @@ function Preview({
   label = "Preview"
 }) {
   const [highlights, setHighlights] = useState10(/* @__PURE__ */ new Set());
-  const iframeRef = useRef5(null);
-  const updateTimeoutRef = useRef5(void 0);
-  const elbRef = useRef5(elb);
-  const sourceRef = useRef5(null);
-  useEffect8(() => {
+  const iframeRef = useRef6(null);
+  const updateTimeoutRef = useRef6(void 0);
+  const elbRef = useRef6(elb);
+  const sourceRef = useRef6(null);
+  useEffect9(() => {
     elbRef.current = elb;
   }, [elb]);
   const toggleHighlight = (type) => {
@@ -1822,7 +2482,7 @@ function Preview({
     },
     []
   );
-  useEffect8(() => {
+  useEffect9(() => {
     if (updateTimeoutRef.current) {
       clearTimeout(updateTimeoutRef.current);
     }
@@ -1907,7 +2567,9 @@ function Preview({
         setTimeout(async () => {
           if (sourceRef.current) {
             try {
-              await sourceRef.current.destroy?.();
+              await sourceRef.current.instance.destroy?.(
+                sourceRef.current.destroyContext
+              );
             } catch {
             }
           }
@@ -1932,34 +2594,44 @@ function Preview({
               ok: true,
               destination: {}
             });
-            const source = await sourceBrowser({
+            const config = {
+              settings: {
+                pageview: false,
+                prefix: "data-elb",
+                elb: "elb",
+                elbLayer: "elbLayer",
+                // Use body as scope - trigger.ts compares `scope !== document` against
+                // main page's document, so iframe.contentDocument fails the Element cast
+                scope: iframe.contentDocument.body
+              }
+            };
+            const env = {
+              elb: elbRef.current,
+              push: noopPush,
+              command: async () => ({ ok: true, destination: {} }),
+              logger: noopLogger,
+              window: iframe.contentWindow,
+              document: iframe.contentDocument
+            };
+            const instance = await sourceBrowser({
               id: "preview",
               collector: {},
               // Not used when elb is provided directly
               logger: noopLogger,
               setIngest: async () => {
               },
-              config: {
-                settings: {
-                  pageview: false,
-                  prefix: "data-elb",
-                  elb: "elb",
-                  elbLayer: "elbLayer",
-                  // Use body as scope - trigger.ts compares `scope !== document` against
-                  // main page's document, so iframe.contentDocument fails the Element cast
-                  scope: iframe.contentDocument.body
-                }
-              },
-              env: {
-                elb: elbRef.current,
-                push: noopPush,
-                command: async () => ({ ok: true, destination: {} }),
-                logger: noopLogger,
-                window: iframe.contentWindow,
-                document: iframe.contentDocument
-              }
+              config,
+              env
             });
-            sourceRef.current = source;
+            sourceRef.current = {
+              instance,
+              destroyContext: {
+                id: "preview",
+                config,
+                env,
+                logger: noopLogger
+              }
+            };
           } catch {
           }
         }, 50);
@@ -1970,7 +2642,7 @@ function Preview({
         clearTimeout(updateTimeoutRef.current);
       }
       if (sourceRef.current) {
-        sourceRef.current.destroy?.();
+        sourceRef.current.instance.destroy?.(sourceRef.current.destroyContext);
       }
     };
   }, [html, css, highlights, autoMarkProperties, elb]);
@@ -2428,11 +3100,11 @@ function PromotionPlayground({
   const [outputString, setOutputString] = useState12(
     "// Click elements in the preview to see function call"
   );
-  const collectorRef = useRef6(null);
-  const elbRef = useRef6(null);
-  const lastEventRef = useRef6(null);
+  const collectorRef = useRef7(null);
+  const elbRef = useRef7(null);
+  const lastEventRef = useRef7(null);
   const [isReady, setIsReady] = useState12(false);
-  useEffect9(() => {
+  useEffect10(() => {
     let mounted = true;
     const init = async () => {
       try {
@@ -2558,7 +3230,7 @@ function PromotionPlayground({
 }
 
 // src/components/organisms/live-code.tsx
-import { useState as useState13, useEffect as useEffect10, useCallback as useCallback11 } from "react";
+import { useState as useState13, useEffect as useEffect11, useCallback as useCallback11 } from "react";
 import { debounce, isString, tryCatchAsync as tryCatchAsync3 } from "@walkeros/core";
 
 // src/utils/format-code.ts
@@ -2572,15 +3244,21 @@ async function formatCode(code, language) {
     let formatted;
     switch (language) {
       case "javascript":
-      case "js":
-        formatted = await prettier2.format(code, {
+      case "js": {
+        const isBareObject = code.trimStart().startsWith("{") && code.includes("\n");
+        const input = isBareObject ? `(${code})` : code;
+        formatted = await prettier2.format(input, {
           parser: "babel",
           plugins: [prettierBabel2, prettierEstree2],
           semi: true,
           singleQuote: true,
           trailingComma: "all"
         });
+        if (isBareObject) {
+          formatted = formatted.replace(/^\(/, "").replace(/\);?\s*$/, "");
+        }
         break;
+      }
       case "typescript":
       case "ts":
       case "tsx":
@@ -2648,13 +3326,13 @@ function LiveCode({
   const [input, setInput] = useState13(formatValue(initInput));
   const [config, setConfig] = useState13(formatValue(initConfig));
   const [output, setOutput] = useState13([formatValue(initOutput)]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (format3 && initInput) {
       const rawInput = formatValue(initInput);
       formatCode(rawInput, language).then(setInput);
     }
   }, [initInput, language, format3]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (format3 && initConfig) {
       const rawConfig = formatValue(initConfig);
       formatCode(rawConfig, language).then(setConfig);
@@ -2681,7 +3359,7 @@ function LiveCode({
     ),
     [fn, log]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     updateOutput(input, config, options || {});
   }, [input, config, options, updateOutput]);
   return /* @__PURE__ */ jsxs10(Grid, { columns: 3, className, rowHeight, children: [
@@ -2720,7 +3398,7 @@ function LiveCode({
 }
 
 // src/components/organisms/collector-box.tsx
-import { useState as useState14, useEffect as useEffect11 } from "react";
+import { useState as useState14, useEffect as useEffect12 } from "react";
 import { startFlow as startFlow4 } from "@walkeros/collector";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function CollectorBox({
@@ -2733,7 +3411,7 @@ function CollectorBox({
   const [output, setOutput] = useState14(
     "// Click elements in the preview to see function call"
   );
-  useEffect11(() => {
+  useEffect12(() => {
     (async () => {
       try {
         const eventObj = JSON.parse(event);
@@ -2777,10 +3455,10 @@ function CollectorBox({
 import { useState as useState36, useMemo as useMemo6, useCallback as useCallback18 } from "react";
 
 // src/components/organisms/config-editor/config-editor-tabs.tsx
-import { useEffect as useEffect24, useState as useState35, useMemo as useMemo5 } from "react";
+import { useEffect as useEffect25, useState as useState35, useMemo as useMemo5 } from "react";
 
 // src/hooks/useMappingState.ts
-import { useState as useState15, useCallback as useCallback12, useRef as useRef7 } from "react";
+import { useState as useState15, useCallback as useCallback12, useRef as useRef8 } from "react";
 
 // src/utils/mapping-path.ts
 function getValueAtPath(obj, path) {
@@ -2865,7 +3543,7 @@ function getParentPath(path) {
 // src/hooks/useMappingState.ts
 function useMappingState(initialMapping, onChange) {
   const [config, setConfig] = useState15(initialMapping);
-  const isCallingOnChange = useRef7(false);
+  const isCallingOnChange = useRef8(false);
   const updateConfig = useCallback12(
     (newConfig) => {
       setConfig(newConfig);
@@ -3235,14 +3913,14 @@ function detectNodeType(value, path, structure, schemas) {
   const schema = propertyDef && schemas ? resolveSchema(path.slice(propertyDefIndex), propertyDef, schemas) : void 0;
   if (schema) {
     const primitiveType = typeof value;
-    const isPrimitive = primitiveType === "string" || primitiveType === "number" || primitiveType === "boolean" || value === void 0 || value === null;
+    const isPrimitive2 = primitiveType === "string" || primitiveType === "number" || primitiveType === "boolean" || value === void 0 || value === null;
     if (schema.type === "boolean" && (primitiveType === "boolean" || value === void 0 || value === null)) {
       return "boolean";
     }
-    if (schema.enum && Array.isArray(schema.enum) && schema.enum.length > 0 && isPrimitive) {
+    if (schema.enum && Array.isArray(schema.enum) && schema.enum.length > 0 && isPrimitive2) {
       return "enum";
     }
-    if ((schema.type === "string" || schema.type === "number") && isPrimitive) {
+    if ((schema.type === "string" || schema.type === "number") && isPrimitive2) {
       return "primitive";
     }
     if (schema.type === "array") {
@@ -3648,7 +4326,7 @@ function useTreeState(initialExpanded = [[]]) {
 }
 
 // src/components/atoms/mapping-breadcrumb.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 function MappingBreadcrumb({
   segments,
   onNavigate,
@@ -3667,7 +4345,7 @@ function MappingBreadcrumb({
           "li",
           {
             className: "elb-mapping-breadcrumb-item",
-            children: isClickable ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+            children: isClickable ? /* @__PURE__ */ jsxs11(Fragment, { children: [
               /* @__PURE__ */ jsx18(
                 "button",
                 {
@@ -3696,7 +4374,7 @@ function MappingBreadcrumb({
 }
 
 // src/components/atoms/mapping-confirm-button.tsx
-import { useState as useState18, useEffect as useEffect12, useRef as useRef8 } from "react";
+import { useState as useState18, useEffect as useEffect13, useRef as useRef9 } from "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var TrashIcon = () => /* @__PURE__ */ jsx19(
   "svg",
@@ -3723,8 +4401,8 @@ function MappingConfirmButton({
   className = ""
 }) {
   const [isConfirming, setIsConfirming] = useState18(false);
-  const buttonRef = useRef8(null);
-  useEffect12(() => {
+  const buttonRef = useRef9(null);
+  useEffect13(() => {
     if (!isConfirming) return;
     const handleClickOutside = (e) => {
       if (buttonRef.current && !buttonRef.current.contains(e.target)) {
@@ -3869,7 +4547,7 @@ function MappingNavigationHeader({
 }
 
 // src/components/molecules/config-tree-sidebar.tsx
-import { useState as useState19, useRef as useRef9, useEffect as useEffect13 } from "react";
+import { useState as useState19, useRef as useRef10, useEffect as useEffect14 } from "react";
 
 // src/components/atoms/mapping-input.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
@@ -3992,14 +4670,14 @@ function ConfigTreeNodeComponent({
   const [isAddingAction, setIsAddingAction] = useState19(false);
   const [newActionName, setNewActionName] = useState19("");
   const [actionExists, setActionExists] = useState19(false);
-  const inputRef = useRef9(null);
+  const inputRef = useRef10(null);
   const isEntityNode = node.type === "entity" && node.path.length === 2 && node.path[0] === "mapping";
-  useEffect13(() => {
+  useEffect14(() => {
     if (isAddingAction && inputRef.current) {
       inputRef.current.focus();
     }
   }, [isAddingAction]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isEntityNode && newActionName) {
       const exists = node.children?.some((child) => child.label === newActionName) ?? false;
       setActionExists(exists);
@@ -4166,13 +4844,13 @@ function ConfigTreeSidebar({
   const [isAddingEntity, setIsAddingEntity] = useState19(false);
   const [newEntityName, setNewEntityName] = useState19("");
   const [entityExists, setEntityExists] = useState19(false);
-  const entityInputRef = useRef9(null);
-  useEffect13(() => {
+  const entityInputRef = useRef10(null);
+  useEffect14(() => {
     if (isAddingEntity && entityInputRef.current) {
       entityInputRef.current.focus();
     }
   }, [isAddingEntity]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (newEntityName) {
       const mappingNode = tree.find((node) => node.key === "mapping");
       const exists = mappingNode?.children?.some((child) => child.label === newEntityName) ?? false;
@@ -4313,7 +4991,7 @@ function ConfigTreeSidebar({
 }
 
 // src/components/molecules/mapping-entity-pane.tsx
-import { useState as useState20, useEffect as useEffect14 } from "react";
+import { useState as useState20, useEffect as useEffect15 } from "react";
 
 // src/components/atoms/pane-header.tsx
 import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -4419,7 +5097,7 @@ function MappingEntityPane({
   const entity = path[0];
   const entityConfig = mappingState.actions.getValue([entity]);
   const actions = entityConfig && typeof entityConfig === "object" ? Object.keys(entityConfig).sort() : [];
-  useEffect14(() => {
+  useEffect15(() => {
     if (newActionName) {
       const exists = actions.includes(newActionName);
       setActionExists(exists);
@@ -5411,7 +6089,7 @@ function MappingKeyPaneView({
 }
 
 // src/components/molecules/mapping-function-pane-base.tsx
-import { useState as useState22, useEffect as useEffect15 } from "react";
+import { useState as useState22, useEffect as useEffect16 } from "react";
 
 // src/utils/code-normalizer.ts
 function normalizeCode(code) {
@@ -5434,7 +6112,7 @@ function MappingFunctionPaneBase({
   const value = mappingState.actions.getValue(path);
   const initialCode = typeof value === "string" ? value : defaultCode;
   const [code, setCode] = useState22(initialCode);
-  useEffect15(() => {
+  useEffect16(() => {
     const currentValue = mappingState.actions.getValue(path);
     const newCode = typeof currentValue === "string" ? currentValue : defaultCode;
     setCode(newCode);
@@ -5513,7 +6191,7 @@ function MappingFunctionPaneBase({
 }
 
 // src/components/molecules/mapping-condition-pane-view.tsx
-import { Fragment as Fragment3, jsx as jsx35 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx35 } from "react/jsx-runtime";
 var DEFAULT_CONDITION = `(
   value: WalkerOS.DeepPartialEvent | unknown,
   mapping: Mapping.Value,
@@ -5558,15 +6236,15 @@ var HELP_SECTIONS = [
     examples: [
       {
         label: "Only for high-value orders:",
-        code: /* @__PURE__ */ jsx35(Fragment3, { children: "(value) => value.data?.total > 100" })
+        code: /* @__PURE__ */ jsx35(Fragment2, { children: "(value) => value.data?.total > 100" })
       },
       {
         label: "Only for specific user segment:",
-        code: /* @__PURE__ */ jsx35(Fragment3, { children: "(value) => value.user?.segment === 'premium'" })
+        code: /* @__PURE__ */ jsx35(Fragment2, { children: "(value) => value.user?.segment === 'premium'" })
       },
       {
         label: "Only during business hours:",
-        code: /* @__PURE__ */ jsx35(Fragment3, { children: "() => new Date().getHours() >= 9 && new Date().getHours() < 17" })
+        code: /* @__PURE__ */ jsx35(Fragment2, { children: "() => new Date().getHours() >= 9 && new Date().getHours() < 17" })
       }
     ]
   }
@@ -5586,7 +6264,7 @@ function MappingConditionPaneView(props) {
 }
 
 // src/components/molecules/mapping-fn-pane-view.tsx
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
 var DEFAULT_FN = `(
   value: WalkerOS.DeepPartialEvent | unknown,
   mapping: Mapping.Value,
@@ -5637,11 +6315,11 @@ var HELP_SECTIONS2 = [
     examples: [
       {
         label: "Extract nested property:",
-        code: /* @__PURE__ */ jsx36(Fragment4, { children: "(value) => value.data?.product?.id" })
+        code: /* @__PURE__ */ jsx36(Fragment3, { children: "(value) => value.data?.product?.id" })
       },
       {
         label: "Format currency:",
-        code: /* @__PURE__ */ jsxs26(Fragment4, { children: [
+        code: /* @__PURE__ */ jsxs26(Fragment3, { children: [
           "(value) => {",
           "\n",
           "  ",
@@ -5655,11 +6333,11 @@ var HELP_SECTIONS2 = [
       },
       {
         label: "Combine multiple fields:",
-        code: /* @__PURE__ */ jsx36(Fragment4, { children: "(value) => `${value.data?.firstName} ${value.data?.lastName}`" })
+        code: /* @__PURE__ */ jsx36(Fragment3, { children: "(value) => `${value.data?.firstName} ${value.data?.lastName}`" })
       },
       {
         label: "Conditional transformation with consent:",
-        code: /* @__PURE__ */ jsxs26(Fragment4, { children: [
+        code: /* @__PURE__ */ jsxs26(Fragment3, { children: [
           "(value, mapping, options) => {",
           "\n",
           "  ",
@@ -5679,7 +6357,7 @@ var HELP_SECTIONS2 = [
       },
       {
         label: "Use collector for context:",
-        code: /* @__PURE__ */ jsxs26(Fragment4, { children: [
+        code: /* @__PURE__ */ jsxs26(Fragment3, { children: [
           "(value, mapping, options) => {",
           "\n",
           "  ",
@@ -5718,7 +6396,7 @@ function MappingFnPaneView(props) {
 }
 
 // src/components/molecules/mapping-validate-pane-view.tsx
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var DEFAULT_VALIDATE = `(
   value: unknown
 ): boolean | Promise<boolean> => {
@@ -5758,19 +6436,19 @@ var HELP_SECTIONS3 = [
     examples: [
       {
         label: "Exclude empty values:",
-        code: /* @__PURE__ */ jsx37(Fragment5, { children: "(value) => value !== undefined && value !== null && value !== ''" })
+        code: /* @__PURE__ */ jsx37(Fragment4, { children: "(value) => value !== undefined && value !== null && value !== ''" })
       },
       {
         label: "Only include valid email addresses:",
-        code: /* @__PURE__ */ jsx37(Fragment5, { children: "(value) => typeof value === 'string' && /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)" })
+        code: /* @__PURE__ */ jsx37(Fragment4, { children: "(value) => typeof value === 'string' && /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)" })
       },
       {
         label: "Only include positive numbers:",
-        code: /* @__PURE__ */ jsx37(Fragment5, { children: "(value) => typeof value === 'number' && value > 0" })
+        code: /* @__PURE__ */ jsx37(Fragment4, { children: "(value) => typeof value === 'number' && value > 0" })
       },
       {
         label: "Validate URL format:",
-        code: /* @__PURE__ */ jsxs27(Fragment5, { children: [
+        code: /* @__PURE__ */ jsxs27(Fragment4, { children: [
           "(value) => {",
           "\n",
           "  ",
@@ -5796,7 +6474,7 @@ var HELP_SECTIONS3 = [
       },
       {
         label: "Exclude specific values:",
-        code: /* @__PURE__ */ jsx37(Fragment5, { children: "(value) => !['test', 'localhost', 'example.com'].includes(value)" })
+        code: /* @__PURE__ */ jsx37(Fragment4, { children: "(value) => !['test', 'localhost', 'example.com'].includes(value)" })
       }
     ]
   }
@@ -5909,7 +6587,7 @@ function validateValue(value, schema) {
 }
 
 // src/components/molecules/mapping-name-pane-view.tsx
-import { Fragment as Fragment6, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 function MappingNamePaneView({
   path,
   mappingState,
@@ -5953,7 +6631,7 @@ function MappingNamePaneView({
           ),
           /* @__PURE__ */ jsxs28("div", { className: "elb-mapping-pane-hint", children: [
             uiSchema?.["ui:help"] || "This string will be sent to the destination instead of the default entity-action name. Leave empty to use default.",
-            hasError && validationResult.error && /* @__PURE__ */ jsxs28(Fragment6, { children: [
+            hasError && validationResult.error && /* @__PURE__ */ jsxs28(Fragment5, { children: [
               /* @__PURE__ */ jsx38("br", {}),
               /* @__PURE__ */ jsxs28("span", { style: { color: "var(--color-button-danger)" }, children: [
                 "\u26A0 ",
@@ -5989,7 +6667,7 @@ function MappingNamePaneView({
 }
 
 // src/components/molecules/mapping-batch-pane-view.tsx
-import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
 function MappingBatchPaneView({
   path,
   mappingState,
@@ -6038,7 +6716,7 @@ function MappingBatchPaneView({
           ),
           /* @__PURE__ */ jsxs29("div", { className: "elb-mapping-pane-hint", children: [
             uiSchema?.["ui:help"] || "Events will be collected and sent in batches. Use time (ms) for timed batches or count for event-based batches. Leave empty to disable batching.",
-            hasError && validationResult.error && /* @__PURE__ */ jsxs29(Fragment7, { children: [
+            hasError && validationResult.error && /* @__PURE__ */ jsxs29(Fragment6, { children: [
               /* @__PURE__ */ jsx39("br", {}),
               /* @__PURE__ */ jsxs29("span", { style: { color: "var(--color-button-danger)" }, children: [
                 "\u26A0 ",
@@ -6664,7 +7342,7 @@ function MappingBooleanWidget(props) {
 }
 
 // src/components/atoms/mapping-consent.tsx
-import { useState as useState26, useEffect as useEffect16 } from "react";
+import { useState as useState26, useEffect as useEffect17 } from "react";
 
 // src/components/atoms/mapping-collapsible.tsx
 import { useState as useState25 } from "react";
@@ -6986,7 +7664,7 @@ function MappingConsentWidget(props) {
   const title = schema?.title || "Consent";
   const description = schema?.description;
   const [isExpanded, setIsExpanded] = useState26(hasConsent);
-  useEffect16(() => {
+  useEffect17(() => {
     setIsExpanded(hasConsent);
   }, [hasConsent]);
   const handleAddConsent = () => {
@@ -7068,10 +7746,10 @@ function MappingConsentWidget(props) {
 }
 
 // src/components/atoms/mapping-value.tsx
-import React15, { useState as useState27, useEffect as useEffect17 } from "react";
+import React15, { useState as useState27, useEffect as useEffect18 } from "react";
 
 // src/components/atoms/field-header.tsx
-import { Fragment as Fragment8, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
 function FieldHeader({
   title,
   description,
@@ -7090,7 +7768,7 @@ function FieldHeader({
       action
     ] });
   }
-  return /* @__PURE__ */ jsxs41(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs41(Fragment7, { children: [
     /* @__PURE__ */ jsxs41("label", { className: "elb-rjsf-label", children: [
       title,
       required && /* @__PURE__ */ jsx51("span", { className: "elb-rjsf-required", children: " *" })
@@ -7148,7 +7826,7 @@ function MappingValueWidget(props) {
   const [selectedType, setSelectedType] = useState27(getCurrentType);
   const userSelectedTypeRef = React15.useRef(false);
   const prevValueRef = React15.useRef(value);
-  useEffect17(() => {
+  useEffect18(() => {
     const prevType = typeof prevValueRef.current;
     const currentType = typeof value;
     const isMajorTypeChange = prevType !== currentType || value === void 0 && prevValueRef.current !== void 0 || value !== void 0 && prevValueRef.current === void 0;
@@ -7995,7 +8673,7 @@ function MappingValidateField(props) {
 }
 
 // src/components/atoms/mapping-data.tsx
-import { useState as useState29, useEffect as useEffect18, useRef as useRef10, useCallback as useCallback15 } from "react";
+import { useState as useState29, useEffect as useEffect19, useRef as useRef11, useCallback as useCallback15 } from "react";
 
 // src/schemas/value-config-schema.ts
 var valueConfigSchema = {
@@ -8237,8 +8915,8 @@ function MappingDataWidget(props) {
   const description = schema?.description;
   const [showForm, setShowForm] = useState29(hasData);
   const [isExpanded, setIsExpanded] = useState29(hasData);
-  const prevValueRef = useRef10(value);
-  useEffect18(() => {
+  const prevValueRef = useRef11(value);
+  useEffect19(() => {
     const newHasData = value && typeof value === "object" && Object.keys(value).length > 0;
     setShowForm(!!newHasData);
     setIsExpanded(!!newHasData);
@@ -8321,7 +8999,7 @@ function MappingDataField(props) {
 }
 
 // src/components/atoms/mapping-settings.tsx
-import { useState as useState30, useEffect as useEffect19, useRef as useRef11, useCallback as useCallback16 } from "react";
+import { useState as useState30, useEffect as useEffect20, useRef as useRef12, useCallback as useCallback16 } from "react";
 import { jsx as jsx67, jsxs as jsxs51 } from "react/jsx-runtime";
 function MappingSettingsWidget(props) {
   const {
@@ -8343,8 +9021,8 @@ function MappingSettingsWidget(props) {
   const hasSchema = destinationSchema && destinationSchema.properties && Object.keys(destinationSchema.properties).length > 0;
   const [showForm, setShowForm] = useState30(hasSettings);
   const [isExpanded, setIsExpanded] = useState30(hasSettings);
-  const prevValueRef = useRef11(value);
-  useEffect19(() => {
+  const prevValueRef = useRef12(value);
+  useEffect20(() => {
     const newHasSettings = value && typeof value === "object" && Object.keys(value).length > 0;
     setShowForm(!!newHasSettings);
     setIsExpanded(!!newHasSettings);
@@ -8502,7 +9180,7 @@ function MappingObjectExplorerField(props) {
 }
 
 // src/components/molecules/mapping-map-field.tsx
-import { useState as useState31, useEffect as useEffect20, useRef as useRef12 } from "react";
+import { useState as useState31, useEffect as useEffect21, useRef as useRef13 } from "react";
 
 // src/components/atoms/mapping-map-entry.tsx
 import { jsx as jsx70, jsxs as jsxs52 } from "react/jsx-runtime";
@@ -8632,15 +9310,15 @@ function MappingMapField(props) {
   );
   const hasEntries = entries.length > 0;
   const [isExpanded, setIsExpanded] = useState31(hasEntries);
-  const prevFormDataRef = useRef12(formData);
-  useEffect20(() => {
+  const prevFormDataRef = useRef13(formData);
+  useEffect21(() => {
     if (prevFormDataRef.current === formData) {
       return;
     }
     prevFormDataRef.current = formData;
     setEntries(objectToEntries(formData));
   }, [formData]);
-  useEffect20(() => {
+  useEffect21(() => {
     setIsExpanded(hasEntries);
   }, [hasEntries]);
   const duplicateKeys = /* @__PURE__ */ new Set();
@@ -8727,7 +9405,7 @@ function MappingMapField(props) {
 }
 
 // src/components/molecules/mapping-set-field.tsx
-import { useState as useState32, useEffect as useEffect21, useRef as useRef13 } from "react";
+import { useState as useState32, useEffect as useEffect22, useRef as useRef14 } from "react";
 
 // src/components/atoms/mapping-set-entry.tsx
 import { jsx as jsx72, jsxs as jsxs54 } from "react/jsx-runtime";
@@ -8861,8 +9539,8 @@ function MappingSetField(props) {
   );
   const hasEntries = entries.length > 0;
   const [isExpanded, setIsExpanded] = useState32(hasEntries);
-  const prevFormDataRef = useRef13(formData);
-  useEffect21(() => {
+  const prevFormDataRef = useRef14(formData);
+  useEffect22(() => {
     if (prevFormDataRef.current === formData) {
       return;
     }
@@ -8885,7 +9563,7 @@ function MappingSetField(props) {
     });
     setEntries(newEntries);
   }, [formData]);
-  useEffect21(() => {
+  useEffect22(() => {
     setIsExpanded(hasEntries);
   }, [hasEntries]);
   const handleEntriesChange = (newEntries) => {
@@ -9008,7 +9686,7 @@ function MappingSetField(props) {
 }
 
 // src/components/molecules/mapping-loop-field.tsx
-import { useState as useState33, useEffect as useEffect22, useRef as useRef14 } from "react";
+import { useState as useState33, useEffect as useEffect23, useRef as useRef15 } from "react";
 import { jsx as jsx74, jsxs as jsxs56 } from "react/jsx-runtime";
 function MappingLoopField(props) {
   const { formData, onChange, schema, disabled, readonly } = props;
@@ -9033,8 +9711,8 @@ function MappingLoopField(props) {
   );
   const [transform, setTransform] = useState33(() => parseFormData(formData)[1]);
   const [isExpanded, setIsExpanded] = useState33(false);
-  const prevFormDataRef = useRef14(formData);
-  useEffect22(() => {
+  const prevFormDataRef = useRef15(formData);
+  useEffect23(() => {
     if (prevFormDataRef.current === formData) {
       return;
     }
@@ -9408,7 +10086,7 @@ function MappingMapPaneViewRJSF({
 }
 
 // src/components/atoms/mapping-enum-select.tsx
-import { useState as useState34, useRef as useRef15, useEffect as useEffect23 } from "react";
+import { useState as useState34, useRef as useRef16, useEffect as useEffect24 } from "react";
 import { jsx as jsx78, jsxs as jsxs58 } from "react/jsx-runtime";
 function MappingEnumSelect({
   value,
@@ -9422,19 +10100,19 @@ function MappingEnumSelect({
   const [highlightedIndex, setHighlightedIndex] = useState34(0);
   const [inputValue, setInputValue] = useState34(String(value || ""));
   const [hasTyped, setHasTyped] = useState34(false);
-  const containerRef = useRef15(null);
-  const inputRef = useRef15(null);
-  const dropdownRef = useRef15(null);
-  useEffect23(() => {
+  const containerRef = useRef16(null);
+  const inputRef = useRef16(null);
+  const dropdownRef = useRef16(null);
+  useEffect24(() => {
     setInputValue(String(value || ""));
     setHasTyped(false);
   }, [value]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (isOpen) {
       setHighlightedIndex(0);
     }
   }, [isOpen]);
-  useEffect23(() => {
+  useEffect24(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -9448,7 +10126,7 @@ function MappingEnumSelect({
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }
   }, [isOpen, hasTyped, inputValue, onChange, type]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (isOpen && dropdownRef.current && dropdownRef.current.children[highlightedIndex]) {
       const highlighted = dropdownRef.current.children[highlightedIndex];
       if (highlighted) {
@@ -9654,7 +10332,7 @@ function MappingBooleanPaneView({
 }
 
 // src/components/molecules/mapping-primitive-pane-view.tsx
-import { Fragment as Fragment9, jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx81, jsxs as jsxs61 } from "react/jsx-runtime";
 function MappingPrimitivePaneView({
   path,
   mappingState,
@@ -9708,11 +10386,11 @@ function MappingPrimitivePaneView({
         /* @__PURE__ */ jsxs61("div", { className: "elb-mapping-pane-hint", children: [
           "Current type: ",
           /* @__PURE__ */ jsx81("strong", { children: typeof value }),
-          uiSchema?.["ui:help"] && /* @__PURE__ */ jsxs61(Fragment9, { children: [
+          uiSchema?.["ui:help"] && /* @__PURE__ */ jsxs61(Fragment8, { children: [
             /* @__PURE__ */ jsx81("br", {}),
             uiSchema["ui:help"]
           ] }),
-          hasError && validationResult.error && /* @__PURE__ */ jsxs61(Fragment9, { children: [
+          hasError && validationResult.error && /* @__PURE__ */ jsxs61(Fragment8, { children: [
             /* @__PURE__ */ jsx81("br", {}),
             /* @__PURE__ */ jsxs61("span", { style: { color: "var(--color-button-danger)" }, children: [
               "\u26A0 ",
@@ -10393,7 +11071,7 @@ function buildValueChildren(value, basePath, schemas, structure) {
 }
 
 // src/components/organisms/config-editor/config-editor-tabs.tsx
-import { Fragment as Fragment10, jsx as jsx85, jsxs as jsxs65 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx85, jsxs as jsxs65 } from "react/jsx-runtime";
 function ConfigEditorTabs({
   config,
   onChange,
@@ -10452,7 +11130,7 @@ function ConfigEditorTabs({
     } catch (e) {
     }
   };
-  useEffect24(() => {
+  useEffect25(() => {
     if (navigation.navigationHistory.length === 0) {
       navigation.switchToTab("");
       if (initialNavigationState && initialNavigationState.currentPath.length > 0) {
@@ -10463,7 +11141,7 @@ function ConfigEditorTabs({
       }
     }
   }, []);
-  useEffect24(() => {
+  useEffect25(() => {
     if (onNavigationStateChange && activeTab) {
       onNavigationStateChange({
         currentPath: activeTab.path,
@@ -10474,7 +11152,7 @@ function ConfigEditorTabs({
       });
     }
   }, [activeTab, treeState.expandedPaths, onNavigationStateChange]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (activeTab && activeTab.path.length > 0) {
       for (let i = 1; i <= activeTab.path.length; i++) {
         const pathToExpand = activeTab.path.slice(0, i);
@@ -10492,7 +11170,7 @@ function ConfigEditorTabs({
       className: `elb-mapping-editor-tabs elb-mapping-editor-tabs--responsive ${className}`,
       "data-layout": "responsive",
       children: [
-        showTree && /* @__PURE__ */ jsxs65(Fragment10, { children: [
+        showTree && /* @__PURE__ */ jsxs65(Fragment9, { children: [
           /* @__PURE__ */ jsx85(
             "div",
             {
@@ -10694,7 +11372,7 @@ function ConfigEditor(props) {
 }
 
 // node_modules/@iconify/react/dist/iconify.js
-import { createElement, forwardRef, useState as useState37, useEffect as useEffect25 } from "react";
+import { createElement, forwardRef, useState as useState37, useEffect as useEffect26 } from "react";
 function getIconsTree(data, names) {
   const icons = data.icons;
   const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
@@ -11292,9 +11970,9 @@ function updateCallbacks(storage2) {
     });
   }
 }
-var idCounter = 0;
+var idCounter2 = 0;
 function storeCallback(callback, icons, pendingSources) {
-  const id = idCounter++;
+  const id = idCounter2++;
   const abort = removeCallback.bind(null, pendingSources, id);
   if (!icons.pending.length) return abort;
   const item = {
@@ -12058,11 +12736,11 @@ function IconComponent(props) {
       }
     }
   }
-  useEffect25(() => {
+  useEffect26(() => {
     setMounted(true);
     return cleanup;
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (mounted) {
       updateState();
     }
@@ -15168,7 +15846,7 @@ function FlowSectionBox({ section }) {
 }
 
 // src/components/molecules/code-snippet.tsx
-import { useState as useState38, useEffect as useEffect26 } from "react";
+import { useState as useState38, useEffect as useEffect27 } from "react";
 import { jsx as jsx89 } from "react/jsx-runtime";
 function CodeSnippet(props) {
   const {
@@ -15184,7 +15862,7 @@ function CodeSnippet(props) {
   } = props;
   const snippetClassName = `elb-code-snippet ${className || ""}`.trim();
   const [formattedCode, setFormattedCode] = useState38(code);
-  useEffect26(() => {
+  useEffect27(() => {
     if (format3 && code) {
       formatCode(code, language).then(setFormattedCode);
     } else {
@@ -15208,9 +15886,9 @@ function CodeSnippet(props) {
 }
 
 // src/components/molecules/flow-map/FlowMap.tsx
-import React23, { useEffect as useEffect27, useRef as useRef16 } from "react";
+import React23, { useEffect as useEffect28, useRef as useRef17 } from "react";
 import rough from "roughjs";
-import { Fragment as Fragment11, jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx90, jsxs as jsxs67 } from "react/jsx-runtime";
 function RoughRect({
   x,
   y,
@@ -15219,8 +15897,8 @@ function RoughRect({
   fill,
   stroke
 }) {
-  const ref = useRef16(null);
-  useEffect27(() => {
+  const ref = useRef17(null);
+  useEffect28(() => {
     if (!ref.current) return;
     const svg = ref.current.ownerSVGElement;
     if (!svg) return;
@@ -15259,8 +15937,8 @@ function RoughCircle({
   fill,
   stroke
 }) {
-  const ref = useRef16(null);
-  useEffect27(() => {
+  const ref = useRef17(null);
+  useEffect28(() => {
     if (!ref.current) return;
     const svg = ref.current.ownerSVGElement;
     if (!svg) return;
@@ -15317,8 +15995,8 @@ function RoughArrow({
   arrowSize = 8,
   centerY
 }) {
-  const ref = useRef16(null);
-  useEffect27(() => {
+  const ref = useRef17(null);
+  useEffect28(() => {
     if (!ref.current) return;
     const svg = ref.current.ownerSVGElement;
     if (!svg) return;
@@ -15654,7 +16332,7 @@ function FlowMap({
       return aIdx - bIdx;
     }
   );
-  const containerRef = useRef16(null);
+  const containerRef = useRef17(null);
   const hasDescription = stageBefore?.description || sourceEntries.some(([, s]) => s.description) || preTransformerList.some((p) => p.config.description) || collector?.description || postTransformerList.some((p) => p.config.description) || destinationEntries.some(([, d]) => d.description) || stageAfter?.description || destinationEntries.some(([, d]) => d.after?.description);
   const hasLink = stageBefore?.link !== false || sourceEntries.some(([, s]) => s.link !== false) || preTransformerList.some((p) => p.config.link !== false) || collector?.link !== false || postTransformerList.some((p) => p.config.link !== false) || destinationEntries.some(([, d]) => d.link !== false) || stageAfter?.link !== false || destinationEntries.some(([, d]) => d.after?.link !== false);
   const stageMarkerPositions = [
@@ -15995,7 +16673,7 @@ function FlowMap({
                 }
                 return collectorPos;
               };
-              return /* @__PURE__ */ jsxs67(Fragment11, { children: [
+              return /* @__PURE__ */ jsxs67(Fragment10, { children: [
                 !stageBefore && sourceEntries.length === 1 && /* @__PURE__ */ jsx90(
                   RoughArrow,
                   {
@@ -16174,7 +16852,7 @@ function FlowMap({
                   const fromY = collectorCenterY;
                   const toY = firstPostPos.y + boxHeight / 2;
                   const offset = withReturn ? ARROW_OFFSET : 0;
-                  return /* @__PURE__ */ jsxs67(Fragment11, { children: [
+                  return /* @__PURE__ */ jsxs67(Fragment10, { children: [
                     /* @__PURE__ */ jsx90(
                       RoughArrow,
                       {
@@ -16241,7 +16919,7 @@ function FlowMap({
                 const stageHighlight = config?.highlight !== false;
                 const labelY = text ? pos.y + pos.height * 0.28 : pos.y + pos.height / 2;
                 const linkUrl = link === false ? null : typeof link === "string" ? link : defaultLink;
-                const stageContent = /* @__PURE__ */ jsxs67(Fragment11, { children: [
+                const stageContent = /* @__PURE__ */ jsxs67(Fragment10, { children: [
                   /* @__PURE__ */ jsx90(
                     RoughRect,
                     {
@@ -16795,7 +17473,7 @@ function Spinner({ size = "md", className = "" }) {
 }
 
 // src/components/atoms/submit-button.tsx
-import { Fragment as Fragment12, jsx as jsx97, jsxs as jsxs72 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx97, jsxs as jsxs72 } from "react/jsx-runtime";
 function SubmitButton({
   children,
   loadingText,
@@ -16815,7 +17493,7 @@ function SubmitButton({
       disabled: isDisabled,
       onClick,
       className: `elb-submit-button elb-submit-button--${variant} ${fullWidth ? "elb-submit-button--full-width" : ""} ${loading ? "elb-submit-button--loading" : ""} ${className}`.trim(),
-      children: loading ? /* @__PURE__ */ jsxs72(Fragment12, { children: [
+      children: loading ? /* @__PURE__ */ jsxs72(Fragment11, { children: [
         /* @__PURE__ */ jsx97(Spinner, { size: "sm", className: "elb-submit-button__spinner" }),
         /* @__PURE__ */ jsx97("span", { children: loadingText ?? children })
       ] }) : children
@@ -16880,8 +17558,8 @@ function ConfigFormCard({
 }
 
 // src/components/molecules/split-button.tsx
-import { useState as useState40, useRef as useRef17, useEffect as useEffect28, useCallback as useCallback19 } from "react";
-import { Fragment as Fragment13, jsx as jsx100, jsxs as jsxs75 } from "react/jsx-runtime";
+import { useState as useState40, useRef as useRef18, useEffect as useEffect29, useCallback as useCallback19 } from "react";
+import { Fragment as Fragment12, jsx as jsx100, jsxs as jsxs75 } from "react/jsx-runtime";
 function SplitButton({
   children,
   onClick,
@@ -16893,7 +17571,7 @@ function SplitButton({
   className = ""
 }) {
   const [open, setOpen] = useState40(false);
-  const ref = useRef17(null);
+  const ref = useRef18(null);
   const isDisabled = disabled || loading;
   const handleClickOutside = useCallback19((e) => {
     if (ref.current && !ref.current.contains(e.target)) {
@@ -16903,7 +17581,7 @@ function SplitButton({
   const handleKeyDown = useCallback19((e) => {
     if (e.key === "Escape") setOpen(false);
   }, []);
-  useEffect28(() => {
+  useEffect29(() => {
     if (open) {
       document.addEventListener("mousedown", handleClickOutside);
       document.addEventListener("keydown", handleKeyDown);
@@ -16929,7 +17607,7 @@ function SplitButton({
             children: loading ? loadingText ?? children : children
           }
         ),
-        actions.length > 0 && /* @__PURE__ */ jsxs75(Fragment13, { children: [
+        actions.length > 0 && /* @__PURE__ */ jsxs75(Fragment12, { children: [
           /* @__PURE__ */ jsx100(
             "button",
             {
@@ -16985,9 +17663,9 @@ import { jsx as jsx101, jsxs as jsxs76 } from "react/jsx-runtime";
 var STATUS_DOT = {
   active: "elb-flow-selector__dot--active",
   published: "elb-flow-selector__dot--active",
-  bundling: "elb-flow-selector__dot--deploying",
   deploying: "elb-flow-selector__dot--deploying",
-  failed: "elb-flow-selector__dot--failed"
+  failed: "elb-flow-selector__dot--failed",
+  stopped: "elb-flow-selector__dot--failed"
 };
 function FlowSelector({
   flows,
@@ -17018,117 +17696,6 @@ function FlowSelector({
   }) });
 }
 
-// src/components/molecules/flow-deploy-panel.tsx
-import { Fragment as Fragment14, jsx as jsx102, jsxs as jsxs77 } from "react/jsx-runtime";
-function statusLabel(status) {
-  switch (status) {
-    case "active":
-      return "Active";
-    case "published":
-      return "Published";
-    case "bundling":
-    case "deploying":
-      return "Deploying...";
-    case "failed":
-      return "Failed";
-    default:
-      return status;
-  }
-}
-function statusDotClass(status) {
-  switch (status) {
-    case "active":
-    case "published":
-      return "elb-flow-deploy-panel__dot--active";
-    case "bundling":
-    case "deploying":
-      return "elb-flow-deploy-panel__dot--deploying";
-    case "failed":
-      return "elb-flow-deploy-panel__dot--failed";
-    default:
-      return "";
-  }
-}
-function primaryLabel(deployment, flowName, multipleFlows) {
-  const name = multipleFlows ? ` "${flowName}"` : "";
-  if (!deployment) return `Deploy${name}`;
-  switch (deployment.status) {
-    case "failed":
-      return `Retry${name}`;
-    case "active":
-    case "published":
-      return `Redeploy${name}`;
-    default:
-      return `Deploy${name}`;
-  }
-}
-function FlowDeployPanel({
-  flowName,
-  platform,
-  deployment,
-  deploying = false,
-  error,
-  hasUnsavedChanges = false,
-  multipleFlows = false,
-  onDeploy,
-  onDeleteDeployment,
-  onDownloadFlow,
-  onBundle,
-  className = ""
-}) {
-  const isDeploying = deploying || deployment?.status === "bundling" || deployment?.status === "deploying";
-  const bundleExt = platform === "server" ? ".mjs" : ".js";
-  const actions = [
-    {
-      key: "download",
-      label: "Download Flow (.json)",
-      onClick: onDownloadFlow
-    },
-    { key: "bundle", label: `Bundle (${bundleExt})`, onClick: onBundle }
-  ];
-  return /* @__PURE__ */ jsxs77("div", { className: `elb-flow-deploy-panel ${className}`, children: [
-    /* @__PURE__ */ jsx102("div", { className: "elb-flow-deploy-panel__status", children: deployment ? /* @__PURE__ */ jsxs77(Fragment14, { children: [
-      /* @__PURE__ */ jsx102(
-        "span",
-        {
-          className: `elb-flow-deploy-panel__dot ${statusDotClass(deployment.status)}`
-        }
-      ),
-      /* @__PURE__ */ jsx102("span", { className: "elb-flow-deploy-panel__status-text", children: statusLabel(deployment.status) }),
-      deployment.createdAt && /* @__PURE__ */ jsx102("span", { className: "elb-flow-deploy-panel__time", children: new Date(deployment.createdAt).toLocaleString() })
-    ] }) : /* @__PURE__ */ jsxs77(Fragment14, { children: [
-      /* @__PURE__ */ jsx102("span", { className: "elb-flow-deploy-panel__dot" }),
-      /* @__PURE__ */ jsx102("span", { className: "elb-flow-deploy-panel__status-text", children: "Not deployed" })
-    ] }) }),
-    hasUnsavedChanges && deployment && (deployment.status === "active" || deployment.status === "published") && /* @__PURE__ */ jsx102("div", { className: "elb-flow-deploy-panel__warning", children: "Config changed since last deploy" }),
-    deployment?.publicUrl && /* @__PURE__ */ jsx102("div", { className: "elb-flow-deploy-panel__endpoint", children: /* @__PURE__ */ jsx102("code", { className: "elb-flow-deploy-panel__url", children: deployment.publicUrl }) }),
-    deployment?.containerUrl && /* @__PURE__ */ jsx102("div", { className: "elb-flow-deploy-panel__endpoint", children: /* @__PURE__ */ jsx102("code", { className: "elb-flow-deploy-panel__url", children: deployment.containerUrl }) }),
-    (error || deployment?.errorMessage) && /* @__PURE__ */ jsx102("div", { className: "elb-flow-deploy-panel__error", children: error || deployment?.errorMessage }),
-    /* @__PURE__ */ jsxs77("div", { className: "elb-flow-deploy-panel__actions", children: [
-      /* @__PURE__ */ jsx102(
-        SplitButton,
-        {
-          onClick: onDeploy,
-          actions,
-          loading: isDeploying,
-          loadingText: "Deploying...",
-          disabled: isDeploying,
-          children: primaryLabel(deployment, flowName, multipleFlows)
-        }
-      ),
-      deployment && deployment.status !== "bundling" && deployment.status !== "deploying" && /* @__PURE__ */ jsx102(
-        "button",
-        {
-          type: "button",
-          className: "elb-flow-deploy-panel__delete",
-          onClick: onDeleteDeployment,
-          children: "Delete deployment"
-        }
-      )
-    ] })
-  ] });
-}
-
 // src/schemas/config-structures/destination-config.ts
 var DESTINATION_CONFIG_STRUCTURE = {
   type: "object",
@@ -17215,13 +17782,13 @@ var DESTINATION_CONFIG_STRUCTURE = {
 };
 
 // src/components/atoms/footer.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 function Footer({ children, className = "" }) {
-  return /* @__PURE__ */ jsx103("div", { className: `elb-explorer-footer ${className}`, children });
+  return /* @__PURE__ */ jsx102("div", { className: `elb-explorer-footer ${className}`, children });
 }
 
 // src/components/atoms/button-link.tsx
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 function ButtonLink({
   variant = "default",
   size = "md",
@@ -17234,9 +17801,9 @@ function ButtonLink({
   const baseClass = "elb-button-link";
   const classes = `${baseClass} ${baseClass}-${variant} ${baseClass}-${size} ${className}`.trim();
   if (href && !disabled) {
-    return /* @__PURE__ */ jsx104("a", { href, className: classes, children });
+    return /* @__PURE__ */ jsx103("a", { href, className: classes, children });
   }
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx103(
     "button",
     {
       type: "button",
@@ -17249,24 +17816,24 @@ function ButtonLink({
 }
 
 // src/components/atoms/panel-hints.tsx
-import { jsx as jsx105, jsxs as jsxs78 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs77 } from "react/jsx-runtime";
 function PanelHints({
   title = "Common patterns",
   hints,
   className = ""
 }) {
-  return /* @__PURE__ */ jsxs78("div", { className: `elb-panel-hints ${className}`, children: [
-    title && /* @__PURE__ */ jsx105("div", { className: "elb-panel-hints-title", children: title }),
-    /* @__PURE__ */ jsx105("ul", { className: "elb-panel-hints-list", children: hints.map((hint, index) => /* @__PURE__ */ jsxs78("li", { className: "elb-panel-hints-item", children: [
-      /* @__PURE__ */ jsx105("code", { className: "elb-panel-hints-code", children: hint.code }),
-      /* @__PURE__ */ jsx105("span", { className: "elb-panel-hints-desc", children: hint.description })
+  return /* @__PURE__ */ jsxs77("div", { className: `elb-panel-hints ${className}`, children: [
+    title && /* @__PURE__ */ jsx104("div", { className: "elb-panel-hints-title", children: title }),
+    /* @__PURE__ */ jsx104("ul", { className: "elb-panel-hints-list", children: hints.map((hint, index) => /* @__PURE__ */ jsxs77("li", { className: "elb-panel-hints-item", children: [
+      /* @__PURE__ */ jsx104("code", { className: "elb-panel-hints-code", children: hint.code }),
+      /* @__PURE__ */ jsx104("span", { className: "elb-panel-hints-desc", children: hint.description })
     ] }, index)) })
   ] });
 }
 
 // src/components/atoms/form-input.tsx
 import { useId as useId2 } from "react";
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 function FormInput({
   value,
   onChange,
@@ -17285,7 +17852,7 @@ function FormInput({
   const inputId = id ?? generatedId;
   const hasError = Boolean(error);
   const errorMessage = typeof error === "string" ? error : void 0;
-  return /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx105(
     FormField,
     {
       label,
@@ -17293,7 +17860,7 @@ function FormInput({
       error: errorMessage,
       required,
       className,
-      children: /* @__PURE__ */ jsx106(
+      children: /* @__PURE__ */ jsx105(
         "input",
         {
           id: inputId,
@@ -17352,7 +17919,7 @@ function MDXProvider(properties) {
 
 // src/components/atoms/mdx-code.tsx
 import { Children } from "react";
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var MDXCode = ({
   className,
   children
@@ -17366,7 +17933,7 @@ var MDXCode = ({
     return false;
   });
   if (!hasClassName || !hasNewlines) {
-    return /* @__PURE__ */ jsx107("code", { className: "elb-code-inline", children });
+    return /* @__PURE__ */ jsx106("code", { className: "elb-code-inline", children });
   }
   const mdxLanguage = className.replace(/^language-/, "");
   const languageMap = {
@@ -17381,7 +17948,7 @@ var MDXCode = ({
   };
   const monacoLanguage = languageMap[mdxLanguage] || mdxLanguage;
   const code = childrenArray.map((child) => typeof child === "string" ? child : "").join("").trim();
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx106(
     CodeBox,
     {
       code,
@@ -17395,7 +17962,7 @@ var MDXCode = ({
 };
 
 // src/providers/MDXProvider.tsx
-import { jsx as jsx108 } from "react/jsx-runtime";
+import { jsx as jsx107 } from "react/jsx-runtime";
 var MDXProvider2 = ({ children }) => {
   const components = {
     // Markdown element mappings
@@ -17407,14 +17974,14 @@ var MDXProvider2 = ({ children }) => {
     DestinationInitDemo,
     DestinationDemo
   };
-  return /* @__PURE__ */ jsx108(MDXProvider, { components, children });
+  return /* @__PURE__ */ jsx107(MDXProvider, { components, children });
 };
 
 // src/hooks/useDropdown.ts
-import { useState as useState41, useRef as useRef18, useEffect as useEffect29, useCallback as useCallback20 } from "react";
+import { useState as useState41, useRef as useRef19, useEffect as useEffect30, useCallback as useCallback20 } from "react";
 function useDropdown() {
   const [isOpen, setIsOpen] = useState41(false);
-  const containerRef = useRef18(null);
+  const containerRef = useRef19(null);
   const toggle = useCallback20(() => {
     setIsOpen((prev) => !prev);
   }, []);
@@ -17424,7 +17991,7 @@ function useDropdown() {
   const close = useCallback20(() => {
     setIsOpen(false);
   }, []);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!isOpen) return;
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -17434,7 +18001,7 @@ function useDropdown() {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isOpen]);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!isOpen) return;
     function handleEscape(event) {
       if (event.key === "Escape") {
@@ -17452,6 +18019,474 @@ function useDropdown() {
     containerRef
   };
 }
+
+// src/utils/monaco-schema-enrichment.ts
+function enrichSchema(baseSchema, enrichments) {
+  const schema = JSON.parse(JSON.stringify(baseSchema));
+  for (const [path, extensions] of Object.entries(enrichments)) {
+    const target = path === "" ? schema : getNestedObject(schema, path);
+    if (target && typeof target === "object") {
+      Object.assign(target, extensions);
+    }
+  }
+  return schema;
+}
+function getNestedObject(obj, path) {
+  const keys = path.split(".");
+  let current = obj;
+  for (const key of keys) {
+    if (current && typeof current === "object" && key in current) {
+      current = current[key];
+    } else {
+      return void 0;
+    }
+  }
+  return current;
+}
+
+// src/utils/monaco-schema-flow-setup.ts
+function enrichFlowSetupSchema(baseSchema) {
+  const schema = JSON.parse(JSON.stringify(baseSchema));
+  if (!schema.anyOf?.[0]?.properties) return schema;
+  const root = schema.anyOf[0];
+  const props = root.properties;
+  const flowConfig = props.flows?.additionalProperties?.properties;
+  if (props.version) {
+    props.version.markdownDescription = 'Schema version number. Must be `1` for the current format.\n\n```json\n"version": 1\n```';
+  }
+  if (props.$schema) {
+    props.$schema.markdownDescription = 'JSON Schema URI for IDE validation.\n\n```json\n"$schema": "https://walkeros.io/schema/flow/v1.json"\n```';
+  }
+  if (props.include) {
+    props.include.markdownDescription = 'Folders to include in the bundle output.\n\n```json\n"include": ["./src", "./lib"]\n```';
+  }
+  if (props.variables) {
+    props.variables.markdownDescription = 'Shared variables for `$var.name` interpolation across all flows.\n\n```json\n"variables": {\n  "measurementId": "G-XXXXXXXXXX",\n  "debug": false\n}\n```\n\nReference in any config value: `"$var.measurementId"`';
+    props.variables.defaultSnippets = [
+      {
+        label: "Add variable",
+        description: "New key-value variable",
+        body: { "${1:name}": "${2:value}" }
+      }
+    ];
+  }
+  if (props.definitions) {
+    props.definitions.markdownDescription = 'Reusable configuration fragments for `$def.name` references.\n\n```json\n"definitions": {\n  "gaConfig": {\n    "measurementId": "$var.trackingId"\n  }\n}\n```\n\nReference in any config: `"$def.gaConfig"`';
+    props.definitions.defaultSnippets = [
+      {
+        label: "Add definition",
+        description: "New reusable config fragment",
+        body: { "${1:name}": { "${2:key}": "${3:value}" } }
+      }
+    ];
+  }
+  if (props.flows) {
+    props.flows.markdownDescription = 'Flow configurations keyed by name. Each flow defines a complete event pipeline.\n\n```json\n"flows": {\n  "myFlow": {\n    "web": {},\n    "sources": { ... },\n    "destinations": { ... }\n  }\n}\n```';
+    props.flows.defaultSnippets = [
+      {
+        label: "Web flow (basic)",
+        description: "Minimal web flow with browser source",
+        body: {
+          "${1:myFlow}": {
+            web: {},
+            sources: {
+              browser: { package: "@walkeros/web-source-browser" }
+            },
+            destinations: {}
+          }
+        }
+      },
+      {
+        label: "Server flow (basic)",
+        description: "Minimal server flow with Express source",
+        body: {
+          "${1:myFlow}": {
+            server: {},
+            sources: {
+              express: { package: "@walkeros/server-source-express" }
+            },
+            destinations: {}
+          }
+        }
+      },
+      {
+        label: "Web + GA4 flow",
+        description: "Web flow with browser source and GA4 destination",
+        body: {
+          "${1:myFlow}": {
+            web: {},
+            sources: {
+              browser: { package: "@walkeros/web-source-browser" }
+            },
+            destinations: {
+              ga4: {
+                package: "@walkeros/web-destination-ga4",
+                config: {
+                  measurementId: "$var.${2:measurementId}"
+                }
+              }
+            }
+          }
+        }
+      }
+    ];
+  }
+  if (flowConfig) {
+    if (flowConfig.sources) {
+      flowConfig.sources.markdownDescription = 'Source configurations for data capture, keyed by step name.\n\n```json\n"sources": {\n  "browser": { "package": "@walkeros/web-source-browser" }\n}\n```';
+      flowConfig.sources.defaultSnippets = [
+        {
+          label: "Add web source",
+          description: "Browser source for web tracking",
+          body: {
+            "${1:browser}": {
+              package: "@walkeros/web-source-browser"
+            }
+          }
+        },
+        {
+          label: "Add server source",
+          description: "Express source for server tracking",
+          body: {
+            "${1:express}": {
+              package: "@walkeros/server-source-express"
+            }
+          }
+        }
+      ];
+    }
+    if (flowConfig.destinations) {
+      flowConfig.destinations.markdownDescription = 'Destination configurations for data output, keyed by step name.\n\n```json\n"destinations": {\n  "ga4": {\n    "package": "@walkeros/web-destination-ga4",\n    "config": { "measurementId": "$var.trackingId" }\n  }\n}\n```';
+      flowConfig.destinations.defaultSnippets = [
+        {
+          label: "Add GA4 destination",
+          description: "Google Analytics 4 destination",
+          body: {
+            "${1:ga4}": {
+              package: "@walkeros/web-destination-ga4",
+              config: {
+                measurementId: "$var.${2:measurementId}"
+              }
+            }
+          }
+        },
+        {
+          label: "Add custom destination",
+          description: "Custom destination with inline code",
+          body: {
+            "${1:custom}": {
+              code: {
+                push: "$code:(event) => { ${2:// handle event} }"
+              }
+            }
+          }
+        }
+      ];
+    }
+    if (flowConfig.transformers) {
+      flowConfig.transformers.markdownDescription = 'Transformer configurations for event transformation, keyed by step name.\n\n```json\n"transformers": {\n  "validator": {\n    "code": { "push": "$code:(event) => event" }\n  }\n}\n```';
+      flowConfig.transformers.defaultSnippets = [
+        {
+          label: "Add transformer",
+          description: "Inline transformer with code",
+          body: {
+            "${1:transformer}": {
+              code: {
+                push: "$code:(event) => { ${2:return event;} }"
+              }
+            }
+          }
+        }
+      ];
+    }
+    if (flowConfig.web) {
+      flowConfig.web.markdownDescription = 'Web platform configuration (browser-based). Mutually exclusive with `server`.\n\n```json\n"web": {\n  "windowCollector": "collector",\n  "windowElb": "elb"\n}\n```';
+    }
+    if (flowConfig.server) {
+      flowConfig.server.markdownDescription = 'Server platform configuration (Node.js). Mutually exclusive with `web`.\n\n```json\n"server": {}\n```';
+    }
+  }
+  return schema;
+}
+
+// src/utils/monaco-schema-contract.ts
+function getEnrichedContractSchema() {
+  return {
+    type: "object",
+    markdownDescription: 'walkerOS Data Contract. Defines entity\u2192action schemas for event validation.\n\n```json\n{\n  "$tagging": 1,\n  "page": {\n    "view": {\n      "type": "object",\n      "properties": {\n      "title": { "type": "string" }\n    }\n  }\n  }\n}\n```',
+    properties: {
+      $tagging: {
+        type: "number",
+        markdownDescription: 'Contract version number. Increment when making breaking changes.\n\n```json\n"$tagging": 1\n```'
+      }
+    },
+    additionalProperties: {
+      type: "object",
+      markdownDescription: "Entity name. Contains action\u2192schema mappings.",
+      additionalProperties: {
+        type: "object",
+        markdownDescription: 'Action schema (JSON Schema). Defines valid event data for this entity+action.\n\n```json\n{\n  "type": "object",\n  "properties": {\n    "name": { "type": "string" },\n    "price": { "type": "number" }\n  },\n  "required": ["name"]\n}\n```',
+        defaultSnippets: [
+          {
+            label: "Object schema",
+            description: "Schema with typed properties",
+            body: {
+              type: "object",
+              properties: {
+                "${1:name}": { type: "${2:string}" }
+              }
+            }
+          }
+        ]
+      },
+      defaultSnippets: [
+        {
+          label: "Add action",
+          description: "Action with event data schema",
+          body: {
+            "${1:action}": {
+              type: "object",
+              properties: {
+                "${2:property}": { type: "${3:string}" }
+              }
+            }
+          }
+        }
+      ]
+    },
+    defaultSnippets: [
+      {
+        label: "Entity with action",
+        description: "New entity with one action and properties",
+        body: {
+          "${1:entity}": {
+            "${2:action}": {
+              type: "object",
+              properties: {
+                "${3:property}": { type: "${4:string}" }
+              }
+            }
+          }
+        }
+      }
+    ]
+  };
+}
+
+// src/utils/monaco-schema-variables.ts
+function getVariablesSchema() {
+  return {
+    type: "object",
+    markdownDescription: 'Flow variables for `$var.name` interpolation. Values must be string, number, or boolean.\n\n```json\n{\n  "measurementId": "G-XXXXXXXXXX",\n  "debug": false,\n  "batchSize": 10\n}\n```\n\nReference in any config value: `"$var.measurementId"`',
+    additionalProperties: {
+      oneOf: [{ type: "string" }, { type: "number" }, { type: "boolean" }]
+    },
+    defaultSnippets: [
+      {
+        label: "Add string variable",
+        body: { "${1:name}": "${2:value}" }
+      },
+      {
+        label: "Add boolean variable",
+        body: { "${1:name}": "${2|true,false|}" }
+      },
+      {
+        label: "Add number variable",
+        body: { "${1:name}": 0 }
+      }
+    ]
+  };
+}
+
+// src/utils/monaco-walkeros-markers.ts
+function validateWalkerOSReferences(text, context) {
+  const issues = [];
+  if (context.variables) {
+    const varRegex = /\$var\.(\w+)/g;
+    let match;
+    while ((match = varRegex.exec(text)) !== null) {
+      if (!(match[1] in context.variables)) {
+        issues.push({
+          message: `Unknown variable "$var.${match[1]}". Defined variables: ${Object.keys(context.variables).join(", ") || "none"}`,
+          severity: "warning",
+          startIndex: match.index,
+          endIndex: match.index + match[0].length
+        });
+      }
+    }
+  }
+  if (context.definitions) {
+    const defRegex = /\$def\.(\w+)/g;
+    let match;
+    while ((match = defRegex.exec(text)) !== null) {
+      if (!(match[1] in context.definitions)) {
+        issues.push({
+          message: `Unknown definition "$def.${match[1]}". Defined: ${Object.keys(context.definitions).join(", ") || "none"}`,
+          severity: "warning",
+          startIndex: match.index,
+          endIndex: match.index + match[0].length
+        });
+      }
+    }
+  }
+  if (context.secrets) {
+    const secretRegex = /\$secret\.(\w+)/g;
+    let match;
+    while ((match = secretRegex.exec(text)) !== null) {
+      if (!context.secrets.includes(match[1])) {
+        issues.push({
+          message: `Unknown secret "$secret.${match[1]}". Available: ${context.secrets.join(", ") || "none"}`,
+          severity: "warning",
+          startIndex: match.index,
+          endIndex: match.index + match[0].length
+        });
+      }
+    }
+  }
+  if (context.stepNames?.transformers) {
+    const nextRegex = /"(?:next|before)"\s*:\s*"(\w+)"/g;
+    let match;
+    while ((match = nextRegex.exec(text)) !== null) {
+      if (!context.stepNames.transformers.includes(match[1])) {
+        issues.push({
+          message: `Unknown transformer "${match[1]}". Available: ${context.stepNames.transformers.join(", ") || "none"}`,
+          severity: "warning",
+          startIndex: match.index,
+          endIndex: match.index + match[0].length
+        });
+      }
+    }
+  }
+  return issues;
+}
+
+// src/utils/monaco-intellisense-flow-extractor.ts
+function extractFlowIntelliSenseContext(json2) {
+  let parsed;
+  try {
+    parsed = JSON.parse(json2);
+  } catch {
+    return {};
+  }
+  if (!isFlowSetup(parsed)) return {};
+  const variables = {};
+  const definitions = {};
+  const sources = [];
+  const destinations = [];
+  const transformers = [];
+  const packages = [];
+  const contractEntities = [];
+  let platform;
+  mergeVars(variables, parsed.variables);
+  mergeDefs(definitions, parsed.definitions);
+  extractContract(contractEntities, parsed.contract);
+  for (const config of Object.values(parsed.flows)) {
+    if (!isObject(config)) continue;
+    if (!platform) {
+      if ("web" in config) platform = "web";
+      else if ("server" in config) platform = "server";
+    }
+    mergeVars(variables, config.variables);
+    mergeDefs(definitions, config.definitions);
+    extractContract(contractEntities, config.contract);
+    if (isObject(config.sources)) {
+      for (const [name, ref] of Object.entries(config.sources)) {
+        sources.push(name);
+        if (isObject(ref)) {
+          mergeVars(variables, ref.variables);
+          mergeDefs(definitions, ref.definitions);
+          if (typeof ref.package === "string") {
+            packages.push({
+              package: ref.package,
+              shortName: name,
+              type: "source",
+              platform: platform || "web"
+            });
+          }
+        }
+      }
+    }
+    if (isObject(config.destinations)) {
+      for (const [name, ref] of Object.entries(config.destinations)) {
+        destinations.push(name);
+        if (isObject(ref)) {
+          mergeVars(variables, ref.variables);
+          mergeDefs(definitions, ref.definitions);
+          if (typeof ref.package === "string") {
+            packages.push({
+              package: ref.package,
+              shortName: name,
+              type: "destination",
+              platform: platform || "web"
+            });
+          }
+        }
+      }
+    }
+    if (isObject(config.transformers)) {
+      for (const [name, ref] of Object.entries(config.transformers)) {
+        transformers.push(name);
+        if (isObject(ref)) {
+          mergeVars(variables, ref.variables);
+          mergeDefs(definitions, ref.definitions);
+          if (typeof ref.package === "string") {
+            packages.push({
+              package: ref.package,
+              shortName: name,
+              type: "transformer",
+              platform: platform || "web"
+            });
+          }
+        }
+      }
+    }
+  }
+  const result = {
+    variables,
+    definitions,
+    stepNames: { sources, destinations, transformers }
+  };
+  if (platform) result.platform = platform;
+  if (packages.length > 0) result.packages = packages;
+  if (contractEntities.length > 0) result.contract = contractEntities;
+  return result;
+}
+function isObject(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v);
+}
+function isFlowSetup(v) {
+  return isObject(v) && "version" in v && "flows" in v && isObject(v.flows);
+}
+function isPrimitive(v) {
+  return typeof v === "string" || typeof v === "number" || typeof v === "boolean";
+}
+function mergeVars(target, source) {
+  if (!isObject(source)) return;
+  for (const [k, v] of Object.entries(source)) {
+    if (isPrimitive(v)) target[k] = v;
+  }
+}
+function mergeDefs(target, source) {
+  if (!isObject(source)) return;
+  for (const [k, v] of Object.entries(source)) {
+    target[k] = v;
+  }
+}
+function extractContract(target, contract) {
+  if (!isObject(contract)) return;
+  for (const [key, value] of Object.entries(contract)) {
+    if (key.startsWith("$") || !isObject(value)) continue;
+    const existing = target.find((e) => e.entity === key);
+    const actions = Object.keys(value);
+    if (existing) {
+      for (const a of actions) {
+        if (!existing.actions.includes(a)) existing.actions.push(a);
+      }
+    } else {
+      target.push({ entity: key, actions });
+    }
+  }
+}
 export {
   Alert,
   ArchitectureFlow,
@@ -17474,7 +18509,6 @@ export {
   Dropdown,
   DropdownDivider,
   DropdownItem,
-  FlowDeployPanel,
   FlowMap,
   FlowSelector,
   Footer,
@@ -17497,9 +18531,11 @@ export {
   Preview,
   PromotionPlayground,
   PropertyTable,
+  REFERENCE_PATTERNS,
   Spinner,
   SplitButton,
   SubmitButton,
+  applyWalkerOSDecorations,
   captureDestinationPush,
   cn,
   createCaptureFn,
@@ -17507,16 +18543,31 @@ export {
   createGtagDestination,
   createPlausibleDestination,
   createRawCapture,
+  disposeWalkerOSProviders,
+  enrichFlowSetupSchema,
+  enrichSchema,
+  extractFlowIntelliSenseContext,
+  findWalkerOSReferences,
   formatCapturedCalls,
+  generateModelPath,
+  getEnrichedContractSchema,
+  getVariablesSchema,
   initializeMonacoTypes,
   lighthouseTheme,
   loadPackageTypes,
   loadTypeLibraryFromURL,
   palenightTheme,
   registerAllThemes,
+  registerJsonSchema,
   registerLighthouseTheme,
   registerPalenightTheme,
+  registerWalkerOSDecorationStyles,
+  registerWalkerOSProviders,
   registerWalkerOSTypes,
-  useDropdown
+  removeIntelliSenseContext,
+  setIntelliSenseContext,
+  unregisterJsonSchema,
+  useDropdown,
+  validateWalkerOSReferences
 };
 //# sourceMappingURL=index.mjs.map