@testsmith/api-spector 0.8.3 → 0.8.4

package/out/renderer/assets/{index-DYw1nSsv.js → index-BMJ05gLq.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-03mRa3Kf.js","./codemirror-CdIFBPs2.js","./ajv-CJPwFjiP.js","./SoapEditor-IfKqnYlR.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-B-UCMNXB.js","./codemirror-CdIFBPs2.js","./ajv-CJPwFjiP.js","./SoapEditor-DK5ccc1_.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, x as xml, c as json, d as ReactCodeMirror, o as oneDark, e as javascript } from "./codemirror-CdIFBPs2.js";
 import { r as requireAjv } from "./ajv-CJPwFjiP.js";
 var client = { exports: {} };
@@ -13335,6 +13335,17 @@ function cloneAndReId(folder2, mapRequestId) {
   reIdFolderTree(cloned, mapRequestId);
   return cloned;
 }
+function collectFolderVars(root2, reqId) {
+  const walk2 = (folder2) => {
+    if ((folder2.requestIds ?? []).includes(reqId)) return { ...folder2.variables ?? {} };
+    for (const sub of folder2.folders ?? []) {
+      const inner = walk2(sub);
+      if (inner) return { ...folder2.variables ?? {}, ...inner };
+    }
+    return null;
+  };
+  return walk2(root2) ?? {};
+}
 const WRITE_METHODS$1 = /* @__PURE__ */ new Set(["POST", "PUT", "PATCH"]);
 function newId$1() {
   try {
@@ -13772,6 +13783,24 @@ const createCollectionsSlice = (set2, get2) => ({
       entry.dirty = true;
     });
   },
+  reorderExample: (requestId, fromId, toId) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const list = entry?.data.requests[requestId].examples;
+    if (!entry || !list) return;
+    const from = list.findIndex((e) => e.id === fromId);
+    const to = list.findIndex((e) => e.id === toId);
+    if (from < 0 || to < 0 || from === to) return;
+    const [moved] = list.splice(from, 1);
+    list.splice(to, 0, moved);
+    entry.dirty = true;
+  }),
+  sortExamples: (requestId) => set2((s) => {
+    const entry = Object.values(s.collections).find((c) => c.data.requests[requestId]);
+    const list = entry?.data.requests[requestId].examples;
+    if (!entry || !list) return;
+    list.sort((a, b) => a.name.localeCompare(b.name, void 0, { sensitivity: "base", numeric: true }));
+    entry.dirty = true;
+  }),
   openExample: (requestId, collectionId, exampleId) => set2((s) => {
     const existing = s.tabs.find((t) => t.requestId === requestId && t.exampleId === exampleId);
     if (existing) {
@@ -15440,9 +15469,18 @@ function useVarNames() {
   const collections = useStore$1((s) => s.collections);
   const globals = useStore$1((s) => s.globals);
   const sessionVars = useStore$1((s) => s.sessionVars);
+  const activeTabId = useStore$1((s) => s.activeTabId);
+  const tabs = useStore$1((s) => s.tabs);
   const activeEnv = useActiveEnvironment();
   return reactExports.useMemo(() => {
     const names = /* @__PURE__ */ new Set();
+    const tab = tabs.find((x) => x.id === activeTabId);
+    const tabCol = tab?.collectionId ? collections[tab.collectionId]?.data : void 0;
+    const activeReq = tab?.requestId && tabCol ? tabCol.requests[tab.requestId] : void 0;
+    if (activeReq) {
+      Object.keys(activeReq.variables ?? {}).forEach((k) => names.add(k));
+      Object.keys(collectFolderVars(tabCol.rootFolder, activeReq.id)).forEach((k) => names.add(k));
+    }
     Object.keys(globals).forEach((k) => names.add(k));
     Object.keys(sessionVars).forEach((k) => names.add(k));
     if (activeCollectionId) {
@@ -15473,19 +15511,27 @@ function useVarNames() {
     activeCollectionId,
     collections,
     globals,
-    sessionVars
+    sessionVars,
+    activeTabId,
+    tabs
   ]);
 }
 function useVarValues() {
   const activeCollectionId = useStore$1((s) => s.activeCollectionId);
   const collections = useStore$1((s) => s.collections);
   const globals = useStore$1((s) => s.globals);
+  const activeTabId = useStore$1((s) => s.activeTabId);
+  const tabs = useStore$1((s) => s.tabs);
   const activeEnv = useActiveEnvironment();
   const result = { ...globals };
   if (activeCollectionId) {
     const colVars = collections[activeCollectionId]?.data.collectionVariables ?? {};
     Object.assign(result, colVars);
   }
+  const tab = tabs.find((x) => x.id === activeTabId);
+  const tabCol = tab?.collectionId ? collections[tab.collectionId]?.data : void 0;
+  const activeReq = tab?.requestId && tabCol ? tabCol.requests[tab.requestId] : void 0;
+  if (activeReq && tabCol) Object.assign(result, collectFolderVars(tabCol.rootFolder, activeReq.id));
   for (const v of activeEnv?.variables ?? []) {
     if (!v.enabled || !v.key) continue;
     if (v.secret && v.secretEncrypted) {
@@ -15496,6 +15542,7 @@ function useVarValues() {
       result[v.key] = v.value;
     }
   }
+  if (activeReq) Object.assign(result, activeReq.variables ?? {});
   return result;
 }
 const Collections$6 = "Collections";
@@ -27048,8 +27095,11 @@ function RequestRow({
   onOpenExample,
   onRenameExample,
   onDeleteExample,
-  onDuplicateExample
+  onDuplicateExample,
+  onReorderExample,
+  onSortExamples
 }) {
+  const [dragExampleId, setDragExampleId] = reactExports.useState(null);
   const t = useT();
   const canAddExample = !protocol || protocol === "http" || protocol === "soap" || protocol === "grpc";
   const [renaming, setRenaming] = reactExports.useState(autoRename);
@@ -27207,9 +27257,15 @@ function RequestRow({
               { type: "item", label: t("Add Example"), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: () => {
                 onAddExample();
                 setExamplesOpen(true);
-              } },
-              { type: "separator" }
+              } }
             ] : [],
+            ...onSortExamples && examples.length > 1 ? [
+              { type: "item", label: t("Sort examples A-Z"), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(SortAzIcon, {}), onClick: () => {
+                onSortExamples();
+                setExamplesOpen(true);
+              } }
+            ] : [],
+            ...onAddExample && canAddExample || onSortExamples && examples.length > 1 ? [{ type: "separator" }] : [],
             { type: "item", label: t("Rename"), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(PencilIcon, {}), onClick: () => setRenaming(true) },
             { type: "item", label: t("Duplicate"), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(CopyIcon, {}), onClick: onDuplicate },
             { type: "item", label: t("Add tag"), icon: /* @__PURE__ */ jsxRuntimeExports.jsx(TagIcon, {}), onClick: () => setAddingTag(true) },
@@ -27237,6 +27293,15 @@ function RequestRow({
         name: ex.name,
         indent: indent + 18,
         isActive: activeExampleId === ex.id,
+        reorderable: !!onReorderExample && examples.length > 1,
+        dragging: dragExampleId === ex.id,
+        dragActive: dragExampleId !== null && dragExampleId !== ex.id,
+        onDragStart: () => setDragExampleId(ex.id),
+        onDragEnd: () => setDragExampleId(null),
+        onDropOn: () => {
+          if (dragExampleId && dragExampleId !== ex.id) onReorderExample?.(dragExampleId, ex.id);
+          setDragExampleId(null);
+        },
         onOpen: () => onOpenExample?.(ex.id),
         onRename: (n2) => onRenameExample?.(ex.id, n2),
         onDelete: () => onDeleteExample?.(ex.id),
@@ -27254,20 +27319,47 @@ function RequestRow({
     )
   ] });
 }
-function ExampleRow({ name, indent, isActive, onOpen, onRename, onDelete, onDuplicate }) {
+function ExampleRow({ name, indent, isActive, reorderable, dragging, dragActive, onDragStart, onDragEnd, onDropOn, onOpen, onRename, onDelete, onDuplicate }) {
   const t = useT();
   const [renaming, setRenaming] = reactExports.useState(false);
+  const [over, setOver] = reactExports.useState(false);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       "data-row": true,
-      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"}`,
+      draggable: reorderable && !renaming,
+      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"} ${dragging ? "opacity-40" : ""} ${over ? "ring-1 ring-blue-500" : ""}`,
       style: { paddingLeft: indent },
       role: "button",
       tabIndex: 0,
       onClick: onOpen,
       onKeyDown: onActivateKey(onOpen),
       onDoubleClick: () => setRenaming(true),
+      onDragStart: (e) => {
+        e.dataTransfer.effectAllowed = "move";
+        e.dataTransfer.setData("text/plain", name);
+        onDragStart();
+      },
+      onDragEnd: () => {
+        setOver(false);
+        onDragEnd();
+      },
+      onDragOver: (e) => {
+        if (dragActive) {
+          e.preventDefault();
+          e.dataTransfer.dropEffect = "move";
+          setOver(true);
+        }
+      },
+      onDragLeave: () => setOver(false),
+      onDrop: (e) => {
+        if (dragActive) {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+        setOver(false);
+        onDropOn();
+      },
       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" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-w-0", children: renaming ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -28137,6 +28229,8 @@ function FolderContents({
   const renameExample = useStore$1((s) => s.renameExample);
   const deleteExample = useStore$1((s) => s.deleteExample);
   const duplicateExample = useStore$1((s) => s.duplicateExample);
+  const reorderExample = useStore$1((s) => s.reorderExample);
+  const sortExamples = useStore$1((s) => s.sortExamples);
   const { confirm: confirm2, dialog: confirmDialog } = useConfirm();
   const t = useT();
   const dropIndent = (depth + 1) * 12 + 8;
@@ -28230,7 +28324,9 @@ function FolderContents({
           const ex = req.examples?.find((e) => e.id === exId);
           confirm2(t('Delete example ":name"?', { name: ex?.name ?? "" }), () => deleteExample(req.id, exId));
         },
-        onDuplicateExample: (exId) => duplicateExample(req.id, exId)
+        onDuplicateExample: (exId) => duplicateExample(req.id, exId),
+        onReorderExample: (fromId, toId) => reorderExample(req.id, fromId, toId),
+        onSortExamples: () => sortExamples(req.id)
       }
     );
   };
@@ -28277,7 +28373,8 @@ function extractQueryParams(rawUrl, existing) {
   const kept = (existing ?? []).filter((p) => (p.key || p.value) && !pastedKeys.has(p.key));
   return { url: nextUrl, params: [...kept, ...parsed], changed: true };
 }
-const PATH_PARAM_RE = /\[([A-Za-z_]\w*)\]/g;
+const PATH_PARAM_PATTERN = String.raw`\[([A-Za-z_]\w*)\]|(?<!\{)\{([A-Za-z_]\w*)\}(?!\})`;
+const PATH_PARAM_RE = new RegExp(PATH_PARAM_PATTERN, "g");
 function interpTokens(str, vars) {
   return str.replaceAll(/\{\{([^}]+)\}\}/g, (m, key) => {
     const k = String(key).trim();
@@ -28287,14 +28384,17 @@ function interpTokens(str, vars) {
 function buildPreviewUrl(baseUrl, params, varValues = {}) {
   const templateTokens = /* @__PURE__ */ new Set();
   for (const m of baseUrl.matchAll(/\{\{([^}]+)\}\}/g)) templateTokens.add(m[1].trim());
-  for (const m of baseUrl.matchAll(PATH_PARAM_RE)) templateTokens.add(m[1]);
+  for (const m of baseUrl.matchAll(PATH_PARAM_RE)) templateTokens.add(m[1] ?? m[2]);
   const enabled = (params ?? []).filter((p) => p.enabled && p.key);
   const pathRows = enabled.filter((p) => p.paramType === "path" || templateTokens.has(p.key));
   const queryRows = enabled.filter((p) => !(p.paramType === "path" || templateTokens.has(p.key)));
   const scope = { ...varValues };
   for (const p of pathRows) scope[p.key] = interpTokens(p.value, varValues);
   let url = interpTokens(baseUrl, scope);
-  url = url.replaceAll(PATH_PARAM_RE, (m, name) => name in scope ? scope[name] : m);
+  url = url.replaceAll(PATH_PARAM_RE, (m, g1, g2) => {
+    const name = g1 ?? g2;
+    return name in scope ? scope[name] : m;
+  });
   if (!queryRows.length) return url;
   const sep = url.includes("?") ? "&" : "?";
   const qs = queryRows.map((p) => `${encodeURIComponent(interpTokens(p.key, varValues))}=${encodeURIComponent(interpTokens(p.value, varValues))}`).join("&");
@@ -28303,7 +28403,8 @@ function buildPreviewUrl(baseUrl, params, varValues = {}) {
 function extractPathParamNames(url) {
   const names = [];
   for (const m of url.matchAll(PATH_PARAM_RE)) {
-    if (!names.includes(m[1])) names.push(m[1]);
+    const name = m[1] ?? m[2];
+    if (!names.includes(name)) names.push(name);
   }
   return names;
 }
@@ -28458,8 +28559,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-03mRa3Kf.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-IfKqnYlR.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-B-UCMNXB.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-DK5ccc1_.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…") });
@@ -29426,6 +29527,13 @@ function StreamTab({ request: request2, onChange }) {
     ] })
   ] });
 }
+const SCOPE_BADGE = {
+  global: "text-amber-400 border-amber-500/30",
+  collection: "text-blue-400 border-blue-500/30",
+  folder: "text-violet-400 border-violet-500/30",
+  environment: "text-emerald-400 border-emerald-500/30",
+  request: "text-fuchsia-400 border-fuchsia-500/30"
+};
 function isDynamicToken(name) {
   return name.startsWith("$") || name.includes("faker.") || name.includes("dayjs") || name.includes("(");
 }
@@ -29448,41 +29556,126 @@ function collectUsedTokens(req) {
   }
   return [...found];
 }
-const SCOPE_BADGE = {
-  environment: "text-emerald-400 border-emerald-500/30",
-  collection: "text-blue-400 border-blue-500/30",
-  global: "text-amber-400 border-amber-500/30"
-};
 function VariablesTab({ request: request2 }) {
   const t = useT();
   const activeCollectionId = useStore$1((s) => s.activeCollectionId);
   const collections = useStore$1((s) => s.collections);
   const globals = useStore$1((s) => s.globals);
+  const updateRequest = useStore$1((s) => s.updateRequest);
   const activeEnv = useActiveEnvironment();
-  const values = useVarValues();
-  const { sourceOf, inScope } = reactExports.useMemo(() => {
-    const envKeys = /* @__PURE__ */ new Set();
-    for (const v of activeEnv?.variables ?? []) if (v.enabled && v.key) envKeys.add(v.key);
-    const colKeys = new Set(Object.keys(
-      activeCollectionId ? collections[activeCollectionId]?.data.collectionVariables ?? {} : {}
-    ));
-    const globalKeys = new Set(Object.keys(globals));
-    const all2 = /* @__PURE__ */ new Set([...envKeys, ...colKeys, ...globalKeys]);
-    const sourceOf2 = (name) => envKeys.has(name) ? "environment" : colKeys.has(name) ? "collection" : "global";
-    return { sourceOf: sourceOf2, inScope: all2 };
-  }, [activeEnv, activeCollectionId, collections, globals]);
+  const col = activeCollectionId ? collections[activeCollectionId]?.data : void 0;
+  const { envDisplay, envKeys, folderVars, collectionVars } = reactExports.useMemo(() => {
+    const envDisplay2 = {};
+    const envKeys2 = /* @__PURE__ */ new Set();
+    for (const v of activeEnv?.variables ?? []) {
+      if (!v.enabled || !v.key) continue;
+      envKeys2.add(v.key);
+      envDisplay2[v.key] = v.secret && v.secretEncrypted ? "••••••••" : v.envRef ? `$${v.envRef}` : v.value;
+    }
+    const folderVars2 = col ? collectFolderVars(col.rootFolder, request2.id) : {};
+    const collectionVars2 = col?.collectionVariables ?? {};
+    return { envDisplay: envDisplay2, envKeys: envKeys2, folderVars: folderVars2, collectionVars: collectionVars2 };
+  }, [activeEnv, col, request2.id]);
+  const requestVars = reactExports.useMemo(() => request2.variables ?? {}, [request2.variables]);
+  const sourceOf = (name) => name in requestVars ? "request" : envKeys.has(name) ? "environment" : name in folderVars ? "folder" : name in collectionVars ? "collection" : "global";
+  const valueOf = (name) => {
+    switch (sourceOf(name)) {
+      case "request":
+        return requestVars[name];
+      case "environment":
+        return envDisplay[name] ?? "";
+      case "folder":
+        return folderVars[name];
+      case "collection":
+        return collectionVars[name];
+      default:
+        return globals[name] ?? "";
+    }
+  };
+  const inScope = reactExports.useMemo(() => /* @__PURE__ */ new Set([
+    ...Object.keys(requestVars),
+    ...envKeys,
+    ...Object.keys(folderVars),
+    ...Object.keys(collectionVars),
+    ...Object.keys(globals)
+  ]), [requestVars, envKeys, folderVars, collectionVars, globals]);
   const used = reactExports.useMemo(() => collectUsedTokens(request2), [request2]);
   const usedSet = reactExports.useMemo(() => new Set(used), [used]);
-  const allNames = reactExports.useMemo(
-    () => [...inScope].sort((a, b) => a.localeCompare(b)),
-    [inScope]
-  );
+  const allNames = reactExports.useMemo(() => [...inScope].sort((a, b) => a.localeCompare(b)), [inScope]);
   const SCOPE_LABEL = {
-    environment: t("environment"),
+    global: t("global"),
     collection: t("collection"),
-    global: t("global")
+    folder: t("folder"),
+    environment: t("environment"),
+    request: t("request")
+  };
+  const [rows, setRows] = reactExports.useState(
+    () => Object.entries(requestVars).map(([key, value2]) => ({ key, value: value2 }))
+  );
+  reactExports.useEffect(() => {
+    setRows(Object.entries(request2.variables ?? {}).map(([key, value2]) => ({ key, value: value2 })));
+  }, [request2.id]);
+  function persist(next) {
+    setRows(next);
+    const record = {};
+    for (const r of next) {
+      const k = r.key.trim();
+      if (k) record[k] = r.value;
+    }
+    updateRequest(request2.id, { variables: record });
+  }
+  const setRow = (i, patch) => persist(rows.map((r, idx) => idx === i ? { ...r, ...patch } : r));
+  const removeRow = (i) => persist(rows.filter((_, idx) => idx !== i));
+  const addRow = (key = "", value2 = "") => persist([...rows, { key, value: value2 }]);
+  const overrideHere = (name) => {
+    if (name in requestVars) return;
+    addRow(name, valueOf(name) === "••••••••" ? "" : `{{${name}}}`);
   };
   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: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-[11px] uppercase tracking-wider text-surface-400", children: [
+          t("Request variables"),
+          rows.filter((r) => r.key.trim()).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1.5 text-surface-500", children: [
+            "(",
+            rows.filter((r) => r.key.trim()).length,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { onClick: () => addRow(), className: "text-[11px] text-fuchsia-400 hover:text-fuchsia-300", children: [
+          "+ ",
+          t("Add variable")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500 mb-2", children: t("Scoped to this request and its examples. Override environment, folder, collection and global variables with the same name.") }),
+      rows.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-1", children: rows.map((r, i) => {
+        const key = r.key.trim();
+        const shadows = !!key && (envKeys.has(key) || key in folderVars || key in collectionVars || key in globals);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              value: r.key,
+              onChange: (e) => setRow(i, { key: e.target.value }),
+              placeholder: t("name"),
+              className: "w-40 bg-surface-800 border border-surface-700 rounded px-2 py-1 font-mono focus:outline-none focus:border-blue-500"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            VarInput,
+            {
+              value: r.value,
+              onChange: (v) => setRow(i, { value: v }),
+              placeholder: t("value"),
+              wrapperClassName: "flex-1",
+              className: "bg-surface-800 border border-surface-700 rounded px-2 py-1 font-mono focus:outline-none focus:border-blue-500"
+            }
+          ),
+          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") }),
+          /* @__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);
+      }) })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-[11px] uppercase tracking-wider text-surface-400 mb-2", children: [
         t("Referenced by this request"),
@@ -29497,9 +29690,8 @@ function VariablesTab({ request: request2 }) {
         const dynamic = !defined && isDynamicToken(name);
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 border-b border-surface-800 last:border-b-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono text-surface-200 shrink-0", children: `{{${name}}}` }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0 truncate text-surface-400 font-mono", children: defined ? values[name] || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-surface-600", children: t("(empty)") }) : dynamic ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: t("generated at send time") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400", children: t("not defined") }) }),
-          defined && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 text-[9px] uppercase tracking-wider border rounded px-1 py-px ${SCOPE_BADGE[sourceOf(name)]}`, children: SCOPE_LABEL[sourceOf(name)] }),
-          !defined && !dynamic && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[9px] uppercase tracking-wider text-red-400 border border-red-500/30 rounded px-1 py-px", children: t("missing") })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0 truncate text-surface-400 font-mono", children: defined ? valueOf(name) || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-surface-600", children: t("(empty)") }) : dynamic ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500", children: t("generated at send time") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-red-400", children: t("not defined") }) }),
+          defined ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 text-[9px] uppercase tracking-wider border rounded px-1 py-px ${SCOPE_BADGE[sourceOf(name)]}`, children: SCOPE_LABEL[sourceOf(name)] }) : !dynamic && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[9px] uppercase tracking-wider text-red-400 border border-red-500/30 rounded px-1 py-px", children: t("missing") })
         ] }, name);
       }) })
     ] }),
@@ -29512,21 +29704,26 @@ function VariablesTab({ request: request2 }) {
           ")"
         ] })
       ] }),
-      allNames.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: t("No variables are defined in the active environment, collection, or globals.") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded border border-surface-800 overflow-hidden", children: allNames.map((name) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: `flex items-center gap-2 px-3 py-1.5 border-b border-surface-800 last:border-b-0 ${usedSet.has(name) ? "bg-surface-800/40" : ""}`,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono text-surface-200 shrink-0", children: name }),
-            usedSet.has(name) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[9px] uppercase tracking-wider text-surface-400 border border-surface-700 rounded px-1 py-px", title: t("Referenced by this request"), children: t("used") }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0 truncate text-surface-400 font-mono text-right", children: values[name] || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-surface-600", children: t("(empty)") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `shrink-0 text-[9px] uppercase tracking-wider border rounded px-1 py-px ${SCOPE_BADGE[sourceOf(name)]}`, children: SCOPE_LABEL[sourceOf(name)] })
-          ]
-        },
-        name
-      )) })
+      allNames.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: t("No variables are defined in the active environment, collection, folder, or globals.") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded border border-surface-800 overflow-hidden", children: allNames.map((name) => {
+        const scope = sourceOf(name);
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `flex items-center gap-2 px-3 py-1.5 border-b border-surface-800 last:border-b-0 ${usedSet.has(name) ? "bg-surface-800/40" : ""}`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "font-mono text-surface-200 shrink-0", children: name }),
+          usedSet.has(name) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[9px] uppercase tracking-wider text-surface-400 border border-surface-700 rounded px-1 py-px", title: t("Referenced by this request"), children: t("used") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 min-w-0 truncate text-surface-400 font-mono text-right", children: valueOf(name) || /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "italic text-surface-600", children: t("(empty)") }) }),
+          scope !== "request" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: () => overrideHere(name),
+              className: "shrink-0 text-[9px] uppercase tracking-wider text-surface-500 hover:text-fuchsia-400 border border-surface-700 hover:border-fuchsia-500/40 rounded px-1 py-px",
+              title: t("Override this variable for this request"),
+              children: t("override")
+            }
+          ),
+          /* @__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);
+      }) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 leading-relaxed", children: t("Precedence: environment overrides collection overrides global. Secrets show as dots; environment-reference variables show as $NAME.") })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-600 leading-relaxed", children: t("Precedence (higher wins): global, collection, folder, environment, request. Data-row, runtime and CLI values override all. Secrets show as dots; environment-reference variables show as $NAME.") })
   ] });
 }
 function useRealtimeTest(runner) {
@@ -35927,7 +36124,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.8.3" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.8.4" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -36227,6 +36424,25 @@ function EnvironmentEditor({ onClose }) {
     const next = Object.keys(useStore$1.getState().environments).at(-1);
     if (next) setSelectedId(next);
   }
+  async function importFromPostman() {
+    const imported = await electron$j.importPostmanEnvironment();
+    if (!imported) return;
+    const existingNames = Object.values(useStore$1.getState().environments).map((e) => e.data.name);
+    const finalEnv = { ...imported, name: uniqueName$1(imported.name || t("Imported Environment"), existingNames) };
+    const relPath = envRelPath(finalEnv.name, finalEnv.id);
+    await electron$j.saveEnvironment(relPath, finalEnv);
+    useStore$1.setState((s) => {
+      s.environments[finalEnv.id] = { relPath, data: finalEnv };
+      if (!s.activeEnvironmentId) s.activeEnvironmentId = finalEnv.id;
+      if (s.workspace && !s.workspace.environments.includes(relPath)) {
+        s.workspace.environments = [...s.workspace.environments, relPath];
+      }
+      return s;
+    });
+    const ws = useStore$1.getState().workspace;
+    if (ws) await electron$j.saveWorkspace(ws);
+    setSelectedId(finalEnv.id);
+  }
   function updateVar(idx, patch) {
     if (!env2) return;
     const vars = env2.variables.map((v, i) => i === idx ? { ...v, ...patch } : v);
@@ -36386,6 +36602,14 @@ function EnvironmentEditor({ onClose }) {
                 className: "px-3 py-2 text-xs text-surface-400 hover:text-white border-t border-surface-800 transition-colors text-left",
                 children: t("+ Add environment")
               }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                onClick: importFromPostman,
+                className: "px-3 py-2 text-xs text-surface-400 hover:text-white border-t border-surface-800 transition-colors text-left",
+                children: t("Import from Postman")
+              }
             )
           ] }),
           env2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex flex-col min-w-0", children: [
@@ -38103,7 +38327,7 @@ function parseCurl(command) {
 const { electron: electron$f } = window;
 const OPTIONS = [
   { id: "postman", label: "Postman", description: "Collection v2.1 JSON" },
-  { id: "postman-env", label: "Postman Env", description: "Environment export JSON" },
+  { id: "wsdl", label: "WSDL", description: "SOAP service -> requests (all or selected operations)", supportsUrl: true },
   { id: "openapi", label: "OpenAPI", description: "JSON or YAML (v3.x)", supportsUrl: true },
   { id: "insomnia", label: "Insomnia", description: "Export v4 JSON" },
   { id: "bruno", label: "Bruno", description: "bruno.json collection file" },
@@ -38179,15 +38403,6 @@ function ImportModal({ onImport, onClose }) {
     setLoading(true);
     setError(null);
     try {
-      if (opt.id === "postman-env") {
-        const env2 = await electron$f.importPostmanEnvironment();
-        if (env2) {
-          await persistImportedEnvironment(env2);
-          onImport(null);
-          onClose();
-        }
-        return;
-      }
       if (opt.id === "arazzo") {
         const res = await electron$f.importArazzo();
         if (!res) return;
@@ -38207,11 +38422,12 @@ function ImportModal({ onImport, onClose }) {
       if (opt.id === "http") col = await electron$f.importHttpFile();
       if (opt.id === "har") col = await electron$f.importHar();
       if (opt.id === "spector") col = await electron$f.importSpectorCollection();
+      if (opt.id === "wsdl") col = await electron$f.importWsdl();
       if (!col) {
         setLoading(false);
         return;
       }
-      if (opt.id === "openapi" || opt.id === "har") {
+      if (opt.id === "openapi" || opt.id === "har" || opt.id === "wsdl") {
         enterPreview(col);
       } else {
         onImport(col);
@@ -38229,7 +38445,7 @@ function ImportModal({ onImport, onClose }) {
     setLoading(true);
     setError(null);
     try {
-      const col = await electron$f.importOpenApiFromUrl(trimmed);
+      const col = selected2 === "wsdl" ? await electron$f.importWsdl({ url: trimmed }) : await electron$f.importOpenApiFromUrl(trimmed);
       if (col) enterPreview(col);
     } catch (err) {
       setError(err instanceof Error ? err.message : String(err));
@@ -38349,24 +38565,6 @@ function ImportModal({ onImport, onClose }) {
       setLoading(false);
     }
   }
-  async function persistImportedEnvironment(env2) {
-    const state = useStore$1.getState();
-    const existingNames = Object.values(state.environments).map((e) => e.data.name);
-    const finalName = uniqueEnvName(env2.name || t("Imported Environment"), existingNames);
-    const finalEnv = { ...env2, name: finalName };
-    const relPath = envRelPath(finalName, finalEnv.id);
-    await electron$f.saveEnvironment(relPath, finalEnv);
-    useStore$1.setState((s) => {
-      s.environments[finalEnv.id] = { relPath, data: finalEnv };
-      if (!s.activeEnvironmentId) s.activeEnvironmentId = finalEnv.id;
-      if (s.workspace && !s.workspace.environments.includes(relPath)) {
-        s.workspace.environments = [...s.workspace.environments, relPath];
-      }
-      return s;
-    });
-    const ws = useStore$1.getState().workspace;
-    if (ws) await electron$f.saveWorkspace(ws);
-  }
   async function persistBaseUrlVariable(name, value2) {
     const state = useStore$1.getState();
     if (envTarget === "__new__") {
@@ -38633,7 +38831,7 @@ function ImportModal({ onImport, onClose }) {
           },
           opt.id
         )) }),
-        selected2 === "openapi" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
+        (selected2 === "openapi" || selected2 === "wsdl") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[10px] text-surface-500 uppercase tracking-wider font-medium", children: t("Or import from URL") }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -38648,7 +38846,7 @@ function ImportModal({ onImport, onClose }) {
                 onKeyDown: (e) => {
                   if (e.key === "Enter") importFromUrl();
                 },
-                placeholder: "https://api.example.com/openapi.json",
+                placeholder: selected2 === "wsdl" ? "http://www.dneonline.com/calculator.asmx?WSDL" : "https://api.example.com/openapi.json",
                 className: "flex-1 text-xs bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500 placeholder-surface-600 font-mono"
               }
             ),
@@ -56085,7 +56283,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.8.3"
+        "0.8.4"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(