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

package/build/server/assets/{server-build-B-uZ5KmC.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-DLRJr3zg.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
@@ -37045,16 +37092,69 @@ function ErrorStackBlock({ value }) {
   const copyText = message2 ? `${message2}
 
 ${stack}` : stack;
-  return jsxRuntimeExports.jsxs("div", { className: "relative overflow-x-auto rounded-md border p-3 pt-9", style: { borderColor: "var(--ds-gray-300)" }, children: [jsxRuntimeExports.jsx("button", { type: "button", "aria-label": "Copy error", title: "Copy", className: "!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border !bg-[var(--ds-background-100)] !text-[var(--ds-gray-800)] transition-transform transition-colors duration-100 hover:!bg-[var(--ds-gray-alpha-200)] active:!scale-95 active:!bg-[var(--ds-gray-alpha-300)]", style: { borderColor: "var(--ds-gray-300)" }, onClick: () => {
+  return jsxRuntimeExports.jsxs("div", { className: "relative overflow-hidden rounded-md border", style: {
+    borderColor: "var(--ds-red-400)",
+    background: "var(--ds-red-100)"
+  }, children: [jsxRuntimeExports.jsx("button", { type: "button", "aria-label": "Copy error", title: "Copy", className: "!absolute !right-2 !top-2 !flex !h-6 !w-6 !items-center !justify-center !rounded-md !border transition-transform transition-colors duration-100 hover:!bg-[var(--ds-red-200)] active:!scale-95", style: {
+    borderColor: "var(--ds-red-400)",
+    background: "var(--ds-red-100)",
+    color: "var(--ds-red-900)"
+  }, onClick: () => {
     navigator.clipboard.writeText(copyText).then(() => {
       toast.success("Copied to clipboard");
     }).catch(() => {
       toast.error("Failed to copy");
     });
-  }, children: jsxRuntimeExports.jsx(Copy, { size: 12 }) }), message2 && jsxRuntimeExports.jsx("p", { className: "pb-2 mb-2 text-xs font-semibold font-mono", style: {
+  }, children: jsxRuntimeExports.jsx(Copy, { size: 12 }) }), message2 && jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 px-3 py-2.5 pr-10", style: {
     color: "var(--ds-red-900)",
-    borderBottom: "1px solid var(--ds-gray-300)"
-  }, children: message2 }), jsxRuntimeExports.jsx("pre", { className: "text-xs font-mono whitespace-pre-wrap break-words overflow-auto m-0", style: { color: "var(--ds-gray-1000)" }, children: stack })] });
+    borderBottom: "1px solid var(--ds-red-400)"
+  }, children: [jsxRuntimeExports.jsx(CircleAlert, { className: "h-4 w-4 shrink-0", style: { marginTop: 1 } }), jsxRuntimeExports.jsx("p", { className: "text-xs font-semibold m-0 break-words", children: message2 })] }), jsxRuntimeExports.jsx("pre", { className: "px-3 py-2.5 text-xs font-mono whitespace-pre-wrap break-words overflow-auto m-0", style: {
+    color: "var(--ds-red-900)",
+    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);
+  const ref = reactExports.useRef(null);
+  const label = ((_a3 = options.find((o) => o.value === value)) == null ? void 0 : _a3.label) ?? ((_b = options[0]) == null ? void 0 : _b.label) ?? "";
+  reactExports.useEffect(() => {
+    if (!open)
+      return;
+    function handleClickOutside(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open]);
+  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)"
+  }, children: jsxRuntimeExports.jsx("path", { d: "M4.5 6L8 9.5L11.5 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), open && jsxRuntimeExports.jsx("div", { style: {
+    position: "absolute",
+    right: 0,
+    top: "100%",
+    marginTop: 4,
+    minWidth: 140,
+    padding: 4,
+    borderRadius: 12,
+    background: "var(--ds-background-100)",
+    boxShadow: "var(--ds-shadow-menu, var(--ds-shadow-medium))",
+    zIndex: 2001
+  }, role: "menu", children: options.map((option) => jsxRuntimeExports.jsx("button", { type: "button", role: "menuitem", className: "wf-menu-item", style: {
+    fontWeight: option.value === value ? 500 : 400
+  }, onClick: () => {
+    onChange(option.value);
+    setOpen(false);
+  }, children: option.label }, option.value)) })] });
 }
 function Skeleton$2({ className, style: style2, ...props }) {
   return jsxRuntimeExports.jsx("div", { ...props, className: cn$4("rounded-md", className), style: { backgroundColor: "var(--ds-gray-200)", ...style2 } });
@@ -37220,7 +37320,7 @@ function TreeGutter({ isFirst, isLast, isRunLevel: isRun, statusDotColor, pulse
     zIndex: 0
   } })] });
 }
-function CopyableCell({ value, className }) {
+function CopyableCell({ value, className, style: styleProp }) {
   const [copied, setCopied] = reactExports.useState(false);
   const resetCopiedTimeoutRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
@@ -37243,7 +37343,7 @@ function CopyableCell({ value, className }) {
       }, 1500);
     });
   }, [value]);
-  return jsxRuntimeExports.jsxs("div", { className: `group/copy flex items-center gap-1 flex-1 min-w-0 px-4 ${className ?? ""}`, children: [jsxRuntimeExports.jsx("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: value || "-" }), value ? jsxRuntimeExports.jsx("button", { type: "button", onClick: handleCopy, className: "flex-shrink-0 opacity-0 group-hover/copy:opacity-100 transition-opacity p-0.5 rounded hover:bg-[var(--ds-gray-alpha-200)]", style: BUTTON_RESET_STYLE, "aria-label": `Copy ${value}`, children: copied ? jsxRuntimeExports.jsx(Check, { className: "h-3 w-3", style: { color: "var(--ds-green-700)" } }) : jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3", style: { color: "var(--ds-gray-700)" } }) }) : null] });
+  return jsxRuntimeExports.jsxs("div", { className: `group/copy flex items-center gap-1 min-w-0 px-4 ${className ?? ""}`, style: styleProp, children: [jsxRuntimeExports.jsx("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: value || "-" }), value ? jsxRuntimeExports.jsx("button", { type: "button", onClick: handleCopy, className: "flex-shrink-0 opacity-0 group-hover/copy:opacity-100 transition-opacity p-0.5 rounded hover:bg-[var(--ds-gray-alpha-200)]", style: BUTTON_RESET_STYLE, "aria-label": `Copy ${value}`, children: copied ? jsxRuntimeExports.jsx(Check, { className: "h-3 w-3", style: { color: "var(--ds-green-700)" } }) : jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3", style: { color: "var(--ds-gray-700)" } }) }) : null] });
 }
 function deepParseJson(value) {
   if (typeof value === "string") {
@@ -37321,18 +37421,19 @@ function PayloadBlock({ data, eventType }) {
   }
   return jsxRuntimeExports.jsxs("div", { className: "relative group/payload", children: [jsxRuntimeExports.jsx("div", { className: "overflow-x-auto p-2 text-[11px]", style: { color: "var(--ds-gray-1000)" }, children: jsxRuntimeExports.jsx(DataInspector, { data: cleaned, expandLevel: 2 }) }), jsxRuntimeExports.jsx("button", { type: "button", onClick: handleCopy, className: "absolute bottom-2 right-2 opacity-0 group-hover/payload:opacity-100 transition-opacity flex items-center gap-1 px-2 py-1 rounded-md text-xs hover:bg-[var(--ds-gray-alpha-200)]", style: { ...BUTTON_RESET_STYLE, color: "var(--ds-gray-700)" }, "aria-label": "Copy payload", children: copied ? jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Check, { className: "h-3 w-3", style: { color: "var(--ds-green-700)" } }), jsxRuntimeExports.jsx("span", { style: { color: "var(--ds-green-700)" }, children: "Copied" })] }) : jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Copy, { className: "h-3 w-3" }), jsxRuntimeExports.jsx("span", { children: "Copy" })] }) })] });
 }
-function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, encryptionKey }) {
-  const [isExpanded, setIsExpanded] = reactExports.useState(false);
+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(null);
+  const [loadedEventData, setLoadedEventData] = reactExports.useState(cachedEventData);
   const [loadError, setLoadError] = reactExports.useState(null);
-  const [hasAttemptedLoad, setHasAttemptedLoad] = reactExports.useState(false);
-  const rowGroupKey = event.correlationId ?? (isRunLevel(event.eventType) ? "__run__" : void 0);
-  reactExports.useEffect(() => {
-    if (selectedGroupKey !== void 0 && selectedGroupKey !== rowGroupKey) {
-      setIsExpanded(false);
-    }
-  }, [selectedGroupKey, rowGroupKey]);
+  const [hasAttemptedLoad, setHasAttemptedLoad] = reactExports.useState(cachedEventData !== null);
+  const rowGroupKey = isRunLevel(event.eventType) ? "__run__" : event.correlationId ?? void 0;
   const statusDotColor = getStatusDotColor(event.eventType);
   const createdAt = new Date(event.createdAt);
   const hasExistingEventData = "eventData" in event && event.eventData != null;
@@ -37359,9 +37460,10 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
         setLoadError("Event details unavailable");
         return;
       }
-      const eventData2 = await onLoadEventData(event);
-      if (eventData2 !== null && eventData2 !== void 0) {
-        setLoadedEventData(eventData2);
+      const data = await onLoadEventData(event);
+      if (data !== null && data !== void 0) {
+        setLoadedEventData(data);
+        onCacheEventData(event.eventId, data);
       }
     } catch (err) {
       setLoadError(err instanceof Error ? err.message : "Failed to load event details");
@@ -37369,7 +37471,18 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
       setIsLoading(false);
       setHasAttemptedLoad(true);
     }
-  }, [event, loadedEventData, hasExistingEventData, onLoadEventData]);
+  }, [
+    event,
+    loadedEventData,
+    hasExistingEventData,
+    onLoadEventData,
+    onCacheEventData
+  ]);
+  reactExports.useEffect(() => {
+    if (isExpanded && loadedEventData === null && !hasExistingEventData && !isLoading && !hasAttemptedLoad) {
+      loadEventDetails();
+    }
+  }, []);
   reactExports.useEffect(() => {
     if (encryptionKey && hasAttemptedLoad && onLoadEventData) {
       setLoadedEventData(null);
@@ -37377,6 +37490,7 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
       onLoadEventData(event).then((data) => {
         if (data !== null && data !== void 0) {
           setLoadedEventData(data);
+          onCacheEventData(event.eventId, data);
         }
         setHasAttemptedLoad(true);
       }).catch(() => {
@@ -37384,33 +37498,34 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
       });
     }
   }, [encryptionKey]);
-  const handleExpandToggle = reactExports.useCallback((e) => {
-    e.stopPropagation();
-    const newExpanded = !isExpanded;
-    setIsExpanded(newExpanded);
-    if (newExpanded && loadedEventData === null && !hasExistingEventData) {
-      loadEventDetails();
-    }
-  }, [isExpanded, loadedEventData, hasExistingEventData, loadEventDetails]);
   const handleRowClick = reactExports.useCallback(() => {
-    if (selectedGroupKey === rowGroupKey) {
-      onSelectGroup(void 0);
-    } else {
-      onSelectGroup(rowGroupKey);
+    onSelectGroup(rowGroupKey === selectedGroupKey ? void 0 : rowGroupKey);
+    onToggleExpand(event.eventId);
+    if (!isExpanded && loadedEventData === null && !hasExistingEventData) {
+      loadEventDetails();
     }
-  }, [selectedGroupKey, rowGroupKey, onSelectGroup]);
+  }, [
+    selectedGroupKey,
+    rowGroupKey,
+    onSelectGroup,
+    onToggleExpand,
+    event.eventId,
+    isExpanded,
+    loadedEventData,
+    hasExistingEventData,
+    loadEventDetails
+  ]);
   const eventData = hasExistingEventData ? event.eventData : loadedEventData;
   const contentOpacity = isDimmed ? 0.3 : 1;
   return jsxRuntimeExports.jsxs("div", { "data-event-id": event.eventId, onMouseEnter: () => onHoverGroup(rowGroupKey), onMouseLeave: () => onHoverGroup(void 0), children: [jsxRuntimeExports.jsxs("div", { role: "button", tabIndex: 0, onClick: handleRowClick, onKeyDown: (e) => {
     if (e.key === "Enter" || e.key === " ")
       handleRowClick();
-  }, className: "w-full text-left flex items-center gap-0 text-sm hover:bg-[var(--ds-gray-alpha-100)] transition-colors cursor-pointer", style: { minHeight: 40 }, children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst, isLast: isLast && !isExpanded, isRunLevel: isRun, statusDotColor, pulse: isPulsing, hasSelection: hasActive, showBranch, showLaneLine, isLaneStart, isLaneEnd }), jsxRuntimeExports.jsxs("div", { className: "flex items-center flex-1 min-w-0", style: { opacity: contentOpacity, transition: "opacity 150ms" }, children: [jsxRuntimeExports.jsx("button", { type: "button", onClick: handleExpandToggle, className: "flex items-center justify-center w-5 h-5 flex-shrink-0 rounded hover:bg-[var(--ds-gray-alpha-200)] transition-colors", style: {
-    ...BUTTON_RESET_STYLE,
-    border: "1px solid var(--ds-gray-alpha-400)"
-  }, "aria-label": isExpanded ? "Collapse details" : "Expand details", children: jsxRuntimeExports.jsx(ChevronRight, { className: "h-3 w-3 transition-transform", style: {
-    color: "var(--ds-gray-700)",
+  }, className: "w-full text-left flex items-center gap-0 text-[13px] hover:bg-[var(--ds-gray-alpha-100)] transition-colors cursor-pointer", style: { minHeight: 40 }, children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst, isLast: isLast && !isExpanded, isRunLevel: isRun, statusDotColor, pulse: isPulsing, hasSelection: hasActive, showBranch, showLaneLine, isLaneStart, isLaneEnd }), jsxRuntimeExports.jsxs("div", { className: "flex items-center flex-1 min-w-0", style: { opacity: contentOpacity, transition: "opacity 150ms" }, children: [jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center w-5 h-5 flex-shrink-0 rounded", style: {
+    border: "1px solid var(--ds-gray-400)"
+  }, children: jsxRuntimeExports.jsx(ChevronRight, { className: "h-3 w-3 transition-transform", style: {
+    color: "var(--ds-gray-900)",
     transform: isExpanded ? "rotate(90deg)" : "rotate(0deg)"
-  } }) }), jsxRuntimeExports.jsx("div", { className: "text-xs tabular-nums flex-1 min-w-0 px-4", style: { color: "var(--ds-gray-900)" }, children: formatEventTime(createdAt) }), jsxRuntimeExports.jsx("div", { className: "text-xs font-medium flex-1 min-w-0 px-4", children: jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", style: { color: "var(--ds-gray-900)" }, children: [jsxRuntimeExports.jsxs("span", { style: {
+  } }) }), jsxRuntimeExports.jsx("div", { className: "tabular-nums min-w-0 px-4", style: { color: "var(--ds-gray-900)", flex: "2 1 0%" }, children: formatEventTime(createdAt) }), jsxRuntimeExports.jsx("div", { className: "font-medium min-w-0 px-4", style: { flex: "2 1 0%" }, children: jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", style: { color: "var(--ds-gray-900)" }, children: [jsxRuntimeExports.jsxs("span", { style: {
     position: "relative",
     display: "inline-flex",
     width: 6,
@@ -37429,7 +37544,7 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
     height: 6,
     borderRadius: "50%",
     backgroundColor: statusDotColor
-  } })] }), formatEventType(event.eventType)] }) }), jsxRuntimeExports.jsx("div", { className: "text-xs flex-1 min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap", title: eventName2 !== "-" ? eventName2 : void 0, children: eventName2 }), jsxRuntimeExports.jsx(CopyableCell, { value: event.correlationId || "", className: "font-mono text-xs" }), jsxRuntimeExports.jsx(CopyableCell, { value: event.eventId, className: "font-mono text-xs" })] })] }), isExpanded && jsxRuntimeExports.jsxs("div", { className: "flex", children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst: false, isLast, isRunLevel: isRun, hasSelection: hasActive, showBranch: false, showLaneLine: showLaneLine && !isLaneEnd, isLaneStart: false, isLaneEnd: false, continuationOnly: true }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsxs("div", { className: "flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden", style: {
+  } })] }), formatEventType(event.eventType)] }) }), jsxRuntimeExports.jsx("div", { className: "min-w-0 px-4 overflow-hidden text-ellipsis whitespace-nowrap", style: { flex: "2 1 0%" }, title: eventName2 !== "-" ? eventName2 : void 0, children: eventName2 }), jsxRuntimeExports.jsx(CopyableCell, { value: event.correlationId || "", className: "font-mono", style: { flex: "3 1 0%" } }), jsxRuntimeExports.jsx(CopyableCell, { value: event.eventId, className: "font-mono", style: { flex: "3 1 0%" } })] })] }), isExpanded && jsxRuntimeExports.jsxs("div", { className: "flex", children: [jsxRuntimeExports.jsx(TreeGutter, { isFirst: false, isLast, isRunLevel: isRun, hasSelection: hasActive, showBranch: false, showLaneLine: showLaneLine && !isLaneEnd, isLaneStart: false, isLaneEnd: false, continuationOnly: true }), jsxRuntimeExports.jsx("div", { className: "w-5 flex-shrink-0" }), jsxRuntimeExports.jsxs("div", { className: "flex-1 my-1.5 mr-3 ml-2 py-2 rounded-md border overflow-hidden", style: {
     borderColor: "var(--ds-gray-alpha-200)",
     opacity: contentOpacity,
     transition: "opacity 150ms"
@@ -37439,11 +37554,36 @@ function EventRow({ event, index: index2, isFirst, isLast, activeGroupKey, selec
     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 }) {
+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) => {
+    if (onSortOrderChange) {
+      onSortOrderChange(order2);
+    } else {
+      setInternalSortOrder(order2);
+    }
+  }, [onSortOrderChange]);
   const sortedEvents2 = reactExports.useMemo(() => {
     if (!events2 || events2.length === 0)
       return [];
-    return [...events2].sort((a2, b2) => new Date(a2.createdAt).getTime() - new Date(b2.createdAt).getTime());
+    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]);
@@ -37456,6 +37596,49 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     setHoveredGroupKey(groupKey);
   }, []);
   const activeGroupKey = selectedGroupKey ?? hoveredGroupKey;
+  const [expandedEventIds, setExpandedEventIds] = reactExports.useState(() => /* @__PURE__ */ new Set());
+  const toggleEventExpanded = reactExports.useCallback((eventId) => {
+    setExpandedEventIds((prev) => {
+      const next2 = new Set(prev);
+      if (next2.has(eventId)) {
+        next2.delete(eventId);
+      } else {
+        next2.add(eventId);
+      }
+      return next2;
+    });
+  }, []);
+  const eventDataCacheRef = reactExports.useRef(/* @__PURE__ */ new Map());
+  const cacheEventData = reactExports.useCallback((eventId, data) => {
+    eventDataCacheRef.current.set(eventId, data);
+  }, []);
+  const eventGroupKeyMap = reactExports.useMemo(() => {
+    const map2 = /* @__PURE__ */ new Map();
+    for (const ev of sortedEvents2) {
+      const gk = isRunLevel(ev.eventType) ? "__run__" : ev.correlationId ?? "";
+      if (gk)
+        map2.set(ev.eventId, gk);
+    }
+    return map2;
+  }, [sortedEvents2]);
+  reactExports.useEffect(() => {
+    if (selectedGroupKey === void 0)
+      return;
+    setExpandedEventIds((prev) => {
+      if (prev.size === 0)
+        return prev;
+      let changed = false;
+      const next2 = /* @__PURE__ */ new Set();
+      for (const eventId of prev) {
+        if (eventGroupKeyMap.get(eventId) === selectedGroupKey) {
+          next2.add(eventId);
+        } else {
+          changed = true;
+        }
+      }
+      return changed ? next2 : prev;
+    });
+  }, [selectedGroupKey, eventGroupKeyMap]);
   const selectedGroupRange = reactExports.useMemo(() => {
     if (!activeGroupKey || activeGroupKey === "__run__")
       return null;
@@ -37476,15 +37659,23 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     const entries = [];
     for (let i = 0; i < sortedEvents2.length; i++) {
       const ev = sortedEvents2[i];
+      const isRun = isRunLevel(ev.eventType);
+      const name2 = isRun ? workflowName ?? "" : ev.correlationId ? correlationNameMap.get(ev.correlationId) ?? "" : "";
       entries.push({
-        text: [ev.eventId, ev.correlationId ?? ""].join(" ").toLowerCase(),
-        groupKey: ev.correlationId ?? (isRunLevel(ev.eventType) ? "__run__" : void 0),
+        fields: [
+          ev.eventId,
+          ev.correlationId ?? "",
+          ev.eventType,
+          formatEventType(ev.eventType),
+          name2
+        ].map((f2) => f2.toLowerCase()),
+        groupKey: ev.correlationId ?? (isRun ? "__run__" : void 0),
         eventId: ev.eventId,
         index: i
       });
     }
     return entries;
-  }, [sortedEvents2]);
+  }, [sortedEvents2, correlationNameMap, workflowName]);
   reactExports.useEffect(() => {
     var _a3;
     const q2 = searchQuery.trim().toLowerCase();
@@ -37492,27 +37683,55 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
       setSelectedGroupKey(void 0);
       return;
     }
-    const match2 = searchIndex.find((entry2) => entry2.text.includes(q2));
-    if (match2) {
-      setSelectedGroupKey(match2.groupKey);
+    let bestMatch = null;
+    let bestScore = 0;
+    for (const entry2 of searchIndex) {
+      for (const field of entry2.fields) {
+        if (field && field.includes(q2)) {
+          const score = q2.length / field.length;
+          if (score > bestScore) {
+            bestScore = score;
+            bestMatch = entry2;
+          }
+        }
+      }
+    }
+    if (bestMatch) {
+      setSelectedGroupKey(bestMatch.groupKey);
       (_a3 = virtuosoRef.current) == null ? void 0 : _a3.scrollToIndex({
-        index: match2.index,
+        index: bestMatch.index,
         align: "center",
         behavior: "smooth"
       });
     }
   }, [searchQuery, searchIndex]);
-  if (!events2 || events2.length === 0) {
+  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.jsx("div", { style: { padding: 6, backgroundColor: "var(--ds-background-100)" }, children: jsxRuntimeExports.jsxs("label", { style: {
+  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: {
+    padding: 6,
+    backgroundColor: "var(--ds-background-100)",
+    display: "flex",
+    gap: 6
+  }, children: [jsxRuntimeExports.jsxs("label", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     borderRadius: 6,
     boxShadow: "0 0 0 1px var(--ds-gray-alpha-400)",
     background: "var(--ds-background-100)",
-    height: 40
+    height: 40,
+    flex: 1,
+    minWidth: 0
   }, children: [jsxRuntimeExports.jsx("div", { style: {
     width: 40,
     height: 40,
@@ -37521,7 +37740,7 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     justifyContent: "center",
     color: "var(--ds-gray-800)",
     flexShrink: 0
-  }, children: jsxRuntimeExports.jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: [jsxRuntimeExports.jsx("circle", { cx: "7", cy: "7", r: "4.5", stroke: "currentColor", strokeWidth: "1.5" }), jsxRuntimeExports.jsx("path", { d: "M11.5 11.5L14 14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }), jsxRuntimeExports.jsx("input", { type: "search", placeholder: "Search by event ID or correlation ID…", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: {
+  }, children: jsxRuntimeExports.jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: [jsxRuntimeExports.jsx("circle", { cx: "7", cy: "7", r: "4.5", stroke: "currentColor", strokeWidth: "1.5" }), jsxRuntimeExports.jsx("path", { d: "M11.5 11.5L14 14", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })] }) }), jsxRuntimeExports.jsx("input", { type: "search", placeholder: "Search by name, event type, or ID…", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), style: {
     marginLeft: -16,
     paddingInline: 12,
     fontFamily: "inherit",
@@ -37531,27 +37750,23 @@ function EventListView({ events: events2, run, onLoadEventData, hasMoreEvents =
     outline: "none",
     height: 40,
     width: "100%"
-  } })] }) }), jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0 text-sm 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: "flex-1 min-w-0 px-4", children: "Time" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Event Type" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Name" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", children: "Correlation ID" }), jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 px-4", 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;
     }
     void (onLoadMoreEvents == null ? void 0 : onLoadMoreEvents());
   }, itemContent: (index2) => {
-    return jsxRuntimeExports.jsx(EventRow, { event: sortedEvents2[index2], index: index2, isFirst: index2 === 0, isLast: index2 === sortedEvents2.length - 1, activeGroupKey, selectedGroupKey, selectedGroupRange, correlationNameMap, workflowName, durationMap, onSelectGroup, onHoverGroup, onLoadEventData, encryptionKey });
-  }, components: {
-    Footer: () => jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [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" }) }), jsxRuntimeExports.jsxs("div", { className: "mt-4 pt-3 border-t text-xs px-3", style: {
-      borderColor: "var(--ds-gray-alpha-200)",
-      color: "var(--ds-gray-900)"
-    }, children: [sortedEvents2.length, " event", sortedEvents2.length !== 1 ? "s" : "", " total"] })] })
-  }, style: { flex: 1, minHeight: 0 } })] });
+    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 });
+  }, 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: [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;
@@ -64427,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-7BMdhIzo.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 }) })] }) });
@@ -64749,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-C-mhM4Cx.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;
@@ -65787,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);
@@ -65980,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: {
@@ -69841,17 +70051,17 @@ function PanelResizeHandle({ onResize }) {
   }, [onResize]);
   return jsxRuntimeExports.jsx("div", { className: "absolute left-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-blue-400/50 z-10", onPointerDown: handlePointerDown });
 }
-function TraceViewerFooter({ hasMore, isLive }) {
+function TraceViewerFooter({ hasMore, isLive, isInitialLoading }) {
   const style2 = { color: "var(--ds-gray-900)" };
-  if (hasMore) {
-    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…"] });
+  if (hasMore || isInitialLoading) {
+    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);
@@ -69951,7 +70161,7 @@ const WorkflowTraceViewer = ({ run, events: events2, isLoading, error: error2, s
   if (!trace2) {
     return jsxRuntimeExports.jsxs("div", { className: "relative w-full h-full", children: [jsxRuntimeExports.jsx("div", { className: "border-b border-gray-alpha-400 w-full" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-full ml-2 mt-1 mb-1 h-[56px]" }), jsxRuntimeExports.jsxs("div", { className: "p-2 relative w-full", children: [jsxRuntimeExports.jsx(Skeleton$2, { className: "w-full mt-6 h-[20px]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-[10%] mt-2 ml-6 h-[20px]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-[10%] mt-2 ml-12 h-[20px]" }), jsxRuntimeExports.jsx(Skeleton$2, { className: "w-[20%] mt-2 ml-16 h-[20px]" })] })] });
   }
-  return jsxRuntimeExports.jsxs("div", { className: "relative w-full h-full flex", children: [jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 relative", children: jsxRuntimeExports.jsxs(TraceViewerContextProvider, { customSpanClassNameFunc: getCustomSpanClassName, customSpanEventClassNameFunc: getCustomSpanEventClassName, children: [jsxRuntimeExports.jsx(SelectionBridge, { onSelectionChange: handleSelectionChange }), jsxRuntimeExports.jsx(DeselectBridge, { triggerDeselect: deselectTrigger }), jsxRuntimeExports.jsx(SelectBridge, { selectRequest }), jsxRuntimeExports.jsx(TraceViewerWithContextMenu, { trace: trace2, run, isLive, onWakeUpSleep, onCancelRun, onResolveHook, onLoadMoreSpans, hasMoreSpans, isLoadingMoreSpans, children: jsxRuntimeExports.jsx(TraceViewerTimeline, { eagerRender: true, height: "100%", isLive, trace: trace2, knownDurationMs: traceWithMeta == null ? void 0 : traceWithMeta.knownDurationMs, hasMoreData: hasMoreSpans, footer: jsxRuntimeExports.jsx(TraceViewerFooter, { hasMore: hasMoreSpans, isLive }) }) })] }) }), selectedSpan && jsxRuntimeExports.jsxs("div", { className: "relative border-l flex-shrink-0 flex flex-col", style: {
+  return jsxRuntimeExports.jsxs("div", { className: "relative w-full h-full flex", children: [jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 relative", children: jsxRuntimeExports.jsxs(TraceViewerContextProvider, { customSpanClassNameFunc: getCustomSpanClassName, customSpanEventClassNameFunc: getCustomSpanEventClassName, children: [jsxRuntimeExports.jsx(SelectionBridge, { onSelectionChange: handleSelectionChange }), jsxRuntimeExports.jsx(DeselectBridge, { triggerDeselect: deselectTrigger }), jsxRuntimeExports.jsx(SelectBridge, { selectRequest }), jsxRuntimeExports.jsx(TraceViewerWithContextMenu, { trace: trace2, run, isLive, onWakeUpSleep, onCancelRun, onResolveHook, onLoadMoreSpans, hasMoreSpans, isLoadingMoreSpans, children: jsxRuntimeExports.jsx(TraceViewerTimeline, { eagerRender: true, height: "100%", isLive, trace: trace2, knownDurationMs: traceWithMeta == null ? void 0 : traceWithMeta.knownDurationMs, hasMoreData: hasMoreSpans || Boolean(isLoading), footer: jsxRuntimeExports.jsx(TraceViewerFooter, { hasMore: hasMoreSpans, isLive, isInitialLoading: Boolean(isLoading) }) }) })] }) }), selectedSpan && jsxRuntimeExports.jsxs("div", { className: "relative border-l flex-shrink-0 flex flex-col", style: {
     width: panelWidth,
     borderColor: "var(--ds-gray-200)",
     backgroundColor: "var(--ds-background-100)"
@@ -70021,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 {
@@ -70051,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)"
@@ -70078,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) {
@@ -89523,8 +89728,8 @@ function requireGetVercelOidcToken$1() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-YAVqVR6-.js").then((n) => n.t),
-        await import("./token-mzBpVePm.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();
@@ -115634,17 +115839,84 @@ const LOCAL_QUEUE_MAX_VISIBILITY = parseInt(process.env.WORKFLOW_LOCAL_QUEUE_MAX
 const MAX_SAFE_TIMEOUT_MS = 2147483647;
 const DEFAULT_CONCURRENCY_LIMIT = 1e3;
 const WORKFLOW_LOCAL_QUEUE_CONCURRENCY = parseInt(process.env.WORKFLOW_LOCAL_QUEUE_CONCURRENCY ?? "0", 10) || DEFAULT_CONCURRENCY_LIMIT;
-function createQueue$2(config2) {
+function getQueueRoute(queueName) {
+  if (queueName.startsWith("__wkf_step_")) {
+    return { pathname: "step", prefix: "__wkf_step_" };
+  }
+  if (queueName.startsWith("__wkf_workflow_")) {
+    return { pathname: "flow", prefix: "__wkf_workflow_" };
+  }
+  throw new Error("Unknown queue name prefix");
+}
+function createQueueExecutor(config2) {
   const httpAgent = new undiciExports.Agent({
     headersTimeout: 0,
     connections: 1e3,
     keepAliveTimeout: 3e4
   });
+  const directHandlers = /* @__PURE__ */ new Map();
+  const executeMessage = async ({ queueName, messageId, attempt, body: body2, headers: extraHeaders }) => {
+    const { pathname, prefix } = getQueueRoute(queueName);
+    const headers2 = {
+      ...extraHeaders,
+      "content-type": "application/json",
+      "x-vqs-queue-name": queueName,
+      "x-vqs-message-id": messageId,
+      "x-vqs-message-attempt": String(attempt)
+    };
+    const directHandler = directHandlers.get(prefix);
+    let response2;
+    if (directHandler) {
+      const req = new Request("http://localhost/.well-known/workflow/v1/" + pathname, {
+        method: "POST",
+        headers: headers2,
+        body: body2
+      });
+      response2 = await directHandler(req);
+    } else {
+      const baseUrl = await resolveBaseUrl$1(config2);
+      response2 = await fetch(`${baseUrl}/.well-known/workflow/v1/${pathname}`, {
+        method: "POST",
+        duplex: "half",
+        dispatcher: httpAgent,
+        headers: headers2,
+        body: body2
+      });
+    }
+    const text2 = await response2.text();
+    if (!response2.ok) {
+      return {
+        type: "error",
+        status: response2.status,
+        text: text2,
+        headers: Object.fromEntries(response2.headers.entries())
+      };
+    }
+    try {
+      const timeoutSeconds = Number(JSON.parse(text2).timeoutSeconds);
+      if (Number.isFinite(timeoutSeconds) && timeoutSeconds >= 0) {
+        return { type: "reschedule", timeoutSeconds };
+      }
+    } catch {
+    }
+    return { type: "completed" };
+  };
+  return {
+    executeMessage,
+    registerHandler(prefix, handler) {
+      directHandlers.set(prefix, handler);
+    },
+    async close() {
+      await httpAgent.close();
+    }
+  };
+}
+function createQueue$2(config2) {
+  const executor = createQueueExecutor(config2);
   const transport = new JsonTransport();
   const generateId2 = monotonicFactory();
   const semaphore = new libExports.Sema(WORKFLOW_LOCAL_QUEUE_CONCURRENCY);
   const inflightMessages = /* @__PURE__ */ new Map();
-  const directHandlers = /* @__PURE__ */ new Map();
   const queue = async (queueName, message2, opts) => {
     const cleanup = [];
     if (opts == null ? void 0 : opts.idempotencyKey) {
@@ -115654,17 +115926,7 @@ function createQueue$2(config2) {
       }
     }
     const body2 = transport.serialize(message2);
-    let pathname;
-    let prefix;
-    if (queueName.startsWith("__wkf_step_")) {
-      pathname = `step`;
-      prefix = "__wkf_step_";
-    } else if (queueName.startsWith("__wkf_workflow_")) {
-      pathname = `flow`;
-      prefix = "__wkf_workflow_";
-    } else {
-      throw new Error("Unknown queue name prefix");
-    }
+    getQueueRoute(queueName);
     const messageId = MessageId.parse(`msg_${generateId2()}`);
     if (opts == null ? void 0 : opts.idempotencyKey) {
       const key = opts.idempotencyKey;
@@ -115681,55 +115943,31 @@ function createQueue$2(config2) {
       }
       try {
         let defaultRetriesLeft = 3;
-        const directHandler = directHandlers.get(prefix);
         for (let attempt = 0; defaultRetriesLeft > 0; attempt++) {
           defaultRetriesLeft--;
-          let response2;
-          const headers2 = {
-            ...opts == null ? void 0 : opts.headers,
-            "content-type": "application/json",
-            "x-vqs-queue-name": queueName,
-            "x-vqs-message-id": messageId,
-            "x-vqs-message-attempt": String(attempt + 1)
-          };
-          if (directHandler) {
-            const req = new Request("http://localhost/.well-known/workflow/v1/" + pathname, {
-              method: "POST",
-              headers: headers2,
-              body: body2
-            });
-            response2 = await directHandler(req);
-          } else {
-            const baseUrl = await resolveBaseUrl$1(config2);
-            response2 = await fetch(`${baseUrl}/.well-known/workflow/v1/${pathname}`, {
-              method: "POST",
-              duplex: "half",
-              dispatcher: httpAgent,
-              headers: headers2,
-              body: body2
-            });
+          const result = await executor.executeMessage({
+            queueName,
+            messageId,
+            attempt: attempt + 1,
+            body: body2,
+            headers: opts == null ? void 0 : opts.headers
+          });
+          if (result.type === "completed") {
+            return;
           }
-          const text2 = await response2.text();
-          if (response2.ok) {
-            try {
-              const timeoutSeconds = Number(JSON.parse(text2).timeoutSeconds);
-              if (Number.isFinite(timeoutSeconds) && timeoutSeconds >= 0) {
-                if (timeoutSeconds > 0) {
-                  const timeoutMs = Math.min(timeoutSeconds * 1e3, MAX_SAFE_TIMEOUT_MS);
-                  await setTimeout$1(timeoutMs);
-                }
-                defaultRetriesLeft++;
-                continue;
-              }
-            } catch {
+          if (result.type === "reschedule") {
+            if (result.timeoutSeconds > 0) {
+              const timeoutMs = Math.min(result.timeoutSeconds * 1e3, MAX_SAFE_TIMEOUT_MS);
+              await setTimeout$1(timeoutMs);
             }
-            return;
+            defaultRetriesLeft++;
+            continue;
           }
           console.error(`[local world] Failed to queue message`, {
             queueName,
-            text: text2,
-            status: response2.status,
-            headers: Object.fromEntries(response2.headers.entries()),
+            text: result.text,
+            status: result.status,
+            headers: result.headers,
             body: body2.toString()
           });
         }
@@ -115792,11 +116030,9 @@ function createQueue$2(config2) {
     queue,
     createQueueHandler,
     getDeploymentId,
-    registerHandler(prefix, handler) {
-      directHandlers.set(prefix, handler);
-    },
+    registerHandler: executor.registerHandler,
     async close() {
-      await httpAgent.close();
+      await executor.close();
     }
   };
 }
@@ -115993,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");
 }
@@ -116133,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");
@@ -116214,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);
     }
   }
@@ -116615,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,
@@ -116667,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;
@@ -117227,8 +117480,8 @@ function requireGetVercelOidcToken() {
     }
     try {
       const [{ getTokenPayload, isExpired }, { refreshToken }] = await Promise.all([
-        await import("./token-util-D7WmNSMO.js").then((n) => n.t),
-        await import("./token-BRJJ012D.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);
@@ -117957,7 +118210,7 @@ const PeerService = SemanticConvention("peer.service");
 const RpcSystem = SemanticConvention("rpc.system");
 const RpcService = SemanticConvention("rpc.service");
 const RpcMethod = SemanticConvention("rpc.method");
-const version$1 = "4.1.0-beta.42";
+const version$1 = "4.1.0-beta.43";
 const DEFAULT_RESOLVE_DATA_OPTION = "all";
 function deserializeError(obj) {
   const { error: error2, ...rest } = obj;
@@ -118270,6 +118523,46 @@ function createQueue$1(config2) {
   };
   return { queue, createQueueHandler, getDeploymentId };
 }
+const ResolveLatestDeploymentResponseSchema = object$1({
+  id: string$1()
+});
+function createResolveLatestDeploymentId(config2) {
+  return async function resolveLatestDeploymentId() {
+    const currentDeploymentId = process.env.VERCEL_DEPLOYMENT_ID;
+    if (!currentDeploymentId) {
+      throw new Error("Cannot resolve latest deployment: VERCEL_DEPLOYMENT_ID environment variable is not set");
+    }
+    const oidcToken = await distExports.getVercelOidcToken().catch(() => null);
+    const token = (config2 == null ? void 0 : config2.token) ?? oidcToken ?? process.env.VERCEL_TOKEN;
+    if (!token) {
+      throw new Error("Cannot resolve latest deployment: no OIDC token or VERCEL_TOKEN available");
+    }
+    const url2 = `https://api.vercel.com/v1/workflow/resolve-latest-deployment/${encodeURIComponent(currentDeploymentId)}`;
+    const response2 = await fetch(url2, {
+      method: "GET",
+      headers: {
+        authorization: `Bearer ${token}`
+      },
+      // @ts-expect-error -- undici dispatcher is accepted by Node.js fetch but not in @types/node's RequestInit
+      dispatcher: getDispatcher()
+    });
+    if (!response2.ok) {
+      let body2;
+      try {
+        body2 = await response2.text();
+      } catch {
+        body2 = "<unable to read response body>";
+      }
+      throw new Error(`Failed to resolve latest deployment for ${currentDeploymentId}: HTTP ${response2.status} ${response2.statusText}${body2 ? ` — ${body2}` : ""}`);
+    }
+    const data = await response2.json();
+    const result = ResolveLatestDeploymentResponseSchema.safeParse(data);
+    if (!result.success) {
+      throw new Error(`Invalid response from Vercel API: expected { id: string }. Zod error: ${result.error.message}`);
+    }
+    return result.data.id;
+  };
+}
 function isRefDescriptor(value) {
   return typeof value === "object" && value !== null && "_type" in value && "_ref" in value && typeof value._ref === "string" && value._type === "RemoteRef";
 }
@@ -118427,7 +118720,7 @@ async function getWorkflowRun(id2, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${id2}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v2/runs/${encodeURIComponent(id2)}${queryString ? `?${queryString}` : ""}`;
   try {
     const run = await makeRequest({
       endpoint,
@@ -118449,7 +118742,7 @@ async function cancelWorkflowRunV1(id2, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v1/runs/${id2}/cancel${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v1/runs/${encodeURIComponent(id2)}/cancel${queryString ? `?${queryString}` : ""}`;
   try {
     const run = await makeRequest({
       endpoint,
@@ -118548,7 +118841,7 @@ async function listWorkflowRunSteps(params, config2) {
   const remoteRefBehavior = resolveData === "none" ? "lazy" : "resolve";
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${runId}/steps${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v2/runs/${encodeURIComponent(runId)}/steps${queryString ? `?${queryString}` : ""}`;
   const response2 = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118566,7 +118859,7 @@ async function getStep(runId, stepId, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = runId ? `/v2/runs/${runId}/steps/${stepId}${queryString ? `?${queryString}` : ""}` : `/v2/steps/${stepId}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = runId ? `/v2/runs/${encodeURIComponent(runId)}/steps/${encodeURIComponent(stepId)}${queryString ? `?${queryString}` : ""}` : `/v2/steps/${encodeURIComponent(stepId)}${queryString ? `?${queryString}` : ""}`;
   const step = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118703,7 +118996,7 @@ async function getEvent(runId, eventId, params, config2) {
   const searchParams = new URLSearchParams();
   searchParams.set("remoteRefBehavior", remoteRefBehavior);
   const queryString = searchParams.toString();
-  const endpoint = `/v2/runs/${runId}/events/${eventId}${queryString ? `?${queryString}` : ""}`;
+  const endpoint = `/v2/runs/${encodeURIComponent(runId)}/events/${encodeURIComponent(eventId)}${queryString ? `?${queryString}` : ""}`;
   const event = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118736,7 +119029,7 @@ async function getWorkflowRunEvents(params, config2) {
   searchParams.set("remoteRefBehavior", "lazy");
   const queryString = searchParams.toString();
   const query = queryString ? `?${queryString}` : "";
-  const endpoint = correlationId ? `/v2/events${query}` : `/v2/runs/${runId}/events${query}`;
+  const endpoint = correlationId ? `/v2/events${query}` : `/v2/runs/${encodeURIComponent(runId)}/events${query}`;
   let refResolveConcurrency;
   const response2 = await makeRequest({
     endpoint,
@@ -118787,7 +119080,7 @@ async function createWorkflowRunEvent(id2, data, params, config2) {
       return { run };
     }
     const wireResult2 = await makeRequest({
-      endpoint: `/v1/runs/${id2}/events`,
+      endpoint: `/v1/runs/${encodeURIComponent(id2)}/events`,
       options: { method: "POST" },
       data,
       config: config2,
@@ -118801,7 +119094,7 @@ async function createWorkflowRunEvent(id2, data, params, config2) {
       throw new WorkflowAPIError(validationError, { status: 400 });
     }
   }
-  const runIdPath = id2 === null ? "null" : id2;
+  const runIdPath = id2 === null ? "null" : encodeURIComponent(id2);
   const remoteRefBehavior = eventsNeedingResolve.has(data.eventType) ? "resolve" : "lazy";
   if (remoteRefBehavior === "resolve") {
     const wireResult2 = await makeRequest({
@@ -118872,7 +119165,7 @@ async function listHooks(params, config2) {
 }
 async function getHook(hookId, params, config2) {
   const resolveData = (params == null ? void 0 : params.resolveData) || "all";
-  const endpoint = `/v2/hooks/${hookId}`;
+  const endpoint = `/v2/hooks/${encodeURIComponent(hookId)}`;
   const hook = await makeRequest({
     endpoint,
     options: { method: "GET" },
@@ -118974,7 +119267,7 @@ function createStorage(config2) {
 }
 function getStreamUrl(name2, runId, httpConfig) {
   if (runId) {
-    return new URL(`${httpConfig.baseUrl}/v2/runs/${runId}/stream/${encodeURIComponent(name2)}`);
+    return new URL(`${httpConfig.baseUrl}/v2/runs/${encodeURIComponent(runId)}/stream/${encodeURIComponent(name2)}`);
   }
   return new URL(`${httpConfig.baseUrl}/v2/stream/${encodeURIComponent(name2)}`);
 }
@@ -119053,7 +119346,7 @@ function createStreamer(config2) {
     },
     async listStreamsByRunId(runId) {
       const httpConfig = await getHttpConfig(config2);
-      const url2 = new URL(`${httpConfig.baseUrl}/v2/runs/${runId}/streams`);
+      const url2 = new URL(`${httpConfig.baseUrl}/v2/runs/${encodeURIComponent(runId)}/streams`);
       const response2 = await fetch(url2, {
         headers: httpConfig.headers
       });
@@ -119071,7 +119364,8 @@ function createVercelWorld(config2) {
     ...createQueue$1(config2),
     ...createStorage(config2),
     ...createStreamer(config2),
-    getEncryptionKeyForRun: createGetEncryptionKeyForRun(projectId, (_b = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _b.teamId, config2 == null ? void 0 : config2.token)
+    getEncryptionKeyForRun: createGetEncryptionKeyForRun(projectId, (_b = config2 == null ? void 0 : config2.projectConfig) == null ? void 0 : _b.teamId, config2 == null ? void 0 : config2.token),
+    resolveLatestDeploymentId: createResolveLatestDeploymentId(config2)
   };
 }
 const require$1 = createRequire$1(join$1(process.cwd(), "index.js"));
@@ -119087,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();
@@ -119278,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() {
@@ -122312,7 +122584,7 @@ async function resumeHook$2(tokenOrHook, payload, encryptionKeyOverride) {
     });
   });
 }
-const version = "4.2.0-beta.68";
+const version = "4.2.0-beta.70";
 const ulid = monotonicFactory();
 async function start$1(workflow, argsOrOptions, options) {
   return await waitedUntil(() => {
@@ -122337,7 +122609,13 @@ async function start$1(workflow, argsOrOptions, options) {
         ...WorkflowArgumentsCount(args.length)
       });
       const world = (opts == null ? void 0 : opts.world) ?? getWorld();
-      const deploymentId = opts.deploymentId ?? await world.getDeploymentId();
+      let deploymentId = opts.deploymentId ?? await world.getDeploymentId();
+      if (deploymentId === "latest") {
+        if (!world.resolveLatestDeploymentId) {
+          throw new WorkflowRuntimeError("deploymentId 'latest' requires a World that implements resolveLatestDeploymentId()");
+        }
+        deploymentId = await world.resolveLatestDeploymentId();
+      }
       const ops = [];
       const runId = `wrun_${ulid()}`;
       const traceCarrier = await serializeTraceCarrier();
@@ -122553,6 +122831,17 @@ class Run {
       specVersion: SPEC_VERSION_CURRENT
     });
   }
+  /**
+   * Whether the workflow run exists.
+   */
+  get exists() {
+    return this.world.runs.get(this.runId, { resolveData: "none" }).then(() => true).catch((error2) => {
+      if (WorkflowRunNotFoundError.is(error2)) {
+        return false;
+      }
+      throw error2;
+    });
+  }
   /**
    * The status of the workflow run.
    */
@@ -122690,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
@@ -122810,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: {
@@ -122853,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) {
@@ -122925,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,
@@ -122952,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,
@@ -122960,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.", {
@@ -122995,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,
@@ -123003,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.", {
@@ -123037,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,
@@ -123048,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.", {
@@ -123074,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()
       });
     });
@@ -129736,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;
@@ -129762,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
         })
       )
@@ -129797,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
         })
       );
@@ -145926,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: [
@@ -146954,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
   );
@@ -146974,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);
@@ -147206,16 +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,
-                encryptionKey: encryptionKey ?? void 0
+                hasMoreEvents: hasMoreEventsTab,
+                isLoadingMoreEvents: loadingMoreEventsTab,
+                onLoadMoreEvents: loadMoreEventsTab,
+                encryptionKey: encryptionKey ?? void 0,
+                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: [
@@ -147268,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",
@@ -147478,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-D-041AAq.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/mermaid-3ZIDBTTL-RlQIshou.js"], "css": ["/assets/root-9gRDb_Jz.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-Xl3EX8M3.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-C-GqGBPl.js", "/assets/mermaid-3ZIDBTTL-RlQIshou.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-BPOihWwO.js", "imports": ["/assets/index-DklpUtP3.js", "/assets/use-workflow-graph-C-GqGBPl.js", "/assets/mermaid-3ZIDBTTL-RlQIshou.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-0e172cba.js", "version": "0e172cba", "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 };