@testsmith/api-spector 0.0.4 → 0.0.5

package/out/renderer/assets/{index-BbhJgjM1.js → index-KbYng3S3.js}

@@ -8339,6 +8339,14 @@ const useStore = create()(
       s.activeEnvironmentId = env.id;
       if (s.workspace) s.workspace.environments.push(relPath);
     }),
+    deleteEnvironment: (id2) => set2((s) => {
+      const relPath = s.environments[id2]?.relPath;
+      delete s.environments[id2];
+      if (s.activeEnvironmentId === id2) s.activeEnvironmentId = null;
+      if (relPath && s.workspace) {
+        s.workspace.environments = s.workspace.environments.filter((p2) => p2 !== relPath);
+      }
+    }),
     // ── Globals ───────────────────────────────────────────────────────────────
     setGlobals: (globals) => set2((s) => {
       s.globals = globals;
@@ -9161,6 +9169,43 @@ function TagChips({
     )
   ] });
 }
+function ConfirmDialog({ message, onConfirm, onCancel }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: "fixed inset-0 bg-black/50 z-[300] flex items-center justify-center",
+      onClick: onCancel,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "bg-surface-900 border border-surface-700 rounded-lg shadow-2xl p-4 w-72 flex flex-col gap-4",
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-white", children: message }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: onCancel,
+                  className: "px-3 py-1.5 text-xs text-surface-400 hover:text-white transition-colors",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: onConfirm,
+                  className: "px-3 py-1.5 text-xs bg-red-700 hover:bg-red-600 rounded transition-colors",
+                  children: "Delete"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
 function IconBtn({
   title: title2,
   onClick,
@@ -9180,7 +9225,7 @@ function IconBtn({
         children
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute bottom-full left-1/2 -translate-x-1/2 mb-1 z-50 hidden group-hover/tip:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap rounded px-1.5 py-0.5 text-[10px] bg-[#1e1b2e] text-gray-300 border border-white/10 shadow-lg", children: title2 }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute top-full left-1/2 -translate-x-1/2 mt-1 z-50 hidden group-hover/tip:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap rounded px-1.5 py-0.5 text-[10px] bg-[#1e1b2e] text-gray-300 border border-white/10 shadow-lg", children: title2 }) })
   ] });
 }
 function RunBtn({ onClick }) {
@@ -9192,7 +9237,7 @@ function RunBtn({ onClick }) {
         e.stopPropagation();
         onClick(e);
       },
-      className: "opacity-0 group-hover:opacity-100 px-1 py-0.5 rounded text-emerald-500 hover:text-emerald-400 transition-all",
+      className: "px-1 py-0.5 rounded text-emerald-500 hover:text-emerald-400 transition-all",
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", clipRule: "evenodd" }) })
     }
   );
@@ -9219,19 +9264,22 @@ function CollectionTree() {
   const updateRequestTags = useStore((s) => s.updateRequestTags);
   const openRunner = useStore((s) => s.openRunner);
   const colList = Object.values(collections);
+  const [pendingConfirm, setPendingConfirm] = reactExports.useState(null);
+  function confirmThen(message, action) {
+    setPendingConfirm({ message, onConfirm: () => {
+      action();
+      setPendingConfirm(null);
+    } });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 select-none", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 text-xs font-semibold text-surface-400 uppercase tracking-wider flex items-center justify-between flex-shrink-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Collections" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: () => addCollection("New Collection"),
-          title: "New collection",
-          className: "text-surface-400 hover:text-blue-400 transition-colors px-1",
-          children: "+"
-        }
-      )
-    ] }),
+    pendingConfirm && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ConfirmDialog,
+      {
+        message: pendingConfirm.message,
+        onConfirm: pendingConfirm.onConfirm,
+        onCancel: () => setPendingConfirm(null)
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
       colList.map(({ data: col }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         CollectionNode,
@@ -9245,13 +9293,9 @@ function CollectionTree() {
           onAddRequest: (folderId) => addRequest(col.id, folderId),
           onAddFolder: (parentId, name2) => addFolder(col.id, parentId, name2),
           onRenameCollection: (name2) => renameCollection(col.id, name2),
-          onDeleteCollection: () => {
-            if (confirm(`Delete collection "${col.name}"?`)) deleteCollection(col.id);
-          },
+          onDeleteCollection: () => confirmThen(`Delete collection "${col.name}"?`, () => deleteCollection(col.id)),
           onRenameFolder: (folderId, name2) => renameFolder(col.id, folderId, name2),
-          onDeleteFolder: (folderId) => {
-            if (confirm("Delete this folder and all its requests?")) deleteFolder(col.id, folderId);
-          },
+          onDeleteFolder: (folderId) => confirmThen("Delete this folder and all its requests?", () => deleteFolder(col.id, folderId)),
           onRenameRequest: renameRequest,
           onDeleteRequest: (reqId) => deleteRequest(col.id, reqId),
           onDuplicateRequest: (reqId) => duplicateRequest(col.id, reqId),
@@ -9324,15 +9368,15 @@ function CollectionNode({
               validate: (v2) => existingCollectionNames.filter((n2) => n2 !== col.name).includes(v2) ? `"${v2}" already exists` : null
             }
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-semibold truncate block", children: col.name }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center shrink-0 gap-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden group-hover:flex items-center shrink-0 gap-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(RunBtn, { onClick: onRunCollection }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Expand all folders", onClick: expandAll, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAllIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Collapse all folders", onClick: collapseAll, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapseAllIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Collection data (iterations)", onClick: onSelectCollection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TableIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add request", onClick: () => onAddRequest(col.rootFolder.id), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "+" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add folder", onClick: () => onAddFolder(col.rootFolder.id, "New Folder"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Rename", onClick: () => setRenaming(true), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Delete collection", onClick: onDeleteCollection, danger: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Expand all folders", onClick: expandAll, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAllIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Collapse all folders", onClick: collapseAll, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollapseAllIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Collection data (iterations)", onClick: onSelectCollection, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TableIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add request", onClick: () => onAddRequest(col.rootFolder.id), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "+" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add folder", onClick: () => onAddFolder(col.rootFolder.id, "New Folder"), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Rename", onClick: () => setRenaming(true), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Delete collection", onClick: onDeleteCollection, danger: true, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
           ] })
         ]
       }
@@ -9415,16 +9459,16 @@ function FolderRow({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center shrink-0 gap-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden group-hover:flex items-center shrink-0 gap-0", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(RunBtn, { onClick: onRun }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add request", onClick: onAddRequest, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "+" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add sub-folder", onClick: onAddFolder, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Folder auth & headers", onClick: () => setShowSettings(true), children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add request", onClick: onAddRequest, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs", children: "+" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add sub-folder", onClick: onAddFolder, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Folder auth & headers", onClick: () => setShowSettings(true), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyIcon, {}) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Add tag", onClick: () => {
-            }, alwaysVisible: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagChips, { tags: [], onRemove: () => {
+            }, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TagChips, { tags: [], onRemove: () => {
             }, onAdd: (tag) => onUpdateTags([...tags2, tag]) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Rename", onClick: () => setRenaming(true), children: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Delete folder", onClick: onDelete, danger: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Rename", onClick: () => setRenaming(true), alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(IconBtn, { title: "Delete folder", onClick: onDelete, danger: true, alwaysVisible: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
           ] })
         ]
       }
@@ -36977,6 +37021,24 @@ sp.variables.set("field_value", json.field);`
         label: "Save JSON field to environment",
         code: `const json = sp.response.json();
 sp.environment.set("token", json.token);`
+      },
+      {
+        label: "Extract via JSONPath to variable",
+        code: `const matches = sp.jsonPath(sp.response.json(), '$.data[0].id');
+sp.variables.set("extracted_value", String(matches[0] ?? ''));`
+      },
+      {
+        label: "Extract via JSONPath to environment",
+        code: `const matches = sp.jsonPath(sp.response.json(), '$.data[0].id');
+sp.environment.set("extracted_value", String(matches[0] ?? ''));`
+      },
+      {
+        label: "Extract from XML to variable",
+        code: `sp.variables.set("extracted_value", sp.response.xmlText("ElementName") ?? '');`
+      },
+      {
+        label: "Extract from XML to environment",
+        code: `sp.environment.set("extracted_value", sp.response.xmlText("ElementName") ?? '');`
       }
     ]
   }
@@ -36990,6 +37052,7 @@ function ScriptsTab({ request, onChange }) {
     if (activeTabId) setTabScriptTab(activeTabId, t2);
   };
   const [expandedGroup, setExpandedGroup] = reactExports.useState(SNIPPET_GROUPS[0].group);
+  const [snippetsOpen, setSnippetsOpen] = reactExports.useState(true);
   const varNames = useVarNames();
   const varValues = useVarValues();
   const extensions = reactExports.useMemo(
@@ -37030,9 +37093,27 @@ function ScriptsTab({ request, onChange }) {
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-52 flex-shrink-0 flex flex-col overflow-y-auto border-l border-surface-700 pl-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-semibold text-surface-400 uppercase tracking-wider mb-2", children: "Snippets" }),
-      SNIPPET_GROUPS.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-1", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex-shrink-0 flex flex-col border-l border-surface-700 transition-all ${snippetsOpen ? "w-52 pl-2 overflow-y-auto" : "w-7"}`, children: [
+      snippetsOpen ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "button",
+        {
+          onClick: () => setSnippetsOpen(false),
+          className: "flex items-center gap-1 text-[10px] font-semibold text-surface-400 uppercase tracking-wider mb-2 hover:text-white transition-colors w-full",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "▾" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Quick inserts" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setSnippetsOpen(true),
+          className: "flex-1 flex items-center justify-center hover:bg-surface-800 transition-colors rounded-sm",
+          title: "Expand quick inserts",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-semibold text-surface-400 uppercase tracking-wider [writing-mode:vertical-rl] rotate-180", children: "Quick inserts" })
+        }
+      ),
+      snippetsOpen && SNIPPET_GROUPS.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "button",
           {
@@ -43807,36 +43888,82 @@ function makeJsonSnippet(path, value, mode) {
 });`;
   }
 }
+function getAtPath(root, path) {
+  let cur2 = root;
+  for (const key of path) {
+    if (cur2 == null || typeof cur2 !== "object") return void 0;
+    cur2 = cur2[key];
+  }
+  return cur2;
+}
+function toJsonPathExpr(path, filterKey, filterValue) {
+  let arrayIdx = -1;
+  for (let i = path.length - 1; i >= 0; i--) {
+    if (typeof path[i] === "number") {
+      arrayIdx = i;
+      break;
+    }
+  }
+  if (arrayIdx < 0) return "";
+  const arrayPart = "$." + path.slice(0, arrayIdx).join(".");
+  const leafPart = path.slice(arrayIdx + 1).join(".");
+  const filterVal = isNaN(Number(filterValue)) ? `"${filterValue.replace(/"/g, '\\"')}"` : filterValue;
+  const expr = leafPart ? `${arrayPart}[?(@.${filterKey}==${filterVal})].${leafPart}` : `${arrayPart}[?(@.${filterKey}==${filterVal})]`;
+  return expr;
+}
+function makeJsonPathSnippet(path, value, filterKey, filterValue) {
+  const expr = toJsonPathExpr(path, filterKey, filterValue);
+  const lit = toLit(value);
+  return `sp.test('${expr} equals ${lit}', function() {
+  const matches = sp.jsonPath(sp.response.json(), '${expr}');
+  sp.expect(matches.length).to.be.above(0);
+  sp.expect(matches[0]).to.equal(${lit});
+});`;
+}
 function makeXmlSnippet(selector, value, mode) {
-  const parse2 = `const doc = new DOMParser().parseFromString(sp.response.text(), "text/xml");`;
-  const query = `const el = doc.querySelector("${selector.replace(/"/g, '\\"')}");`;
+  const sel = selector.replace(/"/g, '\\"');
   switch (mode) {
     case "equals":
       return `sp.test('${selector} equals "${esc(value)}"', function() {
-  ${parse2}
-  ${query}
-  sp.expect(el?.textContent?.trim()).to.equal("${esc(value)}");
+  sp.expect(sp.response.xmlText("${sel}")).to.equal("${esc(value)}");
 });`;
     case "exists":
       return `sp.test('${selector} exists', function() {
-  ${parse2}
-  ${query}
-  sp.expect(el).to.not.equal(null);
+  sp.expect(sp.response.xmlText("${sel}")).to.not.equal(null);
 });`;
     case "contains":
       return `sp.test('${selector} contains "${esc(value)}"', function() {
-  ${parse2}
-  ${query}
-  sp.expect(el?.textContent).to.include("${esc(value)}");
+  sp.expect(sp.response.xmlText("${sel}")).to.include("${esc(value)}");
 });`;
   }
 }
+function varNameFromPath(path) {
+  return path.filter((k2) => typeof k2 === "string").at(-1) ?? "extracted_value";
+}
+function makeJsonExtractSnippet(path, target) {
+  const acc = jsonAccessor(path);
+  const varName = varNameFromPath(path);
+  return `const json = sp.response.json();
+sp.${target}.set("${varName}", String(${acc}));`;
+}
+function makeJsonPathExtractSnippet(path, filterKey, filterValue, target) {
+  const expr = toJsonPathExpr(path, filterKey, filterValue);
+  const varName = varNameFromPath(path);
+  return `const matches = sp.jsonPath(sp.response.json(), '${expr}');
+sp.${target}.set("${varName}", String(matches[0] ?? ''));`;
+}
+function makeXmlExtractSnippet(selector, target) {
+  return `sp.${target}.set("extracted_value", sp.response.xmlText("${selector.replace(/"/g, '\\"')}") ?? '');`;
+}
 function AssertMenu({
   state,
   onClose,
   onConfirm
 }) {
   const ref2 = reactExports.useRef(null);
+  const [jpOpen, setJpOpen] = reactExports.useState(false);
+  const [filterKey, setFilterKey] = reactExports.useState("");
+  const [filterVal, setFilterVal] = reactExports.useState("");
   reactExports.useEffect(() => {
     function onMouse(e) {
       if (ref2.current && !ref2.current.contains(e.target)) onClose();
@@ -43853,8 +43980,10 @@ function AssertMenu({
   }, [onClose]);
   let title2 = "";
   let options = [];
+  let jpSiblingKeys = [];
+  let jpAvailable = false;
   if (state.type === "json") {
-    const { path, value } = state;
+    const { path, value, root } = state;
     const isStr = typeof value === "string";
     const preview = isStr ? `"${value.length > 22 ? value.slice(0, 22) + "…" : value}"` : String(value);
     title2 = jsonPathLabel(path);
@@ -43864,6 +43993,26 @@ function AssertMenu({
       { label: `is ${value === null ? "null" : typeof value}`, snippet: makeJsonSnippet(path, value, "type") },
       ...isStr ? [{ label: `contains ${preview}`, snippet: makeJsonSnippet(path, value, "contains") }] : []
     ];
+    const arrayIdx = [...path].reverse().findIndex((k2) => typeof k2 === "number");
+    if (arrayIdx >= 0) {
+      jpAvailable = true;
+      const realIdx = path.length - 1 - arrayIdx;
+      const itemObj = getAtPath(root, path.slice(0, realIdx + 1));
+      if (itemObj != null && typeof itemObj === "object" && !Array.isArray(itemObj)) {
+        jpSiblingKeys = Object.keys(itemObj).filter((k2) => {
+          const v2 = itemObj[k2];
+          return typeof v2 !== "object" || v2 === null;
+        });
+      }
+      if (!filterKey && jpSiblingKeys.length > 0) {
+        const defaultKey = jpSiblingKeys.find((k2) => k2 === "name" || k2 === "id") ?? jpSiblingKeys[0];
+        setTimeout(() => {
+          setFilterKey(defaultKey);
+          const seed = getAtPath(root, [...path.slice(0, realIdx + 1), defaultKey]);
+          setFilterVal(seed != null ? String(seed) : "");
+        }, 0);
+      }
+    }
   } else {
     const { selector, value } = state;
     const preview = `"${value.length > 22 ? value.slice(0, 22) + "…" : value}"`;
@@ -43874,14 +44023,14 @@ function AssertMenu({
       { label: `contains ${preview}`, snippet: makeXmlSnippet(selector, value, "contains") }
     ];
   }
-  const x2 = Math.min(state.x, window.innerWidth - 260);
-  const y2 = Math.min(state.y, window.innerHeight - 220);
+  const x2 = Math.min(state.x, window.innerWidth - 280);
+  const y2 = Math.min(state.y, window.innerHeight - 280);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       ref: ref2,
       style: { top: y2, left: x2, position: "fixed" },
-      className: "z-[200] bg-surface-900 border border-surface-700 rounded-lg shadow-2xl p-2 min-w-[240px]",
+      className: "z-[200] bg-surface-900 border border-surface-700 rounded-lg shadow-2xl p-2 min-w-[260px]",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500 font-mono px-1.5 pb-1.5 mb-1.5 border-b border-surface-800 truncate", children: title2 }),
         options.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -43895,7 +44044,141 @@ function AssertMenu({
             children: opt.label
           },
           opt.label
-        ))
+        )),
+        jpAvailable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 border-t border-surface-800 pt-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: () => setJpOpen((o) => !o),
+              className: "w-full text-left text-xs text-blue-400 hover:text-blue-300 hover:bg-surface-800 rounded px-2 py-1.5 transition-colors flex items-center gap-1",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: jpOpen ? "▾" : "▸" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "JSONPath assert (with filter)" })
+              ]
+            }
+          ),
+          jpOpen && state.type === "json" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 px-2 flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-400 w-16 shrink-0", children: "filter by" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "select",
+                {
+                  value: filterKey,
+                  onChange: (e) => {
+                    const k2 = e.target.value;
+                    setFilterKey(k2);
+                    const arrayIdx2 = [...state.path].reverse().findIndex((seg) => typeof seg === "number");
+                    const realIdx2 = state.path.length - 1 - arrayIdx2;
+                    const itemObj2 = getAtPath(state.root, state.path.slice(0, realIdx2 + 1));
+                    const seed = itemObj2 != null ? itemObj2[k2] : void 0;
+                    setFilterVal(seed != null ? String(seed) : "");
+                  },
+                  className: "flex-1 bg-surface-800 border border-surface-700 rounded px-1 py-0.5 text-xs focus:outline-none",
+                  children: jpSiblingKeys.map((k2) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: k2, children: k2 }, k2))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-400 w-16 shrink-0", children: "equals" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: filterVal,
+                  onChange: (e) => setFilterVal(e.target.value),
+                  className: "flex-1 bg-surface-800 border border-surface-700 rounded px-1 py-0.5 text-xs font-mono focus:outline-none focus:border-blue-500"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1 self-end", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  disabled: !filterKey || !filterVal,
+                  onClick: () => {
+                    onConfirm(makeJsonPathSnippet(state.path, state.value, filterKey, filterVal));
+                    onClose();
+                  },
+                  className: "text-xs px-2 py-1 bg-blue-700 hover:bg-blue-600 disabled:opacity-40 rounded transition-colors",
+                  children: "Assert"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  disabled: !filterKey || !filterVal,
+                  onClick: () => {
+                    onConfirm(makeJsonPathExtractSnippet(state.path, filterKey, filterVal, "variables"));
+                    onClose();
+                  },
+                  className: "text-xs px-2 py-1 bg-surface-700 hover:bg-surface-600 disabled:opacity-40 rounded transition-colors",
+                  children: "→ variable"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  disabled: !filterKey || !filterVal,
+                  onClick: () => {
+                    onConfirm(makeJsonPathExtractSnippet(state.path, filterKey, filterVal, "environment"));
+                    onClose();
+                  },
+                  className: "text-xs px-2 py-1 bg-surface-700 hover:bg-surface-600 disabled:opacity-40 rounded transition-colors",
+                  children: "→ env"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 border-t border-surface-800 pt-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500 uppercase tracking-wider px-2 py-1", children: "Extract" }),
+          state.type === "json" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => {
+                  onConfirm(makeJsonExtractSnippet(state.path, "variables"));
+                  onClose();
+                },
+                className: "w-full text-left text-xs text-surface-300 hover:text-white hover:bg-surface-800 rounded px-2 py-1.5 transition-colors",
+                children: "Save to variable"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => {
+                  onConfirm(makeJsonExtractSnippet(state.path, "environment"));
+                  onClose();
+                },
+                className: "w-full text-left text-xs text-surface-300 hover:text-white hover:bg-surface-800 rounded px-2 py-1.5 transition-colors",
+                children: "Save to environment"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => {
+                  onConfirm(makeXmlExtractSnippet(state.selector, "variables"));
+                  onClose();
+                },
+                className: "w-full text-left text-xs text-surface-300 hover:text-white hover:bg-surface-800 rounded px-2 py-1.5 transition-colors",
+                children: "Save to variable"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => {
+                  onConfirm(makeXmlExtractSnippet(state.selector, "environment"));
+                  onClose();
+                },
+                className: "w-full text-left text-xs text-surface-300 hover:text-white hover:bg-surface-800 rounded px-2 py-1.5 transition-colors",
+                children: "Save to environment"
+              }
+            )
+          ] })
+        ] })
       ]
     }
   );
@@ -43924,7 +44207,7 @@ function JsonNode({
           onClick: (e) => onLeaf(e, path, value),
           className: "ml-auto opacity-0 group-hover:opacity-100 shrink-0 text-[10px] px-1.5 leading-4 py-0.5 text-blue-400 border border-blue-800 hover:border-blue-500 hover:text-blue-300 rounded transition-all",
           title: "Add assertion for this value",
-          children: "+ assert"
+          children: "+ insert"
         }
       )
     ] });
@@ -43995,7 +44278,7 @@ function XmlNode({
           onClick: (e) => onLeaf(e, selector, text),
           className: "ml-auto opacity-0 group-hover:opacity-100 shrink-0 text-[10px] px-1.5 leading-4 py-0.5 text-blue-400 border border-blue-800 hover:border-blue-500 hover:text-blue-300 rounded transition-all",
           title: "Add assertion for this value",
-          children: "+ assert"
+          children: "+ insert"
         }
       )
     ] });
@@ -44024,22 +44307,26 @@ function InteractiveBody({ body, contentType, onAssert }) {
   const [popover, setPopover] = reactExports.useState(null);
   const isJson = contentType.includes("json");
   const isXml = !isJson && (contentType.includes("xml") || contentType.includes("html"));
+  let parsedJson = null;
+  if (isJson) {
+    try {
+      parsedJson = JSON.parse(body);
+    } catch {
+    }
+  }
   function handleJsonLeaf(e, path, value) {
     e.stopPropagation();
-    setPopover({ type: "json", path, value, x: e.clientX + 10, y: e.clientY + 10 });
+    setPopover({ type: "json", path, value, root: parsedJson, x: e.clientX + 10, y: e.clientY + 10 });
   }
   function handleXmlLeaf(e, selector, value) {
     e.stopPropagation();
     setPopover({ type: "xml", selector, value, x: e.clientX + 10, y: e.clientY + 10 });
   }
   const treeContent = isJson ? (() => {
-    let parsed;
-    try {
-      parsed = JSON.parse(body);
-    } catch {
+    if (parsedJson === null) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-xs text-surface-600", children: "Unable to parse JSON response body" });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(JsonNode, { nodeKey: null, value: parsed, path: [], depth: 0, onLeaf: handleJsonLeaf });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(JsonNode, { nodeKey: null, value: parsedJson, path: [], depth: 0, onLeaf: handleJsonLeaf });
   })() : isXml ? (() => {
     const doc2 = new DOMParser().parseFromString(body, "text/xml");
     const root = doc2.documentElement;
@@ -44071,6 +44358,32 @@ function prettyJson(raw) {
     return raw;
   }
 }
+function prettyXml(raw) {
+  try {
+    const indent = "  ";
+    let result = "";
+    let depth = 0;
+    const tokens = raw.match(/<[^>]+>|[^<]+/g) ?? [];
+    for (const token of tokens) {
+      const text = token.trim();
+      if (!text) continue;
+      if (text.startsWith("<?") || text.startsWith("<!")) {
+        result += indent.repeat(depth) + text + "\n";
+      } else if (token.startsWith("</")) {
+        depth = Math.max(0, depth - 1);
+        result += indent.repeat(depth) + text + "\n";
+      } else if (token.startsWith("<") && !token.endsWith("/>") && !token.includes("</")) {
+        result += indent.repeat(depth) + text + "\n";
+        depth++;
+      } else {
+        result += indent.repeat(depth) + text + "\n";
+      }
+    }
+    return result.trimEnd();
+  } catch {
+    return raw;
+  }
+}
 function SaveAsMockModal({ onClose }) {
   const mocks = useStore((s) => s.mocks);
   const addMock = useStore((s) => s.addMock);
@@ -44406,7 +44719,7 @@ function ResponseViewer() {
   const isJson = contentType.includes("json");
   const isXml = !isJson && (contentType.includes("xml") || contentType.includes("html"));
   const supportsTree = isJson || isXml;
-  const displayBody = isJson ? prettyJson(response.body) : response.body;
+  const displayBody = isJson ? prettyJson(response.body) : isXml ? prettyXml(response.body) : response.body;
   const passedCount = scriptResult?.testResults.filter((t2) => t2.passed).length ?? 0;
   const totalCount = scriptResult?.testResults.length ?? 0;
   const consoleCount = scriptResult?.consoleOutput.length ?? 0;
@@ -44514,17 +44827,16 @@ function ResponseViewer() {
         contentType,
         onAssert: handleAssert
       }
-    ) : tab === "body" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ) : tab === "body" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       ReactCodeMirror,
       {
         value: displayBody,
-        height: "100%",
         theme: oneDark,
-        extensions: isJson ? [json()] : [],
+        extensions: isJson ? [json()] : isXml ? [xml()] : [],
         readOnly: true,
         basicSetup: { lineNumbers: true, foldGutter: true }
       }
-    ) }) : tab === "headers" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full text-xs px-4 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(response.headers).map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-surface-800", children: [
+    ) : tab === "headers" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full text-xs px-4 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(response.headers).map(([k2, v2]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-surface-800", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1.5 px-4 text-surface-400 font-mono w-56 align-top", children: k2 }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1.5 px-4 text-white font-mono break-all", children: v2 })
     ] }, k2)) }) }) }) : tab === "tests" ? /* @__PURE__ */ jsxRuntimeExports.jsx(TestsPanel, { scriptResult }) : tab === "console" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ConsolePanel, { scriptResult }) : tab === "request" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RequestPanel, { sentRequest }) : null })
@@ -44934,7 +45246,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
   const [password, setPassword] = reactExports.useState("");
   const [error2, setError] = reactExports.useState("");
   const [copied, setCopied] = reactExports.useState(null);
-  async function confirm2() {
+  async function confirm() {
     if (!password.trim()) {
       setError("Password cannot be empty.");
       return;
@@ -44980,7 +45292,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
                     setPassword(e.target.value);
                     setError("");
                   },
-                  onKeyDown: (e) => e.key === "Enter" && confirm2(),
+                  onKeyDown: (e) => e.key === "Enter" && confirm(),
                   placeholder: "Enter master password…",
                   className: "bg-surface-800 border border-surface-700 rounded px-3 py-1.5 text-sm font-mono focus:outline-none focus:border-blue-500"
                 }
@@ -45016,7 +45328,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
-                  onClick: confirm2,
+                  onClick: confirm,
                   disabled: !password.trim(),
                   className: "px-3 py-1.5 text-xs bg-blue-600 hover:bg-blue-500 disabled:opacity-40 rounded transition-colors",
                   children: "Set Password & Continue"
@@ -45074,8 +45386,14 @@ function EnvironmentEditor({ onClose }) {
   const [savedIdx, setSavedIdx] = reactExports.useState(null);
   const [pendingEncryptIdx, setPendingEncryptIdx] = reactExports.useState(null);
   const [nameError, setNameError] = reactExports.useState(null);
+  const deleteEnvironment = useStore((s) => s.deleteEnvironment);
   const envList = Object.values(environments);
   const env = selectedId ? environments[selectedId]?.data ?? null : null;
+  function handleDelete(id2) {
+    deleteEnvironment(id2);
+    const remaining = Object.keys(environments).filter((k2) => k2 !== id2);
+    setSelectedId(remaining[0] ?? "");
+  }
   function updateVar(idx, patch) {
     if (!env) return;
     const vars = env.variables.map((v2, i) => i === idx ? { ...v2, ...patch } : v2);
@@ -45189,12 +45507,29 @@ function EnvironmentEditor({ onClose }) {
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-44 border-r border-surface-800 flex flex-col flex-shrink-0", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2 text-xs font-semibold text-surface-400 uppercase tracking-wider border-b border-surface-800", children: "Environments" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto py-1", children: envList.map(({ data: e }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto py-1", children: envList.map(({ data: e }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "div",
                   {
-                    onClick: () => selectEnv(e.id),
-                    className: `w-full text-left px-3 py-1.5 text-xs truncate transition-colors ${selectedId === e.id ? "bg-surface-800 text-white" : "text-surface-200 hover:bg-surface-800"}`,
-                    children: e.name
+                    className: `group flex items-center pr-1 transition-colors ${selectedId === e.id ? "bg-surface-800" : "hover:bg-surface-800"}`,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          onClick: () => selectEnv(e.id),
+                          className: `flex-1 text-left px-3 py-1.5 text-xs truncate ${selectedId === e.id ? "text-white" : "text-surface-200"}`,
+                          children: e.name
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          onClick: () => handleDelete(e.id),
+                          className: "opacity-0 group-hover:opacity-100 text-surface-400 hover:text-red-400 transition-all px-1 text-sm leading-none shrink-0",
+                          title: "Delete environment",
+                          children: "×"
+                        }
+                      )
+                    ]
                   },
                   e.id
                 )) }),
@@ -45425,16 +45760,11 @@ function EnvironmentBar({ inline = false }) {
   const environments = useStore((s) => s.environments);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
   const setActiveEnvironment = useStore((s) => s.setActiveEnvironment);
-  const addEnvironment = useStore((s) => s.addEnvironment);
   const [showEditor, setShowEditor] = reactExports.useState(false);
   const [pendingEnvId, setPendingEnvId] = reactExports.useState(null);
   const envList = Object.values(environments);
   const activeEnv = activeEnvironmentId ? environments[activeEnvironmentId]?.data : null;
   const varCount = activeEnv?.variables.filter((v2) => v2.enabled).length ?? 0;
-  function handleNew() {
-    addEnvironment();
-    setShowEditor(true);
-  }
   async function handleEnvChange(id2) {
     if (id2) {
       const hasSecrets = environments[id2]?.data.variables.some((v2) => v2.enabled && v2.secret);
@@ -45485,14 +45815,6 @@ function EnvironmentBar({ inline = false }) {
         children: activeEnv ? "Edit" : "Manage"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        onClick: handleNew,
-        className: "text-surface-400 hover:text-white transition-colors text-xs",
-        children: "+ New"
-      }
-    ),
     showEditor && /* @__PURE__ */ jsxRuntimeExports.jsx(EnvironmentEditor, { onClose: () => setShowEditor(false) })
   ] });
   if (inline) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: controls });
@@ -48154,6 +48476,7 @@ function App() {
   const sidebarTab = useStore((s) => s.sidebarTab);
   const setSidebarTab = useStore((s) => s.setSidebarTab);
   const historyCount = useStore((s) => s.history.length);
+  const addCollection = useStore((s) => s.addCollection);
   const addMockHit = useStore((s) => s.addMockHit);
   const activeMockId = useStore((s) => s.activeMockId);
   const theme2 = useStore((s) => s.theme);
@@ -48212,12 +48535,12 @@ function App() {
     /* @__PURE__ */ jsxRuntimeExports.jsx(RunnerModal, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx(CommandPalette, {}),
     docsModalOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(DocsGeneratorModal, { onClose: () => setDocsModalOpen(false) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region flex-shrink-0 bg-surface-950 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "no-drag text-[11px] font-medium tracking-widest select-none", style: { color: "var(--text-muted)" }, children: [
+    window.electron.platform !== "win32" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region flex-shrink-0 bg-surface-950 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "no-drag text-[11px] font-medium tracking-widest select-none", style: { color: "var(--text-muted)" }, children: [
       "api ",
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#6aa3c8" }, children: "Spector" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-2 text-[10px] font-normal opacity-50", children: [
         "v",
-        "0.0.4"
+        "0.0.5"
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Toolbar, { onOpenDocs: () => setDocsModalOpen(true) }),
@@ -48266,6 +48589,15 @@ function App() {
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-surface-600", children: sidebarTab === "collections" ? "Collections" : sidebarTab === "history" ? "History" : sidebarTab === "mocks" ? "Mocks" : "Contracts" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
             sidebarTab === "history" && historyCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] bg-surface-700 text-surface-400 rounded px-1.5 py-0.5", children: historyCount }),
+            sidebarTab === "collections" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => addCollection("New Collection"),
+                title: "New collection",
+                className: "text-surface-600 hover:text-surface-300 transition-colors text-sm leading-none px-0.5",
+                children: "+"
+              }
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {