@workflow/web 4.1.0-beta.41 → 4.1.0-beta.42

package/build/server/assets/{server-build-CKAakcyN.js → server-build-Cyb0dncG.js}

@@ -14,7 +14,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var __superGet = (cls, obj, key) => __reflectGet(__getProtoOf(cls), key, obj);
 var _a2, _reader;
-import { a as requireReact, S as ServerRouter, c as createReadableStreamFromReadable, r as reactExports, g as getDefaultExportFromCjs, R as React, b as ReactExports, w as withComponentProps, M as Meta, L as Links, d as ScrollRestoration, e as Scripts, O as Outlet, u as useNavigate, f as useSearchParams, h as Link$1, i as useLocation, j as useParams } from "./app-Bdxmgv4c.js";
+import { a as requireReact, S as ServerRouter, c as createReadableStreamFromReadable, r as reactExports, g as getDefaultExportFromCjs, R as React, b as ReactExports, w as withComponentProps, M as Meta, L as Links, d as ScrollRestoration, e as Scripts, O as Outlet, u as useNavigate, f as useSearchParams, h as Link$1, i as useLocation, j as useParams } from "./app-BIqik-91.js";
 import require$$0$4, { PassThrough } from "node:stream";
 import require$$0 from "util";
 import require$$1$1 from "crypto";
@@ -25,7 +25,7 @@ import path$2, { join as join$1, resolve, dirname, isAbsolute, sep } from "node:
 import { fileURLToPath } from "node:url";
 import { createRequire } from "module";
 import require$$0$8, { readdir, readlink, readFile, mkdir, access, constants as constants$5, writeFile, unlink, rm } from "node:fs/promises";
-import crypto, { webcrypto } from "node:crypto";
+import crypto, { createHash, webcrypto } from "node:crypto";
 import require$$1$2 from "tty";
 import require$$0$1 from "os";
 import { createRequire as createRequire$1 } from "node:module";
@@ -30198,7 +30198,7 @@ const createLucideIcon = (iconName, iconNode) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$A = [
+const __iconNode$z = [
   [
     "path",
     {
@@ -30207,14 +30207,14 @@ const __iconNode$A = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$A);
+const Activity = createLucideIcon("activity", __iconNode$z);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$z = [
+const __iconNode$y = [
   ["path", { d: "M6.87 6.87a8 8 0 1 0 11.26 11.26", key: "3on8tj" }],
   ["path", { d: "M19.9 14.25a8 8 0 0 0-9.15-9.15", key: "15ghsc" }],
   ["path", { d: "m22 6-3-3", key: "1opdir" }],
@@ -30222,105 +30222,105 @@ const __iconNode$z = [
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
   ["path", { d: "M4 4 2 6", key: "1ycko6" }]
 ];
-const AlarmClockOff = createLucideIcon("alarm-clock-off", __iconNode$z);
+const AlarmClockOff = createLucideIcon("alarm-clock-off", __iconNode$y);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$y = [
+const __iconNode$x = [
   ["path", { d: "m3 16 4 4 4-4", key: "1co6wj" }],
   ["path", { d: "M7 20V4", key: "1yoxec" }],
   ["path", { d: "M20 8h-5", key: "1vsyxs" }],
   ["path", { d: "M15 10V6.5a2.5 2.5 0 0 1 5 0V10", key: "ag13bf" }],
   ["path", { d: "M15 14h5l-5 6h5", key: "ur5jdg" }]
 ];
-const ArrowDownAZ = createLucideIcon("arrow-down-a-z", __iconNode$y);
+const ArrowDownAZ = createLucideIcon("arrow-down-a-z", __iconNode$x);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$x = [
+const __iconNode$w = [
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }],
   ["path", { d: "M20 8h-5", key: "1vsyxs" }],
   ["path", { d: "M15 10V6.5a2.5 2.5 0 0 1 5 0V10", key: "ag13bf" }],
   ["path", { d: "M15 14h5l-5 6h5", key: "ur5jdg" }]
 ];
-const ArrowUpAZ = createLucideIcon("arrow-up-a-z", __iconNode$x);
+const ArrowUpAZ = createLucideIcon("arrow-up-a-z", __iconNode$w);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$w = [
+const __iconNode$v = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
 ];
-const ArrowUpRight = createLucideIcon("arrow-up-right", __iconNode$w);
+const ArrowUpRight = createLucideIcon("arrow-up-right", __iconNode$v);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$v = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$v);
+const __iconNode$u = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$u);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$u = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$u);
+const __iconNode$t = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$t);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$t = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$t);
+const __iconNode$s = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$s);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$s = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$s);
+const __iconNode$r = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$r = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$r);
+const __iconNode$q = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$q);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$q = [
+const __iconNode$p = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$q);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$p);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$p = [
+const __iconNode$o = [
   [
     "path",
     {
@@ -30330,127 +30330,127 @@ const __iconNode$p = [
   ],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
 ];
-const CirclePlay = createLucideIcon("circle-play", __iconNode$p);
+const CirclePlay = createLucideIcon("circle-play", __iconNode$o);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$o = [
+const __iconNode$n = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$o);
+const CircleQuestionMark = createLucideIcon("circle-question-mark", __iconNode$n);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$n = [
+const __iconNode$m = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1", key: "1ssd4o" }]
 ];
-const CircleStop = createLucideIcon("circle-stop", __iconNode$n);
+const CircleStop = createLucideIcon("circle-stop", __iconNode$m);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [
+const __iconNode$l = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$m);
+const CircleX = createLucideIcon("circle-x", __iconNode$l);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$l);
+const __iconNode$k = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$k);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [
+const __iconNode$j = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$k);
+const Clock = createLucideIcon("clock", __iconNode$j);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$i = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$j);
+const Copy = createLucideIcon("copy", __iconNode$i);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$h = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$i);
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$h);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$g = [
   ["path", { d: "M15 6a9 9 0 0 0-9 9V3", key: "1cii5b" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$h);
+const GitBranch = createLucideIcon("git-branch", __iconNode$g);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$f = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$2 = createLucideIcon("info", __iconNode$g);
+const Info$2 = createLucideIcon("info", __iconNode$f);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$e = [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ];
-const Link2 = createLucideIcon("link-2", __iconNode$f);
+const Link2 = createLucideIcon("link-2", __iconNode$e);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$d = [
   ["path", { d: "M3 5h.01", key: "18ugdj" }],
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 19h.01", key: "noohij" }],
@@ -30458,26 +30458,15 @@ const __iconNode$e = [
   ["path", { d: "M8 12h13", key: "1za7za" }],
   ["path", { d: "M8 19h13", key: "m83p4d" }]
 ];
-const List$1 = createLucideIcon("list", __iconNode$e);
+const List$1 = createLucideIcon("list", __iconNode$d);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$d);
-/**
- * @license lucide-react v0.575.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$c = [
-  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
-  ["path", { d: "M7 11V7a5 5 0 0 1 9.9-1", key: "1mm8w8" }]
-];
-const LockOpen = createLucideIcon("lock-open", __iconNode$c);
+const __iconNode$c = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$c);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -33964,792 +33953,6 @@ const Lr = /* @__PURE__ */ K$3(() => {
 function kn$1(t, e, n) {
   return e !== "normal" && !(e != null && e.endsWith("px")) && n(`${t} was not resolved to pixel value correctly`, e, Ct$1.WARN), e === "normal" ? 0 : parseInt(e != null ? e : "0", 10);
 }
-var __create = Object.create;
-var __defProp2 = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf2 = 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(__getProtoOf2(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$2 = ({ 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: shouldShowPlaceholder2 } = 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$2, { expanded: expanded2, styles: styles2.treeNodeArrow }) : shouldShowPlaceholder2 && /* @__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, sep2) {
-  if (arr.length === 0) {
-    return [];
-  }
-  return arr.slice(1).reduce((xs, x2) => xs.concat([sep2, 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 entry2 of data) {
-        if (Array.isArray(entry2) && entry2.length === 2) {
-          const [k2, v2] = entry2;
-          yield {
-            name: k2,
-            data: v2
-          };
-        } else {
-          yield {
-            name: i.toString(),
-            data: entry2
-          };
-        }
-        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;
-};
 class DevalueError extends Error {
   /**
    * @param {string} message
@@ -35712,6 +34915,850 @@ async function hydrateResourceIOWithKey(resource, key) {
   }
   return result;
 }
+const KEYFRAMES = `@keyframes wf-spinner-fade{0%{opacity:1}100%{opacity:.15}}`;
+function Spinner({ size: size2 = 14, color: color5 }) {
+  const config2 = size2 <= 12 ? {
+    angle: 45,
+    delays: [-875, -750, -625, -500, -375, -250, -125, 0],
+    duration: 1e3,
+    lineW: 3,
+    lineH: 1.5
+  } : size2 <= 16 ? {
+    angle: 36,
+    delays: [-900, -800, -700, -600, -500, -400, -300, -200, -100, 0],
+    duration: 1e3,
+    lineW: 4,
+    lineH: 1.5
+  } : {
+    angle: 30,
+    delays: [
+      -1100,
+      -1e3,
+      -900,
+      -800,
+      -700,
+      -600,
+      -500,
+      -400,
+      -300,
+      -200,
+      -100,
+      0
+    ],
+    duration: 1200,
+    lineW: size2 * 0.24,
+    lineH: size2 * 0.08
+  };
+  return jsxRuntimeExports.jsxs("span", { style: {
+    display: "inline-flex",
+    position: "relative",
+    width: size2,
+    height: size2
+  }, children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: KEYFRAMES } }), config2.delays.map((delay, i) => jsxRuntimeExports.jsx("span", { style: {
+    position: "absolute",
+    left: "50%",
+    top: "50%",
+    width: config2.lineW,
+    height: config2.lineH,
+    marginLeft: -config2.lineW / 2,
+    marginTop: -config2.lineH / 2,
+    borderRadius: 1,
+    backgroundColor: color5 ?? "var(--ds-gray-700)",
+    transform: `rotate(${i * config2.angle}deg) translate(${size2 * 0.36}px)`,
+    animation: `wf-spinner-fade ${config2.duration}ms linear infinite`,
+    animationDelay: `${delay}ms`
+  } }, delay))] });
+}
+const STYLES$2 = `.wf-decrypt-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;cursor:pointer;white-space:nowrap;gap:6px;transition:background 150ms}.wf-decrypt-idle{color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400)}.wf-decrypt-idle:hover{background:var(--ds-gray-alpha-200)}.wf-decrypt-done{color:var(--ds-green-900);background:var(--ds-green-100);box-shadow:0 0 0 1px var(--ds-green-400);cursor:default}`;
+function DecryptButton({ decrypted = false, loading = false, onClick }) {
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: STYLES$2 } }), jsxRuntimeExports.jsxs("button", { type: "button", onClick: decrypted ? void 0 : onClick, disabled: decrypted || loading, className: `wf-decrypt-btn ${decrypted ? "wf-decrypt-done" : "wf-decrypt-idle"}`, children: [loading ? jsxRuntimeExports.jsx(Spinner, { size: 14 }) : decrypted ? jsxRuntimeExports.jsxs("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntimeExports.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsxRuntimeExports.jsx("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })] }) : jsxRuntimeExports.jsxs("svg", { width: 14, height: 14, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [jsxRuntimeExports.jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsxRuntimeExports.jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }), loading ? "Decrypting…" : decrypted ? "Decrypted" : "Decrypt"] })] });
+}
+var __create = Object.create;
+var __defProp2 = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf2 = 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(__getProtoOf2(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$2 = ({ 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: shouldShowPlaceholder2 } = 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$2, { expanded: expanded2, styles: styles2.treeNodeArrow }) : shouldShowPlaceholder2 && /* @__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, sep2) {
+  if (arr.length === 0) {
+    return [];
+  }
+  return arr.slice(1).reduce((xs, x2) => xs.concat([sep2, 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 entry2 of data) {
+        if (Array.isArray(entry2) && entry2.length === 2) {
+          const [k2, v2] = entry2;
+          yield {
+            name: k2,
+            data: v2
+          };
+        } else {
+          yield {
+            name: i.toString(),
+            data: entry2
+          };
+        }
+        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;
+};
 const inspectorThemeExtendedLight = {
   OBJECT_VALUE_DATE_COLOR: "#a21caf"
   // fuchsia-700
@@ -37066,6 +37113,11 @@ ${stack}` : stack;
     background: "var(--ds-red-200)"
   }, children: stack })] });
 }
+const STYLES$1 = `.wf-load-more{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:500;line-height:20px;color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400);cursor:pointer;white-space:nowrap;gap:6px;transition:background 150ms}.wf-load-more:hover{background:var(--ds-gray-alpha-200)}.wf-load-more:disabled{opacity:.6;cursor:default}.wf-load-more:disabled:hover{background:var(--ds-background-100)}`;
+function LoadMoreButton({ loading = false, onClick, label = "Load more", loadingLabel = "Loading..." }) {
+  return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: STYLES$1 } }), jsxRuntimeExports.jsxs("button", { type: "button", onClick, disabled: loading, className: "wf-load-more", children: [loading && jsxRuntimeExports.jsx(Spinner, { size: 14 }), loading ? loadingLabel : label] })] });
+}
+const STYLES = `.wf-menu-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400);cursor:pointer;white-space:nowrap;transition:background 150ms}.wf-menu-btn:hover{background:var(--ds-gray-alpha-200)}.wf-menu-item{appearance:none;-webkit-appearance:none;border:none;display:flex;align-items:center;width:100%;height:40px;padding:0 8px;border-radius:6px;font-size:14px;color:var(--ds-gray-1000);background:transparent;cursor:pointer;transition:background 150ms}.wf-menu-item:hover{background:var(--ds-gray-alpha-100)}`;
 function MenuDropdown({ options, value, onChange }) {
   var _a3, _b;
   const [open, setOpen] = reactExports.useState(false);
@@ -37082,12 +37134,7 @@ function MenuDropdown({ options, value, onChange }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [open]);
-  return jsxRuntimeExports.jsxs("div", { ref, style: { position: "relative", flexShrink: 0 }, children: [jsxRuntimeExports.jsx("style", { children: `
-        .wf-menu-btn{appearance:none;-webkit-appearance:none;border:none;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-radius:6px;font-size:14px;font-weight:500;line-height:20px;color:var(--ds-gray-1000);background:var(--ds-background-100);box-shadow:0 0 0 1px var(--ds-gray-400);cursor:pointer;white-space:nowrap;transition:background 150ms}
-        .wf-menu-btn:hover{background:var(--ds-gray-alpha-200)}
-        .wf-menu-item{appearance:none;-webkit-appearance:none;border:none;display:flex;align-items:center;width:100%;height:40px;padding:0 8px;border-radius:6px;font-size:14px;color:var(--ds-gray-1000);background:transparent;cursor:pointer;transition:background 150ms}
-        .wf-menu-item:hover{background:var(--ds-gray-alpha-100)}
-      ` }), jsxRuntimeExports.jsxs("button", { type: "button", className: "wf-menu-btn", onClick: () => setOpen(!open), children: [jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", style: {
+  return jsxRuntimeExports.jsxs("div", { ref, style: { position: "relative", flexShrink: 0 }, children: [jsxRuntimeExports.jsx("style", { dangerouslySetInnerHTML: { __html: STYLES } }), jsxRuntimeExports.jsxs("button", { type: "button", className: "wf-menu-btn", onClick: () => setOpen(!open), children: [jsxRuntimeExports.jsx("span", { children: label }), jsxRuntimeExports.jsx("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", style: {
     marginLeft: 16,
     marginRight: -4,
     color: "var(--ds-gray-900)"
@@ -37378,6 +37425,9 @@ const SORT_OPTIONS = [
   { value: "desc", label: "Newest" },
   { value: "asc", label: "Oldest" }
 ];
+function RowsSkeleton() {
+  return jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-hidden", children: Array.from({ length: 8 }, (_2, i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4", style: { height: 40 }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-2 w-2 flex-shrink-0", style: { borderRadius: "50%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 90 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 100 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 80 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 flex-1" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 flex-1" })] }, i)) });
+}
 function EventRow({ event, index: index2, isFirst, isLast, isExpanded, onToggleExpand, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData, onCacheEventData, encryptionKey }) {
   const [isLoading, setIsLoading] = reactExports.useState(false);
   const [loadedEventData, setLoadedEventData] = reactExports.useState(cachedEventData);
@@ -37504,7 +37554,7 @@ function EventRow({ event, index: index2, isFirst, isLast, isExpanded, onToggleE
     color: "var(--ds-red-900)"
   }, children: loadError }) : isLoading || !hasExistingEventData && !hasAttemptedLoad && event.correlationId ? jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 p-3", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: "75%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: "50%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: "60%" } })] }) : jsxRuntimeExports.jsx("div", { className: "p-2 text-xs", style: { color: "var(--ds-gray-900)" }, children: "No data" })] })] })] });
 }
-function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents = false, isLoadingMoreEvents = false, onLoadMoreEvents, encryptionKey, isLoading = false, sortOrder: sortOrderProp, onSortOrderChange }) {
+function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents = false, isLoadingMoreEvents = false, onLoadMoreEvents, encryptionKey, isLoading = false, sortOrder: sortOrderProp, onSortOrderChange, onDecrypt, isDecrypting = false }) {
   const [internalSortOrder, setInternalSortOrder] = reactExports.useState("asc");
   const effectiveSortOrder = sortOrderProp ?? internalSortOrder;
   const handleSortOrderChange = reactExports.useCallback((order2) => {
@@ -37520,6 +37570,21 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     const dir = effectiveSortOrder === "desc" ? -1 : 1;
     return [...events2].sort((a2, b2) => dir * (new Date(a2.createdAt).getTime() - new Date(b2.createdAt).getTime()));
   }, [events2, effectiveSortOrder]);
+  const hasEncryptedData = reactExports.useMemo(() => {
+    if (!events2)
+      return false;
+    for (const event of events2) {
+      const ed = event.eventData;
+      if (!ed || typeof ed !== "object")
+        continue;
+      const data = ed;
+      for (const val of Object.values(data)) {
+        if (isEncryptedMarker(val))
+          return true;
+      }
+    }
+    return false;
+  }, [events2]);
   const { correlationNameMap, workflowName } = reactExports.useMemo(() => buildNameMaps(events2 ?? null, run ?? null), [events2, run]);
   const durationMap = reactExports.useMemo(() => buildDurationMap(sortedEvents2), [sortedEvents2]);
   const [selectedGroupKey, setSelectedGroupKey] = reactExports.useState(void 0);
@@ -37640,10 +37705,16 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
       });
     }
   }, [searchQuery, searchIndex]);
-  if (!events2 || events2.length === 0) {
-    if (isLoading) {
-      return jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [jsxRuntimeExports.jsx("div", { style: { padding: 6 }, children: jsxRuntimeExports.jsx(Skeleton$2, { style: { height: 40, borderRadius: 6 } }) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 h-10 border-b flex-shrink-0 px-4", style: { borderColor: "var(--ds-gray-alpha-200)" }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 60 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 80 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 50 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 90 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 70 } })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-hidden", children: Array.from({ length: 8 }, (_2, i) => jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4", style: { height: 40 }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-2 w-2 flex-shrink-0", style: { borderRadius: "50%" } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 90 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 100 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 80 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 flex-1" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3 flex-1" })] }, i)) })] });
-    }
+  const hasHadEventsRef = reactExports.useRef(false);
+  if (sortedEvents2.length > 0) {
+    hasHadEventsRef.current = true;
+  }
+  const isInitialLoad = isLoading && !hasHadEventsRef.current;
+  const isRefetching = isLoading && hasHadEventsRef.current && sortedEvents2.length === 0;
+  if (isInitialLoad) {
+    return jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [jsxRuntimeExports.jsx("div", { style: { padding: 6 }, children: jsxRuntimeExports.jsx(Skeleton$2, { style: { height: 40, borderRadius: 6 } }) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 h-10 border-b flex-shrink-0 px-4", style: { borderColor: "var(--ds-gray-alpha-200)" }, children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 60 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 80 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 50 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 90 } }), jsxRuntimeExports.jsx("div", { style: { flex: 1 } }), jsxRuntimeExports.jsx(Skeleton$2, { className: "h-3", style: { width: 70 } })] }), jsxRuntimeExports.jsx(RowsSkeleton, {})] });
+  }
+  if (!isLoading && (!events2 || events2.length === 0)) {
     return jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-sm", style: { color: "var(--ds-gray-700)" }, children: "No events found" });
   }
   return jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col overflow-hidden", children: [jsxRuntimeExports.jsx("style", { children: `@keyframes workflow-dot-pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(2.2);opacity:0}}` }), jsxRuntimeExports.jsxs("div", { style: {
@@ -37679,11 +37750,11 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     outline: "none",
     height: 40,
     width: "100%"
-  } })] }), jsxRuntimeExports.jsx(MenuDropdown, { options: SORT_OPTIONS, value: effectiveSortOrder, onChange: handleSortOrderChange })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 text-[13px] font-medium h-10 border-b flex-shrink-0", style: {
+  } })] }), jsxRuntimeExports.jsx(MenuDropdown, { options: SORT_OPTIONS, value: effectiveSortOrder, onChange: handleSortOrderChange }), (hasEncryptedData || encryptionKey) && onDecrypt && jsxRuntimeExports.jsx(DecryptButton, { decrypted: !!encryptionKey, loading: isDecrypting, onClick: onDecrypt })] }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 text-[13px] font-medium h-10 border-b flex-shrink-0", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     color: "var(--ds-gray-900)",
     backgroundColor: "var(--ds-background-100)"
-  }, children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", style: { width: GUTTER_WIDTH } }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Time" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Event Type" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Name" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: "Correlation ID" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: "Event ID" })] }), jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: sortedEvents2.length, overscan: 20, defaultItemHeight: 40, endReached: () => {
+  }, children: [jsxRuntimeExports.jsx("div", { className: "flex-shrink-0", style: { width: GUTTER_WIDTH } }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Time" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Event Type" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "2 1 0%" }, children: "Name" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: "Correlation ID" }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4", style: { flex: "3 1 0%" }, children: "Event ID" })] }), isRefetching ? jsxRuntimeExports.jsx(RowsSkeleton, {}) : jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: sortedEvents2.length, overscan: 20, defaultItemHeight: 40, endReached: () => {
     if (!hasMoreEvents || isLoadingMoreEvents) {
       return;
     }
@@ -37691,17 +37762,11 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
   }, itemContent: (index2) => {
     const ev = sortedEvents2[index2];
     return jsxRuntimeExports.jsx(EventRow, { event: ev, index: index2, isFirst: index2 === 0, isLast: index2 === sortedEvents2.length - 1, isExpanded: expandedEventIds.has(ev.eventId), onToggleExpand: toggleEventExpanded, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, cachedEventData: eventDataCacheRef.current.get(ev.eventId) ?? null, onCacheEventData: cacheEventData, encryptionKey });
-  }, components: {
-    Footer: hasMoreEvents ? () => jsxRuntimeExports.jsx("div", { className: "px-3 pt-3 flex justify-center", children: jsxRuntimeExports.jsx("button", { type: "button", onClick: () => void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents()), disabled: isLoadingMoreEvents, className: "h-8 px-3 text-xs rounded-md border transition-colors disabled:opacity-60 disabled:cursor-not-allowed", style: {
-      borderColor: "var(--ds-gray-alpha-400)",
-      color: "var(--ds-gray-900)",
-      backgroundColor: "var(--ds-background-100)"
-    }, children: isLoadingMoreEvents ? "Loading more events..." : "Load more" }) }) : void 0
-  }, style: { flex: 1, minHeight: 0 } }), jsxRuntimeExports.jsxs("div", { className: "flex-shrink-0 border-t text-xs px-3 py-2", style: {
+  }, style: { flex: 1, minHeight: 0 } }), jsxRuntimeExports.jsxs("div", { className: "relative flex-shrink-0 flex items-center h-10 border-t px-4 text-xs", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     color: "var(--ds-gray-900)",
     backgroundColor: "var(--ds-background-100)"
-  }, children: [sortedEvents2.length, " event", sortedEvents2.length !== 1 ? "s" : "", " total"] })] });
+  }, children: [jsxRuntimeExports.jsxs("span", { children: [sortedEvents2.length, " event", sortedEvents2.length !== 1 ? "s" : "", " loaded"] }), hasMoreEvents && jsxRuntimeExports.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto", children: jsxRuntimeExports.jsx(LoadMoreButton, { loading: isLoadingMoreEvents, onClick: () => void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents()) }) }) })] })] });
 }
 function ResolveHookModal({ isOpen, onClose, onSubmit, isSubmitting = false }) {
   var _a3;
@@ -64577,7 +64642,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$1 = () => 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(() => import("./highlighted-body-B3W2YXNL-uEj5-2nD.js").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(() => import("./highlighted-body-B3W2YXNL-WkqeTqm-.js").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 }) })] }) });
@@ -64899,7 +64964,7 @@ var Dt = ({ children: e, className: t, onDownload: o, onError: n }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i, children: [jsxRuntimeExports.jsx("button", { className: f("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t), disabled: c, onClick: () => r2(!s2), title: "Download table", type: "button", children: e != null ? e : jsxRuntimeExports.jsx(Z, { size: 14 }) }), s2 ? jsxRuntimeExports.jsxs("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
 };
 var Vt = ({ children: e, className: t, showControls: o, ...n }) => jsxRuntimeExports.jsxs("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [o ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [jsxRuntimeExports.jsx(Ht, {}), jsxRuntimeExports.jsx(Dt, {})] }) : null, jsxRuntimeExports.jsx("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: jsxRuntimeExports.jsx("table", { className: f("w-full divide-y divide-border", t), "data-streamdown": "table", ...n, children: e }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BvjkIiuk.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-ClaETQoK.js").then((e) => ({ default: e.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke(e, t) {
   if (!(e != null && e.position || t != null && t.position)) return true;
   if (!(e != null && e.position && (t != null && t.position))) return false;
@@ -65937,7 +66002,7 @@ function isWorkflowRun(data) {
 function isHook(data) {
   return data !== null && typeof data === "object" && "hookId" in data;
 }
-function EntityDetailPanel({ run, onStreamClick, spanDetailData, spanDetailError, spanDetailLoading, onSpanSelect, onWakeUpSleep, onLoadEventData, onResolveHook, encryptionKey, onDecrypt, selectedSpan }) {
+function EntityDetailPanel({ run, onStreamClick, spanDetailData, spanDetailError, spanDetailLoading, onSpanSelect, onWakeUpSleep, onLoadEventData, onResolveHook, encryptionKey, onDecrypt, isDecrypting = false, selectedSpan }) {
   const [stoppingSleep, setStoppingSleep] = reactExports.useState(false);
   const [showResolveHookModal, setShowResolveHookModal] = reactExports.useState(false);
   const [resolvingHook, setResolvingHook] = reactExports.useState(false);
@@ -66130,12 +66195,7 @@ function EntityDetailPanel({ run, onStreamClick, spanDetailData, spanDetailError
     backgroundColor: "var(--ds-background-100)"
   }, children: resourceLabel }), jsxRuntimeExports.jsx("span", { className: "text-[13px]", style: {
     color: run.completedAt ? "var(--ds-gray-700)" : "var(--ds-green-800)"
-  }, children: runStateLabel })] }), jsxRuntimeExports.jsx("p", { className: "mt-1 truncate font-mono text-[13px]", style: { color: "var(--ds-gray-700)" }, title: resourceId, children: resourceId })] }), (hasEncryptedFields || encryptionKey) && onDecrypt && jsxRuntimeExports.jsxs("button", { type: "button", onClick: onDecrypt, disabled: !!encryptionKey, className: "inline-flex items-center gap-1 rounded-md border px-2 py-1 text-xs font-medium transition-colors flex-shrink-0", style: {
-    borderColor: encryptionKey ? "var(--ds-green-400)" : "var(--ds-gray-300)",
-    color: encryptionKey ? "var(--ds-green-900)" : "var(--ds-gray-900)",
-    backgroundColor: encryptionKey ? "var(--ds-green-100)" : "var(--ds-background-100)",
-    cursor: encryptionKey ? "default" : "pointer"
-  }, children: [encryptionKey ? jsxRuntimeExports.jsx(LockOpen, { className: "h-3 w-3" }) : jsxRuntimeExports.jsx(Lock, { className: "h-3 w-3" }), encryptionKey ? "Decrypted" : "Decrypt"] })] }) }), jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-3 pt-3 pb-8", children: [hasPendingActions && jsxRuntimeExports.jsxs("div", { className: "mb-4 rounded-lg border p-2", style: {
+  }, children: runStateLabel })] }), jsxRuntimeExports.jsx("p", { className: "mt-1 truncate font-mono text-[13px]", style: { color: "var(--ds-gray-700)" }, title: resourceId, children: resourceId })] }), (hasEncryptedFields || encryptionKey) && onDecrypt && jsxRuntimeExports.jsx(DecryptButton, { decrypted: !!encryptionKey, loading: isDecrypting, onClick: onDecrypt })] }) }), jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-3 pt-3 pb-8", children: [hasPendingActions && jsxRuntimeExports.jsxs("div", { className: "mb-4 rounded-lg border p-2", style: {
     borderColor: "var(--ds-gray-300)",
     backgroundColor: "var(--ds-gray-100)"
   }, children: [jsxRuntimeExports.jsx("p", { className: "mb-2 px-1 text-[13px] font-medium uppercase tracking-wide", style: { color: "var(--ds-gray-700)" }, children: "Actions" }), jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [resource === "sleep" && canWakeUp && jsxRuntimeExports.jsxs("button", { type: "button", onClick: handleWakeUp, disabled: stoppingSleep, className: clsx("flex items-center justify-center gap-2 rounded-md px-3 py-2 text-sm font-medium", "disabled:opacity-50 disabled:cursor-not-allowed transition-colors", stoppingSleep ? "opacity-50 cursor-not-allowed" : "cursor-pointer"), style: {
@@ -69994,14 +70054,14 @@ function PanelResizeHandle({ onResize }) {
 function TraceViewerFooter({ hasMore, isLive, isInitialLoading }) {
   const style2 = { color: "var(--ds-gray-900)" };
   if (hasMore || isInitialLoading) {
-    return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-xs", style: style2, children: [jsxRuntimeExports.jsxs("svg", { className: "h-3.5 w-3.5 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [jsxRuntimeExports.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntimeExports.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })] }), "Loading more events…"] });
+    return jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center gap-2 py-3 text-xs", style: style2, children: [jsxRuntimeExports.jsx(Spinner, { size: 14 }), "Loading more events…"] });
   }
   if (isLive) {
     return jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-3 text-xs", style: style2, children: "Waiting for more events…" });
   }
   return jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center py-3 text-xs", style: style2, children: "End of run" });
 }
-const WorkflowTraceViewer = ({ run, events: events2, isLoading, error: error2, spanDetailData, spanDetailLoading, spanDetailError, onWakeUpSleep, onResolveHook, onCancelRun, onStreamClick, onSpanSelect, onLoadEventData, onLoadMoreSpans, hasMoreSpans = false, isLoadingMoreSpans = false, encryptionKey, onDecrypt }) => {
+const WorkflowTraceViewer = ({ run, events: events2, isLoading, error: error2, spanDetailData, spanDetailLoading, spanDetailError, onWakeUpSleep, onResolveHook, onCancelRun, onStreamClick, onSpanSelect, onLoadEventData, onLoadMoreSpans, hasMoreSpans = false, isLoadingMoreSpans = false, encryptionKey, onDecrypt, isDecrypting = false }) => {
   const [selectedSpan, setSelectedSpan] = reactExports.useState(null);
   const [panelWidth, setPanelWidth] = reactExports.useState(DEFAULT_PANEL_WIDTH);
   const [deselectTrigger, setDeselectTrigger] = reactExports.useState(0);
@@ -70171,7 +70231,7 @@ const WorkflowTraceViewer = ({ run, events: events2, isLoading, error: error2, s
     e.currentTarget.style.background = "var(--ds-gray-alpha-100)";
   }, onMouseLeave: (e) => {
     e.currentTarget.style.background = "transparent";
-  }, children: jsxRuntimeExports.jsx(X$3, { size: 16 }) }) })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary, { title: "Failed to load entity details", children: jsxRuntimeExports.jsx(EntityDetailPanel, { run, onStreamClick, spanDetailData: spanDetailData ?? null, spanDetailError, spanDetailLoading, onSpanSelect: handleSpanSelect, onWakeUpSleep, onLoadEventData, onResolveHook, encryptionKey, onDecrypt, selectedSpan }) }) })] })] });
+  }, children: jsxRuntimeExports.jsx(X$3, { size: 16 }) }) })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: jsxRuntimeExports.jsx(ErrorBoundary, { title: "Failed to load entity details", children: jsxRuntimeExports.jsx(EntityDetailPanel, { run, onStreamClick, spanDetailData: spanDetailData ?? null, spanDetailError, spanDetailLoading, onSpanSelect: handleSpanSelect, onWakeUpSleep, onLoadEventData, onResolveHook, encryptionKey, onDecrypt, isDecrypting, selectedSpan }) }) })] })] });
 };
 function deserializeChunkText(text2) {
   try {
@@ -70201,26 +70261,23 @@ const ChunkRow = ReactExports.memo(function ChunkRow2({ chunk, index: index2 })
 function StreamSkeleton() {
   return jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 animate-in fade-in", children: [jsxRuntimeExports.jsx(Skeleton$2, { style: { width: 120, height: 16, borderRadius: 4 } }), [1, 2, 3, 4].map((i) => jsxRuntimeExports.jsx(Skeleton$2, { style: { height: 56, borderRadius: 6 } }, i))] });
 }
-function StreamViewer({ streamId, chunks, isLive, error: error2, isLoading }) {
-  const [hasMoreBelow, setHasMoreBelow] = reactExports.useState(false);
-  const scrollRef = reactExports.useRef(null);
-  const checkScrollPosition = reactExports.useCallback(() => {
-    if (scrollRef.current) {
-      const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
-      const isAtBottom = scrollHeight - scrollTop - clientHeight < 10;
-      setHasMoreBelow(!isAtBottom && scrollHeight > clientHeight);
-    }
-  }, []);
+function StreamViewer({ streamId: _streamId, chunks, isLive, error: error2, isLoading, onScrollEnd }) {
+  const virtuosoRef = reactExports.useRef(null);
+  const prevChunkCountRef = reactExports.useRef(0);
   reactExports.useEffect(() => {
-    if (scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    var _a3;
+    if (chunks.length > prevChunkCountRef.current && chunks.length > 0) {
+      (_a3 = virtuosoRef.current) == null ? void 0 : _a3.scrollToIndex({
+        index: chunks.length - 1,
+        align: "end"
+      });
     }
-    checkScrollPosition();
-  }, [chunks.length, checkScrollPosition]);
+    prevChunkCountRef.current = chunks.length;
+  }, [chunks.length]);
   if (isLoading && chunks.length === 0) {
-    return jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full pb-4", children: jsxRuntimeExports.jsx(StreamSkeleton, {}) });
+    return jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full", children: jsxRuntimeExports.jsx(StreamSkeleton, {}) });
   }
-  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full pb-4", children: [isLive && jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 mb-3 px-1", children: [jsxRuntimeExports.jsx("span", { className: "inline-block w-2 h-2 rounded-full", style: { backgroundColor: "var(--ds-green-600)" } }), jsxRuntimeExports.jsx("span", { className: "text-xs", style: { color: "var(--ds-green-700)" }, children: "Live" })] }), chunks.length > 0 && jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2 px-1", children: [jsxRuntimeExports.jsx("span", { className: "text-[13px] font-medium", style: { color: "var(--ds-gray-900)" }, children: "Stream Chunks" }), jsxRuntimeExports.jsxs("span", { className: "text-xs tabular-nums", style: { color: "var(--ds-gray-600)" }, children: ["(", chunks.length, ")"] })] }), jsxRuntimeExports.jsxs("div", { className: "relative flex-1 min-h-[200px]", children: [jsxRuntimeExports.jsx("div", { ref: scrollRef, onScroll: checkScrollPosition, className: "absolute inset-0 overflow-auto flex flex-col gap-2", children: error2 ? jsxRuntimeExports.jsxs("div", { className: "text-[11px] rounded-md border p-3", style: {
+  return jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full", children: [isLive && jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 mb-2 px-1", children: [jsxRuntimeExports.jsx("span", { className: "inline-block w-2 h-2 rounded-full", style: { backgroundColor: "var(--ds-green-600)" } }), jsxRuntimeExports.jsx("span", { className: "text-xs", style: { color: "var(--ds-green-700)" }, children: "Live" })] }), chunks.length > 0 && jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mb-2 px-1", children: [jsxRuntimeExports.jsx("span", { className: "text-[13px] font-medium", style: { color: "var(--ds-gray-900)" }, children: "Stream Chunks" }), jsxRuntimeExports.jsxs("span", { className: "text-xs tabular-nums", style: { color: "var(--ds-gray-600)" }, children: ["(", chunks.length, ")"] })] }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: error2 ? jsxRuntimeExports.jsxs("div", { className: "text-[11px] rounded-md border p-3", style: {
     borderColor: "var(--ds-red-300)",
     backgroundColor: "var(--ds-red-100)",
     color: "var(--ds-red-700)"
@@ -70228,9 +70285,7 @@ function StreamViewer({ streamId, chunks, isLive, error: error2, isLoading }) {
     borderColor: "var(--ds-gray-300)",
     backgroundColor: "var(--ds-gray-100)",
     color: "var(--ds-gray-600)"
-  }, children: isLive ? "Waiting for stream data..." : "Stream is empty" }) : chunks.map((chunk, index2) => jsxRuntimeExports.jsx(ChunkRow, { chunk, index: index2 }, `${streamId}-chunk-${chunk.id}`)) }), hasMoreBelow && jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 left-0 right-0 h-8 pointer-events-none", style: {
-    background: "linear-gradient(to top, var(--ds-background-100), transparent)"
-  } })] })] });
+  }, children: isLive ? "Waiting for stream data..." : "Stream is empty" }) : jsxRuntimeExports.jsx(Yr, { ref: virtuosoRef, totalCount: chunks.length, overscan: 10, endReached: () => onScrollEnd == null ? void 0 : onScrollEnd(), itemContent: (index2) => jsxRuntimeExports.jsx("div", { style: { paddingBottom: 8 }, children: jsxRuntimeExports.jsx(ChunkRow, { chunk: chunks[index2], index: index2 }) }), style: { flex: 1, minHeight: 0 } }) })] });
 }
 function analyzeEvents(events2) {
   if (!events2 || events2.length === 0) {
@@ -89673,8 +89728,8 @@ function requireGetVercelOidcToken$1() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-DMDYM1rE.js").then((n) => n.t),
-        await import("./token-CNug9NIq.js").then((n) => n.t)
+        await import("./token-util-D-4jXUkD.js").then((n) => n.t),
+        await import("./token-Bjyd4X_e.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token))) {
         await refreshToken();
@@ -116174,6 +116229,18 @@ async function deleteJSON(filePath) {
       throw error2;
   }
 }
+async function writeExclusive(filePath, data) {
+  await ensureDir(path$2.dirname(filePath));
+  try {
+    await promises.writeFile(filePath, data, { flag: "wx" });
+    return true;
+  } catch (error2) {
+    if (error2.code === "EEXIST") {
+      return false;
+    }
+    throw error2;
+  }
+}
 async function listJSONFiles(dirPath) {
   return listFilesByExtension(dirPath, ".json");
 }
@@ -116314,6 +116381,9 @@ function filterHookData$1(hook, resolveData) {
   }
   return hook;
 }
+function hashToken(token) {
+  return createHash("sha256").update(token).digest("hex");
+}
 const monotonicUlid$1 = monotonicFactory(() => Math.random());
 const getObjectCreatedAt = (idPrefix) => (filename) => {
   const replaceRegex = new RegExp(`^${idPrefix}_`, "g");
@@ -116395,6 +116465,8 @@ async function deleteAllHooksForRun(basedir, runId) {
     const hookPath = path$2.join(hooksDir, `${file2}.json`);
     const hook = await readJSON(hookPath, HookSchema);
     if (hook && hook.runId === runId) {
+      const constraintPath = path$2.join(hooksDir, "tokens", `${hashToken(hook.token)}.json`);
+      await deleteJSON(constraintPath);
       await deleteJSON(hookPath);
     }
   }
@@ -116796,18 +116868,13 @@ function createEventsStorage(basedir) {
         data.eventType === "hook_created" && "eventData" in data
       ) {
         const hookData = data.eventData;
-        const hooksDir = path$2.join(basedir, "hooks");
-        const hookFiles = await listJSONFiles(hooksDir);
-        let hasConflict = false;
-        for (const file2 of hookFiles) {
-          const existingHookPath = path$2.join(hooksDir, `${file2}.json`);
-          const existingHook = await readJSON(existingHookPath, HookSchema);
-          if (existingHook && existingHook.token === hookData.token) {
-            hasConflict = true;
-            break;
-          }
-        }
-        if (hasConflict) {
+        const constraintPath = path$2.join(basedir, "hooks", "tokens", `${hashToken(hookData.token)}.json`);
+        const tokenClaimed = await writeExclusive(constraintPath, JSON.stringify({
+          token: hookData.token,
+          hookId: data.correlationId,
+          runId: effectiveRunId
+        }));
+        if (!tokenClaimed) {
           const conflictEvent = {
             eventType: "hook_conflict",
             correlationId: data.correlationId,
@@ -116848,6 +116915,11 @@ function createEventsStorage(basedir) {
         await writeJSON(hookPath, hook);
       } else if (data.eventType === "hook_disposed") {
         const hookPath = path$2.join(basedir, "hooks", `${data.correlationId}.json`);
+        const existingHook = await readJSON(hookPath, HookSchema);
+        if (existingHook) {
+          const disposedConstraintPath = path$2.join(basedir, "hooks", "tokens", `${hashToken(existingHook.token)}.json`);
+          await deleteJSON(disposedConstraintPath);
+        }
         await deleteJSON(hookPath);
       } else if (data.eventType === "wait_created" && "eventData" in data) {
         const waitData = data.eventData;
@@ -117408,8 +117480,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-_HYGsI73.js").then((n) => n.t),
-        await import("./token-DLqvw7I2.js").then((n) => n.t)
+        await import("./token-util-Dp_pg92C.js").then((n) => n.t),
+        await import("./token-CTJIoJEi.js").then((n) => n.t)
       ]);
       if (!token || isExpired(getTokenPayload(token), options == null ? void 0 : options.expirationBufferMs)) {
         await refreshToken(options);
@@ -119309,7 +119381,7 @@ const createWorld = () => {
       "WORKFLOW_VERCEL_AUTH_TOKEN",
       "WORKFLOW_VERCEL_ENV"
     ].filter((key) => process.env[key]);
-    if (staleEnvVars.length > 0) {
+    if (staleEnvVars.length > 0 && process.env.VERCEL === "1") {
       console.warn(`[workflow] Warning: ${staleEnvVars.join(", ")} env var(s) are set but have no effect at runtime. These are only used by the Workflow CLI. Remove them from your Vercel project environment variables.`);
     }
     return createVercelWorld();
@@ -119500,28 +119572,6 @@ function getQueueOverhead(message2) {
     return;
   }
 }
-async function withServerErrorRetry(fn2) {
-  const delays = [500, 1e3, 2e3];
-  for (let attempt = 0; attempt <= delays.length; attempt++) {
-    try {
-      return await fn2();
-    } catch (err) {
-      if (WorkflowAPIError.is(err) && err.status !== void 0 && err.status >= 500 && attempt < delays.length) {
-        runtimeLogger.warn("Server error (5xx) from workflow-server, retrying in-process", {
-          status: err.status,
-          attempt: attempt + 1,
-          maxRetries: delays.length,
-          nextDelayMs: delays[attempt],
-          url: err.url
-        });
-        await new Promise((resolve2) => setTimeout(resolve2, delays[attempt]));
-        continue;
-      }
-      throw err;
-    }
-  }
-  throw new Error("withServerErrorRetry: unreachable");
-}
 var headers;
 var hasRequiredHeaders;
 function requireHeaders() {
@@ -122534,7 +122584,7 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
     });
   });
 }
-const version = "4.2.0-beta.69";
+const version = "4.2.0-beta.70";
 const ulid = monotonicFactory();
 async function start$1(workflow, argsOrOptions, options) {
   return await waitedUntil(() => {
@@ -122929,18 +122979,18 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
       });
       let step;
       try {
-        const startResult = await withServerErrorRetry(() => world.events.create(workflowRunId, {
+        const startResult = await world.events.create(workflowRunId, {
           eventType: "step_started",
           specVersion: SPEC_VERSION_CURRENT,
           correlationId: stepId
-        }));
+        });
         if (!startResult.step) {
           throw new WorkflowRuntimeError(`step_started event for "${stepId}" did not return step entity`);
         }
         step = startResult.step;
       } catch (err) {
         if (WorkflowAPIError.is(err)) {
-          if (WorkflowAPIError.is(err) && err.status === 429) {
+          if (err.status === 429) {
             const retryRetryAfter = Math.max(1, typeof err.retryAfter === "number" ? err.retryAfter : 1);
             runtimeLogger.warn("Throttled again on retry, deferring to queue", {
               retryAfterSeconds: retryRetryAfter
@@ -123049,28 +123099,57 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
         });
         return;
       }
-      try {
-        const attempt = step.attempt;
-        if (!step.startedAt) {
-          throw new WorkflowRuntimeError(`Step "${stepId}" has no "startedAt" timestamp`);
-        }
-        const stepStartedAt = step.startedAt;
-        const ops = [];
-        const rawKey = await ((_e2 = world.getEncryptionKeyForRun) == null ? void 0 : _e2.call(world, workflowRunId));
-        const encryptionKey = rawKey ? await importKey(rawKey) : void 0;
-        const hydratedInput = await trace$2("step.hydrate", {}, async (hydrateSpan) => {
-          const startTime = Date.now();
-          const result2 = await hydrateStepArguments(step.input, workflowRunId, encryptionKey, ops);
-          const durationMs = Date.now() - startTime;
-          hydrateSpan == null ? void 0 : hydrateSpan.setAttributes({
-            ...StepArgumentsCount(result2.args.length),
-            ...QueueDeserializeTimeMs(durationMs)
+      const attempt = step.attempt;
+      if (!step.startedAt) {
+        const errorMessage = `Step "${stepId}" has no "startedAt" timestamp`;
+        runtimeLogger.error("Fatal runtime error during step setup", {
+          workflowRunId,
+          stepId,
+          error: errorMessage
+        });
+        try {
+          await world.events.create(workflowRunId, {
+            eventType: "step_failed",
+            specVersion: SPEC_VERSION_CURRENT,
+            correlationId: stepId,
+            eventData: {
+              error: errorMessage,
+              stack: new Error(errorMessage).stack ?? ""
+            }
           });
-          return result2;
+        } catch (failErr) {
+          if (WorkflowAPIError.is(failErr) && failErr.status === 409) {
+            return;
+          }
+          throw failErr;
+        }
+        await queueMessage(world, getWorkflowQueueName(workflowName), {
+          runId: workflowRunId,
+          traceCarrier: await serializeTraceCarrier(),
+          requestedAt: /* @__PURE__ */ new Date()
+        });
+        return;
+      }
+      const stepStartedAt = step.startedAt;
+      const ops = [];
+      const rawKey = await ((_e2 = world.getEncryptionKeyForRun) == null ? void 0 : _e2.call(world, workflowRunId));
+      const encryptionKey = rawKey ? await importKey(rawKey) : void 0;
+      const hydratedInput = await trace$2("step.hydrate", {}, async (hydrateSpan) => {
+        const startTime = Date.now();
+        const result2 = await hydrateStepArguments(step.input, workflowRunId, encryptionKey, ops);
+        const durationMs = Date.now() - startTime;
+        hydrateSpan == null ? void 0 : hydrateSpan.setAttributes({
+          ...StepArgumentsCount(result2.args.length),
+          ...QueueDeserializeTimeMs(durationMs)
         });
-        const args = hydratedInput.args;
-        const thisVal = hydratedInput.thisVal ?? null;
-        const executionStartTime = Date.now();
+        return result2;
+      });
+      const args = hydratedInput.args;
+      const thisVal = hydratedInput.thisVal ?? null;
+      let userCodeError;
+      let userCodeFailed = false;
+      const executionStartTime = Date.now();
+      try {
         result = await trace$2("step.execute", {}, async () => {
           return await contextStorage.run({
             stepMetadata: {
@@ -123092,63 +123171,29 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             encryptionKey
           }, () => stepFn.apply(thisVal, args));
         });
-        const executionTimeMs = Date.now() - executionStartTime;
-        span == null ? void 0 : span.setAttributes({
-          ...QueueExecutionTimeMs(executionTimeMs)
-        });
-        result = await trace$2("step.dehydrate", {}, async (dehydrateSpan) => {
-          const startTime = Date.now();
-          const dehydrated = await dehydrateStepReturnValue(result, workflowRunId, encryptionKey, ops);
-          const durationMs = Date.now() - startTime;
-          dehydrateSpan == null ? void 0 : dehydrateSpan.setAttributes({
-            ...QueueSerializeTimeMs(durationMs),
-            ...StepResultType(typeof dehydrated)
-          });
-          return dehydrated;
-        });
-        functionsExports.waitUntil(Promise.all(ops).catch((err) => {
-          const isAbortError = (err == null ? void 0 : err.name) === "AbortError" || (err == null ? void 0 : err.name) === "ResponseAborted";
-          if (!isAbortError)
-            throw err;
-        }));
-        let stepCompleted409 = false;
-        const [, traceCarrier] = await Promise.all([
-          withServerErrorRetry(() => world.events.create(workflowRunId, {
-            eventType: "step_completed",
-            specVersion: SPEC_VERSION_CURRENT,
-            correlationId: stepId,
-            eventData: {
-              result
-            }
-          })).catch((err) => {
-            if (WorkflowAPIError.is(err) && err.status === 409) {
-              runtimeLogger.warn("Tried completing step, but step has already finished.", {
-                workflowRunId,
-                stepId,
-                stepName,
-                message: err.message
-              });
-              stepCompleted409 = true;
-              return;
-            }
+      } catch (err) {
+        userCodeError = err;
+        userCodeFailed = true;
+      }
+      const executionTimeMs = Date.now() - executionStartTime;
+      span == null ? void 0 : span.setAttributes({
+        ...QueueExecutionTimeMs(executionTimeMs)
+      });
+      if (userCodeFailed) {
+        const err = userCodeError;
+        if (WorkflowAPIError.is(err)) {
+          if (err.status === 410) {
+            stepLogger.info("Workflow run already completed, skipping step", {
+              workflowRunId,
+              stepId,
+              message: err.message
+            });
+            return;
+          }
+          if (err.status !== void 0 && err.status >= 500) {
             throw err;
-          }),
-          serializeTraceCarrier()
-        ]);
-        if (stepCompleted409) {
-          return;
+          }
         }
-        span == null ? void 0 : span.setAttributes({
-          ...StepStatus("completed"),
-          ...StepResultType(typeof result)
-        });
-        await queueMessage(world, getWorkflowQueueName(workflowName), {
-          runId: workflowRunId,
-          traceCarrier,
-          requestedAt: /* @__PURE__ */ new Date()
-        });
-        return;
-      } catch (err) {
         const normalizedError = await normalizeUnknownError(err);
         const normalizedStack = normalizedError.stack || getErrorStack(err) || "";
         if (err instanceof Error) {
@@ -123164,26 +123209,6 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
           ...ErrorCategory(errorCategory),
           ...ErrorRetryable(!isFatal)
         });
-        if (WorkflowAPIError.is(err)) {
-          if (err.status === 410) {
-            stepLogger.info("Workflow run already completed, skipping step", {
-              workflowRunId,
-              stepId,
-              message: err.message
-            });
-            return;
-          }
-          if (err.status !== void 0 && err.status >= 500) {
-            runtimeLogger.warn("Persistent server error (5xx) during step, deferring to queue retry", {
-              status: err.status,
-              workflowRunId,
-              stepId,
-              error: err.message,
-              url: err.url
-            });
-            throw err;
-          }
-        }
         if (isFatal) {
           stepLogger.error("Encountered FatalError while executing step, bubbling up to parent workflow", {
             workflowRunId,
@@ -123191,7 +123216,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             errorStack: normalizedStack
           });
           try {
-            await withServerErrorRetry(() => world.events.create(workflowRunId, {
+            await world.events.create(workflowRunId, {
               eventType: "step_failed",
               specVersion: SPEC_VERSION_CURRENT,
               correlationId: stepId,
@@ -123199,7 +123224,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
                 error: normalizedError.message,
                 stack: normalizedStack
               }
-            }));
+            });
           } catch (stepFailErr) {
             if (WorkflowAPIError.is(stepFailErr) && stepFailErr.status === 409) {
               runtimeLogger.warn("Tried failing step, but step has already finished.", {
@@ -123234,7 +123259,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             });
             const errorMessage = `Step "${stepName}" failed after ${maxRetries2} ${pluralize("retry", "retries", maxRetries2)}: ${normalizedError.message}`;
             try {
-              await withServerErrorRetry(() => world.events.create(workflowRunId, {
+              await world.events.create(workflowRunId, {
                 eventType: "step_failed",
                 specVersion: SPEC_VERSION_CURRENT,
                 correlationId: stepId,
@@ -123242,7 +123267,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
                   error: errorMessage,
                   stack: normalizedStack
                 }
-              }));
+              });
             } catch (stepFailErr) {
               if (WorkflowAPIError.is(stepFailErr) && stepFailErr.status === 409) {
                 runtimeLogger.warn("Tried failing step, but step has already finished.", {
@@ -123276,7 +123301,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
               });
             }
             try {
-              await withServerErrorRetry(() => world.events.create(workflowRunId, {
+              await world.events.create(workflowRunId, {
                 eventType: "step_retrying",
                 specVersion: SPEC_VERSION_CURRENT,
                 correlationId: stepId,
@@ -123287,7 +123312,7 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
                     retryAfter: err.retryAfter
                   }
                 }
-              }));
+              });
             } catch (stepRetryErr) {
               if (WorkflowAPIError.is(stepRetryErr) && stepRetryErr.status === 409) {
                 runtimeLogger.warn("Tried retrying step, but step has already finished.", {
@@ -123313,10 +123338,62 @@ getWorldHandlers().createQueueHandler("__wkf_step_", async (message_, metadata)
             return { timeoutSeconds };
           }
         }
+        await queueMessage(world, getWorkflowQueueName(workflowName), {
+          runId: workflowRunId,
+          traceCarrier: await serializeTraceCarrier(),
+          requestedAt: /* @__PURE__ */ new Date()
+        });
+        return;
+      }
+      result = await trace$2("step.dehydrate", {}, async (dehydrateSpan) => {
+        const startTime = Date.now();
+        const dehydrated = await dehydrateStepReturnValue(result, workflowRunId, encryptionKey, ops);
+        const durationMs = Date.now() - startTime;
+        dehydrateSpan == null ? void 0 : dehydrateSpan.setAttributes({
+          ...QueueSerializeTimeMs(durationMs),
+          ...StepResultType(typeof dehydrated)
+        });
+        return dehydrated;
+      });
+      functionsExports.waitUntil(Promise.all(ops).catch((err) => {
+        const isAbortError = (err == null ? void 0 : err.name) === "AbortError" || (err == null ? void 0 : err.name) === "ResponseAborted";
+        if (!isAbortError)
+          throw err;
+      }));
+      let stepCompleted409 = false;
+      const [, traceCarrier] = await Promise.all([
+        world.events.create(workflowRunId, {
+          eventType: "step_completed",
+          specVersion: SPEC_VERSION_CURRENT,
+          correlationId: stepId,
+          eventData: {
+            result
+          }
+        }).catch((err) => {
+          if (WorkflowAPIError.is(err) && err.status === 409) {
+            runtimeLogger.warn("Tried completing step, but step has already finished.", {
+              workflowRunId,
+              stepId,
+              stepName,
+              message: err.message
+            });
+            stepCompleted409 = true;
+            return;
+          }
+          throw err;
+        }),
+        serializeTraceCarrier()
+      ]);
+      if (stepCompleted409) {
+        return;
       }
+      span == null ? void 0 : span.setAttributes({
+        ...StepStatus("completed"),
+        ...StepResultType(typeof result)
+      });
       await queueMessage(world, getWorkflowQueueName(workflowName), {
         runId: workflowRunId,
-        traceCarrier: await serializeTraceCarrier(),
+        traceCarrier,
         requestedAt: /* @__PURE__ */ new Date()
       });
     });
@@ -129975,8 +130052,8 @@ async function pollResource(opts) {
   return false;
 }
 const LIVE_POLL_LIMIT = 100;
-const INITIAL_PAGE_SIZE = 500;
-const LOAD_MORE_PAGE_SIZE = 100;
+const INITIAL_PAGE_SIZE$1 = 500;
+const LOAD_MORE_PAGE_SIZE$1 = 100;
 const LIVE_UPDATE_INTERVAL_MS = 5e3;
 function useWorkflowTraceViewerData(env2, runId, options = {}) {
   const { live = false } = options;
@@ -130001,7 +130078,7 @@ function useWorkflowTraceViewerData(env2, runId, options = {}) {
       unwrapServerActionResult(
         fetchEvents$1(env2, runId, {
           sortOrder: "asc",
-          limit: INITIAL_PAGE_SIZE,
+          limit: INITIAL_PAGE_SIZE$1,
           withData: true
         })
       )
@@ -130036,7 +130113,7 @@ function useWorkflowTraceViewerData(env2, runId, options = {}) {
         fetchEvents$1(env2, runId, {
           cursor: eventsCursor,
           sortOrder: "asc",
-          limit: LOAD_MORE_PAGE_SIZE,
+          limit: LOAD_MORE_PAGE_SIZE$1,
           withData: true
         })
       );
@@ -146165,6 +146242,117 @@ function useStreamReader(env2, streamId, runId, encryptionKey) {
   }, [env2, streamId, runId, encryptionKey]);
   return { chunks, isLive, error: error2 };
 }
+const INITIAL_PAGE_SIZE = 100;
+const LOAD_MORE_PAGE_SIZE = 100;
+function useEventsListData(env2, runId, options = {}) {
+  const { sortOrder = "asc", encryptionKey, enabled = true } = options;
+  const [events2, setEvents] = reactExports.useState([]);
+  const [loading, setLoading] = reactExports.useState(true);
+  const [error2, setError] = reactExports.useState(null);
+  const [cursor, setCursor] = reactExports.useState();
+  const [hasMore, setHasMore] = reactExports.useState(false);
+  const [loadingMore, setLoadingMore] = reactExports.useState(false);
+  const isFetchingRef = reactExports.useRef(false);
+  const encryptionKeyRef = reactExports.useRef(encryptionKey);
+  encryptionKeyRef.current = encryptionKey;
+  const fetchInitial = reactExports.useCallback(async () => {
+    if (isFetchingRef.current) return;
+    isFetchingRef.current = true;
+    setLoading(true);
+    setError(null);
+    setEvents([]);
+    setCursor(void 0);
+    setHasMore(false);
+    try {
+      const { error: fetchError, result } = await unwrapServerActionResult(
+        fetchEvents$1(env2, runId, {
+          sortOrder,
+          limit: INITIAL_PAGE_SIZE,
+          withData: true
+        })
+      );
+      if (fetchError) {
+        setError(fetchError);
+      } else {
+        const hydrated = result.data.map(hydrateResourceIO);
+        const key = encryptionKeyRef.current;
+        if (key) {
+          const decrypted = await Promise.all(
+            hydrated.map((ev) => hydrateResourceIOWithKey(ev, key))
+          );
+          setEvents(decrypted);
+        } else {
+          setEvents(hydrated);
+        }
+        setCursor(result.hasMore ? result.cursor : void 0);
+        setHasMore(Boolean(result.hasMore));
+      }
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoading(false);
+      isFetchingRef.current = false;
+    }
+  }, [env2, runId, sortOrder]);
+  reactExports.useEffect(() => {
+    if (enabled) fetchInitial();
+  }, [fetchInitial, enabled]);
+  reactExports.useEffect(() => {
+    if (!encryptionKey || events2.length === 0) return;
+    let cancelled = false;
+    Promise.all(events2.map((ev) => hydrateResourceIOWithKey(ev, encryptionKey))).then((decrypted) => {
+      if (!cancelled) setEvents(decrypted);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [encryptionKey]);
+  const loadMore = reactExports.useCallback(async () => {
+    if (loadingMore || !cursor) return;
+    setLoadingMore(true);
+    try {
+      const { error: fetchError, result } = await unwrapServerActionResult(
+        fetchEvents$1(env2, runId, {
+          cursor,
+          sortOrder,
+          limit: LOAD_MORE_PAGE_SIZE,
+          withData: true
+        })
+      );
+      if (fetchError) {
+        setError(fetchError);
+      } else {
+        if (result.data.length > 0) {
+          const hydrated = result.data.map(hydrateResourceIO);
+          const key = encryptionKeyRef.current;
+          if (key) {
+            const decrypted = await Promise.all(
+              hydrated.map((ev) => hydrateResourceIOWithKey(ev, key))
+            );
+            setEvents((prev) => [...prev, ...decrypted]);
+          } else {
+            setEvents((prev) => [...prev, ...hydrated]);
+          }
+        }
+        setCursor(result.hasMore ? result.cursor : void 0);
+        setHasMore(Boolean(result.hasMore));
+      }
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoadingMore(false);
+    }
+  }, [env2, runId, sortOrder, cursor, loadingMore]);
+  return {
+    events: events2,
+    loading,
+    error: error2,
+    hasMore,
+    loadingMore,
+    loadMore
+  };
+}
 function LiveStatus({ hasError, errorMessage }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
@@ -147193,6 +147381,18 @@ function RunDetailView({
   const run = runData ?? {};
   const [encryptionKey, setEncryptionKey] = reactExports.useState(null);
   encryptionKeyRef.current = encryptionKey;
+  const [eventsSortOrder, setEventsSortOrder] = reactExports.useState("asc");
+  const {
+    events: eventsListData,
+    loading: eventsListLoading,
+    hasMore: hasMoreEventsTab,
+    loadingMore: loadingMoreEventsTab,
+    loadMore: loadMoreEventsTab
+  } = useEventsListData(env2, runId, {
+    sortOrder: eventsSortOrder,
+    encryptionKey: encryptionKey ?? void 0,
+    enabled: activeTab === "events"
+  });
   const [spanSelection, setSpanSelection] = reactExports.useState(
     null
   );
@@ -147213,21 +147413,27 @@ function RunDetailView({
       encryptionKey: encryptionKey ?? void 0
     }
   );
+  const [isDecrypting, setIsDecrypting] = reactExports.useState(false);
   const handleDecrypt = reactExports.useCallback(async () => {
     if (encryptionKey) {
       refreshSpanDetail();
       return;
     }
-    const { error: keyError, result: keyResult } = await unwrapServerActionResult(getEncryptionKeyForRun$1(env2, runId));
-    if (keyError) {
-      toast.error(`Failed to fetch encryption key: ${keyError.message}`);
-      return;
-    }
-    if (!keyResult) {
-      toast.error("Encryption is not configured for this deployment.");
-      return;
+    setIsDecrypting(true);
+    try {
+      const { error: keyError, result: keyResult } = await unwrapServerActionResult(getEncryptionKeyForRun$1(env2, runId));
+      if (keyError) {
+        toast.error(`Failed to fetch encryption key: ${keyError.message}`);
+        return;
+      }
+      if (!keyResult) {
+        toast.error("Encryption is not configured for this deployment.");
+        return;
+      }
+      setEncryptionKey(keyResult);
+    } finally {
+      setIsDecrypting(false);
     }
-    setEncryptionKey(keyResult);
   }, [encryptionKey, env2, runId, refreshSpanDetail]);
   const handleSpanSelect = reactExports.useCallback((info) => {
     setSpanSelection(info);
@@ -147445,17 +147651,25 @@ function RunDetailView({
                 hasMoreSpans: hasMoreTraceData,
                 isLoadingMoreSpans: isLoadingMoreTraceData,
                 encryptionKey: encryptionKey ?? void 0,
-                onDecrypt: handleDecrypt
+                onDecrypt: handleDecrypt,
+                isDecrypting
               }
             ) }) }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "events", className: "mt-0 flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { title: "Failed to load events list", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               EventListView,
               {
-                events: allEvents,
+                events: eventsListData,
                 run,
                 onLoadEventData: handleLoadEventData,
+                hasMoreEvents: hasMoreEventsTab,
+                isLoadingMoreEvents: loadingMoreEventsTab,
+                onLoadMoreEvents: loadMoreEventsTab,
                 encryptionKey: encryptionKey ?? void 0,
-                isLoading: loading
+                isLoading: eventsListLoading,
+                sortOrder: eventsSortOrder,
+                onSortOrderChange: setEventsSortOrder,
+                onDecrypt: handleDecrypt,
+                isDecrypting
               }
             ) }) }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(TabsContent, { value: "streams", className: "mt-0 flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { title: "Failed to load stream data", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex gap-4", children: [
@@ -147508,13 +147722,46 @@ function RunDetailView({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0", children: selectedStreamId ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0", children: selectedStreamId ? (streamError == null ? void 0 : streamError.includes("encrypted")) && !encryptionKey ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: "h-full flex flex-col items-center justify-center gap-3 rounded-lg border p-4",
+                  style: {
+                    borderColor: "var(--ds-gray-300)",
+                    backgroundColor: "var(--ds-gray-100)"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      Lock,
+                      {
+                        className: "h-6 w-6",
+                        style: { color: "var(--ds-gray-700)" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "div",
+                      {
+                        className: "text-sm",
+                        style: { color: "var(--ds-gray-900)" },
+                        children: "This stream is encrypted."
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      DecryptButton,
+                      {
+                        onClick: handleDecrypt,
+                        loading: isDecrypting
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                 StreamViewer,
                 {
                   streamId: selectedStreamId,
                   chunks: streamChunks,
                   isLive: streamIsLive,
-                  error: streamError
+                  error: (streamError == null ? void 0 : streamError.includes("encrypted")) ? null : streamError
                 }
               ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "div",
@@ -147718,7 +147965,7 @@ const route4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   __proto__: null,
   loader
 }, Symbol.toStringTag, { value: "Module" }));
-const serverManifest = { "entry": { "module": "/assets/entry.client-BjpmGyLC.js", "imports": ["/assets/index-DklpUtP3.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/root-DQpGl57T.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-BPJg8vAL.js"], "css": ["/assets/root-BMRA92qM.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/home": { "id": "routes/home", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/home-MMGoJh7w.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-B8LKXrpA.js", "/assets/mermaid-3ZIDBTTL-BPJg8vAL.js"], "css": ["/assets/use-workflow-graph-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/run-detail": { "id": "routes/run-detail", "parentId": "root", "path": "run/:runId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/run-detail-DZDSfYol.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-B8LKXrpA.js", "/assets/mermaid-3ZIDBTTL-BPJg8vAL.js", "/assets/encryption-8OvC6eoJ.js"], "css": ["/assets/use-workflow-graph-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.rpc": { "id": "routes/api.rpc", "parentId": "root", "path": "api/rpc", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.rpc-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.stream.$streamId": { "id": "routes/api.stream.$streamId", "parentId": "root", "path": "api/stream/:streamId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.stream._streamId-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 } }, "url": "/assets/manifest-678c3cbf.js", "version": "678c3cbf", "sri": void 0 };
+const serverManifest = { "entry": { "module": "/assets/entry.client-BjpmGyLC.js", "imports": ["/assets/index-DklpUtP3.js"], "css": [] }, "routes": { "root": { "id": "root", "parentId": void 0, "path": "", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/root-EzkmXyJV.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-BMFG0Hnn.js"], "css": ["/assets/root-SL7uvdv2.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/home": { "id": "routes/home", "parentId": "root", "path": void 0, "index": true, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/home-C-j1J39E.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-DXipnqlR.js", "/assets/mermaid-3ZIDBTTL-BMFG0Hnn.js"], "css": ["/assets/use-workflow-graph-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/run-detail": { "id": "routes/run-detail", "parentId": "root", "path": "run/:runId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": true, "hasErrorBoundary": false, "module": "/assets/run-detail-C0ZpSKc-.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-DXipnqlR.js", "/assets/mermaid-3ZIDBTTL-BMFG0Hnn.js", "/assets/encryption-8OvC6eoJ.js"], "css": ["/assets/use-workflow-graph-yls6qlc0.css", "/assets/mermaid-3ZIDBTTL-DKxHcEOp.css"], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.rpc": { "id": "routes/api.rpc", "parentId": "root", "path": "api/rpc", "index": void 0, "caseSensitive": void 0, "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.rpc-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 }, "routes/api.stream.$streamId": { "id": "routes/api.stream.$streamId", "parentId": "root", "path": "api/stream/:streamId", "index": void 0, "caseSensitive": void 0, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasClientMiddleware": false, "hasDefaultExport": false, "hasErrorBoundary": false, "module": "/assets/api.stream._streamId-l0sNRNKZ.js", "imports": [], "css": [], "clientActionModule": void 0, "clientLoaderModule": void 0, "clientMiddlewareModule": void 0, "hydrateFallbackModule": void 0 } }, "url": "/assets/manifest-41615f41.js", "version": "41615f41", "sri": void 0 };
 const assetsBuildDirectory = "build/client";
 const basename = "/";
 const future = { "unstable_optimizeDeps": false, "unstable_subResourceIntegrity": false, "unstable_trailingSlashAwareDataRequests": false, "unstable_previewServerPrerendering": false, "v8_middleware": false, "v8_splitRouteModules": false, "v8_viteEnvironmentApi": false };