@testsmith/api-spector 0.2.2 → 0.2.4

package/out/renderer/assets/{index-C_vjoxxA.js → index-BC1srylp.js}

@@ -13317,6 +13317,112 @@ function envRelPath(name2, id2) {
 function safeName(name2) {
   return name2.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "");
 }
+const WS_MESSAGE_CAP = 1e3;
+const createWsSlice = (set2) => ({
+  wsConnections: {},
+  setWsStatus: (requestId, status, error2) => set2((s) => {
+    if (!s.wsConnections[requestId]) {
+      s.wsConnections[requestId] = { status, messages: [], error: error2 };
+    } else {
+      s.wsConnections[requestId].status = status;
+      s.wsConnections[requestId].error = error2;
+    }
+  }),
+  addWsMessage: (requestId, message) => set2((s) => {
+    const conn = s.wsConnections[requestId];
+    if (!conn) {
+      s.wsConnections[requestId] = { status: "connected", messages: [message] };
+      return;
+    }
+    conn.messages.push(message);
+    if (conn.messages.length > WS_MESSAGE_CAP) {
+      conn.messages.splice(0, conn.messages.length - WS_MESSAGE_CAP);
+    }
+  }),
+  clearWsMessages: (requestId) => set2((s) => {
+    if (s.wsConnections[requestId]) s.wsConnections[requestId].messages = [];
+  })
+});
+const HISTORY_CAP = 200;
+const createHistorySlice = (set2) => ({
+  history: [],
+  addHistoryEntry: (entry) => set2((s) => {
+    s.history.unshift(entry);
+    if (s.history.length > HISTORY_CAP) s.history.length = HISTORY_CAP;
+  }),
+  clearHistory: () => set2((s) => {
+    s.history = [];
+  })
+});
+const createRunnerSlice = (set2) => ({
+  runnerModal: { open: false, collectionId: null, folderId: null, filterTags: [] },
+  runnerResults: [],
+  runnerRunning: false,
+  openRunner: (collectionId, folderId = null, filterTags = []) => set2((s) => {
+    s.runnerModal = { open: true, collectionId, folderId, filterTags };
+    s.runnerResults = [];
+  }),
+  closeRunner: () => set2((s) => {
+    s.runnerModal.open = false;
+    s.runnerRunning = false;
+  }),
+  setRunnerResults: (results) => set2((s) => {
+    s.runnerResults = results;
+  }),
+  patchRunnerResult: (idx, patch) => set2((s) => {
+    if (s.runnerResults[idx]) Object.assign(s.runnerResults[idx], patch);
+  }),
+  setRunnerRunning: (v) => set2((s) => {
+    s.runnerRunning = v;
+  })
+});
+const createRecorderSlice = (set2) => ({
+  recorderOpen: false,
+  recorderRunning: false,
+  recorderUpstream: "",
+  recorderPort: 4001,
+  recorderTargetMockId: "",
+  setRecorderOpen: (open) => set2((s) => {
+    s.recorderOpen = open;
+  }),
+  setRecorderRunning: (running) => set2((s) => {
+    s.recorderRunning = running;
+  }),
+  setRecorderUpstream: (url) => set2((s) => {
+    s.recorderUpstream = url;
+  }),
+  setRecorderPort: (port) => set2((s) => {
+    s.recorderPort = port;
+  }),
+  setRecorderTargetMockId: (id2) => set2((s) => {
+    s.recorderTargetMockId = id2;
+  })
+});
+const createContractSlice = (set2) => ({
+  lastContractReport: null,
+  contractSnapshots: {},
+  activeContractSnapshotRelPath: null,
+  setLastContractReport: (r) => set2((s) => {
+    s.lastContractReport = r;
+  }),
+  loadContractSnapshot: (relPath, snapshot) => set2((s) => {
+    s.contractSnapshots[relPath] = snapshot;
+    if (s.workspace) {
+      if (!s.workspace.contracts) s.workspace.contracts = [];
+      if (!s.workspace.contracts.includes(relPath)) s.workspace.contracts.push(relPath);
+    }
+  }),
+  removeContractSnapshot: (relPath) => set2((s) => {
+    delete s.contractSnapshots[relPath];
+    if (s.activeContractSnapshotRelPath === relPath) s.activeContractSnapshotRelPath = null;
+    if (s.workspace?.contracts) {
+      s.workspace.contracts = s.workspace.contracts.filter((p2) => p2 !== relPath);
+    }
+  }),
+  setActiveContractSnapshot: (relPath) => set2((s) => {
+    s.activeContractSnapshotRelPath = relPath;
+  })
+});
 function makeRequest(override = {}) {
   return {
     id: v4(),
@@ -13387,7 +13493,7 @@ function findFolderPath(root2, requestId) {
   }
   return [];
 }
-function makeTab(requestId, collectionId) {
+function makeTab(requestId, collectionId, opts = {}) {
   return {
     id: v4(),
     requestId,
@@ -13397,12 +13503,31 @@ function makeTab(requestId, collectionId) {
     lastSentRequest: null,
     lastHookResults: null,
     isSending: false,
-    requestTab: "params",
-    scriptTab: "pre"
+    // SOAP requests: 'params' isn't even shown for SOAP and 'body' renders the
+    // WSDL-driven SoapEditor — that's the primary surface, so jump there.
+    // HTTP/WebSocket: keep the existing 'params' default.
+    requestTab: opts.protocol === "soap" ? "body" : "params",
+    // Default to the post-response tab — that's where the typical workflow
+    // (assertions, extracting tokens, saving variables) lives.
+    scriptTab: "post"
   };
 }
+function protocolFor(state, requestId) {
+  for (const c of Object.values(state.collections)) {
+    const r = c.data.requests[requestId];
+    if (r) return r.protocol;
+  }
+  return void 0;
+}
 const useStore = create()(
-  immer((set2) => ({
+  immer((set2, get2, api) => ({
+    // ── Slice composition ─────────────────────────────────────────────────────
+    ...createWsSlice(set2),
+    ...createHistorySlice(set2),
+    ...createRunnerSlice(set2),
+    ...createRecorderSlice(set2),
+    ...createContractSlice(set2),
+    // ── Initial state for the parts that haven't been sliced yet ──────────────
     workspace: null,
     workspacePath: null,
     collections: {},
@@ -13416,24 +13541,15 @@ const useStore = create()(
     showGeneratorPanel: false,
     theme: localStorage.getItem("theme") ?? "dark",
     zoom: Number(localStorage.getItem("zoom") ?? "1.1"),
-    history: [],
     sidebarTab: "collections",
     workspaceSettingsOpen: false,
     mocks: {},
     activeMockId: null,
     mockLogs: {},
-    recorderOpen: false,
-    recorderRunning: false,
-    recorderUpstream: "",
-    recorderPort: 4001,
-    recorderTargetMockId: "",
-    runnerModal: { open: false, collectionId: null, folderId: null, filterTags: [] },
-    runnerResults: [],
-    runnerRunning: false,
     commandPaletteOpen: false,
     pinnedResponse: null,
-    lastContractReport: null,
-    wsConnections: {},
+    activeGitDiff: null,
+    quickInsertsOpen: true,
     // ── Workspace ─────────────────────────────────────────────────────────────
     setWorkspace: (ws2, path) => set2((s) => {
       s.workspace = ws2;
@@ -13458,6 +13574,8 @@ const useStore = create()(
       s.wsConnections = {};
       s.pinnedResponse = null;
       s.lastContractReport = null;
+      s.contractSnapshots = {};
+      s.activeContractSnapshotRelPath = null;
     }),
     updateWorkspaceSettings: (settings) => set2((s) => {
       if (s.workspace) s.workspace.settings = settings;
@@ -13471,6 +13589,7 @@ const useStore = create()(
         if (!req.params) req.params = [];
         if (!req.body) req.body = { mode: "none" };
         if (!req.auth) req.auth = { type: "none" };
+        if (!req.protocol && req.body.mode === "soap") req.protocol = "soap";
       }
       function sanitizeFolder(f) {
         if (!f.folders) f.folders = [];
@@ -13493,7 +13612,7 @@ const useStore = create()(
         s.activeTabId = existing.id;
         s.activeCollectionId = collectionId;
       } else {
-        const tab = makeTab(requestId, collectionId);
+        const tab = makeTab(requestId, collectionId, { protocol: protocolFor(s, requestId) });
         s.tabs.push(tab);
         s.activeTabId = tab.id;
         s.activeCollectionId = collectionId;
@@ -13566,7 +13685,7 @@ const useStore = create()(
         s.activeTabId = existing.id;
         s.activeCollectionId = existing.collectionId;
       } else {
-        const tab = makeTab(id2, collectionId);
+        const tab = makeTab(id2, collectionId, { protocol: protocolFor(s, id2) });
         s.tabs.push(tab);
         s.activeTabId = tab.id;
         s.activeCollectionId = collectionId;
@@ -13682,19 +13801,26 @@ const useStore = create()(
       entry.dirty = true;
       s.activeCollectionId = collectionId;
     }),
-    deleteCollection: (id2) => set2((s) => {
-      const relPath = s.collections[id2]?.relPath;
-      delete s.collections[id2];
-      if (s.workspace && relPath) {
-        s.workspace.collections = s.workspace.collections.filter((p2) => p2 !== relPath);
-      }
-      s.tabs = s.tabs.filter((t2) => t2.collectionId !== id2);
-      if (s.activeCollectionId === id2) {
-        s.activeCollectionId = Object.keys(s.collections)[0] ?? null;
-        const activeTab = s.tabs.find((t2) => t2.id === s.activeTabId);
-        if (!activeTab) s.activeTabId = s.tabs[0]?.id ?? null;
+    deleteCollection: (id2) => {
+      const relPath = useStore.getState().collections[id2]?.relPath;
+      if (relPath) {
+        window.electron.deleteWorkspaceFile(relPath).catch((err) => {
+          console.warn("deleteCollection: could not remove file", relPath, err);
+        });
       }
-    }),
+      set2((s) => {
+        delete s.collections[id2];
+        if (s.workspace && relPath) {
+          s.workspace.collections = s.workspace.collections.filter((p2) => p2 !== relPath);
+        }
+        s.tabs = s.tabs.filter((t2) => t2.collectionId !== id2);
+        if (s.activeCollectionId === id2) {
+          s.activeCollectionId = Object.keys(s.collections)[0] ?? null;
+          const activeTab = s.tabs.find((t2) => t2.id === s.activeTabId);
+          if (!activeTab) s.activeTabId = s.tabs[0]?.id ?? null;
+        }
+      });
+    },
     updateCollectionDataSet: (id2, ds) => set2((s) => {
       if (!s.collections[id2]) return;
       s.collections[id2].data.dataSet = ds;
@@ -13826,7 +13952,7 @@ const useStore = create()(
         folder.requestIds.splice(idx + 1, 0, copy.id);
       }
       s.collections[collectionId].dirty = true;
-      const tab = makeTab(copy.id, collectionId);
+      const tab = makeTab(copy.id, collectionId, { protocol: copy.protocol });
       s.tabs.push(tab);
       s.activeTabId = tab.id;
     }),
@@ -13918,10 +14044,13 @@ const useStore = create()(
     setPinnedResponse: (r) => set2((s) => {
       s.pinnedResponse = r;
     }),
-    // ── Contract testing ──────────────────────────────────────────────────────
-    setLastContractReport: (r) => set2((s) => {
-      s.lastContractReport = r;
+    setActiveGitDiff: (d) => set2((s) => {
+      s.activeGitDiff = d;
     }),
+    setQuickInsertsOpen: (open) => set2((s) => {
+      s.quickInsertsOpen = open;
+    }),
+    // Contract testing + contract snapshots are now in slices/contract-slice.ts.
     // ── Inherited auth/headers ────────────────────────────────────────────────
     getInheritedAuthAndHeaders: (requestId) => {
       const state = useStore.getState();
@@ -13954,14 +14083,37 @@ const useStore = create()(
       s.activeEnvironmentId = env.id;
       if (s.workspace) s.workspace.environments.push(relPath);
     }),
-    deleteEnvironment: (id2) => set2((s) => {
-      const relPath = s.environments[id2]?.relPath;
-      delete s.environments[id2];
-      if (s.activeEnvironmentId === id2) s.activeEnvironmentId = null;
-      if (relPath && s.workspace) {
-        s.workspace.environments = s.workspace.environments.filter((p2) => p2 !== relPath);
-      }
+    duplicateEnvironment: (id2) => set2((s) => {
+      const src = s.environments[id2];
+      if (!src) return;
+      const existingNames = Object.values(s.environments).map((e) => e.data.name);
+      const newName = uniqueName(src.data.name + " (copy)", existingNames);
+      const newId = v4();
+      const env = {
+        ...JSON.parse(JSON.stringify(src.data)),
+        id: newId,
+        name: newName
+      };
+      const relPath = `environments/${newName.toLowerCase().replace(/[^a-z0-9]+/g, "-")}.env.json`;
+      s.environments[env.id] = { relPath, data: env };
+      s.activeEnvironmentId = env.id;
+      if (s.workspace) s.workspace.environments.push(relPath);
     }),
+    deleteEnvironment: (id2) => {
+      const relPath = useStore.getState().environments[id2]?.relPath;
+      if (relPath) {
+        window.electron.deleteWorkspaceFile(relPath).catch((err) => {
+          console.warn("deleteEnvironment: could not remove file", relPath, err);
+        });
+      }
+      set2((s) => {
+        delete s.environments[id2];
+        if (s.activeEnvironmentId === id2) s.activeEnvironmentId = null;
+        if (relPath && s.workspace) {
+          s.workspace.environments = s.workspace.environments.filter((p2) => p2 !== relPath);
+        }
+      });
+    },
     // ── Globals ───────────────────────────────────────────────────────────────
     setGlobals: (globals) => set2((s) => {
       s.globals = globals;
@@ -14022,32 +14174,8 @@ const useStore = create()(
       }
       window.electron.setZoomFactor(z);
     }),
-    // ── Runner modal ──────────────────────────────────────────────────────────
-    openRunner: (collectionId, folderId = null, filterTags = []) => set2((s) => {
-      s.runnerModal = { open: true, collectionId, folderId, filterTags };
-      s.runnerResults = [];
-    }),
-    closeRunner: () => set2((s) => {
-      s.runnerModal.open = false;
-      s.runnerRunning = false;
-    }),
-    setRunnerResults: (results) => set2((s) => {
-      s.runnerResults = results;
-    }),
-    patchRunnerResult: (idx, patch) => set2((s) => {
-      if (s.runnerResults[idx]) Object.assign(s.runnerResults[idx], patch);
-    }),
-    setRunnerRunning: (v) => set2((s) => {
-      s.runnerRunning = v;
-    }),
-    // ── History ───────────────────────────────────────────────────────────────
-    addHistoryEntry: (entry) => set2((s) => {
-      s.history.unshift(entry);
-      if (s.history.length > 200) s.history.length = 200;
-    }),
-    clearHistory: () => set2((s) => {
-      s.history = [];
-    }),
+    // Runner modal lives in slices/runner-slice.ts.
+    // History lives in slices/history-slice.ts.
     setSidebarTab: (tab) => set2((s) => {
       s.sidebarTab = tab;
     }),
@@ -14074,14 +14202,21 @@ const useStore = create()(
     updateMock: (id2, data) => set2((s) => {
       if (s.mocks[id2]) s.mocks[id2].data = data;
     }),
-    deleteMock: (id2) => set2((s) => {
-      const relPath = s.mocks[id2]?.relPath;
-      delete s.mocks[id2];
-      if (s.workspace?.mocks && relPath) {
-        s.workspace.mocks = s.workspace.mocks.filter((p2) => p2 !== relPath);
+    deleteMock: (id2) => {
+      const relPath = useStore.getState().mocks[id2]?.relPath;
+      if (relPath) {
+        window.electron.deleteWorkspaceFile(relPath).catch((err) => {
+          console.warn("deleteMock: could not remove file", relPath, err);
+        });
       }
-      if (s.activeMockId === id2) s.activeMockId = null;
-    }),
+      set2((s) => {
+        delete s.mocks[id2];
+        if (s.workspace?.mocks && relPath) {
+          s.workspace.mocks = s.workspace.mocks.filter((p2) => p2 !== relPath);
+        }
+        if (s.activeMockId === id2) s.activeMockId = null;
+      });
+    },
     setMockRunning: (id2, running) => set2((s) => {
       if (s.mocks[id2]) s.mocks[id2].running = running;
     }),
@@ -14095,47 +14230,12 @@ const useStore = create()(
     }),
     clearMockLogs: (serverId) => set2((s) => {
       s.mockLogs[serverId] = [];
-    }),
-    // ── Recorder ──────────────────────────────────────────────────────────────
-    setRecorderOpen: (open) => set2((s) => {
-      s.recorderOpen = open;
-    }),
-    setRecorderRunning: (running) => set2((s) => {
-      s.recorderRunning = running;
-    }),
-    setRecorderUpstream: (url) => set2((s) => {
-      s.recorderUpstream = url;
-    }),
-    setRecorderPort: (port) => set2((s) => {
-      s.recorderPort = port;
-    }),
-    setRecorderTargetMockId: (id2) => set2((s) => {
-      s.recorderTargetMockId = id2;
-    }),
-    // ── WebSocket ─────────────────────────────────────────────────────────────
-    setWsStatus: (requestId, status, error2) => set2((s) => {
-      if (!s.wsConnections[requestId]) {
-        s.wsConnections[requestId] = { status, messages: [], error: error2 };
-      } else {
-        s.wsConnections[requestId].status = status;
-        s.wsConnections[requestId].error = error2;
-      }
-    }),
-    addWsMessage: (requestId, message) => set2((s) => {
-      if (!s.wsConnections[requestId]) {
-        s.wsConnections[requestId] = { status: "connected", messages: [message] };
-      } else {
-        s.wsConnections[requestId].messages.push(message);
-      }
-    }),
-    clearWsMessages: (requestId) => set2((s) => {
-      if (s.wsConnections[requestId]) {
-        s.wsConnections[requestId].messages = [];
-      }
     })
+    // Recorder lives in slices/recorder-slice.ts.
+    // WebSocket actions live in slices/ws-slice.ts.
   }))
 );
-const { electron: electron$p } = window;
+const { electron: electron$q } = window;
 function useAutoSave() {
   const collections = useStore((s) => s.collections);
   useStore((s) => s.environments);
@@ -14151,7 +14251,7 @@ function useAutoSave() {
       for (const { relPath, data, dirty } of dirtyCollections) {
         if (!dirty) continue;
         try {
-          await electron$p.saveCollection(relPath, data);
+          await electron$q.saveCollection(relPath, data);
           markCollectionClean(data.id);
         } catch (e) {
           console.error("Auto-save failed for", relPath, e);
@@ -14167,7 +14267,7 @@ function useAutoSave() {
     if (wsTimerRef.current) clearTimeout(wsTimerRef.current);
     wsTimerRef.current = setTimeout(async () => {
       try {
-        await electron$p.saveWorkspace(workspace);
+        await electron$q.saveWorkspace(workspace);
       } catch {
       }
     }, 300);
@@ -14176,12 +14276,13 @@ function useAutoSave() {
     };
   }, [workspace]);
 }
-const { electron: electron$o } = window;
+const { electron: electron$p } = window;
 function useWorkspaceLoader() {
   const loadCollection = useStore((s) => s.loadCollection);
   const loadEnvironment = useStore((s) => s.loadEnvironment);
   const loadMock = useStore((s) => s.loadMock);
   const setActiveCollection = useStore((s) => s.setActiveCollection);
+  const loadContractSnapshot = useStore((s) => s.loadContractSnapshot);
   const setTheme = useStore((s) => s.setTheme);
   const setZoom = useStore((s) => s.setZoom);
   const applyWorkspace = reactExports.useCallback(async (ws2, path) => {
@@ -14199,62 +14300,40 @@ function useWorkspaceLoader() {
     if (typeof ws2.settings?.zoom === "number") setZoom(ws2.settings.zoom);
     for (const colPath of ws2.collections) {
       try {
-        const col = await electron$o.loadCollection(colPath);
+        const col = await electron$p.loadCollection(colPath);
         loadCollection(colPath, col);
       } catch {
       }
     }
     for (const envPath of ws2.environments) {
       try {
-        const env = await electron$o.loadEnvironment(envPath);
+        const env = await electron$p.loadEnvironment(envPath);
         loadEnvironment(envPath, env);
       } catch {
       }
     }
     for (const relPath of ws2.mocks ?? []) {
       try {
-        const mockData = await electron$o.loadMock(relPath);
+        const mockData = await electron$p.loadMock(relPath);
         loadMock(relPath, mockData);
       } catch {
       }
     }
+    try {
+      const snapshots = await electron$p.listContractSnapshots(ws2.contracts ?? []);
+      for (const { relPath, snapshot } of snapshots) loadContractSnapshot(relPath, snapshot);
+    } catch {
+    }
     if (ws2.collections.length > 0) {
       try {
-        const firstCol = await electron$o.loadCollection(ws2.collections[0]);
+        const firstCol = await electron$p.loadCollection(ws2.collections[0]);
         setActiveCollection(firstCol.id);
       } catch {
       }
     }
-  }, [loadCollection, loadEnvironment, loadMock, setActiveCollection, setTheme, setZoom]);
+  }, [loadCollection, loadEnvironment, loadMock, loadContractSnapshot, setActiveCollection, setTheme, setZoom]);
   return { applyWorkspace };
 }
-const METHOD_COLORS$1 = {
-  GET: "text-emerald-400",
-  POST: "text-blue-400",
-  PUT: "text-amber-400",
-  PATCH: "text-orange-400",
-  DELETE: "text-red-400",
-  HEAD: "text-purple-400",
-  OPTIONS: "text-surface-400",
-  ANY: "text-surface-400"
-};
-function getMethodColor(method) {
-  return METHOD_COLORS$1[method] ?? "text-surface-400";
-}
-const STATUS_COLORS = {
-  "2": "text-emerald-400",
-  "3": "text-amber-400",
-  "4": "text-orange-400",
-  "5": "text-red-400"
-};
-function getStatusColor(status) {
-  return STATUS_COLORS[String(status)[0]] ?? "text-gray-400";
-}
-function MethodBadge({ method, size = "sm" }) {
-  const color = getMethodColor(method);
-  const cls = size === "xs" ? "text-[10px] font-bold w-10" : "text-xs font-bold w-12";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${cls} ${color} shrink-0`, children: method });
-}
 let rangeFrom = [], rangeTo = [];
 (() => {
   let numbers = "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s) => s ? parseInt(s, 36) : 1);
@@ -34272,7 +34351,12 @@ const FAKER_NAMESPACES = [
   { label: "lorem", type: "property", info: "Lorem ipsum text" },
   { label: "location", type: "property", info: "Addresses, cities, countries" },
   { label: "finance", type: "property", info: "Credit cards, currency, etc." },
-  { label: "color", type: "property", info: "Color values" }
+  { label: "color", type: "property", info: "Color values" },
+  { label: "company", type: "property", info: "Company names, catch phrases" },
+  { label: "commerce", type: "property", info: "Products, prices, departments" },
+  { label: "image", type: "property", info: "Image URLs / placeholders" },
+  { label: "system", type: "property", info: "File names, MIME types, semver" },
+  { label: "helpers", type: "property", info: "Utility helpers (slugify, arrayElement, …)" }
 ];
 const FAKER_SUB = {
   string: [
@@ -34307,9 +34391,14 @@ const FAKER_SUB = {
   ],
   lorem: [
     { label: "word", type: "function", detail: "()", info: "Single lorem word" },
-    { label: "words", type: "function", detail: "(count)", info: "Multiple lorem words" },
+    { label: "words", type: "function", detail: "(count?)", info: "Multiple lorem words" },
     { label: "sentence", type: "function", detail: "()", info: "Lorem sentence" },
-    { label: "paragraph", type: "function", detail: "()", info: "Lorem paragraph" }
+    { label: "sentences", type: "function", detail: "(count?)", info: "Multiple lorem sentences" },
+    { label: "paragraph", type: "function", detail: "()", info: "Lorem paragraph" },
+    { label: "paragraphs", type: "function", detail: "(count?)", info: "Multiple lorem paragraphs" },
+    { label: "slug", type: "function", detail: "(words?)", info: 'Kebab-case slug from random words (e.g. "magnam-officia-laborum")' },
+    { label: "lines", type: "function", detail: "(count?)", info: "Random lines of text" },
+    { label: "text", type: "function", detail: "()", info: "Random lorem ipsum text" }
   ],
   location: [
     { label: "city", type: "function", detail: "()", info: "Random city name" },
@@ -34337,6 +34426,39 @@ const FAKER_SUB = {
     { label: "hex", type: "function", detail: "()", info: "Hex color string (e.g. #a3f1c2)" },
     { label: "rgb", type: "function", detail: "()", info: "CSS rgb() string" },
     { label: "hsl", type: "function", detail: "()", info: "CSS hsl() string" }
+  ],
+  company: [
+    { label: "name", type: "function", detail: "()", info: "Random company name" },
+    { label: "catchPhrase", type: "function", detail: "()", info: "Random business catch phrase" },
+    { label: "buzzPhrase", type: "function", detail: "()", info: "Marketing-style buzz phrase" }
+  ],
+  commerce: [
+    { label: "productName", type: "function", detail: "()", info: "Random product name" },
+    { label: "product", type: "function", detail: "()", info: "Single product noun" },
+    { label: "department", type: "function", detail: "()", info: "Department name" },
+    { label: "price", type: "function", detail: "({min, max, dec, symbol}?)", info: "Random price (string)" },
+    { label: "productDescription", type: "function", detail: "()", info: "Product description" },
+    { label: "isbn", type: "function", detail: "()", info: "ISBN-10 or ISBN-13" }
+  ],
+  image: [
+    { label: "avatar", type: "function", detail: "()", info: "Avatar URL" },
+    { label: "url", type: "function", detail: "({width, height}?)", info: "Placeholder image URL" },
+    { label: "urlLoremFlickr", type: "function", detail: "({category}?)", info: "LoremFlickr URL by category" }
+  ],
+  system: [
+    { label: "fileName", type: "function", detail: "()", info: "Random file name with extension" },
+    { label: "mimeType", type: "function", detail: "()", info: "Random MIME type" },
+    { label: "semver", type: "function", detail: "()", info: "Random semver string" },
+    { label: "directoryPath", type: "function", detail: "()", info: "Random directory path" }
+  ],
+  helpers: [
+    { label: "slugify", type: "function", detail: "(text)", info: "Convert any string to a URL slug (lower-case, dashes, no diacritics)" },
+    { label: "arrayElement", type: "function", detail: "(arr)", info: "Random element from an array" },
+    { label: "arrayElements", type: "function", detail: "(arr, n?)", info: "Multiple random elements" },
+    { label: "shuffle", type: "function", detail: "(arr)", info: "Shuffled copy of the array" },
+    { label: "replaceSymbols", type: "function", detail: '("###?")', info: "Replace # / ? / * with random chars" },
+    { label: "fromRegExp", type: "function", detail: "(regex)", info: "Generate a string matching a regex" },
+    { label: "multiple", type: "function", detail: "(fn, {count}?)", info: "Call a generator multiple times" }
   ]
 };
 function makeAtCompletionSource(varNames) {
@@ -35639,7 +35761,7 @@ function CollectionAuthPanel({ auth, onChange }) {
     ] }) })
   ] });
 }
-const { electron: electron$n } = window;
+const { electron: electron$o } = window;
 function normalisePath(url) {
   let path = url.replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/, "");
   if (!path.startsWith("/")) path = "/" + path;
@@ -35726,7 +35848,7 @@ function SchemaSyncModal({
     setLoading(true);
     setError(null);
     try {
-      const entries = await electron$n.extractOpenApiSchemas();
+      const entries = await electron$o.extractOpenApiSchemas();
       if (!entries) {
         setLoading(false);
         return;
@@ -35745,7 +35867,7 @@ function SchemaSyncModal({
     setLoading(true);
     setError(null);
     try {
-      const entries = await electron$n.extractOpenApiSchemasFromUrl(trimmed);
+      const entries = await electron$o.extractOpenApiSchemasFromUrl(trimmed);
       setSpecEntries(entries);
       autoSelectChanged(entries);
     } catch (err) {
@@ -35778,7 +35900,7 @@ function SchemaSyncModal({
       }
       const entry = useStore.getState().collections[collectionId];
       if (entry) {
-        await electron$n.saveCollection(entry.relPath, entry.data);
+        await electron$o.saveCollection(entry.relPath, entry.data);
         markCollectionClean(collectionId);
       }
       onClose();
@@ -35982,6 +36104,197 @@ function methodColor$2(method) {
       return "text-surface-300";
   }
 }
+const METHOD_COLORS$1 = {
+  GET: "text-emerald-400",
+  POST: "text-blue-400",
+  PUT: "text-amber-400",
+  PATCH: "text-orange-400",
+  DELETE: "text-red-400",
+  HEAD: "text-purple-400",
+  OPTIONS: "text-surface-400",
+  ANY: "text-surface-400"
+};
+function getMethodColor(method) {
+  return METHOD_COLORS$1[method] ?? "text-surface-400";
+}
+const STATUS_COLORS = {
+  "2": "text-emerald-400",
+  "3": "text-amber-400",
+  "4": "text-orange-400",
+  "5": "text-red-400"
+};
+function getStatusColor(status) {
+  return STATUS_COLORS[String(status)[0]] ?? "text-gray-400";
+}
+function MethodBadge({ method, size = "sm" }) {
+  const color = getMethodColor(method);
+  const cls = size === "xs" ? "text-[10px] font-bold w-10" : "text-xs font-bold w-12";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${cls} ${color} shrink-0`, children: method });
+}
+const HOOK_LABELS = {
+  beforeAll: "Before All",
+  before: "Before",
+  after: "After",
+  afterAll: "After All"
+};
+const HOOK_COLORS = {
+  beforeAll: "bg-violet-700 text-white",
+  before: "bg-violet-600 text-white",
+  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,
+  folderId,
+  reqIndex,
+  name: name2,
+  method,
+  protocol,
+  authType,
+  hookType,
+  disabled,
+  tags: tags2,
+  isActive,
+  indent: indent2,
+  autoRename = false,
+  onSelect,
+  onRename,
+  onDelete,
+  onDuplicate,
+  onUpdateTags,
+  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 = ["beforeAll", "before", "after", "afterAll"].map((ht) => ({
+    type: "item",
+    label: (hookType === ht ? "✓ " : "    ") + HOOK_LABELS[ht],
+    onClick: () => onSetHookType(hookType === ht ? void 0 : ht)
+  }));
+  function handleDragOver(e) {
+    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");
+  }
+  function handleDrop(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    const insertIndex = dropPos === "before" ? reqIndex : reqIndex + 1;
+    dragCtx.onDropRequest(collectionId, folderId, insertIndex);
+    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",
+      {
+        draggable: true,
+        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: indent2 },
+        onClick: onSelect,
+        onDoubleClick: () => setRenaming(true),
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          dragCtx.setDragging({ type: "request", requestId: reqId, collectionId });
+        },
+        onDragEnd: () => {
+          dragCtx.setDragging(null);
+          setDropPos(null);
+        },
+        onDragOver: handleDragOver,
+        onDragLeave: () => setDropPos(null),
+        onDrop: handleDrop,
+        children: [
+          protocol === "soap" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: "shrink-0 text-[9px] font-bold px-1.5 py-0.5 rounded bg-amber-700/80 text-amber-50",
+              title: "SOAP request",
+              children: "SOAP"
+            }
+          ) : protocol === "websocket" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
+            {
+              className: "shrink-0 text-[9px] font-bold px-1.5 py-0.5 rounded bg-cyan-700/80 text-cyan-50",
+              title: "WebSocket",
+              children: "WS"
+            }
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx(MethodBadge, { method, size: "xs" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+            renaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+              InlineEdit,
+              {
+                value: name2,
+                onCommit: (v) => {
+                  onRename(v);
+                  setRenaming(false);
+                },
+                onCancel: () => setRenaming(false),
+                className: "w-full text-xs"
+              }
+            ) : /* @__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() }),
+              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,
+              {
+                tags: tags2,
+                onRemove: (tag) => onUpdateTags(tags2.filter((t2) => t2 !== tag)),
+                onAdd: (tag) => onUpdateTags([...tags2, tag]),
+                forceAdding: addingTag,
+                onDoneAdding: () => setAddingTag(false)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DotsBtn, { items: [
+            { 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,
+            { type: "separator" },
+            { type: "item", label: "Delete", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}), danger: true, onClick: onDelete }
+          ] }) }),
+          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)
+      }
+    )
+  ] });
+}
 const DragCtx = reactExports.createContext({ dragging: null, setDragging: () => {
 }, onDropRequest: () => {
 }, onDropFolder: () => {
@@ -36029,7 +36342,7 @@ function InlineEdit({
           if (e.key === "Escape") onCancel();
           e.stopPropagation();
         },
-        className: `bg-surface-700 rounded px-1 focus:outline-none focus:ring-1 w-full ${error2 ? "ring-1 ring-red-500 focus:ring-red-500" : "focus:ring-blue-500"} ${className}`
+        className: `bg-surface-700 text-[var(--text-primary)] rounded px-1 focus:outline-none focus:ring-1 w-full ${error2 ? "ring-1 ring-red-500 focus:ring-red-500" : "focus:ring-blue-500"} ${className}`
       }
     ),
     error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-red-400 mt-0.5 px-1", children: error2 })
@@ -36657,6 +36970,7 @@ function FolderContents({
           reqIndex,
           name: req.name,
           method: req.method,
+          protocol: req.protocol,
           authType: req.auth.type,
           hookType: req.hookType,
           disabled: req.disabled,
@@ -36677,157 +36991,6 @@ function FolderContents({
     })
   ] });
 }
-const HOOK_LABELS = {
-  beforeAll: "Before All",
-  before: "Before",
-  after: "After",
-  afterAll: "After All"
-};
-const HOOK_COLORS = {
-  beforeAll: "bg-violet-700 text-white",
-  before: "bg-violet-600 text-white",
-  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,
-  folderId,
-  reqIndex,
-  name: name2,
-  method,
-  authType,
-  hookType,
-  disabled,
-  tags: tags2,
-  isActive,
-  indent: indent2,
-  autoRename = false,
-  onSelect,
-  onRename,
-  onDelete,
-  onDuplicate,
-  onUpdateTags,
-  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 = [
-    ...["beforeAll", "before", "after", "afterAll"].map((ht) => ({
-      type: "item",
-      label: (hookType === ht ? "✓ " : "    ") + HOOK_LABELS[ht],
-      onClick: () => onSetHookType(hookType === ht ? void 0 : ht)
-    }))
-  ];
-  function handleDragOver(e) {
-    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");
-  }
-  function handleDrop(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    const insertIndex = dropPos === "before" ? reqIndex : reqIndex + 1;
-    dragCtx.onDropRequest(collectionId, folderId, insertIndex);
-    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",
-      {
-        draggable: true,
-        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: indent2 },
-        onClick: onSelect,
-        onDoubleClick: () => setRenaming(true),
-        onDragStart: (e) => {
-          e.dataTransfer.effectAllowed = "move";
-          dragCtx.setDragging({ type: "request", requestId: reqId, collectionId });
-        },
-        onDragEnd: () => {
-          dragCtx.setDragging(null);
-          setDropPos(null);
-        },
-        onDragOver: handleDragOver,
-        onDragLeave: () => setDropPos(null),
-        onDrop: handleDrop,
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(MethodBadge, { method, size: "xs" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
-            renaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              InlineEdit,
-              {
-                value: name2,
-                onCommit: (v) => {
-                  onRename(v);
-                  setRenaming(false);
-                },
-                onCancel: () => setRenaming(false),
-                className: "w-full text-xs"
-              }
-            ) : /* @__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() }),
-              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,
-              {
-                tags: tags2,
-                onRemove: (tag) => onUpdateTags(tags2.filter((t2) => t2 !== tag)),
-                onAdd: (tag) => onUpdateTags([...tags2, tag]),
-                forceAdding: addingTag,
-                onDoneAdding: () => setAddingTag(false)
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DotsBtn, { items: [
-            { 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,
-            { type: "separator" },
-            { type: "item", label: "Delete", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}), danger: true, onClick: onDelete }
-          ] }) }),
-          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)
-      }
-    )
-  ] });
-}
 function DotsHorizontalIcon() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3.5 h-3.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M6 10a2 2 0 11-4 0 2 2 0 014 0zm6 0a2 2 0 11-4 0 2 2 0 014 0zm6 0a2 2 0 11-4 0 2 2 0 014 0z" }) });
 }
@@ -54093,11 +54256,59 @@ function getBaseKind(ref2) {
 function isLeafKind(kind) {
   return kind === "SCALAR" || kind === "ENUM";
 }
+function isRequired(ref2) {
+  return !!ref2 && ref2.kind === "NON_NULL";
+}
+function defaultArgValue(arg) {
+  const baseTypeName = getBaseTypeName(arg.type);
+  const baseKind = getBaseKind(arg.type);
+  const isList2 = arg.type.kind === "LIST" || arg.type.kind === "NON_NULL" && arg.type.ofType?.kind === "LIST";
+  const name2 = arg.name.toLowerCase();
+  if (baseTypeName === "Int" || baseTypeName === "Long") {
+    if (["first", "last", "limit", "take", "top", "count", "size"].includes(name2)) return "5";
+    if (["skip", "offset", "page"].includes(name2)) return "0";
+    return "10";
+  }
+  if (isList2) return "[]";
+  switch (baseTypeName) {
+    case "Float":
+    case "Double":
+      return "1.0";
+    case "Boolean":
+      return "true";
+    case "ID":
+      return '"id"';
+    case "String":
+      return '""';
+    case "DateTime":
+    case "Date":
+      return '""';
+  }
+  if (baseKind === "ENUM") return `# ${baseTypeName}`;
+  return `$${arg.name}`;
+}
 function buildSnippet(field, typeMap) {
   const baseTypeName = getBaseTypeName(field.type);
   const baseKind = getBaseKind(field.type);
   const type2 = typeMap.get(baseTypeName);
-  const args = field.args.length > 0 ? `(${field.args.map((a) => `${a.name}: $${a.name}`).join(", ")})` : "";
+  const PAGINATION_NAMES = /* @__PURE__ */ new Set([
+    "first",
+    "last",
+    "limit",
+    "take",
+    "top",
+    "count",
+    "size",
+    "skip",
+    "offset",
+    "page",
+    "after",
+    "before"
+  ]);
+  const includedArgs = field.args.filter(
+    (a) => isRequired(a.type) || PAGINATION_NAMES.has(a.name.toLowerCase())
+  );
+  const args = includedArgs.length > 0 ? `(${includedArgs.map((a) => `${a.name}: ${defaultArgValue(a)}`).join(", ")})` : "";
   if ((baseKind === "OBJECT" || baseKind === "INTERFACE") && type2?.fields?.length) {
     const leaves = type2.fields.filter((f) => isLeafKind(getBaseKind(f.type))).slice(0, 4).map((f) => `    ${f.name}`).join("\n");
     return `  ${field.name}${args} {
@@ -54938,32 +55149,86 @@ const autoCloseTags$1 = /* @__PURE__ */ EditorView.inputHandler.of((view, from,
   ]);
   return true;
 });
-const { electron: electron$m } = window;
+const SOAP_11_CONTENT_TYPE = "text/xml; charset=utf-8";
+const SOAP_12_CONTENT_TYPE = "application/soap+xml; charset=utf-8";
+function contentTypeForSoap(version) {
+  return version === "1.2" ? SOAP_12_CONTENT_TYPE : SOAP_11_CONTENT_TYPE;
+}
+function withContentType(headers, value) {
+  const idx = headers.findIndex((h) => h.key.toLowerCase() === "content-type");
+  const next = { key: "Content-Type", value, enabled: true };
+  if (idx === -1) return [...headers, next];
+  return headers.map((h, i) => i === idx ? { ...h, value, enabled: true } : h);
+}
+const { electron: electron$n } = window;
+function ParamTree({ params, depth = 0 }) {
+  if (params.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 italic", children: "No parameters declared in WSDL." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: depth === 0 ? "flex flex-col gap-0.5" : "flex flex-col gap-0.5 ml-4 border-l border-surface-800 pl-3 mt-1", children: params.map((p2, i) => /* @__PURE__ */ jsxRuntimeExports.jsxs("li", { className: "text-[11px] font-mono", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-200", children: p2.name }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600", children: ": " }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: p2.typeHint }),
+    p2.children && p2.children.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ParamTree, { params: p2.children, depth: depth + 1 })
+  ] }, `${p2.name}-${i}`)) });
+}
 function SoapEditor({ request, onChange }) {
-  const soap = request.body.soap ?? {
-    wsdlUrl: "",
-    envelope: ""
-  };
+  const soap = request.body.soap ?? { wsdlUrl: "", envelope: "" };
   const [operations, setOperations] = reactExports.useState([]);
+  const [endpoints, setEndpoints] = reactExports.useState([]);
+  const [targetNs, setTargetNs] = reactExports.useState("");
   const [fetchError, setFetchError] = reactExports.useState(null);
   const [fetching, setFetching] = reactExports.useState(false);
+  const [showXml, setShowXml] = reactExports.useState(true);
+  reactExports.useEffect(() => {
+    const url = soap.wsdlUrl?.trim();
+    if (!url) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const result = await electron$n.wsdlFetch(url);
+        if (cancelled) return;
+        setOperations(result.operations);
+        setEndpoints(result.endpoints);
+        setTargetNs(result.targetNamespace);
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [request.id]);
   function updateSoap(patch) {
     onChange({ body: { ...request.body, soap: { ...soap, ...patch } } });
   }
+  function applyOperation(op) {
+    const headers = withContentType(request.headers ?? [], contentTypeForSoap(op.soapVersion));
+    onChange({
+      method: "POST",
+      headers,
+      ...op.endpoint ? { url: op.endpoint } : {},
+      body: {
+        ...request.body,
+        soap: {
+          ...soap,
+          operationName: op.name,
+          soapAction: op.soapAction ?? "",
+          envelope: op.inputTemplate
+        }
+      }
+    });
+  }
   async function fetchWsdl() {
     if (!soap.wsdlUrl.trim()) return;
     setFetching(true);
     setFetchError(null);
     try {
-      const result = await electron$m.wsdlFetch(soap.wsdlUrl.trim());
+      const result = await electron$n.wsdlFetch(soap.wsdlUrl.trim());
       setOperations(result.operations);
+      setEndpoints(result.endpoints);
+      setTargetNs(result.targetNamespace);
       if (result.operations.length > 0) {
-        const first = result.operations[0];
-        updateSoap({
-          operationName: first.name,
-          soapAction: first.soapAction ?? "",
-          envelope: first.inputTemplate
-        });
+        applyOperation(result.operations[0]);
       }
     } catch (err) {
       setFetchError(err instanceof Error ? err.message : String(err));
@@ -54971,23 +55236,28 @@ function SoapEditor({ request, onChange }) {
       setFetching(false);
     }
   }
-  function selectOperation(name2) {
-    const op = operations.find((o) => o.name === name2);
-    if (!op) return;
-    updateSoap({
-      operationName: op.name,
-      soapAction: op.soapAction ?? soap.soapAction ?? "",
-      envelope: op.inputTemplate
-    });
+  function selectOperation(op) {
+    applyOperation(op);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3", children: [
+  const selected = operations.find((o) => o.name === soap.operationName) ?? operations[0];
+  const primaryEndpoint = endpoints[0]?.address;
+  const versions = Array.from(new Set(operations.map((o) => o.soapVersion))).sort();
+  const hasSavedSoap = Boolean(soap.envelope?.trim() || soap.operationName || soap.wsdlUrl?.trim());
+  const showFullUi = operations.length > 0;
+  const showFallback = !showFullUi && hasSavedSoap;
+  const showEmpty = !showFullUi && !showFallback;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 h-full min-h-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 items-center", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] uppercase tracking-wider text-surface-500 font-medium whitespace-nowrap", children: "WSDL" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
           value: soap.wsdlUrl,
           onChange: (e) => updateSoap({ wsdlUrl: e.target.value }),
-          placeholder: "https://example.com/service.wsdl",
+          placeholder: "https://example.com/service?WSDL",
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && !fetching) fetchWsdl();
+          },
           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"
         }
       ),
@@ -54997,54 +55267,141 @@ function SoapEditor({ request, onChange }) {
           onClick: fetchWsdl,
           disabled: fetching || !soap.wsdlUrl.trim(),
           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: fetching ? "Fetching…" : "Fetch WSDL"
+          children: fetching ? "Fetching…" : operations.length > 0 ? "Refresh" : "Fetch WSDL"
         }
       )
     ] }),
-    fetchError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400", children: fetchError }),
-    operations.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 items-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs text-surface-600 whitespace-nowrap", children: "Operation" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "select",
-        {
-          value: soap.operationName ?? "",
-          onChange: (e) => selectOperation(e.target.value),
-          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",
-          children: operations.map((op) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: op.name, children: op.name }, op.name))
-        }
-      )
+    fetchError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400 bg-red-950/30 border border-red-900 rounded px-2.5 py-1.5", children: fetchError }),
+    operations.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface-900/40 border border-surface-800 rounded-md px-3 py-2 text-[11px] flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-surface-500", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "uppercase tracking-wider text-[9px] font-semibold text-surface-600 w-20 shrink-0", children: "Endpoint" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-200 font-mono truncate", children: primaryEndpoint ?? "(not declared)" })
+      ] }),
+      targetNs && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-surface-500", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "uppercase tracking-wider text-[9px] font-semibold text-surface-600 w-20 shrink-0", children: "Namespace" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-200 font-mono truncate", children: targetNs })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-surface-500", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "uppercase tracking-wider text-[9px] font-semibold text-surface-600 w-20 shrink-0", children: "Operations" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-300", children: [
+          operations.length,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-600", children: [
+            " · SOAP ",
+            versions.join(", ")
+          ] })
+        ] })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 items-center", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs text-surface-600 whitespace-nowrap", children: "SOAPAction" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          value: soap.soapAction ?? "",
-          onChange: (e) => updateSoap({ soapAction: e.target.value }),
-          placeholder: "(auto-filled from WSDL)",
-          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"
-        }
-      )
+    showFullUi && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-3 min-h-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-44 shrink-0 flex flex-col bg-surface-900/40 border border-surface-800 rounded-md overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2.5 py-1.5 text-[9px] uppercase tracking-wider font-semibold text-surface-600 border-b border-surface-800", children: "Operations" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-y-auto flex-1", children: operations.map((op) => {
+          const active = selected && op.name === selected.name && op.soapVersion === selected.soapVersion;
+          return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: () => selectOperation(op),
+              className: `w-full text-left px-2.5 py-1.5 text-[11px] border-b border-surface-800/50 transition-colors ${active ? "bg-blue-900/30 text-blue-300" : "text-surface-300 hover:bg-surface-800/60"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono truncate", children: op.name }),
+                op.soapVersion === "1.2" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[9px] text-surface-600 uppercase", children: "SOAP 1.2" })
+              ]
+            },
+            `${op.binding ?? ""}:${op.name}:${op.soapVersion}`
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0 flex flex-col gap-2", children: selected && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold text-white font-mono", children: selected.name }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] uppercase tracking-wider text-surface-500", children: [
+            "SOAP ",
+            selected.soapVersion
+          ] })
+        ] }),
+        selected.soapAction && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] text-surface-500 font-mono truncate", children: [
+          "SOAPAction: ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300", children: selected.soapAction })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface-900/40 border border-surface-800 rounded-md px-3 py-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[9px] uppercase tracking-wider font-semibold text-surface-600 mb-1.5", children: "Inputs" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ParamTree, { params: selected.params ?? [] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[9px] uppercase tracking-wider font-semibold text-surface-600", children: "Envelope" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => setShowXml((v) => !v),
+              className: "text-[10px] text-surface-500 hover:text-surface-300 transition-colors",
+              children: showXml ? "▾ Hide XML" : "▸ Edit XML"
+            }
+          )
+        ] }),
+        !showXml && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-surface-600 leading-relaxed", children: [
+          "Envelope auto-generated from the operation's input parameters. Method (POST), endpoint URL, and Content-Type are managed for you. Click ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "Edit XML" }),
+          " to tweak."
+        ] }),
+        showXml && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700 flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ReactCodeMirror,
+          {
+            value: soap.envelope ?? "",
+            height: "100%",
+            theme: oneDark,
+            extensions: [xml()],
+            onChange: (val) => updateSoap({ envelope: val }),
+            basicSetup: { lineNumbers: true, foldGutter: true }
+          }
+        ) })
+      ] }) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-600 mb-1", children: "Envelope" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700", style: { minHeight: 200 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    showFallback && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 flex-1 min-h-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-surface-900/40 border border-surface-800 rounded-md px-3 py-2 text-[11px] flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-w-0", children: [
+          soap.operationName && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-surface-200 truncate", children: soap.operationName }),
+          soap.soapAction && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-[10px] text-surface-500 truncate", children: [
+            "SOAPAction: ",
+            soap.soapAction
+          ] }),
+          !soap.operationName && !soap.soapAction && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] text-surface-500", children: soap.wsdlUrl?.trim() ? "WSDL not loaded — the saved envelope below is still sent on Send." : "No WSDL — hand-crafted SOAP envelope." })
+        ] }),
+        soap.wsdlUrl?.trim() && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: fetchWsdl,
+            disabled: fetching,
+            className: "px-2.5 py-1 text-[11px] bg-surface-800 hover:bg-surface-700 disabled:opacity-50 rounded transition-colors whitespace-nowrap",
+            children: fetching ? "Loading…" : "Reload WSDL"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded overflow-hidden border border-surface-700 flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         ReactCodeMirror,
         {
           value: soap.envelope ?? "",
-          height: "200px",
+          height: "100%",
           theme: oneDark,
           extensions: [xml()],
           onChange: (val) => updateSoap({ envelope: val }),
           basicSetup: { lineNumbers: true, foldGutter: true }
         }
       ) })
+    ] }),
+    showEmpty && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-center gap-2 border border-dashed border-surface-800 rounded-md py-8 px-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-surface-400", children: [
+        "Paste a WSDL URL above and click ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("em", { children: "Fetch WSDL" }),
+        "."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 max-w-sm", children: "The endpoint, SOAP version, Content-Type header, and per-operation envelope are derived from the WSDL — you only pick the operation and fill the parameters." })
     ] })
   ] });
 }
 function BodyTab({ request, onChange }) {
   const body = request.body;
   const mode = body.mode;
+  const isSoap = request.protocol === "soap";
   const varNames = useVarNames();
   const varValues = useVarValues();
   const varExt = reactExports.useMemo(
@@ -55054,6 +55411,9 @@ function BodyTab({ request, onChange }) {
   function setMode(m) {
     onChange({ body: { ...body, mode: m } });
   }
+  if (isSoap) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SoapEditor, { request, onChange }) });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 h-full min-h-0", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-3 text-xs flex-shrink-0", children: ["none", "json", "form", "raw", "graphql", "soap"].map((m) => /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -55133,7 +55493,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$l } = window;
+const { electron: electron$m } = window;
 const AUTH_TYPES = ["none", "bearer", "basic", "digest", "ntlm", "apikey", "oauth2"];
 function AuthTab({ request, onChange }) {
   const auth = request.auth;
@@ -55147,7 +55507,7 @@ function AuthTab({ request, onChange }) {
   }
   async function saveSecret(ref2) {
     if (!secretValue || !ref2) return;
-    await electron$l.setSecret(ref2, secretValue);
+    await electron$m.setSecret(ref2, secretValue);
     setSaved(true);
     setSecretValue("");
     setTimeout(() => setSaved(false), 2e3);
@@ -55159,7 +55519,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Error("");
     try {
       const vars = {};
-      const result = await electron$l.oauth2StartFlow(oauth2Auth, vars);
+      const result = await electron$m.oauth2StartFlow(oauth2Auth, vars);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -55177,7 +55537,7 @@ function AuthTab({ request, onChange }) {
     setOauth2Status("fetching");
     setOauth2Error("");
     try {
-      const result = await electron$l.oauth2RefreshToken(oauth2Auth, {}, oauth2RefreshToken);
+      const result = await electron$m.oauth2RefreshToken(oauth2Auth, {}, oauth2RefreshToken);
       setAuth({
         oauth2CachedToken: result.accessToken,
         oauth2TokenExpiry: result.expiresAt
@@ -56418,12 +56778,13 @@ function ScriptsTab({ request, onChange }) {
   const activeTabId = useStore((s) => s.activeTabId);
   const activeAppTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
   const setTabScriptTab = useStore((s) => s.setTabScriptTab);
-  const scriptType = activeAppTab?.scriptTab ?? "pre";
+  const scriptType = activeAppTab?.scriptTab ?? "post";
   const setScriptType = (t2) => {
     if (activeTabId) setTabScriptTab(activeTabId, t2);
   };
   const [expandedGroup, setExpandedGroup] = reactExports.useState(SNIPPET_GROUPS[0].group);
-  const [snippetsOpen, setSnippetsOpen] = reactExports.useState(true);
+  const snippetsOpen = useStore((s) => s.quickInsertsOpen);
+  const setSnippetsOpen = useStore((s) => s.setQuickInsertsOpen);
   const varNames = useVarNames();
   const varValues = useVarValues();
   const extensions = reactExports.useMemo(
@@ -62791,7 +63152,7 @@ function SchemaTab({ request, onChange }) {
     ] }) })
   ] });
 }
-const { electron: electron$k } = window;
+const { electron: electron$l } = window;
 const EMPTY = { statusCode: 200, headers: [], bodySchema: "" };
 function ContractTab({ request, onChange }) {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
@@ -62805,7 +63166,7 @@ function ContractTab({ request, onChange }) {
     if (!lastResponse?.body) return;
     setInferring(true);
     try {
-      const schema = await electron$k.inferContractSchema(lastResponse.body);
+      const schema = await electron$l.inferContractSchema(lastResponse.body);
       if (schema) update({ bodySchema: schema });
     } finally {
       setInferring(false);
@@ -62931,7 +63292,7 @@ function ContractTab({ request, onChange }) {
     ] })
   ] });
 }
-const { electron: electron$j } = window;
+const { electron: electron$k } = window;
 function formatTime$1(ts) {
   const d = new Date(ts);
   const hh = String(d.getHours()).padStart(2, "0");
@@ -62951,14 +63312,14 @@ function WebSocketPanel({ request }) {
   const [sendText, setSendText] = reactExports.useState("");
   const logEndRef = reactExports.useRef(null);
   reactExports.useEffect(() => {
-    electron$j.onWsMessage(({ requestId, message }) => {
+    electron$k.onWsMessage(({ requestId, message }) => {
       addWsMessage(requestId, message);
     });
-    electron$j.onWsStatus(({ requestId, status, error: error2 }) => {
+    electron$k.onWsStatus(({ requestId, status, error: error2 }) => {
       setWsStatus(requestId, status, error2);
     });
     return () => {
-      electron$j.offWsEvents();
+      electron$k.offWsEvents();
     };
   }, [addWsMessage, setWsStatus]);
   reactExports.useEffect(() => {
@@ -62971,19 +63332,19 @@ function WebSocketPanel({ request }) {
       if (h.enabled && h.key) headers[h.key] = h.value;
     }
     try {
-      await electron$j.wsConnect(request.id, request.url, headers);
+      await electron$k.wsConnect(request.id, request.url, headers);
     } catch (err) {
       setWsStatus(request.id, "error", err instanceof Error ? err.message : String(err));
     }
   }
   async function disconnect() {
-    await electron$j.wsDisconnect(request.id);
+    await electron$k.wsDisconnect(request.id);
   }
   async function sendMessage() {
     const text = sendText.trim();
     if (!text || !isConnected) return;
     try {
-      await electron$j.wsSend(request.id, text);
+      await electron$k.wsSend(request.id, text);
       const msg = {
         id: crypto.randomUUID(),
         direction: "sent",
@@ -63086,7 +63447,7 @@ function WebSocketPanel({ request }) {
     ] })
   ] });
 }
-const { electron: electron$i } = window;
+const { electron: electron$j } = window;
 const METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 const METHOD_COLORS = {
   GET: "text-emerald-400",
@@ -63173,7 +63534,7 @@ function RequestBuilder({ request }) {
         try {
           const hookEnv = activeEnvironmentId ? useStore.getState().environments[activeEnvironmentId]?.data ?? null : null;
           const hookSessionVars = useStore.getState().sessionVars;
-          const r = await electron$i.sendRequest({
+          const r = await electron$j.sendRequest({
             ...basePayload,
             environment: hookEnv,
             request: hook,
@@ -63214,7 +63575,7 @@ function RequestBuilder({ request }) {
       }
       const freshEnv = activeEnvironmentId ? useStore.getState().environments[activeEnvironmentId]?.data ?? null : null;
       const freshSessionVars = useStore.getState().sessionVars;
-      const result = await electron$i.sendRequest({
+      const result = await electron$j.sendRequest({
         ...basePayload,
         environment: freshEnv,
         request: mergedRequest,
@@ -63239,7 +63600,7 @@ function RequestBuilder({ request }) {
         try {
           const hookEnv = activeEnvironmentId ? useStore.getState().environments[activeEnvironmentId]?.data ?? null : null;
           const hookSessionVars = useStore.getState().sessionVars;
-          const r = await electron$i.sendRequest({
+          const r = await electron$j.sendRequest({
             ...basePayload,
             environment: hookEnv,
             request: hook,
@@ -63288,11 +63649,13 @@ function RequestBuilder({ request }) {
   const hasPreScript = Boolean(request.preRequestScript?.trim());
   const hasPostScript = Boolean(request.postRequestScript?.trim());
   const isWs = request.protocol === "websocket";
+  const isSoap = request.protocol === "soap";
   const tabs = [
-    { id: "params", label: "Params", count: request.params.filter((p2) => p2.enabled && p2.key).length },
+    // SOAP collapses Params + Body into a single "SOAP" tab — the WSDL drives both.
+    ...!isSoap ? [{ id: "params", label: "Params", count: request.params.filter((p2) => p2.enabled && p2.key).length }] : [],
     { id: "headers", label: "Headers", count: request.headers.filter((h) => h.enabled && h.key).length },
     ...!isWs ? [
-      { id: "body", label: "Body", count: request.body.mode !== "none" ? 1 : 0 },
+      { id: "body", label: isSoap ? "SOAP" : "Body", count: request.body.mode !== "none" ? 1 : 0 },
       { id: "auth", label: "Auth", count: request.auth.type !== "none" ? 1 : 0 },
       { id: "scripts", label: "Scripts", count: (hasPreScript ? 1 : 0) + (hasPostScript ? 1 : 0) },
       { id: "schema", label: "Schema", count: request.schema?.trim() ? 1 : 0 },
@@ -63324,7 +63687,7 @@ function RequestBuilder({ request }) {
           "button",
           {
             onClick: () => update({ protocol: "http" }),
-            className: `px-2 py-1.5 transition-colors ${!isWs ? "bg-blue-600 text-white" : "text-surface-500 hover:text-white"}`,
+            className: `px-2 py-1.5 transition-colors ${request.protocol !== "websocket" && request.protocol !== "soap" ? "bg-blue-600 text-white" : "text-surface-500 hover:text-white"}`,
             title: "HTTP request",
             children: "HTTP"
           }
@@ -63337,9 +63700,25 @@ function RequestBuilder({ request }) {
             title: "WebSocket",
             children: "WS"
           }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => {
+              update({
+                protocol: "soap",
+                method: "POST",
+                body: request.body.mode === "soap" ? request.body : { ...request.body, mode: "soap", soap: request.body.soap ?? { wsdlUrl: "", envelope: "" } }
+              });
+              if (activeTabId) setTabRequestTab(activeTabId, "body");
+            },
+            className: `px-2 py-1.5 transition-colors ${isSoap ? "bg-amber-700 text-amber-100" : "text-surface-500 hover:text-white"}`,
+            title: "SOAP — endpoint and method are derived from the WSDL",
+            children: "SOAP"
+          }
         )
       ] }),
-      !isWs && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      !isWs && !isSoap && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "select",
         {
           value: request.method,
@@ -63348,14 +63727,22 @@ function RequestBuilder({ request }) {
           children: METHODS.map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: m, className: "text-white", children: m }, m))
         }
       ),
+      isSoap && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: "bg-surface-900 border border-surface-700 rounded px-2 py-1.5 text-xs font-bold text-amber-400 select-none",
+          title: "SOAP requests are always POST",
+          children: "POST"
+        }
+      ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         VarInput,
         {
           value: request.url,
           onChange: (url) => update({ url }),
-          placeholder: isWs ? "ws://example.com/socket" : "https://api.example.com/endpoint",
+          placeholder: isWs ? "ws://example.com/socket" : isSoap ? "Endpoint (auto-filled from WSDL <soap:address>)" : "https://api.example.com/endpoint",
           wrapperClassName: "flex-1",
-          className: "bg-surface-800 border border-surface-700 rounded px-3 py-1.5 text-sm focus:outline-none focus:border-blue-500 font-mono placeholder-surface-700"
+          className: `border rounded px-3 py-1.5 text-sm focus:outline-none focus:border-blue-500 font-mono placeholder-surface-700 ${isSoap ? "bg-surface-900 border-amber-900/50 text-surface-300" : "bg-surface-800 border-surface-700"}`
         }
       ),
       !isWs && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -63976,7 +64363,7 @@ function HookResultsPanel({ results }) {
     }) })
   ] });
 }
-const { electron: electron$h } = window;
+const { electron: electron$i } = window;
 function extractPath(url) {
   try {
     return new URL(url).pathname || "/";
@@ -64030,14 +64417,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$h.saveMock(entry.relPath, updated);
+        await electron$i.saveMock(entry.relPath, updated);
         const ws2 = useStore.getState().workspace;
-        if (ws2) await electron$h.saveWorkspace(ws2);
+        if (ws2) await electron$i.saveWorkspace(ws2);
       } else {
         const entry = useStore.getState().mocks[serverId];
         const updated = { ...entry.data, routes: [...entry.data.routes, route] };
         updateMock(serverId, updated);
-        await electron$h.saveMock(entry.relPath, updated);
+        await electron$i.saveMock(entry.relPath, updated);
       }
       onClose();
     } finally {
@@ -64298,19 +64685,24 @@ function TestsPanel({ scriptResult }) {
       /* @__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
+    sr.testResults.map((result, i) => (
+      // Pass uses the bright lime-400 border at 50% (was: dark olive-800
+      // border on near-invisible 20% bg) so the green test row actually
+      // reads as green in dark mode.
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: `flex items-start gap-2 p-2 rounded border ${result.passed ? "bg-emerald-800/30 border-emerald-400/50" : "bg-red-900/30 border-red-700"}`,
+          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
+      )
     ))
   ] });
 }
@@ -64367,7 +64759,7 @@ function ConsolePanel({ scriptResult }) {
     )) })
   ] });
 }
-const { electron: electron$g } = window;
+const { electron: electron$h } = window;
 function ResponseViewer() {
   const activeTab = useStore((s) => s.tabs.find((t2) => t2.id === s.activeTabId));
   const activeTabId = useStore((s) => s.activeTabId);
@@ -64395,7 +64787,7 @@ function ResponseViewer() {
   const [contractToast, setContractToast] = reactExports.useState(false);
   async function saveAsContract() {
     if (!response || !requestId || !activeTabId) return;
-    const schema = response.body ? await electron$g.inferContractSchema(response.body) : null;
+    const schema = response.body ? await electron$h.inferContractSchema(response.body) : null;
     const contentType2 = response.headers["content-type"];
     const headers = contentType2 ? [{ key: "content-type", value: contentType2, required: true }] : [];
     updateRequest(requestId, {
@@ -64420,6 +64812,7 @@ function ResponseViewer() {
       setTabRequestTab(activeTabId, "scripts");
       setTabScriptTab(activeTabId, "post");
     }
+    state.setQuickInsertsOpen(false);
     setAssertToast(true);
     setTimeout(() => setAssertToast(false), 2500);
   }
@@ -64563,7 +64956,7 @@ 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 })
   ] });
 }
-const { electron: electron$f } = window;
+const { electron: electron$g } = window;
 const TARGETS = [
   { id: "robot_framework", label: "Robot Framework", description: "Python RequestsLibrary keywords + test suite" },
   { id: "playwright_ts", label: "Playwright TS", description: "TypeScript page-object API classes + spec files" },
@@ -64601,7 +64994,7 @@ function GeneratorPanel() {
     try {
       const col = collections[selectedCollectionId]?.data;
       const env = activeEnvironmentId ? environments[activeEnvironmentId]?.data ?? null : null;
-      const generated = await electron$f.generateCode({ collection: col, environment: env, target });
+      const generated = await electron$g.generateCode({ collection: col, environment: env, target });
       setFiles(generated);
       setSelectedFile(generated[0]?.path ?? null);
     } catch (e) {
@@ -64613,7 +65006,7 @@ function GeneratorPanel() {
   async function saveZip() {
     if (files.length === 0) return;
     const col = collections[selectedCollectionId]?.data;
-    await electron$f.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
+    await electron$g.saveGeneratedFilesAsZip(files, col?.name ?? "api-tests", target);
   }
   const selectedContent = files.find((f) => f.path === selectedFile)?.content ?? "";
   const activeTarget = TARGETS.find((t2) => t2.id === target);
@@ -64837,16 +65230,16 @@ function HistoryRow({
     }
   );
 }
-const { electron: electron$e } = window;
+const { electron: electron$f } = window;
 function WelcomeScreen() {
   const { applyWorkspace } = useWorkspaceLoader();
   async function openWorkspace() {
-    const result = await electron$e.openWorkspace();
+    const result = await electron$f.openWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
   async function newWorkspace() {
-    const result = await electron$e.newWorkspace();
+    const result = await electron$f.newWorkspace();
     if (!result) return;
     await applyWorkspace(result.workspace, result.workspacePath);
   }
@@ -64897,7 +65290,7 @@ function WelcomeScreen() {
     ] })
   ] });
 }
-const { electron: electron$d } = window;
+const { electron: electron$e } = window;
 const EXAMPLES = [
   {
     label: "macOS / Linux  (~/.zshrc or ~/.bashrc)",
@@ -64916,12 +65309,12 @@ function MasterKeyModal({ onSuccess, onCancel }) {
   const [password, setPassword] = reactExports.useState("");
   const [error2, setError] = reactExports.useState("");
   const [copied, setCopied] = reactExports.useState(null);
-  async function confirm() {
+  async function confirm2() {
     if (!password.trim()) {
       setError("Password cannot be empty.");
       return;
     }
-    await electron$d.setMasterKey(password);
+    await electron$e.setMasterKey(password);
     onSuccess(password);
   }
   function copy(idx, text) {
@@ -64962,7 +65355,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
                     setPassword(e.target.value);
                     setError("");
                   },
-                  onKeyDown: (e) => e.key === "Enter" && confirm(),
+                  onKeyDown: (e) => e.key === "Enter" && confirm2(),
                   placeholder: "Enter master password…",
                   className: "bg-surface-800 border border-surface-700 rounded px-3 py-1.5 text-sm font-mono focus:outline-none focus:border-blue-500"
                 }
@@ -64998,7 +65391,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
-                  onClick: confirm,
+                  onClick: confirm2,
                   disabled: !password.trim(),
                   className: "px-3 py-1.5 text-xs bg-blue-600 hover:bg-blue-500 disabled:opacity-40 rounded transition-colors",
                   children: "Set Password & Continue"
@@ -65011,7 +65404,7 @@ function MasterKeyModal({ onSuccess, onCancel }) {
     }
   );
 }
-const { electron: electron$c } = window;
+const { electron: electron$d } = window;
 async function shortHash(value) {
   const buf = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(value));
   return Array.from(new Uint8Array(buf)).map((b) => b.toString(16).padStart(2, "0")).join("").slice(0, 8);
@@ -65057,6 +65450,7 @@ function EnvironmentEditor({ onClose }) {
   const [pendingEncryptIdx, setPendingEncryptIdx] = reactExports.useState(null);
   const [nameError, setNameError] = reactExports.useState(null);
   const deleteEnvironment = useStore((s) => s.deleteEnvironment);
+  const duplicateEnvironment = useStore((s) => s.duplicateEnvironment);
   const envList = Object.values(environments);
   const env = selectedId ? environments[selectedId]?.data ?? null : null;
   function handleDelete(id2) {
@@ -65064,6 +65458,11 @@ function EnvironmentEditor({ onClose }) {
     const remaining = Object.keys(environments).filter((k) => k !== id2);
     setSelectedId(remaining[0] ?? "");
   }
+  function handleDuplicate(id2) {
+    duplicateEnvironment(id2);
+    const next = Object.keys(useStore.getState().environments).at(-1);
+    if (next) setSelectedId(next);
+  }
   function updateVar(idx, patch) {
     if (!env) return;
     const vars = env.variables.map((v, i) => i === idx ? { ...v, ...patch } : v);
@@ -65112,7 +65511,7 @@ function EnvironmentEditor({ onClose }) {
   async function saveEncrypted(idx) {
     const plaintext = secretInputs[idx] ?? "";
     if (!plaintext) return;
-    const { set: set2 } = await electron$c.checkMasterKey();
+    const { set: set2 } = await electron$d.checkMasterKey();
     if (!set2) {
       setPendingEncryptIdx(idx);
       return;
@@ -65149,9 +65548,9 @@ function EnvironmentEditor({ onClose }) {
         } : state.workspace
       }));
       const ws2 = useStore.getState().workspace;
-      if (ws2) await electron$c.saveWorkspace(ws2);
+      if (ws2) await electron$d.saveWorkspace(ws2);
     }
-    await electron$c.saveEnvironment(newRelPath, env);
+    await electron$d.saveEnvironment(newRelPath, env);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     pendingEncryptIdx !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -65190,6 +65589,15 @@ function EnvironmentEditor({ onClose }) {
                           children: e.name
                         }
                       ),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          onClick: () => handleDuplicate(e.id),
+                          className: "opacity-0 group-hover:opacity-100 text-surface-400 hover:text-white transition-all px-1 text-xs leading-none shrink-0",
+                          title: "Duplicate environment",
+                          children: "⧉"
+                        }
+                      ),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
                         "button",
                         {
@@ -65239,135 +65647,141 @@ function EnvironmentEditor({ onClose }) {
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full text-xs", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "text-surface-400 text-left border-b border-surface-800", children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 w-8", children: "On" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-2 w-36", children: "Variable" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-2 w-56", children: "Variable" }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-2", children: "Value / Encrypted / Env var" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-2 w-44", children: "Description" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-2 w-20 text-center", children: "Source" }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-2 py-2 w-6" })
                     ] }) }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: env.variables.map((v, idx) => {
+                    env.variables.map((v, idx) => {
                       const mode = getSourceMode(v);
-                      return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "group border-b border-surface-800/50 hover:bg-surface-800/30", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "input",
-                          {
-                            type: "checkbox",
-                            checked: v.enabled,
-                            onChange: (e) => updateVar(idx, { enabled: e.target.checked }),
-                            className: "accent-blue-500"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "input",
-                          {
-                            value: v.key,
-                            onChange: (e) => updateVar(idx, { key: e.target.value }),
-                            placeholder: "variable_name",
-                            className: "w-full bg-surface-800 rounded px-2 py-1 font-mono focus:outline-none focus:ring-1 focus:ring-blue-500"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "px-2 py-1.5", children: [
-                          mode === "plain" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      return /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { className: "group border-b border-surface-800/50 hover:bg-surface-800/30", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                             "input",
                             {
-                              value: v.value,
-                              onChange: (e) => updateVar(idx, { value: e.target.value }),
-                              placeholder: "value",
+                              type: "checkbox",
+                              checked: v.enabled,
+                              onChange: (e) => updateVar(idx, { enabled: e.target.checked }),
+                              className: "accent-blue-500"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "input",
+                            {
+                              value: v.key,
+                              onChange: (e) => updateVar(idx, { key: e.target.value }),
+                              placeholder: "variable_name",
                               className: "w-full bg-surface-800 rounded px-2 py-1 font-mono focus:outline-none focus:ring-1 focus:ring-blue-500"
                             }
-                          ),
-                          mode === "encrypted" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          ) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "px-2 py-1.5", children: [
+                            mode === "plain" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                               "input",
                               {
-                                type: "password",
-                                value: secretInputs[idx] ?? "",
-                                onChange: (e) => setSecretInputs((s) => ({ ...s, [idx]: e.target.value })),
-                                placeholder: v.secretHash ? `Encrypted  ·  sha256: ${v.secretHash}…` : "Enter secret value to encrypt…",
-                                className: "flex-1 bg-surface-800 rounded px-2 py-1 font-mono focus:outline-none focus:ring-1 focus:ring-blue-500"
-                              }
-                            ),
-                            /* @__PURE__ */ jsxRuntimeExports.jsx(
-                              "button",
-                              {
-                                onClick: () => saveEncrypted(idx),
-                                disabled: !secretInputs[idx],
-                                className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 disabled:opacity-40 rounded whitespace-nowrap transition-colors",
-                                children: savedIdx === idx ? "✓ Saved" : "Encrypt"
+                                value: v.value,
+                                onChange: (e) => updateVar(idx, { value: e.target.value }),
+                                placeholder: "value",
+                                className: "w-full bg-surface-800 rounded px-2 py-1 font-mono focus:outline-none focus:ring-1 focus:ring-blue-500"
                               }
                             ),
-                            v.secretHash && savedIdx !== idx && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                              "span",
-                              {
-                                className: "text-[10px] text-emerald-400 font-mono shrink-0",
-                                title: `SHA-256 fingerprint of encrypted value: ${v.secretHash}…`,
-                                children: [
-                                  "● ",
-                                  v.secretHash,
-                                  "…"
-                                ]
-                              }
-                            )
+                            mode === "encrypted" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                "input",
+                                {
+                                  type: "password",
+                                  value: secretInputs[idx] ?? "",
+                                  onChange: (e) => setSecretInputs((s) => ({ ...s, [idx]: e.target.value })),
+                                  placeholder: v.secretHash ? `Encrypted  ·  sha256: ${v.secretHash}…` : "Enter secret value to encrypt…",
+                                  className: "flex-1 bg-surface-800 rounded px-2 py-1 font-mono focus:outline-none focus:ring-1 focus:ring-blue-500"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                "button",
+                                {
+                                  onClick: () => saveEncrypted(idx),
+                                  disabled: !secretInputs[idx],
+                                  className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 disabled:opacity-40 rounded whitespace-nowrap transition-colors",
+                                  children: savedIdx === idx ? "✓ Saved" : "Encrypt"
+                                }
+                              ),
+                              v.secretHash && savedIdx !== idx && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                                "span",
+                                {
+                                  className: "text-[10px] text-emerald-400 font-mono shrink-0",
+                                  title: `SHA-256 fingerprint of encrypted value: ${v.secretHash}…`,
+                                  children: [
+                                    "● ",
+                                    v.secretHash,
+                                    "…"
+                                  ]
+                                }
+                              )
+                            ] }),
+                            mode === "env" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 font-mono", children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-400 select-none", children: "$" }),
+                              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                "input",
+                                {
+                                  value: v.envRef ?? "",
+                                  onChange: (e) => updateVar(idx, { envRef: e.target.value }),
+                                  placeholder: "OS_ENV_VAR_NAME",
+                                  className: "flex-1 bg-surface-800 rounded px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
+                                }
+                              ),
+                              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                                "span",
+                                {
+                                  className: "text-[10px] text-surface-400 shrink-0",
+                                  title: "Value read from OS env at send-time. Never stored in project.",
+                                  children: "process.env"
+                                }
+                              )
+                            ] })
                           ] }),
-                          mode === "env" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 font-mono", children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-400 select-none", children: "$" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "button",
+                            {
+                              onClick: () => removeVar(idx),
+                              className: "text-surface-400 hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all",
+                              children: "×"
+                            }
+                          ) })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("td", {}),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 2, className: "px-2 pb-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
                             /* @__PURE__ */ jsxRuntimeExports.jsx(
                               "input",
                               {
-                                value: v.envRef ?? "",
-                                onChange: (e) => updateVar(idx, { envRef: e.target.value }),
-                                placeholder: "OS_ENV_VAR_NAME",
-                                className: "flex-1 bg-surface-800 rounded px-2 py-1 focus:outline-none focus:ring-1 focus:ring-blue-500"
+                                value: v.description ?? "",
+                                onChange: (e) => updateVar(idx, { description: e.target.value }),
+                                placeholder: "Optional description…",
+                                className: "flex-1 bg-surface-800/50 rounded px-2 py-1 text-[10px] text-surface-300 placeholder-surface-600 focus:outline-none focus:ring-1 focus:ring-blue-500/50"
                               }
                             ),
-                            /* @__PURE__ */ jsxRuntimeExports.jsx(
-                              "span",
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                              "button",
                               {
-                                className: "text-[10px] text-surface-400 shrink-0",
-                                title: "Value read from OS env at send-time. Never stored in project.",
-                                children: "process.env"
+                                onClick: () => cycleSource(idx),
+                                title: mode === "plain" ? "Plain text — click to switch to encrypted secret" : mode === "encrypted" ? "Encrypted secret — click to switch to env var ref" : "OS env var reference — click to switch to plain text",
+                                className: "flex items-center justify-center gap-1 px-1.5 py-0.5 rounded border transition-colors text-[10px] font-medium w-16 shrink-0 border-surface-700 hover:border-surface-500",
+                                children: [
+                                  mode === "plain" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "abc" }),
+                                  mode === "encrypted" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: "🔒" }),
+                                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: "enc" })
+                                  ] }),
+                                  mode === "env" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: "$" }),
+                                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: "env" })
+                                  ] })
+                                ]
                               }
                             )
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "input",
-                          {
-                            value: v.description ?? "",
-                            onChange: (e) => updateVar(idx, { description: e.target.value }),
-                            placeholder: "Optional description…",
-                            className: "w-full bg-surface-800/50 rounded px-2 py-1 text-[10px] text-surface-300 placeholder-surface-600 focus:outline-none focus:ring-1 focus:ring-blue-500/50"
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1.5 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                          "button",
-                          {
-                            onClick: () => cycleSource(idx),
-                            title: mode === "plain" ? "Plain text — click to switch to encrypted secret" : mode === "encrypted" ? "Encrypted secret — click to switch to env var ref" : "OS env var reference — click to switch to plain text",
-                            className: "flex items-center justify-center gap-1 mx-auto px-1.5 py-0.5 rounded border transition-colors text-[10px] font-medium w-16 border-surface-700 hover:border-surface-500",
-                            children: [
-                              mode === "plain" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "abc" }),
-                              mode === "encrypted" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: "🔒" }),
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-amber-400", children: "enc" })
-                              ] }),
-                              mode === "env" && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: "$" }),
-                                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400", children: "env" })
-                              ] })
-                            ]
-                          }
-                        ) }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          "button",
-                          {
-                            onClick: () => removeVar(idx),
-                            className: "text-surface-400 hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all",
-                            children: "×"
-                          }
-                        ) })
+                          ] }) }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("td", {})
+                        ] })
                       ] }, idx);
-                    }) })
+                    })
                   ] }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
@@ -65435,7 +65849,7 @@ function EnvironmentEditor({ onClose }) {
     )
   ] });
 }
-const { electron: electron$b } = window;
+const { electron: electron$c } = window;
 function EnvironmentBar({ inline = false }) {
   const environments = useStore((s) => s.environments);
   const activeEnvironmentId = useStore((s) => s.activeEnvironmentId);
@@ -65449,7 +65863,7 @@ function EnvironmentBar({ inline = false }) {
     if (id2) {
       const hasSecrets = environments[id2]?.data.variables.some((v) => v.enabled && v.secret);
       if (hasSecrets) {
-        const { set: set2 } = await electron$b.checkMasterKey();
+        const { set: set2 } = await electron$c.checkMasterKey();
         if (!set2) {
           setPendingEnvId(id2);
           return;
@@ -65503,7 +65917,7 @@ function EnvironmentBar({ inline = false }) {
     controls
   ] });
 }
-const { electron: electron$a } = window;
+const { electron: electron$b } = window;
 const DEFAULT_PII_PATTERNS = ["authorization", "password", "token", "secret", "api-key", "x-api-key"];
 const ZOOM_STEPS = [0.75, 0.9, 1, 1.1, 1.25, 1.5];
 function WorkspaceSettingsModal({ onClose }) {
@@ -65558,7 +65972,7 @@ function WorkspaceSettingsModal({ onClose }) {
     settings.piiMaskPatterns = patterns;
     updateWorkspaceSettings(settings);
     const updated = useStore.getState().workspace;
-    if (updated) await electron$a.saveWorkspace(updated);
+    if (updated) await electron$b.saveWorkspace(updated);
     onClose();
   }
   function zoomStep(dir) {
@@ -65813,7 +66227,7 @@ function WorkspaceSettingsModal({ onClose }) {
     }
   );
 }
-const { electron: electron$9 } = window;
+const { electron: electron$a } = window;
 function DocsGeneratorModal({ onClose }) {
   const collections = useStore((s) => s.collections);
   const collectionList = Object.values(collections);
@@ -65833,18 +66247,29 @@ function DocsGeneratorModal({ onClose }) {
     });
   }
   function buildPayload() {
+    const tabs = useStore.getState().tabs;
+    const examples = {};
+    for (const t2 of tabs) {
+      if (!t2.requestId) continue;
+      if (!t2.lastSentRequest && !t2.lastResponse) continue;
+      examples[t2.requestId] = {
+        sent: t2.lastSentRequest ?? void 0,
+        response: t2.lastResponse ?? void 0
+      };
+    }
     return {
       collections: collectionList.filter((c) => selectedIds.has(c.data.id)).map((c) => ({ collection: c.data, requests: c.data.requests })),
-      format: format2
+      format: format2,
+      examples
     };
   }
   async function handleGenerateAndSave() {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$9.generateDocs(buildPayload());
+      const content2 = await electron$a.generateDocs(buildPayload());
       const filename = format2 === "html" ? "api-docs.html" : "api-docs.md";
-      await electron$9.saveResults(content2, filename);
+      await electron$a.saveResults(content2, filename);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
     } finally {
@@ -65855,7 +66280,7 @@ function DocsGeneratorModal({ onClose }) {
     setGenerating(true);
     setError(null);
     try {
-      const content2 = await electron$9.generateDocs(buildPayload());
+      const content2 = await electron$a.generateDocs(buildPayload());
       setPreview(content2);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -65971,7 +66396,7 @@ function DocsGeneratorModal({ onClose }) {
     ] })
   ] }) });
 }
-const { electron: electron$8 } = window;
+const { electron: electron$9 } = window;
 const OPTIONS = [
   { id: "postman", label: "Postman", description: "Collection v2.1 JSON" },
   { id: "openapi", label: "OpenAPI", description: "JSON or YAML (v3.x)", supportsUrl: true },
@@ -66042,10 +66467,10 @@ function ImportModal({ onImport, onClose }) {
     setError(null);
     try {
       let col = null;
-      if (opt2.id === "postman") col = await electron$8.importPostman();
-      if (opt2.id === "openapi") col = await electron$8.importOpenApi();
-      if (opt2.id === "insomnia") col = await electron$8.importInsomnia();
-      if (opt2.id === "bruno") col = await electron$8.importBruno();
+      if (opt2.id === "postman") col = await electron$9.importPostman();
+      if (opt2.id === "openapi") col = await electron$9.importOpenApi();
+      if (opt2.id === "insomnia") col = await electron$9.importInsomnia();
+      if (opt2.id === "bruno") col = await electron$9.importBruno();
       if (!col) {
         setLoading(false);
         return;
@@ -66068,7 +66493,7 @@ function ImportModal({ onImport, onClose }) {
     setLoading(true);
     setError(null);
     try {
-      const col = await electron$8.importOpenApiFromUrl(trimmed);
+      const col = await electron$9.importOpenApiFromUrl(trimmed);
       if (col) enterPreview(col);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -66144,7 +66569,7 @@ function ImportModal({ onImport, onClose }) {
         mergeIntoCollection(target, prunedRoot, prunedRequests);
         const entry = useStore.getState().collections[target];
         if (entry) {
-          await electron$8.saveCollection(entry.relPath, entry.data);
+          await electron$9.saveCollection(entry.relPath, entry.data);
           markCollectionClean(target);
         }
         setActiveCollection(target);
@@ -66171,7 +66596,7 @@ function ImportModal({ onImport, onClose }) {
         variables: [{ key: name2, value, enabled: true }]
       };
       const relPath = envRelPath(finalName, envId);
-      await electron$8.saveEnvironment(relPath, env);
+      await electron$9.saveEnvironment(relPath, env);
       useStore.setState((s) => {
         s.environments[envId] = { relPath, data: env };
         if (!s.activeEnvironmentId) s.activeEnvironmentId = envId;
@@ -66181,7 +66606,7 @@ function ImportModal({ onImport, onClose }) {
         return s;
       });
       const ws2 = useStore.getState().workspace;
-      if (ws2) await electron$8.saveWorkspace(ws2);
+      if (ws2) await electron$9.saveWorkspace(ws2);
     } else {
       const entry = state.environments[envTarget];
       if (!entry) throw new Error("Target environment not found");
@@ -66196,7 +66621,7 @@ function ImportModal({ onImport, onClose }) {
       } else {
         updated.variables = [...updated.variables, { key: name2, value, enabled: true }];
       }
-      await electron$8.saveEnvironment(entry.relPath, updated);
+      await electron$9.saveEnvironment(entry.relPath, updated);
       useStore.getState().updateEnvironment(envTarget, updated);
     }
   }
@@ -66544,7 +66969,7 @@ function collectRequestsByFolder(folder, src) {
   walk(folder);
   return out;
 }
-const { electron: electron$7 } = window;
+const { electron: electron$8 } = window;
 function Toolbar({ onOpenDocs: _onOpenDocs }) {
   const { applyWorkspace } = useWorkspaceLoader();
   const workspace = useStore((s) => s.workspace);
@@ -66567,13 +66992,13 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
     try {
       for (const { relPath, data, dirty } of Object.values(collections)) {
         if (!dirty) continue;
-        await electron$7.saveCollection(relPath, data);
+        await electron$8.saveCollection(relPath, data);
         markCollectionClean(data.id);
       }
       for (const { relPath, data } of Object.values(environments)) {
-        await electron$7.saveEnvironment(relPath, data);
+        await electron$8.saveEnvironment(relPath, data);
       }
-      if (workspace) await electron$7.saveWorkspace(workspace);
+      if (workspace) await electron$8.saveWorkspace(workspace);
     } finally {
       setSaving(false);
     }
@@ -66581,14 +67006,14 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
   async function afterImport(col) {
     if (!col) return;
     const relPath = colRelPath(col.name, col.id);
-    await electron$7.saveCollection(relPath, col);
+    await electron$8.saveCollection(relPath, col);
     loadCollection(relPath, col);
     setActiveCollection(col.id);
     const ws2 = useStore.getState().workspace;
     if (ws2 && !ws2.collections.includes(relPath)) {
       const updated = { ...ws2, collections: [...ws2.collections, relPath] };
       useStore.setState({ workspace: updated });
-      await electron$7.saveWorkspace(updated);
+      await electron$8.saveWorkspace(updated);
     }
   }
   if (!workspace) return null;
@@ -66677,7 +67102,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$7.openWorkspace();
+              const result = await electron$8.openWorkspace();
               if (result) await applyWorkspace(result.workspace, result.workspacePath);
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -66689,7 +67114,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              const result = await electron$7.newWorkspace();
+              const result = await electron$8.newWorkspace();
               if (result) await applyWorkspace(result.workspace, result.workspacePath);
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -66701,7 +67126,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
           "button",
           {
             onClick: async () => {
-              await electron$7.closeWorkspace();
+              await electron$8.closeWorkspace();
               closeWorkspace();
             },
             className: "px-2.5 py-1 text-xs bg-surface-800 hover:bg-surface-700 rounded transition-colors",
@@ -67008,7 +67433,7 @@ function buildHtmlReport(results, summary, meta2 = {}) {
     const html = document.documentElement
     const isLight = html.classList.toggle('light')
     document.getElementById('themeBtn').textContent = isLight ? '🌙' : '☀️'
-    try { localStorage.setItem('theme', isLight ? 'light' : 'dark') } catch {}
+    try { localStorage.setItem('theme', isLight ? 'light' : 'dark') } catch {} /* private mode / quota — non-fatal */
   }
   // Restore saved preference or respect OS preference
   (function() {
@@ -67018,7 +67443,7 @@ function buildHtmlReport(results, summary, meta2 = {}) {
         document.documentElement.classList.add('light')
         document.getElementById('themeBtn').textContent = '🌙'
       }
-    } catch {}
+    } catch {} /* private mode / quota — non-fatal */
   })()
 <\/script>
 </body>
@@ -67152,7 +67577,7 @@ api-tests:
 function EmptyState({ message }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-24 text-surface-400 text-xs", children: message });
 }
-const { electron: electron$6 } = window;
+const { electron: electron$7 } = window;
 const HOOK_BADGE = {
   beforeAll: { label: "BEFORE ALL", cls: "bg-violet-700 text-white" },
   before: { label: "BEFORE", cls: "bg-violet-600 text-white" },
@@ -67272,13 +67697,13 @@ function RunnerModal() {
     setSummary(null);
     setRunnerRunning(true);
     progressIdxRef.current = 0;
-    electron$6.onRunProgress((result) => {
+    electron$7.onRunProgress((result) => {
       const idx = progressIdxRef.current;
       patchRunnerResult(idx, result);
       if (result.status !== "running") progressIdxRef.current++;
     });
     try {
-      const s = await electron$6.runCollection({
+      const s = await electron$7.runCollection({
         items: items2,
         environment: env,
         globals,
@@ -67289,7 +67714,7 @@ function RunnerModal() {
       });
       setSummary(s);
     } finally {
-      electron$6.offRunProgress();
+      electron$7.offRunProgress();
       setRunnerRunning(false);
     }
   }, [collectionId, folderId, filterTags, selectedEnvId, environments, globals, colEntry, requestDelay, workspaceSettings, setRunnerResults, patchRunnerResult, setRunnerRunning]);
@@ -67524,7 +67949,7 @@ function RunnerModal() {
                       };
                       const content2 = exportFormat === "junit" ? buildJUnitReport(runnerResults, summary, meta2) : exportFormat === "html" ? buildHtmlReport(runnerResults, summary, meta2) : buildJsonReport(runnerResults, summary, meta2);
                       const ext = exportFormat === "junit" ? "xml" : exportFormat === "html" ? "html" : "json";
-                      electron$6.saveResults(content2, `spector-results.${ext}`);
+                      electron$7.saveResults(content2, `spector-results.${ext}`);
                     },
                     className: "px-2.5 py-0.5 bg-surface-800 hover:bg-surface-700 rounded transition-colors text-[11px] whitespace-nowrap",
                     children: "Export results"
@@ -67742,7 +68167,7 @@ function CollectionPanel() {
     ] })
   ] });
 }
-const { electron: electron$5 } = window;
+const { electron: electron$6 } = window;
 function MockPanel() {
   const mocks = useStore((s) => s.mocks);
   const activeMockId = useStore((s) => s.activeMockId);
@@ -67750,6 +68175,7 @@ function MockPanel() {
   const addMock = useStore((s) => s.addMock);
   const deleteMock = useStore((s) => s.deleteMock);
   const setRunning = useStore((s) => s.setMockRunning);
+  const loadMock = useStore((s) => s.loadMock);
   const recorderOpen = useStore((s) => s.recorderOpen);
   const recorderRunning = useStore((s) => s.recorderRunning);
   const recorderUpstream = useStore((s) => s.recorderUpstream);
@@ -67759,16 +68185,45 @@ function MockPanel() {
   const setRecorderUpstream = useStore((s) => s.setRecorderUpstream);
   const setRecorderPort = useStore((s) => s.setRecorderPort);
   const [recorderError, setRecorderError] = reactExports.useState("");
+  const [wsdlOpen, setWsdlOpen] = reactExports.useState(false);
+  const [wsdlUrl, setWsdlUrl] = reactExports.useState("");
+  const [wsdlImporting, setWsdlImporting] = reactExports.useState(false);
+  const [wsdlError, setWsdlError] = reactExports.useState("");
   const mockList = Object.values(mocks);
+  async function handleImportWsdl() {
+    setWsdlError("");
+    if (!wsdlUrl.trim()) return;
+    setWsdlImporting(true);
+    try {
+      const existingPorts = mockList.map((m) => m.data.port);
+      const { mock } = await electron$6.wsdlImport({ url: wsdlUrl.trim(), existingMockPorts: existingPorts });
+      const relPath = `mocks/${mock.id}.mock.json`;
+      loadMock(relPath, mock);
+      await electron$6.saveMock(relPath, mock);
+      const ws2 = useStore.getState().workspace;
+      if (ws2) {
+        if (!ws2.mocks) ws2.mocks = [];
+        ws2.mocks.push(relPath);
+        await electron$6.saveWorkspace(ws2);
+      }
+      setActiveMock(mock.id);
+      setWsdlOpen(false);
+      setWsdlUrl("");
+    } catch (err) {
+      setWsdlError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setWsdlImporting(false);
+    }
+  }
   async function handleAddMock() {
     addMock();
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$5.saveWorkspace(ws2);
+    if (ws2) await electron$6.saveWorkspace(ws2);
     const state = useStore.getState();
     const newId = state.activeMockId;
     if (newId) {
       const entry = state.mocks[newId];
-      await electron$5.saveMock(entry.relPath, entry.data);
+      await electron$6.saveMock(entry.relPath, entry.data);
       setActiveMock(newId);
     }
   }
@@ -67776,15 +68231,15 @@ function MockPanel() {
     e.stopPropagation();
     const entry = useStore.getState().mocks[mockId];
     if (!entry) return;
-    if (entry.running) await electron$5.mockStop(mockId);
+    if (entry.running) await electron$6.mockStop(mockId);
     deleteMock(mockId);
     const ws2 = useStore.getState().workspace;
-    if (ws2) await electron$5.saveWorkspace(ws2);
+    if (ws2) await electron$6.saveWorkspace(ws2);
   }
   async function handleStartRecorder() {
     setRecorderError("");
     try {
-      await electron$5.recordStart({ upstream: recorderUpstream, port: recorderPort });
+      await electron$6.recordStart({ upstream: recorderUpstream, port: recorderPort });
       setRecorderRunning(true);
     } catch (err) {
       setRecorderError(err instanceof Error ? err.message : String(err));
@@ -67796,12 +68251,12 @@ function MockPanel() {
     if (!entry) return;
     try {
       if (entry.running) {
-        await electron$5.mockStop(mockId);
+        await electron$6.mockStop(mockId);
         setRunning(mockId, false);
       } else {
         const latest2 = useStore.getState().mocks[mockId].data;
-        await electron$5.saveMock(entry.relPath, latest2);
-        await electron$5.mockStart(latest2);
+        await electron$6.saveMock(entry.relPath, latest2);
+        await electron$6.mockStart(latest2);
         setRunning(mockId, true);
       }
     } catch {
@@ -67867,14 +68322,66 @@ function MockPanel() {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 flex items-center justify-between border-b border-surface-800 flex-shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-semibold uppercase tracking-widest text-surface-600", children: "Mock Servers" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => {
+              setWsdlOpen((o) => !o);
+              setWsdlError("");
+            },
+            className: "text-[11px] text-surface-400 hover:text-blue-300 transition-colors",
+            title: "Generate a mock server from a WSDL",
+            children: "Import WSDL"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: handleAddMock,
+            className: "text-[11px] text-blue-400 hover:text-blue-300 transition-colors",
+            children: "+ New"
+          }
+        )
+      ] })
+    ] }),
+    wsdlOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 flex flex-col gap-2 bg-surface-900/40 border-b border-surface-800 flex-shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
+        "input",
         {
-          onClick: handleAddMock,
-          className: "text-[11px] text-blue-400 hover:text-blue-300 transition-colors",
-          children: "+ New"
+          value: wsdlUrl,
+          onChange: (e) => setWsdlUrl(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && !wsdlImporting) handleImportWsdl();
+          },
+          placeholder: "https://example.com/service?WSDL",
+          className: "w-full bg-surface-900 border border-surface-700 rounded px-2 py-1 text-[11px] font-mono placeholder-surface-600 focus:outline-none focus:border-blue-500"
         }
-      )
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: handleImportWsdl,
+            disabled: wsdlImporting || !wsdlUrl.trim(),
+            className: "flex-1 py-1 rounded text-[11px] bg-blue-700 hover:bg-blue-600 disabled:opacity-50 disabled:hover:bg-blue-700 transition-colors",
+            children: wsdlImporting ? "Importing…" : "Generate mock"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => {
+              setWsdlOpen(false);
+              setWsdlError("");
+            },
+            className: "px-2 py-1 rounded text-[11px] bg-surface-800 hover:bg-surface-700 transition-colors",
+            children: "Cancel"
+          }
+        )
+      ] }),
+      wsdlError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-red-400", children: wsdlError }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 leading-relaxed", children: "One dispatch route per service endpoint. SOAPAction (or operation element in the body) selects which response envelope is returned." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: mockList.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center px-4", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-xs", children: "No mock servers yet." }),
@@ -67934,7 +68441,7 @@ function MockPanel() {
     }) })
   ] });
 }
-const { electron: electron$4 } = window;
+const { electron: electron$5 } = window;
 const METHODS_PLUS_ANY = ["ANY", "GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
 function RouteRow({
   route,
@@ -68336,20 +68843,20 @@ function MockDetailPanel({ mockId }) {
   const routes = mock.routes ?? [];
   async function save(updated) {
     updateMock(mock.id, updated);
-    await electron$4.saveMock(entry.relPath, updated);
-    if (running) await electron$4.mockUpdateRoutes(mock.id, updated.routes ?? []);
-    if (workspace) await electron$4.saveWorkspace(workspace);
+    await electron$5.saveMock(entry.relPath, updated);
+    if (running) await electron$5.mockUpdateRoutes(mock.id, updated.routes ?? []);
+    if (workspace) await electron$5.saveWorkspace(workspace);
   }
   async function toggleRunning() {
     setError(null);
     try {
       if (running) {
-        await electron$4.mockStop(mock.id);
+        await electron$5.mockStop(mock.id);
         setRunning(mock.id, false);
       } else {
         const latest2 = useStore.getState().mocks[mock.id].data;
-        await electron$4.saveMock(entry.relPath, latest2);
-        await electron$4.mockStart(latest2);
+        await electron$5.saveMock(entry.relPath, latest2);
+        await electron$5.mockStart(latest2);
         setRunning(mock.id, true);
       }
     } catch (e) {
@@ -68462,7 +68969,7 @@ function MockDetailPanel({ mockId }) {
           "button",
           {
             onClick: () => {
-              if (running) electron$4.mockStop(mock.id);
+              if (running) electron$5.mockStop(mock.id);
               deleteMock(mock.id);
               setActive2(null);
             },
@@ -68529,7 +69036,7 @@ function MockDetailPanel({ mockId }) {
     ] })
   ] });
 }
-const { electron: electron$3 } = window;
+const { electron: electron$4 } = window;
 function statusColor$1(status) {
   if (status === 0) return "text-yellow-400";
   if (status < 300) return "text-emerald-400";
@@ -68562,7 +69069,7 @@ function RecorderPanel({ onImportMock, onClose, defaultTargetMockId }) {
   const upstream = useStore((s) => s.recorderUpstream);
   const mockList = Object.values(useStore((s) => s.mocks));
   reactExports.useEffect(() => {
-    electron$3.onRecordHit((entry) => {
+    electron$4.onRecordHit((entry) => {
       setEntries((prev) => {
         const next = [...prev, entry];
         setTimeout(() => {
@@ -68572,12 +69079,12 @@ function RecorderPanel({ onImportMock, onClose, defaultTargetMockId }) {
       });
     });
     return () => {
-      electron$3.offRecordHit();
+      electron$4.offRecordHit();
     };
   }, []);
   async function handleStop() {
     try {
-      const s = await electron$3.recordStop();
+      const s = await electron$4.recordStop();
       setSession(s);
       setStopped(true);
     } catch {
@@ -68773,7 +69280,7 @@ function HeadersTable({ headers }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 break-all", children: v })
   ] }, k)) });
 }
-const { electron: electron$2 } = window;
+const { electron: electron$3 } = window;
 function ContractPanel() {
   const collections = useStore((s) => s.collections);
   const environments = useStore((s) => s.environments);
@@ -68781,11 +69288,20 @@ function ContractPanel() {
   const activeCollId = useStore((s) => s.activeCollectionId);
   const report = useStore((s) => s.lastContractReport);
   const setReport = useStore((s) => s.setLastContractReport);
+  const snapshots = useStore((s) => s.contractSnapshots);
+  const activeSnapshotRelPath = useStore((s) => s.activeContractSnapshotRelPath);
+  const setActiveSnapshot = useStore((s) => s.setActiveContractSnapshot);
+  const loadContractSnapshot = useStore((s) => s.loadContractSnapshot);
+  const removeContractSnapshot = useStore((s) => s.removeContractSnapshot);
+  const workspace = useStore((s) => s.workspace);
   const [mode, setMode] = reactExports.useState("consumer");
   const [specUrl, setSpecUrl] = reactExports.useState("");
   const [requestBaseUrl, setRequestBaseUrl] = reactExports.useState("");
   const [running, setRunning] = reactExports.useState(false);
+  const [capturing, setCapturing] = reactExports.useState(false);
   const [error2, setError] = reactExports.useState(null);
+  const snapshotList = Object.entries(snapshots).map(([relPath, snapshot]) => ({ relPath, snapshot })).sort((a, b) => b.snapshot.capturedAt.localeCompare(a.snapshot.capturedAt));
+  const activeSnapshot = activeSnapshotRelPath ? snapshots[activeSnapshotRelPath] ?? null : null;
   const allRequests = Object.values(collections).flatMap((c) => Object.values(c.data.requests));
   const contractRequests = allRequests.filter(
     (r) => r.contract && (r.contract.statusCode !== void 0 || r.contract.bodySchema || r.contract.headers?.length)
@@ -68795,8 +69311,8 @@ function ContractPanel() {
     (environments[activeEnvId]?.data.variables ?? []).filter((v) => v.enabled).map((v) => [v.key, v.value])
   ) : {};
   async function runContracts() {
-    if (mode !== "consumer" && !specUrl.trim()) {
-      setError("Provide an OpenAPI spec URL for provider / bi-directional mode.");
+    if (mode !== "consumer" && !specUrl.trim() && !activeSnapshotRelPath) {
+      setError("Provide an OpenAPI spec URL or pick a pinned snapshot for provider / bi-directional mode.");
       return;
     }
     setRunning(true);
@@ -68804,12 +69320,13 @@ function ContractPanel() {
     setReport(null);
     try {
       const requests = mode === "provider" ? allRequests : contractRequests;
-      const result = await electron$2.runContracts({
+      const result = await electron$3.runContracts({
         mode,
         requests,
         envVars,
         collectionVars,
         specUrl: specUrl.trim() || void 0,
+        specSnapshotRelPath: activeSnapshotRelPath ?? void 0,
         requestBaseUrl: requestBaseUrl.trim() || void 0
       });
       setReport(result);
@@ -68819,6 +69336,37 @@ function ContractPanel() {
       setRunning(false);
     }
   }
+  async function captureSnapshot() {
+    if (!specUrl.trim()) {
+      setError("Enter a spec URL before pinning a snapshot.");
+      return;
+    }
+    setCapturing(true);
+    setError(null);
+    try {
+      const { relPath, snapshot } = await electron$3.captureContractSnapshot({ specUrl: specUrl.trim() });
+      loadContractSnapshot(relPath, snapshot);
+      setActiveSnapshot(relPath);
+      const ws2 = useStore.getState().workspace;
+      if (ws2) await electron$3.saveWorkspace(ws2);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setCapturing(false);
+    }
+  }
+  async function deleteActiveSnapshot() {
+    if (!activeSnapshotRelPath) return;
+    const relPath = activeSnapshotRelPath;
+    try {
+      await electron$3.deleteContractSnapshot(relPath);
+      removeContractSnapshot(relPath);
+      const ws2 = useStore.getState().workspace;
+      if (ws2) await electron$3.saveWorkspace(ws2);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    }
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 px-3 py-3 border-b border-surface-800 flex-shrink-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex gap-1 bg-surface-800 rounded-lg p-0.5", children: ["consumer", "provider", "bidirectional"].map((m) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -68836,16 +69384,65 @@ function ContractPanel() {
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-500 leading-relaxed", children: mode === "consumer" ? "Sends requests to the real provider and validates each response against the contract defined in the Contract tab." : mode === "provider" ? "Static analysis — validates that your requests conform to the provider's published OpenAPI spec (no HTTP calls)." : "Checks static schema compatibility between consumer contracts and provider spec, then verifies live responses." }),
       mode !== "consumer" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium block mb-1", children: "Spec version" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "select",
+              {
+                value: activeSnapshotRelPath ?? "",
+                onChange: (e) => setActiveSnapshot(e.target.value || null),
+                disabled: !workspace,
+                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 disabled:opacity-50",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: "Live URL (latest from provider)" }),
+                  snapshotList.map(({ relPath, snapshot }) => /* @__PURE__ */ jsxRuntimeExports.jsxs("option", { value: relPath, children: [
+                    snapshot.name,
+                    snapshot.specVersion ? "" : ` — ${snapshot.capturedAt.slice(0, 10)}`
+                  ] }, relPath))
+                ]
+              }
+            ),
+            activeSnapshotRelPath && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: deleteActiveSnapshot,
+                title: "Delete this snapshot",
+                className: "px-2 text-xs text-surface-500 hover:text-red-400 bg-surface-800 hover:bg-surface-700 rounded transition-colors",
+                children: "✕"
+              }
+            )
+          ] }),
+          activeSnapshot && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-surface-600 mt-1 font-mono truncate", children: [
+            "Captured ",
+            activeSnapshot.capturedAt.slice(0, 19).replace("T", " "),
+            " — sha ",
+            activeSnapshot.sha256.slice(0, 8)
+          ] })
+        ] }),
+        !activeSnapshotRelPath && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium block mb-1", children: "OpenAPI Spec URL" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              value: specUrl,
-              onChange: (e) => setSpecUrl(e.target.value),
-              placeholder: "https://api.example.com/openapi.json",
-              className: "w-full text-xs bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 font-mono placeholder-surface-600"
-            }
-          )
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                value: specUrl,
+                onChange: (e) => setSpecUrl(e.target.value),
+                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 font-mono placeholder-surface-600"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: captureSnapshot,
+                disabled: capturing || !specUrl.trim() || !workspace,
+                title: "Fetch and pin this spec as a versioned snapshot",
+                className: "px-2.5 text-xs bg-surface-800 hover:bg-surface-700 disabled:opacity-50 disabled:hover:bg-surface-800 rounded transition-colors",
+                children: capturing ? "…" : "Pin"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 mt-1 leading-relaxed", children: "Pin a snapshot to run against a specific spec version later, even after the provider ships an update." })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium block mb-1", children: [
@@ -68870,7 +69467,7 @@ function ContractPanel() {
           "button",
           {
             onClick: runContracts,
-            disabled: running || mode !== "consumer" && !specUrl.trim(),
+            disabled: running || mode !== "consumer" && !specUrl.trim() && !activeSnapshotRelPath,
             className: "px-3 py-1 text-xs bg-blue-700 hover:bg-blue-600 disabled:bg-surface-800 disabled:text-surface-600 rounded transition-colors font-medium",
             children: running ? "Running…" : "Run"
           }
@@ -68884,7 +69481,7 @@ function ContractPanel() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500", children: "Configure a mode above and click Run." }),
         mode !== "provider" && contractRequests.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 max-w-[180px]", children: "Define a contract on a request via the Contract tab first." })
       ] }),
-      report && !running && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-center gap-2 px-3 py-2 rounded-lg border text-xs ${report.failed === 0 ? "bg-emerald-900/20 border-emerald-700 text-emerald-300" : "bg-red-900/20 border-red-700 text-red-300"}`, children: [
+      report && !running && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-center gap-2 px-3 py-2 rounded-lg border text-xs ${report.failed === 0 ? "bg-emerald-800/30 border-emerald-400/50 text-emerald-400" : "bg-red-900/30 border-red-700 text-red-300"}`, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-semibold", children: report.failed === 0 ? "✓ All passed" : `✗ ${report.failed} failed` }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 ml-auto", children: [
           report.passed,
@@ -69002,7 +69599,7 @@ function ContractResultsPanel() {
     })() })
   ] });
 }
-const { electron: electron$1 } = window;
+const { electron: electron$2 } = window;
 function useToast() {
   const [toast, setToast] = reactExports.useState(null);
   const timer = reactExports.useRef(null);
@@ -69047,8 +69644,9 @@ function ChangesTab({ status, onRefresh }) {
   async function showDiff(file, staged) {
     setDiffFile(file.path);
     setDiffStaged(staged);
+    useStore.getState().setActiveGitDiff({ path: file.path, staged });
     try {
-      const d = staged ? await electron$1.gitDiffStaged(file.path) : await electron$1.gitDiff(file.path);
+      const d = staged ? await electron$2.gitDiffStaged(file.path) : await electron$2.gitDiff(file.path);
       setDiff(d);
     } catch {
       setDiff("");
@@ -69056,7 +69654,7 @@ function ChangesTab({ status, onRefresh }) {
   }
   async function stage(paths) {
     try {
-      await electron$1.gitStage(paths);
+      await electron$2.gitStage(paths);
       onRefresh();
     } catch (e) {
       setError(String(e));
@@ -69064,7 +69662,7 @@ function ChangesTab({ status, onRefresh }) {
   }
   async function unstage(paths) {
     try {
-      await electron$1.gitUnstage(paths);
+      await electron$2.gitUnstage(paths);
       onRefresh();
     } catch (e) {
       setError(String(e));
@@ -69072,7 +69670,7 @@ function ChangesTab({ status, onRefresh }) {
   }
   async function stageAll() {
     try {
-      await electron$1.gitStageAll();
+      await electron$2.gitStageAll();
       onRefresh();
     } catch (e) {
       setError(String(e));
@@ -69082,7 +69680,7 @@ function ChangesTab({ status, onRefresh }) {
     if (!message.trim()) return;
     try {
       setError(null);
-      await electron$1.gitCommit(message.trim());
+      await electron$2.gitCommit(message.trim());
       setMessage("");
       onRefresh();
     } catch (e) {
@@ -69092,7 +69690,7 @@ function ChangesTab({ status, onRefresh }) {
   async function pull() {
     setPulling(true);
     try {
-      await electron$1.gitPull();
+      await electron$2.gitPull();
       showToast("Pull successful", true);
       onRefresh();
     } catch (e) {
@@ -69104,7 +69702,7 @@ function ChangesTab({ status, onRefresh }) {
   async function push2() {
     setPushing(true);
     try {
-      await electron$1.gitPush(!status.remote);
+      await electron$2.gitPush(!status.remote);
       showToast("Push successful", true);
       onRefresh();
     } catch (e) {
@@ -69115,9 +69713,9 @@ function ChangesTab({ status, onRefresh }) {
   }
   async function resolveConflict(path, mode) {
     try {
-      if (mode === "ours") await electron$1.gitResolveOurs(path);
-      else if (mode === "theirs") await electron$1.gitResolveTheirs(path);
-      else await electron$1.gitMarkResolved(path);
+      if (mode === "ours") await electron$2.gitResolveOurs(path);
+      else if (mode === "theirs") await electron$2.gitResolveTheirs(path);
+      else await electron$2.gitMarkResolved(path);
       if (diffFile === path) setDiffFile(null);
       onRefresh();
     } catch (e) {
@@ -69369,7 +69967,7 @@ function LogTab() {
   const [commits, setCommits] = reactExports.useState([]);
   const [loading, setLoading] = reactExports.useState(true);
   reactExports.useEffect(() => {
-    electron$1.gitLog(100).then(setCommits).catch(() => setCommits([])).finally(() => setLoading(false));
+    electron$2.gitLog(100).then(setCommits).catch(() => setCommits([])).finally(() => setLoading(false));
   }, []);
   if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "Loading…" });
   if (commits.length === 0) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "No commits yet." });
@@ -69396,11 +69994,16 @@ function BranchesTab({ onRefresh }) {
   const [remoteUrl, setRemoteUrl] = reactExports.useState("");
   const [editUrl, setEditUrl] = reactExports.useState("");
   const [error2, setError] = reactExports.useState(null);
+  const [loadError, setLoadError] = reactExports.useState(null);
+  const [filter, setFilter] = reactExports.useState("");
   const load = reactExports.useCallback(() => {
-    Promise.all([electron$1.gitBranches(), electron$1.gitRemotes()]).then(([b, r]) => {
+    setLoadError(null);
+    Promise.all([electron$2.gitBranches(), electron$2.gitRemotes()]).then(([b, r]) => {
       setBranches(b);
       setRemotes(r);
-    }).catch(() => {
+    }).catch((err) => {
+      console.warn("GitPanel: failed to load branches/remotes", err);
+      setLoadError(err instanceof Error ? err.message : String(err));
     }).finally(() => setLoading(false));
   }, []);
   reactExports.useEffect(() => {
@@ -69410,7 +70013,7 @@ function BranchesTab({ onRefresh }) {
     try {
       setError(null);
       const localName = remote2 ? name2.replace(/^origin\//, "") : name2;
-      await electron$1.gitCheckout(localName, false);
+      await electron$2.gitCheckout(localName, false);
       load();
       onRefresh();
     } catch (e) {
@@ -69421,7 +70024,7 @@ function BranchesTab({ onRefresh }) {
     if (!newBranch.trim()) return;
     try {
       setError(null);
-      await electron$1.gitCheckout(newBranch.trim(), true);
+      await electron$2.gitCheckout(newBranch.trim(), true);
       setNewBranch("");
       setCreating(false);
       load();
@@ -69434,7 +70037,7 @@ function BranchesTab({ onRefresh }) {
     if (!remoteName.trim() || !remoteUrl.trim()) return;
     try {
       setError(null);
-      await electron$1.gitAddRemote(remoteName.trim(), remoteUrl.trim());
+      await electron$2.gitAddRemote(remoteName.trim(), remoteUrl.trim());
       setRemoteName("origin");
       setRemoteUrl("");
       setAddingRemote(false);
@@ -69451,7 +70054,7 @@ function BranchesTab({ onRefresh }) {
     if (!editUrl.trim()) return;
     try {
       setError(null);
-      await electron$1.gitSetRemoteUrl(name2, editUrl.trim());
+      await electron$2.gitSetRemoteUrl(name2, editUrl.trim());
       setEditingRemote(null);
       load();
     } catch (e) {
@@ -69461,65 +70064,132 @@ function BranchesTab({ onRefresh }) {
   async function removeRemote(name2) {
     try {
       setError(null);
-      await electron$1.gitRemoveRemote(name2);
+      await electron$2.gitRemoveRemote(name2);
       load();
     } catch (e) {
       setError(String(e));
     }
   }
-  const local = branches.filter((b) => !b.remote);
-  const remote = branches.filter((b) => b.remote);
+  async function deleteBranch(name2) {
+    if (!confirm(`Delete branch "${name2}"?`)) return;
+    try {
+      setError(null);
+      try {
+        await electron$2.gitDeleteBranch(name2, false);
+      } catch {
+        if (!confirm(`"${name2}" isn't fully merged. Force delete?`)) return;
+        await electron$2.gitDeleteBranch(name2, true);
+      }
+      load();
+      onRefresh();
+    } catch (e) {
+      setError(String(e));
+    }
+  }
+  const q = filter.trim().toLowerCase();
+  const local = branches.filter((b) => !b.remote && (!q || b.name.toLowerCase().includes(q)));
+  const remote = branches.filter((b) => b.remote && (!q || b.name.toLowerCase().includes(q)));
   if (loading) return /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 px-3 py-4", children: "Loading…" });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col flex-1 min-h-0 overflow-y-auto", children: [
     error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-red-400 px-3 py-1 truncate", children: error2 }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-2 border-b border-surface-800", children: creating ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1.5", children: [
+    loadError && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] text-amber-400 px-3 py-1 truncate", title: loadError, children: [
+      "Couldn't load git state: ",
+      loadError
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-2 border-b border-surface-800 flex flex-col gap-1.5", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
-          autoFocus: true,
-          value: newBranch,
-          onChange: (e) => setNewBranch(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter") createBranch();
-            if (e.key === "Escape") setCreating(false);
-          },
-          placeholder: "branch-name",
-          className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
+          value: filter,
+          onChange: (e) => setFilter(e.target.value),
+          placeholder: "Filter branches…",
+          className: "bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: createBranch, className: "text-xs text-blue-400 hover:text-blue-300 px-1", children: "Create" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setCreating(false), className: "text-xs text-surface-500 hover:text-white px-1", children: "✕" })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setCreating(true), className: "text-[11px] text-blue-400 hover:text-blue-300 transition-colors", children: "+ New branch" }) }),
+      creating ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: newBranch,
+            onChange: (e) => setNewBranch(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") createBranch();
+              if (e.key === "Escape") setCreating(false);
+            },
+            placeholder: "branch-name",
+            className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 text-xs focus:outline-none focus:border-blue-500 placeholder-surface-600"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: createBranch, className: "text-xs text-blue-400 hover:text-blue-300 px-1", children: "Create" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => setCreating(false), className: "text-xs text-surface-500 hover:text-white px-1", children: "✕" })
+      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => setCreating(true), className: "text-[11px] text-blue-400 hover:text-blue-300 transition-colors text-left", children: [
+        "+ New branch (from ",
+        branches.find((b) => b.current)?.name ?? "HEAD",
+        ")"
+      ] })
+    ] }),
     local.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-1.5 text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Local" }),
       local.map((b) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "button",
+        "div",
         {
-          onClick: () => !b.current && checkout(b.name, false),
-          className: `w-full flex items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors ${b.current ? "text-blue-300 cursor-default" : "text-surface-300 hover:bg-surface-800/50"}`,
+          className: `group w-full flex items-center gap-2 px-3 py-1.5 text-xs transition-colors ${b.current ? "bg-blue-900/30 text-blue-200" : "text-surface-300 hover:bg-surface-800/50"}`,
           children: [
             b.current ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-400 text-[10px]", children: "●" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: b.name })
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => !b.current && checkout(b.name, false),
+                disabled: b.current,
+                className: "flex-1 text-left font-mono truncate disabled:cursor-default",
+                title: b.upstream ? `tracks ${b.upstream}` : "no upstream",
+                children: b.name
+              }
+            ),
+            b.behind ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] px-1 rounded bg-amber-900/40 text-amber-300", title: `${b.behind} commits behind ${b.upstream}`, children: [
+              "↓",
+              b.behind
+            ] }) : null,
+            b.ahead ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-[10px] px-1 rounded bg-emerald-900/40 text-emerald-300", title: `${b.ahead} commits ahead of ${b.upstream}`, children: [
+              "↑",
+              b.ahead
+            ] }) : null,
+            !b.current && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => deleteBranch(b.name),
+                className: "opacity-0 group-hover:opacity-100 text-surface-500 hover:text-red-400 transition-all text-xs leading-none",
+                title: `Delete ${b.name}`,
+                children: "✕"
+              }
+            )
           ]
         },
         b.name
       ))
     ] }),
     remote.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-1.5 text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Remote branches" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-1.5 text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Remote" }),
       remote.map((b) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
-          onClick: () => checkout(b.name, true),
+          onClick: () => checkout(b.name, false),
           className: "w-full flex items-center gap-2 px-3 py-1.5 text-left text-xs text-surface-400 hover:bg-surface-800/50 hover:text-surface-200 transition-colors",
+          title: "Click to check out — creates a local tracking branch if needed",
           children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-3" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono", children: b.name })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono truncate", children: b.name })
           ]
         },
         b.name
       ))
     ] }),
+    q && local.length === 0 && remote.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "px-3 py-3 text-[11px] text-surface-500", children: [
+      'No branches match "',
+      filter,
+      '".'
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "border-t border-surface-800 mt-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-3 py-1.5 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] uppercase tracking-widest text-surface-500 font-semibold", children: "Remotes" }),
@@ -69709,11 +70379,12 @@ function CiTab() {
   const [written, setWritten] = reactExports.useState(false);
   const [error2, setError] = reactExports.useState(null);
   reactExports.useEffect(() => {
-    electron$1.gitRemotes().then((r) => {
+    electron$2.gitRemotes().then((r) => {
       setRemotes(r);
       const detected = detectPlatform(r);
       setPlatform(detected);
-    }).catch(() => {
+    }).catch((err) => {
+      console.warn("GitPanel: failed to read git remotes", err);
     });
   }, []);
   reactExports.useEffect(() => {
@@ -69726,7 +70397,7 @@ function CiTab() {
   async function write() {
     try {
       setError(null);
-      await electron$1.gitWriteCiFile(ciFilePath(platform), preview);
+      await electron$2.gitWriteCiFile(ciFilePath(platform), preview);
       setWritten(true);
     } catch (e) {
       setError(String(e));
@@ -69822,9 +70493,9 @@ function GitPanel() {
   const [loading, setLoading] = reactExports.useState(true);
   const refresh = reactExports.useCallback(async () => {
     try {
-      const repo = await electron$1.gitIsRepo();
+      const repo = await electron$2.gitIsRepo();
       setIsRepo(repo);
-      if (repo) setStatus(await electron$1.gitStatus());
+      if (repo) setStatus(await electron$2.gitStatus());
     } catch {
       setIsRepo(false);
     } finally {
@@ -69844,7 +70515,7 @@ function GitPanel() {
         "button",
         {
           onClick: async () => {
-            await electron$1.gitInit();
+            await electron$2.gitInit();
             refresh();
           },
           className: "px-3 py-1.5 bg-surface-800 hover:bg-surface-700 rounded text-xs transition-colors",
@@ -69884,6 +70555,62 @@ function GitPanel() {
     tab === "ci" && /* @__PURE__ */ jsxRuntimeExports.jsx(CiTab, {})
   ] });
 }
+const { electron: electron$1 } = window;
+function GitDiffPane() {
+  const active = useStore((s) => s.activeGitDiff);
+  const setActive2 = useStore((s) => s.setActiveGitDiff);
+  const [diff, setDiff] = reactExports.useState("");
+  const [loading, setLoading] = reactExports.useState(false);
+  const [error2, setError] = reactExports.useState(null);
+  reactExports.useEffect(() => {
+    if (!active) return;
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    (async () => {
+      try {
+        const d = active.staged ? await electron$1.gitDiffStaged(active.path) : await electron$1.gitDiff(active.path);
+        if (!cancelled) setDiff(d);
+      } catch (err) {
+        if (!cancelled) setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [active?.path, active?.staged]);
+  if (!active) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center text-xs text-surface-500", children: "Select a changed file in the sidebar to view its diff." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-b border-surface-800 flex items-center gap-3 flex-shrink-0", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: `text-[10px] uppercase tracking-wider font-semibold ${active.staged ? "text-emerald-400" : "text-amber-400"}`,
+          children: active.staged ? "Staged" : "Working tree"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-mono text-surface-200 truncate flex-1", children: active.path }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => setActive2(null),
+          className: "text-surface-500 hover:text-white text-xs leading-none",
+          title: "Close diff",
+          children: "✕"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-auto min-h-0", children: [
+      loading && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-500 p-4", children: "Loading diff…" }),
+      error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-400 p-4", children: error2 }),
+      !loading && !error2 && /* @__PURE__ */ jsxRuntimeExports.jsx(DiffViewer, { diff })
+    ] })
+  ] });
+}
 function CommandPalette() {
   const open = useStore((s) => s.commandPaletteOpen);
   const setOpen = useStore((s) => s.setCommandPaletteOpen);
@@ -70241,7 +70968,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.2.2"
+        "0.2.4"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -70438,7 +71165,7 @@ function App() {
             }
           )
         ] }),
-        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(
+        sidebarTab === "git" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx(GitDiffPane, {}) }) : 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,
           {
             defaultTargetMockId: recorderTargetMockId,