@testsmith/api-spector 0.1.9 → 0.2.0

package/out/renderer/assets/{index-DheIaFRx.js → index-CnjhlKQP.js}

@@ -13340,10 +13340,10 @@ function makeCollection(name2) {
     requests: {}
   };
 }
-function findFolder(root2, id2) {
+function findFolder$1(root2, id2) {
   if (root2.id === id2) return root2;
   for (const sub of root2.folders) {
-    const found = findFolder(sub, id2);
+    const found = findFolder$1(sub, id2);
     if (found) return found;
   }
   return null;
@@ -13497,6 +13497,16 @@ const useStore = create()(
         s.activeCollectionId = next?.collectionId ?? null;
       }
     }),
+    closeAllTabs: () => set2((s) => {
+      s.tabs = [];
+      s.activeTabId = null;
+    }),
+    closeOtherTabs: (keepTabId) => set2((s) => {
+      const kept = s.tabs.find((t2) => t2.id === keepTabId);
+      s.tabs = kept ? [kept] : [];
+      s.activeTabId = kept?.id ?? null;
+      if (kept) s.activeCollectionId = kept.collectionId;
+    }),
     setActiveTabId: (id2) => set2((s) => {
       s.activeTabId = id2;
       const tab = s.tabs.find((t2) => t2.id === id2);
@@ -13624,6 +13634,42 @@ const useStore = create()(
       s.activeCollectionId = newId;
       if (s.workspace) s.workspace.collections.push(relPath);
     }),
+    mergeIntoCollection: (collectionId, sourceFolder, sourceRequests) => set2((s) => {
+      const entry = s.collections[collectionId];
+      if (!entry) return;
+      const col = entry.data;
+      const cloned = JSON.parse(JSON.stringify(sourceFolder));
+      function remapFolder(f) {
+        f.id = v4();
+        f.requestIds = f.requestIds.map((oldId) => {
+          const newId = v4();
+          const srcReq = sourceRequests[oldId];
+          if (srcReq) col.requests[newId] = { ...srcReq, id: newId };
+          return newId;
+        });
+        f.folders.forEach(remapFolder);
+      }
+      remapFolder(cloned);
+      if (cloned.folders.length > 0) {
+        for (const sub of cloned.folders) {
+          col.rootFolder.folders.push(sub);
+        }
+        if (cloned.requestIds.length > 0) {
+          const wrapper = {
+            id: v4(),
+            name: cloned.name || "Imported",
+            description: "",
+            folders: [],
+            requestIds: cloned.requestIds
+          };
+          col.rootFolder.folders.push(wrapper);
+        }
+      } else {
+        col.rootFolder.folders.push(cloned);
+      }
+      entry.dirty = true;
+      s.activeCollectionId = collectionId;
+    }),
     deleteCollection: (id2) => set2((s) => {
       const relPath = s.collections[id2]?.relPath;
       delete s.collections[id2];
@@ -13657,7 +13703,7 @@ const useStore = create()(
     addFolder: (collectionId, parentFolderId, name2) => set2((s) => {
       const col = s.collections[collectionId]?.data;
       if (!col) return;
-      const parent = findFolder(col.rootFolder, parentFolderId);
+      const parent = findFolder$1(col.rootFolder, parentFolderId);
       if (!parent) return;
       parent.folders.push({ id: v4(), name: name2, description: "", folders: [], requestIds: [] });
       s.collections[collectionId].dirty = true;
@@ -13665,7 +13711,7 @@ const useStore = create()(
     renameFolder: (collectionId, folderId, name2) => set2((s) => {
       const col = s.collections[collectionId]?.data;
       if (!col) return;
-      const folder = findFolder(col.rootFolder, folderId);
+      const folder = findFolder$1(col.rootFolder, folderId);
       if (folder) {
         folder.name = name2;
         s.collections[collectionId].dirty = true;
@@ -13674,7 +13720,7 @@ const useStore = create()(
     duplicateFolder: (collectionId, folderId) => set2((s) => {
       const col = s.collections[collectionId]?.data;
       if (!col) return;
-      const orig = findFolder(col.rootFolder, folderId);
+      const orig = findFolder$1(col.rootFolder, folderId);
       if (!orig) return;
       const copy = JSON.parse(JSON.stringify(orig));
       copy.name = orig.name + " (copy)";
@@ -13703,7 +13749,7 @@ const useStore = create()(
       function collectIds(f) {
         return [...f.requestIds, ...f.folders.flatMap(collectIds)];
       }
-      const folder = findFolder(col.rootFolder, folderId);
+      const folder = findFolder$1(col.rootFolder, folderId);
       if (folder) {
         collectIds(folder).forEach((rid) => delete col.requests[rid]);
       }
@@ -13717,7 +13763,7 @@ const useStore = create()(
         const col = s.collections[collectionId]?.data;
         if (!col) return;
         col.requests[req.id] = req;
-        const folder = findFolder(col.rootFolder, folderId) ?? col.rootFolder;
+        const folder = findFolder$1(col.rootFolder, folderId) ?? col.rootFolder;
         folder.requestIds.push(req.id);
         s.activeCollectionId = collectionId;
         s.collections[collectionId].dirty = true;
@@ -13788,7 +13834,7 @@ const useStore = create()(
         const tab = s.tabs.find((t2) => t2.requestId === requestId);
         if (tab) tab.collectionId = destCollectionId;
       }
-      const destFolder = findFolder(destCol.rootFolder, destFolderId);
+      const destFolder = findFolder$1(destCol.rootFolder, destFolderId);
       if (destFolder) {
         if (destIndex !== void 0) {
           let adjusted = destIndex;
@@ -13803,11 +13849,33 @@ const useStore = create()(
       }
       s.collections[destCollectionId].dirty = true;
     }),
+    moveFolder: (collectionId, folderId, destParentFolderId, destIndex) => set2((s) => {
+      const col = s.collections[collectionId]?.data;
+      if (!col) return;
+      const folder = findFolder$1(col.rootFolder, folderId);
+      if (!folder) return;
+      if (folderId === destParentFolderId) return;
+      if (findFolder$1(folder, destParentFolderId)) return;
+      const srcParent = findFolderParent(col.rootFolder, folderId) ?? col.rootFolder;
+      const srcIdx = srcParent.folders.findIndex((f) => f.id === folderId);
+      srcParent.folders.splice(srcIdx, 1);
+      const destParent = findFolder$1(col.rootFolder, destParentFolderId);
+      if (!destParent) return;
+      if (destIndex !== void 0) {
+        let adjusted = destIndex;
+        if (srcParent.id === destParent.id && srcIdx < destIndex) adjusted--;
+        adjusted = Math.max(0, Math.min(adjusted, destParent.folders.length));
+        destParent.folders.splice(adjusted, 0, folder);
+      } else {
+        destParent.folders.push(folder);
+      }
+      s.collections[collectionId].dirty = true;
+    }),
     // ── Tags ──────────────────────────────────────────────────────────────────
     updateFolderTags: (collectionId, folderId, tags2) => set2((s) => {
       const col = s.collections[collectionId]?.data;
       if (!col) return;
-      const folder = findFolder(col.rootFolder, folderId);
+      const folder = findFolder$1(col.rootFolder, folderId);
       if (folder) {
         folder.tags = tags2;
         s.collections[collectionId].dirty = true;
@@ -13824,7 +13892,7 @@ const useStore = create()(
     updateFolder: (collectionId, folderId, patch) => set2((s) => {
       const col = s.collections[collectionId]?.data;
       if (!col) return;
-      const folder = findFolder(col.rootFolder, folderId);
+      const folder = findFolder$1(col.rootFolder, folderId);
       if (folder) {
         Object.assign(folder, patch);
         s.collections[collectionId].dirty = true;
@@ -13904,8 +13972,12 @@ const useStore = create()(
       if (activeEnvId && s.environments[activeEnvId]) {
         const env = s.environments[activeEnvId].data;
         for (const [key, value] of Object.entries(result.updatedEnvVars)) {
-          const v = env.variables.find((v2) => v2.key === key);
-          if (v && !v.secret) v.value = value;
+          const existing = env.variables.find((v) => v.key === key);
+          if (existing && !existing.secret) {
+            existing.value = value;
+          } else if (!existing) {
+            env.variables.push({ key, value, enabled: true });
+          }
         }
       }
       s.globals = { ...s.globals, ...result.updatedGlobals };
@@ -14040,7 +14112,7 @@ const useStore = create()(
     })
   }))
 );
-const { electron: electron$n } = window;
+const { electron: electron$p } = window;
 function useAutoSave() {
   const collections = useStore((s) => s.collections);
   useStore((s) => s.environments);
@@ -14056,7 +14128,7 @@ function useAutoSave() {
       for (const { relPath, data, dirty } of dirtyCollections) {
         if (!dirty) continue;
         try {
-          await electron$n.saveCollection(relPath, data);
+          await electron$p.saveCollection(relPath, data);
           markCollectionClean(data.id);
         } catch (e) {
           console.error("Auto-save failed for", relPath, e);
@@ -14072,7 +14144,7 @@ function useAutoSave() {
     if (wsTimerRef.current) clearTimeout(wsTimerRef.current);
     wsTimerRef.current = setTimeout(async () => {
       try {
-        await electron$n.saveWorkspace(workspace);
+        await electron$p.saveWorkspace(workspace);
       } catch {
       }
     }, 300);
@@ -14081,7 +14153,7 @@ function useAutoSave() {
     };
   }, [workspace]);
 }
-const { electron: electron$m } = window;
+const { electron: electron$o } = window;
 function useWorkspaceLoader() {
   const loadCollection = useStore((s) => s.loadCollection);
   const loadEnvironment = useStore((s) => s.loadEnvironment);
@@ -14100,28 +14172,28 @@ function useWorkspaceLoader() {
     });
     for (const colPath of ws2.collections) {
       try {
-        const col = await electron$m.loadCollection(colPath);
+        const col = await electron$o.loadCollection(colPath);
         loadCollection(colPath, col);
       } catch {
       }
     }
     for (const envPath of ws2.environments) {
       try {
-        const env = await electron$m.loadEnvironment(envPath);
+        const env = await electron$o.loadEnvironment(envPath);
         loadEnvironment(envPath, env);
       } catch {
       }
     }
     for (const relPath of ws2.mocks ?? []) {
       try {
-        const mockData = await electron$m.loadMock(relPath);
+        const mockData = await electron$o.loadMock(relPath);
         loadMock(relPath, mockData);
       } catch {
       }
     }
     if (ws2.collections.length > 0) {
       try {
-        const firstCol = await electron$m.loadCollection(ws2.collections[0]);
+        const firstCol = await electron$o.loadCollection(ws2.collections[0]);
         setActiveCollection(firstCol.id);
       } catch {
       }
@@ -24807,11 +24879,11 @@ class EditContextManager {
     this.handlers.textformatupdate = (e) => {
       let deco = [];
       for (let format2 of e.getTextFormats()) {
-        let lineStyle = format2.underlineStyle, thickness = format2.underlineThickness;
-        if (!/none/i.test(lineStyle) && !/none/i.test(thickness)) {
+        let lineStyle2 = format2.underlineStyle, thickness = format2.underlineThickness;
+        if (!/none/i.test(lineStyle2) && !/none/i.test(thickness)) {
           let from = this.toEditorPos(format2.rangeStart), to = this.toEditorPos(format2.rangeEnd);
           if (from < to) {
-            let style2 = `text-decoration: underline ${/^[a-z]/.test(lineStyle) ? lineStyle + " " : lineStyle == "Dashed" ? "dashed " : lineStyle == "Squiggle" ? "wavy " : ""}${/thin/i.test(thickness) ? 1 : 2}px`;
+            let style2 = `text-decoration: underline ${/^[a-z]/.test(lineStyle2) ? lineStyle2 + " " : lineStyle2 == "Dashed" ? "dashed " : lineStyle2 == "Squiggle" ? "wavy " : ""}${/thin/i.test(thickness) ? 1 : 2}px`;
             deco.push(Decoration.mark({ attributes: { style: style2 } }).range(from, to));
           }
         }
@@ -26191,9 +26263,9 @@ function rectanglesForRange(view, className, range) {
   let from = Math.max(range.from, view.viewport.from), to = Math.min(range.to, view.viewport.to);
   let ltr = view.textDirection == Direction.LTR;
   let content2 = view.contentDOM, contentRect = content2.getBoundingClientRect(), base2 = getBase(view);
-  let lineElt = content2.querySelector(".cm-line"), lineStyle = lineElt && window.getComputedStyle(lineElt);
-  let leftSide = contentRect.left + (lineStyle ? parseInt(lineStyle.paddingLeft) + Math.min(0, parseInt(lineStyle.textIndent)) : 0);
-  let rightSide = contentRect.right - (lineStyle ? parseInt(lineStyle.paddingRight) : 0);
+  let lineElt = content2.querySelector(".cm-line"), lineStyle2 = lineElt && window.getComputedStyle(lineElt);
+  let leftSide = contentRect.left + (lineStyle2 ? parseInt(lineStyle2.paddingLeft) + Math.min(0, parseInt(lineStyle2.textIndent)) : 0);
+  let rightSide = contentRect.right - (lineStyle2 ? parseInt(lineStyle2.paddingRight) : 0);
   let startBlock = blockAt(view, from, 1), endBlock = blockAt(view, to, -1);
   let visualStart = startBlock.type == BlockType.Text ? startBlock : null;
   let visualEnd = endBlock.type == BlockType.Text ? endBlock : null;
@@ -34901,7 +34973,7 @@ const HEADER_VALUE_SUGGESTIONS = {
 function getValueSuggestions(headerName) {
   return HEADER_VALUE_SUGGESTIONS[headerName.toLowerCase()];
 }
-function KVTable({ rows, onChange, keyPlaceholder = "Key", valuePlaceholder = "Value", headerMode }) {
+function KVTable({ rows, onChange, keyPlaceholder = "Key", valuePlaceholder = "Value", headerMode, paramMode }) {
   const [descVisible, setDescVisible] = reactExports.useState(
     () => new Set(rows.map((r, i) => r.description ? i : -1).filter((i) => i >= 0))
   );
@@ -34948,6 +35020,19 @@ function KVTable({ rows, onChange, keyPlaceholder = "Key", valuePlaceholder = "V
             className: "accent-blue-500 flex-shrink-0"
           }
         ),
+        paramMode && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "select",
+          {
+            value: row.paramType ?? "query",
+            onChange: (e) => update(idx, { paramType: e.target.value }),
+            title: (row.paramType ?? "query") === "path" ? "Path variable — substituted into the URL via {{name}}" : "Query string parameter — appended as ?key=value",
+            className: `flex-shrink-0 text-[10px] bg-surface-800 border border-surface-700 rounded px-1.5 py-1 focus:outline-none focus:border-blue-500 font-mono ${(row.paramType ?? "query") === "path" ? "text-violet-400" : "text-surface-400"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "query", children: "query" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "path", children: "path" })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           VarInput,
           {
@@ -35527,8 +35612,352 @@ function CollectionAuthPanel({ auth, onChange }) {
     ] }) })
   ] });
 }
+const { electron: electron$n } = window;
+function normalisePath(url) {
+  let path = url.replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/, "");
+  if (!path.startsWith("/")) path = "/" + path;
+  path = path.split("?")[0];
+  path = path.replace(/\{\{([^}]+)\}\}/g, "{$1}");
+  return path;
+}
+function collectRequestIds(folder) {
+  const ids = new Set(folder.requestIds);
+  for (const sub of folder.folders) {
+    for (const id2 of collectRequestIds(sub)) ids.add(id2);
+  }
+  return ids;
+}
+function findFolder(root2, id2) {
+  if (root2.id === id2) return root2;
+  for (const sub of root2.folders) {
+    const found = findFolder(sub, id2);
+    if (found) return found;
+  }
+  return null;
+}
+function SchemaSyncModal({
+  collectionId,
+  scope: scope2 = { type: "collection" },
+  onClose
+}) {
+  const collections = useStore((s) => s.collections);
+  const updateRequest = useStore((s) => s.updateRequest);
+  const markCollectionClean = useStore((s) => s.markCollectionClean);
+  const col = collections[collectionId]?.data;
+  const [url, setUrl] = reactExports.useState("");
+  const [loading, setLoading] = reactExports.useState(false);
+  const [error2, setError] = reactExports.useState(null);
+  const [specEntries, setSpecEntries] = reactExports.useState(null);
+  const [selected, setSelected] = reactExports.useState(/* @__PURE__ */ new Set());
+  const scopeRequestIds = reactExports.useMemo(() => {
+    if (!col) return null;
+    if (scope2.type === "request") return /* @__PURE__ */ new Set([scope2.requestId]);
+    if (scope2.type === "folder") {
+      const folder = findFolder(col.rootFolder, scope2.folderId);
+      return folder ? collectRequestIds(folder) : /* @__PURE__ */ new Set();
+    }
+    return null;
+  }, [col, scope2]);
+  const matches = reactExports.useMemo(() => {
+    if (!specEntries || !col) return [];
+    const allRequests = Object.values(col.requests);
+    const requests = scopeRequestIds ? allRequests.filter((r) => scopeRequestIds.has(r.id)) : allRequests;
+    const result = [];
+    for (const spec of specEntries) {
+      const specPath = spec.pathTemplate.toLowerCase();
+      const match = requests.find((r) => {
+        if (r.method !== spec.method) return false;
+        return normalisePath(r.url).toLowerCase() === specPath;
+      });
+      if (match) {
+        result.push({
+          specEntry: spec,
+          request: match,
+          oldSchema: match.schema ?? "",
+          newSchema: spec.schema,
+          changed: (match.schema ?? "").trim() !== spec.schema.trim()
+        });
+      }
+    }
+    return result;
+  }, [specEntries, col, scopeRequestIds]);
+  const changedCount = matches.filter((m) => m.changed).length;
+  const unchangedCount = matches.length - changedCount;
+  function autoSelectChanged(entries) {
+    const allRequests = Object.values(col.requests);
+    const requests = scopeRequestIds ? allRequests.filter((r) => scopeRequestIds.has(r.id)) : allRequests;
+    setSelected(new Set(
+      entries.filter((e) => {
+        const specPath = e.pathTemplate.toLowerCase();
+        const match = requests.find((r) => r.method === e.method && normalisePath(r.url).toLowerCase() === specPath);
+        return match && (match.schema ?? "").trim() !== e.schema.trim();
+      }).map((e) => `${e.method}:${e.pathTemplate}`)
+    ));
+  }
+  const scopeLabel = scope2.type === "request" ? (col ? Object.values(col.requests).find((r) => r.id === scope2.requestId)?.name : "") ?? "request" : scope2.type === "folder" ? findFolder(col?.rootFolder, scope2.folderId)?.name ?? "folder" : col?.name ?? "collection";
+  async function loadFromFile() {
+    setLoading(true);
+    setError(null);
+    try {
+      const entries = await electron$n.extractOpenApiSchemas();
+      if (!entries) {
+        setLoading(false);
+        return;
+      }
+      setSpecEntries(entries);
+      autoSelectChanged(entries);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function loadFromUrl() {
+    const trimmed = url.trim();
+    if (!trimmed) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const entries = await electron$n.extractOpenApiSchemasFromUrl(trimmed);
+      setSpecEntries(entries);
+      autoSelectChanged(entries);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  function toggleEntry(key) {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  }
+  function selectAllChanged() {
+    setSelected(new Set(matches.filter((m) => m.changed).map((m) => `${m.specEntry.method}:${m.specEntry.pathTemplate}`)));
+  }
+  function selectNone() {
+    setSelected(/* @__PURE__ */ new Set());
+  }
+  async function applySync() {
+    setLoading(true);
+    try {
+      for (const m of matches) {
+        const key = `${m.specEntry.method}:${m.specEntry.pathTemplate}`;
+        if (!selected.has(key)) continue;
+        updateRequest(m.request.id, { schema: m.newSchema });
+      }
+      const entry = useStore.getState().collections[collectionId];
+      if (entry) {
+        await electron$n.saveCollection(entry.relPath, entry.data);
+        markCollectionClean(collectionId);
+      }
+      onClose();
+    } finally {
+      setLoading(false);
+    }
+  }
+  if (!col) return null;
+  if (specEntries) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60", onClick: onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "bg-surface-900 border border-surface-700 rounded-xl shadow-2xl w-[640px] max-h-[80vh] p-5 flex flex-col gap-4",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-sm font-semibold text-surface-100", children: [
+              "Sync schemas — ",
+              scopeLabel
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-500 hover:text-surface-300 text-lg leading-none", children: "×" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 text-xs", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
+              specEntries.length,
+              " operations in spec"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-400", children: "·" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
+              matches.length,
+              " matched to existing requests"
+            ] }),
+            changedCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-400", children: "·" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-amber-400 font-medium", children: [
+                changedCount,
+                " changed"
+              ] })
+            ] }),
+            unchangedCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-400", children: "·" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400", children: [
+                unchangedCount,
+                " unchanged"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: [
+              "Select schemas to update (",
+              selected.size,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: selectAllChanged, className: "text-[10px] text-blue-400 hover:text-blue-300", children: "Select changed" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: selectNone, className: "text-[10px] text-blue-400 hover:text-blue-300", children: "Select none" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto border border-surface-800 rounded-lg", children: [
+            matches.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "p-4 text-xs text-surface-500", children: "No operations from the spec matched any request in this collection. Matching uses HTTP method + URL path." }) : matches.map((m) => {
+              const key = `${m.specEntry.method}:${m.specEntry.pathTemplate}`;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "label",
+                {
+                  className: `flex items-center gap-2 px-3 py-2 hover:bg-surface-850 cursor-pointer border-b border-surface-800 last:border-b-0 ${!m.changed ? "opacity-50" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: selected.has(key),
+                        onChange: () => toggleEntry(key),
+                        className: "accent-blue-500"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-mono font-bold w-14 shrink-0 ${methodColor$2(m.specEntry.method)}`, children: m.specEntry.method }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-surface-200 truncate", children: m.request.name }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500 font-mono truncate", children: m.specEntry.pathTemplate })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] shrink-0 ${m.changed ? "text-amber-400" : "text-emerald-400"}`, children: m.changed ? "changed" : "up to date" })
+                  ]
+                },
+                key
+              );
+            }),
+            specEntries.length > matches.length && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2 border-t border-surface-700", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-surface-500", children: [
+              specEntries.length - matches.length,
+              " operations not matched (no request with matching method + path)"
+            ] }) })
+          ] }),
+          error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400", children: error2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between pt-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => setSpecEntries(null),
+                className: "px-3 py-1.5 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+                children: "Back"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "px-3 py-1.5 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  disabled: loading || selected.size === 0,
+                  onClick: applySync,
+                  className: "px-3 py-1.5 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors",
+                  children: loading ? "Updating…" : `Update ${selected.size} schema${selected.size !== 1 ? "s" : ""}`
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60", onClick: onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "bg-surface-900 border border-surface-700 rounded-xl shadow-2xl w-[420px] p-5 flex flex-col gap-4",
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold text-surface-100", children: "Sync schemas from OpenAPI" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-500 hover:text-surface-300 text-lg leading-none", children: "×" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-400", children: "Load an OpenAPI spec to update response schemas on existing requests. Matching uses HTTP method + URL path. Only schemas are touched — URLs, params, headers, auth, and scripts are preserved." }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: loadFromFile,
+            disabled: loading,
+            className: "px-3 py-2 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors font-medium",
+            children: loading ? "Loading…" : "Choose file…"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: "Or load from URL" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                value: url,
+                onChange: (e) => {
+                  setUrl(e.target.value);
+                  setError(null);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") loadFromUrl();
+                },
+                placeholder: "https://api.example.com/openapi.json",
+                className: "flex-1 text-xs bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600 font-mono"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: loadFromUrl,
+                disabled: !url.trim() || loading,
+                className: "px-3 py-1.5 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors whitespace-nowrap",
+                children: loading ? "Loading…" : "From URL"
+              }
+            )
+          ] })
+        ] }),
+        error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400", children: error2 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: onClose,
+            className: "px-3 py-1.5 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+            children: "Cancel"
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+function methodColor$2(method) {
+  switch (method) {
+    case "GET":
+      return "text-emerald-400";
+    case "POST":
+      return "text-amber-400";
+    case "PUT":
+      return "text-sky-400";
+    case "PATCH":
+      return "text-violet-400";
+    case "DELETE":
+      return "text-red-400";
+    default:
+      return "text-surface-300";
+  }
+}
 const DragCtx = reactExports.createContext({ dragging: null, setDragging: () => {
-}, onDrop: () => {
+}, onDropRequest: () => {
+}, onDropFolder: () => {
 } });
 function InlineEdit({
   value,
@@ -35596,7 +36025,7 @@ function TagChips({
     if (forceAdding) setAdding(true);
   }, [forceAdding]);
   function commit() {
-    const t2 = draft.trim().toLowerCase();
+    const t2 = draft.trim();
     if (t2 && !tags2.includes(t2)) onAdd(t2);
     setDraft("");
     setAdding(false);
@@ -35778,6 +36207,7 @@ function CollectionTree() {
   const updateRequest = useStore((s) => s.updateRequest);
   const openRunner = useStore((s) => s.openRunner);
   const moveRequest = useStore((s) => s.moveRequest);
+  const moveFolder = useStore((s) => s.moveFolder);
   const colList = Object.values(collections);
   const [pendingConfirm, setPendingConfirm] = reactExports.useState(null);
   const [newRequestId, setNewRequestId] = reactExports.useState(null);
@@ -35788,12 +36218,18 @@ function CollectionTree() {
       setPendingConfirm(null);
     } });
   }
-  function onDrop(destCollectionId, destFolderId, destIndex) {
-    if (!dragging) return;
+  function onDropRequest(destCollectionId, destFolderId, destIndex) {
+    if (!dragging || dragging.type !== "request") return;
     moveRequest(dragging.collectionId, dragging.requestId, destCollectionId, destFolderId, destIndex);
     setDragging(null);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(DragCtx.Provider, { value: { dragging, setDragging, onDrop }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 select-none", children: [
+  function onDropFolder(destCollectionId, destParentFolderId, destIndex) {
+    if (!dragging || dragging.type !== "folder") return;
+    if (dragging.collectionId !== destCollectionId) return;
+    moveFolder(dragging.collectionId, dragging.folderId, destParentFolderId, destIndex);
+    setDragging(null);
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(DragCtx.Provider, { value: { dragging, setDragging, onDropRequest, onDropFolder }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 select-none", children: [
     pendingConfirm && /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConfirmDialog,
       {
@@ -35827,6 +36263,10 @@ function CollectionTree() {
           onUpdateFolderTags: (folderId, tags2) => updateFolderTags(col.id, folderId, tags2),
           onUpdateRequestTags: updateRequestTags,
           onSetRequestHookType: (reqId, hookType) => updateRequest(reqId, { hookType }),
+          onToggleRequestDisabled: (reqId) => {
+            const r = col.requests[reqId];
+            if (r) updateRequest(reqId, { disabled: !r.disabled });
+          },
           onRunCollection: () => openRunner(col.id),
           onRunFolder: (folderId) => openRunner(col.id, folderId)
         },
@@ -35862,12 +36302,14 @@ function CollectionNode({
   onUpdateFolderTags,
   onUpdateRequestTags,
   onSetRequestHookType,
+  onToggleRequestDisabled,
   onRunCollection,
   onRunFolder
 }) {
   const [expanded, setExpanded] = reactExports.useState(true);
   const [renaming, setRenaming] = reactExports.useState(false);
   const [showSettings, setShowSettings] = reactExports.useState(false);
+  const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
   const [expandCtrl, setExpandCtrl] = reactExports.useState({ value: true, seq: 0 });
   const [dropOver, setDropOver] = reactExports.useState(false);
   const dragCtx = reactExports.useContext(DragCtx);
@@ -35894,7 +36336,8 @@ function CollectionNode({
         onDrop: (e) => {
           e.preventDefault();
           setDropOver(false);
-          dragCtx.onDrop(col.id, col.rootFolder.id);
+          if (dragCtx.dragging?.type === "folder") dragCtx.onDropFolder(col.id, col.rootFolder.id);
+          else dragCtx.onDropRequest(col.id, col.rootFolder.id);
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] w-3 text-center shrink-0 mt-0.5", children: expanded ? "▾" : "▸" }),
@@ -35922,6 +36365,7 @@ function CollectionNode({
             { type: "separator" },
             { type: "item", label: "Collection data", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TableIcon, {}), onClick: onSelectCollection },
             { type: "item", label: "Settings", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(GearIcon, {}), onClick: () => setShowSettings(true) },
+            { type: "item", label: "Sync schemas", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowSchemaSync(true) },
             { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicateCollection },
             { type: "separator" },
@@ -35952,15 +36396,19 @@ function CollectionNode({
         onUpdateFolderTags,
         onUpdateRequestTags,
         onSetRequestHookType,
+        onToggleRequestDisabled,
         onRunFolder
       }
     ),
-    showSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionSettingsModal, { collection: col, onClose: () => setShowSettings(false) })
+    showSettings && /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionSettingsModal, { collection: col, onClose: () => setShowSettings(false) }),
+    showSchemaSync && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaSyncModal, { collectionId: col.id, scope: { type: "collection" }, onClose: () => setShowSchemaSync(false) })
   ] });
 }
 function FolderRow({
   folder,
   collectionId,
+  parentFolderId,
+  folderIndex,
   depth,
   expandCtrl,
   onAddRequest,
@@ -35972,36 +36420,73 @@ function FolderRow({
   onRun,
   children
 }) {
-  const [expanded, setExpanded] = reactExports.useState(true);
+  const [expanded, setExpanded] = reactExports.useState(false);
   reactExports.useEffect(() => {
     if (expandCtrl.seq > 0) setExpanded(expandCtrl.value);
   }, [expandCtrl.seq]);
   const [renaming, setRenaming] = reactExports.useState(false);
   const [showSettings, setShowSettings] = reactExports.useState(false);
+  const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
   const [addingTag, setAddingTag] = reactExports.useState(false);
-  const [dropOver, setDropOver] = reactExports.useState(false);
+  const [dropPos, setDropPos] = reactExports.useState(null);
   const dragCtx = reactExports.useContext(DragCtx);
   const tags2 = folder.tags ?? [];
   const indent = depth * 12 + 8;
   const hasInheritedConfig = folder.auth && folder.auth.type !== "none" || folder.headers && folder.headers.length > 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+  function handleFolderDragOver(e) {
+    if (!dragCtx.dragging) return;
+    if (dragCtx.dragging.type === "folder" && dragCtx.dragging.folderId === folder.id) return;
+    e.preventDefault();
+    const rect = e.currentTarget.getBoundingClientRect();
+    const y = e.clientY - rect.top;
+    const zone = y / rect.height;
+    if (dragCtx.dragging.type === "folder") {
+      if (zone < 0.25) setDropPos("before");
+      else if (zone > 0.75) setDropPos("after");
+      else setDropPos("inside");
+    } else {
+      setDropPos("inside");
+    }
+  }
+  function handleFolderDrop(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!dragCtx.dragging) return;
+    if (dragCtx.dragging.type === "folder") {
+      if (dropPos === "inside") {
+        dragCtx.onDropFolder(collectionId, folder.id);
+      } else {
+        const insertIndex = dropPos === "before" ? folderIndex : folderIndex + 1;
+        dragCtx.onDropFolder(collectionId, parentFolderId, insertIndex);
+      }
+    } else {
+      dragCtx.onDropRequest(collectionId, folder.id);
+    }
+    setDropPos(null);
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+    dropPos === "before" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute top-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `group flex items-start gap-1 py-1 hover:bg-surface-800 transition-colors cursor-pointer text-surface-400 ${dropOver ? "outline outline-1 outline-blue-500 rounded" : ""}`,
+        draggable: true,
+        className: `group flex items-start gap-1 py-1 hover:bg-surface-800 transition-colors cursor-pointer text-surface-400 ${dropPos === "inside" ? "outline outline-1 outline-blue-500 rounded" : ""}`,
         style: { paddingLeft: indent },
         onClick: () => setExpanded((e) => !e),
-        onDragOver: dragCtx.dragging ? (e) => {
-          e.preventDefault();
-          setDropOver(true);
-        } : void 0,
-        onDragLeave: () => setDropOver(false),
-        onDrop: (e) => {
-          e.preventDefault();
-          setDropOver(false);
-          dragCtx.onDrop(collectionId, folder.id);
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          e.stopPropagation();
+          dragCtx.setDragging({ type: "folder", folderId: folder.id, collectionId });
+        },
+        onDragEnd: () => {
+          dragCtx.setDragging(null);
+          setDropPos(null);
         },
+        onDragOver: handleFolderDragOver,
+        onDragLeave: () => setDropPos(null),
+        onDrop: handleFolderDrop,
         children: [
+          dropPos === "after" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] w-3 text-center shrink-0 mt-0.5", children: expanded ? "▾" : "▸" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, { className: `shrink-0 mt-0.5 ${hasInheritedConfig ? "text-blue-500" : "text-amber-600"}` }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -36035,6 +36520,7 @@ function FolderRow({
             { type: "item", label: "Add sub-folder", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderIcon, {}), onClick: onAddFolder },
             { type: "separator" },
             { type: "item", label: "Settings", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyIcon, {}), onClick: () => setShowSettings(true) },
+            { type: "item", label: "Sync schemas", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowSchemaSync(true) },
             { type: "item", label: "Add tag", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, {}), onClick: () => setAddingTag(true) },
             { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicate },
@@ -36052,6 +36538,14 @@ function FolderRow({
         folder,
         onClose: () => setShowSettings(false)
       }
+    ),
+    showSchemaSync && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SchemaSyncModal,
+      {
+        collectionId,
+        scope: { type: "folder", folderId: folder.id },
+        onClose: () => setShowSchemaSync(false)
+      }
     )
   ] });
 }
@@ -36075,14 +36569,17 @@ function FolderContents({
   onUpdateFolderTags,
   onUpdateRequestTags,
   onSetRequestHookType,
+  onToggleRequestDisabled,
   onRunFolder
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    folder.folders.map((sub) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    folder.folders.map((sub, subIndex) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       FolderRow,
       {
         folder: sub,
         collectionId,
+        parentFolderId: folder.id,
+        folderIndex: subIndex,
         depth: depth + 1,
         expandCtrl,
         onAddRequest: () => onAddRequest(sub.id),
@@ -36114,6 +36611,7 @@ function FolderContents({
             onUpdateFolderTags,
             onUpdateRequestTags,
             onSetRequestHookType,
+            onToggleRequestDisabled,
             onRunFolder
           }
         )
@@ -36132,7 +36630,9 @@ function FolderContents({
           reqIndex,
           name: req.name,
           method: req.method,
+          authType: req.auth.type,
           hookType: req.hookType,
+          disabled: req.disabled,
           tags: req.meta?.tags ?? [],
           isActive: req.id === activeRequestId,
           autoRename: req.id === newRequestId,
@@ -36142,7 +36642,8 @@ function FolderContents({
           onDelete: () => onDeleteRequest(req.id),
           onDuplicate: () => onDuplicateRequest(req.id),
           onUpdateTags: (tags2) => onUpdateRequestTags(req.id, tags2),
-          onSetHookType: (ht) => onSetRequestHookType(req.id, ht)
+          onSetHookType: (ht) => onSetRequestHookType(req.id, ht),
+          onToggleDisabled: () => onToggleRequestDisabled(req.id)
         },
         req.id
       );
@@ -36161,6 +36662,14 @@ const HOOK_COLORS = {
   after: "bg-cyan-700 text-white",
   afterAll: "bg-cyan-800 text-white"
 };
+const AUTH_BADGE_LABELS = {
+  basic: "Basic",
+  bearer: "Bearer",
+  apikey: "Key",
+  digest: "Digest",
+  ntlm: "NTLM",
+  oauth2: "OAuth2"
+};
 function RequestRow({
   reqId,
   collectionId,
@@ -36168,7 +36677,9 @@ function RequestRow({
   reqIndex,
   name: name2,
   method,
+  authType,
   hookType,
+  disabled,
   tags: tags2,
   isActive,
   indent,
@@ -36178,10 +36689,12 @@ function RequestRow({
   onDelete,
   onDuplicate,
   onUpdateTags,
-  onSetHookType
+  onSetHookType,
+  onToggleDisabled
 }) {
   const [renaming, setRenaming] = reactExports.useState(autoRename);
   const [addingTag, setAddingTag] = reactExports.useState(false);
+  const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
   const [dropPos, setDropPos] = reactExports.useState(null);
   const dragCtx = reactExports.useContext(DragCtx);
   const hookMenuItems = [
@@ -36192,7 +36705,7 @@ function RequestRow({
     }))
   ];
   function handleDragOver(e) {
-    if (!dragCtx.dragging || dragCtx.dragging.requestId === reqId) return;
+    if (!dragCtx.dragging || dragCtx.dragging.type !== "request" || dragCtx.dragging.requestId === reqId) return;
     e.preventDefault();
     const rect = e.currentTarget.getBoundingClientRect();
     setDropPos(e.clientY < rect.top + rect.height / 2 ? "before" : "after");
@@ -36201,7 +36714,7 @@ function RequestRow({
     e.preventDefault();
     e.stopPropagation();
     const insertIndex = dropPos === "before" ? reqIndex : reqIndex + 1;
-    dragCtx.onDrop(collectionId, folderId, insertIndex);
+    dragCtx.onDropRequest(collectionId, folderId, insertIndex);
     setDropPos(null);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
@@ -36210,13 +36723,13 @@ function RequestRow({
       "div",
       {
         draggable: true,
-        className: `group flex items-start gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-300 hover:bg-surface-800"}`,
+        className: `group flex items-start gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${disabled ? "opacity-40" : ""} ${isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-300 hover:bg-surface-800"}`,
         style: { paddingLeft: indent },
         onClick: onSelect,
         onDoubleClick: () => setRenaming(true),
         onDragStart: (e) => {
           e.dataTransfer.effectAllowed = "move";
-          dragCtx.setDragging({ requestId: reqId, collectionId });
+          dragCtx.setDragging({ type: "request", requestId: reqId, collectionId });
         },
         onDragEnd: () => {
           dragCtx.setDragging(null);
@@ -36241,7 +36754,15 @@ function RequestRow({
               }
             ) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs truncate", children: name2 }),
-              hookType && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 text-[9px] font-bold px-1 py-px rounded ${HOOK_COLORS[hookType]}`, children: HOOK_LABELS[hookType].toUpperCase() })
+              hookType && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 text-[9px] font-bold px-1 py-px rounded ${HOOK_COLORS[hookType]}`, children: HOOK_LABELS[hookType].toUpperCase() }),
+              authType !== "none" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "span",
+                {
+                  className: "shrink-0 text-[9px] px-1 py-px rounded bg-amber-800/40 text-amber-400",
+                  title: `Auth: ${AUTH_BADGE_LABELS[authType] ?? authType}`,
+                  children: AUTH_BADGE_LABELS[authType] ?? authType
+                }
+              )
             ] }),
             (tags2.length > 0 || addingTag) && /* @__PURE__ */ jsxRuntimeExports.jsx(
               TagChips,
@@ -36258,6 +36779,8 @@ function RequestRow({
             { type: "item", label: "Rename", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: "Duplicate", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicate },
             { type: "item", label: "Add tag", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, {}), onClick: () => setAddingTag(true) },
+            { type: "item", label: "Sync schema", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SyncIcon, {}), onClick: () => setShowSchemaSync(true) },
+            { type: "item", label: disabled ? "Enable" : "Disable", onClick: onToggleDisabled },
             { type: "separator" },
             { type: "header", label: "Hook type" },
             ...hookMenuItems,
@@ -36267,6 +36790,14 @@ function RequestRow({
           dropPos === "after" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute bottom-0 inset-x-0 h-0.5 bg-blue-500 z-10 pointer-events-none" })
         ]
       }
+    ),
+    showSchemaSync && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SchemaSyncModal,
+      {
+        collectionId,
+        scope: { type: "request", requestId: reqId },
+        onClose: () => setShowSchemaSync(false)
+      }
     )
   ] });
 }
@@ -36306,48 +36837,52 @@ function ExpandAllIcon() {
 function CollapseAllIcon() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6h16M4 12h8M4 18h16M21 12l-3-3-3 3" }) });
 }
+function SyncIcon() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182M20.984 4.356v4.993" }) });
+}
 function GearIcon() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
   ] });
 }
-function findFolderById(root2, id2) {
-  if (root2.id === id2) return root2;
+function folderChainTo(root2, targetId) {
+  if (root2.id === targetId) return [root2];
   for (const sub of root2.folders) {
-    const found = findFolderById(sub, id2);
-    if (found) return found;
+    const chain = folderChainTo(sub, targetId);
+    if (chain.length > 0) return [root2, ...chain];
   }
-  return null;
+  return [];
 }
-function makeHook(req, collectionVars, hookType, scopeId, scopeAncestors, mainRequestId) {
-  return { request: req, collectionVars, isHook: true, hookType, scopeId, scopeAncestors, mainRequestId };
+function makeHook(req, collectionVars, hookType, scopeId, scopeAncestors, scopePath, mainRequestId) {
+  return { request: req, collectionVars, isHook: true, hookType, scopeId, scopeAncestors, scopePath, mainRequestId };
 }
-function buildFolderPlan(folder, requests, collectionVars, filterTags, scopeId, ancestorIds, wrappers) {
+function buildFolderPlan(folder, requests, collectionVars, filterTags, scopeId, ancestorIds, parentPath, wrappers, isRoot) {
   const result = [];
-  const folderReqs = folder.requestIds.map((id2) => requests[id2]).filter(Boolean);
+  const scopePath = isRoot ? [] : [...parentPath, folder.name];
+  const folderReqs = folder.requestIds.map((id2) => requests[id2]).filter((r) => r && !r.disabled);
   const beforeAllHooks = folderReqs.filter((r) => r.hookType === "beforeAll");
   const beforeHooks = folderReqs.filter((r) => r.hookType === "before");
   const afterHooks = folderReqs.filter((r) => r.hookType === "after");
   const afterAllHooks = folderReqs.filter((r) => r.hookType === "afterAll");
   const regularReqs = folderReqs.filter((r) => !r.hookType);
-  const myWrapper = { scopeId, ancestors: ancestorIds, before: beforeHooks, after: afterHooks };
+  const myWrapper = { scopeId, ancestors: ancestorIds, scopePath, before: beforeHooks, after: afterHooks };
   const allWrappers = [...wrappers, myWrapper];
   for (const req of beforeAllHooks) {
-    result.push(makeHook(req, collectionVars, "beforeAll", scopeId, ancestorIds));
+    result.push(makeHook(req, collectionVars, "beforeAll", scopeId, ancestorIds, scopePath));
   }
   for (const req of regularReqs) {
     const tags2 = req.meta?.tags ?? [];
     if (filterTags.length > 0 && !filterTags.some((t2) => tags2.includes(t2))) continue;
     for (const w of allWrappers) {
       for (const hookReq of w.before) {
-        result.push(makeHook(hookReq, collectionVars, "before", w.scopeId, w.ancestors, req.id));
+        result.push(makeHook(hookReq, collectionVars, "before", w.scopeId, w.ancestors, w.scopePath, req.id));
       }
     }
-    result.push({ request: req, collectionVars, scopeId, scopeAncestors: ancestorIds });
+    result.push({ request: req, collectionVars, scopeId, scopeAncestors: ancestorIds, scopePath });
     for (const w of [...allWrappers].reverse()) {
       for (const hookReq of w.after) {
-        result.push(makeHook(hookReq, collectionVars, "after", w.scopeId, w.ancestors, req.id));
+        result.push(makeHook(hookReq, collectionVars, "after", w.scopeId, w.ancestors, w.scopePath, req.id));
       }
     }
   }
@@ -36361,11 +36896,13 @@ function buildFolderPlan(folder, requests, collectionVars, filterTags, scopeId,
       effectiveFilter,
       sub.id,
       [...ancestorIds, scopeId],
-      allWrappers
+      scopePath,
+      allWrappers,
+      false
     ));
   }
   for (const req of afterAllHooks) {
-    result.push(makeHook(req, collectionVars, "afterAll", scopeId, ancestorIds));
+    result.push(makeHook(req, collectionVars, "afterAll", scopeId, ancestorIds, scopePath));
   }
   return result;
 }
@@ -36394,7 +36931,7 @@ function getHooksForRequest(requestId, collection) {
   const before = [];
   const afterReversed = [];
   for (const folder of path) {
-    const reqs = folder.requestIds.map((id2) => collection.requests[id2]).filter(Boolean);
+    const reqs = folder.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
     const bAll = reqs.filter((r) => r.hookType === "beforeAll");
     const bEach = reqs.filter((r) => r.hookType === "before");
     const aEach = reqs.filter((r) => r.hookType === "after");
@@ -36406,20 +36943,65 @@ function getHooksForRequest(requestId, collection) {
 }
 function buildRunPlan(collection, folderId, filterTags) {
   const collectionVars = collection.collectionVariables ?? {};
-  if (folderId) {
-    const folder = findFolderById(collection.rootFolder, folderId);
-    if (!folder) return [];
-    return buildFolderPlan(folder, collection.requests, collectionVars, filterTags, folder.id, [], []);
+  if (!folderId) {
+    return buildFolderPlan(
+      collection.rootFolder,
+      collection.requests,
+      collectionVars,
+      filterTags,
+      collection.rootFolder.id,
+      [],
+      [],
+      [],
+      true
+    );
+  }
+  const chain = folderChainTo(collection.rootFolder, folderId);
+  if (chain.length === 0) return [];
+  const targetFolder = chain[chain.length - 1];
+  const ancestors = chain.slice(0, -1);
+  const result = [];
+  const ancestorWrappers = [];
+  const ancestorIds = [];
+  for (const f of ancestors) {
+    const reqs = f.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
+    const beforeAllH = reqs.filter((r) => r.hookType === "beforeAll");
+    const beforeH = reqs.filter((r) => r.hookType === "before");
+    const afterH = reqs.filter((r) => r.hookType === "after");
+    for (const req of beforeAllH) {
+      result.push(makeHook(req, collectionVars, "beforeAll", f.id, [...ancestorIds], []));
+    }
+    ancestorWrappers.push({
+      scopeId: f.id,
+      ancestors: [...ancestorIds],
+      scopePath: [],
+      // ancestor hooks render with no folder heading
+      before: beforeH,
+      after: afterH
+    });
+    ancestorIds.push(f.id);
   }
-  return buildFolderPlan(
-    collection.rootFolder,
+  result.push(...buildFolderPlan(
+    targetFolder,
     collection.requests,
     collectionVars,
     filterTags,
-    collection.rootFolder.id,
+    targetFolder.id,
+    ancestorIds,
     [],
-    []
-  );
+    ancestorWrappers,
+    true
+  ));
+  for (let i = ancestors.length - 1; i >= 0; i--) {
+    const f = ancestors[i];
+    const reqs = f.requestIds.map((id2) => collection.requests[id2]).filter((r) => r && !r.disabled);
+    const afterAllH = reqs.filter((r) => r.hookType === "afterAll");
+    const myAncestors = ancestorIds.slice(0, i);
+    for (const req of afterAllH) {
+      result.push(makeHook(req, collectionVars, "afterAll", f.id, myAncestors, []));
+    }
+  }
+  return result;
 }
 function ParamsTab({ request, onChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -36428,7 +37010,8 @@ function ParamsTab({ request, onChange }) {
       rows: request.params,
       onChange: (rows) => onChange({ params: rows }),
       keyPlaceholder: "param",
-      valuePlaceholder: "value"
+      valuePlaceholder: "value",
+      paramMode: true
     }
   );
 }
@@ -42332,7 +42915,7 @@ const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from,
   ]);
   return true;
 });
-const { electron: electron$l } = window;
+const { electron: electron$m } = window;
 function SoapEditor({ request, onChange }) {
   const soap = request.body.soap ?? {
     wsdlUrl: "",
@@ -42349,7 +42932,7 @@ function SoapEditor({ request, onChange }) {
     setFetching(true);
     setFetchError(null);
     try {
-      const result = await electron$l.wsdlFetch(soap.wsdlUrl.trim());
+      const result = await electron$m.wsdlFetch(soap.wsdlUrl.trim());
       setOperations(result.operations);
       if (result.operations.length > 0) {
         const first = result.operations[0];
@@ -42463,11 +43046,12 @@ function BodyTab({ request, onChange }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: mode === m ? "text-white" : "text-surface-400", children: m })
     ] }, m)) }),
     mode === "none" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-400", children: "No request body." }),
-    mode === "json" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700", style: { height: 140 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    mode === "json" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       ReactCodeMirror,
       {
         value: body.json ?? "",
-        height: "140px",
+        height: "300px",
+        maxHeight: "50vh",
         theme: oneDark,
         extensions: [json(), varExt],
         onChange: (val) => onChange({ body: { ...body, json: val } }),
@@ -42493,11 +43077,12 @@ function BodyTab({ request, onChange }) {
           className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1 w-48 focus:outline-none focus:border-blue-500"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700", style: { height: 120 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ReactCodeMirror,
         {
           value: body.raw ?? "",
-          height: "120px",
+          height: "300px",
+          maxHeight: "50vh",
           theme: oneDark,
           extensions: [varExt],
           onChange: (val) => onChange({ body: { ...body, raw: val } }),
@@ -42509,7 +43094,7 @@ function BodyTab({ request, onChange }) {
     mode === "soap" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SoapEditor, { request, onChange }) })
   ] });
 }
-const { electron: electron$k } = window;
+const { electron: electron$l } = window;
 const AUTH_TYPES = ["none", "bearer", "basic", "digest", "ntlm", "apikey", "oauth2"];
 function AuthTab({ request, onChange }) {
   const auth = request.auth;
@@ -42523,7 +43108,7 @@ function AuthTab({ request, onChange }) {
   }
   async function saveSecret(ref2) {
     if (!secretValue || !ref2) return;
-    await electron$k.setSecret(ref2, secretValue);
+    await electron$l.setSecret(ref2, secretValue);
     setSaved(true);
     setSecretValue("");
     setTimeout(() => setSaved(false), 2e3);
@@ -42534,14 +43119,14 @@ function AuthTab({ request, onChange }) {
     try {
       const vars = {};
       if (auth.oauth2Flow === "authorization_code") {
-        const result = await electron$k.oauth2StartFlow(auth, vars);
+        const result = await electron$l.oauth2StartFlow(auth, vars);
         setAuth({
           oauth2CachedToken: result.accessToken,
           oauth2TokenExpiry: result.expiresAt
         });
         if (result.refreshToken) setOauth2RT(result.refreshToken);
       } else {
-        const result = await electron$k.oauth2StartFlow(auth, vars);
+        const result = await electron$l.oauth2StartFlow(auth, vars);
         setAuth({
           oauth2CachedToken: result.accessToken,
           oauth2TokenExpiry: result.expiresAt
@@ -42559,7 +43144,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Status("fetching");
     setOauth2Error("");
     try {
-      const result = await electron$k.oauth2RefreshToken(auth, {}, oauth2RefreshToken);
+      const result = await electron$l.oauth2RefreshToken(auth, {}, oauth2RefreshToken);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -50029,13 +50614,22 @@ const require$$3 = {
 })(ajv$1, ajv$1.exports);
 var ajvExports = ajv$1.exports;
 const Ajv = /* @__PURE__ */ getDefaultExportFromCjs(ajvExports);
-const ajv = new Ajv({ allErrors: true });
+const ajv = new Ajv({ allErrors: true, strict: false });
 function SchemaTab({ request, onChange }) {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
   const lastResponse = activeTab?.lastResponse ?? null;
   const [result, setResult] = reactExports.useState(null);
   const [error2, setError] = reactExports.useState(null);
   const schemaValue = request.schema ?? "";
+  const contractSchema = request.contract?.bodySchema ?? "";
+  const canDerive = Boolean(contractSchema.trim());
+  function setSchema(val) {
+    onChange({ schema: val });
+  }
+  function deriveFromContract() {
+    if (!canDerive) return;
+    setSchema(contractSchema);
+  }
   function validate2() {
     setError(null);
     setResult(null);
@@ -50075,25 +50669,40 @@ function SchemaTab({ request, onChange }) {
       setError(`Schema compile error: ${e instanceof Error ? e.message : String(e)}`);
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 h-full", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-600 uppercase tracking-wider font-medium", children: "JSON Schema (draft-07+)" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          onClick: validate2,
-          className: "px-3 py-1 text-xs bg-blue-700 hover:bg-blue-600 rounded transition-colors font-medium",
-          children: "Validate"
-        }
-      )
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: deriveFromContract,
+            disabled: !canDerive,
+            title: canDerive ? "Copy the body schema from this request's contract" : "No contract body schema defined yet",
+            className: "px-3 py-1 text-xs bg-surface-800 hover:bg-surface-700 disabled:bg-surface-900 disabled:text-surface-600 rounded transition-colors font-medium",
+            children: "Derive from contract"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: validate2,
+            className: "px-3 py-1 text-xs bg-blue-700 hover:bg-blue-600 rounded transition-colors font-medium",
+            children: "Validate"
+          }
+        )
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-[160px] border border-surface-700 rounded overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600", children: "Standalone schema for ad-hoc validation. Independent of the contract — edits here don't affect it." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-surface-700 rounded overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       ReactCodeMirror,
       {
         value: schemaValue,
+        height: "300px",
+        maxHeight: "50vh",
         theme: oneDark,
         extensions: [json()],
-        onChange: (val) => onChange({ schema: val }),
+        onChange: (val) => setSchema(val),
         placeholder: '{\n  "type": "object",\n  "properties": {}\n}',
         basicSetup: { lineNumbers: true, foldGutter: true }
       }
@@ -50113,7 +50722,7 @@ function SchemaTab({ request, onChange }) {
     ] }) })
   ] });
 }
-const { electron: electron$j } = window;
+const { electron: electron$k } = window;
 const EMPTY = { statusCode: 200, headers: [], bodySchema: "" };
 function ContractTab({ request, onChange }) {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
@@ -50127,7 +50736,7 @@ function ContractTab({ request, onChange }) {
     if (!lastResponse?.body) return;
     setInferring(true);
     try {
-      const schema = await electron$j.inferContractSchema(lastResponse.body);
+      const schema = await electron$k.inferContractSchema(lastResponse.body);
       if (schema) update({ bodySchema: schema });
     } finally {
       setInferring(false);
@@ -50145,7 +50754,7 @@ function ContractTab({ request, onChange }) {
     update({ headers: (contract.headers ?? []).filter((_, idx) => idx !== i) });
   }
   const hasContract = contract.statusCode !== void 0 || contract.bodySchema?.trim() || contract.headers?.some((h) => h.key);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4 h-full min-h-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-center gap-2 px-3 py-2 rounded-lg text-xs border ${hasContract ? "bg-blue-950/40 border-blue-700 text-blue-300" : "bg-surface-800 border-surface-700 text-surface-500"}`, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-2 h-2 rounded-full ${hasContract ? "bg-blue-400" : "bg-surface-600"}` }),
       hasContract ? "Contract defined — will be verified in Contract panel" : "No contract defined yet"
@@ -50221,10 +50830,12 @@ function ContractTab({ request, onChange }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-surface-700 rounded overflow-hidden", style: { minHeight: 160 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-surface-700 rounded overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ReactCodeMirror,
         {
           value: contract.bodySchema ?? "",
+          height: "300px",
+          maxHeight: "50vh",
           theme: oneDark,
           extensions: [json()],
           onChange: (val) => update({ bodySchema: val }),
@@ -50235,7 +50846,7 @@ function ContractTab({ request, onChange }) {
     ] })
   ] });
 }
-const { electron: electron$i } = window;
+const { electron: electron$j } = window;
 function formatTime$1(ts) {
   const d = new Date(ts);
   const hh = String(d.getHours()).padStart(2, "0");
@@ -50255,14 +50866,14 @@ function WebSocketPanel({ request }) {
   const [sendText, setSendText] = reactExports.useState("");
   const logEndRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    electron$i.onWsMessage(({ requestId, message }) => {
+    electron$j.onWsMessage(({ requestId, message }) => {
       addWsMessage(requestId, message);
     });
-    electron$i.onWsStatus(({ requestId, status, error: error2 }) => {
+    electron$j.onWsStatus(({ requestId, status, error: error2 }) => {
       setWsStatus(requestId, status, error2);
     });
     return () => {
-      electron$i.offWsEvents();
+      electron$j.offWsEvents();
     };
   }, [addWsMessage, setWsStatus]);
   reactExports.useEffect(() => {
@@ -50275,19 +50886,19 @@ function WebSocketPanel({ request }) {
       if (h.enabled && h.key) headers[h.key] = h.value;
     }
     try {
-      await electron$i.wsConnect(request.id, request.url, headers);
+      await electron$j.wsConnect(request.id, request.url, headers);
     } catch (err) {
       setWsStatus(request.id, "error", err instanceof Error ? err.message : String(err));
     }
   }
   async function disconnect() {
-    await electron$i.wsDisconnect(request.id);
+    await electron$j.wsDisconnect(request.id);
   }
   async function sendMessage() {
     const text = sendText.trim();
     if (!text || !isConnected) return;
     try {
-      await electron$i.wsSend(request.id, text);
+      await electron$j.wsSend(request.id, text);
       const msg = {
         id: crypto.randomUUID(),
         direction: "sent",
@@ -50390,7 +51001,7 @@ function WebSocketPanel({ request }) {
     ] })
   ] });
 }
-const { electron: electron$h } = window;
+const { electron: electron$i } = window;
 const METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 const METHOD_COLORS = {
   GET: "text-emerald-400",
@@ -50401,6 +51012,13 @@ const METHOD_COLORS = {
   HEAD: "text-purple-400",
   OPTIONS: "text-gray-400"
 };
+function deriveHookStatus(r) {
+  if (r.scriptResult.postScriptError) return "error";
+  if (r.response.status >= 400) return "failed";
+  const tests = r.scriptResult.testResults;
+  if (tests.length === 0) return "skipped";
+  return tests.every((t2) => t2.passed) ? "passed" : "failed";
+}
 function RequestBuilder({ request }) {
   const updateRequest = useStore((s) => s.updateRequest);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
@@ -50468,17 +51086,24 @@ function RequestBuilder({ request }) {
       for (const hook of hooks.before) {
         const start = Date.now();
         try {
-          const r = await electron$h.sendRequest({ ...basePayload, request: hook, collectionVars, globals: liveGlobals });
+          const hookEnv = activeEnvironmentId ? useStore.getState().environments[activeEnvironmentId]?.data ?? null : null;
+          const hookSessionVars = useStore.getState().sessionVars;
+          const r = await electron$i.sendRequest({
+            ...basePayload,
+            environment: hookEnv,
+            request: hook,
+            collectionVars: { ...collectionVars, ...hookSessionVars },
+            globals: liveGlobals
+          });
           applyScriptUpdates(r.scriptResult);
           collectionVars = { ...collectionVars, ...r.scriptResult.updatedCollectionVars };
           liveGlobals = { ...liveGlobals, ...r.scriptResult.updatedGlobals };
-          const allPassed = r.scriptResult.testResults.every((t2) => t2.passed);
           collectedHookResults.push({
             requestId: hook.id,
             name: hook.name,
             method: hook.method,
             resolvedUrl: r.scriptResult.resolvedUrl,
-            status: r.scriptResult.postScriptError ? "error" : r.scriptResult.testResults.length > 0 ? allPassed ? "passed" : "failed" : "passed",
+            status: deriveHookStatus(r),
             httpStatus: r.response.status,
             durationMs: Date.now() - start,
             isHook: true,
@@ -50502,10 +51127,13 @@ function RequestBuilder({ request }) {
           });
         }
       }
-      const result = await electron$h.sendRequest({
+      const freshEnv = activeEnvironmentId ? useStore.getState().environments[activeEnvironmentId]?.data ?? null : null;
+      const freshSessionVars = useStore.getState().sessionVars;
+      const result = await electron$i.sendRequest({
         ...basePayload,
+        environment: freshEnv,
         request: mergedRequest,
-        collectionVars,
+        collectionVars: { ...collectionVars, ...freshSessionVars },
         globals: liveGlobals
       });
       setTabResponse(activeTabId, result.response, result.scriptResult, result.sentRequest);
@@ -50524,17 +51152,24 @@ function RequestBuilder({ request }) {
       for (const hook of hooks.after) {
         const start = Date.now();
         try {
-          const r = await electron$h.sendRequest({ ...basePayload, request: hook, collectionVars, globals: liveGlobals });
+          const hookEnv = activeEnvironmentId ? useStore.getState().environments[activeEnvironmentId]?.data ?? null : null;
+          const hookSessionVars = useStore.getState().sessionVars;
+          const r = await electron$i.sendRequest({
+            ...basePayload,
+            environment: hookEnv,
+            request: hook,
+            collectionVars: { ...collectionVars, ...hookSessionVars },
+            globals: liveGlobals
+          });
           applyScriptUpdates(r.scriptResult);
           collectionVars = { ...collectionVars, ...r.scriptResult.updatedCollectionVars };
           liveGlobals = { ...liveGlobals, ...r.scriptResult.updatedGlobals };
-          const allPassed = r.scriptResult.testResults.every((t2) => t2.passed);
           collectedHookResults.push({
             requestId: hook.id,
             name: hook.name,
             method: hook.method,
             resolvedUrl: r.scriptResult.resolvedUrl,
-            status: r.scriptResult.postScriptError ? "error" : r.scriptResult.testResults.length > 0 ? allPassed ? "passed" : "failed" : "passed",
+            status: deriveHookStatus(r),
             httpStatus: r.response.status,
             durationMs: Date.now() - start,
             isHook: true,
@@ -50672,28 +51307,136 @@ function RequestBuilder({ request }) {
         },
         tab.id
       )) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 flex-1 overflow-y-auto min-h-0", children: [
+        activeTab === "params" && /* @__PURE__ */ jsxRuntimeExports.jsx(ParamsTab, { request, onChange: update }),
+        activeTab === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTab, { request, onChange: update }),
+        activeTab === "body" && /* @__PURE__ */ jsxRuntimeExports.jsx(BodyTab, { request, onChange: update }),
+        activeTab === "auth" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTab, { request, onChange: update }),
+        activeTab === "scripts" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScriptsTab, { request, onChange: update }),
+        activeTab === "schema" && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaTab, { request, onChange: update }),
+        activeTab === "contract" && /* @__PURE__ */ jsxRuntimeExports.jsx(ContractTab, { request, onChange: update })
+      ] })
+    ] })
+  ] });
+}
+function JsonNode({ nodeKey, value, path, depth, onLeaf }) {
+  const [expanded, setExpanded] = reactExports.useState(depth < 2);
+  const keySpan = nodeKey !== null ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 font-mono text-xs shrink-0 select-all", children: [
+    typeof nodeKey === "number" ? `[${nodeKey}]` : nodeKey,
+    value === null || typeof value !== "object" ? ":" : ""
+  ] }) : null;
+  if (value === null || typeof value !== "object") {
+    const display = value === null ? "null" : typeof value === "string" ? `"${value.length > 100 ? value.slice(0, 100) + "…" : value}"` : String(value);
+    const cls = value === null ? "text-surface-600 italic" : typeof value === "string" ? "text-emerald-400" : typeof value === "number" ? "text-blue-400" : "text-amber-400";
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 min-w-0", children: [
+      keySpan,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono text-xs ${cls} select-all break-all min-w-0 truncate`, children: display }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
         {
-          className: "px-4 py-3 flex-1 overflow-y-auto min-h-0",
-          style: { minHeight: activeTab === "body" && (request.body.mode === "graphql" || request.body.mode === "soap") || activeTab === "schema" ? "400px" : "180px" },
-          children: [
-            activeTab === "params" && /* @__PURE__ */ jsxRuntimeExports.jsx(ParamsTab, { request, onChange: update }),
-            activeTab === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTab, { request, onChange: update }),
-            activeTab === "body" && /* @__PURE__ */ jsxRuntimeExports.jsx(BodyTab, { request, onChange: update }),
-            activeTab === "auth" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTab, { request, onChange: update }),
-            activeTab === "scripts" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScriptsTab, { request, onChange: update }),
-            activeTab === "schema" && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaTab, { request, onChange: update }),
-            activeTab === "contract" && /* @__PURE__ */ jsxRuntimeExports.jsx(ContractTab, { request, onChange: update })
-          ]
+          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: "+ insert"
         }
       )
-    ] })
+    ] });
+  }
+  const isArr = Array.isArray(value);
+  const entries = isArr ? value.map((v, i) => [i, v]) : Object.entries(value);
+  const summary = isArr ? `[${value.length}]` : `{${entries.length}}`;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setExpanded((v) => !v),
+        className: "flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 w-full text-left",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[10px] w-3 shrink-0 text-center", children: expanded ? "▾" : "▸" }),
+          keySpan,
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-xs", children: summary })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-4 border-l border-surface-800 pl-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      JsonNode,
+      {
+        nodeKey: k,
+        value: v,
+        path: [...path, k],
+        depth: depth + 1,
+        onLeaf
+      },
+      String(k)
+    )) })
+  ] });
+}
+function buildSelector(el) {
+  const parts = [];
+  let cur2 = el;
+  while (cur2) {
+    const parent = cur2.parentElement;
+    if (!parent) break;
+    const tag = cur2.tagName;
+    const siblings = Array.from(parent.children).filter((c) => c.tagName === tag);
+    parts.unshift(siblings.length > 1 ? `${tag}:nth-of-type(${siblings.indexOf(cur2) + 1})` : tag);
+    cur2 = parent;
+  }
+  return parts.join(" > ");
+}
+function XmlNode({ element, depth, onLeaf }) {
+  const [expanded, setExpanded] = reactExports.useState(depth < 3);
+  const childEls = Array.from(element.children);
+  const tag = element.tagName;
+  if (childEls.length === 0) {
+    const text = element.textContent ?? "";
+    const selector = buildSelector(element);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-300 font-mono text-xs shrink-0", children: [
+        "<",
+        tag,
+        ">"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-emerald-400 font-mono text-xs select-all break-all min-w-0 truncate", children: text.length > 100 ? text.slice(0, 100) + "…" : text }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          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: "+ insert"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setExpanded((v) => !v),
+        className: "flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 w-full text-left",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[10px] w-3 shrink-0 text-center", children: expanded ? "▾" : "▸" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-300 font-mono text-xs", children: [
+            "<",
+            tag,
+            ">"
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-xs ml-1", children: childEls.length })
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-4 border-l border-surface-800 pl-1", children: childEls.map((child, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(XmlNode, { element: child, depth: depth + 1, onLeaf }, i)) })
   ] });
 }
 function esc(s) {
   return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\r/g, "");
 }
+function toLit(v) {
+  if (v === null) return "null";
+  if (typeof v === "string") return `"${esc(v)}"`;
+  return String(v);
+}
 function jsonAccessor(path) {
   return path.reduce((acc, key) => {
     if (typeof key === "number") return `${acc}[${key}]`;
@@ -50704,10 +51447,32 @@ function jsonPathLabel(path) {
   if (path.length === 0) return "$";
   return path.map((k) => typeof k === "number" ? `[${k}]` : k).join(".");
 }
-function toLit(v) {
-  if (v === null) return "null";
-  if (typeof v === "string") return `"${esc(v)}"`;
-  return String(v);
+function getAtPath(root2, path) {
+  let cur2 = root2;
+  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 prefix2 = path.slice(0, arrayIdx).join(".");
+  const arrayPart = prefix2 ? "$." + prefix2 : "$";
+  const leafPart = path.slice(arrayIdx + 1).join(".");
+  const filterVal = isNaN(Number(filterValue)) ? `"${filterValue.replace(/"/g, '\\"')}"` : filterValue;
+  return leafPart ? `${arrayPart}[?(@.${filterKey}==${filterVal})].${leafPart}` : `${arrayPart}[?(@.${filterKey}==${filterVal})]`;
+}
+function varNameFromPath(path) {
+  const stringSegments = path.filter((k) => typeof k === "string");
+  return stringSegments[stringSegments.length - 1] ?? "extracted_value";
 }
 function makeJsonSnippet(path, value, mode) {
   const acc = jsonAccessor(path);
@@ -50739,29 +51504,6 @@ function makeJsonSnippet(path, value, mode) {
 });`;
   }
 }
-function getAtPath(root2, path) {
-  let cur2 = root2;
-  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);
@@ -50788,9 +51530,6 @@ function makeXmlSnippet(selector, value, mode) {
 });`;
   }
 }
-function varNameFromPath(path) {
-  return path.filter((k) => typeof k === "string").at(-1) ?? "extracted_value";
-}
 function makeJsonExtractSnippet(path, target) {
   const acc = jsonAccessor(path);
   const varName = varNameFromPath(path);
@@ -50806,11 +51545,7 @@ 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
-}) {
+function AssertMenu({ state, onClose, onConfirm }) {
   const ref2 = reactExports.useRef(null);
   const [jpOpen, setJpOpen] = reactExports.useState(false);
   const [filterKey, setFilterKey] = reactExports.useState("");
@@ -51034,126 +51769,6 @@ function AssertMenu({
     }
   );
 }
-function JsonNode({
-  nodeKey,
-  value,
-  path,
-  depth,
-  onLeaf
-}) {
-  const [expanded, setExpanded] = reactExports.useState(depth < 2);
-  const keySpan = nodeKey !== null ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 font-mono text-xs shrink-0 select-all", children: [
-    typeof nodeKey === "number" ? `[${nodeKey}]` : nodeKey,
-    value === null || typeof value !== "object" ? ":" : ""
-  ] }) : null;
-  if (value === null || typeof value !== "object") {
-    const display = value === null ? "null" : typeof value === "string" ? `"${value.length > 100 ? value.slice(0, 100) + "…" : value}"` : String(value);
-    const cls = value === null ? "text-surface-600 italic" : typeof value === "string" ? "text-emerald-400" : typeof value === "number" ? "text-blue-400" : "text-amber-400";
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 min-w-0", children: [
-      keySpan,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono text-xs ${cls} select-all break-all min-w-0 truncate`, children: display }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          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: "+ insert"
-        }
-      )
-    ] });
-  }
-  const isArr = Array.isArray(value);
-  const entries = isArr ? value.map((v, i) => [i, v]) : Object.entries(value);
-  const summary = isArr ? `[${value.length}]` : `{${entries.length}}`;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => setExpanded((v) => !v),
-        className: "flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 w-full text-left",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[10px] w-3 shrink-0 text-center", children: expanded ? "▾" : "▸" }),
-          keySpan,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-xs", children: summary })
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-4 border-l border-surface-800 pl-1", children: entries.map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      JsonNode,
-      {
-        nodeKey: k,
-        value: v,
-        path: [...path, k],
-        depth: depth + 1,
-        onLeaf
-      },
-      String(k)
-    )) })
-  ] });
-}
-function buildSelector(el) {
-  const parts = [];
-  let cur2 = el;
-  while (cur2) {
-    const parent = cur2.parentElement;
-    if (!parent) break;
-    const tag = cur2.tagName;
-    const siblings = Array.from(parent.children).filter((c) => c.tagName === tag);
-    parts.unshift(siblings.length > 1 ? `${tag}:nth-of-type(${siblings.indexOf(cur2) + 1})` : tag);
-    cur2 = parent;
-  }
-  return parts.join(" > ");
-}
-function XmlNode({
-  element,
-  depth,
-  onLeaf
-}) {
-  const [expanded, setExpanded] = reactExports.useState(depth < 3);
-  const childEls = Array.from(element.children);
-  const tag = element.tagName;
-  if (childEls.length === 0) {
-    const text = element.textContent ?? "";
-    const selector = buildSelector(element);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "group flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 min-w-0", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-300 font-mono text-xs shrink-0", children: [
-        "<",
-        tag,
-        ">"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-emerald-400 font-mono text-xs select-all break-all min-w-0 truncate", children: text.length > 100 ? text.slice(0, 100) + "…" : text }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          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: "+ insert"
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        onClick: () => setExpanded((v) => !v),
-        className: "flex items-center gap-1.5 py-0.5 pl-1 rounded hover:bg-surface-800/40 w-full text-left",
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-[10px] w-3 shrink-0 text-center", children: expanded ? "▾" : "▸" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-blue-300 font-mono text-xs", children: [
-            "<",
-            tag,
-            ">"
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 text-xs ml-1", children: childEls.length })
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ml-4 border-l border-surface-800 pl-1", children: childEls.map((child, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(XmlNode, { element: child, depth: depth + 1, onLeaf }, i)) })
-  ] });
-}
 function InteractiveBody({ body, contentType, onAssert }) {
   const [popover, setPopover] = reactExports.useState(null);
   const isJson = contentType.includes("json");
@@ -51201,40 +51816,6 @@ function InteractiveBody({ body, contentType, onAssert }) {
     treeContent
   ] });
 }
-const { electron: electron$g } = window;
-function prettyJson(raw) {
-  try {
-    return JSON.stringify(JSON.parse(raw), null, 2);
-  } catch {
-    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;
-  }
-}
 const HOOK_BADGE$1 = {
   beforeAll: { label: "BEFORE ALL", cls: "bg-violet-700 text-white" },
   before: { label: "BEFORE", cls: "bg-violet-600 text-white" },
@@ -51316,6 +51897,15 @@ function HookResultsPanel({ results }) {
     }) })
   ] });
 }
+const { electron: electron$h } = window;
+function extractPath(url) {
+  try {
+    return new URL(url).pathname || "/";
+  } catch {
+    const match = url.match(/(?:https?:\/\/[^/]+)?(\/[^?]*)/);
+    return match?.[1] ?? "/";
+  }
+}
 function SaveAsMockModal({ onClose }) {
   const mocks = useStore((s) => s.mocks);
   const addMock = useStore((s) => s.addMock);
@@ -51325,21 +51915,14 @@ function SaveAsMockModal({ onClose }) {
   const response = activeTab?.lastResponse ?? null;
   const activeRequestId = activeTab?.requestId ?? null;
   const activeRequest = activeRequestId ? Object.values(collections).find((c) => c.data.requests[activeRequestId])?.data.requests[activeRequestId] : null;
-  function extractPath(url) {
-    try {
-      return new URL(url).pathname || "/";
-    } catch {
-      const match = url.match(/(?:https?:\/\/[^/]+)?(\/[^?]*)/);
-      return match?.[1] ?? "/";
-    }
-  }
   const [targetMockId, setTargetMockId] = reactExports.useState(Object.keys(mocks)[0] ?? "__new__");
   const [newServerName, setNewServerName] = reactExports.useState("Mock Server");
   const [newServerPort, setNewServerPort] = reactExports.useState("3900");
   const [method, setMethod] = reactExports.useState(activeRequest?.method ?? "GET");
   const [path, setPath] = reactExports.useState(extractPath(activeRequest?.url ?? "/"));
-  const [statusCode, setStatusCode] = reactExports.useState(response.status);
+  const [statusCode, setStatusCode] = reactExports.useState(response?.status ?? 200);
   const [body, setBody] = reactExports.useState(() => {
+    if (!response) return "";
     try {
       return JSON.stringify(JSON.parse(response.body), null, 2);
     } catch {
@@ -51368,14 +51951,14 @@ function SaveAsMockModal({ onClose }) {
         const entry = state.mocks[serverId];
         const updated = { ...entry.data, name: newServerName, port: Number(newServerPort), routes: [route] };
         updateMock(serverId, updated);
-        await electron$g.saveMock(entry.relPath, updated);
+        await electron$h.saveMock(entry.relPath, updated);
         const ws2 = useStore.getState().workspace;
-        if (ws2) await electron$g.saveWorkspace(ws2);
+        if (ws2) await electron$h.saveWorkspace(ws2);
       } else {
         const entry = useStore.getState().mocks[serverId];
         const updated = { ...entry.data, routes: [...entry.data.routes, route] };
         updateMock(serverId, updated);
-        await electron$g.saveMock(entry.relPath, updated);
+        await electron$h.saveMock(entry.relPath, updated);
       }
       onClose();
     } finally {
@@ -51499,6 +52082,39 @@ function SaveAsMockModal({ onClose }) {
     }
   ) });
 }
+function prettyJson(raw) {
+  try {
+    return JSON.stringify(JSON.parse(raw), null, 2);
+  } catch {
+    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 computeLineDiff(a, b) {
   const aLines = a.split("\n");
   const bLines = b.split("\n");
@@ -51527,20 +52143,20 @@ function computeLineDiff(a, b) {
   }
   return result;
 }
+const lineStyle = {
+  equal: "text-surface-400",
+  removed: "bg-red-900/30 text-red-300",
+  added: "bg-emerald-900/30 text-emerald-300"
+};
+const linePrefix = {
+  equal: " ",
+  removed: "-",
+  added: "+"
+};
 function DiffView({ pinned, current: current2 }) {
   const pinnedBody = prettyJson(pinned.body);
   const currentBody = prettyJson(current2.body);
   const diffLines = computeLineDiff(pinnedBody, currentBody);
-  const lineStyle = {
-    equal: "text-surface-400",
-    removed: "bg-red-900/30 text-red-300",
-    added: "bg-emerald-900/30 text-emerald-300"
-  };
-  const linePrefix = {
-    equal: " ",
-    removed: "-",
-    added: "+"
-  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full overflow-auto", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-6 px-4 py-2 border-b border-surface-800 text-xs shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -51585,6 +52201,94 @@ function DiffView({ pinned, current: current2 }) {
     ] })
   ] });
 }
+function TestsPanel({ scriptResult }) {
+  const sr = scriptResult;
+  if (!sr || sr.testResults.length === 0 && !sr.preScriptError && !sr.postScriptError) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center h-full text-surface-400 text-xs", children: [
+      "No tests ran. Add ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mx-1 bg-surface-800 px-1 rounded", children: "pm.test()" }),
+      " calls to your post-response script."
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 flex flex-col gap-2", children: [
+    sr.preScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "PRE-SCRIPT ERROR" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.preScriptError })
+    ] }),
+    sr.postScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "POST-SCRIPT ERROR" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.postScriptError })
+    ] }),
+    sr.testResults.map((result, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `flex items-start gap-2 p-2 rounded border ${result.passed ? "bg-emerald-900/20 border-emerald-800" : "bg-red-900/20 border-red-800"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs font-bold shrink-0 ${result.passed ? "text-emerald-400" : "text-red-400"}`, children: result.passed ? "✓" : "✗" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-white", children: result.name }),
+            result.error && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-red-300 font-mono", children: result.error })
+          ] })
+        ]
+      },
+      i
+    ))
+  ] });
+}
+function RequestPanel({ sentRequest }) {
+  if (!sentRequest) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-surface-400 text-xs", children: "Send a request to see what was transmitted." });
+  }
+  const hasBody = sentRequest.body !== void 0 && sentRequest.body !== "";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto text-xs font-mono", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 border-b border-surface-800 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-bold text-blue-400 shrink-0", children: sentRequest.method }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white break-all", children: sentRequest.url })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b border-surface-800", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-400 uppercase tracking-wider font-medium mb-1.5", children: "Headers" }),
+      Object.keys(sentRequest.headers).length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: "No headers sent" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(sentRequest.headers).map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-surface-800/50 last:border-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 pr-4 text-surface-400 w-56 align-top", children: k }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 text-white break-all", children: v })
+      ] }, k)) }) })
+    ] }),
+    hasBody && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-400 uppercase tracking-wider font-medium mb-1.5", children: "Body" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-white whitespace-pre-wrap break-all text-[11px]", children: sentRequest.body })
+    ] })
+  ] });
+}
+function ConsolePanel({ scriptResult }) {
+  const sr = scriptResult;
+  const hasErrors = !!(sr?.preScriptError || sr?.postScriptError);
+  const hasOutput = !!(sr && sr.consoleOutput.length > 0);
+  if (!sr || !hasErrors && !hasOutput) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center h-full text-surface-400 text-xs", children: [
+      "No console output. Use ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mx-1 bg-surface-800 px-1 rounded", children: "console.log()" }),
+      " in your scripts."
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 flex flex-col gap-2", children: [
+    sr.preScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "PRE-SCRIPT ERROR" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.preScriptError })
+    ] }),
+    sr.postScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "POST-SCRIPT ERROR" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.postScriptError })
+    ] }),
+    hasOutput && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0", children: sr.consoleOutput.map((line, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: `text-xs font-mono py-0.5 border-b border-surface-800/50 last:border-0 ${line.startsWith("[error]") ? "text-red-300" : line.startsWith("[warn]") ? "text-amber-300" : line.startsWith("[set]") ? "text-cyan-400" : "text-surface-400"}`,
+        children: line
+      },
+      i
+    )) })
+  ] });
+}
+const { electron: electron$g } = window;
 function ResponseViewer() {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
   const activeTabId = useStore((s) => s.activeTabId);
@@ -51632,8 +52336,12 @@ function ResponseViewer() {
     const req = Object.values(state.collections).find((c) => c.data.requests[requestId])?.data.requests[requestId];
     if (!req) return;
     const existing = req.postRequestScript ?? "";
+    let cleaned = snippet2;
+    if (existing.includes("const json = sp.response.json()")) {
+      cleaned = cleaned.replace(/^\s*const json = sp\.response\.json\(\);?\s*\n?/m, "").replace(/\n\s*const json = sp\.response\.json\(\);?\s*\n/g, "\n");
+    }
     const sep = existing.trim() ? "\n\n" : "";
-    updateRequest(requestId, { postRequestScript: existing + sep + snippet2 });
+    updateRequest(requestId, { postRequestScript: existing + sep + cleaned });
     if (activeTabId) {
       setTabRequestTab(activeTabId, "scripts");
       setTabScriptTab(activeTabId, "post");
@@ -51781,93 +52489,6 @@ function ResponseViewer() {
     ] }, k)) }) }) }) : tab === "tests" ? /* @__PURE__ */ jsxRuntimeExports.jsx(TestsPanel, { scriptResult }) : tab === "console" ? /* @__PURE__ */ jsxRuntimeExports.jsx(ConsolePanel, { scriptResult }) : tab === "request" ? /* @__PURE__ */ jsxRuntimeExports.jsx(RequestPanel, { sentRequest }) : null })
   ] });
 }
-function TestsPanel({ scriptResult }) {
-  const sr = scriptResult;
-  if (!sr || sr.testResults.length === 0 && !sr.preScriptError && !sr.postScriptError) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center h-full text-surface-400 text-xs", children: [
-      "No tests ran. Add ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mx-1 bg-surface-800 px-1 rounded", children: "pm.test()" }),
-      " calls to your post-response script."
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 flex flex-col gap-2", children: [
-    sr.preScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "PRE-SCRIPT ERROR" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.preScriptError })
-    ] }),
-    sr.postScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "POST-SCRIPT ERROR" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.postScriptError })
-    ] }),
-    sr.testResults.map((result, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "div",
-      {
-        className: `flex items-start gap-2 p-2 rounded border ${result.passed ? "bg-emerald-900/20 border-emerald-800" : "bg-red-900/20 border-red-800"}`,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs font-bold shrink-0 ${result.passed ? "text-emerald-400" : "text-red-400"}`, children: result.passed ? "✓" : "✗" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-white", children: result.name }),
-            result.error && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-red-300 font-mono", children: result.error })
-          ] })
-        ]
-      },
-      i
-    ))
-  ] });
-}
-function RequestPanel({ sentRequest }) {
-  if (!sentRequest) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-surface-400 text-xs", children: "Send a request to see what was transmitted." });
-  }
-  const hasBody = sentRequest.body !== void 0 && sentRequest.body !== "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto text-xs font-mono", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-3 border-b border-surface-800 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-bold text-blue-400 shrink-0", children: sentRequest.method }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-white break-all", children: sentRequest.url })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b border-surface-800", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-400 uppercase tracking-wider font-medium mb-1.5", children: "Headers" }),
-      Object.keys(sentRequest.headers).length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: "No headers sent" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: Object.entries(sentRequest.headers).map(([k, v]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-surface-800/50 last:border-0", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 pr-4 text-surface-400 w-56 align-top", children: k }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1 text-white break-all", children: v })
-      ] }, k)) }) })
-    ] }),
-    hasBody && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-400 uppercase tracking-wider font-medium mb-1.5", children: "Body" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-white whitespace-pre-wrap break-all text-[11px]", children: sentRequest.body })
-    ] })
-  ] });
-}
-function ConsolePanel({ scriptResult }) {
-  const sr = scriptResult;
-  const hasErrors = !!(sr?.preScriptError || sr?.postScriptError);
-  const hasOutput = !!(sr && sr.consoleOutput.length > 0);
-  if (!sr || !hasErrors && !hasOutput) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-center h-full text-surface-400 text-xs", children: [
-      "No console output. Use ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mx-1 bg-surface-800 px-1 rounded", children: "console.log()" }),
-      " in your scripts."
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 flex flex-col gap-2", children: [
-    sr.preScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "PRE-SCRIPT ERROR" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.preScriptError })
-    ] }),
-    sr.postScriptError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 p-2 rounded bg-red-900/30 border border-red-700", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-xs font-bold shrink-0", children: "POST-SCRIPT ERROR" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-300 text-xs font-mono", children: sr.postScriptError })
-    ] }),
-    hasOutput && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0", children: sr.consoleOutput.map((line, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: `text-xs font-mono py-0.5 border-b border-surface-800/50 last:border-0 ${line.startsWith("[error]") ? "text-red-300" : line.startsWith("[warn]") ? "text-amber-300" : line.startsWith("[set]") ? "text-cyan-400" : "text-surface-400"}`,
-        children: line
-      },
-      i
-    )) })
-  ] });
-}
 const { electron: electron$f } = window;
 const TARGETS = [
   { id: "robot_framework", label: "Robot Framework", description: "Python RequestsLibrary keywords + test suite" },
@@ -53206,13 +53827,66 @@ const OPTIONS = [
   { id: "insomnia", label: "Insomnia", description: "Export v4 JSON" },
   { id: "bruno", label: "Bruno", description: "bruno.json collection file" }
 ];
+function listEndpoints(col) {
+  const result = [];
+  function walk(folder, path) {
+    for (const id2 of folder.requestIds) {
+      const req = col.requests[id2];
+      if (req) result.push({ request: req, folderPath: path });
+    }
+    for (const sub of folder.folders) {
+      walk(sub, [...path, sub.name]);
+    }
+  }
+  walk(col.rootFolder, []);
+  return result;
+}
 function ImportModal({ onImport, onClose }) {
+  const collections = useStore((s) => s.collections);
+  const environments = useStore((s) => s.environments);
+  const setActiveCollection = useStore((s) => s.setActiveCollection);
+  const mergeIntoCollection = useStore((s) => s.mergeIntoCollection);
+  const markCollectionClean = useStore((s) => s.markCollectionClean);
   const [selected, setSelected] = reactExports.useState(null);
   const [url, setUrl] = reactExports.useState("");
   const [loading, setLoading] = reactExports.useState(false);
   const [error2, setError] = reactExports.useState(null);
   const urlInputRef = reactExports.useRef(null);
-  async function runImport(opt) {
+  const [previewCol, setPreviewCol] = reactExports.useState(null);
+  const [chosenIds, setChosenIds] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [target, setTarget] = reactExports.useState("__new__");
+  const [newColName, setNewColName] = reactExports.useState("");
+  const [baseUrl, setBaseUrl] = reactExports.useState("");
+  const [varName, setVarName] = reactExports.useState("baseUrl");
+  const [envTarget, setEnvTarget] = reactExports.useState("__new__");
+  const [newEnvName, setNewEnvName] = reactExports.useState("");
+  const endpoints = reactExports.useMemo(
+    () => previewCol ? listEndpoints(previewCol) : [],
+    [previewCol]
+  );
+  const grouped = reactExports.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const ep of endpoints) {
+      const key = ep.folderPath.join(" / ") || "(root)";
+      const arr = map.get(key) ?? [];
+      arr.push(ep);
+      map.set(key, arr);
+    }
+    return Array.from(map.entries());
+  }, [endpoints]);
+  function enterPreview(col) {
+    setPreviewCol(col);
+    setNewColName(col.name);
+    setChosenIds(new Set(Object.keys(col.requests)));
+    const urls = Object.values(col.requests).map((r) => r.url).filter(Boolean);
+    setBaseUrl(detectBaseUrl(urls));
+    setVarName("baseUrl");
+    const state = useStore.getState();
+    const activeEnvId = state.activeEnvironmentId;
+    setEnvTarget(activeEnvId && state.environments[activeEnvId] ? activeEnvId : "__new__");
+    setNewEnvName(`${col.name} env`);
+  }
+  async function runFileImport(opt) {
     setLoading(true);
     setError(null);
     try {
@@ -53221,8 +53895,16 @@ function ImportModal({ onImport, onClose }) {
       if (opt.id === "openapi") col = await electron$8.importOpenApi();
       if (opt.id === "insomnia") col = await electron$8.importInsomnia();
       if (opt.id === "bruno") col = await electron$8.importBruno();
-      onImport(col);
-      onClose();
+      if (!col) {
+        setLoading(false);
+        return;
+      }
+      if (opt.id === "openapi") {
+        enterPreview(col);
+      } else {
+        onImport(col);
+        onClose();
+      }
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -53236,14 +53918,338 @@ function ImportModal({ onImport, onClose }) {
     setError(null);
     try {
       const col = await electron$8.importOpenApiFromUrl(trimmed);
-      onImport(col);
-      onClose();
+      if (col) enterPreview(col);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setLoading(false);
+    }
+  }
+  function toggleId(id2) {
+    setChosenIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id2)) next.delete(id2);
+      else next.add(id2);
+      return next;
+    });
+  }
+  function toggleGroup(ids) {
+    setChosenIds((prev) => {
+      const next = new Set(prev);
+      const allSelected = ids.every((id2) => next.has(id2));
+      if (allSelected) ids.forEach((id2) => next.delete(id2));
+      else ids.forEach((id2) => next.add(id2));
+      return next;
+    });
+  }
+  function selectAll2() {
+    setChosenIds(new Set(endpoints.map((e) => e.request.id)));
+  }
+  function selectNone() {
+    setChosenIds(/* @__PURE__ */ new Set());
+  }
+  async function confirmImport() {
+    if (!previewCol) return;
+    const picked = endpoints.filter((e) => chosenIds.has(e.request.id));
+    if (!picked.length) {
+      setError("Pick at least one endpoint");
+      return;
+    }
+    const trimmedVarName = varName.trim();
+    const trimmedBaseUrl = baseUrl.trim();
+    const useVariable = Boolean(trimmedVarName && trimmedBaseUrl);
+    if (trimmedBaseUrl && !trimmedVarName) {
+      setError("Variable name is required when extracting base URL");
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const rewriteUrl = (u) => {
+        if (!useVariable) return u;
+        return u.startsWith(trimmedBaseUrl) ? `{{${trimmedVarName}}}${u.slice(trimmedBaseUrl.length)}` : u;
+      };
+      for (const ep of picked) {
+        ep.request.url = rewriteUrl(ep.request.url);
+      }
+      if (useVariable) {
+        await persistBaseUrlVariable(trimmedVarName, trimmedBaseUrl);
+      }
+      if (target === "__new__") {
+        const filtered = {
+          ...previewCol,
+          name: newColName.trim() || previewCol.name,
+          requests: {},
+          rootFolder: pruneFolder(previewCol.rootFolder, previewCol, chosenIds, {})
+        };
+        filtered.requests = collectRequestsByFolder(filtered.rootFolder, previewCol);
+        onImport(filtered);
+        onClose();
+      } else {
+        const targetCol = collections[target]?.data;
+        if (!targetCol) throw new Error("Target collection not found");
+        const prunedRoot = pruneFolder(previewCol.rootFolder, previewCol, chosenIds, {});
+        const prunedRequests = collectRequestsByFolder(prunedRoot, previewCol);
+        mergeIntoCollection(target, prunedRoot, prunedRequests);
+        const entry = useStore.getState().collections[target];
+        if (entry) {
+          await electron$8.saveCollection(entry.relPath, entry.data);
+          markCollectionClean(target);
+        }
+        setActiveCollection(target);
+        onImport(null);
+        onClose();
+      }
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
       setLoading(false);
     }
   }
+  async function persistBaseUrlVariable(name2, value) {
+    const state = useStore.getState();
+    if (envTarget === "__new__") {
+      const desiredName = newEnvName.trim() || "New Environment";
+      const existingNames = Object.values(state.environments).map((e) => e.data.name);
+      const finalName = uniqueEnvName(desiredName, existingNames);
+      const envId = v4();
+      const env = {
+        version: "1.0",
+        id: envId,
+        name: finalName,
+        variables: [{ key: name2, value, enabled: true }]
+      };
+      const relPath = envRelPath(finalName, envId);
+      await electron$8.saveEnvironment(relPath, env);
+      useStore.setState((s) => {
+        s.environments[envId] = { relPath, data: env };
+        if (!s.activeEnvironmentId) s.activeEnvironmentId = envId;
+        if (s.workspace && !s.workspace.environments.includes(relPath)) {
+          s.workspace.environments = [...s.workspace.environments, relPath];
+        }
+        return s;
+      });
+      const ws2 = useStore.getState().workspace;
+      if (ws2) await electron$8.saveWorkspace(ws2);
+    } else {
+      const entry = state.environments[envTarget];
+      if (!entry) throw new Error("Target environment not found");
+      const updated = { ...entry.data };
+      const idx = updated.variables.findIndex((v) => v.key === name2);
+      if (idx >= 0) {
+        if (!updated.variables[idx].value) {
+          updated.variables = updated.variables.map(
+            (v, i) => i === idx ? { ...v, value, enabled: true } : v
+          );
+        }
+      } else {
+        updated.variables = [...updated.variables, { key: name2, value, enabled: true }];
+      }
+      await electron$8.saveEnvironment(entry.relPath, updated);
+      useStore.getState().updateEnvironment(envTarget, updated);
+    }
+  }
+  if (previewCol) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60", onClick: onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "bg-surface-900 border border-surface-700 rounded-xl shadow-2xl w-[640px] max-h-[80vh] p-5 flex flex-col gap-4",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("h2", { className: "text-sm font-semibold text-surface-100", children: [
+              "Import OpenAPI — ",
+              previewCol.name
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "text-surface-500 hover:text-surface-300 text-lg leading-none",
+                children: "×"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 border border-surface-800 rounded-lg p-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: "Destination" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "select",
+              {
+                value: target,
+                onChange: (e) => setTarget(e.target.value),
+                className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "__new__", children: "Create new collection…" }),
+                  Object.values(collections).map((c) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: c.data.id, children: c.data.name }, c.data.id))
+                ]
+              }
+            ),
+            target === "__new__" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                value: newColName,
+                onChange: (e) => setNewColName(e.target.value),
+                placeholder: "Collection name",
+                className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 border border-surface-800 rounded-lg p-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: "Base URL → variable" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: baseUrl,
+                  onChange: (e) => setBaseUrl(e.target.value),
+                  placeholder: "https://api.example.com/v1",
+                  className: "flex-1 text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600 font-mono"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-surface-500 self-center", children: "→" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: varName,
+                  onChange: (e) => setVarName(e.target.value),
+                  placeholder: "baseUrl",
+                  className: "w-32 text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600 font-mono"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-500", children: "Leave the URL field empty to keep absolute URLs in each request." }),
+            baseUrl.trim() && varName.trim() && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "select",
+                {
+                  value: envTarget,
+                  onChange: (e) => setEnvTarget(e.target.value),
+                  className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "__new__", children: "Create new environment…" }),
+                    Object.values(environments).map((e) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: e.data.id, children: e.data.name }, e.data.id))
+                  ]
+                }
+              ),
+              envTarget === "__new__" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: newEnvName,
+                  onChange: (e) => setNewEnvName(e.target.value),
+                  placeholder: "Environment name",
+                  className: "text-xs bg-surface-800 border border-surface-700 rounded px-2 py-1.5 focus:outline-none focus:border-blue-500"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: [
+              "Endpoints (",
+              chosenIds.size,
+              " / ",
+              endpoints.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: selectAll2, className: "text-[10px] text-blue-400 hover:text-blue-300", children: "Select all" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: selectNone, className: "text-[10px] text-blue-400 hover:text-blue-300", children: "Select none" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto border border-surface-800 rounded-lg", children: [
+            grouped.map(([groupName, items2]) => {
+              const ids = items2.map((i) => i.request.id);
+              const allOn = ids.every((id2) => chosenIds.has(id2));
+              const someOn = !allOn && ids.some((id2) => chosenIds.has(id2));
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b border-surface-800 last:border-b-0", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "button",
+                  {
+                    onClick: () => toggleGroup(ids),
+                    className: "w-full flex items-center gap-2 px-3 py-2 bg-surface-850 hover:bg-surface-800 text-left",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: allOn,
+                          ref: (el) => {
+                            if (el) el.indeterminate = someOn;
+                          },
+                          onChange: () => toggleGroup(ids),
+                          onClick: (e) => e.stopPropagation(),
+                          className: "accent-blue-500"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-semibold text-surface-200", children: groupName }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-surface-500", children: [
+                        "(",
+                        items2.length,
+                        ")"
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: items2.map((ep) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "label",
+                  {
+                    className: "flex items-center gap-2 px-3 py-1.5 pl-8 hover:bg-surface-850 cursor-pointer",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          checked: chosenIds.has(ep.request.id),
+                          onChange: () => toggleId(ep.request.id),
+                          className: "accent-blue-500"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-mono font-bold ${methodColor$1(ep.request.method)}`, children: ep.request.method }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-surface-200 truncate", children: ep.request.name })
+                    ]
+                  },
+                  ep.request.id
+                )) })
+              ] }, groupName);
+            }),
+            !grouped.length && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-surface-500 p-3", children: "No endpoints found in spec." })
+          ] }),
+          error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400", children: error2 }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-between pt-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => {
+                  setPreviewCol(null);
+                  setError(null);
+                },
+                className: "px-3 py-1.5 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+                children: "Back"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: onClose,
+                  className: "px-3 py-1.5 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  disabled: loading || chosenIds.size === 0 || target === "__new__" && !newColName.trim(),
+                  onClick: confirmImport,
+                  className: "px-3 py-1.5 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors",
+                  children: loading ? "Importing…" : "Import"
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ) });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60", onClick: onClose, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -53319,7 +54325,7 @@ function ImportModal({ onImport, onClose }) {
               disabled: !selected || loading,
               onClick: () => {
                 const opt = OPTIONS.find((o) => o.id === selected);
-                if (opt) runImport(opt);
+                if (opt) runFileImport(opt);
               },
               className: "px-3 py-1.5 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors",
               children: loading ? "Importing…" : "Choose File"
@@ -53330,6 +54336,63 @@ function ImportModal({ onImport, onClose }) {
     }
   ) });
 }
+function detectBaseUrl(urls) {
+  if (!urls.length) return "";
+  let prefix2 = urls[0];
+  for (const u of urls.slice(1)) {
+    let i = 0;
+    while (i < prefix2.length && i < u.length && prefix2[i] === u[i]) i++;
+    prefix2 = prefix2.slice(0, i);
+    if (!prefix2) break;
+  }
+  if (!prefix2.includes("://")) return "";
+  const protoEnd = prefix2.indexOf("://") + 3;
+  const lastSlash = prefix2.lastIndexOf("/");
+  if (lastSlash > protoEnd) prefix2 = prefix2.slice(0, lastSlash);
+  return prefix2.replace(/\/$/, "");
+}
+function uniqueEnvName(base2, existing) {
+  if (!existing.includes(base2)) return base2;
+  let i = 2;
+  while (existing.includes(`${base2} (${i})`)) i++;
+  return `${base2} (${i})`;
+}
+function methodColor$1(method) {
+  switch (method) {
+    case "GET":
+      return "text-emerald-400";
+    case "POST":
+      return "text-amber-400";
+    case "PUT":
+      return "text-sky-400";
+    case "PATCH":
+      return "text-violet-400";
+    case "DELETE":
+      return "text-red-400";
+    default:
+      return "text-surface-300";
+  }
+}
+function pruneFolder(src, _col, keep, _out) {
+  const subFolders = src.folders.map((f) => pruneFolder(f, _col, keep)).filter((f) => f.requestIds.length > 0 || f.folders.length > 0);
+  const requestIds = src.requestIds.filter((id2) => keep.has(id2));
+  return {
+    ...src,
+    folders: subFolders,
+    requestIds
+  };
+}
+function collectRequestsByFolder(folder, src) {
+  const out = {};
+  function walk(f) {
+    for (const id2 of f.requestIds) {
+      if (src.requests[id2]) out[id2] = src.requests[id2];
+    }
+    for (const sub of f.folders) walk(sub);
+  }
+  walk(folder);
+  return out;
+}
 const { electron: electron$7 } = window;
 const ZOOM_STEPS = [0.75, 0.9, 1, 1.1, 1.25, 1.5];
 function PreferencesPopover() {
@@ -53666,8 +54729,13 @@ function buildHtmlReport(results, summary, meta2 = {}) {
     after: "AFTER",
     afterAll: "AFTER ALL"
   };
+  let lastScopeKey = null;
   const cards = results.map((r, idx) => {
-    const statusCls = r.status === "passed" ? "badge-pass" : r.status === "failed" ? "badge-fail" : "badge-err";
+    const scopeKey = (r.scopePath ?? []).join(" / ");
+    const groupHeading = scopeKey && scopeKey !== lastScopeKey ? `    <div class="scope-heading">${esc2(scopeKey)}</div>
+` : "";
+    lastScopeKey = scopeKey;
+    const statusCls = r.status === "passed" ? "badge-pass" : r.status === "failed" ? "badge-fail" : r.status === "skipped" ? "badge-skip" : "badge-err";
     const httpCls = r.httpStatus && r.httpStatus < 300 ? "http-ok" : r.httpStatus && r.httpStatus < 400 ? "http-redir" : "http-err";
     const dur = r.durationMs != null ? `${r.durationMs} ms` : "—";
     const label = r.iterationLabel ? ` <span class="muted">#${esc2(r.iterationLabel)}</span>` : "";
@@ -53705,7 +54773,7 @@ function buildHtmlReport(results, summary, meta2 = {}) {
         ${resp.body ? `<div class="section-label">Body</div><pre class="code-block">${prettyJson2(resp.body)}</pre>` : ""}
       </div>` : "";
     const hookCls = hookLabel ? r.hookType?.startsWith("before") ? "card-hook-before" : "card-hook-after" : "";
-    return `
+    return `${groupHeading}
     <div class="card ${hookCls}" id="r${idx}">
       <div class="card-header" onclick="toggle(${idx})">
         <span class="chevron" id="ch${idx}">▶</span>
@@ -53746,8 +54814,11 @@ function buildHtmlReport(results, summary, meta2 = {}) {
   .stat-pass .stat-val { color: #3fb950; }
   .stat-fail .stat-val { color: #f85149; }
   .stat-err  .stat-val { color: #d29922; }
+  .stat-skip .stat-val { color: #8b949e; }
   /* Cards */
   .card { border: 1px solid #21262d; border-radius: 8px; margin-bottom: 8px; overflow: hidden; }
+  .scope-heading { margin: 18px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: #8b949e; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid #21262d; }
+  .scope-heading::before { content: "▸ "; color: #484f58; }
   .card-header { display: flex; align-items: baseline; gap: 8px; padding: 10px 14px; cursor: pointer; user-select: none; }
   .card-header:hover { background: #161b22; }
   .chevron { font-size: 10px; color: #8b949e; min-width: 10px; transition: transform .15s; }
@@ -53759,6 +54830,7 @@ function buildHtmlReport(results, summary, meta2 = {}) {
   .badge-pass { background: #0d3a1e; color: #3fb950; }
   .badge-fail { background: #3d1014; color: #f85149; }
   .badge-err  { background: #3d2a00; color: #d29922; }
+  .badge-skip { background: #21262d; color: #8b949e; }
   .method { font-family: monospace; font-size: 11px; font-weight: 700; color: #79c0ff; white-space: nowrap; }
   .method-badge { display: inline-block; font-family: monospace; font-size: 11px; font-weight: 700; color: #79c0ff; min-width: 52px; }
   .http-badge { font-family: monospace; font-size: 11px; font-weight: 600; white-space: nowrap; }
@@ -53812,6 +54884,7 @@ function buildHtmlReport(results, summary, meta2 = {}) {
     <div class="stat stat-pass"><div class="stat-val">${summary.passed}</div><div class="stat-lbl">Passed</div></div>
     <div class="stat stat-fail"><div class="stat-val">${summary.failed}</div><div class="stat-lbl">Failed</div></div>
     <div class="stat stat-err"><div class="stat-val">${summary.errors}</div><div class="stat-lbl">Errors</div></div>
+    <div class="stat stat-skip"><div class="stat-val">${summary.skipped ?? 0}</div><div class="stat-lbl">No tests</div></div>
     <div class="stat"><div class="stat-val">${passRate}%</div><div class="stat-lbl">Pass rate</div></div>
     <div class="stat"><div class="stat-val">${summary.durationMs} ms</div><div class="stat-lbl">Duration</div></div>
   </div>
@@ -53855,6 +54928,8 @@ function buildJUnitReport(results, summary, meta2 = {}) {
       failures.push(`      <error message="${esc2(r.preScriptError)}" type="PreScriptError" />`);
     } else if (r.postScriptError) {
       failures.push(`      <error message="${esc2(r.postScriptError)}" type="PostScriptError" />`);
+    } else if (r.status === "skipped") {
+      failures.push('      <skipped message="No assertions defined for this request" />');
     } else if (r.testResults?.length) {
       for (const t2 of r.testResults) {
         if (!t2.passed) {
@@ -53869,10 +54944,11 @@ ${failures.join("\n")}
     ` : "";
     return `    <testcase name="${name2}" classname="${classname}" time="${timeSec}">${inner}</testcase>`;
   });
+  const skipped = summary.skipped ?? 0;
   const lines = [
     '<?xml version="1.0" encoding="UTF-8"?>',
-    `<testsuites name="${suiteName}" tests="${summary.total}" failures="${summary.failed}" errors="${summary.errors}" time="${totalSec}">`,
-    `  <testsuite name="${suiteName}" tests="${summary.total}" failures="${summary.failed}" errors="${summary.errors}" time="${totalSec}" timestamp="${ts}">`,
+    `<testsuites name="${suiteName}" tests="${summary.total}" failures="${summary.failed}" errors="${summary.errors}" skipped="${skipped}" time="${totalSec}">`,
+    `  <testsuite name="${suiteName}" tests="${summary.total}" failures="${summary.failed}" errors="${summary.errors}" skipped="${skipped}" time="${totalSec}" timestamp="${ts}">`,
     ...cases,
     "  </testsuite>",
     "</testsuites>"
@@ -53972,7 +55048,7 @@ function allTagsIn(collectionId, folderId) {
   const state = useStore.getState();
   const col = state.collections[collectionId]?.data;
   if (!col) return [];
-  const rootFolder = folderId ? findFolder(col.rootFolder, folderId) ?? col.rootFolder : col.rootFolder;
+  const rootFolder = folderId ? findFolder$1(col.rootFolder, folderId) ?? col.rootFolder : col.rootFolder;
   return collectAllTags(rootFolder, col.requests);
 }
 function StatusDot({ status }) {
@@ -53981,7 +55057,8 @@ function StatusDot({ status }) {
     running: "bg-blue-400 animate-pulse",
     passed: "bg-emerald-500",
     failed: "bg-red-500",
-    error: "bg-orange-500"
+    error: "bg-orange-500",
+    skipped: "bg-surface-500"
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `inline-block w-2 h-2 rounded-full shrink-0 ${colors[status] ?? "bg-surface-700"}` });
 }
@@ -54007,7 +55084,7 @@ function RunnerModal() {
   const { collectionId, folderId } = runnerModal;
   const colEntry = collectionId ? collections[collectionId] : null;
   const colName = colEntry?.data.name ?? "Collection";
-  const folderName = folderId && colEntry ? findFolder(colEntry.data.rootFolder, folderId)?.name ?? "Folder" : null;
+  const folderName = folderId && colEntry ? findFolder$1(colEntry.data.rootFolder, folderId)?.name ?? "Folder" : null;
   const dataSet = colEntry?.data.dataSet ?? { columns: [], rows: [] };
   const iterCount = dataSet.rows.length;
   const availableTags = collectionId ? allTagsIn(collectionId, folderId) : [];
@@ -54053,7 +55130,8 @@ function RunnerModal() {
       iterationLabel: item.iterationLabel,
       isHook: item.isHook,
       hookType: item.hookType,
-      scopeId: item.scopeId
+      scopeId: item.scopeId,
+      scopePath: item.scopePath
     })));
     setSummary(null);
     setRunnerRunning(true);
@@ -54212,45 +55290,55 @@ function RunnerModal() {
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: runnerResults.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { message: "Configure the run above and press Run." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: runnerResults.map((r, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "tr",
-              {
-                className: `border-b border-surface-800/50 hover:bg-surface-800/30 ${r.isHook ? "opacity-80" : ""}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-4 py-2 w-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: r.status }) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-2 w-20", children: r.isHook && r.hookType ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wide whitespace-nowrap ${HOOK_BADGE[r.hookType]?.cls ?? ""}`, children: HOOK_BADGE[r.hookType]?.label }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold ${getMethodColor(r.method)}`, children: r.method }) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-2 pr-2", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `truncate max-w-[260px] ${r.isHook ? "text-surface-400 italic" : "text-[var(--text-primary)]"}`, children: [
-                      r.name,
-                      r.iterationLabel && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1.5 text-[10px] text-surface-500 font-mono", children: [
-                        "#",
-                        r.iterationLabel
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: runnerResults.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { message: "Configure the run above and press Run." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: runnerResults.map((r, idx) => {
+              const scopeKey = (r.scopePath ?? []).join(" / ");
+              const prevScope = idx > 0 ? (runnerResults[idx - 1].scopePath ?? []).join(" / ") : null;
+              const showHeading = scopeKey !== "" && scopeKey !== prevScope;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+                showHeading && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { className: "bg-surface-800/40", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { colSpan: 6, className: "px-4 py-1.5 text-[10px] uppercase tracking-wider font-semibold text-surface-400", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: "▸ " }),
+                  scopeKey
+                ] }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "tr",
+                  {
+                    className: `border-b border-surface-800/50 hover:bg-surface-800/30 ${r.isHook ? "opacity-80" : ""}`,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-4 py-2 w-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: r.status }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-2 w-20", children: r.isHook && r.hookType ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wide whitespace-nowrap ${HOOK_BADGE[r.hookType]?.cls ?? ""}`, children: HOOK_BADGE[r.hookType]?.label }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold ${getMethodColor(r.method)}`, children: r.method }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-2 pr-2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `truncate max-w-[260px] ${r.isHook ? "text-surface-400 italic" : "text-[var(--text-primary)]"}`, children: [
+                          r.name,
+                          r.iterationLabel && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1.5 text-[10px] text-surface-500 font-mono", children: [
+                            "#",
+                            r.iterationLabel
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500 font-mono truncate max-w-[260px]", children: r.resolvedUrl })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-2 text-right text-surface-400 w-20", children: r.httpStatus ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono ${r.httpStatus < 400 ? "text-emerald-400" : "text-red-400"}`, children: r.httpStatus }) : r.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-[10px]", children: "error" }) : null }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-4 text-right w-16 text-surface-400", children: r.durationMs !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                        r.durationMs,
+                        "ms"
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-2 pr-4 w-24", children: [
+                        r.testResults && r.testResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-[10px] ${r.testResults.every((t2) => t2.passed) ? "text-emerald-400" : "text-red-400"}`, children: [
+                          r.testResults.filter((t2) => t2.passed).length,
+                          "/",
+                          r.testResults.length,
+                          " tests"
+                        ] }),
+                        r.error && !r.error.startsWith("Skipped") && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-orange-400", title: r.error, children: [
+                          "⚠ ",
+                          r.error.slice(0, 30)
+                        ] }),
+                        r.error?.startsWith("Skipped") && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-500 italic", children: "skipped" })
                       ] })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500 font-mono truncate max-w-[260px]", children: r.resolvedUrl })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-2 text-right text-surface-400 w-20", children: r.httpStatus ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `font-mono ${r.httpStatus < 400 ? "text-emerald-400" : "text-red-400"}`, children: r.httpStatus }) : r.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400 text-[10px]", children: "error" }) : null }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-4 text-right w-16 text-surface-400", children: r.durationMs !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-                    r.durationMs,
-                    "ms"
-                  ] }) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-2 pr-4 w-24", children: [
-                    r.testResults && r.testResults.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: `text-[10px] ${r.testResults.every((t2) => t2.passed) ? "text-emerald-400" : "text-red-400"}`, children: [
-                      r.testResults.filter((t2) => t2.passed).length,
-                      "/",
-                      r.testResults.length,
-                      " tests"
-                    ] }),
-                    r.error && !r.error.startsWith("Skipped") && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] text-orange-400", title: r.error, children: [
-                      "⚠ ",
-                      r.error.slice(0, 30)
-                    ] }),
-                    r.error?.startsWith("Skipped") && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-surface-500 italic", children: "skipped" })
-                  ] })
-                ]
-              },
-              idx
-            )) }) }) }),
+                    ]
+                  }
+                )
+              ] }, idx);
+            }) }) }) }),
             summary && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-t border-surface-800 bg-surface-800/30 flex-shrink-0 text-xs", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-emerald-400 font-medium", children: [
                 summary.passed,
@@ -54264,6 +55352,10 @@ function RunnerModal() {
                 summary.errors,
                 " errors"
               ] }),
+              summary.skipped > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400 font-medium", title: "Requests with no assertions to verify", children: [
+                summary.skipped,
+                " no tests"
+              ] }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-400", children: [
                 summary.total,
                 " total · ",
@@ -56855,6 +57947,9 @@ function App() {
   const activeTabId = useStore((s) => s.activeTabId);
   const setActiveTabId = useStore((s) => s.setActiveTabId);
   const closeTab = useStore((s) => s.closeTab);
+  const closeAllTabs = useStore((s) => s.closeAllTabs);
+  const closeOtherTabs = useStore((s) => s.closeOtherTabs);
+  const [tabContextMenu, setTabContextMenu] = reactExports.useState(null);
   const showGeneratorPanel = useStore((s) => s.showGeneratorPanel);
   const sidebarTab = useStore((s) => s.sidebarTab);
   const setSidebarTab = useStore((s) => s.setSidebarTab);
@@ -56873,7 +57968,7 @@ function App() {
   const setWsStatus = useStore((s) => s.setWsStatus);
   const addWsMessage = useStore((s) => s.addWsMessage);
   const [sidebarOpen, setSidebarOpen] = reactExports.useState(true);
-  const [responseOpen, setResponseOpen] = reactExports.useState(true);
+  const [responseOpen, setResponseOpen] = reactExports.useState(false);
   const [docsModalOpen, setDocsModalOpen] = reactExports.useState(false);
   const [sidebarWidth, setSidebarWidth] = reactExports.useState(256);
   const [requestPaneWidth, setRequestPaneWidth] = reactExports.useState(null);
@@ -56940,6 +58035,9 @@ function App() {
   }, [theme2]);
   const activeTab = tabs.find((t2) => t2.id === activeTabId) ?? null;
   const activeRequest = activeTab?.requestId ? Object.values(collections).find((c) => c.data.requests[activeTab.requestId])?.data.requests[activeTab.requestId] : null;
+  reactExports.useEffect(() => {
+    setResponseOpen(Boolean(activeTab?.lastResponse));
+  }, [activeTabId, activeTab?.lastResponse]);
   function selectPanel(tab) {
     if (sidebarTab === tab && sidebarOpen) {
       setSidebarOpen(false);
@@ -56957,7 +58055,7 @@ function App() {
       /* @__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.1.9"
+        "0.2.0"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -57071,34 +58169,105 @@ function App() {
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "flex-1 min-w-0 flex flex-col min-h-0", children: [
-        tabs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center border-b border-surface-800 bg-surface-950 overflow-x-auto flex-shrink-0", children: tabs.map((tab) => {
-          const req = tab.requestId ? Object.values(collections).find((c) => c.data.requests[tab.requestId])?.data.requests[tab.requestId] : null;
-          const isActive = tab.id === activeTabId;
-          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        tabs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center border-b border-surface-800 bg-surface-950 flex-shrink-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center overflow-x-auto flex-1 min-w-0", children: tabs.map((tab) => {
+            const req = tab.requestId ? Object.values(collections).find((c) => c.data.requests[tab.requestId])?.data.requests[tab.requestId] : null;
+            const isActive = tab.id === activeTabId;
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                onClick: () => setActiveTabId(tab.id),
+                onContextMenu: (e) => {
+                  e.preventDefault();
+                  setTabContextMenu({ x: e.clientX, y: e.clientY, tabId: tab.id });
+                },
+                className: `group flex items-center gap-1.5 px-3 py-1.5 border-r border-surface-800 cursor-pointer min-w-0 max-w-[200px] flex-shrink-0 transition-colors ${isActive ? "bg-surface-900 border-b-2 border-b-blue-500 -mb-px" : "hover:bg-surface-900/50 text-surface-600"}`,
+                children: [
+                  req && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold shrink-0 ${TAB_METHOD_COLORS[req.method] ?? "text-gray-400"}`, children: req.method }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs truncate ${isActive ? "text-white" : ""}`, children: req?.name ?? "Untitled" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        closeTab(tab.id);
+                      },
+                      className: "ml-auto opacity-0 group-hover:opacity-100 shrink-0 text-surface-600 hover:text-white transition-all leading-none",
+                      title: "Close tab",
+                      children: "×"
+                    }
+                  )
+                ]
+              },
+              tab.id
+            );
+          }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: closeAllTabs,
+              title: "Close all tabs",
+              className: "flex-shrink-0 px-2 py-1.5 text-surface-500 hover:text-white hover:bg-surface-900/50 border-l border-surface-800 text-xs leading-none transition-colors",
+              children: "⨯ all"
+            }
+          )
+        ] }),
+        tabContextMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "fixed inset-0 z-40",
+              onClick: () => setTabContextMenu(null),
+              onContextMenu: (e) => {
+                e.preventDefault();
+                setTabContextMenu(null);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              onClick: () => setActiveTabId(tab.id),
-              className: `group flex items-center gap-1.5 px-3 py-1.5 border-r border-surface-800 cursor-pointer min-w-0 max-w-[200px] flex-shrink-0 transition-colors ${isActive ? "bg-surface-900 border-b-2 border-b-blue-500 -mb-px" : "hover:bg-surface-900/50 text-surface-600"}`,
+              className: "fixed z-50 bg-surface-900 border border-surface-700 rounded shadow-2xl py-1 text-xs min-w-[160px]",
+              style: { left: tabContextMenu.x, top: tabContextMenu.y },
               children: [
-                req && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold shrink-0 ${TAB_METHOD_COLORS[req.method] ?? "text-gray-400"}`, children: req.method }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs truncate ${isActive ? "text-white" : ""}`, children: req?.name ?? "Untitled" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "button",
                   {
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      closeTab(tab.id);
+                    onClick: () => {
+                      closeTab(tabContextMenu.tabId);
+                      setTabContextMenu(null);
                     },
-                    className: "ml-auto opacity-0 group-hover:opacity-100 shrink-0 text-surface-600 hover:text-white transition-all leading-none",
-                    title: "Close tab",
-                    children: "×"
+                    className: "w-full text-left px-3 py-1.5 text-surface-300 hover:bg-surface-800 hover:text-white transition-colors",
+                    children: "Close"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      closeOtherTabs(tabContextMenu.tabId);
+                      setTabContextMenu(null);
+                    },
+                    disabled: tabs.length < 2,
+                    className: "w-full text-left px-3 py-1.5 text-surface-300 hover:bg-surface-800 hover:text-white disabled:text-surface-600 disabled:hover:bg-transparent transition-colors",
+                    children: "Close others"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    onClick: () => {
+                      closeAllTabs();
+                      setTabContextMenu(null);
+                    },
+                    className: "w-full text-left px-3 py-1.5 text-surface-300 hover:bg-surface-800 hover:text-white transition-colors",
+                    children: "Close all"
                   }
                 )
               ]
-            },
-            tab.id
-          );
-        }) }),
+            }
+          )
+        ] }),
         sidebarTab === "contracts" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ContractResultsPanel, {}) }) : sidebarTab === "mocks" && recorderRunning ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           RecorderPanel,
           {