@nice-code/action 0.5.4 → 0.5.5

package/build/devtools/browser/index.js

@@ -2090,9 +2090,9 @@ function getSizeValue(size) {
 import { useState } from "react";
 
 // src/devtools/browser/components/SectionLabel.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 function SectionLabel({ label, color = DEVTOOL_COLOR_SEMANTIC_SYSTEM }) {
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     style: {
       color,
       fontSize: "0.85em",
@@ -2103,7 +2103,7 @@ function SectionLabel({ label, color = DEVTOOL_COLOR_SEMANTIC_SYSTEM }) {
       textAlign: "left"
     },
     children: label
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/utils.ts
@@ -2167,7 +2167,7 @@ function formatTimestamp(startTime) {
 }
 
 // src/devtools/browser/components/DetailSection.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var COMPACT_CHAR_LIMIT = 120;
 var MONO = "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace";
 var JSON_TOKEN_RE = /("(?:\\.|[^"\\])*")(\s*:)?|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|(\btrue\b|\bfalse\b|\bnull\b|\bundefined\b)|([{}[\],])/g;
@@ -2182,35 +2182,35 @@ function renderColoredJson(text) {
     const [, str, colon, num, kw, punct] = m;
     if (str != null) {
       if (colon != null) {
-        nodes.push(/* @__PURE__ */ jsxDEV2("span", {
+        nodes.push(/* @__PURE__ */ jsx2("span", {
           style: { color: DEVTOOL_JSON_KEY },
           children: str
-        }, i++, false, undefined, this));
-        nodes.push(/* @__PURE__ */ jsxDEV2("span", {
+        }, i++));
+        nodes.push(/* @__PURE__ */ jsx2("span", {
           style: { color: DEVTOOL_JSON_PUNCTUATION },
           children: colon
-        }, i++, false, undefined, this));
+        }, i++));
       } else {
-        nodes.push(/* @__PURE__ */ jsxDEV2("span", {
+        nodes.push(/* @__PURE__ */ jsx2("span", {
           style: { color: DEVTOOL_JSON_STRING },
           children: str
-        }, i++, false, undefined, this));
+        }, i++));
       }
     } else if (num != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV2("span", {
+      nodes.push(/* @__PURE__ */ jsx2("span", {
         style: { color: DEVTOOL_JSON_NUMBER },
         children: num
-      }, i++, false, undefined, this));
+      }, i++));
     } else if (kw != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV2("span", {
+      nodes.push(/* @__PURE__ */ jsx2("span", {
         style: { color: DEVTOOL_JSON_KEYWORD },
         children: kw
-      }, i++, false, undefined, this));
+      }, i++));
     } else if (punct != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV2("span", {
+      nodes.push(/* @__PURE__ */ jsx2("span", {
         style: { color: DEVTOOL_JSON_PUNCTUATION },
         children: punct
-      }, i++, false, undefined, this));
+      }, i++));
     }
     last = JSON_TOKEN_RE.lastIndex;
   }
@@ -2239,9 +2239,9 @@ function DetailSection({
   const canExpand = fullJson !== compactJson || compactJson.length > COMPACT_CHAR_LIMIT;
   const compactDisplay = compactJson.length > COMPACT_CHAR_LIMIT ? `${compactJson.slice(0, COMPACT_CHAR_LIMIT)}…` : compactJson;
   const baseStyle = isPlainString ? { background: DEVTOOL_SECTION_STRING_BACKGROUND, color: DEVTOOL_COLOR_TEXT_MUTED } : { background: DEVTOOL_SECTION_BACKGROUND, color: DEVTOOL_COLOR_TEXT_SECONDARY };
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsxs("div", {
     children: [
-      /* @__PURE__ */ jsxDEV2("div", {
+      /* @__PURE__ */ jsxs("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -2249,17 +2249,17 @@ function DetailSection({
           marginBottom: "3px"
         },
         children: [
-          /* @__PURE__ */ jsxDEV2(SectionLabel, {
+          /* @__PURE__ */ jsx2(SectionLabel, {
             label,
             color
-          }, undefined, false, undefined, this),
-          canExpand && /* @__PURE__ */ jsxDEV2("span", {
+          }),
+          canExpand && /* @__PURE__ */ jsx2("span", {
             style: { color: DEVTOOL_COLOR_TEXT_FAINT, fontSize: "11px" },
             children: expanded ? "▾" : "▸"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      expanded ? /* @__PURE__ */ jsxDEV2("div", {
+      }),
+      expanded ? /* @__PURE__ */ jsx2("div", {
         onClick: canExpand ? () => setExpanded(false) : undefined,
         style: {
           margin: 0,
@@ -2276,7 +2276,7 @@ function DetailSection({
           ...baseStyle
         },
         children: isPlainString ? fullJson : renderColoredJson(fullJson)
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV2("div", {
+      }) : /* @__PURE__ */ jsx2("div", {
         onClick: canExpand ? () => setExpanded(true) : undefined,
         style: {
           padding: "5px 8px",
@@ -2291,13 +2291,13 @@ function DetailSection({
           ...baseStyle
         },
         children: compactDisplay
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/NiceErrorDisplay.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var MONO2 = "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace";
 var SANS = "ui-sans-serif, system-ui, -apple-system, sans-serif";
 function isNiceErrorJson(value) {
@@ -2307,7 +2307,7 @@ function isNiceErrorJson(value) {
   return v["name"] === "NiceError" && Array.isArray(v["ids"]) && typeof v["message"] === "string";
 }
 function NiceErrorBody({ error }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     style: {
       background: DEVTOOL_ERROR_BACKGROUND,
       border: `1px solid ${DEVTOOL_COLOR_SEMANTIC_ERROR}`,
@@ -2315,7 +2315,7 @@ function NiceErrorBody({ error }) {
       overflow: "hidden"
     },
     children: [
-      /* @__PURE__ */ jsxDEV3("div", {
+      /* @__PURE__ */ jsx3("div", {
         style: {
           padding: "12px 14px",
           color: DEVTOOL_COLOR_SEMANTIC_ERROR,
@@ -2328,8 +2328,8 @@ function NiceErrorBody({ error }) {
           borderBottom: `1px solid ${DEVTOOL_ERROR_BADGE_BACKGROUND}`
         },
         children: error.message
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("div", {
+      }),
+      /* @__PURE__ */ jsxs2("div", {
         style: {
           padding: "6px 14px 8px",
           display: "flex",
@@ -2339,7 +2339,7 @@ function NiceErrorBody({ error }) {
           background: DEVTOOL_ERROR_BADGE_BACKGROUND
         },
         children: [
-          error.ids.map((id) => /* @__PURE__ */ jsxDEV3("span", {
+          error.ids.map((id) => /* @__PURE__ */ jsx3("span", {
             style: {
               color: DEVTOOL_COLOR_SEMANTIC_ERROR,
               fontFamily: MONO2,
@@ -2347,50 +2347,50 @@ function NiceErrorBody({ error }) {
               fontWeight: "600"
             },
             children: id
-          }, id, false, undefined, this)),
-          /* @__PURE__ */ jsxDEV3("span", {
+          }, id)),
+          /* @__PURE__ */ jsxs2("span", {
             style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px", fontFamily: SANS },
             children: [
               "domain:",
               " ",
-              /* @__PURE__ */ jsxDEV3("span", {
+              /* @__PURE__ */ jsx3("span", {
                 style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontFamily: MONO2 },
                 children: error.def.domain
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV3("span", {
+          }),
+          /* @__PURE__ */ jsxs2("span", {
             style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px", fontFamily: SANS },
             children: [
               "http:",
               " ",
-              /* @__PURE__ */ jsxDEV3("span", {
+              /* @__PURE__ */ jsx3("span", {
                 style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontFamily: MONO2 },
                 children: error.httpStatusCode
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function NiceErrorDisplay({
   error,
   label,
   color
 }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsxs2("div", {
     children: [
-      /* @__PURE__ */ jsxDEV3(SectionLabel, {
+      /* @__PURE__ */ jsx3(SectionLabel, {
         label,
         color
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3(NiceErrorBody, {
+      }),
+      /* @__PURE__ */ jsx3(NiceErrorBody, {
         error
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/StackTraceSection.tsx
@@ -2466,7 +2466,7 @@ async function resolveCompiledPosition(fileUrl, line, col) {
 }
 
 // src/devtools/browser/components/StackTraceSection.tsx
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var INTERNAL_PATTERNS = [
   "/nice-action/",
   "@nice-code/action",
@@ -2620,7 +2620,7 @@ function ProjectRootSetupModal({
     if (trimmed !== "")
       onSave(trimmed);
   };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     style: {
       position: "fixed",
       inset: 0,
@@ -2630,11 +2630,11 @@ function ProjectRootSetupModal({
       justifyContent: "center"
     },
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsx4("div", {
         onClick: onCancel,
         style: { position: "absolute", inset: 0, background: "rgba(0, 0, 0, 0.72)" }
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV4("form", {
+      }),
+      /* @__PURE__ */ jsxs3("form", {
         onSubmit: handleSubmit,
         style: {
           position: "relative",
@@ -2649,14 +2649,14 @@ function ProjectRootSetupModal({
           flexDirection: "column"
         },
         children: [
-          /* @__PURE__ */ jsxDEV4("div", {
+          /* @__PURE__ */ jsxs3("div", {
             style: {
               background: DEVTOOL_TOOLTIP_TITLE_BACKGROUND,
               borderBottom: `1px solid ${DEVTOOL_TOOLTIP_BORDER}`,
               padding: "10px 14px"
             },
             children: [
-              /* @__PURE__ */ jsxDEV4("div", {
+              /* @__PURE__ */ jsx4("div", {
                 style: {
                   color: DEVTOOL_COLOR_TEXT_EMPHASIS,
                   fontSize: "12px",
@@ -2664,41 +2664,41 @@ function ProjectRootSetupModal({
                   marginBottom: "2px"
                 },
                 children: "Set project root"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
+              }),
+              /* @__PURE__ */ jsxs3("div", {
                 style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px" },
                 children: [
                   "Runtime:",
                   " ",
-                  /* @__PURE__ */ jsxDEV4("span", {
+                  /* @__PURE__ */ jsx4("span", {
                     style: {
                       color: DEVTOOL_COLOR_SEMANTIC_SYSTEM,
                       fontFamily: "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace"
                     },
                     children: envId
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             style: { padding: "14px", display: "flex", flexDirection: "column", gap: "8px" },
             children: [
-              /* @__PURE__ */ jsxDEV4("div", {
+              /* @__PURE__ */ jsxs3("div", {
                 style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px", lineHeight: 1.4 },
                 children: [
                   "Provide the absolute path to this project's root so that root-relative source file paths (e.g.",
                   " ",
-                  /* @__PURE__ */ jsxDEV4("span", {
+                  /* @__PURE__ */ jsx4("span", {
                     style: {
                       fontFamily: "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace"
                     },
                     children: "src/App.tsx"
-                  }, undefined, false, undefined, this),
+                  }),
                   ") can be opened in VS Code."
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4("input", {
+              }),
+              /* @__PURE__ */ jsx4("input", {
                 ref: inputRef,
                 value,
                 onChange: (e) => setValue(e.currentTarget.value),
@@ -2715,10 +2715,10 @@ function ProjectRootSetupModal({
                   width: "100%",
                   boxSizing: "border-box"
                 }
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4("div", {
+          }),
+          /* @__PURE__ */ jsxs3("div", {
             style: {
               display: "flex",
               justifyContent: "flex-end",
@@ -2727,7 +2727,7 @@ function ProjectRootSetupModal({
               borderTop: `1px solid ${DEVTOOL_PANEL_BORDER}`
             },
             children: [
-              /* @__PURE__ */ jsxDEV4("button", {
+              /* @__PURE__ */ jsx4("button", {
                 type: "button",
                 onClick: onCancel,
                 style: {
@@ -2740,8 +2740,8 @@ function ProjectRootSetupModal({
                   cursor: "pointer"
                 },
                 children: "Cancel"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("button", {
+              }),
+              /* @__PURE__ */ jsx4("button", {
                 type: "submit",
                 disabled: value.trim() === "",
                 style: {
@@ -2755,13 +2755,13 @@ function ProjectRootSetupModal({
                   opacity: value.trim() === "" ? 0.5 : 1
                 },
                 children: "Save"
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function OpenInVscodeButton({
   frame,
@@ -2790,7 +2790,7 @@ function OpenInVscodeButton({
     flexShrink: 0
   };
   if (needsSetup) {
-    return /* @__PURE__ */ jsxDEV4("button", {
+    return /* @__PURE__ */ jsx4("button", {
       onClick: (e) => {
         e.stopPropagation();
         onNeedSetup();
@@ -2805,13 +2805,13 @@ function OpenInVscodeButton({
         border: "none",
         padding: 0
       },
-      children: /* @__PURE__ */ jsxDEV4(ExternalLink, {
+      children: /* @__PURE__ */ jsx4(ExternalLink, {
         size: 10,
         strokeWidth: 1.8
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV4("a", {
+  return /* @__PURE__ */ jsx4("a", {
     href: url,
     onClick: (e) => e.stopPropagation(),
     onMouseEnter: () => setHovered(true),
@@ -2822,11 +2822,11 @@ function OpenInVscodeButton({
       color: DEVTOOL_COLOR_TEXT_SECONDARY,
       textDecoration: "none"
     },
-    children: /* @__PURE__ */ jsxDEV4(ExternalLink, {
+    children: /* @__PURE__ */ jsx4(ExternalLink, {
       size: 10,
       strokeWidth: 1.8
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function countUserFrames(_runtime, stack) {
   if (stack == null)
@@ -2880,9 +2880,9 @@ function StackTraceSection({
       [runtimeKey]: path
     }));
   };
-  return /* @__PURE__ */ jsxDEV4("div", {
+  return /* @__PURE__ */ jsxs3("div", {
     children: [
-      /* @__PURE__ */ jsxDEV4("div", {
+      /* @__PURE__ */ jsxs3("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -2890,17 +2890,17 @@ function StackTraceSection({
           marginBottom: "3px"
         },
         children: [
-          /* @__PURE__ */ jsxDEV4(SectionLabel, {
+          /* @__PURE__ */ jsx4(SectionLabel, {
             label,
             color
-          }, undefined, false, undefined, this),
-          hasInternalFrames && /* @__PURE__ */ jsxDEV4("span", {
+          }),
+          hasInternalFrames && /* @__PURE__ */ jsx4("span", {
             style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "9px" },
             children: !showAll ? "user only" : `all (${allFrames.length})`
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV4("div", {
+      }),
+      /* @__PURE__ */ jsxs3("div", {
         onClick: () => setShowAll((s) => !s),
         style: {
           background: DEVTOOL_STACK_TRACE_BACKGROUND,
@@ -2910,7 +2910,7 @@ function StackTraceSection({
           cursor: "pointer"
         },
         children: [
-          displayFrames.length === 0 ? /* @__PURE__ */ jsxDEV4("div", {
+          displayFrames.length === 0 ? /* @__PURE__ */ jsx4("div", {
             style: {
               padding: "6px 10px",
               color: DEVTOOL_COLOR_TEXT_MUTED,
@@ -2918,14 +2918,14 @@ function StackTraceSection({
               fontStyle: "italic"
             },
             children: "no user frames captured"
-          }, undefined, false, undefined, this) : displayFrames.map((frame, idx) => {
+          }) : displayFrames.map((frame, idx) => {
             const displayFile = formatFrameFile(frame.file);
             const slashIdx = displayFile.lastIndexOf("/");
             const folderPrefix = slashIdx >= 0 ? displayFile.slice(0, slashIdx + 1) : "";
             const bareFilename = slashIdx >= 0 ? displayFile.slice(slashIdx + 1) : displayFile;
             const titleStr = frame.file != null ? frame.file : frame.raw;
             const isUser = !frame.isInternal;
-            return /* @__PURE__ */ jsxDEV4("div", {
+            return /* @__PURE__ */ jsxs3("div", {
               title: titleStr,
               style: {
                 position: "relative",
@@ -2937,7 +2937,7 @@ function StackTraceSection({
                 borderBottom: `1px solid ${DEVTOOL_LIST_BASE_BACKGROUND}`
               },
               children: [
-                /* @__PURE__ */ jsxDEV4("span", {
+                /* @__PURE__ */ jsx4("span", {
                   style: {
                     color: isUser ? DEVTOOL_STACK_FRAME_USER_NUMBER : DEVTOOL_STACK_FRAME_INTERNAL_NUMBER,
                     fontSize: "10px",
@@ -2947,8 +2947,8 @@ function StackTraceSection({
                     fontVariantNumeric: "tabular-nums"
                   },
                   children: idx + 1
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV4("div", {
+                }),
+                /* @__PURE__ */ jsxs3("div", {
                   style: {
                     display: "flex",
                     flexDirection: "column",
@@ -2956,9 +2956,9 @@ function StackTraceSection({
                     lineHeight: 1.2
                   },
                   children: [
-                    /* @__PURE__ */ jsxDEV4("div", {
+                    /* @__PURE__ */ jsx4("div", {
                       style: { display: "flex", alignItems: "center" },
-                      children: /* @__PURE__ */ jsxDEV4("span", {
+                      children: /* @__PURE__ */ jsx4("span", {
                         style: {
                           color: isUser ? DEVTOOL_STACK_FRAME_USER_FUNCTION : DEVTOOL_STACK_FRAME_INTERNAL_FUNCTION,
                           fontSize: "12px",
@@ -2968,12 +2968,12 @@ function StackTraceSection({
                           whiteSpace: "nowrap"
                         },
                         children: frame.fn ?? "(anonymous)"
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV4("div", {
+                      })
+                    }),
+                    /* @__PURE__ */ jsxs3("div", {
                       style: { display: "flex", alignItems: "baseline", overflow: "hidden" },
                       children: [
-                        folderPrefix !== "" && /* @__PURE__ */ jsxDEV4("span", {
+                        folderPrefix !== "" && /* @__PURE__ */ jsx4("span", {
                           style: {
                             color: isUser ? DEVTOOL_STACK_FRAME_USER_FOLDER : DEVTOOL_STACK_FRAME_INTERNAL_FOLDER,
                             fontSize: "10px",
@@ -2984,8 +2984,8 @@ function StackTraceSection({
                             minWidth: 0
                           },
                           children: folderPrefix
-                        }, undefined, false, undefined, this),
-                        /* @__PURE__ */ jsxDEV4("span", {
+                        }),
+                        /* @__PURE__ */ jsx4("span", {
                           style: {
                             color: isUser ? DEVTOOL_STACK_FRAME_USER_FILE : DEVTOOL_STACK_FRAME_INTERNAL_FILE,
                             fontSize: "10px",
@@ -2993,8 +2993,8 @@ function StackTraceSection({
                             flexShrink: 0
                           },
                           children: bareFilename
-                        }, undefined, false, undefined, this),
-                        frame.line != null && /* @__PURE__ */ jsxDEV4("span", {
+                        }),
+                        frame.line != null && /* @__PURE__ */ jsxs3("span", {
                           style: {
                             color: isUser ? DEVTOOL_STACK_FRAME_USER_LINE : DEVTOOL_STACK_FRAME_INTERNAL_LINE,
                             fontSize: "10px",
@@ -3006,20 +3006,20 @@ function StackTraceSection({
                             ":",
                             frame.line
                           ]
-                        }, undefined, true, undefined, this)
+                        })
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV4(OpenInVscodeButton, {
+                }),
+                /* @__PURE__ */ jsx4(OpenInVscodeButton, {
                   frame,
                   projectRoot,
                   onNeedSetup: () => setShowSetupModal(true)
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, frame.raw, true, undefined, this);
+            }, frame.raw);
           }),
-          Array.from({ length: phantomFrameCount }, (_, i) => i).map((i) => /* @__PURE__ */ jsxDEV4("div", {
+          Array.from({ length: phantomFrameCount }, (_, i) => i).map((i) => /* @__PURE__ */ jsxs3("div", {
             "aria-hidden": "true",
             style: {
               visibility: "hidden",
@@ -3030,39 +3030,39 @@ function StackTraceSection({
               borderBottom: `1px solid ${DEVTOOL_LIST_BASE_BACKGROUND}`
             },
             children: [
-              /* @__PURE__ */ jsxDEV4("span", {
+              /* @__PURE__ */ jsx4("span", {
                 style: { fontSize: "10px", minWidth: "10px", flexShrink: 0 },
                 children: "0"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4("div", {
+              }),
+              /* @__PURE__ */ jsxs3("div", {
                 style: { display: "flex", flexDirection: "column", gap: "0.15em", lineHeight: 1.2 },
                 children: [
-                  /* @__PURE__ */ jsxDEV4("div", {
+                  /* @__PURE__ */ jsx4("div", {
                     style: { fontSize: "12px" },
                     children: "placeholder"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4("div", {
+                  }),
+                  /* @__PURE__ */ jsx4("div", {
                     style: { fontSize: "10px" },
                     children: "placeholder/file.ts:1"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, `phantom-${i}`, true, undefined, this))
+          }, `phantom-${i}`))
         ]
-      }, undefined, true, undefined, this),
-      showSetupModal && /* @__PURE__ */ jsxDEV4(ProjectRootSetupModal, {
+      }),
+      showSetupModal && /* @__PURE__ */ jsx4(ProjectRootSetupModal, {
         envId: runtime.envId,
         currentValue: projectRoot ?? "",
         onSave: handleSaveProjectRoot,
         onCancel: () => setShowSetupModal(false)
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/ActionErrorDisplay.tsx
-import { jsxDEV as jsxDEV5, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx5, jsxs as jsxs4, Fragment } from "react/jsx-runtime";
 var MONO3 = "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace";
 var SANS2 = "ui-sans-serif, system-ui, -apple-system, sans-serif";
 function FullErrorContent({
@@ -3072,29 +3072,29 @@ function FullErrorContent({
   color,
   runtime
 }) {
-  return /* @__PURE__ */ jsxDEV5(Fragment, {
+  return /* @__PURE__ */ jsxs4(Fragment, {
     children: [
-      isNiceErrorJson(error) ? /* @__PURE__ */ jsxDEV5(NiceErrorDisplay, {
+      isNiceErrorJson(error) ? /* @__PURE__ */ jsx5(NiceErrorDisplay, {
         error,
         label,
         color
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV5(DetailSection, {
+      }) : /* @__PURE__ */ jsx5(DetailSection, {
         label,
         value: error,
         color
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV5(StackTraceSection, {
+      }),
+      /* @__PURE__ */ jsx5(StackTraceSection, {
         runtime,
         label: "Error Stack",
         stack: errorStack,
         color
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function CompactErrorContent({ value, color }) {
   if (isNiceErrorJson(value)) {
-    return /* @__PURE__ */ jsxDEV5("div", {
+    return /* @__PURE__ */ jsxs4("div", {
       style: {
         display: "flex",
         flexDirection: "column",
@@ -3103,7 +3103,7 @@ function CompactErrorContent({ value, color }) {
         minWidth: 0
       },
       children: [
-        /* @__PURE__ */ jsxDEV5("div", {
+        /* @__PURE__ */ jsx5("div", {
           style: {
             color,
             fontFamily: SANS2,
@@ -3115,8 +3115,8 @@ function CompactErrorContent({ value, color }) {
             textAlign: "left"
           },
           children: value.message
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV5("div", {
+        }),
+        /* @__PURE__ */ jsxs4("div", {
           style: {
             display: "flex",
             flexWrap: "wrap",
@@ -3125,7 +3125,7 @@ function CompactErrorContent({ value, color }) {
             minWidth: 0
           },
           children: [
-            value.ids.map((id) => /* @__PURE__ */ jsxDEV5("span", {
+            value.ids.map((id) => /* @__PURE__ */ jsx5("span", {
               style: {
                 color,
                 fontFamily: MONO3,
@@ -3135,8 +3135,8 @@ function CompactErrorContent({ value, color }) {
                 overflowWrap: "anywhere"
               },
               children: id
-            }, id, false, undefined, this)),
-            /* @__PURE__ */ jsxDEV5("span", {
+            }, id)),
+            /* @__PURE__ */ jsx5("span", {
               style: {
                 color: DEVTOOL_COLOR_TEXT_MUTED,
                 fontFamily: MONO3,
@@ -3145,16 +3145,16 @@ function CompactErrorContent({ value, color }) {
                 overflowWrap: "anywhere"
               },
               children: value.def.domain
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   const text = typeof value === "string" ? value : value != null ? String(value) : null;
   if (text == null)
     return null;
-  return /* @__PURE__ */ jsxDEV5("div", {
+  return /* @__PURE__ */ jsx5("div", {
     style: {
       color,
       fontFamily: SANS2,
@@ -3164,7 +3164,7 @@ function CompactErrorContent({ value, color }) {
       overflowWrap: "anywhere"
     },
     children: text
-  }, undefined, false, undefined, this);
+  });
 }
 function ActionErrorDisplay({
   entry,
@@ -3174,59 +3174,59 @@ function ActionErrorDisplay({
   if (status === "action-error") {
     const color = DEVTOOL_COLOR_SEMANTIC_ERROR;
     if (compact)
-      return /* @__PURE__ */ jsxDEV5(CompactErrorContent, {
+      return /* @__PURE__ */ jsx5(CompactErrorContent, {
         value: error,
         color
-      }, undefined, false, undefined, this);
-    return /* @__PURE__ */ jsxDEV5(FullErrorContent, {
+      });
+    return /* @__PURE__ */ jsx5(FullErrorContent, {
       runtime: entry.meta.originClient,
       label: "Action Error",
       error,
       errorStack,
       color
-    }, undefined, false, undefined, this);
+    });
   }
   if (status === "failed") {
     const color = DEVTOOL_COLOR_SEMANTIC_ERROR;
     if (compact)
-      return /* @__PURE__ */ jsxDEV5(CompactErrorContent, {
+      return /* @__PURE__ */ jsx5(CompactErrorContent, {
         value: error,
         color
-      }, undefined, false, undefined, this);
-    return /* @__PURE__ */ jsxDEV5(FullErrorContent, {
+      });
+    return /* @__PURE__ */ jsx5(FullErrorContent, {
       runtime: entry.meta.originClient,
       label: "Error",
       error,
       errorStack,
       color
-    }, undefined, false, undefined, this);
+    });
   }
   if (status === "aborted") {
     const color = DEVTOOL_COLOR_SEMANTIC_METADATA;
     if (compact)
-      return /* @__PURE__ */ jsxDEV5(CompactErrorContent, {
+      return /* @__PURE__ */ jsx5(CompactErrorContent, {
         value: abortReason,
         color
-      }, undefined, false, undefined, this);
-    return /* @__PURE__ */ jsxDEV5(Fragment, {
+      });
+    return /* @__PURE__ */ jsxs4(Fragment, {
       children: [
-        abortReason != null && (isNiceErrorJson(abortReason) ? /* @__PURE__ */ jsxDEV5(NiceErrorDisplay, {
+        abortReason != null && (isNiceErrorJson(abortReason) ? /* @__PURE__ */ jsx5(NiceErrorDisplay, {
           error: abortReason,
           label: "Abort Reason",
           color
-        }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV5(DetailSection, {
+        }) : /* @__PURE__ */ jsx5(DetailSection, {
           label: "Abort Reason",
           value: abortReason,
           color
-        }, undefined, false, undefined, this)),
-        /* @__PURE__ */ jsxDEV5(StackTraceSection, {
+        })),
+        /* @__PURE__ */ jsx5(StackTraceSection, {
           runtime: entry.meta.originClient,
           label: "Abort Stack",
           stack: errorStack,
           color
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   return null;
 }
@@ -3239,7 +3239,7 @@ import { useState as useState4 } from "react";
 
 // src/devtools/browser/components/Tooltip.tsx
 import { useState as useState3 } from "react";
-import { jsxDEV as jsxDEV6, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+import { jsx as jsx6, jsxs as jsxs5, Fragment as Fragment2 } from "react/jsx-runtime";
 function Tooltip({
   anchor,
   config,
@@ -3272,7 +3272,7 @@ function Tooltip({
     if (showAbove)
       transform = "translateY(-100%)";
   }
-  return /* @__PURE__ */ jsxDEV6("div", {
+  return /* @__PURE__ */ jsxs5("div", {
     style: {
       position: "fixed",
       left,
@@ -3294,7 +3294,7 @@ function Tooltip({
       overflowWrap: "anywhere"
     },
     children: [
-      resolvedTitle != null && /* @__PURE__ */ jsxDEV6("div", {
+      resolvedTitle != null && /* @__PURE__ */ jsx6("div", {
         style: {
           background: DEVTOOL_TOOLTIP_TITLE_BACKGROUND,
           padding: "6px 8px",
@@ -3308,15 +3308,15 @@ function Tooltip({
           borderBottom: `1px solid ${DEVTOOL_TOOLTIP_TITLE_BOTTOM_BORDER}`
         },
         children: resolvedTitle
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV6("div", {
+      }),
+      /* @__PURE__ */ jsx6("div", {
         style: {
           padding: "6px 8px"
         },
         children: resolvedContent
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function HoverTooltip({
   config,
@@ -3325,24 +3325,24 @@ function HoverTooltip({
 }) {
   const [anchor, setAnchor] = useState3(null);
   const enabled = config != null;
-  return /* @__PURE__ */ jsxDEV6(Fragment2, {
+  return /* @__PURE__ */ jsxs5(Fragment2, {
     children: [
-      /* @__PURE__ */ jsxDEV6("span", {
+      /* @__PURE__ */ jsx6("span", {
         onMouseEnter: enabled ? (e) => setAnchor(e.currentTarget.getBoundingClientRect()) : undefined,
         onMouseLeave: enabled ? () => setAnchor(null) : undefined,
         style: { ...style, cursor: enabled ? "default" : style?.cursor },
         children
-      }, undefined, false, undefined, this),
-      enabled && anchor != null && config != null && /* @__PURE__ */ jsxDEV6(Tooltip, {
+      }),
+      enabled && anchor != null && config != null && /* @__PURE__ */ jsx6(Tooltip, {
         anchor,
         config
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/Chip.tsx
-import { jsxDEV as jsxDEV7, Fragment as Fragment3 } from "react/jsx-dev-runtime";
+import { jsx as jsx7, jsxs as jsxs6, Fragment as Fragment3 } from "react/jsx-runtime";
 var CHIP_SIZE_STYLES = {
   ["sm" /* sm */]: { fontSize: "0.8em", padding: "1px 3px" },
   ["md" /* md */]: { fontSize: "0.9em", padding: "1px 4px" },
@@ -3362,9 +3362,9 @@ function Chip({
   const colorEntry = SEMANTIC_COLORS[color];
   const resolvedColor = subtle ? colorEntry.subtle?.color ?? colorEntry.color : colorEntry.color;
   const resolvedBorderColor = subtle ? colorEntry.subtle?.borderColor ?? "transparent" : colorEntry.borderColor;
-  return /* @__PURE__ */ jsxDEV7(Fragment3, {
+  return /* @__PURE__ */ jsxs6(Fragment3, {
     children: [
-      /* @__PURE__ */ jsxDEV7("span", {
+      /* @__PURE__ */ jsx7("span", {
         onMouseEnter: hasTooltip ? (e) => setAnchor(e.currentTarget.getBoundingClientRect()) : undefined,
         onMouseLeave: hasTooltip ? () => setAnchor(null) : undefined,
         style: {
@@ -3381,18 +3381,18 @@ function Chip({
           cursor: hasTooltip ? "default" : undefined
         },
         children
-      }, undefined, false, undefined, this),
-      anchor != null && hasTooltip && /* @__PURE__ */ jsxDEV7(Tooltip, {
+      }),
+      anchor != null && hasTooltip && /* @__PURE__ */ jsx7(Tooltip, {
         anchor,
         config: tooltip
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/Icon.tsx
 import { useState as useState5 } from "react";
-import { jsxDEV as jsxDEV8, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+import { jsx as jsx8, jsxs as jsxs7, Fragment as Fragment4 } from "react/jsx-runtime";
 var BASE_ICON_SIDE_LENGTH_EM = 1.6;
 var ICON_GAP_EM = 0.3;
 function Icon({
@@ -3411,9 +3411,9 @@ function Icon({
   const finalIcons = Array.isArray(IconComponent) ? IconComponent : [IconComponent];
   const fullIconWidthEm = (finalIcons.length - 1) * ICON_GAP_EM + finalIcons.length * BASE_ICON_SIDE_LENGTH_EM * getSizeValue(size);
   const iconSideLengthEm = `${BASE_ICON_SIDE_LENGTH_EM * getSizeValue(size)}em`;
-  return /* @__PURE__ */ jsxDEV8(Fragment4, {
+  return /* @__PURE__ */ jsxs7(Fragment4, {
     children: [
-      /* @__PURE__ */ jsxDEV8("div", {
+      /* @__PURE__ */ jsx8("div", {
         onMouseEnter: hasTooltip ? (e) => setAnchor(e.currentTarget.getBoundingClientRect()) : undefined,
         onMouseLeave: hasTooltip ? () => setAnchor(null) : undefined,
         style: {
@@ -3430,29 +3430,29 @@ function Icon({
           cursor: hasTooltip ? "default" : undefined,
           ...style
         },
-        children: /* @__PURE__ */ jsxDEV8("div", {
+        children: /* @__PURE__ */ jsx8("div", {
           style: { display: "flex", alignItems: "center", gap: `${ICON_GAP_EM}em` },
-          children: finalIcons.map((Comp, i) => /* @__PURE__ */ jsxDEV8(Comp, {
+          children: finalIcons.map((Comp, i) => /* @__PURE__ */ jsx8(Comp, {
             size: iconSideLengthEm,
             strokeWidth: 2.6
-          }, `${Comp.name}-${i}`, false, undefined, this))
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      anchor != null && hasTooltip && /* @__PURE__ */ jsxDEV8(Tooltip, {
+          }, `${Comp.name}-${i}`))
+        })
+      }),
+      anchor != null && hasTooltip && /* @__PURE__ */ jsx8(Tooltip, {
         anchor,
         config: tooltip
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/DomainChip.tsx
-import { jsxDEV as jsxDEV9, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+import { jsx as jsx9, jsxs as jsxs8, Fragment as Fragment5 } from "react/jsx-runtime";
 function DomainHierarchyContent({ allDomains }) {
-  return /* @__PURE__ */ jsxDEV9(Fragment5, {
+  return /* @__PURE__ */ jsx9(Fragment5, {
     children: allDomains.map((d, i) => {
       const isCurrent = i === allDomains.length - 1;
-      return /* @__PURE__ */ jsxDEV9("div", {
+      return /* @__PURE__ */ jsxs8("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -3461,7 +3461,7 @@ function DomainHierarchyContent({ allDomains }) {
           paddingTop: i > 0 ? "0.1rem" : undefined
         },
         children: [
-          /* @__PURE__ */ jsxDEV9("span", {
+          /* @__PURE__ */ jsx9("span", {
             style: {
               fontSize: "0.8rem",
               height: "0.6em",
@@ -3473,19 +3473,19 @@ function DomainHierarchyContent({ allDomains }) {
               justifyContent: "center"
             },
             children: "⬢"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV9("span", {
+          }),
+          /* @__PURE__ */ jsx9("span", {
             style: {
               color: isCurrent ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : "#4b5563",
               fontSize: "0.7rem",
               fontWeight: isCurrent ? 500 : undefined
             },
             children: d
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, d, true, undefined, this);
+      }, d);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 function DomainChip({
   compact = false,
@@ -3495,34 +3495,34 @@ function DomainChip({
   size
 }) {
   if (compact) {
-    return /* @__PURE__ */ jsxDEV9(Icon, {
+    return /* @__PURE__ */ jsx9(Icon, {
       icon: Component,
       color: "domain" /* domain */,
       tooltip: {
-        content: /* @__PURE__ */ jsxDEV9(DomainHierarchyContent, {
+        content: /* @__PURE__ */ jsx9(DomainHierarchyContent, {
           allDomains
-        }, undefined, false, undefined, this),
+        }),
         title: "Action Domain",
         align: "edge"
       }
-    }, undefined, false, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV9(Chip, {
+  return /* @__PURE__ */ jsx9(Chip, {
     color: "domain" /* domain */,
     subtle,
     size,
     rounded: true,
     tooltip: {
-      content: /* @__PURE__ */ jsxDEV9(DomainHierarchyContent, {
+      content: /* @__PURE__ */ jsx9(DomainHierarchyContent, {
         allDomains
-      }, undefined, false, undefined, this),
+      }),
       title: "Action Domain",
       align: "edge"
     },
-    children: /* @__PURE__ */ jsxDEV9("div", {
+    children: /* @__PURE__ */ jsxs8("div", {
       style: { display: "flex", alignItems: "center", gap: "0.4em" },
       children: [
-        /* @__PURE__ */ jsxDEV9("span", {
+        /* @__PURE__ */ jsx9("span", {
           style: {
             height: "1.2em",
             width: "1.2em",
@@ -3530,21 +3530,21 @@ function DomainChip({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: /* @__PURE__ */ jsxDEV9(Component, {
+          children: /* @__PURE__ */ jsx9(Component, {
             height: "1.2em",
             width: "1.2em"
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV9("span", {
+          })
+        }),
+        /* @__PURE__ */ jsx9("span", {
           children: domain
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/devtools/browser/components/HandlerChips.tsx
-import { jsxDEV as jsxDEV10, Fragment as Fragment6 } from "react/jsx-dev-runtime";
+import { jsx as jsx10, jsxs as jsxs9, Fragment as Fragment6 } from "react/jsx-runtime";
 function getExternalLabel(hop) {
   if (hop.handlerType !== "external")
     return null;
@@ -3559,21 +3559,21 @@ function getTransportTooltipForHops(hops) {
     return;
   return {
     title: "Transport",
-    content: /* @__PURE__ */ jsxDEV10("div", {
+    content: /* @__PURE__ */ jsx10("div", {
       style: { display: "flex", flexDirection: "column", gap: "6px", fontSize: "11px" },
-      children: lines.map((line) => /* @__PURE__ */ jsxDEV10("div", {
+      children: lines.map((line) => /* @__PURE__ */ jsxs9("div", {
         style: { display: "flex", flexDirection: "column", gap: "2px" },
         children: [
-          line.summary != null && /* @__PURE__ */ jsxDEV10("span", {
+          line.summary != null && /* @__PURE__ */ jsx10("span", {
             children: line.summary
-          }, undefined, false, undefined, this),
-          line.url != null && line.url !== line.summary && /* @__PURE__ */ jsxDEV10("span", {
+          }),
+          line.url != null && line.url !== line.summary && /* @__PURE__ */ jsx10("span", {
             style: { color: DEVTOOL_COLOR_TEXT_MUTED, wordBreak: "break-all" },
             children: line.url
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, `${line.summary ?? ""}:${line.url ?? ""}`, true, undefined, this))
-    }, undefined, false, undefined, this)
+      }, `${line.summary ?? ""}:${line.url ?? ""}`))
+    })
   };
 }
 function HandlerChips({ entry, size, subtle }) {
@@ -3581,52 +3581,52 @@ function HandlerChips({ entry, size, subtle }) {
   const localEnvId = firstHop != null ? firstHop.runtime.envId : null;
   const externalLabel = firstHop != null ? getExternalLabel(firstHop) : null;
   const firstHopIsLocal = firstHop != null && firstHop.handlerType === "local";
-  return /* @__PURE__ */ jsxDEV10(Fragment6, {
+  return /* @__PURE__ */ jsxs9(Fragment6, {
     children: [
-      localEnvId != null && (firstHopIsLocal || externalLabel == null) && /* @__PURE__ */ jsxDEV10(Chip, {
+      localEnvId != null && (firstHopIsLocal || externalLabel == null) && /* @__PURE__ */ jsx10(Chip, {
         color: "handler_local" /* handler_local */,
         size,
         subtle,
         children: localEnvId
-      }, undefined, false, undefined, this),
-      externalLabel != null && /* @__PURE__ */ jsxDEV10(Chip, {
+      }),
+      externalLabel != null && /* @__PURE__ */ jsx10(Chip, {
         color: "handler_external" /* handler_external */,
         size,
         subtle,
         tooltip: firstHop != null ? getTransportTooltip(firstHop) : undefined,
         children: externalLabel
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/RunningTimer.tsx
 import { useEffect as useEffect2, useState as useState6 } from "react";
-import { jsxDEV as jsxDEV11, Fragment as Fragment7 } from "react/jsx-dev-runtime";
+import { jsx as jsx11, jsxs as jsxs10, Fragment as Fragment7 } from "react/jsx-runtime";
 function RunningTimer({ startTime }) {
   const [elapsed, setElapsed] = useState6(() => Date.now() - startTime);
   useEffect2(() => {
     const interval = setInterval(() => setElapsed(Date.now() - startTime), 100);
     return () => clearInterval(interval);
   }, [startTime]);
-  return /* @__PURE__ */ jsxDEV11(Fragment7, {
+  return /* @__PURE__ */ jsxs10(Fragment7, {
     children: [
       elapsed,
       "ms"
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function DurationDisplay({ entry }) {
   const d = formatDuration(entry);
-  return /* @__PURE__ */ jsxDEV11(Fragment7, {
-    children: d ?? /* @__PURE__ */ jsxDEV11(RunningTimer, {
+  return /* @__PURE__ */ jsx11(Fragment7, {
+    children: d ?? /* @__PURE__ */ jsx11(RunningTimer, {
       startTime: entry.startTime
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 
 // src/devtools/browser/components/CallStackSection.tsx
-import { jsxDEV as jsxDEV12 } from "react/jsx-dev-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function getCalledLabel(entry) {
   const firstHop = entry.meta.routing[0];
   if (firstHop == null)
@@ -3656,7 +3656,7 @@ function CallStackLink({
   const label = entryRole === "caller" ? "↑ from" : getCalledLabel(entry);
   const firstHop = entry.meta.routing[0];
   const transportTooltip = entryRole === "called" && firstHop != null ? getTransportTooltip(firstHop) : undefined;
-  return /* @__PURE__ */ jsxDEV12("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     onClick,
     style: {
       background: isFocused ? DEVTOOL_SECTION_BACKGROUND : DEVTOOL_DETAIL_HEADER_BACKGROUND,
@@ -3670,25 +3670,25 @@ function CallStackLink({
       cursor: "pointer"
     },
     children: [
-      /* @__PURE__ */ jsxDEV12("span", {
+      /* @__PURE__ */ jsxs11("span", {
         style: { display: "flex", alignItems: "center", gap: "1em", flexShrink: 0 },
         children: [
-          /* @__PURE__ */ jsxDEV12("span", {
+          /* @__PURE__ */ jsx12("span", {
             style: { color, fontSize: "10px", flexShrink: 0 },
             children: symbol
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12(HoverTooltip, {
+          }),
+          /* @__PURE__ */ jsx12(HoverTooltip, {
             config: transportTooltip,
             style: { flexShrink: 0, display: "flex" },
-            children: /* @__PURE__ */ jsxDEV12("span", {
+            children: /* @__PURE__ */ jsx12("span", {
               style: { color: labelColor, fontSize: "9px" },
               children: label
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV12("span", {
+            })
+          }),
+          /* @__PURE__ */ jsxs11("span", {
             style: { display: "flex", alignItems: "center", gap: "5px" },
             children: [
-              /* @__PURE__ */ jsxDEV12("span", {
+              /* @__PURE__ */ jsx12("span", {
                 style: {
                   color: DEVTOOL_COLOR_TEXT_SECONDARY,
                   fontSize: "11px",
@@ -3697,29 +3697,29 @@ function CallStackLink({
                   whiteSpace: "nowrap"
                 },
                 children: entry.actionId
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV12(DomainChip, {
+              }),
+              /* @__PURE__ */ jsx12(DomainChip, {
                 domain: entry.domain,
                 allDomains: entry.allDomains,
                 size: "sm" /* sm */
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV12("span", {
+      }),
+      /* @__PURE__ */ jsx12("span", {
         style: {
           color: DEVTOOL_COLOR_TEXT_FAINT,
           fontSize: "10px",
           textAlign: "right",
           whiteSpace: "nowrap"
         },
-        children: /* @__PURE__ */ jsxDEV12(DurationDisplay, {
+        children: /* @__PURE__ */ jsx12(DurationDisplay, {
           entry
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function CallStackSection({
   parent,
@@ -3730,26 +3730,26 @@ function CallStackSection({
 }) {
   if (parent == null && childEntries.length === 0)
     return null;
-  return /* @__PURE__ */ jsxDEV12("div", {
+  return /* @__PURE__ */ jsxs11("div", {
     children: [
-      parent != null && /* @__PURE__ */ jsxDEV12(CallStackLink, {
+      parent != null && /* @__PURE__ */ jsx12(CallStackLink, {
         entry: parent,
         entryRole: "caller",
         isFocused: false,
         onClick: () => onSelectParent(parent.cuid)
-      }, undefined, false, undefined, this),
-      childEntries.map((child) => /* @__PURE__ */ jsxDEV12(CallStackLink, {
+      }),
+      childEntries.map((child) => /* @__PURE__ */ jsx12(CallStackLink, {
         entry: child,
         entryRole: "called",
         isFocused: focusedChildCuid === child.cuid,
         onClick: () => onFocusChild(child.cuid)
-      }, child.cuid, false, undefined, this))
+      }, child.cuid))
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/ChildDispatchChips.tsx
-import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function ChildDispatchChips({
   childRouteItems,
   size = "sm" /* sm */
@@ -3770,41 +3770,41 @@ function ChildDispatchChips({
       group.transports.push(transport);
     }
   }
-  return /* @__PURE__ */ jsxDEV13("div", {
+  return /* @__PURE__ */ jsx13("div", {
     style: { display: "flex", alignItems: "center", gap: "4px", flexWrap: "wrap" },
     children: Array.from(groups.values()).map((group) => {
       const transportStr = group.transports.length > 0 ? group.transports.join(", ") : "ext";
       const label = group.hasClient ? `${transportStr} → ${group.runtimeId}` : `→ ${transportStr}`;
-      return /* @__PURE__ */ jsxDEV13(Chip, {
+      return /* @__PURE__ */ jsx13(Chip, {
         color: "handler_external" /* handler_external */,
         size,
         tooltip: getTransportTooltipForHops(group.hops),
         children: label
-      }, group.runtimeId, false, undefined, this);
+      }, group.runtimeId);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/MetaSection.tsx
 import { useState as useState7 } from "react";
-import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function MetaChip({ label, value }) {
-  return /* @__PURE__ */ jsxDEV14("span", {
+  return /* @__PURE__ */ jsxs12("span", {
     style: { whiteSpace: "nowrap" },
     children: [
-      /* @__PURE__ */ jsxDEV14("span", {
+      /* @__PURE__ */ jsxs12("span", {
         style: { color: DEVTOOL_COLOR_TEXT_MUTED },
         children: [
           label,
           " "
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV14("span", {
+      }),
+      /* @__PURE__ */ jsx14("span", {
         style: { color: DEVTOOL_COLOR_TEXT_SECONDARY },
         children: value
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function MetaSection({ entry }) {
   const [expanded, setExpanded] = useState7(false);
@@ -3815,9 +3815,9 @@ function MetaSection({ entry }) {
     ...meta.originClient.perId != null ? [{ label: "perId", value: meta.originClient.perId }] : [],
     ...meta.originClient.insId != null ? [{ label: "insId", value: meta.originClient.insId }] : []
   ];
-  return /* @__PURE__ */ jsxDEV14("div", {
+  return /* @__PURE__ */ jsxs12("div", {
     children: [
-      /* @__PURE__ */ jsxDEV14("div", {
+      /* @__PURE__ */ jsxs12("div", {
         style: {
           display: "flex",
           alignItems: "center",
@@ -3825,7 +3825,7 @@ function MetaSection({ entry }) {
           marginBottom: "3px"
         },
         children: [
-          /* @__PURE__ */ jsxDEV14("div", {
+          /* @__PURE__ */ jsx14("div", {
             style: {
               color: DEVTOOL_COLOR_SEMANTIC_SYSTEM,
               fontSize: "10px",
@@ -3833,14 +3833,14 @@ function MetaSection({ entry }) {
               letterSpacing: "0.05em"
             },
             children: "Meta"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14("span", {
+          }),
+          /* @__PURE__ */ jsx14("span", {
             style: { color: DEVTOOL_COLOR_TEXT_FAINT, fontSize: "11px" },
             children: expanded ? "▾" : "▸"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      expanded ? /* @__PURE__ */ jsxDEV14("div", {
+      }),
+      expanded ? /* @__PURE__ */ jsx14("div", {
         onClick: () => setExpanded(false),
         style: {
           background: DEVTOOL_SECTION_BACKGROUND,
@@ -3848,7 +3848,7 @@ function MetaSection({ entry }) {
           overflow: "hidden",
           cursor: "pointer"
         },
-        children: expandedRows.map(({ label, value }, i) => /* @__PURE__ */ jsxDEV14("div", {
+        children: expandedRows.map(({ label, value }, i) => /* @__PURE__ */ jsxs12("div", {
           style: {
             display: "grid",
             gridTemplateColumns: "52px 1fr",
@@ -3858,11 +3858,11 @@ function MetaSection({ entry }) {
             alignItems: "start"
           },
           children: [
-            /* @__PURE__ */ jsxDEV14("span", {
+            /* @__PURE__ */ jsx14("span", {
               style: { textAlign: "left", color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px", paddingTop: "1px" },
               children: label
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV14("span", {
+            }),
+            /* @__PURE__ */ jsx14("span", {
               style: {
                 textAlign: "left",
                 color: DEVTOOL_COLOR_TEXT_SECONDARY,
@@ -3870,10 +3870,10 @@ function MetaSection({ entry }) {
                 wordBreak: "break-all"
               },
               children: value
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, label, true, undefined, this))
-      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV14("div", {
+        }, label))
+      }) : /* @__PURE__ */ jsxs12("div", {
         onClick: () => setExpanded(true),
         style: {
           background: DEVTOOL_SECTION_BACKGROUND,
@@ -3887,30 +3887,30 @@ function MetaSection({ entry }) {
           cursor: "pointer"
         },
         children: [
-          /* @__PURE__ */ jsxDEV14(MetaChip, {
+          /* @__PURE__ */ jsx14(MetaChip, {
             label: "cuid",
             value: `…${cuid.slice(-8)}`
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV14(MetaChip, {
+          }),
+          /* @__PURE__ */ jsx14(MetaChip, {
             label: "runtime",
             value: meta.originClient.envId
-          }, undefined, false, undefined, this),
-          meta.originClient.perId != null && /* @__PURE__ */ jsxDEV14(MetaChip, {
+          }),
+          meta.originClient.perId != null && /* @__PURE__ */ jsx14(MetaChip, {
             label: "perId",
             value: meta.originClient.perId.length > 10 ? `${meta.originClient.perId.slice(0, 10)}…` : meta.originClient.perId
-          }, undefined, false, undefined, this),
-          meta.originClient.insId != null && /* @__PURE__ */ jsxDEV14(MetaChip, {
+          }),
+          meta.originClient.insId != null && /* @__PURE__ */ jsx14(MetaChip, {
             label: "insId",
             value: meta.originClient.insId.length > 10 ? `${meta.originClient.insId.slice(0, 10)}…` : meta.originClient.insId
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/RoutingSection.tsx
-import { jsxDEV as jsxDEV15 } from "react/jsx-dev-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function RoutingSection({
   entry,
   minHopCount = 0
@@ -3920,12 +3920,12 @@ function RoutingSection({
   const phantomCount = Math.max(0, minHopCount - hopCount);
   if (hopCount === 0 && phantomCount === 0)
     return null;
-  return /* @__PURE__ */ jsxDEV15("div", {
+  return /* @__PURE__ */ jsxs13("div", {
     children: [
-      /* @__PURE__ */ jsxDEV15(SectionLabel, {
+      /* @__PURE__ */ jsx15(SectionLabel, {
         label: hopCount > 0 ? `Routing · ${hopCount} hop${hopCount !== 1 ? "s" : ""}` : "Routing"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV15("div", {
+      }),
+      /* @__PURE__ */ jsxs13("div", {
         style: { display: "flex", flexDirection: "column", gap: "2px" },
         children: [
           meta.routing.map((hop, i) => {
@@ -3935,7 +3935,7 @@ function RoutingSection({
             const badgeText = isLocal ? "● exec" : `→ ${hop.transportSummary ?? hop.transport ?? "ext"}`;
             const transportTooltip = isLocal ? undefined : getTransportTooltip(hop);
             const runtimeTitle = [hop.runtime.perId, hop.runtime.insId].filter(Boolean).join(" · ") || undefined;
-            return /* @__PURE__ */ jsxDEV15("div", {
+            return /* @__PURE__ */ jsxs13("div", {
               style: {
                 background: DEVTOOL_SECTION_BACKGROUND,
                 borderRadius: "4px",
@@ -3948,14 +3948,14 @@ function RoutingSection({
                 padding: "4px 8px"
               },
               children: [
-                /* @__PURE__ */ jsxDEV15("span", {
+                /* @__PURE__ */ jsxs13("span", {
                   style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "10px" },
                   children: [
-                    /* @__PURE__ */ jsxDEV15("span", {
+                    /* @__PURE__ */ jsx15("span", {
                       style: { color: DEVTOOL_COLOR_TEXT_FAINT, fontSize: "10px", width: "16px", textAlign: "right" },
                       children: i + 1
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV15("span", {
+                    }),
+                    /* @__PURE__ */ jsx15("span", {
                       title: runtimeTitle,
                       style: {
                         color: DEVTOOL_COLOR_TEXT_SECONDARY,
@@ -3966,13 +3966,13 @@ function RoutingSection({
                         textAlign: "center"
                       },
                       children: hop.runtime.envId
-                    }, undefined, false, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV15(HoverTooltip, {
+                }),
+                /* @__PURE__ */ jsx15(HoverTooltip, {
                   config: transportTooltip,
                   style: { display: "block", minWidth: 0, overflow: "hidden" },
-                  children: /* @__PURE__ */ jsxDEV15("span", {
+                  children: /* @__PURE__ */ jsx15("span", {
                     style: {
                       color: badgeColor,
                       fontSize: "10px",
@@ -3982,9 +3982,9 @@ function RoutingSection({
                       display: "block"
                     },
                     children: badgeText
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV15("span", {
+                  })
+                }),
+                /* @__PURE__ */ jsxs13("span", {
                   style: {
                     display: "flex",
                     alignItems: "center",
@@ -3993,7 +3993,7 @@ function RoutingSection({
                     overflow: "hidden"
                   },
                   children: [
-                    /* @__PURE__ */ jsxDEV15("span", {
+                    /* @__PURE__ */ jsx15("span", {
                       style: {
                         color: DEVTOOL_COLOR_TEXT_MUTED,
                         fontSize: "10px",
@@ -4002,21 +4002,21 @@ function RoutingSection({
                         textOverflow: "ellipsis"
                       },
                       children: hop.handlerClient != null ? `↳ ${hop.handlerClient.envId}` : ""
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV15("span", {
+                    }),
+                    /* @__PURE__ */ jsxs13("span", {
                       style: { color: DEVTOOL_COLOR_TEXT_FAINT, fontSize: "10px", flexShrink: 0, marginLeft: "auto" },
                       children: [
                         "+",
                         hop.time - startTime,
                         "ms"
                       ]
-                    }, undefined, true, undefined, this)
+                    })
                   ]
-                }, undefined, true, undefined, this)
+                })
               ]
-            }, `${hop.time}-${hop.runtime.envId}`, true, undefined, this);
+            }, `${hop.time}-${hop.runtime.envId}`);
           }),
-          Array.from({ length: phantomCount }, (_, i) => `routing-phantom-${hopCount + i}`).map((key) => /* @__PURE__ */ jsxDEV15("div", {
+          Array.from({ length: phantomCount }, (_, i) => `routing-phantom-${hopCount + i}`).map((key) => /* @__PURE__ */ jsxs13("div", {
             "aria-hidden": "true",
             style: {
               visibility: "hidden",
@@ -4029,34 +4029,34 @@ function RoutingSection({
               padding: "4px 8px"
             },
             children: [
-              /* @__PURE__ */ jsxDEV15("span", {
+              /* @__PURE__ */ jsxs13("span", {
                 style: { display: "flex", flexDirection: "row", alignItems: "center", gap: "10px" },
                 children: [
-                  /* @__PURE__ */ jsxDEV15("span", {
+                  /* @__PURE__ */ jsx15("span", {
                     style: { fontSize: "10px", width: "16px" },
                     children: "0"
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV15("span", {
+                  }),
+                  /* @__PURE__ */ jsx15("span", {
                     style: { fontSize: "11px" },
                     children: "placeholder"
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV15("span", {
+              }),
+              /* @__PURE__ */ jsx15("span", {
                 style: { fontSize: "10px" },
                 children: "placeholder"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV15("span", {}, undefined, false, undefined, this)
+              }),
+              /* @__PURE__ */ jsx15("span", {})
             ]
-          }, key, true, undefined, this))
+          }, key))
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/action_detail/ActionDetailPanel.tsx
-import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var STATUS_BADGE_LABEL = {
   running: "RUNNING",
   success: "SUCCESS",
@@ -4087,7 +4087,7 @@ function DetailHeader({
   const color = STATUS_COLOR[entry.status];
   const StatusIconComponent = STATUS_ICON[entry.status];
   const timestamp = formatTimestamp(entry.startTime);
-  return /* @__PURE__ */ jsxDEV16("div", {
+  return /* @__PURE__ */ jsx16("div", {
     onClick: !isActive ? onClick : undefined,
     style: {
       padding: "0.5em 1em",
@@ -4101,13 +4101,13 @@ function DetailHeader({
       gap: "1em",
       cursor: isActive ? "default" : "pointer"
     },
-    children: /* @__PURE__ */ jsxDEV16("div", {
+    children: /* @__PURE__ */ jsxs14("div", {
       style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "0.5em" },
       children: [
-        /* @__PURE__ */ jsxDEV16("div", {
+        /* @__PURE__ */ jsxs14("div", {
           style: { display: "flex", alignItems: "center", minWidth: 0, gap: "0.5em" },
           children: [
-            /* @__PURE__ */ jsxDEV16("span", {
+            /* @__PURE__ */ jsx16("span", {
               style: {
                 color,
                 flexShrink: 0,
@@ -4115,12 +4115,12 @@ function DetailHeader({
                 alignItems: "center",
                 animation: entry.status === "running" ? "__nice-action-pulse 1.2s ease-in-out infinite" : undefined
               },
-              children: /* @__PURE__ */ jsxDEV16(StatusIconComponent, {
+              children: /* @__PURE__ */ jsx16(StatusIconComponent, {
                 size: 20,
                 strokeWidth: 1.75
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("span", {
+              })
+            }),
+            /* @__PURE__ */ jsx16("span", {
               style: {
                 color: DEVTOOL_COLOR_TEXT_EMPHASIS,
                 fontSize: "1.2em",
@@ -4133,8 +4133,8 @@ function DetailHeader({
                 minWidth: "2.5em"
               },
               children: entry.actionId
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16("span", {
+            }),
+            /* @__PURE__ */ jsx16("span", {
               style: {
                 flexShrink: 0,
                 padding: "2px 9px",
@@ -4148,15 +4148,15 @@ function DetailHeader({
                 fontFamily: "ui-sans-serif, system-ui, sans-serif"
               },
               children: STATUS_BADGE_LABEL[entry.status]
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV16(DomainChip, {
+            }),
+            /* @__PURE__ */ jsx16(DomainChip, {
               domain: entry.domain,
               allDomains: entry.allDomains,
               size: "md" /* md */
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV16("div", {
+        }),
+        /* @__PURE__ */ jsxs14("div", {
           style: {
             display: "flex",
             alignItems: "center",
@@ -4164,7 +4164,7 @@ function DetailHeader({
             gap: "8px"
           },
           children: [
-            /* @__PURE__ */ jsxDEV16("div", {
+            /* @__PURE__ */ jsxs14("div", {
               style: {
                 display: "flex",
                 alignItems: "center",
@@ -4173,20 +4173,20 @@ function DetailHeader({
                 overflow: "hidden"
               },
               children: [
-                /* @__PURE__ */ jsxDEV16(HandlerChips, {
+                /* @__PURE__ */ jsx16(HandlerChips, {
                   entry,
                   size: "md" /* md */
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV16(ChildDispatchChips, {
+                }),
+                /* @__PURE__ */ jsx16(ChildDispatchChips, {
                   childRouteItems: childExternalRouteItems,
                   size: "md" /* md */
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV16("div", {
+            }),
+            /* @__PURE__ */ jsxs14("div", {
               style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 },
               children: [
-                /* @__PURE__ */ jsxDEV16("span", {
+                /* @__PURE__ */ jsx16("span", {
                   style: {
                     color: DEVTOOL_COLOR_SEMANTIC_METADATA,
                     fontSize: "10px",
@@ -4194,20 +4194,20 @@ function DetailHeader({
                     fontFamily: "ui-sans-serif, system-ui, sans-serif"
                   },
                   children: timestamp
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV16("span", {
+                }),
+                /* @__PURE__ */ jsx16("span", {
                   style: { color, fontSize: "12px", fontWeight: "500" },
-                  children: /* @__PURE__ */ jsxDEV16(DurationDisplay, {
+                  children: /* @__PURE__ */ jsx16(DurationDisplay, {
                     entry
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
+                  })
+                })
               ]
-            }, undefined, true, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this)
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function ActionDetailPanel({
   entry,
@@ -4237,7 +4237,7 @@ function ActionDetailPanel({
   const handleFocusChild = (cuid) => {
     setFocusedChildCuid((prev) => prev === cuid ? null : cuid);
   };
-  return /* @__PURE__ */ jsxDEV16("div", {
+  return /* @__PURE__ */ jsxs14("div", {
     style: {
       flex: 1,
       display: "flex",
@@ -4247,20 +4247,20 @@ function ActionDetailPanel({
       background: DEVTOOL_DETAIL_BASE_BACKGROUND
     },
     children: [
-      /* @__PURE__ */ jsxDEV16(DetailHeader, {
+      /* @__PURE__ */ jsx16(DetailHeader, {
         entry,
         isActive: focusedChildCuid === null,
         onClick: () => setFocusedChildCuid(null),
         childExternalRouteItems
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV16(CallStackSection, {
+      }),
+      /* @__PURE__ */ jsx16(CallStackSection, {
         parent,
         childEntries,
         focusedChildCuid,
         onFocusChild: handleFocusChild,
         onSelectParent: onSelectEntry
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV16("div", {
+      }),
+      /* @__PURE__ */ jsxs14("div", {
         style: {
           flex: 1,
           overflowY: "auto",
@@ -4271,43 +4271,43 @@ function ActionDetailPanel({
           gap: "8px"
         },
         children: [
-          focusedEntry.input !== undefined ? /* @__PURE__ */ jsxDEV16(DetailSection, {
+          focusedEntry.input !== undefined ? /* @__PURE__ */ jsx16(DetailSection, {
             label: "Input",
             value: focusedEntry.input
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV16(DetailSection, {
+          }) : /* @__PURE__ */ jsx16(DetailSection, {
             label: "Input",
             value: "No input required or given"
-          }, undefined, false, undefined, this),
-          focusedEntry.status === "success" && /* @__PURE__ */ jsxDEV16(DetailSection, {
+          }),
+          focusedEntry.status === "success" && /* @__PURE__ */ jsx16(DetailSection, {
             label: "Output",
             value: focusedEntry.output,
             color: DEVTOOL_COLOR_SEMANTIC_SUCCESS
-          }, undefined, false, undefined, this),
-          (focusedEntry.status === "action-error" || focusedEntry.status === "failed" || focusedEntry.status === "aborted") && /* @__PURE__ */ jsxDEV16(ActionErrorDisplay, {
+          }),
+          (focusedEntry.status === "action-error" || focusedEntry.status === "failed" || focusedEntry.status === "aborted") && /* @__PURE__ */ jsx16(ActionErrorDisplay, {
             entry: focusedEntry
-          }, undefined, false, undefined, this),
-          focusedEntry.progressUpdates.length > 0 && /* @__PURE__ */ jsxDEV16(DetailSection, {
+          }),
+          focusedEntry.progressUpdates.length > 0 && /* @__PURE__ */ jsx16(DetailSection, {
             label: `Progress (${focusedEntry.progressUpdates.length})`,
             value: focusedEntry.progressUpdates
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16(StackTraceSection, {
+          }),
+          /* @__PURE__ */ jsx16(StackTraceSection, {
             runtime: entry.meta.originClient,
             label: "Dispatch Site",
             stack: focusedEntry.callSite,
             color: DEVTOOL_COLOR_TEXT_SECONDARY,
             minFrameCount: maxCallSiteFrames
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16(RoutingSection, {
+          }),
+          /* @__PURE__ */ jsx16(RoutingSection, {
             entry: focusedEntry,
             minHopCount: maxRoutingHops
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV16(MetaSection, {
+          }),
+          /* @__PURE__ */ jsx16(MetaSection, {
             entry: focusedEntry
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/action_list/ActionList.tsx
@@ -4322,7 +4322,7 @@ import { CircleX as CircleX2, PackageCheck, Sparkle, Variable } from "lucide-rea
 import { useState as useState9 } from "react";
 
 // src/devtools/browser/components/action_list/IoTooltipContent.tsx
-import { jsxDEV as jsxDEV17, Fragment as Fragment8 } from "react/jsx-dev-runtime";
+import { jsx as jsx17, Fragment as Fragment8 } from "react/jsx-runtime";
 var JSON_TOKEN_RE2 = /("(?:\\.|[^"\\])*")(\s*:)?|(-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)|(\btrue\b|\bfalse\b|\bnull\b|\bundefined\b)|([{}[\],])/g;
 function renderColoredJson2(text) {
   const nodes = [];
@@ -4335,35 +4335,35 @@ function renderColoredJson2(text) {
     const [, str, colon, num, kw, punct] = m;
     if (str != null) {
       if (colon != null) {
-        nodes.push(/* @__PURE__ */ jsxDEV17("span", {
+        nodes.push(/* @__PURE__ */ jsx17("span", {
           style: { color: DEVTOOL_JSON_KEY },
           children: str
-        }, i++, false, undefined, this));
-        nodes.push(/* @__PURE__ */ jsxDEV17("span", {
+        }, i++));
+        nodes.push(/* @__PURE__ */ jsx17("span", {
           style: { color: DEVTOOL_JSON_PUNCTUATION },
           children: colon
-        }, i++, false, undefined, this));
+        }, i++));
       } else {
-        nodes.push(/* @__PURE__ */ jsxDEV17("span", {
+        nodes.push(/* @__PURE__ */ jsx17("span", {
           style: { color: DEVTOOL_JSON_STRING },
           children: str
-        }, i++, false, undefined, this));
+        }, i++));
       }
     } else if (num != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV17("span", {
+      nodes.push(/* @__PURE__ */ jsx17("span", {
         style: { color: DEVTOOL_JSON_NUMBER },
         children: num
-      }, i++, false, undefined, this));
+      }, i++));
     } else if (kw != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV17("span", {
+      nodes.push(/* @__PURE__ */ jsx17("span", {
         style: { color: DEVTOOL_JSON_KEYWORD },
         children: kw
-      }, i++, false, undefined, this));
+      }, i++));
     } else if (punct != null) {
-      nodes.push(/* @__PURE__ */ jsxDEV17("span", {
+      nodes.push(/* @__PURE__ */ jsx17("span", {
         style: { color: DEVTOOL_JSON_PUNCTUATION },
         children: punct
-      }, i++, false, undefined, this));
+      }, i++));
     }
     last = JSON_TOKEN_RE2.lastIndex;
   }
@@ -4382,7 +4382,7 @@ function stripOuterBraces(json) {
 }
 function IoTooltipContent({ value }) {
   const text = stripOuterBraces(safeStringify(value, 2));
-  return /* @__PURE__ */ jsxDEV17("div", {
+  return /* @__PURE__ */ jsx17("div", {
     style: {
       fontFamily: "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace",
       fontSize: "10px",
@@ -4392,11 +4392,11 @@ function IoTooltipContent({ value }) {
       textAlign: "left"
     },
     children: renderColoredJson2(text)
-  }, undefined, false, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/action_list/ActionInputAndOutputChip.tsx
-import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var ActionInputAndOutputChip = ({
   entry,
   breakReasons,
@@ -4417,94 +4417,94 @@ var ActionInputAndOutputChip = ({
   const sizeNum = getSizeValue(size);
   const newIconSizeEm = `${sizeNum * 0.9}em`;
   const label = `${(isLocal ? localEnvId : externalLabel) ?? "unknown"}`;
-  const newSparkleComp = /* @__PURE__ */ jsxDEV18("div", {
+  const newSparkleComp = /* @__PURE__ */ jsx18("div", {
     style: {
       opacity: 0.9,
       alignSelf: "start",
       marginLeft: "-0.6em"
     },
-    children: /* @__PURE__ */ jsxDEV18(Sparkle, {
+    children: /* @__PURE__ */ jsx18(Sparkle, {
       strokeWidth: "0.2em",
       color: "rgba(243, 250, 140, 1)",
       width: newIconSizeEm,
       height: newIconSizeEm
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV18(Chip, {
+    })
+  });
+  return /* @__PURE__ */ jsx18(Chip, {
     color,
     size,
     subtle,
-    children: /* @__PURE__ */ jsxDEV18("div", {
+    children: /* @__PURE__ */ jsxs15("div", {
       style: { display: "flex", alignItems: "center", gap: "0.4em" },
       children: [
-        /* @__PURE__ */ jsxDEV18(Icon, {
+        /* @__PURE__ */ jsx18(Icon, {
           noBackground: true,
           icon: Variable,
           color,
           subtle: subtle || entry.input === undefined,
           tooltip: {
-            content: entry.input !== undefined ? /* @__PURE__ */ jsxDEV18(IoTooltipContent, {
+            content: entry.input !== undefined ? /* @__PURE__ */ jsx18(IoTooltipContent, {
               value: entry.input
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV18("span", {
+            }) : /* @__PURE__ */ jsx18("span", {
               style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px" },
               children: "No input required or given"
-            }, undefined, false, undefined, this),
+            }),
             title: isNewInput ? "New Input" : "Input"
           }
-        }, undefined, false, undefined, this),
+        }),
         isNewInput && newSparkleComp,
-        /* @__PURE__ */ jsxDEV18("span", {
+        /* @__PURE__ */ jsx18("span", {
           style: { opacity: 0.6 },
           color,
           children: "→"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV18("span", {
+        }),
+        /* @__PURE__ */ jsx18("span", {
           style: { opacity: 0.8, cursor: transportTooltip != null ? "default" : undefined },
           onMouseEnter: transportTooltip != null ? (e) => setLabelAnchor(e.currentTarget.getBoundingClientRect()) : undefined,
           onMouseLeave: transportTooltip != null ? () => setLabelAnchor(null) : undefined,
           children: label
-        }, undefined, false, undefined, this),
-        labelAnchor != null && transportTooltip != null && /* @__PURE__ */ jsxDEV18(Tooltip, {
+        }),
+        labelAnchor != null && transportTooltip != null && /* @__PURE__ */ jsx18(Tooltip, {
           anchor: labelAnchor,
           config: transportTooltip
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV18("span", {
+        }),
+        /* @__PURE__ */ jsx18("span", {
           style: { opacity: 0.6 },
           color,
           children: "→"
-        }, undefined, false, undefined, this),
-        entry.status === "success" && entry.output !== undefined && /* @__PURE__ */ jsxDEV18(Icon, {
+        }),
+        entry.status === "success" && entry.output !== undefined && /* @__PURE__ */ jsx18(Icon, {
           noBackground: true,
           icon: PackageCheck,
           color: !hasError ? color : "default" /* default */,
           tooltip: {
-            content: /* @__PURE__ */ jsxDEV18(IoTooltipContent, {
+            content: /* @__PURE__ */ jsx18(IoTooltipContent, {
               value: entry.output
-            }, undefined, false, undefined, this),
+            }),
             title: isNewOutput ? "New Output" : "Output"
           }
-        }, undefined, false, undefined, this),
-        (entry.error != null || entry.abortReason != null) && /* @__PURE__ */ jsxDEV18(Icon, {
+        }),
+        (entry.error != null || entry.abortReason != null) && /* @__PURE__ */ jsx18(Icon, {
           noBackground: true,
           icon: CircleX2,
           color: entry.status === "aborted" ? "aborted" /* aborted */ : "error" /* error */,
           tooltip: {
-            content: /* @__PURE__ */ jsxDEV18(ActionErrorDisplay, {
+            content: /* @__PURE__ */ jsx18(ActionErrorDisplay, {
               entry,
               compact: true
-            }, undefined, false, undefined, this),
+            }),
             title: entry.status === "aborted" ? "Aborted" : "Error",
             maxWidth: 340
           }
-        }, undefined, false, undefined, this),
+        }),
         isNewOutput && newSparkleComp
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 
 // src/devtools/browser/components/action_list/ActionEntryRow.tsx
-import { jsxDEV as jsxDEV19, Fragment as Fragment10 } from "react/jsx-dev-runtime";
+import { jsx as jsx19, jsxs as jsxs16, Fragment as Fragment10 } from "react/jsx-runtime";
 var MAX_GROUP_DOTS = 5;
 function getLatestChipColor(status) {
   if (status === "failed")
@@ -4527,14 +4527,14 @@ function GroupDotTooltip({
   const deltaMs = refTime - entry.startTime;
   const relStr = index === 0 ? "latest run" : `−${formatRelativeAge(deltaMs)} from latest`;
   const durationStr = entry.endTime != null ? `${entry.endTime - entry.startTime}ms` : "running…";
-  return /* @__PURE__ */ jsxDEV19(Tooltip, {
+  return /* @__PURE__ */ jsx19(Tooltip, {
     anchor,
     config: {
       align: "center",
       maxWidth: 240,
-      content: /* @__PURE__ */ jsxDEV19(Fragment10, {
+      content: /* @__PURE__ */ jsxs16(Fragment10, {
         children: [
-          /* @__PURE__ */ jsxDEV19("div", {
+          /* @__PURE__ */ jsxs16("div", {
             style: { color: dotColor, marginBottom: "1px" },
             children: [
               symbol,
@@ -4543,16 +4543,16 @@ function GroupDotTooltip({
               " of ",
               total
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV19("div", {
+          }),
+          /* @__PURE__ */ jsx19("div", {
             style: { color: DEVTOOL_COLOR_TEXT_SECONDARY },
             children: formatTimestamp(entry.startTime)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV19("div", {
+          }),
+          /* @__PURE__ */ jsx19("div", {
             style: { color: DEVTOOL_COLOR_TEXT_MUTED },
             children: durationStr
-          }, undefined, false, undefined, this),
-          index > 0 && /* @__PURE__ */ jsxDEV19("div", {
+          }),
+          index > 0 && /* @__PURE__ */ jsx19("div", {
             style: {
               color: DEVTOOL_COLOR_TEXT_MUTED,
               marginTop: "3px",
@@ -4560,11 +4560,11 @@ function GroupDotTooltip({
               borderTop: `1px solid ${DEVTOOL_SECTION_BACKGROUND}`
             },
             children: relStr
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     }
-  }, undefined, false, undefined, this);
+  });
 }
 function GroupDot({
   entry,
@@ -4577,9 +4577,9 @@ function GroupDot({
   const [anchor, setAnchor] = useState10(null);
   const dotColor = STATUS_COLOR[entry.status];
   const hovered = anchor != null;
-  return /* @__PURE__ */ jsxDEV19(Fragment10, {
+  return /* @__PURE__ */ jsxs16(Fragment10, {
     children: [
-      /* @__PURE__ */ jsxDEV19("button", {
+      /* @__PURE__ */ jsx19("button", {
         "data-cuid": entry.cuid,
         onClick: (e) => {
           e.stopPropagation();
@@ -4600,17 +4600,17 @@ function GroupDot({
           transform: hovered ? "scale(1.55)" : "scale(1)",
           transition: "transform 0.1s ease, opacity 0.1s ease, border-color 0.1s ease"
         }
-      }, undefined, false, undefined, this),
-      hovered && anchor != null && /* @__PURE__ */ jsxDEV19(GroupDotTooltip, {
+      }),
+      hovered && anchor != null && /* @__PURE__ */ jsx19(GroupDotTooltip, {
         entry,
         index,
         total,
         refTime,
         dotColor,
         anchor
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function ActionEntryRow({
   entry,
@@ -4630,7 +4630,7 @@ function ActionEntryRow({
   const nonIoBreakReasons = breakReasons?.filter((r) => r !== "new_input" /* new_input */ && r !== "new_output" /* new_output */) ?? [];
   const hasBottomError = entry.error != null || entry.abortReason != null;
   const hasBottomContent = externalChildEntries.length > 0 || nonIoBreakReasons.length > 0;
-  return /* @__PURE__ */ jsxDEV19("div", {
+  return /* @__PURE__ */ jsxs16("div", {
     "data-cuid": entry.cuid,
     onClick,
     style: {
@@ -4647,7 +4647,7 @@ function ActionEntryRow({
       margin: "2px 4px"
     },
     children: [
-      /* @__PURE__ */ jsxDEV19("div", {
+      /* @__PURE__ */ jsx19("div", {
         style: {
           position: "absolute",
           left: "2em",
@@ -4658,11 +4658,11 @@ function ActionEntryRow({
           pointerEvents: "none",
           zIndex: 0
         }
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV19("div", {
+      }),
+      /* @__PURE__ */ jsxs16("div", {
         style: { display: "flex", alignItems: "center", gap: "8px" },
         children: [
-          /* @__PURE__ */ jsxDEV19("div", {
+          /* @__PURE__ */ jsx19("div", {
             style: {
               position: "relative",
               zIndex: 1,
@@ -4672,23 +4672,23 @@ function ActionEntryRow({
               alignItems: "center",
               justifyContent: "flex-start"
             },
-            children: isLatest ? /* @__PURE__ */ jsxDEV19(Chip, {
+            children: isLatest ? /* @__PURE__ */ jsx19(Chip, {
               size: "sm" /* sm */,
               color: getLatestChipColor(entry.status),
               children: "latest"
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV19(Chip, {
+            }) : /* @__PURE__ */ jsxs16(Chip, {
               size: "sm" /* sm */,
               color: getLatestChipColor(entry.status),
               children: [
                 "+",
                 latestTime != null ? formatRelativeAge(latestTime - entry.startTime) : "?"
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV19("div", {
+            })
+          }),
+          /* @__PURE__ */ jsxs16("div", {
             style: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: "0.5em" },
             children: [
-              /* @__PURE__ */ jsxDEV19("span", {
+              /* @__PURE__ */ jsx19("span", {
                 style: {
                   color: DEVTOOL_COLOR_TEXT_SECONDARY,
                   fontSize: "1em",
@@ -4701,15 +4701,15 @@ function ActionEntryRow({
                   minWidth: "3em"
                 },
                 children: entry.actionId
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV19(ActionInputAndOutputChip, {
+              }),
+              /* @__PURE__ */ jsx19(ActionInputAndOutputChip, {
                 breakReasons,
                 entry
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV19("div", {
+              }),
+              /* @__PURE__ */ jsx19("div", {
                 style: { flex: 1 }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV19("div", {
+              }),
+              /* @__PURE__ */ jsxs16("div", {
                 style: {
                   display: "flex",
                   flexDirection: "column",
@@ -4719,7 +4719,7 @@ function ActionEntryRow({
                   marginRight: "-0.2em"
                 },
                 children: [
-                  /* @__PURE__ */ jsxDEV19("span", {
+                  /* @__PURE__ */ jsx19("span", {
                     style: {
                       display: "flex",
                       color: DEVTOOL_COLOR_SEMANTIC_METADATA,
@@ -4731,8 +4731,8 @@ function ActionEntryRow({
                       opacity: 0.7
                     },
                     children: timestamp
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV19("span", {
+                  }),
+                  /* @__PURE__ */ jsx19("span", {
                     style: {
                       display: "flex",
                       color: DEVTOOL_COLOR_SEMANTIC_WARNING,
@@ -4741,17 +4741,17 @@ function ActionEntryRow({
                       opacity: 0.9,
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ jsxDEV19(DurationDisplay, {
+                    children: /* @__PURE__ */ jsx19(DurationDisplay, {
                       entry
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
+                    })
+                  })
                 ]
-              }, undefined, true, undefined, this)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      hasBottomContent && /* @__PURE__ */ jsxDEV19("div", {
+      }),
+      hasBottomContent && /* @__PURE__ */ jsxs16("div", {
         style: {
           display: "flex",
           flexWrap: "wrap",
@@ -4760,64 +4760,64 @@ function ActionEntryRow({
           paddingLeft: "4.5em"
         },
         children: [
-          externalChildEntries.map((child) => /* @__PURE__ */ jsxDEV19(Fragment9, {
+          externalChildEntries.map((child) => /* @__PURE__ */ jsxs16(Fragment9, {
             children: [
-              /* @__PURE__ */ jsxDEV19(Icon, {
+              /* @__PURE__ */ jsx19(Icon, {
                 size: "sm" /* sm */,
                 icon: Variable2,
                 color: "io_input" /* io_input */,
                 subtle: true,
                 tooltip: {
-                  content: child.input !== undefined ? /* @__PURE__ */ jsxDEV19(IoTooltipContent, {
+                  content: child.input !== undefined ? /* @__PURE__ */ jsx19(IoTooltipContent, {
                     value: child.input
-                  }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV19("span", {
+                  }) : /* @__PURE__ */ jsx19("span", {
                     style: { color: DEVTOOL_COLOR_TEXT_MUTED, fontSize: "10px" },
                     children: "No input required or given"
-                  }, undefined, false, undefined, this),
+                  }),
                   title: `Input · ${child.actionId}`
                 }
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV19(HandlerChips, {
+              }),
+              /* @__PURE__ */ jsx19(HandlerChips, {
                 entry: child,
                 size: "sm" /* sm */,
                 subtle: true
-              }, undefined, false, undefined, this),
-              child.status === "success" && child.output !== undefined && /* @__PURE__ */ jsxDEV19(Icon, {
+              }),
+              child.status === "success" && child.output !== undefined && /* @__PURE__ */ jsx19(Icon, {
                 size: "sm" /* sm */,
                 icon: PackageCheck2,
                 color: "io_output" /* io_output */,
                 subtle: true,
                 tooltip: {
-                  content: /* @__PURE__ */ jsxDEV19(IoTooltipContent, {
+                  content: /* @__PURE__ */ jsx19(IoTooltipContent, {
                     value: child.output
-                  }, undefined, false, undefined, this),
+                  }),
                   title: `Output · ${child.actionId}`
                 }
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, child.actionId, true, undefined, this)),
-          nonIoBreakReasons.map((reason) => /* @__PURE__ */ jsxDEV19(Chip, {
+          }, child.actionId)),
+          nonIoBreakReasons.map((reason) => /* @__PURE__ */ jsx19(Chip, {
             color: "default" /* default */,
             subtle: true,
             children: reason
-          }, reason, false, undefined, this)),
-          externalChildEntries.length > 0 && hasBottomError && /* @__PURE__ */ jsxDEV19(Icon, {
+          }, reason)),
+          externalChildEntries.length > 0 && hasBottomError && /* @__PURE__ */ jsx19(Icon, {
             size: "sm" /* sm */,
             icon: CircleX3,
             color: entry.status === "aborted" ? "aborted" /* aborted */ : "error" /* error */,
             subtle: true,
             tooltip: {
-              content: /* @__PURE__ */ jsxDEV19(ActionErrorDisplay, {
+              content: /* @__PURE__ */ jsx19(ActionErrorDisplay, {
                 entry,
                 compact: true
-              }, undefined, false, undefined, this),
+              }),
               title: entry.status === "aborted" ? "Aborted" : "Error",
               maxWidth: 340
             }
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      hasGroup && /* @__PURE__ */ jsxDEV19("div", {
+      }),
+      hasGroup && /* @__PURE__ */ jsxs16("div", {
         style: {
           display: "flex",
           flexWrap: "wrap",
@@ -4827,15 +4827,15 @@ function ActionEntryRow({
           paddingBottom: "2px"
         },
         children: [
-          groupEntries.slice(0, MAX_GROUP_DOTS).map((e, i) => /* @__PURE__ */ jsxDEV19(GroupDot, {
+          groupEntries.slice(0, MAX_GROUP_DOTS).map((e, i) => /* @__PURE__ */ jsx19(GroupDot, {
             entry: e,
             index: i,
             total: groupEntries.length,
             refTime: groupEntries[0].startTime,
             isActive: selectedGroupCuid === e.cuid,
             onSelect: () => onSelectGroupEntry?.(e.cuid)
-          }, e.cuid, false, undefined, this)),
-          groupEntries.length > MAX_GROUP_DOTS && /* @__PURE__ */ jsxDEV19("span", {
+          }, e.cuid)),
+          groupEntries.length > MAX_GROUP_DOTS && /* @__PURE__ */ jsxs16("span", {
             style: {
               fontSize: "0.7em",
               opacity: 0.5,
@@ -4846,15 +4846,15 @@ function ActionEntryRow({
               "+ ",
               groupEntries.length - MAX_GROUP_DOTS
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/action_list/ActionList.tsx
-import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 function getBreakReasons(current, previous) {
   const reasons = [];
   const inputChanged = current.inputHash != null && previous.inputHash != null ? current.inputHash !== previous.inputHash : safeStringify(current.input, 0) !== safeStringify(previous.input, 0);
@@ -4921,29 +4921,29 @@ function ActionList({
     containerRef.current?.querySelector(`[data-cuid="${repCuid}"]`)?.scrollIntoView({ block: "nearest" });
   }, [selectedCuid, flatItems]);
   if (groups.length === 0) {
-    return /* @__PURE__ */ jsxDEV20("div", {
+    return /* @__PURE__ */ jsx20("div", {
       style,
-      children: /* @__PURE__ */ jsxDEV20("div", {
+      children: /* @__PURE__ */ jsx20("div", {
         style: { padding: "24px", textAlign: "center", color: DEVTOOL_COLOR_TEXT_MUTED },
         children: "No actions recorded yet"
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
-  return /* @__PURE__ */ jsxDEV20("div", {
+  return /* @__PURE__ */ jsxs17("div", {
     ref: containerRef,
     style,
     children: [
       flatItems.map((item) => {
         const key = getFlatItemKey(item);
         const { group } = item;
-        return /* @__PURE__ */ jsxDEV20("div", {
+        return /* @__PURE__ */ jsxs17("div", {
           style: {
             borderBottom: `1px solid ${DEVTOOL_LIST_GROUP_DIVIDER}`,
             position: "relative",
             overflow: "hidden"
           },
           children: [
-            /* @__PURE__ */ jsxDEV20("div", {
+            /* @__PURE__ */ jsx20("div", {
               style: {
                 position: "absolute",
                 inset: 0,
@@ -4951,8 +4951,8 @@ function ActionList({
                 background: "linear-gradient(90deg, transparent 0%, rgba(148, 210, 255, 0.13) 50%, transparent 100%)",
                 animation: "__nice-action-shine 0.65s ease-out forwards"
               }
-            }, group.representative.cuid, false, undefined, this),
-            /* @__PURE__ */ jsxDEV20(ActionEntryRow, {
+            }, group.representative.cuid),
+            /* @__PURE__ */ jsx20(ActionEntryRow, {
               entry: group.representative,
               isSelected: selectedCuid === group.representative.cuid || group.rest.some((e) => e.cuid === selectedCuid),
               isLatest: item.groupIndex === 0,
@@ -4963,21 +4963,21 @@ function ActionList({
               selectedGroupCuid: selectedCuid,
               onSelectGroupEntry: (cuid) => onSubClick(cuid, selectedCuid === cuid),
               onClick: () => onGroupClick(group)
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, key, true, undefined, this);
+        }, key);
       }),
-      /* @__PURE__ */ jsxDEV20("div", {
+      /* @__PURE__ */ jsx20("div", {
         style: { padding: "24px", textAlign: "center", color: DEVTOOL_COLOR_TEXT_MUTED },
         children: "Start of action history"
-      }, undefined, false, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/devtools/browser/components/PanelChrome.tsx
 import { useState as useState11 } from "react";
-import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
 var MONO_FONT = "ui-monospace, 'Cascadia Code', 'Source Code Pro', monospace";
 var SANS_FONT = "ui-sans-serif, system-ui, sans-serif";
 var DOCKED_SIZE_MIN = 140;
@@ -5011,7 +5011,7 @@ function PanelHeader({
   onClear,
   openOthers
 }) {
-  return /* @__PURE__ */ jsxDEV21("div", {
+  return /* @__PURE__ */ jsxs18("div", {
     style: {
       display: "flex",
       alignItems: "center",
@@ -5023,10 +5023,10 @@ function PanelHeader({
       flexShrink: 0
     },
     children: [
-      /* @__PURE__ */ jsxDEV21("div", {
+      /* @__PURE__ */ jsxs18("div", {
         style: { display: "flex", alignItems: "center", gap: "8px", minWidth: 0 },
         children: [
-          /* @__PURE__ */ jsxDEV21("span", {
+          /* @__PURE__ */ jsx21("span", {
             style: {
               color: DEVTOOL_COLOR_SEMANTIC_SYSTEM,
               fontWeight: "bold",
@@ -5034,8 +5034,8 @@ function PanelHeader({
               whiteSpace: "nowrap"
             },
             children: "⚡ action"
-          }, undefined, false, undefined, this),
-          openOthers?.map((item) => /* @__PURE__ */ jsxDEV21("button", {
+          }),
+          openOthers?.map((item) => /* @__PURE__ */ jsxs18("button", {
             onClick: item.onOpen,
             title: `Open ${item.label} devtools`,
             style: {
@@ -5053,28 +5053,28 @@ function PanelHeader({
               whiteSpace: "nowrap"
             },
             children: [
-              /* @__PURE__ */ jsxDEV21("span", {
+              /* @__PURE__ */ jsx21("span", {
                 children: item.icon
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV21("span", {
+              }),
+              /* @__PURE__ */ jsx21("span", {
                 children: item.label
-              }, undefined, false, undefined, this),
-              item.badge != null && /* @__PURE__ */ jsxDEV21("span", {
+              }),
+              item.badge != null && /* @__PURE__ */ jsx21("span", {
                 style: { color: DEVTOOL_COLOR_SEMANTIC_SYSTEM },
                 children: item.badge
-              }, undefined, false, undefined, this)
+              })
             ]
-          }, item.id, true, undefined, this))
+          }, item.id))
         ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV21("div", {
+      }),
+      /* @__PURE__ */ jsxs18("div", {
         style: { display: "flex", gap: "10px", alignItems: "center" },
         children: [
-          /* @__PURE__ */ jsxDEV21(PositionPicker, {
+          /* @__PURE__ */ jsx21(PositionPicker, {
             position,
             onChange: onPositionChange
-          }, undefined, false, undefined, this),
-          onClear != null && /* @__PURE__ */ jsxDEV21("button", {
+          }),
+          onClear != null && /* @__PURE__ */ jsx21("button", {
             onClick: onClear,
             style: {
               background: "none",
@@ -5085,8 +5085,8 @@ function PanelHeader({
               padding: "0"
             },
             children: "clear"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV21("button", {
+          }),
+          /* @__PURE__ */ jsx21("button", {
             onClick: onClose,
             style: {
               background: "none",
@@ -5098,27 +5098,27 @@ function PanelHeader({
               lineHeight: "1"
             },
             children: "×"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 function PositionPicker({
   position,
   onChange
 }) {
-  return /* @__PURE__ */ jsxDEV21("div", {
+  return /* @__PURE__ */ jsx21("div", {
     title: "Move / dock panel",
     style: { display: "grid", gridTemplateColumns: "repeat(3, 9px)", gap: "2px", padding: "2px" },
     children: POSITION_GRID.map(({ key, pos }) => {
       if (pos == null)
-        return /* @__PURE__ */ jsxDEV21("div", {
+        return /* @__PURE__ */ jsx21("div", {
           style: { width: "9px", height: "9px" }
-        }, key, false, undefined, this);
+        }, key);
       const isTopBottom = pos === "dock-top" || pos === "dock-bottom";
       const isActive = pos === position;
-      return /* @__PURE__ */ jsxDEV21("div", {
+      return /* @__PURE__ */ jsx21("div", {
         title: pos,
         onClick: () => onChange(pos),
         style: {
@@ -5129,17 +5129,17 @@ function PositionPicker({
           justifyContent: "center",
           cursor: "pointer"
         },
-        children: /* @__PURE__ */ jsxDEV21("div", {
+        children: /* @__PURE__ */ jsx21("div", {
           style: {
             width: isTopBottom ? "9px" : "3px",
             height: isTopBottom ? "3px" : "9px",
             borderRadius: "1px",
             background: isActive ? DEVTOOL_COLOR_SEMANTIC_SYSTEM : DEVTOOL_COLOR_TEXT_FAINT
           }
-        }, undefined, false, undefined, this)
-      }, key, false, undefined, this);
+        })
+      }, key);
     })
-  }, undefined, false, undefined, this);
+  });
 }
 function ResizeHandle({
   dockSide,
@@ -5165,7 +5165,7 @@ function ResizeHandle({
     window.addEventListener("mouseup", onUp);
   };
   const edgeStyle = dockSide === "bottom" ? { top: 0, left: 0, right: 0, height: "5px", cursor: "ns-resize" } : dockSide === "top" ? { bottom: 0, left: 0, right: 0, height: "5px", cursor: "ns-resize" } : dockSide === "right" ? { top: 0, bottom: 0, left: 0, width: "5px", cursor: "ew-resize" } : { top: 0, bottom: 0, right: 0, width: "5px", cursor: "ew-resize" };
-  return /* @__PURE__ */ jsxDEV21("div", {
+  return /* @__PURE__ */ jsx21("div", {
     onMouseDown,
     style: {
       position: "absolute",
@@ -5173,7 +5173,7 @@ function ResizeHandle({
       background: "transparent",
       ...edgeStyle
     }
-  }, undefined, false, undefined, this);
+  });
 }
 var SPLIT_RATIO_MIN = 0.15;
 var SPLIT_RATIO_MAX = 0.85;
@@ -5199,7 +5199,7 @@ function SplitHandle({
     window.addEventListener("mousemove", onMove);
     window.addEventListener("mouseup", onUp);
   };
-  return /* @__PURE__ */ jsxDEV21("div", {
+  return /* @__PURE__ */ jsx21("div", {
     onMouseDown,
     onMouseEnter: () => setHovered(true),
     onMouseLeave: () => setHovered(false),
@@ -5211,10 +5211,10 @@ function SplitHandle({
       opacity: hovered ? 0.6 : 1,
       zIndex: 5
     }
-  }, undefined, false, undefined, this);
+  });
 }
 function DevtoolsLauncher({ items }) {
-  return /* @__PURE__ */ jsxDEV21("div", {
+  return /* @__PURE__ */ jsx21("div", {
     style: {
       position: "fixed",
       bottom: "16px",
@@ -5224,7 +5224,7 @@ function DevtoolsLauncher({ items }) {
       fontFamily: MONO_FONT,
       fontSize: "12px"
     },
-    children: /* @__PURE__ */ jsxDEV21("div", {
+    children: /* @__PURE__ */ jsx21("div", {
       style: {
         display: "flex",
         background: DEVTOOL_SECTION_BACKGROUND,
@@ -5233,7 +5233,7 @@ function DevtoolsLauncher({ items }) {
         overflow: "hidden",
         boxShadow: "0 8px 24px rgba(0,0,0,0.35)"
       },
-      children: items.map((item, i) => /* @__PURE__ */ jsxDEV21("button", {
+      children: items.map((item, i) => /* @__PURE__ */ jsxs18("button", {
         onClick: item.onOpen,
         style: {
           display: "flex",
@@ -5250,20 +5250,20 @@ function DevtoolsLauncher({ items }) {
           lineHeight: "1.5"
         },
         children: [
-          /* @__PURE__ */ jsxDEV21("span", {
+          /* @__PURE__ */ jsx21("span", {
             children: item.icon
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV21("span", {
+          }),
+          /* @__PURE__ */ jsx21("span", {
             children: item.label
-          }, undefined, false, undefined, this),
-          item.badge != null && /* @__PURE__ */ jsxDEV21("span", {
+          }),
+          item.badge != null && /* @__PURE__ */ jsx21("span", {
             style: { color: DEVTOOL_COLOR_SEMANTIC_SYSTEM },
             children: item.badge
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, item.id, true, undefined, this))
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+      }, item.id))
+    })
+  });
 }
 
 // src/devtools/browser/devtools_dock.ts
@@ -5374,7 +5374,7 @@ function getDevtoolsDockCoordinator() {
 }
 
 // src/devtools/browser/NiceActionDevtools.tsx
-import { jsxDEV as jsxDEV22, Fragment as Fragment11 } from "react/jsx-dev-runtime";
+import { jsx as jsx22, jsxs as jsxs19, Fragment as Fragment11 } from "react/jsx-runtime";
 if (typeof document !== "undefined" && !document.getElementById("__nice-action-devtools-styles")) {
   const style = document.createElement("style");
   style.id = "__nice-action-devtools-styles";
@@ -5475,10 +5475,12 @@ function groupEntries(entries) {
   return groups;
 }
 function NiceActionDevtools({ forceEnable, ...props }) {
-  if (!forceEnable && false) {}
-  return /* @__PURE__ */ jsxDEV22(NiceActionDevtools_Panel, {
+  if (!forceEnable && process["env"]["NODE_ENV"] !== "development") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx22(NiceActionDevtools_Panel, {
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function NiceActionDevtools_Panel({
   core,
@@ -5563,9 +5565,9 @@ function NiceActionDevtools_Panel({
   };
   if (!isOpen) {
     if (view.isPrimary && !view.anyOpen) {
-      return /* @__PURE__ */ jsxDEV22(DevtoolsLauncher, {
+      return /* @__PURE__ */ jsx22(DevtoolsLauncher, {
         items: view.devtools
-      }, undefined, false, undefined, this);
+      });
     }
     return null;
   }
@@ -5615,16 +5617,16 @@ function NiceActionDevtools_Panel({
     },
     childEntriesMap
   };
-  return /* @__PURE__ */ jsxDEV22("div", {
+  return /* @__PURE__ */ jsxs19("div", {
     id: "__nice-action-devtools-panel",
     style: panelStyle,
     children: [
-      /* @__PURE__ */ jsxDEV22(ResizeHandle, {
+      /* @__PURE__ */ jsx22(ResizeHandle, {
         dockSide,
         dockedSize,
         onChange: (size) => setPrefs(isHorizDock ? { dockedHeight: size } : { dockedWidth: size })
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV22(PanelHeader, {
+      }),
+      /* @__PURE__ */ jsx22(PanelHeader, {
         position,
         onPositionChange: (p) => setPrefs({ position: p }),
         onClose: () => setPrefs({ isOpen: false }),
@@ -5633,8 +5635,8 @@ function NiceActionDevtools_Panel({
           setSelectedCuid(null);
         } : undefined,
         openOthers: view.otherClosed
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV22("div", {
+      }),
+      /* @__PURE__ */ jsxs19("div", {
         style: {
           flex: 1,
           display: "flex",
@@ -5643,7 +5645,7 @@ function NiceActionDevtools_Panel({
           minHeight: 0
         },
         children: [
-          /* @__PURE__ */ jsxDEV22("div", {
+          /* @__PURE__ */ jsx22("div", {
             style: {
               flexGrow: selectedEntry != null ? 1 - detailRatio : 1,
               flexShrink: 1,
@@ -5651,18 +5653,18 @@ function NiceActionDevtools_Panel({
               minWidth: 0,
               minHeight: 0
             },
-            children: /* @__PURE__ */ jsxDEV22(ActionList, {
+            children: /* @__PURE__ */ jsx22(ActionList, {
               ...virtualListProps,
               style: { width: "100%", height: "100%", overflowY: "auto" }
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          selectedEntry != null && /* @__PURE__ */ jsxDEV22(Fragment11, {
+            })
+          }),
+          selectedEntry != null && /* @__PURE__ */ jsxs19(Fragment11, {
             children: [
-              /* @__PURE__ */ jsxDEV22(SplitHandle, {
+              /* @__PURE__ */ jsx22(SplitHandle, {
                 horizontal: isHorizDock,
                 onRatioChange: (ratio) => setPrefs({ detailRatio: ratio })
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV22("div", {
+              }),
+              /* @__PURE__ */ jsx22("div", {
                 style: {
                   flexGrow: detailRatio,
                   flexShrink: 1,
@@ -5680,19 +5682,19 @@ function NiceActionDevtools_Panel({
                     boxShadow: "inset 0 18px 36px -14px rgba(0,0,0,0.8)"
                   }
                 },
-                children: /* @__PURE__ */ jsxDEV22(ActionDetailPanel, {
+                children: /* @__PURE__ */ jsx22(ActionDetailPanel, {
                   entry: selectedEntry,
                   parent: selectedEntryParent,
                   childEntries: selectedEntryChildren,
                   onSelectEntry: (cuid) => setSelectedCuid(cuid)
-                }, selectedEntry.cuid, false, undefined, this)
-              }, undefined, false, undefined, this)
+                }, selectedEntry.cuid)
+              })
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
   NiceActionDevtools,