@testsmith/api-spector 0.6.2 → 0.6.4

package/out/renderer/assets/{index-D6-zmXen.js → index-vEDOfWlE.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-DtppmZJO.js","./codemirror-F6m3Hm1M.js","./ajv-2MAg6kGF.js","./SoapEditor-BwSm12wH.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-Bih8eb_r.js","./codemirror-F6m3Hm1M.js","./ajv-2MAg6kGF.js","./SoapEditor-D1sQKu7l.js"])))=>i.map(i=>d[i]);
 import { r as reactExports, g as getDefaultExportFromCjs, R as React$2, a as autocompletion, h as hoverTooltip, j as jsxRuntimeExports, k as keymap, t as toggleComment, x as xml, b as json, c as ReactCodeMirror, o as oneDark, d as javascript } from "./codemirror-F6m3Hm1M.js";
 import { A as Ajv } from "./ajv-2MAg6kGF.js";
 var client = { exports: {} };
@@ -12797,132 +12797,6 @@ const immerImpl = (initializer) => (set2, get2, store) => {
   return initializer(store.setState, get2, store);
 };
 const immer = immerImpl;
-function uniqueName(base, existing) {
-  if (!existing.includes(base)) return base;
-  let i = 2;
-  while (existing.includes(`${base} (${i})`)) i++;
-  return `${base} (${i})`;
-}
-function colRelPath(name, id) {
-  const safe = safeName(name) || id.slice(0, 8);
-  return `collections/${safe}.spector`;
-}
-function envRelPath(name, id) {
-  const safe = safeName(name) || id;
-  return `environments/${safe}.env.json`;
-}
-function safeName(name) {
-  return name.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, "").replace(/-+/g, "-").replace(/^-|-$/g, "");
-}
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  if (!getRandomValues) {
-    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-    if (!getRandomValues) {
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    }
-  }
-  return getRandomValues(rnds8);
-}
-const byteToHex = [];
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 256).toString(16).slice(1));
-}
-function unsafeStringify(arr, offset = 0) {
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const native = {
-  randomUUID
-};
-function v4(options, buf, offset) {
-  if (native.randomUUID && true && !options) {
-    return native.randomUUID();
-  }
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)();
-  rnds[6] = rnds[6] & 15 | 64;
-  rnds[8] = rnds[8] & 63 | 128;
-  return unsafeStringify(rnds);
-}
-function orderedChildren(folder2) {
-  const reqSet = new Set(folder2.requestIds);
-  const folderSet = new Set(folder2.folders.map((f) => f.id));
-  const seen2 = /* @__PURE__ */ new Set();
-  const out = [];
-  for (const ref of folder2.childOrder ?? []) {
-    const key = `${ref.type}:${ref.id}`;
-    if (seen2.has(key)) continue;
-    if (ref.type === "request" && reqSet.has(ref.id) || ref.type === "folder" && folderSet.has(ref.id)) {
-      out.push({ type: ref.type, id: ref.id });
-      seen2.add(key);
-    }
-  }
-  for (const id of folder2.requestIds) if (!seen2.has(`request:${id}`)) out.push({ type: "request", id });
-  for (const f of folder2.folders) if (!seen2.has(`folder:${f.id}`)) out.push({ type: "folder", id: f.id });
-  return out;
-}
-function findFolder$1(root2, id) {
-  if (root2.id === id) return root2;
-  for (const sub of root2.folders) {
-    const found = findFolder$1(sub, id);
-    if (found) return found;
-  }
-  return null;
-}
-function findFolderContaining(root2, reqId) {
-  if (root2.requestIds.includes(reqId)) return root2;
-  for (const sub of root2.folders) {
-    const found = findFolderContaining(sub, reqId);
-    if (found) return found;
-  }
-  return null;
-}
-function removeFromFolder(root2, reqId) {
-  root2.requestIds = root2.requestIds.filter((id) => id !== reqId);
-  root2.folders.forEach((sub) => removeFromFolder(sub, reqId));
-}
-function removeFolderById(parent, folderId) {
-  const idx = parent.folders.findIndex((f) => f.id === folderId);
-  if (idx !== -1) {
-    parent.folders.splice(idx, 1);
-    return true;
-  }
-  for (const sub of parent.folders) {
-    if (removeFolderById(sub, folderId)) return true;
-  }
-  return false;
-}
-function findFolderParent(root2, folderId) {
-  for (const sub of root2.folders) {
-    if (sub.id === folderId) return root2;
-    const found = findFolderParent(sub, folderId);
-    if (found) return found;
-  }
-  return null;
-}
-function findFolderPath(root2, requestId) {
-  if (root2.requestIds.includes(requestId)) return [root2];
-  for (const sub of root2.folders) {
-    const path = findFolderPath(sub, requestId);
-    if (path.length > 0) return [root2, ...path];
-  }
-  return [];
-}
-function collectRequestIds$1(f) {
-  return [...f.requestIds, ...f.folders.flatMap(collectRequestIds$1)];
-}
-function reIdFolderTree(root2, mapRequestId) {
-  root2.id = v4();
-  root2.requestIds = root2.requestIds.map(mapRequestId);
-  root2.folders.forEach((sub) => reIdFolderTree(sub, mapRequestId));
-}
-function cloneAndReId(folder2, mapRequestId) {
-  const cloned = JSON.parse(JSON.stringify(folder2));
-  reIdFolderTree(cloned, mapRequestId);
-  return cloned;
-}
 const WS_MESSAGE_CAP = 1e3;
 const createWsSlice = (set2) => ({
   wsConnections: {},
@@ -12988,7 +12862,7 @@ const createStreamSlice = (set2) => ({
     s.liveStream = { streamId, tabId, events: [], streaming: true };
   }),
   pushLiveStreamEvents: (streamId, events) => set2((s) => {
-    if (!s.liveStream || s.liveStream.streamId !== streamId) return;
+    if (s.liveStream?.streamId !== streamId) return;
     s.liveStream.events.push(...events);
     const overflow = s.liveStream.events.length - LIVE_EVENT_CAP;
     if (overflow > 0) s.liveStream.events.splice(0, overflow);
@@ -13088,7 +12962,7 @@ const createContractSlice = (set2) => ({
   loadContractSnapshot: (relPath, snapshot) => set2((s) => {
     s.contractSnapshots[relPath] = snapshot;
     if (s.workspace) {
-      if (!s.workspace.contracts) s.workspace.contracts = [];
+      s.workspace.contracts ??= [];
       if (!s.workspace.contracts.includes(relPath)) s.workspace.contracts.push(relPath);
     }
   }),
@@ -13111,6 +12985,38 @@ const createContractSlice = (set2) => ({
     s.contractDesignerSeed = null;
   })
 });
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+  if (!getRandomValues) {
+    getRandomValues = typeof crypto !== "undefined" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+    if (!getRandomValues) {
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    }
+  }
+  return getRandomValues(rnds8);
+}
+const byteToHex = [];
+for (let i = 0; i < 256; ++i) {
+  byteToHex.push((i + 256).toString(16).slice(1));
+}
+function unsafeStringify(arr, offset = 0) {
+  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + "-" + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + "-" + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + "-" + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + "-" + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+const native = {
+  randomUUID
+};
+function v4(options, buf, offset) {
+  if (native.randomUUID && true && !options) {
+    return native.randomUUID();
+  }
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)();
+  rnds[6] = rnds[6] & 15 | 64;
+  rnds[8] = rnds[8] & 63 | 128;
+  return unsafeStringify(rnds);
+}
 function makeTab(requestId, collectionId, opts = {}) {
   return {
     id: v4(),
@@ -13241,6 +13147,100 @@ const createTabsSlice = (set2, get2) => ({
     if (tab) tab.requestTab = t;
   })
 });
+function uniqueName(base, existing) {
+  if (!existing.includes(base)) return base;
+  let i = 2;
+  while (existing.includes(`${base} (${i})`)) i++;
+  return `${base} (${i})`;
+}
+function colRelPath(name, id) {
+  const safe = safeName(name) || id.slice(0, 8);
+  return `collections/${safe}.spector`;
+}
+function envRelPath(name, id) {
+  const safe = safeName(name) || id;
+  return `environments/${safe}.env.json`;
+}
+function safeName(name) {
+  return name.trim().toLowerCase().replaceAll(/\s+/g, "-").replaceAll(/[^a-z0-9-_]/g, "").replaceAll(/-+/g, "-").replaceAll(/^-|-$/g, "");
+}
+function orderedChildren(folder2) {
+  const reqSet = new Set(folder2.requestIds);
+  const folderSet = new Set(folder2.folders.map((f) => f.id));
+  const seen2 = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const ref of folder2.childOrder ?? []) {
+    const key = `${ref.type}:${ref.id}`;
+    if (seen2.has(key)) continue;
+    if (ref.type === "request" && reqSet.has(ref.id) || ref.type === "folder" && folderSet.has(ref.id)) {
+      out.push({ type: ref.type, id: ref.id });
+      seen2.add(key);
+    }
+  }
+  for (const id of folder2.requestIds) if (!seen2.has(`request:${id}`)) out.push({ type: "request", id });
+  for (const f of folder2.folders) if (!seen2.has(`folder:${f.id}`)) out.push({ type: "folder", id: f.id });
+  return out;
+}
+function findFolder$1(root2, id) {
+  if (root2.id === id) return root2;
+  for (const sub of root2.folders) {
+    const found = findFolder$1(sub, id);
+    if (found) return found;
+  }
+  return null;
+}
+function findFolderContaining(root2, reqId) {
+  if (root2.requestIds.includes(reqId)) return root2;
+  for (const sub of root2.folders) {
+    const found = findFolderContaining(sub, reqId);
+    if (found) return found;
+  }
+  return null;
+}
+function removeFromFolder(root2, reqId) {
+  root2.requestIds = root2.requestIds.filter((id) => id !== reqId);
+  root2.folders.forEach((sub) => removeFromFolder(sub, reqId));
+}
+function removeFolderById(parent, folderId) {
+  const idx = parent.folders.findIndex((f) => f.id === folderId);
+  if (idx !== -1) {
+    parent.folders.splice(idx, 1);
+    return true;
+  }
+  for (const sub of parent.folders) {
+    if (removeFolderById(sub, folderId)) return true;
+  }
+  return false;
+}
+function findFolderParent(root2, folderId) {
+  for (const sub of root2.folders) {
+    if (sub.id === folderId) return root2;
+    const found = findFolderParent(sub, folderId);
+    if (found) return found;
+  }
+  return null;
+}
+function findFolderPath(root2, requestId) {
+  if (root2.requestIds.includes(requestId)) return [root2];
+  for (const sub of root2.folders) {
+    const path = findFolderPath(sub, requestId);
+    if (path.length > 0) return [root2, ...path];
+  }
+  return [];
+}
+function collectRequestIds$1(f) {
+  return [...f.requestIds, ...f.folders.flatMap(collectRequestIds$1)];
+}
+function reIdFolderTree(root2, mapRequestId) {
+  root2.id = v4();
+  root2.requestIds = root2.requestIds.map(mapRequestId);
+  root2.folders.forEach((sub) => reIdFolderTree(sub, mapRequestId));
+}
+function cloneAndReId(folder2, mapRequestId) {
+  const cloned = structuredClone(folder2);
+  reIdFolderTree(cloned, mapRequestId);
+  return cloned;
+}
 const WRITE_METHODS$1 = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH"]);
 function newId() {
   try {
@@ -13250,7 +13250,7 @@ function newId() {
   }
 }
 function clone(base, patch) {
-  const copy2 = JSON.parse(JSON.stringify(base));
+  const copy2 = structuredClone(base);
   copy2.id = newId();
   delete copy2.examples;
   delete copy2.contract;
@@ -13482,8 +13482,8 @@ const createCollectionsSlice = (set2, get2) => ({
       s.tabs = s.tabs.filter((t) => t.collectionId !== id);
       if (s.activeCollectionId === id) {
         s.activeCollectionId = Object.keys(s.collections)[0] ?? null;
-        const activeTab = s.tabs.find((t) => t.id === s.activeTabId);
-        if (!activeTab) s.activeTabId = s.tabs[0]?.id ?? null;
+        const hasActiveTab = s.tabs.some((t) => t.id === s.activeTabId);
+        if (!hasActiveTab) s.activeTabId = s.tabs[0]?.id ?? null;
       }
     });
   },
@@ -13629,7 +13629,7 @@ const createCollectionsSlice = (set2, get2) => ({
     const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
     const ex = entry?.data.requests[requestId].examples?.find((e) => e.id === exampleId);
     if (!entry || !ex) return;
-    ex.request = { ...ex.request ?? {}, ...patch };
+    ex.request = { ...ex.request, ...patch };
     entry.dirty = true;
   }),
   updateExampleResponse: (requestId, exampleId, response) => set2((s) => {
@@ -13711,7 +13711,7 @@ const createCollectionsSlice = (set2, get2) => ({
   }),
   duplicateRequest: (collectionId, id) => set2((s) => {
     const col = s.collections[collectionId]?.data;
-    if (!col || !col.requests[id]) return;
+    if (!col?.requests[id]) return;
     const orig = col.requests[id];
     const copy2 = { ...JSON.parse(JSON.stringify(orig)), id: v4(), name: orig.name + " (copy)" };
     col.requests[copy2.id] = copy2;
@@ -13834,7 +13834,7 @@ const createCollectionsSlice = (set2, get2) => ({
     const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
     if (!entry) return;
     const req = entry.data.requests[requestId];
-    req.meta = { ...req.meta ?? {}, tags };
+    req.meta = { ...req.meta, tags };
     entry.dirty = true;
   }),
   // ── Folder settings ─────────────────────────────────────────────────────────
@@ -13882,7 +13882,7 @@ const STORAGE_KEYS = {
   updateSkipped: "apiSpectorUpdateSkipped"
 };
 function envSlugRelPath(name) {
-  return `environments/${name.toLowerCase().replace(/[^a-z0-9]+/g, "-")}.env.json`;
+  return `environments/${name.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-")}.env.json`;
 }
 const createEnvironmentsSlice = (set2, get2) => ({
   environments: {},
@@ -13982,7 +13982,7 @@ const createMocksSlice = (set2, get2) => ({
     s.mocks[mock.id] = { relPath, data: mock, running: false };
     s.activeMockId = mock.id;
     if (s.workspace) {
-      if (!s.workspace.mocks) s.workspace.mocks = [];
+      s.workspace.mocks ??= [];
       s.workspace.mocks.push(relPath);
     }
   }),
@@ -14045,7 +14045,7 @@ const createUiSlice = (set2) => ({
     s.theme = t;
     localStorage.setItem(STORAGE_KEYS.theme, t);
     if (s.workspace) {
-      if (!s.workspace.settings) s.workspace.settings = {};
+      s.workspace.settings ??= {};
       s.workspace.settings.theme = t;
     }
     if (t === "system") {
@@ -14184,7 +14184,7 @@ const useStore = create()(
       if (activeColId && s.collections[activeColId]) {
         const col = s.collections[activeColId].data;
         col.collectionVariables = {
-          ...col.collectionVariables ?? {},
+          ...col.collectionVariables,
           ...safeColVars
         };
         s.collections[activeColId].dirty = true;
@@ -14972,7 +14972,7 @@ function useVarNames() {
     }
     const envVars = activeEnv?.variables ?? [];
     envVars.filter((v) => v.enabled && v.key).forEach((v) => names.add(v.key));
-    return [...DYNAMIC_VAR_NAMES, ...Array.from(names).sort()];
+    return [...DYNAMIC_VAR_NAMES, ...Array.from(names).sort((a, b) => a.localeCompare(b))];
   }, [
     activeEnv,
     activeCollectionId,
@@ -23837,7 +23837,7 @@ function detectLocale() {
 }
 function interpolate(str, vars) {
   if (!vars) return str;
-  return str.replace(/:([a-zA-Z][a-zA-Z0-9]*)/g, (m, k) => k in vars ? String(vars[k]) : m);
+  return str.replaceAll(/:([a-zA-Z][a-zA-Z0-9]*)/g, (m, k) => k in vars ? String(vars[k]) : m);
 }
 function translate(locale, key, vars) {
   let msg = CATALOGS[locale]?.[key] ?? key;
@@ -23872,7 +23872,8 @@ function I18nProvider({ children }) {
     setLocaleState(l);
   }, []);
   const t = reactExports.useCallback((key, vars) => translate(locale, key, vars), [locale]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(I18nContext.Provider, { value: { locale, setLocale, t }, children });
+  const ctx = reactExports.useMemo(() => ({ locale, setLocale, t }), [locale, setLocale, t]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(I18nContext.Provider, { value: ctx, children });
 }
 function useT() {
   return reactExports.useContext(I18nContext).t;
@@ -24359,18 +24360,34 @@ function Modal({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
+      role: closeOnBackdrop ? "button" : void 0,
+      tabIndex: closeOnBackdrop ? -1 : void 0,
+      "aria-label": closeOnBackdrop ? "Close dialog" : void 0,
       className: `fixed inset-0 ${overlayClassName}`,
-      onClick: closeOnBackdrop ? onClose : void 0,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: panelClassName, onClick: (e) => e.stopPropagation(), children: [
-        title !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-surface-800 flex-shrink-0", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold", children: title }),
-            subtitle !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-400 mt-0.5", children: subtitle })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-400 hover:text-[var(--text-primary)] text-lg leading-none", children: "×" })
-        ] }),
-        children
-      ] })
+      onClick: closeOnBackdrop ? (e) => {
+        if (e.target === e.currentTarget) onClose();
+      } : void 0,
+      onKeyDown: closeOnBackdrop ? (e) => {
+        if (e.key === "Escape") onClose();
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          role: "dialog",
+          "aria-modal": "true",
+          className: panelClassName,
+          children: [
+            title !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between px-4 py-2.5 border-b border-surface-800 flex-shrink-0", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold", children: title }),
+                subtitle !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-400 mt-0.5", children: subtitle })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-400 hover:text-[var(--text-primary)] text-lg leading-none", children: "×" })
+            ] }),
+            children
+          ]
+        }
+      )
     }
   );
 }
@@ -25053,7 +25070,7 @@ function normalisePath(url) {
   let path = url.replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/, "");
   if (!path.startsWith("/")) path = "/" + path;
   path = path.split("?")[0];
-  path = path.replace(/\{\{([^}]+)\}\}/g, "{$1}");
+  path = path.replaceAll(/\{\{([^}]+)\}\}/g, "{$1}");
   return path;
 }
 function collectRequestIds(folder2) {
@@ -25499,7 +25516,7 @@ function collectAllTags(folder2, requests) {
     f.folders.forEach(walk2);
   }
   walk2(folder2);
-  return Array.from(tags).sort();
+  return Array.from(tags).sort((a, b) => a.localeCompare(b));
 }
 function folderPathTo(root2, requestId) {
   if (root2.requestIds.includes(requestId)) return [root2];
@@ -25522,11 +25539,12 @@ function getHooksForRequest(requestId, collection2) {
     before.push(...bAll, ...bEach);
     afterReversed.push(...aEach, ...aAll);
   }
-  return { before, after: afterReversed.reverse() };
+  afterReversed.reverse();
+  return { before, after: afterReversed };
 }
 function authIsConfigured(auth) {
   if (!auth || auth.type === "none") return false;
-  const set2 = (s) => !!(s && s.trim());
+  const set2 = (s) => !!s?.trim();
   switch (auth.type) {
     case "bearer":
       return set2(auth.token) || set2(auth.tokenSecretRef);
@@ -25557,8 +25575,9 @@ function resolveInheritedAuthAndHeaders(requestId, collection2) {
 }
 function buildRunPlan(collection2, folderId, filterTags) {
   const collectionVars = collection2.collectionVariables ?? {};
+  const tag = (items) => items.map((i) => ({ ...i, collection: collection2.name }));
   if (!folderId) {
-    return buildFolderPlan(
+    return tag(buildFolderPlan(
       collection2.rootFolder,
       collection2.requests,
       collectionVars,
@@ -25568,7 +25587,7 @@ function buildRunPlan(collection2, folderId, filterTags) {
       [],
       [],
       true
-    );
+    ));
   }
   const chain = folderChainTo(collection2.rootFolder, folderId);
   if (chain.length === 0) return [];
@@ -25615,7 +25634,7 @@ function buildRunPlan(collection2, folderId, filterTags) {
       result.push(makeHook(req, collectionVars, "afterAll", f.id, myAncestors, []));
     }
   }
-  return result;
+  return tag(result);
 }
 function expandRunPlanWithData(items, ds) {
   if (!ds || ds.rows.length === 0) return items;
@@ -25641,7 +25660,7 @@ function parseDataRow(columns, row) {
     const key = col.toLowerCase();
     const val = row[ci] ?? "";
     if (RESERVED_STATUS.has(key)) {
-      const nums = val.split(/[\s,|]+/).map((x) => parseInt(x, 10)).filter((n) => Number.isFinite(n));
+      const nums = val.split(/[\s,|]+/).map((x) => Number.parseInt(x, 10)).filter((n) => Number.isFinite(n));
       if (nums.length) expectStatus = nums;
     } else if (RESERVED_OWASP.has(key)) {
       if (val.trim()) owaspTag = val.trim().toUpperCase();
@@ -25726,7 +25745,7 @@ async function pushRequestAsMonitor(request2, opts) {
   const s = useStore.getState();
   const colEntry = Object.values(s.collections).find((c) => c.data.requests[request2.id]);
   const collectionVars = {
-    ...colEntry?.data.collectionVariables ?? {},
+    ...colEntry?.data.collectionVariables,
     ...s.getInheritedVariables(request2.id),
     ...s.sessionVars
   };
@@ -25948,12 +25967,13 @@ function InlineEdit({
     }
     onCommit(trimmed);
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "input",
       {
         ref,
         value: draft,
+        onClick: (e) => e.stopPropagation(),
         onChange: (e) => {
           setDraft(e.target.value);
           setError(null);
@@ -26045,6 +26065,8 @@ function ContextMenu({ items, x, y, onClose }) {
       "div",
       {
         ref,
+        role: "menu",
+        tabIndex: -1,
         style: { position: "fixed", top: pos.top, left: pos.left, zIndex: 9999 },
         className: "bg-surface-900 border border-surface-700 rounded-lg shadow-2xl py-1 min-w-[170px]",
         onMouseDown: (e) => e.stopPropagation(),
@@ -26095,6 +26117,14 @@ function DotsBtn({ items }) {
     menu && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenu, { items, x: menu.x, y: menu.y, onClose: () => setMenu(null) })
   ] });
 }
+function onActivateKey(handler) {
+  return (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handler();
+    }
+  };
+}
 function useToast(durationMs = 3e3) {
   const [toast, setToast] = reactExports.useState(null);
   const timer = reactExports.useRef(null);
@@ -26201,6 +26231,14 @@ function RequestRow({
       "div",
       {
         draggable: true,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleRowClick(e);
+          }
+        },
         className: `group flex items-start gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${disabled ? "opacity-40" : ""} ${selected ? "bg-blue-950/40 ring-1 ring-inset ring-blue-500" : isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-300 hover:bg-surface-800"}`,
         style: { paddingLeft: indent },
         onClick: handleRowClick,
@@ -26350,7 +26388,10 @@ function ExampleRow({ name, indent, isActive, onOpen, onRename, onDelete, onDupl
     {
       className: `group flex items-center gap-1.5 py-1 pr-1 rounded-sm cursor-pointer transition-colors ${isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-400 hover:bg-surface-800"}`,
       style: { paddingLeft: indent },
+      role: "button",
+      tabIndex: 0,
       onClick: onOpen,
+      onKeyDown: onActivateKey(onOpen),
       onDoubleClick: () => setRenaming(true),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[8px] font-bold px-1 py-px rounded bg-surface-700 text-surface-300", title: t("Example"), children: "EX" }),
@@ -26466,46 +26507,56 @@ function TagChips({
     setAdding(false);
     onDoneAdding?.();
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-0.5 mt-0.5", onClick: (e) => e.stopPropagation(), children: [
-    tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "span",
-      {
-        className: "flex items-center gap-0.5 px-1 py-px rounded text-[9px] bg-blue-900/50 text-blue-300 border border-blue-800/50",
-        children: [
-          tag,
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              onClick: () => onRemove(tag),
-              className: "hover:text-red-400 leading-none ml-0.5",
-              children: "×"
-            }
-          )
-        ]
-      },
-      tag
-    )),
-    adding ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "input",
-      {
-        ref: inputRef,
-        value: draft,
-        onChange: (e) => setDraft(e.target.value),
-        onKeyDown: (e) => {
-          if (e.key === "Enter") commit();
-          if (e.key === "Escape") {
-            setAdding(false);
-            setDraft("");
-            onDoneAdding?.();
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Tags",
+      className: "flex flex-wrap items-center gap-0.5 mt-0.5",
+      onClick: (e) => e.stopPropagation(),
+      onKeyDown: (e) => e.stopPropagation(),
+      children: [
+        tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "span",
+          {
+            className: "flex items-center gap-0.5 px-1 py-px rounded text-[9px] bg-blue-900/50 text-blue-300 border border-blue-800/50",
+            children: [
+              tag,
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  onClick: () => onRemove(tag),
+                  className: "hover:text-red-400 leading-none ml-0.5",
+                  children: "×"
+                }
+              )
+            ]
+          },
+          tag
+        )),
+        adding ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            ref: inputRef,
+            value: draft,
+            onChange: (e) => setDraft(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") commit();
+              if (e.key === "Escape") {
+                setAdding(false);
+                setDraft("");
+                onDoneAdding?.();
+              }
+              e.stopPropagation();
+            },
+            onBlur: commit,
+            className: "w-16 text-[9px] bg-surface-700 rounded px-1 py-px focus:outline-none focus:ring-1 focus:ring-blue-500",
+            placeholder: t("tag…")
           }
-          e.stopPropagation();
-        },
-        onBlur: commit,
-        className: "w-16 text-[9px] bg-surface-700 rounded px-1 py-px focus:outline-none focus:ring-1 focus:ring-blue-500",
-        placeholder: t("tag…")
-      }
-    ) : null
-  ] });
+        ) : null
+      ]
+    }
+  );
 }
 function methodColor$2(method) {
   switch (method) {
@@ -26602,12 +26653,12 @@ function CollectionTree() {
     } });
   }
   function onDropRequest(destCollectionId, destFolderId, destIndex) {
-    if (!dragging || dragging.type !== "request") return;
+    if (dragging?.type !== "request") return;
     moveRequest(dragging.collectionId, dragging.requestId, destCollectionId, destFolderId, destIndex);
     setDragging(null);
   }
   function onDropFolder(destCollectionId, destParentFolderId, destIndex) {
-    if (!dragging || dragging.type !== "folder") return;
+    if (dragging?.type !== "folder") return;
     if (dragging.collectionId !== destCollectionId) return;
     moveFolder(dragging.collectionId, dragging.folderId, destParentFolderId, destIndex);
     setDragging(null);
@@ -26830,10 +26881,16 @@ function CollectionNode({
       "div",
       {
         className: `group flex items-center gap-1 px-2 py-1.5 cursor-pointer hover:bg-surface-800 transition-colors ${panelActive ? "bg-surface-800 text-[var(--text-primary)]" : isActive ? "text-[var(--text-primary)]" : "text-surface-400"} ${col.disabled ? "opacity-50" : ""} ${dropOver ? "outline outline-1 outline-blue-500 rounded" : ""}`,
+        role: "button",
+        tabIndex: 0,
         onClick: () => {
           onSelectCollection();
           setExpanded((e) => !e);
         },
+        onKeyDown: onActivateKey(() => {
+          onSelectCollection();
+          setExpanded((e) => !e);
+        }),
         onDragOver: dragCtx.dragging ? (e) => {
           e.preventDefault();
           setDropOver(true);
@@ -26989,10 +27046,16 @@ function FolderRow({
         draggable: true,
         className: `group flex items-center gap-1 py-1 transition-colors cursor-pointer ${isActive ? "bg-surface-800 text-[var(--text-primary)]" : "text-surface-400 hover:bg-surface-800"} ${folder2.disabled ? "opacity-40" : ""} ${dropInside ? "outline outline-1 outline-blue-500 rounded" : ""}`,
         style: { paddingLeft: indent },
+        role: "button",
+        tabIndex: 0,
         onClick: () => {
           openFolderPanel(collectionId, folder2.id);
           setExpanded((e) => !e);
         },
+        onKeyDown: onActivateKey(() => {
+          openFolderPanel(collectionId, folder2.id);
+          setExpanded((e) => !e);
+        }),
         onDragStart: (e) => {
           e.dataTransfer.effectAllowed = "move";
           e.stopPropagation();
@@ -27375,8 +27438,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-DtppmZJO.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-BwSm12wH.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-Bih8eb_r.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-D1sQKu7l.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
 function BodyTab({ request: request2, onChange }) {
   const t = useT();
   const editorFallback = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-xs text-surface-500", children: t("Loading editor…") });
@@ -27608,7 +27671,7 @@ function AuthTab({ request: request2, onChange }) {
               {
                 type: "number",
                 value: auth.oauth2RedirectPort ?? 9876,
-                onChange: (e) => setAuth({ oauth2RedirectPort: parseInt(e.target.value, 10) || 9876 }),
+                onChange: (e) => setAuth({ oauth2RedirectPort: Number.parseInt(e.target.value, 10) || 9876 }),
                 className: "mt-1 w-full bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
               }
             )
@@ -28231,17 +28294,17 @@ function renderInline(text, keyBase) {
   });
 }
 function renderMarkdown(md) {
-  const lines = md.replace(/\r\n/g, "\n").split("\n");
+  const lines = md.replaceAll("\r\n", "\n").split("\n");
   const blocks = [];
   let i = 0;
   let key = 0;
   const k = () => `md-${key++}`;
   while (i < lines.length) {
     const line = lines[i];
-    if (/^```/.test(line.trim())) {
+    if (line.trim().startsWith("```")) {
       const buf2 = [];
       i++;
-      while (i < lines.length && !/^```/.test(lines[i].trim())) {
+      while (i < lines.length && !lines[i].trim().startsWith("```")) {
         buf2.push(lines[i]);
         i++;
       }
@@ -28300,7 +28363,7 @@ function renderMarkdown(md) {
       continue;
     }
     const buf = [];
-    while (i < lines.length && lines[i].trim() !== "" && !/^```/.test(lines[i].trim()) && !/^(#{1,6})\s+/.test(lines[i]) && !/^\s*>\s?/.test(lines[i]) && !/^\s*[-*+]\s+/.test(lines[i]) && !/^\s*\d+\.\s+/.test(lines[i]) && !/^\s*([-*_])\1{2,}\s*$/.test(lines[i])) {
+    while (i < lines.length && lines[i].trim() !== "" && !lines[i].trim().startsWith("```") && !/^(#{1,6})\s+/.test(lines[i]) && !/^\s*>\s?/.test(lines[i]) && !/^\s*[-*+]\s+/.test(lines[i]) && !/^\s*\d+\.\s+/.test(lines[i]) && !/^\s*([-*_])\1{2,}\s*$/.test(lines[i])) {
       buf.push(lines[i]);
       i++;
     }
@@ -28452,7 +28515,7 @@ function useAiAvailable() {
   return available;
 }
 async function generateDocs(input) {
-  return electron$u.generateDocs({ ...input, model: getAiConfig().model });
+  return electron$u.generateAiDocs({ ...input, model: getAiConfig().model });
 }
 function kvLines(label, rows) {
   const on = (rows ?? []).filter((r) => r.enabled !== false && r.key);
@@ -28465,8 +28528,7 @@ function requestDocsContext(req, example) {
     `Method: ${req.method}`,
     `URL: ${req.url}`
   ];
-  lines.push(...kvLines("Query params", req.params));
-  lines.push(...kvLines("Headers", req.headers));
+  lines.push(...kvLines("Query params", req.params), ...kvLines("Headers", req.headers));
   if (req.auth && req.auth.type !== "none") lines.push(`Auth: ${req.auth.type}`);
   if (req.body && req.body.mode !== "none") {
     lines.push(`Request body (${req.body.mode}):`);
@@ -28474,8 +28536,7 @@ function requestDocsContext(req, example) {
     if (raw) lines.push(raw.slice(0, 2e3));
   }
   if (example?.response) {
-    lines.push(`Example response (status ${example.response.status}):`);
-    lines.push((example.response.body || "").slice(0, 2e3));
+    lines.push(`Example response (status ${example.response.status}):`, (example.response.body || "").slice(0, 2e3));
   }
   return lines.join("\n");
 }
@@ -28496,8 +28557,7 @@ function collectionDocsContext(col) {
   const lines = [`API collection with ${reqs.length} request(s).`];
   const byMethod = {};
   for (const r of reqs) byMethod[r.method] = (byMethod[r.method] ?? 0) + 1;
-  lines.push("Methods: " + Object.entries(byMethod).map(([m, n]) => `${m}×${n}`).join(", "));
-  lines.push("Endpoints:");
+  lines.push("Methods: " + Object.entries(byMethod).map(([m, n]) => `${m}×${n}`).join(", "), "Endpoints:");
   for (const r of reqs.slice(0, 60)) lines.push(`  - ${r.method} ${r.url}`);
   if (reqs.length > 60) lines.push(`  … and ${reqs.length - 60} more`);
   return lines.join("\n");
@@ -28764,7 +28824,7 @@ function textToMeta(text) {
 }
 function GrpcPanel({ request: request2, onChange }) {
   const t = useT();
-  const grpc = { ...DEFAULT_GRPC, ...request2.body.grpc ?? {} };
+  const grpc = { ...DEFAULT_GRPC, ...request2.body.grpc };
   const grpcCalls = useStore((s) => s.grpcCalls);
   const setGrpcStatus = useStore((s) => s.setGrpcStatus);
   const addGrpcMessage = useStore((s) => s.addGrpcMessage);
@@ -29924,7 +29984,7 @@ function XmlNode({ element, depth, onLeaf }) {
   ] });
 }
 function esc(s) {
-  return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n").replace(/\r/g, "");
+  return s.replaceAll("\\", "\\\\").replaceAll('"', '\\"').replaceAll("\n", "\\n").replaceAll(/\r/g, "");
 }
 function toLit(v) {
   if (v === null) return "null";
@@ -29961,7 +30021,7 @@ function toJsonPathExpr(path, filterKey, filterValue) {
   const prefix2 = path.slice(0, arrayIdx).join(".");
   const arrayPart = prefix2 ? "$." + prefix2 : "$";
   const leafPart = path.slice(arrayIdx + 1).join(".");
-  const filterVal = isNaN(Number(filterValue)) ? `"${filterValue.replace(/"/g, '\\"')}"` : filterValue;
+  const filterVal = Number.isNaN(Number(filterValue)) ? `"${filterValue.replaceAll('"', '\\"')}"` : filterValue;
   return leafPart ? `${arrayPart}[?(@.${filterKey}==${filterVal})].${leafPart}` : `${arrayPart}[?(@.${filterKey}==${filterVal})]`;
 }
 function varNameFromPath(path) {
@@ -30003,7 +30063,7 @@ function makeJsonPathSnippet(path, value2, filterKey, filterValue) {
 });`;
 }
 function makeXmlSnippet(selector, value2, mode) {
-  const sel = selector.replace(/"/g, '\\"');
+  const sel = selector.replaceAll('"', '\\"');
   switch (mode) {
     case "equals":
       return `sp.test('${selector} equals "${esc(value2)}"', function() {
@@ -30031,7 +30091,7 @@ function makeJsonPathExtractSnippet(path, filterKey, filterValue, target) {
 sp.${target}.set("${varName}", String(matches[0] ?? ''));`;
 }
 function makeXmlExtractSnippet(selector, target) {
-  return `sp.${target}.set("extracted_value", sp.response.xmlText("${selector.replace(/"/g, '\\"')}") ?? '');`;
+  return `sp.${target}.set("extracted_value", sp.response.xmlText("${selector.replaceAll('"', '\\"')}") ?? '');`;
 }
 function AssertMenu({ state, onClose, onConfirm }) {
   const t = useT();
@@ -30330,7 +30390,7 @@ function findPrimaryArray(data) {
     const { node, path, depth } = queue.shift();
     if (depth > 6 || node === null || typeof node !== "object") continue;
     if (Array.isArray(node)) {
-      const key = (path.split(".").pop() ?? "").replace(/\[\d+\]/g, "");
+      const key = (path.split(".").pop() ?? "").replaceAll(/\[\d+\]/g, "");
       const objs = node.filter((x) => x && typeof x === "object" && !Array.isArray(x)).length;
       found.push({ path, array: node, pref: PREFERRED.test(key) ? 1 : 0, objs, depth });
     } else {
@@ -30714,7 +30774,7 @@ function HookResultsPanel({ results }) {
           "div",
           {
             className: `flex items-center gap-2 py-0.5 ${hasDetail2 ? "cursor-pointer hover:bg-surface-800/20 rounded px-1 -mx-1" : ""}`,
-            onClick: () => hasDetail2 && toggle(r.requestId + i),
+            ...hasDetail2 ? { role: "button", tabIndex: 0, onClick: () => toggle(r.requestId + i), onKeyDown: onActivateKey(() => toggle(r.requestId + i)) } : {},
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `w-1.5 h-1.5 rounded-full shrink-0 ${r.status === "passed" ? "bg-emerald-500" : r.status === "failed" ? "bg-red-500" : "bg-orange-500"}` }),
               badge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[9px] font-bold px-1 py-0.5 rounded uppercase tracking-wide shrink-0 ${badge.cls}`, children: t(badge.label) }),
@@ -30750,7 +30810,7 @@ function extractPath(url) {
   try {
     return new URL(url).pathname || "/";
   } catch {
-    const match = url.match(/(?:https?:\/\/[^/]+)?(\/[^?]*)/);
+    const match = /(?:https?:\/\/[^/]+)?(\/[^?]*)/.exec(url);
     return match?.[1] ?? "/";
   }
 }
@@ -31220,6 +31280,7 @@ function OverflowMenu({ button, ariaLabel, title, wrapperClassName = "", buttonC
         ref: menuRef,
         id: menuId,
         role: "menu",
+        tabIndex: -1,
         "aria-label": ariaLabel,
         onKeyDown: onMenuKeyDown,
         onClick: () => setOpen(false),
@@ -31253,7 +31314,7 @@ function validateHttpSemantics(res, opts = {}) {
   const body = hasBody(res);
   const contentType = header(res.headers, "content-type");
   const contentEncoding = header(res.headers, "content-encoding");
-  const clNum = Number(header(res.headers, "content-length") ?? NaN);
+  const clNum = Number(header(res.headers, "content-length") ?? Number.NaN);
   const isBodiless = status in BODILESS || status >= 100 && status < 200;
   if (isBodiless) {
     const declaresBody = body || Number.isFinite(clNum) && clNum > 0;
@@ -31442,7 +31503,7 @@ function ResponseViewer() {
   const setTabScriptTab = useStore((s) => s.setTabScriptTab);
   const isSending = activeTab?.isSending ?? false;
   const liveStream = useStore((s) => s.liveStream);
-  const streamForTab = liveStream && liveStream.tabId === activeTabId ? liveStream : null;
+  const streamForTab = liveStream?.tabId === activeTabId ? liveStream : null;
   const response = activeTab?.lastResponse ?? null;
   const scriptResult = activeTab?.lastScriptResult ?? null;
   const sentRequest = activeTab?.lastSentRequest ?? null;
@@ -31669,7 +31730,7 @@ function ResponseViewer() {
             " KB"
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "tablist", "aria-label": t("Response sections"), onKeyDown: onTablistKey, className: "flex items-center gap-0 min-w-0 ml-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { role: "tablist", tabIndex: -1, "aria-label": t("Response sections"), onKeyDown: onTablistKey, className: "flex items-center gap-0 min-w-0 ml-1", children: [
           tabList.map((def) => renderTabButton(def, "inline")),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             OverflowMenu,
@@ -31923,7 +31984,7 @@ function ResponseViewer() {
             type: "item",
             label: t('Create variable in ":env"', { env: activeEnvName ?? "" }),
             onClick: () => {
-              setVarDialog({ name: headerMenu.key.replace(/[^a-zA-Z0-9]+/g, "_").replace(/^_+|_+$/g, ""), value: headerMenu.value });
+              setVarDialog({ name: headerMenu.key.replaceAll(/[^a-zA-Z0-9]+/g, "_").replaceAll(/^_+|_+$/g, ""), value: headerMenu.value });
               setHeaderMenu(null);
             }
           } : { type: "header", label: t("Select an environment first") }
@@ -32332,7 +32393,7 @@ function HistoryPanel() {
     return out;
   }, [history, search]);
   async function downloadHar() {
-    const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/[:T]/g, "-");
+    const stamp = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replaceAll(/[:T]/g, "-");
     await electron$l.saveResults(historyToHar(history), `api-spector-history-${stamp}.har`);
   }
   function open2(entry) {
@@ -32536,7 +32597,7 @@ function WelcomeScreen() {
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-sm max-w-sm", children: t("Local-first API testing with Robot Framework & Playwright code generation. Secrets stay on your machine.") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.6.2" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.6.4" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -32806,8 +32867,7 @@ function EnvironmentEditor({ onClose }) {
   }
   function handleDelete(id) {
     deleteEnvironment(id);
-    const remaining = Object.keys(environments).filter((k) => k !== id);
-    setSelectedId(remaining[0] ?? "");
+    setSelectedId(Object.keys(environments).find((k) => k !== id) ?? "");
   }
   function handleDuplicate(id) {
     duplicateEnvironment(id);
@@ -33259,7 +33319,7 @@ function EnvironmentBar({ inline = false }) {
         style: { color: "var(--text-primary)" },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: t("No env") }),
-          envList.map(({ data: env2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: env2.id, children: defaultEnvName && env2.name.toLowerCase() === defaultEnvName.toLowerCase() ? t(":name (default)", { name: env2.name }) : env2.name }, env2.id))
+          envList.map(({ data: env2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: env2.id, children: env2.name.toLowerCase() === defaultEnvName?.toLowerCase() ? t(":name (default)", { name: env2.name }) : env2.name }, env2.id))
         ]
       }
     ),
@@ -33541,7 +33601,7 @@ function WorkspaceSettingsModal({ onClose }) {
   }
   async function save() {
     const settings = {
-      ...workspace?.settings ?? {}
+      ...workspace?.settings
     };
     if (proxyUrl.trim()) {
       settings.proxy = { url: proxyUrl.trim() };
@@ -33660,6 +33720,7 @@ function WorkspaceSettingsModal({ onClose }) {
                 "input",
                 {
                   type: "checkbox",
+                  "aria-label": t("Persist request history"),
                   checked: persistHistory,
                   onChange: (e) => setPersistHistory(e.target.checked),
                   className: "mt-0.5"
@@ -33795,6 +33856,7 @@ function WorkspaceSettingsModal({ onClose }) {
                 "input",
                 {
                   type: "checkbox",
+                  "aria-label": t("Enable API Spector Cloud"),
                   checked: cloudEnabled2,
                   onChange: (e) => setCloudEnabled(e.target.checked),
                   className: "mt-0.5 accent-blue-500"
@@ -34572,12 +34634,12 @@ function parseCurl(command) {
   } else if (hasData) {
     const data = dataParts.join("&");
     const ct = headers.find((h) => h.key.toLowerCase() === "content-type")?.value;
-    if (ct && ct.includes("json") || looksJson(data)) body = { mode: "json", json: data };
+    if (ct?.includes("json") || looksJson(data)) body = { mode: "json", json: data };
     else body = { mode: "raw", raw: data, rawContentType: ct ?? "application/x-www-form-urlencoded" };
   }
   let name;
   try {
-    const u = new URL(url.replace(/\{\{[^}]+\}\}/g, "x"));
+    const u = new URL(url.replaceAll(/\{\{[^}]+\}\}/g, "x"));
     name = `${resolvedMethod} ${u.pathname === "/" ? u.hostname : u.pathname}`;
   } catch {
     const cleaned = url.replace(/^[a-z]+:\/\//i, "").replace(/\?.*$/, "");
@@ -35426,7 +35488,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
   ] });
 }
 function escapeHtml(s) {
-  return String(s ?? "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+  return String(s ?? "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;");
 }
 function buildJsonReport(results, summary, meta = {}) {
   return JSON.stringify({
@@ -35440,6 +35502,9 @@ function buildJsonReport(results, summary, meta = {}) {
       method: r.method,
       url: r.resolvedUrl,
       status: r.status,
+      // Tree position: which collection and folder path this request sits under.
+      collection: r.collection ?? meta.collection ?? null,
+      folderPath: r.scopePath ?? [],
       isHook: r.isHook ?? false,
       hookType: r.hookType ?? null,
       httpStatus: r.httpStatus ?? null,
@@ -35480,12 +35545,26 @@ function buildHtmlReport(results, summary, meta = {}) {
     after: "AFTER",
     afterAll: "AFTER ALL"
   };
-  let lastScopeKey = null;
+  let lastCollection = null;
+  let lastPath = [];
   const cards = results.map((r, idx) => {
-    const scopeKey = (r.scopePath ?? []).join(" / ");
-    const groupHeading = scopeKey && scopeKey !== lastScopeKey ? `    <div class="scope-heading">${esc2(scopeKey)}</div>
-` : "";
-    lastScopeKey = scopeKey;
+    let groupHeading = "";
+    const coll = r.collection ?? meta.collection ?? "";
+    if (coll && coll !== lastCollection) {
+      groupHeading += `    <div class="scope-heading lvl-0">${esc2(coll)}</div>
+`;
+      lastCollection = coll;
+      lastPath = [];
+    }
+    const path = r.scopePath ?? [];
+    let diverge = 0;
+    while (diverge < path.length && diverge < lastPath.length && path[diverge] === lastPath[diverge]) diverge++;
+    for (let d = diverge; d < path.length; d++) {
+      groupHeading += `    <div class="scope-heading lvl-${Math.min(d + 1, 6)}">${esc2(path[d])}</div>
+`;
+    }
+    lastPath = path;
+    const cardIndent = `lvl-${Math.min(path.length + 1, 6)}`;
     const statusCls = r.status === "passed" ? "badge-pass" : r.status === "failed" ? "badge-fail" : r.status === "skipped" ? "badge-skip" : "badge-err";
     const httpCls = r.httpStatus && r.httpStatus < 300 ? "http-ok" : r.httpStatus && r.httpStatus < 400 ? "http-redir" : "http-err";
     const dur = r.durationMs != null ? `${r.durationMs} ms` : "—";
@@ -35525,7 +35604,7 @@ function buildHtmlReport(results, summary, meta = {}) {
       </div>` : "";
     const hookCls = hookLabel ? r.hookType?.startsWith("before") ? "card-hook-before" : "card-hook-after" : "";
     return `${groupHeading}
-    <div class="card ${hookCls}" id="r${idx}">
+    <div class="card ${hookCls} ${cardIndent}" id="r${idx}">
       <div class="card-header" onclick="toggle(${idx})">
         <span class="chevron" id="ch${idx}">▶</span>
         <span class="badge ${statusCls}">${r.status}</span>
@@ -35596,8 +35675,18 @@ function buildHtmlReport(results, summary, meta = {}) {
   .stat-skip .stat-val { color: var(--text-muted); }
   /* Cards */
   .card { border: 1px solid var(--border); border-radius: 8px; margin-bottom: 8px; overflow: hidden; }
-  .scope-heading { margin: 18px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }
+  .scope-heading { margin: 14px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }
   .scope-heading::before { content: "\\25B8 "; color: var(--text-dim); }
+  /* Nested tree indentation: collection (lvl-0) → folders (lvl-1..) → request card. */
+  .lvl-0 { margin-left: 0; }
+  .lvl-1 { margin-left: 16px; }
+  .lvl-2 { margin-left: 32px; }
+  .lvl-3 { margin-left: 48px; }
+  .lvl-4 { margin-left: 64px; }
+  .lvl-5 { margin-left: 80px; }
+  .lvl-6 { margin-left: 96px; }
+  .scope-heading.lvl-0 { font-size: 13px; color: var(--text); text-transform: none; letter-spacing: 0; margin-top: 22px; }
+  .scope-heading.lvl-0::before { content: "\\1F5C0 "; }
   .card-header { display: flex; align-items: baseline; gap: 8px; padding: 10px 14px; cursor: pointer; user-select: none; }
   .card-header:hover { background: var(--bg-surface); }
   .chevron { font-size: 10px; color: var(--text-muted); min-width: 10px; transition: transform .15s; }
@@ -35715,7 +35804,7 @@ function buildJUnitReport(results, summary, meta = {}) {
     const label = r.iterationLabel ? ` #${r.iterationLabel}` : "";
     const hookPrefix = r.isHook && r.hookType ? `[${HOOK_JUNIT_LABELS[r.hookType] ?? "Hook"}] ` : "";
     const name = esc2(hookPrefix + r.name + label);
-    const classname = esc2(`${r.method} ${r.resolvedUrl}`);
+    const classname = esc2([r.collection ?? meta.collection, ...r.scopePath ?? []].filter(Boolean).map((s) => String(s).replaceAll(".", "_")).join(".") || "API Tests");
     const timeSec = ((r.durationMs ?? 0) / 1e3).toFixed(3);
     const failures = [];
     if (r.status === "error") {
@@ -36300,13 +36389,13 @@ function RunnerModal() {
     }
   );
 }
-const HTTP_METHODS$2 = ["get", "put", "post", "delete", "options", "head", "patch", "trace"];
+const HTTP_METHODS$2 = /* @__PURE__ */ new Set(["get", "put", "post", "delete", "options", "head", "patch", "trace"]);
 function normalizePath(url) {
   let u = (url || "").trim();
   u = u.split("#")[0].split("?")[0];
-  u = u.replace(/\{\{[^}]*\}\}/g, "");
+  u = u.replaceAll(/\{\{[^}]*\}\}/g, "");
   u = u.replace(/^[a-z0-9+.-]+:\/\/[^/]*/i, "");
-  u = u.replace(/\/{2,}/g, "/");
+  u = u.replaceAll(/\/{2,}/g, "/");
   if (!u.startsWith("/")) u = "/" + u;
   u = u.replace(/\/+$/, "");
   return u === "" ? "/" : u;
@@ -36326,7 +36415,7 @@ function pathMatches(requestUrl, template) {
 }
 function resolveRef$2(spec2, ref) {
   const parts = ref.replace(/^#\//, "").split("/");
-  return parts.reduce((o, k) => o?.[decodeURIComponent(k.replace(/~1/g, "/").replace(/~0/g, "~"))], spec2);
+  return parts.reduce((o, k) => o?.[decodeURIComponent(k.replaceAll("~1", "/").replaceAll("~0", "~"))], spec2);
 }
 function deref$2(spec2, node, depth = 0, seen2 = /* @__PURE__ */ new Set()) {
   if (!node || typeof node !== "object" || depth > 8) return node;
@@ -36347,8 +36436,7 @@ function flattenSchemaPaths(schema, prefix2 = "", depth = 0) {
   if (type === "object" || schema.properties) {
     for (const [name, sub] of Object.entries(schema.properties ?? {})) {
       const path = prefix2 ? `${prefix2}.${name}` : name;
-      out.push(path);
-      out.push(...flattenSchemaPaths(sub, path, depth + 1));
+      out.push(path, ...flattenSchemaPaths(sub, path, depth + 1));
     }
   } else if (type === "array" && schema.items) {
     out.push(...flattenSchemaPaths(schema.items, `${prefix2}[]`, depth + 1));
@@ -36363,14 +36451,13 @@ function flattenValuePaths(value2, prefix2 = "", depth = 0) {
   } else {
     for (const [k, v] of Object.entries(value2)) {
       const path = prefix2 ? `${prefix2}.${k}` : k;
-      out.push(path);
-      out.push(...flattenValuePaths(v, path, depth + 1));
+      out.push(path, ...flattenValuePaths(v, path, depth + 1));
     }
   }
   return [...new Set(out)];
 }
 function successResponseSchema$1(spec2, responses) {
-  const code = Object.keys(responses ?? {}).filter((c) => /^2\d\d$/.test(c)).sort()[0];
+  const code = Object.keys(responses ?? {}).filter((c) => /^2\d\d$/.test(c)).sort((a, b) => a.localeCompare(b))[0];
   if (!code) return void 0;
   const schema = responses[code]?.content?.["application/json"]?.schema ?? responses[code]?.content?.["application/json;charset=utf-8"]?.schema;
   return schema ? deref$2(spec2, schema) : void 0;
@@ -36381,7 +36468,7 @@ function enumerateOperations(spec2) {
   for (const [path, item] of Object.entries(doc.paths ?? {})) {
     if (!item || typeof item !== "object") continue;
     for (const [method, op] of Object.entries(item)) {
-      if (!HTTP_METHODS$2.includes(method.toLowerCase())) continue;
+      if (!HTTP_METHODS$2.has(method.toLowerCase())) continue;
       if (!op || typeof op !== "object") continue;
       const declaredStatuses = Object.keys(op.responses ?? {}).filter((c) => /^\d{3}$/.test(c));
       ops.push({ method: method.toUpperCase(), path, operationId: op.operationId, declaredStatuses, responses: op.responses });
@@ -36442,10 +36529,10 @@ function computeCoverage(spec2, requests, observations = []) {
     operations: operations2
   };
 }
-const HTTP_METHODS$1 = ["get", "put", "post", "delete", "options", "head", "patch", "trace"];
+const HTTP_METHODS$1 = /* @__PURE__ */ new Set(["get", "put", "post", "delete", "options", "head", "patch", "trace"]);
 function resolveRef$1(spec2, ref) {
   const parts = ref.replace(/^#\//, "").split("/");
-  return parts.reduce((o, k) => o?.[decodeURIComponent(k.replace(/~1/g, "/").replace(/~0/g, "~"))], spec2);
+  return parts.reduce((o, k) => o?.[decodeURIComponent(k.replaceAll("~1", "/").replaceAll("~0", "~"))], spec2);
 }
 function deref$1(spec2, node, depth = 0, seen2 = /* @__PURE__ */ new Set()) {
   if (!node || typeof node !== "object" || depth > 8) return node;
@@ -36618,7 +36705,7 @@ function generateTests(spec2, options = {}) {
   for (const [path, item] of Object.entries(doc.paths ?? {})) {
     if (!item || typeof item !== "object") continue;
     for (const [method, op] of Object.entries(item)) {
-      if (!HTTP_METHODS$1.includes(method.toLowerCase())) continue;
+      if (!HTTP_METHODS$1.has(method.toLowerCase())) continue;
       if (!op || typeof op !== "object") continue;
       if (opts.only.size && !opts.only.has(`${method.toUpperCase()} ${path}`)) continue;
       out.push(...generateForOperation(doc, method.toUpperCase(), path, item, op, opts));
@@ -36854,10 +36941,10 @@ function CoverageModal() {
     }
   );
 }
-const HTTP_METHODS = ["get", "put", "post", "delete", "options", "head", "patch", "trace"];
+const HTTP_METHODS = /* @__PURE__ */ new Set(["get", "put", "post", "delete", "options", "head", "patch", "trace"]);
 function resolveRef(spec2, ref) {
   const parts = ref.replace(/^#\//, "").split("/");
-  return parts.reduce((o, k) => o?.[decodeURIComponent(k.replace(/~1/g, "/").replace(/~0/g, "~"))], spec2);
+  return parts.reduce((o, k) => o?.[decodeURIComponent(k.replaceAll("~1", "/").replaceAll("~0", "~"))], spec2);
 }
 function deref(spec2, node, depth = 0, seen2 = /* @__PURE__ */ new Set()) {
   if (!node || typeof node !== "object" || depth > 8) return node;
@@ -36898,7 +36985,7 @@ function requestSchema(spec2, op) {
 }
 function successResponseSchema(spec2, op) {
   const responses = op?.responses ?? {};
-  const code = Object.keys(responses).filter((c) => /^2\d\d$/.test(c)).sort()[0];
+  const code = Object.keys(responses).filter((c) => /^2\d\d$/.test(c)).sort((a, b) => a.localeCompare(b))[0];
   return code ? deref(spec2, responses[code])?.content?.["application/json"]?.schema : void 0;
 }
 function paramRequired(spec2, pathItem, op) {
@@ -36912,7 +36999,7 @@ function operations(spec2) {
   for (const [path, item] of Object.entries(spec2?.paths ?? {})) {
     if (!item || typeof item !== "object") continue;
     for (const [method, op] of Object.entries(item)) {
-      if (!HTTP_METHODS.includes(method.toLowerCase())) continue;
+      if (!HTTP_METHODS.has(method.toLowerCase())) continue;
       map.set(`${method.toUpperCase()} ${path}`, { method: method.toUpperCase(), path, pathItem: item, op });
     }
   }
@@ -37116,7 +37203,7 @@ function CompareModal() {
   );
 }
 function toCSV(ds) {
-  const escape = (s) => s.includes(",") || s.includes('"') || s.includes("\n") ? `"${s.replace(/"/g, '""')}"` : s;
+  const escape = (s) => s.includes(",") || s.includes('"') || s.includes("\n") ? `"${s.replaceAll('"', '""')}"` : s;
   return [ds.columns, ...ds.rows].map((row) => row.map(escape).join(",")).join("\n");
 }
 function parseCSV(text) {
@@ -37182,7 +37269,7 @@ function DataSetEditor({ ds, onChange, exportName, scopeLabel = "collection" })
     const url = URL.createObjectURL(blob);
     const a = document.createElement("a");
     a.href = url;
-    a.download = `${exportName.replace(/\s+/g, "_")}_data.csv`;
+    a.download = `${exportName.replaceAll(/\s+/g, "_")}_data.csv`;
     a.click();
     URL.revokeObjectURL(url);
   }
@@ -37340,7 +37427,7 @@ function CollectionPanel() {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b border-surface-800 px-6 flex-shrink-0", children: [
       { id: "documentation", label: "Documentation", badge: col.description?.trim() ? 1 : 0 },
-      { id: "data", label: "Data", badge: iterCount > 0 ? iterCount : 0 },
+      { id: "data", label: "Data", badge: Math.max(iterCount, 0) },
       { id: "variables", label: "Variables", badge: Object.keys(col.collectionVariables ?? {}).length }
     ].map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
@@ -37426,7 +37513,7 @@ function FolderPanel() {
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b border-surface-800 px-6 flex-shrink-0", children: [
       { id: "documentation", label: "Documentation", badge: folder2.description?.trim() ? 1 : 0 },
-      { id: "data", label: "Data", badge: iterCount > 0 ? iterCount : 0 },
+      { id: "data", label: "Data", badge: Math.max(iterCount, 0) },
       { id: "variables", label: "Variables", badge: varRows.length }
     ].map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "button",
@@ -37594,7 +37681,7 @@ function MockPanel() {
       await electron$9.saveMock(relPath, mock);
       const ws = useStore.getState().workspace;
       if (ws) {
-        if (!ws.mocks) ws.mocks = [];
+        ws.mocks ??= [];
         ws.mocks.push(relPath);
         await electron$9.saveWorkspace(ws);
       }
@@ -39089,7 +39176,7 @@ function ViolationRow({ v }) {
   const t = useT();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 px-4 py-2.5 border-l-2 border-red-600 bg-red-950/20 rounded-r", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono font-bold text-red-400 uppercase tracking-wide", children: v.type.replace(/_/g, " ") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono font-bold text-red-400 uppercase tracking-wide", children: v.type.replaceAll("_", " ") }),
       v.path && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] font-mono text-surface-500 bg-surface-800 px-1.5 py-0.5 rounded", children: v.path })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-red-200", children: v.message }),
@@ -39278,7 +39365,7 @@ function designContractToMock(cc, port = 4100) {
     id: it2.id || `route-${i}`,
     // Pact path templates use {id}; the mock router uses :id.
     method: (it2.request.method || "GET").toUpperCase(),
-    path: (it2.request.path || "/").replace(/\{([^}]+)\}/g, ":$1"),
+    path: (it2.request.path || "/").replaceAll(/\{([^}]+)\}/g, ":$1"),
     statusCode: it2.response.status,
     headers: { "Content-Type": "application/json", ...kvToHeaders(it2.response.headers) },
     body: it2.response.body?.trim() ? it2.response.body : "",
@@ -39366,8 +39453,8 @@ function ContractDesignerModal({ seed, onClose }) {
       ...base,
       ...seed,
       id: uid(),
-      request: { ...base.request, ...seed.request ?? {} },
-      response: { ...base.response, ...seed.response ?? {} }
+      request: { ...base.request, ...seed.request },
+      response: { ...base.response, ...seed.response }
     };
     const contract = { ...newContract(), interactions: [interaction] };
     setSelectedId(contract.id);
@@ -39967,7 +40054,7 @@ function ConflictEditor({ path, onClose, onResolved }) {
   }, [path]);
   const conflictCount = reactExports.useMemo(() => parts?.filter((p) => p.type === "conflict").length ?? 0, [parts]);
   const unresolved = reactExports.useMemo(() => parts?.filter((p) => p.type === "conflict" && !p.choice).length ?? 0, [parts]);
-  const content = manual != null ? manual : parts ? assemble(parts) : "";
+  const content = manual ?? (parts ? assemble(parts) : "");
   const stillHasMarkers = /^(<{7}|={7}|>{7})/m.test(content);
   function choose(idx, choice) {
     setParts((prev) => prev?.map((p, i) => i === idx && p.type === "conflict" ? { ...p, choice } : p) ?? prev);
@@ -40325,7 +40412,10 @@ function ChangesTab({ status, onRefresh }) {
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 hover:bg-surface-800/50 cursor-pointer group text-xs ${diffFile === f.path && diffStaged ? "bg-surface-800" : ""}`,
+            role: "button",
+            tabIndex: 0,
             onClick: () => showDiff(f, true),
+            onKeyDown: onActivateKey(() => showDiff(f, true)),
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status: f.status }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200", children: f.path }),
@@ -40362,7 +40452,10 @@ function ChangesTab({ status, onRefresh }) {
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 hover:bg-surface-800/50 cursor-pointer group text-xs ${diffFile === f.path && !diffStaged ? "bg-surface-800" : ""}`,
+            role: "button",
+            tabIndex: 0,
             onClick: () => showDiff(f, false),
+            onKeyDown: onActivateKey(() => showDiff(f, false)),
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status: f.status }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-surface-200", children: f.path }),
@@ -40389,7 +40482,10 @@ function ChangesTab({ status, onRefresh }) {
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 hover:bg-surface-800/50 cursor-pointer group text-xs ${diffFile === path && !diffStaged ? "bg-surface-800" : ""}`,
+            role: "button",
+            tabIndex: 0,
             onClick: () => showDiff({ path, status: "modified" }, false),
+            onKeyDown: onActivateKey(() => showDiff({ path, status: "modified" }, false)),
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-[11px] font-bold w-4 shrink-0 text-red-400", children: "!" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 truncate text-red-300", children: path }),
@@ -41117,10 +41213,16 @@ function CommandPalette() {
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-80 overflow-y-auto", children: filtered2.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-6 text-center text-sm text-surface-600", children: t('No requests match ":query"', { query }) }) : filtered2.map((item, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
+            role: "button",
+            tabIndex: 0,
             onClick: () => {
               openInTab(item.requestId, item.collectionId);
               setOpen(false);
             },
+            onKeyDown: onActivateKey(() => {
+              openInTab(item.requestId, item.collectionId);
+              setOpen(false);
+            }),
             onMouseEnter: () => setActiveIdx(idx),
             className: `flex items-center gap-3 px-4 py-2.5 cursor-pointer transition-colors ${idx === activeIdx ? "bg-surface-800" : "hover:bg-surface-800/50"}`,
             children: [
@@ -41279,7 +41381,10 @@ const TabRow = React$2.memo(function TabRow2({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
+      role: "button",
+      tabIndex: 0,
       onClick: () => onActivate(tabId),
+      onKeyDown: onActivateKey(() => onActivate(tabId)),
       onContextMenu: (e) => {
         e.preventDefault();
         onContextMenu(tabId, e.clientX, e.clientY);
@@ -41485,7 +41590,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.6.2"
+        "0.6.4"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -41584,13 +41689,27 @@ function App() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "flex-shrink-0 w-1 cursor-col-resize border-r border-surface-800 hover:border-blue-500 transition-colors",
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": "Resize sidebar",
+            "aria-valuemin": 160,
+            "aria-valuemax": 520,
+            "aria-valuenow": sidebarWidth,
+            tabIndex: 0,
+            className: "flex-shrink-0 w-1 cursor-col-resize border-r border-surface-800 hover:border-blue-500 focus:border-blue-500 focus:outline-none transition-colors",
             onMouseDown: (e) => {
               dragging.current = "sidebar";
               dragStart.current = { x: e.clientX, w: sidebarWidth };
               document.body.style.cursor = "col-resize";
               document.body.style.userSelect = "none";
               e.preventDefault();
+            },
+            onKeyDown: (e) => {
+              if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+                e.preventDefault();
+                const step = e.key === "ArrowLeft" ? -16 : 16;
+                setSidebarWidth((w) => Math.max(160, Math.min(520, w + step)));
+              }
             }
           }
         )
@@ -41636,8 +41755,14 @@ function App() {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
+              role: "button",
+              tabIndex: -1,
+              "aria-label": t("Close menu"),
               className: "fixed inset-0 z-40",
               onClick: () => setTabContextMenu(null),
+              onKeyDown: (e) => {
+                if (e.key === "Escape") setTabContextMenu(null);
+              },
               onContextMenu: (e) => {
                 e.preventDefault();
                 setTabContextMenu(null);
@@ -41713,7 +41838,7 @@ function App() {
                 await electron.saveMock(relPath, newRoutes);
                 const ws = useStore.getState().workspace;
                 if (ws) {
-                  if (!ws.mocks) ws.mocks = [];
+                  ws.mocks ??= [];
                   ws.mocks.push(relPath);
                   await electron.saveWorkspace(ws);
                 }
@@ -41735,7 +41860,13 @@ function App() {
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: "flex-shrink-0 w-1 relative cursor-col-resize border-x border-surface-800 hover:border-blue-500 transition-colors group",
+              role: "separator",
+              "aria-orientation": "vertical",
+              "aria-label": "Resize request pane",
+              "aria-valuemin": 200,
+              "aria-valuenow": requestPaneWidth ?? leftPaneRef.current?.offsetWidth ?? 400,
+              tabIndex: 0,
+              className: "flex-shrink-0 w-1 relative cursor-col-resize border-x border-surface-800 hover:border-blue-500 focus:border-blue-500 focus:outline-none transition-colors group",
               onMouseDown: (e) => {
                 dragging.current = "request";
                 dragStart.current = { x: e.clientX, w: leftPaneRef.current?.offsetWidth ?? requestPaneWidth ?? 400 };
@@ -41743,6 +41874,14 @@ function App() {
                 document.body.style.userSelect = "none";
                 e.preventDefault();
               },
+              onKeyDown: (e) => {
+                if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+                  e.preventDefault();
+                  const step = e.key === "ArrowLeft" ? -16 : 16;
+                  const cur = leftPaneRef.current?.offsetWidth ?? requestPaneWidth ?? 400;
+                  setRequestPaneWidth(Math.max(200, Math.min(window.innerWidth - 300, cur + step)));
+                }
+              },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
@@ -41782,7 +41921,7 @@ if (savedTheme === "light") {
   }
 }
 const savedZoom = localStorage.getItem(STORAGE_KEYS.zoom);
-if (savedZoom) window.electron.setZoomFactor(parseFloat(savedZoom));
+if (savedZoom) window.electron.setZoomFactor(Number.parseFloat(savedZoom));
 ReactDOM.createRoot(document.getElementById("root")).render(
   /* @__PURE__ */ jsxRuntimeExports.jsx(React$2.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(I18nProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(App, {}) }) }) })
 );