@testsmith/api-spector 0.7.4 → 0.7.5

package/out/renderer/assets/{index-Cy2EGsQK.js → index-CUCX3V01.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-Ih9tb7XI.js","./codemirror-F6m3Hm1M.js","./ajv-2MAg6kGF.js","./SoapEditor-CwrFQmAx.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-CWJMEqny.js","./codemirror-F6m3Hm1M.js","./ajv-2MAg6kGF.js","./SoapEditor-C01AJQ38.js"])))=>i.map(i=>d[i]);
 import { r as reactExports, g as getDefaultExportFromCjs, R as React$4, a as autocompletion, h as hoverTooltip, j as jsxRuntimeExports, k as keymap, t as toggleComment, x as xml, b as json, c as ReactCodeMirror, o as oneDark, d as javascript } from "./codemirror-F6m3Hm1M.js";
 import { A as Ajv } from "./ajv-2MAg6kGF.js";
 var client = { exports: {} };
@@ -13883,7 +13883,8 @@ const STORAGE_KEYS = {
   runHooks: "runHooks",
   gitPullRebase: "apiSpector.git.pullRebase",
   ai: "apiSpector.ai",
-  updateSkipped: "apiSpectorUpdateSkipped"
+  updateSkipped: "apiSpectorUpdateSkipped",
+  collapsedCollections: "apiSpector.sidebar.collapsedCollections"
 };
 function envSlugRelPath(name) {
   return `environments/${name.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-")}.env.json`;
@@ -24364,9 +24365,9 @@ function VarInput({ value: value2, onChange, className, wrapperClassName, static
     }
     if (staticSuggestions) {
       const q = val.toLowerCase();
-      const filtered2 = q ? staticSuggestions.filter((s) => s.toLowerCase().includes(q)).sort((a, b) => (a.toLowerCase().startsWith(q) ? 0 : 1) - (b.toLowerCase().startsWith(q) ? 0 : 1)).slice(0, 20) : staticSuggestions.slice(0, 20);
+      const filtered = q ? staticSuggestions.filter((s) => s.toLowerCase().includes(q)).sort((a, b) => (a.toLowerCase().startsWith(q) ? 0 : 1) - (b.toLowerCase().startsWith(q) ? 0 : 1)).slice(0, 20) : staticSuggestions.slice(0, 20);
       partialLen.current = 0;
-      setSuggestions(filtered2.map((s) => ({ label: s, insert: s, type: "variable" })));
+      setSuggestions(filtered.map((s) => ({ label: s, insert: s, type: "variable" })));
       setSuggestionMode("static");
       setActiveIndex(-1);
       return;
@@ -26810,6 +26811,30 @@ function ExampleRow({ name, indent, isActive, onOpen, onRename, onDelete, onDupl
     }
   );
 }
+function readSet() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEYS.collapsedCollections);
+    const arr = raw ? JSON.parse(raw) : [];
+    return new Set(Array.isArray(arr) ? arr.filter((x) => typeof x === "string") : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function writeSet(set2) {
+  try {
+    localStorage.setItem(STORAGE_KEYS.collapsedCollections, JSON.stringify([...set2]));
+  } catch {
+  }
+}
+function isCollectionCollapsed(id2) {
+  return readSet().has(id2);
+}
+function setCollectionCollapsed(id2, collapsed) {
+  const set2 = readSet();
+  if (collapsed) set2.add(id2);
+  else set2.delete(id2);
+  writeSet(set2);
+}
 function ConfirmDialog({ message, onConfirm, onCancel }) {
   const t = useT();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -27038,6 +27063,7 @@ function CollectionTree() {
   }
   const [newRequestId, setNewRequestId] = reactExports.useState(null);
   const [dragging, setDragging] = reactExports.useState(null);
+  const [colExpand, setColExpand] = reactExports.useState({ value: true, seq: 0 });
   function confirmThen(message, action) {
     setPendingConfirm({ message, onConfirm: () => {
       action();
@@ -27074,29 +27100,41 @@ function CollectionTree() {
         onCancel: () => setPendingConfirm(null)
       }
     ),
-    colList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-2 py-1.5 border-b border-surface-800 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative", children: [
+    colList.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-2 py-1.5 border-b border-surface-800 shrink-0 flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            value: query,
+            onChange: (e) => setQuery(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Escape") setQuery("");
+            },
+            placeholder: t("Search requests…"),
+            className: "w-full text-xs bg-surface-800 border border-surface-700 rounded pl-2 pr-6 py-1 focus:outline-none focus:border-blue-500 placeholder-surface-500"
+          }
+        ),
+        query && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => setQuery(""),
+            title: t("Clear (Esc)"),
+            className: "absolute right-1 top-1/2 -translate-y-1/2 w-4 h-4 flex items-center justify-center text-surface-500 hover:text-surface-200 leading-none",
+            children: "×"
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          value: query,
-          onChange: (e) => setQuery(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Escape") setQuery("");
-          },
-          placeholder: t("Search requests…"),
-          className: "w-full text-xs bg-surface-800 border border-surface-700 rounded pl-2 pr-6 py-1 focus:outline-none focus:border-blue-500 placeholder-surface-500"
-        }
-      ),
-      query && /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
-          onClick: () => setQuery(""),
-          title: t("Clear (Esc)"),
-          className: "absolute right-1 top-1/2 -translate-y-1/2 w-4 h-4 flex items-center justify-center text-surface-500 hover:text-surface-200 leading-none",
-          children: "×"
+          onClick: () => setColExpand((c) => ({ value: !c.value, seq: c.seq + 1 })),
+          title: colExpand.value ? t("Collapse all collections") : t("Expand all collections"),
+          "aria-label": colExpand.value ? t("Collapse all collections") : t("Expand all collections"),
+          className: "shrink-0 w-6 h-6 flex items-center justify-center rounded text-surface-400 hover:text-surface-100 hover:bg-surface-800 transition-colors",
+          children: colExpand.value ? /* @__PURE__ */ jsxRuntimeExports.jsx(CollapseAllIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandAllIcon, {})
         }
       )
-    ] }) }),
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 overflow-y-auto", children: q ? matches.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-3 text-xs text-surface-500", children: t("No requests match “:query”.", { query: query.trim() }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "py-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 pb-1 text-[10px] uppercase tracking-wider text-surface-500", children: t(":count match|:count matches", { count: matches.length }) }),
       matches.map(({ collectionId, collectionName, req, path }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -27121,6 +27159,7 @@ function CollectionTree() {
           col,
           isActive: col.id === activeCollectionId,
           activeRequestId,
+          collapseSignal: colExpand,
           existingCollectionNames: colList.map((c) => c.data.name),
           onSelectCollection: () => {
             setActiveCollection(col.id);
@@ -27225,6 +27264,7 @@ function CollectionNode({
   col,
   isActive,
   activeRequestId,
+  collapseSignal,
   existingCollectionNames,
   newRequestId,
   onSelectCollection,
@@ -27250,7 +27290,13 @@ function CollectionNode({
   onRunFolder
 }) {
   const t = useT();
-  const [expanded, setExpanded] = reactExports.useState(true);
+  const [expanded, setExpanded] = reactExports.useState(() => !isCollectionCollapsed(col.id));
+  reactExports.useEffect(() => {
+    if (collapseSignal.seq > 0) setExpanded(collapseSignal.value);
+  }, [collapseSignal.seq, collapseSignal.value]);
+  reactExports.useEffect(() => {
+    setCollectionCollapsed(col.id, !expanded);
+  }, [col.id, expanded]);
   const [renaming, setRenaming] = reactExports.useState(false);
   const [showSettings, setShowSettings] = reactExports.useState(false);
   const [showSchemaSync, setShowSchemaSync] = reactExports.useState(false);
@@ -27830,8 +27876,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-Ih9tb7XI.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-CwrFQmAx.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-CWJMEqny.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-C01AJQ38.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…") });
@@ -29039,6 +29085,109 @@ function StreamTab({ request: request2, onChange }) {
     ] })
   ] });
 }
+function isDynamicToken(name) {
+  return name.startsWith("$") || name.includes("faker.") || name.includes("dayjs") || name.includes("(");
+}
+function collectUsedTokens(req) {
+  const parts = [req.url];
+  for (const p of req.params ?? []) parts.push(p.key, p.value);
+  for (const h of req.headers ?? []) parts.push(h.key, h.value);
+  if (req.auth) parts.push(JSON.stringify(req.auth));
+  const b = req.body;
+  if (b) {
+    parts.push(b.json, b.raw);
+    if (b.graphql) parts.push(b.graphql.query, b.graphql.variables);
+    if (b.soap) parts.push(b.soap.envelope);
+    for (const f of b.form ?? []) parts.push(f.key, f.value);
+  }
+  const found = /* @__PURE__ */ new Set();
+  for (const s of parts) {
+    if (!s) continue;
+    for (const m of s.matchAll(/\{\{([^}]+)\}\}/g)) found.add(m[1].trim());
+  }
+  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 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 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 SCOPE_LABEL = {
+    environment: t("environment"),
+    collection: t("collection"),
+    global: t("global")
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-5 text-xs", children: [
+    /* @__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"),
+        used.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1.5 text-surface-500", children: [
+          "(",
+          used.length,
+          ")"
+        ] })
+      ] }),
+      used.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: t("No {{variables}} are referenced in the URL, params, headers, auth, or body.") }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded border border-surface-800 overflow-hidden", children: used.map((name) => {
+        const defined = inScope.has(name);
+        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") })
+        ] }, name);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("h3", { className: "text-[11px] uppercase tracking-wider text-surface-400 mb-2", children: [
+        t("All variables in scope"),
+        allNames.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1.5 text-surface-500", children: [
+          "(",
+          allNames.length,
+          ")"
+        ] })
+      ] }),
+      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
+      )) })
+    ] }),
+    /* @__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.") })
+  ] });
+}
 const { electron: electron$u } = window;
 function formatTime$2(ts) {
   const d = new Date(ts);
@@ -29769,7 +29918,8 @@ function deriveHookStatus(r) {
 }
 const TAB_HINTS = {
   schema: "Schema: validate the response body against a JSON Schema, synced from your OpenAPI spec or created from a response. Checked automatically on every send.",
-  stream: "Stream: idle and total timeouts for streamed responses (SSE / NDJSON / chunked)."
+  stream: "Stream: idle and total timeouts for streamed responses (SSE / NDJSON / chunked).",
+  variables: "Variables: every variable in scope for this request (environment, collection, globals), their resolved values, and which ones the request references."
 };
 function RequestBuilder({ request: request2 }) {
   const t = useT();
@@ -30034,6 +30184,7 @@ function RequestBuilder({ request: request2 }) {
     ...!isWs ? [
       { id: "body", label: isSoap ? "SOAP" : "Body", count: request2.body.mode !== "none" ? 1 : 0 },
       { id: "auth", label: "Auth", count: request2.auth.type !== "none" ? 1 : 0 },
+      { id: "variables", label: "Variables", count: 0 },
       ...!isExample ? [
         { id: "scripts", label: "Scripts", count: (hasPreScript ? 1 : 0) + (hasPostScript ? 1 : 0) },
         { id: "schema", label: "Schema", count: request2.schema?.trim() ? 1 : 0 },
@@ -30254,6 +30405,7 @@ function RequestBuilder({ request: request2 }) {
           shown === "headers" && /* @__PURE__ */ jsxRuntimeExports.jsx(HeadersTab, { request: request2, onChange: update }),
           shown === "body" && /* @__PURE__ */ jsxRuntimeExports.jsx(BodyTab, { request: request2, onChange: update }),
           shown === "auth" && /* @__PURE__ */ jsxRuntimeExports.jsx(AuthTab, { request: request2, onChange: update }),
+          shown === "variables" && /* @__PURE__ */ jsxRuntimeExports.jsx(VariablesTab, { request: request2 }),
           !isExample && shown === "scripts" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScriptsTab, { request: request2, onChange: update }),
           !isExample && shown === "schema" && /* @__PURE__ */ jsxRuntimeExports.jsx(SchemaTab, { request: request2, onChange: update }),
           !isExample && shown === "docs" && /* @__PURE__ */ jsxRuntimeExports.jsx(DocsTab, { request: request2, onChange: update }),
@@ -30849,6 +31001,41 @@ function sortedIndices(rows, col, dir) {
   idx.sort((a, b) => compareValues(cellAt(rows[a], col), cellAt(rows[b], col)));
   return dir === "desc" ? idx.reverse() : idx;
 }
+function sortRows(rows, col, dir) {
+  return sortedIndices(rows, col, dir).map((i) => rows[i]);
+}
+function exportCell(value2) {
+  if (value2 == null) return "";
+  if (typeof value2 === "object") return JSON.stringify(value2);
+  return String(value2);
+}
+function tableMatrix(rows, columns) {
+  if (columns.length === 0) return { headers: ["value"], rows: rows.map((r) => [exportCell(r)]) };
+  return { headers: columns, rows: rows.map((r) => columns.map((c) => exportCell(cellAt(r, c)))) };
+}
+function tableToCsv(headers, rows) {
+  const esc2 = (s) => /[",\r\n]/.test(s) ? `"${s.replaceAll('"', '""')}"` : s;
+  return [headers, ...rows].map((r) => r.map(esc2).join(",")).join("\r\n");
+}
+function tableToTsv(headers, rows) {
+  const clean = (s) => s.replace(/[\t\r\n]+/g, " ");
+  return [headers, ...rows].map((r) => r.map(clean).join("	")).join("\n");
+}
+const COPY_FEEDBACK_MS = 2e3;
+function useCopyFeedback(resetMs = COPY_FEEDBACK_MS) {
+  const [copied, setCopied] = reactExports.useState(null);
+  const timer2 = reactExports.useRef(null);
+  const copy2 = reactExports.useCallback(async (text, key) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(key ?? true);
+      if (timer2.current) clearTimeout(timer2.current);
+      timer2.current = setTimeout(() => setCopied(null), resetMs);
+    } catch {
+    }
+  }, [resetMs]);
+  return { copied, copy: copy2 };
+}
 const MAX_ROWS = 1e3;
 function xmlToJson(node) {
   const out = {};
@@ -30893,6 +31080,7 @@ function ResponseTable({ body, contentType }) {
   const detected = reactExports.useMemo(() => parsed.ok ? findPrimaryArray(parsed.value) : null, [parsed]);
   const [path, setPath] = reactExports.useState("");
   const [sort, setSort] = reactExports.useState(null);
+  const { copied, copy: copy2 } = useCopyFeedback();
   reactExports.useEffect(() => {
     setPath(detected?.path ?? "");
     setSort(null);
@@ -30907,6 +31095,29 @@ function ResponseTable({ body, contentType }) {
   function toggleSort(col) {
     setSort((s) => s?.col === col ? s.dir === "asc" ? { col, dir: "desc" } : null : { col, dir: "asc" });
   }
+  const hasTable = rows !== null || classify(target) === "object";
+  function exportMatrix() {
+    if (rows) return tableMatrix(sort ? sortRows(rows, sort.col, sort.dir) : rows, columns);
+    if (classify(target) === "object") {
+      return { headers: ["field", "value"], rows: Object.entries(target).map(([k, v]) => [k, exportCell(v)]) };
+    }
+    return null;
+  }
+  function copyTable() {
+    const m = exportMatrix();
+    if (m) copy2(tableToTsv(m.headers, m.rows));
+  }
+  function downloadCsv() {
+    const m = exportMatrix();
+    if (!m) return;
+    const blob = new Blob([tableToCsv(m.headers, m.rows)], { type: "text/csv;charset=utf-8" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `response${path ? "-" + path.replace(/[^\w.-]+/g, "_") : ""}.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
   function navigate2(p) {
     setPath(p);
     setSort(null);
@@ -30952,7 +31163,27 @@ function ResponseTable({ body, contentType }) {
             className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 font-mono text-[11px] focus:outline-none focus:border-blue-500"
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 shrink-0", children: rows ? `${t(":count row|:count rows", { count: rows.length })}${columns.length ? ` · ${t(":count col|:count cols", { count: columns.length })}` : ""}` : classify(target) === "object" ? t(":count field|:count fields", { count: Object.keys(target).length }) : "" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 shrink-0", children: rows ? `${t(":count row|:count rows", { count: rows.length })}${columns.length ? ` · ${t(":count col|:count cols", { count: columns.length })}` : ""}` : classify(target) === "object" ? t(":count field|:count fields", { count: Object.keys(target).length }) : "" }),
+        hasTable && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: copyTable,
+              title: t("Copy as tab-separated values (paste into Excel or Google Sheets)"),
+              className: "shrink-0 px-2 py-0.5 rounded border border-surface-700 text-surface-300 hover:text-white hover:border-surface-500 transition-colors",
+              children: copied ? t("Copied") : t("Copy")
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: downloadCsv,
+              title: t("Download as CSV"),
+              className: "shrink-0 px-2 py-0.5 rounded border border-surface-700 text-surface-300 hover:text-white hover:border-surface-500 transition-colors",
+              children: t("CSV")
+            }
+          )
+        ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 overflow-auto", children: [
@@ -32774,9 +33005,9 @@ function HistoryPanel() {
   }, [collections]);
   const groups = reactExports.useMemo(() => {
     const q = search.toLowerCase();
-    const filtered2 = q ? history.filter((e) => e.request.name.toLowerCase().includes(q) || e.resolvedUrl.toLowerCase().includes(q) || e.request.method.toLowerCase().includes(q)) : history;
+    const filtered = q ? history.filter((e) => e.request.name.toLowerCase().includes(q) || e.resolvedUrl.toLowerCase().includes(q) || e.request.method.toLowerCase().includes(q)) : history;
     const out = [];
-    for (const entry of filtered2) {
+    for (const entry of filtered) {
       const label = formatDate(entry.timestamp, t);
       const last = out.at(-1);
       if (last?.label === label) last.entries.push(entry);
@@ -32842,7 +33073,7 @@ function HistoryPanel() {
       ] })
     ] }),
     history.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex items-center justify-center text-xs text-surface-400 px-4 text-center", children: t("No history yet. Send a request to start recording.") }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
-      filtered.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-4 text-xs text-surface-400", children: t("No matches.") }),
+      groups.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "px-3 py-4 text-xs text-surface-400", children: t("No matches.") }),
       groups.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-1 text-[10px] font-semibold text-surface-400 uppercase tracking-wider bg-surface-950/50 sticky top-0", children: group.label }),
         group.entries.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -33018,7 +33249,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.7.4" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.7.5" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -33100,21 +33331,6 @@ function WelcomeScreen() {
     ] })
   ] });
 }
-const COPY_FEEDBACK_MS = 2e3;
-function useCopyFeedback(resetMs = COPY_FEEDBACK_MS) {
-  const [copied, setCopied] = reactExports.useState(null);
-  const timer2 = reactExports.useRef(null);
-  const copy2 = reactExports.useCallback(async (text, key) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(key ?? true);
-      if (timer2.current) clearTimeout(timer2.current);
-      timer2.current = setTimeout(() => setCopied(null), resetMs);
-    } catch {
-    }
-  }, [resetMs]);
-  return { copied, copy: copy2 };
-}
 const { electron: electron$k } = window;
 const EXAMPLES = [
   {
@@ -33994,6 +34210,7 @@ function WorkspaceSettingsModal({ onClose }) {
   const [azTenantId, setAzTenantId] = reactExports.useState(sec.azure?.tenantId ?? "");
   const [azClientId, setAzClientId] = reactExports.useState(sec.azure?.clientId ?? "");
   const [opConnectHost, setOpConnectHost] = reactExports.useState(sec.onePassword?.connectHost ?? "");
+  const [gcpProject, setGcpProject] = reactExports.useState(sec.gcp?.project ?? "");
   const [oidc, setOidc] = reactExports.useState({ status: "idle" });
   async function vaultOidcLogin() {
     setOidc({ status: "busy", msg: t("Complete the sign-in in your browser…") });
@@ -34078,6 +34295,7 @@ function WorkspaceSettingsModal({ onClose }) {
     if (azClientId.trim()) azure.clientId = azClientId.trim();
     if (Object.keys(azure).length) secrets.azure = azure;
     if (opConnectHost.trim()) secrets.onePassword = { connectHost: opConnectHost.trim() };
+    if (gcpProject.trim()) secrets.gcp = { project: gcpProject.trim() };
     if (Object.keys(secrets).length) settings.secrets = secrets;
     else delete settings.secrets;
     updateWorkspaceSettings(settings);
@@ -34647,6 +34865,22 @@ function WorkspaceSettingsModal({ onClose }) {
                   className: `${inputCls} placeholder-surface-600`
                 }
               )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: labelCls, children: [
+                t("GCP project"),
+                " ",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-600 normal-case", children: t("(credentials from GOOGLE_APPLICATION_CREDENTIALS or GCP_ACCESS_TOKEN)") })
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "input",
+                {
+                  value: gcpProject,
+                  onChange: (e) => setGcpProject(e.target.value),
+                  placeholder: "my-gcp-project",
+                  className: `${inputCls} placeholder-surface-600`
+                }
+              )
             ] })
           ] })
         ] }),
@@ -35265,14 +35499,14 @@ function ImportModal({ onImport, onClose }) {
         await persistBaseUrlVariable(trimmedVarName, trimmedBaseUrl);
       }
       if (target === "__new__") {
-        const filtered2 = {
+        const filtered = {
           ...previewCol,
           name: newColName.trim() || previewCol.name,
           requests: {},
           rootFolder: pruneFolder(previewCol.rootFolder, previewCol, chosenIds, {})
         };
-        filtered2.requests = collectRequestsByFolder(filtered2.rootFolder, previewCol);
-        onImport(filtered2);
+        filtered.requests = collectRequestsByFolder(filtered.rootFolder, previewCol);
+        onImport(filtered);
         onClose();
       } else {
         const targetCol = collections[target]?.data;
@@ -40293,15 +40527,16 @@ const PROVIDER_ENV = {
   vault: ["VAULT_ADDR", "VAULT_ROLE_ID", "VAULT_SECRET_ID"],
   aws: ["AWS_REGION", "AWS_ACCESS_KEY_ID", "AWS_SECRET_ACCESS_KEY"],
   azure: ["AZURE_TENANT_ID", "AZURE_CLIENT_ID", "AZURE_CLIENT_SECRET"],
+  gcp: ["GCP_PROJECT", "GOOGLE_APPLICATION_CREDENTIALS_JSON"],
   op: ["OP_CONNECT_HOST", "OP_CONNECT_TOKEN"]
 };
 function secretManagerOf(ref) {
   if (ref.startsWith("op://")) return "op";
   const scheme = ref.split(":", 1)[0];
-  if (scheme === "vault" || scheme === "aws" || scheme === "azure") return scheme;
+  if (scheme === "vault" || scheme === "aws" || scheme === "azure" || scheme === "gcp") return scheme;
   return null;
 }
-const INLINE_REF_RE = /\{\{\s*(vault:|aws:|azure:|op:\/\/)/g;
+const INLINE_REF_RE = /\{\{\s*(vault:|aws:|azure:|gcp:|op:\/\/)/g;
 function inlineSecretManagers(text) {
   if (!text) return [];
   const kinds = /* @__PURE__ */ new Set();
@@ -52121,7 +52356,7 @@ function CommandPalette() {
     }
     return results;
   }, [collections]);
-  const filtered2 = reactExports.useMemo(() => {
+  const filtered = reactExports.useMemo(() => {
     if (!query.trim()) return allRequests.slice(0, 30);
     const q = query.toLowerCase();
     return allRequests.filter(
@@ -52129,18 +52364,18 @@ function CommandPalette() {
     ).slice(0, 30);
   }, [allRequests, query]);
   reactExports.useEffect(() => {
-    setActiveIdx((prev) => Math.min(prev, Math.max(0, filtered2.length - 1)));
-  }, [filtered2.length]);
+    setActiveIdx((prev) => Math.min(prev, Math.max(0, filtered.length - 1)));
+  }, [filtered.length]);
   function handleKeyDown(e) {
     if (e.key === "ArrowDown") {
       e.preventDefault();
-      setActiveIdx((i) => Math.min(i + 1, filtered2.length - 1));
+      setActiveIdx((i) => Math.min(i + 1, filtered.length - 1));
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
       setActiveIdx((i) => Math.max(i - 1, 0));
     } else if (e.key === "Enter") {
       e.preventDefault();
-      const item = filtered2[activeIdx];
+      const item = filtered[activeIdx];
       if (item) {
         openInTab(item.requestId, item.collectionId);
         setOpen(false);
@@ -52176,7 +52411,7 @@ function CommandPalette() {
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "text-[10px] text-surface-600 bg-surface-800 border border-surface-700 rounded px-1.5 py-0.5", children: "Esc" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-80 overflow-y-auto", children: filtered2.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-6 text-center text-sm text-surface-600", children: t('No requests match ":query"', { query }) }) : filtered2.map((item, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-80 overflow-y-auto", children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-6 text-center text-sm text-surface-600", children: t('No requests match ":query"', { query }) }) : filtered.map((item, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
             role: "button",
@@ -52202,7 +52437,7 @@ function CommandPalette() {
           },
           item.requestId
         )) }),
-        filtered2.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-t border-surface-800 flex items-center gap-3 text-[10px] text-surface-600", children: [
+        filtered.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-4 py-2 border-t border-surface-800 flex items-center gap-3 text-[10px] text-surface-600", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "bg-surface-800 border border-surface-700 rounded px-1", children: "↑↓" }),
             " ",
@@ -52639,7 +52874,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.7.4"
+        "0.7.5"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(