@workflow/web 5.0.0-beta.21 → 5.0.0-beta.22

package/build/client/assets/{mermaid-3ZIDBTTL-DndzaIEl.js → mermaid-3ZIDBTTL-C_xy8SxZ.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-g14N5vQl.js","assets/index-B6-SzLmT.js","assets/index-BXZSIDEp.js","assets/zstd-browser-decoder-DGiXPDxR.js","assets/highlighted-body-B3W2YXNL-LmACipCR.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/encryption-g14N5vQl.js","assets/index-B6-SzLmT.js","assets/index-BXZSIDEp.js","assets/zstd-browser-decoder-Biv4GTD9.js","assets/highlighted-body-B3W2YXNL-pQbU-Oll.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -2360,7 +2360,7 @@ const arrow = (options, deps) => ({
   options: [options, deps]
 });
 var NAME$1 = "Arrow";
-var Arrow$2 = reactExports.forwardRef((props, forwardedRef) => {
+var Arrow$1 = reactExports.forwardRef((props, forwardedRef) => {
   const { children: children2, width = 10, height = 5, ...arrowProps } = props;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Primitive.svg,
@@ -2375,8 +2375,8 @@ var Arrow$2 = reactExports.forwardRef((props, forwardedRef) => {
     }
   );
 });
-Arrow$2.displayName = NAME$1;
-var Root$2 = Arrow$2;
+Arrow$1.displayName = NAME$1;
+var Root$2 = Arrow$1;
 function useSize(element2) {
   const [size2, setSize] = reactExports.useState(void 0);
   useLayoutEffect2(() => {
@@ -2681,7 +2681,7 @@ function getSideAndAlignFromPlacement(placement) {
 var Root2 = Popper;
 var Anchor = PopperAnchor;
 var Content = PopperContent;
-var Arrow$1 = PopperArrow;
+var Arrow = PopperArrow;
 var PORTAL_NAME$1 = "Portal";
 var Portal$1 = reactExports.forwardRef((props, forwardedRef) => {
   var _a3;
@@ -3258,7 +3258,7 @@ var TooltipArrow = reactExports.forwardRef(
       ARROW_NAME,
       __scopeTooltip
     );
-    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Arrow$1, { ...popperScope, ...arrowProps, ref: forwardedRef });
+    return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
   }
 );
 TooltipArrow.displayName = ARROW_NAME;
@@ -3484,44 +3484,44 @@ const getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).ind
 })();
 const createClassMap = (config2) => {
   const {
-    theme: theme3,
+    theme,
     classGroups
   } = config2;
-  return processClassGroups(classGroups, theme3);
+  return processClassGroups(classGroups, theme);
 };
-const processClassGroups = (classGroups, theme3) => {
+const processClassGroups = (classGroups, theme) => {
   const classMap = createClassPartObject();
   for (const classGroupId in classGroups) {
     const group = classGroups[classGroupId];
-    processClassesRecursively(group, classMap, classGroupId, theme3);
+    processClassesRecursively(group, classMap, classGroupId, theme);
   }
   return classMap;
 };
-const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme3) => {
+const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
   const len = classGroup.length;
   for (let i = 0; i < len; i++) {
     const classDefinition = classGroup[i];
-    processClassDefinition(classDefinition, classPartObject, classGroupId, theme3);
+    processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
   }
 };
-const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme3) => {
+const processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
   if (typeof classDefinition === "string") {
     processStringDefinition(classDefinition, classPartObject, classGroupId);
     return;
   }
   if (typeof classDefinition === "function") {
-    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme3);
+    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
     return;
   }
-  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme3);
+  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
 };
 const processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
   const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
   classPartObjectToEdit.classGroupId = classGroupId;
 };
-const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme3) => {
+const processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
   if (isThemeGetter(classDefinition)) {
-    processClassesRecursively(classDefinition(theme3), classPartObject, classGroupId, theme3);
+    processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
     return;
   }
   if (classPartObject.validators === null) {
@@ -3529,12 +3529,12 @@ const processFunctionDefinition = (classDefinition, classPartObject, classGroupI
   }
   classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
 };
-const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme3) => {
+const processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
   const entries = Object.entries(classDefinition);
   const len = entries.length;
   for (let i = 0; i < len; i++) {
     const [key, value] = entries[i];
-    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme3);
+    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
   }
 };
 const getPart = (classPartObject, path2) => {
@@ -3814,7 +3814,7 @@ const createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
 };
 const fallbackThemeArr = [];
 const fromTheme = (key) => {
-  const themeGetter = (theme3) => theme3[key] || fallbackThemeArr;
+  const themeGetter = (theme) => theme[key] || fallbackThemeArr;
   themeGetter.isThemeGetter = true;
   return themeGetter;
 };
@@ -15664,6 +15664,7 @@ AllEventsSchema.and(object({
   runId: string$2(),
   eventId: string$2(),
   createdAt: date(),
+  occurredAt: date().optional(),
   specVersion: number$2().optional()
 }));
 object({
@@ -16116,7 +16117,7 @@ function getWebRevivers() {
     URLSearchParams: (value) => new URLSearchParams(value === "." ? "" : value),
     // Web-specific overrides for class instances.
     // Create objects with a dynamically-named constructor so that
-    // react-inspector shows the class name (it reads constructor.name).
+    // the data inspector shows the class name (it reads constructor.name).
     Class: (value) => `<class:${extractClassName(value.classId)}>`,
     Instance: (value) => {
       const runRef = serializedInstanceToRef(value);
@@ -16157,7 +16158,7 @@ function createEncryptedMarker(data) {
   });
   return obj;
 }
-function isEncryptedMarker(value) {
+function isEncryptedMarker$1(value) {
   var _a3;
   return value !== null && typeof value === "object" && ((_a3 = value.constructor) == null ? void 0 : _a3.name) === ENCRYPTED_DISPLAY_NAME;
 }
@@ -16209,14 +16210,14 @@ async function hydrateResourceIOWithKey(resource, key) {
     return { importKey: importKey2 };
   }, true ? __vite__mapDeps([0,1,2]) : void 0);
   const { ensureZstdDecoderRegistered } = await __vitePreload(async () => {
-    const { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 } = await import("./zstd-browser-decoder-DGiXPDxR.js");
+    const { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 } = await import("./zstd-browser-decoder-Biv4GTD9.js");
     return { ensureZstdDecoderRegistered: ensureZstdDecoderRegistered2 };
   }, true ? __vite__mapDeps([3,2]) : void 0);
   ensureZstdDecoderRegistered();
   const cryptoKey = await importKey(key);
   const revivers = getRevivers();
   async function decryptField(value, rev, k2) {
-    if (isEncryptedMarker(value)) {
+    if (isEncryptedMarker$1(value)) {
       const raw2 = value.__encryptedData;
       return hydrateDataWithKey2(raw2, rev, k2);
     }
@@ -16250,7 +16251,7 @@ function hasEncryptedFields(resource) {
     return false;
   const r2 = resource;
   for (const key of ["input", "output", "metadata", "error"]) {
-    if (isEncryptedMarker(r2[key]))
+    if (isEncryptedMarker$1(r2[key]))
       return true;
   }
   if (r2.eventData && typeof r2.eventData === "object") {
@@ -16258,7 +16259,7 @@ function hasEncryptedFields(resource) {
     const refKeys = EVENT_DATA_REF_FIELDS[eventType] ?? [];
     const ed = r2.eventData;
     for (const key of refKeys) {
-      if (key in ed && isEncryptedMarker(ed[key]))
+      if (key in ed && isEncryptedMarker$1(ed[key]))
         return true;
     }
   }
@@ -17095,7 +17096,7 @@ const Toaster = /* @__PURE__ */ ReactExports.forwardRef(function Toaster2(props,
   const { id, invert, position: position2 = "bottom-right", hotkey = [
     "altKey",
     "KeyT"
-  ], expand, closeButton, className, offset: offset2, mobileOffset, theme: theme3 = "light", richColors, duration: duration2, style: style2, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
+  ], expand, closeButton, className, offset: offset2, mobileOffset, theme = "light", richColors, duration: duration2, style: style2, visibleToasts = VISIBLE_TOASTS_AMOUNT, toastOptions, dir = getDocumentDirection(), gap = GAP, icons, containerAriaLabel = "Notifications" } = props;
   const [toasts, setToasts] = ReactExports.useState([]);
   const filteredToasts = ReactExports.useMemo(() => {
     if (id) {
@@ -17117,7 +17118,7 @@ const Toaster = /* @__PURE__ */ ReactExports.forwardRef(function Toaster2(props,
   const [heights, setHeights] = ReactExports.useState([]);
   const [expanded2, setExpanded] = ReactExports.useState(false);
   const [interacting, setInteracting] = ReactExports.useState(false);
-  const [actualTheme, setActualTheme] = ReactExports.useState(theme3 !== "system" ? theme3 : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
+  const [actualTheme, setActualTheme] = ReactExports.useState(theme !== "system" ? theme : typeof window !== "undefined" ? window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
   const listRef = ReactExports.useRef(null);
   const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
   const lastFocusedElementRef = ReactExports.useRef(null);
@@ -17168,11 +17169,11 @@ const Toaster = /* @__PURE__ */ ReactExports.forwardRef(function Toaster2(props,
     toasts
   ]);
   ReactExports.useEffect(() => {
-    if (theme3 !== "system") {
-      setActualTheme(theme3);
+    if (theme !== "system") {
+      setActualTheme(theme);
       return;
     }
-    if (theme3 === "system") {
+    if (theme === "system") {
       if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
         setActualTheme("dark");
       } else {
@@ -17203,7 +17204,7 @@ const Toaster = /* @__PURE__ */ ReactExports.forwardRef(function Toaster2(props,
       });
     }
   }, [
-    theme3
+    theme
   ]);
   ReactExports.useEffect(() => {
     if (toasts.length <= 1) {
@@ -17434,792 +17435,6 @@ const buttonVariants$1 = cva([
 function Button$1({ className, variant, size: size2, type = "button", ...props }) {
   return jsxRuntimeExports.jsx("button", { type, className: cn$4(buttonVariants$1({ variant, size: size2, className })), ...props });
 }
-var __create = Object.create;
-var __defProp2 = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target2, all2) => {
-  for (var name2 in all2)
-    __defProp2(target2, name2, { get: all2[name2], enumerable: true });
-};
-var __copyProps = (to2, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to2, key) && key !== except)
-        __defProp2(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to2;
-};
-var __toESM = (mod, isNodeMode, target2) => (target2 = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  __defProp2(target2, "default", { value: mod, enumerable: true }),
-  mod
-));
-var require_is_object = __commonJS({
-  "node_modules/is-object/index.js"(exports$1, module) {
-    module.exports = function isObject2(x2) {
-      return typeof x2 === "object" && x2 !== null;
-    };
-  }
-});
-var require_is_window = __commonJS({
-  "node_modules/is-window/index.js"(exports$1, module) {
-    module.exports = function(obj) {
-      if (obj == null) {
-        return false;
-      }
-      var o = Object(obj);
-      return o === o.window;
-    };
-  }
-});
-var require_is_dom = __commonJS({
-  "node_modules/is-dom/index.js"(exports$1, module) {
-    var isObject2 = require_is_object();
-    var isWindow = require_is_window();
-    function isNode2(val) {
-      if (!isObject2(val) || !isWindow(window) || typeof window.Node !== "function") {
-        return false;
-      }
-      return typeof val.nodeType === "number" && typeof val.nodeName === "string";
-    }
-    module.exports = isNode2;
-  }
-});
-var themes_exports = {};
-__export(themes_exports, {
-  chromeDark: () => theme,
-  chromeLight: () => theme2
-});
-var theme = {
-  BASE_FONT_FAMILY: "Menlo, monospace",
-  BASE_FONT_SIZE: "11px",
-  BASE_LINE_HEIGHT: 1.2,
-  BASE_BACKGROUND_COLOR: "rgb(36, 36, 36)",
-  BASE_COLOR: "rgb(213, 213, 213)",
-  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
-  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
-  OBJECT_NAME_COLOR: "rgb(227, 110, 236)",
-  OBJECT_VALUE_NULL_COLOR: "rgb(127, 127, 127)",
-  OBJECT_VALUE_UNDEFINED_COLOR: "rgb(127, 127, 127)",
-  OBJECT_VALUE_REGEXP_COLOR: "rgb(233, 63, 59)",
-  OBJECT_VALUE_STRING_COLOR: "rgb(233, 63, 59)",
-  OBJECT_VALUE_SYMBOL_COLOR: "rgb(233, 63, 59)",
-  OBJECT_VALUE_NUMBER_COLOR: "hsl(252, 100%, 75%)",
-  OBJECT_VALUE_BOOLEAN_COLOR: "hsl(252, 100%, 75%)",
-  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(85, 106, 242)",
-  HTML_TAG_COLOR: "rgb(93, 176, 215)",
-  HTML_TAGNAME_COLOR: "rgb(93, 176, 215)",
-  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
-  HTML_ATTRIBUTE_NAME_COLOR: "rgb(155, 187, 220)",
-  HTML_ATTRIBUTE_VALUE_COLOR: "rgb(242, 151, 102)",
-  HTML_COMMENT_COLOR: "rgb(137, 137, 137)",
-  HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)",
-  ARROW_COLOR: "rgb(145, 145, 145)",
-  ARROW_MARGIN_RIGHT: 3,
-  ARROW_FONT_SIZE: 12,
-  ARROW_ANIMATION_DURATION: "0",
-  TREENODE_FONT_FAMILY: "Menlo, monospace",
-  TREENODE_FONT_SIZE: "11px",
-  TREENODE_LINE_HEIGHT: 1.2,
-  TREENODE_PADDING_LEFT: 12,
-  TABLE_BORDER_COLOR: "rgb(85, 85, 85)",
-  TABLE_TH_BACKGROUND_COLOR: "rgb(44, 44, 44)",
-  TABLE_TH_HOVER_COLOR: "rgb(48, 48, 48)",
-  TABLE_SORT_ICON_COLOR: "black",
-  //'rgb(48, 57, 66)',
-  TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",
-  TABLE_DATA_BACKGROUND_SIZE: "128px 32px"
-};
-var theme2 = {
-  BASE_FONT_FAMILY: "Menlo, monospace",
-  BASE_FONT_SIZE: "11px",
-  BASE_LINE_HEIGHT: 1.2,
-  BASE_BACKGROUND_COLOR: "white",
-  BASE_COLOR: "black",
-  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
-  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
-  OBJECT_NAME_COLOR: "rgb(136, 19, 145)",
-  OBJECT_VALUE_NULL_COLOR: "rgb(128, 128, 128)",
-  OBJECT_VALUE_UNDEFINED_COLOR: "rgb(128, 128, 128)",
-  OBJECT_VALUE_REGEXP_COLOR: "rgb(196, 26, 22)",
-  OBJECT_VALUE_STRING_COLOR: "rgb(196, 26, 22)",
-  OBJECT_VALUE_SYMBOL_COLOR: "rgb(196, 26, 22)",
-  OBJECT_VALUE_NUMBER_COLOR: "rgb(28, 0, 207)",
-  OBJECT_VALUE_BOOLEAN_COLOR: "rgb(28, 0, 207)",
-  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "rgb(13, 34, 170)",
-  HTML_TAG_COLOR: "rgb(168, 148, 166)",
-  HTML_TAGNAME_COLOR: "rgb(136, 18, 128)",
-  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
-  HTML_ATTRIBUTE_NAME_COLOR: "rgb(153, 69, 0)",
-  HTML_ATTRIBUTE_VALUE_COLOR: "rgb(26, 26, 166)",
-  HTML_COMMENT_COLOR: "rgb(35, 110, 37)",
-  HTML_DOCTYPE_COLOR: "rgb(192, 192, 192)",
-  ARROW_COLOR: "#6e6e6e",
-  ARROW_MARGIN_RIGHT: 3,
-  ARROW_FONT_SIZE: 12,
-  ARROW_ANIMATION_DURATION: "0",
-  TREENODE_FONT_FAMILY: "Menlo, monospace",
-  TREENODE_FONT_SIZE: "11px",
-  TREENODE_LINE_HEIGHT: 1.2,
-  TREENODE_PADDING_LEFT: 12,
-  TABLE_BORDER_COLOR: "#aaa",
-  TABLE_TH_BACKGROUND_COLOR: "#eee",
-  TABLE_TH_HOVER_COLOR: "hsla(0, 0%, 90%, 1)",
-  TABLE_SORT_ICON_COLOR: "#6e6e6e",
-  TABLE_DATA_BACKGROUND_IMAGE: "linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",
-  TABLE_DATA_BACKGROUND_SIZE: "128px 32px"
-};
-var ExpandedPathsContext = reactExports.createContext([{}, () => {
-}]);
-var unselectable = {
-  WebkitTouchCallout: "none",
-  WebkitUserSelect: "none",
-  KhtmlUserSelect: "none",
-  MozUserSelect: "none",
-  msUserSelect: "none",
-  OUserSelect: "none",
-  userSelect: "none"
-};
-var createTheme = (theme3) => ({
-  DOMNodePreview: {
-    htmlOpenTag: {
-      base: {
-        color: theme3.HTML_TAG_COLOR
-      },
-      tagName: {
-        color: theme3.HTML_TAGNAME_COLOR,
-        textTransform: theme3.HTML_TAGNAME_TEXT_TRANSFORM
-      },
-      htmlAttributeName: {
-        color: theme3.HTML_ATTRIBUTE_NAME_COLOR
-      },
-      htmlAttributeValue: {
-        color: theme3.HTML_ATTRIBUTE_VALUE_COLOR
-      }
-    },
-    htmlCloseTag: {
-      base: {
-        color: theme3.HTML_TAG_COLOR
-      },
-      offsetLeft: {
-        /* hack: offset placeholder */
-        marginLeft: -theme3.TREENODE_PADDING_LEFT
-      },
-      tagName: {
-        color: theme3.HTML_TAGNAME_COLOR,
-        textTransform: theme3.HTML_TAGNAME_TEXT_TRANSFORM
-      }
-    },
-    htmlComment: {
-      color: theme3.HTML_COMMENT_COLOR
-    },
-    htmlDoctype: {
-      color: theme3.HTML_DOCTYPE_COLOR
-    }
-  },
-  ObjectPreview: {
-    objectDescription: {
-      fontStyle: "italic"
-    },
-    preview: {
-      fontStyle: "italic"
-    },
-    arrayMaxProperties: theme3.OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES,
-    objectMaxProperties: theme3.OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES
-  },
-  ObjectName: {
-    base: {
-      color: theme3.OBJECT_NAME_COLOR
-    },
-    dimmed: {
-      opacity: 0.6
-    }
-  },
-  ObjectValue: {
-    objectValueNull: {
-      color: theme3.OBJECT_VALUE_NULL_COLOR
-    },
-    objectValueUndefined: {
-      color: theme3.OBJECT_VALUE_UNDEFINED_COLOR
-    },
-    objectValueRegExp: {
-      color: theme3.OBJECT_VALUE_REGEXP_COLOR
-    },
-    objectValueString: {
-      color: theme3.OBJECT_VALUE_STRING_COLOR
-    },
-    objectValueSymbol: {
-      color: theme3.OBJECT_VALUE_SYMBOL_COLOR
-    },
-    objectValueNumber: {
-      color: theme3.OBJECT_VALUE_NUMBER_COLOR
-    },
-    objectValueBoolean: {
-      color: theme3.OBJECT_VALUE_BOOLEAN_COLOR
-    },
-    objectValueFunctionPrefix: {
-      color: theme3.OBJECT_VALUE_FUNCTION_PREFIX_COLOR,
-      fontStyle: "italic"
-    },
-    objectValueFunctionName: {
-      fontStyle: "italic"
-    }
-  },
-  TreeView: {
-    treeViewOutline: {
-      padding: 0,
-      margin: 0,
-      listStyleType: "none"
-    }
-  },
-  TreeNode: {
-    treeNodeBase: {
-      color: theme3.BASE_COLOR,
-      backgroundColor: theme3.BASE_BACKGROUND_COLOR,
-      lineHeight: theme3.TREENODE_LINE_HEIGHT,
-      cursor: "default",
-      boxSizing: "border-box",
-      listStyle: "none",
-      fontFamily: theme3.TREENODE_FONT_FAMILY,
-      fontSize: theme3.TREENODE_FONT_SIZE
-    },
-    treeNodePreviewContainer: {},
-    treeNodePlaceholder: {
-      whiteSpace: "pre",
-      fontSize: theme3.ARROW_FONT_SIZE,
-      marginRight: theme3.ARROW_MARGIN_RIGHT,
-      ...unselectable
-    },
-    treeNodeArrow: {
-      base: {
-        color: theme3.ARROW_COLOR,
-        display: "inline-block",
-        // lineHeight: '14px',
-        fontSize: theme3.ARROW_FONT_SIZE,
-        marginRight: theme3.ARROW_MARGIN_RIGHT,
-        ...parseFloat(theme3.ARROW_ANIMATION_DURATION) > 0 ? {
-          transition: `transform ${theme3.ARROW_ANIMATION_DURATION} ease 0s`
-        } : {},
-        ...unselectable
-      },
-      expanded: {
-        WebkitTransform: "rotateZ(90deg)",
-        MozTransform: "rotateZ(90deg)",
-        transform: "rotateZ(90deg)"
-      },
-      collapsed: {
-        WebkitTransform: "rotateZ(0deg)",
-        MozTransform: "rotateZ(0deg)",
-        transform: "rotateZ(0deg)"
-      }
-    },
-    treeNodeChildNodesContainer: {
-      margin: 0,
-      // reset user-agent style
-      paddingLeft: theme3.TREENODE_PADDING_LEFT
-    }
-  },
-  TableInspector: {
-    base: {
-      color: theme3.BASE_COLOR,
-      position: "relative",
-      border: `1px solid ${theme3.TABLE_BORDER_COLOR}`,
-      fontFamily: theme3.BASE_FONT_FAMILY,
-      fontSize: theme3.BASE_FONT_SIZE,
-      lineHeight: "120%",
-      boxSizing: "border-box",
-      cursor: "default"
-    }
-  },
-  TableInspectorHeaderContainer: {
-    base: {
-      top: 0,
-      height: "17px",
-      left: 0,
-      right: 0,
-      overflowX: "hidden"
-    },
-    table: {
-      tableLayout: "fixed",
-      borderSpacing: 0,
-      borderCollapse: "separate",
-      height: "100%",
-      width: "100%",
-      margin: 0
-    }
-  },
-  TableInspectorDataContainer: {
-    tr: {
-      display: "table-row"
-    },
-    td: {
-      boxSizing: "border-box",
-      border: "none",
-      // prevent overrides
-      height: "16px",
-      // /* 0.5 * table.background-size height */
-      verticalAlign: "top",
-      padding: "1px 4px",
-      WebkitUserSelect: "text",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      lineHeight: "14px"
-    },
-    div: {
-      position: "static",
-      top: "17px",
-      bottom: 0,
-      overflowY: "overlay",
-      transform: "translateZ(0)",
-      left: 0,
-      right: 0,
-      overflowX: "hidden"
-    },
-    table: {
-      positon: "static",
-      left: 0,
-      top: 0,
-      right: 0,
-      bottom: 0,
-      borderTop: "0 none transparent",
-      margin: 0,
-      // prevent user agent stylesheet overrides
-      backgroundImage: theme3.TABLE_DATA_BACKGROUND_IMAGE,
-      backgroundSize: theme3.TABLE_DATA_BACKGROUND_SIZE,
-      tableLayout: "fixed",
-      // table
-      borderSpacing: 0,
-      borderCollapse: "separate",
-      // height: '100%',
-      width: "100%",
-      fontSize: theme3.BASE_FONT_SIZE,
-      lineHeight: "120%"
-    }
-  },
-  TableInspectorTH: {
-    base: {
-      position: "relative",
-      // anchor for sort icon container
-      height: "auto",
-      textAlign: "left",
-      backgroundColor: theme3.TABLE_TH_BACKGROUND_COLOR,
-      borderBottom: `1px solid ${theme3.TABLE_BORDER_COLOR}`,
-      fontWeight: "normal",
-      verticalAlign: "middle",
-      padding: "0 4px",
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      lineHeight: "14px",
-      ":hover": {
-        backgroundColor: theme3.TABLE_TH_HOVER_COLOR
-      }
-    },
-    div: {
-      whiteSpace: "nowrap",
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      // prevent user agent stylesheet overrides
-      fontSize: theme3.BASE_FONT_SIZE,
-      lineHeight: "120%"
-    }
-  },
-  TableInspectorLeftBorder: {
-    none: {
-      borderLeft: "none"
-    },
-    solid: {
-      borderLeft: `1px solid ${theme3.TABLE_BORDER_COLOR}`
-    }
-  },
-  TableInspectorSortIcon: {
-    display: "block",
-    marginRight: 3,
-    // 4,
-    width: 8,
-    height: 7,
-    marginTop: -7,
-    color: theme3.TABLE_SORT_ICON_COLOR,
-    fontSize: 12,
-    // lineHeight: 14
-    ...unselectable
-  }
-});
-var DEFAULT_THEME_NAME = "chromeLight";
-var ThemeContext = reactExports.createContext(createTheme(themes_exports[DEFAULT_THEME_NAME]));
-var useStyles = (baseStylesKey) => {
-  const themeStyles = reactExports.useContext(ThemeContext);
-  return themeStyles[baseStylesKey];
-};
-var themeAcceptor = (WrappedComponent) => {
-  const ThemeAcceptor = ({ theme: theme3 = DEFAULT_THEME_NAME, ...restProps }) => {
-    const themeStyles = reactExports.useMemo(() => {
-      switch (Object.prototype.toString.call(theme3)) {
-        case "[object String]":
-          return createTheme(themes_exports[theme3]);
-        case "[object Object]":
-          return createTheme(theme3);
-        default:
-          return createTheme(themes_exports[DEFAULT_THEME_NAME]);
-      }
-    }, [theme3]);
-    return /* @__PURE__ */ ReactExports.createElement(ThemeContext.Provider, { value: themeStyles }, /* @__PURE__ */ ReactExports.createElement(WrappedComponent, { ...restProps }));
-  };
-  return ThemeAcceptor;
-};
-var Arrow = ({ expanded: expanded2, styles: styles2 }) => /* @__PURE__ */ ReactExports.createElement(
-  "span",
-  {
-    style: {
-      ...styles2.base,
-      ...expanded2 ? styles2.expanded : styles2.collapsed
-    }
-  },
-  "▶"
-);
-var TreeNode = reactExports.memo((props) => {
-  props = {
-    expanded: true,
-    nodeRenderer: ({ name: name2 }) => /* @__PURE__ */ ReactExports.createElement("span", null, name2),
-    onClick: () => {
-    },
-    shouldShowArrow: false,
-    shouldShowPlaceholder: true,
-    ...props
-  };
-  const { expanded: expanded2, onClick, children: children2, nodeRenderer, title, shouldShowArrow, shouldShowPlaceholder } = props;
-  const styles2 = useStyles("TreeNode");
-  const NodeRenderer2 = nodeRenderer;
-  return /* @__PURE__ */ ReactExports.createElement("li", { "aria-expanded": expanded2, role: "treeitem", style: styles2.treeNodeBase, title }, /* @__PURE__ */ ReactExports.createElement("div", { style: styles2.treeNodePreviewContainer, onClick }, shouldShowArrow || reactExports.Children.count(children2) > 0 ? /* @__PURE__ */ ReactExports.createElement(Arrow, { expanded: expanded2, styles: styles2.treeNodeArrow }) : shouldShowPlaceholder && /* @__PURE__ */ ReactExports.createElement("span", { style: styles2.treeNodePlaceholder }, " "), /* @__PURE__ */ ReactExports.createElement(NodeRenderer2, { ...props })), /* @__PURE__ */ ReactExports.createElement("ol", { role: "group", style: styles2.treeNodeChildNodesContainer }, expanded2 ? children2 : void 0));
-});
-var DEFAULT_ROOT_PATH = "$";
-var WILDCARD = "*";
-function hasChildNodes(data, dataIterator) {
-  return !dataIterator(data).next().done;
-}
-var wildcardPathsFromLevel = (level) => {
-  return Array.from(
-    { length: level },
-    (_2, i) => [DEFAULT_ROOT_PATH].concat(Array.from({ length: i }, () => "*")).join(".")
-  );
-};
-var getExpandedPaths = (data, dataIterator, expandPaths, expandLevel, prevExpandedPaths) => {
-  const wildcardPaths = [].concat(wildcardPathsFromLevel(expandLevel)).concat(expandPaths).filter((path2) => typeof path2 === "string");
-  const expandedPaths = [];
-  wildcardPaths.forEach((wildcardPath) => {
-    const keyPaths = wildcardPath.split(".");
-    const populatePaths = (curData, curPath, depth) => {
-      if (depth === keyPaths.length) {
-        expandedPaths.push(curPath);
-        return;
-      }
-      const key = keyPaths[depth];
-      if (depth === 0) {
-        if (hasChildNodes(curData, dataIterator) && (key === DEFAULT_ROOT_PATH || key === WILDCARD)) {
-          populatePaths(curData, DEFAULT_ROOT_PATH, depth + 1);
-        }
-      } else {
-        if (key === WILDCARD) {
-          for (const { name: name2, data: data2 } of dataIterator(curData)) {
-            if (hasChildNodes(data2, dataIterator)) {
-              populatePaths(data2, `${curPath}.${name2}`, depth + 1);
-            }
-          }
-        } else {
-          const value = curData[key];
-          if (hasChildNodes(value, dataIterator)) {
-            populatePaths(value, `${curPath}.${key}`, depth + 1);
-          }
-        }
-      }
-    };
-    populatePaths(data, "", 0);
-  });
-  return expandedPaths.reduce(
-    (obj, path2) => {
-      obj[path2] = true;
-      return obj;
-    },
-    { ...prevExpandedPaths }
-  );
-};
-var ConnectedTreeNode = reactExports.memo((props) => {
-  const { data, dataIterator, path: path2, depth, nodeRenderer } = props;
-  const [expandedPaths, setExpandedPaths] = reactExports.useContext(ExpandedPathsContext);
-  const nodeHasChildNodes = hasChildNodes(data, dataIterator);
-  const expanded2 = !!expandedPaths[path2];
-  const handleClick = reactExports.useCallback(
-    () => nodeHasChildNodes && setExpandedPaths((prevExpandedPaths) => ({
-      ...prevExpandedPaths,
-      [path2]: !expanded2
-    })),
-    [nodeHasChildNodes, setExpandedPaths, path2, expanded2]
-  );
-  return /* @__PURE__ */ ReactExports.createElement(
-    TreeNode,
-    {
-      expanded: expanded2,
-      onClick: handleClick,
-      shouldShowArrow: nodeHasChildNodes,
-      shouldShowPlaceholder: depth > 0,
-      nodeRenderer,
-      ...props
-    },
-    // only render if the node is expanded
-    expanded2 ? [...dataIterator(data)].map(({ name: name2, data: data2, ...renderNodeProps }) => {
-      return /* @__PURE__ */ ReactExports.createElement(
-        ConnectedTreeNode,
-        {
-          name: name2,
-          data: data2,
-          depth: depth + 1,
-          path: `${path2}.${name2}`,
-          key: name2,
-          dataIterator,
-          nodeRenderer,
-          ...renderNodeProps
-        }
-      );
-    }) : null
-  );
-});
-var TreeView = reactExports.memo(({ name: name2, data, dataIterator, nodeRenderer, expandPaths, expandLevel }) => {
-  const styles2 = useStyles("TreeView");
-  const stateAndSetter = reactExports.useState({});
-  const [, setExpandedPaths] = stateAndSetter;
-  reactExports.useLayoutEffect(
-    () => setExpandedPaths(
-      (prevExpandedPaths) => getExpandedPaths(data, dataIterator, expandPaths, expandLevel, prevExpandedPaths)
-    ),
-    [data, dataIterator, expandPaths, expandLevel]
-  );
-  return /* @__PURE__ */ ReactExports.createElement(ExpandedPathsContext.Provider, { value: stateAndSetter }, /* @__PURE__ */ ReactExports.createElement("ol", { role: "tree", style: styles2.treeViewOutline }, /* @__PURE__ */ ReactExports.createElement(
-    ConnectedTreeNode,
-    {
-      name: name2,
-      data,
-      dataIterator,
-      depth: 0,
-      path: DEFAULT_ROOT_PATH,
-      nodeRenderer
-    }
-  )));
-});
-var ObjectName = ({ name: name2, dimmed = false, styles: styles2 = {} }) => {
-  const themeStyles = useStyles("ObjectName");
-  const appliedStyles = {
-    ...themeStyles.base,
-    ...dimmed ? themeStyles["dimmed"] : {},
-    ...styles2
-  };
-  return /* @__PURE__ */ ReactExports.createElement("span", { style: appliedStyles }, name2);
-};
-var ObjectValue = ({ object: object2, styles: styles2 }) => {
-  const themeStyles = useStyles("ObjectValue");
-  const mkStyle = (key) => ({ ...themeStyles[key], ...styles2 });
-  switch (typeof object2) {
-    case "bigint":
-      return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueNumber") }, String(object2), "n");
-    case "number":
-      return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueNumber") }, String(object2));
-    case "string":
-      return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueString") }, '"', object2, '"');
-    case "boolean":
-      return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueBoolean") }, String(object2));
-    case "undefined":
-      return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueUndefined") }, "undefined");
-    case "object":
-      if (object2 === null) {
-        return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueNull") }, "null");
-      }
-      if (object2 instanceof Date) {
-        return /* @__PURE__ */ ReactExports.createElement("span", null, object2.toString());
-      }
-      if (object2 instanceof RegExp) {
-        return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueRegExp") }, object2.toString());
-      }
-      if (Array.isArray(object2)) {
-        return /* @__PURE__ */ ReactExports.createElement("span", null, `Array(${object2.length})`);
-      }
-      if (!object2.constructor) {
-        return /* @__PURE__ */ ReactExports.createElement("span", null, "Object");
-      }
-      if (typeof object2.constructor.isBuffer === "function" && object2.constructor.isBuffer(object2)) {
-        return /* @__PURE__ */ ReactExports.createElement("span", null, `Buffer[${object2.length}]`);
-      }
-      return /* @__PURE__ */ ReactExports.createElement("span", null, object2.constructor.name);
-    case "function":
-      return /* @__PURE__ */ ReactExports.createElement("span", null, /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueFunctionPrefix") }, "ƒ "), /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueFunctionName") }, object2.name, "()"));
-    case "symbol":
-      return /* @__PURE__ */ ReactExports.createElement("span", { style: mkStyle("objectValueSymbol") }, object2.toString());
-    default:
-      return /* @__PURE__ */ ReactExports.createElement("span", null);
-  }
-};
-var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-var propertyIsEnumerable = Object.prototype.propertyIsEnumerable;
-function getPropertyValue(object2, propertyName) {
-  const propertyDescriptor = Object.getOwnPropertyDescriptor(object2, propertyName);
-  if (propertyDescriptor.get) {
-    try {
-      return propertyDescriptor.get();
-    } catch {
-      return propertyDescriptor.get;
-    }
-  }
-  return object2[propertyName];
-}
-function intersperse(arr, sep) {
-  if (arr.length === 0) {
-    return [];
-  }
-  return arr.slice(1).reduce((xs, x2) => xs.concat([sep, x2]), [arr[0]]);
-}
-var ObjectPreview = ({ data }) => {
-  const styles2 = useStyles("ObjectPreview");
-  const object2 = data;
-  if (typeof object2 !== "object" || object2 === null || object2 instanceof Date || object2 instanceof RegExp) {
-    return /* @__PURE__ */ ReactExports.createElement(ObjectValue, { object: object2 });
-  }
-  if (Array.isArray(object2)) {
-    const maxProperties = styles2.arrayMaxProperties;
-    const previewArray = object2.slice(0, maxProperties).map((element2, index2) => /* @__PURE__ */ ReactExports.createElement(ObjectValue, { key: index2, object: element2 }));
-    if (object2.length > maxProperties) {
-      previewArray.push(/* @__PURE__ */ ReactExports.createElement("span", { key: "ellipsis" }, "…"));
-    }
-    const arrayLength = object2.length;
-    return /* @__PURE__ */ ReactExports.createElement(ReactExports.Fragment, null, /* @__PURE__ */ ReactExports.createElement("span", { style: styles2.objectDescription }, arrayLength === 0 ? `` : `(${arrayLength}) `), /* @__PURE__ */ ReactExports.createElement("span", { style: styles2.preview }, "[", intersperse(previewArray, ", "), "]"));
-  } else {
-    const maxProperties = styles2.objectMaxProperties;
-    const propertyNodes = [];
-    for (const propertyName in object2) {
-      if (hasOwnProperty$1.call(object2, propertyName)) {
-        let ellipsis;
-        if (propertyNodes.length === maxProperties - 1 && Object.keys(object2).length > maxProperties) {
-          ellipsis = /* @__PURE__ */ ReactExports.createElement("span", { key: "ellipsis" }, "…");
-        }
-        const propertyValue2 = getPropertyValue(object2, propertyName);
-        propertyNodes.push(
-          /* @__PURE__ */ ReactExports.createElement("span", { key: propertyName }, /* @__PURE__ */ ReactExports.createElement(ObjectName, { name: propertyName || `""` }), ": ", /* @__PURE__ */ ReactExports.createElement(ObjectValue, { object: propertyValue2 }), ellipsis)
-        );
-        if (ellipsis) break;
-      }
-    }
-    const objectConstructorName = object2.constructor ? object2.constructor.name : "Object";
-    return /* @__PURE__ */ ReactExports.createElement(ReactExports.Fragment, null, /* @__PURE__ */ ReactExports.createElement("span", { style: styles2.objectDescription }, objectConstructorName === "Object" ? "" : `${objectConstructorName} `), /* @__PURE__ */ ReactExports.createElement("span", { style: styles2.preview }, "{", intersperse(propertyNodes, ", "), "}"));
-  }
-};
-var ObjectRootLabel = ({ name: name2, data }) => {
-  if (typeof name2 === "string") {
-    return /* @__PURE__ */ ReactExports.createElement("span", null, /* @__PURE__ */ ReactExports.createElement(ObjectName, { name: name2 }), /* @__PURE__ */ ReactExports.createElement("span", null, ": "), /* @__PURE__ */ ReactExports.createElement(ObjectPreview, { data }));
-  } else {
-    return /* @__PURE__ */ ReactExports.createElement(ObjectPreview, { data });
-  }
-};
-var ObjectLabel = ({ name: name2, data, isNonenumerable = false }) => {
-  const object2 = data;
-  return /* @__PURE__ */ ReactExports.createElement("span", null, typeof name2 === "string" ? /* @__PURE__ */ ReactExports.createElement(ObjectName, { name: name2, dimmed: isNonenumerable }) : /* @__PURE__ */ ReactExports.createElement(ObjectPreview, { data: name2 }), /* @__PURE__ */ ReactExports.createElement("span", null, ": "), /* @__PURE__ */ ReactExports.createElement(ObjectValue, { object: object2 }));
-};
-var createIterator = (showNonenumerable, sortObjectKeys) => {
-  const objectIterator = function* (data) {
-    const shouldIterate = typeof data === "object" && data !== null || typeof data === "function";
-    if (!shouldIterate) return;
-    const dataIsArray = Array.isArray(data);
-    if (!dataIsArray && data[Symbol.iterator]) {
-      let i = 0;
-      for (const entry of data) {
-        if (Array.isArray(entry) && entry.length === 2) {
-          const [k2, v2] = entry;
-          yield {
-            name: k2,
-            data: v2
-          };
-        } else {
-          yield {
-            name: i.toString(),
-            data: entry
-          };
-        }
-        i++;
-      }
-    } else {
-      const keys2 = Object.getOwnPropertyNames(data);
-      if (sortObjectKeys === true && !dataIsArray) {
-        keys2.sort();
-      } else if (typeof sortObjectKeys === "function") {
-        keys2.sort(sortObjectKeys);
-      }
-      for (const propertyName of keys2) {
-        if (propertyIsEnumerable.call(data, propertyName)) {
-          const propertyValue2 = getPropertyValue(data, propertyName);
-          yield {
-            name: propertyName || `""`,
-            data: propertyValue2
-          };
-        } else if (showNonenumerable) {
-          let propertyValue2;
-          try {
-            propertyValue2 = getPropertyValue(data, propertyName);
-          } catch (e) {
-          }
-          if (propertyValue2 !== void 0) {
-            yield {
-              name: propertyName,
-              data: propertyValue2,
-              isNonenumerable: true
-            };
-          }
-        }
-      }
-      if (showNonenumerable && data !== Object.prototype) {
-        yield {
-          name: "__proto__",
-          data: Object.getPrototypeOf(data),
-          isNonenumerable: true
-        };
-      }
-    }
-  };
-  return objectIterator;
-};
-var defaultNodeRenderer = ({ depth, name: name2, data, isNonenumerable }) => depth === 0 ? /* @__PURE__ */ ReactExports.createElement(ObjectRootLabel, { name: name2, data }) : /* @__PURE__ */ ReactExports.createElement(ObjectLabel, { name: name2, data, isNonenumerable });
-var ObjectInspector = ({ showNonenumerable = false, sortObjectKeys, nodeRenderer, ...treeViewProps }) => {
-  const dataIterator = createIterator(showNonenumerable, sortObjectKeys);
-  const renderer = nodeRenderer ? nodeRenderer : defaultNodeRenderer;
-  return /* @__PURE__ */ ReactExports.createElement(TreeView, { nodeRenderer: renderer, dataIterator, ...treeViewProps });
-};
-var themedObjectInspector = themeAcceptor(ObjectInspector);
-__toESM(require_is_dom());
-const useDarkMode = () => {
-  const [isDark, setIsDark] = reactExports.useState(() => {
-    if (typeof document === "undefined")
-      return false;
-    return document.documentElement.classList.contains("dark");
-  });
-  reactExports.useEffect(() => {
-    if (typeof document === "undefined")
-      return;
-    const observer = new MutationObserver(() => {
-      setIsDark(document.documentElement.classList.contains("dark"));
-    });
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"]
-    });
-    return () => observer.disconnect();
-  }, []);
-  return isDark;
-};
 function summarizeArrayBufferView(value) {
   const ta = value;
   const name2 = ta.constructor.name;
@@ -18242,64 +17457,92 @@ function formatArrayBufferViewForDisplay(value) {
     return { text: summarizeArrayBufferView(value) };
   }
 }
-const inspectorThemeExtendedLight = {
-  OBJECT_VALUE_DATE_COLOR: "var(--ds-pink-900)"
-};
-const inspectorThemeExtendedDark = {
-  OBJECT_VALUE_DATE_COLOR: "var(--ds-pink-900)"
-};
-const shared = {
-  BASE_FONT_SIZE: "11px",
-  BASE_LINE_HEIGHT: 1.4,
-  BASE_BACKGROUND_COLOR: "transparent",
-  OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES: 10,
-  OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES: 5,
-  HTML_TAGNAME_TEXT_TRANSFORM: "lowercase",
-  ARROW_MARGIN_RIGHT: 3,
-  ARROW_FONT_SIZE: 12,
-  TREENODE_FONT_FAMILY: "var(--font-mono)",
-  TREENODE_FONT_SIZE: "11px",
-  TREENODE_LINE_HEIGHT: 1.4,
-  TREENODE_PADDING_LEFT: 12,
-  TABLE_DATA_BACKGROUND_IMAGE: "none",
-  TABLE_DATA_BACKGROUND_SIZE: "0"
-};
-const geistTheme = {
-  ...shared,
-  // Base text
-  BASE_COLOR: "var(--ds-gray-1000)",
-  // Property names — default foreground (matches JSON key color in Geist Shiki)
-  OBJECT_NAME_COLOR: "var(--ds-gray-1000)",
-  // Strings & symbols — green
-  OBJECT_VALUE_STRING_COLOR: "var(--ds-green-900)",
-  OBJECT_VALUE_SYMBOL_COLOR: "var(--ds-green-900)",
-  // Numbers & booleans — green (Geist JSON tokens)
-  OBJECT_VALUE_NUMBER_COLOR: "var(--ds-green-900)",
-  OBJECT_VALUE_BOOLEAN_COLOR: "var(--ds-green-900)",
-  // null — muted foreground
-  OBJECT_VALUE_NULL_COLOR: "var(--ds-gray-900)",
-  // undefined — muted foreground
-  OBJECT_VALUE_UNDEFINED_COLOR: "var(--ds-gray-900)",
-  // RegExp — purple
-  OBJECT_VALUE_REGEXP_COLOR: "var(--ds-purple-900)",
-  // Functions — purple
-  OBJECT_VALUE_FUNCTION_PREFIX_COLOR: "var(--ds-purple-900)",
-  // HTML (rarely used here, kept consistent with the palette)
-  HTML_TAG_COLOR: "var(--ds-gray-900)",
-  HTML_TAGNAME_COLOR: "var(--ds-blue-900)",
-  HTML_ATTRIBUTE_NAME_COLOR: "var(--ds-amber-900)",
-  HTML_ATTRIBUTE_VALUE_COLOR: "var(--ds-green-900)",
-  HTML_COMMENT_COLOR: "var(--ds-gray-700)",
-  HTML_DOCTYPE_COLOR: "var(--ds-gray-700)",
-  // Structural
-  ARROW_COLOR: "var(--ds-gray-700)",
-  TABLE_BORDER_COLOR: "var(--ds-gray-300)",
-  TABLE_TH_BACKGROUND_COLOR: "var(--ds-gray-100)",
-  TABLE_TH_HOVER_COLOR: "var(--ds-gray-200)",
-  TABLE_SORT_ICON_COLOR: "var(--ds-gray-700)"
-};
-const inspectorThemeLight = geistTheme;
-const inspectorThemeDark = geistTheme;
+const CLS = {
+  container: "wf-json-view",
+  child: "wf-json-child",
+  childFields: "wf-json-child-fields",
+  label: "wf-json-label",
+  clickableLabel: "wf-json-clickable-label",
+  punctuation: "wf-json-punctuation",
+  className: "wf-json-classname",
+  expandIcon: "wf-json-expand-icon",
+  collapseIcon: "wf-json-collapse-icon",
+  collapsedContent: "wf-json-collapsed-content",
+  string: "wf-json-string",
+  number: "wf-json-number",
+  boolean: "wf-json-boolean",
+  null: "wf-json-null",
+  undefined: "wf-json-undefined",
+  date: "wf-json-date",
+  regexp: "wf-json-regexp"
+};
+const JSON_VIEW_STYLES = `
+.${CLS.container} {
+  display: inline;
+  font-family: var(--font-mono);
+  font-size: 13px;
+  line-height: 20px;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+  color: var(--ds-gray-1000);
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.${CLS.container} > .${CLS.child} > ul { padding-left: 0ch; }
+.${CLS.container} > .${CLS.child} { padding-left: 1.5ch; }
+.${CLS.child} { display: block; margin: 0; padding: 0 0 0 2ch; }
+.${CLS.child}:hover:not(:has(.${CLS.child}:hover)):not(:has(.${CLS.child} ~ .${CLS.child})) {
+  background-color: var(--ds-gray-alpha-100);
+  border-radius: 4px;
+}
+.${CLS.childFields} { margin: 0; padding: 0; list-style: none; }
+.${CLS.label}, .${CLS.clickableLabel} {
+  color: var(--ds-pink-900);
+  font-weight: 400;
+  margin-right: 1ch;
+}
+.${CLS.clickableLabel} { cursor: pointer; }
+.${CLS.punctuation} { color: var(--ds-gray-1000); }
+.${CLS.className} { font-style: italic; color: var(--ds-gray-900); margin-right: 1ch; }
+.${CLS.string} { color: var(--ds-green-900); }
+.${CLS.number} { color: var(--ds-blue-900); }
+.${CLS.boolean} { color: var(--ds-amber-900); }
+.${CLS.null}, .${CLS.undefined} { color: var(--ds-gray-900); }
+.${CLS.date} { color: var(--ds-pink-900); }
+.${CLS.regexp} { color: var(--ds-purple-900); }
+.${CLS.container} > .${CLS.child} > .${CLS.expandIcon},
+.${CLS.container} > .${CLS.child} > .${CLS.collapseIcon} { margin-left: -1.5ch; }
+.${CLS.expandIcon}, .${CLS.collapseIcon} {
+  appearance: none;
+  background: none;
+  border: 0;
+  padding: 0;
+  font: inherit;
+  vertical-align: baseline;
+  cursor: pointer;
+  display: inline-block;
+  margin-right: 0ch;
+  margin-left: -1.5ch;
+  color: var(--ds-gray-500);
+  user-select: none;
+  outline: none;
+}
+.${CLS.expandIcon}::after {
+  content: '\\25B8';
+  margin-right: 0.5ch;
+  transform: translateY(-0.5px);
+  display: block;
+}
+.${CLS.collapseIcon}::after { content: '\\25BE'; margin-right: 0.5ch; }
+.${CLS.expandIcon}:hover, .${CLS.collapseIcon}:hover,
+.${CLS.child}:has(> .${CLS.clickableLabel}:hover) > .${CLS.expandIcon},
+.${CLS.child}:has(> .${CLS.clickableLabel}:hover) > .${CLS.collapseIcon} {
+  color: var(--ds-gray-1000);
+}
+.${CLS.collapsedContent} { color: var(--ds-gray-900); }
+.${CLS.collapsedContent}::after { content: '...'; }
+`;
 const KEYFRAMES = `@keyframes wf-spinner-fade{0%{opacity:1}100%{opacity:.15}}`;
 function Spinner({ size: size2 = 14, color: color5 }) {
   const config2 = size2 <= 12 ? {
@@ -18397,6 +17640,10 @@ function isBytesDisplay(value) {
 function isClassInstanceRef(value) {
   return value !== null && typeof value === "object" && "__type" in value && value.__type === CLASS_INSTANCE_REF_TYPE;
 }
+function isEncryptedMarker(value) {
+  var _a3;
+  return value !== null && typeof value === "object" && ((_a3 = value.constructor) == null ? void 0 : _a3.name) === ENCRYPTED_DISPLAY_NAME;
+}
 const StreamClickContext = reactExports.createContext(void 0);
 const DecryptClickContext = reactExports.createContext(void 0);
 const RunClickContext = reactExports.createContext(void 0);
@@ -18439,7 +17686,6 @@ function RunRefInline({ runRef }) {
     onRunClick == null ? void 0 : onRunClick(runRef.runId);
   }, title: `View run: ${runRef.runId}`, children: jsxRuntimeExports.jsx("span", { children: runRef.runId }) });
 }
-const ExtendedThemeContext = reactExports.createContext(inspectorThemeExtendedLight);
 function DecodedBytesChunk({ decodedText, source }) {
   const [selectedView, setSelectedView] = reactExports.useState("decoded");
   const parsed = parseChunkData(decodedText);
@@ -18456,45 +17702,204 @@ function DecodedBytesInspector({ decodedText, source }) {
   const [expanded2, setExpanded] = reactExports.useState(false);
   return jsxRuntimeExports.jsxs("div", { className: "font-mono", children: [jsxRuntimeExports.jsxs("button", { type: "button", className: "flex max-w-full items-start gap-1 text-left", style: { color: "var(--ds-gray-1000)" }, onClick: () => setExpanded((value) => !value), title: `${source.type} decoded as ${source.encoding.toUpperCase()} text`, children: [jsxRuntimeExports.jsx("span", { className: "select-none", style: { color: "var(--ds-gray-700)" }, children: expanded2 ? "▼" : "▶" }), jsxRuntimeExports.jsx("span", { className: "min-w-0 break-words", children: source.rawSummary })] }), expanded2 && jsxRuntimeExports.jsxs("div", { className: "mt-1 pl-5", children: [jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-gray-700)" }, children: "decoded: " }), jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-green-900)" }, children: JSON.stringify(decodedText) })] })] });
 }
-function BytesDisplayLabel({ name: name2, display }) {
-  return jsxRuntimeExports.jsxs("div", { className: "inline-block min-w-0 align-top", children: [name2 != null && jsxRuntimeExports.jsx(ObjectName, { name: name2 }), name2 != null && jsxRuntimeExports.jsx("span", { children: ": " }), display.decodedFrom ? jsxRuntimeExports.jsx(DecodedBytesChunk, { decodedText: display.text, source: display.decodedFrom }) : jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-gray-1000)" }, children: display.text })] });
+function BytesDisplayValue({ display }) {
+  if (display.decodedFrom) {
+    return jsxRuntimeExports.jsx(DecodedBytesChunk, { decodedText: display.text, source: display.decodedFrom });
+  }
+  return jsxRuntimeExports.jsx("span", { className: "whitespace-pre-wrap break-words", style: { color: "var(--ds-gray-1000)" }, children: display.text });
+}
+function formatField(field) {
+  return field === "" ? '""' : field;
 }
-function NodeRenderer({ depth, name: name2, data, isNonenumerable }) {
+function describeContainer(value) {
   var _a3;
-  const extendedTheme = reactExports.useContext(ExtendedThemeContext);
-  if (isBytesDisplay(data)) {
-    return jsxRuntimeExports.jsx(BytesDisplayLabel, { name: name2, display: data });
+  if (Array.isArray(value)) {
+    return {
+      entries: value.map((item) => [void 0, item]),
+      open: "[",
+      close: "]"
+    };
   }
-  if (data !== null && typeof data === "object" && ((_a3 = data.constructor) == null ? void 0 : _a3.name) === ENCRYPTED_DISPLAY_NAME) {
-    const label = jsxRuntimeExports.jsx(EncryptedInlineLabel, {});
-    if (depth === 0) {
-      return label;
-    }
-    return jsxRuntimeExports.jsxs("span", { children: [name2 != null && jsxRuntimeExports.jsx(ObjectName, { name: name2 }), name2 != null && jsxRuntimeExports.jsx("span", { children: ": " }), label] });
+  if (value instanceof Map) {
+    return {
+      entries: Array.from(value.entries(), ([key, val]) => [
+        String(key),
+        val
+      ]),
+      open: "{",
+      close: "}",
+      prefix: "Map"
+    };
+  }
+  if (value instanceof Set) {
+    return {
+      entries: Array.from(value.values(), (item) => [void 0, item]),
+      open: "[",
+      close: "]",
+      prefix: "Set"
+    };
   }
-  if (isStreamRef(data)) {
-    return jsxRuntimeExports.jsxs("span", { children: [name2 != null && jsxRuntimeExports.jsx(ObjectName, { name: name2 }), name2 != null && jsxRuntimeExports.jsx("span", { children: ": " }), jsxRuntimeExports.jsx(StreamRefInline, { streamRef: data })] });
+  if (value !== null && typeof value === "object") {
+    const name2 = (_a3 = value.constructor) == null ? void 0 : _a3.name;
+    return {
+      entries: Object.entries(value),
+      open: "{",
+      close: "}",
+      prefix: name2 && name2 !== "Object" ? name2 : void 0
+    };
   }
-  if (isRunRef(data)) {
-    return jsxRuntimeExports.jsxs("span", { children: [name2 != null && jsxRuntimeExports.jsx(ObjectName, { name: name2 }), name2 != null && jsxRuntimeExports.jsx("span", { children: ": " }), jsxRuntimeExports.jsx(RunRefInline, { runRef: data })] });
+  return null;
+}
+function describePrimitive(value) {
+  if (value === null)
+    return { text: "null", cls: CLS.null };
+  if (value === void 0)
+    return { text: "undefined", cls: CLS.undefined };
+  if (typeof value === "string" || value instanceof String) {
+    return { text: `"${String(value)}"`, cls: CLS.string };
   }
-  if (isClassInstanceRef(data)) {
-    if (depth === 0) {
-      return jsxRuntimeExports.jsx(ObjectRootLabel, { name: data.className, data: data.data });
+  if (typeof value === "boolean" || value instanceof Boolean) {
+    return { text: String(value), cls: CLS.boolean };
+  }
+  if (typeof value === "number" || value instanceof Number) {
+    return { text: String(value), cls: CLS.number };
+  }
+  if (typeof value === "bigint") {
+    return { text: `${value.toString()}n`, cls: CLS.number };
+  }
+  return { text: String(value), cls: CLS.punctuation };
+}
+function Label({ field, clickable }) {
+  if (field === void 0)
+    return null;
+  return jsxRuntimeExports.jsx("span", { className: clickable ? CLS.clickableLabel : CLS.label, children: `${formatField(field)}:` });
+}
+function Comma({ isLast }) {
+  if (isLast)
+    return null;
+  return jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: "," });
+}
+function LeafRow({ field, isLast, children: children2 }) {
+  return jsxRuntimeExports.jsxs("div", { className: CLS.child, role: "treeitem", tabIndex: -1, children: [jsxRuntimeExports.jsx(Label, { field }), children2, jsxRuntimeExports.jsx(Comma, { isLast })] });
+}
+function PrimitiveValue({ field, value, isLast }) {
+  const { text: text2, cls } = describePrimitive(value);
+  return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx("span", { className: cls, children: text2 }) });
+}
+function EmptyContainer({ field, prefix, open, close, isLast }) {
+  return jsxRuntimeExports.jsxs("div", { className: CLS.child, role: "treeitem", tabIndex: -1, children: [jsxRuntimeExports.jsx(Label, { field }), prefix ? jsxRuntimeExports.jsx("span", { className: CLS.className, children: prefix }) : null, jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: open }), jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: close }), jsxRuntimeExports.jsx(Comma, { isLast })] });
+}
+function focusExpander(button, outerRef) {
+  var _a3;
+  const previous2 = (_a3 = outerRef.current) == null ? void 0 : _a3.querySelector('[data-json-expander][tabindex="0"]');
+  if (previous2)
+    previous2.tabIndex = -1;
+  button.tabIndex = 0;
+  button.focus();
+}
+function moveExpanderFocus(outerRef, direction) {
+  const root2 = outerRef.current;
+  if (!root2)
+    return;
+  const buttons = root2.querySelectorAll("[data-json-expander]");
+  let current = -1;
+  for (let i = 0; i < buttons.length; i += 1) {
+    if (buttons[i].tabIndex === 0) {
+      current = i;
+      break;
     }
-    return jsxRuntimeExports.jsxs("span", { children: [name2 != null && jsxRuntimeExports.jsx(ObjectName, { name: name2 }), name2 != null && jsxRuntimeExports.jsx("span", { children: ": " }), jsxRuntimeExports.jsxs("span", { style: { fontStyle: "italic" }, children: [data.className, " "] }), jsxRuntimeExports.jsx(ObjectValue, { object: data.data })] });
   }
-  if (data instanceof Date) {
-    const dateStr = data.toISOString();
-    if (depth === 0) {
-      return jsxRuntimeExports.jsx("span", { style: { color: extendedTheme.OBJECT_VALUE_DATE_COLOR }, children: dateStr });
+  if (current < 0)
+    return;
+  const next2 = (current + direction + buttons.length) % buttons.length;
+  buttons[current].tabIndex = -1;
+  buttons[next2].tabIndex = 0;
+  buttons[next2].focus();
+}
+function ExpandableContainer({ field, entries, open, close, prefix, ctx, isLast }) {
+  const { level, shouldExpand, outerRef } = ctx;
+  const [expanded2, setExpanded] = reactExports.useState(() => shouldExpand(level));
+  const rowRef = reactExports.useRef(null);
+  const contentsId = reactExports.useId();
+  if (entries.length === 0) {
+    return jsxRuntimeExports.jsx(EmptyContainer, { field, prefix, open, close, isLast });
+  }
+  const toggle = () => {
+    setExpanded((value) => !value);
+    if (rowRef.current)
+      focusExpander(rowRef.current, outerRef);
+  };
+  const onClick = (event) => {
+    if (event.target.closest('[role="treeitem"]') !== event.currentTarget) {
+      return;
     }
-    return jsxRuntimeExports.jsxs("span", { children: [name2 != null && jsxRuntimeExports.jsx(ObjectName, { name: name2 }), name2 != null && jsxRuntimeExports.jsx("span", { children: ": " }), jsxRuntimeExports.jsx("span", { style: { color: extendedTheme.OBJECT_VALUE_DATE_COLOR }, children: dateStr })] });
+    toggle();
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "ArrowRight") {
+      event.preventDefault();
+      setExpanded(true);
+    } else if (event.key === "ArrowLeft") {
+      event.preventDefault();
+      setExpanded(false);
+    } else if (event.key === "ArrowUp") {
+      event.preventDefault();
+      moveExpanderFocus(outerRef, -1);
+    } else if (event.key === "ArrowDown") {
+      event.preventDefault();
+      moveExpanderFocus(outerRef, 1);
+    }
+  };
+  const lastIndex = entries.length - 1;
+  return (
+    // The treeitem row is the focusable, keyboard-operable control (roving
+    // tabindex + arrow keys); the disclosure marker below is purely decorative.
+    jsxRuntimeExports.jsxs("div", { className: CLS.child, role: "treeitem", "aria-expanded": expanded2, "aria-controls": expanded2 ? contentsId : void 0, "data-json-expander": true, ref: rowRef, tabIndex: level === 0 ? 0 : -1, onClick, onKeyDown, children: [jsxRuntimeExports.jsx("span", { className: expanded2 ? CLS.collapseIcon : CLS.expandIcon, "aria-hidden": "true" }), field !== void 0 && jsxRuntimeExports.jsx("span", { className: CLS.clickableLabel, children: `${formatField(field)}:` }), prefix ? jsxRuntimeExports.jsx("span", { className: CLS.className, children: prefix }) : null, jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: open }), expanded2 ? (
+      // biome-ignore lint/a11y/useSemanticElements: ARIA tree group is the correct role here
+      jsxRuntimeExports.jsx("ul", { id: contentsId, className: CLS.childFields, role: "group", children: entries.map(([childField, childValue], index2) => jsxRuntimeExports.jsx(DataRender, { field: childField, value: childValue, isLast: index2 === lastIndex, ctx: { ...ctx, level: level + 1 } }, childField ?? index2)) })
+    ) : jsxRuntimeExports.jsx("span", { className: CLS.collapsedContent, "aria-hidden": "true" }), jsxRuntimeExports.jsx("span", { className: CLS.punctuation, children: close }), jsxRuntimeExports.jsx(Comma, { isLast })] })
+  );
+}
+function DataRender({ field, value, isLast, ctx }) {
+  if (isBytesDisplay(value)) {
+    return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx(BytesDisplayValue, { display: value }) });
+  }
+  if (isEncryptedMarker(value)) {
+    return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx(EncryptedInlineLabel, {}) });
+  }
+  if (isStreamRef(value)) {
+    return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx(StreamRefInline, { streamRef: value }) });
+  }
+  if (isRunRef(value)) {
+    return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx(RunRefInline, { runRef: value }) });
+  }
+  if (value instanceof Date) {
+    return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx("span", { className: CLS.date, children: value.toISOString() }) });
+  }
+  if (value instanceof RegExp) {
+    return jsxRuntimeExports.jsx(LeafRow, { field, isLast, children: jsxRuntimeExports.jsx("span", { className: CLS.regexp, children: value.toString() }) });
+  }
+  if (isClassInstanceRef(value)) {
+    return jsxRuntimeExports.jsx(ClassInstanceNode, { field, instance: value, isLast, ctx });
   }
-  if (depth === 0) {
-    return jsxRuntimeExports.jsx(ObjectRootLabel, { name: name2, data });
+  const container = describeContainer(value);
+  if (container) {
+    return jsxRuntimeExports.jsx(ExpandableContainer, { field, entries: container.entries, open: container.open, close: container.close, prefix: container.prefix, ctx, isLast });
   }
-  return jsxRuntimeExports.jsx(ObjectLabel, { name: name2, data, isNonenumerable });
+  return jsxRuntimeExports.jsx(PrimitiveValue, { field, value, isLast, ctx });
+}
+function ClassInstanceNode({ field, instance, isLast, ctx }) {
+  const container = describeContainer(instance.data);
+  if (container) {
+    return jsxRuntimeExports.jsx(ExpandableContainer, { field, entries: container.entries, open: container.open, close: container.close, prefix: instance.className, ctx, isLast });
+  }
+  const { text: text2, cls } = describePrimitive(instance.data);
+  return jsxRuntimeExports.jsxs(LeafRow, { field, isLast, children: [jsxRuntimeExports.jsx("span", { className: CLS.className, children: instance.className }), jsxRuntimeExports.jsx("span", { className: cls, children: text2 })] });
+}
+function JsonTree({ data, name: name2, expandLevel }) {
+  const outerRef = reactExports.useRef(null);
+  const shouldExpand = reactExports.useMemo(() => (level) => level < expandLevel, [expandLevel]);
+  return jsxRuntimeExports.jsx("div", { ref: outerRef, className: CLS.container, role: "tree", "aria-label": "JSON view", children: jsxRuntimeExports.jsx(DataRender, { field: name2, value: data, isLast: true, ctx: { level: 0, shouldExpand, outerRef } }) });
 }
 function makeOpaqueRef(ref) {
   const opaque = /* @__PURE__ */ Object.create(null);
@@ -18550,32 +17955,17 @@ function collapseRefs(data) {
 function DataInspector({ data, expandLevel = 2, name: name2, onStreamClick, onRunClick, onDecrypt, isDecrypting = false }) {
   const collapsedData = reactExports.useMemo(() => collapseRefs(data), [data]);
   const stableData = useStableInspectorData(collapsedData);
-  const [initialExpandLevel, setInitialExpandLevel] = reactExports.useState(expandLevel);
-  const isDark = useDarkMode();
-  const extendedTheme = isDark ? inspectorThemeExtendedDark : inspectorThemeExtendedLight;
-  reactExports.useEffect(() => {
-    setInitialExpandLevel(0);
-  }, []);
-  const content2 = jsxRuntimeExports.jsx(ExtendedThemeContext.Provider, { value: extendedTheme, children: jsxRuntimeExports.jsx(themedObjectInspector, {
-    data: stableData,
-    name: name2,
-    // @ts-expect-error react-inspector accepts theme objects at runtime despite
-    // types declaring string only — see https://github.com/storybookjs/react-inspector/blob/main/README.md#theme
-    theme: isDark ? inspectorThemeDark : inspectorThemeLight,
-    expandLevel: initialExpandLevel,
-    nodeRenderer: NodeRenderer
-  }) });
-  let wrapped = content2;
+  let content2 = jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { href: "wf-json-view", precedence: "default", children: JSON_VIEW_STYLES }), jsxRuntimeExports.jsx(JsonTree, { data: stableData, name: name2, expandLevel })] });
   if (onStreamClick) {
-    wrapped = jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: wrapped });
+    content2 = jsxRuntimeExports.jsx(StreamClickContext.Provider, { value: onStreamClick, children: content2 });
   }
   if (onRunClick) {
-    wrapped = jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: wrapped });
+    content2 = jsxRuntimeExports.jsx(RunClickContext.Provider, { value: onRunClick, children: content2 });
   }
   if (onDecrypt) {
-    wrapped = jsxRuntimeExports.jsx(DecryptClickContext.Provider, { value: { onDecrypt, isDecrypting }, children: wrapped });
+    content2 = jsxRuntimeExports.jsx(DecryptClickContext.Provider, { value: { onDecrypt, isDecrypting }, children: content2 });
   }
-  return wrapped;
+  return content2;
 }
 function useStableInspectorData(next2) {
   const previousRef = reactExports.useRef(next2);
@@ -44254,7 +43644,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et = ({ className: e, language: t, style: o, isIncomplete: n, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o }, ...s2 });
 var Se = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot = ({ language: e }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e }) });
-var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-LmACipCR.js"), true ? __vite__mapDeps([4,2]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
+var cn$1 = /\n+$/, dn = reactExports.lazy(() => __vitePreload(() => import("./highlighted-body-B3W2YXNL-pQbU-Oll.js"), true ? __vite__mapDeps([4,2]) : void 0).then((e) => ({ default: e.HighlightedCodeBlockBody }))), rt = ({ code: e, language: t, className: o, children: n, isIncomplete: s2 = false, ...r2 }) => {
   let i = reactExports.useMemo(() => e.replace(cn$1, ""), [e]), c = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i]);
   return jsxRuntimeExports.jsx(Se.Provider, { value: { code: e }, children: jsxRuntimeExports.jsxs(et, { isIncomplete: s2, language: t, children: [jsxRuntimeExports.jsx(ot, { language: t }), n ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe, { className: o, language: t, result: c, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o, code: i, language: t, raw: c, ...r2 }) })] }) });
@@ -49548,7 +48938,7 @@ export {
   Content as C,
   DEFAULT_PAGE_SIZE as D,
   Root2 as E,
-  Arrow$1 as F,
+  Arrow as F,
   useComposedRefs as G,
   fetchRun as H,
   cva as I,
@@ -49575,7 +48965,7 @@ export {
   ContextCardProvider as a0,
   Skeleton$1 as a1,
   Yr as a2,
-  isEncryptedMarker as a3,
+  isEncryptedMarker$1 as a3,
   TimestampTooltip as a4,
   formatDuration as a5,
   _r as a6,