@testsmith/api-spector 0.4.1 → 0.4.3

package/out/main/index.js

@@ -5174,7 +5174,7 @@ function isNewer(a, b) {
   return a2 > b2;
 }
 async function checkForUpdate() {
-  const current = "0.4.1";
+  const current = "0.4.3";
   try {
     const res = await fetch(REGISTRY_URL, { signal: AbortSignal.timeout(4e3) });
     if (!res.ok) return null;

package/out/main/runner.js

@@ -396,7 +396,7 @@ async function main() {
   } else if (!envName && workspace.settings?.defaultEnvironment && !env) {
     console.warn(cliCommon.color(`Warning: default environment "${workspace.settings.defaultEnvironment}" not found. Running without environment.`, cliCommon.C.yellow));
   }
-  const version = `v${"0.4.1"}`;
+  const version = `v${"0.4.3"}`;
   console.log("");
   console.log(cliCommon.color("  API Test Runner" + (version ? ` ${version}` : ""), cliCommon.C.bold, cliCommon.C.white));
   console.log(cliCommon.color(`  Workspace:   ${wsPath}`, cliCommon.C.gray));

package/out/renderer/assets/{index-DGOQFW5S.js → index-nGZ7Xq6I.js}

@@ -13535,6 +13535,7 @@ const createTabsSlice = (set2, get2) => ({
   activeTabId: null,
   activeCollectionId: null,
   openInTab: (requestId, collectionId) => set2((s) => {
+    s.collectionPanelOpen = false;
     const existing = s.tabs.find((t2) => t2.requestId === requestId);
     if (existing) {
       s.activeTabId = existing.id;
@@ -13568,6 +13569,7 @@ const createTabsSlice = (set2, get2) => ({
   }),
   setActiveTabId: (id2) => set2((s) => {
     s.activeTabId = id2;
+    s.collectionPanelOpen = false;
     const tab = s.tabs.find((t2) => t2.id === id2);
     if (tab) s.activeCollectionId = tab.collectionId;
   }),
@@ -14144,6 +14146,7 @@ const createUiSlice = (set2) => ({
   activeGitDiff: null,
   quickInsertsOpen: true,
   sendSignal: 0,
+  collectionPanelOpen: false,
   setShowGeneratorPanel: (v) => set2((s) => {
     s.showGeneratorPanel = v;
   }),
@@ -14194,6 +14197,9 @@ const createUiSlice = (set2) => ({
   }),
   requestSend: () => set2((s) => {
     s.sendSignal += 1;
+  }),
+  setCollectionPanelOpen: (open) => set2((s) => {
+    s.collectionPanelOpen = open;
   })
 });
 const useStore = create()(
@@ -35826,6 +35832,144 @@ function BearerPanel({
     ] })
   ] });
 }
+function parseCSV(text) {
+  const lines = text.trim().split(/\r?\n/).filter(Boolean);
+  if (lines.length === 0) return { columns: [], rows: [] };
+  function splitRow(line) {
+    const cells = [];
+    let cur2 = "";
+    let inQuote = false;
+    for (let i = 0; i < line.length; i++) {
+      const ch = line[i];
+      if (ch === '"') {
+        inQuote = !inQuote;
+      } else if (ch === "," && !inQuote) {
+        cells.push(cur2.trim());
+        cur2 = "";
+      } else {
+        cur2 += ch;
+      }
+    }
+    cells.push(cur2.trim());
+    return cells;
+  }
+  const columns = splitRow(lines[0]);
+  const rows = lines.slice(1).map(splitRow);
+  return { columns, rows };
+}
+function toCSV(ds) {
+  const escape2 = (s) => s.includes(",") || s.includes('"') ? `"${s.replace(/"/g, '""')}"` : s;
+  return [ds.columns, ...ds.rows].map((row) => row.map(escape2).join(",")).join("\n");
+}
+function DataSetEditor({ ds, onChange, exportName, scopeLabel = "collection" }) {
+  const csvFileRef = reactExports.useRef(null);
+  function addColumn() {
+    const name2 = `var${ds.columns.length + 1}`;
+    onChange({ columns: [...ds.columns, name2], rows: ds.rows.map((r) => [...r, ""]) });
+  }
+  function renameColumn(ci, name2) {
+    onChange({ ...ds, columns: ds.columns.map((c, i) => i === ci ? name2 : c) });
+  }
+  function removeColumn(ci) {
+    onChange({ columns: ds.columns.filter((_, i) => i !== ci), rows: ds.rows.map((r) => r.filter((_, i) => i !== ci)) });
+  }
+  function addRow() {
+    onChange({ ...ds, rows: [...ds.rows, ds.columns.map(() => "")] });
+  }
+  function setCell(ri, ci, v) {
+    onChange({ ...ds, rows: ds.rows.map((row, i) => i === ri ? row.map((c, j) => j === ci ? v : c) : row) });
+  }
+  function removeRow(ri) {
+    onChange({ ...ds, rows: ds.rows.filter((_, i) => i !== ri) });
+  }
+  function importCSV(e) {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = (ev) => onChange(parseCSV(ev.target?.result));
+    reader.readAsText(file);
+    e.target.value = "";
+  }
+  function exportCSV() {
+    const blob = new Blob([toCSV(ds)], { type: "text/csv" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${exportName.replace(/\s+/g, "_")}_data.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+  const hasColumns = ds.columns.length > 0;
+  const iterCount = ds.rows.length;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 text-xs", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-surface-600 text-[11px]", children: [
+      "Define variables here - each row runs the entire ",
+      scopeLabel,
+      " once with those values injected. Columns become ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-500", children: "{{variable}}" }),
+      " placeholders."
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addColumn, className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 rounded transition-colors", children: "+ Column" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addRow, disabled: !hasColumns, className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 disabled:opacity-40 rounded transition-colors", children: "+ Row" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          onClick: () => csvFileRef.current?.click(),
+          className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 rounded transition-colors",
+          title: "Import CSV - first row is column headers",
+          children: "↑ Import CSV"
+        }
+      ),
+      hasColumns && iterCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: exportCSV, className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 rounded transition-colors", children: "↓ Export CSV" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ref: csvFileRef, type: "file", accept: ".csv,text/csv", className: "hidden", onChange: importCSV })
+    ] }),
+    hasColumns && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: iterCount === 0 ? "No rows yet - add rows or import a CSV." : `${iterCount} iteration${iterCount !== 1 ? "s" : ""} · columns: ${ds.columns.join(", ")}` }),
+    hasColumns ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full border-collapse text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-surface-700", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-8 px-2 py-1 text-surface-600 font-normal text-left", children: "#" }),
+        ds.columns.map((col, ci) => /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-1 py-1 font-normal text-left min-w-[120px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              value: col,
+              onChange: (e) => renameColumn(ci, e.target.value),
+              className: "flex-1 bg-surface-800 border border-surface-700 rounded px-1.5 py-0.5 font-mono text-blue-400 focus:outline-none focus:border-blue-500",
+              title: "Variable name"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => removeColumn(ci), className: "text-surface-400 hover:text-red-400 transition-colors shrink-0", children: "×" })
+        ] }) }, ci)),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-6" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
+        ds.rows.map((row, ri) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "group border-b border-surface-800/60 hover:bg-surface-800/30", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1 text-surface-600", children: ri + 1 }),
+          ds.columns.map((_, ci) => /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-1 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              value: row[ci] ?? "",
+              onChange: (e) => setCell(ri, ci, e.target.value),
+              className: "w-full bg-surface-800 border border-transparent rounded px-1.5 py-0.5 font-mono focus:outline-none focus:border-blue-500 hover:border-surface-600"
+            }
+          ) }, ci)),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-1 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => removeRow(ri), className: "text-surface-400 hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all", children: "×" }) })
+        ] }, ri)),
+        iterCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: ds.columns.length + 2, className: "px-2 py-3 text-surface-600 text-center", children: 'No rows - click "+ Row" or import a CSV' }) })
+      ] })
+    ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-8 text-surface-600", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "No columns defined." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px]", children: [
+        "Click ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "+ Column" }),
+        " to add a variable, or ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "↑ Import CSV" }),
+        " to load from a file."
+      ] })
+    ] })
+  ] });
+}
 function FolderSettingsModal({ collectionId, folder, onClose }) {
   const updateFolder = useStore((s) => s.updateFolder);
   const [activeTab, setActiveTab] = reactExports.useState("auth");
@@ -35834,6 +35978,7 @@ function FolderSettingsModal({ collectionId, folder, onClose }) {
   const [varRows, setVarRows] = reactExports.useState(
     Object.entries(folder.variables ?? {}).map(([key, value]) => ({ key, value, enabled: true }))
   );
+  const [dataSet, setDataSet] = reactExports.useState(folder.dataSet ?? { columns: [], rows: [] });
   function patchAuth(patch) {
     setAuth((prev) => ({ ...prev, ...patch }));
   }
@@ -35841,7 +35986,8 @@ function FolderSettingsModal({ collectionId, folder, onClose }) {
     const variables = Object.fromEntries(
       varRows.filter((r) => r.key.trim()).map((r) => [r.key.trim(), r.value])
     );
-    updateFolder(collectionId, folder.id, { auth, headers, variables });
+    const cleanData = dataSet.columns.length > 0 ? dataSet : void 0;
+    updateFolder(collectionId, folder.id, { auth, headers, variables, dataSet: cleanData });
     onClose();
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -35861,7 +36007,7 @@ function FolderSettingsModal({ collectionId, folder, onClose }) {
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: onClose, 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", "variables"].map((t2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex border-b border-surface-800 px-4 shrink-0", children: ["auth", "headers", "variables", "data"].map((t2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             onClick: () => setActiveTab(t2),
@@ -35904,7 +36050,8 @@ function FolderSettingsModal({ collectionId, folder, onClose }) {
                 valuePlaceholder: "value"
               }
             )
-          ] })
+          ] }),
+          activeTab === "data" && /* @__PURE__ */ jsxRuntimeExports.jsx(DataSetEditor, { ds: dataSet, onChange: setDataSet, exportName: folder.name, scopeLabel: "folder" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2 px-4 py-3 border-t border-surface-800 shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -36891,6 +37038,7 @@ function CollectionTree() {
   const tabs = useStore((s) => s.tabs);
   const openInTab = useStore((s) => s.openInTab);
   const setActiveCollection = useStore((s) => s.setActiveCollection);
+  const setCollectionPanelOpen = useStore((s) => s.setCollectionPanelOpen);
   const activeRequestId = tabs.find((t2) => t2.id === activeTabId)?.requestId ?? null;
   const addCollection = useStore((s) => s.addCollection);
   const addRequest = useStore((s) => s.addRequest);
@@ -36948,7 +37096,10 @@ function CollectionTree() {
           isActive: col.id === activeCollectionId,
           activeRequestId,
           existingCollectionNames: colList.map((c) => c.data.name),
-          onSelectCollection: () => setActiveCollection(col.id),
+          onSelectCollection: () => {
+            setActiveCollection(col.id);
+            setCollectionPanelOpen(true);
+          },
           onSelectRequest: (reqId) => openInTab(reqId, col.id),
           newRequestId,
           onAddRequest: (folderId) => setNewRequestId(addRequest(col.id, folderId)),
@@ -66235,7 +66386,7 @@ function WelcomeScreen() {
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-sm max-w-sm", children: "Local-first API testing with Robot Framework & Playwright code generation. Secrets stay on your machine." }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: [
         "version ",
-        "0.4.1"
+        "0.4.3"
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
@@ -68992,7 +69143,7 @@ function RunnerModal() {
   const colEntry = collectionId ? collections[collectionId] : null;
   const colName = colEntry?.data.name ?? "Collection";
   const folderName = folderId && colEntry ? findFolder$1(colEntry.data.rootFolder, folderId)?.name ?? "Folder" : null;
-  const dataSet = colEntry?.data.dataSet ?? { columns: [], rows: [] };
+  const dataSet = (folderId && colEntry ? findFolder$1(colEntry.data.rootFolder, folderId)?.dataSet : null) ?? colEntry?.data.dataSet ?? { columns: [], rows: [] };
   const iterCount = dataSet.rows.length;
   const availableTags = collectionId ? allTagsIn(collectionId, folderId) : [];
   const progressIdxRef = reactExports.useRef(0);
@@ -69008,7 +69159,7 @@ function RunnerModal() {
   }, [runnerModal.open]);
   const toggleTag = (tag) => setFilterTags((prev) => prev.includes(tag) ? prev.filter((t2) => t2 !== tag) : [...prev, tag]);
   const run = reactExports.useCallback(async () => {
-    const ds = colEntry?.data.dataSet ?? { columns: [], rows: [] };
+    const ds = (folderId && colEntry ? findFolder$1(colEntry.data.rootFolder, folderId)?.dataSet : null) ?? colEntry?.data.dataSet ?? { columns: [], rows: [] };
     const baseItems = collectionId ? collectRequests(collectionId, folderId, filterTags) : [];
     if (baseItems.length === 0) return;
     let items2;
@@ -69313,42 +69464,12 @@ function RunnerModal() {
     }
   );
 }
-function parseCSV(text) {
-  const lines = text.trim().split(/\r?\n/).filter(Boolean);
-  if (lines.length === 0) return { columns: [], rows: [] };
-  function splitRow(line) {
-    const cells = [];
-    let cur2 = "";
-    let inQuote = false;
-    for (let i = 0; i < line.length; i++) {
-      const ch = line[i];
-      if (ch === '"') {
-        inQuote = !inQuote;
-      } else if (ch === "," && !inQuote) {
-        cells.push(cur2.trim());
-        cur2 = "";
-      } else {
-        cur2 += ch;
-      }
-    }
-    cells.push(cur2.trim());
-    return cells;
-  }
-  const columns = splitRow(lines[0]);
-  const rows = lines.slice(1).map(splitRow);
-  return { columns, rows };
-}
-function toCSV(ds) {
-  const escape2 = (s) => s.includes(",") || s.includes('"') ? `"${s.replace(/"/g, '""')}"` : s;
-  return [ds.columns, ...ds.rows].map((row) => row.map(escape2).join(",")).join("\n");
-}
 function CollectionPanel() {
   const activeCollectionId = useStore((s) => s.activeCollectionId);
   const collections = useStore((s) => s.collections);
   const updateCollectionDataSet = useStore((s) => s.updateCollectionDataSet);
   const openRunner = useStore((s) => s.openRunner);
   const [activeTab, setActiveTab] = reactExports.useState("data");
-  const csvFileRef = reactExports.useRef(null);
   if (!activeCollectionId) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center h-full text-surface-400 text-sm", children: "Select a request from the sidebar" });
   }
@@ -69358,43 +69479,6 @@ function CollectionPanel() {
   function setDs(next) {
     updateCollectionDataSet(activeCollectionId, next);
   }
-  function addColumn() {
-    const name2 = `var${ds.columns.length + 1}`;
-    setDs({ columns: [...ds.columns, name2], rows: ds.rows.map((r) => [...r, ""]) });
-  }
-  function renameColumn(ci, name2) {
-    setDs({ ...ds, columns: ds.columns.map((c, i) => i === ci ? name2 : c) });
-  }
-  function removeColumn(ci) {
-    setDs({ columns: ds.columns.filter((_, i) => i !== ci), rows: ds.rows.map((r) => r.filter((_, i) => i !== ci)) });
-  }
-  function addRow() {
-    setDs({ ...ds, rows: [...ds.rows, ds.columns.map(() => "")] });
-  }
-  function setCell(ri, ci, v) {
-    setDs({ ...ds, rows: ds.rows.map((row, i) => i === ri ? row.map((c, j) => j === ci ? v : c) : row) });
-  }
-  function removeRow(ri) {
-    setDs({ ...ds, rows: ds.rows.filter((_, i) => i !== ri) });
-  }
-  function importCSV(e) {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    const reader = new FileReader();
-    reader.onload = (ev) => setDs(parseCSV(ev.target?.result));
-    reader.readAsText(file);
-    e.target.value = "";
-  }
-  function exportCSV() {
-    const blob = new Blob([toCSV(ds)], { type: "text/csv" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = `${col.name.replace(/\s+/g, "_")}_data.csv`;
-    a.click();
-    URL.revokeObjectURL(url);
-  }
-  const hasColumns = ds.columns.length > 0;
   const iterCount = ds.rows.length;
   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: [
@@ -69434,72 +69518,7 @@ function CollectionPanel() {
       tab.id
     )) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: [
-      activeTab === "data" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 text-xs", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-surface-600 text-[11px]", children: [
-          "Define variables here - each row runs the entire collection once with those values injected. Columns become ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-500", children: "{{variable}}" }),
-          " placeholders."
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addColumn, className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 rounded transition-colors", children: "+ Column" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: addRow, disabled: !hasColumns, className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 disabled:opacity-40 rounded transition-colors", children: "+ Row" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              onClick: () => csvFileRef.current?.click(),
-              className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 rounded transition-colors",
-              title: "Import CSV - first row is column headers",
-              children: "↑ Import CSV"
-            }
-          ),
-          hasColumns && iterCount > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: exportCSV, className: "px-2.5 py-1 bg-surface-700 hover:bg-surface-600 rounded transition-colors", children: "↓ Export CSV" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("input", { ref: csvFileRef, type: "file", accept: ".csv,text/csv", className: "hidden", onChange: importCSV })
-        ] }),
-        hasColumns && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500", children: iterCount === 0 ? "No rows yet - add rows or import a CSV." : `${iterCount} iteration${iterCount !== 1 ? "s" : ""} · columns: ${ds.columns.join(", ")}` }),
-        hasColumns ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full border-collapse text-xs", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-surface-700", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-8 px-2 py-1 text-surface-600 font-normal text-left", children: "#" }),
-            ds.columns.map((col2, ci) => /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-1 py-1 font-normal text-left min-w-[120px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "input",
-                {
-                  value: col2,
-                  onChange: (e) => renameColumn(ci, e.target.value),
-                  className: "flex-1 bg-surface-800 border border-surface-700 rounded px-1.5 py-0.5 font-mono text-blue-400 focus:outline-none focus:border-blue-500",
-                  title: "Variable name"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => removeColumn(ci), className: "text-surface-400 hover:text-red-400 transition-colors shrink-0", children: "×" })
-            ] }) }, ci)),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "w-6" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { children: [
-            ds.rows.map((row, ri) => /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "group border-b border-surface-800/60 hover:bg-surface-800/30", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-2 py-1 text-surface-600", children: ri + 1 }),
-              ds.columns.map((_, ci) => /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-1 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "input",
-                {
-                  value: row[ci] ?? "",
-                  onChange: (e) => setCell(ri, ci, e.target.value),
-                  className: "w-full bg-surface-800 border border-transparent rounded px-1.5 py-0.5 font-mono focus:outline-none focus:border-blue-500 hover:border-surface-600"
-                }
-              ) }, ci)),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-1 py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: () => removeRow(ri), className: "text-surface-400 hover:text-red-400 opacity-0 group-hover:opacity-100 transition-all", children: "×" }) })
-            ] }, ri)),
-            iterCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: ds.columns.length + 2, className: "px-2 py-3 text-surface-600 text-center", children: 'No rows - click "+ Row" or import a CSV' }) })
-          ] })
-        ] }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center gap-2 py-8 text-surface-600", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "No columns defined." }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px]", children: [
-            "Click ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "+ Column" }),
-            " to add a variable, or ",
-            /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "↑ Import CSV" }),
-            " to load from a file."
-          ] })
-        ] })
-      ] }),
+      activeTab === "data" && /* @__PURE__ */ jsxRuntimeExports.jsx(DataSetEditor, { ds, onChange: setDs, exportName: col.name, scopeLabel: "collection" }),
       activeTab === "variables" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-2 text-xs text-surface-600", children: Object.keys(col.collectionVariables ?? {}).length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
         "No collection variables. Scripts can set them via ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-surface-500", children: "sp.collectionVariables.set(…)" }),
@@ -72463,6 +72482,7 @@ function App() {
   const [tabContextMenu, setTabContextMenu] = reactExports.useState(null);
   const showGeneratorPanel = useStore((s) => s.showGeneratorPanel);
   const sidebarTab = useStore((s) => s.sidebarTab);
+  const collectionPanelOpen = useStore((s) => s.collectionPanelOpen);
   const setSidebarTab = useStore((s) => s.setSidebarTab);
   const historyCount = useStore((s) => s.history.length);
   const addCollection = useStore((s) => s.addCollection);
@@ -72580,7 +72600,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.4.1"
+        "0.4.3"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -72811,7 +72831,7 @@ function App() {
               }
             }
           }
-        ) }) : sidebarTab === "mocks" && activeMockId ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MockDetailPanel, { mockId: activeMockId }) }) : activeRequest ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex min-h-0", children: [
+        ) }) : sidebarTab === "mocks" && activeMockId ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MockDetailPanel, { mockId: activeMockId }) }) : collectionPanelOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(CollectionPanel, {}) }) : activeRequest ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 flex min-h-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {

package/out/renderer/index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>API Spector</title>
-  <script type="module" crossorigin src="./assets/index-DGOQFW5S.js"></script>
+  <script type="module" crossorigin src="./assets/index-nGZ7Xq6I.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-DkZ0bxof.css">
 </head>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@testsmith/api-spector",
   "productName": "API Spector",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Local-first API testing tool to inspect, test and mock APIs",
   "repository": {
     "type": "git",
@@ -112,7 +112,23 @@
       }
     ],
     "mac": {
-      "category": "public.app-category.developer-tools"
+      "category": "public.app-category.developer-tools",
+      "target": [
+        {
+          "target": "dmg",
+          "arch": [
+            "arm64",
+            "x64"
+          ]
+        },
+        {
+          "target": "zip",
+          "arch": [
+            "arm64",
+            "x64"
+          ]
+        }
+      ]
     },
     "win": {
       "target": "nsis"
@@ -124,21 +140,5 @@
       "provider": "github",
       "releaseType": "draft"
     }
-  },
-  "mac": {
-    "category": "public.app-category.developer-tools",
-    "target": [
-      {
-        "target": "dmg",
-        "arch": [
-          "arm64",
-          "x64"
-        ]
-      }
-    ],
-    "identity": null
-  },
-  "win": {
-    "target": "nsis"
   }
 }