@testsmith/api-spector 0.8.9 → 0.9.0

package/out/renderer/assets/{index-D_-cF6J0.js → index-BV1FsSQR.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-CR3JSOwU.js","./codemirror-BKmwMUlV.js","./ajv-CJPwFjiP.js","./SoapEditor-eAhSrhoc.js"])))=>i.map(i=>d[i]);
-import { r as requireReact, g as getDefaultExportFromCjs, R as React, a as reactExports, b as autocompletion, h as hoverTooltip, j as jsxRuntimeExports, k as keymap, t as toggleComment, D as Decoration, E as EditorView, V as ViewPlugin, c as RangeSetBuilder, x as xml, d as json, e as ReactCodeMirror, o as oneDark, f as javascript } from "./codemirror-BKmwMUlV.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-CmfodipY.js","./codemirror-BKmwMUlV.js","./ajv-CJPwFjiP.js","./SoapEditor-CVRCFvJy.js"])))=>i.map(i=>d[i]);
+import { r as requireReact, g as getDefaultExportFromCjs, R as React, a as reactExports, b as autocompletion, h as hoverTooltip, j as jsxRuntimeExports, V as ViewPlugin, E as EditorView, k as keymap, t as toggleComment, D as Decoration, c as RangeSetBuilder, x as xml, d as json, e as ReactCodeMirror, o as oneDark, f as javascript } from "./codemirror-BKmwMUlV.js";
 import { r as requireAjv } from "./ajv-CJPwFjiP.js";
 var client = { exports: {} };
 var reactDomClient_production = {};
@@ -14979,6 +14979,325 @@ function useActiveEnvironment() {
     [environments, activeEnvironmentId]
   );
 }
+const FAKER_NS_ALL = ["airline", "animal", "book", "color", "commerce", "company", "database", "datatype", "date", "finance", "food", "git", "hacker", "helpers", "image", "internet", "location", "lorem", "music", "number", "person", "phone", "science", "string", "system", "vehicle", "word"];
+const FAKER_ALL = {
+  "datatype": [
+    "boolean"
+  ],
+  "date": [
+    "anytime",
+    "between",
+    "betweens",
+    "birthdate",
+    "future",
+    "month",
+    "past",
+    "recent",
+    "soon",
+    "timeZone",
+    "weekday"
+  ],
+  "helpers": [
+    "arrayElement",
+    "arrayElements",
+    "enumValue",
+    "fake",
+    "fromRegExp",
+    "maybe",
+    "multiple",
+    "mustache",
+    "objectEntry",
+    "objectKey",
+    "objectValue",
+    "rangeToNumber",
+    "replaceCreditCardSymbols",
+    "replaceSymbols",
+    "shuffle",
+    "slugify",
+    "uniqueArray",
+    "weightedArrayElement"
+  ],
+  "location": [
+    "buildingNumber",
+    "cardinalDirection",
+    "city",
+    "continent",
+    "country",
+    "countryCode",
+    "county",
+    "direction",
+    "language",
+    "latitude",
+    "longitude",
+    "nearbyGPSCoordinate",
+    "ordinalDirection",
+    "postalAddress",
+    "secondaryAddress",
+    "state",
+    "street",
+    "streetAddress",
+    "timeZone",
+    "zipCode"
+  ],
+  "number": [
+    "bigInt",
+    "binary",
+    "float",
+    "hex",
+    "int",
+    "octal",
+    "romanNumeral"
+  ],
+  "string": [
+    "alpha",
+    "alphanumeric",
+    "binary",
+    "fromCharacters",
+    "hexadecimal",
+    "nanoid",
+    "numeric",
+    "octal",
+    "sample",
+    "symbol",
+    "ulid",
+    "uuid"
+  ],
+  "airline": [
+    "aircraftType",
+    "airline",
+    "airplane",
+    "airport",
+    "flightNumber",
+    "recordLocator",
+    "seat"
+  ],
+  "animal": [
+    "bear",
+    "bird",
+    "cat",
+    "cetacean",
+    "cow",
+    "crocodilia",
+    "dog",
+    "fish",
+    "horse",
+    "insect",
+    "lion",
+    "petName",
+    "rabbit",
+    "rodent",
+    "snake",
+    "type"
+  ],
+  "book": [
+    "author",
+    "format",
+    "genre",
+    "publisher",
+    "series",
+    "title"
+  ],
+  "color": [
+    "cmyk",
+    "colorByCSSColorSpace",
+    "cssSupportedFunction",
+    "cssSupportedSpace",
+    "hsl",
+    "human",
+    "hwb",
+    "lab",
+    "lch",
+    "rgb",
+    "space"
+  ],
+  "commerce": [
+    "department",
+    "isbn",
+    "price",
+    "product",
+    "productAdjective",
+    "productDescription",
+    "productMaterial",
+    "productName",
+    "upc"
+  ],
+  "company": [
+    "buzzAdjective",
+    "buzzNoun",
+    "buzzPhrase",
+    "buzzVerb",
+    "catchPhrase",
+    "catchPhraseAdjective",
+    "catchPhraseDescriptor",
+    "catchPhraseNoun",
+    "name"
+  ],
+  "database": [
+    "collation",
+    "column",
+    "engine",
+    "mongodbObjectId",
+    "type"
+  ],
+  "finance": [
+    "accountName",
+    "accountNumber",
+    "amount",
+    "bic",
+    "bitcoinAddress",
+    "creditCardCVV",
+    "creditCardIssuer",
+    "creditCardNumber",
+    "currency",
+    "currencyCode",
+    "currencyName",
+    "currencyNumericCode",
+    "currencySymbol",
+    "ethereumAddress",
+    "iban",
+    "litecoinAddress",
+    "pin",
+    "routingNumber",
+    "transactionDescription",
+    "transactionType"
+  ],
+  "food": [
+    "adjective",
+    "description",
+    "dish",
+    "ethnicCategory",
+    "fruit",
+    "ingredient",
+    "meat",
+    "spice",
+    "vegetable"
+  ],
+  "git": [
+    "branch",
+    "commitDate",
+    "commitEntry",
+    "commitMessage",
+    "commitSha"
+  ],
+  "hacker": [
+    "abbreviation",
+    "adjective",
+    "ingverb",
+    "noun",
+    "phrase",
+    "verb"
+  ],
+  "image": [
+    "avatar",
+    "avatarGitHub",
+    "dataUri",
+    "personPortrait",
+    "url",
+    "urlLoremFlickr",
+    "urlPicsumPhotos"
+  ],
+  "internet": [
+    "displayName",
+    "domainName",
+    "domainSuffix",
+    "domainWord",
+    "email",
+    "emoji",
+    "exampleEmail",
+    "httpMethod",
+    "httpStatusCode",
+    "ip",
+    "ipv4",
+    "ipv6",
+    "jwt",
+    "jwtAlgorithm",
+    "mac",
+    "password",
+    "port",
+    "protocol",
+    "url",
+    "userAgent",
+    "username"
+  ],
+  "lorem": [
+    "lines",
+    "paragraph",
+    "paragraphs",
+    "sentence",
+    "sentences",
+    "slug",
+    "text",
+    "word",
+    "words"
+  ],
+  "music": [
+    "album",
+    "artist",
+    "genre",
+    "songName"
+  ],
+  "person": [
+    "bio",
+    "firstName",
+    "fullName",
+    "gender",
+    "jobArea",
+    "jobDescriptor",
+    "jobTitle",
+    "jobType",
+    "lastName",
+    "middleName",
+    "prefix",
+    "sex",
+    "sexType",
+    "suffix",
+    "zodiacSign"
+  ],
+  "phone": [
+    "imei",
+    "number"
+  ],
+  "science": [
+    "chemicalElement",
+    "unit"
+  ],
+  "system": [
+    "commonFileExt",
+    "commonFileName",
+    "commonFileType",
+    "cron",
+    "directoryPath",
+    "fileExt",
+    "fileName",
+    "filePath",
+    "fileType",
+    "mimeType",
+    "networkInterface",
+    "semver"
+  ],
+  "vehicle": [
+    "bicycle",
+    "color",
+    "fuel",
+    "manufacturer",
+    "model",
+    "type",
+    "vehicle",
+    "vin",
+    "vrm"
+  ],
+  "word": [
+    "adjective",
+    "adverb",
+    "conjunction",
+    "interjection",
+    "noun",
+    "preposition",
+    "sample",
+    "verb",
+    "words"
+  ]
+};
 const DYNAMIC_VAR_NAMES = [
   "$uuid",
   "$timestamp",
@@ -15123,23 +15442,23 @@ function chaiChainCompletion(textBefore, pos) {
   const options = (CHAI_AFTER[lastWord] ?? CHAI_DEFAULT).filter((o) => o.label.toLowerCase().includes(partial));
   return { from: pos - m[2].length, options, validFor: /^\w*$/ };
 }
-const FAKER_NAMESPACES = [
-  { label: "string", type: "property", info: "String generators" },
-  { label: "number", type: "property", info: "Number generators" },
-  { label: "person", type: "property", info: "Names, titles, etc." },
-  { label: "internet", type: "property", info: "Emails, URLs, IPs, etc." },
-  { label: "date", type: "property", info: "Date generators" },
-  { 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: "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 = {
+const CURATED_NS_INFO = {
+  string: "String generators",
+  number: "Number generators",
+  person: "Names, titles, etc.",
+  internet: "Emails, URLs, IPs, etc.",
+  date: "Date generators",
+  lorem: "Lorem ipsum text",
+  location: "Addresses, cities, countries",
+  finance: "Credit cards, currency, etc.",
+  color: "Color values",
+  company: "Company names, catch phrases",
+  commerce: "Products, prices, departments",
+  image: "Image URLs / placeholders",
+  system: "File names, MIME types, semver",
+  helpers: "Utility helpers (slugify, arrayElement, …)"
+};
+const CURATED_SUB = {
   string: [
     { label: "uuid", type: "function", detail: "()", info: "Random UUID v4" },
     { label: "alphanumeric", type: "function", detail: "(length)", info: "Random alphanumeric string" },
@@ -15242,6 +15561,18 @@ const FAKER_SUB = {
     { label: "multiple", type: "function", detail: "(fn, {count}?)", info: "Call a generator multiple times" }
   ]
 };
+const FAKER_NAMESPACES = FAKER_NS_ALL.map((ns) => ({
+  label: ns,
+  type: "property",
+  info: CURATED_NS_INFO[ns] ?? `faker.${ns} generators`
+}));
+const FAKER_SUB = Object.fromEntries(
+  FAKER_NS_ALL.map((ns) => {
+    const curated = new Map((CURATED_SUB[ns] ?? []).map((c) => [c.label, c]));
+    const items = (FAKER_ALL[ns] ?? []).map((name) => curated.get(name) ?? { label: name, type: "function", detail: "()" });
+    return [ns, items];
+  })
+);
 function makeAtCompletionSource(varNames) {
   return function atSource(context) {
     const line = context.state.doc.lineAt(context.pos);
@@ -15859,6 +16190,10 @@ const or$6 = "or";
 const Disabled$6 = "Disabled";
 const en = {
   "Close tab": "Close tab",
+  "Request body": "Request body",
+  "Script editor": "Script editor",
+  "JSON schema": "JSON schema",
+  "Filtered response": "Filtered response",
   Collections: Collections$6,
   History: History$6,
   "Mock servers": "Mock servers",
@@ -24624,7 +24959,7 @@ function parseVarTokens(str) {
       found.push({ name, display });
     }
   };
-  for (const m of str.matchAll(/\{\{([^}]+)\}\}/g)) push(m[1].trim(), `{{${m[1].trim()}}}`);
+  for (const m of str.matchAll(/\{\{\s*((?:[^{}]|\{[^{}]*\})+?)\s*\}\}/g)) push(m[1].trim(), `{{${m[1].trim()}}}`);
   for (const m of str.matchAll(/\[([A-Za-z_]\w*)\]/g)) push(m[1], `[${m[1]}]`);
   return found;
 }
@@ -24689,7 +25024,7 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     partialLen.current = from;
     setSuggestions(items);
     setSuggestionMode("var");
-    setActiveIndex(-1);
+    setActiveIndex(items.length ? 0 : -1);
   }
   function detectQuery(val, cursor) {
     const before = val.slice(0, cursor);
@@ -24758,9 +25093,12 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       setActiveIndex((i) => Math.max(i - 1, -1));
-    } else if (e.key === "Enter" && activeIndex >= 0) {
-      e.preventDefault();
-      apply(suggestions[activeIndex]);
+    } else if (e.key === "Enter") {
+      const idx = activeIndex >= 0 ? activeIndex : suggestionMode === "var" ? 0 : -1;
+      if (idx >= 0 && idx < suggestions.length) {
+        e.preventDefault();
+        apply(suggestions[idx]);
+      }
     } else if (e.key === "Escape") {
       setSuggestions([]);
     }
@@ -24776,9 +25114,10 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     const before = value2.slice(0, cursor);
     const after = value2.slice(cursor);
     const start2 = cursor - partialLen.current;
-    const insert = item.insert + (item.close ? "}}" : "");
+    const closeAlready = item.close && after.startsWith("}}");
+    const insert = item.insert + (item.close && !closeAlready ? "}}" : "");
     const newVal = before.slice(0, start2) + insert + after;
-    const newCursor = start2 + insert.length;
+    const newCursor = start2 + insert.length + (closeAlready ? 2 : 0);
     onChange(newVal);
     if (item.close) {
       setSuggestions([]);
@@ -24843,6 +25182,298 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     }
   );
 }
+const SCOPE_HAS_INSTANCES = {
+  request: true,
+  folder: true,
+  collection: true,
+  environment: true,
+  global: false
+};
+function colOf(s, id2) {
+  return id2 ? s.collections[id2]?.data : void 0;
+}
+function describeLoc(loc) {
+  const s = useStore$1.getState();
+  switch (loc.kind) {
+    case "global":
+      return "globals";
+    case "environment":
+      return `environment "${s.environments[loc.environmentId ?? ""]?.data.name ?? "?"}"`;
+    case "collection":
+      return `collection "${colOf(s, loc.collectionId)?.name ?? "?"}"`;
+    case "folder": {
+      const col = colOf(s, loc.collectionId);
+      const f = col && loc.folderId ? findFolder$1(col.rootFolder, loc.folderId) : null;
+      return `folder "${f?.name ?? "?"}"`;
+    }
+    case "request":
+      return `request "${colOf(s, loc.collectionId)?.requests[loc.requestId ?? ""]?.name ?? "?"}"`;
+  }
+}
+function readVarAt(loc, key) {
+  const s = useStore$1.getState();
+  switch (loc.kind) {
+    case "global":
+      return s.globals[key];
+    case "environment":
+      return s.environments[loc.environmentId ?? ""]?.data.variables.find((v) => v.key === key)?.value;
+    case "collection":
+      return colOf(s, loc.collectionId)?.collectionVariables?.[key];
+    case "folder": {
+      const col = colOf(s, loc.collectionId);
+      const f = col && loc.folderId ? findFolder$1(col.rootFolder, loc.folderId) : null;
+      return f?.variables?.[key];
+    }
+    case "request":
+      return colOf(s, loc.collectionId)?.requests[loc.requestId ?? ""]?.variables?.[key];
+  }
+}
+function hasVarAt(loc, key) {
+  const s = useStore$1.getState();
+  switch (loc.kind) {
+    case "global":
+      return key in s.globals;
+    case "environment":
+      return !!s.environments[loc.environmentId ?? ""]?.data.variables.some((v) => v.key === key);
+    case "collection":
+      return !!colOf(s, loc.collectionId)?.collectionVariables && key in (colOf(s, loc.collectionId).collectionVariables ?? {});
+    case "folder": {
+      const col = colOf(s, loc.collectionId);
+      const f = col && loc.folderId ? findFolder$1(col.rootFolder, loc.folderId) : null;
+      return !!f?.variables && key in f.variables;
+    }
+    case "request": {
+      const r = colOf(s, loc.collectionId)?.requests[loc.requestId ?? ""];
+      return !!r?.variables && key in r.variables;
+    }
+  }
+}
+function isEncryptedEnvSecret(loc, key) {
+  if (loc.kind !== "environment") return false;
+  const v = useStore$1.getState().environments[loc.environmentId ?? ""]?.data.variables.find((x) => x.key === key);
+  return !!(v?.secret && v.secretEncrypted);
+}
+function omit(map, key) {
+  const next = { ...map ?? {} };
+  delete next[key];
+  return next;
+}
+function addVarAt(loc, key, value2) {
+  const s = useStore$1.getState();
+  switch (loc.kind) {
+    case "global":
+      {
+        const next = { ...s.globals, [key]: value2 };
+        s.setGlobals(next);
+        void window.electron.setGlobals(next);
+      }
+      break;
+    case "environment": {
+      const env2 = s.environments[loc.environmentId ?? ""]?.data;
+      if (!env2) return;
+      s.updateEnvironment(env2.id, { ...env2, variables: [...env2.variables, { key, value: value2, enabled: true }] });
+      break;
+    }
+    case "collection": {
+      const col = colOf(s, loc.collectionId);
+      if (!col) return;
+      s.updateCollectionVariables(col.id, { ...col.collectionVariables ?? {}, [key]: value2 }, col.collectionVariablesDisabled);
+      break;
+    }
+    case "folder": {
+      const col = colOf(s, loc.collectionId);
+      const f = col && loc.folderId ? findFolder$1(col.rootFolder, loc.folderId) : null;
+      if (!col || !f) return;
+      s.updateFolder(col.id, f.id, { variables: { ...f.variables ?? {}, [key]: value2 } });
+      break;
+    }
+    case "request": {
+      const col = colOf(s, loc.collectionId);
+      const r = col?.requests[loc.requestId ?? ""];
+      if (!r) return;
+      s.updateRequest(r.id, { variables: { ...r.variables ?? {}, [key]: value2 } });
+      break;
+    }
+  }
+}
+function removeVarAt(loc, key) {
+  const s = useStore$1.getState();
+  switch (loc.kind) {
+    case "global":
+      {
+        const next = omit(s.globals, key);
+        s.setGlobals(next);
+        void window.electron.setGlobals(next);
+      }
+      break;
+    case "environment": {
+      const env2 = s.environments[loc.environmentId ?? ""]?.data;
+      if (!env2) return;
+      s.updateEnvironment(env2.id, { ...env2, variables: env2.variables.filter((v) => v.key !== key) });
+      break;
+    }
+    case "collection": {
+      const col = colOf(s, loc.collectionId);
+      if (!col) return;
+      s.updateCollectionVariables(col.id, omit(col.collectionVariables, key), omit(col.collectionVariablesDisabled, key));
+      break;
+    }
+    case "folder": {
+      const col = colOf(s, loc.collectionId);
+      const f = col && loc.folderId ? findFolder$1(col.rootFolder, loc.folderId) : null;
+      if (!col || !f) return;
+      s.updateFolder(col.id, f.id, { variables: omit(f.variables, key), variablesDisabled: omit(f.variablesDisabled, key) });
+      break;
+    }
+    case "request": {
+      const col = colOf(s, loc.collectionId);
+      const r = col?.requests[loc.requestId ?? ""];
+      if (!r) return;
+      s.updateRequest(r.id, { variables: omit(r.variables, key), variablesDisabled: omit(r.variablesDisabled, key) });
+      break;
+    }
+  }
+}
+function moveVariable(src, dst, key) {
+  if (src.kind === dst.kind && src.collectionId === dst.collectionId && src.folderId === dst.folderId && src.requestId === dst.requestId && src.environmentId === dst.environmentId) {
+    return { ok: false, error: "Source and destination are the same." };
+  }
+  if (isEncryptedEnvSecret(src, key)) {
+    return { ok: false, error: `"${key}" is an encrypted secret and can't be moved out of the environment.` };
+  }
+  if (hasVarAt(dst, key)) {
+    return { ok: false, error: `"${key}" already exists in ${describeLoc(dst)}. Rename or remove it there first.` };
+  }
+  const value2 = readVarAt(src, key) ?? "";
+  addVarAt(dst, key, value2);
+  removeVarAt(src, key);
+  return { ok: true };
+}
+function walkFolders(col, out, f, path) {
+  for (const sub of f.folders ?? []) {
+    const p = [...path, sub.name];
+    out.push({ loc: { kind: "folder", collectionId: col.id, folderId: sub.id }, label: `${col.name} / ${p.join(" / ")}` });
+    walkFolders(col, out, sub, p);
+  }
+}
+function listScopeInstances(kind, exclude) {
+  const s = useStore$1.getState();
+  const out = [];
+  switch (kind) {
+    case "global":
+      out.push({ loc: { kind: "global" }, label: "globals" });
+      break;
+    case "environment":
+      for (const { data } of Object.values(s.environments)) out.push({ loc: { kind: "environment", environmentId: data.id }, label: data.name });
+      break;
+    case "collection":
+      for (const { data } of Object.values(s.collections)) out.push({ loc: { kind: "collection", collectionId: data.id }, label: data.name });
+      break;
+    case "folder":
+      for (const { data } of Object.values(s.collections)) walkFolders(data, out, data.rootFolder, []);
+      break;
+    case "request":
+      for (const { data } of Object.values(s.collections)) {
+        for (const r of Object.values(data.requests)) out.push({ loc: { kind: "request", collectionId: data.id, requestId: r.id }, label: `${data.name} / ${r.name}` });
+      }
+      break;
+  }
+  if (!exclude) return out;
+  const sameLoc = (a) => a.kind === exclude.kind && a.collectionId === exclude.collectionId && a.folderId === exclude.folderId && a.requestId === exclude.requestId && a.environmentId === exclude.environmentId;
+  return out.filter((x) => !sameLoc(x.loc));
+}
+const KINDS = ["request", "folder", "collection", "environment", "global"];
+function MoveVariableMenu({ from, name, onMoved, buttonClassName }) {
+  const t = useT();
+  const [open2, setOpen] = reactExports.useState(false);
+  const [kind, setKind] = reactExports.useState(null);
+  const [error2, setError] = reactExports.useState(null);
+  const scopeWord = {
+    request: t("request"),
+    folder: t("folder"),
+    collection: t("collection"),
+    environment: t("environment"),
+    global: t("globals")
+  };
+  function close() {
+    setOpen(false);
+    setKind(null);
+    setError(null);
+  }
+  function pick(dst) {
+    const res = moveVariable(from, dst, name.trim());
+    if (!res.ok) {
+      setError(res.error ?? t("Move failed"));
+      return;
+    }
+    close();
+    onMoved?.();
+  }
+  function chooseKind(k) {
+    setError(null);
+    const insts = listScopeInstances(k, from);
+    if (insts.length === 0) {
+      setError(t("Nowhere to move it in that scope."));
+      return;
+    }
+    if (insts.length === 1) {
+      pick(insts[0].loc);
+      return;
+    }
+    setKind(k);
+  }
+  const instances = kind ? listScopeInstances(kind, from) : [];
+  const kinds = KINDS.filter((k) => !(k === "global" && from.kind === "global"));
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative inline-block", onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => {
+          setOpen((o) => !o);
+          setKind(null);
+          setError(null);
+        },
+        title: t("Move this variable to another scope"),
+        className: buttonClassName ?? "shrink-0 text-[9px] uppercase tracking-wider text-surface-500 hover:text-blue-400 border border-surface-700 hover:border-blue-500/40 rounded px-1 py-px",
+        children: [
+          t("move"),
+          " ▸"
+        ]
+      }
+    ),
+    open2 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-40", onClick: close }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute right-0 z-50 mt-1 min-w-[190px] max-h-72 overflow-auto bg-surface-800 border border-surface-600 rounded shadow-xl text-xs py-1", children: [
+        error2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1.5 text-[10px] text-red-400 whitespace-normal break-words border-b border-surface-700", children: error2 }),
+        !kind ? kinds.map((k) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "button",
+          {
+            onClick: () => chooseKind(k),
+            className: "w-full text-left px-2 py-1 hover:bg-surface-700 flex items-center justify-between gap-2",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                t("to"),
+                " ",
+                scopeWord[k]
+              ] }),
+              SCOPE_HAS_INSTANCES[k] && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: "▸" })
+            ]
+          },
+          k
+        )) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => {
+            setKind(null);
+            setError(null);
+          }, className: "w-full text-left px-2 py-1 text-surface-500 hover:bg-surface-700", children: [
+            "‹ ",
+            t("back")
+          ] }),
+          instances.map((ins, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => pick(ins.loc), className: "w-full text-left px-2 py-1 hover:bg-surface-700 truncate", title: ins.label, children: ins.label }, i))
+        ] })
+      ] })
+    ] })
+  ] });
+}
 const HEADER_NAMES = [
   "Accept",
   "Authorization",
@@ -24949,7 +25580,7 @@ const HEADER_VALUE_SUGGESTIONS = {
 function getValueSuggestions(headerName) {
   return HEADER_VALUE_SUGGESTIONS[headerName.toLowerCase()];
 }
-function KVTable({ rows, onChange, keyPlaceholder, valuePlaceholder, headerMode, paramMode }) {
+function KVTable({ rows, onChange, keyPlaceholder, valuePlaceholder, headerMode, paramMode, moveFrom, onMoved }) {
   const t = useT();
   const keyPh = keyPlaceholder ?? t("Key");
   const valuePh = valuePlaceholder ?? t("Value");
@@ -25082,6 +25713,15 @@ function KVTable({ rows, onChange, keyPlaceholder, valuePlaceholder, headerMode,
             children: "≡"
           }
         ),
+        moveFrom && row.key.trim() && moveFrom(row.key.trim()) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          MoveVariableMenu,
+          {
+            from: moveFrom(row.key.trim()),
+            name: row.key.trim(),
+            onMoved,
+            buttonClassName: "flex-shrink-0 text-[9px] uppercase tracking-wider text-surface-500 hover:text-blue-400 border border-surface-700 hover:border-blue-500/40 rounded px-1 py-px opacity-0 group-hover:opacity-100 transition-opacity"
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
@@ -25170,6 +25810,7 @@ function Modal({
     window.addEventListener("mouseup", endDrag);
   }, [offset.x, offset.y, onDragMove, endDrag]);
   reactExports.useEffect(() => endDrag, [endDrag]);
+  const titleId = reactExports.useId();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -25189,6 +25830,8 @@ function Modal({
           ref: panelRef,
           role: "dialog",
           "aria-modal": "true",
+          "aria-labelledby": title !== void 0 ? titleId : void 0,
+          "aria-label": title === void 0 ? "Dialog" : void 0,
           className: panelClassName,
           style: offset.x || offset.y ? { transform: `translate(${offset.x}px, ${offset.y}px)` } : void 0,
           onMouseDown: onPanelMouseDown,
@@ -25200,10 +25843,10 @@ function Modal({
                 className: "flex items-center justify-between px-4 py-2.5 border-b border-surface-800 flex-shrink-0 cursor-move select-none",
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold", children: title }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { id: titleId, 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 cursor-pointer", children: "×" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-400 hover:text-[var(--text-primary)] text-lg leading-none cursor-pointer", children: "×" })
                 ]
               }
             ),
@@ -25918,7 +26561,7 @@ function FolderSettingsModal({ collectionId, folder: folder2, onClose }) {
             /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold", children: t("Folder settings") }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 mt-0.5", children: t(":name - auth and headers inherited by all requests in this folder", { name: folder2.name }) })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-400 hover:text-white text-lg leading-none", children: "×" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-400 hover:text-white text-lg leading-none", children: "×" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b border-surface-800 px-4 shrink-0", children: ["auth", "headers"].map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
@@ -26013,7 +26656,7 @@ function CollectionSettingsModal({ collection: collection2, onClose }) {
             /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold", children: t("Collection settings") }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 mt-0.5", children: t(":name - auth and headers inherited by all requests in this collection", { name: collection2.name }) })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-400 hover:text-white text-lg leading-none", children: "×" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-400 hover:text-white text-lg leading-none", children: "×" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b border-surface-800 px-4 shrink-0", children: ["auth", "headers", "tls"].map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
@@ -26276,7 +26919,7 @@ function SchemaSyncModal({
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-modal-drag": true, className: "flex items-center justify-between cursor-move select-none", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold text-surface-100", children: t("Sync schemas - :name", { name: scopeLabel }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-500 hover:text-surface-300 text-lg leading-none", children: "×" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-500 hover:text-surface-300 text-lg leading-none", children: "×" })
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3 text-xs", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-400", children: t(":count operations in spec", { count: specEntries.length }) }),
@@ -26371,7 +27014,7 @@ function SchemaSyncModal({
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-modal-drag": true, className: "flex items-center justify-between cursor-move select-none", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-sm font-semibold text-surface-100", children: t("Sync schemas from OpenAPI") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-500 hover:text-surface-300 text-lg leading-none", children: "×" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-500 hover:text-surface-300 text-lg leading-none", children: "×" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-surface-400", children: t("Load an OpenAPI spec to update response schemas on existing requests. Matching uses HTTP method + URL path. Only schemas are touched - URLs, params, headers, auth, and scripts are preserved.") }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -27378,7 +28021,6 @@ function RequestRow({
       {
         "data-row": true,
         draggable: true,
-        role: "button",
         tabIndex: 0,
         onKeyDown: (e) => {
           if (e.key === "Enter" || e.key === " ") {
@@ -27562,7 +28204,6 @@ function ExampleRow({ name, indent, isActive, reorderable, dragging, dragActive,
       draggable: reorderable && !renaming,
       className: `group/ex flex items-center gap-2 h-[26px] pr-2 rounded-sm cursor-pointer transition-colors outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-blue-400 ${isActive ? "bg-blue-900/40 text-[var(--text-primary)]" : "text-surface-400 hover:bg-surface-800"} ${dragging ? "opacity-40" : ""} ${over ? "ring-1 ring-inset ring-blue-500" : ""}`,
       style: { paddingLeft: indent },
-      role: "button",
       tabIndex: 0,
       "aria-label": t("Example: :name", { name }),
       onClick: onOpen,
@@ -28192,7 +28833,6 @@ function CollectionNode({
       {
         "data-row": true,
         className: `group flex items-center gap-1 px-2 py-1.5 cursor-pointer hover:bg-surface-800 transition-colors outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-blue-400 ${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,
         onDoubleClick: (e) => {
@@ -28372,7 +29012,6 @@ function FolderRow({
         draggable: true,
         className: `group flex items-center gap-1 py-1 transition-colors cursor-pointer outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-blue-400 ${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),
         onDoubleClick: (e) => {
@@ -28853,6 +29492,19 @@ const __vitePreload = function preload(baseModule, deps, importerUrl) {
     return baseModule().catch(handlePreloadError);
   });
 };
+const scrollerFocusable = ViewPlugin.define((view) => {
+  try {
+    view.scrollDOM.setAttribute("tabindex", "0");
+  } catch {
+  }
+  return {};
+});
+function cmLabel(label) {
+  return [
+    EditorView.contentAttributes.of({ "aria-label": label }),
+    scrollerFocusable
+  ];
+}
 function jsonCommentRanges(input) {
   const ranges = [];
   const n2 = input.length;
@@ -28935,8 +29587,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-CR3JSOwU.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-eAhSrhoc.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-CmfodipY.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-CVRCFvJy.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…") });
@@ -28992,7 +29644,7 @@ function BodyTab({ request: request2, onChange }) {
           height: "300px",
           maxHeight: "50vh",
           theme: oneDark,
-          extensions: [jsonWithComments(), varExt],
+          extensions: [jsonWithComments(), varExt, ...cmLabel(t("Request body"))],
           onChange: (val) => onChange({ body: { ...body, json: val } }),
           basicSetup: { lineNumbers: true, foldGutter: false, autocompletion: false }
         }
@@ -29024,7 +29676,7 @@ function BodyTab({ request: request2, onChange }) {
           height: "300px",
           maxHeight: "50vh",
           theme: oneDark,
-          extensions: /xml/i.test(body.rawContentType ?? "") ? [xmlWithComments(), varExt] : [commentKeymap, varExt],
+          extensions: [.../xml/i.test(body.rawContentType ?? "") ? [xmlWithComments(), varExt] : [commentKeymap, varExt], ...cmLabel(t("Request body"))],
           onChange: (val) => onChange({ body: { ...body, raw: val } }),
           basicSetup: { lineNumbers: true, foldGutter: false, autocompletion: false }
         }
@@ -29097,20 +29749,6 @@ const SNIPPET_GROUPS = [
         label: "Check JSON value",
         code: `sp.test("JSON field equals value", function() {
   sp.expect(json.field).to.equal("expected_value");
-});`
-      },
-      {
-        label: "Validate JSON schema (tv4)",
-        code: `sp.test("JSON matches schema", function() {
-  const schema = {
-    type: "object",
-    properties: {
-      id: { type: "number" },
-      name: { type: "string" }
-    },
-    required: ["id", "name"]
-  };
-  sp.expect(tv4.validate(json, schema)).to.be.true;
 });`
       }
     ]
@@ -29328,7 +29966,7 @@ function ScriptsTab({ request: request2, onChange }) {
           value: value2,
           height: "100%",
           theme: oneDark,
-          extensions,
+          extensions: [...extensions, ...cmLabel(t("Script editor"))],
           onChange: handleChange,
           basicSetup: { lineNumbers: true, foldGutter: false, autocompletion: false }
         }
@@ -29501,7 +30139,7 @@ function SchemaTab({ request: request2, onChange }) {
           height: "300px",
           maxHeight: "50vh",
           theme: oneDark,
-          extensions: [json()],
+          extensions: [json(), ...cmLabel(t("JSON schema"))],
           onChange: (val) => setSchema(val),
           placeholder: '{\n  "type": "object",\n  "properties": {}\n}',
           basicSetup: { lineNumbers: true, foldGutter: true }
@@ -39174,6 +39812,39 @@ function VariablesTab({ request: request2 }) {
     if (name in requestVars) return;
     addRow(name, valueOf(name) === "••••••••" ? "" : `{{${name}}}`);
   };
+  const folderChain = reactExports.useMemo(() => col ? findFolderPath(col.rootFolder, request2.id) : [], [col, request2.id]);
+  const folderLocFor = (name) => {
+    if (!col) return null;
+    for (let i = folderChain.length - 1; i >= 0; i--) {
+      if (folderChain[i].variables && name in folderChain[i].variables) {
+        return { kind: "folder", collectionId: col.id, folderId: folderChain[i].id };
+      }
+    }
+    return null;
+  };
+  const locForScope = (scope, name) => {
+    switch (scope) {
+      case "request":
+        return col ? { kind: "request", collectionId: col.id, requestId: request2.id } : null;
+      case "folder":
+        return folderLocFor(name);
+      case "collection":
+        return col ? { kind: "collection", collectionId: col.id } : null;
+      case "environment":
+        return activeEnv ? { kind: "environment", environmentId: activeEnv.id } : null;
+      case "global":
+        return { kind: "global" };
+    }
+  };
+  const reseedRows = () => {
+    const base = useStore$1.getState().collections[col?.id ?? ""]?.data.requests[request2.id];
+    const enabled = base?.variables ?? {};
+    const disabled = base?.variablesDisabled ?? {};
+    setRows([
+      ...Object.entries(enabled).map(([key, value2]) => ({ key, value: value2, enabled: true })),
+      ...Object.entries(disabled).map(([key, value2]) => ({ key, value: value2, enabled: false }))
+    ]);
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-5 text-xs", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
@@ -39225,6 +39896,14 @@ function VariablesTab({ request: request2 }) {
             }
           ),
           shadows && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[9px] uppercase tracking-wider text-fuchsia-400 border border-fuchsia-500/30 rounded px-1 py-px", title: t("Overrides a higher-level variable of the same name"), children: t("override") }),
+          !isExample && key && col && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            MoveVariableMenu,
+            {
+              from: { kind: "request", collectionId: col.id, requestId: request2.id },
+              name: key,
+              onMoved: reseedRows
+            }
+          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => removeRow(i), className: "shrink-0 text-surface-500 hover:text-red-400 p-1", title: t("Remove"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TrashIcon, {}) })
         ] }, i);
       }) })
@@ -39272,6 +39951,7 @@ function VariablesTab({ request: request2 }) {
               children: t("override")
             }
           ),
+          locForScope(scope, name) && /* @__PURE__ */ jsxRuntimeExports.jsx(MoveVariableMenu, { from: locForScope(scope, name), name, onMoved: reseedRows }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 text-[9px] uppercase tracking-wider border rounded px-1 py-px ${SCOPE_BADGE[scope]}`, children: SCOPE_LABEL[scope] })
         ] }, name);
       }) })
@@ -41674,6 +42354,7 @@ function RequestBuilder({ request: request2 }) {
         ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "select",
           {
+            "aria-label": t("HTTP method"),
             value: METHODS.includes(request2.method) ? request2.method : "__current__",
             onChange: (e) => {
               if (e.target.value === "__custom__") setCustomVerb(true);
@@ -43828,8 +44509,8 @@ function ResponseViewer() {
             " KB"
           ] })
         ] }),
-        /* @__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.jsxs("div", { className: "flex items-center gap-0 min-w-0 ml-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { role: "tablist", tabIndex: -1, "aria-label": t("Response sections"), onKeyDown: onTablistKey, className: "flex items-center gap-0 min-w-0", children: tabList.map((def) => renderTabButton(def, "inline")) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             OverflowMenu,
             {
@@ -44034,7 +44715,7 @@ function ResponseViewer() {
       {
         value: jqResult ?? "",
         theme: oneDark,
-        extensions: [json()],
+        extensions: [json(), ...cmLabel(t("Filtered response"))],
         readOnly: true,
         basicSetup: { lineNumbers: true, foldGutter: true }
       }
@@ -44058,7 +44739,7 @@ function ResponseViewer() {
       {
         value: displayBody,
         theme: oneDark,
-        extensions: isJson ? [json()] : isXml ? [xml()] : [],
+        extensions: [...isJson ? [json()] : isXml ? [xml()] : [], ...cmLabel(t("Response body"))],
         readOnly: true,
         basicSetup: { lineNumbers: true, foldGutter: true }
       }
@@ -45521,7 +46202,6 @@ function HistoryRow({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      role: "button",
       tabIndex: 0,
       onClick: onSelect,
       onKeyDown: (e) => {
@@ -45652,7 +46332,7 @@ function WelcomeScreen() {
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h1", { className: "text-2xl font-semibold mb-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--wordmark-muted)" }, children: "API" }),
         " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#6aa3c8" }, children: "Spector" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--wordmark-accent)" }, children: "Spector" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] mb-3", style: { color: "var(--text-muted)" }, children: [
         t("by"),
@@ -45662,13 +46342,13 @@ function WelcomeScreen() {
           {
             onClick: () => window.electron.openExternal("https://testsmith.io"),
             className: "hover:underline focus:outline-none",
-            style: { color: "#6aa3c8" },
+            style: { color: "var(--wordmark-accent)" },
             children: "Testsmith"
           }
         )
       ] }),
       /* @__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.8.9" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.9.0" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -45699,7 +46379,7 @@ function WelcomeScreen() {
             onKeyDown: (e) => {
               if (e.key === "Enter") openFromGit();
             },
-            placeholder: "https://github.com/owner/repo",
+            placeholder: "https://github.com/owner/repo  or  git@host:owner/repo.git",
             autoFocus: true,
             disabled: busy || gitBusy,
             className: "px-3 py-2 bg-surface-900 border border-surface-700 rounded text-xs focus:outline-none focus:border-blue-600 disabled:opacity-60"
@@ -46171,7 +46851,7 @@ function EnvironmentEditor({ onClose }) {
                     placeholder: t("Environment name")
                   }
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-400 hover:text-white text-lg leading-none", children: "×" })
+                /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-400 hover:text-white text-lg leading-none", children: "×" })
               ] }),
               nameError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-red-400 mt-1", children: nameError }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
@@ -46295,14 +46975,24 @@ function EnvironmentEditor({ onClose }) {
                           )
                         ] })
                       ] }),
-                      /* @__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", { className: "px-2 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 justify-end", children: [
+                        v.key.trim() && env2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          MoveVariableMenu,
+                          {
+                            from: { kind: "environment", environmentId: env2.id },
+                            name: v.key.trim(),
+                            buttonClassName: "text-[9px] uppercase tracking-wider text-surface-500 hover:text-blue-400 border border-surface-700 hover:border-blue-500/40 rounded px-1 py-px opacity-0 group-hover:opacity-100 transition-all"
+                          }
+                        ),
+                        /* @__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", {}),
@@ -46472,6 +47162,7 @@ function EnvironmentBar({ inline = false }) {
       {
         value: activeEnvironmentId ?? "",
         onChange: (e) => handleEnvChange(e.target.value || null),
+        "aria-label": t("Active environment"),
         className: "bg-surface-800 border border-surface-700 rounded px-2 py-0.5 text-xs focus:outline-none focus:border-blue-500 max-w-[140px]",
         style: { color: "var(--text-primary)" },
         children: [
@@ -46893,6 +47584,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                 {
                   value: defaultEnvironment,
                   onChange: (e) => setDefaultEnvironment(e.target.value),
+                  "aria-label": t("Default environment"),
                   className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500",
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "", children: t("(none)") }),
@@ -46909,6 +47601,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                 {
                   value: defaultRequestTab,
                   onChange: (e) => setDefaultRequestTab(e.target.value),
+                  "aria-label": t("Default request tab"),
                   className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500",
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "docs", children: t("Docs") }),
@@ -46980,6 +47673,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                 {
                   value: locale,
                   onChange: (e) => setLocale(e.target.value),
+                  "aria-label": t("Language"),
                   className: "bg-surface-800 hover:bg-surface-700 text-surface-300 text-xs rounded py-1.5 px-2 outline-none",
                   children: Object.entries(LOCALES).map(([code, name]) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: code, children: name }, code))
                 }
@@ -47305,6 +47999,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                     {
                       value: vAuthMethod,
                       onChange: (e) => setVAuthMethod(e.target.value),
+                      "aria-label": t("Auth method"),
                       className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500",
                       children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "token", children: t("Token / OIDC") }),
@@ -47364,6 +48059,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                     {
                       value: vKvVersion,
                       onChange: (e) => setVKvVersion(e.target.value),
+                      "aria-label": t("KV version"),
                       className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500",
                       children: [
                         /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "auto", children: "auto" }),
@@ -47417,6 +48113,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                     value: azVault,
                     onChange: (e) => setAzVault(e.target.value),
                     placeholder: "acme-kv",
+                    "aria-label": t("Azure vault"),
                     className: `${inputCls$1} placeholder-surface-600`
                   }
                 )
@@ -47428,6 +48125,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                   {
                     value: azTenantId,
                     onChange: (e) => setAzTenantId(e.target.value),
+                    "aria-label": t("Tenant id"),
                     className: inputCls$1
                   }
                 )
@@ -47439,6 +48137,7 @@ function WorkspaceSettingsModal({ onClose, initialTab }) {
                   {
                     value: azClientId,
                     onChange: (e) => setAzClientId(e.target.value),
+                    "aria-label": t("Client id"),
                     className: inputCls$1
                   }
                 )
@@ -48687,7 +49386,7 @@ function Toolbar({ onOpenDocs: _onOpenDocs }) {
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-xs font-semibold tracking-wide", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--wordmark-muted)" }, children: "API" }),
               " ",
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#6aa3c8" }, children: "Spector" })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--wordmark-accent)" }, children: "Spector" })
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
@@ -48939,18 +49638,18 @@ function buildHtmlReport(results, summary2, meta = {}) {
   :root {
     --bg:         #0f1117; --bg-surface:  #161b22; --bg-panel:    #0d1117;
     --border:     #21262d; --border-hover:#30363d;
-    --text:       #c9d1d9; --text-bright: #e6edf3; --text-muted:  #8b949e; --text-dim: #484f58;
+    --text:       #c9d1d9; --text-bright: #e6edf3; --text-muted:  #8b949e; --text-dim: #818992;
     --green:      #3fb950; --red:         #f85149; --amber:       #d29922; --blue: #79c0ff;
     --badge-pass-bg: #0d3a1e; --badge-fail-bg: #3d1014; --badge-err-bg: #3d2a00; --badge-skip-bg: #21262d;
     --hook-before-border: #7c3aed; --hook-after-border: #0e7490;
     --hook-before-bg: #4c1d95; --hook-before-fg: #c4b5fd;
     --hook-after-bg:  #164e63; --hook-after-fg:  #67e8f9;
-    --link: #3d7fb2;
+    --link: #58a6ff;
   }
   html.light {
     --bg:         #ffffff; --bg-surface:  #f6f8fa; --bg-panel:    #ffffff;
     --border:     #d0d7de; --border-hover:#c4c9cf;
-    --text:       #1f2328; --text-bright: #1f2328; --text-muted:  #656d76; --text-dim: #8b949e;
+    --text:       #1f2328; --text-bright: #1f2328; --text-muted:  #656d76; --text-dim: #6b7280;
     --green:      #1a7f37; --red:         #cf222e; --amber:       #9a6700; --blue: #0969da;
     --badge-pass-bg: #dafbe1; --badge-fail-bg: #ffebe9; --badge-err-bg: #fff8c5; --badge-skip-bg: #f6f8fa;
     --hook-before-border: #8b5cf6; --hook-after-border: #06b6d4;
@@ -50737,6 +51436,13 @@ function CollectionPanel() {
     const disabled = Object.fromEntries(rows.filter((r) => !r.enabled && r.key.trim()).map((r) => [r.key.trim(), r.value]));
     updateCollectionVariables(activeCollectionId, variables, disabled);
   }
+  function reseedVarRows() {
+    const data = useStore$1.getState().collections[activeCollectionId ?? ""]?.data;
+    setVarRows([
+      ...Object.entries(data?.collectionVariables ?? {}).map(([key, value2]) => ({ key, value: value2, enabled: true })),
+      ...Object.entries(data?.collectionVariablesDisabled ?? {}).map(([key, value2]) => ({ key, value: value2, enabled: false }))
+    ]);
+  }
   if (!activeCollectionId) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-surface-400 text-sm", children: t("Select a request from the sidebar") });
   }
@@ -50817,7 +51523,17 @@ function CollectionPanel() {
       activeTab === "data" && /* @__PURE__ */ jsxRuntimeExports.jsx(DataSetEditor, { ds, onChange: setDs, exportName: col.name, scopeLabel: "collection" }),
       activeTab === "variables" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 text-xs", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: t("Variables scoped to this collection. They override environment and global variables, and are overridden by folder and request variables (and runtime / CLI / data-row values). Reference them anywhere with :token.", { token: "{{name}}" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(KVTable, { rows: varRows, onChange: setVars, keyPlaceholder: t("name"), valuePlaceholder: t("value") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          KVTable,
+          {
+            rows: varRows,
+            onChange: setVars,
+            keyPlaceholder: t("name"),
+            valuePlaceholder: t("value"),
+            moveFrom: () => activeCollectionId ? { kind: "collection", collectionId: activeCollectionId } : null,
+            onMoved: reseedVarRows
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-surface-600 text-[11px]", children: [
           t("Scripts can also set these at runtime via"),
           " ",
@@ -50859,6 +51575,13 @@ function FolderPanel() {
     const variablesDisabled = Object.fromEntries(rows.filter((r) => !r.enabled && r.key.trim()).map((r) => [r.key.trim(), r.value]));
     updateFolder(cid, folder2.id, { variables, variablesDisabled });
   }
+  function reseedVarRows() {
+    const f = useStore$1.getState().collections[cid]?.data && findFolder$1(useStore$1.getState().collections[cid].data.rootFolder, folder2.id);
+    setVarRows([
+      ...Object.entries(f?.variables ?? {}).map(([key, value2]) => ({ key, value: value2, enabled: true })),
+      ...Object.entries(f?.variablesDisabled ?? {}).map(([key, value2]) => ({ key, value: value2, enabled: false }))
+    ]);
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-6 py-4 border-b border-surface-800 flex-shrink-0 flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
@@ -50909,7 +51632,17 @@ function FolderPanel() {
       activeTab === "data" && /* @__PURE__ */ jsxRuntimeExports.jsx(DataSetEditor, { ds, onChange: (next) => updateFolder(cid, folder2.id, { dataSet: next }), exportName: folder2.name, scopeLabel: "folder" }),
       activeTab === "variables" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-surface-500 leading-relaxed", children: t("Variables scoped to this folder. They override collection and environment variables, and are overridden by an inner folder, a request’s own variables, and runtime / CLI / data-row values. Reference them anywhere with :token.", { token: "{{name}}" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(KVTable, { rows: varRows, onChange: setVars, keyPlaceholder: t("name"), valuePlaceholder: t("value") })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          KVTable,
+          {
+            rows: varRows,
+            onChange: setVars,
+            keyPlaceholder: t("name"),
+            valuePlaceholder: t("value"),
+            moveFrom: () => ({ kind: "folder", collectionId: cid, folderId: folder2.id }),
+            onMoved: reseedVarRows
+          }
+        )
       ] })
     ] })
   ] });
@@ -53606,7 +54339,7 @@ function ConflictEditor({ path, onClose, onResolved }) {
                 children: t("Edit manually")
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, className: "text-surface-400 hover:text-white text-lg leading-none pl-1", children: "×" })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, "aria-label": "Close", title: "Close", className: "text-surface-400 hover:text-white text-lg leading-none pl-1", children: "×" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto min-h-0", children: [
@@ -53919,7 +54652,6 @@ 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)),
@@ -53959,7 +54691,6 @@ 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)),
@@ -53989,7 +54720,6 @@ 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)),
@@ -55174,6 +55904,9 @@ function pretty(v) {
     return esc(String(v));
   }
 }
+function headerLines(h) {
+  return Object.entries(h).map(([k, v]) => `${k}: ${v}`).join("\n");
+}
 const STATUS_CLS = {
   passed: "badge-pass",
   failed: "badge-fail",
@@ -55191,8 +55924,18 @@ function blockDetail(b) {
     ).join("");
     parts.push(`<div class="section-label">Tests</div><div class="tests-wrap">${rows}</div>`);
   }
-  if (b.type === "request" && b.resolvedUrl) {
-    parts.push(`<div class="section-label">Request</div><div class="mono url">${esc(b.method ?? "")} ${esc(b.resolvedUrl)}</div>`);
+  if (b.type === "request" && (b.resolvedUrl || b.http)) {
+    const h = b.http;
+    parts.push('<div class="section-label">Request</div>');
+    if (b.resolvedUrl) parts.push(`<div class="mono url">${esc(b.method ?? "")} ${esc(b.resolvedUrl)}</div>`);
+    if (h?.reqHeaders && Object.keys(h.reqHeaders).length) parts.push(`<pre class="code-block">${esc(headerLines(h.reqHeaders))}</pre>`);
+    if (h?.reqBody) parts.push(`<pre class="code-block">${pretty(h.reqBody)}</pre>`);
+    parts.push('<div class="section-label">Response</div>');
+    const statusLine = b.httpStatus != null ? `${b.httpStatus}${h?.statusText ? " " + h.statusText : ""}${h?.bodySize != null ? ` · ${h.bodySize} bytes` : ""}` : "(no response received)";
+    parts.push(`<div class="mono url">${esc(statusLine)}</div>`);
+    if (h?.resHeaders && Object.keys(h.resHeaders).length) parts.push(`<pre class="code-block">${esc(headerLines(h.resHeaders))}</pre>`);
+    if (h?.resBody) parts.push(`<pre class="code-block">${pretty(h.resBody)}</pre>`);
+    if (h?.truncated) parts.push('<div class="muted" style="font-size:11px">Request/response body truncated for the report.</div>');
   }
   if (b.type === "log" && b.message) {
     parts.push(`<div class="section-label">Message</div><pre class="code-block">${esc(b.message)}</pre>`);
@@ -55402,7 +56145,10 @@ function useFlowRunner() {
         iteration: b.iteration,
         atMs: b.atMs,
         message: b.message,
-        value: b.display
+        value: b.display,
+        method: b.method,
+        resolvedUrl: b.resolvedUrl,
+        http: b.http
       }));
       const rebuiltOutputs = summary2.blocks.filter((b) => b.type === "log" || b.type === "display").map((b) => b.type === "log" ? { kind: "log", blockId: b.blockId, message: b.message } : { kind: "display", blockId: b.blockId, value: b.display, label: b.label });
       setState((prev) => ({
@@ -55857,6 +56603,7 @@ function AddBlockMenu({ onAdd: onAdd2 }) {
     ] })
   ] });
 }
+const headerText = (h) => Object.entries(h).map(([k, v]) => `${k}: ${v}`).join("\n");
 const LOG_ICON = {
   passed: "✓",
   failed: "✗",
@@ -55893,6 +56640,15 @@ function formatLogText(log) {
 function BottomPanel({ runner, flowName, problems, onFocusBlock, tab, setTab }) {
   const t = useT();
   const { outputs, variables, data, log, summary: summary2 } = runner;
+  const [openLog, setOpenLog] = reactExports.useState(/* @__PURE__ */ new Set());
+  reactExports.useEffect(() => {
+    if (!summary2) return;
+    const fails = /* @__PURE__ */ new Set();
+    log.forEach((e, i) => {
+      if ((e.http || e.resolvedUrl) && (e.status === "failed" || e.status === "error")) fails.add(i);
+    });
+    setOpenLog(fails);
+  }, [summary2]);
   const varEntries = Object.entries(variables);
   const dataEntries = Object.entries(data).filter(([k, v]) => typeof v === "object" && v !== null || !(k in variables));
   const hasVars = varEntries.length > 0 || dataEntries.length > 0;
@@ -55967,24 +56723,63 @@ function BottomPanel({ runner, flowName, problems, onFocusBlock, tab, setTab })
         ": ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300 break-all", children: typeof e.value === "string" ? e.value : JSON.stringify(e.value) })
       ] }, i);
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-baseline gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 w-14 shrink-0 text-right", children: at }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: LOG_ICON_CLS[e.status ?? "done"], children: LOG_ICON[e.status ?? "done"] ?? "•" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-300", children: [
-          e.label ?? e.type,
-          e.iteration != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-600", children: [
-            " #",
-            e.iteration
-          ] })
-        ] }),
-        e.httpStatus != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: e.httpStatus < 400 ? "text-emerald-400" : "text-red-400", children: e.httpStatus }),
-        e.durationMs != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-600", children: [
-          e.durationMs,
-          "ms"
-        ] }),
-        e.error && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-red-400 break-all", children: [
-          "— ",
-          e.error
+      const hasDetail2 = !!(e.http || e.resolvedUrl);
+      const open2 = openLog.has(i);
+      const toggle = () => setOpenLog((s) => {
+        const n2 = new Set(s);
+        if (n2.has(i)) n2.delete(i);
+        else n2.add(i);
+        return n2;
+      });
+      const reqHeaders = e.http?.reqHeaders;
+      const resHeaders = e.http?.resHeaders;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: `flex items-baseline gap-2 ${hasDetail2 ? "cursor-pointer hover:bg-surface-800/40 rounded" : ""}`,
+            onClick: hasDetail2 ? toggle : void 0,
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 w-14 shrink-0 text-right", children: at }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: LOG_ICON_CLS[e.status ?? "done"], children: LOG_ICON[e.status ?? "done"] ?? "•" }),
+              hasDetail2 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 w-2 shrink-0", children: open2 ? "▾" : "▸" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-300", children: [
+                e.label ?? e.type,
+                e.iteration != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-600", children: [
+                  " #",
+                  e.iteration
+                ] })
+              ] }),
+              e.httpStatus != null && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: e.httpStatus < 400 ? "text-emerald-400" : "text-red-400", children: e.httpStatus }),
+              e.durationMs != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-600", children: [
+                e.durationMs,
+                "ms"
+              ] }),
+              e.error && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-red-400 break-all", children: [
+                "— ",
+                e.error
+              ] })
+            ]
+          }
+        ),
+        open2 && hasDetail2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-16 mt-1 mb-2 flex flex-col gap-1 text-[10px]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-surface-500 uppercase tracking-wider", children: t("Request") }),
+          e.resolvedUrl && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "text-surface-300 break-all", children: [
+            e.method,
+            " ",
+            e.resolvedUrl
+          ] }),
+          reqHeaders && Object.keys(reqHeaders).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-all text-surface-400 bg-surface-900 rounded p-1.5 m-0", children: headerText(reqHeaders) }),
+          e.http?.reqBody && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-all text-surface-300 bg-surface-900 rounded p-1.5 m-0", children: e.http.reqBody }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-surface-500 uppercase tracking-wider mt-1", children: t("Response") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: e.httpStatus != null && e.httpStatus < 400 ? "text-emerald-400" : "text-red-400", children: [
+            e.httpStatus != null ? e.httpStatus : t("(no response)"),
+            e.http?.statusText ? " " + e.http.statusText : "",
+            e.http?.bodySize != null ? ` · ${e.http.bodySize} bytes` : ""
+          ] }),
+          resHeaders && Object.keys(resHeaders).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-all text-surface-400 bg-surface-900 rounded p-1.5 m-0", children: headerText(resHeaders) }),
+          e.http?.resBody && /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "whitespace-pre-wrap break-all text-surface-300 bg-surface-900 rounded p-1.5 m-0", children: e.http.resBody }),
+          e.http?.truncated && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-surface-600", children: t("body truncated") })
         ] })
       ] }, i);
     }) }) : active2 === "output" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1.5", children: outputs.map((o, i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-mono", children: o.kind === "log" ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-cyan-300", children: [
@@ -56872,17 +57667,17 @@ function ActivityBarBtn({
   dataTour
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative group/ab", "data-tour": dataTour, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         onClick,
+        "aria-label": title,
+        "aria-pressed": active2,
         className: `relative w-10 h-10 flex items-center justify-center rounded transition-colors ${active2 ? "text-white bg-surface-800" : "text-surface-600 hover:text-surface-300 hover:bg-surface-800/50"}`,
-        children: [
-          children2,
-          badge !== void 0 && badge > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute top-1 right-1 text-[9px] bg-surface-600 text-white rounded-full w-3.5 h-3.5 flex items-center justify-center font-medium leading-none", children: badge > 9 ? "9+" : badge })
-        ]
+        children: children2
       }
     ),
+    badge !== void 0 && badge > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute top-1 right-1 text-[9px] bg-surface-600 text-white rounded-full w-3.5 h-3.5 flex items-center justify-center font-medium leading-none", children: badge > 9 ? "9+" : badge }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute left-full top-1/2 -translate-y-1/2 ml-2 z-50 hidden group-hover/ab:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "whitespace-nowrap rounded px-2 py-1 text-[11px] bg-surface-900 text-[var(--text-primary)] border border-surface-700 shadow-lg", children: title }) })
   ] });
 }
@@ -56907,35 +57702,45 @@ const TabRow = React.memo(function TabRow2({
   onContextMenu
 }) {
   const t = useT();
-  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);
-      },
-      className: `group flex items-center gap-1.5 px-3 py-1.5 border-r border-surface-800 cursor-pointer min-w-0 max-w-[200px] flex-shrink-0 transition-colors ${isActive ? "bg-surface-900 border-b-2 border-b-blue-500 -mb-px" : "hover:bg-surface-900/50 text-surface-600"}`,
-      children: [
-        kind === "folder" ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3 shrink-0 text-amber-600", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2 5a2 2 0 012-2h3.5l2 2H16a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V5z" }) }) : kind === "collection" ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3 shrink-0 text-blue-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 4h14v2.5H3V4zm0 4.75h14v2.5H3v-2.5zM3 13.5h14V16H3v-2.5z" }) }) : method ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold shrink-0 ${TAB_METHOD_COLORS[method] ?? "text-gray-400"}`, children: method }) : null,
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs truncate ${isActive ? "text-white" : ""}`, children: name }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              onClose(tabId);
-            },
-            className: "ml-auto opacity-0 group-hover:opacity-100 shrink-0 text-surface-600 hover:text-white transition-all leading-none",
-            title: t("Close tab"),
-            children: "×"
-          }
-        )
-      ]
-    }
+  return (
+    // Plain container (no interactive role) so the activate + close buttons below
+    // are siblings, not nested interactives — screen readers announce both.
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        onContextMenu: (e) => {
+          e.preventDefault();
+          onContextMenu(tabId, e.clientX, e.clientY);
+        },
+        className: `group flex items-center gap-1.5 pr-1 border-r border-surface-800 min-w-0 max-w-[200px] flex-shrink-0 transition-colors ${isActive ? "bg-surface-900 border-b-2 border-b-blue-500 -mb-px" : "hover:bg-surface-900/50 text-surface-600"}`,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              onClick: () => onActivate(tabId),
+              className: "flex items-center gap-1.5 pl-3 py-1.5 min-w-0 flex-1 cursor-pointer focus:outline-none",
+              children: [
+                kind === "folder" ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3 shrink-0 text-amber-600", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2 5a2 2 0 012-2h3.5l2 2H16a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V5z" }) }) : kind === "collection" ? /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { className: "w-3 h-3 shrink-0 text-blue-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 4h14v2.5H3V4zm0 4.75h14v2.5H3v-2.5zM3 13.5h14V16H3v-2.5z" }) }) : method ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-[10px] font-bold shrink-0 ${TAB_METHOD_COLORS[method] ?? "text-gray-400"}`, children: method }) : null,
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `text-xs truncate ${isActive ? "text-white" : ""}`, children: name })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onClose(tabId);
+              },
+              className: "mr-2 opacity-0 group-hover:opacity-100 focus:opacity-100 shrink-0 text-surface-600 hover:text-white transition-all leading-none",
+              "aria-label": t("Close tab"),
+              title: t("Close tab"),
+              children: "×"
+            }
+          )
+        ]
+      }
+    )
   );
 });
 function App() {
@@ -57197,18 +58002,18 @@ function App() {
     window.electron.platform !== "win32" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "drag-region flex-shrink-0 bg-surface-950 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "no-drag text-[11px] font-medium tracking-widest select-none", style: { color: "var(--text-muted)" }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--wordmark-muted)" }, children: "API" }),
       " ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#6aa3c8" }, children: "Spector" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-2 text-[10px] font-normal opacity-50", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--wordmark-accent)" }, children: "Spector" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-2 text-[10px] font-normal", style: { color: "var(--text-muted)" }, children: [
         "v",
-        "0.8.9"
+        "0.9.0"
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", "aria-hidden": "true", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           onClick: () => window.electron.openExternal("https://testsmith.io"),
-          className: "no-drag text-[10px] font-normal opacity-60 hover:opacity-100 hover:underline focus:outline-none transition-opacity",
-          style: { color: "#6aa3c8" },
+          className: "no-drag text-[10px] font-normal hover:underline focus:outline-none",
+          style: { color: "var(--wordmark-accent)" },
           children: "testsmith.io"
         }
       )
@@ -57512,42 +58317,44 @@ function App() {
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(RequestBuilder, { request: activeRequest })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              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 };
-                document.body.style.cursor = "col-resize";
-                document.body.style.userSelect = "none";
-                e.preventDefault();
-              },
-              onKeyDown: (e) => {
-                if (e.key === "ArrowLeft" || e.key === "ArrowRight") {
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-shrink-0 w-1 relative group", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "div",
+              {
+                role: "separator",
+                "aria-orientation": "vertical",
+                "aria-label": "Resize request pane",
+                "aria-valuemin": 200,
+                "aria-valuenow": requestPaneWidth ?? leftPaneRef.current?.offsetWidth ?? 400,
+                tabIndex: 0,
+                className: "absolute inset-0 cursor-col-resize border-x border-surface-800 hover:border-blue-500 focus:border-blue-500 focus:outline-none transition-colors",
+                onMouseDown: (e) => {
+                  dragging.current = "request";
+                  dragStart.current = { x: e.clientX, w: leftPaneRef.current?.offsetWidth ?? requestPaneWidth ?? 400 };
+                  document.body.style.cursor = "col-resize";
+                  document.body.style.userSelect = "none";
                   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",
-                {
-                  onClick: () => setResponseOpen((v) => !v),
-                  title: responseOpen ? t("Collapse response") : t("Expand response"),
-                  className: "absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 w-4 h-8 flex items-center justify-center rounded opacity-0 group-hover:opacity-100 bg-surface-800 text-surface-400 hover:text-white transition-all text-xs z-10",
-                  children: responseOpen ? "›" : "‹"
+                },
+                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)));
+                  }
                 }
-              )
-            }
-          ),
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: () => setResponseOpen((v) => !v),
+                title: responseOpen ? t("Collapse response") : t("Expand response"),
+                className: "absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2 w-4 h-8 flex items-center justify-center rounded opacity-0 group-hover:opacity-100 bg-surface-800 text-surface-400 hover:text-white transition-all text-xs z-10",
+                children: responseOpen ? "›" : "‹"
+              }
+            )
+          ] }),
           responseOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {